@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", "Arial", Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff; }
li, ol { list-style: none; }
ins { text-decoration: none; }
i, em { font-style: normal; }
a { text-decoration: none; font-family: "Microsoft YaHei"; }
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; }
.fl { float: left; }
.fr { float: right; }
/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:750px; margin:0 auto; overflow:hidden; position:relative; background:#fff; font-family: "Microsoft YaHei"; } 
.wrap img{width: 100%;display: block;}

/*广告*/
.banner { position: relative; z-index: 3; width: 100%; overflow: hidden; }
.banner.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 1rem;}
.banner .swiper-pagination-bullet { background: #f5f5f5; width: .8rem; opacity: 1; height: .8rem; margin: 0 .4rem !important; }
.banner .swiper-pagination-bullet-active { border-radius: 0.4rem; opacity: 1; background: #79b23b; }

/**/
.g-yinz{width: 92%;margin: 0 auto;padding: 2.5rem 0 1.9rem;}
.m-tit01{display: block;width: 100%;text-align: center;font-size: 2rem;color: #333;font-weight: bold;position: relative;height: 4.5rem;line-height: 4rem;overflow: hidden;}
.m-tit01:before{content: "";width: 13rem;height: 1px;background: #e3e3e3;position: absolute;bottom: 1px;left: 50%;margin-left: -6.5rem;}
.m-tit01:after{content: "";width: 4rem;height: 3px;background: #29479d;position: absolute;bottom: 0;left: 50%;margin-left: -2rem;}
.digital{width: 100%;height: 14rem;padding: 2rem 0 0;}
.ibrand-num li{float:left;width: 28%;height:7rem;padding-left:5.33%;color:#333;font-size:1.1rem;}
.ibrand-num li i{display: block;float: left;width: 2rem;height: 2rem;line-height: 1.8rem;border-radius: 50%;color: #fff;text-align: center;margin-top: 0.8rem;
background: #1488c3; /* Old browsers */
background: -moz-linear-gradient(left,  #1488c3 0%, #71af45 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1488c3 0%,#71af45 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1488c3 0%,#71af45 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1488c3', endColorstr='#71af45',GradientType=1 ); /* IE6-9 */
}
.ibrand-num li b{font-size:2.5rem;line-height: 3rem; font-family:"DINOT";padding-right: 0.3rem;display: block;float: left;}
.ibrand-num li em{display: block;float: left;font-size: 2.4rem;margin: 0 0.3rem 0 0;font-weight: bold;}
.ibrand-num li span{display:block;width: 100%;clear: both;padding: 0.3rem 0 0;}

/*旧产品中心*/
.chanp{width: 92%;margin: 0 auto;overflow: hidden;padding: 3.5rem 0;}
.m-tit03{display: block;width: 100%;text-align: center;font-size: 2rem;color: #000;height: 2.5rem;line-height: 2.5rem;overflow: hidden;font-weight: bold;}
.chanp li{width: 48.5%;float: left;margin-left: 3%;line-height: 0;margin-top: 2.2rem;margin-bottom: 1.5rem;}
.chanp li img{border:#eee 1px solid;box-sizing:border-box;}
.chanp li span{display: block;font-size: 1.1rem;color: #666;width: 100%;text-align: center;height: 2rem;line-height: 2rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0.5rem 0 0;}
.chanp ul li:first-child{margin-left: 0;}
.switch{ display: flex; justify-content: center; align-content: flex-end;}
.switch .swiper-pagination-bullet{float: left;background: #dfdfdf; width: 0.7rem; opacity: 1; height: 0.7rem; margin: 0 0.7rem 0 0; border-radius: 50%; }
.switch .swiper-pagination-bullet-active { opacity: 1;background: #29479d;}

/*新产品中心*/
.g-cp{width: 100%;border-top: #f6f6f6 1.2rem solid;border-bottom: #f6f6f6 1.2rem solid;padding: 2.5rem 0 1.5rem;}
.m-bt{display: block; width: 92.5%;margin:0 auto; text-align: center; font-size: 2.5rem; color: #333; position: relative;width: 92.5%;border-bottom: #dfdfdf 1px solid;height: 4.5rem;font-weight: bold;}
.m-bt i{color: #29479d;}
.m-bt:before{content: "";width: 2.5rem; height: 0.5rem; background: #29479d; position: absolute; bottom: -0.5rem; left: 45%;} 
.cp_t{ width: 92.5%;margin:0 auto;padding: 2.2rem 0;}
.cp_t ul li{width: 33.33%; text-align: center; height: 4rem; line-height: 4rem; position: relative; background: #29479d;float: left;border-bottom: #fff 1px solid;} 
.cp_t ul li:before{content: "";width: 1px; height: 100%; background: #4978b3; position: absolute; top:0; right: 0;} 
.cp_t ul li a{font-size: 1.3rem;color: #fff;display: block;}
.cp_t ul li:nth-child(3n):before{background: none;}
.cp_m{ width: 92.5%;margin:0 auto;}
.cp_m ul li{width: 48.48%;float: left;line-height: 0;padding-right: 2.3%;}
.cp_m ul li img{display: block;border: #e6e6e6 1px solid;}
.cp_m ul li span{display: block; font-size: 1.3rem; color: #666; width: 100%; text-align: center; height: 4rem; line-height: 4rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_m ul li:nth-child(2n){padding-right: 0;}

/*工程案例*/
.g-case{background: #f5f5f5;padding: 2.2rem 0;}
.g-case ul{width: 92%;margin: 0 auto;padding: 2rem 0 0;display: block;}
.g-case ul li{width: 48.55%;line-height: 0;position: relative;overflow: hidden;float: left;margin-right: 2.8%;margin-bottom: 1rem;}
.g-case ul li img{height: 12rem;}
.case_name{position: absolute;width: 100%;position: absolute;bottom: 0;left: 0;background:url(../images/case_k.png) no-repeat 50% 50%;height: 2rem;overflow: hidden;font-size: 1.1rem;color: #fff;font-weight: normal;padding-top: 0.6rem;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.case_name em{width: 2.1rem;height: 2rem;display: block;float: left;line-height: 0;overflow: hidden;padding: 0 0.3rem 0 1rem;}
.case_name em img{width: 2.1rem;height: 2rem;}
.case_name span{display: block;float: left;line-height: 1.3rem; padding-left: 1rem;}
.case_name i{display: block;font-size: 0.6rem;color: rgba(255,255,255,0.5);text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;font-weight: normal;}
.g-case ul li:nth-child(2n){margin-right: 0;}
.g-case ul li:nth-child(5){width: 100%;margin-right: 0;}
.g-case ul li:nth-child(5) .case_name{width: 48.55%;}

/*五重检测*/
.g-five{width: 100%;height: 11.4rem;padding-top: 2.2rem;overflow: hidden; background: url(../images/five_bg.jpg) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-five h4{font-size: 1.8rem;color: #fff;height: 2.2rem;line-height: 2.2rem;text-align: center;overflow: hidden;font-weight: normal;}
.g-five ul{width: 92%;margin: 1.7rem auto 0;position: relative;height: 5.6rem;}
.g-five ul:after{content: "";width: 1px;height: 100%;background: rgba(255,255,255,0.2);position: absolute;top: 0;right: 0;}
.g-five ul li{width: 20%;height: 5rem;float: left;position: relative;text-align: center;font-size: 1.2rem;color: #fff;font-weight: bold;line-height: 1.8rem;padding: 0.6rem 0 0;}
.g-five ul li i{display: block;font-size:1rem;line-height: 1.4rem;margin:0 0.5rem;font-weight: normal;}
.g-five ul li:after{content: "";width: 1px;height: 100%;background: rgba(255,255,255,0.2);position: absolute;top: 0;left: 0;}

/*优势*/
.g-ys{width: 100%;padding: 3.5rem 0;border-bottom: #eee 0.5rem solid;}
.yous{padding: 2rem 22.67% 0 4%;}
.yous dl{width: 100%;padding: 0 0 2rem; opacity: .4;}
.yous dl dt{width: 100%;line-height: 0;}
.yous dl dd{width: 100%;padding: 1rem 0 0;}
.yous dl dd em{width: 16.3%;height: 1.8rem;display: block;float: left;line-height: 0;padding: 1rem 0 0 0;}
.yous dl dd em img{width: 3.5rem;height: 1.8rem;}
.ys_desc{float: left;width: 83.6%;}
.yous dl dd h5{font-size: 1.4rem;color: #333;height: 2rem;line-height: 2rem;overflow: hidden;}
.yous dl dd p{font-size: 1rem;color: #666;line-height: 1.6rem;overflow: hidden;height: 4.8rem;padding: 0.5rem 0 0;}
.yous dl.swiper-slide-active { opacity: 1; }
.yous .switch{margin-left:8rem;}

/*新闻中心*/
.newt{ height:3.2rem; margin:1.5rem 7% 1.8rem; text-align:center;}
.newt em,.newt a{ display:block; width:49%; height:3.2rem; background:#565656; font-size:1.4rem; color:#fff; font-weight:bold; line-height:3.2rem; margin:0 0.5%; float:left;}
.newt .active{ background:#29479d;}
.m-new{margin:0 auto 1rem; width:94.66%; overflow:hidden;}
.g-news{padding: 2.2rem 0;}
.g-news dl{ background:#f3f3f3;}
.g-news dt{ width:49.29%; float:left;}
.g-news dt img{ height: 150px;}
.g-news dd{ width:42.67%; float:right; margin-right:3%;}
.g-news dd h3{ font-size:1.3rem; color:#333;line-height:1.7rem; margin:1.6rem 0 0.8rem; height:3.4rem; font-weight:bold;}
.g-news dd p{ font-size:1.2rem; line-height:1.8rem; color:#666666;}
.g-news li{ background:#f3f3f3; margin-top:1rem; padding:1.4rem 6%; font-size:1.3rem; color:#333;}
.g-news li em{ display:block; color:#999999; margin-top:0.2rem;}
.tit{ text-align:center; font-size:2.4rem; color:#000;}
.tit em{ display:block; font-size:1.2rem; color:#666; margin-top:0.7rem;}

/**/
.g-about{width: 100%;height: 37.5rem;padding-top: 4.2rem;background: url(../images/ab_bg.jpg) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.about{width: 84%;margin: 0 auto;}
.ab_desc{font-size: 1rem;color: #333;line-height: 2rem;height: 10rem;overflow: hidden;padding: 2rem 0 0;text-align: center;}

.ab_more{display: block;width: 30%;margin: 0 auto;padding: 2.5rem 0 0;}
.ab_more a{font-size: 1rem;color: #333;width: 100%;height: 2.5rem;overflow: hidden;border-radius: 2rem;border: #1187c7 0.1rem solid;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}
.ab_more em{width: 1.55rem;height: 1.55rem;line-height: 0;margin: 0 0 0 0.5rem;}
.ab_more em img{width: 1.55rem;height: 1.55rem;}

/*企业相册*/
.g-photo{ width:92%; overflow:hidden;padding-top: 2.7rem;margin: 0 auto;}
.g-photo .m-box .con{ display:inline; float:left;}
.g-photo ul li{ width:23%; float:left;line-height: 0;margin-left: 2.6%;}
.g-photo ul li:first-child{margin-left: 0;}


/**/
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width:320px){html{font-size:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@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;}}