@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%;
	}
}
/*
background: 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%;
-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
*/
/* **************************************** */
/* **************************************** */
.m-nav{ height:5.458em; 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;
background:url(/mobile/Images/Index/h_nav.gif) 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-nav li{ display: block; position: relative; float: left; width:33.333%; height:2.729em; line-height:2.729em; overflow: hidden;text-align: center; border-bottom: 1px solid #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; color: #fff;}
.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(4) li,
.m-nav a:nth-child(5) li{margin-right: 0;}
.m-nav li:after{position:absolute; left:1px; top:0.7em; height: 1.5em; width: 1px;content: "";
background-image: -webkit-gradient(linear,left top,left bottom,form(#1358a2),color-stop(0.5 #fff),to(#1358a2));
background-image:-moz-linear-gradient(top,#1358a2,#fff 50%,#1358a2);
background-image:-webkit-linear-gradient(top,#1358a2,#fff 50%,#1358a2);
background-image:-o-linear-gradient(top,#1358a2,#fff 50%,#1358a2);
background-image:-ms-linear-gradient(top,#1358a2,#fff 50%,#1358a2);
background-image:linear-gradient(top,#1358a2,#fff 50%,#1358a2);
}
.m-nav li:before{position:absolute; left:0; top:0.7em; height:1.5em; width: 1px;content: "";
background-image: -webkit-gradient(linear,left top,left bottom,form(#1358a2),color-stop(0.5 #012857),to(#1358a2));
background-image:-moz-linear-gradient(top,#1358a2,#012857 50%,#1358a2);
background-image:-webkit-linear-gradient(top,#1358a2,#012857 50%,#1358a2);
background-image:-o-linear-gradient(top,#1358a2,#012857 50%,#1358a2);
background-image:-ms-linear-gradient(top,#1358a2,#012857 50%,#1358a2);
background-image:linear-gradient(top,#1358a2,#012857 50%,#1358a2);
}
.m-nav a:nth-child(1) li:after,
.m-nav a:nth-child(1) li:before,
.m-nav a:nth-child(4) li:after,
.m-nav a:nth-child(4) li:before{ display: none;}
/**/
.g-odv { height:12.5em; position:relative;}
.g-odv .sclwrap_box , .g-adv .m-box{ height:12.5em;overflow:hidden;}
.g-odv .m-box li img{ width:100%; height:auto; display:block; overflow:hidden}
.g-odv .m-cnt{ height:0.0; width:100%; background:#999999;}
.g-odv .m-cnt li{ float:left;width:33.33%; height:0.0; text-align:center; line-height:0.0;font-family:"Times New Roman"}
.g-odv .m-cnt li.z-on{  color:#fff; background:#246cd7;}
/**/
.g-pro{ display: block; overflow: hidden; margin: 1.75em 1.5625% 0; border: 1px solid #c1c1c1}
.g-pro .m-cnt{ display: block; overflow: hidden; height: 2.08333em; overflow: hidden; padding-top: 0.291667em; padding-left: 1.29%;
background:url(/mobile/Images/Index/pro-tit.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%;
-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-pro .m-cnt li{ display: block; overflow: hidden; width: 28.75%; overflow: hidden; text-align: center; height:1.791667em; color: #fff; font-weight: bold; float: left;}
.g-pro .m-cnt li.z-on{background:url(/mobile/Images/Index/pro-tit-cur.gif) no-repeat center top; color: #08437b;
-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-pro .sclwrap_box,
.g-pro .m-box,
.g-pro .con{ display: block; height: 18.2916em; overflow: hidden;}
.g-pro .sclwrap_box{ padding: 1.95833em 0 0; margin: 0 0 0 3.38%;}
.g-pro .con dl{ display: block; overflow: hidden; height: 9.375em; overflow: hidden;}
.g-pro .con dt{ display: block; float: left; width:48.9%;}
.g-pro .con dt img{ width: 100%; height: auto; overflow: hidden; display: block;}
.g-pro .con dd{ display: block; float: right; width: 49.2%;}
.g-pro .con dd b{ display: block; overflow: hidden; color: #141414; font-size: 0.91666em;}
.g-pro .con dd p{ display: block; color: #505050; font-size: 0.8333em; height: 6.75em;}
.g-pro .con dd a{ display:block; overflow: hidden; float: left; margin-right:2.72%; width: 44.5%;}
.g-pro .con dd a img{ width: 100%; height: auto; overflow: hidden; display: block;}
.g-pro .con span{ display: block; overflow: hidden; margin-right: 3.38%;}
.g-pro .con span a{ display: block; width: 47.6%; overflow: hidden; position: relative;}
.g-pro .con span a:nth-child(1){ float: left;}
.g-pro .con span a:nth-child(2){ float: right;}
.g-pro .con span a img{width: 100%; height: auto; overflow: hidden; display: block;}
.g-pro .con span a i{ display: block; overflow: hidden; position: absolute; left: 0; bottom: 0; height: 2.2727em; font-size: 0.916667em; line-height: 2.2727em; text-align: center; color: #fff; background: rgba(2,77,168,0.7); width: 100%; display: block;}
.g-proCat{ display: block;margin: 1.625em 1.5625% 0; border: 1px solid #c1c1c1}
.g-proCat .m-cnt{ display: block; overflow: hidden; height: 2.08333em; overflow: hidden; padding-top: 0.291667em; padding-left: 1.29%;
background:url(/mobile/Images/Index/pro-tit.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%;
-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-proCat .m-cnt li{ display: block; overflow: hidden; width: 37.15%; overflow: hidden; text-align: center; height:1.791667em; color: #fff; font-weight: bold; float: left;}
.g-proCat .m-cnt li.z-on{background:url(/mobile/Images/Index/proCat-tit-cur.jpg) no-repeat center top; color: #08437b;
-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-proCat .sclwrap_box,
.g-proCat .m-box,
.g-proCat .con{ display: block; height:9.82em; overflow: hidden;}
.g-proCat .sclwrap_box{ padding: 1.05833em 0 0; margin: 0 0 0 3.38%;}
.g-proCat .con{ float: left; overflow: hidden; width: 100%;}
.g-proCat .con a {
    border: 0.08333em solid #555555;
    color: #3c3c3c;
    display: inline-block;
    height: 1.8333em;
    line-height: 1.8333em;
    margin: 0 0.33% 0.2em;
    overflow: hidden;
    text-align: center;
    width: 30%;
}
.g-proCat .con a:nth-child(3n){}
/**/
.pro-cat-tel{ display: block; overflow: hidden; height: 4.08333em; 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: 1em;}
.pro-cat-tel a{ display: block; text-align: center;}
.pro-cat-tel a em{ width: 20.3125%; display: inline-block; overflow: hidden; vertical-align: middle; padding-right: 1em;}
.pro-cat-tel a em img{ width: 100%; height: auto; overflow: hidden; display: block;}
.pro-cat-tel a i{ font-size: 1.5em; color: #024da8; vertical-align: middle; font-weight: bold;}
/**/
.g-reas{ display: block; margin-top: 1.170033em; border-top: 1px solid #c6c6c6; height: 74em; position: relative; background: #0174ff;}
.g-reas em.ico{ display: block; position: absolute; left: 50%; margin-left: -4.125%; width: 8.75%; overflow: hidden; top: -1.18003em;}
.g-reas em.ico img{ display: block; width: 100%; height: auto; overflow: hidden;}
.g-reas h2{ display: block; text-align: center; padding-top: 1.7058em; overflow: hidden; font-size: 1.41667em; color: #fff; height: 2.94117em; position: relative;}
.g-reas h2 i{ display: block; font-size: 0.4117em; text-transform: uppercase; color: #afafaf;}
.g-reas h2:after{ position: absolute; left: 0; top: 2.347em; width: 18.4%; content: ""; display: block; background: #b9b9b9; height: 1px;}
.g-reas h2:before{ position: absolute; right: 0; top: 2.347em; width: 18.4%; content: ""; display: block; background: #b9b9b9; height: 1px;}
.m-reas{ display: block; height: 63.625em; padding: 0 1.5625%; overflow: hidden;}
.m-reas dl{ display: block;height: 10.291667em; position: relative; z-index: 5; background:#fff;}
.m-reas dl:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0; background: #fff;}
.m-reas dl dt{ display: block; position: relative; width: 50%; z-index: 10; float: right; z-index: 1}
.m-reas dd{ width: 50%; overflow: hidden; position: relative; z-index: 5; float: left;-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: #fff; padding: 1.375em 0.5em 0 0.75em; height: 100%; background: none}
.m-reas dt em img{ width: 100%; height: auto; overflow: hidden; display: block;}
.m-reas dt em{ display: block; overflow: hidden; width: 100%;}
.m-reas dt i{ display: block; position: absolute;}
.m-reas dl:nth-child(2n) dt{float:left;}
.m-reas dl:nth-child(2n) dd{float:right;}
.m-reas dd b{ display: block; overflow: hidden; color: #191919; padding-bottom: 0.5em;}
.m-reas dd p{ color: #646464; font-size: 0.9166em; line-height: 1.25em;}
.m-reas dl:nth-child(5) dd{ padding-top: 0.5em;}
.m-reas dl:nth-child(2) dt i{ display: block; right: -10.9%; bottom: -1em; width: 55.483%;}
.m-reas dl:nth-child(2) dt i img{ width: 100%; height:auto; overflow: hidden;}
.m-reas dl:nth-child(2),.m-reas dl:nth-child(5){ z-index: 10;}
.m-reas dl:nth-child(5) i{ left: 0; bottom: 0; width: 55.483%}
.m-reas dl:nth-child(5) i img{ width: 100%; height: auto; overflow: hidden; display: block;}
.reas-tel{ display: block; overflow: hidden; height: 4.08333em; 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;}
.reas-tel a{ display: block; text-align: center;}
.reas-tel a em{ width: 20.3125%; display: inline-block; overflow: hidden; vertical-align: middle; padding-right: 1em;}
.reas-tel a em img{ width: 100%; height: auto; overflow: hidden; display: block;}
.reas-tel a i{ font-size: 1.5em; color: #fff; vertical-align: middle; font-weight: bold;}
.g-reas em.ico2{ display: block; position: absolute; left: 50%; margin-left: -4.125%; width: 8.75%; overflow: hidden; bottom: -1.18003em;}
.g-reas em.ico2 img{ display: block; width: 100%; height: auto; overflow: hidden;}
/**/
.g-hnr{ display: block;margin:2.375em 1.5625% 0; border: 1px solid #c1c1c1; height: 17.5em; overflow: hidden;}
.g-hnr .c-list{ display: block; overflow: hidden; height: 2.08333em; overflow: hidden; padding-left: 1.29%;
background:url(/mobile/Images/Index/hnr-Tit.jpg) no-repeat center top; padding-left: 12.64%;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
-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-hnr .c-list li{ margin-top: 0.291667em; display: block; overflow: hidden; width:27.15%; overflow: hidden; text-align: center; height:1.791667em; color: #fff; font-weight: bold; float: left;}
.g-hnr .c-list li.z-on{background: #fff; color: #08437b;}
.g-hnr .c-list .u-more{ float: right; width:9.259%; overflow: hidden;}
.g-hnr .c-list .u-more img{ width: 100%; height: auto; overflow: hidden; display: block;}
.g-hnr .box-style{ padding-top: 1.70833em; overflow: hidden; position: relative;}
.g-hnr .no_ov,
.g-hnr .sclwrap_box,
.g-hnr .m-box,
.g-hnr .page{ display: block; overflow: hidden; height: 13.25em; overflow: hidden;}
.g-hnr .page{ float: left; overflow: hidden; display: block; width: 100%;}
.g-hnr .box-style .prev,
.g-hnr .box-style .next{ display: block; overflow: hidden; position: absolute;top:4.7em; width: 7.09%; z-index: 10;}
.g-hnr .box-style .prev{ left: 0; }
.g-hnr .box-style .next{ right: 0; }
.g-hnr .box-style .prev img,
.g-hnr .box-style .next img{ width: 100%; height: auto; overflow: hidden; display: block;}
.g-hnr .box-style .prev2,
.g-hnr .box-style .next2{ display: block; overflow: hidden; position: absolute;top:5.7em; width: 7.09%; z-index: 10;}
.g-hnr .box-style .prev2{ left: 0; }
.g-hnr .box-style .next2{ right: 0; }
.g-hnr .box-style .prev2 img,
.g-hnr .box-style .next2 img{ width: 100%; height: auto; overflow: hidden; display: block;}
.g-hnr .box-style .no_ov{ display: block; margin:0 16.1%;}
.g-hnr .box-style .no_ov2{ display: block; margin:8% 16.1%;}
.g-hnr .box-style .page a{ display: block; width: 46.7%; overflow: hidden;}
.g-hnr .box-style .page a:nth-child(1){ float: left;}
.g-hnr .box-style .page a:nth-child(2){ float: right;}
.g-hnr .box-style .page img{ display: block; 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 #dadada;}
.g-hnr .box-style .page i{ display: block; height: 2.9em;line-height: 2.9em; text-align: center; color: #6a6a6a; font-size: 0.8333em;}
/**/
.g-wit{ display: block; overflow: hidden;margin:2.08333em 1.5625% 0; border: 1px solid #c1c1c1; height: 18em; overflow: hidden;}
.g-wit h2{ height: 2.08333em;line-height: 2.08333em; overflow: hidden; font-size: 1em; color: #fff; font-weight: bold;
background:url(/mobile/Images/Index/hnr-Tit.jpg) no-repeat center top; padding-left: 13.64%;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
-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-wit h2 .u-more{ float: right; width:9.259%; overflow: hidden;}
.g-wit h2 .u-more img{ width: 100%; height: auto; overflow: hidden; display: block;}
.m-wit{ display: block; padding: 0.16667em 0.625em 0;}
.m-wit dl{ display: block; overflow: hidden; height: 4.5833em; overflow: hidden; padding: 1.541667em 0; border-bottom: 1px dashed #b2b2b2;}
.m-wit dt{ float: left; overflow: hidden; width: 31.63%; overflow: hidden;}
.m-wit dt img{ display: block; 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: 0.125em solid #ebebeb;}
.m-wit dd{ display: block; float: right; width: 67%; overflow: hidden;}
.m-wit dd b{display: block; color: #191919; font-size: 0.91666em; overflow: hidden; height: 1.227em;line-height: 1.227em; font-weight: normal;}
.m-wit dd b i{ font-size: 0.818em; float: right; color: #787878;}
.m-wit dd p{ display: block; height: 2.2em; line-height: 2.2em; font-size: 0.80333em; color: #787878; overflow: hidden;}
.m-wit dd em{ display: block; width: 32.74%; overflow: hidden;}
.m-wit dd em img{ width: 100%; height: auto; overflow: hidden; display: block;}
.m-wit a:last-child dl{ border-bottom: none;}
/**/
.g-abt{ display: block; height: 32.75em;margin:2.08333em 0 0; background: #0174ff; position: relative;-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: 2.875em 1.5625% 0;}
.g-abt em.ico{ display: block; position: absolute; left: 50%; margin-left: -4.125%; width: 8.75%; overflow: hidden; top: -1.18003em;}
.g-abt em.ico img{ display: block; width: 100%; height: auto; overflow: hidden;}
.g-abt h2{ height: 2.08333em;line-height: 2.08333em; overflow: hidden; font-size: 1em; color: #fff; font-weight: bold;
background:url(/mobile/Images/Index/hnr-Tit.jpg) no-repeat center top; padding-left: 13.64%;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
-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-abt h2 .u-more{ float: right; width:9.259%; overflow: hidden;}
.g-abt h2 .u-more img{ width: 100%; height: auto; overflow: hidden; display: block;}
.m-abt{ display: block; overflow: hidden; padding: 2.20833em 6.1290% 0;-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: #fff; height: 25.0833em; border: 1px solid #c6c6c6;}
.m-abt dt{ display: block; overflow: hidden;}
.m-abt dt img{ display: block; overflow: hidden; width: 100%; height: auto;}
.m-abt dd{ padding-top: 1.25em; line-height: 1.5em; color: #505050;}
.m-abt dd p{ color: #505050; font-size: 0.91666em; height: 4.9em;}
.m-abt dd b{ color: #08437b;}
.g-abt em.ico2{ display: block; position: absolute; left: 50%; margin-left: -4.125%; width: 8.75%; overflow: hidden; bottom: -1.18003em;}
.g-abt em.ico2 img{ display: block; width: 100%; height: auto; overflow: hidden;}
/**/
.g-news{ display: block; display: block;margin:2.6667em 1.5625% 0; border: 1px solid #c1c1c1; height:25.375em; overflow: hidden;}
.g-news h2{ height: 2.08333em;line-height: 2.08333em; overflow: hidden; font-size: 1em; color: #fff; font-weight: bold;
background:url(/mobile/Images/Index/hnr-Tit.jpg) no-repeat center top; padding-left: 13.64%;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
-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-news h2 .u-more{ float: right; width:9.259%; overflow: hidden;}
.g-news h2 .u-more img{ width: 100%; height: auto; overflow: hidden; display: block;}
.m-news{ padding: 1.625em 2.98% 0;}
.m-news dl{ display: block; height: 8.70833em; overflow: hidden;}
.m-news dt{ display: block; width: 53.528%; float: left; position: relative;}
.m-news dt img{ display: block; width: 100%; height: auto; overflow: hidden;}
.m-news dt em{ display: block; position: absolute; overflow: hidden; left: 0;top: 0; width: 32.15%; text-align: center; height:1.6667em;line-height:1.6667em; background: #2d6ab4; color: #fff; font-size: 0.75em;}
.m-news dd{ display: block; float: right; width: 44.611%;}
.m-news dd b{ display: block; color: #191919; font-weight: normal; height: 1.833em;line-height: 1.833em;}
.m-news dd p{ color: #646464; font-size: 0.8333em; line-height: 1.45em;}
.m-news dd p b{ color: #08437b; font-weight: bold; display: inline-block;}
.m-news span{ display: block; overflow: hidden;}
.m-news span a{ display: block; height: 2.18em; line-height: 2.18em; color: #646464; position: relative; font-size: 0.91666em; padding-left: 1.6em;}
.m-news span a i{ float: right;}
.m-news span a:after{ display: block; position: absolute; left: 0.5em; top:50%; width:0.1818em; height: 0.1818em; background: #08437b; content: ""}





