*{box-sizing:border-box}
body{background:#F5F5F5;}
.wrap{max-width:100%;padding:0 70px;}
.flex{display: flex;}

.sidebar{width:230px;height:100%;background:#FFFFFF;position:fixed;z-index:9999;}
.sidebar .logo{padding:30px 0 70px;text-align:center;}
.sidebar .menu{padding-left:30px;}
.sidebar .menu ul li a{text-transform:uppercase;display:block;color:#000;font-size:18px;font-family: 'Barlow-Medium';}
.sidebar .menu ul li{line-height:44px;padding-left:15px;}
.sidebar .menu ul li.on{background:#F5F5F5;border-bottom-left-radius:8px;border-top-left-radius:8px;}
.content{margin-left:230px;width: calc(100% - 230px);}
.content .header{padding:20px 0 100px;}
.content .header input,.content .header button{float:left;height:50px;line-height:50px;background:#DDDDDD;border:0;}
.content .header input{width:495px;padding-left:20px;border-bottom-left-radius:10px;border-top-left-radius:10px;}
.content .header button{transition-duration:.5s;width:65px;cursor:pointer;text-align:center;border-bottom-right-radius:10px;border-top-right-radius:10px;}
.content .header button i{font-size:20px;line-height:50px;}
.content .header button:hover{background:#043788;color:#fff;}
.content .header .info{line-height:50px;}
.content .header .info div{float:left;cursor:pointer;}
.content .header .info .line{position: relative;padding:0 20px;}
.content .header .info .line:before{width:1px;top:18px;height:18px;background:#171C1F;content:"";position: absolute;left:0;}
.content .header .info .line:first-child:before{display:none;}
.content .header .info .language{cursor: pointer;z-index:2;padding:0 0 0 20px;position: relative;}
.content .header .info .language p{height:50px;}
.content .header .info .language span{font-family:'Barlow-Medium';font-size:16px;margin:0 8px;}
.content .header .info .language .language-sub{display:none;position: absolute;background:#FFFFFF;width:100%;}
.content .header .info .language .language-sub a{display:block;padding:5px 0;line-height:20px;font-size:13px;border-bottom:1px solid #000;color:#000;}
.content .header .info .language .language-sub a:hover{color:#fff;background:#000;}
.content .header .info .language .language-sub img{margin:0 10px;height:20px;}
.content .header .info .language .language-sub a:last-child{border:0;}
.content .header .info .language:hover .language-sub{display:block;}
.content .banner{padding-bottom:70px;}
.content .title{position:relative;z-index:1;line-height:60px;margin-bottom:60px;color:#043788;font-size:60px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.content .title h2{position:relative;z-index:2;}
.content .title .bg{position:absolute;z-index:1;}
.content .title .aboutbg{right:-69px;top:35px;}
.content .title .downloadbg{left:-69px;top:250px;}
.content .title.t2{margin:50px 0 0 0;}
.content .list-news li{width:30%;margin:0 5% 100px 0;float:left;}
.content .list-news li:nth-child(3n){margin-right:0;}
.content .list-news li a{display:block;color:#000;font-family:'Barlow-Medium';}
.content .news-info .type{display:inline-block;padding:2px 6px;background:#000;color:#fff;}
.content .news-info .time{font-size:18px;padding:24px 0 26px 0;}
.content .news-info .pic img{width:100%;}
.content .list-news li a h3{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition-duration:.5s;padding:30px 0 35px 0;line-height:28px;font-size:24px;}
.content .list-news li a p{padding-bottom:40px;border-bottom:2px solid #DCDCDC;line-height:24px;font-size:16px;}
.content .list-news li a span{font-size:16px;padding-top:30px;display:block;}
.content .list-news li a:hover h3{color:#043788}
.content .list-news li a:hover p{border-color:#043788}
.content .show-news{padding-bottom:90px;}
.content .show-news .info{width:400px;}
.content .show-news .txt{width: calc(100% - 500px)}
.content .show-news .txt h2{font-size:24px;font-family:'Barlow-Medium';}
.content .show-news .txt .body{min-height:600px;padding:30px 0;font-family:'Barlow-Medium';font-size:16px;line-height:24px;}
.content .show-news .txt .body p{margin-bottom:15px;}
.content .show-news .txt .up{padding-top:30px;border-top:1px solid #DCDCDC;position:relative;}
.content .show-news .txt .up p,.content .show-news .txt .up p a{font-size:16px;line-height:25px;}
.content .show-news .txt .up a.more{transition-duration:1s;width:120px;height:40px;line-height:40px;background:#043788;border-radius:30px;position:absolute;right:0;top:40px;text-align:center;color:#fff;}
.content .show-news .txt .up a.more i{margin-right:5px;}
.content .show-news .txt .up a.more:hover{background:#0B0B0B;}
.content .list-about .pic{width:48%}
.content .list-about .txt{width:48%;}
.content .list-about .txt p{color:#0b0b0b;line-height:26px;font-size:18px;margin-bottom:30px}
.content .list-about .txt p:last-child{margin-bottom:0;}
.content .list-about-pic{padding:80px 0;margin-top:80px;border-top:1px solid #C4C4C4}
.content .list-about-pic li{width:23.5%;padding:10px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.2);margin:0 2% 40px 0;float:left;}
.content .list-about-pic li .pic img{width:100%;}
.content .list-about-pic li .txt{color:#000;text-align:center;font-size:15px;line-height:30px;}
.content .list-about-pic li:nth-child(4n){margin-right:0;}
.content .list_download .txt{width:33%;}
.content .list_download .txt .box{position:relative;z-index:2;}
.content .list_download .txt .box h3{margin-bottom:60px;font-size:18px;font-family:'Barlow-Medium';text-transform:uppercase;}
.content .list_download .txt .box p{font-size:18px;line-height:24px;font-family:'Barlow-Medium';text-transform:uppercase;}
.content .list_download .pic{width:62%;}
.content .list_download .list_download_list{margin-top:60px;padding:60px 0;}
.content .list_download .list_download_list li{transition-duration:.8s;width:30%;padding:10px 20px;margin:0 5% 35px 0;float:left;background:#000000;border-radius:5px;}
.content .list_download .list_download_list li:hover{background:#043788;}
.content .list_download .list_download_list li a{display:block;}
.content .list_download .list_download_list li img{margin-right:10px;}
.content .list_download .list_download_list li span{line-height:30px;width: calc(100% - 35px);float:right;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;font-size:18px;color:#fff;text-transform:uppercase;}
.content .list_download .list_download_list li:nth-child(3n){margin-right:0;}
.content .pro-type dl{align-items:center;display:flex;overflow:hidden;border-top:1px solid #C4C4C4;border-bottom:1px solid #C4C4C4;}
.content .pro-type dl:nth-child(1){border-bottom:0;}
.content .pro-type dl dt{background:url(../images/right.jpg) no-repeat 170px center;padding:40px 0;width:200px;line-height:24px;font-size:18px;font-family:'Barlow-Medium';text-transform:uppercase;line-height:20px;float:left;}
.content .pro-type dl dd{padding:40px 0;width: calc(100% - 220px);float:right;}
.content .pro-type dl dd a{font-family:'Barlow-Medium';font-size:18px;margin-right:40px;}
.content .pro-type dl dd a.on{color:#043788}
.content .show-pro-header{padding-top:40px;margin:60px 0;background:#fff;box-shadow:0 0 30px rgba(0,0,0,.1);}
.content .show-pro-header .bd{width:750px;}
.content .show-pro-header .bd img{width:100%;}
.content .show-pro-header .hd{width:122px;}
.content .show-pro-header .hd li{margin-bottom:15px;}
.content .show-pro-header .hd li img{border:1px solid #BFBFBF;width:120px;height:120px;}
.content .show-pro-header .hd .next,.content .show-pro-header .hd .prev{cursor:pointer;width:50%;float:left;text-align:center;background:#000000;height:35px;}
.content .show-pro-header .hd a i{line-height:35px;color:#fff;font-size:20px;}
.content .show-pro-header .hd .prev{background:#043788;}
.content .show-pro-header .info{width: calc(100% - 950px);padding-right:70px;}
.content .show-pro-header .info .txt{border-bottom:1px solid #EAEAEA}
.content .show-pro-header .info .txt h3,.content .show-pro-header .info .txt p{font-family:'Barlow-Medium';font-size:18px;}
.content .show-pro-header .info .txt p{padding:10px 0 30px;}
.content .show-pro-header .info .ico{overflow:hidden;padding:20px 0;}
.content .show-pro-header .info .ico a{width:44px;border-radius:4px;display:inline-block;float:left;margin-right:10px;font-size:18px;text-align:center;color:#fff;background:#101010;line-height:44px;height:44px;}
.content .show-pro-header .info .ico a:first-child{width:140px;background:#043788}
.content .show-pro-header .info .ico a:hover{color:#fff;background:#043788;}
.content .show-pro-header .info .body{min-height:400px;}
.content .show-pro-header .info .body ul li{font-family:'Barlow-Medium';width:48%;margin-right:4%;float:left;border-bottom:1px solid #CCCCCC;padding:20px 0;font-size:16px;}
.content .show-pro-header .info .body ul li:nth-child(2n){margin-right:0;}
.content .show-pro-header .info .share{padding:20px 0;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;}
.content .show-pro-header .info .share span{font-size:18px;color:#24282b;text-transform:uppercase}
.content .show-pro-header .info .share ul{float:right;}
.content .show-pro-header .info .share ul li{float:left;padding:0 15px;position:relative;}
.content .show-pro-header .info .share ul li:after{top:0;left:0;position:absolute;content:"";width:1px;height:20px;background:#E5E5E5;}
.content .show-pro-header .info .share ul li:first-child:after{display:none}
.content .show-pro-header .info .share ul li a{transition-duration: 1s;font-size:20px;color:#CCCCCC;display:block;}
.content .show-pro-header .info .share ul li a:hover{color:#043788}
.content .show-pro-header .up{margin-top:40px;border-top:1px solid #E5E5E5;}
.content .show-pro-header .up a{width:50%;float:left;color:#24282b;padding:50px 0;}
.content .show-pro-header .up a span{display:block;font-family:'Barlow-Medium';font-size:18px;}
.content .show-pro-header .up a:first-child{padding-left:50px;}
.content .show-pro-header .up a:last-child{text-align:right;padding-right:50px;}
.content .show-pro-header .up a:hover{color:#043788}
.content .list-pro{padding:70px 0;}
.content .list-pro ul li{background:#FFFFFF;box-shadow:0 0 30px rgba(0,0,0,.075);width:23.5%;margin:0 2% 30px 0;float:left;}
.content .list-pro ul li:nth-child(4n){margin-right:0;}
.content .list-pro ul li a{display:block;position:relative;}
.prologo{position:absolute;left:20px;top:20px;height:30px;}
.content .list-pro ul li .pic img{width:100%;}
.content .list-pro ul li .txt{padding:35px 30px 30px 30px;position:relative;border-top:1px solid #E5E5E5;}
.content .list-pro ul li .txt:after{content:"";background:url(../images/url.jpg);width:30px;height:30px;position:absolute;top:50%;margin-top:-15px;right:30px;}
.content .list-pro ul li .txt h2,.content .list-pro ul li .txt h3{font-size:18px;font-family:'Barlow-Medium';}
.content .footer{background:#0B0B0B;height:265px;}
.content .footer .wrap{position:relative;}
.content .footer p{line-height:265px;color:#fff;font-size:16px;font-family:'Barlow-Medium';text-transform:uppercase;}
.content .footer .mc{position:absolute;right:70px;top:50%;margin-top:-10px;}
.content .footer .return{padding-top:5px;color:#fff;text-align:center;border:10px solid #fff;position:absolute;display:block;background:#043788;right:70px;top:-34px;width:88px;height:88px;border-radius:88px;}
.content .footer .return i{display:block;font-size:30px;}
.content .footer .return span{display:block;font-family:'Barlow-Medium';font-size:16px;}
.content .index-banner{margin-bottom:50px;}
.index-banner .swiper-slide img,.index-banner .swiper-slide video{border-radius:18px;display: block;width: 100%;max-height:730px;object-fit: cover;}
.content .list_download .index_download{margin-top:110px;padding:110px 0;border-top:1px solid #C4C4C4}
.content .list_download .index_download ul{width:65%;float:left;}
.content .list_download .index_download ul li{width:48%;margin-right:4%;}
.content .list_download .index_download ul li:nth-child(2n){margin-right:0;}
.content .list_download .index_download .pic{width:33%;float:right;position:relative;}
.content .list_download .index_download .pic a{left:50%;margin-left:-134px;position:absolute;top:-30px;}
.content .index-news{background:#E9E9E9;padding:120px 0;}
.content .index-news .info{width:30%;}
.content .index-news .list{width:60%;}
.content .index-news .list-news li{width:45%;margin-right:10%}
.content .index-news .list-news li:nth-child(2n){margin-right:0;}
.content .index-contact{padding:120px 0}
.content .index-contact .txt{width:45%}
.content .index-contact .txt .title{margin-bottom:0;}
.content .index-contact .txt h3{margin:40px 0 80px;max-width:460px;font-family:'Barlow-Medium';line-height:28px;font-size:22px;color:#CCCCCC;}
.content .index-contact .txt ul li{float:left;padding:0 15px;position:relative;}
.content .index-contact .txt ul li:after{top:0;left:0;position:absolute;content:"";width:1px;height:20px;background:#E5E5E5;}
.content .index-contact .txt ul li:first-child:after{display:none}
.content .index-contact .txt ul li a{transition-duration: 1s;font-size:30px;color:#CCCCCC;display:block;}
.content .index-contact .txt ul li a:hover{color:#043788}
.content .index-contact .info{width:50%;}
.content .index-contact .info h2{font-size:24px;line-height:30px;font-family:'Barlow-Medium';text-transform:uppercase;}
.content .index-contact .info .line{padding:20px 0;}
.content .index-contact .info .line span{width:8px;height:8px;display:inline-block;border-radius:8px;background:#043788;margin-right:5px}
.content .index-contact .info h3{color:#0b0b0b; font-size:18px;margin-bottom:35px;font-family:'Barlow-Medium';max-width:450px;line-height:30px;}

.content .index-contact .info h4{color:#043788; font-family: 'Barlow-Bold'; text-transform: uppercase; font-size:36px;margin-bottom:25px; line-height:30px;}
.content .index-contact .info h4 a{color:#043788;}

.content .index-contact .info ul li{font-family:'Barlow-Medium';font-size:18px;padding:20px 0;width:45%;margin-right:10%;border-bottom:1px solid #D2D2D2;float:left;}
.content .index-contact .info ul li:nth-child(2n){margin-right:0;}

.index-type{margin:120px 0;overflow:hidden;}
.index-type .swiper-slide a{display:block;}
.index-type .swiper-slide{transition-duration:.3s;width:40%;object-fit: fill;}
.index-type .swiper-slide.on{width:60%;}
.index-type .swiper-slide .pic{transition-duration:.8s;position:relative;}
.index-type .swiper-slide .pic img{display: block;width: 100%;object-fit: cover;height:700px;}
.index-type .swiper-slide .txt{overflow:hidden;position:relative;transition-duration:.8s;padding-top:100px;height:260px;background:#6295AE;}
.index-type .swiper-slide .txt h2{transition-duration:.8s;position:absolute;bottom:-100%;font-size:48px;color:#fff;font-family: 'Barlow-Medium';text-transform:uppercase;}
.index-type .swiper-slide .btn{transition-duration:.8s;bottom:70px;width:35px;height:35px;border:4px solid #fff;border-radius:35px;text-align:center;position:absolute;z-index:2;}
.index-type .swiper-slide .btn i{line-height:28px;color:#fff;}
.index-type .swiper-slide .ico{transition-duration:.8s;bottom:200px;position:absolute;z-index:999;}
.index-type .swiper-slide .bg{transition-duration:.3s;bottom:158px;left:50%;margin-left:-80px;position:absolute;z-index:999;}
.index-type .swiper-slide .info{transition-duration:.8s;position:absolute;bottom:70px;font-size:18px;color:#fff;font-family: 'Barlow-Medium';text-transform:uppercase;}
.index-type .slide1 .ico{left:-45px;}
.index-type .slide1 .btn{right:55px;}
.index-type .slide1 .info{left:70px;}
.index-type .slide1 .txt h2{left:50px;}
.index-type .slide1.on .info{bottom:-70px;}
.index-type .slide1.on .ico{left:55px;}
.index-type .slide2 .btn{left:55px;}
.index-type .slide2 .ico{right:-45px;}
.index-type .slide2 .info{right:70px;}
.index-type .slide2 .txt h2{right:50px;}
.index-type .slide2.on .info{bottom:-70px;}
.index-type .slide2.on .ico{right:20px;}
.index-type .swiper-slide.on .bg{bottom:258px;}
.index-type .swiper-slide.on .txt h2{top:50%;margin-top:-29px;}
.index-type .wapSwiper,.index-type .wappagination{display:none;}

@media (max-width: 1440px){
	.content .title .aboutbg{right:0;}
	.wrap{padding:0 35px;}
	.content .list-about .txt p{font-size:15px;line-height:22px;}
	.content .show-pro-header .bd{width:600px;}
	.content .show-pro-header .info{width: calc(100% - 750px);}
	.content .show-pro-header .info .body ul li{width:100%;float:none;margin:0;padding:10px 0;}
	.content .list-news li{margin-bottom:50px;}
	.content .list-news li a h3{padding:15px 0 20px;}
	.content .index-contact .info h3{margin-bottom:30px}
	.content .index-contact .info ul li{padding:15px 0;float:left;margin:0;width:100%;}
}

@media (max-width: 1366px){
	.content .show-pro-header .bd{width:500px;}
	.content .show-pro-header .info{width: calc(100% - 650px);padding-right:0;}
	.content .list-pro ul li{width:32%;margin:0 2% 30px 0 !important;}
	.content .list-pro ul li:nth-child(3n){margin-right:0 !important;}
	.content .show-pro-header .info .ico a{margin-right:5px;}
	.content .show-pro-header .info .ico a:first-child{width:100px;}
	.content .show-pro-header .info .share span{display:none;}
}
@media (max-width: 1200px){
	.content .title{font-size:40px;line-height:40px;margin-bottom:40px;}
	.content .list_download .txt .box h3{margin-bottom:20px;}
	.wrap{padding:0 15px;}
}
@media screen and (max-width:992px) {
	.content .index-banner{margin:10px 10px 30px}
	.wrap{padding:0;}
	.content .list-pro ul li .txt:after,.content .title .bg,.content .show-news .txt .up a.more,.click_qrcode,.return,.pro-type,.sidebar,.content .show-pro-header .bd,.content .show-pro-header .hd,.pc-menu,.header{display:none !important;}
	.fl,.fr{float:none;}
	.content{width:100%;margin-left:0;}
	.content .title{margin:20px 10px;}
	.content .show-pro-header{margin:20px 0;padding:10px;}
	.content .show-pro-header .info .body{min-height:auto;}
	.show-banner{display:block !important;}
	.content .index-contact .info,.content .index-contact .txt,.content .index-news .info,.content .index-news .list,.content .list_download .index_download ul,.content .list-about .pic,.content .list-about .txt,.content .list_download .pic,.content .list_download .txt,.content .show-news .info,.content .show-news .txt,.content .show-pro-header .info{width:100%;}
	.content .show-pro-header .info .share{border-top:0;}
	.content .show-pro-header .info .share span{display:block}
	.content .show-pro-header .up a{padding:25px !important;}
	.content .title.t2{margin:20px 10px}
	.content .list-pro{padding:30px 10px;}
	.content .list-pro ul li:nth-child(1n){width:48%;margin:0 4% 20px 0 !important;}
	.content .list-pro ul li:nth-child(2n){margin:0 0 20px 0 !important;}
	.content .list-pro ul li .txt{padding:15px 10px;}
	.content .footer{height:auto;padding:30px 10px 70px;}
	.content .footer p{line-height:30px;font-size:15px;}
	.content .footer .mc{position:static;display:block;margin:20px auto 0;text-align:center;}
	.content .list-news,.list-about,.list_download,.content .show-news{padding:0 10px 30px;}
	.content .list-news li{width:100%;margin:0 0 30px 0;float:none;}
	.content .list-news li a p{padding-bottom:20px;font-size:14px;line-height:22px;}
	.content .list_download .pic,.content .show-news .txt{margin-top:30px;}
	.content .list_download .list_download_list{padding:20px 0;margin-top:20px;}
	.content .list_download .list_download_list li{float:none;width:100%;margin:0 0 20px 0;}
	.content .list-about-pic{padding:30px 10px;margin-top:30px;}
	.content .list-about-pic li{width:48%;margin:0 4% 15px 0}
	.content .list-about-pic li:nth-child(2n){margin-right:0}
	.content .banner{padding-bottom:30px;}
	.content .list_download .index_download ul li{width:100%;margin:0 0 10px 0;}
	.content .index-news,.content .index-contact{padding:30px 10px;}
	.content .index-news .list-news li{width:100%;margin:0 0 15px 0;}
	.content .index-contact .txt h3{margin:20px 0 40px;max-width:100%;line-height:24px;font-size:18px;}
	.content .index-contact .txt ul{overflow:hidden;}
	.content .index-contact .info{margin-top:30px;}
	.content .index-contact .info ul li{padding:10px 0;font-size:16px;}
	.index-type{margin:60px 0;position:relative;}
	.index-type .pcSwiper{display:none;}
	.index-type .wapSwiper,.index-type .wappagination{display:block;}
	.index-type .swiper-slide{width:100%;}
	.index-type .swiper-slide .pic img{height:280px;}
	.index-type .swiper-slide .txt{height:120px;}
	.index-type .swiper-slide .txt h2{left:20px;bottom:70px;font-size:20px;}
	.index-type .swiper-slide .txt h2 br{display:none;}
	.index-type .swiper-slide .info{bottom:20px;left:20px;font-size:15px;}
	.index-type .swiper-slide .btn{bottom:30px;right:20px;}
	.index-type .swiper-slide .ico{bottom:130px;left:20px;}
	.index-type .swiper-slide .ico img{width:50%;}
	.index-type .wappagination{position:absolute;left:90%;bottom:10px;z-index:999;color:#fff;}
	.index-type .wappagination span{background:none;color:#fff;font-size:14px;opacity:1;color:#fff;}
	.index-type .wappagination span.swiper-pagination-bullet-active{color:#043788}
	.prologo{position:absolute;left:15px;top:5px;height:40px;}
	.prologo img{height:40px}
}