@charset "utf-8";
html{height: 100%;}
html,body{height: 100%;}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,select,button,textarea,input{margin: 0; padding: 0;}
input[type="text"],input[type="password"],select,button,textarea{outline: none; border: none; -webkit-appearance: none;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
h1,h2,h3,h4,h5,h6,strong{font-weight: normal;}
a{text-decoration: none; color: #292929;}
a:hover{text-decoration: none;}
a:focus{text-decoration: none;}
li{list-style: none;}
img{vertical-align: middle; border: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both; height: 0;}
.hidden{overflow: hidden;}

.case-6-bg{background:#fff;padding-top:1px;}
.no-a {cursor:default;}
/*通用盒子*/
.box {position:relative;overflow:hidden;}
.image-box {width:100%;margin-left:auto;margin-right:auto;}
.image-box img {width:100%;display:block;float:left;}
.section-font {width:100%;margin-left:auto;margin-right:auto;}
.section-font p {text-align:justify;}
/*网站整体盒子*/
.last-img-box {width:100%;clear:both;}
.last-img-box img {display:block;width:100%;float:left;}
/*更多案例盒子*/
.more-case {width:100%;margin-top:148px;margin-bottom:48px;text-align:center;overflow:hidden;}
.more-case a.morebtn {width:220px;height:70px;border-radius:5px;background:#0c68b3;color:#ffffff;text-align:center;line-height:70px;font-size:20px;display:inline-block;}
ul.moreul {width:100%;margin-left:-13px;margin-right:-13px;padding-left:13px;margin-right:13px;margin-top:68px;}
ul.moreul {*margin-left:0;*margin-right:0;*padding-left:0;*padding-right:0;}
ul.moreul li {width:33.333333%;display:inline-block;float:left;box-sizing:border-box;padding:0 13px;}
ul.moreul li {*width:31%;*padding:0 1%;}
ul.moreul li a {display:block;position:relative;overflow:hidden;}
.boxabsolute {width:100%;height:100%;position:absolute;left:0;top:0;}
ul.moreul li a img {width:100%;}
ul.moreul .overlay-con {position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:#0C68B3;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;text-align:center;}
ul.moreul .overlay-con h2 {font-size:1.4em;font-weight:700;top:50%;width:100%;margin-top:-1.4em;position:absolute;color:#fff;}
ul.moreul a:hover .overlay-con {opacity:0.9;filter:alpha(opacity=90)}
.pc {display:block !important;}
.wap {display:none !important;}

.section-font {max-width:728px;width:37.9%;margin-left:auto;margin-right:auto;}
.section-font h1 {font-size:57px;color:#000000;font-weight:normal;width:100%;text-align:center;padding-bottom:0.6em;}
.section-font p {font-size:18px;color:#737373;line-height:1.7em;}
.pc-show {display:block !important;}
.m-show {display:none !important;}
/*1*/
.section-1 {padding-top:130px;padding-bottom:84px;}
/*2*/
.section-2 {width:100%;}
.section-2 img,.last-img-box img,.three-imgbox img {display:block;width:100%;float:left;}
/*3*/
.section-3 {width:100%;min-height:323px;}
.section-3 .section-font {max-width:1266px;width:80%;}
.three-imgbox {max-width:1306px;width:82%;margin:120px auto 0;}
/*last*/
.last-img-box {width:100%;}
/*bg img*/
.section-bgimg,.bgimg {width:100%;}
.absolute-box {position:absolute;width:100%;height:auto;left:0;top:auto;box-sizing:border-box;padding:0 5.2%;z-index:10;}
.absolute-box .box.imge-box,.absolute-box .box.fonts-box {width:50%;display:inline-block;float:left;overflow:visible;}
.box.imge-box img {width:100%;clear:both;}
.box.fonts-box .section-font {margin:0 11.8%;width:auto;max-width:inherit;overflow:visible;}
.box.fonts-box .section-font h1 {text-align:left;}
.box.fonts-box .section-font h2 {font-weight:normal;text-align:right;height:70px;line-height:70px;display:block;margin:18% 0 10% 0;}
.box.fonts-box .section-font h2 p {display:inline-block;line-height:70px;height:70px;position:relative;width:auto;padding-left:10px;}
.box.fonts-box .section-font h2 p i {width:200px;height:1px;position:absolute;top:50%;background:#3f5fa8;display:inline-block;right:100%;}
.box.fonts-box .section-font h2 span {display:inline-block;width:58px;height:58px;font-weight:bold;text-align:center;line-height:58px;border-radius:100%;background:#3f5fa8;color:#ffffff;font-size:30px;border-width:6px;border-style:solid;border-color:#ebeff6;font-family:"fonth2";margin-right:35%;margin-left:0.3em;}
/*list-box1*/
.list-box1 {padding-bottom:7.4%;}
/*list-box2*/
.list-box2 {padding-bottom:13%;}
.list-box2 .box.fonts-box .section-font h2,.list-box2 .box.fonts-box .section-font p,.list-box2 .box.fonts-box .section-font h1,.list-box3 .box.fonts-box .section-font h2,.list-box3 .box.fonts-box .section-font p,.list-box3 .box.fonts-box .section-font h1 {color:#ffffff;}
.list-box2 .box.fonts-box .section-font h2 {text-align:left;margin-top:15%;}
.list-box2 .box.fonts-box .section-font h2 span {margin-left:35%;margin-right:0.3em;color:#3f5fa8;background:#ffffff;border-color:#596fa1;}
.list-box2 .box.fonts-box .section-font h2 p {padding-left:0;padding-right:8px;}
.list-box2 .box.fonts-box .section-font h2 i {right:auto;left:100%;background:#fff;width:333px;}
/*list-box3*/
.list-box3 .box.fonts-box .section-font h1 {line-height:1.1em;}
.list-box3 .box.fonts-box .section-font h2 p i {background:#fff;width:340px;}
.list-box3 .box.fonts-box .section-font h2 span {color:#3f5fa8;background:#ffffff;border-color:#596fa1;}
.absolute-box .box.imge-box.wap-show {display:none;}

.section_new{background: #f7f7f7;}
.section_new .clear{clear: both;}
.section_new img{width: 50%; float: right;}
.section_new .txt{width: 40%; margin: 0 5%; float: left; padding-top: 10%;}
.section_new .txt h3{font-size: 40px; color: #333; margin-bottom: 20px;}
.section_new .txt p{font-size: 22px; color: #737373; line-height: 36px;}
.section_block{position: relative;}
.section_block .big_bg{width: 100%;}
.section_block .section-3{position: absolute; top: 24%; left: 0;}
.section_block .section-3 p{color: #333;}
.showPic{background: #f7f7f7;}
.showPic h2{text-align: center; padding: 100px 6% 80px; font-size: 56px; color: #333;}
.showPic .showBox {position:relative;margin-left:auto;margin-right:auto;box-sizing:border-box;background-repeat:no-repeat;background-position:center center;background-size:contain;}
.showPic .showBox1{width: 63%; max-width: 1210px; padding: 3.7% 7.4% 5%; background-image: url(../images/CaseType2.png);}
.showPic .showBox .imgbar {position:relative;width:100%;}
.showPic .showBox .imgbar img {display:block;width:100%;}
.showPic .showBox .imgbar .layer {display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.7);transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;opacity:0;}
.showPic .showBox .imgbar .layer .icon {display:block;width:150px;height:150px;background-image:url(../images/LayerIcon.png);background-position:center center;margin:0 auto 0;position:absolute;top:50%;left:0.001%;right:0.001%;margin:-75px auto 0;}
.showPic .showBox .imgbar:hover .layer {opacity:1;}


@media screen and (max-width:1600px) {
.more-case {margin-top:123px;margin-bottom:40px;}
.more-case a.morebtn {width:184px;height:60px;line-height:60px;font-size:16px;}
ul.moreul {margin-top:56px;padding-left:10px;padding-right:10px;margin-left:-10px;margin-right:-10px;}
ul.moreul li {padding:0 10px;}
}
@media screen and (max-width:1440px) {
.more-case {margin-top:110px;margin-bottom:38px;}
.more-case a.morebtn {width:166px;height:54px;line-height:54px;font-size:15px;}
ul.moreul {margin-top:50px;}
}
@media screen and (max-width:1366px) {
.more-case {margin-top:98px;margin-bottom:34px;}
.more-case a.morebtn {width:148px;height:48px;line-height:48px;font-size:14px;}
.section-font p {font-family:"微软雅黑" !important;}
}
@media screen and (max-width:1280px) {
.more-case {margin-top:84px;}
.more-case a.morebtn {width:138px;height:38px;line-height:38px;font-size:13px;}
ul.moreul {margin-top:40px;}
}
@media screen and (max-width:1000px) {
.more-case {margin-top:50px;}
ul.moreul {margin-left:0;margin-right:0;padding-left:0;padding-right:0;}
ul.moreul li {width:100%;padding-bottom:10px;}
.pc {display:none !important;}
.wap {display:block !important;}
}



@media screen and (max-width:1680px) {
.section-font h1 {font-size:48px;}
.section-font p {font-size:15px;}
.section_new .txt p{font-size: 15px; line-height: 26px;}
/*1*/
.section-1 {padding-top:110px;padding-bottom:70px;}
/*3*/
.three-imgbox {margin:56px auto 106px auto;}
/*font*/
.box.fonts-box .section-font h2,.box.fonts-box .section-font h2 p {line-height:62px;height:62px;}
.box.fonts-box .section-font h2 span {font-size:26px;width:52px;height:52px;border-width:5px;line-height:52px;}
.list-box1 .box.fonts-box .section-font h2 p i {width:196px;}
.list-box2 .box.fonts-box .section-font h2 p i {width:290px;}
.list-box3 .box.fonts-box .section-font h2 p i {width:300px;}
.showPic h2{font-size: 48px;}
}
@media screen and (max-width:1600px) {
/*font*/
.box.fonts-box .section-font h2,.box.fonts-box .section-font h2 p {line-height:60px;height:60px;}
.box.fonts-box .section-font h2 span {font-size:25px;width:50px;height:50px;border-width:5px;line-height:50px;}
.list-box1 .box.fonts-box .section-font h2 p i {width:170px;}
.list-box2 .box.fonts-box .section-font h2 p i {width:278px;}
.list-box3 .box.fonts-box .section-font h2 p i {width:280px;}
}
@media screen and (max-width:1440px) {
.section-font h1 {font-size:43px;}
.section-font p {font-size:13.5px;}
/*1*/.section-1 {padding-top:100px;padding-bottom:64px;}
/*3*/
.three-imgbox {margin:50px auto 100px auto;}
/*font*/
.box.fonts-box .section-font h2,.box.fonts-box .section-font h2 p {line-height:54px;height:54px;}
.box.fonts-box .section-font h2 span {font-size:22px;width:44px;height:44px;line-height:44px;border-width:5px;}
.list-box1 .box.fonts-box .section-font h2 p i {width:155px;}
.list-box2 .box.fonts-box .section-font h2 p i {width:248px;}
.list-box3 .box.fonts-box .section-font h2 p i {width:250px;}
.section_block .section-3{top: 18%;}
}
@media screen and (max-width:1366px) {
.section-font h1 {font-size:38px;}
.section-font p {font-size:12px;}
.section_new .txt h3{font-size: 30px;}
.section_new .txt p{font-size: 12px; line-height: 20px;}
/*1*/
.section-1 {padding-top:86px;padding-bottom:54px;}
/*3*/
.three-imgbox {margin:44px auto 88px auto;}
.showPic h2{font-size: 30px;}
}
@media screen and (max-width:1280px) {
.section-font h1 {font-size:30px;}
/*1*/
.section-1 {padding-top:68px;padding-bottom:44px;}
/*3*/
.three-imgbox {margin:33px auto 70px auto;}
/*font*/
.box.fonts-box .section-font h2,.box.fonts-box .section-font h2 p {line-height:46px;height:46px;}
.box.fonts-box .section-font h2 span {font-size:19px;width:38px;height:38px;line-height:38px;border-width:4px;}
.list-box1 .box.fonts-box .section-font h2 p i {width:130px;}
.list-box2 .box.fonts-box .section-font h2 p i {width:206px;}
.list-box3 .box.fonts-box .section-font h2 p i {width:230px;}
}
@media screen and (max-width:1160px) {
/*font*/
.list-box1 .box.fonts-box .section-font h2 p i {width:90px;}
.list-box2 .box.fonts-box .section-font h2 p i {width:170px;}
.list-box3 .box.fonts-box .section-font h2 p i {width:190px;}
.box.fonts-box .section-font h2 span {margin-right:26%;}
.list-box2 .box.fonts-box .section-font h2 span {margin-left:26%;}
}
@media screen and (max-width:1000px) {
.section-1 {width:88%;padding-bottom:36px;}
.section-font h1 {font-size:22px;}
.pc-show {display:none !important;}
.m-show {display:block !important;}
.section-2 {margin-bottom:40px;}
img.bgimg,img.after-img,.box.fonts-box .section-font h2 p i ,.section_block .big_bg{display:none;}
.absolute-box .box.imge-box.wap-show {display:block !important;}
.absolute-box .list-box2 .box.imge-box {display:none;}
.absolute-box {padding:0;position:relative;}
.absolute-box .box.imge-box,.absolute-box .box.fonts-box {width:100%;display:block;}
.box.fonts-box .section-font {padding:0 9%;box-sizing:border-box;margin:0;}
.box.fonts-box .section-font h2 p {padding:0;}
.box.fonts-box .section-font h2 span {margin-right:0;}
.box.fonts-box .section-font h2,.list-box2 .box.fonts-box .section-font h2 {margin:6% 0 2% 0;text-align:left;display:none;}
.list-box2 .box.fonts-box .section-font h2,.list-box2 .box.fonts-box .section-font h1,.list-box2 .box.fonts-box .section-font p {text-align:right;}
.list-box2 .box.fonts-box .section-font h2 span {margin-left:0;}
.section-font h1 {padding:0.6em 0;}
.list-box1,.list-box2,.list-box3 {width:100%;padding-bottom:46px;}
.list-box2 .box.fonts-box .section-font h2,.list-box2 .box.fonts-box .section-font p,.list-box2 .box.fonts-box .section-font h1,.list-box3 .box.fonts-box .section-font h2,.list-box3 .box.fonts-box .section-font p,.list-box3 .box.fonts-box .section-font h1,.section-font h1 {color:#737373;}
.section-3 .section-font {width:88%;padding:30px 0;}
.three-imgbox {width:100%;margin:30px auto 0 auto;}
.section_new .txt{width: auto; margin: 0 9%; padding: 40px 0; float: none;}
.section_new .txt h3{color: #737373; font-size: 22px; margin-bottom: 10px;}
.section_new img{width: 100%; float: none;}
.section_block .section-3{position: static;}
.showPic h2{font-size: 22px; padding: 30px 0; color: #737373;}
.showPic .showBox1{width: 68%;}
.showPic .showBox .imgbar .layer .icon{width: 50px; height: 50px; margin-top: -25px; background-size: cover;}
}
