@media screen and (min-width: 320px) {
	body{font-size: 75%;}
}
@media screen and (min-width: 360px) {
	body{font-size: 85.25%;}
}
@media screen and (min-width: 400px) {
	body{ font-size: 100%;}
}
@media screen and (min-width: 480px) {
	body{font-size: 112.5%;}
}
@media screen and (min-width: 568px) {
	body{font-size: 133%;}
}
@media screen and (min-width: 639px) {
	body{
		/*font-size: 150%;*/
	}
}
.g-odv { height:9.83em; position:relative;}
.g-odv .sclwrap_box , .g-adv .m-box{ height:9.45em;overflow:hidden;}
.g-odv .m-box li img{ width:100%; height:100%; display:block; overflow:hidden}
.g-odv .m-cnt{ height:0.38em; width:100%; background:#999999;}
.g-odv .m-cnt li{ float:left;width:33.33%; height:0.38em; text-align:center; line-height:0.38em;font-family:"Times New Roman"}
.g-odv .m-cnt li.z-on{  color:#fff; background:#246cd7;}
/**/
.m-nav{ height:15.75em; overflow: hidden;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; padding: 0.875em 4.21875%	 0;}
.m-nav li{ display: block; float: left; width:29.19%; margin: 0 6.14% 1.5em 0; height:6.416em; overflow: hidden; border: 1px solid #999999; padding-top: 0.5em; text-align: center;
-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; line-height:2.3em;  color: #666666; border-radius:0.5em;}
.m-nav li em{ display: block; width:50.29%; overflow: hidden; margin: 0 auto}
.m-nav li em img{ display: block; overflow: hidden; display: block; width: 100%; height: auto;}
.m-nav li i{ font-size: 1.0833em;}
.m-nav a:nth-child(3) li,
.m-nav a:nth-child(6) li{margin-right: 0;}
/**/
.g-pro{ display: block; overflow: hidden; padding: 0 3.984%}
.g-pro h2{display: block; height: 1.6em; line-height: 1.6em; font-size: 1.25em; border-bottom: 1px solid #cccccc; position: relative; color: #246cd7; font-weight: bold;}
.g-pro h2 span{ float: right; color: #000; text-transform: uppercase; font-size: 0.8em; font-weight: normal;}
.g-pro h2 span em{ display: block; float: left; width: 1em; overflow: hidden; vertical-align: middle; padding: 0.5em 0.4em 0 0;}
.g-pro h2 span em img{ width: 100%; height: auto; overflow: hidden; display: block;}
.g-pro h2 i{ color: #9a9a9a; font-size: 0.8em; font-weight: normal; text-transform: uppercase;}
.g-pro h2:after{ position: absolute;left: 0; bottom: 0; height: 0.1em; width: 21.18%; content: ""; background: #246cd7;}
.m-pro{ display: block; padding-top: 0.83333em;}
.m-pro span{ display: block; overflow: hidden; padding-bottom: 0.516667em;}
.m-pro span a{display: inline-block; overflow: hidden; width: 33.135%; height: 1.91667em;line-height: 1.91667em; color: #333333;}
.m-pro span a:nth-child(3n){ width: auto;}
.m-pro .m-pro-dl{ display: block; overflow: hidden; padding-bottom: 1.333em;}
.m-pro .m-pro-dl dl{ display: block; width: 48%;float: left;margin-left: 0.4rem;}
/**/.m-pro .m-pro-dl a:nth-child(1) dl{ float: left;}
.m-pro .m-pro-dl a:nth-child(2) dl{ float: right;}
.m-pro .m-pro-dl dt{ display: block; overflow: hidden;}
.m-pro .m-pro-dl dt img{ display: block; overflow: hidden;  width: 100%; height:10em; overflow: hidden;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border: 1px solid #cccccc;}
.m-pro .m-pro-dl dd{ display: block; padding-top: 0.25em; height: 5.125em; overflow: hidden;}
.m-pro .m-pro-dl dd b{ display: block; height: 2.08333em;line-height: 2.08333em; font-weight: normal; color: #333333;}
.m-pro .m-pro-dl dd p{ display: block; color: #333333; line-height: 0.7em; height:3em; letter-spacing: -0.05em;}
.dvbg{width:100%;height:100%;}
/**/
.g-yos{ height: auto; overflow: hidden; background: #efefef}
.g-yos h2{ display: block;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
background:url("../images/yos-tit-bg.jpg") no-repeat center top; font-size: 1em; overflow: hidden; padding-top: 0.5em;text-align: center; height: 6.91667em;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}
.g-yos h2 i{ display: block; font-size: 1.416667em; overflow: hidden; font-weight: bold; color: #fff; height:2.235em;line-height:2.235em;}
.g-yos h2 b{ display: block; width: 62.1875%; margin: 0 auto}
.g-yos h2 b img{ display: block; width: 100%; height: auto; overflow: hidden;}
.m-yos{ display: block; overflow: hidden; padding-top: 0.625em; overflow: hidden;}
.m-yos em{ display: block; overflow: hidden;}
.m-yos em img{ display: block; width: 100%; height: auto; overflow: hidden;}
.m-yos-cnt{-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; height:auto; overflow: hidden;
background:url("../images/yos-box.jpg") no-repeat center top; padding-left: 20%;  padding-right: 4.2%;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}
.m-yos-cnt dl{ display: block; height:8.75em;}
.m-yos-cnt dt{ display: block; padding-top: 0.357em; height:1.714em; line-height:1.714em; color: #246cd7; font-size: 1.16667em;}
.m-yos-cnt dd{ color: #333333; line-height: 1.625em;}
.m-yos-cnt dl:nth-child(3),
.m-yos-cnt dl:nth-child(4),
.m-yos-cnt dl:nth-child(5){ height: 7.125em;}
/**/
.g-brd{display: block; height: 53.54333em; overflow: hidden;webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; padding-top: 1.5833em;}
.g-brd h2{ display: block; font-size: 1em; height: 3.70833em; overflow: hidden; text-align: center;}
.g-brd h2 i{ display: block; width: 79.2%; margin: 0 auto}
.g-brd h2 img{ display: block; width: 100%; height: auto; overflow: hidden;}
.g-brd .yos-des{display: block;font-size: 1.16667em; width: 52.5%; margin: 0 auto; border: 1px solid #246cd7; height:1.75em;line-height:1.75em;text-align: center; color: #246cd7; position: relative;}
.g-brd .yos-des:after{ display: block; position: absolute; width:37.7%; left: -37.7%; height: 1px; background: #246cd7; content: ""; top: 50%;}
.g-brd .yos-des:before{ display: block; position: absolute; width:37.7%; right: -37.7%; height: 1px; background: #246cd7; content: ""; top: 50%;}
.m-brd{display: block; padding-top: 0.625em; height:45em; overflow: hidden; position: relative;}
.m-brd .prev,
.m-brd .next{display: block; width: 10.46875%; height: 2em; font-size: 1.25em; color: #246cd7; font-weight: bold; line-height: 2em; text-align: center; border: 1px solid #6195e2; font-family: "songti"; position: absolute; top: 33.4em; z-index: 10;}
.m-brd .prev{ left: 17.18%}
.m-brd .next{ right: 17.18%}
.m-brd .nowarp,
.m-brd .sclwrap_box,
.m-brd .m-box,
.m-brd .con{ height: 45em; overflow: hidden;}
.m-brd .con{ display: block; float: left; width: 100%}
.m-brd em{ display: block; overflow: hidden; height: auto; overflow: hidden; height: 18.625em; overflow: hidden;}
.m-brd em img{ display: block; width:100%; height:auto; overflow: hidden; display: block;}
.m-brd dl{ display: block; margin: 0 3.125% 1em;}
.m-brd dt{ display: block; overflow: hidden;/* width:19.6%;*/; height: 5.416667em; overflow: hidden;}
.m-brd dt b{ display: block; float: left; width: 19.6%; font-size: 2em; height: 2.1875em;font-weight: bold; color: #fff;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; padding: 0.3em 0 0 0.18em; font-family: arial;
background:url("../images/brd-ico-max.jpg")no-repeat center top;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}
.m-brd dt span{ display: block; float: left; overflow: hidden; width: 80.3%; color: #246cd7; font-size: 1emp}
.m-brd dt span i{ display: block; color: #246cd7; font-size: 1.25em; height: 2.1em;line-height: 2.1em; font-weight: bold;}
.m-brd dd{ display: block; overflow: hidden; padding-left: 21.6667%;}
.m-brd dd span{ display: block;padding: 0.5em 0; color: #333333; line-height: 1.375em; border-bottom: 1px solid #e5e5e5; position: relative;}
.m-brd dd span:last-child{ border-bottom: none;}
.m-brd .brd-wrp{ display: block; height:22.48em;}
.m-brd dd span:after{ overflow: hidden; position: absolute; left: -1.8333em; top: 0.75em; overflow: hidden;content: ""; width: 0.958em; height: 0.958em;
background:url("../images/yos-ico.jpg")no-repeat center top;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}
.m-brd .brd-btn{ display: block; overflow: hidden; padding-left: 21.6667%}
.m-brd .brd-btn a{ display:inline-block; width: 4.7083em; text-align: center; font-weight: normal; height: 1.625em;line-height: 1.625em; background: #246cd7; color: #fff; margin-right: 0.8em; border-radius: 0.125em;}
.m-brd .pn-num{ display: block;text-align: center; height: 2.41667em;line-height: 2.41667em; font-weight: normal;}
.m-brd .pn-num i{ color: #424242; font-size: 1.25em; font-family: arial; font-weight: bold;vertical-align: middle; padding: 0 0.3em;}
.m-brd .pn-num .cur{ color: #246cd7; font-size: 2em;}
/**/
.g-od1{ display: block; height: 7.208333em; overflow: hidden; position: relative;}
.g-od1 .ban{ display: block; overflow: hidden;}
.g-od1 .ban img{ display: block; width: 100%; height: auto; overflow: hidden;}
.g-od1 span{ display: block; overflow: hidden; position: absolute; left:3.75%; top: 3.79em;}
.g-od1 span .od-tel{ color: #fff; font-size: 1.5em; font-weight: bold; font-family: arial}
.g-od1 span i{ display: inline-block;}
.g-od1 span i a{ width: 4.51em; height: 1.5em; line-height: 1.5em; text-align: center; margin-left: 1em; border-radius: 0.125em; color: #246cd7;display: inline-block;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d5d5d5)); 
	background-image: -webkit-linear-gradient(top, #fff, #d5d5d5); 
	background-image: -moz-linear-gradient(top, #fff, #d5d5d5); 
	background-image: -o-linear-gradient(top, #fff, #d5d5d5); 
	background-image: -ms-linear-gradient(top, #fff, #d5d5d5); 
	background-image: linear-gradient(top, #fff, #d5d5d5);
}
/**/
.g-wit{ display: block; overflow: hidden; height: 14.16667em; overflow: hidden;}
.g-wit .c-list{ display: block; height: 2.375em; font-size: 1em; background: #cccccc;line-height: 2.375em;}
.g-wit .c-list li{ display: block; float: left; padding: 0 1em; font-weight: bold; color: #333;}
.g-wit .c-list li.z-on{ color: #fff; background: #246cd7; position: relative;}
.g-wit .c-list li.z-on:after{ position: absolute; left: 50%; margin-left: -0.75em; border-top: 0.75em solid #246cd7; border-left: 0.75em solid #fff;border-right: 0.75em solid #fff; content: ""; bottom: -0.75em;}
.g-wit .c-list .u-more{ float: right; color: #000; text-transform: uppercase; font-size:1em; font-weight: normal; margin-right:0.5em;}
.g-wit .c-list .u-more em{ display: block; float: left; width: 1em; overflow: hidden; vertical-align: middle; padding: 0.6em 0.4em 0 0;}
.g-wit .c-list .u-more img{ width: 100%; height: auto; overflow: hidden; display: block;}
.g-wit .box-style,
.g-wit .no_ov,
.g-wit .sclwrap_box,
.g-wit .m-box,
.g-wit .page{ display: block; overflow: hidden; height: 10em;}
.g-wit .box-style{ position: relative; padding: 2em 4% 0; }
.g-wit .page{ float: left; width: 100%; overflow: hidden; display: block;}
.g-wit .no_ov{ margin: 0 7.79%;}
.g-wit .page a{ display: block; width: 47.48%;}
.g-wit .box-style .prev,
.g-wit .box-style .next{ display: block; overflow: hidden; top: 5.2em; position: absolute; width: 1em; overflow: hidden;}
.g-wit .box-style .prev img{ display: block; overflow: hidden; width: 100%; height: auto; overflow: hidden;}
.g-wit .box-style .next img{ display: block; overflow: hidden; width: 100%; height: auto; overflow: hidden;}
.g-wit .box-style .next{ right: 1em;}
.g-wit .box-style .prev{ left: 1em;}
.g-wit .page a:nth-child(1){float: left;}
.g-wit .page a:nth-child(2){float: right;}
.g-wit .page img{ display: block; overflow: hidden; width: 100%; height: auto; overflow: hidden;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; border: 1px solid #cccccc;   }
.g-wit .page span{ display: block;overflow: hidden; color: #333333; height: 2.625em;line-height: 2.625em; text-align: center;}
/**/
.g-abt{ display: block; height: 21.5em; overflow: hidden; padding: 0 3.9%;}
.g-abt h2{display: block; height: 1.6em; line-height: 1.6em; font-size: 1.25em; border-bottom: 1px solid #cccccc; position: relative; color: #246cd7; font-weight: bold;}
.g-abt h2 span{ float: right; color: #000; text-transform: uppercase; font-size: 0.8em; font-weight: normal;}
.g-abt h2 span em{ display: block; float: left; width: 1em; overflow: hidden; vertical-align: middle; padding: 0.5em 0.4em 0 0;}
.g-abt h2 span em img{ width: 100%; height: auto; overflow: hidden; display: block;}
.g-abt h2 i{ color: #9a9a9a; font-size: 0.8em; font-weight: normal; text-transform: uppercase;}
.g-abt h2:after{ position: absolute;left: 0; bottom: 0; height: 0.1em; width: 21.18%; content: ""; background: #246cd7;}
.m-abt{ display: block; overflow: hidden; padding-top: 1.16667em; height: 19.333em;}
.m-abt .box-style,
.m-abt .no_ov,
.m-abt .sclwrap_box,
.m-abt .m-box,
.m-abt .page{ display: block; overflow: hidden; height:15.375em;}
.m-abt .page{ float: left; overflow: hidden; width: 100%; height: auto;display: block; display: inline;}
.m-abt .no_ov{ margin: 0 7.79%;}
.m-abt .box-style .prev,
.m-abt .box-style .next{ display: block; overflow: hidden; top:4.5em; position: absolute; width: 1em; overflow: hidden;}
.m-abt .box-style .prev img{ display: block; overflow: hidden; width: 100%; height: auto; overflow: hidden;}
.m-abt .box-style .next img{ display: block; overflow: hidden; width: 100%; height: auto; overflow: hidden;}
.m-abt .box-style .next{ right: 0;}
.m-abt .box-style .prev{ left: 0;}
.m-abt .box-style{ position: relative; z-index: 1}
.m-abt .box-style a{ display: block; width: 43.57%; height: auto; overflow: hidden;}
.m-abt .box-style a:nth-child(1){ float: left;}
.m-abt .box-style a:nth-child(2){ float: right;}
.m-abt .box-style a img{ display: block; overflow: hidden; width: 100%; height: 10em;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; border: 1px solid #cccccc; }
.m-abt .box-style a span{ display: block; overflow: hidden; height: 3.333em;line-height: 3.333em;text-align: center; color: #333333;}
/*.m-abt .box-style:nth-child(2),
.m-abt .box-style:nth-child(3){ display: none;}*/
.m-abt .box-style:nth-child(2) a{ display: block;float:none; width: 100%;}
.m-abt .box-style:nth-child(2) .no_ov{ margin: 0 ;}
.m-abt .box-style:nth-child(2) em{ width: 56.1%; overflow: hidden; display: block; float: left;}
.m-abt .box-style:nth-child(2) em img{ border: 0.0833em solid #246cd7;}
.m-abt .box-style:nth-child(2) span{ display: block; overflow: hidden; height: auto; float: right; width: 41.4%; line-height: 1.675em; text-align: left;}
.m-abt .box-style:nth-child(2) span p{ height:10em; overflow: hidden; color: #333333;}
.m-abt .box-style:nth-child(2) span i{ display: block; color: #246cd7;}
.m-abt .c-list{ display: block; overflow: hidden; position: relative; z-index: 100; margin-bottom:2em;}
.m-abt .c-list li{ display: block; overflow: hidden; width:29.8%; height: 2.153em;line-height: 2.153em; text-align: center; color: #333333; border: 1px solid #333333; margin-right:5%;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; float: left; font-size: 1.0833em;}
.m-abt .c-list li:nth-child(3){ margin-right: 0;}
.m-abt .c-list li.z-on{ color: #246cd7; border: 1px solid #246cd7;}
/**/
.g-faq{ display: block; overflow: hidden; height:17.916em; overflow: hidden;}
.g-faq .m-cnt{ display: block; height: 2.375em; font-size: 1em; background: #cccccc;line-height: 2.375em;}
.g-faq .m-cnt li{ display: block; float: left; padding: 0 1.3em; font-weight: bold; color: #333;}
.g-faq .m-cnt li.z-on{ color: #fff; background: #246cd7; position: relative;}
.g-faq .m-cnt li.z-on:after{ position: absolute; left: 50%; margin-left: -0.75em; border-top: 0.75em solid #246cd7; border-left: 0.75em solid #fff;border-right: 0.75em solid #fff; content: ""; bottom: -0.75em;}
.g-faq .m-cnt .u-more{ float: right; color: #000; text-transform: uppercase; font-size:1em; font-weight: normal; margin-right:0.5em;}
.g-faq .m-cnt .u-more em{ display: block; float: left; width: 1em; overflow: hidden; vertical-align: middle; padding: 0.6em 0.4em 0 0;}
.g-faq .m-cnt .u-more img{ width: 100%; height: auto; overflow: hidden; display: block;}
.g-faq .sclwrap_box,
.g-faq .m-box,
.g-faq .con{ display: block; overflow: hidden; height: 14.5833em; overflow: hidden;}
.g-faq .con{ float: left; width: 100%; height: auto; overflow: hidden;}
.g-faq .con dl a{ display: block; padding: 1.25em 3.9% 1em; position: relative;}
.g-faq .con dl a:after{ position: absolute; left: 11%; bottom: 0; height: 1px; width:89%; background: #cccccc; content: ""}
.g-faq .con dl:last-child a:after{ display: none;}
.g-faq .con dt{ display: block; height: 1.333em;line-height: 1.333em; overflow: hidden; padding-left: 7.45%; color: #333333; position: relative; margin-bottom: 0.5833em;}
.g-faq .con dt:after{ position: absolute; left: 0; top: 0; width:1.333em;height:1.333em;overflow: hidden;content: "";
background:url("../images/faq-ico1.jpg") no-repeat center top;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}
.g-faq .con dd{ display: block;line-height: 1.5em; overflow: hidden; padding-left: 7.45%; color: #333333; position: relative;}
.g-faq .con dd:after{ position: absolute; left: 0; top: 0; width:1.333em;height:1.333em;overflow: hidden;content: "";
background:url("../images/faq-ico2.jpg") no-repeat center top;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}

.g-faq .con span{ display: block; padding-top: 2.08333em; padding: 2.08333em 4.21875% 0;}
.g-faq .con span i{ display: block; float: left; width: 34.47%; overflow: hidden; padding-top:0.7em;}
.g-faq .con span i img{ display: block; padding: 1px; border: 1px solid #cccccc;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.g-faq .con span em{ display: block; overflow: hidden; width: 94%; float: left; padding-left: 4.77%;}
.g-faq .con span em a{ display: block; color: #333333; line-height: 2em; overflow: hidden; height: 2em;}