/*样式初始化及公共样式部分*/

.page{ width:1200px; margin:0 auto; height:auto; overflow:hidden; }
.page1{ width:1200px; margin:0 auto; }
.box,.news,.footer1{ width:1200px; margin:0 auto; height:auto; overflow:hidden; }    /*定义版面统一宽度*/
  





/*案例*/
.case .bt p { color: #fff !important; }
.case>.page1>.bt { color: #fff; }
.case>.page1>.bt span { color: #eee; }
.case { padding: 38px 0 0; position: relative; z-index: 1; height: 888px; line-height: 28px; 
 color: #333; overflow: hidden; }
.case_c{ height: 552px; overflow: hidden; background: #fff; overflow: hidden; margin-top: 20px; }
.case_c dl{ position: relative; height: 420px; margin:26px 20px 0; width: 1160px; }
.case_c dt {width:700px; height:437px;}
.case_c dt,.case_c dt img{ width:700px; height:457px; display: block; overflow: hidden; float: left;  }
.case_c dd{ padding:36px 0 0 16px; width:394px; float: left; }
.case_c dd h4{ font-size: 22px; color: #00b0b1; line-height:29px; margin-bottom:28px; margin-top: 0px; }
.case_c dd h4 b{ display: block; width: 100px; height: 100px; border-radius: 100px; float: left; background:#fff; }
.case_c dd h4 a{ display: block; color: #333; font-size:22px; }
.case_c dd h4 a:hover { color: #00b0b1;}
.case_c dd h4 span{ width: 245px; float: right; white-space: nowrap; padding:30px 0 0; }
.case_c dd h4 span em{ display: block; font-size: 16px; color: #333; line-height: 23px; font-weight: normal; }
.case_c dd p { line-height: 38px; color: #888; font-size: 14px; margin-bottom: 30px; }
.more01 { width: 171px; line-height: 41px; display: block; border: solid 1px #999; text-align: center;
 color: #999; font-size: 18px; transition: 0.3s all; }
.more01:hover { margin-left: 10px; transition: 0.3s all; border: solid 1px #00b0b1; }

.more01 a, .about_wc span a { display: inline-block; padding: 0 54px 0 0; background: url(../uploadfile/image/20200420/20200420211532_851640272.PNG) no-repeat 106px center; color: #999; display: block; }
.more01:hover a { color: #01b1b1; background: url(../uploadfile/image/20200420/20200420212027_138876943.png) no-repeat 106px center; }

.case_lc{ width: 1200px; overflow: hidden; margin-top: 0px; }
.case_lc li { width: 280px!important; float: left; margin: 0 10px 0 0; background: #fff; padding: 5px; height: 202px; overflow: hidden; border: 1px solid #ececec; }
.case_lc li p { width: 279px; display: block; overflow: hidden; margin: 0px auto; }
.case_lc li p img { border: 1px solid #f8f8f8; width: 280px;  cursor:pointer; height: 159px; }
.case_lc li span { display: block; font-size: 16px; line-height: 25px; position: relative; }
.case_lc li span a { display: block; color: #333; font-size: 16px; text-align: center; cursor:pointer  }
.case_lc li span b{ position: absolute; left: 13px; top: -23px; border: solid 2px #f2f2f2; overflow: hidden; border-radius: 84px; background:#f2f2f2; }
.case_lc li span b,.case_lc li span b img{ display: block; width: 84px; height: 84px; }
.case_lc li.swiper-slide-thumb-active span a{ color: #fff; transition:0s; }
.case_lc li.swiper-slide-thumb-active{ background: #35a388; }
.prev2 { position: absolute; top:85px; left: -38px; }
.next2{ position: absolute; top:85px; right: -38px; }
.pr { position: relative; }
.webox_p img, .prod_c li p img, .case_c dt img, .news_c dt img, .faqs_c dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.webox_p:hover img, .prod_c li:hover p img, .case_c dl:hover dt img, .news_c dl:hover dt img, .faqs_c dl:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}