.m_nav{ height:8rem;}
.m_nav li{ float:left;  color:#fff; font-size: 1.2rem; width:33.333%; text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a4e2+1,00bef7+13,00bef7+27,00a1df+41,00a1df+55,00bef7+74,00bef7+88,00a0df+100 */
background: rgb(0,164,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,164,226,1) 1%, rgba(0,190,247,1) 13%, rgba(0,190,247,1) 27%, rgba(0,161,223,1) 41%, rgba(0,161,223,1) 55%, rgba(0,190,247,1) 74%, rgba(0,190,247,1) 88%, rgba(0,160,223,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,164,226,1) 1%,rgba(0,190,247,1) 13%,rgba(0,190,247,1) 27%,rgba(0,161,223,1) 41%,rgba(0,161,223,1) 55%,rgba(0,190,247,1) 74%,rgba(0,190,247,1) 88%,rgba(0,160,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,164,226,1) 1%,rgba(0,190,247,1) 13%,rgba(0,190,247,1) 27%,rgba(0,161,223,1) 41%,rgba(0,161,223,1) 55%,rgba(0,190,247,1) 74%,rgba(0,190,247,1) 88%,rgba(0,160,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a4e2', endColorstr='#00a0df',GradientType=0 ); /* IE6-9 */

}
.m_nav li{height: 4rem;line-height: 4rem;	
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-top:1px solid #00a0df;
border-right:1px solid #00a0df;
border-bottom:1px solid #1ebbe6;
border-left:1px solid #1ebbe6;}
.m_nav a:nth-child(3n) li{ border-right: none;}
.m_nav a:nth-child(1) li,.m_nav a:nth-child(4) li{ border-left: none;}
.m_nav a:nth-child(5) li,.m_nav a:nth-child(6) li,.m_nav a:nth-child(4) li{ border-bottom: none;}

.g-adv { height:auto; }
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{overflow:hidden;height: 16rem;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ background:#aaaaaa;}
.g-adv .m-cnt li{ float:left; width:33.3333%; }
.g-adv .m-cnt li.z-on{ background:#4a4a4a;}

.g_four{background: #f5f5f5;height: 15.6rem; padding-top: 3rem;}
.g_four li{float: left;width:25%; margin-left: 5%;margin-bottom: 1.2rem;padding-left: 18%;padding-top: 1rem;font-size: 1.2rem;color: #222222;line-height: 2rem;}
.g_four li b{color: #86cf02;}
.g_four li:nth-child(1){background:url(/mobile/Images/Index/hx1.jpg) no-repeat left center;background-size:100%;height: 5.3rem; }
.g_four li:nth-child(2){background:url(/mobile/Images/Index/hx2.jpg) no-repeat left center;background-size:100%;height: 5.3rem; }
.g_four li:nth-child(3){background:url(/mobile/Images/Index/hx3.jpg) no-repeat left center;background-size:100%;height: 5.3rem; }
.g_four li:nth-child(4){background:url(/mobile/Images/Index/hx4.jpg) no-repeat left center;background-size:100%;height: 5.3rem; }


/* 产品中心 */
.g_pro {height: 60.1rem; }
.g_pro .sclwrap_box,.g_pro .m-box {height: 37rem;}
.g_pro h2{background:url(/mobile/Images/Index/cptit.jpg) no-repeat;background-size:100%;height: 3.5rem;padding-top: 1.5rem; text-align: center;font-size: 1.8rem;color: #fff;margin-bottom: 2rem;}
.g_pro h2 em{color: #b2f51a;font-weight: bold;}
.g_pro .m-cnt {position: relative; margin: 0 0 0 5%; height:10.5rem;}

.g_pro .m-cnt li {float: left;height: 3.5rem;line-height: 3.5rem;background: #e4e3e3;border-radius: 0.3rem;
	border: 1px solid #cdcbcb;margin-bottom: 1.5rem;text-align: center;font-size: 1.2rem;color: #222222;
width: 45%; margin-right: 5%;
     box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
   
}
.g_pro .m-cnt li:nth-child(2n){margin-right: 0;}
.g_pro .m-cnt li.z-on {color: #fff;background: #06b2f5;font-weight: bold;border: 1px solid #06b2f5;}
.con{float: left; display: inline;}
.m_cpc dl{padding: 0 4%;width: 92%;}
.m_cpc dt{width: 100%;margin-bottom: 1.5rem;}
.m_cpc dt img{display: block;width: 100%;border: 1px solid #dadada;
     box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.m_cpc dd p{font-size: 1.2rem;color: #222222;line-height: 2rem; height: 10rem;overflow: hidden;}
.m_cpc dd p b{font-weight: bold;}
.m_cpc dd span a{display: block;color: #00adf0;padding-left: 20%;font-size: 1.2rem;}

.g_pro .btn1{height: 3.5rem;line-height: 3.5rem;background: #f4f4f4;text-align: center;font-size: 1.2rem;color: #333333;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.g_pro .btn1 a{color: #333333;}


/* vs */
.g_vs{height:32.5rem;}
.g_vs .sclwrap_box,.g_vs .m-box {height: 25rem;}
.g_vs h2{background:url(/mobile/Images/Index/vstit.jpg) no-repeat;background-size: 100%;text-align: center;color: #fff;font-size: 1.8rem;font-weight: normal; margin-bottom: 1.5rem; height: 5rem; padding-top: 1rem;}
.g_vs h2 em{color: #b4f717;font-size:1.8rem;font-weight: bold;}

.m_vs{position: relative;}
.m_vs .prev, .m_vs .next {
    height: 2rem;
    position: absolute;
    text-align: center;
    top:20rem;
    width: 2rem;
    z-index: 99;
}
.m_vs .prev {left: 15%;}
.m_vs .next {right: 15%;}
.m_vs .prev img,.m_vs .next img{width: 100%;}
.m_vs .nowarp {
    margin: 0 2.5% 0 2.5%;
    overflow: hidden;
    position: relative;
    width: 95%;
}
.m_vs .m_vs1 h3{height: 2.6rem;line-height: 2.6rem;border-bottom: 1px solid #bebebe;text-align: center;font-size: 1.3rem;font-weight: bold; margin-bottom: 1rem; color: #00a1e9;}
.m_vs .m_vs1 p,.m_vs .m_vs1 p img{width: 100%;display: block;}
.m_vs ul{margin-top: 2rem;margin-left: 28%;}
.m_vs ul li{position: relative; float: left;font-size: 1.6rem;color: #4a4a4a;margin-right: 2rem;font-weight: bold;}
.m_vs ul .cur{color: #00a1e9}
.m_vs ul li:before{content: "";position: absolute;width:1.2rem;height: 1px; right:-1.5rem;top:1rem;background: #c1c1c1;}
.m_vs ul li:last-child:before{background: none;}


.g_xban{position: relative; background:url(/mobile/Images/Index/xban.jpg) no-repeat;background-size: 100%;height: 7.5rem;}
.g_xban p{position: absolute;left:39%;top:3.4rem;font-size: 1rem;color: #fff;}
.g_xban p b{display: block;font-size: 1.5rem;font-weight: normal;}

/* 22年风雨同行 */ 

/* 荣誉证书 */
.demo-box {height: 52.8rem;overflow: hidden;}
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height:34rem;overflow: hidden;}
.demo-box h2{background:url(/mobile/Images/Index/kftit.jpg) no-repeat;background-size: 100%; height: 5.5rem;text-align: center; padding-top: 2rem; font-size: 1.8rem;color: #00a1e9;font-weight: bold;margin-bottom: 2rem;}
.demo-box h2 em{display: block; font-size: 1.2rem;font-weight: normal;}
.demo-box .column-list {position: relative;overflow: hidden;height: 9.5rem;margin-left: 5%;}
.demo-box .column-list li{position: relative;  }
.demo-box .column-list li {background: #e3e2e2; color: #222222; position: relative;height: 3rem;line-height: 3rem;font-size:1.2rem;  
    text-align: center; margin-bottom: 1.5rem;
    display: inline;
    float: left;
    box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
    font-weight: normal;border: 1px solid #cdcbcb;
    width: 29%;  margin-right: 3%;}
.demo-box .column-list li.z-on { color: #fff;font-weight: bold;border: 1px solid #0298d2;
    background: #03b0f3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#03b0f3), to(#05b1f4)); 
    background-image: -webkit-linear-gradient(top, #03b0f3, #05b1f4); 
    background-image: -moz-linear-gradient(top, #03b0f3, #05b1f4); 
    background-image: -o-linear-gradient(top, #03b0f3, #05b1f4); 
    background-image: -ms-linear-gradient(top, #03b0f3, #05b1f4); 
    background-image: linear-gradient(top, #03b0f3, #05b1f4);
}

.demo-box .box-style {position: relative; width: 100%; float: left; display: inline;}
.demo-box .box-style .prev, .demo-box .box-style .next {
    height: 6.3rem;
    position: absolute;
    text-align: center;
    top: 8rem;
    width: 2rem;
    z-index: 99;
}
.demo-box .box-style .prev { left: 3%;}
.demo-box .box-style .next {right: 3%;}
.demo-box .box-style .prev img,.demo-box .box-style .next img{width: 100%;}

.demo-box dl dt{width: 76%; margin: 0 12%;margin-bottom: 1.2rem;}
.demo-box dl dt img{width: 100%;display: block; border: 1px solid #dadada;}
.demo-box dl dd p{font-size: 1.2rem;color: #222222;line-height: 2.2rem; height: 6.6rem; overflow: hidden; padding: 0 3%;}
.demo-box dl dd p a{color: #00a1e9;}
.demo-box .btn1{display: block; height: 3.5rem;line-height: 3.5rem;background: #f4f4f4;text-align: center;font-size: 1.2rem;color: #333333;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.demo-box .btn1 a{color: #333333;}



/* 优势 */
.g_ys{height:69.8rem;background: #fbfbfb;}
.g_ys .sclwrap_box,.g_ys .m-box {height: 53.7rem;}
.g_ys h2,.g_ys h2 img{width: 100%;display: block;}
.m_ys{position: relative;}
.m_ys .prev, .m_ys .next {
    height: 2rem;
    position: absolute;
    text-align: center;
    top:49rem;
    width: 2rem;
    z-index: 99;
}
.m_ys .prev {left: 17%;}
.m_ys .next {right: 17%;}
.m_ys .prev img,.m_ys .next img{width: 100%;}
.m_ys .nowarp {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.m_ys1{height: 47rem;}
.m_ys1 p,.m_ys1 p img{width: 100%;display: block;}
.m_ys1 dl{margin-bottom: 1.2rem;}
.m_ys1 dt{position: relative;height: 4rem; padding-left: 16%;font-size: 1.4rem;color: #0098dc;font-weight: bold;margin-bottom: 1rem;}
.m_ys1 dt:before{content: "";position: absolute; background:url(/mobile/Images/Index/ysline.jpg) no-repeat;background-size: 100%; width: 100%;display: block; height: 0.3rem; left:0;bottom: 0;}
.m_ys1 dt em{display: block;font-size: 1.1rem;color: #222222;font-weight: bold;}
.m_ys1 dt b{position: absolute;left:3%;top:0; background:url(/mobile/Images/Index/ysno.jpg) no-repeat;background-size: 100%;width: 3.5rem;height: 3.8rem;line-height: 3.8rem;text-align: center;font-size: 2.5rem;color: #00a1e9;font-family: arial;font-weight: normal;  }
.m_ys1 dd p{position: relative; padding-left: 9%; width: 91%; color: #555555;font-size: 1.2rem;line-height: 2.4rem;}
.m_ys1 dd p:before{content: "";position: absolute; background:url(/mobile/Images/Index/ysico.jpg) no-repeat;background-size: 100%; width:1rem;display: block; height:1rem; left:3%;top: 0.6rem;}
.m_ys1 dd p b{color: #ff9f00;}


.m_ys ul{margin-top: 2rem;margin-left: 35%;}
.m_ys ul li{position: relative; float: left;font-size: 1.6rem;color: #4a4a4a;margin-right: 2rem;font-weight: bold;}
.m_ys ul .cur{color: #00a1e9}
.m_ys ul li:before{content: "";position: absolute;width:1.2rem;height: 1px; right:-1.5rem;top:1rem;background: #c1c1c1;}
.m_ys ul li:last-child:before{background: none;}

.g_tel{position: relative; background:url(/mobile/Images/Index/telbg.jpg) no-repeat;background-size: 100%;height: 3rem; padding: 1rem 0 0 38%;font-size: 1.8rem;color: #fff; font-weight: normal;}
.g_tel a{color: #fff;}


/*合作 */
.g_hz{height:24.5rem;}
.g_hz .sclwrap_box,.g_hz .m-box {height: 11rem;}
.g_hz h2{background:url(/mobile/Images/Index/kftit.jpg) no-repeat;background-size: 100%; height: 5.5rem;text-align: center; padding-top: 2rem; font-size: 1.8rem;color: #00a1e9;font-weight: bold;margin-bottom: 2rem;}
.g_hz h2 em{display: block; font-size: 1.2rem;font-weight: normal;}

.m_hz{position: relative;}
.m_hz .prev, .m_hz .next {
    height: 3.5rem;
    position: absolute;
    text-align: center;
    top:1.3rem;
    width: 1.5rem;
    z-index: 99;
}
.m_hz .prev {left: 1%;}
.m_hz .next {right: 1%;}
.m_hz .prev img,.m_hz .next img{width: 100%;}
.m_hz .nowarp {
    margin: 0 10% 0 10%;
    overflow: hidden;
    position: relative;
    width: 80%;
}
.m_hz ul li{float: left;width: 48%;margin-right: 3%;}
.m_hz ul li img{width: 100%;display: block;border: 1px solid #d4d4d4;   
    box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.m_hz ul a:nth-child(2n) li{margin-right: 0;}
.m_hz ul li em{display: block;width: 100%;text-align: center;height: 3.5rem;line-height: 3.5rem;overflow: hidden;font-size: 1.2rem;color: #444444;}

.g_hz .btn1{display: block; height: 3.5rem;line-height: 3.5rem;background: #f4f4f4;text-align: center;font-size: 1.2rem;color: #333333;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.g_hz .btn1 a{color: #333333;}

.g_xban2,.g_xban2 img{width: 100%;display: block;}

/* 走进 */
.g_zj{height: 21.5rem;}
.g_zj h2{background:url(/mobile/Images/Index/abtit.jpg) no-repeat;background-size: 100%; height: 4rem;text-align: center; padding-top: 2rem;font-size: 1.8rem;color: #00a1e9;font-weight: bold;margin-bottom: 2rem;}
.g_zj dl{margin-left: 5%;}
.g_zj dt{float: left; width:42%; margin-right: 4%;}
.g_zj dt img{display: block;width: 100%; padding: 0.15rem;border: 1px solid #c2c2c2;}
.g_zj dd{float: left;width:46%; }
.g_zj dd h3{height: 2rem;line-height: 2rem;overflow: hidden; font-size: 1.2rem;color: #222222;margin-bottom: 2%;font-weight: bold;}
.g_zj dd p{color: #555555;font-size: 1.2rem;height:5.4rem; line-height: 1.8rem;overflow: hidden;margin-bottom: 1.1rem;}
.g_zj dd span a{color: #00a1e9;font-size: 1.1rem;}


/*资讯*/
.g_zx{height:27rem;}
.g_zx .sclwrap_box,.g_zx .m-box { height: 21rem;}
.zx-c .u_lst7{float: left;display: inline;}
.zx-c .u_lst7 li{ margin: 0 5% 0 5%; height:2.6rem; line-height:2.6rem; font-size: 1.2rem; color: #555555; position: relative; padding-left: 5%; border-bottom: 1px dashed #bfbebe;}
.zx-c .u_lst7 li a{color: #555555;display: block;  height:2.6rem; line-height:2.6rem;overflow: hidden;}
.zx-c .u_lst7 li:before{content: "";position: absolute; width: 1rem;height:1rem;background:url(/mobile/Images/Index/dtico.jpg) no-repeat;background-size: 100%; left:0%;top:0.8rem; display: block;}

.zx-c .u_lst7 li:nth-child(1){height: 7rem;padding-left: 0;border-bottom: none;margin-bottom: 1rem;}
.zx-c .u_lst7 li:nth-child(1) a{height: 7rem;line-height: 7rem;}
.zx-c .u_lst7 li:nth-child(1) img{display: block;width: 100%;}
.zx-c .u_lst7 li:nth-child(1):before{background: none;}

.til02 {position: relative;margin-bottom: 2rem;
    background: #fafafa;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#c9c9c9)); 
    background-image: -webkit-linear-gradient(top, #fafafa, #c9c9c9); 
    background-image: -moz-linear-gradient(top, #fafafa, #c9c9c9); 
    background-image: -o-linear-gradient(top, #fafafa, #c9c9c9); 
    background-image: -ms-linear-gradient(top, #fafafa, #c9c9c9); 
    background-image: linear-gradient(top, #fafafa, #c9c9c9);
overflow: hidden;height: 2.8rem;line-height: 2.8rem;}
.til02 li{position: relative;  }
.til02 li,.til02{height: 2.8rem;line-height: 2.8rem;}
.til02 li { color: #222222; position: relative; text-align: center;
    display: inline;
    float: left;
    font-size: 1.2rem;
    font-weight: normal;
    text-align: center;
    width: 33%;}
.til02 li.z-on { color: #fff;font-weight: bold;
    background: #1a58af;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#13b3fa), to(#028cca)); 
    background-image: -webkit-linear-gradient(top, #13b3fa, #028cca); 
    background-image: -moz-linear-gradient(top, #13b3fa, #028cca); 
    background-image: -o-linear-gradient(top, #13b3fa, #028cca); 
    background-image: -ms-linear-gradient(top, #13b3fa, #028cca); 
    background-image: linear-gradient(top, #13b3fa, #028cca);
}
.til02 span{display: block;color: #333333;font-size: 1.1rem;right:3%;top:0;text-transform: uppercase;}
.til02 span a{color: #333333;}

















html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}