@charset "utf-8";
/*
    author:PengJin;
    date:2021-04-02;
*/
body{background:#f1f1f1;}
@media(max-width:1200px){
body{padding-bottom:60px;}
}


/*--banner--*/
.banner{position:relative;z-index:1;width:100%;overflow:hidden;clear:both;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a,.banner .swiper-slide picture{display:block;width:100%;}
.banner .swiper-slide img{display:block;position:relative;left:50%;width:1920px;transform:translateX(-50%);}
.banner .swiper-pager{position:absolute;z-index:9;left:0;bottom: 60px;width:100%;text-align:center;}
.banner .swiper-pager span{position:relative;display:inline-block;margin: 0 10px !important;border-radius: 0;width:9px;height:9px;background:#fff;opacity:1;}
.banner .swiper-pager span.swiper-pagination-bullet-active{background: #1d9a89;}
.banner .prev,.banner .next{position:absolute;z-index:9;top:50%;width:60px;height:60px;line-height:58px;color:#fff;background: #1d9a89;text-align:center;cursor:pointer;outline:none;transform:translateY(-50%);opacity:0.3;}
.banner .prev{left:5%;}
.banner .next{right:5%;}
.banner .prev:hover,.banner .next:hover{color:#fff;background:#1d9a89;opacity:1;}
@media(max-width:1200px){
.banner{margin-top:0;}
.banner .prev,.banner .next{display:none;}
.banner .swiper-slide img{position:static;width:100%;transform:translate(0);}
.banner .swiper-pager{left:0;width:100%;bottom:30px;text-align:center;width:100%;transform:translateX(0);}
.banner .swiper-pager span{margin:0 2px;width:7px;height:7px;border-radius:50%;}
}
/*--end banner--*/


/* indexSearch */
.indexSearch {display: block;width: 100%;height: 110px;line-height: 110px;background: #f4f4f4;}
.indexSearch .container {border-bottom: 1px solid #f3f2f2;overflow: hidden;}
.indexSearch .search-hot {float: left;padding-left:40px;width: 70%;font-size: 16px;color: #666;background:url(../images/Index/hot.png) no-repeat 0 center;}
.indexSearch .search-hot dt { float: left;}
.indexSearch .search-hot dd {float: left;}
.indexSearch .search-hot dd a {position:relative;padding-right: 15px;display: inline-block;font-size: 16px;color: #666;}
.indexSearch .search-hot dd a::after {content:"，";display:block;position:absolute;right: -3px;top:0;}
.indexSearch .search-hot dd a:last-child::after { content:".....";right: -10px; }
.indexSearch .search-hot dd a:hover { color: #1d9a89;}
.indexSearch .search-form {margin: 34px 0;width: 300px;float: right;border: 1px solid #e9e9e9;box-sizing: border-box;}
.indexSearch .search-form input {padding-left: 20px;float: left;width: 85%;height: 40px;outline: none;border: none;background: none;font-size: 14px;}
.indexSearch .search-form button {transform: translateX(1px);float: left;outline: none;border: none;width: 15%;height: 40px;line-height: 40px;text-align: center;}
.indexSearch .search-form button i { font-size: 20px; color: #999; font-weight: bold;}
@media (max-width:1600px) {
    .indexSearch  .Search-bg { padding:0 90px;}
}
@media (max-width:1300px) {
    .indexSearch  .Search-bg { padding:0 40px;}
    .indexSearch .search-hot { width: 65%;}
}
@media (max-width:1200px) {
    .indexSearch { display: none;}
}
/* indexSearch end */

/* indexInfo */
.indexInfo { display: block;overflow: hidden;}
.indexInfo .Info-fl {    position: relative;padding-top: 120px;float: left;width: 75%;height: 905px; background:#fff url(../images/Index/indexInfo-bg.jpg) no-repeat center bottom / 100%;}
.indexInfo .Info-fl .text {padding-left: 250px; float: left;}
.indexInfo .Info-fl .text .text-hd { float: left;}
.indexInfo .Info-fl .text-hd p {font-size: 40px;color: #333;animation: fadeinL 1s;}
.indexInfo .Info-fl .text-hd h2 {font-size: 40px;color: #333;font-weight: bold;line-height: 1.25;animation: fadeinR 1s;}
.indexInfo .Info-fl .text-hd h2 a { color: #333;}
.indexInfo .Info-fl .text-hd em { display: block; margin-top: 20px; font-size: 12px; color: #999;}
.indexInfo .Info-fl .text-hd span { margin-top: 5px; display: block; font-size: 16px; color: #999;}
.indexInfo .Info-fl .video {position: relative;z-index:1;float: left;padding: 55px 0;margin: 0 40px 0 85px;height: 157px; cursor: pointer;}
.indexInfo .Info-fl .video::after { content: ''; display: block; position: absolute;z-index:-1; left: 22px;top: 0; width: 1px; height: 100%; background: #474747;}
.indexInfo .Info-fl .tit {float: right;margin-left: 120px;width: 480px;animation: fadeinR 1s;}
.indexInfo .Info-fl .tit p  { font-size: 16px; color: #333; line-height: 1.75;}
.indexInfo .Info-fl .tit a { display: block; margin-top: 35px; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #ffd200; font-size: 16px; color: #333;}
.indexInfo .Info-fl .tit a i { margin-left: 5px; display: inline-block; vertical-align: text-top; width: 20px;}
.indexInfo .Info-fl .tit a:hover { background: #1d9a89; color: #fff;}
.indexInfo .Info-fl .tit a:hover i {filter:contrast(0%) brightness(200%);-webkit-filter: contrast(0%) brightness(200%);-moz-filter: contrast(0%) brightness(200%);-ms-filter: contrast(0%) brightness(200%); -o-filter: contrast(0%) brightness(200%);}
.indexInfo .Info-fl .video:hover img:nth-child(2) { display: block;}
.indexInfo .Info-fl .video:hover img:nth-child(1) { display: none;}
.indexInfo .info-fr { position: relative;padding: 65px 120px 0 80px;float: right;width: 25%;height: 905px;background: #1d9a89;}
.indexInfo .info-fr canvas { position:absolute; left:0; top:0; width:100%; height:100%;}
.indexInfo .info-fr .item {display: block;padding: 60px 0;border-bottom: 1px solid #52b1a5;color: #fff;animation: fadeinB 1s;}
.indexInfo .info-fr .item p small { font-size: 51px; font-family:" DIN Medium";}
.indexInfo .info-fr .item p span {margin-left: -7px;display: inline-block;text-align: center;width: 24px;height: 24px;border-radius: 50%;background: #ffd200;font-size: 15px;color: #000;}
.indexInfo .info-fr .item > span {margin-top: 10px;display: block;font-size: 15px;line-height: 1.75;}
.indexInfo .info-fr .item:last-child { padding-bottom: 0; border: none;}
.indexInfo .Info-fl .player{position:absolute;z-index:99;left:50%;bottom:120px;padding:20px;width:200px;height:200px;text-align:center;transform:translateX(-50%);background:rgba(0,0,0,0.3);border-radius:20px}
.indexInfo .Info-fl .player i{display:block;margin:0 auto;color:#fff;font-size:40px;width:100px;height:100px;line-height:100px;cursor:pointer;background:rgba(255,210,0,0.85);border-radius:50%;}
.indexInfo .Info-fl .player span{display:block;margin-top:10px;font-weight:bold;font-size:18px;color:#fff;}
.indexInfo .Info-fl .player p{font-size:16px;color:#fff;}
@media (max-width:1700px) {
.indexInfo .Info-fl .text {padding-left: 90px;}
.indexInfo .info-fr { padding: 40px 100px 0 50px;}
.indexInfo .info-fr .item { padding: 40px 0;}
}
@media (max-width:1600px) {
.indexInfo .Info-fl { padding-top: 85px; height: 800px;}
.indexInfo .info-fr {height: 800px;padding: 40px 65px 0 50px;}
.indexInfo .Info-fl .text { padding-left: 60px;}
.indexInfo .Info-fl .video { padding: 68px 0; margin: 0 30px 0 45px; height: 185px;}
.indexInfo .Info-fl .tit { width: 390px;}
}
@media (max-width:1400px) {
.indexInfo .Info-fl .tit { width: 340px;}
}
@media (max-width: 1300px) {
.indexInfo .Info-fl { float: none; padding: 40px 10px 200px; height: auto; width: 100%;}
.indexInfo .Info-fl .text { float: none; width: 100%; padding: 0 15px;}
.indexInfo .Info-fl .text .text-hd { float: none; text-align: center;}
.indexInfo .Info-fl .text-hd p { font-size: 24px;}
.indexInfo .Info-fl .text-hd h2 { font-size: 24px;}
.indexInfo .Info-fl .text-hd em { margin-top: 10px;}
.indexInfo .Info-fl .text-hd span {  font-size: 14px;}
.indexInfo .Info-fl .video { float: none; padding:0 95px; margin:25px auto; width: 70%; height: 45px;}
.indexInfo .Info-fl .video::after { left: 0; top: 50%; width: 100%; height: 1px; background: #474747;}
.indexInfo .Info-fl .video span { position: absolute; bottom: 0;}
.indexInfo .Info-fl .tit { float: none;margin:0;width:100%;}
.indexInfo .Info-fl .tit p { font-size: 14px; text-align: center;}
.indexInfo .Info-fl .tit a { margin: 20px auto 0;}
.indexInfo .info-fr { padding:10px 15px 30px;  float: none;  width: 100%;height:auto; overflow: hidden;}
.indexInfo .info-fr .item { padding: 20px 0; overflow: hidden;}
.indexInfo .info-fr .item p { float: left;}
.indexInfo .info-fr .item p small {font-size: 48px;}
.indexInfo .info-fr .item p small:nth-child(2) { margin-left: -5px;}
.indexInfo .info-fr .item p span { width: 20px; height: 20px; font-size: 14px;}
.indexInfo .info-fr .item:nth-child(3) p span {margin-left: -20px;}
.indexInfo .info-fr .item > span {margin-top: 0;float: right;width: 60%;font-size: 14px;}
.indexInfo .Info-fl .player{padding:0;bottom:20px;width:50px;height:50px;}
.indexInfo .Info-fl .player i{width:50px;height:50px;line-height:50px;font-size:20px;}
.indexInfo .Info-fl .player span,.indexInfo .Info-fl .player p{display:none;}
}
@keyframes player{
    0%{opacity:0;transform:scale(0.3);}
    50%{opacity:1;transform:scale(1.05);}
    70%{transform:scale(0.9);}
    100%{transform:scale(1);}
}
/* indexInfo end */

/* product */
.product { padding:90px 0 0; overflow: hidden; background: #fff;}
.product .product-slide { position: relative; margin-top: 50px; overflow: hidden;}
.product .product-slide .swiper-slide { padding: 50px 0; border-top: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;}
.product .product-slide .pic { display: block; width: 100%; overflow: hidden;}
.product .product-slide .pic img { transition: all 1s;}
.product .product-slide .text { position: relative; z-index: 2; margin-top:-65px; height: 65px; text-align: center;}
.product .product-slide .text p { font-size: 18px; color: #000;}
.product .product-slide .text span { display: block; margin-top: 5px; font-size: 14px; color: #999;}
.product .product-slide .swiper-slide:hover img { transform: scale(1.1);}
.product .product-slide .swiper-slide:hover .text * { color: #1d9a89!important;}
.product-slide .prev,.product-slide .next { cursor: pointer; position: absolute; top: 50%; width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; border-radius:50%; background: #ffd200; z-index: 2;}
.product-slide .prev { left: 30px;}
.product-slide .next { right: 30px;}
.product-slide .prev:hover,.product-slide .next:hover { background: #1d9a89; color: #fff;}
@media (max-width:1440px) {
.product .product-slide .text { margin-top:-40px;}
}
@media (max-width:1200px) {
    .product { padding: 40px 0 0;}
    .product-slide .prev { left: 10px;}
    .product-slide .next { right: 10px;}
    .product .product-slide .swiper-slide { padding: 20px 0;}
    .product .product-slide .text { margin-top: -20px;}
    .product .product-slide .text p { font-size: 16px;}
}
/* product  end */

/* case */
.case { padding: 90px 0 0; background: #fff; overflow: hidden;}
.case .case-con { margin-top: 45px;overflow: hidden;}
.case .case-menu { position: relative;float: left;width: 25%;height: 780px;z-index: 9;}
.case .case-menu canvas {position:absolute;left:0;bottom: 0;width:100%;height: 250px;}
.case .case-menu .inner { position: relative; top: 50%; transform: translateY(-50%);}
.case .case-menu .inner .item {display: block;z-index: 4;width: 100%;}
.case .case-menu .inner .item .case-hd { padding-left: 50px; display: block; width: 100%; height: 78px; line-height: 78px;}
.case .case-menu .inner .item .case-hd small {display: inline-block;font-size: 16px;color: #fff;opacity: .3;}
.case .case-menu .inner .item .case-hd i {display: inline-block;margin-top: -5px;vertical-align: middle;margin-left: 90px;width: 30px;filter:contrast(0%) brightness(200%);-webkit-filter: contrast(0%) brightness(200%);-moz-filter: contrast(0%) brightness(200%);-ms-filter: contrast(0%) brightness(200%); -o-filter: contrast(0%) brightness(200%);}
.case .case-menu .inner .item .case-hd span { display: inline-block; margin-left: 20px; font-size: 20px; color: #fff;}
.case .case-menu .inner .item .tit {display: none;padding: 75px 30px 0;position: absolute;left: 100%;top: 0;width: 400px;height: 100%;background: #ffd200;z-index: 149;}
.case .case-menu .inner .item .tit h3 { font-size: 24px; color: #000; font-weight: bold;}
.case .case-menu .inner .item .tit h3  a {color: #000;}
.case .case-menu .inner .item .tit h3  a:hover { color: #1d9a89;}
.case .case-menu .inner .item .tit p { margin-top: 30px; font-size: 16px; line-height: 1.75; font-weight: bold;}
.case .case-menu .inner .item .tit > a  { display: block; margin: 55px 0 0; width: 150px; height: 45px; line-height: 45px; text-align: center; background: #000; color: #ffd200; font-size: 15px;}
.case .case-menu .inner .item .tit > a i { margin-left: 8px; display: inline-block; width: 20px; vertical-align: text-top;}
.case .case-menu .inner .item:nth-child(n+5) .tit { bottom: 0; top: auto;}
.case .case-menu .inner .item .tit > a:hover { background: #1d9a89; color: #fff;}
.case .case-menu .inner .item .tit > a:hover i {filter:contrast(0%) brightness(200%);-webkit-filter: contrast(0%) brightness(200%);-moz-filter: contrast(0%) brightness(200%);-ms-filter: contrast(0%) brightness(200%); -o-filter: contrast(0%) brightness(200%);}
.case .case-menu .inner .item.cur .case-hd{ background: #ffd200;}
.case .case-menu .inner .item.cur .case-hd small { color: #333; opacity: 1;}
.case .case-menu .inner .item.cur .case-hd i {filter:none;}
.case .case-menu .inner .item.cur .case-hd span { color: #000;}
.case .case-menu .inner .item:hover .tit { display: block;}
.case .case-slide {float: right;width: 75%;height: 780px;overflow: hidden;}
.case-slide .prev,.case-slide .next { display: none; position: absolute; top: 25%; width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; border-radius:50%; background: #ffd200; z-index: 2;}
.case-slide .prev { left: 10px;}
.case-slide .next { right: 10px;}

@media (max-width:1440px) {
    .case .case-menu { height: 720px;}
    .case .case-slide { height: 720px;}
    .case .case-menu .inner .item .case-hd i { margin-left: 55px;}
}
@media (max-width:1200px) {
.case .case-menu canvas { display:none;}
    .case { position: relative; padding: 40px 15px;}
    .case-slide .prev,.case-slide .next { display: block;}
    .case .case-slide { float: none; width: 100%; height: 260px;}
    .case .case-menu .inner { top: auto; transform: none;}
    .case .case-menu .inner .item .case-hd { display: none;}
    .case .case-menu { float: none; width: 100%; height: auto;}
    .case .case-menu .inner .item .case-hd { padding:20px; height:50px; line-height: 50px;}
    .case .case-menu .inner .item .tit { padding: 20px; position: relative; top: auto; left: auto; bottom: auto; width: 100%; height: auto;}
    .case .case-menu .inner .item.cur .tit { display:block;}
    .case .case-menu .inner .item .tit h3 { font-size: 18px;}
    .case .case-menu .inner .item .tit p { margin-top: 20px; font-size: 14px;}
    .case .case-menu .inner .item .tit > a { margin: 35px 0 0;}
}

/* case end */


/* map */
.map { display: block;padding: 85px 0 0; background: url(../images/Index/map-bg02.jpg) no-repeat center; width: 100%; height: 677px; background-size: cover;}
.map .map-list { position: relative; float: left; width: 740px;}
.map .map-list li { position: absolute;  width: 100px; height: 100px;border-radius: 50%; overflow: hidden; }
.map .map-list li span.cir1 { position: absolute; left: 0; top: 0; width: 100px; height: 100px; background: #ffd200; opacity: .2; border-radius: 50%; overflow: hidden;animation: lignt2 4s infinite ease-in-out;}
.map .map-list li span.cir2 { position: absolute; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; border-radius: 50%; width: 40px; height:40px; background: #ffd200; opacity: .5; overflow: hidden; animation: lignt3 4s infinite ease-in-out;}
.map .map-list li span.cir3 { position: absolute;  left: 50%; top: 50%; margin-top: -5px; margin-left: -5px;width: 10px; height: 10px; background: #1a8e7e;border-radius: 50%; overflow: hidden; animation: lignt 4s infinite ease-in-out;}
.map .map-list li:nth-child(1) {left: 445px;bottom: 260px;}
.map .map-list li:nth-child(2) {left: 500px;bottom: 325px;}
.map .map-list li:nth-child(3) {left: 490px;bottom: 225px;}
.map .map-list li:nth-child(4) {left: 430px;bottom: 185px;}
.map .map-list li:nth-child(5) {left: 515px;bottom: 157px;}
.map .map-list li:nth-child(6) {left: 280px;bottom: 140px;}
.map .map-list li:nth-child(7) {left: 450px;bottom: 30px;}
.map .map-list li:nth-child(8) {left: 500px;bottom: 85px;}
.map .map-list li:nth-child(9) {left: 415px;bottom: 95px;}
.map .map-link { float: right; width: 590px;}
.map .map-link > p {font-size: 40px;line-height: 1.25;color: #333;animation: fadeinL 1s;}
.map .map-link > p span {display: block;font-weight: bold;}
.map .map-link ul {margin-top: 70px; padding: 30px 0; overflow: hidden; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.map .map-link ul li { animation:fadeinR 1.5s; float: left; width: calc(100%/4); text-align: center;}
.map .map-link ul li i { display: block; margin: 0 auto; width: 40px;}
.map .map-link ul li p { margin-top: 10px; font-size: 16px; color: #666;}
.map .map-link .map-btn { margin-top: 65px; overflow: hidden;}
.map .map-link .map-btn a { display: inline-block; width: 140px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #fff; background: #1d9a89;} 
.map .map-link .map-btn a i { margin-left: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; background: url(../images/Index/more-icon03.png) no-repeat center;}
.map .map-link .map-btn em { display: inline-block; margin-left: 25px; font-size: 16px; color: #666; font-family: "DIN Medium";}
.map .map-link .map-btn a:hover { background: #ffd200; color: #000;}
.map .map-link .map-btn a:hover i { background: url(../images/Index/more-icon01.png) no-repeat center;}
@media (max-width:1440px) {
    .map .map-list { width: 640px;}
    .map .map-link { width: 490px;}
    .map .map-list li { width: 50px; height: 50px;}
    .map .map-list li span.cir1 { width: 50px; height: 50px;}
    .map .map-list li span.cir2 { width: 26px; height: 26px; margin-left: -13px; margin-top: -13px;}
    .map .map-list li:nth-child(1) {left: 400px;bottom: 240px;}
    .map .map-list li:nth-child(2) {left: 470px;bottom: 289px;}
    .map .map-list li:nth-child(3) {left: 432px;bottom: 225px;}
    .map .map-list li:nth-child(4) {left: 393px;bottom: 185px;}
    .map .map-list li:nth-child(5) {left: 451px;bottom: 157px;}
    .map .map-list li:nth-child(6) {left: 280px;bottom: 140px;}
    .map .map-list li:nth-child(7) {left: 400px;bottom: 45px;}
    .map .map-list li:nth-child(8) {left: 450px;bottom: 115px;}
    .map .map-list li:nth-child(9) {left: 415px;bottom: 95px;}
}
@media (max-width:1200px) {
    .map { padding: 40px 15px; height: auto;}
    .map .map-list { display: none;}
    .map .map-link {float: none; overflow: hidden; width: 100%;}
    .map .map-link > p { text-align: center; font-size: 24px;}
    .map .map-link ul { margin-top: 30px; padding: 15px 0;}
    .map .map-link ul li { margin: 10px 0; width: calc(100%/2);}
    .map .map-link .map-btn { margin-top: 30px;}
    .map .map-link .map-btn a {  width: 120px;}
    .map .map-link .map-btn em { margin-left: 15px; font-size: 14px;}
}
@keyframes lignt {
    0% { transform: scale(0); }
    70% { transform: scale(1); opacity: .8;}
    100% { transform: scale(1); opacity: 0;}
}
@keyframes lignt2 {
    0% { transform: scale(0); opacity: 0;}
    70% { transform: scale(1); opacity: .2;}
    100% { transform: scale(1); opacity:0;}
}
@keyframes lignt3 {
    0% { transform: scale(0);opacity: 0; }
    70% { transform: scale(1); opacity: .5;}
    100% { transform: scale(1); opacity: 0;}
}
/* map end */

/* news */
.news { padding: 100px 0 75px; overflow: hidden; background: #fff;}
.news .news-hd { margin-bottom: 70px; overflow: hidden;}
.news .news-hd .wrap-title { float: left;}
.news .news-hd .news-menu { float: right; height: 52px;}
.news .news-hd .news-menu li { float: left; width: 140px; height: 50px; line-height: 50px; text-align: center;}
.news .news-hd .news-menu li a { display: block; border: 1px solid #e8e8e8; color: #333; font-size: 18px;}
.news .news-hd .news-menu li.cur a { background: #ffd200; color: #000; border-color: #ffd200;}
.news .news-hd .news-menu li:nth-child(n+2) a { border-left: none;}
.news .news-slide { margin: 0 -18px;display: block;overflow: hidden;}
.news .news-slide .item {float: left;animation:fadeinB 1.5s;  margin: 0 18px; width: calc(100%/3 - 36px);}
.news .news-slide .item .pic { display: block; overflow: hidden;}
.news .news-slide .item .pic img { transition: all 1s;}
.news .news-slide .item .text {position: relative;background: url(../images/Index/more-icon04.png) no-repeat right calc(100% - 25px);padding: 35px 0 25px;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.news .news-slide .item .text  h3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.news .news-slide .item .text  h3 a { font-size: 20px; color: #333;}
.news .news-slide .item .text p { margin-top: 15px; font-size: 15px; color: #666; line-height: 1.75;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}

.news .news-slide .item .text em { display: block; margin-top: 30px; font-size: 14px; color: #999;}
.news .news-slide .item .text  h3 a:hover { color: #1d9a89;}
.news .news-slide .item .pic:hover img { transform: scale(1.1);}
.news .news-more { text-align: center; margin-top: 75px;}
.news .news-more a { font-size: 16px; color: #666;}
.news .news-more a i { margin-left: 10px; font-size: 14px;}
.news .news-more a:hover { color: #1d9a89;}
@media (max-width:1200px) {
    .news { padding: 40px 15px;}
    .news .news-hd .wrap-title { float: none;}
    .news .news-hd .news-menu { float: none; margin-top: 40px; height: 37px;}
    .news .news-hd .news-menu li { width:25%; height: 35px; line-height: 35px;}
    .news .news-hd .news-menu li a { font-size: 16px;}
    .news .news-hd { margin-bottom: 20px;}
    .news .news-slide { margin:0;}
    .news .news-slide .item { float: none; width: 100%; margin:20px 0; overflow: hidden;}
    .news .news-slide .item .pic { float:left; width: 45%;}
    .news .news-slide .item .text { border-bottom: none; float: right; width: 50%; padding: 0; background: none;}
    .news .news-slide .item .text h3 a { font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
    .news .news-slide .item .text p { font-size: 14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
    .news .news-slide .item .text em { display: none;}
    .news .news-slide .item:nth-child(n+4) { display: none;}
    .news .news-more { margin-top: 20px;}
}
/* news end */

/* --  video-pop -- */
.video-pop{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:#0009;background:rgba(0,0,0,0.8);}
.video-inner{position:fixed;top:50%;left:50%;margin-top:-300px;margin-left:-512px;width:1024px;height:600px;background:#000;}
.video-inner #videoiframe{display:block;width:1024px;height:600px;}
.video-inner #videoiframe video{width:1024px;height:600px;}
.video-close{position:absolute;left:100%;top:0;width: 32px;height:32px;text-align: center;line-height: 32px;cursor:pointer;background:#fff ;}
.video-close i {font-size: 24px;color: #000;font-weight: bold;}
.video-close:hover{background-color:#1d9a89; }
.video-close:hover i { color: #fff;}

@keyframes shaow{
    0%{box-shadow: 0px 0 0 0 rgba(0, 0, 0, 0.2);}
    100%{box-shadow: 0px 7px 40px 0 rgba(0, 0, 0, 0.2);}
}

@media (max-width:992px) {
    .video-inner { width: 100%; height: 350px; left: 0; top: 25%; margin: 0;}
    .video-close { left: auto; right: 0; top: -32px;}
    .video-inner #videoiframe { display: block;padding:10px;width: 100%; height:auto;}
    .video-inner #videoiframe video{width: 100%; height: 60vw;}
}
/* --end video-pop -- */