@charset "UTF-8";


html {
  scrollbar-width: thin;
  scrollbar-color: #b61412 #fff;
}
html::-webkit-scrollbar {
  width:20px;
}
html::-webkit-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}
html::-moz-scrollbar {
  width:20px; 
}
html::-moz-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}	




.max-width{max-width:1600px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.8rem;padding-right:0.8rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left:16px;padding-right:16px;}
}





/*PC head*/
.t_navs{ position:relative; left:0; top:0; z-index: 60; width: 100%;}
.t_navs .top{ position:relative; z-index: 100; width: 100%;  align-items: center; flex-wrap:wrap; display: flex; justify-content: space-between;}
.t_navs .logo{ line-height: 0; display: block; }
.t_navs .logo a{ display: block; }
.t_navs .logo img{ width: auto; height:60px;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .menu{float: left; margin-right:13px;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin:0 61px 0 0;}
.t_navs .menu .nli span a{ display: block;position: relative;line-height:82px; font-size:16px;color: #333; transition:none; 
    -moz-transition:none;
     -webkit-transition:none; 
    -o-transition:none;}
.t_navs .menu .nli span a::after{ content:''; display: block; position: absolute; left: 0; bottom:0; height:2px; width:0; background:#b61412;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{color: #b61412 !important;}
.t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{width:100%;}

.t_navs .sub{ display:none; position: absolute; top:100%; left:50%; z-index: 10;/* margin-top: -5px; */ transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .sub4 .u1{ display: flex; flex-direction: column; white-space: nowrap; background:#fff; border-radius: 3px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
.t_navs .sub4 .u1 .l1{ display: block; width:100%;}
.t_navs .sub4 .u1 .l1 a{ display: block; width:100%; color: #000; line-height:26px; font-size:15px;  padding:10px 20px;  border-bottom:1px solid #f5f5f5;}
.t_navs .lang .u1 a:hover{color: #b61412 !important;}
.t_navs .sub4 .u1 .l1:last-child a{ border-bottom: 0;}

.t_navs .input_box{display: flex; position: relative; width: 238px;}
.t_navs .input_box input{width: 100%;height:40px; line-height:28px; padding:5px 14px;font-size:14px;color: #333; border:1px solid #d1d5db; border-right:0;  border-radius:4px 0 0 4px;}
.t_navs .input_box input::placeholder{color:#acafb5; opacity:1 !important;}
.t_navs .input_box .img{width: 40px; min-width: 40px; height: 40px; display: block; cursor: pointer;background: url(img/_search.png) center no-repeat #b61412; background-size:18px auto !important; border-radius:0 4px 4px 0; }
.t_navs .input_box .img:hover{background: url(img/_search.png) center no-repeat #e7af33; }



@media (max-width: 1800px){
.t_navs .menu .nli{ margin:0 55px 0 0;}
}
@media (max-width: 1600px){
.t_navs .menu{margin-right:5px;}	
.t_navs .menu .nli{ margin:0 40px 0 0;}
}
@media screen and (max-width:1440px) {
.t_navs .menu .nli{ margin:0 22px 0 0;}
.t_navs .menu .nli span a{ font-size: 14px;}
}
@media screen and (max-width:1270px) {
.t_navs .menu .nli{ margin:0 16px 0 0;}
.t_navs .menu .nli span a{ font-size: 12px;}
.t_navs .input_box{width: 200px;}
}
@media screen and (max-width:1024px) {
.t_navs{ padding:0 15px;}	
.t_navs .menu{ display: none;}
.t_navs .top{ height:50px;} 
.t_navs .logo img{ width: auto; height:36px;}
.t_navs .right .input_box{ display:none;}
.t_navs .right{ margin: 0;}


}


.menuph{ display:none; float: right; width:26px; height: 20px; cursor: pointer; text-align: center;}
.menuph .point { float:left; width: 100%;  height: 20px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 100%;}
.menuph .navbtn { position: absolute; top:9px; right: 0; display: inline-block; width:100%; height: 2px; background: #b61412;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 100%; height: 2px; content: ''; background: #b61412;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -9px;}
.menuph .navbtn::before { top: 9px;}
.menuph.active .point .navbtn{ background: transparent !important;}
.menuph.active .point .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph.active .point .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}


@media  screen and (max-width:1024px){
.menuph{ display:block;}
}

.xialaph{ position: fixed; left:0; top:50px; float: left; width: 100%; height:100vh; z-index:15; display:none; background:#fff; padding:15px 15px 50px 15px; overflow-y: auto;border-top:1px solid rgba(0,0,0,0.1);}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a3box{width: 100%;position: relative;}
.xialaph .a1{font-size:16px;color: #333; text-transform: uppercase; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%; text-transform: uppercase;}
.xialaph .on .a1{ color: #b61412;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.xialaph .icobox::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:6px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #333;  border-right:1px solid #333;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;}
.xialaph .u2{width: 100%;padding:0 15px 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:14px;color: #333;line-height:24px; text-transform: uppercase;}
.xialaph .on .a2{ color:#b61412;}
.xialaph .u3{width: 100%;padding:10px 15px 2px 15px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u3 .a3{ width: 100%;display: block; font-size:14px;color: #666;line-height:24px; text-transform: uppercase;}
.xialaph .on .a3{ color:#b61412;}
.xialaph .u4{width: 100%;padding:10px 15px 2px 15px;display: none;}
.xialaph .u4 .l4{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u4 .l4 a{ width: 100%;display: block; font-size:14px;color: #787878;line-height:24px; text-transform: uppercase;}
.xialaph .input_box{width: 100%; margin-top: 30px;}


.footer1{ width: 100%; background:#dadada;}
.footer1 .sect{ display:flex; flex-wrap: wrap; width:100%; justify-content: space-between; padding:18px 0; border-top: 1px solid #cccccc;}
.footer1 .Copyright{ display:block; color:#666; font-size:14px; line-height:24px;}
.footer1 .Copyright a{color:#666;}
.footer1 .Copyright a:hover{color:#b61412 !important;}
.footer1 .sjkf{ display: inline-flex;color:#666; font-size:14px; line-height:24px;}
.footer1 .sjkf i{ padding:0 5px; font-size:12px;}
.footer1 .sjkf a{color:#666; }
.footer1 .sjkf a:hover{ color:#b61412 !important;}
.footer1 .sjkf .links{ cursor: pointer; position: relative;}
.footer1 .sjkf .links span{display: block; width: 100%; position: relative; padding-right: 18px;}
.footer1 .sjkf .links span::after{ display: block; content:''; position: absolute; right:2px; top:50%; border-bottom:1px solid #b61412; border-right: 1px solid #b61412; width:9px; height:9px; transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); margin-top: -2px;}
.footer1 .sjkf .links:hover span{ color: #b61412; }
.footer1 .sjkf .links span.active::after{  transform: translateY(-50%) rotate(225deg); -ms-transform: translateY(-50%) rotate(225deg); margin-top:1px; }
.footer1 .sjkf .donw{ display: none; width: 140px; position: absolute; right: 0; bottom:100%; z-index: 6; background: #fff;padding:10px 0; overflow-y: auto;max-height: 260px;}
.footer1 .sjkf .donw a{display: block; width: 100%; color: #666; font-size:14px; line-height:22px; padding:1px 5px; text-align:center; }
.footer1 .sjkf .donw  a:hover{ color:#b61412 !important;}
.footer1 .top{ display:flex; flex-wrap: wrap; justify-content: space-between; padding:52px 0 30px 0; border-bottom:1px solid #cccccc;}
.footer1 .logo{ display:block; line-height:0; margin-top: 10px;}
.footer1 .logo img{ height:70px;}
.footer1 .nav{display: inline-flex; flex-direction: column; width: 76%; }
.footer1 .nav .u2{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; margin-top:16px;}
.footer1 .nav .a1{ display:inline-flex; font-weight: bold; color: #212121; font-size:18px; line-height:28px; position: relative; padding-left: 12px;}
.footer1 .nav .a1::after{ display: block; content:''; position: absolute; left:0; top:7px; width:2px; height:16px; background:#b61412;}
.footer1 .nav .a2{ display:inline-flex;; color: #333; font-size:16px; line-height:26px;}
.footer1 .nav .a2:hover{ color: #b61412; }
.footer1 .mildd{ display:flex; flex-wrap: wrap; justify-content: space-between; padding:34px 0;}
.footer1 .er{width:103px;line-height:0;}
.footer1 .adrr{margin:10px 0;display: flex; align-items: center;}
.footer1 .adrr .ico{ min-width:38px;width:38px; height:38px; border:1px solid #b61412; border-radius:50%; display: flex; align-items: center; justify-content: center;margin-right:15px;}
.footer1 .adrr .ico img{width:24px;display: block;}
.footer1 .adrr .cont{display: flex; flex-direction: column;}
.footer1 .adrr .tit{font-size: 16px;color: #666666;line-height:26px;}
.footer1 .adrr .info{font-size: 18px;color: #333333;line-height:28px;}


@media (max-width: 1440px){
.footer1 .adrr .tit{font-size: 14px;line-height:24px;}
.footer1 .adrr .info{font-size: 15px;line-height:24px;}
.footer1 .adrr .ico{ margin-right: 10px;}
.footer1 .nav{ width: 86%;}
.footer1 .nav .a1{ font-size:16px; line-height:26px; }
.footer1 .nav .a1::after{ top:6px;}
.footer1 .nav .a2{font-size: 14px;line-height:24px;}
.footer1 .er{ width: 90px;}
}
@media (max-width: 1024px){
.footer1{ padding:0 15px;}	
.footer1 .sect{ justify-content: center;}
.footer1 .sjkf{ margin-top: 2px;}	
.footer1 .Copyright{ width:100%; text-align: center;}
.footer1 .mildd{ position: relative; padding:20px 0;}
.footer1 .adrr{margin:5px 0; align-items: flex-start;width:100%;}
.footer1 .adrr .ico{ min-width:30px;width:30px; height:30px;margin:10px 10px 0 0;}
.footer1 .adrr .ico img{width:20px;}
.footer1 .er{width:100px; position: absolute; right: 0; top:24px;}
.footer1 .logo{position: absolute; right: 0; top:4px;  display: none;}
.footer1 .logo img{ height:40px;}
.footer1 .top{ position: relative; padding:20px 0;}
.footer1 .nav{ width: 90%;}
.footer1 .nav .u2{ margin-top: 6px;}
}
@media (max-width: 767px){
.footer1 .nav{ width: 100%;}
.footer1 .nav .u2{ justify-content: flex-start;width:-webkit-calc(100% + 15px); width:-moz-calc(100% + 15px); width:calc(100% + 15px);}
.footer1 .nav .a2{ margin-right: 15px;}
}


.pf-right{/* display:none; */ z-index:23; position:fixed; right:30px; top:50%; width:76px; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.pf-right .li{ position: relative; display: block; width:100%; margin-top:10px;}
.pf-right .li .a{ display:flex; flex-wrap:wrap; width:100%; border-radius:5px; background: #fff; justify-content: center; align-items: center; line-height: 0; width:100%; padding:12px 4px; box-shadow:0 0 7px rgba(0,0,0,0.03);}
.pf-right .li .a img{ width:32px; height:32px;}
.pf-right .li .a .img1{ display: block; }
.pf-right .li .a .img2{ display: none; }
.pf-right .li .a span{ display: block; width: 100%; text-align: center; color: #666; font-size:14px; line-height:14px; margin-top:6px;}
.pf-right .li:hover .a{background: #b61412;}
.pf-right .li:hover .a span{color: #fff;}
.pf-right .li:hover .a .img1{ display: none; }
.pf-right .li:hover .a .img2{ display: block; }
.pf-right .scet{ display:block; position: absolute; right:100%; top:0; width: 329px;padding-right:29px;
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:90% 20%;
	-moz-transform-origin:90% 20%;
	-ms-transform-origin:90% 20%;
	-o-transform-origin:90% 20%;
	transform-origin:90% 20%;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
}
.pf-right .scet .comt{ display:block; position: relative; width: 100%; background: #fff; border-radius:5px; padding:0 22px; box-shadow:0 0 7px rgba(0,0,0,0.1);}
.pf-right .scet .comt1{padding:10px 22px;}
.pf-right .scet .comt::after{ display: block; content: ''; position: absolute; left: 100%; top:33px; border-top: 7px solid transparent; border-bottom:7px solid transparent;border-left: 8px solid #fff; }
.pf-right .scet .div{ display:flex; align-items: center; width: 100%; padding:30px 16px; border-bottom:1px solid #efefef; color: #333; font-size:18px; line-height:30px;}
.pf-right .scet .div:last-child{ border-bottom:0;}
.pf-right .scet .div:hover{color: #b61412;}
.pf-right .scet .div img{ width:40px; height:40px; margin-right: 20px;}
.pf-right .li:hover .scet{opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform:  scale(1);}
.pf-right .er{display: flex; width:100%; align-items: center; padding:21px 0;}
.pf-right .er i{display: flex; width:84px; min-width:84px; line-height: 0; margin-right: 12px;}
.pf-right .er .r{display: flex; flex-wrap: wrap; flex-direction: column;}
.pf-right .er .r span{display: block; width:100%;color:#333; font-size: 18px; line-height: 28px;}
.pf-right .er .r font{display: block; width:100%;color:#333; font-size: 14px; line-height: 24px; margin-top:10px;}
.pf-right .div1{display: block; width:100%; padding:15px 0; border-top: 1px solid #efefef;}
.pf-right .div1 .tit{display: block; width:100%;color:#666; font-size: 16px; line-height: 26px;}
.pf-right .div1 .info{display:block; width:100%;color:#333; font-size: 18px; line-height: 28px;}


@media screen and (max-width:1800px) {
.pf-right{ width:70px; right:15px;}	
.pf-right .li .a img{ width:28px; height:28px;}
.pf-right .li .a span{ font-size:13px; margin-top:4px;}
.pf-right .scet{ width: 310px; padding-right: 15px;}
.pf-right .scet .comt::after{top:30px;}
.pf-right .scet .div{ padding:25px 14px;}
}	
@media screen and (max-width:1440px) {
.pf-right .scet{ width: 280px; padding-right: 15px;}
.pf-right .scet .div{ padding:20px 10px; font-size:16px; line-height:26px;}
.pf-right .scet .div img{ width:30px; height:30px; margin-right:14px;}
.pf-right .er{ padding:16px 0;}
.pf-right .er i{width:74px; min-width:74px; margin-right: 10px;}
.pf-right .er .r span{font-size:16px; line-height:26px;}
.pf-right .er .r font{ font-size: 12px; line-height: 22px; margin-top:6px;}
.pf-right .div1{ padding:10px 0; }
.pf-right .div1 .tit{ font-size: 14px; line-height: 24px;}
.pf-right .div1 .info{font-size: 16px; line-height: 26px;}
}	
@media screen and (max-width:1024px) {
.pf-right{ display:none !important;}
}

.wap_hei{ display: none; width: 100%;height:50px;}
.wap_down{ display: none; width: 100%;background: #fff; box-shadow:0 0 7px rgba(0,0,0,0.1);position: fixed;z-index: 15; bottom: 0; padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom); left: 0;}
.wap_down li{width:25%;float: left;text-align: center;}
.wap_down li a{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: center;padding:6px 0;height:50px;}
.wap_down li .d_name{width: 100%;float: left;margin-top:2px;font-size:14px;color: #666;line-height: 14px;}
.wap_down li .ico{ width: 100%; line-height: 0;}
.wap_down li .ico img{ margin:0 auto; width:20px; height:20px;}
.wap_down li .ico .img1{ display: block;}
.wap_down li .ico .img2{ display: none;}
.wap_down li:hover .ico .img1{ display: none;}
.wap_down li:hover .ico .img2{ display: block;}
.wap_down li:hover .d_name{color: #fff;}
.wap_down li:hover a{background: #b61412;}

@media screen and (max-width:1024px) {
/*WAP head*/
.wap_down{ display: block;}
.wap_hei{ display: block;}

}

.banner-box{display:block; width: 100%; position: relative; }
.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;background: #b61412;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .div{ width:100%; line-height: 0;}
.index-banner .pc_show1{ width:100%;}
.index-banner .ph_show1{ width:100%; display:none;}
.index-banner .box{ display: block; width:100%; position: absolute; left: 0; top:19.44%; z-index: 6; }
.index-banner .box .tit1{ display: block; width:100%; color: #b61412; font-size:44px; line-height:54px; font-weight: bold;}
.index-banner .box .tit2{ display: block; width:100%; color: #b61412; font-size:20px; line-height:30px; font-weight: bold; margin-top: 8px; }
.index-banner .box .tit3{ display: inline-flex; color: #fff; font-size:22px; line-height:33px; font-weight: bold;background: url(img/ico0.png) left center no-repeat;background-size: 100% 100% !important; padding: 11px 61px; border-radius:0 28px 28px 28px;margin-top:2.81%; }
.index-banner .box .tit3 i{ display: inline-flex; margin:0 18px; line-height:1;}
.index-banner .swiper-pagination{ cursor: pointer; display:flex;position: absolute;left:0; bottom:313px; z-index: 10; justify-content: center; width: 100%; }
.index-banner .swiper-pagination-bullet{ cursor: pointer;display: flex; margin:0 9px; width:12px; height: 12px; border-radius: 12px; border:1px solid #fff;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.index-banner .swiper-pagination-bullet-active{ width:35px;  border:1px solid #b61412; background:#b61412; }
.index-banner ._sp{display: block; position: absolute; right:30.5%; top:66.5%; transform: translate(50%,-50%); -ms-transform: translate(50%,-50%); z-index: 10;}
.index-banner .paly{display: flex; flex-direction: column; justify-content:center; align-items: center; color: #fff; font-size: 16px; line-height:1; cursor: pointer; }
.index-banner .paly img{ width: 44px; height: 44px; margin-bottom:15px; }
.index-banner .box .comt{ display: flex; flex-wrap: wrap; width: 100%; }

@media screen and (max-width:1600px) {
.index-banner .box{ top:15.44%; }
.index-banner .box .tit1{font-size: 41px;line-height: 49px;}
.index-banner .box .tit2{font-size: 19px;line-height:29px;}
.index-banner .box .tit3{  font-size:20px; line-height:28px; padding:8px 61px;margin-top:2%; }
.index-banner .box .tit3 i{ margin:0 10px;}
}
@media screen and (max-width:1440px) {
.index-banner .box{ top:15.44%; }
.index-banner .box .tit3{ padding:8px 61px;margin-top:2%; }
.index-banner .swiper-pagination{ bottom:240px; }
}
@media screen and (max-width:1024px) {
.index-banner .swiper-pagination{ bottom:20px;  }
.index-banner .swiper-pagination-bullet{ width:10px; height:10px; margin:0 5px;}
.index-banner .swiper-pagination-bullet-active{ width:20px; }
.index-banner .pc_show1{ display:none;}
.index-banner .ph_show1{ display:block;}
.index-banner .box{ top:50px;}
.index-banner .box .tit1{ font-size:22px; line-height:32px; text-align: center;}
.index-banner .box .tit2{ font-size:12px; line-height:20px; text-align: center;margin-top:5px; }
.index-banner .box .tit3{  font-size:15px; line-height:22px; padding:6px 15px;margin-top:15px; }
.index-banner .box .tit3 i{ margin:0 8px;}
.index-banner .box .comt{justify-content: center;}
.index-banner .paly{ font-size: 14px;}
.index-banner .paly img{ width: 34px; height: 34px;margin-bottom: 10px;}
.index-banner ._sp{ right:50%; top: 190%; transform: translate(50%,0); -ms-transform: translate(50%,0); }

}


.list22{ display: block;width: 100%; }
.list22 .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 30px); margin:0 -15px;}
.list22 .li{ display: block;width: 33.33%; padding:0 15px; margin-bottom:30px;}
.list22 .li .a{ display:flex; flex-wrap: wrap; align-content:space-between; width: 100%; position: relative; height: 100%; border-radius:10px;
background:#fff;
 padding:29px 32px 34px 32px;
 -webkit-transition: all 0.5s ease-out 0s; 
 -moz-transition: all 0.5s ease-out 0s; 
 -o-transition: all 0.5s ease-out 0s; 
 transition: all 0.5s ease-out 0s;  

}
.list22 .li .d1{ width:100%;}
.list22 .li .d2{ width:100%;}
.list22 .li .tit1{ width:100%;color:#333;
font-size: 26px;
font-weight: bold;
line-height: 36px;}
.list22 .li .tit2{ width:100%;color:#333; text-transform: uppercase;
font-size: 16px;
font-weight: bold;
line-height: 22px;}
.list22 .li .tit3{ width:100%;color: #666;
font-size:18px; margin-top: 16px;
line-height:26px;}
.list22 .li .name{ width:100%;color: #666; padding-left: 26px; background: url(img/ico15.png) left center no-repeat; background-size: auto 20px !important;
font-size:18px; margin-top: 20px;
line-height:26px;}
.list22 .li .tel{ width:100%;color: #666;padding-left: 26px; background: url(img/ico16.png) left center no-repeat; background-size: auto 20px !important;
font-size:18px; margin-top:6px;
line-height:26px;}
.list22 .li .a:hover{background:#b61412;}
.list22 .li .a:hover .tit1{color:#fff;}
.list22 .li .a:hover .tit2{color:#fff;}
.list22 .li .a:hover .tit3{color:#fff;}
.list22 .li .a:hover .name{color:#fff; background: url(img/ico15.1.png) left center no-repeat;}
.list22 .li .a:hover .tel{color:#fff; background: url(img/ico16.1.png) left center no-repeat;}

@media screen and (max-width:1600px) {
.list22 .li .a{padding:25px 25px;}	
.list22 .li .tit2{font-size: 15px;}
}
@media screen and (max-width:1440px) {
.list22 .ul{ width:calc(100% + 20px); margin:0 -10px;}
.list22 .li{ padding:0 10px; margin-bottom:20px;}	
.list22 .li .a{padding:20px 20px;}	
.list22 .li .tit1{font-size: 20px; line-height: 30px;}
.list22 .li .tit2{font-size: 12px; line-height:18px;}
.list22 .li .tit3{ font-size: 15px; line-height: 22px;margin-top: 8px;}
.list22 .li .name{font-size: 15px; line-height: 22px;margin-top: 10px;}
.list22 .li .tel{font-size: 15px; line-height: 22px;margin-top: 3px;}
}
@media screen and (max-width:1024px) {
.list22 .ul{ width:calc(100% + 14px); margin:0 -7px;}
.list22 .li{ width: 100%; padding:0 7px; margin:16px 0 0 0;}		
.list22 .li .a{padding:16px 16px;}	
.list22 .li .tit1{font-size: 18px; line-height: 28px;}
.list22 .li .tit3{ font-size: 14px; line-height: 22px;margin-top: 8px;}
.list22 .li .name{font-size: 14px; line-height: 22px;margin-top: 10px;}
.list22 .li .tel{font-size: 14px; line-height: 22px;margin-top: 3px;}
}



.h-main1{position: absolute;left:0; bottom:0; z-index: 10; width: 100%;}
.h-main{ background: #f5f5f5; width: 100%; padding-bottom: 61px;}

@media screen and (max-width:1024px) {
.h-main1{ background: #f5f5f5; position: static;}
.h-main{ padding-bottom:40px;}
}

.box16{ display: flex; flex-wrap: wrap; width: 100%; align-items:flex-start; justify-content: space-between;}
.box16 .w49{ display: flex; flex-wrap: wrap; width:48.75%; align-items:flex-start; }
.box16 .w76{ display: flex; flex-wrap: wrap; width:76.12%; align-items:flex-start; }
.box16 .w21{ display: flex; flex-wrap: wrap; width:21.56%; align-items:flex-start; }
.box16 .tz{ width: 100%; display:flex; flex-wrap: wrap; align-items:center;color:#333; margin:23px 0 0 0;
font-size: 16px;
font-weight: bold;
line-height: 18px;}
.box16 .tz img{ display: block; width:17px; height:17px; margin-left:8px; }

@media screen and (max-width:1024px) {
.box16 .w49{ width:100%; }
.box16 .w76{ width:100%;}
.box16 .w21{ width:100%;}

}

.list14{ width: 100%; display: block;}
.list14 .slick-slide{ width: 100%; display: flex; justify-content: space-between;}
.list14 .slick-slide>div{ width: 47.62%;}
.list14 .ul{ width: 100%; display:block;}
.list14 .ul .li{ width: 100%; margin-top: 10px;}
.list14 .ul .li .a{ display: flex; justify-content: space-between; align-items: center; width: 100%;color:#666666;
font-size: 16px;
font-weight: 400;
line-height: 26px;}
.list14 .ul .li .tit{ position: relative; padding-left:12px; width: 100%; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.list14 .ul .li .tit::after{ position: absolute; left:2px; top:52%; width:4px; height: 4px; background:#b61412; content: ''; transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); }
.list14 .ul .li .time{ display: inline-flex; white-space: nowrap; margin-left: 15px;}
.list14 .ul .li .a:hover .tit{ text-decoration: underline;}

@media screen and (max-width:1440px) {
.list14 .ul .li .a{font-size: 14px;line-height: 24px;}
}
@media screen and (max-width:767px) {
.list14 .slick-slide>div{ width: 100%;}
.list14 .slick-slide{ flex-wrap: wrap;}
.list14{ margin-top:5px;}
.list14 .ul .li{ margin-top:5px;}
}


.list15{ width: 100%; background: #fff; border-radius:10px; padding:27px 30px 20px 30px;}
.list15 .ul{ width: 100%; display:flex; flex-wrap: wrap; align-items: flex-start; justify-content:space-between;}
.list15 .ul .li{ width: 100%; padding:5px 0;}
.list15 .ul .li .a{ display: flex; justify-content: space-between; align-items: center; width: 100%;color:#666666;
font-size: 16px;
font-weight: 400;
line-height: 26px;}
.list15 .ul .li .tit{ position: relative; padding-left:12px; width: 100%; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.list15 .ul .li .tit::after{ position: absolute; left:2px; top:52%; width:4px; height: 4px; background:#b61412; content: ''; transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); }
.list15 .ul .li .time{ display: inline-flex; white-space: nowrap; margin-left: 15px;}
.list15 .ul .li .xiazai{ display: inline-flex; white-space: nowrap; margin-left:15px; padding-left: 30px;background: url(img/xiazai.png) left center no-repeat; background-size: auto 18px !important;font-size: 14px;}
.list15 .ul .li .a:hover{ color:#b61412;}
.list15 .ul .li .a:hover .tit{ text-decoration: underline;}

@media screen and (max-width:1600px) {
.list15 .ul .li{ padding:3px 0;}
}
@media screen and (max-width:1440px) {
.list15{padding:20px 26px;}	
.list15 .ul .li{ padding:1px 0;}
.list15 .ul .li .a{ font-size: 14px;}
.list15 .ul .li .xiazai{ padding-left:24px; background-size: auto 16px !important;}
}
@media screen and (max-width:1024px) {
.list15{padding:16px 14px;}	
}



.list16{ width: 100%;display: block;}
.list16 .ul{ width: 100%;display: block;}
.list16 .ul .li3{ width: 100%;display: block;}
.list16 .ul .li3 .a{ display: flex; justify-content: space-between; align-items: center; border-radius: 10px; overflow: hidden; background: #fff;}
.list16 .ul .li3 .pic{ width:49%;  min-width:49%;}
.list16 .ul .li3 ._img{ padding-bottom: 58.86%;position: relative;
  display: block;
  width: 100%;
  overflow: hidden; }
.list16 .ul .li3 ._img img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.list16 .ul .li3  .a:hover ._img img{ transform: scale(1.06); -ms-transform: scale(1.06);}   
.list16 .ul .li3  .btn{ display:inline-flex; align-items: center; margin-top:58px;
color: #b61412;
font-size: 14px;
font-weight: 400;
line-height:44px;
}
.list16 .ul .li3  .btn i{ display: block; width:44px; height:44px; margin-left:20px; background: url(img/path1.png) center no-repeat; background-size: 100% auto !important;}
.list16 .ul .li3  .a:hover .btn i{ background: url(img/path.png) center no-repeat; }
.list16 .ul .li3  .info{ width: 100%;color:#666; margin-top:20px;
font-size: 16px;
font-weight: 400;
line-height: 28px;
 overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.list16 .ul .li3 .time{ width: 100%;color:#666;
font-size: 16px;
font-weight: 400;
line-height: 28px;}
.list16 .ul .li3 .tit{ width: 100%;
color:#333;
font-size: 22px;
font-weight: bold;
line-height:30px; margin-top:11px;
 overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.list16 .ul .li3 .cont{width: 100%; padding:30px 44px;}
.list16 .ul .li3  .a:hover .tit{ color: #b61412; }
.list16 .slick-dots{ display: flex; justify-content: center; width: 49%; bottom: 19px;}
.list16 .slick-dots li{display: flex; margin:0 9px; width:12px; height: 12px; border-radius: 12px; border:1px solid #f5f5f5;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.list16 .slick-dots li.slick-active{ width:35px;  border:1px solid #b61412; background:#b61412;}

@media screen and (max-width:1800px) {
.list16 .ul .li3 .btn{ margin-top:40px;}
}
@media screen and (max-width:1600px) {
.list16 .ul .li3 .cont{ padding:26px 36px;}
.list16 .ul .li3 .tit{ margin-top: 6px;}
.list16 .ul .li3 .info{ margin-top: 15px;}
.list16 .ul .li3 .btn{ margin-top:20px;}
}
@media screen and (max-width:1440px) {
.list16 .ul .li3 .cont{ padding:20px 30px;}	
.list16 .ul .li3 .time{ font-size: 14px; line-height: 22px;}
.list16 .ul .li3 .tit{ font-size: 20px; line-height: 28px; margin-top: 2px;}
.list16 .ul .li3 .info{font-size: 14px; line-height: 24px; margin-top: 10px;}
.list16 .ul .li3 .btn{ margin-top:10px;line-height: 34px;}
.list16 .ul .li3 .btn i{width: 34px;  height: 34px;  margin-left:14px; }
}
@media screen and (max-width:1024px) {
.list16 .ul .li3 .a{ flex-wrap: wrap;}	
.list16 .ul .li3 .pic{ width:100%; min-width:100%;margin:0; }
.list16 .ul .li3 .tit{font-size: 15px; -webkit-line-clamp:2;height:auto; margin-top: 0;}
.list16 .ul .li3 .info{ margin-top:2px;}
.list16 .ul .li3 .cont{ padding:15px 15px;}	
.list16 .ul .li3 .btn{line-height: 28px;}
.list16 .ul .li3 .btn i{width:28px;  height: 28px;  margin-left:8px;  }
.list16 .slick-dots{ width:100%; bottom:210px;}
.list16 .slick-dots li{ margin:0 5px; width:10px; height: 10px; border-radius: 10px;  }
.list16 .slick-dots li.slick-active{ width:20px; }
}


.list17{ width: 100%; display: flex; justify-content: space-between; align-items: center; border-radius: 10px; overflow: hidden; background: #fff;}
.list17 .pic{ width:49.37%;  min-width:49.37%;position: relative;}
.list17 ._img{ padding-bottom:58.35%;position: relative;
  display: block;
  width: 100%;
  overflow: hidden; }
.list17 ._img img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.list17:hover ._img img{ transform: scale(1.06); -ms-transform: scale(1.06);} 
.list17 .btn{ display:inline-flex; align-items: center; margin-top:68px;
color: #b61412;
font-size: 14px;
font-weight: 400;
line-height:44px;
}
.list17 .btn i{ display: block; width:44px; height:44px;margin-left:20px; background: url(img/path1.png) center no-repeat; background-size: 100% auto !important;}
.list17:hover .btn i{ background: url(img/path.png) center no-repeat; }
.list17 .info{ width: 100%;color:#666; margin-top:30px;
font-size: 16px;
font-weight: 400;
line-height: 36px;
 overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;
}
.list17 .tit{ position: relative; display: inline-flex;
color:#333;
font-size: 28px;
font-weight: bold;
line-height: 38px;padding: 0 6px 0 4px;
}
.list17 .tit .z6{ position: relative; z-index: 6;}
.list17 .tit::after{ z-index: 0; content: ''; display: block; position: absolute; left:0; bottom:0; width: 100%; height: 12px; border-radius: 12px; background: #b61412;  }
.list17 .cont{width: 100%; padding:40px 62px;}
.list17 .paly{display: flex; flex-direction: column; justify-content:center; align-items: center; position: absolute; left:50%; top:53%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 10; color: #fff; font-size: 16px; line-height:1; cursor: pointer; }
.list17 .paly img{ width: 44px; height: 44px; margin-bottom:15px; }

@media screen and (max-width:1800px) {
.list17 .btn{ margin-top: 48px;}
}
@media screen and (max-width:1600px) {
.list17 .cont{ padding:40px 52px;}	
.list17 .info{line-height: 30px;}
}
@media screen and (max-width:1440px) {
.list17 .cont{ padding:30px 30px;}	
.list17 .tit{ font-size:24px; line-height: 34px;}
.list17 .info{ font-size:14px; line-height: 26px;margin-top:20px;}
.list17 .btn{ line-height: 34px; margin-top:28px;}
.list17 .btn i{width: 34px;  height: 34px;  margin-left:14px;}
}
@media screen and (max-width:1024px) {
.list17{ flex-wrap: wrap;}	
.list17 .cont{ padding:20px 14px;}	
.list17 .pic{ width:100%; min-width:100%;}
.list17 .tit{ font-size:18px; line-height: 28px;}
.list17 .tit::after{ height: 8px; border-radius: 8px;  }
.list17 .info{margin-top:15px;}
.list17 .btn{ line-height: 28px; margin-top:10px;}
.list17 .btn i{width: 28px;  height: 28px;  margin-left:8px;}
.list17 .paly{font-size: 14px; }
.list17 .paly img{ width: 34px; height: 34px; margin-bottom:10px; }
}

.list18{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.list18 .li{ width: 48.71%; display: block; border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 30px; }
.list18 .a{ width: 100%; display: block;}
.list18 .a ._img{ padding-bottom:258px;position: relative;
  display: block;
  width: 100%;
  overflow: hidden; }
.list18 .a ._img img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.list18 .a:hover ._img img{ transform: scale(1.06); -ms-transform: scale(1.06);} 
.list18 .a .time{ width: 100%;color:#fff; 
font-size: 16px;
font-weight: 400;
line-height:26px;

}
.list18 .a .tit{ width: 100%;
color:#fff;
font-size: 18px; margin-top: 6px;
line-height: 28px;
 overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;
}
.list18 .a .cont{width: 100%; padding:19px 29px;position: absolute; left:0; bottom:0; z-index: 10;}


@media screen and (max-width:1600px) {
.list18 .a ._img{ padding-bottom:226px;}
.list18 .a .cont{padding: 15px 20px;}
}
@media screen and (max-width:1440px) {
.list18 .a ._img{ padding-bottom:194px;}
.list18 .a .cont{padding: 12px 16px;}
.list18 .a .time{ font-size: 14px; line-height: 24px;}
.list18 .a .tit{ font-size: 16px; line-height: 24px;}
}
@media screen and (max-width:1024px) {
.list18 .li{margin-bottom: 15px;}	
.list18 .a ._img{ padding-bottom:68.42%;}
.list18 .a .tit{font-size: 15px; line-height: 22px; margin-top: 2px;}
.list18 .a .cont{padding: 10px 14px;}
}
@media screen and (max-width:767px) {
.list18{ display: block; margin-bottom: 20px;}	
.list18 .li{ width: 100%;}
.list18 .slick-dots{ position: static; display: flex; justify-content: center; width: 100%;}
.list18 .slick-dots li{ display: flex; margin:0 5px; width:10px; height: 10px; border-radius: 10px; border:1px solid #666666;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.list18 .slick-dots li.slick-active{ width:20px;  border:1px solid #b61412; background:#b61412; }
}

.list19{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 44px;color:#fff;  padding:36px 50px;
font-size: 20px;
font-weight: bold;
line-height:30px;}
.list19 .l1{ width: 100%; display: flex; padding: 6px 0;}
.list19 .l1 img{ width: 22px; height: 22px; margin:4px 12px 0 0;}

@media screen and (max-width:1440px) {
.list19{font-size:18px; line-height:28px; padding:30px 40px;}
.list19 .l1 img{ width: 20px; height: 20px; margin:4px 10px 0 0;}
}
@media screen and (max-width:1024px) {
.list19{font-size:16px; line-height:26px; margin-top:10px; padding:18px 18px;}
.list19 .l1{ padding:4px 0;}
.list19 .l1 img{ width:18px; height: 18px; margin:4px 8px 0 0;}
}


.list21{ display: block;width: 100%; }
.list21 .li{ display: block;width: 100%; margin-bottom:19px;}
.list21 .li:last-child{ margin-bottom: 0 !important;}
.list21 .li .a{ display:flex; align-items: center;  width: 100%; position: relative; overflow: hidden;border-radius:10px;
background:#b61412;
 padding:33px 0 33px 52px;
}
.list21 .li:nth-child(4n+2) .a{ background:#e7af33;}
.list21 .li:nth-child(4n+3) .a{ background:#207a36;}
.list21 .li:nth-child(4n+4) .a{ background:#1aa0cc;}
.list21 .li .img{ position: relative; z-index: 6; display:block; line-height: 0;}
.list21 .li .img img{ min-width:30px; width:30px; height:30px; }
.list21 .li .ino{ position: relative; z-index: 6; display:block; line-height:0; width:auto; height:86px; opacity: 0.1; position: absolute; right: 0; top:30px; z-index: 1;transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;}
.list21 .li .tit{ width:100%; padding:0 22px;color: rgb(255, 255, 255);
font-size: 24px;
font-weight: bold;
line-height: 35px;
transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear; }
.list21 .li .a:hover .ino{ right:-8px; }


@media screen and (max-width:1800px) {
.list21 .li .a{padding:33px 0 33px 42px;}
}
@media screen and (max-width:1600px) {
.list21 .li .a{
 padding:26px 0 26px 32px;}
.list21 .li .tit{padding: 0 16px;} 
.list21 .li .ino{ height: 76px; top:24px;}
}
@media screen and (max-width:1440px) {
.list21 .li .a{padding:22px 0 22px 22px;}	
.list21 .li .tit{ font-size:18px; line-height: 28px;padding: 0 14px;}
.list21 .li .ino{ height:66px; top:20px;}
}
@media screen and (max-width:1024px) {
.list21{ display:flex; flex-wrap: wrap; justify-content: space-between;}	
.list21 .li{ width:49%;margin-bottom: 15px;}
.list21 .li .a{padding:16px 0 16px 16px;}	
.list21 .li .ino{ height:46px; top:20px;}
}
@media screen and (max-width:767px) {
.list21 .li .tit{ font-size:16px; line-height: 26px;padding: 0 6px;}
.list21 .li .img img{min-width:26px; width:26px; height:26px;}
}	


.list12{ display:block; width:100%;  }
.list12 .ul{ display:block; width:calc(100% + 20px); margin:0 -10px;}
.list12  .ul .li{ display:block; width:33.33%; padding:0 10px; margin-bottom:58px;}
.list12  .ul .li .la{ display:block; width:100%;}
.list12  .ul .li ._img{ position: relative; display:block; width:100%; overflow: hidden; border-radius: 10px; padding-bottom:68.27%;}
.list12  .ul .li ._img img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.list12  .ul .li .tit{ width:100%;color: #000; text-align: center; font-size:18px; line-height:28px; margin-top:17px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; }
.list12  .ul .li .la:hover .tit{ color:#b61412;}
.list12  .ul .li .la:hover ._img img{ transform: scale(1.06); -ms-transform: scale(1.06);}
.list12 .slick-dots{ display: flex; justify-content: center; width: 100%;}
.list12 .slick-dots li{display: flex; margin:0 9px; width:12px; height: 12px; border-radius: 12px; border:1px solid #666666;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.list12 .slick-dots li.slick-active{ width:35px;  border:1px solid #b61412; background:#b61412;}
.list12 .slick-prev,
.list12 .slick-next{ top:-67px; width: 43px; height: 43px;-webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);transform: translate(0,0); background: url(img/ico5.1.png) center no-repeat; background-size:auto 100% !important; left: auto; right:10px;  border:1px solid #b61412;  border-radius: 50%; z-index: 10;}
.list12 .slick-prev{ right:67px;-webkit-transform: translate(0,0) rotate(180deg);
  -ms-transform: translate(0,0) rotate(180deg);transform: translate(0,0) rotate(180deg);}
.list12 .slick-prev:hover,
.list12 .slick-next:hover{background: url(img/ico5.png) center no-repeat #b61412;}

@media screen and (max-width:1440px) {
.list12 .ul .li .tit{ font-size:16px; line-height:26px;}

}
@media screen and (max-width:1024px) {
.list12 .ul{ width:calc(100% + 14px); margin:0 -7px; }
.list12 .ul .li{ padding:0 7px; margin-bottom:30px;}
.list12 .ul .li .tit{ font-size:14px; line-height:24px; margin-top:12px;}
.list12 .slick-dots li{ margin:0 5px; width:10px; height: 10px; border-radius: 10px; }
.list12 .slick-dots li.slick-active{ width:20px; }
.list12 .slick-prev,
.list12 .slick-next{ top:-58px; width:34px; height: 34px; right:7px;}
.list12 .slick-prev{ right:50px;}  
}
@media screen and (max-width:767px) {
.list12 .ul .li{ width:50%;}

}

.list11{ display:block; width:100%;  }
.list11 .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 19px); margin:0 -19px -19px 0;}
.list11 .ul .li{display:flex; flex-wrap: wrap; width:25%; padding:0 19px 19px 0;}
.list11 .ul .li .la{display:flex; flex-wrap: wrap; align-items: center; width:100%;color: #666; font-size:16px; line-height:22px; min-height: 62px; border-radius: 10px; border: 1px solid #949494; padding:5px 47px 5px 27px; background: url(img/right2.png); background-repeat: no-repeat !important; background-position: calc(100% - 22px) center !important; background-size:auto 12px !important; position: relative; height: 100%;}
.list11 .ul .li .la:hover{ border: 1px solid #b61412; background: url(img/right1.png);}


@media screen and (max-width:1600px) {
.list11 .ul .li .la{ padding:5px 30px 5px 20px; background-position: calc(100% - 14px) center !important; }
}
@media screen and (max-width:1440px) {
.list11 .ul .li .la{font-size:14px; line-height:20px; padding:5px 26px 5px 16px; background-position: calc(100% - 12px) center !important; }
}
@media screen and (max-width:1024px) {
.list11 .ul{ width:calc(100% + 10px); margin:0 -10px -10px 0; }
.list11 .ul .li{ width:33.33%; padding:0 10px 10px 0;}
.list11 .ul .li .la{ min-height:56px; padding:5px 20px 5px 14px; background-position: calc(100% - 10px) center !important; }
}
@media screen and (max-width:767px) {
.list11 .ul .li{ width:50%;}

}




.cont-tit{ display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; width: 100%; margin:50px 0 24px 0;}
.cont-tit .tit{ display: flex; position: relative;
color:#fff;
font-size:18px;
font-weight: bold;
line-height:34px; height: 41px; padding:0 31px 0 20px; background: url(img/ico1.png) right center no-repeat; background-size:auto 100% !important;
}
.cont-tit .more{ display: flex; padding-right: 17px; background: url(img/right1.png) right center no-repeat; background-size:auto 10px !important;
color: #666;
font-size: 14px;
font-weight: 400;
line-height: 32px;
}
.cont-tit .more:hover{ color:#b61412;}


@media screen and (max-width:1024px) {
.cont-tit{ margin:25px 0 20px 0;}
.cont-tit .tit{font-size:16px;line-height:32px; height:38px; padding:0 26px 0 15px;}
}





._pimg {
width: 100%;
overflow: hidden;
}

._pimg ._div {
position: relative;
overflow:hidden;
}

._pimg ._img {
width: 100%;
position: absolute;
left:0;
top:0;
}
._pop{ background:rgba(0,0,0,0.6); float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:110; display:none; text-align: center;}
._pop video{ width: 100%; object-fit: contain;}
._col{ float:left; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); text-align:center; cursor:pointer; position:absolute; right:-40px; top:-40px; width:40px; height:40px; color:#fff; line-height:30px; font-size:50px; z-index: 10;}
._htm{ float:left; width:60vw; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
._html_con{ float:left; width:100%; display:flex; align-items: center; justify-content: center;}
._html_con::-webkit-scrollbar {
width:3px
}
._html_con::-webkit-scrollbar-track
{
background-color:#e5e5e5;
border-radius:3px
}

._html_con::-webkit-scrollbar-thumb {
width:3px;
height:60px;
background-color:#e50011;
border-radius:3px
}

@media  screen and (max-width: 1024px){
._col{ top:-30px; right:0; width:30px; height:30px; color:#fff; line-height:20px; font-size:36px;}
._pop video{ width: 100%;}
._htm{ width:92%;}	
}

















/*
 287dcf
calc(20px + 0.16rem); 

*/





.dialog{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	 display: none;
	z-index: 999;
}
.dialog .msgBox{
	text-align: center;
	width: 90%;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #FFF;
	box-shadow: 0 0 .1rem 0 #E6E6E6;
	box-sizing: border-box;
	border-radius: .1rem;
}
.dialog .msgBox img{
	display: block;
	margin: 0 auto;
	width:50px;
	margin-top:36px;
	margin-bottom:17px;
}
.dialog .msgBox .h2{
	font-size:22px;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #000000;
	margin-bottom:25px;
}
.dialog .msgBox p{
	font-size:18px; line-height:28px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	margin-top:10px;
}
.dialog .msgBox .h4{
	font-size:20px;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #ee1d23;
	/* letter-spacing: 50px; */
	border-top: 1px solid #E5E5E5;
	line-height:56px;
	margin-top:40px;
}



/*250814start*/
.t_navs{ position: fixed; background: #fff; box-shadow:0 0 6px rgba(0,0,0,0.1);}
.banner-box{ margin-top: 82px;}
.banner{ margin-top: 82px;}

@media  screen and (max-width: 1024px){
.banner-box{ margin-top:50px;}
.banner{ margin-top: 50px;}

}

.wap_down{padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom); }

/*250814end*/