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

@font-face{font-family: 'pingfang'; src: url('../fonts/PINGFANG REGULAR.TTF');}

.case-6-bg{background:#fff;padding-top:1px;}
.no-a {cursor:default;}
/*show*/
.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:1680px) {
.showPic h2{font-size: 40px;}
}
@media screen and (max-width:1366px) {
.showPic h2{font-size: 30px;}
}
@media screen and (max-width:1000px) {
.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;}
}

.section1 .img_block img{width: 100%; display: block;}
.section1 .txt_block{width: 90%; max-width: 1160px; margin: 0 auto; text-align: right; padding-bottom: 150px; background: #fff;}
.section1 .txt_block h3{font-size: 50px; color: #292a2f; font-family: 'pingfang';}
.section1 .txt_block p{color: #292a2f; font-size: 22px; line-height: 34px; margin-top: 50px; font-family: 'pingfang';}
.section2 .img_block img{width: 100%; display: block;}
.section2 .txt_block{width: 90%; max-width: 1260px; margin: 0 auto; padding: 100px 0;}
.section2 .txt_block h3{text-align: center; font-size: 50px; color: #292a2f; font-family: 'pingfang';}
.section2 .txt_block p{font-size: 22px; color: #292a2f; line-height: 34px; font-family: 'pingfang'; margin-top: 40px; text-align: justify;}
.section3{background: #f6f6f6; padding: 170px 0; overflow: hidden;}
.section3 .img_block{max-width: 964px; width: 50%; float: left;}
.section3 .img_block img{width: 100%; display: block;}
.section3 .txt_block{width: 650px; float: left; margin-left: 100px; margin-top: 10%;}
.section3 .txt_block h3{font-size: 40px; color: #292a2f; font-family: 'pingfang';}
.section3 .txt_block p{font-size: 22px; color: #292a2f; line-height: 34px; font-family: 'pingfang'; margin-top: 40px; text-align: justify;}
.section4{background: #f6f6f6; overflow: hidden; padding-bottom: 170px;}
.section4 .img_block{max-width: 964px; width: 50%; float: right;}
.section4 .img_block img{width: 100%; display: block;}
.section4 .txt_block{width: 730px; float: left; margin-left: 100px; margin-top: 10%;}
.section4 .txt_block h3{font-size: 40px; color: #292a2f; font-family: 'pingfang';}
.section4 .txt_block p{font-size: 22px; color: #292a2f; line-height: 34px; font-family: 'pingfang'; margin-top: 40px; text-align: justify;}
.section5{background: #fff; padding-left: 100px;}
.section6 img{width: 100%; display: block;}

@media screen and (max-width: 1700px){
	.section1 .txt_block{max-width: 900px; padding-bottom: 70px;}
	.section1 .txt_block h3{font-size: 40px;}
	.section1 .txt_block p{font-size: 18px;}
	.section2 .txt_block{max-width: 1000px; padding: 70px 0;}
	.section2 .txt_block h3{font-size: 40px;}
	.section2 .txt_block p{font-size: 18px;}
	.section3{padding: 70px 0;}
	.section3 .txt_block{margin-left: 20px;}
	.section3 .txt_block h3{font-size: 40px;}
	.section3 .txt_block p{font-size: 18px;}
	.section4{padding-bottom: 70px;}
	.section4 .txt_block{width: 598px; margin-left: 80px;}
	.section4 .txt_block h3{font-size: 40px;}
	.section4 .txt_block p{font-size: 18px;}
	.section5{padding-left: 60px;}
	.section5 .txt_block{margin-left: 50px; width: 600px;}
}
@media screen and (max-width: 1500px){
	.section1 .txt_block h3{font-size: 30px;}
	.section1 .txt_block p{font-size: 16px; margin-top: 20px;}
	.section2 .txt_block{max-width: 900px;}
	.section2 .txt_block h3{font-size: 30px;}
	.section2 .txt_block p{font-size: 16px; margin-top: 20px;}
	.section3 .txt_block{width: 490px;}
	.section3 .txt_block h3{font-size: 30px;}
	.section3 .txt_block p{font-size: 16px; margin-top: 20px;}
	.section4 .txt_block{width: 530px;}
	.section4 .txt_block h3{font-size: 30px;}
	.section4 .txt_block p{font-size: 16px; margin-top: 20px;}
}
@media screen and (max-width: 1300px){
	.section3 .img_block{width: 46%;}
	.section3 .txt_block{margin-top: 7%;}
	.section4 .img_block{width: 46%;}
	.section4 .txt_block{margin-top: 5%; width: 440px;}
	.section5 .txt_block{width: 425px;}
}
@media screen and (max-width: 1000px){
	.section1 .txt_block{text-align: center; padding-bottom: 20px; padding-top: 10px;}
	.section1 .txt_block h3{font-size: 22px;}
	.section1 .txt_block p{line-height: 26px; margin-top: 10px; text-align: justify;}
	.section2 .txt_block{padding: 20px 0;}
	.section2 .txt_block h3{font-size: 22px;}
	.section2 .txt_block p{line-height: 26px; margin-top: 10px;}
	.section3{padding: 20px 0;}
	.section3 .img_block{width: 100%; float: none;}
	.section3 .txt_block{margin: 0 auto; float: none; padding-top: 10px; width: 90%;}
	.section3 .txt_block h3{font-size: 22px;}
	.section3 .txt_block p{line-height: 26px; margin-top: 10px;}
	.section4{padding-bottom: 20px;}
	.section4 .img_block{width: 100%; float: none;}
	.section4 .txt_block{margin: 0 auto; width: 90%; float: none; padding-top: 10px;}
	.section4 .txt_block h3{font-size: 22px;}
	.section4 .txt_block p{line-height: 26px; margin-top: 10px;}
}