body {color:#333333} a{color:#333333}a:active,a:hover {color:#f1e436}

@media (min-width: 1740px) {.container{ width: 1740px; }}

@font-face {
font-family: 'SourceHanSerifCNHeavy';
src: url(''); 
src: url('') format('embedded-opentype'), 
     url('') format('woff'), 
     url('')  format('truetype'), 
     url('') format('svg'); 
}


.pz_banner{ width: 100%; float: left; position: relative;}
.slide_banner{ width: 100%; line-height: 0; overflow: hidden; text-align: center; position: relative;}
.slide_banner img{ width: 100%; height: 100vh;}
.slide_banner video{ width: 100%; object-fit: fill;}
.slide_banner .slick-dots{ position: absolute; bottom: 36px; z-index: 10; height: 8px; text-align: center;}
.slide_banner .slick-dots li{ vertical-align: top; margin: 0 8px; width: 8px; height: 8px; border-radius: 50%; background: rgba( 255, 255, 255, 0.4);}
.slide_banner .slick-dots li.slick-active{ background: #fff;}
@media screen and (max-width:991px ) {
.pz_banner{ margin-top: 46px;}
.slide_banner img{ height: auto;}
.slide_banner .slick-dots{ bottom: 15px;}
.slide_banner .slick-dots li{ margin: 0 5px;}
}


.homeCon1{ margin: 141px 0 151px 0; width: 100%; float: left;}
.homeCon1 .pic{ padding: 0 0 15px 15px; width: 46.47%; float: left; background: url(404.png) no-repeat bottom left; background-size: cover;}
.homeCon1 .img{ width: 100%; line-height: 0;}
.homeCon1 .text{ width: 48.82%; float: right;}
.homeCon1 .text .bt{ font-size: 38px; color: #040403; font-family: 'SourceHanSerifCNHeavy';}
.homeCon1 .text .line{ margin: 30px 0 20px 0; width: 54px; height: 2px; background: #f1e436;}
.homeCon1 .text .info{ font-size: 18px; line-height: 35px; height: 400px; letter-spacing: 2px; text-align: justify; color: #333;}
.homeCon1 .text .more{ margin-top: 35px; display: block; padding-left: 35px; width: 180px; height: 48px; line-height: 46px; font-size: 15px; background: url(../image/home1_3.png) no-repeat 106px center; background-size: 41px 15px; border: 1px solid #d6d6d6; color: #333;}
.homeCon1 .text .more:hover{ background: #040403 url(../image/home1_3_1.png) no-repeat 106px center; background-size: 41px 15px; border: 1px solid  #040403; color: #fff;}
@media screen and (max-width:1739px ) {
.homeCon1 .text .info{ height: 150px;}
}
@media screen and (max-width:1199px ) {
.homeCon1 .text .info{ height: 90px;}
}
@media screen and (max-width:991px ) {
.homeCon1{ margin: 20px 0 20px 0;}
.homeCon1 .pic{ padding: 0 0 10px 10px;}
.homeCon1 .text .bt{ font-size: 18px;}
.homeCon1 .text .line{ margin: 15px 0 10px 0;}
.homeCon1 .text .info{ font-size: 14px; line-height: 24px; height: 120px;}
.homeCon1 .text .more{ margin-top: 10px; padding-left: 15px; width: 120px; height: 38px; line-height: 36px; font-size: 14px; background: url(../image/home1_3.png) no-repeat 80px center; background-size: 20px 8px;}
.homeCon1 .text .more:hover{ background: #040403 url(../image/home1_3_1.png) no-repeat 80px center; background-size: 20px 8px;}
}
@media screen and (max-width:767px ) {
.homeCon1 .pic{ width: 100%; padding: 0 0 5px 5px;} 
.homeCon1 .text{ margin-top: 15px; width: 100%;} 
}


.homeCon2{ height: 912px; width: 100%; float: left; position: relative;}
.homeCon2 .text{ width: 28%; padding: 270px 0 300px 0;}
.homeCon2 .text .tit{ font-size: 38px; color: #040403; font-family: 'SourceHanSerifCNHeavy';}
.homeCon2 .text .line{ margin: 30px 0 20px 0; width: 54px; height: 2px; background: #f1e436;}
.homeCon2 .text .info{ font-size: 16px; line-height: 30px; height: 180px; overflow: hidden; color: #333;}
.homeCon2 .text .more{ margin-top: 40px; display: block; padding-left: 35px; width: 180px; height: 48px; line-height: 46px; font-size: 15px; background: #f1e436 url(../image/home1_3.png) no-repeat 106px center; background-size: 41px 15px; color: #333;}
.homeCon2 .text .more:hover{ background: #040403 url(../image/home1_3_1.png) no-repeat 106px center; background-size: 41px 15px; color: #fff;}
.homeCon2 .right{ width: 66.66%; position: absolute; top: 0; right: 0;}
.homeCon2 .l1{ height: 456px; padding: 86px 0; width: 33.3%; float: left; text-align: center; background: #f7f7f7;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.homeCon2 .l1 .ico{ width: 106px; height: 106px; margin: 0 auto;}
.homeCon2 .l1 .zw{ margin: 10px 0 20px 0; font-size: 24px; font-weight: bold; color: #333; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.homeCon2 .l1 .line{ margin: 0 auto; width: 48px; height: 2px; background: #333;}
.homeCon2 .l1 .yw{ margin: 10px 0 15px 0; font-size: 15px; line-height: 20px; color: #333; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.homeCon2 .l1 .info{ margin-bottom: 20px; font-size: 16px; line-height: 28px; height: 0; color: #333; overflow: hidden; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.homeCon2 .l1 .more{ margin: 0 auto; display: block; padding-left: 35px; width: 180px; height: 46px; line-height: 46px; font-size: 15px; text-align: left; background: url(../image/home1_3.png) no-repeat 106px center; background-size: 41px 15px; border: 1px solid #d6d6d6; color: #333;}
.homeCon2 .l1:hover{ padding: 58px 0;}
.homeCon2 .l1:hover .info{ height: 56px;}
.homeCon2 .l1:nth-child(2n){ background: #191918;}
.homeCon2 .l1:nth-child(2n) .zw{ color: #fff;}
.homeCon2 .l1:nth-child(2n) .yw{ color: #fff;}
.homeCon2 .l1:nth-child(2n) .info{ color: #fff;}
.homeCon2 .l1:nth-child(2n) .more{ color: #fff; background: url(../image/home1_3_1.png) no-repeat 106px center; background-size: 41px 15px;}
.homeCon2 .u2 .l1{ background: #191918;}
.homeCon2 .u2 .l1 .zw{ color: #fff;}
.homeCon2 .u2 .l1 .yw{ color: #fff;}
.homeCon2 .u2 .l1 .info{ color: #fff;}
.homeCon2 .u2 .l1 .more{ color: #fff; background: url(../image/home1_3_1.png) no-repeat 106px center; background-size: 41px 15px;}
.homeCon2 .u2 .l1:nth-child(2n){ background: #f7f7f7;}
.homeCon2 .u2 .l1:nth-child(2n) .zw{ color: #333;}
.homeCon2 .u2 .l1:nth-child(2n) .yw{ color: #333;}
.homeCon2 .u2 .l1:nth-child(2n) .info{ color: #333;}
.homeCon2 .u2 .l1:nth-child(2n) .more{ color: #333; background: url(../image/home1_3.png) no-repeat 106px center; background-size: 41px 15px;}
@media screen and (max-width:1739px ) {
.homeCon2{ height: 660px;}
.homeCon2 .text{ width: 24%; padding: 140px 0;}
.homeCon2 .l1{ height: 330px; padding: 42px 0;}
.homeCon2 .l1 .zw{ margin: 0 0 10px 0;}
.homeCon2 .l1 .yw{ margin: 10px 0 10px 0;}
.homeCon2 .l1 .info{ margin-bottom: 10px;}
.homeCon2 .l1:hover{ padding: 14px 0;}
}
@media screen and (max-width:991px ) {
.homeCon2{ height: 498px;}
.homeCon2 .text{ padding: 100px 0 100px 0;}
.homeCon2 .text .tit{ font-size: 18px;}
.homeCon2 .text .line{ margin: 15px 0 10px 0; width: 28px;}
.homeCon2 .text .info{ font-size: 14px; line-height: 24px; height: 160px;}
.homeCon2 .text .more{ margin-top: 15px; padding-left: 15px; width: 120px; height: 38px; line-height: 36px; font-size: 14px; background: #f1e436 url(../image/home1_3.png) no-repeat 80px center; background-size: 20px 8px;}
.homeCon2 .text .more:hover{ background: #040403 url(../image/home1_3_1.png) no-repeat 80px center; background-size: 20px 8px;}
.homeCon2 .l1{ padding: 40px 0; height: 249px;}
.homeCon2 .l1 .ico{ width: 50px; height: 50px;}
.homeCon2 .l1 .zw{ margin: 5px 0 10px 0; font-size: 16px;}
.homeCon2 .l1 .line{ width: 24px;}
.homeCon2 .l1 .yw{ margin: 5px 0 10px 0; font-size: 14px; line-height: 18px;}
.homeCon2 .l1 .info{ margin-bottom: 10px; font-size: 14px; line-height: 20px;}
.homeCon2 .l1 .more{ padding-left: 15px; width: 120px; height: 38px; line-height: 36px; font-size: 14px; background: url(../image/home1_3.png) no-repeat 80px center; background-size: 20px 8px;}
.homeCon2 .l1:hover{ padding: 20px 0;}
.homeCon2 .l1:hover .info{ height: 40px;}
.homeCon2 .l1:nth-child(2n) .more{ background: url(../image/home1_3_1.png) no-repeat 80px center; background-size: 20px 8px;}
.homeCon2 .u2 .l1 .more{ background: url(../image/home1_3_1.png) no-repeat 80px center; background-size: 20px 8px;}
.homeCon2 .u2 .l1:nth-child(2n) .more{ background: url(../image/home1_3.png) no-repeat 80px center; background-size: 20px 8px;}
}
@media screen and (max-width:767px ) {
.homeCon2{ height: auto;}
.homeCon2 .text{ padding: 15px 0; width: 100%;}
.homeCon2 .text .info{ height: auto;}
.homeCon2 .right{ width: 100%; position: static;}
.homeCon2 .l1{ width: 100%; height: auto;}
}


.homeCon3{ padding-top: 50px; position: relative; text-align: center; width: 100%; float: left;
height: -moz-calc(100vh - 60px);
height: -o-calc(100vh - 60px);
height: -webkit-calc(100vh - 60px);
height: calc(100vh - 60px);}
.homeCon3 .bg{ width: 100%; position: absolute; top: 100px; left: 0;
height: -moz-calc(100% - 100px);
height: -o-calc(100% - 100px);
height: -webkit-calc(100% - 100px);
height: calc(100% - 100px);}
.homeCon3 .pos{ position: absolute; width: 100%; left: 0; top: 50%; overflow: hidden;
max-height: -moz-calc(100vh - 60px);
max-height: -o-calc(100vh - 60px);
max-height: -webkit-calc(100vh - 60px);
max-height: calc(100vh - 60px);
-webkit-transform: translate(0, -50%); 
-ms-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);}
.homeCon3 .bt{ font-size: 38px; color: #fff; font-family: 'SourceHanSerifCNHeavy';}
.homeCon3 .info{ margin: 45px 0 85px 0; font-size: 16px; line-height: 30px; max-height: 150px; overflow: hidden; color: #fff;}
.homeCon3 .more{ display: block; width: 78px; height: 78px; border-radius: 50%; margin: 0 auto; background: #c7ba30 url(404.png) no-repeat center; background-size: cover;}
@media screen and (max-width:991px ) {
.homeCon3{ margin-top: 20px; padding: 00; height: auto!important;}
.homeCon3 .bg{ position: static;}
.homeCon3 .pos{ padding: 20px 0; position: static; max-height: none!important;
-webkit-transform: translate(0, 0); 
-ms-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);}
.homeCon3 .bt{ font-size: 18px;}
.homeCon3 .info{ margin: 10px 0 15px 0; font-size: 14px; line-height: 24px;}
.homeCon3 .more{ width: 30px; height: 30px;}
}


.homeCon4{ margin: 100px 0 100px 0; width: 100%; float: left;}
.homeCon4 .tit{ font-size: 38px; text-align: center; color: #040403; font-family: 'SourceHanSerifCNHeavy';}
.homeCon4 .line{ width: 80px; height: 2px; margin: 35px auto 25px auto; background: #f1e436;}
.homeCon4 .nr{ font-size: 16px; line-height: 30px; width: 56.5%; margin: 0 auto 80px auto; text-align: center; color: #333;}
.homeCon4 .u1{ padding-bottom: 60px; margin: 0 -15px;
width: -moz-calc(100% + 30px);
width: -o-calc(100% + 30px);
width: -webkit-calc(100% + 30px);
width: calc(100% + 30px);}
.homeCon4 .l1{ margin: 0 15px; position: relative;}
.homeCon4 .l1 .img{ width: 100%; padding-bottom: 66.72%; position: relative; overflow: hidden; min-height: 50px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.homeCon4 .l1 .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;}
.homeCon4 .l1:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.homeCon4 .l1 .text{ width: 100%; position: absolute; bottom: 0; left: 0; background: rgba( 0, 0, 0, 0.4);
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.homeCon4 .l1 .text .over{ width: 100%; height: 50px; line-height: 50px; padding: 0 90px 0 30px;}
.homeCon4 .l1 .text .over .bt{ font-size: 18px; color: #fff; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.homeCon4 .l1 .text .over .more{ font-size: 15px; color: #fff; position: absolute; top: 0; right: 35px; padding-right: 15px; background: url(404.png) no-repeat right center;}
.homeCon4 .l1 .text .info{ display: none;}
.homeCon4 .l1:hover .text{ padding: 10px 0 20px 0;}
.homeCon4 .l1:hover .text .over .bt{ color: #c7ba30; font-weight: bold;}
.homeCon4 .l1:hover .text .over .more{ margin: 22px 0; width: 70px; height: 26px; line-height: 26px; border-radius: 26px; color: #333; padding-left: 14px; background: #c7ba30 url(404.png) no-repeat 52px center;}
.homeCon4 .l1:hover .text .info{ display: block; padding: 0 35px; font-size: 16px; line-height: 28px; height: 56px; overflow: hidden; color: #fff;}
.homeCon4 .slick-dots{ position: absolute; bottom: 0;}
.homeCon4 .slick-dots li{ width: 10px; height: 10px; border: 1px solid #040403; margin: 0 10px; border-radius: 50%; position: relative;}
.homeCon4 .slick-dots li.slick-active{ background: #040403;}
.homeCon4 .slick-dots li.slick-active::before{ content: ""; width: 20px; height: 20px; position: absolute; top: -6px; left: -6px; border: 1px solid #040403; border-radius: 50%;}
@media screen and (max-width:991px ) {
.homeCon4{ margin: 20px 0 20px 0;}
.homeCon4 .tit{ font-size: 18px;}
.homeCon4 .line{ width: 40px; height: 2px; margin: 10px auto 15px auto;}
.homeCon4 .nr{ font-size: 14px; line-height: 24px; width: 90%; margin: 0 auto 20px auto;}
.homeCon4 .u1{ padding-bottom: 30px; margin: 0 -5px;
width: -moz-calc(100% + 10px);
width: -o-calc(100% + 10px);
width: -webkit-calc(100% + 10px);
width: calc(100% + 10px);}
.homeCon4 .l1{ margin: 0 5px;}
.homeCon4 .l1 .text .over{ height: 30px; line-height: 30px; padding: 0 40px 0 5px;}
.homeCon4 .l1 .text .over .bt{ font-size: 14px;}
.homeCon4 .l1 .text .over .more{ font-size: 12px; right: 5px; padding-right: 10px;}
.homeCon4 .l1:hover .text{ padding: 5px 0 5px 0;}
.homeCon4 .l1:hover .text .over .more{ margin: 10px 0; width: 50px; height: 20px; line-height: 20px; padding-left: 10px; background: #c7ba30 url(404.png) no-repeat 35px center;}
.homeCon4 .l1:hover .text .info{ padding: 0 5px; font-size: 14px; line-height: 20px; height: 40px;}
.homeCon4 .slick-dots li{ width: 5px; height: 5px; margin: 0 10px;}
.homeCon4 .slick-dots li.slick-active::before{ width: 13px; height: 13px; top: -5px; left: -5px;}
}


.homeCon5{ width: 100%; float: left; background: #f0f0f0;}
.homeCon5 .slideGroup{ padding: 160px 0 130px 0; position: relative;}
.homeCon5 .tit{ margin-bottom: 80px;}
.homeCon5 .tit .span1{ display: inline-block; width: 10px; height: 56px; background: #f1e436;}
.homeCon5 .tit .span2{ margin-left: -10px; font-size: 38px; color: #040403; font-family: 'SourceHanSerifCNHeavy';}
.homeCon5 .bg{ padding: 160px 0 105px 0; width: 500px; background: #fff; position: absolute; top: 0; right: 0;}
.homeCon5 .t1{ font-size: 24px; margin-bottom: 20px; color: #040403;}
.homeCon5 .t1::before{ content: ""; display: inline-block; margin: 8px 25px 8px 0; width: 210px; height: 1px; background: #e5e5e5;}
.homeCon5 .parHd{ padding-left: 50px; text-align: center;}
.homeCon5 .parHd .l1{ font-size: 18px; line-height: 74px; height: 74px; overflow: hidden; color: #333;}
.homeCon5 .parHd .l1:hover,.homeCon5 .parHd .l1.on{ text-decoration: underline; font-weight: bold; color: #f1e436;}
.homeCon5 .slideBox{ padding-right: 380px;}
.homeCon5 .slideBox .u1{ margin: 0 -30px;
width: -moz-calc(100% + 60px);
width: -o-calc(100% + 60px);
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);}
.homeCon5 .slideBox .l1{ margin: 0 30px;} 
.homeCon5 .slideBox .l1 .img{ width: 100%; padding-bottom: 66.5%; position: relative; overflow: hidden; min-height: 50px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.homeCon5 .slideBox .l1 .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.homeCon5 .slideBox .l1:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.homeCon5 .slideBox .l1 .date{ margin: 25px 0 10px 0; font-size: 15px; color: #333; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.homeCon5 .slideBox .l1 .bt{ font-size: 18px; color: #040403; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.homeCon5 .slideBox .l1 .info{ margin: 25px 0 30px 0; font-size: 15px; line-height: 30px; height: 60px; overflow: hidden; color: #333;}
.homeCon5 .slideBox .l1 .line{ width: 0; height: 4px; background: #f1e436;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.homeCon5 .slideBox .l1:hover .line{ width: 100%;}
.homeCon5 .slick-prev,.homeCon5 .slick-next{ width: 64px; height: 64px; position: absolute; right: -110px; bottom: 40px; top: auto; left: auto;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);}
.homeCon5 .slick-prev{ background: #7a7a79 url(404.png) no-repeat center; background-size: cover;}
.homeCon5 .slick-prev:hover{ background: #040403 url(404.png) no-repeat center; background-size: cover;}
.homeCon5 .slick-next{ right: -200px; background: #7a7a79 url(404.png) no-repeat center; background-size: cover;}
.homeCon5 .slick-next:hover{ background: #040403 url(404.png) no-repeat center; background-size: cover;}
@media screen and (max-width:1739px ) {
.homeCon5 .bg{ padding: 95px 0 70px 0;}
}
@media screen and (max-width:1199px ) {
.homeCon5 .bg{ padding: 50px 0 35px 0;}
.homeCon5 .slideBox .u1{ margin: 0 -15px;
width: -moz-calc(100% + 30px);
width: -o-calc(100% + 30px);
width: -webkit-calc(100% + 30px);
width: calc(100% + 30px);}
.homeCon5 .slideBox .l1{ margin: 0 15px;} 
}
@media screen and (max-width:991px ) {
.homeCon5 .slideGroup{ padding: 40px 0 40px 0;}
.homeCon5 .tit{ margin-bottom: 20px;}
.homeCon5 .tit .span1{ width: 5px; height: 26px;}
.homeCon5 .tit .span2{ margin-left: -5px; font-size: 18px;}
.homeCon5 .bg{ padding: 40px 0 25px 0; width: 180px;}
.homeCon5 .t1{ font-size: 18px; margin-bottom: 20px;}
.homeCon5 .t1::before{ margin: 8px 15px 8px 0; width: 50px;}
.homeCon5 .parHd{ padding-left: 10px;}
.homeCon5 .parHd .l1{ font-size: 14px; line-height: 30px; height: 30px;}
.homeCon5 .slideBox{ padding-right: 160px;}
.homeCon5 .slideBox .l1 .date{ margin: 15px 0 10px 0; font-size: 14px;}
.homeCon5 .slideBox .l1 .bt{ font-size: 16px;}
.homeCon5 .slideBox .l1 .info{ margin: 10px 0 15px 0; font-size: 14px; line-height: 24px; height: 48px;}
.homeCon5 .slick-prev,.homeCon5 .slick-next{ width: 26px; height: 26px; right: -60px;}
.homeCon5 .slick-next{ right: -100px;}
}


.zy_banner{ line-height: 0; margin-bottom: 100px;}

    .zy_banner img {
        height: auto;
    }
@media screen and (max-width:991px ) {
.zy_banner{ margin-bottom: 20px;}  
.zy_banner img{ height: auto;}
}


.subNav{ width: 100%; float: left;}
.subNav .link{ margin-bottom: 35px; font-size: 0; text-align: center;}
.subNav .link .a{ font-size: 18px; height: 40px; line-height: 40px; padding: 0 40px;border:1px solid #d6d6d6; border-radius: 40px; color: #333; display: inline-block;margin-left:5px;}
.subNav .link .a.on,.subNav .link .a:hover{ background: #f1e436;border:1px solid #f1e436;}
@media screen and (max-width:1739px ) {
.subNav .link .a{ padding: 0 30px;}    
}
@media screen and (max-width:1199px ) {
.subNav .link .a{ padding: 0 20px;}    
}
@media screen and (max-width:991px ) {
.subNav .link{ margin-bottom: 15px;}
.subNav .link .a{ font-size: 14px; height: 30px; line-height: 30px; padding: 0 15px;}
}
@media screen and (max-width:767px ) {
.subNav .link .a{ padding: 0 10px;}    
}


.aboutCon1{ width: 100%; float: left;}
.aboutCon1 .text{ width: 42.7%; float: left;}
.aboutCon1 .text .bt{ font-size: 38px; line-height: 44px; font-family: 'SourceHanSerifCNHeavy'; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #040403;}
.aboutCon1 .text .info{ padding-left: 40px; direction: rtl; margin: 60px 0 0 0; font-size: 16px; line-height: 30px; overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 420px; color: #333;}
.aboutCon1 .text .info .nr{ direction: ltr;}
.aboutCon1 .text .info::-webkit-scrollbar{ width: 2px;}
.aboutCon1 .text .info::-webkit-scrollbar-track{ background-color: #e5e5e5;}
.aboutCon1 .text .info::-webkit-scrollbar-thumb{ width: 2px; height: 20px; background-color: #040403;}
.aboutCon1 .img{ width: 52.5%; float: right;}
@media screen and (max-width:1739px ) {
.aboutCon1 .text .info{ max-height: 270px;}
}
@media screen and (max-width:1199px ) {
.aboutCon1 .text .info{ max-height: 210px;}
}
@media screen and (max-width:991px ) {
.aboutCon1 .text .bt{ font-size: 18px; line-height: 22px;}
.aboutCon1 .text .info{ padding-left: 20px; margin: 15px 0 0 0; font-size: 14px; line-height: 20px; max-height: 180px;}
}
@media screen and (max-width:767px ) {
.aboutCon1 .text{ width: 100%;}
.aboutCon1 .img{ width: 100%; margin-top: 15px;}
}


.aboutCon2{ margin: 100px 0 110px 0; padding: 120px 0 110px 0; width: 100%; float: left;}
.aboutCon2 .l1{ width: 16.6%; float: left;}
.aboutCon2 .l1 .img{ width: 106px; height: 106px; margin: 0 auto; border-radius: 50%; border: 2px solid #fff; -webkit-transition: all 800ms ease; transition: all 800ms ease;}
.aboutCon2 .l1 .wz{ margin-top: 20px; font-size: 16px; height: 22px; line-height: 22px; color: #fff; text-align: center; -webkit-transition: all 800ms ease; transition: all 800ms ease;}
.aboutCon2 .l1:hover .img{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
.aboutCon2 .l1:hover .wz{ transform: translateY(-10px);}
@media screen and (max-width:991px ) {
.aboutCon2{ margin: 20px 0 20px 0; padding: 20px 0 20px 0;}
.aboutCon2 .l1 .img{ width: 80px; height: 80px;}
.aboutCon2 .l1 .wz{ margin-top: 10px; font-size: 14px; height: 18px; line-height: 18px;}
.aboutCon2 .l1:hover .wz{ transform: translateY(-5px);}
}
@media screen and (max-width:767px ) {
.aboutCon2 .u1{ width: 100%; float: left; margin: -10px 0;}
.aboutCon2 .l1{ width: 33.3%; margin: 10px 0;}
.aboutCon2 .l1 .img{ width: 40px; height: 40px;}  
.aboutCon2 .l1 .wz{ margin-top: 10px; font-size: 12px;}  
}


.aboutCon3{ width: 100%; float: left;}
.aboutCon3 .tit{ font-size: 38px; text-align: center; color: #040403; font-family: 'SourceHanSerifCNHeavy';}
    .aboutCon3 .des {
        width: 100%;
        text-align: center;
        margin-bottom: 65px;
        font-size: 28px;
        font-family: SimHei;
    }
.aboutCon3 .line{ width: 80px; height: 2px; margin: 30px auto 65px auto; background: #f1e436;}
.aboutCon3 .u1{ width: 102%; margin: 0 -1%; float: left;}
.aboutCon3 .l1{ width: 31.3%; padding-left: 65px; margin: 0 1%; float: left; position: relative;}
.aboutCon3 .l1 .img{ position: absolute; left: 0; top: 50%; margin-top: -61px; width: 122px; height: 122px; border-radius: 50%; overflow: hidden;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.aboutCon3 .l1:hover .img{ transform: rotateY(180deg);}
.aboutCon3 .l1 .text{ width: 100%; height: 180px; position: relative; border: 1px solid #e5e5e5;}
.aboutCon3 .l1 .pos{ max-height: 180px; width: 100%; padding: 0 45px 0 115px; overflow: hidden; position: absolute; top: 50%; left: 50%;
-webkit-transform: translate(-50%,-50%); 
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);}
.aboutCon3 .l1 .bt{ margin-bottom: 15px; font-size: 22px; line-height: 28px; height: 28px; overflow: hidden; font-weight: bold; color: #040403;}
.aboutCon3 .l1 .info{ font-size: 14px; line-height: 20px; max-height: 60px; overflow: hidden; color: #333;}
@media screen and (max-width:771px ) {
    .aboutCon3 .des {
        display:none;
    }
}
    @media screen and (max-width:991px ) {
        .aboutCon3 .tit {
            font-size: 18px;
        }

        .aboutCon3 .des {
            width: 100%;
            font-size: 16px;
            text-align: center;
        }

        .aboutCon3 .line {
            width: 40px;
            height: 2px;
            margin: 10px auto 15px auto;
        }

        .aboutCon3 .l1 {
            padding-left: 35px;
        }

            .aboutCon3 .l1 .img {
                margin-top: -35px;
                width: 70px;
                height: 70px;
            }

            .aboutCon3 .l1 .text {
                height: 100px;
            }

            .aboutCon3 .l1 .pos {
                max-height: 100px;
                padding: 0 10px 0 45px;
            }

            .aboutCon3 .l1 .bt {
                margin-bottom: 5px;
                font-size: 16px;
                line-height: 20px;
                height: 20px;
            }

            .aboutCon3 .l1 .info {
                font-size: 14px;
                line-height: 20px;
                max-height: 40px;
            }
    }

    @media screen and (max-width:767px ) {
        .aboutCon3 .u1 {
            width: 100%;
            margin: -5px 0;
        }

        .aboutCon3 .l1 {
            width: 100%;
            margin: 5px 0;
        }
    }

    
    .aboutCon4 {
        padding: 120px 0 50px 0;
        margin: 130px 0 120px 0;
        width: 100%;
        float: left;
    }

        .aboutCon4 .tit {
            font-size: 38px;
            text-align: center;
            color: #fff;
            font-family: 'SourceHanSerifCNHeavy';
        }

        .aboutCon4 .line {
            width: 80px;
            height: 2px;
            margin: 30px auto 65px auto;
            background: #f1e436;
        }

        .aboutCon4 .video {
            width: 62%;
            position: relative;
            margin: 0 19%;
        }

            .aboutCon4 .video video {
                width: 100%;
                object-fit: fill;
            }

        .aboutCon4 .ico {
            width: 78px;
            height: 78px;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            background: url(404.png) no-repeat center;
            background-size: cover;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

    @media screen and (max-width:1739px ) {
        .aboutCon4 {
            padding: 75px 0 30px 0;
        }
    }

    @media screen and (max-width:991px ) {
        .aboutCon4 {
            padding: 20px 0 20px 0;
            margin: 20px 0 20px 0;
        }

            .aboutCon4 .tit {
                font-size: 18px;
            }

            .aboutCon4 .line {
                width: 40px;
                height: 2px;
                margin: 10px auto 15px auto;
            }

            .aboutCon4 .video {
                width: 70%;
                margin: 0 15%;
            }

            .aboutCon4 .ico {
                width: 30px;
                height: 30px;
            }
    }

    @media screen and (max-width:767px ) {
        .aboutCon4 .video {
            width: 100%;
            margin: 0;
        }
    }

    
    .aboutCon5 {
        margin-bottom: 100px;
        width: 100%;
        float: left;
    }

        .aboutCon5 .tit {
            font-size: 38px;
            text-align: center;
            color: #040403;
            font-family: 'SourceHanSerifCNHeavy';
        }

        .aboutCon5 .line {
            width: 80px;
            height: 2px;
            margin: 30px auto 65px auto;
            background: #f1e436;
        }

        .aboutCon5 .u1 {
            padding-bottom: 60px;
            margin: 0 -15px;
            width: -moz-calc(100% + 30px);
            width: -o-calc(100% + 30px);
            width: -webkit-calc(100% + 30px);
            width: calc(100% + 30px);
        }

        .aboutCon5 .l1 {
            margin: 0 15px;
            border: 1px solid #e5e5e5;
        }

            .aboutCon5 .l1 .img {
                width: 100%;
                padding-bottom: 67%;
                position: relative;
                overflow: hidden;
                min-height: 50px;
            }

                .aboutCon5 .l1 .img img {
                    width: 100%;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    min-height: 100%;
                    -webkit-transform: translate(-50%, -50%);
                    -moz-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    -o-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

            .aboutCon5 .l1 .wz {
                padding: 0 25px;
                height: 56px;
                line-height: 56px;
                font-size: 16px;
                text-align: center;
                color: #333;
                width: 100%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .aboutCon5 .l1 .bor {
                width: 100%;
                height: 1px;
                background: #e5e5e5;
            }

            .aboutCon5 .l1:hover .wz {
                background: #040403;
                color: #f1e436;
            }

            .aboutCon5 .l1:hover .bor {
                background: #040403;
            }

        .aboutCon5 .slick-dots {
            position: absolute;
            bottom: 0;
        }

            .aboutCon5 .slick-dots li {
                width: 10px;
                height: 10px;
                border: 1px solid #040403;
                margin: 0 10px;
                border-radius: 50%;
                position: relative;
            }

                .aboutCon5 .slick-dots li.slick-active {
                    background: #040403;
                }

                    .aboutCon5 .slick-dots li.slick-active::before {
                        content: "";
                        width: 20px;
                        height: 20px;
                        position: absolute;
                        top: -6px;
                        left: -6px;
                        border: 1px solid #040403;
                        border-radius: 50%;
                    }

    @media screen and (max-width:991px ) {
        .aboutCon5 {
            margin-bottom: 20px;
        }

            .aboutCon5 .tit {
                font-size: 18px;
            }

            .aboutCon5 .line {
                width: 40px;
                height: 2px;
                margin: 10px auto 15px auto;
            }

            .aboutCon5 .u1 {
                padding-bottom: 30px;
                margin: 0 -5px;
                width: -moz-calc(100% + 10px);
                width: -o-calc(100% + 10px);
                width: -webkit-calc(100% + 10px);
                width: calc(100% + 10px);
            }

            .aboutCon5 .l1 {
                margin: 0 5px;
            }

                .aboutCon5 .l1 .wz {
                    padding: 0 5px;
                    height: 30px;
                    line-height: 30px;
                    font-size: 14px;
                }

            .aboutCon5 .slick-dots li {
                width: 5px;
                height: 5px;
                margin: 0 10px;
            }

                .aboutCon5 .slick-dots li.slick-active::before {
                    width: 13px;
                    height: 13px;
                    top: -5px;
                    left: -5px;
                }
    }

    
    .servList {
        margin: 25px 0 0 0;
        width: 100%;
        float: left;
    }

        .servList .u1 {
            width: 100%;
            float: left;
        }

        .servList .l1 {
            width: 100%;
            float: left;
        }

            .servList .l1 .topPic {
                width: 100%;
                float: left;
                line-height: 0;
            }

            .servList .l1 .bot {
                padding: 25px 0;
                width: 100%;
                float: left;
                background: #040403;
            }

                .servList .l1 .bot .pos {
                    padding: 0 65px 0 350px;
                    position: relative;
                    width: 100%;
                }

                .servList .l1 .bot .text {
                    width: 305px;
                    position: absolute;
                    top: 50%;
                    left: 0;
                    -webkit-transform: translate(0,-50%);
                    -ms-transform: translate(0,-50%);
                    -moz-transform: translate(0,-50%);
                    -o-transform: translate(0,-50%);
                    transform: translate(0,-50%);
                }

                    .servList .l1 .bot .text .t1 {
                        font-size: 34px;
                        height: 40px;
                        line-height: 40px;
                        overflow: hidden;
                        background: url(404.png) no-repeat right center;
                        background-size: 150px 11px;
                        color: #f1e436;
                        font-weight: bold;
                        margin-bottom: 25px;
                    }

                    .servList .l1 .bot .text .t2 {
                        font-size: 16px;
                        line-height: 36px;
                        max-height: 108px;
                        color: #fff;
                        overflow: hidden;
                    }

                .servList .l1 .bot .botPic .img {
                    margin: 0 14px;
                    height: 191px;
                    width:200px;
                    line-height: 0;
                    position: relative;
                }

                    .servList .l1 .bot .botPic .img .bg {
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        background: rgba( 0, 0, 0, 0.5);
                    }

                    .servList .l1 .bot .botPic .img:hover .bg, .servList .l1 .bot .botPic .img.slick-current .bg {
                        background: none;
                        border: 4px solid #f1e436;
                    }

                    .servList .l1 .bot .botPic .img .ico {
                        width: 58px;
                        height: 58px;
                        background: url(404.png) no-repeat center;
                        background-size: cover;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        -webkit-transform: translate(-50%,-50%);
                        -ms-transform: translate(-50%,-50%);
                        -moz-transform: translate(-50%,-50%);
                        -o-transform: translate(-50%,-50%);
                        transform: translate(-50%,-50%);
                    }

                .servList .l1 .bot .botPic .slick-prev, .servList .l1 .bot .botPic .slick-next {
                    width: 58px;
                    height: 86px;
                    position: absolute;
                    left: auto;
                    right: -65px;
                    -webkit-transform: translate(0,0);
                    -ms-transform: translate(0,0);
                    -moz-transform: translate(0,0);
                    -o-transform: translate(0,0);
                    transform: translate(0,0);
                }

                .servList .l1 .bot .botPic .slick-prev {
                    top: 0;
                    background: #fff url(404.png) no-repeat center;
                    background-size: cover;
                }

                    .servList .l1 .bot .botPic .slick-prev:hover {
                        background: #f1e436 url(404.png) no-repeat center;
                        background-size: cover;
                    }

                .servList .l1 .bot .botPic .slick-next {
                    top: auto;
                    bottom: 0;
                    background: #fff url(404.png) no-repeat center;
                    background-size: cover;
                }

                    .servList .l1 .bot .botPic .slick-next:hover {
                        background: #f1e436 url(404.png) no-repeat center;
                        background-size: cover;
                    }

    @media screen and (max-width:991px ) {
        .servList {
            margin: 0;
        }

            .servList .l1 .bot {
                padding: 15px 0;
            }

                .servList .l1 .bot .pos {
                    padding: 0 35px 0 220px;
                }

                .servList .l1 .bot .text {
                    width: 200px;
                }

                    .servList .l1 .bot .text .t1 {
                        font-size: 18px;
                        height: 22px;
                        line-height: 22px;
                        background: url(404.png) no-repeat right center;
                        background-size: 75px 5px;
                        margin-bottom: 10px;
                    }

                    .servList .l1 .bot .text .t2 {
                        font-size: 14px;
                        line-height: 20px;
                        max-height: 60px;
                    }

                .servList .l1 .bot .botPic .img {
                    margin: 0 10px;
                    height: 100px;
                }

                    .servList .l1 .bot .botPic .img .ico {
                        width: 30px;
                        height: 30px;
                    }

                .servList .l1 .bot .botPic .slick-prev, .servList .l1 .bot .botPic .slick-next {
                    width: 29px;
                    height: 43px;
                    right: -35px;
                }
    }

    @media screen and (max-width:767px ) {
        .servList .l1 .bot .pos {
            padding: 0 35px 0 140px;
        }

        .servList .l1 .bot .text {
            width: 130px;
        }

            .servList .l1 .bot .text .t1 {
                background-size: 40px 3px;
            }
    }

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

        .newsList .l1 {
            padding: 60px 405px 60px 170px;
            position: relative;
            border-bottom: 1px solid #ebeced;
        }

            .newsList .l1:first-child {
                border-top: 1px solid #ebeced;
            }

            .newsList .l1 .date {
                width: 145px;
                position: absolute;
                left: 0;
                top: 63px;
            }

                .newsList .l1 .date::after {
                    content: "";
                    display: block;
                    width: 30px;
                    height: 2px;
                    position: absolute;
                    top: 7px;
                    right: 0;
                    background: #ebeced;
                }

            .newsList .l1:hover .date::after {
                background: #f1e436;
            }

            .newsList .l1 .date_r {
                font-size: 30px;
                line-height: 30px;
                color: #333;
                opacity: 0.5;
            }

            .newsList .l1:hover .date_r {
                color: #f1e436;
                opacity: 1;
            }

            .newsList .l1 .date_ny {
                margin: 10px 0 30px 0;
                font-size: 18px;
                line-height: 18px;
                color: #333;
                opacity: 0.5;
            }

            .newsList .l1:hover .date_ny {
                color: #f1e436;
                opacity: 1;
            }

            .newsList .l1 .bg {
                width: 42px;
                height: 30px;
                -webkit-transition: all 0.3s ease-out 0s;
                -moz-transition: all 0.3s ease-out 0s;
                -o-transition: all 0.3s ease-out 0s;
                transition: all 0.3s ease-out 0s;
            }

            .newsList .l1:hover .bg {
                padding: 14px 11px;
                background: #f1e436;
            }

            .newsList .l1 .ico {
                width: 20px;
                height: 2px;
                background: #333;
                opacity: 0.5;
                position: relative;
            }

            .newsList .l1:hover .ico {
                background: #fff;
                opacity: 1;
            }

            .newsList .l1 .ico::before {
                content: "";
                display: block;
                width: 10px;
                height: 10px;
                position: absolute;
                right: 0;
                top: -4px;
                border-top: 2px solid #333;
                border-right: 2px solid #333;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .newsList .l1:hover .ico::before {
                border-top: 2px solid #fff;
                border-right: 2px solid #fff;
            }

            .newsList .l1 .text {
                min-height: 167px;
            }

                .newsList .l1 .text .bt {
                    margin-bottom: 23px;
                    font-size: 22px;
                    line-height: 24px;
                    color: #333;
                    width: 100%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

            .newsList .l1:hover .text .bt {
                color: #f1e436;
                font-weight: bold;
            }

            .newsList .l1 .text .info {
                font-size: 18px;
                line-height: 40px;
                height: 120px;
                letter-spacing: 1px;
                overflow: hidden;
                text-align: justify;
                color: #666;
            }

            .newsList .l1 .img {
                width: 352px;
                position: absolute;
                right: 0;
                top: 25px;
                padding-bottom: 13.67%;
                line-height: 0;
                overflow: hidden;
                -webkit-transition: 0.5s ease;
                -moz-transition: 0.5s ease;
                -ms-transition: 0.5s ease;
                -o-transition: 0.5s ease;
                transition: 0.5s ease;
            }

                .newsList .l1 .img img {
                    width: 100%;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    min-height: 100%;
                    -webkit-transform: translate(-50%, -50%);
                    -moz-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    -o-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    -webkit-transition: all 0.5s ease-out 0s;
                    -moz-transition: all 0.5s ease-out 0s;
                    -o-transition: all 0.5s ease-out 0s;
                    transition: all 0.5s ease-out 0s;
                    transition: -webkit-transform 2s;
                    vertical-align: middle;
                    -ms-interpolation-mode: bicubic;
                }

            .newsList .l1:hover .img img {
                -webkit-transform: translate(-50%, -50%) scale(1.1);
                -moz-transform: translate(-50%, -50%) scale(1.1);
                transform: translate(-50%, -50%) scale(1.1);
            }

        .newsList .more {
            display: block;
            text-align: center;
            cursor: pointer;
        }

            .newsList .more .ico {
                width: 80px;
                height: 80px;
                margin: 65px auto 25px auto;
                background: url(404.png) no-repeat center;
                background-size: cover;
            }

            .newsList .more .wz {
                font-size: 15px;
                color: #666;
                opacity: 0.5;
            }

            .newsList .more:hover .wz {
                color: #f1e436;
                opacity: 1;
            }

    @media screen and (max-width:1739px ) {
        .newsList .l1 .img {
            padding-bottom: 20%;
        }
    }

    @media screen and (max-width:1199px ) {
        .newsList .l1 .img {
            padding-bottom: 24.6%;
        }
    }

    @media screen and (max-width:991px) {
        .newsList .l1 {
            padding: 25px 210px 25px 110px;
        }

            .newsList .l1 .date {
                width: 85px;
                top: 25px;
            }

                .newsList .l1 .date::after {
                    width: 20px;
                }

            .newsList .l1 .date_r {
                font-size: 20px;
                line-height: 20px;
            }

            .newsList .l1 .date_ny {
                margin: 10px 0 20px 0;
                font-size: 14px;
                line-height: 14px;
            }

            .newsList .l1 .bg {
                width: 42px;
                height: 30px;
            }

            .newsList .l1:hover .bg {
                padding: 14px 11px;
            }

            .newsList .l1 .ico {
                width: 20px;
            }

            .newsList .l1 .text {
                min-height: 100px;
            }

                .newsList .l1 .text .bt {
                    margin-bottom: 8px;
                    font-size: 16px;
                    line-height: 20px;
                }

                .newsList .l1 .text .info {
                    font-size: 14px;
                    line-height: 24px;
                    height: 72px;
                }

            .newsList .l1 .img {
                width: 180px;
                padding-bottom: 13.6%;
            }

        .newsList .more .ico {
            width: 30px;
            height: 30px;
            margin: 15px auto 10px auto;
        }

        .newsList .more .wz {
            font-size: 14px;
        }
    }

    @media screen and (max-width:767px) {
        .newsList .l1 {
            padding: 15px 110px 15px 80px;
        }

            .newsList .l1 .date {
                width: 65px;
                top: 15px;
            }

            .newsList .l1 .date_r {
                font-size: 16px;
                line-height: 16px;
            }

            .newsList .l1 .date_ny {
                margin: 5px 0 10px 0;
                font-size: 12px;
                line-height: 12px;
            }

            .newsList .l1 .bg {
                width: 20px;
                height: 15px;
            }

            .newsList .l1:hover .bg {
                padding: 8px 5px;
            }

            .newsList .l1 .ico {
                width: 10px;
                height: 1px;
            }

                .newsList .l1 .ico::before {
                    width: 5px;
                    height: 5px;
                    top: -2px;
                    border-top: 1px solid #333;
                    border-right: 1px solid #333;
                }

            .newsList .l1:hover .ico::before {
                border-top: 1px solid #fff;
                border-right: 1px solid #fff;
            }

            .newsList .l1 .text {
                min-height: 52px;
            }

                .newsList .l1 .text .info {
                    height: 24px;
                }

            .newsList .l1 .img {
                width: 100px;
                top: 8px;
                padding-bottom: 16.6%;
            }
    }

    
    .newsCon {
        margin-bottom: 105px;
        width: 100%;
        float: left;
    }

        .newsCon .left {
            padding: 50px 25px 0 25px;
            width: 70%;
            float: left;
            border: 1px solid #ebeced;
        }

            .newsCon .left .title {
                font-size: 24px;
                line-height: 26px;
                font-weight: bold;
                color: #333;
                text-align: center;
            }

            .newsCon .left .time {
                margin: 15px 0 30px 0;
                font-size: 15px;
                line-height: 16px;
                text-align: center;
                color: #666;
            }

            .newsCon .left .info {
                padding-top: 40px;
                font-size: 18px;
                line-height: 40px;
                letter-spacing: 2px;
                border-top: 1px solid #ebeced;
                color: #666;
            }

            .newsCon .left .bot {
                margin-top: 65px;
                padding: 25px 0;
                width: 100%;
                overflow: hidden;
                border-top: 1px solid #ebeced;
            }

            .newsCon .left .fy {
                float: left;
                margin-top: 4px;
            }

                .newsCon .left .fy a {
                    display: block;
                    float: left;
                    font-size: 16px;
                    line-height: 20px;
                    color: #666;
                }

                    .newsCon .left .fy a:hover {
                        color: #f1e436;
                    }

                .newsCon .left .fy .a1 {
                    padding: 0 15px 0 28px;
                    border-right: 1px solid #ebeced;
                    position: relative;
                }

                    .newsCon .left .fy .a1::before {
                        content: "";
                        width: 15px;
                        height: 1px;
                        position: absolute;
                        left: 0;
                        top: 10px;
                        background: #666;
                    }

                    .newsCon .left .fy .a1:hover::before {
                        background: #f1e436;
                    }

                    .newsCon .left .fy .a1::after {
                        content: "";
                        display: block;
                        width: 8px;
                        height: 8px;
                        position: absolute;
                        left: 1px;
                        top: 6px;
                        border-top: 1px solid #666;
                        border-right: 1px solid #666;
                        -webkit-transform: rotate(225deg);
                        -moz-transform: rotate(225deg);
                        -ms-transform: rotate(225deg);
                        -o-transform: rotate(225deg);
                        transform: rotate(225deg);
                    }

                    .newsCon .left .fy .a1:hover::after {
                        border-top: 1px solid #f1e436;
                        border-right: 1px solid #f1e436;
                    }

                .newsCon .left .fy .a2 {
                    padding: 0 28px 0 15px;
                    position: relative;
                }

                    .newsCon .left .fy .a2::before {
                        content: "";
                        width: 15px;
                        height: 1px;
                        position: absolute;
                        right: 0;
                        top: 10px;
                        background: #666;
                    }

                    .newsCon .left .fy .a2:hover::before {
                        background: #f1e436;
                    }

                    .newsCon .left .fy .a2::after {
                        content: "";
                        display: block;
                        width: 8px;
                        height: 8px;
                        position: absolute;
                        right: 1px;
                        top: 6px;
                        border-top: 1px solid #666;
                        border-right: 1px solid #666;
                        -webkit-transform: rotate(45deg);
                        -moz-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        -o-transform: rotate(45deg);
                        transform: rotate(45deg);
                    }

                    .newsCon .left .fy .a2:hover::after {
                        border-top: 1px solid #f1e436;
                        border-right: 1px solid #f1e436;
                    }

            .newsCon .left .fx {
                float: right;
            }

                .newsCon .left .fx .p {
                    float: left;
                    font-size: 15px;
                    line-height: 24px;
                    color: #666;
                }

            .newsCon .left .bdsharebuttonbox {
                float: right;
            }

                .newsCon .left .bdsharebuttonbox a {
                    margin-top: 0;
                    margin-bottom: 0;
                }

        .newsCon .right {
            width: 28.4%;
            float: right;
            border: 1px solid #ebeced;
        }

            .newsCon .right .title {
                width: 100%;
                font-size: 24px;
                height: 66px;
                line-height: 66px;
                color: #fff;
                background: #040403;
                font-weight: bold;
                text-align: center;
            }

            .newsCon .right .u1 {
                padding: 0 25px;
            }

            .newsCon .right .l1 {
                padding: 30px 0 30px 220px;
                position: relative;
                border-bottom: 1px solid #ebeced;
            }

                .newsCon .right .l1:last-child {
                    border-bottom: 0;
                }

                .newsCon .right .l1 .img {
                    width: 198px;
                    line-height: 0;
                    position: absolute;
                    top: 30px;
                    left: 0;
                    overflow: hidden;
                    -webkit-transition: 0.5s ease;
                    -moz-transition: 0.5s ease;
                    -ms-transition: 0.5s ease;
                    -o-transition: 0.5s ease;
                    transition: 0.5s ease;
                }

                    .newsCon .right .l1 .img img {
                        -webkit-transition: all 0.5s ease-out 0s;
                        -moz-transition: all 0.5s ease-out 0s;
                        -o-transition: all 0.5s ease-out 0s;
                        transition: all 0.5s ease-out 0s;
                        transition: -webkit-transform 2s;
                        vertical-align: middle;
                        -ms-interpolation-mode: bicubic;
                    }

                .newsCon .right .l1:hover .img img {
                    -webkit-transform: scale(1.1);
                    -moz-transform: scale(1.1);
                    transform: scale(1.1);
                }

                .newsCon .right .l1 .date {
                    margin: 10px 0;
                    font-size: 15px;
                    line-height: 18px;
                    height: 18px;
                    overflow: hidden;
                    color: #333;
                }

                .newsCon .right .l1 .bt {
                    margin-bottom: 15px;
                    font-size: 18px;
                    line-height: 20px;
                    color: #040403;
                    width: 100%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                .newsCon .right .l1 .info {
                    font-size: 16px;
                    line-height: 30px;
                    height: 60px;
                    overflow: hidden;
                    color: #333;
                }

                .newsCon .right .l1:hover .bt {
                    color: #f1e436;
                }

    @media screen and (max-width:1739px ) {
        .newsCon .right .l1 {
            padding: 30px 0 30px 140px;
        }

            .newsCon .right .l1 .img {
                width: 130px;
            }

            .newsCon .right .l1 .bt {
                margin-bottom: 5px;
            }

            .newsCon .right .l1 .date {
                margin: 5px 0;
            }

            .newsCon .right .l1 .info {
                height: 30px;
            }
    }

    @media screen and (max-width:991px) {
        .newsCon {
            margin-bottom: 20px;
        }

            .newsCon .left {
                padding: 20px 15px 0 15px;
            }

                .newsCon .left .title {
                    font-size: 18px;
                    line-height: 22px;
                }

                .newsCon .left .time {
                    margin: 10px 0 15px 0;
                    font-size: 14px;
                }

                .newsCon .left .info {
                    padding-top: 15px;
                    font-size: 14px;
                    line-height: 1.4;
                }

                .newsCon .left .bot {
                    margin-top: 15px;
                }

            .newsCon .right .title {
                font-size: 18px;
                height: 40px;
                line-height: 40px;
            }

            .newsCon .right .u1 {
                padding: 0 10px;
            }

            .newsCon .right .l1 {
                padding: 10px 0 10px 105px;
            }

                .newsCon .right .l1 .img {
                    width: 100px;
                    top: 10px;
                }

                .newsCon .right .l1 .date {
                    margin: 0 0 5px 0;
                    font-size: 12px;
                    line-height: 16px;
                    height: 16px;
                }

                .newsCon .right .l1 .bt {
                    margin-bottom: 0;
                    font-size: 14px;
                    line-height: 20px;
                }

                .newsCon .right .l1 .info {
                    font-size: 12px;
                    line-height: 20px;
                    height: 20px;
                }
    }

    @media screen and (max-width:767px) {
        .newsCon .left {
            width: 100%;
        }

            .newsCon .left .bot {
                margin-top: 15px;
                padding: 15px 0;
            }
    }

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

        .caseList .u1 {
            width: 102%;
            margin: -17px -1%;
            float: left;
        }

        .caseList .l1 {
            width: 31.3%;
            float: left;
            margin: 17px 1%;
            position: relative;
        }

            .caseList .l1 .img {
                padding-bottom: 66.72%;
                position: relative;
                overflow: hidden;
                min-height: 50px;
            }

                .caseList .l1 .img img {
                    width: 100%;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    min-height: 100%;
                    -webkit-transform: translate(-50%, -50%);
                    -moz-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    -o-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

            .caseList .l1 .wz1 {
                font-size: 18px;
                height: 50px;
                line-height: 50px;
                position: absolute;
                bottom: 0;
                left: 0;
                color: #333;
                background: rgba( 255, 255, 255, 0.8);
                text-align: center;
                width: 100%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .caseList .l1 .wz2 {
                display: none;
                padding: 2% 2%;
                width: 90%;
                background: rgba( 255, 255, 255, 0.8);
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
            }

            .caseList .l1 .bt {
                font-size: 18px;
                font-weight: bold;
                color: #333;
                text-align: center;
                width: 100%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .caseList .l1 .info {
                margin: 5% 0 6% 0;
                font-size: 16px;
                line-height: 25px;
                height: 120px;
                color: #333;
                overflow: hidden;
            }

            .caseList .l1 .more {
                font-size: 16px;
                padding-left: 30px;
                width: 140px;
                height: 40px;
                line-height: 40px;
                margin: 0 auto;
                color: #333;
                border-radius: 40px;
                background: #f1e436 url(404.png) no-repeat 106px center;
                background-size: 6px 11px;
            }

            .caseList .l1:hover .wz1 {
                display: none;
            }

            .caseList .l1:hover .wz2 {
                display: block;
            }

    @media screen and (max-width:991px ) {
        .caseList .u1 {
            margin: -10px -1%;
        }

        .caseList .l1 {
            margin: 10px 1%;
        }

            .caseList .l1 .wz1 {
                font-size: 14px;
                height: 30px;
                line-height: 30px;
            }

            .caseList .l1 .wz2 {
                padding: 4% 6%;
            }

            .caseList .l1 .bt {
                font-size: 16px;
            }

            .caseList .l1 .info {
                margin: 2% 0 3% 0;
                font-size: 14px;
                line-height: 20px;
                height: 60px;
            }

            .caseList .l1 .more {
                font-size: 14px;
                padding-left: 15px;
                width: 100px;
                height: 30px;
                line-height: 30px;
                background: #f1e436 url(404.png) no-repeat 80px center;
            }
    }

    @media screen and (max-width:767px ) {
        .caseList .u1 {
            margin: -5px -1%;
        }

        .caseList .l1 {
            width: 48%;
            margin: 5px 1%;
        }

            .caseList .l1 .info {
                height: 40px;
            }
    }

    
    .wack1 {
        margin: 90px 0;
        text-align: center;
        width: 100%;
        float: left;
    }

    .pz_fy {
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

        .pz_fy a {
            float: left;
            width: 38px;
            height: 38px;
            line-height: 38px;
            border-radius: 50%;
            border: #f0f0f0 1px solid;
            color: #333;
            font-size: 15px;
            font-family: Arial;
            margin: 0 5px;
        }

        .pz_fy span {
            float: left;
            width: 38px;
            height: 38px;
            line-height: 38px;
            border-radius: 50%;
            border: #f0f0f0 1px solid;
            color: #333;
            font-size: 15px;
            font-family: Arial;
            margin: 0 5px;
        }

            .pz_fy span.on {
                background: #f1e436;
                border: transparent;
            }

        .pz_fy a:hover,
        .pz_fy a.on {
            background: #f1e436;
            border: transparent;
        }

        .pz_fy .l2 {
            width: 100px;
            height: 38px;
            border-radius: 19px;
            background: url(404.png) left center no-repeat;
        }

            .pz_fy .l2:hover, .pz_fy .l2.on {
                background: #f1e436 url(404.png) left center no-repeat;
            }

        .pz_fy .r2 {
            width: 100px;
            height: 38px;
            border-radius: 19px;
            background: url(404.png) right center no-repeat;
        }

            .pz_fy .r2:hover, .pz_fy .r2.on {
                background: #f1e436 url(404.png) right center no-repeat;
            }

    @media screen and (max-width:991px) {
        .wack1 {
            margin: 20px 0;
        }

        .fy_pc {
            text-align: center;
            font-size: 14px;
            color: #272727;
            padding: 5px 0;
        }

            .fy_pc a {
                padding: 5px 25px;
                background: #f1e436;
                color: #fff;
                border: transparent;
                border-radius: 16px;
                overflow: hidden;
            }

            .fy_pc span {
                padding: 5px 20px;
                color: #272727;
            }
    }

    
    .caseCon {
        margin-bottom: 105px;
        width: 100%;
        float: left;
    }

        .caseCon .bt {
            font-size: 36px;
            color: #040403;
            text-align: center;
        }

        .caseCon .slideOut {
            margin: 100px 0;
            position: relative;
        }

        .caseCon .slide {
            width: 100%;
            min-height: 100px;
            overflow: hidden;
            position: relative;
        }

            .caseCon .slide .img {
                overflow: hidden;
                position: absolute;
                transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
            }

                .caseCon .slide .img img {
                    width: 100%;
                    height: 100%;
                }

            .caseCon .slide .img1 {
                width: 40%;
                height: 40%;
                top: 30%;
                left: -50%;
                z-index: 1;
            }

            .caseCon .slide .img2 {
                width: 39.41%;
                height: 80.28%;
                top: 9.86%;
                left: 0%;
                z-index: 2;
            }

                .caseCon .slide .img2::before {
                    content: '';
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    background: rgba( 0, 0, 0, 0.7);
                }

            .caseCon .slide .img3 {
                width: 49.41%;
                height: 100%;
                top: 0;
                left: 25.295%;
                z-index: 3;
            }

                .caseCon .slide .img3::before {
                    content: "";
                    border: 5px solid rgba( 255, 255, 255, 0.3);
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                }

            .caseCon .slide .img4 {
                width: 39.41%;
                height: 80.28%;
                top: 9.86%;
                left: 60.58%;
                z-index: 2;
            }

                .caseCon .slide .img4::before {
                    content: '';
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    background: rgba( 0, 0, 0, 0.7);
                }

            .caseCon .slide .img5 {
                width: 40%;
                height: 40%;
                top: 30%;
                left: 110%;
                z-index: 1;
            }

        .caseCon .butLeft {
            position: absolute;
            left: 21.41%;
            top: 50%;
            margin-top: -25px;
            width: 28px;
            height: 50px;
            background: url("../image/casecon2.png") no-repeat center;
            background-size: cover;
            outline: 0;
            z-index: 20;
        }

            .caseCon .butLeft:hover {
                background: url("404.png") no-repeat center;
                background-size: cover;
            }

        .caseCon .butRight {
            position: absolute;
            right: 21.41%;
            top: 50%;
            margin-top: -25px;
            width: 28px;
            height: 50px;
            background: url("../image/casecon3.png") no-repeat center;
            background-size: cover;
            outline: 0;
            z-index: 20;
        }

            .caseCon .butRight:hover {
                background: url("404.png") no-repeat center;
                background-size: cover;
            }

        .caseCon .info {
            font-size: 18px;
            line-height: 40px;
            color: #333;
        }

        .caseCon .sx_fy {
            float: left;
            width: 100%;
            padding-top: 3.82%;
            margin-top: 3.13%;
            position: relative;
            background: url(404.png) center top no-repeat;
        }

            .caseCon .sx_fy a {
                float: left;
                width: 50%;
                color: #232323;
                font-size: 16px;
                line-height: 30px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                text-transform: uppercase;
            }

                .caseCon .sx_fy a.l_fy {
                    padding-right: 10px;
                }

                .caseCon .sx_fy a.r_fy {
                    float: right;
                    text-align: right;
                    padding-left: 10px;
                }

                .caseCon .sx_fy a:hover {
                    color: #f1e436;
                }

    @media screen and (max-width:991px ) {
        .caseCon {
            margin-bottom: 20px;
        }

            .caseCon .bt {
                font-size: 18px;
            }

            .caseCon .slideOut {
                margin: 20px 0;
            }

            .caseCon .butLeft {
                left: 15%;
                margin-top: -12px;
                width: 14px;
                height: 25px;
            }

            .caseCon .butRight {
                right: 15%;
                margin-top: -12px;
                width: 14px;
                height: 25px;
            }

            .caseCon .info {
                font-size: 14px;
                line-height: 26px;
            }

            .caseCon .sx_fy {
                background-size: 100% auto;
                position: relative;
            }

                .caseCon .sx_fy a {
                    font-size: 14px;
                    line-height: 20px;
                }
    }

    @media screen and (max-width:767px ) {
        .caseCon .sx_fy {
            padding-top: 5.82%;
            background-size: 200% auto;
        }
    }

    
    .contCon {
        margin-bottom: 105px;
        width: 100%;
        float: left;
    }

        .contCon .left {
            padding: 45px;
            width: 49%;
            float: left;
            border: 1px solid #e5e5e5;
            min-height: 400px;
        }

        .contCon .right {
            padding: 45px;
            width: 49%;
            float: right;
            border: 1px solid #e5e5e5;
            min-height: 400px;
        }

        .contCon .bt {
            font-size: 24px;
            margin-bottom: 30px;
            color: #333;
            font-family: 'SourceHanSerifCNHeavy';
        }

        .contCon .l1 {
            padding-left: 35px;
            position: relative;
        }

            .contCon .l1 .ico {
                position: absolute;
                top: 10px;
                left: 0;
                width: 22px;
                height: 22px;
                line-height: 0;
            }

            .contCon .l1 .wz {
                font-size: 18px;
                line-height: 40px;
            }

        .contCon .bdmap {
            margin-top: 40px;
            width: 100%;
            float: left;
            height: 830px;
        }

    @media screen and (max-width:991px ) {
        .contCon {
            margin-bottom: 20px;
        }

            .contCon .left {
                width: 100%;
                margin-bottom: 10px;
                padding: 15px;
                min-height: 100px;
            }

            .contCon .right {
                width: 100%;
                padding: 15px;
                min-height: 100px;
            }

            .contCon .bt {
                font-size: 18px;
                margin-bottom: 10px;
            }

            .contCon .l1 {
                padding-left: 24px;
            }

                .contCon .l1 .ico {
                    top: 7px;
                    width: 16px;
                    height: 16px;
                }

                .contCon .l1 .wz {
                    font-size: 14px;
                    line-height: 30px;
                }

            .contCon .bdmap {
                margin-top: 20px;
                height: 400px;
            }
    }

    .xz_bg {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 999999;
    }

        .xz_bg .video {
            width: 1000px;
            line-height: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

        .xz_bg .movie {
            width: 100%;
            overflow: hidden;
            object-fit: cover;
        }

        .xz_bg .clo {
            font-size: 40px;
            line-height: 20px;
            color: #fff;
            position: absolute;
            cursor: pointer;
            top: 50%;
            right: 0;
            margin-top: -275px;
        }

    @media screen and (max-width:991px ) {
        .xz_bg .video {
            width: 600px;
        }

        .xz_bg .movie {
            width: 600px;
        }

        .xz_bg .clo {
            margin-top: -168px;
        }
    }

    @media screen and (max-width:767px ) {
        .xz_bg .video {
            width: 300px;
        }

        .xz_bg .movie {
            width: 300px;
        }

        .xz_bg .clo {
            margin-top: -84px;
        }
    }