*{box-sizing:border-box}
.wrap{max-width:100%;max-width:1520px;margin:0 auto;}
.flex{display: flex;}
.a-line{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.header{position:relative;position:fixed;top:0;left:0;width:100%;z-index:999999;}
.header .logo{position:absolute;top:0;left:0;z-index:22;}
.header .top{height:58px;background:#191919;}
.header .top .info{line-height:58px;}
.header .top .info div{float:left;cursor:pointer;}
.header .top .info .line{position: relative;padding:0 20px;}
.header .top .info .line:before{width:1px;top:20px;height:18px;background:#A3A3A3;content:"";position: absolute;left:0;}
.header .top .info .line:first-child:before{display:none;}
.header .top .info .language{cursor: pointer;z-index:23;padding:0 0 0 20px;position: relative;}
.header .top .info .language p{height:58px;color:#fff;}
.header .top .info .language span{font-size:16px;margin:0 8px;}
.header .top .info .language .language-sub{display:none;position: absolute;background:#000;width:100%;}
.header .top .info .language .language-sub a{transition-duration:.6s;display:block;padding:5px 0;line-height:25px;font-size:14px;border-bottom:1px solid #A3A3A3;color:#fff;}
.header .top .info .language .language-sub a:hover{color:#fff;background:#FC4340;}
.header .top .info .language .language-sub img{margin:0 10px;height:20px;}
.header .top .info .language .language-sub a:last-child{border:0;}
.header .top .info .language:hover .language-sub{display:block;}
.header .menu{height:68px;background:#FC4340;}
.header .menu li{position:relative;float:left;margin-left:40px;}
.header .menu li h3{line-height:68px;position:relative;overflow:hidden;}
.header .menu li h3:before{transition: all .8s ease;transform: translateX(-50%);position:absolute;bottom:5px;width:0;opacity:0;left:50%;content:"";height:3px;background:#fff;}
.header .menu li:hover h3:before,.header .menu li.on h3:before{width: 100%;opacity:1;}
.header .menu li h3 a{transition-duration:.4s;display:block;text-transform:uppercase;font-family: 'Barlow-Medium';color:#fff;font-size:18px;}
.header .menu li h3 a:after{content: attr(data-title);position: absolute;top: 0;left: 0;transform: translateY(100%);width: 100%;height: 100%;color: #fff;}
.header .menu li h3 a:hover {transform: translateY(-100%);}
.header .menu li dl{display:none;z-index:24;position:absolute;top:68px;background:#FC4340;padding:10px;left:0;width:200px;}
.header .menu li dl dd a{transition-duration:.8s;display:block;color:#fff;line-height:40px;border-bottom:1px dashed #fff;text-transform:uppercase;font-size:16px;}
.header .menu li dl dd a:hover{padding-left:10px;}
.header .menu li:hover dl{display:block}

.list-pc-menu{padding:60px 0;text-align:center;}
.list-pc-menu a{transition-duration:.4s;display:inline-block;border:2px solid #191919;border-radius:30px;height:50px;line-height:46px;padding:0 30px;margin-right:15px;color:#191919;font-size:18px;font-family: 'Barlow-Medium';}
.list-pc-menu a:last-child{margin-right:0;}
.list-pc-menu a.on,.list-pc-menu a:hover{background:#FC4340;border-color:#FC4340;color:#fff;}

.list-news li{width:32%;margin:0 2% 40px 0;float:left;}
.list-news li:nth-child(3n){margin-right:0;}
.list-news li a{display:block;}
.list-news li a .pic{overflow:hidden}
.list-news li a .pic img{width:100%;}
.list-news li a .txt h2{font-size:24px;padding:20px 0}
.list-news li a .txt p,.list-news li a .txt span{color:#646464;font-size:16px;line-height:24px;}
.list-news li a .txt span{transition-duration:.8s;position:relative;display:block;margin-top:20px;padding-left:20px;}
.list-news li a .txt span:before{transition-duration:.8s;width:15px;height:1px;content:"";background:#191919;position:absolute;left:0;top:50%;}
.list-news li a:hover .txt span{padding-left:30px;color:#FC4340;}
.list-news li a:hover .txt span:before{width:25px;background:#FC4340;}

.show-news .t{font-size:24px;}
.show-news .time{padding:30px 0 25px 0;border-bottom:1px solid #E7E7E7;font-size:16px;color:#929292;}
.show-news .body{padding:40px 0;font-size:16px;line-height:24px;}
.show-news .body p{margin-bottom:20px;}
.show-news .updown{position:relative;padding-top:40px;border-top:1px solid #E8E8E8;}
.show-news .updown p{margin-bottom:10px;}
.show-news .updown p,.show-news .updown p a{font-size:16px;color:#000;}
.show-news .updown p a:hover{color:#FC4340}
.show-news .updown .more{width:125px;height:40px;line-height:40px;color:#fff;background:#FC4340;text-align:center;border-radius:30px;position:absolute;right:0;top:40px;transition-duration:.6s;}
.show-news .updown .more:hover{background:#191919}

.list-events,.list-contact,.list-about{padding-top:60px;}

.list-events li{margin-bottom:80px;overflow:hidden;}
.list-events li a{display:block}
.list-events li a .pic{overflow:hidden;width:530px;float:left;}
.list-events li a .txt{float:right;width: calc(100% - 580px);}
.list-events li a .txt h2{color:#fc4340;font-size:24px;padding:20px 0;}
.list-events li a .txt p{padding:15px 0;line-height:20px;font-size:18px;color:#191919;border-bottom:1px solid #E8E8E8;}

.list-about .list-about-content .txt{width:50%;}
.list-about .list-about-content .txt h3{display:inline-block;padding:3px 10px;background:#FC4340;color:#fff;border-radius:5px;}
.list-about .list-about-content .txt h2{font-size:36px;font-family: 'Barlow-Bold';text-transform:uppercase;padding:20px 0 40px}
.list-about .list-about-content .txt .body{font-size:16px;line-height:24px;}
.list-about .list-about-content .txt .body p{margin-bottom:30px;}
.list-about .list-about-content .txt .body p:last-child{margin-bottom:0px;}
.list-about .list-about-content .info{width:45%;}
.list-about .list-about-content .info li{padding:35px 0;border-bottom:1px solid #DDDDDD;}
.list-about .list-about-content .info li:nth-child(1){background:url(../image/ico10.jpg) no-repeat right center;}
.list-about .list-about-content .info li:nth-child(2){background:url(../image/ico11.jpg) no-repeat right center;}
.list-about .list-about-content .info li:nth-child(3){background:url(../image/ico12.jpg) no-repeat right center;}
.list-about .list-about-content .info li span{font-size:48px;color:#191919;}
.list-about .list-about-content .info li p{font-size:18px;color:#191919;text-transform:uppercase;}
.list-about .list-about-pic{padding-top:20px;}
.list-about .list-about-pic li{width:23.5%;float:left;margin:0 2% 30px 0;}
.list-about .list-about-pic li a{display:block;overflow:hidden;}
.list-about .list-about-pic li a img{width:100%;}
.list-about .list-about-pic li a p{text-transform:uppercase;padding-top:15px;}
.list-about .list-about-pic li:nth-child(4n){margin-right:0;}
.list-about .list-about-txt{padding:40px 0;}
.list-about .list-about-txt li{overflow:hidden;padding:40px 0;border-bottom:1px solid #CECECE}
.list-about .list-about-txt li .time{color:#fc4340;font-size:60px;float:left;margin-right:100px;}
.list-about .list-about-txt li p{padding-top:15px;color:#191919;font-size:16px;line-height:24px;}

.list-products li{width:23.5%;float:left;margin:0 2% 50px 0;}
.list-products li:nth-child(4n){margin-right:0;}
.list-products li a{display:block}
.list-products li a .bg{padding:20px 10px;border-radius:20px;box-shadow:0 0 30px rgba(0,0,0,.15);}
.list-products li a .pic{overflow:hidden}
.list-products li a .txt h2{padding:30px 0 15px 0;color:#fc4340;font-size:24px;}
.list-products li a .txt p{transition-duration:.5s;display:inline-block;padding:3px;background:#191919;color:#fff;font-size:16px;}
.list-products li a:hover .txt p{background:#fc4340;padding:3px 10px;}

.show-products .body ul{overflow:hidden}
.show-products .body ul li{margin:0 4% 20px 0;font-size:16px;padding:15px 30px;line-height:20px;border:1px solid #DADADA;border-radius:10px;width:48%;float:left;}
.show-products .body ul li:nth-child(2n){margin-right:0;}

.title{text-align:center;background:url(../image/t.jpg) no-repeat bottom center;padding-bottom:30px;margin-bottom:60px;}
.title p{text-transform:uppercase;color:#A7A7A7;}
.title h2{font-size:36px;text-transform:uppercase;color:#191919;text-transform:uppercase;}

.list-contact .form{width:45%}
.list-contact .form input,.list-contact .form textarea{display:block;border:1px solid #B4B4B4;margin-bottom:25px;width:100%;height:50px;line-height:48px;color:#a2a2a2;font-size:16px;padding-left:20px;border-radius:5px;}
.list-contact .form textarea{padding:10px 20px;line-height:30px;min-height:200px;}
.list-contact .form .submit{transition-duration:.6s;width:200px;height:50px;line-height:50px;background:#FC4340;color:#fff;border:0;float:right;cursor:pointer;}
.list-contact .form .submit:hover{background:#191919}
.list-contact .txt{width:50%;position:relative;}
.list-contact .txt ul li{padding:20px;font-size:16px;border-bottom:1px solid #B4B4B4;}
.list-contact .txt ul li img{margin-right:25px;}
.list-contact .txt .wx{position:absolute;right:0;bottom:0;background:#fff;}
.list-contact .map{margin-top:40px;}

.show-products .pro-header{padding:0 30px;border:1px solid #B4B4B4;margin-bottom:50px;border-radius:20px;}
.show-products .pro-header .bd{width:600px;position:relative;z-index:33;}
.show-products .pro-header .bd a{display:block}
.show-products .pro-header .bd a img{width:100%;}
.show-products .pro-header .hd{width:105px;padding:30px 0 0 15px;}
.show-products .pro-header .hd ul li{margin-bottom:25px;border:1px solid #B4B4B4;width:90px;height:90px;}
.show-products .pro-header .hd ul li a,.show-products .pro-header .hd a img{display:block;width:88px;height:88px;}
.show-products .pro-header .hd .next,.show-products .pro-header .hd .prev{transition-duration:.6s;border:2px solid #191919;border-radius:100%;font-size:15px;color:#191919;cursor:pointer;text-align:center;height:25px;width:25px;display:block;margin:0 auto;}
.show-products .pro-header .hd .next i,.show-products .pro-header .hd .prev i{transition-duration:.6s;line-height:20px;}
.show-products .pro-header .hd .next{margin-bottom:25px;}
.show-products .pro-header .hd .next:hover,.show-products .pro-header .hd .prev:hover{border-color:#FC4340;}
.show-products .pro-header .hd .next:hover i,.show-products .pro-header .hd .prev:hover i{color:#FC4340;}
.show-products .pro-header .info{width: calc(100% - 770px);padding:40px 50px 0 0;}
.show-products .pro-header .info .txt{padding-bottom:20px;border-bottom:1px solid #CCCCCC;}
.show-products .pro-header .info .txt h2{font-size:30px;color:#fc4340}
.show-products .pro-header .info .txt p{font-size:16px;padding-top:5px;}
.show-products .pro-header .info .c{padding:25px 0;color:#191919;font-size:16px;line-height:26px;}
.show-products .pro-header .info .c p{padding-left:20px;position:relative;}
.show-products .pro-header .info .c p:before{width:6px;height:6px;border-radius:6px;background:#000000;content:"";position:absolute;left:3px;top:12px;}
.show-products .pro-header .info .box{padding:25px 0;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}
.show-products .pro-header .info .box .ico a{transition-duration:.6s;display:inline-block;width:44px;height:44px;line-height:44px;text-align:center;background:#191919;color:#fff;margin-right:7px;border-radius:44px;}
.show-products .pro-header .info .box .ico a:hover{background:#FC4340;color:#fff;}
.show-products .pro-header .info .box .ico a:first-child{width:140px;background:#FC4340;}
.show-products .pro-header .share{padding-top:20px;position:relative;}
.show-products .pro-header .share span{font-size:18px;color:#9c9c9c;}
.show-products .pro-header .share ul{float:right;}
.show-products .pro-header .share ul li{float:left;margin-left:10px}
.show-products .pro-header .share ul li a{transition-duration:.6s;display:block;width:33px;height:33px;line-height:33px;border-radius:33px;text-align:center;background:#C0C0C0;color:#fff}
.show-products .pro-header .share ul li a i{line-height:33px}
.show-products .pro-header .share ul li a:hover{background:#FC4340;color:#fff}

.footer{margin-top:60px;background:#191919 url(../image/bg.jpg) repeat-x top center;}
.footer .email{text-align:center;padding:150px 0;}
.footer .email h2{font-size:36px;color:#fff;margin-bottom:50px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.footer .email form{max-width:675px;margin:0 auto;}
.footer .email input{display:inline-block;float:left;height:55px;line-height:55px;}
.footer .email input.text{padding-left:20px;font-size:16px;color:#adadad;width: calc(100% - 130px);border-bottom-left-radius:5px;border-top-left-radius:5px;}
.footer .email input.submit{cursor:pointer;border-bottom-right-radius:5px;border-top-right-radius:5px;width:130px;text-align:center;color:#fff;text-transform:uppercase;background:#191919}
.footer .menu{text-align:center;margin-bottom:40px;}
.footer .menu li{display:inline-block;margin-right:7px;}
.footer .menu li a{transition-duration:.6s;color:#fff;width:33px;height:33px;display:block;border-radius:33px;background:#383838;color:#fff}
.footer .menu li a i{line-height:33px;font-size:20px;}
.footer .menu li a:hover{background:#FC4341;}
.footer .bottom{border-top:1px solid #252525;padding:50px 0 100px}
.footer .bottom .wrap{position:relative;}
.footer .bottom .wrap .mc{position:absolute;right:0;top:0;}
.footer .bottom p,.footer .bottom a{font-size:16px;text-transform:uppercase;color:#adadad}
.footer .bottom p a{margin-left:20px;}

.index-banner .swiper-pagination-bullet{width:14px;height:14px;opacity:1;background:#191919;}
.index-banner .swiper-pagination-bullet-active{background:#FC4340;}
.index-banner .swiper-button-prev,
.index-banner .swiper-button-next{color:#FC4340;transition-duration:.6s;width:76px;height:76px;font:38px/76px '宋体';text-align:center;background:#FFFFFF;border-radius: 100%;}
.index-banner .swiper-button-prev{left:2%;}
.index-banner .swiper-button-next{right:2%;}
.index-banner .swiper-button-prev:hover,
.index-banner .swiper-button-next:hover{background:#FC4340;color:#fff;}

.index-about{padding:60px 0;}
.index-about .pic{width:46%}
.index-about .txt{width:50%}
.index-about .txt h3{display:inline-block;background:#FC4441;padding:2px 10px;color:#fff;text-transform:uppercase;border-radius:5px;}
.index-about .txt h2{font-size:36px;text-transform:uppercase;padding:30px 0 40px 0;}
.index-about .txt p{font-size:16px;line-height:24px;}
.index-about .txt a{transition-duration:.6s;display:block;margin:40px 0;width:140px;height:35px;line-height:35px;text-align:center;background:#FC4340;color:#fff;border-radius:30px}
.index-about .txt a i{transition-duration:.6s;margin-left:5px;}
.index-about .txt a:hover{background:#191919;}
.index-about .txt a:hover i{transform:rotate(360deg)}
.index-about .txt ul{overflow:hidden;padding:30px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.index-about .txt ul li{width:33%;float:left;padding-left:10px;}
.index-about .txt ul li span{font-size:48px;}
.index-about .txt ul li p{font-size:18px;margin-top:5px;text-transform:uppercase;}

.index-type{background:url(../image/type.png) no-repeat;height:810px;margin-bottom:40px;}
.index-type .box{width:1000px;margin-top:105px;height:600px;padding:80px;border-radius:20px;box-shadow:0 0 30px rgba(0,0,0,.2);background:#fff;}
.index-type .box .swiper-container{position:relative;}
.index-type .box .swiper-container:before{z-index:2;left:50%;top:0;position:absolute;width:1px;height:100%;content:"";background:#E8E8E8}
.index-type .box .title{text-align:left;background: url(../image/t.jpg) no-repeat bottom left;}
.index-type .box .swiper-slide a{display:block;text-align:center;}
.index-type .box .swiper-slide a .pic{overflow:hidden}
.index-type .box .swiper-slide a .txt{text-transform:uppercase;margin-top:10px}
.index-type .box .btn{margin-top:40px;}
.index-type .box .btn div{transition-duration:.6s;cursor:pointer;text-align:center;border:2px solid #191919;border-radius:21px;width:25px;height:25px;float:left;margin-right:20px;}
.index-type .box .btn div i{transition-duration:.6s;position:relative;top:-2px;font-size:15px;}
.index-type .box .btn div:hover{border-color:#FC4340;}
.index-type .box .btn div:hover i{color:#FC4340;}

.index-video{background:url(../image/videobg.jpg) no-repeat center center;justify-content:center;align-items:center;height:800px;}
.index-video .box{text-align:center;}
.index-video .box a{display:block}
.index-video .box .btn img{border-radius:100%;}
.index-video .box .logo{padding:30px 0 20px 0;}
.index-video .box h2{font-size:36px;color:#fff;text-transform:uppercase;}
.index-video .box h3{margin:30px 0 50px;display:inline-block;padding:3px 20px;background:#FC4340;border-radius:5px;color:#fff;text-transform:uppercase;}
.index-video .box p{transition-duration:.6s;width:110px;height:40px;line-height:40px;border-radius:30px;background:#fff;text-align:center;font-size:16px;color:#191919;text-transform:uppercase;margin:0 auto;}
.index-video .box a:hover p{background:#FC4340;color:#fff;}

@media (max-width: 1520px){
	.wrap{max-width:96%;}
}

@media (max-width: 1280px){
	.show-products .pro-header .info{padding:20px 0 0 0}
}
@media screen and (max-width:992px) {
	.wrap{max-width:100%;}
	.show-products .pro-header .bd,.show-products .pro-header .hd,.list-pc-menu,.index-banner .swiper-button-prev, .index-banner .swiper-button-next,.header{display:none;}
	.fl,.fr{float:none;}
	.show-products,.list-events,.list-contact,.list-about,.list-news,.show-news,.index-about{padding:30px 10px;}
	.list-contact .txt,.list-contact .form,.list-about .list-about-content .info,.list-about .list-about-content .txt,.index-about .txt,.index-about .pic{width:100%;}
	.index-about .txt{padding-top:20px;}
	.list-about .list-about-content .txt h2,.index-about .txt h2{font-size:26px;padding:15px 0 20px}
	.index-about .txt p{font-size:15px;line-height:22px;}
	.index-about .txt ul{padding:20px 0;}
	.index-about .txt ul li{padding-left:0;}
	.index-about .txt ul li span{font-size:30px}
	.index-about .txt ul li p{font-size:13px;}
	.index-type{height:auto;background:none;padding:30px 10px;margin:0;}
	.index-type .box{width:100%;height:auto;margin-top:0;padding:20px;}
	.index-type .box .swiper-slide a .pic{width:80%;margin:0 auto;}
	.index-type .box .swiper-slide a .pic img{width:100%;height:140px;}
	.title{margin-bottom:30px;}
	.title p{font-size:15px;}
	.title h2{font-size:26px;}
	.list-products,.index-news{padding:30px 10px;}
	.list-products li{width:48%;float:left;margin:0 4% 20px 0}
	.list-products li:nth-child(2n){margin-right:0;}
	.list-products li a .txt h2{padding:20px 0 10px;font-size:20px}
	.list-products li a .txt p{padding:0 5px;height:25px;line-height:25px;overflow:hidden;font-size:13px;}
	.index-video{height:auto;padding:50px 0;}
	.index-news .list-news{padding:0;}
	.list-news li{width:100%;margin:0 0 20px 0;float:none;}
	.footer{margin-top:0;}
	.footer .email{padding:80px 0 0 0 ;}
	.footer .email h2{font-size:26px;margin-bottom:30px;}
	.footer .email form{max-width:90%;}
	.footer .email input{height:45px;line-height:45px}
	.footer .email input.text{width:calc(100% - 100px);padding-left:10px;}
	.footer .email input.submit{width:100px;font-size:15px;}
	.footer .menu{display:block;margin:20px 0;}
	.footer .bottom{border-top:none;padding:30px 10px 80px}
	.footer .bottom p,.footer .bottom p a{color:#fff;font-size:14px;}
	.footer .bottom p a{margin-left:5px;}
	.footer .bottom .wrap .mc{margin:20px auto 0;text-align:center;position:static;display:block;}
	.list-about .list-about-content .txt .body p{margin-bottom:15px;}
	.list-about .list-about-content .info li{padding:15px 0;}
	.list-about .list-about-pic li{width:48%;margin:0 4% 15px 0;}
	.list-about .list-about-pic li:nth-child(2n){margin-right:0;}
	.list-about .list-about-txt li{padding:20px 0;}
	.list-about .list-about-txt li .time{float:none;margin-right:0;font-size:40px;}
	.list-about .list-about-txt li p{padding-top:0;font-size:15px;line-height:22px;}
	.list-about .list-about-pic li a p{font-size:14px;}
	.list-contact .form input, .list-contact .form textarea{height:40px;line-height:38px;margin-bottom:15px;}
	.list-contact .form textarea{min-height:100px;}
	.list-contact .form .submit{float:none;display:block;margin:0 auto;}
	.list-contact .txt ul li{font-size:14px;padding:10px;}
	.list-contact .txt ul li img{margin-right:10px;}
	.list-contact .txt .wx{position:static;text-align:center;padding:15px;}
	.list-events li{margin-bottom:40px;}
	.list-events li a .txt,.list-events li a .pic{width:100%;float:none;}
	.list-events li a .txt h2{font-size:20px;padding:15px 0 5px 0;}
	.list-events li a .txt p{padding:10px 0;font-size:15px;}
	.show-news .time{padding:20px 0 10px}
	.show-news .body{padding:20px 0;}
	.show-news .updown{padding-top:20px;}
	.show-news .updown .more{position:static;display:block;margin:20px auto 0;}
	.show-products .pro-header{padding:0;border:0;border-radius:none;}
	.show-products .click_qrcode{display:none !important;}
	.show-products .show-banner{display:block !important;}
	.show-products .pro-header .info{width:100%;padding:0;}
	.show-products .pro-header .info .box{padding:15px 0;}
	.show-products .body{margin-bottom:40px;}
	.show-products .body ul li{width:100%;float:none;margin-right:0;padding:10px;border-radius:4px;margin-bottom:10px;}
	.show-products .list-products{padding:0;}
}