*{box-sizing:border-box}
.wrap{max-width:100%;max-width:1620px;margin:0 auto;}
.flex{display:flex;justify-content:space-between;}
.top{height:40px;line-height:40px;}
.top p,.top p a{color:#24282c;font-size:14px;}
.top .ico a{margin-left:20px;position:relative;color:#24282C;font-size:18px}
.top .ico a:before{background:#D3D4D5;position:absolute;content:"";width:1px;height:18px;left:-12px;top:2px;}
.top .ico a:first-child:before{display:none;}

.header{height:95px;line-height:95px;border-bottom:1px solid #2F3337;background:#24282C;}
.header.height{position:fixed;top:0;left:0;width:100%;z-index:9999999;}
.header .flex{align-items:center;}
.header .logo-menu,.header .search-lang{align-items:center;display:flex;}
.header .logo-menu .menu {position:relative;}
.header .logo-menu .menu .c{z-index:2;height:25px;line-height:25px;position:absolute;bottom:5px;left:34px;font-size:15px;}
.header .logo-menu .menu ul{display:flex;}
.header .logo-menu .menu li{margin-left:35px;}
.header .logo-menu .menu li a{font-size:18px;color:#fff;}
.header .logo-menu .menu li a:hover{color:#E51C21}
.header .search-lang .search{width:270px;height:40px;border:1px solid #929496;border-radius:4px;line-height:38px;padding:0 10px;margin-right:10px;}
.header .search-lang .search input,.header .search-lang .search button{border:0;height:38px;line-height:38px;background:none;}
.header .search-lang .search input{color:#f2f2f2;font-size:14px;}
.header .search-lang .search input::-webkit-input-placeholder{color:#f2f2f2;}
.header .search-lang .search button{color:#fff;font-size:18px;cursor:pointer;}
.header .search-lang .lang{position:relative;}
.header .search-lang .lang h3{cursor:pointer;width:150px;height:40px;line-height:40px;border-radius:4px;background:#FFF;text-align:center;}
.header .search-lang .lang h3 span{font-size:14px;color:#24282c;margin:0 10px}
.header .search-lang .lang h3 i{transition-duration:.7s;color:#E51C21}
.header .search-lang .lang .sub{display:none;position:absolute;top:40px;left:0;padding:0 10px 5px 10px;background:#fff;border-radius:0 0 4px 4px;width:100%;z-index:33;}
.header .search-lang .lang .sub a{border-top:1px dashed #2F3337;font-size:14px;line-height:40px;background:#fff;display:block;}
.header .search-lang .lang .sub a img{margin-right:10px;}
.header .search-lang .lang:hover h3{border-radius: 4px 4px 0 0}
.header .search-lang .lang:hover i{transform: rotate(180deg);}
.header .search-lang .lang:hover .sub{display:block}
.position{height:38px;line-height:38px;background:#24282C;}
.position i{margin:0 15px;color:#fff;}
.position a{font-size:14px;color:#fff;text-transform: capitalize}
.position a:hover{color:#e51c21}

.main{padding:50px 0}
.main .sidebar{width:22.5%;}
.main .sidebar .box{padding:30px 20px;background:#F3F3F3;}
.main .sidebar .box h2{padding-bottom:15px;margin-bottom:30px;font-family: 'Barlow-Bold';font-size:36px;color:#161616;border-bottom:6px solid #24282C;}
.main .sidebar .box h3{position:relative;padding-bottom:15px;margin-bottom:30px;font-family: 'Roboto-Medium';font-size:16px;color:#363234;border-bottom:1px solid #24282C;}
.main .sidebar .box h3 a{display:block;}
.main .sidebar .box h3:before{width:14px;height:2px;content:"";background:#161616;position:absolute;right:10px;top:10px;}
.main .sidebar .box h3:hover:before,.main .sidebar .box h3.on:before{background:#E51C21}
.main .sidebar .box ul{margin-bottom:30px;}
.main .sidebar .box ul li a{transition-duration:.6s;padding-left:30px;display:block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;position:relative;line-height:40px;font-size:14px;color:#363234;font-family: 'Roboto-Medium';}
.main .sidebar .box ul li a:before{transition-duration:.6s;width:14px;height:14px;border:1px solid #8D8D8D;background:#fff;content:"";position:absolute;left:0;top:10px;}
.main .sidebar .box ul li a.on:before,.main .sidebar .box ul li a:hover:before{border-color:#E51C21;background:#E51C21;}
.main .about-sidebar .box h2{border-color:#E51C21}
.main .about-sidebar .box h3{border-color:#E51C21}
.main .content{width: calc(100% - 25%);}
.main .list ul{display:flex;flex-wrap:wrap;}
.main .list li{width:32%;margin-right:2%;}
.main .list li:nth-child(3n){margin-right:0}
.main .list li a{display:block;cursor:pointer}
.main .list li a .pic{overflow:hidden}
.main .list li a .pic img{width:100%;}
.main .list-news li{margin-bottom:70px;}
.main .list-news li h3{font-size:18px;color:#161616;padding:20px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main .list-news li h4{font-size:14px;color:#54585b;margin-bottom:30px;}
.main .list-news li p{font-size:14px;line-height:30px;color:#54585b;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;}
.main .index-pro li{width:23.5%}
.main .list-pro li{margin-bottom:40px;}
.main .index-pro li:nth-child(3n){margin-right:2%}
.main .index-pro li:nth-child(4n){margin-right:0}
.main .list-pro .pic{padding:20px;box-shadow:0 10px 20px rgba(0,0,0,.1);border-radius:5px;margin-bottom:20px}
.main .list-pro .txt{padding:0 15px;}
.main .list-pro .txt h3{color:#E51C21;font-size:20px;}
.main .list-pro .txt h3 span{color:#54585B;}
.main .list-pro .txt h2{color:#161616;font-size:24px;padding:15px 0 5px; font-family: 'Roboto-Medium';}
.main .list-pro .txt h4{color:#161616;font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main .list-pro .txt p{transition-duration:.5s;display:inline-block;border-bottom:1px solid #161616;margin-top:15px;color:#161616;font-size:16px;}
.main .list-pro li:hover .txt p{color:#E51C21;border-color:#E51C21;margin-left:10px}
.main .show-news h2{color:#161616;font-size:18px;}
.main .show-news .time{padding:20px 0;border-bottom:1px solid #24282C;font-size:14px;color:#54585b}
.main .show-news .body{padding:40px 0;font-size:14px;line-height:30px;color:#363234}
.main .show-news .body p{margin-bottom:20px;}
.main .show-news .back_page .up_down p,.main .show-news .back_page .up_down p a{font-size:14px;color:#363234}
.main .show-news .back_page .up_down p{line-height:30px}
.main .show-news .back_page .up_down p a:hover{color:#E51C21}
.main .show-news .back_page .back a{transition-duration:.6s;display:block;width:150px;height:50px;line-height:50px;background:#24282C;border-radius:50px;text-align:center;color:#fff;font-size:18px}
.main .show-news .back_page .back a i{margin-right:10px;}
.main .show-news .back_page .back a:hover{background:#E51C21;}
.main .show-pro .body{padding:10px 0 40px;}
.main .show-pro .body h3{font-size:24px;color:#e51c21;margin-bottom:10px}
.main .show-pro .body ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.main .show-pro .body ul li{width:48%;border-bottom:1px solid #C5C5C5;color:#363234;font-size:16px;padding:18px 0;}
.main .show-pro .title{font-size:36px;color:#161616;font-family: 'Barlow-Bold';margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #161616}
.main .show-pro .show-pro-header{margin-bottom:30px;}
.main .show-pro .show-pro-header .bd{padding:20px;}
.main .show-pro .show-pro-header .hd{width:110px}
.main .show-pro .show-pro-header .hd .video{margin-bottom:10px;}
.main .show-pro .show-pro-header .hd li{width:108px;border:1px solid #D0DDD8;margin-bottom:10px;}
.main .show-pro .show-pro-header .hd li img{width:108px;display:block;height:108px;}
.main .show-pro .show-pro-header .hd .btn a{width:50%;height:30px;line-height:30px;text-align:center;background:#161616;color:#fff;font-size:22px;cursor:pointer;}
.main .show-pro .show-pro-header .hd .btn a:last-child{background:#E51C21}
.main .show-pro .show-pro-header .info{width:45%}
.main .show-pro .show-pro-header .info h2{font-size:36px;color:#24282c;font-family: 'Barlow-Bold';}
.main .show-pro .show-pro-header .info h3{font-size:18px;color:#24282c;padding:10px 0 20px 0;}
.main .show-pro .show-pro-header .txt{padding:20px 0;border-top:1px solid #161616;border-bottom:1px solid #161616;min-height:300px;}
.main .show-pro .show-pro-header .txt p{color:#161616;line-height:30px;margin-bottom:20px;font-size:16px;}
.main .show-pro .show-pro-header .txt .info-nav{font-size:0;}
.main .show-pro .show-pro-header .txt .info-nav a{transition-duration:.5s;display:inline-block;width:45px;line-height:45px;height:45px;background:#161616;text-align:center;color:#fff;font-size:20px;border-radius:45px;margin-right:10px;}
.main .show-pro .show-pro-header .txt .info-nav a:first-child{width:145px;background:#E51C21;font-size:16px;}
.main .show-pro .show-pro-header .txt .info-nav a:hover{background:#E51C21;}
.main .show-pro .show-pro-header .info-share{margin-top:15px}
.main .show-pro .show-pro-header .info-share p{font-size:18px;color:#161616}
.main .show-pro .show-pro-header .info-share div a{transition-duration:.5s;display:inline-block;width:26px;height:26px;border-radius:26px;text-align:center;background:#24282C;color:#fff;line-height:26px;margin-left:5px;}
.main .show-pro .show-pro-header .info-share a:hover{background:#E51C21;}
.main .list-about .about-video{margin-bottom:40px;}
.main .list-about .about-video .video{height:100%;width: calc(100% - 300px);}
.main .list-about .about-video .video img{width:100%;}
.main .list-about .about-video .video video{width:100%;object-fit: fill}
.main .list-about .about-video .data{background:#24282C url(../images/bg.jpg) no-repeat right bottom;width:300px;padding:30px 40px 0 40px;border-radius:0 5px 5px 0;}
.main .list-about .about-video .data li{margin-bottom:30px;}
.main .list-about .about-video .data li span{font-size:48px;color:#fff;font-family: 'Barlow-Bold';}
.main .list-about .about-video .data li p{font-size:18px;color:#fff;}
.main .list-about .txt{padding-bottom:20px;}
.main .list-about .txt h2{font-size:36px;color:#161616;font-family: 'Barlow-Bold';}
.main .list-about .txt p{line-height:30px;color:#363234;font-size:18px;margin-bottom:15px;}
.main .list-about .txt p{line-height:30px;color:#363234;font-size:18px;margin-bottom:15px;}
.main .list-about .a{font-size:30px;color:#e51c20;font-family: 'Barlow-Bold';padding:10px 0;border-bottom:1px solid #D3D4D5;margin-bottom:40px;}
.main .list-about .images{display:flex;flex-wrap:wrap;}
.main .list-about .images li{margin-bottom:30px;padding:15px;background:#fff;border-radius:5px;box-shadow:0 10px 20px rgba(0,0,0,.15);}
.main .list-about .images li img{width:100%;border-radius:5px;}
.main .list-about .images li .c{flex-wrap: wrap;font-size:18px;color:#24282c;padding:20px 0;display:flex;justify-content:space-between;}
.main .list-about .images li .c h4{font-size:22px;margin-bottom:10px;}
.main .list-about .images li .c p{font-size:18px}
.main .list-about .images li span{width:33px;height:33px;border-radius:33px;line-height:33px;text-align:center;color:#fff;font-size:20px;background:#E51C21;display:inlnie-block;}
.main .list-about .images4 li{width:23.5%;margin-right:2%;}
.main .list-about .images3 li{width:32%;margin-right:2%}
.main .list-about .images3 li p{width:100%}
.main .list-about .images2 li{width:48%;margin-right:4%}
.main .list-about .images2 li:nth-child(2n){margin-right:0;}
.main .list-about .images3 li:nth-child(3n){margin-right:0;}
.main .list-about .images4 li:nth-child(4n){margin-right:0;}
.main .list-about .FouNder_images{display:flex;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;}
.main .list-about .FouNder_images li{width:46%;display:flex;justify-content:space-between;margin-bottom:20px;}
.main .list-about .FouNder_images li .p img{padding:15px;border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,.1);}
.main .list-about .FouNder_images li .p,.main .list-about .FouNder_images li .text{width:48%}
.main .list-about .FouNder_images li .text .n{font-family: 'Barlow-Bold';color:#363234;font-size:30px}
.main .list-about .FouNder_images li .text .i{padding:8px 0 16px 0;margin-bottom:16px;border-bottom:1px dashed #040F22;color:#363234;font-size:20px}
.main .list-about .FouNder_images li .text .c{font-size:18px;line-height:30px;color:#363234;}
.main .list-about .FouNder_images li .text .c h3{margin-bottom:20px}
.main .list-about .about-Process li{display:flex;flex-wrap:wrap;margin-bottom:50px;}
.main .list-about .about-Process li .n{width:16%;font-size:48px;color:#363234;font-family: 'Barlow-Bold';}
.main .list-about .about-Process li .c{font-size:18px;color:#363234;line-height:30px}
.main .t{font-size:36px;color:#161616;line-height:36px;padding:30px 0 40px;}
.main .index-about{padding:60px 0 40px 0;display:flex;}
.main .index-about .video{height:100%;width: calc(100% - 44%);}
.main .index-about .video img{width:100%;}
.main .index-about .video video{width:100%;object-fit: fill}
.main .index-about .data{display:flex;flex-wrap:wrap;align-content:space-around;background:#24282C url(../images/bg2.jpg) no-repeat right bottom;width:44%;padding:30px 70px 0 70px;border-radius:0 5px 5px 0;}
.main .index-about .data h3{line-height:35px;height:70px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size:30px;color:#fff;border-bottom:1px solid #505356;}
.main .index-about .data ul{display:flex;flex-wrap:wrap;align-content:space-around;}
.main .index-about .data li{width:50%;padding:0 0 40px 20px;}
.main .index-about .data li span{font-size:48px;color:#fff;font-family: 'Barlow-Bold';}
.main .index-about .data li p{font-size:18px;color:#fff;}
.main .index-about-txt{border-bottom:1px solid #CBCDCD;padding-bottom:50px;}
.main .index-about-txt .hd{width:370px;}
.main .index-about-txt .hd h2{margin-bottom:30px;font-family: 'Barlow-Bold';font-size:36px;color:#161616;}
.main .index-about-txt .hd p{color:#24282c;font-size:18px;}
.main .index-about-txt .bd{width: calc(100% - 550px);}
.main .index-about-txt .bd p{font-size:18px;color:#363235;line-height:30px;}

.list-banner{text-align:center;background:#24272C;border-top:1px solid #2F3337}

.index-contact .info,.index-contact .form{width:48%}
.index-contact .info .txt h2{font-size:36px;color:#363234;font-family: 'Barlow-Bold';margin-bottom:30px;}
.index-contact .info .txt h3{font-size:14px;color:#363234;max-width:300px;line-height:24px;}
.index-contact .info .txt p{font-size:14px;color:#363234;margin-top:20px;}
.index-contact .info .txt .line{height:50px}
.index-contact .form input{display:block;width:100%;line-height:48px;height:50px;border:1px solid #D0DDD8;padding:0 15px;border-radius:5px;margin-bottom:20px;}
.index-contact .form textarea{display:block;width:100%;line-height:38px;min-height:220px;border:1px solid #D0DDD8;padding:5px 15px;border-radius:5px;margin-bottom:20px;}
.index-contact .form .code{width:55%;position:relative;}
.index-contact .form .code img{position:absolute;right:1px;top:1px;height:48px;cursor:pointer;}
.index-contact .form button{width:200px;height:50px;line-height:50px;background:#24282C;text-align:center;border:0;color:#fff;cursor:pointer;font-size:16px;transition-duration:.6s;border-radius:5px;}
.index-contact .form button:hover{background:#E51C21}

.index-msg{padding:55px 0;text-align:center;background:#24282C;border-bottom:1px solid #45484B;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.index-msg h2{font-family: 'Barlow-Bold';margin-bottom:30px;font-size:36px;color:#fff}
.index-msg button,.index-msg input{height:45px;line-height:45px;font-size:14px;border:0;background:none;}
.index-msg input{padding-left:20px;border-radius:5px 0 0 5px;color:#54585b;width:610px;background:#fff;}
.index-msg input::-webkit-input-placeholder{color:#54585b}
.index-msg button{width:135px;background:#E51C21;text-align:center;cursor:pointer;color:#fff;border-radius:0 5px 5px 0;}

.index-banner .wrap{position:relative;}
.index-banner .info{padding:15px 0;position:absolute;bottom:50px;right:0;z-index:999;width:320px;border-top:1px solid #BEBFBE;border-bottom:1px solid #BEBFBE;}
.index-banner .info .btn{text-align:right;}
.index-banner .info .btn span{font-family: 'Barlow-Bold';margin-left:40px;cursor:pointer;font-size:16px;color:#bebfbe}
.index-banner .info .btn span:last-child{color:#E51C21}
.index-banner .info .pagination{font-family: 'Barlow-Bold';width:60px;color:#bebfbe;font-size:16px;}
.index-banner .info .pagination .swiper-pagination-current{color:#E51C21}
.footer{padding-top:80px;background:#24282C;}
.footer .menu{width:48%}
.footer .menu dl{width:180px;}
.footer .menu dl dt{border-bottom:1px solid #45484B;margin-bottom:20px;padding-bottom:15px;}
.footer .menu dl dt a{transition-duration:.5s;font-size:18px;color:#fff;}
.footer .menu dl dd a{transition-duration:.5s;line-height:40px;font-size:14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#fff;}
.footer .menu dl dt a:hover,.footer .menu dl dd a:hover{padding-left:5px;color:#E51C21}
.footer .form{width:43%}
.footer .form h2{font-family: 'Barlow-Bold';font-size:24px;color:#fff;}
.footer .form h2 img{margin-right:10px}
.footer .form h3{font-size:16px;line-height:24px;color:#fff;padding:10px 0 20px;}
.footer .form .input-box{width:47%;}
.footer .form .code-box{width:60%;position:relative;}
.footer .form .code-box img{cursor:pointer;position:absolute;right:0;bottom:0;height:45px;}
.footer .form .input-box,.footer .form .text-box{margin-bottom:30px;}
.footer .form p{font-size:18px;color:#fff;margin-bottom:10px;}
.footer .form input{display:block;padding:0 10px;height:45px;line-height:45px;font-size:16px;width:100%;}
.footer .form textarea{display:block;padding:5px 10px;min-height:100px;line-height:30px;font-size:16px;width:100%;}
.footer .form button{margin-top:32px;width:160px;height:45px;line-height:45px;background:#E51C21;color:#fff;text-align:center;border:0;cursor:pointer;font-size:18px;}
.footer .bottom{margin-top:80px;padding:30px 0 60px 0;border-top:1px solid #3A3E42}
.footer .bottom p,.footer .bottom p a{font-size:14px;color:#fff}

.index-type{padding:60px 0}
.index-type a{display:block;overflow:hidden}
.index-type .a{width:40.5%}
.index-type .b{width:57.5%;display:flex;flex-wrap:wrap;align-content:space-between;}
.index-type .c{width:100%;}
.index-type .d{width:48.2%}
.index-type img{width:100%;}

.index-ad{height:518px;text-align:center;background:url(../images/ad.jpg) repeat-x center top;display:flex;justify-content:center;align-items:center;}
.index-ad h2{font-size:60px;color:#fff;font-family: 'Barlow-Bold';}
.index-ad a{transition-duration:.6s;display:inline-block;text-align:left;padding-left:30px;margin-top:40px;border-radius:5px;color:#24282c;font-size:24px;width:250px;height:60px;line-height:60px;background:#fff url(../images/ico3.png) no-repeat 180px 20px;}
.index-ad a:hover{background:#E51C21 url(../images/ico4.png) no-repeat 180px 20px;color:#fff;}

@media (max-width: 1620px){
	.wrap{max-width:98%;}
}
@media screen and (max-width:992px) {
	.index-banner .wrap,.main .show-pro .show-pro-header .bd,.main .show-pro .show-pro-header .hd,.sidebar,.footer .menu,.footer .form,.top,.header{display:none;}
	.position{padding:0 10px;overflow:hidden;}
	.main{padding:30px 10px;}
	.index-contact .flex{flex-wrap:wrap}
	.main .list-about .about-Process li .n,.main .index-about-txt .bd,.main .index-about-txt .hd,.main .index-about .video,.main .index-about .data,.index-type .a,.index-type .b,.main .list-about .about-video .video,.main .list-about .about-video .data,.main .show-pro .show-pro-header .info,.main .content,.index-contact .form .code,.index-contact .info, .index-contact .form{width:100%;}
	.main .list-about .images3 li,.main .list-about .images4 li{width:48%}
	.index-contact .form{margin-top:30px;}
	.index-contact .form button{margin:0 auto}
	.index-msg{padding:40px 10px}
	.index-msg .box{width:100%}
	.index-msg h2{font-size:20px}
	.index-msg input{width: calc(100% - 90px);}
	.index-msg button{width:90px}
	.footer{padding-top:0;}
	.footer .bottom{margin-top:0;padding:30px 10px 80px}
	.footer .bottom .flex{display:block}
	.footer .bottom .mc{display:block;margin:20px auto 0;text-align:center;}
	.main .list li{width:100%;margin-bottom:30px;margin-right:0;}
	.main .list-news li h3{padding:10px 0}
	.main .list-news li h4{margin-bottom:10px}
	.main .back_page .flex{display:block}
	.main .show-news .back_page .back a{margin:10px auto 0;}
	.show-banner{display:block !important}
	.click_qrcode{display:none !important}
	.main .show-pro .show-pro-header .txt{min-height:200px}
	.main .show-pro .body ul li{width:100%;padding:10px 0}
	.main .index-about-txt,.index-about,.about-video .flex,.index-type .flex{flex-wrap:wrap;}
	.main .index-about,.index-type{padding:30px 10px;}
	.index-type .d{padding:10px 0;}
	.index-ad{height:auto;padding:50px 10px;}
	.index-ad h2{font-size:30px}
	.main .index-about .data{padding:20px;}
	.main .index-about .data li{padding:0 0 20px 0;}
	.main .list li:nth-child(2n){margin:0}
	.main .list-about .images{justify-content:space-between;}
	.main .list-about .images li{margin-right:0!important;}
    .main .list-about .FouNder_images li{width:100%}
    .main .list-about .FouNder_images li .p img{padding:5px}
    .main .list-about .FouNder_images li .text .n{font-size:16px}
    .main .list-about .FouNder_images li .text .i{font-size:14px;padding:5px 0 10px;margin-bottom:10px}
    .main .list-about .FouNder_images li .text .c{font-size:13px;line-height:20px;}
    .main .list-about .FouNder_images li .text .c h3{margin-bottom:5px}
}