.m_nav{ height:7.3rem;padding-top: 1rem; margin-left: 6%;}
.m_nav li{ float:left;  color:#fff; width:29%; text-align:center; margin-right: 3%;height: 2.5rem;line-height: 2.5rem;background:#1a419c; border-radius: 0.2rem; border-bottom: 0.125rem solid #051539; font-size: 1rem;color: #fff;margin-bottom: 0.5rem; }
.m_nav a:nth-child(3n) li{margin-right: 0;}

.g-adv { height:auto; }
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{overflow:hidden;height: 12.5rem;}
.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_tel{position: relative;margin: 0 5%;width: 50%;height:2.25rem;line-height: 2.25rem; border: 2px solid #a5a5a5; border-radius: 0.2rem;padding-left: 35%;font-size: 1.5rem;color: #333333;font-weight: bold; font-family: arial;}
.g_tel:before{content: "";position: absolute;background:url(/uploads/image/mi/tel.jpg) no-repeat;background-size: 100%;width: 2rem;height: 2rem;left:30%;top:3%;}

/*搜索*/
.m_ser{ height:2.5rem; position: relative;overflow: hidden;margin-top: 1rem; margin-bottom: 2rem; }
.ser{width:100%;margin:0 auto;height:2.5rem;;line-height:2.5rem;background:url(/uploads/image/mi/serbg.jpg) no-repeat left center;background-size:100% auto; }
.ser input{background:none;border:none;color:#8a8a8a;font-size:1rem;height:2.5rem;float:left; line-height: 2.5rem;}
.ser input:nth-child(1){width:68%;padding:0 1% 0 10%;}
.ser input:nth-child(2){width:20%;  cursor: pointer; height: 2.5rem;}

/* 合作客户 */
.g_hz{height: 15.8rem;}
.g_hz .sclwrap_box,.g_hz .m-box {height: 8.3rem;}
.g_hz h2{position: relative; height: 3.5rem;text-align: center;font-size: 1rem;color: #333333;font-weight: bold;}
.g_hz h2:before{content: "";position: absolute;width: 28%;height: 1px;background: #dedede;left:0;top: 0.7rem;}
.g_hz h2:after{content: "";position: absolute;width: 28%;height: 1px;background: #dedede;right:0;top: 0.7rem;}

.m_hz{position: relative;}
.m_hz .prev, .m_hz .next {
    height: 2.5rem;
    position: absolute;
    text-align: center;
    top:8.4rem;
    width: 48%;
    z-index: 9;
}
.m_hz .prev {left: 0;}
.m_hz .next {right: 0;}
.m_hz .prev img,.m_hz .next img{width: 100%;}
.m_hz .nowarp {
    margin: 0 6% 0 6%;
    overflow: hidden;
    position: relative;
    width: 87%;
}
.m_hz .u_lst2 {float: left; display: inline; width: 100%;	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 	}
.m_hz .u_lst2 li{width:47%;float: left; margin-right: 4%; position: relative;}
.m_hz .u_lst2 li:last-child{ margin-right: 0;}
.m_hz .u_lst2 li img{width: 100%;display: block;border: 1px solid #dbdada;}
.m_hz .u_lst2 li em{display: block; width: 100%;height: 2.5rem;line-height: 2.5rem;text-align: center; color: #666666;font-size: 1rem; overflow: hidden; }


/* 产品中心 */
.g_pro {height: 33.5rem; }
.g_pro .sclwrap_box,.g_pro .m-box {height: 26.6rem;}
.g_pro h2{position: relative; height: 3.3rem;text-align: center;font-size: 1rem;color: #333333;font-weight: bold;}
.g_pro h2:before{content: "";position: absolute;width: 28%;height: 1px;background: #dedede;left:0;top: 0.7rem;}
.g_pro h2:after{content: "";position: absolute;width: 28%;height: 1px;background: #dedede;right:0;top: 0.7rem;}

.g_pro .m-cnt {position: relative; margin: 0 6%; height: 3.8em;line-height: 3.8em;}
.g_pro .m-cnt li {height: 2rem;line-height: 2rem;text-align: center; width: 48%;color: #fff;font-size: 1rem; margin-right: 3%; border-radius: 0.2rem; background: #888888; float: left;}
.g_pro .m-cnt li:nth-child(2n){margin-right: 0;}
.g_pro .m-cnt li.z-on {background: #223f83;}

.con{float: left; display: inline;}
.g_pro .u_lst8{padding:3% 6% 0 6%; }
.g_pro .u_lst8 li{float: left; width: 47%; margin-right: 5%; z-index: 2; position: relative; }
.g_pro .u_lst8 li img{width: 100%;display: block;
border: 1px solid #d9d9d9; 
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.g_pro .u_lst8 li em{position: relative; font-size: 1rem; color: #888888; height:3.7rem; line-height:3.7rem; text-align: center; display: block; font-weight: normal; overflow: hidden;width: 100%;z-index: 10;  }
.g_pro .u_lst8 a:nth-child(2n) li{margin-right: 0}
.g_pro .u_lst8 li em:before{content: "";position: absolute;background:url(/uploads/image/mi/cpsha.jpg) no-repeat;background-size:100%;width: 100%;height: 3.7rem;left:-3%;top:0;z-index: -1;}
.g_xban,.g_xban img{width: 100%;display: block;}


/* 保障 */
.g_bz {height: 42.16rem; }
.g_bz .sclwrap_box,.g_bz .m-box {height: 35.8rem;}
.g_bz .m-cnt {position: relative; margin: 0 0 0 6%; height: 3.8rem; padding-top: 1.6rem;}
.g_bz .m-cnt li {height: 3rem;padding-top: 0.8rem; text-align: center; width: 28%;color: #fff;font-size: 1rem; margin-right: 5%; border-radius: 0.2rem; background: #888888; float: left;border-bottom: 0.2rem solid #6e6e6e;}
.g_bz .m-cnt li:nth-child(3n){margin-right: 0;}
.g_bz .m-cnt li.z-on {background: #21418c;border-bottom: 0.2rem solid #051539;}

.m_bz1{padding-top: 1rem;margin: 0 6%;}
.m_bz1 .vs,.m_bz1 .vs img{width: 100%;display: block;}
.m_bz1 .vs{margin-bottom: 1rem;}
.m_bz1 h2{font-size: 1rem;color: #333333;font-weight: bold;margin-bottom: 1rem;}
.m_bz1 h2 em{display: block;font-weight: normal;}
.m_bz1 p{font-size: 0.88rem;color: #333333;line-height: 2rem;}
.m_bz1 .lastp{color: #777777;}
.m_bz1 .u_btn1{font-size: 0.9rem;color: #223f83;border: 2px solid #223f83;width: 8rem;height: 1.5rem;line-height: 1.5rem;text-align: center;margin-top: 0.5rem; margin-bottom: 1.5rem;}
.m_bz1 .u_lst1{margin-top:1.6rem;}
.m_bz1 .u_lst1 li{float: left;width: 4rem;height: 4rem;line-height: 4rem;font-size: 1rem;color: #fff;text-align: center; margin-right: 0.8rem; border-radius: 85rem;background: #d12c26;}
.m_bz1 .u_lst1 li:nth-child(2n){background: #2553bd;}

.m_bz2{margin: 1rem 6% 0;}
.m_bz2 .u_dlst1 dt{width: 100%; margin-bottom: 0.8rem;}
.m_bz2 .u_dlst1 dt img{width: 100%;display: block;}
.m_bz2 .u_dlst1 dd p{height: 3rem;line-height: 3rem;border-bottom: 1px dotted #7d7d7d; font-size: 1rem;color: #666666;}
.m_bz2 .u_dlst1 dd p:last-child{border-bottom:none;}

.m_bz3{margin: 1rem 6%;}
.m_bz3 dt,.m_bz3 dt img{width: 100%;display: block;}
.m_bz3 dd h2{height: 3rem;line-height: 3rem;border-bottom: 1px solid #888888;font-size: 1.08rem;color: #333333;font-weight: bold;margin-bottom: 1rem;}
.m_bz3 dd p{font-size: 0.9rem;color: #666666;line-height: 1.3rem;border-bottom: 1px dotted #7d7d7d;margin-bottom: 0.75rem; padding-bottom: 0.5rem;}
.m_bz3 dd p b{display: block;margin-bottom: 0.5rem;color: #333333;}
.m_bz3 dd p:last-child{border-bottom:none;}


/* 优势 */
.g_ys {height: 42.54rem; position: relative;}
.g_ys .sclwrap_box,.g_ys .m-box {height: 35.8rem;}
.g_ys h2{background:url(/uploads/image/mi/ystit.jpg) no-repeat;background-size:100%; height: 5.46rem; padding-top: 1.2rem;text-align: center;font-size: 1.16rem;font-weight: bold; color: #fff;}
.g_ys h2 b{display: block;font-size: 1.5rem;}

.g_ys .m-cnt {position: absolute; left:6%;top:40rem;z-index: 10; width: 94%;}
.g_ys .m-cnt li {width: 31%;margin-right: 2px;float: left;height: 1.25rem;background: #888888;}
.g_ys .m-cnt li:nth-child(3n){margin-right: 0;}
.g_ys .m-cnt li.z-on {background: #223f83;}

.m_ys1{margin: 0 6%; padding-top: 1.66rem;}
.m_ys1 dt{width: 100%;margin-bottom: 1.33rem;}
.m_ys1 dt img{width: 96%;display: block; padding: 2%;border: 1px solid #e1e0e0;border-top: none;box-shadow: 0 0 3px  #ccc;}
.m_ys1 dd h3{height: 4.5rem;position: relative;padding-left: 8%;font-size: 1.1rem;color: #333333;font-weight: bold;margin-bottom: 1rem;}
.m_ys1 dd h3 em{display: block;font-weight: normal;font-size: 1rem;}
.m_ys1 dd h3 b{position: absolute;left:0;top:0;width:1.3rem;height: 2.9rem; text-align: center;font-size: 0.9rem;font-weight: bold; color: #fff; background: #d12c26;}
.m_ys1 dd h3:before{content: "";position: absolute;background:url(/uploads/image/mi/ysline.jpg) no-repeat;background-size:100%; width:24rem;height: 2px;  left:0;bottom: 0; }
.m_ys1 dd p{position: relative; font-size: 1rem;color: #666666;line-height: 1.5rem; margin-bottom: 0.5rem;padding-left: 3%;}
.m_ys1 dd p:before{content: "";position: absolute;width: 0.3rem;height: 0.3rem;background: #a7a7a7;  border-radius: 85rem; left:0;top:0.5rem;}
.m_ys1 dd p b{font-weight: normal;color: #d12c26;}

/* 证书 */
.g_zs{height: 19.5rem;}
.g_zs .sclwrap_box,.g_zs .m-box {height: 15rem;}
.g_zs h2{position: relative;height: 2.5rem;line-height: 2.5rem; padding: 0 6% 0 12%; color: #fff;font-size: 1rem;font-weight: bold;margin-bottom: 2.5rem;z-index: 10;
    background: #1e46a5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1e46a5), to(#224087)); 
    background-image: -webkit-linear-gradient(top, #1e46a5, #224087); 
    background-image: -moz-linear-gradient(top, #1e46a5, #224087); 
    background-image: -o-linear-gradient(top, #1e46a5, #224087); 
    background-image: -ms-linear-gradient(top, #1e46a5, #224087); 
    background-image: linear-gradient(top, #1e46a5, #224087);
}
.g_zs h2 span{font-size: 0.9rem;color: #8190be;font-weight: normal;text-transform: uppercase;}
.g_zs h2:before{content: "";position: absolute; width: 38%; left:0;top:0;z-index: -1;height: 2.5rem;line-height: 2.5rem;
    background: #de2f2a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#de2f2a), to(#c01f1a)); 
    background-image: -webkit-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: -moz-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: -o-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: -ms-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: linear-gradient(top, #de2f2a, #c01f1a);
}


.m_zs{position: relative;}
.m_zs .prev, .m_zs .next {
    height: 3.5rem;
    position: absolute;
    text-align: center;
    top:3rem;
    width: 1.5rem;
    z-index: 9;
}
.m_zs .prev {left: 6%;}
.m_zs .next {right: 6%;}
.m_zs .prev img,.m_zs .next img{width: 100%;}
.m_zs .nowarp {
    margin: 0 17% 0 17%;
    overflow: hidden;
    position: relative;
    width: 66%;
}
.m_zs .u_lst2 {float: left; display: inline; width: 100%; }
.m_zs .u_lst2 li{width:45%;float: left; margin-right: 9%; position: relative;}
.m_zs .u_lst2 li:last-child{ margin-right: 0;}
.m_zs .u_lst2 li img{width: 86%; padding: 7%; display: block;background:url(/uploads/image/mi/zsbg.jpg) no-repeat;background-size:100%;  }
.m_zs .u_lst2 li em{display: block; width: 100%;height: 2.5rem;line-height: 2.5rem;text-align: center; color: #666666;font-size: 1rem; overflow: hidden;font-weight: normal; }


/*  合作客户的评价 */
.g_kf {height: 13.75rem; }
.g_kf .sclwrap_box,.g_kf .m-box {height: 8rem;}
.g_kf .m-cnt {position: relative;height: 2.5rem;line-height: 2.5rem;margin-bottom: 2rem;
    background: #1e46a5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1e46a5), to(#224087)); 
    background-image: -webkit-linear-gradient(top, #1e46a5, #224087); 
    background-image: -moz-linear-gradient(top, #1e46a5, #224087); 
    background-image: -o-linear-gradient(top, #1e46a5, #224087); 
    background-image: -ms-linear-gradient(top, #1e46a5, #224087); 
    background-image: linear-gradient(top, #1e46a5, #224087);
}
.g_kf .m-cnt li { color: #fff;font-size: 1rem; width: 35%;text-align: center;
    float: left;font-weight: normal;}
.g_kf .m-cnt li.z-on {font-weight: bold;
    background: #de2f2a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#de2f2a), to(#c01f1a)); 
    background-image: -webkit-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: -moz-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: -o-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: -ms-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: linear-gradient(top, #de2f2a, #c01f1a);}
.g_kf .m-cnt span{position: absolute;right:6%;top:0;text-transform: uppercase;font-size: 0.9rem;color: #9aa6cb;}
.g_kf .m-cnt span a{color: #9aa6cb;}

.g_kf dl{padding: 0 5%;}
.g_kf dt{width: 48%;float: left; margin-right: 3%;}
.g_kf dt img{display: block;width: 100%;}
.g_kf dd{float: left;width: 48%;}
.g_kf dd h3{height:1.6rem;line-height:1.6rem;color: #333333;font-size: 1rem;font-weight: bold; margin-bottom: 0.5rem;}
.g_kf dd p{color: #666666;font-size: 1rem;line-height: 1.5rem;height: 4.5rem;overflow: hidden;}
.g_kf dd p a{font-weight: bold;color: #666666;}



/* 走进*/
.g_zj{height: 24rem;}
.g_zj h2{position: relative;height: 2.5rem;line-height: 2.5rem; padding: 0 6% 0 8%; color: #fff;font-size: 1rem;font-weight: bold;margin-bottom: 2rem;z-index: 10;
    background: #1e46a5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1e46a5), to(#224087)); 
    background-image: -webkit-linear-gradient(top, #1e46a5, #224087); 
    background-image: -moz-linear-gradient(top, #1e46a5, #224087); 
    background-image: -o-linear-gradient(top, #1e46a5, #224087); 
    background-image: -ms-linear-gradient(top, #1e46a5, #224087); 
    background-image: linear-gradient(top, #1e46a5, #224087);
}
.g_zj h2 span{font-size: 0.9rem;color: #8190be;font-weight: normal;text-transform: uppercase;}
.g_zj h2:before{content: "";position: absolute; width: 38%; left:0;top:0;z-index: -1;height: 2.5rem;line-height: 2.5rem;
    background: #de2f2a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#de2f2a), to(#c01f1a)); 
    background-image: -webkit-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: -moz-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: -o-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: -ms-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: linear-gradient(top, #de2f2a, #c01f1a);
}

.g_zj dl{padding: 0 18% 0 18%;}
.g_zj dt{width: 100%;margin-bottom: 1.5em;}
.g_zj dt img{display: block;width: 100%;}
.g_zj dt em{display: block;width: 100%;height: 3rem;line-height: 3rem;text-align: center;overflow: hidden;font-size: 1rem;color: #666666;font-weight: bold;}


/* 荣誉证书 */
.demo-box {height: 18rem; overflow: hidden; }
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height:14rem; overflow: hidden;}
.demo-box .column-list {position: relative;height: 2.5rem;line-height: 2.5rem;margin-bottom: 2rem;
    background: #1e46a5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1e46a5), to(#224087)); 
    background-image: -webkit-linear-gradient(top, #1e46a5, #224087); 
    background-image: -moz-linear-gradient(top, #1e46a5, #224087); 
    background-image: -o-linear-gradient(top, #1e46a5, #224087); 
    background-image: -ms-linear-gradient(top, #1e46a5, #224087); 
    background-image: linear-gradient(top, #1e46a5, #224087);
}
.demo-box .column-list li { color: #fff;font-size: 1rem; width: 35%;text-align: center;
    float: left;font-weight: normal;}
.demo-box .column-list li.z-on {font-weight: bold;
    background: #de2f2a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#de2f2a), to(#c01f1a)); 
    background-image: -webkit-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: -moz-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: -o-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: -ms-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: linear-gradient(top, #de2f2a, #c01f1a);}
.demo-box .column-list span{position: absolute;right:6%;top:0;text-transform: uppercase;font-size: 0.9rem;color: #9aa6cb;}
.demo-box .column-list span a{color: #9aa6cb;}

.demo-box .box-style { padding: 0 13% 0 13%;position: relative; width: 74%; float: left; display: inline;}
.demo-box .box-style .prev, .demo-box .box-style .next {
    height: 3.5rem;
    position: absolute;
    text-align: center;
    top:3rem;
    width: 1.5rem;
    z-index: 9;
}
.demo-box .box-style .prev { left: 6%;}
.demo-box .box-style .next {right: 6%;}
.demo-box .box-style .prev img,.demo-box .box-style .next img{width: 100%;}

.demo-box .box-style .page { width: 100%; float: left; display: inline;}
.demo-box .box-style .page li{float: left; width: 48%; margin-right: 3%; position: relative;}
.demo-box .box-style .page li:nth-child(2){margin-right: 0;}
.demo-box .box-style .page li em{display: block; height: 3rem; line-height: 3rem; text-align: center; color: #666666; font-size: 1rem;overflow: hidden;}
.demo-box .box-style .page li img{width: 100%; display: block;}


/*资讯*/
.g_zx{height: 23.75rem;}
.g_zx .sclwrap_box,.g_zx .m-box { height: 17.5rem;}

.zx-c .u_lst7{padding-top: 1.16rem;}
.zx-c .u_lst7 li{ margin: 0 5% 0 5%; height:2.5rem; line-height: 2.5rem; font-size: 1rem; color: #666666; position: relative; padding-left: 4%; overflow: hidden;border-bottom: 1px dotted #828282;}
.zx-c .u_lst7 li a{color: #666666; }
.zx-c .u_lst7 li:before{position: absolute; content: ""; width: 0.2rem;height:0.2rem;background: #666666; left:0;top:1rem;}
.zx-c .u_lst7 li span{color: #a3a3a3;}
.zx-c .u_lst7 li:last-child{border-bottom: none;}

.til02 {position: relative;height: 2.5rem;line-height: 2.5rem;
    background: #1e46a5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1e46a5), to(#224087)); 
    background-image: -webkit-linear-gradient(top, #1e46a5, #224087); 
    background-image: -moz-linear-gradient(top, #1e46a5, #224087); 
    background-image: -o-linear-gradient(top, #1e46a5, #224087); 
    background-image: -ms-linear-gradient(top, #1e46a5, #224087); 
    background-image: linear-gradient(top, #1e46a5, #224087);
}
.til02 li {position: relative; color: #fff;font-size: 1rem; width: 30%;text-align: center;float: left;font-weight: normal;}
.til02 li:before{content: "";position: absolute;width: 2px;height: 0.8rem;background: #4e6caf; right:0;top:0.9rem;}
.til02 li:nth-child(3):before{background: none;}
.til02 li.z-on {font-weight: bold;
    background: #de2f2a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#de2f2a), to(#c01f1a)); 
    background-image: -webkit-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: -moz-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: -o-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: -ms-linear-gradient(top, #de2f2a, #c01f1a); 
    background-image: linear-gradient(top, #de2f2a, #c01f1a);}

.til02 li.z-on:before{background: none;}
.g_zx .btn2{margin: 0 6% 0;height: 2rem;line-height: 2rem;border: 2px solid #a5a5a5;border-radius: 0.2rem; text-align: center;font-size: 1rem;color: #666666;display: block;}

















@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:87%;}
}
@media screen and (min-width:375px) {
	html { font-size:88%;}
}
@media screen and (min-width:400px) {
	html { font-size:98%;}
}
@media screen and (min-width:414px) {
	html { font-size:100%;}
}
@media screen and (min-width:480px) {
	html { font-size:112%;}

}
@media screen and (min-width:568px) {
	html { font-size:131%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}