@charset "UTF-8";


html {
  scrollbar-width: thin;
  scrollbar-color: #fdd000; #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-1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.max-width{max-width:1600px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:80px;padding-right:80px;}
@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: 16; width: 100%;  }
.t_navs .sjkf{ display: inline-flex;color:#dadada; font-size:14px; line-height:24px;}
.t_navs .sjkf i{ padding:0 8px; font-size:12px;}
.t_navs .sjkf a{color:#8d8d8d; }
.t_navs .sjkf a:hover{ color:#ee1d23 !important;}
.t_navs .addr{ display: flex; align-items: center; line-height:24px; font-size:16px;color: #333; margin-right: 50px; }
.t_navs .addr img{ display:block; width:22px; height:22px; margin-right:6px;}
.t_navs .addr:nth-child(1){ display:none;}
.t_navs .top1{ position:relative; z-index: 100; width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; background: #f5f5f5; padding:10px 60px;}
.t_navs .top{ position:relative; z-index: 100; width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; background: #fff; padding:0 60px;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:33px;}
.t_navs .logo .img1{ display: block;}
.t_navs .logo .img2{ display: none;}
.t_navs .left{ display: flex; align-items: center;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs ._hqbj{ display: flex; margin:0 0 0 66px; }
.t_navs ._hqbj .a{ display: flex; align-items: center; flex-direction: column; line-height:18px;font-size:14px;color: #666; }
.t_navs ._hqbj .a img{ display:block; width:24px; height:24px; margin:0  0 8px 0;}
.t_navs ._hqbj .a:hover{ color: #ee1d23 !important;}
.t_navs .top .input{width:210px;border-bottom: 1px solid #dcdcdc;position: relative; margin-bottom: 5px;}
.t_navs .top .input .text{width: 100%;height:44px;padding-right: 40px;font-size: 14px;color: #333333;}
.t_navs .top .input input::placeholder{color:#666; opacity:1 !important;}
.t_navs .top .input .submit{width:28px; height:28px; cursor: pointer;position: absolute;right:-2px;top: 50%;margin-top: -14px; background:url(img/_search1.png) center no-repeat; background-size:18px auto !important; }
.t_navs .top .input .submit:hover{ background:url(img/_search2.png) center no-repeat;}
.t_navs .menu{float: left; }
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin-right:60px;}
.t_navs .menu .nli:last-child{ margin-right:0 !important;}
.t_navs .menu .nli span a{ display: block;position: relative;line-height:84px; font-size:18px;color: #444; }
.t_navs .menu .nli span a::after{ content:''; display: block; position: absolute; left:50%; bottom:0; height:2px; width:0; background:#ee1d23; transform: translateX(-50%); -ms-transform: translateX(-50%);
-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.active span a,
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{color: #ee1d23 !important;}
.t_navs .menu .nli.active span a::after,
.t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{ width:100%;}
.t_navs .menuSub1{ display:none; position: absolute; top:100%; left:50%; z-index: 10; background:#fff; overflow: hidden;box-shadow: 0 2px 6px rgba(0,0,0,0.1); transform: translateX(-50%); -ms-transform: translateX(-50%); }
.t_navs .menuSub1 .u1{ display: flex; flex-direction: column; padding:18px 0; }
.t_navs .menuSub1 .u1 .l1{ display: block; width:100%; padding:4px 20px; white-space: nowrap; }
.t_navs .menuSub1 .u1 .a1{ display: block; width:100%; color: #666; line-height:26px; font-size:16px; padding:0 14px; position: relative;}
.t_navs .menuSub1 .u1 .a1::after{ content:''; display: block; position: absolute; left:0; top:50%; margin-top:-2px; height:5px; width:5px; background:#e31c22; border-radius:50%;  }
.t_navs .menuSub1 .u1 .a1:hover{color: #e31c22 !important; }

.t_navs .menuSub{ display:none; position: absolute; top:100%; left:0; z-index: 10; width:100%; background:#f5f5f5; overflow: hidden;box-shadow: 0 2px 6px rgba(0,0,0,0.1); border-top:1px solid #222629;}
.t_navs .menuSub .sect{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; position: relative; }
.t_navs .menuSub .sect::after{ content:''; display: block; position: absolute; right:100%; top:0; height:100%; width:2000px; background:#fff;  }
.t_navs .menuSub .title{ display: block; width:100%; color: #333; line-height:38px; font-size:28px;}
.t_navs .menuSub .u1{ background:#fff; display: flex; flex-wrap: wrap; align-items: flex-start; width:19.37%; padding:52px 50px 70px 32px;}
.t_navs .menuSub .u1 .box{ display: block; width:100%; padding-top:20px }
.t_navs .menuSub .u1 .l1{ display: block; width:100%; margin-top:20px; }
.t_navs .menuSub .u1 .a1{ display: block; width:100%; color: #666; line-height:26px; font-size:16px; padding:0 14px; position: relative; background:url(img/right1.png) right center no-repeat; background-size:9px auto !important;}
.t_navs .menuSub .u1 .a1::after{ content:''; display: block; position: absolute; left:0; top:50%; margin-top:-2px; height:5px; width:5px; background:#e31c22; border-radius:50%;  }
.t_navs .menuSub .u1 .a1:hover{color: #e31c22 !important; background:url(img/right2.png) right center no-repeat;}
.t_navs .menuSub .u1 .on .a1{color: #e31c22 !important; background:url(img/right2.png) right center no-repeat;}
.t_navs .menuSub .u2{ display: flex; flex-wrap: wrap;align-items: flex-start; width:80.63%; padding:52px 82px 25px 40px;}
.t_navs .menuSub .u2 .box{ display: flex; flex-wrap: wrap; width:100%;}
.t_navs .menuSub .u2 .comt{ display: flex; flex-wrap: wrap; width:100%;}
.t_navs .menuSub .u2 .l2{ display: flex; flex-wrap: wrap; align-content: flex-start; width:16.66%; margin-bottom:35px; padding:0 10px;}
.t_navs .menuSub .u2 .l2 ._img{ display: block; width:100%; padding-bottom:65.71%; border-radius:3px; overflow: hidden; position: relative;}
.t_navs .menuSub .u2 .l2 ._img img{ width:100%; height:100%; position: absolute; left: 0; top: 0; object-fit: contain;-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 .menuSub .u2 .l2:hover ._img img{ transform: scale(1.06); -ms-transform: scale(1.06); }
.t_navs .menuSub .u2 .l2 .a2{ text-align:center; width:100%; color: #666; line-height:24px; font-size:14px; margin-top:10px;}
.t_navs .menuSub .u2 .l2:hover .a2{color: #e31c22 !important;}
.t_navs .menuSub .u2 .h-top{ padding:39px 0 0 10px;}



.t_navs.act{ position: fixed;}
.t_navs.act .top1{ display:none;}
.t_navs.act .top{ box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs.bct .top{ box-shadow:0 2px 6px rgba(0,0,0,0.1);}


@media screen and (max-width:1600px) {
.t_navs .logo img{ height:30px;}		
.t_navs .addr{ margin-right:40px;}	
.t_navs .menu .nli{ margin-right:40px;}	
.t_navs ._hqbj{ margin-left:40px;}
.t_navs .menuSub .u1{ padding:42px 40px 60px 22px;}
.t_navs .menuSub .u1 .box{ padding-top:10px }
.t_navs .menuSub .u1 .l1{ margin-top:10px; }
.t_navs .menuSub .u2{ padding:42px 72px 15px 30px;}
.t_navs .menuSub .u2 .l2{ margin-bottom:25px;}
.t_navs .menuSub .u2 .h-top{ padding:20px 0 0 10px;}

}
@media screen and (max-width:1440px) {
.t_navs .addr{ font-size:14px;}	
.t_navs .sjkf{ font-size:13px;}	
.t_navs .logo img{ height:26px;}	
.t_navs .top .input{ width:160px;}	
.t_navs .top .input .text{ font-size:13px;}	
.t_navs .addr{ margin-right:30px;}	
.t_navs .menu .nli{ margin-right:30px;}	
.t_navs .menu .nli span a{ font-size:14px; line-height:70px;}
.t_navs ._hqbj{ margin-left:30px;}
.t_navs ._hqbj .a{ font-size:13px;}
.t_navs ._hqbj .a img{ width:20px; height:20px; margin:0  0 4px 0;}
.t_navs .menuSub .title{ font-size:24px; line-height: 34px;}
.t_navs .menuSub .u1{ padding:35px 30px 45px 0;}
.t_navs .menuSub .u1 .box{ padding-top:8px }
.t_navs .menuSub .u1 .l1{ margin-top:8px; }
.t_navs .menuSub .u1 .a1{ font-size:14px; line-height:24px;}
.t_navs .menuSub .u2{ padding:35px 0 0 20px;}
.t_navs .menuSub .u2 .l2{ margin-bottom:20px;}
.t_navs .menuSub .u2 .l2 .a2{ font-size:13px; line-height:23px;}
.t_navs .menuSub .u2 .h-top{ padding:15px 0 0 10px;}
.t_navs .menuSub1 .u1 .a1{font-size:14px; line-height:24px;}
}
@media screen and (max-width:1270px) {
.t_navs .logo img{ height:22px;}		
.t_navs .addr{ margin-right:20px;}	
.t_navs .menu .nli{ margin-right:20px;}	
.t_navs ._hqbj{ margin-left:20px;}
.t_navs .menuSub .u1{ padding:25px 20px 35px 0;}
.t_navs .menuSub .u1 .box{ padding-top:4px }
.t_navs .menuSub .u1 .l1{ margin-top:4px; }
.t_navs .menuSub .u1 .a1{ font-size:13px; line-height:24px; padding:0 10px; background-size:6px auto !important;}
.t_navs .menuSub .u2{ padding:25px 0 0 14px;}
.t_navs .menuSub .u2 .l2{ margin-bottom:15px; padding:0 6px;}
.t_navs .menuSub .u2 .l2 .a2{ font-size:12px; line-height:22px;}
}
@media screen and (max-width:1024px) {
.t_navs .top1{ padding:5px 15px;}	
.t_navs .top{ padding:0 15px;height:50px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ width: auto; height:24px;}
.t_navs .top .input{ display:none;}
.t_navs .addr img{ width:18px; height:18px; margin-right:6px;}
.t_navs .addr{ margin:0; display:none;}
.t_navs .addr:nth-child(1){ display:flex;}
.t_navs ._hqbj{ margin:0 15px 0 0;}
.t_navs ._hqbj .a{ line-height:30px; flex-direction:row; align-items: center;}
.t_navs ._hqbj .a img{ width:20px; height:20px; margin:2px 6px 0 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: #444;
-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: #444;
-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; width: 100%; height:100vh; z-index:16; display:none; background:#fff; padding:10px 15px 80px 15px; overflow-y: auto;}
.t_navs.bct .xialaph{ padding:40px 15px 80px 15px; }
.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: #e31c22;}
.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:4px;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;border-top:1px solid #e31c22;  border-right:1px solid #e31c22;}
.xialaph .u2{width: 100%;padding:0 5px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block;border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .u2 .l2:last-child{border-bottom:0;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:14px;color: #666666;line-height:24px;padding:12px 12px 12px 0; }
.xialaph .on .a2{ color:#e31c22;}
.xialaph .u3{width: 100%;padding:0 5px 15px 5px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block;}
.xialaph .u3 .a3{ width: 100%;display: block; font-size:14px;color: #666666;line-height:24px;padding:6px 12px 6px 0; }
.xialaph .u4{width: 100%;padding:0 5px;display: none;}
.xialaph .u4 .l4{ width: 100%;display: block;}
.xialaph .u4 .a4{ width: 100%;display: block; font-size:14px;color: #666666;line-height:24px;padding:2px 0; }
.xialaph .input_box{width: 100%;border-bottom: 1px solid #dcdcdc;margin-top:10px;position: relative;}
.xialaph .input_box input{width: 100%;height:50px;padding-right: 40px;font-size: 14px;color: #333333;}
.xialaph .input_box input::placeholder{color:#666; opacity:1 !important;}
.xialaph .input_box img{width:28px; height:28px; padding:5px; cursor: pointer;position: absolute;right:-2px;top: 50%;margin-top: -14px;}



/*footer1*/
.footer1{ position: relative; z-index: 6;border-top:1px solid #ededed;}
.footer1 .down1{ display:flex; flex-wrap: wrap; width:100%; justify-content: space-between; padding:26px 0 40px 0;border-top:1px solid #ededed;}
.footer1 .Copyright{ display:block; color:#939393; font-size:14px; line-height:22px;}
.footer1 .Copyright a{color: #939393; margin-left:14px;}
.footer1 .Copyright a:hover{color:#ee1d23 !important;}
.footer1 .sjkf{ display: inline-flex;color:#939393; font-size:14px; line-height:22px;}
.footer1 .sjkf i{ padding:0 6px; font-size:12px;}
.footer1 .sjkf a{color:#939393; }
.footer1 .sjkf a:hover{ color:#ee1d23 !important;}
.footer1 .links{display:flex;  width:100%;  padding:26px 0;border-top:1px solid #ededed;color:#939393; font-size:14px; line-height:22px;}
.footer1 .links span{display:flex; white-space: nowrap;}
.footer1 .links .donw{display:flex; flex-wrap: wrap; width: 100%;}
.footer1 .links .donw a{display: flex;color:#939393; }
.footer1 .links .donw i{ padding:0 6px; font-size:12px;}
.footer1 .links .donw a:hover{ color:#ee1d23 !important;}
.footer1 .midd{ position: relative; display:flex; flex-wrap: wrap; width:100%; align-items:flex-start; justify-content: space-between;}
.footer1 .nav{ position:relative; z-index: 6; display: flex; flex-direction: column; width:20%;}
.footer1 .nav .u2{ display: flex; flex-direction: column; padding-top:9px;}
.footer1 .nav .a1{ display:inline-flex; color: #333; font-size:18px; line-height:28px; padding-bottom:21px; position: relative;}
.footer1 .nav .a1::after{ display: block; content: ''; position: absolute; left: 0; bottom: 0; background:#ee1d23; width:30px; height: 2px; }
.footer1 .nav .a1:hover{  color:#ee1d23 !important;}
.footer1 .nav .a2{ display:inline-flex;; color: #666; font-size:16px; line-height:26px; margin-top:11px;}
.footer1 .nav .a2:hover{  color:#ee1d23 !important;}
.footer1 .logo{ line-height: 0; float: left;}
.footer1 .logo a{ float: left;}
.footer1 .logo img{ width: auto; height:33px;}
.footer1 .tel{ display:block; width: 100%; color: #ee1d23; font-size:30px; line-height:38px;}
.footer1 .hot{ display:block; width: 100%; color:#666;font-size:16px; line-height:26px; margin-top:29px;}
.footer1 .tr{ display:inline-flex; flex-wrap: wrap; flex-direction: column;}
.footer1 .left{ display:inline-flex; flex-wrap: wrap; width:67.37%; padding:65px 0 68px 0; border-right:1px solid #ededed;}
.footer1 .right{ display:inline-flex; flex-wrap: wrap; justify-content: flex-end; width:32.63%; padding:63px 0 50px 50px; }
.footer1 .cont{ display:inline-flex; flex-wrap: wrap; flex-direction: column; padding-top: 11px;}
.footer1 .info{ display:flex; align-items: flex-start; }
.footer1 .adrr{ display:block; width: 100%; color:#666;font-size:16px; line-height:26px; margin-top:14px;}
.footer1 .er{ display:flex; flex-wrap: wrap; width:98px; margin:30px 24px 0 0;}
.footer1 .er i{ display:block; width:100%; line-height: 0;}
.footer1 .er span{ display:block; width:100%; text-align:center; margin-top:1px; color: #666666; font-size:14px; line-height:24px;}

@media (max-width: 1600px){
.footer1 .links{font-size:13px; }
.footer1 .adrr{ font-size:14px; line-height:24px;}
}
@media (max-width: 1024px){
.footer1 .left{ display:none;}
.footer1 .right{ width: auto; justify-content:center;  text-align: center; flex-direction: column; padding:25px 0 25px 0;}
.footer1 .links{ display: none; }
.footer1 .midd{ justify-content: center;}
.footer1 .Copyright{ width:100%; text-align: center;}
.footer1 .er{ width:100px; margin:20px 15px 0 0;}
.footer1 .hot{ margin-top:20px;}
.footer1 .tel{ font-size:24px; line-height:34px;}
.footer1 .adrr{ margin-top:5px;}
.footer1 .logo img{ width: auto; height:24px;}
.footer1 .down1{ justify-content: center; padding:18px 0;}
.footer1 .tr{align-items: center;}
}
@media (max-width: 767px){
.footer1 .Copyright a{ margin-left:0;}
}


.pt95{ padding-top:95px;}
.pd100{ padding-bottom:100px;}

@media (max-width: 1024px){
.pt95{ padding-top:30px;}
.pd100{ padding-bottom:35px;}
}

.z6{ position: relative;}
.bg-f5{ background:#f5f5f5;}
.pc_show1{ display: block;}
.ph_show1{ display: none;}
@media (max-width: 767px){
.pc_show1{ display: none;}
.ph_show1{ display: block;}
}



.home-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;}
.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;}
.index-banner .swiper-notification{ display:none; }
.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 .box{ display: block; width:100%; position: absolute; left: 0; top:45%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.index-banner .box .cont{ display:inline-flex; flex-wrap: wrap; width: 100%;}
.index-banner .box .tit1{ display: block; width:100%; color: #fff; font-weight: bold; font-size:58px; line-height:68px;}
.index-banner .box .tit2{ display:inline-flex; color: #fff; font-size:24px; line-height:32px; border-radius:0 32px 32px 32px; margin-top:30px; padding:15px 30px 15px 20px;
 background: url(img/main18.png) center no-repeat; background-size:100% 100% !important;
}
.index-banner .box .more{display:block; width:100%; margin-top:125px;}
.index-banner .box .more a{ display:inline-flex; align-items: center; color: #fff; font-size:14px; line-height:26px;}
.index-banner .box .more a i{ display: flex; align-items: center; justify-content: center; border-radius:50%; border:1px solid #ee1d23; margin-left: 20px; width: 44px; height: 44px;background: url(img/more1.png) center no-repeat #ee1d23;
 background-size:12px auto !important; 
-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 .box .more a:hover{  color:#ee1d23 !important;}
.index-banner .box .more a:hover i{  background: url(img/more.png) center no-repeat;}


.index-banner .swiper-pagination{ cursor: pointer; display:flex; justify-content: center; position: absolute;left:0; bottom:43px; z-index: 10; width:100%; }
.index-banner .swiper-pagination-bullet{ cursor: pointer; border-radius:13px; width:13px; height:13px; margin:0 13px; display:block; 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:39px;  background:#ee1d23; border:1px solid #ee1d23;}

@media screen and (max-width:1600px) {
.index-banner .box{ /*top:102px;*/  }	
.index-banner .box .tit1{ font-size:54px; line-height:64px;}
.index-banner .box .tit2{font-size:20px; line-height:28px; border-radius:0 32px 32px 32px; margin-top:30px; padding:12px 30px 12px 20px;}	
.index-banner .box .more{ margin-top:105px;}
.index-banner .box .more a i{ margin-left: 16px; width: 40px; height: 40px;}

}
@media screen and (max-width:1440px) {
.index-banner .box{ /*top:82px;*/  }		
.index-banner .box .tit1{ font-size:50px; line-height:60px;}
.index-banner .box .tit2{font-size:20px; line-height:28px; border-radius:0 32px 32px 32px; margin-top:30px; padding:12px 30px 12px 20px;}	
.index-banner .box .more{ margin-top:85px;}	
.index-banner .box .more a i{ margin-left: 12px; width: 36px; height: 36px;}

}
@media screen and (max-width:1024px) {
.index-banner .box{ /*top:70px;*/  }					
.index-banner .box .tit1{ font-size:22px; line-height:30px; text-shadow:10px 10px 30px rgba(15,75,157, 0.17);}
.index-banner .box .tit2{ font-size:14px; line-height:22px; margin-top:20px; padding:6px 20px 6px 15px;}
.index-banner .box .more{margin-top:30px;}
.index-banner .box .more a i{ margin-left: 10px; width:30px; height: 30px; background-size:10px auto !important; }
.index-banner .swiper-pagination{ bottom:20px;}
.index-banner .swiper-pagination-bullet{border-radius:10px; width:10px; height:10px; margin:0 8px;}
.index-banner .swiper-pagination-bullet-active{ width:20px;}
}
@media screen and (max-width:767px) {


}



.mian1{ width: 100%; ;}
.mian1 .list{ width: 100%; padding: 21px 0; overflow: hidden;}
.mian1 .list .ul{width:calc(100% + 60px); margin: 0 -30px; display: flex; flex-wrap: wrap;}
.mian1 .list .ul li{ display:flex; flex-wrap: wrap; width: 20%; padding:0 30px; border-left:1px solid #e7e7e7;}
.mian1 .list .ul li .a{ display:flex; width: 100%; height:68px; display: flex; align-items: center;}
.mian1 .list .ul li .ico{ float: left; min-width:45px; width:45px; line-height: 0; margin-right:22px;}
.mian1 .list .ul li .text{ display: flex; flex-direction: column;width: 100%;}
.mian1 .list .ul li .tit{ width: 100%; font-weight: bold; color: #333; font-size:24px; line-height:25px; }
.mian1 .list .ul li .p{ width: 100%; color: #666; font-size:16px; line-height:17px; height:17px; margin:10px 0 2px 0;}
.mian1 .list .ul li .a:hover .ico{ transform: rotateY(360deg); -ms-transform: rotateY(360deg);}
.mian1 .list .ul li .a:hover .tit{ color: #ee1d23;}

@media screen and (max-width:1600px) {
.mian1 .list .ul{width:calc(100% + 40px); margin: 0 -20px;}
.mian1 .list .ul li{padding:0 20px;}
.mian1 .list .ul li .ico{min-width:44px; width:44px; margin-right:16px;}
.mian1 .list .ul li .tit{font-size:20px; line-height:21px; }
.mian1 .list .ul li .p{ font-size:14px; line-height:17px; height:17px; margin:10px 0 2px 0;}	
}
@media screen and (max-width:1440px) {
.mian1 .list .ul{width:calc(100% + 30px); margin: 0 -15px;}
.mian1 .list .ul li{padding:0 15px;}	
.mian1 .list .ul li .ico{min-width:34px; width:34px; margin-right:10px;}
}
@media screen and (max-width:1024px) {
.mian1{ display:none;}	
.mian1 .list .ul li .ico{min-width:28px; width:28px;  margin-right:5px;}	
.mian1 .list .ul li .tit{ font-size:15px; line-height:23px;}
.mian1 .list .ul li .p{ font-size:12px; line-height:20px;}	
}
@media screen and (max-width:767px) {
.mian1 .list .ul{ display: block;width:calc(100% + 10px); margin: 0 -5px;}	
.mian1 .list .ul li{ width: 50%; padding: 0 5px;}	
}




.h-top{ display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: space-between; margin-bottom:45px;}
.h-top .siz49{ display:inline-flex; font-weight: bold; color: #222; font-size:49px; line-height:59px;}
.h-top .more{ display:inline-flex; align-items: center; color: #666; font-size:16px; line-height:26px;}
.h-top .more i{ display: flex; align-items: center; justify-content: center; border-radius:50%; border:1px solid #ee1d23; margin-left: 18px; width: 44px; height: 44px;
  background: url(img/more.png) center no-repeat; background-size:12px auto !important; 
-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;  
}
.h-top .more:hover{  color:#ee1d23 !important;}
.h-top .more:hover i{background: url(img/more1.png) center no-repeat #ee1d23;}
.h-top .right{ display:inline-flex; align-items: center;}
.h-top .ul{ display:inline-flex; margin-right: 4px;}
.h-top .ul li{ display:inline-flex; margin-right: 44px;}
.h-top .ul li a{ display:inline-flex; position: relative; color:#666666; font-size:18px; line-height:44px;}
.h-top .ul li a::after{ content:''; display: block; position: absolute; left:50%; bottom:-2px; height:2px; width:0; background:#ee1d23; transform: translateX(-50%); -ms-transform: translateX(-50%);
-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;  }
.h-top .ul li.on a{ color:#ee1d23 !important;}
.h-top .ul li:hover a{ color:#ee1d23 !important;}
.h-top .ul li.on a::after{ width:100%;}


@media (max-width:1600px){
.h-top .siz49{ font-size:44px; line-height:54px;}	
.h-top .more i{margin-left: 14px; width:40px; height: 40px;}
.h-top .ul li{ margin-right: 34px;}
.h-top .ul li a{font-size:16px; line-height:40px;}
}
@media (max-width:1440px){
.h-top .siz49{ font-size:40px; line-height:50px;}	
.h-top .more i{margin-left: 10px; width:36px; height: 36px;}
.h-top .ul li{ margin-right:16px;}
.h-top .ul li a{ line-height:36px;}
}
@media (max-width:1024px){
.h-top{ margin-bottom:25px;}	
.h-top .siz49{ font-size:20px; line-height:30px;}	
.h-top .more{ font-size:14px; line-height:24px;}
.h-top .more i{margin-left: 10px; width:30px; height: 30px; background-size:10px auto !important; }
.h-top .ul li a{font-size:14px; line-height:30px;}
}
@media (max-width:767px){
.h-top .right{ overflow-x: auto; white-space: nowrap; width:100%; margin:0; padding:2px 0;}
.h-top .ul li a{font-size:14px; line-height:30px;}
}


.main7{ overflow: hidden;} 
.main7 .h-top .more{  color:#ee1d23;}
.main7 .box{ display: block; width: 100%;}
.main7 .sect{ display: block; width: 100%;}
.main7 .u2{ display:flex; flex-wrap: wrap; justify-content: space-between; width:100%;}
.main7 .u2 .li{ display:flex; flex-wrap: wrap; align-content: space-between; width:48.75%;}
.main7 .u2 .la{ display:flex; flex-wrap: wrap; align-items:flex-start; border-radius:10px; overflow: hidden; width: 100%; position: relative; }
.main7 .u2 .la .tit{ width: 100%; color: #333;font-size:24px; line-height:34px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1; margin-bottom: 16px;}
.main7 .u2 .la .p{ display: block; width: 100%; color: #666;font-size:16px; line-height:30px;margin-top:6px; position: relative; padding-left: 16px;}
.main7 .u2 .la .p::after{ content: ''; display: block; width:5px; height:5px; border-radius:50%; border:1px solid #ee1d23; position: absolute; left:0; top:13px;}
.main7 .u2 .la .tit1{ width: 100%; color: #333;font-size:22px; line-height:32px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.main7 .u2 .la .p1{ width: 100%; color: #000;font-size:16px; line-height:30px; height:90px;  margin-top:20px; margin-bottom: 10px;
overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;}
.main7 .u2 .la ._btn1{ display: flex; align-items: center; justify-content: center; border-radius:50%; border:1px solid #ee1d23; margin-top:38px; width: 44px; height: 44px;
background: url(img/more.png) center no-repeat; background-size:12px auto !important; 
-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;  
}
.main7 .u2 .la:hover ._btn1{  color:#ee1d23 !important;}
.main7 .u2 .la:hover ._btn1{background: url(img/more1.png) center no-repeat #ee1d23;}
.main7 .u2 .la .pic{ z-index:1; position: absolute; right:0; bottom: 0; width:79.1%;}
.main7 .u2 .la .pic1{ z-index:1;  position: absolute; left:0; bottom: 0; height:100%; width:63.58%;  display: flex; align-items: center;}
.main7 .u2 .la ._img{ display: block; width:100%; padding-bottom:65.71%; border-radius:3px; overflow: hidden; position: relative;}
.main7 .u2 .la ._img img{ width:100%; height:100%; position: absolute; left: 0; top: 0; object-fit: contain; }
.main7 .u2 .la .cont{width: 100%; position:relative;z-index: 6; display: flex; flex-wrap: wrap;padding:45px 50px 50px 50px;}
.main7 .u2 .la:hover .tit{ color: #ee1d23 !important;}
.main7 .u2 .la:hover .tit1{ color: #ee1d23 !important;}
.main7 .u2 .li1 .la{ height:100%;  }
.main7 .u2 .li2 .la:nth-child(2){ margin-top:40px;}
.main7 .u2 .li2 .cont{ width:64.2%;  }
.main7 .u2 .li2 .la:nth-child(2n+1){ justify-content: flex-end; }
.main7 .u2 .li2 .la:nth-child(2n) .pic1{ left:auto; right:0; }

@media screen and (max-width:1600px) {
.main7 .u2 .la .cont{padding:35px 40px 40px 40px;}	
.main7 .u2 .la ._btn1{ margin-top:28px; width: 40px; height: 40px;}
.main7 .u2 .la .tit{font-size:22px; line-height:32px; margin-bottom: 11px;}
.main7 .u2 .la .p{ font-size:14px; line-height:26px;margin-top:6px;padding-left: 16px;}
.main7 .u2 .la .p::after{top:11px;}
.main7 .u2 .la .tit1{font-size:20px; line-height:30px;}
.main7 .u2 .la .p1{font-size:14px; line-height:26px; height:78px;  margin-top:15px; margin-bottom: 10px;}
}
@media screen and (max-width:1440px) {
.main7 .u2 .la ._btn1{ margin-top:18px; width: 36px; height: 36px;}
.main7 .u2 .la .cont{padding:25px 30px 30px 30px;}	
}
@media screen and (max-width:1024px) {
.main7 .h-top{ position: relative;}	
.main7 .h-top .more{ position: absolute; right: 0; top: 0;}	
.main7 .u2 .li{ width:100%; justify-content: space-between;}	
.main7 .u2 .li1 .cont{ width:70.2%;  }
.main7 .u2 .li2 .la:nth-child(2){ margin-top:16px;}
.main7 .u2 .li2 .la{ width:48.8%; margin-top:16px;}
.main7 .u2 .la .pic{/* display: flex; align-items: center; height:100%; */ width:40%;}
.main7 .u2 .la .tit{font-size:18px; line-height:26px; margin-bottom:5px;}
.main7 .u2 .la .p{ font-size:14px; line-height:24px;margin-top:3px;padding-left:14px;}
.main7 .u2 .la .p::after{top:8px;}
.main7 .u2 .la .p1{font-size:14px; line-height:24px; height:72px;  margin-top:10px; margin-bottom: 5px;}
.main7 .u2 .la .tit1{font-size:16px; line-height:24px;}
.main7 .u2 .la ._btn1{ margin-top:15px; width: 30px; height: 30px;background-size:10px auto !important; }
.main7 .u2 .la .cont{padding:20px 15px 25px 15px;}	
}
@media screen and (max-width:767px) {
.main7 .u2 .li2 .la{ width:100%; }
}



.main6{ overflow: hidden;} 
.main6 .box{ display:flex; flex-wrap: wrap; width:100%; padding:88px 0 81px 0;}
.main6 .tit{ display:block; width:100%; text-align: center; color: #fff; font-size:38px; line-height:48px; font-weight: bold;}
.main6 .btn{ display:flex; flex-wrap: wrap; width:100%; justify-content: center; margin-top: 54px;}
.main6 .btn .a{ display:inline-flex; align-items: center; color: #fff; font-size:16px; line-height:1; height:50px; background: #ee1d23; border-radius:50px; padding:0 28px;}
.main6 .btn .a img{ display: block; width:24px; height:24px; margin-right:14px;}
.main6 .btn .a:hover{ color: #fff !important; background:rgba(238,29,35,0.5);}


@media screen and (max-width:1600px) {
.main6 .tit{ font-size:34px; line-height:44px;}
}
@media screen and (max-width:1440px) {
.main6 .tit{ font-size:30px; line-height:40px;}
}
@media screen and (max-width:1024px) {
.main6 .box{ padding:44px 0;}	
.main6 .tit{ font-size:20px; line-height:30px;}
.main6 .btn{ margin-top: 24px;}
.main6 .btn .a{ font-size:14px; height:36px;border-radius:36px; padding:0 20px;}
.main6 .btn .a img{ width:18px; height:18px; margin-right:8px;}
}

.main4{ overflow: hidden;} 
.main4 .box{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.main4 .u2{  display: flex; flex-wrap: wrap;width: 68.38%;}
.main4 .u2 .li{ display:block; width:50%; padding:0 20px 0 0;}
.main4 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255); height: 100%; border-radius: 10px; overflow: hidden;
}
.main4 .u2 .a ._img{display: block; width: 100%; position: relative; overflow: hidden; padding-bottom:60.04%;}
.main4 .u2 .a ._img img{display: block; width: 100%; height:100%; position: absolute; left: 0; top: 0;
	transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
  .main4 .u2 .a:hover ._img img{transform: scale(1.06); -ms-transform: scale(1.06);}
.main4 .u2 .a .cont{ display: flex; flex-wrap: wrap; width: 100%; padding:30px 40px 34px 40px;}
.main4 .u2 .a .tit{ width: 100%; color: #333;font-size:20px; line-height:30px;margin-top:23px; transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.main4 .u2 .a:hover .tit{ color:#ee1d23;}
.main4 .u2 .a .p{ width: 100%; color:#666;font-size:16px; line-height:30px; height:60px; margin-top:10px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.main4 .u2 .a .tit1{ display:inline-flex; color: #ee1d23; border-radius:25px; border:1px solid #ee1d23; font-size:12px; line-height:23px; padding:0 11px; }
.main4 .u2 .a .time{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; color:#666;font-size:14px; line-height:24px; padding:33px 0 0 0; margin-top:47px; border-top: 1px solid #e3e3e3;}
.main4 .u2 .a .time time{display: flex; align-items: center; }
.main4 .u2 .a .time time img{display: block; margin-right: 8px; width:15px; height:15px; }
.main4 .u2 .a .time i{ display: flex; align-items: center; justify-content: center; border-radius:50%; border:1px solid #ee1d23; margin-left: 18px; width: 44px; height: 44px;
  background: url(img/more.png) center no-repeat; background-size:12px auto !important; 
-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;  
}
.main4 .u2 .a:hover .time i{background: url(img/more1.png) center no-repeat #ee1d23;}

.main4 .u1{  display: flex; flex-wrap: wrap;width: 31.62%;}
.main4 .u1 .li{ display:block; width:100%;}
.main4 .u1 .a1{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255); height: 100%; border-radius: 10px; overflow: hidden; padding:29px 40px 0 40px;
}
.main4 .u1 .a1 .cont{ display: block; width: 100%; padding:13px 0;}
.main4 .u1 .a1 .div{ display: block; width: 100%; padding:9px 0;}
.main4 .u1 .a1 .tit{ width: 100%; color: #333;font-size:20px; line-height:28px; 
transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.main4 .u1 .a1 .div:hover .tit{ color:#ee1d23;}
.main4 .u1 .a1 .tit1{ display:inline-flex; color: #ee1d23; border-radius:25px; border:1px solid #ee1d23; font-size:12px; line-height:23px; padding:0 11px; }
.main4 .u1 .a1 .time{display: flex; align-items: center; width: 100%; color:#666;font-size:14px; line-height:24px; margin-top:10px; }
.main4 .u1 .a1 .time img{display: block; margin-right: 8px; width:15px; height:15px; }
.main4 .slick-dots{ position: static; cursor: pointer; display:flex; width: 100%; justify-content: center; margin:20px 0 0 0 !important; }
.main4 .slick-dots li{ cursor: pointer; border-radius:10px; width:10px; height:10px; margin:0 8px; display:block; border:1px solid #666;
-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;  
}
.main4 .slick-dots li.slick-active{  width:20px;background:#ee1d23; border:1px solid #ee1d23; }


@media screen and (max-width:1600px) {
.main4 .u1 .a1{ padding:29px 30px 0 30px;}	
.main4 .u1 .a1 .tit{font-size:18px; line-height:26px;}
.main4 .u1 .a1 .div{ padding:8px 0;}
.main4 .u2 .a .tit{font-size:18px; line-height:28px; height:56px;}
.main4 .u2 .a .p{font-size:14px; line-height:28px; height:56px;}
.main4 .u2 .a .time i{margin-left: 14px; width: 40px; height: 40px;}
.main4 .u2 .a .cont{padding: 30px 30px 34px 30px;}

}
@media screen and (max-width:1440px) {
.main4 .u2 .li{ padding:0 15px 0 0;}	
.main4 .u2 .a .cont{padding: 30px 25px 34px 25px;}	
.main4 .u2 .a .time i{margin-left: 10px; width: 36px; height: 36px;}
.main4 .u1 .a1{ padding:25px 25px 0 25px;}	
.main4 .u1 .a1 .div{ padding:6px 0;}	
.main4 .u1 .a1 .time{ margin-top: 5px;}

}
@media screen and (max-width:1024px) {
.main4 .u2{ width:100%; justify-content: space-between;}
.main4 .u2 .li{ width:48.5%; padding:0;}
.main4 .u2 .a .tit{font-size:16px; line-height:26px; height:52px;margin-top:10px;}
.main4 .u2 .a .p{font-size:14px; line-height:24px; height:48px;margin-top:5px;}
.main4 .u2 .a .time{margin-top:20px;padding:20px 0 0 0;}
.main4 .u2 .a .time i{margin-left: 14px; width: 40px; height: 40px;}
.main4 .u2 .a .cont{padding:20px 15px 20px 15px;}
.main4 .u2 .a .time i{margin-left: 10px; width: 30px; height: 30px;background-size:10px auto !important; }	
.main4 .u1{ width:100%; margin-top: 20px;}		
.main4 .u1 .a1{ padding:25px 15px 5px 15px;}	
.main4 .u1 .a1 .tit{font-size:16px; line-height:24px;}
.main4 .u1 .a1 .div{ padding:5px 0;}
}
@media screen and (max-width:767px) {
.main4 .u2 .li{ width:100%; height: auto;}
.main4 .u2{ display: block; }
.main4 .slick-track{ display: flex;}
.main4 .slick-dots{ display: flex;}
}


.main5{ overflow: hidden;}
.main5 .siz49{ color: #fff;}
.main5 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.main5 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.main5 .box{  display: block; position: relative; padding:0 96px 98px 0; }
.main5 .u2 .li{ display:block; width:33.33%; padding:0 30px 0 0;}
.main5 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255); height: 100%; border-radius: 10px; overflow: hidden;
}
.main5 .u2 .a ._img{display: block; width: 100%; position: relative; overflow: hidden; padding-bottom:59.54%;}
.main5 .u2 .a ._img img{display: block; width: 100%; height:100%; position: absolute; left: 0; top: 0;
	transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
  .main5 .u2 .a:hover ._img img{transform: scale(1.06); -ms-transform: scale(1.06);}
.main5 .u2 .a .cont{ display: flex; flex-wrap: wrap; width: 100%; padding:27px 32px 34px 32px;}
.main5 .u2 .a .tit{ width: 100%; color: #333;font-size:20px; line-height:30px; transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.main5 .u2 .a:hover .tit{ color:#ee1d23;}
.main5 .u2 .a .p{ width: 100%; color:#666;font-size:16px; line-height:28px; height:56px; margin-top:14px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.main5 .swiper-prev1,
.main5 .swiper-next1{ cursor: pointer; width:43px; height:25px; border-radius:6px; display:block;position: absolute;right:0; bottom:0; z-index: 10; background: url(img/ico5.1.png) center no-repeat #fff; background-size:auto 13px !important; }
.main5 .swiper-prev1{ margin-right:64px; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.main5 .swiper-prev1:hover,
.main5 .swiper-next1:hover{background: url(img/ico5.png) center no-repeat #ee1d23;}
.main5 .swiper-pagination1{ cursor: pointer; display:flex;position: absolute;left:0; bottom:5px; z-index: 10; }
.main5 .swiper-pagination-bullet{ cursor: pointer; border-radius:13px; width:13px; height:13px; margin:0 26px 0 0; display:block; 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;  
}
.main5 .swiper-pagination-bullet-active{  width:39px;background:#ee1d23; border:1px solid #ee1d23; }

@media screen and (max-width:1600px) {
.main5 .u2 .a .tit{font-size:18px; line-height:28px; }
.main5 .u2 .a .p{font-size:14px; line-height:26px; height:52px; margin-top:14px;}
.main5 .u2 .a .cont{padding: 27px 25px 34px 25px;}
}
@media screen and (max-width:1024px) {
.main5 .box{  padding: 0 96px 50px 0;}	
.main5 .u2 .li{padding:0 15px 0 0;}	
.main5 .u2 .a .tit{font-size:16px; line-height:26px; }
.main5 .u2 .a .p{font-size:14px; line-height:24px; height:48px; margin-top:5px;}
.main5 .u2 .a .cont{padding:18px 15px;}
.main5 .swiper-pagination-bullet{border-radius:10px; width:10px; height:10px; margin:0 16px 0 0; display:block;}
.main5 .swiper-pagination-bullet-active{  width:20px; }
.main5 .swiper-prev1,
.main5 .swiper-next1{ width:36px; height:22px; background-size:auto 10px !important; }
.main5 .swiper-prev1{ margin-right:46px; }
}
@media screen and (max-width:767px) {

}

.list17{ width: 100%; display: flex; justify-content: space-between; align-items:flex-start; flex-direction:row-reverse;}
.list17 .pic{ width:52.87%;position: relative;}
.list17 ._img{ padding-bottom:62.8%;position: relative; border-radius:0 80px 0 0;
  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:block; margin-top:53px;}
.list17 .btn a{ display: flex; align-items: center; justify-content: center; border-radius:50%; border:1px solid #ee1d23; width: 44px; height: 44px;background: url(img/more1.png) center no-repeat #ee1d23;
  background-size:12px auto !important; 
-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;  
}
.list17 .btn a:hover{background: url(img/more.png) center no-repeat; }
.list17 .info{ width: 100%;color:#666; margin-top:36px;
font-size: 16px;
font-weight: 400;
line-height: 38px;
 overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;
}
.list17 .tit{ display: block;width:100%; margin-top:23px;
color:#ee1d23;
font-size:32px;
/* font-weight: bold; */
line-height: 42px;
}
.list17 .cont{width:42.75%;}
.list17 .paly{display: flex; flex-direction: column; justify-content:center; align-items: center; position: absolute; left:50%; top:56.98%; 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:105px; height: 105px; margin-bottom:16px; }


@media screen and (max-width:1600px) {
.list17 .tit{ font-size:28px; line-height: 38px;margin-top:22px;}
.list17 .info{ font-size:14px; line-height:30px;margin-top:26px;}
.list17 .btn{ margin-top:40px;}
.list17 .btn a{width: 40px;  height: 40px;}
.list17 .paly img{ width:95px; height: 95px;}
}
@media screen and (max-width:1440px) {
.list17 .tit{ font-size:24px; line-height: 34px;margin-top:12px;}
.list17 .info{ font-size:14px; line-height:30px;margin-top:16px;}	
.list17 .btn{ margin-top:30px;}
.list17 .btn a{width: 36px;  height: 36px;}
.list17 .paly img{ width:80px; height: 80px;  }
}
@media screen and (max-width:1024px) {
.list17{ flex-wrap: wrap;}	
.list17 .pic{ width:100%; min-width:100%; margin-top:25px;}
.list17 ._img{ border-radius:0 40px 0 0;}
.list17 .cont{ width:100%;}
.list17 .tit{ font-size:18px; line-height: 28px; margin-top:0;}
.list17 .info{ line-height:24px; margin-top:15px;}
.list17 .btn{margin-top:20px;}
.list17 .btn a{width:30px;  height: 30px;background-size:10px auto !important;  }
.list17 .paly{font-size: 14px; top:45%; }
.list17 .paly img{ width:50px; height: 50px; margin-bottom:10px; }
}


.main10{ overflow: hidden;}
.main10 .box{ display: block; width: 100%;}
.main10 .u2{ display:flex; justify-content: space-between;width:-webkit-calc(100% + 20px); width:-moz-calc(100% + 20px); width:calc(100% + 20px);  margin:0 -10px;}
.main10 .u2 .li{ display:block; width:19.87%; padding:0 10px;
/* transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear; */
}
.main10 .u2 .a{ display:flex; flex-wrap: wrap; align-items:flex-start; overflow: hidden; border-radius:10px; width: 100%; position: relative;}
.main10 .u2 .a .tit{ display:block; width: 100%; font-weight: bold; color: #fff;font-size:22px; line-height:32px;}
.main10 .u2 .a .info{ display:none; width: 100%; margin-top: 30px;}
.main10 .u2 .a .p{ display:block; width: 100%; color: #fff;font-size:18px; line-height:38px; position: relative; padding-left: 20px; }
.main10 .u2 .a .p::after{ content: ''; width:8px; height:8px; position:absolute; left:0; top:15px; z-index: 6; display:block; border-radius:50%; border:1px solid #ee1d23; }
.main10 .u2 .a  ._img{ padding-bottom:693px;position: relative;
  display: block;
  width: 100%;
  overflow: hidden; }
.main10 .u2 .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;}
.main10 .u2 .a:hover ._img img{ transform: scale(1.06); -ms-transform: scale(1.06);} 
.main10 .u2 .a ._img::after{ width: 100%; height:100%; position:absolute; left:0; top:0;z-index: 6; display:block; background: url(img/main13.png) center bottom no-repeat; background-size:100% 100% !important; content: ''; }
.main10 .u2 .a .cont{width: 100%; position:absolute; left:0; top:100%; margin-top:-126px; z-index: 6; padding:0 29px; display:block;
transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
.main10 .u2 .a .ino{display:inline-flex;width: 100%; line-height: 0; margin-top:22px;}
.main10 .u2 .a .ino img{ height:50px;}

.main10 .u2 .li.on{ width: 40.39%;
transition: all 0s linear;
  -moz-transition: all 0s linear;
  -webkit-transition: all 0s linear;
  -o-transition: all 0s linear;
}
.main10 .u2 .li.on .cont{ top:0; margin-top:0; padding:66px 35px;}
.main10 .u2 .li.on .a ._img::after{background: rgba(0,0,0,0.6);}
.main10 .u2 .li.on .a .tit{font-size:28px; line-height:38px;}
.main10 .u2 .li.on .a .ino{margin-top:77px;}
.main10 .u2 .li.on .a .info{ display:block;}

.main10 .slick-dots{ display:none;}

@media screen and (max-width:1600px) {
.main10 .u2 .a  ._img{ padding-bottom:560px;}	
.main10 .u2 .a .tit{font-size:20px; line-height:30px;}
.main10 .u2 .a .info{ margin-top: 30px;}
.main10 .u2 .a .p{font-size:16px; line-height:30px; padding-left: 16px; }
.main10 .u2 .a .p::after{ width:8px; height:8px;top:11px;  }
.main10 .u2 .a .cont{ margin-top:-126px; z-index: 6; padding:0 25px;}
.main10 .u2 .li.on .cont{padding:66px 30px;}
.main10 .u2 .li.on .a .tit{font-size:24px; line-height:34px;}
.main10 .u2 .li.on .a .ino{margin-top:57px;}
}
@media screen and (max-width:1440px) {
.main10 .u2 .a .tit{font-size:18px; line-height:28px;}	
.main10 .u2 .a ._img{ padding-bottom:460px;}	
.main10 .u2 .a .ino img{ height:40px;}
.main10 .u2 .a .cont{ margin-top:-126px; z-index: 6; padding:0 15px;}
.main10 .u2 .li.on .cont{padding:46px 25px;}
.main10 .u2 .li.on .a .ino{margin-top:57px;}
.main10 .u2 .li.on .a .tit{font-size:20px; line-height:30px;}
}
@media screen and (max-width:1024px) {
.main10 .u2{ flex-wrap: wrap;}	
.main10 .u2{ width:-webkit-calc(100% + 16px); width:-moz-calc(100% + 16px); width:calc(100% + 16px);  margin:-8px;}
.main10 .u2 .li{ padding:8px 8px; width:50%;}	
.main10 .u2 .a ._img{ padding-bottom:340px;}	
.main10 .u2 .a ._img::after{ background: rgba(0,0,0,0.6); }
.main10 .u2 .a .ico{min-width:24px; height:24px;line-height:24px;margin-top:10px;}
.main10 .u2 .a .tit{ font-size:16px; line-height:26px;}
.main10 .u2 .a .info{ display:block; margin-top:15px;}
.main10 .u2 .a .p{ font-size:14px; line-height:24px;}
.main10 .u2 .a .ino img{ height:36px;}
.main10 .u2 .a .cont{ top:0; margin-top:0; padding:24px 20px;}
.main10 .u2 .li.on{ width: 50%;}
.main10 .u2 .li.on .cont{padding:24px 20px;}
.main10 .u2 .li.on .a .ino{margin-top:22px;}
.main10 .u2 .li.on .a .tit{font-size:16px; line-height:26px;}
}
@media screen and (max-width:767px) {
.main10 .u2 .li{ width:100%;}	
.main10 .u2 .a ._img{ padding-bottom:280px;}	
.main10 .u2 .li.on{ width: 100%;}
}





.pf-right{display:block; z-index:16; position:fixed; right:30px; bottom:50px; width:61px;}
.pf-right .box{ display:flex; flex-wrap:wrap; width:100%; background:#e31c22; border-radius:61px;box-shadow: 0px 0 13px rgba(0, 0, 0, 0.1);}
.pf-right .box ._an{ display: block; width:100%; position: relative;padding:28px 0; }
.pf-right .box .a{ display:flex; flex-wrap:wrap; width:100%; justify-content: center;line-height: 0;}
.pf-right .box .a span{ display: block; text-align: center; width:100%; color:#fff; font-size:18px; line-height:22px; margin-top:12px;}
.pf-right .box .a img{ width:32px; height:32px;}
.pf-right .box .a .img1{ display:block;}
.pf-right .box .a .img2{ display:none;}
.pf-right .box .a:hover .img1{ display:none;}
.pf-right .box .a:hover .img2{ display:block;}
.pf-right .cont{ position: absolute; right:100%; bottom:-75px; width:406px; padding:0 30px 0 0;
-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% 10%;
	-moz-transform-origin:90% 10%;
	-ms-transform-origin:90% 10%;
	-o-transform-origin:90% 10%;
	transform-origin:90% 10%;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
}
.pf-right .sect{display:block; width:100%; background: #fff; border-radius:4px; padding:19px 40px 29px 40px; position: relative;
box-shadow: 0px 0 13px rgba(0, 0, 0, 0.1);}
.pf-right .sect::after{ display: block; content: ''; position: absolute; left: 100%; bottom:120px; margin:0 0 0 -1px; border-top:10px solid transparent; border-bottom:10px solid transparent;border-left:10px solid #fff; }
.pf-right .er{display: flex; width:100%; align-items: center; padding:30px 0;}
.pf-right .er i{display: flex; width:81px; min-width:81px; line-height: 0; margin-right: 12px;}
.pf-right .er .r{display: flex; flex-wrap: wrap; flex-direction: column;}
.pf-right .er .r span{color:#666; font-size:18px; line-height: 28px;}
.pf-right .er .r font{color:#666; font-size:14px; line-height: 14px; margin-top:10px;}
.pf-right .div{display: block; width:100%; padding:26px 0 26px 37px; position: relative; border-top: 1px solid #efefef;}
.pf-right .div .ino{ display: block; position: absolute; left:0; top:26px;width:27px; height:27px; }
.pf-right .div .tit{display: block; width:100%;color:#666; font-size: 18px; line-height: 22px;}
.pf-right .div .info{display:flex; align-items: center; width:100%;color:#030608; font-size: 18px; line-height: 22px; }
.pf-right .div .info img{ width:28px; height:28px; padding:4px; cursor: pointer; margin-left: 6px;}
.pf-right .linxi:hover .cont{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 ._fh{ position: relative; display:flex; justify-content: center; width:100%; margin-top:14px;}
.pf-right ._fh .a{ display:flex; flex-wrap:wrap; width:100%; height:61px; border-radius:50%; justify-content: center; align-items: center; line-height: 0;background: rgb(255, 255, 255);box-shadow: 0px 0 13px rgba(0, 0, 0, 0.1);
}
.pf-right ._fh .a img{ width:32px; height:32px;}
.pf-right ._fh .a:hover{background:#e31c22;}
.pf-right ._fh .a .img1{ display:block;}
.pf-right ._fh .a .img2{ display:none;}
.pf-right ._fh .a:hover .img1{ display:none;}
.pf-right ._fh .a:hover .img2{ display:block;}


@media screen and (max-width:1800px) {
.pf-right{ right:10px;}
}	
@media screen and (max-width:1600px) {
.pf-right .er{padding:24px 0;}	
.pf-right .div{ padding:20px 0 20px 37px; }
.pf-right .cont{ bottom:-75px; width:330px; padding:0 25px 0 0;}
.pf-right .sect{ padding:10px 25px 20px 25px; }
}
@media screen and (max-width:1024px) {
.pf-right{ display:none !important;}
}

.wap_hei{ display: none; width: 100%;padding-top:50px;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.wap_down{ display: none; width: 100%;background: #fff;box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.05);position: fixed;z-index: 15;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom); left: 0; bottom: 0;}
.wap_down li{width:25%;float: left;text-align: center;}
.wap_down li a{width: 100%;display: flex;flex-wrap: wrap;align-content: center; justify-content: center; height:50px;}
.wap_down li span{width: 100%;display: block; line-height:14px; font-size:12px; color:#333; text-transform: uppercase; margin-top: 2px;}
.wap_down li .ico{width: 100%;display: block; 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  a:hover{background:#e31c22;}
.wap_down li  a:hover span{color:#fff;}
.wap_down li  a:hover .ico .img1{ display:none;}
.wap_down li  a:hover .ico .img2{ display:block;}


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

}


.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;
}
#closeBook {
	width: .25rem;
	height: .25rem;
	background: rgba(255, 255, 255);
	border-radius: 50%;
	position: absolute;
	right: -.125rem;
	top: -.125rem;
	font-size: 0.125rem;
	text-align: center;
	line-height: .25rem;
}



.copy-pou{ display:none; position: fixed; left: 50%;; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 20;}
.copy-pou .text{ display: block; white-space: normal; color: #fff; font-size:16px; line-height:26px; background: rgba(0,0,0,0.6); border-radius: 3px; padding:15px 36px;}

.my-puop2{ display:none; position: fixed; left:50%; top:50%; z-index: 111; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width:85%; }
.my-puop2 .box{ position: relative; display: flex; flex-wrap: wrap; width:100%; border-radius:10px; overflow: hidden; padding:10px 20px; background: #fff;}
.my-puop2 .box .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:6px; top:6px; width:36px; height:36px; z-index: 6;}
.my-puop2 .box .colse img{ width:24px; height:24px;}
.my-puop2 .sect{display:block; width:100%; }
.my-puop2 .er{display: flex; width:100%; align-items: center; padding:20px 0;}
.my-puop2 .er i{display: flex; width:81px; min-width:81px; line-height: 0; margin-right: 12px;}
.my-puop2 .er .r{display: flex; flex-wrap: wrap; flex-direction: column;}
.my-puop2 .er .r span{color:#666; font-size:18px; line-height: 28px;}
.my-puop2 .er .r font{color:#666; font-size:14px; line-height: 14px; margin-top:10px;}
.my-puop2 .div{display: block; width:100%; padding:16px 0 16px 36px; position: relative; border-top: 1px solid #efefef;}
.my-puop2 .div .ino{ display: block; position: absolute; left:0; top:16px;width:24px; height:24px; }
.my-puop2 .div .tit{display: block; width:100%;color:#666; font-size: 16px; line-height: 20px;}
.my-puop2 .div .info{display:flex; align-items: center; width:100%;color:#333; font-size: 16px; line-height: 20px; }
.my-puop2 .div .info img{ width:28px; height:28px; padding:4px; cursor: pointer;margin-left: 6px;}



.my-bg{display: none; width: 100%; height: 100%; position: fixed; left: 0; top:0; z-index: 110; background: #000; opacity:0.4;}
.my-puop1{ display:none; position: fixed; left:50%; top:50%; z-index: 111; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width:1156px; }
.my-puop1 .box{ position: relative; display: flex; flex-wrap: wrap; width:100%;}
.my-puop1 .box .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:8px; top:48px; width:40px; height:40px; z-index: 6;}
.my-puop1 .box .colse img{ width:20px; height:20px;}
.my-puop1 .box .left{ flex-wrap:wrap; display: flex; align-content: flex-start; width: 32%; background:#e31c22; border-radius:70px 0 0 8px; padding:60px 41px 48px 41px; position: relative;}
.my-puop1 .box .left::after{display: block; width:50%; height:40px; position: absolute; left:100%; top:0; background:url(img/ico6.png) left bottom no-repeat; background-size:auto 100% !important; content: '';}
.my-puop1 .box .title{ width:100%; color:#fff; display:block; font-size:32px; line-height:42px; font-weight: bold; border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom: 27px; margin-bottom: 13px; }
.my-puop1 .box .er{display: flex; width:100%; margin-top:46px;}
.my-puop1 .box .er i{display: block; text-align: center; width:104px; line-height: 0; margin-right:24px;}
.my-puop1 .box .er span{display: block; width:100%;color:#fff; font-size:14px; line-height: 24px; margin-top: 4px;}
.my-puop1 .box .div{display: block; width:100%; padding-top:15px;}
.my-puop1 .box .div .tit{display: block; width:100%;color:rgba(255,255,255,0.7); font-size: 16px; line-height: 20px;}
.my-puop1 .box .div .info{display:block; width:100%;color:#fff; font-size:30px; line-height:40px; margin-top: 3px; }


._form4{ width:68%; flex-wrap:wrap; display: flex; align-content: flex-start; justify-content:space-between; padding:26px 40px 48px 40px; background: #f5f5f5; border-radius:0 8px 8px 0; margin-top:40px;}
._form4 .lab{ width:48%; position:relative; flex-wrap:wrap; display: flex;margin-top:20px; }
._form4 .w100{ width:100%;}
._form4 .name{ width:100%; display:block; color: #333; font-size:16px; line-height:20px; margin-bottom:8px;}
._form4 .name span{ color:#fb0202;}
._form4 .lab1{ width:100%; display:block; color: #666; font-size:14px; line-height:24px;margin-top:20px;}
._form4 .lab1 span{ color:#fb0202;}
._form4 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:#fff; border-radius:0; font-size:14px;color: #333; line-height:30px; height:50px; padding:10px 19px;}
._form4 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:#fff; border-radius:3px;  font-size:14px;color: #333; line-height:24px; height:100px; padding:15px 19px;}
._form4 .yanzhengma{ position: absolute; right:0; bottom:0; height:100%; width:110px; object-fit: contain; z-index:6;}
._form4 .submit{  cursor: pointer; width:100%; border:0; background:#e31c22; border-radius:0; font-size:18px;color: #fff; line-height:50px; height:50px;
-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;  
 }
._form4 .submit:hover{ color: #e31c22; background: #fff;}
._form4 ._down{ display:none; position: absolute; left: 0; top:100%; z-index: 8; width: 100%; background: #fff;box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1); padding:14px 0;}
._form4 ._down li{ text-transform: capitalize; display:block; color: #333; font-size:16px; line-height:22px; padding:4px 16px; cursor: pointer;}
._form4 ._down li:hover{ color: #fdd100;}
select{  appearance:none;
  -webkit-appearance:none;
-moz-appearance:none;}


._form4 input::placeholder{color:#888888; opacity:1 !important;}
._form4 textarea::placeholder{color:#888888; opacity:1 !important;}



@media screen and (max-width:1440px) {
.my-puop1 .box .left{ border-radius:70px 0 0 8px; padding:50px 41px 35px 41px; }	
.my-puop1 .box .er{ margin-top:30px;}
.my-puop1 .box .title{ font-size:28px; line-height: 38px;padding-bottom: 25px; margin-bottom: 13px;}
.my-puop1 .box .div{ padding-top:12px;}
.my-puop1 .box .div .info{ font-size:26px; line-height: 36px;}
._form4{padding:20px 40px 35px 40px;}
._form4 .lab{margin-top:15px; }
._form4 .lab{margin-top:15px;}
}
@media screen and (max-width:1270px) {
.my-puop1{ width:92%;}	
}
@media screen and (max-width:1024px) {
.my-puop1 .box .left{ width:100%; padding:20px 15px 0 15px; background: #f5f5f5; border-radius:8px 8px 0 0;}
.my-puop1 .box .colse{ width:30px; height:30px; top:8px; }	
.my-puop1 .box .colse img{ width:18px; height:18px;}
.my-puop1 .box .er{ display:none;}
.my-puop1 .box .div{ display:none;}
.my-puop1 .box .title{color:#e31c22;font-size:20px; line-height:30px; border-bottom:0; padding-bottom: 0; margin-bottom: 0; text-align: center; }
._form4{ margin-top:0; width:100%; border-radius:0 0 8px 8px; padding:0 15px 25px 15px;}
._form4 .lab{margin-top:14px; width:48.5%; }
._form4 .lab1{margin-top:14px; }
._form4 .w100{ width:100%;}
._form4 .name{ font-size:14px;}
._form4 .text{ font-size:14px; line-height:30px; height:40px; padding:5px 12px;}
._form4 .submit{ font-size:16px; line-height:38px; height:40px;}
._form4 .textarea{ padding:9px 12px;}
._form4 .yanzhengma{width:80px; }
}
@media screen and (max-width:767px) {
._form4 .lab:nth-child(3){ width:100%;}
._form4 .lab:nth-child(4){ width:100%;}
}

@-webkit-keyframes rotate {
    0% {
       -webkit-transform:rotate(0deg);
       transform:rotate(0deg);
    }
    100% {
       -webkit-transform:rotate(360deg);
       transform:rotate(360deg);
    }
}



.about2{ position: relative;}
.about2::after{ display: block; content: ''; position: absolute; left:50%; top: 0; width:50%; height:100%; background:#ee1d23;}
.about2 .sect{ display: block; background: #fff; width: 100%; position: relative; z-index: 6; padding:43px 21px 41px 0;}
.about2 .title{ display:flex; align-items: center; position: relative; z-index: 6; padding-left: 65px; left: -158px; margin:-105px 0 0 50%; height:105px; color: #fff; font-size:28px; background: url(img/ico7.png) left center no-repeat; background-size:auto 100% !important;}
.rongyu{ display: block; width: 100%;overflow: hidden;}
.rongyu .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.rongyu .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.rongyu .ul .li{ display: flex; flex-wrap: wrap;width:25%; padding:0 17px 0 0;}
.rongyu .ul .la{ display: flex; flex-wrap: wrap; width:100%;}
.rongyu .ul .la ._img{display: block; width: 100%; position: relative; overflow: hidden; padding-bottom:66.4%; background:#f5f5f5; border-radius: 10px;}
.rongyu .ul .la ._img img{display: block; width: 100%; height:100%; position: absolute; left: 0; top: 0;
	transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.rongyu .ul .la:hover ._img img{transform: scale(1.06); -ms-transform: scale(1.06);}
.rongyu .ul .la .p{ display:block;width:100%; text-align: center; color: #666; font-size:16px; line-height:26px; margin-top:20px; }
.rongyu .ul .la:hover .p{ color:#ee1d23;}
.rongyu .swiper-pagination{ cursor: pointer; display:flex; width: 100%; justify-content: center; margin-top: 35px; }
.rongyu .swiper-pagination-bullet{ cursor: pointer; border-radius:13px; width:13px; height:13px; margin:0 13px; display:block; border:1px solid #666;
-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;  
}
.rongyu .swiper-pagination-bullet-active{  width:39px;background:#ee1d23; border:1px solid #ee1d23; }

.about2 .swiper-prev,
.about2 .swiper-next{ cursor: pointer; width:43px; height:25px; border-radius:6px; display:block;position: absolute;right:0; top:-63px; z-index: 10; background: url(img/ico5.1.png) center no-repeat #fff; background-size:auto 13px !important; border:1px solid #fff; }
.about2 .swiper-prev{ margin-right:64px; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.about2 .swiper-prev:hover,
.about2 .swiper-next:hover{background: url(img/ico5.png) center no-repeat #ee1d23;}


@media screen and (max-width:1600px) {
.about2 .title{padding-left: 65px; left: -158px; margin:-95px 0 0 50%; height:95px; font-size:24px;}	
.rongyu .ul .la .p{ font-size:14px; line-height:24px; margin-top:20px; }
.about2 .swiper-prev,
.about2 .swiper-next{ top:-58px; }
}
@media screen and (max-width:1440px) {
.about2 .title{padding-left: 65px; left: -158px; margin:-75px 0 0 50%; height:75px; font-size:20px;}	
.about2 .swiper-prev,
.about2 .swiper-next{ top:-48px; }
}
@media screen and (max-width:1024px) {
.about2 .title{padding-left:30px; left: -158px; margin:-48px 0 0 50%; height:48px; font-size:18px;}		
.about2 .swiper-prev,
.about2 .swiper-next{ top:-35px; width:36px; height:22px; background-size:auto 10px !important; }
.about2 .swiper-prev{ margin-right:46px;}
.about2 .sect{padding: 30px 0 35px 0;}
.rongyu .ul .li{ padding:0 15px 0 0;}
.rongyu .ul .la .p{ margin-top:15px; }
.rongyu .swiper-pagination{  margin-top:20px; }
.rongyu .swiper-pagination-bullet{ border-radius:10px; width:10px; height:10px; margin:0 8px;}
.rongyu .swiper-pagination-bullet-active{  width:20px; }
}
@media screen and (max-width:767px) {
.rongyu .ul .li{ width: 50%;}


}





@media screen and (min-width:767px) {
._pop video{ width:60vw;}


}
@media screen and (max-width:767px) {
._html_con{ width:100%;}
}


/*250805end*/


a.none_important{display:none !important;}