@charset"UTF-8"; .index-swiper{padding-top:0;height:100vh;} .index-swiper .swiper-container{height:100%;} .index-swiper .swiper-container-horizontal>.swiper-pagination-bullets, .index-swiper .swiper-pagination-custom, .index-swiper .swiper-pagination-fraction{bottom:24px;} .index-swiper .swiper-pagination .swiper-pagination-bullet{height:5px;width:50px;background:#fff;border-radius:0px;} .index-swiper .swiper-pagination .swiper-pagination-bullet-active{width:50px;opacity:1;border-radius:0px;background-color:#FD2E2A;} .index-swiper .content-video:after{z-index:2;background-color:rgb(0 0 0 / 42%);} .index-swiper .content-text .title{font-size: 54px;margin:0 0 28px;/*color:#111;*/} .index-swiper .content-text .intro{color: #111;font-size: 18px;margin-bottom: 34px;} .index-swiper .content-text .more{font-size: 14px;color: #fff;padding:15px 58px;background-color:#FD2E2A;} .index-swiper .content-text .more:hover{background-color:#fff;color:#FD2E2A;} .index-swiper .video-play{z-index:33;bottom:35%;border-radius:50%;width:36px;height:36px;background-color:rgba(255,255,255,0.25);border:1px solid #fff;} .index-swiper .video-play i{color:#fff;font-size:18px;line-height:34px;margin-left: 2px;} .index-swiper .video-play .iconplay{display:block;} .index-swiper .video-play .iconzt{display:none;} .index-swiper .video-play.active .iconplay{display:none;} .index-swiper .video-play.active .iconzt{display:block;} .figure-madol{background:rgba(0,0,0,0.6);z-index:999999999;} .figure-madol img.vclose{} .figure-close{margin-bottom:10px;} .figure-content{max-width:900px;} .index-img{padding:100px 0;} .index-img div[class*=col-sm-]{padding:0 12.5px;} .index-img div[class*=col-sm-] .img{border-radius:8px;} .index-img div[class*=col-sm-] .img ~ .img{margin-top:25px;} .index-img div[class*=col-sm-] .img .text{bottom:30px;left:40px;z-index: 2;} .index-img div[class*=col-sm-] .img .text .title{font-size:16px;} .index-img div[class*=col-sm-] .img .text .intro{font-size:24px;} .index-img div[class*=col-sm-] .img:hover > img{transform: scale(1.1);} .index-map{padding:100px 0 160px 0;} .index-map .title2{font-size: 40px;margin-bottom:40px;} .index-map .content{margin-bottom: 35px;} .index-map .title2{} .index-map .text{} .index-map .text div[class*=col-sm-] .data{font-size:40px;} .index-map .text div[class*=col-sm-] .data em{font-size:14px;} .index-map .text div[class*=col-sm-] .intro{font-size:14px;} .index-map1{background-color: #fff;border-radius: 8px 8px 8px 8px;border: 1px solid #DBDBDB;margin:-100px 0 0;padding:30px 0;} .index-map1 .text-content{bottom:30px;left:50px;} .index-map1 .text-content .title{font-size:24px;color:#000;margin-bottom:14px;} .index-map1 .text-content .intro{color:#000;margin-bottom:10px;} .index-map1 .map-content{width:165px;left:100%;top:100%;} .index-map1 .map-content .site{color:#111;font-size:14px;right:30px;bottom:30px;} .index-map1 .map-content .text-icons > img{} .index-map1 .map-content .text-icons .text-t{background-color:#FF0000;color:#fff;border-radius: 4px 4px 4px 4px;padding:10px;font-size:16px;margin-top:10px;} .index-map1 .map-content .text-icons .text-t:after{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #FF0000;bottom:100%;} .index-news-home{padding:90px 0;} .index-news-home .title2{font-size:40px;margin-bottom:60px;color:#000;} .index-news-home .a-more{background-color:#FF0000;color: #fff;border-radius: 4px;padding:10px 30px;margin-top:55px;} .index-news-lists div[class*=col-sm-] .a-link{background:#fff;border-radius:10px;} .index-news-lists div[class*=col-sm-] .a-link .text{padding:20px 25px 50px;} .index-news-lists div[class*=col-sm-] .a-link .text .title{font-size:18px;color:#000;margin-bottom:20px;line-height:1.5;} .index-news-lists div[class*=col-sm-] .a-link .text .intro{color: #000;} .index-news-lists div[class*=col-sm-] .a-link:hover .img img{transform: scale(1.1);} footer{background-color:#3E3A39;padding-top:70px;} .footer-ul li~li{margin-left:10%;} .footer-ul li .title4{font-size: 18px;margin-bottom:40px;} .footer-ul li .a-link{margin-bottom:20px;color:#999;} .footer-ul li .a-div.a-data .a-link:nth-child(1n+6){display:none;} .footer-ul li .a-div.a-data .a-more{color: #999;} .footer-ul li .a-div.a-data.a-hide-data .a-more{display:none;} .footer-ul li .a-div.a-data.a-hide-data .a-link:nth-child(1n+6){display:block;} .footer-ul li .title4{font-size:18px;} .footer-ul li .a-link:hover{color:#fff;} footer .right-contact > img{margin-bottom:34px;width:auto;} footer .right-contact .title4{margin-bottom:40px;} footer .right-contact .d-l{margin-bottom:10px;color:#999;} footer .right-contact .d-l .name{} footer .lists-icons{margin-top:20px;} footer .lists-icons .lists~ .lists{margin-left:30px;} footer .lists-icons .lists > img{height:20px;width:auto;} footer .lists-icons .lists i.iconfont{color:#fff;font-size:20px;line-height:1;} footer .lists-icons .lists .img-po .imgd{background-color:#fff;width:100%;width:100px;height:auto;padding:6px;top:100%;margin-top:4px;} footer .lists-icons .lists .img-po{display:none;} footer .lists-icons .lists:hover i.iconfont{} footer .lists-icons .lists.active .img-po{display:block;} footer .bottom-div{font-size:12px;color:#999;padding:30px 0 60px;border-top:1px solid rgba(255,255,255,0.20);} footer .bottom-div a{color:#999;margin-left:10px;display:inline-block;} footer .bottom-div .gongan{margin-left:10px;} footer .bottom-div .gongan a{margin-left:4px;} .img-erweima{max-width:100px;background-color:#fff;padding: 6px;} .nav-pr-lists{padding-top:88px;padding-bottom:88px;} .nav-pr-lists .left{padding-left:100px;width:67.142%;} .nav-pr-lists .right{width:32.858%;} /*.nav-pr-lists .right .img:hover img{transform:scale(1.05);}*/ .nav-pr-lists .left .content-pr{margin-top:12px;padding-right:50px;/*max-height:328px;*/} /* 婊氬姩鏉?/ .nav-pr-lists .left .content-pr::-webkit-scrollbar { width: 6px; /*height: 18px;*/ background-color:#E7E9EB; } /*瀹氫箟婊氬姩鏉¤建閬 鍐呴槾褰?鍦嗚*/ .nav-pr-lists .left .content-pr::-webkit-scrollbar-track { /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/ background: #f7f8fb; /*height:18px;*/ } /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ .nav-pr-lists .left .content-pr::-webkit-scrollbar-thumb { border-radius: 10px; /*height:8px;*/ /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/ background-color:#E7E9EB; /*background: -webkit-linear-gradient(left, #51151c , #c30d23 , #51151c); background: -o-linear-gradient(right, #51151c , #c30d23, #51151c); background: -moz-linear-gradient(right, #51151c , #c30d23, #51151c); background: linear-gradient(to right, #51151c , #c30d23 , #51151c);*/ } .nav-pr-lists .left .content-pr::-webkit-scrollbar-thumb:hover { border-radius: 10px; /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/ background-color: #E7E9EB; } /* 婊氬姩鏉 end*/ .nav-pr-lists .left .lists{width:20%;} .nav-pr-lists .left .lists .a-link{} .nav-pr-lists .left .lists .a-link .img{max-width:88px;margin:0 auto 10px;} .nav-pr-lists .left .lists .a-link .img img:nth-child(2), .nav-pr-lists .left .lists .a-link:hover .img img:nth-child(1){opacity:0} .nav-pr-lists .left .lists .a-link:hover .img img:nth-child(2){opacity:1} .nav-pr-lists .left .lists .a-link .title{font-size:16px;color:#666;} .nav-pr-lists .left .lists .a-link:hover .title{color:#FD2E2A;} .nav-pr-lists .left .lists:nth-child(5n+1){clear:both;} .nav-pr-lists .left .lists:nth-child(1n+6){} .nav-pr-lists .right .a-link .title{font-size:16px;color:#111;margin-top:25px;} /*.nav-pr-lists .right .a-link .img img{transform:scale(1);} .nav-pr-lists .right .a-link:hover .img img{transform:scale(1.2);}*/ .nav-pr-lists .right .a-link:hover .title{color:#FD2E2A;} .divbuttonsearch.hover_cursor:after{height:100%;z-index:2;} .nbanner .title-text .title1{font-size:50px;color: #070707;margin-bottom:30px;} .nbanner .title-text .intro{font-size:18px;color: #000;} .newsbanner.nbanner:after{height: 132px; background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 100%); background: -o-linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 100%); background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 100%); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 100%); } .news-top{padding: 0 0 88px;/*margin:-88px 0 0;*/} .news-top .news-3{margin: 0 -13px;} .news-top .news-3 div[class*=col-]{padding:0 13px;} .news-top .news-3 div[class*=col-] .a-link{border-radius: 0;} .news-top .news-3 div[class*=col-] .a-link:hover > img{transform:scale(1.1);} .news-top .news-3 div[class*=col-] .text{padding:0 25px 24px; background: -webkit-linear-gradient(180deg, rgba(2,2,2,0) 0%, rgba(5,5,5,0.7) 100%); background: -moz-linear-gradient(180deg, rgba(2,2,2,0) 0%, rgba(5,5,5,0.7) 100%); background: -o-linear-gradient(180deg, rgba(2,2,2,0) 0%, rgba(5,5,5,0.7) 100%); background: linear-gradient(180deg, rgba(2,2,2,0) 0%, rgba(5,5,5,0.7) 100%); } .news-top .news-3 div[class*=col-] .title{font-size:18px;margin-bottom:10px;} .news-top .news-3 div[class*=col-] .intro{} .news-lists{margin-top:50px;} .news-lists .a-details{padding:35px 0;background-color:#fff;} .news-lists .a-details ~ .a-details{border-top:1px solid #eee;} .news-lists .a-details .img{border-radius:0;} .news-lists .a-details .left{width:28%;} .news-lists .a-details .right{padding-left:60px;width:72%;} .news-lists .a-details .right .title{font-size:20px;color: #111;margin-bottom:20px;margin-top:10px;} .news-lists .a-details .right .intro{color: #666;margin-bottom:30px;} .news-lists .a-details .right .other{color: #666;font-size:12px;} .news-lists .a-details:hover{/*box-shadow: 0px 2px 12px 1px rgba(168,174,196,0.19);*/z-index:33;} /*.news-lists .a-details:hover ~ .a-details{border-top-color:transparent;}*/ .news-lists .a-details:hover .right .title{color:#FF0000;} .news-lists .a-details:hover .img img{transform: scale(1.1);} .news-more-but{font-size: 12px;color:#999;} .news-more-but .more{color:#111;padding:8px 60px;border:1px solid #111;margin-top:58px;} .news-more-but .more.nopages{border:none;padding:0;cursor:auto;color:#666;} .news-more-but .more.nopages:hover{color:#666;background-color:transparent;} /*.news-more-but .more[data-tips="鍔犺浇瀹屾瘯"]{display:none;}*/ .news-more-but .more:hover{background-color:#FD2E2A;border-color: #FD2E2A;color: #fff;} .news-details{padding:60px 0;} .mbx-ul{} .mbx-ul li, .mbx-ul li a{color: #999;margin-right:5px;} .mbx-ul li a:hover{color:#FD2E2A;} .mbx-ul li:last-child a{} .news-details .pages-title1{font-size:48px;color:#111;margin-top:50px;margin-bottom:25px;} .news-details .pages-date{color:#7D7D7D;} .news-details .pages-date .date~.date{margin-left:50px;} .news-details .pages-content{margin-top:70px;} .news-details .pages-content video{max-width:100% !important;height:auto;} .news-details .pages-content img{width:auto;max-width:100% !important;} .news-details .pages-content p{margin-bottom: 0;line-height:1.8} .news-more{margin: 80px -9px;} .news-more div[class*=col-]{padding:0 9px;} .news-more .more{background: #FFFFFF;box-shadow:0px 2px 12px 1px rgba(168,174,196,0.19);border-radius: 8px 8px 8px 8px;padding:30px;min-height: 155px;} .news-more .more .title{color: #111;padding-bottom: 10px;margin-bottom: 20px;} .news-more .more .title:after{height: 4px;top: 100%; background: -webkit-linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); background: -moz-linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); background: -o-linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); background: linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); } .news-more .more .a-link{color: #111;} .news-more .more .a-link:hover{color:#ff0000;} .share-svg{margin-top:25px;} .share-svg:before{height:1px;background-color:#eee;} .share-svg .text{color: #999;font-size:12px;margin-right:10px;margin-top:10px;} .share-svg .img-svg{padding:0 30px;} .share-svg .img-svg .a-more{border: 1px solid #DDDDDD;width: 37px;height: 37px;line-height: 35px;border-radius:50%;} .share-svg .img-svg .a-more~.a-more{margin-left:10px;} .share-svg .img-svg .a-more i{color:#999;font-size:18px;line-height:35px;} .share-svg .img-svg .a-more:hover{background-color:#FD2E2A;border-color:#FD2E2A;} .share-svg .img-svg .a-more:hover i{color:#fff;} .share-svg .img-svg .a-more .img-ew{width:100px;height:100px;top:100%;background-color:#fff;border:1px solid #eee;border-radius:4px;padding:4px;display:none;margin-top:10px;} .share-svg .img-svg .a-more:hover .img-ew{display:block;} .news-details .right-page{padding-left:65px;} .news-details .right-page .title2{font-size:24px;color: #000;padding-bottom:10px;margin-bottom:20px;} .news-details .right-page .title2:after{height: 4px;top: 100%; background: -webkit-linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); background: -moz-linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); background: -o-linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); background: linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); } .xg-news-ul{margin-bottom:75px;} .xg-news-ul li .a-link{padding-bottom:20px;border-bottom:1px solid #ddd;margin-bottom:20px;} .xg-news-ul li .a-link .title{color: #000;margin-bottom:7px;font-size:15px;} .xg-news-ul li .a-link .date{color: #000;} .xg-news-ul li .a-link:hover .title{color:#FF0000;} .xg-kj{margin:0 -12px;} .xg-kj div[class*=col-]{padding:0 12px;} .xg-kj div[class*=col-] a{border: 1px solid #eee;border-radius: 15px;padding:3.5px 0;margin-bottom:20px;color:#000;} .xg-kj div[class*=col-] a:hover{background-color:#FD2E2A;color:#fff;border-color:#FD2E2A;} .index-img1{padding:88px 0;} .index-img1 .lists-img .lists{width:28%;} .index-img1 .lists-img .lists~.lists{} .index-img1 .lists-img .lists:nth-child(1){width:44%;} .index-img1 .lists-img .lists:nth-child(5n+1){width:44%;} .index-img1 .lists-img .lists:nth-child(3n+1){clear:both;} .index-img1 .lists-img .lists:nth-child(1n+4){margin-top:20px;} .index-img1 .lists-img .lists:nth-child(2){padding-left:20px;} .index-img1 .lists-img .lists:nth-child(3){padding-left:20px;} .index-img1 .lists-img .lists:nth-child(4){padding-right:20px;} .index-img1 .lists-img .lists:nth-child(5){padding-right:20px;} .index-img1 .lists-img .lists:nth-child(6){} .index-img1 .lists-img .lists .text{padding:0 25px;bottom:0; background: -webkit-linear-gradient(180deg, rgba(2,2,2,0) 0%, rgba(5,5,5,0.7) 100%); background: -moz-linear-gradient(180deg, rgba(2,2,2,0) 0%, rgba(5,5,5,0.7) 100%); background: -o-linear-gradient(180deg, rgba(2,2,2,0) 0%, rgba(5,5,5,0.7) 100%); background: linear-gradient(180deg, rgba(2,2,2,0) 0%, rgba(5,5,5,0.7) 100%); } .index-img1 .lists-img .lists .intro{background-color:rgba(0, 0, 0, 0.3);line-height:1;padding:8px 12px;} .index-img1 .lists-img .lists .title3{font-size:18px;margin-right:10px;} .index-img1 .lists-img .lists .more{font-size:14px;margin-top:0;opacity: 0;} .index-title2{font-size:40px;color:#000;} .index-img1 .index-title2{margin-bottom:48px;} .index-img1 .lists-img .lists .a-link .rj{font-size:26px;line-height: 1;} .index-img1 .lists-img .lists .a-link:hover > img{transform:scale(1.05);} .index-img1 .lists-img .lists .a-link:hover .text{padding-bottom:25px;} .index-img1 .lists-img .lists .a-link:hover .more{margin-top:10px;opacity: 1;} .index-img1 .lists-img .lists .a-link:hover .rj{color:#FF0000;} .i-about1{background-color:#FD2E2A;height:532px;} .i-about1 .lists{width:30%;float:left;} .i-about1 .lists .img{float:left;width:100%;} .i-about1 .lists .img .content{font-size: 32px;} .i-about1 .lists .text{padding:88px 105px 0 105px;width:70%;float:left;display:none;} .i-about1 .lists.active{width:70%;} .i-about1 .lists.active .text{display:block;width: 100%;} .i-about1 .lists.active .img{width:0%;} .i-about1 .title3{font-size:32px;margin-bottom:40px;} .i-about1 .intro{margin-bottom:30px;min-width:770px;} .i-about1 .intro p{margin-bottom:0;} .i-about1 .icon-lists .a{font-size:28px;} .i-about1 .icon-lists .b{font-size: 16px;} .i-about1 .icon-lists .d{} .i-about1 .icon-lists{min-width:770px;} .i-about1 .more{padding:7px 24px;border:1px solid #fff;color:#fff;margin-top:50px;opacity:0.7;} .i-about1 .more:hover{color:#fff;opacity:1;} .i-news-lists2{background: #FFFFFF;box-shadow: 0px 2px 12px 1px rgba(168,174,196,0.19);max-width:26.786%;padding:40px 0;} .i-news-lists2 .lists{padding:0 30px;max-height:566px;overflow-y: auto;overflow-x:hidden;display:none;} /* 婊氬姩鏉?/ .i-news-lists2 .lists::-webkit-scrollbar { width: 6px; /*height: 18px;*/ background-color:#E7E9EB; } /*瀹氫箟婊氬姩鏉¤建閬 鍐呴槾褰?鍦嗚*/ .i-news-lists2 .lists::-webkit-scrollbar-track { /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/ background: #f7f8fb; /*height:18px;*/ } /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ .i-news-lists2 .lists::-webkit-scrollbar-thumb { border-radius: 10px; /*height:8px;*/ /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/ background-color:#E7E9EB; /*background: -webkit-linear-gradient(left, #51151c , #c30d23 , #51151c); background: -o-linear-gradient(right, #51151c , #c30d23, #51151c); background: -moz-linear-gradient(right, #51151c , #c30d23, #51151c); background: linear-gradient(to right, #51151c , #c30d23 , #51151c);*/ } .i-news-lists2 .lists::-webkit-scrollbar-thumb:hover { border-radius: 10px; /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/ background-color: #E7E9EB; } /* 婊氬姩鏉 end*/ .i-news-lists2 .lists .d-li~ .d-li{margin-top:30px;/*padding-top:30px;border-top:1px solid #eee;*/} .i-news-lists2 .lists .a-link .img{margin-bottom:15px;} .i-news-lists2 .lists .a-link .img .text{bottom:10px;left:10px;} .i-news-lists2 .lists .a-link .title3{font-size:16px;color: #000;margin-bottom:10px;transition:.3s;} .i-news-lists2 .lists .a-link .intro{color:#111;font-size: 14px;margin-bottom:5px;} .i-news-lists2 .lists .a-link .c{color:#111;font-size:12px;} .i-news-lists2 .lists .a-link .c .l{color:#999;} .i-news-lists2 .lists .a-link:hover .title3{color:#FD2E2A;transition:.3s;} .i-news-lists2 .lists .a-link:hover .img img{transform:scale(1.05);} .i-news-lists2 .lists .a-link:hover .c{} .i-news-lists2 .lists.active{display:block;} .text-icon{line-height:1;margin:-6px 0 0 -8px;} .text-icon i{color:#FF0000;font-size: 24px;transition:.3s;line-height:1;display:block;} .text-icon i:hover{transition:.3s;font-size:28px;} .text-icon .content{padding:10px 25px;font-size:18px;line-height: 1;top:115%;display:none;} .text-icon .content:before{width:0;height:0;border:8px solid transparent;border-bottom:8px solid #ff0000;bottom:100%;} .text-icon.active{width:14px;margin:-7px 0 0 -9px;z-index:9;} .text-icon.active:hover .content{display: block;} #header .pages-link .a-link:hover{color:#FD2E2A;} /** * about * */ .pages-link{padding-top:30px;} .pages-link .a-link{color:#666;font-size: 16px;padding-bottom:16px;} .pages-link .a-link:after{height:4px;bottom:0;} .pages-link .a-link.active{color:#111;} .pages-link .a-link.active:after{ background: -webkit-linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); background: -moz-linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); background: -o-linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); background: linear-gradient(90deg, #FF0000 0%, rgba(255,241,241,0.24) 100%); } .pages-link .a-link ~ .a-link{margin-left:50px;} .search-nav.pages-link .a-link span{color:#999;font-size:14px;} .about-div1 .left{width:50%;min-width:50%;margin-right:65px;} .about-div1 .right .index-title2{font-size:40px;} .about-div1 .right .content{color:#3E3A39;padding-right:10px;} .about-div1 .right .content p{line-height:1.8;} /* 婊氬姩鏉?/ .about-div1 .right .content::-webkit-scrollbar { width: 6px; /*height: 18px;*/ background-color:#E7E9EB; } /*瀹氫箟婊氬姩鏉¤建閬 鍐呴槾褰?鍦嗚*/ .about-div1 .right .content::-webkit-scrollbar-track { /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/ background: #f7f8fb; /*height:18px;*/ } /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ .about-div1 .right .content::-webkit-scrollbar-thumb { border-radius: 10px; /*height:8px;*/ /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/ background-color:#E7E9EB; /*background: -webkit-linear-gradient(left, #51151c , #c30d23 , #51151c); background: -o-linear-gradient(right, #51151c , #c30d23, #51151c); background: -moz-linear-gradient(right, #51151c , #c30d23, #51151c); background: linear-gradient(to right, #51151c , #c30d23 , #51151c);*/ } .about-div1 .right .content::-webkit-scrollbar-thumb:hover { border-radius: 10px; /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/ background-color: #E7E9EB; } /* 婊氬姩鏉 end*/ .about-data{margin-top:88px;} .about-data div[class*=col-]{padding:0;} .about-data div[class*=col-] .a{font-size:60px;/*height:60px;*/} .about-data div[class*=col-] .span-data span{line-height:1;} .about-data div[class*=col-] .b{font-size:24px;} .about-data div[class*=col-] .d{color:#000;font-size:18px;margin-top:15px;} .about-div2{/*height:484px;*/} .about-div2 .lists{max-width:20%;width:20%;cursor: pointer;} .about-div2 .lists img{z-index: 1;} .about-div2 .lists .text{font-size: 36px; background: -webkit-linear-gradient(360deg, rgba(2,2,2,0) 0%, rgba(5,5,5,0.7) 100%); background: -moz-linear-gradient(360deg, rgba(2,2,2,0) 0%, rgba(5,5,5,0.7) 100%); background: -o-linear-gradient(360deg, rgba(2,2,2,0) 0%, rgba(5,5,5,0.7) 100%); background: linear-gradient(360deg, rgba(2,2,2,0) 0%, rgba(5,5,5,0.7) 100%); } .about-div2 .lists .content{padding:0 14.5%;opacity: 0;} .about-div2 .lists .content .title3{font-size: 36px;margin-bottom:35px;} .about-div2 .lists .content .intro{} .about-div2 .lists.active{width:40%;max-width:40%;cursor:auto;} .about-div2 .lists.active img{opacity: 0;z-index: 0;display:none;} .about-div2 .lists.active .text{background:none;opacity:0;z-index:0;} .about-div2 .lists.active .content{opacity: 1;} .about-div3 .lists{width: 20%;padding-right:0;} .about-div3 .lists:nth-child(5n+1){clear:both;} .about-div3 .lists:nth-child(1n+6){margin-top:40px;} .about-div3 .lists .top{font-size:14px;color: #000;} .about-div3 .lists .top span{font-size: 13px;margin-left: 13px;} .about-div3 .lists .top span:after{width:8px;height:8px;border-radius:50%;background:#FD2E2A;left:4px;bottom:-24px;} .about-div3 .lists:last-child .top span:before{content:'';display:block;width:0;height:0;border-left:10px solid #ddd;border-top:6px solid transparent;border-bottom:6px solid transparent;position:absolute;right:0;bottom:-26px;} .about-div3 .lists .content .title-top{font-size:14px;color:#000;} .about-div3 .lists .content{color:#666;padding-top:20px;margin-top: 20px;padding-right:20px;line-height:1.7;} .about-div3 .lists .content:before{background: #ddd;height:1px;right:0;left:0;top: 0;} .about-div3 .lists .content:after{width:16px;height:16px;/*background:#FFFFFF;*/top:-8px;left:0;border-radius:50%;/*border:2px solid #FD2E2A;*/} .about-div4{margin-bottom:58px;} .about-div4 .toptitle{margin-bottom:37px;} .about-div4 .toptitle .title3{font-size:30px;color:#000;padding-bottom:10px;} .about-div4 .toptitle .title3:after{height:4px; background: -webkit-linear-gradient(90deg, #FF0000 0%, rgba(255,255,255,0) 100%); background: -moz-linear-gradient(90deg, #FF0000 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(90deg, #FF0000 0%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, #FF0000 0%, rgba(255,255,255,0) 100%); } .about-div4 .toptitle .more{font-size:14px;color: #999;} .about-div4 .toptitle .more:hover{color:#FD2E2A;} .about-div4 .div-lists{margin:0 -12px;} .about-div4 .div-lists div[class*=col-]{padding:0 12px;} .about-div4 .div-lists div[class*=col-] .more-link:hover .img img{transform:scale(1.05);} .about-div4 .div-lists div[class*=col-] .more-link .content{padding:25px;background-color:#f7f8fb;} .about-div4 .div-lists div[class*=col-] .more-link .content .title4{color:#111;font-size: 18px;} .about-div4 .div-lists div[class*=col-] .more-link .content .intro{color:#666;} .about-div4 .div-lists div[class*=col-] .more-link:hover{box-shadow: 0px 2px 12px 1px rgba(168,174,196,0.19);} .about-div4 .div-lists div[class*=col-] .more-link:hover .content .title4{color:#FD2E2A;} .about-div4 .div-lists div[class*=col-sm-4]:nth-child(3n+1){clear:both;} .about-div4 .div-lists div[class*=col-sm-4]:nth-child(1n+4){margin-top:24px;} .about-div4 .div-lists div[class*=col-sm-3]:nth-child(4n+1){clear:both;} .about-div4 .div-lists div[class*=col-sm-3]:nth-child(1n+5){margin-top:24px;} .about-div5{margin-top:50px;} .about-div5 .left{width:49%;min-width:49%;padding-bottom:50px;} .about-div5 .left:after{background:#f7f8fb;height:50%;left:50px;z-index:0;} .about-div5 .left:hover img{transform:scale(1.05);} .about-div5 .right{padding:50px 80px 40px 70px;background:#f7f8fb;margin-top:50px;} .about-div5 .right .title4{font-size: 36px;color: #000;margin-bottom:24px;} .about-div5 .right .intro{color:#666;} .about-div5 .right .dw-link{border:1px solid #000;padding:7px 30px;color:#000;margin-top:24px;margin-right:20px;} .about-div5 .right .dw-link:hover{color:#fff;background-color:#FD2E2A;color:#fff;border-color:#FD2E2A;} #example3.about-pro .sp-thumbnail-container{font-size:24px;} #example3.about-pro .sp-thumbnail{line-height:50px;transition:.3s;} #example3.about-pro .sp-thumbnails.sp-grab{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} #example3.about-pro .sp-thumbnail:hover{color:#FD2E2A;transition:.3s;} #example3.about-pro .sp-selected-thumbnail{color:#FD2E2A;font-size:24px;} #example3.about-pro .sp-top-thumbnails{padding-bottom:20px;} #example3.about-pro .sp-top-thumbnails:after{content:'';display:block;position:absolute;height: 4px;left:0;bottom:0;width:100%; background: -webkit-linear-gradient(90deg, #FF0000 0%, rgba(255,255,255,0) 100%); background: -moz-linear-gradient(90deg, #FF0000 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(90deg, #FF0000 0%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, #FF0000 0%, rgba(255,255,255,0) 100%); } #example3.about-pro .sp-top-thumbnails .sp-previous-thumbnail-arrow:before, #example3.about-pro .sp-top-thumbnails .sp-previous-thumbnail-arrow:after, #example3.about-pro .sp-top-thumbnails .sp-next-thumbnail-arrow:before, #example3.about-pro .sp-top-thumbnails .sp-next-thumbnail-arrow:after{display:none;} #example3.about-pro .sp-top-thumbnails .sp-previous-thumbnail-arrow, #example3.about-pro .sp-top-thumbnails .sp-next-thumbnail-arrow{width:48px;height:48px;border-radius:50%;margin-top:-22px;text-align:center;transition: .3s;} #example3.about-pro .sp-top-thumbnails .sp-previous-thumbnail-arrow i, #example3.about-pro .sp-top-thumbnails .sp-next-thumbnail-arrow i{font-size:18px;line-height:48px;color:#111;transition: .3s;} #example3.about-pro .sp-top-thumbnails .sp-previous-thumbnail-arrow:hover i, #example3.about-pro .sp-top-thumbnails .sp-next-thumbnail-arrow:hover i{color:#fff;transition: .3s;} #example3.about-pro .sp-top-thumbnails .sp-previous-thumbnail-arrow:hover, #example3.about-pro .sp-top-thumbnails .sp-next-thumbnail-arrow:hover{background:#FD2E2A;transition: .3s;} #example3.about-pro .sp-top-thumbnails .sp-thumbnail-arrow.nohover i{color:#999;} #example3.about-pro .sp-top-thumbnails .sp-thumbnail-arrow.nohover:hover{background-color:transparent;} #example3.about-pro .lists-data{margin:30px -12px 0;} #example3.about-pro .lists-data div[class*=col-]{padding:0 12px;} #example3.about-pro .lists-data div[class*=col-]:nth-child(1n+5){margin-top:24px;} #example3.about-pro .lists-data div[class*=col-] .text{height:164px;font-size:14px;color:#000;padding:0 24px;} #example3.about-pro .lists-data div[class*=col-] .text:hover{background-color:#FD2E2A;color: #fff;} /*********************about********************end***/ .product-div1 .left{width:45.715%;min-width:45.715%;max-width:45.715%;} .product-div1 .right{padding:0 6%;font-size: 16px;color: #111;} .product-div2 .left{min-width:52.143%;max-width:52.143%;width:52.143%;} .product-div2 .left:hover img{transform:scale(1.05);} .product-div2 .right{padding:0 35px 0 55px;max-height:487px;overflow-y: auto;} .product-div2 .right{} /* 婊氬姩鏉?/ .product-div2 .right::-webkit-scrollbar { width: 6px; /*height: 18px;*/ background-color:#E7E9EB; } /*瀹氫箟婊氬姩鏉¤建閬 鍐呴槾褰?鍦嗚*/ .product-div2 .right::-webkit-scrollbar-track { /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/ background: #fff; /*height:18px;*/ } /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ .product-div2 .right::-webkit-scrollbar-thumb { border-radius: 10px; /*height:8px;*/ /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/ background-color:#E7E9EB; /*background: -webkit-linear-gradient(left, #51151c , #c30d23 , #51151c); background: -o-linear-gradient(right, #51151c , #c30d23, #51151c); background: -moz-linear-gradient(right, #51151c , #c30d23, #51151c); background: linear-gradient(to right, #51151c , #c30d23 , #51151c);*/ } .product-div2 .right::-webkit-scrollbar-thumb:hover { border-radius: 10px; /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/ background-color: #E7E9EB; } /* 婊氬姩鏉 end*/ .product-div2 .right .lists{padding:24px 50px;} .product-div2 .right .lists~.lists{} .product-div2 .right .lists .img{margin-right:10px;max-width:40px;} .product-div2 .right .lists .title{font-size:20px;color:#000;} .product-div2 .right .lists .intro{margin-top:10px;color:#666;} .product-div2 .right .lists.active, .product-div2 .right .lists:hover{background: #fff;box-shadow: 0px 2px 12px 1px rgba(168,174,196,0.19);} .product-div2 .right .lists:hover .title, .product-div2 .right .lists.active .title{color:#FD2E2A;} .product-div2 .right .lists:hover .intro, .product-div2 .right .lists.active .intro{color:#333;} .product-div3{margin:0 -12.5px;} .product-div3 div[class*=col-]{padding:0 12.5px;} .product-div3 div[class*=col-]:nth-child(3n+1){/*clear:both;*/} .product-div3 div[class*=col-]:nth-child(1n+4){/*margin-top:25px;*/} .product-div3 div[class*=col-] .content:hover .img img{transform:scale(1.05);} .product-div3 div[class*=col-] .text{padding:23px;background-color:#f7f8fb;} .product-div3 div[class*=col-] .text .title{font-size:18px;color:#000;} .product-div3 div[class*=col-] .text .intro{color:#666;margin-top:10px;} /*.product-div3 div[class*=col-] .content:hover{}*/ .product-div4{color:#666;border:1px solid #eee;overflow-x:auto;} .product-div4 .left{/*padding:32px 0;*/max-width:200px;} .product-div4 .left .lists{padding-left:40px;padding-right:40px;white-space: nowrap;} .product-div4 .lists{padding:15px 0;} .product-div4 .lists:nth-child(odd){/*background-color:#f7f8fb;*/} .product-div4 .lists~.lists{border-top:1px solid #eee;} .product-div4 .right .content{/*padding:32px 0;*/} .product-div4 .right .lists{padding-left:30px;white-space: nowrap;padding-right:10px;} /*.product-div4 .right .content:after{width:1px;background-color:#eee;}*/ .product-div4 table{width:100%;min-width:500px;} .product-div4 table tr~tr{border-top:1px solid #eee;} .product-div4 table tr td{padding:15px 10px;} .product-div4 table tr td:nth-child(1){font-weight:600;max-width:140px !important;min-width:140px !important;width:140px !important;} .innovate-div1{background-color:#f7f8fb;margin:0 -10px;} .innovate-div1 div[class*=col-]{padding:0 10px;position:relative;} .innovate-div1 div[class*=col-]:before{content:'';display:block;position:absolute;left:-10px;top:-5px;bottom:-5px;background-color:#fff;width:20px;} .innovate-div1 div[class*=col-]:last-child:before{} .innovate-div1 div[class*=col-] .content{padding:68px 86px 84px;background-color: #f7f8fb;} .innovate-div1 div[class*=col-] .content .a{color:#FD2E2A;font-size: 64px;} .innovate-div1 div[class*=col-] .content .b{color:#FD2E2A;font-size: 64px;} .innovate-div1 div[class*=col-] .content .d{font-size: 18px;color:#000;margin-bottom:20px;} .innovate-div1 div[class*=col-] .content .intro{color:#666;min-height:63px;} .innovate-div1 div[class*=col-] .content:hover{background-color:#FD2E2A;} .innovate-div1 div[class*=col-] .content:hover .a, .innovate-div1 div[class*=col-] .content:hover .b, .innovate-div1 div[class*=col-] .content:hover .d, .innovate-div1 div[class*=col-] .content:hover .intro{color:#fff;} .innovate-div2 .title2{font-size:32px;color:#111;margin-bottom:36px;} .innovate-div2 .title2 a{color:#111;} .innovate-div2 .title2 a:hover{color:#FD2E2A;} .innovate-div2 .index-img1 .img{width:50%;min-width:50%;} .innovate-div2 .index-img1 .img a:hover img{transform:scale(1.05);} .innovate-div2 .index-img1:nth-child(odd){background-color:#f7f8fb;} .innovate-div2 .index-img1:nth-child(even){background-color:#fff;} .innovate-div2 .index-img1:nth-child(even) .img{float:right;} .innovate-div2 .index-img1:nth-child(even) .text{padding-right:90px;padding-left:0;} .innovate-div2 .index-img1:nth-child(odd) .text{padding-left:90px;padding-right:0;} .product-div3 div[class*=col-] .content:hover{box-shadow:0px 2px 12px 1px rgba(168,174,196,0.19);background-color:#fff;} .product-div3 div[class*=col-] .content:hover .text .title{color:#FD2E2A;} .about-res-div1.innovate-div2 .index-img1:nth-child(even){background-color:#f7f8fb;} .about-res-div1.innovate-div2 .index-img1:nth-child(odd){background-color:#fff;} .about-res-div1.innovate-div2 .index-img1:nth-child(even)+.about-details-mbx{background-color:#f7f8fb;} .about-res-div1.innovate-div2 .index-img1:nth-child(odd)+.about-details-mbx .mbx-ul{border-top:1px solid #eee;} .about-details-mbx .mbx-ul{padding:25px 0;} .open-pages.index-img1{padding-top:64px;} .open-liste .lists{border-bottom:1px solid #eee;padding:24px;} .open-liste .lists ~ .lists{} .open-liste .lists .title3{color:#111;font-size:16px;margin-right:16px;} .open-liste .lists .date{color:#666;} .open-liste .lists:hover{background-color:#fff;/*box-shadow: 0px 2px 12px 1px rgba(168,174,196,0.19);*/} .open-liste .lists:hover .title3{color:#FD2E2A;} .open-liste .lists .date.dw-more{border: 1px solid #000;padding: 7px 30px;color: #000;} .open-liste .lists .date.dw-more:hover{color:#fff;background-color:#FD2E2A;border-color:#FD2E2A;} .news-icons{margin-top:50px;} .news-icons .a-link{border-radius:146px 146px 146px 146px;border: 1px solid #DBDBDB;color:#666;padding:3px 18px;margin-right:10px;background-color:rgb(238 238 238 / 22%);} .news-icons .a-link:hover{background-color:#ff2200;color:#fff;border-color:#ff2200;} .news-xg{border-top:1px solid #ddd;padding-top:58px;margin-top:58px;} .news-xg .index-title2{margin-bottom:48px;} .news-xg .product-div3 div[class*=col-] .text .title{margin-bottom:18px;} .news-xg .product-div3 div[class*=col-] .text .intro{margin-bottom:10px;} .news-xg .product-div3 div[class*=col-] .text .date{color:#666;font-size:12px;} .news-xg{margin-top:54px;padding-top:54px;} .search-pages.index-img1 .index-title2 span{color:#999;font-size:14px;} .search-form{} .search-form .input-divcontent{height:48px;} .search-form .form-text{margin-top:16px;} .search-form .form-text .span-text{font-size:12px;padding: 2px 16px;border: 1px solid #eee;border-radius: 30px;margin:0 16px 10px 0;color: #666;background-color:rgb(238 238 238 / 22%);} .search-form .form-text .span-text:hover{color:#FD2E2A;} .search-form .input-text{font-size:16px;color:#111;margin-right:10px;padding:0 10px;} .search-form .icon-search-icon{font-size:22px;margin:0;color:#666;} .search-form .icon-search-icon.icon-search:before{margin-top:6px;} .search-form .chaimg{border:1px solid #eee;border-radius:50%;width:24px;height:24px;line-height:22px;color:#666;} .search-form .searchimg{font-size:22px;} .search-form .input-div{border:1px solid #eee;padding-right:24px;padding-left:6px;} .search-form button{padding:0 50px;border:1px solid #FD2E2A;} .search-form span{height:18px;width:1px;margin:0 0 0 23px;background-color:#eee;} .search-ul{margin-top:50px;} .search-ul li{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #eee;} .search-ul li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;} .search-ul li .a-link .title2{font-size:22px;margin-bottom:15px;color:#111;} .search-ul li .a-link .intro{color:#666;} .search-ul.noall li{display:none;} .search-ul.noall li.active{display:block;} .search-pages .news-details{padding-top:88px;} .intro-resp{margin:40px 0 0 0;} .contact-form-home{padding:88px;box-shadow: 2px 2px 22px 1px rgba(168,174,196,0.2);} .contact-form div[class*=col-sm-]{margin-bottom:42px;} .contact-form div[class*=col-sm-]:nth-child(even){padding-left:44px;padding-right:0;} .contact-form div[class*=col-sm-]:nth-child(odd){padding-left:0;padding-right:44px;} .contact-form div[class*=col-xs-]{} .contact-form .text-name{font-size:16px;color:#242424;margin-bottom:8px;} .contact-form .input-text{border:1px solid #eee;height:48px;padding:0 16px;} .contact-form .textarea-text{border:1px solid #eee;min-height:100px;padding: 10px 16px;} .contact-form .form-button{margin-top:40px;} .contact-form .form-button .btn-div:after{} .contact-form .form-button input{background-color:transparent;border: 1px solid #000;padding: 7px 30px;color: #000;border-radius:0;box-shadow:none;} .contact-form .form-button .btn1{} .contact-form .form-button .btn2{margin-left:48px;} .contact-form .form-button .btn-div:hover input, .contact-form .form-button .btn-t:hover{background-color:#FD2E2A;color:#fff;border-color:#FD2E2A;} .text-join{left:120px;} .text-join .index-title2{margin-bottom:30px;} .text-join .intro{max-width:324px;margin-bottom:20px;color:#000;} .text-join .icon-qianjin{font-size:24px;color:#000;} .contact-lists div[class*=col-sm-]{padding-left:0;} .contact-lists div[class*=col-sm-]:nth-child(odd){padding-right:50px;} .contact-lists div[class*=col-sm-]:nth-child(even){padding-left:50px;} .contact-lists div[class*=col-sm-]:nth-child(1n+3){margin-top:90px;} .contact-lists div[class*=col-sm-]:nth-child(2n+1){clear:both;} .contact-lists div[class*=col-sm-] .name{font-size: 20px;color:#121212;margin-bottom:24px;} .contact-lists div[class*=col-sm-] .site{color:#595959;} .contact-lists div[class*=col-sm-] .phone{color:#595959;} .contact-lists div[class*=col-sm-] .email{color:#595959;} @media(min-width:768px){ .i-about1 .lists .text{background:none !important;} } .i-cx-home .pages-link {display: none;} @media(max-width:767px){ /**{line-height:2;}*/ .figure-content{width:90%;} .index-swiper .content-text{width:100%;} .index-swiper .content-text .title{font-size:22px;} .index-swiper .content-video video{min-width:100%;height:100%;} .index-swiper .video-play{bottom:20%;} .index-img1 .lists-img .lists{width:100%;} .index-img1 .lists-img .lists:nth-child(2){padding-left:0;padding-right:5px;width:50%;} .index-img1 .lists-img .lists:nth-child(5n+1){width:100%;} .index-img1 .lists-img .lists:nth-child(3) {padding-left: 5px;width:50%;} .index-img1 .lists-img .lists:nth-child(4) {padding-left:0;padding-right:5px;width:50%;} .index-img1 .lists-img .lists:nth-child(5) {padding-left: 5px;padding-right:0;width:50%;} .index-img1 .lists-img .lists:nth-child(1n+4), .index-img1 .lists-img .lists~.lists{margin-top:10px;} .index-title2{font-size:26px;} .index-img1 .index-title2 {margin-bottom: 30px;} .index-img1 {padding: 54px 0;} .index-img1 .lists-img .lists .text {padding:0px 15px;} .index-img1 .lists-img .lists .title3 {font-size: 14px;margin-right:0;} .index-img1 .lists-img .lists .more { font-size: 12px;} .index-img1 .lists-img .lists .intro{font-size:12px;padding:6px 10px;} .index-img1 .lists-img .lists .a-link:hover .more {margin-top:5px;} .index-img1 .lists-img .lists .a-link:hover .text {padding-bottom:16px;} .index-img1 .lists-img .lists .a-link .rj{font-size:18px;} .i-about1{height:auto;background-color:transparent;} .i-about1 .lists{width:100%;position:relative;} .i-about1 .lists.active{width:100%;} .i-about1 .lists.active .img{width:100%;} .i-about1 .lists .img{display:none;} .i-about1 .lists .text {padding:80px 15px;display:block;width:100%;} .i-about1 .lists .img .content {font-size: 24px;display:none;} .i-about1 .intro{min-width:100%;margin-bottom:20px;font-size:12px;} .i-about1 .intro p{line-height:1.8;} .i-about1 .more {padding:5px 20px;font-size:12px;margin-top: 20px;} .i-about1 .title3 {font-size:22px;margin-bottom:20px;} .i-about1 .icon-lists {min-width: 100%;} .i-about1 .icon-lists div[class*=col-]{padding-right:0px;} .i-about1 .icon-lists .a {font-size: 20px;} .i-about1 .icon-lists .b {font-size: 12px;} .i-about1 .icon-lists .d {font-size: 12px;} .i-news-lists2{max-width:100%;padding:0;box-shadow:none;} .i-cx-home .pages-link{padding-top:0;margin:0 0 20px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display: flex;} .i-cx-home .pages-link .text-icon{margin:0;} .i-cx-home .pages-link .text-icon.active{width:auto;margin:0 0 0 20px;} .i-cx-home .pages-link .text-icon:nth-child(1){margin-left:0;} .i-cx-home .pages-link .a-link.text-icon ~ .a-link.text-icon{margin-left:20px;} .i-news-lists2 .lists{padding:0;max-height:none;margin:0 -7px;} .i-news-lists2 .lists .d-li{padding:0 7px !important;} .i-news-lists2 .lists .d-li~ .d-li{margin-top:15px;} .i-news-lists2 .lists .d-li:nth-child(2n+1){clear:both;} .i-news-lists2 .lists .d-li:nth-child(1n+3){margin-top:15px;} .i-news-lists2 .lists .a-link{background-color:#f7f8fb;padding-bottom:10px;} .i-news-lists2 .lists .a-link .intro{font-size:12px;-webkit-line-clamp: 4;line-height:2;padding:0 10px;} .i-news-lists2 .lists .a-link .title3{font-size:14px;-webkit-line-clamp: 2;padding:0 10px;} .i-news-lists2 .lists .a-link .c{padding:0 10px;} .i-news-lists2 .lists .a-link .img .text{font-size:12px;} .i-cx-home{display:block;} .nav-pr-lists .left .lists{width:33.3%;} footer{padding-top:54px;} footer .footer-flex{display:block; } .footer-ul li{margin-bottom:10px;} .footer-ul li .title4 {font-size: 14px;margin-bottom:0;border-bottom:1px solid rgb(238 238 238 / 18%);padding:11px 0;padding-left:5px;} .footer-ul li.active .title4{margin-bottom:10px;} .footer-ul li .title4 .i-icons{right:5px;} .footer-ul li .a-link {font-size:12px;padding:6px 0;margin-bottom:0;display:none;border-bottom:1px solid rgb(238 238 238 / 15%);margin-left:10px;} .footer-ul li.active .a-link{display:block;} .footer-ul li .a-link~.a-link{margin-top:5px;} .footer-ul li~li{margin-left:0;} .footer-ul li{width:100%;} .footer-ul{margin-bottom:20px;} footer .right-contact{padding-bottom:120px;} footer .right-contact > img{margin-bottom:20px;} footer .bottom-div span{display:block;text-align:center;} footer .bottom-div{padding:10px 0;text-align:center;font-size:12px;} footer .bottom-div a{float:none !important;margin-left:6px;} footer .right-contact .d-l{font-size:12px;} footer .lists-icons span.fleft, footer .lists-icons a.fleft{} footer .lists-icons a.fleft{margin-left:20px;} footer .lists-icons .lists{position:initial;} footer .lists-icons .lists .img-po{width:100%;text-align: center;} footer .lists-icons{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;} footer .bottom-div .gongan{margin-left:0;} .img-erweima{margin:0 auto;} #get-top.iconfont {right: 15px;} .nbanner .title-text .title1{font-size:22px;} .pages-link .a-link{font-size:14px;white-space: nowrap;} .pages-link {padding-top: 16px;} .pages-link .a-link ~ .a-link {margin-left: 20px;} .about-div1{display:block;} .about-div1 .left{width:100%;margin-right:0;} .about-div1 .right .index-title2 {font-size: 22px;margin:0 0 20px !important;} .about-div1 .right .content{max-height:300px !important;font-size:12px; padding-right:0;line-height:2;} .about-data div[class*=col-] .a{font-size:18px;} .about-data div[class*=col-] .b {font-size: 14px;} .about-data div[class*=col-] .d{font-size:12px;margin-top:10px;} .about-data {margin-top: 24px;} .about-div2 .lists .content .title3 {font-size: 22px;margin-bottom: 16px;} .about-div2 .lists{width:50%;min-width:50%;} .about-div2 .lists.active {width: 50%;max-width: 50%;} .about-div2{height:auto;} .about-div2 .lists .content{padding:0 15px;} .about-div2 .lists .text { font-size: 22px;} .about-div3{overflow-y:auto;max-height:500px;} .about-div3 .lists {width: 100%;} .about-div3 .lists:nth-child(2n+1){clear:both;} .about-div3 .lists:nth-child(1n+3) {margin-top: 0;} .about-div3 .lists .content{font-size:12px;padding:0 0 30px 20px;margin-top:0;line-height:2;} .about-div3 .lists .top span:after{bottom:auto;top:6px;z-index:2;} .about-div3 .lists .content:before{right:auto;left:8px;height:100%;width:1px;} .about-div3 .lists:last-child{position:relative;} .about-div3 .lists:last-child .top{position:initial;} /*.about-div3 .lists:last-child .top span{position:inherit;}*/ .about-div3 .lists:last-child .top span:before{border-top: 10px solid #ddd !important;border-left: 6px solid transparent !important;border-right: 6px solid transparent; border-left:none;border-top:none;border-bottom: 0;bottom:0;left:3px;} .about-div4 {margin-bottom: 30px;} .about-div4 .toptitle .title3 {font-size: 20px;} .about-div4 .toptitle .more {font-size: 12px;} .about-div4 .toptitle {margin-bottom: 16px;} .about-div4 .div-lists{margin:0 -7px;} .about-div4 .div-lists div[class*=col-] {padding: 0 7px;} .about-div4 .div-lists div[class*=col-]:nth-child(1n+3){margin-top:15px;} .about-div4 .div-lists div[class*=col-sm-4]:nth-child(3n+1){clear:none;} .about-div4 .div-lists div[class*=col-sm-4]:nth-child(2n+1){clear:both;} .about-div4 .div-lists div[class*=col-] .more-link .content .title4{font-size:14px;} .about-div4 .div-lists div[class*=col-] .more-link .content {padding: 15px 10px;} .about-div4 .div-lists div[class*=col-] .more-link .content .intro{font-size:12px;line-height:1.8;} .about-div5{display:block;margin-top:10px;} .about-div5 .right .title4{font-size:20px;margin-bottom: 14px;} .about-div5 .left{width:100%;min-width:100%;padding-bottom:0;} .about-div5 .right {padding: 20px 15px;margin-top:0;} .about-div5 .left:after{display:none;} .about-div5 .right .dw-link{font-size:12px;padding:5px 20px;} .about-div5 .right .intro{font-size:12px;line-height:2;} .open-liste .lists{padding:10px;} .open-liste .lists .title3{font-size:14px;} .open-liste .lists .date{font-size:12px;color:#666;} .open-pages.index-img1{padding:54px 0;} .open-liste .lists .date.dw-more{padding:5px 20px;border-color:#666;color:#666;} #example3.about-pro .lists-data div[class*=col-] .text{padding:0 8px;font-size:12px;height:130px;} #example3.about-pro .lists-data div[class*=col-]{padding:0 6px;} #example3.about-pro .lists-data {margin: 20px -6px 0;} #example3.about-pro .sp-thumbnail-container {font-size: 16px;} #example3.about-pro .sp-top-thumbnails .sp-previous-thumbnail-arrow, #example3.about-pro .sp-top-thumbnails .sp-next-thumbnail-arrow {width:30px;height:30px;border-radius:50%;margin-top:-11px;} #example3.about-pro .sp-top-thumbnails .sp-previous-thumbnail-arrow i, #example3.about-pro .sp-top-thumbnails .sp-next-thumbnail-arrow i{line-height:30px;} #example3.about-pro .lists-data div[class*=col-]:nth-child(1n+3) {margin-top: 10px;} #example3.about-pro .sp-thumbnail{line-height:30px;} .about-div2 .lists .content .intro{font-size:12px;} .about-div2 .lists .content .intro *{line-height:2;} .index-img1.pr-text .index-title2{font-size:22px;} .product-div1{display:block;} .product-div1 .left{width:100%;min-width:100%;max-width:100%;margin-bottom:10px;} .product-div1 .right {padding:0;font-size:12px;} .product-div1 .right *{line-height:2;} .product-div2{display:block;} .product-div2 .left {min-width:100%;max-width:100%;width:100%;} .product-div2 .right{max-height:none;padding:0;} .product-div2 .right .lists {padding: 15px;} .product-div2 .right .lists .img{max-width:20px;} .product-div2 .right .lists .intro{font-size:12px;line-height:1.8;} .product-div2 .right .lists .title {font-size: 16px;} .innovate-div1 div[class*=col-] {padding: 0;} .innovate-div1 div[class*=col-]:before{display:none;} .innovate-div1{background-color:transparent;} .innovate-div1 div[class*=col-]~div[class*=col-]{margin-top:15px;} .innovate-div1 div[class*=col-] .content .a{font-size:28px;line-height:1.5;} .innovate-div1 div[class*=col-] .content{padding:15px;text-align: left !important;} .innovate-div1 div[class*=col-] .content .d {font-size: 12px;margin-bottom: 10px;} .innovate-div1 div[class*=col-] .content .intro{font-size:12px;min-height:1px;line-height:1.8;} .innovate-div2 .title2 {font-size: 22px;margin-bottom:10px;} .innovate-div2 .intro{font-size:12px;line-height:2;} .innovate-div2 .index-img1 .img {width: 100%;} .innovate-div2 .content-div{height:auto !important;} .innovate-div2 .index-img1 .text{margin-top:10px;padding:0 15px !important;} .innovate-div2 .index-img1:nth-child(even) .img{float:none;} .innovate-div2 .index-img1:nth-child(odd) .text{} .innovate-div2 .index-img1:nth-child(even) .text{width:100%;} .news-top .news-3 div[class*=col-]~div[class*=col-]{margin-top:10px;} .news-top .news-3 div[class*=col-] .text {padding: 0 15px 15px;} .news-top .news-3 div[class*=col-] .title{font-size:16px;} .news-top .news-3 div[class*=col-] .intro{font-size:12px;} .news-lists {margin-top: 10px;} .news-lists .a-details .left{width:100%;} .news-lists .a-details .right {padding-left:0;width:100%;} .news-lists .a-details .right .title {font-size: 14px;margin-bottom: 10px;} .news-lists .a-details .right .intro{font-size:12px;margin-bottom:15px;line-height:2;} .news-lists .a-details {padding:20px 0;} .news-more-but .more{font-size:12px;padding:5px 20px;margin-top:20px;} .news-top {padding: 0 0 54px;} .news-details .pages-title1 {font-size:24px;margin-top:0;margin-bottom:15px;} .news-details .pages-date .date~.date {margin-left: 10px;} .news-details .pages-date{font-size:12px;} .news-details .pages-content p{font-size:12px;line-height:2;} .share-svg .img-svg .a-more{height:30px;width:30px;line-height:28px;} .share-svg .img-svg .a-more i{font-size:14px;line-height:28px;} .news-details .pages-content {margin-top: 30px;} .share-svg .img-svg .a-more~.a-more {margin-left: 8px;} .product-div3 {margin: 0;} .product-div3 div[class*=col-] {padding: 0;} .product-div3 div[class*=col-]~ div[class*=col-]{margin-top:10px;} .product-div3 div[class*=col-] .text{padding: 20px;} .news-xg .product-div3 div[class*=col-] .text .title{font-size: 16px;margin-bottom: 10px;} .news-xg .product-div3 div[class*=col-] .text .intro{ font-size: 12px;} .news-xg .index-title2{margin-bottom:24px;} .news-icons .a-link{font-size:12px;padding:5px 20px;} .about-details-mbx .mbx-ul{padding: 10px 0;font-size: 12px;} .news-details {padding: 50px 0;} .index-swiper{height:auto;} .pages-content.index-pages{padding-top:70px !important;} .index-swiper .swiper-container-horizontal>.swiper-pagination-bullets{bottom:6px;} .index-swiper .swiper-pagination .swiper-pagination-bullet{height: 3px;width:30px;} .index-swiper .swiper-pagination .swiper-pagination-bullet-active{width:30px;} .search-ul li { margin-bottom: 20px; padding-bottom: 20px;} .search-ul li .a-link .title2 { font-size: 16px;} .search-ul li .a-link .intro{font-size:12px;line-height:2;} .search-form .input-divcontent {height: 40px;} .search-form button {padding: 0 20px;} .search-form .input-text{} .search-form .input-div{padding-right:15px;} .search-form .input-div .icon-search{width:20px;} .search-form .form-text .span-text{margin-right:10px;padding:2px 10px;} .search-form .form-text { margin-top: 15px;} .search-pages .news-details { padding-top: 50px;padding-bottom:0;} .search-ul { margin-top: 30px;} .search-form .chaimg { width: 20px; height: 20px; line-height: 18px; font-size: 12px;} .search-nav.pages-link .a-link{margin-bottom:10px;padding-bottom: 10px;margin-right:10px;} .search-nav.pages-link .a-link ~ .a-link{margin-left:0;} .contact-lists div[class*=col-sm-]~div[class*=col-sm-]{margin-top:10px;} .contact-lists div[class*=col-sm-]:nth-child(even) {padding-left: 10px;} .contact-lists div[class*=col-sm-]:nth-child(odd) {padding-right: 10px;} .contact-lists div[class*=col-sm-]{padding:10px;background-color:#f7f8fb;} .contact-lists div[class*=col-sm-] .name {font-size:16px;margin-bottom:6px;font-weight:600;} .contact-lists div[class*=col-sm-] .site{font-size:12px;} .contact-lists div[class*=col-sm-] .phone{font-size:12px;} .contact-lists div[class*=col-sm-] .email{font-size:12px;} .contact-form-home {padding:30px 20px;} .contact-form div[class*=col-sm-]:nth-child(odd) {padding-right: 0;} .contact-form div[class*=col-sm-]:nth-child(even) {padding-left: 0;} .contact-form .text-name {font-size: 14px;} .contact-form .input-text {height:34px;padding:0 8px;font-size: 12px;} .contact-form div[class*=col-sm-] {margin-bottom: 20px;} .contact-form .textarea-text{padding:6px;font-size:12px;} .contact-form .form-button input{width:100px;height:34px;} .contact-form .form-button {margin-top: 30px;} .contact-form .form-button input.btn2 {margin-left: 38px;} .text-join{left:0;top:auto;position: relative;padding-top:10px; -o-transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateX(0%);transform: translateY(0%);} .text-join .index-title2{font-size:18px;margin-bottom:10px;} .text-join .intro{max-width: 100%;margin-bottom:10px;font-size:12px;} .text-join .icon-qianjin {font-size: 12px;} .product-swiper .content-text{padding:15px;} .product-swiper .title .img{max-width:20px;margin-right: 10px;} .product-swiper .title .text{font-size:16px;} .product-swiper .intro{font-size: 12px;line-height:1.8;margin-top:10px;color:#666;} .product-swiper .swiper-slide{background-color:#fff;} .product-swiper .swiper-pagination{position:relative;} } @media(min-width: 768px) and (max-width:991px){ .nav-pr-lists {padding-top: 60px;padding-bottom: 60px;} .nav-pr-lists .left { padding-left:10px;width:65%;} .nav-pr-lists .left .lists .a-link .title { font-size:12px;} .nav-pr-lists .left .content-pr{padding-right:0;} .nav-pr-lists .right {width: 35%;} .nav-pr-lists .left .lists .a-link .img {max-width: 40px;} .nav-pr-lists .left .lists .a-link .title { font-size: 12px;} .product-div2 .right {padding:0 24px 0 30px;} .product-div2 .right .lists {padding: 14px 24px;} .product-div2 .right .lists .intro{} .product-div2 .right .lists .title {font-size: 16px;} .product-div2 .right .lists .img{max-width:24px;} .index-img1 { padding: 60px 0;} .index-img1 .index-title2 { margin-bottom:30px;} .i-about1{height:490px;} .i-about1 .intro{min-width:300px;} .i-about1 .icon-lists{min-width:300px;} .i-about1 .lists .text {padding:70px 40px 0 40px;} .i-about1 .icon-lists .d{font-size:12px;} .i-about1 .icon-lists .a { font-size: 26px;} .i-news-lists2{padding:30px 0;} .i-news-lists2 .lists{max-height:380px; padding: 0 15px;} .i-news-lists2 .lists .a-link .title3 { font-size: 14px;} .i-news-lists2 .lists .a-link .intro{font-size:12px;} .i-news-lists2 .lists .a-link~ .a-link { margin-top: 20px;} .index-swiper .content-text .title{font-size:44px;} .index-title2 {font-size: 34px;} .index-img1 .lists-img .lists .title3 {font-size: 14px;} .i-about1 .title3 { font-size: 28px;} .i-about1 .lists .img .content{font-size:28px;} .about-div1 .right .index-title2 {font-size: 28px;} .about-data div[class*=col-] .a{font-size:40px;} .about-data {margin-top: 66px;} .about-div2 .lists .content .title3{font-size:34px;} .about-div2 .lists .text {font-size: 34px;} .about-div2 .lists.active {width: 34%;max-width: 34%;} .about-div2 .lists {max-width:22%;width:22%;} .about-div3 .lists:nth-child(1n+6) { margin-top: 30px;} .about-div3 .lists .content{font-size:12px;} .about-div4 .toptitle .title3 { font-size: 26px;} .about-div4 .div-lists div[class*=col-] .more-link .content .title4{font-size:14px;} .about-div4 .div-lists div[class*=col-] .more-link .content .intro{font-size:12px;} .about-div4 .div-lists div[class*=col-] .more-link .content{padding:16px; } .about-div5{display:block;} .about-div5 .left:after{display:none;} .about-div5 .right .title4 { font-size:24px;margin-bottom: 14px;} .about-div5 .right { padding:30px 15px 30px 15px;margin-top:0;} .about-div5 .left{padding-bottom:0;width:100%;} .about-div5 .right .dw-link{padding:5px 30px;} .about-div5 .right .intro{font-size:12px;} #example3.about-pro .lists-data div[class*=col-] .text{padding:0 15px;font-size:12px;} .innovate-div2 .title2 { font-size: 34px;margin-bottom: 22px;} .innovate-div2 .intro{font-size:12px;} .news-details .pages-title1 {font-size: 34px;} .innovate-div1 div[class*=col-] .content {padding: 44px 6px 44px;} .innovate-div1 div[class*=col-] .content .a{font-size:38px;} .innovate-div1 div[class*=col-] .content .d { font-size: 14px;} .innovate-div1 div[class*=col-] .content .intro{font-size:12px;min-height:54px;} .nbanner .title-text .title1 {font-size: 34px;} .news-xg .product-div3 div[class*=col-] .text .title{margin-bottom:10px;} .news-xg .product-div3 div[class*=col-] .text .intro{font-size:12px;} .news-top .news-3 div[class*=col-] .title{font-size:14px;} .news-top .news-3 div[class*=col-] .intro{font-size:12px;} .news-top .news-3 div[class*=col-] .text {padding: 0 15px 15px;} .news-lists .a-details {padding: 25px 0;} .news-lists .a-details .right .title { font-size: 18px;} .news-lists .a-details .right { padding-left: 40px;} .news-lists .a-details .right .intro{margin-bottom:15px;font-size:12px;} .news-lists {margin-top: 40px;} .news-more-but .more{margin-top:30px;} .news-top {padding: 0 0 60px;} .product-div3 div[class*=col-] .text .title{font-size:14px;} .product-div3 div[class*=col-] .text {padding: 16px;} .footer-ul li~li { margin-left: 7%;} .footer-ul li .title4 { font-size: 14px; margin-bottom: 10px;} .footer-ul li .a-link{font-size:12px; margin-bottom: 10px;} footer .right-contact .d-l{font-size:12px;} footer .lists-icons .lists .img-po{width:80px;} footer .bottom-div{padding:30px 0;margin-top:50px;} footer .right-contact > img{max-width:150px;} } @media(min-width: 992px) and (max-width:1366px){ .product-div2 .right {padding:0 24px 0 30px;} .product-div2 .right .lists {padding: 14px 24px;} .product-div2 .right .lists .intro{} .product-div2 .right .lists .title {font-size: 16px;} .product-div2 .right .lists .img{max-width:24px;} .nav-pr-lists .left{padding-left:40px;} .nav-pr-lists .left .content-pr{padding-right:30px;margin-top:0;} .nav-pr-lists .left .lists .a-link .img{max-width:50px;} .nav-pr-lists .left .lists .a-link .title{font-size:12px;} .nav-pr-lists .left .lists:nth-child(1n+6){margin-top:28px;} .index-img1 { padding: 76px 0;} .index-img1 .index-title2 { margin-bottom: 34px;} .i-about1 .intro{min-width:400px;} .i-about1 .icon-lists{min-width:400px;} .i-about1 .lists .text {padding: 88px 80px 0 86px;} .i-news-lists2 .lists{max-height:450px;} .index-swiper .content-text .title{font-size:48px;} .index-title2 {font-size: 36px;} .index-img1 .lists-img .lists .title3 {font-size: 16px;} .i-about1 .title3 { font-size: 30px;} .about-div1 .right .index-title2 {font-size: 38px;} .about-data div[class*=col-] .a{font-size:56px;} .about-data {margin-top: 66px;} .about-div2 .lists .content .title3{font-size:34px;} .about-div2 .lists .text {font-size: 34px;} .about-div2 .lists.active {width: 34%;max-width: 34%;} .about-div2 .lists {max-width:22%;width:22%;} .about-div3 .lists:nth-child(1n+6) { margin-top: 30px;} .about-div4 .toptitle .title3 { font-size: 26px;} .about-div4 .div-lists div[class*=col-] .more-link .content .title4{font-size:16px;} .about-div4 .div-lists div[class*=col-] .more-link .content{padding:16px; } .about-div5 .right .title4 { font-size: 32px;margin-bottom: 14px;} .about-div5 .right { padding: 40px 30px 34px 30px;} .about-div5 .left{padding-bottom:20px;} .about-div5 .right .dw-link{padding:5px 30px;} #example3.about-pro .lists-data div[class*=col-] .text{padding:0 15px;} .innovate-div2 .title2 { font-size: 36px;margin-bottom: 26px;} .news-details .pages-title1 {font-size: 40px;} .innovate-div1 div[class*=col-] .content {padding: 60px 30px 70px;} .innovate-div1 div[class*=col-] .content .a{font-size:48px;} .innovate-div1 div[class*=col-] .content .d { font-size: 16px;} .nbanner .title-text .title1 {font-size: 42px;} .news-xg .product-div3 div[class*=col-] .text .title{margin-bottom:10px;} .product-div3 div[class*=col-] .text .title{font-size:16px;} .product-div3 div[class*=col-] .text {padding: 16px;} } @media(min-width: 1367px) and (max-width:1440px){ .product-div2 .right {padding:0 14px 0 30px;} .product-div2 .right .lists {padding: 14px 24px;} .product-div2 .right .lists .intro{} .product-div2 .right .lists .title {font-size: 18px;} .product-div2 .right .lists .img{max-width:26px;} .nav-pr-lists .left{padding-left:80px;} .nav-pr-lists .left .content-pr{padding-right:50px;margin-top:0;} .nav-pr-lists .left .lists .a-link .img{max-width:68px;} .nav-pr-lists .left .lists .a-link .title{font-size:16px;} .nav-pr-lists .left .lists:nth-child(1n+6){margin-top:28px;} .innovate-div1 div[class*=col-] .content{padding:60px 30px 80px;} .innovate-div1 div[class*=col-] .content .a{font-size:50px;} .i-about1 .icon-lists, .i-about1 .intro{min-width:450px;} } @media(min-width: 1441px) and (max-width:1599px){ .product-div2 .right {padding:0 24px 0 44px;} .product-div2 .right .lists {padding: 20px 30px;} .product-div2 .right .lists .intro{} .product-div2 .right .lists .title {font-size: 18px;} .product-div2 .right .lists .img{max-width:30px;} .nav-pr-lists .left{padding-left:80px;} .nav-pr-lists .left .content-pr{padding-right:50px;} .nav-pr-lists .left .lists .a-link .img{max-width:76px;} .nav-pr-lists .left .lists .a-link .title{font-size:16px;} .nav-pr-lists .left .lists:nth-child(1n+6){margin-top:24px;} .innovate-div1 div[class*=col-] .content{padding:66px 30px 82px;} .i-about1 .icon-lists, .i-about1 .intro{min-width:450px;} } @media(min-width: 1600px) and (max-width:1750px){ .innovate-div1 div[class*=col-] .content{padding:68px 40px 84px;} .i-about1 .icon-lists, .i-about1 .intro{min-width:450px;} }