<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html {overflow-y: scroll;}
:root {overflow-y: auto;overflow-x: hidden;}
:root body {position: absolute;}
body {width: 100vw;overflow: hidden;}

@font-face {
	font-family:myfont;
	src: url(../font/myfont.eot);
	src: url(../font/myfont.otf);
	src: url(../font/myfont.svg);
	src: url(../font/myfont.ttf);
	src: url(../font/myfont.woff);
	src: url(../font/myfont.woff2);
}
/**************************************************************基础**************************************************************/
* { margin: 0; padding: 0;text-decoration: none;}
body {color: #333; font-size:14px; line-height:1.72;overflow-x: hidden;font-family:myfont,"微软雅黑";}
a{color:inherit;transition: 0.3s;border: none;outline:none;}
button{font-family: "微软雅黑";}
button:focus {outline:none;} /*for IE*/
button::-moz-focus-inner {border-color: transparent;} /*for mozilla*/
a:hover{color: #e2001a}
li { list-style: none }
img{border: none;}
input{color: #666;}
input:focus{color:#333;border: none;}
textarea:focus{color:#333;border: none;outline:none;}
table,tr,td{border-spacing: inherit;border-collapse:collapse}
.l{float: left;}
.r{float:right;}
.imgbox{width: 100%;}
.imgbox img{display:inline-block; max-width: 100%;}
.img-box img{display: block;width: 100%;}
.imgbox .img-font{font-size: 0;}
.y-wrap-1{width:100%;padding: 0 60px;box-sizing: border-box;}
.y-wrap-2{width:100%;padding: 0 60px;box-sizing: border-box;max-width: 1520px;margin: auto;}
.y-wrap-3{width:100%;padding: 0 100px;box-sizing: border-box;max-width: 1400px;margin: auto;}
.y-wrap-4{width:100%;padding: 0 100px;box-sizing: border-box;max-width: 1400px;margin: auto;}
.y-wrap-5{width:100%;padding: 0 74px;box-sizing: border-box;}
@media only screen and (max-width:768px) {
	.y-wrap-1{padding: 0 20px;}
	.y-wrap-2{padding: 0 20px;}
	.y-wrap-3{padding: 0 20px;}
	.y-wrap-4{padding: 0 20px;}
	.y-wrap-5{padding: 0 20px;}
}
.header{height:58px;;padding:13px 0;color: #707070;box-sizing: border-box;position: fixed;width: 100%;top:0;background:rgba(255,255,255,0.9);z-index: 999; }
.header .logo img{display: block;height:38px;/*margin: 4px 0*/}
.header .x{position: absolute;bottom:0;left:50%;width: 0;height: 1px;background: #e2001a;transition:1s;}
.header .btn{width: 40px;height: 40px;background:url(../Images/btn.png);position: absolute;right:20px;top:9px;display: none;}
.header .nav a{display: inline-block;margin-left:34px;font-size: 16px;line-height: 30px;}
.header .nav a.cur{color: #e2001a;}
@media only screen and (max-width:768px) {
	.header .logo img{height:18px;margin: 6px 0;}
	.header .x{width:100% !important;left:0 !important}
	.header .btn{display: block;}
	.header .nav{position: absolute;background: #fff;width: 100%;top:52px;left: 0;display: none;}
	.header .nav a{display: block;width: 100%;text-align: center;line-height: 50px;border-bottom: 1px solid #ccc;margin: 0;}
}
.web-bread-1{background: #fff;font-size: 18px;line-height: 38px;color: #333;box-sizing: border-box;overflow: hidden;padding:20px 0;}
.web-bread-1 a{display: inline-block;margin: 0 5px;color: #333;transition: 0.3s;}
.web-bread-1 a:first-child{margin-left: 0;}
@media only screen and (max-width:768px) {
	.web-bread-1{font-size: 16px;}
}
@media only screen and (max-width:480px) {
	.web-bread-1{font-size: 14px;}
}
.y-page-1{text-align: center;font-size: 18px;color: #636363;margin: 3% 0;}
.y-page-1 a{display:inline-block;margin: 0 10px;}
.y-page-1 a.cur{color: #e2001a;}
@media only screen and (max-width:768px) {
	.y-page-1{font-size: 16px;}
}
@media only screen and (max-width:480px) {
	.y-page-1{font-size: 14px;}
}
.web-nav-1{background: #fff;overflow: hidden;}
.web-nav-1 ul{max-width: 100%;overflow-x:auto ;white-space:nowrap;font-size: 0;padding: 20px 0;}
.web-nav-1 li{float:left;font-size: 18px;color: #fff;line-height:23px;margin:7px 0;margin-right:50px;cursor: pointer;transition:0s;box-sizing: border-box;border-bottom: 1px solid rgba(0,0,0,0);}
.web-nav-1 li:last-child{margin-right: 0;}
.web-nav-1 li.cur{border-bottom:1px solid #fff;}
.web-nav-1 li a{color: #333;}
@media only screen and (max-width:768px) {
	.web-nav-1 li{margin-right: 20px;}
}
.banner{overflow: hidden;}
.main{overflow: hidden;}
/*.main-1 .l{position: relative;float: left;width: 33.33%;}
.main-1 .l img{width:100%; height:100%; transition:0.2s;}
.main-1 .l .txt-box{font-size:0;line-height: 50px;color: #fff;padding-top:50%;margin-top:-45px;position: absolute;box-sizing: border-box;top: 0;left: 0;width: 100%;height: 100%;text-align: center;}*/
.main-1 {width: 100%;overflow: hidden;min-height: 1px;}
.main-1 img{width: 100%;display: block;}
.main-1 .zbl-lunbo-nav{display: block;padding:2%;}
.main-1 .zbl-lunbo-nav li{width:73px;height:7px;border: 0;background: #fff;margin:0 1px;border-radius:0 ;}
.main-1 .zbl-lunbo-nav li.cur{background: #817f7d;}
.main-1 .img-b{display: block;}
.main-1 .img-s{display: none;}
@media only screen and (max-width:980px) {
	.main-1 .img-b{display: none;}
	.main-1 .img-s{display:block;}
}
@media only screen and (max-width:640px) {
	.main-1 .zbl-lunbo-nav li{width:40px;height:4px;}
}
/*.main-1 .l:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.main-1 .l .txt-box.cur{font-size: 36px;transition: 1s;}*/
/*@media only screen and (max-width:1280px) {
	.main-1 .l .txt-box.cur{font-size: 30px;}
}
@media only screen and (max-width:980px) {
	.main-1 .l .txt-box.cur{font-size: 20px;}
}
@media only screen and (max-width:768px) {
	
	.main-1 .l{display: none;}
	.main-1 .r{width: 100% !important;}
}*/
.main-2{overflow: hidden;width: 100%;}
.main-2 ul{overflow: hidden;}
.main-2 li{width: 33.3%;overflow: hidden;float: left;}
.main-2 li:nth-child(3n){box-sizing: border-box;}
.main-2 li .img-box{overflow: hidden;position: relative;}
.main-2 li .img-box:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: 0.2s;}
.main-2 li .img-box img{width:102%;height: 102%;transition:all 0.4s;margin-top: -1%;margin-left: -1%;}
.main-2 li .txt-box{width: 100%;background:#fff;transition: 0.2s;}
.main-2 li .txt-box dl{padding:8% 5%;width: 100%;box-sizing: border-box;color: #3f3939;}
.main-2 li .txt-box dl dt{font-size:32px;line-height:44px;height:44px;overflow: hidden;margin-bottom:5px;}
.main-2 li .txt-box dl dd{font-size:18px;line-height:25px;height:25px;overflow: hidden;}
.main-2 li .txt-box dl .more{display: none;font-size: 14px;}
.main-2 .y-more{text-align: center;
font-size: 24px;
margin-top: 4%;
font-family: "微软雅黑";
padding: 20px;
width: 100%;
display: block;
transition: 0.2s;}
.main-2 .y-more:hover{background: #e2001a;color: #fff;}
@media only screen and (min-width:769px) {
	.main-2 li:hover .txt-box{background:#e2001a;}
	.main-2 li:hover .img-box:after{background:rgba(255,255,255,0.3);}
	.main-2 li .img-box:hover:after{background:rgba(0,0,0,0.3);}
	.main-2 li:hover .txt-box dl dt{transition:0.3s;color: #fff;}
	.main-2 li:hover .txt-box dl dd{transition:0.3s;color: #fff;}
	.main-2 li:hover .img-box img{-webkit-transform:scale(1.1);transform:scale(1.1);}
}
@media only screen and (max-width:1280px) {
	.main-2 .y-more{font-size: 20px;}
	.main-2 li .txt-box dl dt{font-size: 26px;line-height: 30px;height: 30px;}
	.main-2 li .txt-box dl dd{font-size: 16px;line-height: 20px;height: 20px;}
}
@media only screen and (max-width:980px) {
	.main-2 .y-more{font-size: 18px;}
	.main-2 li .txt-box dl dt{font-size:24px;}
	.main-2 li .txt-box dl dd{font-size:14px;}
}
@media only screen and (max-width:768px) {
	.main-2 .y-more{font-size: 16px;}
	.main-2 li{width: 50% !important;padding: 0 !important;}
	.main-2 li .txt-box dl dt{font-size: 20px;}
	.main-2 li .txt-box dl .more{display:none;}
}
@media only screen and (max-width:640px) {
	.main-2 .y-more{}
}
@media only screen and (max-width:512px) {
	.main-2 li{width: 100% !important;}
}
@media only screen and (max-width:480px) {
	.main-2 .y-more{margin-top: 15px;font-size: 14px;}
}

/*.main-2 li{overflow: hidden;position: relative;float: left;width: 33.33%;}
.main-2 li a{display: block;height: 100%;}
.main-2 li .img-box img{width:100%;height: 100%;transition:all 0.4s}
.main-2 li .txt-box{position:absolute;width: 100%;height: 100%;background:rgba(0,0,0,0);top: 0;text-align: center;transition: 0.3s;}
.main-2 li .txt-box dl{width: 100%;margin: auto;margin-top:25%;padding: 0 17%;box-sizing: border-box;}
.main-2 li .txt-box dl dt{font-size: 30px;color: #434343;margin-bottom: 10px;line-height:40px;height: 40px;overflow: hidden;position: relative;top:50px;opacity: 0;}
.main-2 li .txt-box dl dd{font-size: 16px;color: #434343;line-height: 25px;height:50px;overflow: hidden;position: relative;top:50px;opacity: 0;}
.main-2 li .txt-box dl .more{margin-top:15px;display: none;}
.main-2 li.li .txt-box{background: #fff;}
.main-2 li.li .txt-box dl dt{top: 0;transition: 0.5s;opacity: 1;}
.main-2 li.li .txt-box dl dd{top: 0;transition: 0.5s;opacity: 1;}

@media only screen and (min-width:769px) {
	.main-2 li:hover .txt-box{background:rgba(0,0,0,0.7);}
	.main-2 li:hover .txt-box dl dt{top:0;transition: 1s;opacity: 1;color: #fff;}
	.main-2 li:hover .txt-box dl dd{top:0;transition:1s 0.3s;opacity: 1;color: #fff;}
	.main-2 li.li:hover .txt-box dl dd{transition:1s;}
	.main-2 li:hover .img-box img{-webkit-transform:scale(1.1);transform:scale(1.1);}
	.main-2 li.li:hover .txt-box{background:#e2001a;}
}
@media only screen and (max-width:1280px) {
	.main-2 li .txt-box dl{margin-top: 23%;}
	.main-2 li .txt-box dl dt{font-size: 24px;line-height: 25px;height: 25px;margin-bottom: 15px;}
	.main-2 li .txt-box dl dd{font-size: 14px;line-height: 20px;height: 40px;}
}
@media only screen and (max-width:980px) {
	.main-2 li .txt-box dl dt{font-size: 20px;margin-bottom: 10px;}
	.main-2 li .txt-box dl dd{font-size: 12px;}
}
@media only screen and (max-width:768px) {
	.main-2{padding:0 4%;box-sizing: border-box;}
	.main-2 li{width:48%;margin:6% 1% 0 1%;border-bottom: 1px solid #ccc;}
	.main-2 li .txt-box{background:rgba(0,0,0,0);position: initial;text-align: left;}
	.main-2 li .txt-box dl{margin-top: 0;padding:10px 0 2px;}
	.main-2 li .txt-box dl dt{top:0;opacity: 1;color: #333;margin-bottom:0px !important;font-size: 18px;line-height: 1.2;}
	.main-2 li .txt-box dl dd{top:0;opacity: 1;color: #777;line-height:16px;height:16px;overflow: hidden;}
	.main-2 li .txt-box dl .more{display:block;}
	.main-2 li.li .txt-box{background:#e2001a;}
	.main-2.index li:first-child{display: none;}
	.main-2.index li:nth-child(2){width: 100% !important;height:auto;border-bottom: 0;}
	.main-2.index li:nth-child(2) .img-box{display: none;}
	.main-2.index li:nth-child(2) .txt-box{background: none;text-align:center}
	.main-2.index li:nth-child(2) .txt-box dl{margin:10px 0;padding: 0;}
	.main-2.index li:nth-child(2) .txt-box dt{height:auto;margin-bottom:5px !important;}
	.main-2.index li:nth-child(2) .txt-box dd{height:auto}
	
	.main-2.tuijian li:nth-last-child(1){display:block}
}
@media only screen and (max-width:512px) {
	.main-2 li{width: 100%;margin: 4% 0 0 0;}
}*/

.main-3 li{border-bottom: 1px solid #d2d2d2;overflow: hidden;padding: 45px 0;}
.main-3 li a{display: block;height: 100%;}
.main-3 li .img-box{float: left;width: 320px;margin-right: 50px;}
.main-3 li .txt-box .z-1{color: #e2001a;margin-bottom: 40px;}
.main-3 li .txt-box .z-2{color: #333;font-size: 30px;margin-bottom: 30px;line-height: 40px;height: 40px;overflow: hidden;}
.main-3 li .txt-box .z-3{color: #808080;font-size:16px;line-height: 25px;height: 75px;overflow: hidden;}
.main-3 li a:hover .z-2{color: #e2001a;}
@media only screen and (max-width:1280px) {
	.main-3 li{padding:30px 0;}
	.main-3 li .img-box{width:250px;margin-right: 30px;}
	.main-3 li .txt-box .z-1{margin-bottom:20px;}
	.main-3 li .txt-box .z-2{font-size:24px;margin-bottom: 20px;line-height: 30px;height: 30px;}
	.main-3 li .txt-box .z-3{font-size:14px;line-height: 20px;height: 60px;}
}
@media only screen and (max-width:980px) {
	.main-3 li .img-box{width:220px;margin-right: 20px;}
	.main-3 li .txt-box .z-2{font-size:20px}
	.main-3 li .txt-box .z-3{font-size:12px;}
}
@media only screen and (max-width:640px) {
	.main-3 li .img-box{width:180px;}
	.main-3 li .txt-box .z-1{margin-bottom:8px;}
	.main-3 li .txt-box .z-2{font-size:18px;margin-bottom:8px;}
}
@media only screen and (max-width:480px) {
	.main-3 li .img-box{width:100%;float: none;margin-bottom: 10px;}
	
}
.main-4{margin-top: 3%;}
.main-4 ul{overflow: hidden;margin:-10px;}
.main-4 li{margin:10px;float:left;background:#fff;}
.main-4 li dl{height: 100%;box-sizing: border-box;padding:5%;font-family: "微软雅黑";}
.main-4 li dt{font-size:48px;line-height:50px;height:50px;overflow: hidden;margin-bottom:15px;color: #434343;}
.main-4 li dl .z-2{font-size: 24px;line-height: 1.3;color: #434343}
.main-4 li dd{color: #666;font-size: 14px;line-height: 25px;}
.main-4 li dd a{position: relative;padding-left: 15px;color: #666;}
.main-4 li dd a:before{content: "+";position: absolute;left: 0;top: 50%;height: 30px;line-height: 30px;margin-top: -15px}
@media only screen and (max-width:1280px) {
	.main-4 li dt{font-size: 36px;}
	.main-4 li dl .z-2{font-size: 20px;}
}
@media only screen and (max-width:980px) {
	.main-4 li dt{font-size: 30px;}
	.main-4 li dl .z-2{font-size: 18px;}
}
@media only screen and (max-width:768px) {
	.main-4 li:nth-child(2n-1){float: left !important;width: 49% !important;margin:20px 0 0;}
	.main-4 li:nth-child(2n){float:right !important;width: 49% !important;margin:20px 0 0;}
	.main-4 li dt{font-size: 24px;}
	.main-4 li dl .z-2{font-size: 16px;}
}
@media only screen and (max-width:480px) {
	.main-4 li:nth-child(2n-1){float:none !important;width:100% !important;}
	.main-4 li:nth-child(2n){float:none !important;width:100% !important;}
	.main-4 li dt{font-size: 20px;}
}
.main-5{margin-top:58px;text-align: center;font-size: 22px;color: #fff;background: #030001;padding: 10px 0;width: 100%;overflow: hidden;}
@media only screen and (max-width:1280px) {
	.main-5{margin-top:40px;font-size: 18px;}
}
@media only screen and (max-width:980px) {
	.main-5{margin-top:30px;font-size: 14px;}
}
.show-1{padding:0 0 100px;}
.show-1 img{display: block;width: 100%;}
.show-1 .boxs{position: relative;}
.show-1 .boxs .box{position:relative;padding-top:4%;}
.show-1 .boxs .box .skbox{position: relative;}
.show-1 .boxs .box .skbox .sk{position: absolute;top:19%;left: 0;width: 100%;background:#fff;height:54.5%;}
.show-1 .boxs .box .skbox .y-wrap-3{position: relative;z-index: 2;}
.show-1 .bt{font-size: 36px;color: #555;line-height: 1.7;margin:2% 0;width: 100%;}
.show-1 .z-2{font-size: 30px;color: #999;margin-bottom:60px;line-height: 1.7;}
.show-1 .z-3{font-size: 14px;color: #888;}
.show-1 .t{font-size: 18px;color: #333;margin:2% 0 4%;line-height:2.2;}
.show-1 .z-5{font-size: 14px;color: #888;margin: 20px 0 30px;}
.show-1 .z-6{font-size: 14px;color: #333;margin: 20px 0;text-align: center;}
.show-1 .fenye{text-align:right;color: #636363; font-size: 18px;margin: 60px 0;width: 100%;overflow: hidden;}
.show-1 .fenye a{display:inline-block;margin-left:37px;}
@media only screen and (max-width:1280px) {
	.show-1{padding:0 0 80px;}
	.show-1 .bt{font-size: 30px;}
	.show-1 .z-2{font-size: 24px;margin-bottom:50px;}
	.show-1 .fenye{margin: 50px 0;}
}
@media only screen and (max-width:980px) {
	.show-1{padding:0 0 60px;}
	.show-1 .bt{font-size: 24px;}
	.show-1 .z-2{font-size: 20px;margin-bottom:40px;}
	.show-1 .fenye{margin: 40px 0;}
	.show-1 .t{font-size: 16px;line-height: 2;}
}
@media only screen and (max-width:768px) {
	.show-1{padding:0 0 40px;}
	.show-1 .bt{font-size: 20px;}
	.show-1 .z-2{font-size: 18px;margin-bottom:30px;}
	.show-1 .fenye{margin: 30px 0;text-align: left;}
	.show-1 .fenye .c{display: none;}
	.show-1 .fenye .l{width: 100%;float: none;display: block;}
	.show-1 .fenye .r{width: 100%;float: none;display: block;}
	
}
@media only screen and (max-width:640px) {
	.show-1{padding:0 0 20px;}
	.show-1 .fenye{margin: 20px 0;font-size: 16px;}
	.show-1 .t{font-size: 14px;line-height: 1.8;}
}


.show-2{padding: 80px 0 100px;}
.show-2 img{margin: 20px auto;}
.show-2 .z-1{font-size: 14px;color: #e2001a;}
.show-2 .z-2{font-size: 30px;color: #010000;margin: 20px 0;}
.show-2 .z-3{font-size: 16px;color: #808080;margin: 20px 0;}
.show-2 .z-5{font-size: 16px;color: #707070;margin: 20px 0 30px;}
.show-2 .fenye{text-align: right;color: #636363; font-size: 18px;margin: 60px 0;width: 100%;overflow: hidden;}
.show-2 .fenye a{display:inline-block;margin-left:40px ;}
@media only screen and (max-width:1280px) {
	.show-2{padding: 60px 0 80px;}
	.show-2 .z-2{font-size:24px;}
	.show-2 .fenye{margin: 50px 0;}
}
@media only screen and (max-width:980px) {
	.show-2{padding: 40px 0 60px;}
	.show-2 .z-2{font-size: 20px;margin-bottom:40px;}
	.show-2 .fenye{margin: 40px 0;}
}
@media only screen and (max-width:768px) {
	.show-2{padding: 20px 0 40px;}
	.show-2 .z-2{font-size: 18px;margin-bottom:20px;}
	.show-2 .z-3{font-size: 14px;}
	.show-2 .z-5{font-size: 14px;}
	.show-2 .fenye{margin: 30px 0;text-align: left;}
	.show-2 .fenye .c{display: none;}
	.show-2 .fenye .l{width: 100%;float: none;display: block;}
	.show-2 .fenye .r{width: 100%;float: none;display: block;}
}
@media only screen and (max-width:640px) {
	.show-2 .fenye{margin: 20px 0;font-size: 16px;}
}
.fenxiang{line-height: 30px;font-size: 0;height: 30px;float: right;overflow: hidden;margin: 30px 0;}
.fenxiang .l{font-size: 14px;}
.fenxiang img{display: inline-block;margin:5px;width: 20px;}

.about{padding:100px 0 100px;overflow: hidden;}
.about .z-1{font-size: 36px;color: #555;line-height: 1.7;}
.about .z-2{font-size: 30px;color: #999;margin-bottom:40px;line-height: 1.7;}
.about .z-3{color: #888;overflow: hidden;}
.about .z-3 li{margin:20px 40px;float: left;font-size: 14px;}
.about .boxs-1{margin: 70px 0;overflow: hidden;width: 100%;}
.about .boxs-1 .box{float: left;box-sizing: border-box;transition: 0.3s;position: relative;overflow: hidden;}

.about .boxs-1 .box:nth-child(1){padding: 15% 33.1%;margin-right:0.6%;margin-bottom:0.6%;}
.about .boxs-1 .box:nth-child(2){padding: 15% 16.4%;margin-bottom:0.6%;}
.about .boxs-1 .box:nth-child(3){padding: 10% 16.4%;margin-right:0.6%;}
.about .boxs-1 .box:nth-child(4){padding: 10% 16.4%;margin-right: 0.6%;}
.about .boxs-1 .box:nth-child(5){padding: 10% 16.4%;}
.about .boxs-1 .box img{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;transition: 0.3s;}

.about .boxs-1 .box:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.about .z-4{text-align: center;font-size: 36px;color: #444;margin: 190px auto 50px;}
.about .boxs-2{text-align: center;overflow: hidden;margin-bottom:190px ;}
.about .boxs-2 .box{width: 26%;float: left;padding-right:7%;margin-right:4%;background: url(../Images/jt-right.png) no-repeat right 10px;}
.about .boxs-2 .box:last-child{padding-right: 0;margin-right: 0;}
.about .boxs-2 .b-1{font-size:24px;color: #fff;background: #313131;border-radius:10px;padding:10px 0;}
.about .boxs-2 .b-2{font-size: 16px;color: #020000;margin:20px 0;}
.about .boxs-2 .b-3{border: 1px solid #bfbfbf;border-radius:10px ;color: #888;font-size: 14px;line-height: 28px;padding: 20px;margin:30px 0;}
.about .boxs-2 .b-4{color:#444;font-size: 24px;padding-top:30px;background: url(../Images/jt-bottom.png) no-repeat top;}
.about .z-5{overflow: hidden;margin:100px 0;}
.about .z-5 .l{font-size: 14px;color: #666;width: 48%;}
.about .z-5 .r{font-size: 24px;color: #666;line-height: 1.8;width: 48%;text-align: right;}
.about .boxs-3{margin: -20px 0;}
.about .boxs-3 li{border-radius:10px;overflow: hidden;margin: 20px;}
.about .boxs-3 li .img-box{overflow: hidden;}
.about .boxs-3 li .img-box img{display: block;width: 100%;height: 100%;transition:all 0.3s; -webkit-transition:all 0.3s;border-radius:10px 10px 0 0 ;}
.about .boxs-3 li .txt-box{text-align: center;color: #fff;padding: 10px;font-size: 14px;line-height: 1.6;}
.about .boxs-3 li .txt-box .bt{font-size: 18px;}
.about .boxs-3 li:nth-child(1) .txt-box{background: #de3e4a;}
.about .boxs-3 li:nth-child(2) .txt-box{background: #ea69a0;}
.about .boxs-3 li:nth-child(3) .txt-box{background: #00b9e9;}
.about .boxs-3 li:nth-child(4) .txt-box{background: #60bf0d;}
.about .boxs-3 li:nth-child(5) .txt-box{background: #0dadd7;}
.about .boxs-3 li:hover{border-radius:10px;overflow: hidden;}
.about .boxs-3 li:hover .img-box img{-webkit-transform:scale(1.1);-transform:scale(1.1);-moz-transform:scale(1.1);}
.about .z-6{margin: 190px 0;font-size: 24px;text-align: center;color: #888;}
.about .z-6 .bt{font-size: 36px;color: #555;}
@media only screen and (max-width:1280px) {
	.about{padding: 80px 0 80px;}
	.about .z-1{font-size: 30px;}
	.about .z-2{font-size: 24px;margin-bottom:30px;}
	.about .boxs-1{margin: 50px 0;}
	.about .z-4{margin: 140px auto 30px;font-size: 30px;}
	.about .boxs-2{margin-bottom:140px;}
	.about .boxs-2 .b-1{font-size: 20px;}
	.about .boxs-2 .b-4{font-size: 20px;}
	.about .z-5{margin:70px 0;}
	.about .z-6{margin: 160px 0;font-size: 20px;}
	.about .z-6 .bt{font-size: 30px;}

}
@media only screen and (max-width:1024px) {
	.about .boxs-2 .box{background: none; padding: 0;width:80%;margin:20px auto !important;float: none}	
}
@media only screen and (max-width:980px) {
	.about{padding: 50px 0 60px;}
	.about .z-1{font-size: 24px;}
	.about .z-2{font-size: 20px;margin-bottom:20px;}
	.about .boxs-1{margin: 30px 0;}
	.about .z-4{margin: 100px auto 40px;font-size: 24px;}
	.about .boxs-2{margin-bottom:100px;}
	.about .boxs-3{margin: -10px 0;}
	.about .boxs-3 li{border-radius:5px;margin: 10px;}
	.about .z-5{margin:50px 0;}
	.about .z-5 .r{font-size: 20px;}
	.about .z-6{margin: 100px 0;font-size: 18px;}
	.about .z-6 .bt{font-size: 24px;}
}
@media only screen and (max-width:768px) {
	.about{padding: 30px 0 40px;}
	.about .z-1{font-size: 20px;}
	.about .z-2{font-size: 18px;margin-bottom:0px;}
	.about .z-3 li{margin:10px 20px;}
	.about .z-4{margin: 60px auto 30px;}
	.about .z-5{margin: 20px auto;}
	.about .boxs-2 .b-1{font-size: 18px;}
	.about .boxs-2 .b-4{font-size: 18px;}
	.about .boxs-2{margin-bottom:60px;}
	.about .z-5 .l{font-size: 14px;width: 100%;}
	.about .z-5 .r{font-size: 16px;width: 100%;text-align: left;margin-top: 20px;}
	.about .z-6{margin: 60px 0;font-size: 16px;}
	.about .z-6 .bt{font-size: 20px;}

}
@media only screen and (max-width:640px) {
	.about .z-4{margin: 40px auto 20px;}
	.about .boxs-2{margin-bottom:40px;}
	.about .boxs-2 .box{width:100%;}	
	.about .z-6{margin: 30px 0;font-size: 14px;}
	.about .z-6 .bt{font-size: 18px;}
	.about .boxs-3{margin: -5px 0;}
	.about .boxs-3 li{margin:5px;}
	
}
.case{width: 100%;}

.case .filters{background:#fff;box-sizing: border-box;width: 100%;overflow: hidden;}
.case .filters .box{width:100%;padding:20px 0;padding-left:78px;box-sizing:border-box;position: relative;}
.case .filters button:first-child{position: absolute;left: 0;}
.case .filters button{margin:7px 0;border: 0;border-bottom:1px solid rgba(0,0,0,0);background: none;line-height:1.4;font-size: 18px;color: #898989;margin-right:50px;cursor: pointer;transition:0.3s;box-sizing: border-box;}
.case .filters button:last-child{margin-right: 0;}
.case .filters button.cur{border-bottom: 1px solid #fff;color: #000;}
.case .grid .element-item{width: 33.3%;overflow: hidden;}
.case .grid .element-item:nth-child(3n){box-sizing: border-box;}
.case .grid .element-item .img-box{overflow: hidden;position: relative;}
.case .grid .element-item .img-box:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: 0.2s;}
.case .grid .element-item .img-box img{width:100%;height: 100%;transition:all 0.4s}
.case .grid .element-item .txt-box{width: 100%;background:#fff;transition: 0.2s;}
.case .grid .element-item .txt-box dl{padding:9% 5.5%;width: 100%;box-sizing: border-box;}
.case .grid .element-item .txt-box dl dt{font-size: 30px;color: #434343;margin-bottom: 10px;line-height:40px;height: 40px;overflow: hidden;}
.case .grid .element-item .txt-box dl dd{font-size: 16px;color: #434343;line-height: 25px;height:25px;overflow: hidden;}

@media only screen and (min-width:769px) {
	.case .grid .element-item:hover .txt-box{background:#e2001a;}
	.case .grid .element-item:hover .img-box:after{background:rgba(255,255,255,0.3);}
	.case .grid .element-item .img-box:hover:after{background:rgba(0,0,0,0.3);}
	.case .grid .element-item:hover .txt-box dl dt{transition:0.3s;color: #fff;}
	.case .grid .element-item:hover .txt-box dl dd{transition:0.3s;color: #fff;}
	.case .grid .element-item:hover .img-box img{-webkit-transform:scale(1.1);transform:scale(1.1);}
}
@media only screen and (max-width:1280px) {
	.case{width: 100%;}
	.case .grid .element-item .txt-box dl dt{font-size: 24px;line-height: 25px;height: 25px;margin-bottom: 15px;}
	.case .grid .element-item .txt-box dl dd{font-size: 14px;line-height: 20px;height: 20px;}
}
@media only screen and (max-width:980px) {
	.case{width: 100%;}
	.case .grid .element-item .txt-box dl dt{font-size: 20px;margin-bottom: 10px;}
	.case .grid .element-item .txt-box dl dd{font-size: 12px;}
}
@media only screen and (max-width:768px) {
	.case{width: 100%;}
	.case .filters .box{padding-left: 48px;}
	.case .filters button{margin-right: 20px;font-size: 16px;}
	.case .grid .element-item{width: 50% !important;padding: 0 !important;}
}
@media only screen and (max-width:512px) {
	.case .grid .element-item{width: 100% !important;}
}
@media only screen and (max-width:480px) {
	.case{}
	.case .filters button{font-size: 14px;}
}
.contact{padding: 80px 0 100px;overflow: hidden;}
.contact .l{padding-right: 5%;width: 50%;box-sizing: border-box;color: #333;}
.contact .r{padding-left: 5%;width: 50%;box-sizing: border-box;}
.contact .dbt{font-size:24px;margin-bottom: 50px;}
.contact .l .z-2{font-size:24px;}
.contact .l .z-3{font-size:14px;margin-bottom: 50px;}
.contact .l .ewm{margin: 100px 0;overflow: hidden;}
.contact .l .ewm .box{float: left;width: 150px;text-align: center;margin-bottom:20px;margin-right: 60px;}
.contact .l .ewm .box img{display: block;width: 100%;}
.contact .l form{margin-top: 7%;padding-top: 7%;border-top:1px solid #ccc ;}
.contact .l form .box{width: 100%;position: relative;padding-left:70px;padding-right: 20px;box-sizing: border-box;margin: 10px 0;}
.contact .l form .box .bt{position: absolute;left: 0;line-height: 35px;font-size: 16px;width: 60px;text-align-last: justify;}
.contact .l form .box .xing{position: absolute;right: 0;color: red;}
.contact .l form .box input{display: block;border: 1px solid #ccc;width: 100%;line-height:35px;height: 35px;padding: 0 10px;box-sizing: border-box;}
.contact .l form .box textarea{resize: none;border: 1px solid #ccc;width: 100%;line-height:20px;padding:5px 10px;box-sizing: border-box;height: 100px;}
.contact .l form .box input[type="submit"]{width: 60px;font-size: 16px;text-align: center;line-height: 28px;height: 30px;color: #fff;background: #e2001a;border: 0;}
.contact .r{color:#7d7d7d;}
.contact .r .box{margin-bottom: 120px;}
.contact .r .z-1{font-size: 24px;margin-bottom: 50px;}
@media only screen and (max-width:1280px) {
	.contact{padding: 60px 0 80px;}
	.contact .dbt{font-size:20px;margin-bottom:30px;}
	.contact .l .z-2{font-size:20px;}
	.contact .l .z-3{font-size:14px;margin-bottom:30px;}
	.contact .l .ewm{margin: 60px 0;}
	.contact .l .ewm .box{width: 120px;margin-right: 40px;}
	.contact .r .box{margin-bottom: 60px;}
	.contact .r .z-1{font-size: 20px;margin-bottom: 30px;}
}
@media only screen and (max-width:980px) {
	.contact{padding: 40px 0 60px;}
}
@media only screen and (max-width:768px) {
	.contact{padding: 20px 0 40px;}
	.contact .l{padding-right:0;width:100%;margin-bottom: 20px;float: none;overflow: hidden;}
	.contact .l .z-2{font-size:18px;}
	.contact .l .ewm{margin: 40px 0;}
	.contact .r .box{margin-bottom: 40px;}
	.contact .r .z-1{font-size: 18px;margin-bottom: 20px;}
	.contact .r{padding-left:0;width: 100%;float: none;overflow: hidden;}
	.contact .r .box{margin-bottom: 40px;}
}
@media only screen and (max-width:640px) {
	.contact .l .ewm{margin: 20px 0;}
	.contact .l .ewm .box{width: 100px;margin-right: 20px;}
	.contact .r .box{margin-bottom: 20px;}
	
}


.footer-2{background: #000;color: #fff;padding: 80px 0 100px;}
.footer-2 .topbox{position: relative;padding-right: 270px;width: 100%;box-sizing: border-box;}
.footer-2 .ewmbox{overflow: hidden;position: absolute;right: 0;top: 50%;margin-top: -75px;}
.footer-2 .ewmbox .ewm{float: right;width: 120px;margin-left: 15px;text-align:center;line-height: 30px;font-size: 14px;}
.footer-2 .ewmbox .ewm img{display: block;width: 100%;}
.footer-2 .box-1{font-size: 30px;line-height: 1.4;}
.footer-2 .box-2{font-size: 16px;margin-top: 40px;}
.footer-2 .box-3{margin-top: 30px;}
.footer-2 .box-3 a{display: inline-block;margin:0 10px 0 0;}
@media only screen and (max-width:1280px) {
	.footer-2{padding: 60px 0 80px;}
	.footer-2 .topbox{padding-right: 230px;}
	.footer-2 .ewmbox{margin-top: -65px;}
	.footer-2 .ewmbox .ewm{width: 100px;font-size: 12px;}
	.footer-2 .box-1{font-size: 24px;}
	.footer-2 .box-2{font-size: 14px;margin-top: 30px;}
	.footer-2 .box-3{margin-top: 20px;}
}
@media only screen and (max-width:980px) {
	.footer-2{padding: 40px 0 60px;}
	.footer-2 .box-1{font-size: 20px;}
	.footer-2 .box-2{margin-top: 20px;}
	.footer-2 .box-3{margin-top: 15px;}
}
@media only screen and (max-width:640px) {
	.footer-2{padding: 20px 0 30px;}
	.footer-2 .topbox{padding-right:0px;}
	.footer-2 .ewmbox{position: initial;margin: 0;margin-top: 20px;}
	.footer-2 .ewmbox .ewm{float: left;margin-left: 0;margin-right: 15px;} 
	.footer-2 .box-1{font-size: 18px;}
	.footer-2 .box-2{margin-top: 15px;}
}
@media only screen and (max-width:480px) {
	.footer-2{padding: 20px 0;}
	.footer-2 .box-1{font-size: 16px;}
	.footer-2 .box-2{margin-top: 10px;}
	.footer-2 .box-3{margin-top: 5px;}
}
.footer-3{background:#f3f3f3;overflow: hidden;padding: 4% 0;margin-top: 4%;}

.footer{background: #333;color:#898989;padding-top: 70px;overflow: hidden;line-height:26px;width: 100%;}
.footer .y-wrap-2{overflow: hidden;}
.footer .box-1{text-align: center;width:9%;float: left;margin-right: 1%;}
.footer .box-1 .bt{font-size: 18px;border-bottom: 1px solid #898989;padding-bottom: 5px;margin-bottom: 9px;}
.footer .box-1 a{display: block;}
.footer .box-2{float: left;width:23%;margin-left: 1%;}
.footer .box-2 .bt{font-size: 18px;margin-bottom: 15px;}
.footer .box-3{float: left;width:9%;margin-left:2%;}
.footer .box-3 .bt{font-size: 18px;margin-bottom: 15px;}
.footer .box-3 .ewm img{display: block;max-width: 100%;}
.footer .box-4{float: left;width:23%;margin-left: 2%;margin-bottom: 40px;}
.footer .box-4 .bt{font-size: 18px;margin-bottom: 15px;}
.footer .yq{margin: 0 0 5px;}
.footer .yq a{display: inline-block;margin-right:10px;}
.footer .footer-bottom{border-top:1px solid #535353 ;text-align: center;font-size: 18px;padding:10px;}
@media only screen and (max-width:1280px) {
	.footer{padding-top:6%;}
	.footer .box-1{text-align: center;width:12%;float: left;margin-right:1%;overflow: hidden;}
	.footer .box-2{float:left;width:29%;margin-left:2%;}
	.footer .box-3{float:right;width:15%;margin-left:0;}
	.footer .box-4{float:left;width:100%;margin-left:0;margin-top: 20px;}
}
@media only screen and (max-width:940px) {
	.footer .box-1{display: none;}
	.footer .box-2{float:left;width:36%;margin-left:0}
	.footer .box-3{float:left;width:18%;margin-left:4%;}
	.footer .box-4{float:left;width:38%;margin-left:4%;margin-top:0;}
}
@media only screen and (max-width:640px) {
	.footer .box-2{float:left;width:80%;margin-left:0;overflow: hidden;}
	.footer .box-3{float:right;width:18%;margin-left:2%;overflow: hidden;}
	.footer .box-4{float:left;width:100%;margin-left:0;margin-top:20px;overflow: hidden;}
	.footer .yq{display: none;}
}
@media only screen and (max-width:480px) {
	.footer .box-2{float:left;width:70%;margin-left:0;overflow: hidden;}
	.footer .box-3{float:right;width:28%;margin-left:2%;overflow: hidden;}
	.footer .box-4{float:left;width:100%;margin-left:0;margin-top:20px;overflow: hidden;}
}
@media only screen and (max-width:360px) {
	.footer .box-2{float:left;width:100%;margin-left:0;margin-top:20px;overflow: hidden;}
	.footer .box-3{float:right;width:100%;margin-left:0;margin-top:20px;overflow: hidden;}
	.footer .box-4{float:left;width:100%;margin-left:0;margin-top:20px;overflow: hidden;}
	
}

#map{margin-bottom:10%;border: 1px solid #ccc;box-sizing: border-box;}
#map img{max-width: none;}

.y-xj-1{text-align: center;line-height: 1.6;color: #3f3939;padding:4% 0;font-family: "微软雅黑";}
.y-xj-1 .main{max-width: 1100px;margin: auto;}
.y-xj-1 .z-1{font-size:36px;margin:2% 0;letter-spacing: 1px;}
.y-xj-1 .z-2{font-size:70px;letter-spacing:1px;}
.y-xj-1 .z-3{font-size:30px;}
.y-xj-1 .z-4{font-size:18px;margin-top:3%;color: #565656;}
@media only screen and (max-width:1280px) {
	.y-xj-1 .z-1{font-size:24px;}
	.y-xj-1 .z-2{font-size:48px;}
	.y-xj-1 .z-3{font-size:20px;}
	.y-xj-1 .z-4{font-size:14px;}
}
@media only screen and (max-width:768px) {
	.y-xj-1 .z-1{font-size:20px;}
	.y-xj-1 .z-2{font-size:36px;}
	.y-xj-1 .z-3{font-size:16px;}
	.y-xj-1 .z-4{font-size:14px;}
}
@media only screen and (max-width:640px) {
	.y-xj-1 .z-1{font-size:20px;}
	.y-xj-1 .z-2{font-size:30px;}
	.y-xj-1 .z-3{font-size:16px;}
	.y-xj-1 .z-4{font-size:14px;}
}
@media only screen and (max-width:480px) {
	.y-xj-1 .z-1{font-size:18px;}
	.y-xj-1 .z-2{font-size:24px;}
	.y-xj-1 .z-3{font-size:16px;}
	.y-xj-1 .z-4{font-size:14px;}
}
@media only screen and (max-width:360px) {
	.y-xj-1 .z-1{font-size:18px;}
	.y-xj-1 .z-2{font-size:20px;}
	.y-xj-1 .z-3{font-size:16px;}
	.y-xj-1 .z-4{font-size:14px;}
}
.y-xj-2{text-align: center;font-size: 30px;color: #434343;font-family: "微软雅黑";line-height: 1.4;}
@media only screen and (max-width:1280px) {
	.y-xj-2{font-size: 24px;}
}
@media only screen and (max-width:980px) {
	.y-xj-2{font-size: 20px;}
}
@media only screen and (max-width:768px) {
	.y-xj-2{font-size: 18px;}
}
@media only screen and (max-width:640px) {
	.y-xj-2{font-size: 16px;}
}</pre></body></html>