@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;  background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a{ text-decoration:none;font-family:"Microsoft Yahei";color: #333;}
a:hover { cursor:pointer; text-decoration:none;}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}
/* -- 页面整体布局 -- */
.wrap{ min-width:320px; max-width:750px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}


/*广告*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }



/*引子*/
.yz{height: 35rem;background: url(../images/yz-bg.jpg) no-repeat center;background-size: 100% 35rem;padding: 0 4%;}

.yz h2{height: 4.5rem;background: url(../images/tit1.png) no-repeat center bottom;background-size: 100% 4.5rem;text-align: center;padding-top: 4.5rem;margin-bottom: 2.3rem;}
.yz h2 em{font-size:2.3rem ;color:#FFFFFF ;display: block;line-height:2.3rem;font-weight: bold}
.yz h2 span{font-size:1.1rem;color:#FFFFFF ;display: block;line-height: 1.1rem;font-weight: normal;padding-top: 0.8rem;}
fff
.yz1{margin:0 4.7%;}
.yz1 ul li{width: 32.64%;float: left;background: url(../images/y-bgs.png) no-repeat center;background-size: 100% 8.8rem;height: 8.8rem;text-align: center;margin-right: 1%;margin-bottom: 0.7rem;}
.yz1 ul li i{height: 3.5rem;width: 3.5rem;display: block;margin: 1.5rem auto 0;}
.yz1 ul li i img{width: 100%;display: block;}
.yz1 ul li span{font-size: 1.2rem;line-height: 1.2rem;color: #ffffff;font-weight: normal;display: block;margin-top: 0.75rem;}
.yz1 ul li:nth-of-type(3){margin-right: 0;}
.yz1 ul li:nth-of-type(4){margin-left:16.5%;}

/*产品1*/
.cpt{padding: 3.9rem 4% 0;height: 50.1rem;}
.cpt h2{height: 4.5rem;background: url(../images/tit2.png) no-repeat center bottom;background-size: 100% 4.5rem;text-align: center;}
.cpt h2 em{font-size:2.3rem ;color:#201e50 ;display: block;line-height:2.3rem;font-weight: bold}
.cpt h2 span{font-size:1.1rem;color:#333333 ;display: block;line-height: 1.1rem;font-weight: normal;padding-top: 0.8rem;}
.cpt1{margin-top: 1.75rem;}
.cpt1 dl dt img{width: 100%;display: block;}
.cpt1 dl dd{text-align: center;height: 13.75rem;}

.cpt1 dl dd h4{padding-top: 1.9rem;margin-bottom: 1rem;}
.cpt1 dl dd h4 a{font-size: 1.7rem;line-height: 1.7rem;font-weight: bold;color: #4c4c4c;}
.cpt1 dl dd p{ width: 94%;margin: 0 auto;font-size: 1.2rem;line-height: 2.1rem;font-weight: normal;display: block;color: #666666;}

.cpt1 dl dd .gds{margin: 1.75rem auto 0;width:50%;height: 3.3rem;}

.cpt1 dl dd .gds a{float: left;line-height: 3.3rem;width: 13.8rem;height: 3.3rem;text-align: left;}
.cpt1 dl dd .gds a i{font-size: 1.2rem;font-weight: bold;display: block;color: #ffffff;text-align: left;padding-left: 4.25rem;}

.cpt1 dl dd .gds .a1{background: url(../images/at-1.png) no-repeat center;background-size: 100% 3.3rem; width: 17.6rem;}
.cpt1 dl dd .gds .a2{background: url(../images/z-2.png) no-repeat center;background-size: 100% 3.3rem;margin-left: 0.25rem;}
.cpt1 dl dd .gds .a2 i{padding-left: 2.25rem;}

/*分离效果*/
.xg{padding: 3rem 4% 3.5rem 4%;background: #ebf1f7;}
.xg h2{text-align: left;padding-left: 1.25rem;height: 1.8rem;position: relative;}
.xg h2 em{font-size: 1.8rem;font-weight: bold;display: block;float: left;line-height: 1.8rem;color: #201e50;}
.xg h2 span{font-size: 1.1rem;font-weight: normal;display: block;float: left;line-height: 1.1rem;color: #333333;padding-top: 0.7rem;padding-left: 1.2rem;}

.xg h2::after{height: 1.8rem;background: #201e50;width: 0.3rem;display: block;position: absolute;left: 0;top: 0;z-index: 99;content: "";}


.xg_con{margin-top: 2rem;}
.xg_con ul li{float: left;width: 49.27%;text-align: center;}
.xg_con ul li i img{width: 100%;display: block;}
.xg_con ul li h4{font-size: 1.2rem;line-height: 1.2rem;font-weight: normal;display: block;padding-top: 1.5rem;}
.xg_con ul li h4 a{color: #4c4c4c;}
.xg .gds{height: 3.3rem;width: 17.6rem;display: block;background: url(../images/at-1.png) no-repeat center;background-size: 100% 3.3rem;margin:1.85rem auto 0;}
.xg .gds b{padding-left: 18%;font-size: 1.2rem;font-weight: bold;line-height: 3.3rem;display: block;color: #ffffff;}
.xg_con ul li:last-of-type{float: right;}


/*设备*/
.xb{padding-top: 3rem;padding-bottom: 2.25rem;}

.xb_nav{margin: 0 4%;height: 8.5rem;margin-bottom: 1.25rem;}
.xb_nav h3{float: left;width: 32.75%;height: 4rem;line-height: 4rem;border:1px solid #c9c9c9;box-sizing: border-box;margin-bottom: 0.25rem;margin-right: 0.8%;}

.xb_nav h3 a{font-size: 1.2rem;text-align: center;color: #4c4c4c;font-weight: normal;display: block;box-sizing: border-box;}

.xb_nav h3:nth-of-type(3n){float: right;margin-right: 0;}

.xb_nav h3.cur{border-color: #201e50;}
.xb_nav h3.cur a{color: #201e50;}

.cpt1_con{margin:0 6%;position: relative;}
.cpt1_con dt img{width: 100%;display: block;}

.cpt1_con dd{height: 4.05rem;line-height: 4.05rem;text-align: center;border-bottom: 0.05rem solid #c7c7c7;box-sizing: border-box;}

.cpt1_con dd h3{font-size: 1.3rem;line-height: 4.05rem;color: #4c4c4c;font-weight: normal;}
.cpt1_con dd h3 a{color: #4c4c4c;}

.cpt1_con .prev{position: absolute;left:0rem;top:7.75rem;width:3rem;height:3rem;background:url(../images/left.png) no-repeat center;z-index: 10;background-size: 3rem 3rem;}
.cpt1_con .next{position: absolute;right:0rem;top:7.75rem;width:3rem;height:3rem;background:url(../images/right.png) no-repeat center;z-index: 10; background-size:3rem 3rem;}



/*解决方案*/
.fa{padding:1.7rem 0 0;position: relative;}
.fa h2{height: 4.4rem;background: url(../images/tit3.png) no-repeat center bottom;background-size: 100% 4.4rem;text-align: center;}
.fa h2 em{font-size:2.3rem ;color:#201e50 ;display: block;line-height:2.3rem;font-weight: bold}
.fa h2 span{font-size:1.1rem;color:#333333 ;display: block;line-height: 1.1rem;font-weight: normal;padding-top: 0.8rem;}

.fa1{margin-top: 2.25rem;}

.fa1 dl{position: relative;}
.fa1 dl dt img{width: 100%;display: block;}
.fa1 dl dd{height: 16.5rem;width: 19.5rem;display: block;background: url(../images/d-bgf.jpg) no-repeat center;background-size: 100% 16.5rem;position: absolute;top: 10.5rem;right: 0;}
.fa1 dl dd p{font-size: 1.2rem;line-height: 2.15rem;color: #ffffff;display: block;font-weight: normal;padding-top: 3rem;padding-left: 2.1rem; width: 80%;}


.fa2 { width: 34.6rem;     margin-left: 4%;background: url("../images/gd-r.png") no-repeat center; height: 3.3rem; background-size: 100% 3.3rem;position:absolute;bottom: -1.65rem;}
.fa2 a { float: left; width: 18.35rem; height: 3.3rem; transition: all 0.35s ease 0s; }
.fa2 a i { height: 3.3rem; width: 3rem; display: block; overflow: hidden; float: left;  }
.fa2 a i img {  width: 100%; display: block; }
.fa2 a b { font-size: 1.2rem; line-height: 3.3rem; display: block; float: left; font-weight: bold; color: rgb(255, 255, 255); }
.fa2 .is1 i { margin-left: 9%; }
.fa2 .is2 i { margin-left: 1%; }
.fa2 .is2 { width: 16.2rem; }


/*案例*/
.case{height:55rem;background: url(../images/case_bg.jpg) no-repeat center;background-size: 100% 64rem;padding: 0 4%;}
.case h2{height: 4.4rem;background-size: 100% 4.4rem;text-align: center;padding-top: 5.55rem;}
.case h2 em{font-size:2.3rem ;color:#201e50 ;display: block;line-height:2.3rem;font-weight: bold}
.case h2 span{font-size:1.1rem;color:#333333 ;display: block;line-height: 1.1rem;font-weight: normal;padding-top: 0.8rem;}

.case_con{margin-top: 2.4rem;}
.case_con ul li{float: left;width: 48.55%;box-shadow: rgba(1, 77, 148, 0.16) 0px 0px 1rem;margin-bottom:2rem;}
.case_con ul li a img{width: 100%;display: block;}

.case_con ul li .desc{height: 5rem;background: #ffffff;border: 0.05rem solid #e1e5e8;box-sizing: border-box;}
.case_con ul li .desc h4{padding-top: 1.5rem;padding-left: 1.6rem;text-align: left;margin-bottom:0.5rem;}
.case_con ul li .desc h4 a{font-size: 1.3rem;line-height: 1.3rem;color: #333333;font-weight: bold;}
.case_con ul li .desc p{font-size: 1.2rem;line-height: 2rem;color: #666666;display: block;font-weight: normal;padding-left: 1.6rem;width:82%;}
.case_con ul li .desc .gds{height: 1.5rem;width: 60%;font-size: 1.1rem;font-weight: bold;color: #201e50;margin-left: 1.6rem;    margin-top: 0.5rem;float: left;}
.case_con ul li .desc .gds i{height: 1.5rem;width: 1.5rem;display: inline-block;vertical-align: text-bottom;margin-left: 0.5rem;}
.case_con ul li:nth-of-type(2n){float: right;}
.case_con ul li:nth-of-type(3){margin-bottom:0;}
.case_con ul li:last-of-type{margin-bottom:0;}

/*优势*/
.ys{height: 135.25rem;padding: 0 4%;}
.ys h2{height: 4.35rem;background-size: 100% 4.35rem;text-align: center;padding-top:1.4rem;}
.ys h2 em{font-size:2.3rem ;color:#201e50 ;display: block;line-height:2.3rem;font-weight: bold}
.ys h2 span{font-size:1.1rem;color:#333333 ;display: block;line-height: 1.1rem;font-weight: normal;padding-top: 0.8rem;}

.ys1{margin-top: 2.25rem;}
.ys1 dl{position: relative;}
.ys1 dl dt{width: 100%;display: block}
.ys1 dl dt img{width: 100%;display: block;}
.ys1 dl dd{height: 17.8rem;background: url(../images/ys1-d1.jpg) no-repeat center top;background-size: 100% 17.8rem;position:relative;}
.ys1 dl dd h4{height: 3.3rem;width: 22.8rem;background: url(../images/ys-i1.png) no-repeat center;background-size: 100% 3.3rem;line-height: 3.3rem;position: absolute;top: -1.7rem;left: 0.5rem;}
.ys1 dl dd h4 i{font-size: 1.6rem;color: #ffffff;display: block;padding-left: 5rem;}
.ys1 dl dd p{margin-left: 2rem;padding-left: 1.3rem;font-size: 1.2rem;line-height: 2.1rem;display: block;font-weight: normal;background: url(../images/dians.png) no-repeat 0 0.7rem;background-size: 0.6rem 0.6rem;width: 87%;}
.ys1 dl dd p:first-of-type{padding-top: 3.2rem;padding-bottom: 0.8rem;}

.ys2{margin-top:2.5rem;}
.ys2 dl{position: relative;}
.ys2 dl dt{width:100%;display:block;}
.ys2 dl dt img{width: 100%;display: block;}
.ys2 dl dd{position:relative;height: 17.8rem;background: url(../images/ys1-d1.jpg) no-repeat center top;background-size: 100% 17.8rem;}
.ys2 dl dd h4{height: 3.3rem;width: 22.8rem;background: url(../images/ys-i2.png) no-repeat center;background-size: 100% 3.3rem;line-height: 3.3rem;position: absolute;top: -1.7rem;left: 0.5rem;}
.ys2 dl dd h4 i{font-size: 1.6rem;color: #ffffff;display: block;padding-left:3rem;}
.ys2 dl dd p{margin-left: 2rem;padding-left: 1.3rem;font-size: 1.2rem;line-height: 2.1rem;display: block;font-weight: normal;background: url(../images/dians.png) no-repeat 0 0.7rem;background-size: 0.6rem 0.6rem;width: 87%;}
.ys2 dl dd p:first-of-type{padding-top: 3.2rem;padding-bottom: 0.8rem;}


/*优势3*/
.ys3{margin-top:2.5rem;}
.ys3 dl{position: relative;}
.ys3 dl dt{width:100%;display:block;}
.ys3 dl dt img{width: 100%;display: block;}
.ys3 dl dd{position:relative;height: 17.8rem;background: url(../images/ys1-d1.jpg) no-repeat center top;background-size: 100% 17.8rem;}
.ys3 dl dd h4{height: 3.3rem;width: 22.8rem;background: url(../images/ys-i3.png) no-repeat center;background-size: 100% 3.3rem;line-height: 3.3rem;position: absolute;top: -1.7rem;left: 0.5rem;}
.ys3 dl dd h4 i{font-size: 1.6rem;color: #ffffff;display: block;padding-left:3rem;}
.ys3 dl dd p{margin-left: 2rem;padding-left: 1.3rem;font-size: 1.2rem;line-height: 2.1rem;display: block;font-weight: normal;background: url(../images/dians.png) no-repeat 0 0.7rem;background-size: 0.6rem 0.6rem;width: 87%;}
.ys3 dl dd p:first-of-type{padding-top: 3.2rem;padding-bottom: 0.8rem;}

/*新闻*/
.news{ padding:3.9rem 4% 3rem;background: #ebf1f7; }

.news h2{height: 4.3rem;background: url(../images/tit7.png) no-repeat center bottom;background-size: 100% 4.3rem;text-align: center;}
.news h2 em{font-size:2.3rem ;color:#201e50 ;display: block;line-height:2.3rem;font-weight: bold}
.news h2 span{font-size:1.1rem;color:#333333 ;display: block;line-height: 1.1rem;font-weight: normal;padding-top: 0.8rem;}


.news_con{margin: 1.5rem 0 0;overflow: hidden;}
.news_con dl{ height:12.8rem;border-bottom: 1px dashed  #b9bec3;padding: 1.2rem 0;box-sizing: border-box;}
.news_con dl:last-child{ border-bottom: 0;}
.news_con dt{ display: block;float: right;width:39.13%;}
.news_con dt img{width: 100%;display: block;}
.news_con dd{float: left;width: 57.2%;}
.news_con dd h4{font-size: 1.3rem;color: #1a1a1a;line-height: 1.3rem;font-weight: normal;padding-top: 1rem;padding-bottom: 1rem;font-weight: normal;}
.news_con dd h4 a{color: #1a1a1a;}
.news_con dd p{font-size: 1.1rem;color: #666666;line-height: 2rem;font-weight: normal;}
.news_con dd span { display: block;font-family: Verdana;color: #999999;font-size: 0.9rem;line-height: 1.1rem;margin-top: 1.4rem;}


/*关于我们*/
.abt{height:55.15rem;background: #fff;}
.abt dl{position: relative;}
.abt dl dt img{width: 100%;display: block;}

.abt dl dd{margin: -4rem 4% 0 4%;background:rgba(32,30, 80, 0.9);height: 21.55rem;background-size: 100% 21.55rem;position: relative;}
.abt dl dd h2{text-align: center;padding-top: 2.5rem;height: 5.75rem;}
.abt dl dd h2 em{font-size:2.3rem ;color:#ffffff;display: block;font-weight: bold;line-height:2.3rem;}
.abt dl dd h2 span{font-size:1.1rem;color:#ffffff ;display: block;font-weight: normal;line-height:1.6rem;padding-top: 0.75rem;}
.abt dl dd p{font-size: 1.2rem;line-height: 2.15rem;font-weight: normal;display: block;color: #ffffff;padding-top: 1.75rem;width: 87%;margin: 0 auto;text-align: center;}
.abt dl dd .gds{height: 3.3rem;width: 17.6rem;display: block;background: url(../images/at-1.png) no-repeat center;background-size: 100% 3.3rem;position:relative;margin: 1.35rem auto 0;}
.abt dl dd .gds i{padding-left: 27%;font-size: 1.2rem;font-weight: bold;line-height: 3.3rem;display: block;color: #ffffff;}

.abt .abt1{margin-top: 3.15rem;padding: 0 4%;overflow: hidden;}
.abt1 ul li{width: 49.27%;height: 6.5rem;float: left;border: 1px solid #74b5e5;box-sizing: border-box;position: relative;margin-bottom:0.5rem;}

.abt1 ul li strong{height: 2.5rem;width: 2.5rem;display: block;float: left;margin: 1.55rem 0.7rem 0 2.95rem;}
.abt1 ul li strong img{width:100%;display: block;}

.abt1 ul li b{ display: inline-block;font-size:2.75rem;line-height: 100%;color: #201e50;font-weight:bold;vertical-align:top;font-family: "Arial";padding-top: 1.25rem;}
.abt1 ul li i{margin-left: 0.25rem;display: inline-block;width:1.5rem;height:1.5rem;line-height:1.5rem;font-size: 0.9rem;color: #ffffff;text-align: center;font-weight:normal;background: #201e50;border-radius: 100%;margin-top: 1.25rem;}
.abt1 ul li span{ display: block;font-size: 1.1rem; line-height:1.1rem; color: #333333; font-weight:normal;}

.abt1 ul li:nth-of-type(2n){float: right;}





/**/
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}