@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;}

/*告白*/
.d5banner { width: 100%; overflow: hidden;line-height: 0; }

/**/
.g-yin{width: 100%;padding: 3rem 0 0;height: 39.6rem;overflow: hidden;background: url(/skin/images/d5_yinbg.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;}
.tit01{display: block;width: 100%;text-align: center;font-size: 1.1rem;color: #666;height: 5rem;line-height: 2.5rem;overflow: hidden;}
.tit01 b{display: block;font-size: 1.8rem;color: #333;}
.choose { padding: 2rem 22% 0;}
.g-yin dl{width: 100%;height: 26rem;float: left;background: #fff;box-shadow: 0 3px 0.3rem 3px rgba(0,0,0,0.1);padding: 3rem 0 0;border-radius: 0.5rem;}
.g-yin dl dt{width: 76%;height: 7.7rem;border-bottom: #d2d2d2 1px solid;font-size: 1.4rem;color: #013d93;margin: 0 auto;}
.g-yin dl dt em{width: 2.7rem;height: 2.8rem;display: block;line-height: 0;margin-bottom: 0.7rem;}
.g-yin dl dt em img{width: 2.7rem;height: 2.8rem;}
.g-yin dl dt i{display: block;font-size: 0.7rem;color: #999;text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;line-height: 1.5rem;}
.g-yin dl dd{padding: 1rem 0 0;width: 76%;margin: 0 auto;}
.g-yin dl dd p{font-size: 1rem;color: #666;height: 2rem;line-height: 2rem;position: relative;padding-left: 1.3rem;}
.g-yin dl dd p:before{content: "";width: 0.3rem;height: 0.3rem;background: #666;position: absolute;top: 0.9rem;left: 0.2rem;border-radius: 50%;}

/*优势*/
.g-ys{width: 100%;padding: 3.7rem 0 0;height: 37rem;overflow: hidden;background: url(/skin/images/d5_ysbg.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-ys .tit01,.g-liuc .tit01{color: rgba(255,255,255,0.6);}
.g-ys .tit01 b,.g-liuc .tit01 b{color: #fff;}
.yous{width: 93.75%;margin: 0 auto;padding: 3rem 0 0;position: relative;}
.g-ys dl{width: 100%;}
.g-ys dl dt{font-size: 1.3rem;color: #fff;line-height: 2.2rem;text-align: center;}
.g-ys dl dt em{width: 3.75rem;height: 3.75rem;display: block;margin: 0 auto 1.2rem;line-height: 0;}
.g-ys dl dt em img{width: 3.75rem;height: 3.75rem;}
.g-ys dl dt b{display: block;font-size: 1.5rem;}
.g-ys dl dd{font-size: 1.1rem;color: #fff;line-height: 2.4rem;height: 9.6rem;overflow: hidden;text-align: center;padding: 2.5rem 0 0;width: 96%;margin: 0 auto;}
.g-ys dl dd a{font-size: 1.1rem;color: #fff;}
.g-ys .switch { display: flex; justify-content: center; align-content: flex-end; margin-top: 1rem; }
.g-ys .switch p{width: 0.9rem;position: absolute;top: 8rem;z-index: 10;}
.yous_prev{left: 1rem;}
.yous_next{right: 1rem;}
.g-ys .switch img { width: 0.9rem; max-width: 100%; }
.g-ys .switch .swiper-pagination-bullet { background: #e5e5e5; width: 1rem; opacity: 1; height: 1rem; margin: 1.3rem 0.5rem 0 !important; }
.g-ys .switch .swiper-pagination-bullet-active { border-radius: 50%; opacity: 1; background: #013d93; }

/*大建中心*/
.g-video{width: 93.75%;margin: 0 auto;padding: 3rem 0 4rem;}
.video_l{width: 45.33%;float: left;}
.video_r{width: 50%;float: right;}
.video_r p{display: inline-block;width: 100%;line-height: 3.8rem;height: 3.8rem;position: relative;}
.video_r p:before{content: "";width: 1px;height: 1.1rem;background: #ddd;position: absolute;top: 3.3rem;left: 1.2rem;}
.video_r p em{width: 20%;height: 2rem;display: block;float: left;line-height: 0;overflow: hidden;margin-top: 0.9rem;}
.video_r p em img{width: 2.5rem;height: 4rem;margin-top: -2rem;}
.video_r p span{display: block;float: left;font-size: 1.1rem;color: #0055b2;width: 80%;}
.video_r p:last-child:before{background: none;}

/*二维码*/
.g-ban01{width: 100%;height: 18.2rem;overflow: hidden;background: url(/skin/images/d5_ban01.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;}
.ban01_t{font-size: 1.4rem;color: #fff;width: 100%;text-align: center;line-height: 2.3rem;padding: 1.5rem 0 0;height: 5.5rem;}
.ban01_t b{display: block;font-size: 1.8rem;}
.ban01_b{width: 100%;}
.ban01_b p{width: 25%;float: left;margin-right: 3.5rem;}
.ban01_b p em{width: 100%;display: block;line-height: 0;}
.ban01_b p span{display: block;font-size: 0.9rem;color: #fff;width: 100%;text-align: center;line-height: 1.8rem;}
.ban01_b p:first-child{margin-left: 6.5rem;}

/*以养代建*/
.g-four{padding: 3.5rem 0;}
.g-four dl{width: 45.31%;float: left;border: #e5e5e5 1px solid;margin: 1.5rem 0 0 1rem;}
.g-four dl dt{width: 100%;line-height: 0;}
.g-four dl dd{font-size: 1.1rem;color: #333;padding: 1.5rem 0 1.2rem 1.2rem;line-height: 1.6rem;}
.g-four dl dd b{display: block;font-size: 1.3rem;color: #2462ae;}

/*维保流程*/
.g-liuc{width: 100%;height: 34.5rem;padding-top: 3.6rem;overflow: hidden;background: url(/skin/images/d5_liucbg.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;}
.liuc_m{margin-top: 2rem;margin-bottom: 2.5rem;width: 100%;height: 16.5rem;overflow: hidden;background: url(/skin/images/d5_liuk1.png) 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;}
.liuc_m li{font-size: 1.1rem;color: #fff;font-weight: bold;width: 33.33%;float: left;text-align: center;height: 9.5rem;line-height: 1.5rem;}
.liuc_m li em{width: 2.6rem;height: 2.6rem;display: block;margin: 0 auto 0.5rem;line-height: 0;overflow: hidden;}
.liuc_m li em img{width: 2.6rem;height: 2.6rem;}
.liuc_m li i{display: block;font-size: 0.8rem;color: rgba(255,255,255,0.3);font-weight: normal;text-transform: uppercase;}
.g-liuc p{font-size: 1.2rem;color: #2462ae;width: 30%;height: 6rem;text-align: center;line-height: 6rem;float: left;margin-left: 2.5%;overflow: hidden;background: url(/skin/images/d5_liuk2.png) 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-map{padding: 3.5rem 0;width: 93.75%;margin: 0 auto;}
.g-map .map_em01{margin: 1.7rem 0 1rem;display: block;}
.g-map p{width: 100%;text-align: center;height: 2.4rem;line-height: 2.4rem;background: #0055b2;font-size: 1rem;color: #fff;margin-top: 2rem;}
.g-map .map_em02{display: block;background: #f5f5f5;padding: 1rem 0 0;}
.m-map{background: #f5f5f5;padding: 1rem 0 1.5rem;}
.m-map ul{width: 94%;margin: 0 auto;}
.m-map ul li{font-size: 1rem;color: #666;height: 2.4rem;line-height: 2.4rem;float: left;width: 25%;border-bottom: #e8e8e8 1px solid;}
.m-map ul li:nth-child(13),.m-map ul li:nth-child(14),.m-map ul li:nth-child(15),.m-map ul li:nth-child(16){border-bottom: none;}

/*规范操作*/
.g-gui{background: #f5f5f5;padding: 3.5rem 0;}
.guifan{padding: 1.6rem 0 0;}
.g-gui dl{width: 45.31%;float: left;margin-left: 1rem;border: #e5e5e5 1px solid;}
.g-gui dl dt{width: 100%;line-height: 0;}
.g-gui dl dd{height: 15rem;}
.g-gui dl dd h5{height: 4rem;line-height: 4rem;overflow: hidden;font-size: 1.3rem;color: #333;padding-left: 1rem;font-weight: normal;position: relative;margin-bottom: 0.6rem;}
.g-gui dl dd h5:before{content: "";width: 0.4rem;height: 1.4rem;background: #0055b2;position: absolute;top: 1.4rem;left: 0;}
.g-gui dl dd h5:after{content: "";width: 86%;height: 1px;background: #dcdcdc;position: absolute;bottom: 0;left: 1rem;}
.g-gui dl dd p{font-size: 1rem;color: #666;line-height: 1.8rem;position: relative;padding:0 0 0 1.8rem;}
.g-gui dl dd p:before{content: "";width: 0.3rem;height: 0.3rem;background: #666;position: absolute;top: 0.7rem;left: 1rem;border-radius: 50%;}
.guifan .switch { display: flex; justify-content: center; align-content: flex-end; margin-top: 2rem;}
.guifan .switch .swiper-pagination { position: relative; }
.guifan .switch .swiper-pagination-bullet { background: #b5b5b5; width: 0.7rem; opacity: 1; height: 0.7rem; margin: 0 0.7rem 0 !important; border-radius: 50%; }
.guifan .switch .swiper-pagination-bullet-active { opacity: 1;background: #0055b2;width: 2.2rem;border-radius: 0.3rem;}

/**/
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;}}<!--耗时1794245053.3111秒-->