/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv{ height:15.25rem; overflow:hidden;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.wrap nav{height:5.458rem; overflow:hidden; position:relative; background:url(/mobile/Images/Index/nav_bj.jpg) no-repeat center top; -webkit-background-size:100% 5.458rem; -moz-background-size:100% 5.458rem; -o-background-size:100% 5.458rem; background-size:100% 5.458rem;}
.wrap nav a{color:#fff; font-size:1rem; width:33.33%; text-align:center; height:2.79rem; line-height:2.79rem; overflow:hidden; display:block; float:left; }
.wrap nav a:nth-child(1){font-weight:bold; background:url(/mobile/Images/Index/nav.jpg) no-repeat center top; -webkit-background-size:9.041rem 2.75rem; -moz-background-size:9.041rem 2.75rem; -o-background-size:9.041rem 2.75rem; background-size:9.041rem 2.75rem;}

.wrap nav::before{position:absolute; content:""; width:100%; height:1px; top:50%; left:0; background:#001347; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} 

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-pro-n{height:26.5rem; background:#fbfbfb;}
.m-pro-n h2{height:2.5rem; margin:1.541rem 0 0.7rem 0; text-align:center; font:1.458rem/2rem "Microsoft Yahei"; font-weight:bold; color:#212121;  background:url(/mobile/Images/Index/pro_bt.jpg) no-repeat center center; -webkit-background-size:100% 1.75rem; -moz-background-size:100% 1.75rem; -o-background-size:100% 1.75rem; background-size:100% 1.75rem;}
.m-pro-n .g-fenl{width:95.46%; margin:0 auto; overflow:hidden;}
.m-pro-n .g-fenl h4{width:23.9rem; height:2.2rem; margin-bottom:0.7rem; font:1.083rem/2.5rem "Microsoft Yahei"; padding-left:1.5rem; font-weight:bold; color:#fff; background:url(/mobile/Images/Index/pro_n.jpg) no-repeat center top; -webkit-background-size:25.458rem 2.625rem; -moz-background-size:25.458rem 2.625rem; -o-background-size:25.458rem 2.625rem; background-size:25.458rem 2.625rem;}
.m-pro-n .g-fenl ul{height:6.2rem; overflow:hidden; position:relative;}
.m-pro-n .g-fenl ul li{float:left; width:33.33%; height:3.1rem; margin-top: }
.m-pro-n .g-fenl ul li a{display:block; width:5.791rem; margin:0 auto; height:1.666rem;  text-align:center; font:0.833rem/1.666rem "Microsoft Yahei"; color:#585858;}
.m-pro-n .g-fenl ul li a:hover,.m-pro-n .g-fenl .cur a{background:#db241b; border-radius:0.5rem; color:#fff;}
.m-pro-n .g-fenl ul::before{position:absolute; content:""; width:100%; height:1px; top:42%; left:0; border-top:1px dashed #e0e0e0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} 
/*-----------------------------------------------------------------------------------------------------------------------*/
.m-pro{height:33.875rem; background:#ebf1ff; overflow:hidden;}
.m-pro .m-cnt{width:100%; height:2.5rem; margin-bottom:1.5rem; overflow:hidden;}
.m-pro .m-cnt li{float:left; height:2.5rem; padding:0 1.358rem; font:1rem/2.5rem "Microsoft Yahei"; color:#fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2549b4+0,0f4eb1+48,1244a0+65,173081+100 */
background: #2549b4; /* Old browsers */
background: -moz-linear-gradient(top,  #2549b4 0%, #0f4eb1 48%, #1244a0 65%, #173081 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2549b4 0%,#0f4eb1 48%,#1244a0 65%,#173081 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2549b4 0%,#0f4eb1 48%,#1244a0 65%,#173081 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2549b4', endColorstr='#173081',GradientType=0 ); /* IE6-9 */
}
.m-pro .m-cnt .z-on{background:url(/mobile/Images/Index/pro_roll.jpg) no-repeat center top; -webkit-background-size:7.9rem 2.5rem; -moz-background-size:7.9rem 2.5rem; -o-background-size:7.9rem 2.5rem; background-size:7.9rem 2.5rem;}
.m-pro .con{float:left; display:inline; width:100%;}
.m-pro .con ul li{float:left; width:11.583rem; height:14.79rem; margin-left:1.2rem;}
.m-pro .con ul li img{width:11.583rem; height:9.91rem; padding:2px; border:1px solid #dadde2; background:#fff; border-radius:0.2rem;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pro .con ul li span{display:block; text-align:center; font:1rem/1.8rem "Microsoft Yahei"; color:#8d8d8d;}
.m-pro .con ul li a{display:block;margin:0.1rem auto 0; text-align:center; font:0.833rem/1.666rem "Microsoft Yahei"; color:#fff; background:url(/mobile/Images/Index/pro_btn.jpg) no-repeat center top; -webkit-background-size:5.208rem 1.7rem; -moz-background-size:5.208rem 1.7rem; -o-background-size:5.208rem 1.7rem; background-size:5.208rem 1.7rem;}
/*----------------------------------------------------------------------------------------------------------------------*/
.m-wt{height:41.7rem; overflow:hidden; background:url(/mobile/Images/Index/wt_bj.jpg) no-repeat center top; -webkit-background-size:100% 41.7rem; -moz-background-size:100% 41.7rem; -o-background-size:100% 41.7rem; background-size:100% 41.7rem;}
.wt-s span a{display:block; width:66.4%; height:2.375rem; margin:34.416rem auto 0.458rem; text-align:center; border:1px solid #fff; border-radius:0.4rem; font:1rem/2.375rem "Microsoft Yahei"; color:#fff; overflow:hidden;}
.wt-s p a{display:block; width:14.858rem; margin:0 auto; padding-left:3.1rem; font:1rem/2.458rem "Microsoft Yahei"; color:#fff; overflow:hidden; background:url(/mobile/Images/Index/wt_btn.jpg) no-repeat center top; -webkit-background-size:17.958rem 2.5rem; -moz-background-size:17.958rem 2.5rem; -o-background-size:17.958rem 2.5rem; background-size:17.958rem 2.5rem;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.ys{height:122rem; overflow:hidden; background:url(/mobile/Images/Index/ys_bj.jpg) repeat-y center top; -webkit-background-size:100% 4rem; -moz-background-size:100% 4rem; -o-background-size:100% 4rem; background-size:100% 4rem;}
.ys1{height:24.583rem; overflow:hidden;}
.ys2{height:15.791rem; overflow:hidden;}
.ys3{height:18.083rem; overflow:hidden;}
.ys dl{width:97%; margin-left:2%; overflow:hidden;}
.ys dl dt{height:2.916rem; overflow:hidden;}
.ys dl dt h3{float:right; width:23.25rem; font:1.25rem/1.5rem "Microsoft Yahei"; font-weight:bold; color:#092e6a;}
.ys dl dt h3 i{display:block; font:0.416rem/2rem Arial, Helvetica, sans-serif; text-transform:uppercase; color:#a1a1a1;}
.ys dl dt img{float:left; width:2.083rem; height:2.7rem;}
.ys dl dd{font:1rem/1.458rem "Microsoft Yahei"; color:#585858; padding-left:2.833rem;}
.ys .dl01{height:8.3rem;}
.ys .dl02{height:12.625rem;}
.ys .dl03{height:8.3rem;}
.ys .dl04{height:11.1rem;}
.ys .dl05{height:10.125rem;}
.ys .dl06{height:12.5rem;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.m-xz{height:13.541rem; overflow:hidden; position:relative; background:url(/mobile/Images/Index/xz_bj.jpg) no-repeat center top; -webkit-background-size:100% 13.541rem; -moz-background-size:100% 13.541rem; -o-background-size:100% 13.541rem; background-size:100% 13.541rem;}
.m-xz h2{text-align:center; height:2rem; margin-top:3.9rem; font:1.25rem/1.5rem "Microsoft Yahei"; font-weight:bold; color:#fff;}
.m-xz .prev,.m-xz .next{width:1.708rem; height:1.708rem; position:absolute; top:7.25rem;}
.m-xz .prev{left:2.125rem;}
.m-xz .next{right:2.125rem;}
.nowarp{width:17.66rem; margin:0.7rem auto 0; overflow:hidden;}
.m-xz .con{float:left; display:inline; width:100%;}
.m-xz .con  ul li{float:left; width:7.83rem; height:3.9rem; background:url(/mobile/Images/Index/xz_s.png) no-repeat center bottom; -webkit-background-size:7.583rem 0.5rem; -moz-background-size:7.583rem 0.5rem; -o-background-size:7.583rem 0.5rem; background-size:7.583rem 0.5rem;}
.m-xz .con  ul li img{border:1px solid #ededed; border-radius:0.1rem;}
.m-xz .con  ul li:nth-child(2){float:right;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.m-case{height:21.083rem; overflow:hidden; background:url(/mobile/Images/Index/case_bj.jpg) no-repeat center top; -webkit-background-size:100% 21.083rem; -moz-background-size:100% 21.083rem; -o-background-size:100% 21.083rem; background-size:100% 21.083rem;}
.m-case h2{height:2rem; text-align:center; margin:1.1rem 0 1rem 0; font:1.375rem/1.5rem "Microsoft Yahei"; font-weight:bold; color:#092e6a;}
.m-case dl{width:98%; margin:0 auto; height:8.666rem;}
.m-case dl dt{float:left; width:13.25rem;}
.m-case dl dt img{width:13.08rem; height:7.333rem; border:1px solid #f1f1f1; border-radius:0.1rem;}
.m-case dl dd{float:right; width:12.25rem; font:1rem/1.25rem "Microsoft Yahei"; color:#666; }
.m-case dl dd h4{font:1rem/2rem "Microsoft Yahei"; font-weight:bold; color:#222;}
.m-case dl dd a{color:#666; }

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-fw{height:30.7rem; overflow:hidden; background:url(/mobile/Images/Index/fw_bj.jpg) no-repeat center top; -webkit-background-size:100% 30.7rem; -moz-background-size:100% 30.7rem; -o-background-size:100% 30.7rem; background-size:100% 30.7rem;}
.m-fw h2{width:67.34%; height:4.083rem; margin:0.1rem auto 0; overflow:hidden;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.m-about{height:20.25rem; overflow:hidden;}
.m-about h2{height:2rem; text-align:center; margin:1.4rem 0 0.4rem 0; font:1.25rem/1.5rem "Microsoft Yahei"; font-weight:bold; color:#092e6a; background:url(/mobile/Images/Index/about_bt.gif) no-repeat center 0.5rem; -webkit-background-size:100% 0.5rem; -moz-background-size:100% 0.5rem; -o-background-size:100% 0.5rem; background-size:100% 0.5rem;}
.m-about dl{width:81.25%; margin:0 auto;}
.m-about dl dt{width:21.583rem; height:9.583rem;}
.m-about dl dd{font:1rem/1.458rem "Microsoft Yahei"; color:#8d8d8d;margin-top: 45px;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.m-news{height:16.45rem; overflow:hidden;}
.m-news .m-cnt{height:2.958rem; margin-bottom:1.3rem; overflow:hidden; background:#888;}
.m-news .m-cnt li{float:left; width:33.33%; height:2.958rem; text-align:center; font:1rem/2.958rem "Microsoft Yahei"; color:#fff;}
.m-news .m-cnt .z-on{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#254ab4+0,1054bc+47,12429d+74,173081+100 */
background: #254ab4; /* Old browsers */
background: -moz-linear-gradient(top,  #254ab4 0%, #1054bc 47%, #12429d 74%, #173081 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #254ab4 0%,#1054bc 47%,#12429d 74%,#173081 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #254ab4 0%,#1054bc 47%,#12429d 74%,#173081 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#254ab4', endColorstr='#173081',GradientType=0 ); /* IE6-9 */}
.m-news .con{float:left; display:inline; width:100%;}
.m-news .con ul li{float:left; width:100%; height:2.25rem; padding-left:2.166rem; font:1rem/2.291rem "Microsoft Yahei"; border-bottom:1px dashed #d9d9d9;}
.m-news .con ul li span{float:left; display:block; width:1.8rem; margin-top:0.6rem;  height:1.291rem; padding-left:0.17rem; font:0.833rem/1.4rem Arial, Helvetica, sans-serif; color:#fff; background:url(/mobile/Images/Index/news_s.gif) no-repeat left bottom; -webkit-background-size:1.541rem 1.291rem; -moz-background-size:1.541rem 1.291rem; -o-background-size:1.541rem 1.291rem; background-size:1.541rem 1.291rem;}
.m-news .con ul li:nth-child(5){border:0;}
.m-news .con ul li a{float:left; display:block; color:#6c6c6c;}

/*-----------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:384px) {
	html { font-size:90%;}
}
@media screen and (min-width:414px) {
	html { font-size:96%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
	html { font-size:129%;}
}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}