@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:640px; 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: #005bac; }

/**/
.g-yin{width: 93.75%;margin: 0 auto;padding: 3rem 0;}
.m-bt{display: block;width: 100%;text-align: center;font-size: 1rem;color: #666;height: 4.6rem;line-height: 2.3rem;overflow: hidden;}
.m-bt span{display: block;font-size: 1.8rem;color: #262626;}
.g-yin ul{display: block;width: 100%;height: 15rem;position: relative;margin-top: 1.2rem;}
.g-yin ul:before{content: "";width: 100%;height: 1px;background: #e4e4e4;position: absolute;top: 50%;left: 0;}
.g-yin ul:after{content: "";width: 1px;height: 100%;background: #e4e4e4;position: absolute;top: 0;left: 50%;}
.g-yin ul li{width: 50%;float: left;text-align: center;font-size: 1.1rem;color: #333;height: 6rem;background: #f5f5f5;line-height: 1.9rem;padding: 1.5rem 0 0;}
.g-yin ul li b{display: block;font-size: 1.4rem;color: #005bac;}
.g-yin ul li i{font-size: 1.8rem;}

/*产品中心*/
.g-cp{width: 100%;border-top: #eee 0.5rem solid;padding: 3rem 0;}
.g-cp p{width: 93.75%;margin: 0 auto;padding: 1.5rem 0 0;height: 4rem;}
.g-cp p a{font-size: 1.1rem;color: #fff;display: block;float: left;width: 30%;text-align: center;height: 2.5rem;line-height: 2.5rem;background: #005bac;overflow: hidden;margin-right: 5%;}
.g-cp p a:last-child{margin-right: 0;}
.g-cp ul li{    width: 42%;
    float: left;
    margin-left: 5%;
    height: 205px;}
.g-cp ul li img{border: #e2e2e2 1px solid;box-sizing:border-box;}
.g-cp ul li span{display: block;font-size: 1.1rem;color: #1b3579;width: 100%;text-align: center;height: 3.3rem;line-height: 2.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.u-more{display: block;width: 93.75%;font-size: 1.2rem;color: #fff;height: 3rem;line-height: 3rem;background: #005bac;overflow: hidden;margin: 1rem auto 0;text-align: center;}

/*工程案例01*/
.g-case{position: relative; width:100%; overflow:hidden; height:44rem;padding-top: 2.7rem;background: url(../images/case_bg01.jpg) no-repeat;-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_more{display: block;font-size: 1.1rem;color: #fff;width: 28.13%;text-align: center;height: 2.5rem;line-height: 2.5rem;background: #005bac;overflow: hidden;position: absolute;top: 12rem;right: 1rem;z-index: 10;}
.g-case .m-cnt{ height:7.5rem; width:93.75%;margin: 0 auto;padding: 1.2rem 0 0;}
.g-case .m-cnt li{font-size: 1.1rem;color: #fff;float: left;width: 30%;text-align: center;height: 2.5rem;line-height: 2.5rem;background: #005bac;overflow: hidden;margin-right: 5%;margin-bottom: 1rem;}
.g-case .m-cnt li.z-on{ background:#308b50;}
.g-case .m-cnt li:nth-child(3){margin-right: 0;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case dl{width: 93.75%;margin: 0 auto;background: #fff;}
.g-case dl dt{width: 100%;line-height: 0;}
.g-case dl dd{width: 86.6%;margin: 0 auto;padding: 1.5rem 0 2.2rem;}
.g-case dl dd h5{height: 2.5rem;line-height: 2.5rem;overflow: hidden;}
.g-case dl dd h5 a{font-size: 1.5rem;color: #005bac;display:block;width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-case .case_desc{font-size: 1rem;color: #666;padding: 0.5rem 0 0;line-height: 1.8rem;height: 5.4rem;overflow: hidden;}

/*工程案例02*/
.g-pp{ width:100%; overflow:hidden; height:12.7rem;background: url(../images/case_bg02.jpg) no-repeat;-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-pp .m-box .con{ display:inline; float:left;}
.g-pp ul li{ width:45.16%; float:left;line-height: 0;margin-left: 1rem;}
.g-pp ul li span{ display:block; width:94%;padding: 0 3%; text-align:center;font-size: 1rem;color: #333;height: 2.5rem;line-height: 2.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*优势*/
.g-ys{ width:93.75%; overflow:hidden;margin: 0 auto;padding: 3rem 0;}
.g-ys .sclwrap_box{ height:30.5rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:100%;padding: 1.2rem 0 0;}
.g-ys dl dt{ width:100%;line-height: 0;}
.g-ys dl dd{ width:100%;padding: 1.8rem 0 0;}
.g-ys dl dd h5{height: 4rem;line-height: 2rem;font-size: 1.5rem;color: #005bac;width: 97%;position: relative;padding-left: 3%;overflow: hidden;}
.g-ys dl dd h5:before{content: "";width: 0.25rem;height: 80%;background: #005bac;position: absolute;top: 10%;left: 0;}
.g-ys dl dd h5 i{display: block;font-size: 1.2rem;color: #333;font-weight: normal;}
.g-ys dl dd h5 b{display: block;font-size: 6rem;color: #dde4f0;position: absolute;top: 0;right: 0;line-height: 5rem;}
.g-ys dl dd p{font-size: 1.1rem;color: #666;line-height: 1.8rem;height: 7.2rem;overflow: hidden;padding: 1.2rem 0 0;}
.g-ys .m-cnt{ width:100%;display: inline-block;}
.g-ys .m-cnt li{ font-size:1.2rem; color:#fff; width:2.3rem; height:2.3rem; background:#333; float:left; text-align:center; line-height:2.3rem;margin-right: 1.7rem;}
.g-ys .m-cnt li.z-on{ background:#308b50;}
.g-ys .m-cnt li:first-child{margin-left: 7.8rem;}

/*荣耀*/
.g-honor{width: 100%;padding: 3rem 0;border-top: #eee 0.5rem solid;}
.g-honor p{width: 100%;line-height: 0;padding: 2rem 0 1rem;}
.g-honor ul li{font-size: 1.1rem;color: #333;height: 3.7rem;line-height: 3.7rem;width: 40%;margin-left: 1.3rem;position: relative;padding-left: 3.4%;float: left;border-bottom: #aaa 1px solid;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-honor ul li:before{content: "";width: 0.5rem;height: 0.5rem;background: #333;position: absolute;top: 1.6rem;left: 0;}

/*走进中塑*/
.g-about{position: relative; width:100%; overflow:hidden; height:44.5rem;padding-top: 2.7rem;background: url(../images/ab_bg.jpg) no-repeat;-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-about .m-bt{color: #cbcdcd;}
.g-about .m-bt b{color: #fff;}
.g-about dl{width: 93.75%;margin: 0 auto;padding: 1.5rem 0 0;}
.g-about dl dt{width: 76%;line-height: 0;margin-left: 20.6%;}
.g-about dl dd{font-size: 1rem;color: #666;padding: 4.5rem 0 0;width: 100%;line-height: 1.8rem;height: 9rem;overflow: hidden;}


html {font-size: 10px;-webkit-text-size-adjust: none;}
@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;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}