/* CSS Document */

@font-face

{

font-family: gaobo;

src: url('../img/gabo_drive.otf');

}

/***************banner****************/

.banner{ width:100%; padding-top:90px;float:left; background:url(../img/business-banner-bg.jpg) center top no-repeat; color:#fff;}

.banner-top{ width:100%; float:left; position:relative;}

.banner-top-l{ width:630px; float:left;}

.banner-top-l p{ font-size:60px; font-weight:bold; margin-bottom:30px;}

.banner-top-l span{ font-size:48px; font-weight:bold;}

.banner-top-l i{ display:block; width:100px; height:35px; border-bottom:1px solid #fff;}

.banner-top-l div{ width:100%; float:left; margin-top:50px; line-height:36px; font-size:16px;}

.banner-top-r{ float:right; background:url(../img/business-img1.png) center no-repeat; width:654px; height:466px; position:absolute; right:-90px;}

.banner-top-r p{ font-size:24px; margin-left:160px; margin-top:30px;}

.banner-bottom{ width:100%; float:left;}

.product-number-info{ width:100%; float:left;position: relative;}

.product-number-info .product-number-inner{width: 100%; margin:0 auto;}

.product-number-info ul{padding: 85px 0; display:block; float:left; width:100%;}

.product-number-info ul.q:after {content: "";clear: both;display: table;}

.product-number-info li{float: left; width:25%;color:#fff;}

.product-number-info li:first-child{border:none;}

.product-number-info li b{font-weight: 400; font-size:36px; line-height: 1;display: inline-block; position: relative;}

.product-number-info li b i{font-style: normal; font-size:100px; font-family:'gaobo';}

.product-number-info li b sup{position: absolute; font-size:50px; right: -30px; top: 0px;font-family:'gaobo';}

.product-number-info li p{font-size: 16px;}

.product-number-info li.li-5{text-align: right;}

.product-number-info li.li-5 b{padding-right: 2px;}



/*****************  consult **********************/

.consult{ background:url(../img/join-bg1.jpg);}

.consult li{ display:block; float:left; width:385px; margin-right:72px;}

.consult li:last-of-type{ float:right; margin-right:0;}

.service-box{ width:100%; height:100%; background:#fff;display:block; }

.service-top{ width:100%; height:240px; float:left; overflow:hidden;}

.service-top-img{ width:100%; height:100%; float:left; overflow:hidden; position:relative;}

.service-top-img:before{  content: "";background: rgba(36, 59, 96, 0.7);height: 100%;width: 100%;position: absolute;top: 0;transform-origin: top;-moz-transition: all 500ms ease-out 0s;-webkit-transition: all 500ms ease-out 0s;-ms-transition: all 500ms ease-out 0s;-o-transition: all 500ms ease-out 0s;transition: all 500ms ease-out 0s;-moz-transform: perspective(15em) rotateX(-90deg);-o-transform: perspective(15em) rotateX(-90deg);-ms-transform: perspective(15em) rotateX(-90deg);-webkit-transform: perspective(15em) rotateX(-90deg);transform: perspective(15em) rotateX(-90deg);z-index: 1;}

.service-top:hover .service-top-img:before {-moz-transform: perspective(0) rotateX(0);-o-transform: perspective(0) rotateX(0);-ms-transform: perspective(0) rotateX(0);-webkit-transform: perspective(0) rotateX(0);transform: perspective(0) rotateX(0);}

.service-top-img .link-icon {position: absolute;z-index: 2;top: 40%;left: 50%;width: 70px;margin-top: -35px;margin-left: -35px;height: 70px;background: url(../img/link-ico.png) center no-repeat rgba(255, 255, 255, 0.24);text-align: center;line-height: 60px;visibility: hidden;opacity: 0;border-radius: 50%;-moz-transition: all 500ms ease-out 0s;-webkit-transition: all 500ms ease-out 0s;-ms-transition: all 500ms ease-out 0s;-o-transition: all 500ms ease-out 0s;transition: all 500ms ease-out 0s;}

.service-top-img .link-icon i{ display:block; width:32px; height:32px;}

.service-top-img:hover .link-icon {visibility: visible;opacity: 1;top: 50%;left: 50%;margin-left: -35px;margin-top: -35px;}

.service-top-img .link-icon:hover{ background: url(../img/link-ico-blue.png) center no-repeat rgba(255, 255, 255, 1);}

.service-desc{ width:100%; float:left; height:195px; padding:40px 30px; box-sizing:border-box;text-align:center;background:#fff;}

.service-desc p{  font-size:30px; width:100%; float:left; color:#333;}

.service-desc p:after{ display:block; content:''; width:45px; height:20px; border-bottom:1px solid #ddd; margin:0 auto; margin-bottom:15px;}

.service-desc span{ display:block; float:left;font-size: 16px;line-height: 27px;color: #333;height: 54px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}



/********************  engineering  ***********************/

.engineering{ background:url(../img/business-bg1.jpg) center top no-repeat;}

.engineering .box-tit p.tit-e,.engineering .box-tit p.tit-c{ color:#fff;}

.engineering .box-tit i{ background:#fff;}

.engineering ul{ display:block; float:left; padding:0 110px;}

.engineering li{ display:block; float:left; width:200px; margin:0 80px 30px 80px; color:#fff; text-align:center;}

.engineering li a{ color:#fff;}

.engineering li .eng-img{ width:200px; height:200px; border-radius:50%; border:10px solid rgba(75, 163, 221, 0.24); overflow:hidden;}

.engineering li .eng-img img{ width:100%; transition:all 0.5s;}

.engineering li p{ font-size:20px; margin:15px 0 10px 0;}

.engineering li span{ opacity:0.72;}

.engineering li a:hover .eng-img img{ transform:scale(1.05,1.05);}



/*******************  industrialization  *********************/

.industrialization{ background:url(../img/business-bg2.jpg) center top no-repeat;}

.industrialization ul{ display:block; margin:0 auto; width:930px; height:600px; position:relative;}

.industrialization li{ display:block; float:left; width:290px; height:330px; margin:0 10px;  text-align:center;}

.industrialization li a{ display:block; width:100%; height:100%;background:url(../img/indu.png) center no-repeat; background-size:100%; transition:all 0.5s; padding-top:50px;}

.industrialization li a:hover{ background:url(../img/indu-hover.png) center no-repeat;background-size:100%; color:#fff;}

.industrialization li i{ display:block; margin:0 auto; width:100px; height:100px; transition:all 0.5s;}

.industrialization li p{ font-size:24px; margin:30px 0; color:#198dcd;transition:all 0.5s;}

.industrialization li span{text-transform:uppercase; color:#cccccc;transition:all 0.5s;}

.industrialization li a:hover p,.industrialization li a:hover span{ color:#fff;}

.industrialization li:nth-of-type(1) a i{ background:url(../img/indu-ico1.png) center no-repeat;background-size: 100%;}

.industrialization li:nth-of-type(1) a:hover i{ background:url(../img/indu-ico1-hover.png) center no-repeat;background-size: 100%;}

.industrialization li:nth-of-type(2) a i{ background:url(../img/indu-ico2.png) center no-repeat;background-size: 100%;}

.industrialization li:nth-of-type(2) a:hover i{ background:url(../img/indu-ico2-hover.png) center no-repeat;background-size: 100%;}

.industrialization li:nth-of-type(3) a i{ background:url(../img/indu-ico3.png) center no-repeat;background-size: 100%;}

.industrialization li:nth-of-type(3) a:hover i{ background:url(../img/indu-ico3-hover.png) center no-repeat;background-size: 100%;}

.industrialization li:nth-of-type(4) a i{ background:url(../img/indu-ico4.png) center no-repeat;background-size: 100%;}

.industrialization li:nth-of-type(4) a:hover i{ background:url(../img/indu-ico4-hover.png) center no-repeat;background-size: 100%;}

.industrialization li:nth-of-type(5) a i{ background:url(../img/indu-ico5.png) center no-repeat;background-size: 100%;}

.industrialization li:nth-of-type(5) a:hover i{ background:url(../img/indu-ico5-hover.png) center no-repeat;background-size: 100%;}

.industrialization li:nth-of-type(4){ position:absolute; top:263px; left:155px;}

.industrialization li:nth-of-type(5){ position:absolute; top:263px; right:155px;}



/****************  customer  *****************/

.customer{ background:url(../img/business-bg3.jpg) left top no-repeat; padding-top:115px;}

.flexslider{position:relative;overflow:hidden;  float:right; width:100%; float:left;}

.slides{position:relative;z-index:1;display:block; height:542px;width:962px;; float:right; margin-top:75px;}

.slides li{height:100%; width:100%;display:block; border:1px solid #eee; border-top:none; background:#fff;}

.slides li div{ background:#fff; padding:10px;width:240px; height:180px; border:1px solid #eee; border-right:none; border-bottom:none; float:left;transition:all 0.3s; }

.slides li p{ float:left; width:100%; height:100%; background:#fff; float:left; text-align:center;display: table; cursor:pointer;}

.slides li div:nth-of-type(5n+1){ border-left:none;}

.slides li div:hover{ background:#f5f5f5;}

.slides li div span{display: table-cell; vertical-align: middle;}

.slides li div img{display: inline-block;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; width:auto; height:auto; max-width:180px; max-height:120px;}

.slides li div:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);}

.flex-control-nav{position:absolute;top:0;z-index:2;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;width:16px;height:16px;margin:0 5px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:16px;height:16px;line-height:40px;overflow:hidden;background:#bec2c6;cursor:pointer; border-radius:50%; font-size:0;}

.flex-control-nav .flex-active{ background:#025697;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

.flex-direction-nav li a.flex-prev{left:40px;background:url(../img/prev.png) center center no-repeat;}

.flex-direction-nav li a.flex-next{right:40px;background:url(../img/next.png) center center no-repeat;}







/****************  business-detail  ********************/

.business-detail{ width:100%; height:100vh; background:url(../img/business-detail-bg.jpg) center no-repeat;padding:40px 0; float:left; position:relative;}

.close-page{ display:block; float:left; width:30px; height:30px; background:url(../img/back-ico.png) center no-repeat; right:20px; top:20px; position:absolute; opacity:0.72; transition:all 0.5s;}

.close-page:hover{ opacity:1;}

.detail-wrap{ width:1440px; margin:0 auto; height:100%;}

.detail-content{ width:100%; float:left; height:100%; color:#fff;}

.detail-tit{ text-align:center;}

.detail-tit span{ font-size:26px; text-transform:uppercase;}

.detail-tit p{ font-size:36px; font-weight:bold; padding:20px 0;width:310px; margin:0 auto; position: relative; border-bottom:1px solid #fff;}

.detail-tit p:after{ content:''; display:block; width:50px; height:3px; background:#fff; position:absolute; bottom:-2px; left:50%; margin-left:-25px;}

.tab{ width:100%; float:left; height:calc(100% - 143px); margin-top:40px;}

.tab-hd {overflow:hidden; zoom:1; display:table; margin:0 auto;}

.tab-hd li{ float:left; width:140px; height:36px; line-height:36px; border-radius:36px; background:#198dcd; color:#fff; text-align:center; cursor:pointer; margin:0 30px; transition:all 0.5s;}

.tab-hd li:hover{ background:#2c9fdf;}

.tab-hd li.active,.tab-hd li.active:hover{ background:#fff; color:#198dcd;}

.tab-bd{ display:block; float:left;height:calc(100% - 66px); width:100%;}

.tab-bd li.detail-box{display:none; width:100%; height:100%; margin-top:30px; float:left;}

.tab-bd li.thisclass{ display:list-item;}



.tab-inside{ width:100%; height:100%; float:left;}

.tab-hd-inside{ width:130px; overflow:hidden; zoom:1;height:100%; float:left; padding-top:50px; position:relative;}

.tab-hd-inside:after{ content:''; display:block; width:1px; height:100%; background:#fff; position:absolute; right:1px; top:0; opacity:0.48; z-index:0;}

.tab-hd-inside li{ float:left; width:100%; color:#fff; text-align:center; cursor:pointer;height:32px; line-height:32px; text-align:right; margin-bottom:40px; font-size:16px; padding-right:19px; position:relative; opacity:0.64;}

.tab-hd-inside li.active{ opacity:1;}

.tab-hd-inside li.active:after{ content:''; display:block; width:4px; height:32px; background:#f84949; position:absolute; right:-1px; top:0; z-index:1000; }

.tab-bd-inside{ display:block; float:right; width:calc(100%  - 150px); height:100%;}

.tab-bd-inside li{display:none; width:100%; height:100%;}

.tab-bd-inside li.thisclass{ display:list-item;}

.subject{width:100%;height:100%; float:left;overflow:hidden;}

.consult-box{ width:100%; float:left;}

.service-tit{ margin:20px 0 0 0; font-size:24px; font-weight:bold; line-height:24px; height:24px; float:left;}

.service-tit span{ display:block; float:left;}

.service-tit img{ float:left; margin-top:2px; margin-left:10px;}

.service-content{ width:100%; float:left;}

.content-li{ float:left; width:100%; padding:30px 0; border-bottom:1px dashed rgba(255, 255, 255, 0.48);}

.content-li-tit{ height:20px; line-height:20px; border-left:20px solid #fff; padding-left:10px; margin-bottom:20px; text-transform:uppercase;}

.font{ line-height:24px; margin-bottom:20px;}

.service-class{ width:100%; float:left; display:block;}

.service-class li{ display:block; float:left; width:100%; margin:5px 0;}

.service-class li p{ float:left; height:36px; padding:0 20px; border-radius:4px; background:#198dcd; line-height:36px; margin-right:20px;}

.service-class li div{ float:left;}

.service-class li div span{ float:left;line-height:36px; display:block;}

.service-class li div span:after{ content:''; width:1px; height:16px; background:#fff; display:block; float:left; margin:10px 15px;}

.service-class li div span:first-of-type:after{ display:none;}

.service-case li{ display:block; float:left; margin-bottom:20px; background:#fff; padding:40px; width:90%;}

.case-img{ width:50%; float:left; overflow:hidden;}

.case-img img{ width:100%; height:auto; min-height:100%;}

.case-info{ width:calc(50% - 20px); float:right;}

.case-info p{ width:100%; float:left;}

.case-name{ font-size:30px; color:#666666; margin:20px 0; line-height:40px;}

.case-importance{ width:100%; float:left; background:#198dcd; padding:15px 20px; color:#fff; line-height:24px; margin-bottom:40px;}

.case-importance p{ margin-bottom:10px;}

.case-importance p:last-of-type{ margin-bottom:0;}

.case-importance p i{ display:block;font-style:normal; float:left; font-size:30px;}

.case-desc{ width:100%; float:left; line-height:30px; max-height:240px; overflow:hidden; color:#333;}

.survey{ width:100%; float:left;}

.survey ul{ display:block; margin:0 auto; width:518px; height:99px; background:url(../img/business-bg4.png) center no-repeat; padding-top:12px;}

.survey li{ display:block; float:left; text-align:center; width:33.33%; line-height:55px; font-size:18px; margin-top:35px; height:67px;}

.survey li:nth-of-type(2){ margin-top:0;}

.survey p{ font-size:24px; width:100%; clear:both; float:left; text-align:center;}

.tab-bd-inside li .type li{ display:block;}

.type{ width:100%; clear:both; float:left; margin-top:30px;}

.type span.line{ display:block; width:905px; height:1px; border-bottom:1px dashed rgba(255, 255, 255, 0.48); margin:0 auto;}

.type ul{ display:block; float:left; width:100%;}

.type li{ display:block; float:left; width:calc(20% - 20px); margin:0 10px;position:relative; padding-top:45px;}

.type li:before{ content:''; width:1px; height:45px; border-right:1px dashed rgba(255, 255, 255, 0.48); position:absolute; left:50%; top:0;}

.type li:first-of-type:before{ height:65px; transform:rotate(30deg); left:68%; top:-5px;}

.type li:last-of-type:before{ height:65px; transform:rotate(-30deg); left:31%; top:-5px;}

.type .type-img{ width:140px; height:140px; border-radius:50%; overflow:hidden; border:6px solid #fff; margin:0 auto;}

.type .type-img img{ width:100%;}

.type .type-name{ display:block; margin:20px auto; width:130px; height:40px; border:1px dashed #fff; border-radius:8px; text-align:center; line-height:38px; font-size:18px;}

.type .type-desc{ display:block; float:left; width:100%; line-height:30px;}

.type .type-desc p{ width:100%; float:left;}

.type .type-desc i{ font-style:normal; float:left; width:30px; text-align: center;}

.type .type-desc span{ display:block; float:left; width:calc(100% - 30px);}

.expert{ width:876px; margin:0 auto; margin-top:85px;}

.expert ul{ display:block; float:left; width:100%;}

.expert li{ display:block; float:left; width:25%; text-align:center; padding-top:20px;}

.personnel-number li span{ font-size:40px; font-weight: bold;}

.personnel-number li:nth-of-type(1){ background:url(../img/business-team-bg1.png) center no-repeat; height:119px; color:#096cdf;}

.personnel-number li:nth-of-type(2){ background:url(../img/business-team-bg2.png) center no-repeat; height:119px; color:#0eabf6;}

.personnel-number li:nth-of-type(3){ background:url(../img/business-team-bg3.png) center no-repeat; height:119px; color:#80b6f7;}

.personnel-number li:nth-of-type(4){ background:url(../img/business-team-bg4.png) center no-repeat; height:119px; color:#37b1bc;}

.personnel-desc{ background:url(../img/business-bg5.png) center no-repeat; height:64px; margin-top:15px;}

.personnel-desc li{ padding-top:8px; line-height:24px; font-size:16px;}

.statistics{ width:1150px; margin:0 auto;}

.statistics ul{ display:block; float:left; width:100%; margin-top:20px;}

.statistics li{ display:block; float:left; width:25%; float:left; padding:0 30px;}

.statistics li .charts{ width:100%; height:240px;}

.team-text{ width:100%; float:left; margin-top:60px; padding-top:60px; border-top:1px dashed rgba(255, 255, 255, 0.48);}

.team-text p{ line-height:30px; margin-bottom:20px; position:relative; padding-left:26px;}

.team-text p:before{ content:''; display:block; float:left; width:16px; height:16px; background:#fff; position:absolute; left:0; top:8px;}

.tab-bd-inside li .environment li{ display:block; background:none;}

.achievements-left{ float:left; width:280px; padding-left:60px; padding-top:60px;}

.achievements-left h3{ font-size:18px; font-weight:bold; margin:20px 0 10px 0; width:100%; float:left;}

.achievements-left p{ margin:20px 0; width:100%; float:left;}

.achievements-left p span{ font-size:30px; font-weight:bold; color:#fec20b; margin-right:5px;}

.achievements-right{ float:right; width:calc(100% - 300px);}

.achievements-right table{ width:100%;}

.achievements-right table td{ padding:18px 10px; vertical-align:middle; }

.achievements-right table thead td{ background:#4b9ff0; color:#fff; text-align:center;font-weight:bold;}

.achievements-right table tbody td:first-of-type{ font-weight:bold; text-align:center;}

.achievements-right table tbody td{ line-height:30px;}

.achievements-right table tbody tr:nth-of-type(2n+1) td{ background:rgba(255, 255, 255, 0.12);}

.achievements-right table tbody tr:nth-of-type(2n) td{ background:rgba(255, 255, 255, 0.24);}

.achievements-right li{ display:block; float:left; width:calc(33.33% - 10px); margin-bottom:10px; margin-right:15px; text-align:center;}

.achievements-right li:nth-of-type(3n){ margin-right:0;}

.achievements-right li h3{ padding:18px 10px; background:rgba(75, 159, 240, 0.48); color:#fff; font-weight:normal; line-height:24px; border:1px dotted rgba(255, 255, 255, 0.64); cursor: pointer; transition:all 0.3s;}

.achievements-right li:hover h3{background:rgba(75, 159, 240, 1);border:1px dotted rgba(255, 255, 255, 1);}

.achievements-right li div{ width:100%; float:left; padding:10px; line-height:30px;background:rgba(255, 255, 255, 0.12);}

.achievements-right li div p{ margin-bottom:10px;}

.achievements-right li div p:last-of-type{ margin-bottom:0;}



.environment p.font{ width:100%; float:left; margin:20px 0; font-size:18px; line-height:30px; position:relative; padding-left:40px;}

.environment p.font:before{ content:''; display:block; width:12px; height:12px; background:#fff; transform:rotate(45deg); position:absolute; left:15px; top:12px;}

.environment p.font span{ font-size:24px; font-weight:bold; color:#fec20b;}

.environment ul{ display:block; float:left; width:100%;}

.environment li{ width:33.333%; float:left; padding:20px;}

.environment li i{ display:block; float:left; width:72px; height:72px; border-radius:50%; margin-right:20px; margin-top:5px;}

.environment li:nth-of-type(1) i{ background: url(../img/env-ico1.png) center no-repeat #2c9fdf; background-size:40px;}

.environment li:nth-of-type(2) i{ background: url(../img/env-ico2.png) center no-repeat #80b6f7; background-size:40px;}

.environment li:nth-of-type(3) i{ background: url(../img/env-ico3.png) center no-repeat #37b1bc; background-size:40px;}

.environment li div{ float:left; width:calc(100% - 92px); line-height:24px;}

.environment li div p{ font-size:18px; font-weight:bold; margin-bottom:10px;}

.project p{ width:calc(100% - 20px); float:left;}

.pro-type{ font-size:30px; font-weight:bold; margin-bottom:20px;}

.pro-tit{ font-size:18px; font-weight:bold; margin-bottom:20px; line-height:20px; padding-left:26px; position:relative;}

.pro-tit:before{ content:''; display:block; width:16px; height:16px; background:#fec20b; position:absolute; left:0; top:3px;}

.pro-tit span{ color:#fec20b;}

.pro-summary{ width:100%; height:60px; line-height:52px; background:rgba(75, 159, 240, 0.24); text-align:center; border:4px solid rgba(255, 255, 255, 0.24); font-size:18px; overflow:hidden; margin-bottom:20px;}

.pro-desc{ width:100%; line-height:24px; margin-bottom:20px; position:relative; padding-left:20px;}

.pro-desc:before{ content:''; display:block; width:10px; height:10px; position:absolute; left:0; top:8px; background:#fff; border-radius:50%;}

.pro-img{ width:100%; text-align:center;}

.pro-img img{ width:auto; max-width:100%;}

.detail-engineering{ background:none;}

.detail-engineering ul{ display:block; float:left; width:100%;border-bottom: 1px dashed rgba(255, 255, 255, 0.48);}

.detail-engineering li{margin: 0 103px 30px 103px; cursor:pointer;}

.detail-engineering li:hover .eng-img img{transform:scale(1.05,1.05);}

.more-box{ width:100%; float:left; margin:20px 0;}

.more{ display:block; background:#198dcd; height:40px; line-height:40px; padding:0 10px; opacity:#fff; border-radius:4px; width:150px; margin:0 auto; text-align:center; color:#fff; transition:all 0.3s;}

.more:hover{ background:#0b7dbc; color:#fff;}

@media screen and (max-width:768px){

.banner{padding-top:20px;}

.banner-top-l{ width:100%;}

.banner-top-r{ position:inherit; width:80%; margin:0 10%; right:0; background-size:contain; height:230px;}

.banner-top-l p{ font-size:24px; margin-bottom:10px;}

.banner-top-l span{ font-size:18px;}

.banner-top-l i{ height:15px;}

.banner-top-l div{ display:none;}

.banner-top-r p{ margin-left:20px; margin-top:20px; font-size:18px;}

.product-number-info ul{ padding:30px 0;}

.product-number-info li p{ font-size:14px; line-height:20px;}

.product-number-info li{ width:50%; margin:5px 0; padding-left:40px;}

.product-number-info li:nth-of-type(2n+1){ width:50%;padding-left:0;}

.product-number-info li b i{ font-size:50px;}

.consult li{ width:100%; margin-right:0; margin-bottom:10px;}

.service-box{ margin:0;}

.service-top-img::before{ display:none;}

.service-top-img .link-icon{ opacity:0.64;visibility: inherit;background: url(../img/link-ico-blue.png) center no-repeat rgba(255, 255, 255, 1); top:50%;}

.service .slide{ height:auto;}

.service-desc{ padding:10px; height:auto;}

.service-desc p{ font-size:18px;}

.service-desc p::after{ height:10px; margin-bottom:5px;}

.service-desc span{ font-size:14px;}

.engineering ul{ padding:0;}

.engineering li{ width:50%; margin:0 0 20px 0;}

.engineering li a{ display:block; width:160px; margin:0 auto;}

.engineering li .eng-img{ width:160px; height:160px; margin: 0 auto;}

.industrialization ul{ width:100%;}

.industrialization li{ width:calc(50% - 10px); margin:5px;}

.industrialization li:nth-of-type(4),.industrialization li:nth-of-type(5){ position:static;}

.industrialization li a{ padding-top:20px;}

.industrialization li i{ width:70px; height:70px;}

.industrialization li{ height:210px;}

.industrialization li p{ margin:15px 0;}

.slides{ width:100%; height:180px; margin-top:40px;}

.slides li div{ width:20%; padding:5px; height:60px;}

.slides li div img{ max-width:100%; max-height:100%;}

.customer{ padding-top:20px;}

.flex-control-nav a{ width:10px; height:10px;}

.customer .box-tit p.tit-e,.customer .box-tit p.tit-c{ color:#fff;}

.customer .box-tit i{ background:#fff;}

.detail-wrap{ width:100%;}

.tab-hd li{ width:100px; margin:0 10px;}

.tab-hd-inside{ width:70px;}

.tab-hd-inside li{ line-height:20px; padding-right:10px;}

.tab-bd-inside{ width:calc(100% - 90px); margin-right:10px;}

.service-case li{ width:100%; padding:10px;}

.case li{ padding:20px;}

.case-img{ width:100%; height:200px;}

.case-info{ width:100%;}

.case-name{ font-size:24px; line-height:36px;}

.case-importance{ margin-bottom:20px;}

.case-desc{ max-height: none;}

.survey ul{ width:100%; margin-top:20px;}

.service-tit img{ display:none;}

.survey li{ font-size:15px;}

.survey p{ font-size:18px; line-height:24px;}

.type li{ width:100%; padding-top:0; margin:0; position:relative; min-height:140px; margin-bottom:10px; border-bottom:1px dashed rgba(255, 255, 255, 0.24); padding-bottom:10px;}

.type span.line{ display:none;}

.type li::before{ display:none;}

.type .type-img{ float:left; width:100px; height:100px;border: 3px solid #fff;}

.type .type-name{ float:left; margin:0; position:absolute; left:0; top:110px; width:100px; height:22px; line-height:24px;}

.type .type-desc{ float:left; width:calc(100% - 100px);}

.expert li{ width:50%;}

.expert{ width:100%;}

.personnel-desc{background: url(../img/business-bg5.png) center repeat-y; height:auto;}

.statistics{ width:100%;}

.statistics li{ width:50%; padding:0;}

.environment li{ width:100%; padding:10px;}

.achievements-left{ width:100%; padding-left:0; padding-top:0;}

.achievements-left p span{ margin-right:0; font-size:18px;}

.achievements-right{ width:100%;}

.achievements-left p{ margin:5px 0;}

.achievements-left h3{ margin-top:0;}

.pro-summary{ height:auto; line-height:24px; padding:10px 0; font-size:16px;}

.pro-type{ font-size:24px;}

.business-detail{ padding:10px 0;}

.detail-tit span{ font-size:18px;}

.detail-tit p{ font-size:24px; padding:10px 0;}

.tab{ margin-top:20px;height: calc(100% - 73px);}

.tab-bd li.detail-box{ margin-top:20px;}

img{ width:100%;}

.logo img{width: auto;}

}