@charset "utf-8";
/* 
    author:PengJin;
    date:2020-11-30;
*/
body{background:#f4f4f4;}
/*--banner--*/
.banner{position:relative;z-index:1;overflow:hidden;}
.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:35px;width:100%;text-align:center;}
.banner .swiper-pager span{position:relative;display:inline-block;margin:0 10px !important;width:12px;height:12px;border-radius:50%;background:#000;opacity:1;}
.banner .swiper-pager span.swiper-pagination-bullet-active{background:#ed7020;}
.banner .swiper-prev,.banner .swiper-next{position:absolute;z-index:9;top:50%;width:50px;height:50px;line-height:50px;color:#000;text-align:center;cursor:pointer;background:rgba(255,255,255,0.5);border-radius:50%;transform:translateY(-50%);}
.banner .swiper-prev{left:5%;}
.banner .swiper-next{right:5%;}
.banner .swiper-prev:hover,.banner .swiper-next:hover{color:#333;background:#fff;}
@media(max-width:1200px){
.banner .swiper-slide img{left:0;width:100%;transform:translateX(0);}
.banner .swiper-prev,.banner .swiper-next{display:none;}
}
/*--end banner--*/

/*--counter--*/
.counter{overflow:hidden;background:#fff;}
.counter .item{float:left;padding:60px 10px;width:25%;text-align:center;overflow:hidden;border-right:#f0f0f0 solid 1px;}
.counter .item:first-child{border-left:#f0f0f0 solid 1px;}
.counter .item dt em{font-size:62px;line-height:1;font-family:"DIN Medium";color:#000;}
.counter .item dt sub{display:inline-block;position:relative;left:-10px;top:-8px;width:26px;height:26px;line-height:26px;font-size:13px;color:#fff;background:#ed7020;border-radius:50%;}
.counter .item dd{font-size:18px;color:#333;}
@media(max-width:1200px){
.counter .item{padding:20px 10px;width:50%;}
.counter .item dt em{font-size:45px;}
.counter .item dd{height:40px;line-height:20px;font-size:14px;}
.counter .item:first-child{border-left:none;}
.counter .item:nth-child(even){border-right:none;}
.counter .item:nth-child(1),.counter .item:nth-child(2){border-bottom:#f0f0f0 solid 1px;}
}
/*--end counter--*/

/*--product--*/
.product{padding:70px 0;overflow:hidden;background:#f0f0f0;}
.product-menu{margin-bottom:45px;text-align:center;overflow:hidden;}
.product-menu li{display:inline-block;margin:0 8px;width:125px;line-height:43px;font-size:16px;}
.product-menu li a{display:block;color:#666;border:#cfcfcf solid 1px;background:#f0f0f0;transition:all 0.5s;}
/*--.product-menu li a:before{display:inline-block;width:30px;height:30px;content:"";vertical-align:middle;background-size:100%;background-repeat:no-repeat;}--*/
.product-menu li:hover a,.product-menu li.cur a{color:#fff;border-color:#ed7020;background-color:#ed7020;}
.product-menu li:hover a:before,.product-menu li.cur a:before{filter:contrast(0) brightness(2);}
.product-main{overflow:hidden;}
.product-list{margin:-12px;}
.product-list .item{position:relative;float:left;margin:12px;width:calc(33.33% - 24px);text-align:center;overflow:hidden;border:#ddd solid 1px;}
.product-list .pic{padding:30px;overflow:hidden;}
.product-list .pic img{display:block;width:100%;transition:all 1s;}
.product-list .tit{position:absolute;left:0;bottom:0;width:100%;}
.product-list .tit a{display:block;padding:20px;line-height:35px;font-size:16px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-main .swiper-pager{padding-top:40px;text-align:center;}
.product-main .swiper-pager span{width:11px;height:11px;opacity:1;background:#ccc;border-radius:6px;transition:all 0.5s;}
.product-main .swiper-pager span.swiper-pagination-bullet-active{width:52px;background:#ed7020;}
@media(max-width:1200px){
.product{padding:40px 10px;overflow:hidden;}
.product-menu{margin-bottom:25px;}
.product-menu li{margin:0 2px;width:100px;line-height:35px;font-size:14px;}
.product-list{margin:-5px;}
.product-list .item{margin:5px;width:calc(50% - 10px);}
.product-list .item:nth-child(3){display:none;}
.product-list .pic{padding:20px;}
.product-list .tit a{padding:10px;font-size:14px;line-height:20px;}
.product-main .swiper-pager{padding-top:10px;}
}

.product-menu li a i {
    font-size: 1.35em;           /* 相对于 a 的 font-size:16px → 约 21.6px */
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px;             /* 微调垂直位置，根据实际效果可删 */
}
/*--end product--*/

/*--adv--*/
.adv{padding:70px 0;overflow:hidden;}
.adv .item{position:relative;width:336px;height:490px;overflow:hidden;}
.adv .item .pic{position:absolute;z-index:2;left:50%;padding:10px;width:180px;height:180px;overflow:hidden;background:#fff;border-radius:50%;transform:translateX(-50%);}
.adv .item .pic img{display:block;width:100%;border-radius:50%;}
.adv .item .text{position:absolute;padding:0 30px;width:100%;height:400px;text-align:center;overflow:hidden;background:#f0f0f0;}
.adv .item .text .hd{position:relative;padding-bottom:5px;overflow:hidden;}
.adv .item .text .hd:after{display:block;position:absolute;left:50%;bottom:0;width:32px;height:1px;content:"";background:#d4d4d4;transform:translateX(-50%);}
.adv .item .text .hd h3{line-height:30px;font-size:24px;color:#ed7020;}
.adv .item .text .hd span{display:block;height:48px;line-height:24px;font-size:20px;color:#222;overflow:hidden;}
.adv .item .text .bd{padding-top:20px;font-size:16px;line-height:1.5;color:#666;}
.adv .item:nth-child(odd){animation:slideInDown 1s;}
.adv .item:nth-child(even){animation:slideInUp 1s;}
.adv .item:nth-child(odd) .pic,.adv .item:nth-child(even) .text{top:0;}
.adv .item:nth-child(even) .pic,.adv .item:nth-child(odd) .text{bottom:0;}
.adv .item:nth-child(odd) .text{padding-top:114px;border-radius:0 0 160px 160px;}
.adv .item:nth-child(even) .text{padding-top:60px;border-radius:160px 160px 0 0;}
.adv .item:hover .text{background:#ed7020;}
.adv .item:hover .text *{color:#fff !important;}
@media(max-width:1440px){
.adv .item .text{padding:0 20px;}
.adv .item .text .hd h3{font-size:22px;}
.adv .item .text .hd span{font-size:18px;}
.adv .item .text .bd{padding-top:16px;font-size:15px;}
}
@media(max-width:1200px){
.adv{padding:40px 10px;}
.adv .item{padding-top:60px;height:auto;}
.adv .item .pic{top:0 !important;width:120px;height:120px;}
.adv .item .text{position:static;padding:80px 20px 80px !important;height:346px;border-radius:0 0 160px 160px !important;}
.adv .item .text .hd h3{font-size:20px;}
.adv .item .text .hd span{font-size:18px;}
.adv .item .text .bd{font-size:14px;}
}
/*--end adv--*/

/*--aboutus--*/
.aboutus{overflow:hidden;background:url(../images/Index/aboutus_bg.png);}
.aboutus-tab{position:relative;overflow:hidden;}
.aboutus-menu{position:absolute;z-index:3;left:0;bottom:0;width:100%;height:95px;background:rgba(0,0,0,0.4);}
.aboutus-menu .item{position:relative;float:left;width:25%;height:95px;color:#fff;cursor:pointer;transform:translateY(calc(100% - 95px));}
.aboutus-menu .item .z1{padding:0 20px;height:95px;border-right:rgba(255,255,255,0.2) solid 1px;}
.aboutus-menu .item:first-child .z1{border-left:rgba(255,255,255,0.2) solid 1px;}
.aboutus-menu .item .z1 .hd{padding:20px 0 25px;overflow:hidden;}
.aboutus-menu .item .z1 .hd h3{font-size:24px;}
.aboutus-menu .item .z1 .hd em{font-size:14px;opacity:0.5;}
.aboutus-menu .item .z1 .hd i{display:block;position:absolute;right:20px;top:20px;width:28px;height:28px;}
.aboutus-menu .item .z2{position:absolute;left:0;bottom:100%;padding:80px 20px;width:100%;height:calc(700px - 95px);background:rgba(0,0,0,0.4);transform:translateY(200%);transition:all 0.5s;}
.aboutus-menu .item .z2 .hd{position:relative;padding:20px 0 25px;overflow:hidden;border-top:rgba(255,255,255,0.1) solid 1px;border-bottom:rgba(255,255,255,0.1) solid 1px;}
.aboutus-menu .item .z2 .hd h3{font-size:24px;}
.aboutus-menu .item .z2 .hd em{font-size:14px;opacity:0.5;}
.aboutus-menu .item .z2 .hd i{display:block;position:absolute;right:0;top:20px;width:28px;height:28px;}
.aboutus-menu .item .z2 .bd{overflow:hidden;}
.aboutus-menu .item .z2 .summary{margin:60px 0;line-height:1.5;font-size:15px;color:#fff;}
.aboutus-menu .item .z2 .btns{overflow:hidden;}
.aboutus-menu .item .z2 .btns a{display:block;width:100px;height:40px;line-height:38px;font-size:16px;color:#fff;text-align:center;border:#fff solid 1px;}
.aboutus-menu .item .z2 .btns a:hover{background:#ed7020;border-color:#ed7020;}
.aboutus-menu .item.cur .z1 *{opacity:0;}
.aboutus-menu .item.cur .z2{transform:translateY(0);}
.aboutus-slide{overflow:hidden;}
.aboutus-slide .item{height:700px;overflow:hidden;}
.aboutus-slide .item img{position:relative;left:50%;width:1920px;transform:translateX(-50%);}
.aboutus-tab-m{display:none;position:relative;overflow:hidden;}
.aboutus-menu-m{position:absolute;z-index:9;left:0;bottom:0;width:100%;background:rgba(0,0,0,0.5);}
.aboutus-menu-m ul{display:flex;}
.aboutus-menu-m li{padding:10px;flex:1;text-align:center;color:#fff;border-right:rgba(255,255,255,0.1) solid 1px;}
.aboutus-menu-m li.cur{background:#ed7020;}
.aboutus-tab-m .item img{display:block;width:100%;}
@media(max-width:1200px){
.aboutus{}
.aboutus-tab{display:none;}
.aboutus-tab-m{display:block;}
}
/*--end aboutus--*/

/*--videos--*/
.videos{padding:70px 0;overflow:hidden;}
.videos-list{margin:0 -12px;overflow:hidden;}
.videos-list .item{float:left;margin:0 12px;width:calc(33.33% - 24px);}
.videos-list .pic{overflow:hidden;}
.videos-list .pic a{display:block;position:relative;}
.videos-list .pic a:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.2) url(../images/Index/player.png) no-repeat center;}
.videos-list .pic img{display:block;width:100%;transition:all 1s;}
.videos-list .tit{text-align:center;font-size:20px;overflow:hidden;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.05);transition:all 0.5s;}
.videos-list .tit a{display:block;padding:20px;color:#666;overflow:hidden;}
.videos-list .item:hover .pic img{transform:scale(1.1);}
.videos-list .item:hover .tit{background:#ed7020;}
.videos-list .item:hover .tit a{color:#fff;}
.videos .more{margin-top:50px;line-height:25px;text-align:center;}
.videos .more a{display:inline-block;padding-right:24px;font-size:16px;color:#666;background:url(../images/Index/more.png) no-repeat right center;}
.videos .more a:hover{color:#ed7020;}
@media(max-width:1200px){
.videos{padding:40px 10px;}
.videos-list{margin:0;}
.videos-list .item{float:none;margin:10px 0;width:100%;}
.videos-list .item:last-child{margin-bottom:0;}
.videos-list .tit{font-size:16px;}
.videos-list .tit a{padding:15px;}
.videos .more{margin-top:25px;}
.videos .more a{font-size:14px;}
}
/*--end videos--*/

/*--honors--*/
.honors{padding:70px 0;overflow:hidden;background:url(../images/Index/honors_bg.jpg) no-repeat center;background-size:cover;}
.honors-slide{overflow:hidden;}
.honors-slide .item .pic img{display:block;width:100%;}
.honors-slide .swiper-pager{padding-top:40px;text-align:center;}
.honors-slide .swiper-pager{padding-top:40px;text-align:center;}
.honors-slide .swiper-pager span{width:11px;height:11px;opacity:1;background:#ccc;border-radius:6px;transition:all 0.5s;}
.honors-slide .swiper-pager span.swiper-pagination-bullet-active{width:52px;background:#ed7020;}
.honors .more{margin-top:50px;line-height:25px;text-align:center;}
.honors .more a{display:inline-block;padding-right:24px;font-size:16px;color:#666;background:url(../images/Index/more.png) no-repeat right center;}
.honors .more a:hover{color:#ed7020;}
@media(max-width:1200px){
.honors{padding:40px 10px;}	
.honors .more{margin-top:25px;}
.honors .more a{font-size:14px;}
}
/*--end honors--*/

/*--news--*/
.news{padding:70px 0 24px;overflow:hidden;background:url(../images/Index/news_bg.png) repeat-x bottom,url(../images/Index/aboutus_bg.png) repeat;}
.news .wrap-title{position:relative;z-index:2;width:40%;text-align:left;}
.news .wrap-title p{font-size:18px;color:#666;}
.news-tab{position:relative;z-index:1;margin-top:-80px;overflow:hidden;}
.news-menu{overflow:hidden;border-bottom:#e5e5e5 solid 1px;}
.news-menu ul{float:right;}
.news-menu li{position:relative;float:left;margin-left:30px;padding-bottom:28px;font-size:18px;line-height:42px;}
.news-menu li:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-16px;width:32px;height:3px;content:"";background:#ed7020;transform:scale(0,1);transition:all 0.5s;}
.news-menu li a{display:block;color:#666;}
.news-menu li.cur a{color:#ed7020;}
.news-menu li.cur:after{transform:scale(1);}
.news-main{padding-top:40px;margin:0 -12px;overflow:hidden;}
.news-main .item{float:left;margin:0 12px;width:calc(33.33% - 24px);overflow:hidden;}
.news-main .pic{overflow:hidden;}
.news-main .pic img{display:block;width:100%;transition:all 1s;}
.news-main .pic:hover img{transform:scale(1.1);}
.news-main .text{padding:35px 45px;overflow:hidden;background:#fff;}
.news-main .text .hd{padding-bottom:20px;overflow:hidden;border-bottom:#e5e5e5 solid 1px;}
.news-main .text .hd h3{height:30px;line-height:30px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-main .text .hd h3 a{color:#222;}
.news-main .text .hd h3 a:hover{color:#ed7020;}
.news-main .text .hd em{display:block;margin-top:6px;padding-left:18px;font-size:14px;line-height:18px;color:#999;background:url(../images/Index/time.png) no-repeat 0 center;}
.news-main .text .bd{padding:20px 0 30px;line-height:24px;overflow:hidden;}
.news-main .text .bd p{height:48px;font-size:14px;color:#999;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-main .text .read{overflow:hidden;}
.news-main .text .read a{display:block;width:150px;height:46px;line-height:46px;text-align:center;font-size:16px;color:#fff;background:#ccc;transition:all 0.5s;}
.news-main .text .read a:hover{background:#ed7020;}
@media(max-width:1200px){
.news{padding:40px 10px 10px;}
.news .wrap-title{width:100%;text-align:center;}
.news-tab{margin-top:0;}
.news-menu ul{float:none;}
.news-menu li{margin:0 5px;padding-bottom:10px;width:calc(33.33% - 10px);text-align:center;}
.news-main{padding-top:20px;margin:0;}
.news-main .item{float:none;margin:10px 0;width:100%;}
.news-main .text{padding:18px 22px;}
.news-main .text .bd{padding:10px 0 15px;}
.news-main .text .read a{width:100px;height:35px;line-height:35px;font-size:14px;}
}
/*--end news--*/

/*--partner--*/
.partner{padding:70px 0;overflow:hidden;background:#f0f0f0;}
.partner .pc-map{background:url(../images/Index/map.jpg) no-repeat;background-size:100%;}
.partner .pc-map img{display:block;width:100%;animation:zoomIn 1s;}
.partner .m-map{display:none;overflow:hidden;}
.partner .m-map img{display:block;width:100%;animation:zoomIn 1s;}
.partner .more{margin-top:10px;line-height:25px;text-align:center;}
.partner .more a{display:inline-block;padding-right:24px;font-size:16px;color:#666;background:url(../images/Index/more.png) no-repeat right center;}
.partner .more a:hover{color:#ed7020;}
@media(max-width:1200px){
.partner{padding:40px 10px;}
.partner .pc-map{display:none;}
.partner .m-map{display:block;}
.partner .more a{font-size:14px;}
}
/*--end partner--*/


.videos, .adv {
  background-color: #f9f9f9;
  background-image:
    radial-gradient(circle, rgba(0, 0, 0, 0.1) 1px, transparent 1px);
  background-size: 5px 5px, 5px 5px;
  background-position: 0 0, 3px 3px;
}