@charset "UTF-8";
html{
  font-size:6.25vw;
}
@media screen and  (min-width:1600px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}


html {
  scrollbar-width: thin;
  scrollbar-color: #2b4e9f #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:0.75rem;padding-right:0.75rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left:16px;padding-right:16px;}
}





/*PC head*/
.t_navs{ position:fixed; left:0; top:0; z-index: 100; width: 100%;  }
.t_navs .top{ position:relative; z-index: 100; width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; height:0.9rem;padding:0 0.49rem; background:#fff;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:0.53rem;}
.t_navs .logo .img1{ display: block;}
.t_navs .logo .img2{ display: none;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .menu{float: left;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin:0 0.66rem 0 0;}
.t_navs .menu .nli span a{ display: block;position: relative;line-height:0.9rem; font-size:calc(14px + 0.04rem);color: #666666; }
.t_navs .menu .nli span a::after{ content:''; display: block; position: absolute; left:50%; bottom:0.1rem; height:2px; width:0; background:#2b4e9f; transform: translateX(-50%); -ms-transform: translateX(-50%);  }
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{color: #2b4e9f;}
.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%;z-index: 10;padding-top:0.15rem;}
.t_navs .sub .u1{display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; background:#fff; width:100%;}
.t_navs .sub .u1::after{ position: absolute; bottom: 100%; content: ''; border-left:7px solid transparent; border-right:7px solid transparent;border-bottom: 9px solid #fff; transform: translateX(-50%); -ms-transform: translateX(-50%); }
.t_navs .sub .u1 .l1{ display: block; width:100%;}
.t_navs .sub .u1 .l1 .a1{ display: block; width:100%; color: #444444; line-height:calc(22px + 0.04rem); font-size:calc(14px + 0.02rem); padding:5px 0;}
.t_navs .sub .u1 .l1 .a1:hover{color: #2b4e9f;}
.t_navs .sub .u1 .l1 .dl{display: block;justify-content: space-between;width:100%;border-top:1px solid #dfdfdf;margin-top:9px;}
.t_navs .sub .u1 .l1 .dd{display: block;width:100%;padding:7px 0 0.33rem 0;}
.t_navs .sub .u1 .l1 .a2{display: block;width: 100%;color: #666666;line-height:24px;font-size:14px;margin-top:0.12rem;}
.t_navs .sub .u1 .l1 .a2:hover{color: #2b4e9f; text-decoration: underline;}
.t_navs .sub .u1 .l3{ display: block; width:37%;}
.t_navs .sub .u1 .l3 .a3{ display: block; width:100%; color: #666666; line-height:calc(22px + 0.04rem); font-size:calc(14px + 0.02rem);  margin-bottom: 0.1rem;}
.t_navs .sub .u1 .l3 .a3:hover{color: #2b4e9f; text-decoration: underline;}
.t_navs .sub .u1 .l4{display: block; width:60%;}
.t_navs .sub .u1 .l4 ._img{ padding-bottom: 67%;}
.t_navs .sub2 .u1 .l1:nth-child(2n+1) dl dd{
    display: flex;
    flex-wrap: wrap;
}
.t_navs .sub2 .u1 .l1:nth-child(2n+1) .a2{
    width:50%;
}
.t_navs .sub2{width: 780px;left:0;} 
.t_navs .sub2 .u1{ padding:0.42rem 64px 0.46rem 54px;} 
.t_navs .sub2 .u1::after{ left:37px; }
.t_navs .sub2 .u1 .l1:nth-child(2n+1){width: 62%;} 
.t_navs .sub2 .u1 .l1:nth-child(2n){width: 33%;} 
.t_navs .sub2 .u1 .l1{ width:33%;} 
.t_navs .sub3{ width:387px; right:0; } 
.t_navs .sub3 .u1{ padding:0.28rem 29px 0.39rem 35px; } 
.t_navs .sub3 .u1::after{ right:37px; transform: translateX(50%); -ms-transform: translateX(50%); }

.t_navs .ss_search{float: left; display:flex; }
.t_navs .ss_search ._t{ cursor: pointer; display:flex; height:0.9rem; width:29px; background: url(img/_search1.svg) right center no-repeat; background-size:20px auto !important;}
.t_navs ._b{width: 100%;height: 120px;background: #fff;box-shadow:0 2px 6px rgba(0,0,0,0.1);z-index: 99;position: fixed;left: 0;top:0.9rem;display: none;}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); padding: 0 45px 0 12px;border: 1px solid #eee;}
.t_navs ._b .input input{width: 100%;height: 44px;display: block;font-size: 16px;color: #333;}
.t_navs ._b .input input::placeholder{color:#a8a8a8; opacity:1 !important;}
.t_navs ._b .input img{width: 20px;display: block;position: absolute;right: 12px;top: 50%;transform: translate(0,-50%);cursor: pointer;}


.t_navs.act .top{ box-shadow:0 0 9px rgba(0,0,0,0.07);}
.t_navs.act .sub .u1{box-shadow:0 0 9px rgba(0,0,0,0.07);}


.t_navs.bct{ transform: translateY(-100%); -ms-transform: translateY(-100%); }
.t_navs.bct .top{ box-shadow:none; }


@media screen and (max-width:1600px) {
.t_navs .menu .nli{ margin:0 0.54rem 0 0;}
}
@media screen and (max-width:1440px) {
.t_navs .menu .nli{ margin:0 0.44rem 0 0;}
.t_navs .sub2{ width: 640px;} 
.t_navs .sub2 .u1{ padding:0.42rem 40px 0.46rem 40px;} 
}
@media screen and (max-width:1270px) {
.t_navs .menu .nli{ margin:0 0.34rem 0 0;}
.t_navs .sub2{ width: 600px;} 
.t_navs .sub2 .u1{ padding:0.42rem 40px 0.46rem 40px;} 
}
@media screen and (max-width:1024px) {
.t_navs .top{ padding:0 15px;}
.t_navs .menu{ display: none;}
.t_navs .top{ height:50px;}
.t_navs .logo img{ width: auto; height:30px;}
.t_navs .ss_search{ display:none;}
}


.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: #666666;
-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: #666666;
-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 80px 15px; overflow-y: auto;}
.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 .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 .a1:hover{ color: #2b4e9f;}
.xialaph .on .a1{ color: #2b4e9f;}
.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:2px;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 0 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:14px;color: #666;line-height:24px;padding:4px 20px 4px 0;}
.xialaph .u2 .a2:hover{ color: #2b4e9f;}
.xialaph .on .a2{ color:#2b4e9f;}
.xialaph .u3{width: 100%;padding:10px 0 2px 15px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block;}
.xialaph .u3 .l3 .a3{ width: 100%;display: block; font-size:14px;color: #666;line-height:24px; padding:2px 0;}
.xialaph .u3 .l3 .a3:hover{ color: #2b4e9f;}
.xialaph .input_box{width: 100%;border-bottom: 1px solid rgba(0,0,0,0.1);margin-top:15px;position: relative;}
.xialaph .input_box input{width: 100%;height:50px;padding-right: 60px;font-size: 16px;color: #333;}
.xialaph .input_box input::placeholder{color:#a8a8a8; opacity:1 !important;}
.xialaph .input_box img{width:40px;cursor: pointer;position: absolute;right: 0;top:5px; padding:10px;}


.footer1{ background:#0b0b0b; position: relative; z-index: 6;}
.footer1 .top{ display:flex; flex-wrap: wrap; justify-content: space-between; padding:72px 0 52px 0; }
.footer1 .title{ display:block; width:100%; color:#fff; font-size:calc(14px + 0.12rem); line-height:calc(22px + 0.14rem); padding-bottom:0.17rem;}
.footer1 .title p img{max-width: 80%;}
.footer1 .addr{ display: flex; flex-wrap: wrap; width: 300px;}
.footer1 .addr .div{ display: flex; flex-wrap: wrap; flex-direction: column; margin-top: 0.2rem; padding:0 0 0 49px; position: relative;}
.footer1 .addr .words{ display:block; width:100%; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.02rem); margin-top:4px;}
.footer1 .addr .info{ display:block; width:100%;color:rgba(193,193,193,0.9); font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.02rem);}
.footer1 .addr .ico{ width:40px; height:40px; display: flex; align-items: center; justify-content: center; border:1px solid rgba(255,255,255,0.3); border-radius: 50%; overflow: hidden; position: absolute; left: 0; top:5px; }
.footer1 .addr .ico img{ width:24px; height:24px;}
.footer1 .nav{ display: flex; flex-direction: column; min-width: 1.7rem; margin-left:0.54rem;}
.footer1 .nav:first-child{ margin-left:0 !important;}
.footer1 .nav .u2{ display: flex; flex-direction: column; padding-top:4px;}
.footer1 .nav .a1{ display:inline-flex; color:rgba(255,255,255,0.9); font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem); padding-bottom: 0.15rem; border-bottom:1px solid rgba(255,255,255,0.2);}
.footer1 .nav .a2{ display:inline-flex;color:rgba(193,193,193,0.9); font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem); margin-top:0.01rem;}
.footer1 .nav .a2:hover{ color:rgba(255,255,255,1); }
.footer1 .er{ display:flex; flex-wrap: wrap; width:130px; margin:0.24rem 0 0 0; }
.footer1 .er i{ display:block; width:100%; line-height: 0;}
.footer1 .er span{ display:block; width:100%; text-align:center; margin-top:9px;color:rgba(193,193,193,0.9); font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem);}
.footer1 .left{ display:inline-flex; flex-wrap: wrap; align-items: flex-start;justify-content: space-between; width: 5.08rem; }
.footer1 .right{ display:inline-flex; flex-wrap: wrap; align-items: flex-start;}
.footer1 .down{ display:flex; flex-wrap: wrap; width:100%; justify-content: space-between; padding:28px 0;border-top:1px solid #383838;}
.footer1 .Copyright{ display:block; color:rgba(255,255,255,0.4); font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem);}
.footer1 .Copyright a{color:rgba(255,255,255,0.4); margin-left: 5px;}
.footer1 .Copyright a:hover{color:rgba(255,255,255,1);}
.footer1 .sjkf{ display: inline-flex;color:rgba(255,255,255,0.4); font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem);}
.footer1 .sjkf i{ padding:0 5px; font-size:12px;}
.footer1 .sjkf a{color: #959595; }
.footer1 .sjkf a:hover{color:rgba(255,255,255,1)}
.footer1 .links{ display: flex; width: 100%;color:rgba(255,255,255,0.4); font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem);padding:24px 0;}
.footer1 .links span{ white-space: nowrap;}
.footer1 .links .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 11px); margin-right: -11px;}
.footer1 .links .ul li{ margin-right: 11px;}
.footer1 .links .ul a{color:rgba(255,255,255,0.4);}
.footer1 .links .ul a:hover{color:rgba(255,255,255,1);}



@media screen and (max-width:1440px) {
.footer1 .nav{ min-width:110px; margin-left:0.54rem;}
.footer1 .er{ width:100px; margin:0.24rem 0 0 0; }
.footer1 .left{ width:460px; }
}
@media screen and (max-width:1270px) {
.footer1 .nav{ min-width:initial; margin-left:0.54rem;}
.footer1 .er{ width:100px; margin:0.24rem 0 0 0; }
.footer1 .left{ width:420px; }
}
@media (max-width: 1024px){
.footer1 .top{ padding:30px 0 5px 0;}
.footer1 .nav{ display:none;}
.footer1 .left{ width:100%; position: relative; }
.footer1 .addr{ width: 100%;}
.footer1 .addr .div{ margin-top: 12px;width: 100%;}
.footer1 .er{ position: absolute; right: 0; top: 0; margin-top:45px;}
.footer1 .er span{ display:none;}
.footer1 .title{ padding-bottom: 4px;}
.footer1 .title p img{max-width: 60%;}

}
@media (max-width: 767px){
.footer1 .links{ flex-wrap: wrap;}
.footer1 .down{ justify-content: center; text-align: center;}
}






.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; width:100%;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%;}
.index-banner .div{ width:100%; line-height: 0;}
.index-banner .pc_show1{ width:100%;}
.index-banner .ph_show1{ width:100%;}
.index-banner .box{ display: block; width:100%; position: absolute; left: 0; top:44.4%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.index-banner .box .pic{ display: block; width:56.75%;}
.index-banner .box .cont{ display: block; width:100%;}
.index-banner .box .tit1{ display: block; width:100%; color: #fff; font-size:0.6rem; line-height:0.7rem;}
.index-banner .box .tit2{ display: block; width:30%;text-indent: 2em; text-align: justify;color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.12rem); margin-top: 0.32rem;}
.index-banner .box ._btn{ margin-top: 1.2rem;}

.index-banner .swiper-pagination{ cursor: pointer; display:flex;position: absolute;left:0; bottom:0.46rem; z-index: 10; justify-content: center; width:100%; }
.index-banner .swiper-pagination-bullet{ cursor: pointer; border-radius:6px 0 6px 0; width:36px; height:12px; margin:0 12px; display:block; border: 1px solid #fff; }
.index-banner .swiper-pagination-bullet-active{ background: #2b4e9f;  border: 1px solid #2b4e9f;}


@media screen and (max-width:1024px) {
.index-banner .swiper-pagination{ bottom:20px;}
.index-banner .swiper-pagination-bullet{border-radius:3px 0 6px 0; width:18px; height:6px; margin:0 6px;}
.index-banner .box .tit1{font-size:20px; line-height:30px;}
.index-banner .box .tit2{ font-size:14px; line-height: 24px;margin-top:5px;width: 100%;}
.index-banner .box ._btn{ margin-top:20px;}
}
@media screen and (max-width:767px) {
.index-banner .box{ top:60px; transform: translateY(0); -ms-transform: translateY(0);}
.index-banner .box .tit2 br{ display: none;}

}



.pf-right{display:block; z-index:13; position:fixed; right:0.3rem; bottom:12vh; width:0.66rem;}
.pf-right .li{ position: relative; display: block; width:100%; margin-top:10px;}
.pf-right .li .a{ display:flex; flex-wrap:wrap; width:100%; background: #fff; justify-content: center; align-items: center; line-height: 0; width:100%; padding:0.11rem 4px; box-shadow:0 0 9px rgba(0,0,0,0.07);}
.pf-right .li .a img{ width:0.31rem; height:0.31rem;}
.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: #333; font-size:calc(14px + 0.02rem); line-height:1; margin-top:5px;}
.pf-right .li:hover .a{background: #1d2088;}
.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 .tel{ display:none; position: absolute; right:100%; top:50%; background: #fff; color: #333; font-size:calc(14px + 0.04rem); line-height:0.6rem; padding:0 0.3rem;box-shadow:0 0 7px rgba(0,0,0,0.07); transform: translateY(-50%); -ms-transform: translateY(-50%); white-space: nowrap; box-shadow:0 0 9px rgba(0,0,0,0.07);}
.pf-right .er{ display: none; position: absolute; right:100%; top:50%; width:113px; background: #fff; line-height:0; overflow: hidden; box-shadow:0 0 9px rgba(0,0,0,0.07); transform: translateY(-50%); -ms-transform: translateY(-50%);}
.pf-right .li:hover .tel{ display:block; margin-right: 10px;}
.pf-right .li:hover .er{ display:block; margin-right: 10px;}


@media screen and (max-width:1780px) {
.pf-right{ right:0.08rem; width:0.56rem;}
.pf-right .li{ margin-top:8px;}
.pf-right .li .a{ padding:0.08rem 4px;}
.pf-right .li .a img{ width:0.26rem; height:0.26rem;}
.pf-right .li .a span{ font-size:14px; margin-top:3px;}
}	
@media screen and (max-width:1024px) {
.pf-right{ display:none !important;}
}

.wap_hei{ display: none; width: 100%;height:54px;}
.wap_down{ display: none; width: 100%;background: #fff; box-shadow:0 0 9px rgba(0,0,0,0.07);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:20%;float: left;text-align: center;}
.wap_down li a{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: center;padding:8px 0;height:54px;}
.wap_down li .d_name{width: 100%;float: left;margin-top:2px;font-size:14px;color: #333;line-height: 14px;}
.wap_down li .ico{ width: 100%; line-height: 0;} 
.wap_down li .ico img{ width:22px; height:22px; margin:0 auto;}
.wap_down li .ico .img1{ display: block; }
.wap_down li .ico .img2{ display: none; }
.wap_down li a:hover .ico .img1{ display: none; }
.wap_down li a:hover .ico .img2{ display: block; }
.wap_down li a:hover{background: #1d2088;}
.wap_down li a:hover .d_name{color: #fff;}

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

}

.tit34{ width: 100%; color: #333333; font-size: 0.34rem; line-height:0.44rem;}
.tit46{ width: 100%; color: #333333; font-size: 0.46rem; line-height:0.56rem;}
._btn{ display: flex; flex-wrap: wrap; width: 100%;}
._btn .a{ display:inline-flex; align-items: center; justify-content: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:1; height:50px; border:1px solid #fff; border-radius:10px; width:150px; }
._btn .a span{ padding-bottom:2px; margin:0 25px 0 6px;}
._btn .a i{ display: block; width:13px; height:13px; background: url(img/ico4.png) center no-repeat; background-size:auto 100% !important;}
._btn .a:hover{ color: #fff; background: #2b4e9f; border:1px solid #2b4e9f;}
._btn1{ display: inline-flex;}
._btn1 .a{ display:inline-flex; align-items: center; justify-content: center; color: #2b4e9f; font-size:calc(14px + 0.02rem); line-height:1; height:50px; border:1px solid #2b4e9f; border-radius:10px; width:150px; }
._btn1 .a span{ padding-bottom:2px; margin:0 23px 0 6px;}
._btn1 .a i{ display: block; width:13px; height:13px; background: url(img/ico4.1.png) center no-repeat; background-size:auto 100% !important;}
._btn1 .a:hover{background: #2b4e9f; color: #fff;}
._btn1 .a:hover i{ background: url(img/ico4.png) center no-repeat;}
._btn2{ display: inline-flex; flex-wrap: wrap; width: 100%;}
._btn2 .a{ display:inline-flex; align-items: center; justify-content: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:1; height:50px; border:1px solid #2b4e9f;background: #2b4e9f; border-radius:10px; width:150px; }
._btn2 .a span{ padding-bottom:2px; margin:0 23px 0 6px;}
._btn2 .a i{ display: block; width:13px; height:13px; background: url(img/ico4.png) center no-repeat; background-size:auto 100% !important;}
._btn2 .a:hover{background:none; color: #2b4e9f;}
._btn2 .a:hover i{ background: url(img/ico4.1.png) center no-repeat;}


@media screen and (max-width:1024px) {
.tit34{ font-size:18px; line-height:28px;}	
.tit46{ font-size:20px; line-height:30px;}	
._btn .a{ width:120px; height:36px;}
._btn .a span{ padding-bottom:2px; margin:0 8px 0 4px;}
._btn1 .a{ width:120px; height:36px;}
._btn1 .a span{ padding-bottom:2px; margin:0 8px 0 4px;}
._btn2 .a{ width:120px; height:36px;}
._btn2 .a span{ padding-bottom:2px; margin:0 8px 0 4px;}
}






.inbaner{ position: relative; line-height:0; overflow: hidden;}
.inbaner .div{ display:block; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.banbox{ width:100%; position: absolute; left:0; top:40.78%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banbox .cont{ display: block; width: 100%;}
.banbox .tit1{ width:100%; font-weight: bold; color: #fff; font-size:0.45rem; line-height:0.55rem; }
.mbxbox{ display: flex; flex-wrap: wrap; justify-content:space-between; align-items: flex-start;}
.mbxbox1{ justify-content: flex-end;}
.mbx{ display: block; color: #666666; text-align: center;font-size:14px; line-height:24px; padding-top:22px;}
.mbx a{ color: #666666;}
.mbx i{ padding:0 7px;}
.mbx a:hover{ color: #2b4e9f;}


@media screen and (max-width:1024px) {
.banbox .tit1{font-size:20px; line-height:30px;}
.mbx{ display:none;}
}


.slidebox{ width:100%;}
.slidebox1{ position: fixed; left: 0; top:0; z-index:30; background: #fff;}
.slide1{ display:inline-flex;}
.slide1 .ul{ display:inline-flex;;}
.slide1 .li{ display:inline-flex; margin-right: 0.72rem;}
.slide1 .li:last-child{ margin-right:0 !important;}
.slide1 .li .la{ position: relative; z-index: 6; display: flex; flex-wrap: wrap; align-items:center; justify-content: center;color: #666666;font-size:calc(14px + 0.04rem); line-height:1.4; height:68px; padding:12px 0;}
.slide1 .li .la::after{ display: block; content:''; position: absolute; left:50%; bottom:0; width:0; height:2px; content:''; background: #2b4e9f; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.slide1 .li:hover .la{ color: #2b4e9f;}
.slide1 .li.on .la{ color: #2b4e9f;}
.slide1 .li .la.active{ color: #2b4e9f;}
.slide1 .li.on .la::after{width: 100%;}
.slide1 .li .la.active::after{width: 100%;}

@media screen and (max-width:1024px) {
.slide1{ width: 100%;}		
.slide1 .ul{ width: 100%; justify-content:center;}		
.slide1 .li{ margin-right:20px;}	
.slide1 .li .la{ padding:8px 0; font-size:14px; height:44px;}
}
@media screen and (max-width:767px) {
.slide1-1{ width: 100%;}	
.slide1-1 .ul{ width: 100%; justify-content: space-between;}	
.slide1-1 .li{ margin-right:0;}
}



._shipin{ display: block; width: 100%; padding:30px 0 35px 0;}
._shipin .ul{ display: flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:0 -0.15rem; }
._shipin .li{ display: flex; flex-wrap: wrap; width:33.33%; padding:0.15rem;}
._shipin .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; overflow: hidden;  cursor: pointer;}
._shipin .a .img{ position: relative; z-index: 2; width:100%; display: block; padding-bottom:66.47%; line-height: 0; overflow: hidden;}
._shipin .a .img img{ position: absolute; left:0; top:0; z-index: 2; width:100%; height: 100%; object-fit: cover;}
._shipin .a .paly{ position: absolute; left:50%; top:50%; width: 47px; height: 47px; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index: 6;}
._shipin .a .tit{ position: absolute; left:0; bottom:0.22rem; z-index: 6; color: #fff; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.06rem); padding:0 0.22rem; width: 100%; text-align: center;}
._shipin .a:hover .img img{ transform:scale(1.1); -ms-transform:scale(1.1);}

@media  screen and (max-width:1024px){
._shipin{ padding:18px 0 23px 0;}	
._shipin .ul{ width:calc(100% + 14px); margin:0 -7px; }	
._shipin .li{ padding:7px;}
._shipin .li{ width:50%;}
._shipin .a .tit{ padding:0 12px;bottom:12px;}
._shipin .a .paly{ width:30px; height:30px;}
}
@media  screen and (max-width:767px){
._shipin .li{ width:100%;}
}



.lits04{ display: block; width: 100%; padding:20px 0 50px 0;}
.lits04 .u2{ display:block; width: 100%;}
.lits04 .u2 .li{ display:block; width: 100%; margin-top: 30px;}
.lits04 .u2 .a{ display:flex; align-items:center; width: 100%; padding:29px 29px; background: #fff; position: relative;}
.lits04 .u2 .a::after{ display: block; content: ''; position: absolute; right:-0.55rem; top:-0.34rem; width:100%; height:5.17rem; z-index: 1; background: url(img/ico5.png) right center no-repeat; background-size:auto 5.17rem !important;}
.lits04 .u2 .a .time{ display:flex; flex-direction: column;  color: #bebebe; line-height:1; position: absolute; right:0.26rem; top: 0; z-index: 1;}
.lits04 .u2 .a .time time{font-size:calc(14px + 0.36rem);}
.lits04 .u2 .a .time span{font-size:calc(14px + 0.1rem); margin-top:12px;}
.lits04 .u2 .a .tit{ width: 100%; color: #333;font-size:calc(14px + 0.12rem); line-height: calc(22px + 0.14rem);}
.lits04 .u2 .a .p{ width: 100%; color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.08rem); height:calc(66px + 0.18rem); margin-top: 0.19rem;}
.lits04 .u2 .a .pic{ display:block; width:5.06rem; min-width:5.06rem; overflow: hidden; margin-right: 0.4rem;}
.lits04 .u2 .a ._img{ padding-bottom:59%;}
.lits04 .u2 .a .cont{width: 100%; padding:0 2.66rem 0.12rem 0;}
.lits04 .u2 .a .ico{display:inline-flex; color:#a5a5a5; font-size:14px; line-height: 32px; background: url(img/right.png) right center no-repeat; background-size:auto 100% !important; margin-top: 0.5rem; padding-right:48px;}
.lits04 .u2 .a:hover .ico{color: #fff; background: url(img/right3.png) right center no-repeat;}
.lits04 .u2 .a:hover{ background: #2b4e9f;}
.lits04 .u2 .a:hover .tit{ color: #fff;}
.lits04 .u2 .a:hover .p{ color: #fff;}
.lits04 .u2 .a:hover .time{ color: #fff;}


@media screen and (max-width:1024px) {
.lits04{padding: 8px 0 30px 0;}	
.lits04 .u2 .li{ margin-top:14px;}
.lits04 .u2 .a{padding:12px;}	
.lits04 .u2 .a .ico{ line-height:24px; padding-right: 32px; margin-top:10px}
.lits04 .u2 .a .tit{ font-size:16px; line-height:24px;}
.lits04 .u2 .a .p{ font-size:14px; line-height:22px; height:66px; margin-top:4px;}
.lits04 .u2 .a .pic{ width:220px; min-width:220px; margin-right:14px;}
.lits04 .u2 .a .cont{width: 100%; padding:0 60px 0 0;}
.lits04 .u2 .a .time{right:0;}
.lits04 .u2 .a .time time{font-size:17px;}
.lits04 .u2 .a .time span{font-size:14px; margin-top:6px;}
}
@media screen and (max-width:767px) {
.lits04 .u2 .a{ flex-wrap: wrap;}
.lits04 .u2 .a .pic{ width:100%; min-width:100%; margin:0;}
.lits04 .u2 .a .time{right: 0; top: auto; bottom:8px; flex-direction: row; align-items: flex-end;}
.lits04 .u2 .a .time time{}
.lits04 .u2 .a .time span{ margin:0 0 0 6px;}
.lits04 .u2 .a .cont{ padding:15px 0 5px 0;}
}




.boxs1{width: 100%;}
.boxs1 h2{width: 100%;padding:0 0 0 15px;font-size:28px;color: #333333;line-height:28px; display: block; position: relative;}
.boxs1 h2::after{ display: block; content: ''; position: absolute; left:0; top:2px; width: 3px; height: 27px; background:#2b4e9f;}
.boxs1 ul{width: 100%;}
.boxs1 li{width: 100%; padding:30px 0; border-bottom: 1px solid #e1e1e1; position: relative;}
.boxs1 li::after{ display: block; content: ''; position: absolute; left:0; bottom:-1px; width: 0; height:1px; background:#2b4e9f;}
.boxs1 a{display:flex; align-items: center; justify-content: space-between; width: 100%;}
.boxs1 .picbox{width:1.94rem;min-width:1.94rem; margin-right: 0.2rem;}
.boxs1 .pic{ width: 100%; padding-bottom: 58.76%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.boxs1 .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -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;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.boxs1:hover a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.boxs1 .wordsbox{width:100%;}
.boxs1 .tit{width:100%;font-size: calc(14px + 0.04rem);color: #333333;line-height: calc(20px + 0.06rem);margin-bottom:0.2rem;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.boxs1 .date{width:100%;font-size: 14px;color: #666666;line-height: calc(20px + 0.02rem); opacity: 0.49;}
.boxs1 a:hover .tit{color: #2b4e9f;}
.boxs1 li:hover::after{width:100%;}

@media screen and (max-width:1440px) {
.boxs1 .picbox{width:1.74rem;min-width:1.74rem; margin-right: 0.2rem;}
.boxs1 .tit{font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.04rem);margin-bottom:0.1rem;}
.boxs1 h2{font-size:20px;line-height:20px; }
.boxs1 h2::after{ width: 3px; height:20px; }
.boxs1 li{ padding:14px 0;}	
}
@media screen and (max-width:767px) {
.boxs1 .picbox{width:130px;min-width:130px; margin-right:14px;}
.boxs1 .tit{font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.04rem);margin-bottom:4px;}
}


.newsbox{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; margin-top:18px;}
.newsbox .left{ display: block; width:26.6%; margin-top: 0.62rem;}
.newsbox .right{ display: block; width:68.9%;}
.newsbox .cont{ display: block; width: 100%; padding:20px 0 42px 0;color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.14rem);}
.newsbox .title{ display: block; width: 100%; color: #231815;font-size:calc(14px + 0.16rem); line-height: calc(22px + 0.18rem);}
.newsbox .info{ display:flex; flex-wrap: wrap; width: 100%; color: #7a7a7a;font-size:14px; line-height: 24px; border-bottom: 1px solid #e2e2e2; padding:26px 0;}
.newsbox .s{ display: flex; align-items: center; margin-top:5px;}
.newsbox .s img{ width:22px; height:22px; margin-right:8px;}
.newsbox .s:nth-child(1){ margin-right: 0.84rem;}
.newsbox .s:nth-child(2){ margin-right: 0.94rem;}
.newsbox .cont{ display: block; width: 100%; padding:18px 0 42px 0;}
.newsbox ._page{ display: flex; justify-content: space-between; width: 100%; align-items: center; padding:33px 0 0 0;border-top:1px solid #e2e2e2;}
.newsbox ._page .la{ width: calc(100% - 140px);}
.newsbox ._page .la a{ width: 100%; color: #666666; font-size:14px; line-height:28px; display:block; overflow: hidden;white-space: nowrap; text-overflow:ellipsis;}
.newsbox ._page .la a:hover{ color:#2b4e9f;}
.newsbox .btn{ display:inline-flex; align-items: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:1; height: 42px; border:1px solid #2b4e9f;background: #2b4e9f; border-radius:10px; padding:0 20px; white-space: nowrap; }
.newsbox .btn i{ display: block; width:18px; height:18px; margin-right:10px; background: url(img/ico6.svg) center no-repeat; background-size: 100% auto !important;}
.newsbox .btn:hover{ color: #2b4e9f; background:none;}
.newsbox .btn:hover i{background: url(img/ico6.1.svg) center no-repeat;}


@media screen and (max-width:1024px) {
.newsbox .left{ width: 100%; margin-top:25px;}
.newsbox .right{ width: 100%;}
.newsbox .info{padding:10px 0 20px 0;}
.newsbox .cont{padding:20px 0 26px 0;}
.newsbox .btn{ font-size:14px; height:36px; border-radius:16px 0 16px 0; padding:0 15px;}
.newsbox .btn i{ width:16px; height:16px; margin-right:6px;}
.newsbox ._page{ padding:20px 0 0 0;}
.newsbox ._page .la{ width: calc(100% - 125px);}

}
@media screen and (max-width:767px) {
.newsbox .s .pc{ display:none;}	
.newsbox.s:nth-child(1){ width: 100%; margin-right: 0;}
.newsbox.s:nth-child(2){ margin-right:20px;}
.newsbox.s img{ width:20px; height:20px; margin-right:6px;}
}



.Contact2{ width:100%;}
.Contact2 .box{ display: flex; justify-content: space-between;background:#fff; width:100%; margin-top:45px;}
.Contact2 .left{ display: block; width:478px; min-width: 478px; padding:51px 45px 59px 50px;background: url(img/ico18.jpg) center no-repeat; background-size:cover;}
.Contact2 .title{ display:block; width:100%; color: #fff; font-size:calc(14px + 0.2rem); line-height:calc(22px + 0.22rem);text-align: center;
    font-weight: 600;}
.Contact2 .addr{ display: block; width:100%; padding: 0.1rem 0.2rem 0 0;}
.Contact2 .addr .div{ display: flex; flex-wrap: wrap; flex-direction: column; margin-top: 0.4rem; /**padding:0 0 0 49px;**/ position: relative;}
.Contact2 .addr .words{ display:block; width:100%; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.02rem); margin-top:10px;}
.Contact2 .addr .info{ display:block; width:100%;color:#fff; font-size:calc(24px + 0.02rem); line-height:calc(20px + 0.02rem);font-weight: 600;}
.Contact2 .addr .ico{ width:40px; height:40px; display: flex; align-items: center; justify-content: center; border:1px solid rgba(255,255,255,0.3); border-radius: 50%; overflow: hidden; position: absolute; left: 0; top:5px; }
.Contact2 .addr .ico img{ width:24px; height:24px;}
.Contact2 .er{ display:flex; flex-wrap: nowrap; width:380px; margin:0.39rem 0 0 0;  display: flex;
    flex-direction: column; /* 垂直排列子元素 */
    align-items: center;    /* 水平居中 */
    justify-content: center; /* 垂直居中（可选） */
    text-align: center;     /* 确保文本也居中 */}
.Contact2 .er i{ display:block; width:150px; line-height: 0;}
.Contact2 .er i img {
    display: block; /* 消除图片底部间隙 */
    max-width: 100%; /* 防止图片溢出 */
    height: auto; /* 保持比例 */
}
.Contact2 .er span{ display:block; width:100%; text-align:center; margin-top:13px;color:#fff; font-size:calc(14px + 0.02rem); line-height:24px;padding: 10px;letter-spacing: .01rem;}
.Contact2 .ino{ display:block; line-height:0; text-align: right; margin-top:-10px;}
.Contact2 .ino  img{ height:0.76rem;}


@media screen and (max-width:1024px) {
.Contact2 .box{ flex-wrap: wrap; margin-top:30px;}
.Contact2 .left{ width:100%; min-width: 100%; padding:30px 20px;}
.Contact2 .ino  img{ height:46px;}
.Contact2 .addr{ padding:5px 0 0 0;}
.Contact2 .addr .div{ margin-top: 10px;}
.Contact2 .er{ margin:20px 0 0 0; }
}


._form3{ width:100%; flex-wrap:wrap; display: flex; align-content: flex-start; justify-content:space-between; padding:42px 53px 51px 48px;}
._form3 .lab{ width:48.5%; position:relative; display: flex; flex-wrap: wrap; margin-bottom:0.26rem; }
._form3 .lab3{ margin-bottom:0.14rem;}
._form3 .lab2{ width:100%; position:relative; display: flex; flex-wrap: wrap; margin-bottom:0.29rem; }
._form3 .w100{ width:100%;}
._form3 .name{ width:100%; display:block; color: #333; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); padding-bottom:0.1rem;}
._form3 .name span{ color: #ff2525;}
._form3 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:#f5f5f5; font-size:calc(14px + 0.02rem);color: #333; line-height:36px; height:56px; padding:10px 19px; border-radius: 3px;}
._form3 .text:focus{ background: #f5f5f5;}
._form3 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:#f5f5f5; font-size:calc(14px + 0.02rem);color: #333; line-height:26px; height:151px; padding:15px 19px;border-radius: 3px;}
._form3 .textarea:focus{ background: #f5f5f5;}
._form3 .yanzhengma{ position: absolute; right:0; top:0; width:128px; height:56px; object-fit: contain; z-index:6;}
._form3 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:calc(14px + 0.04rem); color: #2b4e9f; height:56px; padding-bottom: 1px; background:none; border:1px solid #2b4e9f; border-radius:3px;}
._form3 .submit:hover{ background: #2b4e9f; color: #fff;}
._form3 .lab1{ width:100%; display: block; color:#666; font-size:14px; line-height: 24px;}
._form3 .lab1 span{ color: #ff2525;}

._form3 input::placeholder{color:#bbb9b9; opacity:1 !important;}
._form3 textarea::placeholder{color:#bbb9b9; opacity:1 !important;}

.duoxuan{padding-right: 15px;font-size: 18px;}
.duoxuan1{width: 15px;height: 15px;}



@media screen and (max-width:1024px) {
._form3{ width:100%; padding:20px 15px 25px 15px;}
._form3 .lab{ margin-bottom: 14px;}
._form3 .lab2{ margin-bottom: 14px;}
._form3 .lab3{ margin-bottom: 10px;}
._form3 .name{  font-size:14px;padding-bottom: 6px;}
._form3 .text{ font-size:14px; height:40px; padding:7px 12px;}
._form3 .yanzhengma{width:91px; height:40px;}
._form3 .textarea{ font-size:14px; padding:7px 12px;}
._form3 .submit{ height:40px;}
}


.jishu{ display: flex; align-items:flex-start; justify-content: space-between; width:100%; margin-top:45px;}
.jishu .left{ display: block; width:268px; min-width: 268px; margin-right:0.51rem;}
.jishu .right{ display:block;background:#fff; width:100%; padding:0.55rem 0.6rem 0.62rem 0.6rem;color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.14rem);}


@media screen and (max-width:1024px) {
.jishu{ flex-wrap: wrap; margin-top:30px;}
.jishu .left{ width:100%; min-width: 100%; margin:0 0 20px 0;}
.jishu .right{ padding:25px 15px 30px 15px;}
}



.slide2{ display:block; width: 100%;}
.slide2 ul{ display:block; width: 100%;}
.slide2 li{ display:block; width: 100%;; margin-bottom:5px;}
.slide2 li a{ display:block; width: 100%; background: #fff; color: #444444;font-size:calc(14px + 0.02rem); line-height:32px; padding:20px 29px; position: relative;}
.slide2 li a::after{ content:''; display: block; width: 10px; height: 100%; position: absolute; right:30px; top: 0;background: url(img/ico4.2.png) center no-repeat; background-size:6px auto !important;}
.slide2 li.on a,
.slide2 li:hover a{ background: #2b4e9f; color: #fff;}
.slide2 li.on a::after,
.slide2 li:hover a::after{background: url(img/ico4.3.png) center no-repeat;}

@media screen and (max-width:1024px) {
.slide2 ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}		
.slide2 li{ width:32%;}	
.slide2 li a{font-size: 14px; line-height:22px; padding:10px 15px; }
.slide2 li a::after{ right:12px;}
}



/* 分页 */
.wack1 .pz_fy{ display:flex; flex-wrap: wrap; justify-content: center; width:100%;}
.wack1 .pz_fy a { position: relative; float:left; border-radius:3px; width:0.4rem; height:0.4rem; background:#fff; line-height:0.4rem; color:#9c9c9c; text-align: center; font-size:16px; margin:0 5px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{ background:#2b4e9f; color: #fff;}
.wack1 .pz_fy .prev::after,
.wack1 .pz_fy .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:0.1rem; height:0.1rem; border-top:2px solid #9c9c9c; border-right:2px solid #9c9c9c; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .pz_fy .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .pz_fy .prev:hover::after,
.wack1 .pz_fy .next:hover::after,
.wack1 .pz_fy .prev.on::after,
.wack1 .pz_fy .next.on::after{ border-top:2px solid #fff; border-right:2px solid #fff;}
.wack1 .fy_pc{ display:none; flex-wrap: wrap; width:100%; justify-content: center; align-items: center; text-align:center; font-size:14px; color:#9c9c9c;}
.wack1 .fy_pc .prev,
.wack1 .fy_pc .next{ display: flex; position: relative; height:32px; width:32px; border-radius:4px; background:#fff;}
.wack1 .fy_pc .prev::after,
.wack1 .fy_pc .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:8px; height:8px; border-top:1px solid #9c9c9c; border-right:1px solid #9c9c9c; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .fy_pc .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .fy_pc span{ padding:0 22px;}


@media  screen and (max-width:1024px){
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}


.case1{ display: block; width: 100%; padding:30px 0 35px 0;}
.case1 .u2{ display:flex; flex-wrap: wrap; width:calc(100% + 30px); margin:0 -15px;}
.case1 .u2 .li{ display:block; width: 33.33%; padding:15px;}
.case1 .u2 .a{ display:flex; flex-wrap: wrap; align-items:flex-start; width: 100%; background: #fff;}
.case1 .u2 .a .tit{ width: 100%; color: #333333;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.08rem); margin-top: 0.24rem;}
.case1 .u2 .a .p{ width: 100%; color: #666666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.08rem); height:calc(44px + 0.16rem); margin-top: 0.09rem;}
.case1 .u2 .a ._img{ padding-bottom:57.5%;}
.case1 .u2 .a .cont{width: 100%; padding:31px 0.38rem 41px 0.38rem;}
.case1 .u2 .a .ino{display:block;width: 100%; line-height: 0;}
.case1 .u2 .a .ino img{ height:0.45rem;}
.case1 .u2 .a .ico{display:inline-flex; color:#a5a5a5; font-size:14px; line-height: 32px; background: url(img/right.png) right center no-repeat; background-size:auto 100% !important; margin-top: 0.3rem; padding-right:48px;}
.case1 .u2 .a:hover .ico{color: #2b4e9f; background: url(img/right2.png) right center no-repeat;}
.case1 .u2 .a:hover .tit{ color: #2b4e9f;}

@media screen and (max-width:1024px) {
.case1{padding:23px 0 23px 0;}	
.case1 .u2{ width:calc(100% + 14px); margin:0 -7px;}
.case1 .u2 .li{ padding:7px;}
.case1 .u2 .a .ico{ line-height:24px; padding-right: 32px; margin-top:12px}
.case1 .u2 .a .tit{ font-size:16px; line-height:24px; margin-top:6px;}
.case1 .u2 .a .p{ font-size:14px; line-height:22px; height:44px; margin-top:6px;}
.case1 .u2 .a .cont{padding:20px 14px;}
.case1 .u2 .a .ino img{ height:36px;}
}
@media screen and (max-width:767px) {
.case1 .u2 .li{ width: 100%;}
}


.case2{ display: flex; align-items:flex-start; justify-content: space-between; width:100%; margin-top:50px;}
.case2 .left{ display: block; width:30.37%; }
.case2 .right{ display:block;width:66.5%; background: #fff; padding:0.55rem 0.6rem 0.62rem 0.6rem;}
.case2 .cont{ display:block; width:100%;color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.14rem);}

@media screen and (max-width:1024px) {
.case2{ flex-wrap: wrap; margin-top:30px;}
.case2 .left{ width:100%; min-width: 100%; margin:20px 0 0 0;}
.case2 .right{ width:100%; padding:25px 15px 30px 15px;}
}

.boxs2{width: 100%;background:#fff;padding:0.39rem 0.28rem 0.3rem 0.28rem;}
.boxs2 h2{width: 100%;padding:0 0 0 15px;font-size:28px;color: #333333;line-height:28px; display: block; position: relative;}
.boxs2 h2::after{ display: block; content: ''; position: absolute; left:0; top:1px; width: 3px; height: 27px; background:#2b4e9f;}
.boxs2 ul{width: 100%; margin-top: 0.33rem;}
.boxs2 li{width: 100%; margin-bottom:0.3rem;}
.boxs2 a{display:block; position: relative; width: 100%;}
.boxs2 .pic{ width: 100%; padding-bottom: 66.43%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.boxs2 .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -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;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.boxs2:hover a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.boxs2 .tit{width:100%;font-size: calc(14px + 0.04rem);color: #fff;line-height: calc(20px + 0.06rem); position: absolute; left:0; bottom:0; z-index: 6; padding:00.2rem; text-align: center;}

@media screen and (max-width:1024px) {
.boxs2{padding:25px 15px 25px 15px;}	
.boxs2 .tit{font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.04rem);margin-bottom:0.1rem;}
.boxs2 h2{font-size:18px;line-height:18px;}
.boxs2 h2::after{ width: 3px; height:20px; }
.boxs2 ul{ width:calc(100% + 14px); margin-left: -7px; margin-right: -7px; margin-top:22px;}
.boxs2 li{ width: 33.33%; margin-bottom: 14px; padding:0 7px;}	
.boxs2 .tit{ padding:14px;}
}
@media screen and (max-width:767px) {
.boxs2 li{ width: 100%;}
}

.case3{ display: flex; align-items:center; justify-content: space-between; width:100%;background:#fff; margin-top:45px; padding:20px 20px;}
.case3 .left{ display: block; width:100%; padding:0.37rem 0.74rem 0.34rem 0.34rem; border-right: 1px solid #ebebeb; }
.case3 .tit{ width: 100%; color: #2b4e9f;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.08rem); padding-bottom: 0.26rem; border-bottom: 1px solid #ebebeb;}
.case3 .info{ width: 100%; color: #666666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.08rem); margin-top: 0.21rem;}
.case3 .right{ display:block; width:2.74rem; min-width:2.74rem; line-height:0; margin-left: 0.25rem;}
.case3 .pic{ display:block; width:100%; line-height:0; padding:0 0.27rem;}


@media screen and (max-width:1024px) {
.case3{ flex-wrap: wrap; flex-wrap: wrap-reverse; margin-top:30px; padding:25px 15px;}
.case3 .left{ width:100%; min-width: 100%; margin:15px 0 0 0; width:100%; padding:0; border-right: 0}
.case3 .right{width:100%; min-width:100%; margin:0;}
.case3 .tit{ padding-bottom:14px; }
.case3 .info{ margin-top:14px;}
.case3 .pic{ width:200px; padding: 0;}
}



.industry1{ display: block; width: 100%; padding:30px 0 75px 0;}
.industry1 .u2{ display:flex; flex-wrap: wrap; width:calc(100% + 30px); margin:0 -15px;}
.industry1 .u2 .li{ display:block; width: 33.33%; padding:15px;}
.industry1 .u2 .a{ display:flex; flex-wrap: wrap; position: relative; width: 100%; background: #fff;}
.industry1 .u2 .a .tit{ width: 100%; color: #333333;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.08rem);}
.industry1 .u2 .a .p{ width: 100%; color: #666666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.08rem); height:calc(44px + 0.16rem); margin-top: 0.09rem;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.industry1 .u2 .a ._img{ padding-bottom:112.67%;}
.industry1 .u2 .a .cont{width: 100%; padding:34px 0.38rem 41px 0.38rem; background: #fff; display: block; position: absolute; left: 0; bottom: 0; z-index: 6;}
.industry1 .u2 .a .ico{display:inline-flex; color:#a5a5a5; font-size:14px; line-height: 32px; background: url(img/right.png) right center no-repeat; background-size:auto 100% !important; margin-top: 0.3rem; padding-right:48px;}
.industry1 .u2 .a:hover .cont{ height:100%; background: rgba(43,78,159,0.92); padding:57px 0.38rem 57px 0.38rem;}
.industry1 .u2 .a:hover .ico{color: #fff; background: url(img/right3.png) right center no-repeat; margin-top: 0.6rem;}
.industry1 .u2 .a:hover .tit{ color: #fff;}
.industry1 .u2 .a:hover .p{ color: #fff; height:calc(88px + 0.32rem);-webkit-line-clamp:4;}



@media screen and (max-width:1024px) {
.industry1{padding:23px 0 38px 0;}	
.industry1 .u2{ width:calc(100% + 14px); margin:0 -7px;}
.industry1 .u2 .li{ padding:7px;}
.industry1 .u2 .a .ico{ line-height:24px; padding-right: 32px; margin-top:12px}
.industry1 .u2 .a .tit{ font-size:16px; line-height:24px;}
.industry1 .u2 .a .p{ font-size:14px; line-height:22px; height:44px; margin-top:6px;}
.industry1 .u2 .a .cont{padding:20px 14px;}
.industry1 .u2 .a:hover .cont{ padding:40px 14px;}
}
@media screen and (max-width:767px) {
.industry1 .u2 .li{ width: 100%;}
}


.industry2{ display: flex; align-items:flex-start; justify-content: space-between; width:100%; margin-top:45px;}
.industry2 .left{ display: block; width:30.37%; }
.industry2 .right{ display:block;width:66.5%; background: #fff; padding:0.61rem 0.6rem 0.63rem 0.6rem;}
.industry2 .title{ display:block; width:100%; text-align:center; color: #333;font-size:calc(14px + 0.22rem); line-height: calc(22px + 0.24em);}
.industry2 .tit1{ display:block; width:100%;color: #333;font-size:calc(14px + 0.12rem); line-height: calc(22px + 0.14rem); margin-top: 35px; padding-bottom: 17px; border-bottom:1px solid #e9e9e9;}
.industry2 .tit1 span{ display: inline-flex; position: relative;}
.industry2 .tit1 span::after{ display: block; content: ''; position: absolute; left: 0; bottom:-19px; z-index: 3; background: #2b4e9f; width: 100%; height: 3px;}
.industry2 .cont{ display:block; width:100%;color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.14rem); margin-top: 30px;}
.industry2 .pic1{ display:block; width:100%; line-height:0; margin:30px 0 10px 0;}
.industry2 .pic1 .slick-dots{ position: absolute; left:0; bottom: 32px; z-index: 6;}
.industry2 .pic1 .slick-dots li{border:1px solid #fff;}
.industry2 .list{ display:block; width:100%; padding:30px 0 0 0;}
.industry2 .list .u2{ display:block; width:calc(100% + 20px); margin:0 -10px;}
.industry2 .list .u2 .li{ display:block; width: 33.33%; padding:10px;}
.industry2 .list .u2 .a{ display:flex; flex-wrap: wrap; position: relative; width: 100%; background: #fff;}
.industry2 .list .u2 .a .tit{ width: 100%; text-align: center; color: #333333;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.04rem); margin-top: 16px;}
.industry2 .list .u2 .a ._img{ padding-bottom:68.22%; border:1px solid #e8e8e8;}
.industry2 .list .slick-dots{ margin-top:18px !important;}

@media screen and (max-width:1024px) {
.industry2{ flex-wrap: wrap; margin-top:30px;}
.industry2 .left{ width:100%; min-width: 100%; margin:20px 0 0 0;}
.industry2 .right{ width:100%; padding:25px 15px 30px 15px;}
.industry2 .pic1{ margin:20px 0 0 0;}
.industry2 .pic1 .slick-dots{ bottom:22px;}
.industry2 .tit1{  margin-top:20px; padding-bottom: 14px;}
.industry2 .tit1 span::after{ bottom:-16px;}
.industry2 .cont{ margin-top:20px;}
.industry2 .list{ padding:15px 0 0 0;}
.industry2 .list .u2{width:calc(100% + 10px); margin:0 -5px;}
.industry2 .list .u2 .li{ width: 50%; padding:5px;}
.industry2 .list .u2 .a .tit{margin-top: 10px;}
.industry2 .list .slick-dots{ margin-top:12px !important;}
}

/* 蒙版样式 */
.banner-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2); /* 黑色40%透明度 */
    z-index: 1; /* 确保在图片上方 */
}

.screen-panel{ display: flex; flex-wrap: wrap; margin-top: 44px;}
.screen-panel-itemss{ display: flex; width:100%; position:relative; background:#fff; margin-top: 1px;}
.screen-panel-item-left{ display: flex; align-items: center; min-width:141px; width:141px; justify-content: center; color:#333333; font-size:calc(14px + 0.02rem);  line-height:calc(22px + 0.04rem); background: #e6e6e6;}
.screen-panel-item-middle{ float:left;width:100%; padding:0.22rem 0.3rem;}
.screen-panel-item-middle ul{ display: flex; flex-wrap: wrap; width:100%;}
.screen-panel-item-middle ul li{ cursor:pointer; float:left; min-width:15%; padding:5px 5px; color:#666666; font-size:calc(14px + 0.02rem);  line-height:calc(22px + 0.08rem); display:flex; align-items:center; }
.screen-panel-item-middle ul li.on{ color:#2b4e9f;}
.screen-panel-item-middle ul li.on a{ color:#f08519;font-size: 16px;}
.screen-panel-item-middle ul li:hover{ color:#2b4e9f;}
.screen-panel-item-middle ul li a:hover{ color:#f08519;transform: scale(1.2);}


@media  screen and (max-width:1600px){	
.screen-panel-item-middle ul li{ min-width:14.28%;}
}
@media  screen and (max-width:1400px){	
.screen-panel-item-middle ul li{ min-width:16.66%;}
}
@media  screen and (max-width:1024px){	
.screen-panel{ margin-top:25px;}	
.screen-panel-item-left{ min-width:90px; width:90px; font-size:14px;}
.screen-panel-item-middle{padding:12px 3px;}
.screen-panel-item-middle ul li{ font-size:14px; line-height:22px; padding:2px 9px;}
}
@media  screen and (max-width:767px){	

}

.pord1{ display: block; width: 100%; padding:25px 0 35px 0;}
.pord1 .u2{ display:flex; flex-wrap: wrap; width:calc(100% + 30px); margin:0 -15px;}
.pord1 .u2 .li{ display:block; width: 33.33%; padding:15px;}
.pord1 .u2 .a{ display:flex; flex-wrap: wrap; align-items:flex-start; width: 100%; background: #fff; padding:0.27rem 0.42rem;}
.pord1 .u2 .a .en{ width: 100%; color: #2b4e9f;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.06rem);}
.pord1 .u2 .a .tit{ width: 100%; color: #333333;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.08rem); margin-top: 0.1rem;}
.pord1 .u2 .a .p{ width: 100%; color: #666666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.04rem); height:calc(44px + 0.08rem); margin-top: 0.1rem;}
.pord1 .u2 .a ._img{ padding-bottom:67.43%;}
.pord1 .u2 .a .cont{width: 100%; position: relative; margin-top:0.27rem; padding:0.2rem 0 0.27rem 0;  position: relative; border-top: 1px solid #e8e8e8;}
.pord1 .u2 .a .cont::after{ display:block; content: ''; position: absolute; left: 0; top:-1px; width: 0; height: 1px; background: #2b4e9f;}
.pord1 .u2 .a .ico{display:inline-flex;width: 100%; height: 32px; background: url(img/right.png) left center no-repeat; background-size:auto 100% !important; margin-top: 0.34rem; }
.pord1 .u2 .a:hover .ico{color: #2b4e9f; background: url(img/right2.png) left center no-repeat;}
.pord1 .u2 .a:hover .tit{ color: #2b4e9f;}
.pord1 .u2 .a:hover .cont::after{ width: 100%;}

@media screen and (max-width:1024px) {
.pord1{padding:18px 0 23px 0;}	
.pord1 .u2{ width:calc(100% + 14px); margin:0 -7px;}
.pord1 .u2 .li{ padding:7px;}
.pord1 .u2 .a{ padding:14px;}
.pord1 .u2 .a .ico{ height:24px; margin-top:12px}
.pord1 .u2 .a .tit{ font-size:16px; line-height:24px; height:48px; margin-top:4px;-webkit-line-clamp:2;}
.pord1 .u2 .a .p{ font-size:14px; line-height:22px; height:44px; margin-top:4px;}
.pord1 .u2 .a .cont{padding:15px 0 10px 0; margin-top: 14px;}
}
@media screen and (max-width:767px) {
.pord1 .u2 .li{ width: 50%;}
}



.pord3{ display: flex; align-items:flex-start; justify-content: space-between; width:100%; padding-top:50px;}
.pord3 .left{ display: block; width:30.37%; }
.pord3 .right{ display:block;width:66.5%; background: #fff; padding:19px 0.6rem 0.57rem 0.6rem;}
.pord3 .tit1{ display:block; width:100%;color: #333;font-size:calc(14px + 0.12rem); line-height: calc(22px + 0.14rem); margin-top: 35px; padding-bottom: 17px; border-bottom:1px solid #e9e9e9;}
.pord3 .tit1 span{ display: inline-flex; position: relative;}
.pord3 .tit1 span::after{ display: block; content: ''; position: absolute; left: 0; bottom:-19px; z-index: 3; background: #2b4e9f; width: 100%; height: 3px;}
.pord3 .tit2{ display:block; width:100%;color: #333;font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.06rem); margin-top:29px;}
.pord3 .cont{ display:block; width:100%;color: #666;font-size:calc(16px + 0.02rem); line-height: calc(22px + 0.14rem); margin-top: 30px;}
.pord3 .cont p img{text-align: center !important;margin: 30px auto;display: block;max-width: 100% !important; height: auto !important;  border-radius: 10px;}
.pord3 .p0{ display:block; width: 100%; margin:1px 0; position: relative; padding:0 0 0 15px;}
.pord3 .p0::after{ display: block; content: ''; position: absolute; left: 0; top:calc(9px + 0.07rem); z-index: 3; background: #2b4e9f; width:4px; height: 4px; border-radius: 50%;}
.pord3 .table{ display:block; width:100%;color: #666666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.06rem); padding:13px 0 6px 0;}
.pord3 .table table{ width:100%; background: #e4e4e4;}
.pord3 .table table tr:nth-child(2n){ background: #f5f5f5;}
.pord3 .list{ display:block; width:100%; padding:30px 0 0 0;}
.pord3 .list .u2{ display:block; width: 100%;}
.pord3 .list .u2 .li{ display:block; width: 100%; margin-bottom: 35px;}
.pord3 .list .u2 .a{ display:flex; flex-wrap: wrap; position: relative; width: 100%;}
.pord3 .list .u2 .a .tit0{ width: 100%; color: #333333;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.04rem); margin-top: 16px; text-align: center;}
.pord3 .list .u2 .a ._img{ padding-bottom:67.43%; border:1px solid #e8e8e8;}
.pord3 .list .slick-dots{ margin-top:18px !important;}



@media screen and (max-width:1024px) {
.pord3{ flex-wrap: wrap; padding-top:20px;}
.pord3 .left{ width:100%; min-width: 100%; margin:25px 0 0 0;}
.pord3 .right{ width:100%; padding:5px 15px 30px 15px;}
.pord3 .tit1{  margin-top:20px; padding-bottom: 14px;}
.pord3 .tit1 span::after{ bottom:-16px;}
.pord3 .tit2{ margin-top:20px;}
.pord3 .cont{ margin-top:20px;}
.pord3 .table{font-size:14px; line-height:24px; padding:13px 0 0 0;}
.pord3 .table td:nth-child(2n){ padding:14px 0 !important;}
.pord3 .list{ padding:20px 0 0 0;}
.pord3 .list .u2{width:calc(100% + 10px); margin:0 -5px;}
.pord3 .list .u2 .li{ width: 50%; padding:0 5px; margin-bottom:0;}
.pord3 .list .u2 .a .tit0{margin-top: 10px;-webkit-line-clamp:2;}
}

.boxs3{width: 100%;background:#fff;padding:0.39rem 0.32rem 0.18rem 0.32rem;}
.boxs3 h2{width: 100%;padding:0 0 0 15px;font-size:28px;color: #333333;line-height:28px; display: block; position: relative;}
.boxs3 h2::after{ display: block; content: ''; position: absolute; left:0; top:1px; width: 3px; height: 27px; background:#2b4e9f;}

@media screen and (max-width:1440px) {
.boxs3{padding:25px 15px 25px 15px;}	
.boxs3 h2{font-size:18px;line-height:18px;}
.boxs3 h2::after{ width: 3px; height:20px; }
}






.pord4{ display: flex; flex-wrap: wrap; justify-content:space-between; align-items: flex-start; width: 100%; background: #fff; padding: 0.56rem 0.78rem 0.56rem 0.6rem; margin-top:45px;}
.pord4 .pic{ display: flex; flex-wrap: wrap; justify-content:space-between; line-height:0; width: 55%;}
.pord4 .pic .big{ display: block; width: 83%;}
.pord4 .pic .samll{ display: block; width: 15.7%;}
.pord4 .pic .samll .img{padding:0 1px;}
.pord4 .pic .samll .slick-current  ._img::after{ display: block; content: ''; position:absolute; left: 0; top:0; width: 100%; height: 100%; border:1px solid #2b4e9f;}
.pord4 .pic .img{ display: block; line-height:0; width: 100%; margin:0.04rem 0; cursor: pointer; }
.pord4 .pic ._img{ padding-bottom:73.35%;}
.pord4 .pic ._img img{ object-fit: cover;}
.pord4 .pic .slick-prev{top:0; left:50%;margin:-0.36rem 0 0 -0.21rem;}
.pord4 .pic .slick-next{top:100%; left:50%; margin:-0.05rem 0 0 -0.21rem; }
.pord4 .right{ display:flex; flex-wrap: wrap; width:42%;}
.pord4 .tit{ width: 100%; color: #333; font-size:calc(14px + 0.12rem); line-height: calc(22px + 0.14rem); margin-top: 0.24rem; }
.pord4 .info{ width: 100%; color: #666; font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.14rem); padding:0.2rem 0 0.24rem 0; border-bottom: 1px solid #efefef; margin-bottom: 0.12rem; }
.pord4 .p1{ display: block; position:relative; width: 100%; color: #333; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:0.12rem; padding-left:16px;}
.pord4 .p1::after{ display: block; content:''; position: absolute; left:0; top:calc(9px + 0.02rem); width:4px; height:4px; background:#2b4e9f; border-radius:50%;}
.pord4 .btn{ display:flex; flex-wrap: wrap; width: 100%;margin:0.54rem 0 0 0;}
.pord4 .btn .a{ display:flex; align-items: center; justify-content: center; width:178px; height:0.49rem; border-radius:0.49rem; font-size:calc(14px + 0.02rem); line-height:1; border:1px solid #2b4e9f;}
.pord4 .btn .a .i{ display: block; width:22px; height:22px; background-size:100% auto !important; margin-left:0.1rem;}
.pord4 .btn .a span{ padding-bottom: 1px;}
.pord4 .btn .a1{ border:1px solid #2b4e9f;background: #2b4e9f;color: #fff; margin:0 0.2rem 0 0;}
.pord4 .btn .a1 .i{ background:url(img/ico8.png) center no-repeat;}
.pord4 .btn .a2{color: #666;}
.pord4 .btn .a2 .i{ background:url(img/ico7.png) center no-repeat;}
.pord4 .btn .a1:hover{background:none;color: #2b4e9f;}
.pord4 .btn .a1:hover .i{ background:url(img/ico8.1.png) center no-repeat;}
.pord4 .btn .a2:hover{ background:#2b4e9f;color: #fff;}
.pord4 .btn .a2:hover .i{ background:url(img/ico7.1.png) center no-repeat;}


@media  screen and (max-width:1600px){
.pord4{padding: 0.5rem 0.56rem;}	
.pord4 .btn{ margin:0.34rem 0 0 0;}
}
@media  screen and (max-width:1440px){
.pord4{padding: 0.4rem 0.5rem;}
.pord4 .info{line-height: calc(22px + 0.1rem);padding: 0.16rem 0 0.2rem 0;margin-bottom: 0.1rem;}
.pord4 .p1{ margin-top:0.1rem;}
.pord4 .tit{ margin-top:0;}
}
@media  screen and (max-width:1024px){
.pord4{ margin-top:25px; padding:9px 14px 30px 14px;}	
.pord4 .box{ padding:20px 0 5px 0;}
.pord4 .pic{ width:calc(100% + 10px); margin:0 -5px;}
.pord4 .pic .big{ width:100%;}
.pord4 .pic .samll{ width:100%;}
.pord4 .pic .img{ width: 100%; margin:5px 5px;}
.pord4 .pic .slick-prev{top:50%; left:-16px;margin:-14px 0 0 0; transform:rotate(90deg);-ms-transform:rotate(90deg);}
.pord4 .pic .slick-next{top:50%; left:auto; right:-16px; margin:-14px 0 0 0;  transform:rotate(-90deg);-ms-transform:rotate(-90deg);}
.pord4 .right{ width:100%;}
.pord4 .tit{  margin-top:18px;}
.pord4 .info{padding:8px 0 15px 0;margin-bottom:10px;}
.pord4 .btn{margin:20px 0 0 0;}
.pord4 .btn .a{ font-size:14px; width: 152px;
  height:37px;
  border-radius: 37px;}
.pord4 .btn .a .i{ margin-left:8px;}
.pord4 .btn .a1{ margin:0 15px 0 0;}
.pord4 .p1{ margin-top:6px;}
}
@media  screen and (max-width:767px){

}


#block1{ overflow: hidden;}
.about1{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between;}
.about1 .left{ display: block; width: 47.5%;}
.about1 .right{ display: block; width: 46.43%;}	
.about1 .info{ display:block;width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.14rem); margin-top:0.45rem;  }
.about1 .pic{ display: block; width: 100%; line-height:0; position: relative;}
.about1 .pic img{ position: relative; z-index: 6;}
.about1 .pic::after,
.about1 .pic::before{ display: block; content: ''; position: absolute; width:1.34rem; height:1.34rem; z-index: 1; background: #2b4e9f;}
.about1 .pic::after{ left: -0.16rem; bottom:-0.2rem;}
.about1 .pic::before{ right: -0.16rem; top:-0.2rem;}


@media screen and (max-width:1440px) {
.about1 .info{ font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); margin-top:0.2rem; }
}
@media screen and (max-width:1024px) {
.about1 .left{ width: 100%;}
.about1 .right{ width: 100%; margin-top: 30px;}	

}

.about3{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between;}
.about3 .left{ display: block; width: 33.12%;}
.about3 .right{ display: block; width: 62.5%;}	
.about3 .info{ display:block;width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.14rem); margin-top:0.25rem;  }
.about3 .pic{ display: block; width: 100%; line-height:0; position: relative;}
.about3 .pic .div{ display: block; width: 100%; line-height:0;}
.about3 .pic .slick-dots{ position: absolute; left:0; bottom: 33px; z-index: 6;}
.about3 .pic .slick-dots li{border:1px solid #2b4e9f;}

@media screen and (max-width:1440px) {
.about3 .info{ font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); }
}
@media screen and (max-width:1024px) {
.about3 .left{ width: 100%;}
.about3 .right{ width: 100%; margin-top: 30px;}	
.about3 .pic .slick-dots{ bottom:22px;}
}

.about4{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between;}
.about4 .info{ display:block;width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.14rem); margin-top:0.25rem;  }

@media screen and (max-width:1440px) {
.about4 .info{ font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); }
}




.about2{ display: block; width: 100%; }
.about2 .info{ display:block;width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.14rem); margin-top:0.25rem;  }
.about2 .list{ display: block; width: 100%; padding-top: 12px; }
.about2 .box{ display: flex; width: 100%; margin-top: 19px; background:#f5f5f5;}
.about2 .right{ display: flex; flex-wrap: wrap; width: 50%;overflow: hidden; }
.about2 ._img{  padding-bottom:56.25%;}
.about2 .left{ display: flex; flex-wrap: wrap; align-content: flex-start; position: relative; width:50%; padding:0.58rem 0.71rem 1.48rem 0.67rem;}
.about2 .left .ico{  display: block; position:absolute; bottom: 0.52rem; left:0.67rem; z-index: 6; line-height: 0; width:0.7rem;}
.about2 .left .line{ display:block;width:100%; height: 1px; background: #2b4e9f; opacity: 0.2; margin-top:13px;}
.about2 .left .tit{ display:block;width:100%; color: #2b4e9f; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.12rem);}
.about2 .left .tit a{ color: #000; font-size:calc(30px + 0.1rem);}
.about2 .left .tit a:hover{ color: #2b4e9f; }
.about2 .left .info{ display:block;width:100%; color: #666; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.14rem); min-height:calc(44px + 0.28rem); margin-top:0.14rem; }
.about2 .left .info p a{ color: #7e7e7e;}
.about2 .left .info p a:hover{color: #2b4e9f;}
.about2 .left .p{ display:block;width:100%; margin-top: 0.1rem;}


@media screen and (max-width:1440px) {
.about2 .info{ font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); }
.about2 .left{ padding:0.58rem 0.6rem 1.48rem 0.6rem;}
.about2 .left .ico{ bottom: 0.52rem; left:0.6rem; width:0.7rem;}
}
@media screen and (max-width:1024px) {
.about2 .box{ flex-wrap: wrap;}	
.about2 .left{ width: 100%;padding:20px 15px 78px 15px; }
.about2 .right{ width: 100%;}
.about2 .left .ico{ bottom:20px; left:15px; width:40px;}
}



.gnxc{width: 100%; padding-top: 15px;}
.gnxc ul{width: 100%;}
.gnxc li{margin-top:20px;background: #fff;}
.gnxc li:last-child{ margin-bottom:0 !important;}
.gnxc .top{width: 100%;display: flex;justify-content: space-between;align-items: center;padding:16px 37px;font-size: calc(14px + 0.02rem);color: #666666;line-height:calc(22px + 0.14rem);}
.gnxc .top .list:nth-child(1){ width: 15.7%;}
.gnxc .top .list:nth-child(2){ width: 21.5%; text-align:center;}
.gnxc .top .list:nth-child(3){ width: 22.2%; text-align:center;}
.gnxc .top .list:nth-child(4){ width: 24.4%; text-align:center;}
.gnxc .top .list:last-child{ width: 16.2%; text-align:right; padding:0 0.1rem 0 0;}
.gnxc li.on .top{ background: #2b4e9f;color: #fff;}
.gnxc .bottom{display: none;padding:33px 37px 0.92rem 37px; }
.gnxc .bottom .list{width: 100%;margin-bottom:30px;}
.gnxc .bottom .list1{display: none;font-size:14px;color: #565656;line-height:24px; }
.gnxc .bottom .bt{font-size: calc(14px + 0.04rem);color: #333;line-height: calc(22px + 0.14rem); font-weight: bold; padding-bottom:2px;}
.gnxc .bottom .info{font-size: calc(14px + 0.02rem);color: #666;line-height: calc(22px + 0.14rem); margin-top:3px;}
.gnxc .bottom .btns{ display: block; width: 100%; padding-top:23px;}
.gnxc .bottom .btns a{display:flex; align-items: center; justify-content:center; width: 126px;font-size: 14px;color: #2b4e9f;line-height: 48px; height: 39px;border-radius:4px; border:1px solid rgba(43,78,159,0.39);}
.gnxc .bottom .btns a span{ padding-bottom: 1px;}
.gnxc .bottom .btns a i{display:block; margin-left: 10px; width: 20px; height: 20px; background: url(img/ico11.png) right center no-repeat; background-size:auto 20px  !important;}
.gnxc .bottom .btns a:hover{ background: #2b4e9f;color: #fff; border:1px solid rgba(43,78,159,1);}
.gnxc .bottom .btns a:hover i{ background: url(img/ico11.1.png) center no-repeat;}

@media screen and (max-width:1024px) {
.gnxc li{margin-top: 14px;}
.gnxc .top{padding:12px 15px;}
.gnxc .bottom{padding:20px 15px 30px 15px;}
.gnxc .bottom .list{margin-bottom: 14px;}
.gnxc .bottom .list1{display: block;}
.gnxc .bottom .btns{ padding-top:10px;}
.gnxc .top .list:nth-child(1){ width: 100%;}
.gnxc .top .list:nth-child(2){ display:none;}
.gnxc .top .list:nth-child(3){display:none;}
.gnxc .top .list:nth-child(4){display:none;}
.gnxc .top .list:last-child{ width:auto;padding:0; white-space: nowrap; margin-left: 14px;}
}






@keyframes scrolling-wrapper {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

.mian10 .list{display:block; width: 100%;margin-top:15px; position: relative; overflow: hidden;}
.mian10 .list::after,
.mian10 .list::before{ display: block; width:15.7%; height: 100%; content: ''; position: absolute; top:0; z-index: 6;}
.mian10 .list::after{ left:0;
	background: linear-gradient( 90deg, #f5f5f5 0%, rgba(255,255,255,0) 100%);
}
.mian10 .list::before{ right:0;
	background: linear-gradient( 270deg, #f5f5f5 0%, rgba(255,255,255,0) 100%);
	
}
.mian10 .list .box{ display: flex; width: 100%;}
.mian10 .list .box:nth-child(2n){ margin: 0 87px;}
.mian10 .list .ul{ display: flex; animation: scrolling-wrapper 90s linear infinite; }
.mian10 .list .li{ display: flex; padding:0 8px; margin-top: 20px;}
.mian10 .list .li a{ display: flex;width:222px; line-height: 0;height:94px; justify-content: center; align-items: center;background: #FFFFFF;}
.mian10 .list .li a img{ width: 100%; height: 100%; object-fit: contain; }

@media screen and (max-width:1024px) {
.mian10 .list{margin-top:10px;}
.mian10 .list .box{ animation: scrolling-wrapper 50s linear infinite; }
.mian10 .list .li{ display: flex; padding:0 5px; margin-top:10px;}
.mian10 .list .li a{width:142px; height:60px}
.mian10 .list .box:nth-child(2n){ margin: 0 48px;}
}



.main4 .box{ display: block; width: 100%; padding-top:14px;}
.main4 .u2{  display: flex; flex-wrap: wrap; width:calc(100% + 0.4rem); margin:0 -0.2rem; }
.main4 .u2 .li{ display:block; width: 33.33%; margin-top:20px; padding:0 0.2rem;}
.main4 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255); height: 100%;
}
.main4 .u2 .a ._img{ padding-bottom:59%;}
.main4 .u2 .a .cont{ width: 100%; padding:0.3rem 0.38rem 0.38rem 0.38rem;}
.main4 .u2 .a .tit{ width: 100%; color: #333;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.08rem); margin-top: 0.23rem; }
.main4 .u2 .a .p{ width: 100%; color:#666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.1rem); height:calc(66px + 0.3rem); margin-top: 0.17rem;}
.main4 .u2 .a .more{ display:inline-flex; background: url(img/ArrowRight2.png) right center no-repeat; background-size:15px auto !important; color:#a5a5a5; font-size: 14px; line-height: 24px;  padding-right: 24px; margin-top:0.5rem;}
.main4 .u2 .a:hover .more{ color:#2b4e9f;}
.main4 .u2 .a .info{ width: 100%; display: flex; align-items: center; justify-content: space-between; }
.main4 .u2 .a .tit1{ display:inline-flex; align-items: center; color: #2b4e9f;font-size:12px; line-height:1; height:25px; border-radius:25px; border:1px solid #2b4e9f; padding:0 11px 1px 11px; }
.main4 .u2 .a .time{ display:inline-flex; color:rgba(102,102,102,0.49);font-size:14px; line-height:23px; }

.main4 .u2 .a1{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255); height: 100%; padding:0.41rem 0.38rem;
}
.main4 .u2 .a1 .cont{ display: block; width: 100%; padding-top:0.06rem;}
.main4 .u2 .a1 .div{ display: block; width: 100%; margin-top:0.2rem;}
.main4 .u2 .a1 .tit{ width: 100%; color: #333;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.07rem); }
.main4 .u2 .a1 .tit1{ display:inline-flex; align-items: center; color: #2b4e9f;font-size:12px; line-height:1; height:25px; border-radius:25px; border:1px solid #2b4e9f; padding:0 11px 1px 11px; }
.main4 .u2 .a1 .time{ width: 100%; color:rgba(102,102,102,0.49);font-size:14px; line-height:24px; margin-top:2px; }


@media screen and (max-width:1600px) {
.main4 .u2 .a .tit{font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.06rem); margin-top: 0.23rem; }
.main4 .u2 .a1 .tit{font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.04rem); }
.main4 .u2 .a1 .time{ margin-top:0;}
}
@media screen and (max-width:1440px) {
.main4 .u2 .a1 .div{ margin-top:0.15rem;}
}
@media screen and (max-width:1280px) {
.main4 .u2 .a1 .div{ margin-top:0.1rem;}
}
@media screen and (max-width:1024px) {
.main4 .u2{width:calc(100% + 14px); margin:0 -7px; }
.main4 .u2 .li{ width:50%; margin-top:14px; padding:0 7px;}	
.main4 .u2 .li:last-child{width:100%;}  
.main4 .u2 .a .cont{padding:20px 15px;}
.main4 .u2 .a .tit{ margin-top:10px;} 
.main4 .u2 .a .p{ margin-top:4px;} 
.main4 .u2 .a .more{ margin-top:8px;} 
.main4 .u2 .a1{padding:25px 15px;}
.main4 .u2 .a1 .div{ margin-top:14px;}
.main4 .u2 .a1 .cont{ padding-top: 3px;}
.main4 .u2 .a1 .time{ margin-top:2px;}
}
@media screen and (max-width:767px) {
.main4 .u2 .li{ width:100%;}

}



._shipin1{ display: block; width: 100%; overflow: hidden; margin-top:28px;  padding:0 29%;}
._shipin1 .ul{ width:100%;}
._shipin1 .li{ display: flex; flex-wrap: wrap; width:100%; padding:0 0.16rem;}
._shipin1 .a{ display: flex; flex-wrap: wrap; width:70%; position: relative; overflow: hidden;  cursor: pointer;}
._shipin1 .a .img{ position: relative; z-index: 2; width:100%; display: block; padding-bottom:66.4%; line-height: 0; overflow: hidden;}
._shipin1 .a .img img{ position: absolute; left:0; top:0; z-index: 2; width:100%; height: 100%; object-fit: cover;}
._shipin1 .a .paly{ position: absolute; left:50%; top:50%; width: 35px; height: 35px; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index: 6;}
._shipin1 .a .tit{ position: absolute; left:0; bottom:0.18rem; z-index: 6; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); padding:0 0.18rem; width: 100%; text-align: center;}
._shipin1 .a:hover .img img{ transform:scale(1.1); -ms-transform:scale(1.1);}
._shipin1 .swiper-slide-prev{ justify-content: flex-end;}
._shipin1 .swiper-slide-active .a{ width:100%;}
._shipin1 .swiper-slide-active .a .paly{ width: 47px; height: 47px;}
._shipin1 .swiper-slide-active .a .tit{ bottom:0.3rem;font-size:calc(14px + 0.08rem); line-height:calc(22px + 0.1rem);}
._shipin1 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; align-items: center; width:100%;}
._shipin1 .swiper-slide{flex-shrink: 0; position: relative; transition-property: transform; width:100%;}
._shipin1 .swiper-pagination{display:flex;justify-content: center; width:100%; margin-top: 50px; }
._shipin1 .swiper-pagination-bullet{ cursor: pointer; border-radius:6px 0 6px 0; width:36px; height:12px; margin:0 12px; display:block; border: 1px solid #2b4e9f; }
._shipin1 .swiper-pagination-bullet-active{ background: #2b4e9f;}


@media  screen and (max-width:1024px){
	
}	
@media  screen and (max-width:1024px){
._shipin1{ margin-top:20px;}
._shipin1 .li{ padding:0 7px;}
._shipin1 .li{ width:50%;}
._shipin1 .a .tit{ padding:0 14px;bottom:14px;}
._shipin1 .swiper-slide-active .a .tit{ padding:0 14px; bottom:14px;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);}
._shipin1 .swiper-slide-active .a .paly{ width: 35px; height: 35px;}
._shipin1 .swiper-pagination{ margin-top:20px;}
._shipin1 .swiper-pagination-bullet{border-radius:3px 0 6px 0; width:18px; height:6px; margin:0 6px;}

}
@media  screen and (max-width:767px){
._shipin1{  padding:0 40px;}
}

.main9{ position: relative; overflow:hidden; width: 100%;}
.main9 .bg{position: absolute; left: 0; top:0; z-index: 1; width: 100%; height: 100%;}
.main9 .cont{ width:36.4%;}
.main9 .info{ width:100%; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.18rem); margin-top:0.35rem;}
.main9 ._btn{ margin-top:0.56rem;}
.main9 .list{ width:100%; display:flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding-top:1.25rem;}
.main9 .list .line{ display: flex; width:1px; height: 55px; background: rgba(255,255,255,0.4); margin:0.25rem;}
.main9 .list .li{ display: flex; flex-wrap: wrap; justify-content:center; align-items: center; flex-direction: column; margin-top:15px;} 
.main9 .list .li .tit{ color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.18rem); margin-top:20px;}
.main9 .list .li .ico{ display: block; line-height: 0;}
.main9 .list .li .ico img{ height:59px;}
.main9 .list .li:hover .ico img{ transform: rotateY(180deg); -ms-transform: rotateY(180deg); }

@media  screen and (max-width:1440px){
.main9 .cont{width:42.4%;}
}
@media  screen and (max-width:1024px){
.main9 .cont{width:100%;}
.main9 .info{ margin-top:10px;}
.main9 ._btn{ margin-top:25px;}
.main9 .list .li .ico img{ height:32px;}
.main9 .list .li .tit{ margin-top:10px;}
.main9 .list .line{height:36px;  margin:25px 12px; display:none;}
}

.main8 .w100{ align-items: center;}
.main8 .tit46{ width: auto;}
.main8 ._btn1{ width: auto;}
.main8 .box{ display: block; width: 100%; padding-top:25px;}
.main8 .u2{ display:flex;; width:calc(100% + 10px); margin:0 -5px;}
.main8 .u2 .li{ display:block; width:21.74%; padding:0 5px; margin-top:10px;}
.main8 .u2 .a{ display:flex; flex-wrap: wrap; align-items:flex-start; width: 100%; position: relative;}
.main8 .u2 .a::before{ display: block; width:100%; height: 100%; content: ''; position: absolute; bottom:0; left:0; z-index: 1; background-size:100% auto !important;background: url(img/main9.1.png) center bottom no-repeat;}
.main8 .u2 .a .tit{ width: 100%; color: #fff;font-size:calc(14px + 0.1rem); line-height: calc(22px + 0.12rem); text-align:center;}
.main8 .u2 .a .p{ width: 100%; color: #fff;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.06rem); height:calc(44px + 0.12rem);overflow: hidden;text-overflow: ellipsis; display:none; -webkit-box-orient: vertical;-webkit-line-clamp:2; margin-top: 0.14rem;}
.main8 .u2 .a ._img{ padding-bottom:6.14rem;}
.main8 .u2 .a .cont{width: 100%; height:100%; position:absolute; left:0; bottom:0; z-index: 6; padding:0.18rem 0.15rem; display: flex; align-content:flex-end; flex-wrap: wrap;}
.main8 .u2 .a .ico{display:inline-flex;width: 100%; height:32px; background: url(img/right1.png) left center no-repeat; background-size:auto 100% !important; opacity:0;}
.main8 .u2 .li.on .a::before{background: url(img/main9.png) center bottom no-repeat;}
.main8 .u2 .li.on .a .cont{ padding:0.54rem 0.54rem;}
.main8 .u2 .li.on .a .tit{ text-align:left;}
.main8 .u2 .li.on .a .p{ display: -webkit-box; }
.main8 .u2 .li.on .a .ico{ opacity:1; margin-top:0.33rem;}
.main8 .u2 .li.on{ width: 34.78%;}

@media screen and (max-width:1024px) {
.main8 .box{ padding-top:10px;}	
.main8 .u2 .a .ico{ height:24px;}
.main8 .u2 .a .tit{ font-size:16px; line-height:24px;}
.main8 .u2 .a .p{ font-size:14px; line-height:22px; height:44px; margin-top:6px;}
.main8 .u2 .a .cont{padding:10px 2px;}
.main8 .u2 .li.on .a .ico{ opacity:1; margin-top:14px;}
.main8 .u2 .li.on .a .cont{ padding:25px 14px;}
}
@media screen and (max-width:767px) {
.main8 .u2{ flex-wrap: wrap;}	
.main8 .u2 .a ._img{ padding-bottom:12.28rem;}
.main8 .u2 .a .p{ height:88px;-webkit-line-clamp:4;}
.main8 .u2 .li{ width: 50%;}
.main8 .u2 .li.on{ width: 50%;}
}



.main7 .box{ display:flex; align-items: flex-start; justify-content: space-between;  width: 100%; margin-top: 48px;}
.main7 .hd{ width:2.66rem; min-width:2.66rem; margin:0 1.08rem 0 0 ;}
.main7 .hd ul{ display: block; width:100%; padding:0.1rem 0;}
.main7 .hd ul li{ cursor: pointer; display:flex; align-items: center; justify-content:center; width:100%; text-align: center; color: #2b4e9f;font-size:calc(14px + 0.06rem); line-height:1; border:1px solid #2b4e9f; border-radius: 0.62rem; height: 0.62rem;margin-top:0.3rem; padding-bottom:2px;}
.main7 .hd ul li.on{ background: #2b4e9f; color: #fff;}
.main7 .bd{ width:100%; background: #fff; display: block;}
.main7 .bxs{ width:100%; display: block;}
.main7 .u2{ width:100%; display: flex; align-items: flex-start; justify-content: space-between; padding:0.5rem 0.75rem 0.82rem 0.75rem;}
.main7 .u2 .left{ width:1.76rem; min-width:1.76rem; display: block; margin:0 1.2rem 0 0;}
.main7 .u2 .right{ width:100%; display: block;}
.main7 .u2 .info{ width: 100%; color: #666;font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.14rem);}
.main7 .u2 .cont{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; color: #333;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.06rem); border-top:1px solid #e5e5e5; margin-top: 0.46rem; padding-top:0.34rem;}
.main7 .u2 .s{ width:42%; margin-top: 0.2rem; position: relative; padding-left:14px;}
.main7 .u2 .s:nth-child(2n+1){ width:54%; }
.main7 .u2 .s::after{display: block; width:4px; height:4px; content: ''; position: absolute; top: calc(9px + 0.03rem); left:0; z-index: 1;background:#f08519;}
.main7 .u2 .s:hover{ color:#2b4e9f; text-decoration: underline;}
.main7 .u2 .pic{ width:100%; display: block; line-height:0; margin-top: 0.82rem;}
.main7 .u2 .tit2{ width:100%; display: block; line-height:0; margin-top: 50%;}
.main7 .u2 .tit2 img{ height:calc(14px + 0.09rem);}
.main7 .u2 .tit1{ width:100%; color: #333;font-size:calc(14px + 0.22rem); line-height:calc(22px + 0.26rem); margin-top: 0.05rem;}
.main7 .u2 ._btn2{ margin-top: 0.55rem;}


@media screen and (max-width:1600px) {
.main7 .u2 .left{ width:1.76rem; min-width:1.76rem;margin:0 1.36rem 0 0;}
}
@media screen and (max-width:1440px) {
.main7 .hd{ width:2.66rem; min-width:2.66rem; margin:0 0.68rem 0 0;}	
.main7 .u2{ padding:0.5rem 0.5rem 0.82rem 0.5rem;}	
.main7 .u2 .left{ width:1.76rem; min-width:1.76rem; margin:0 0.86rem 0 0;}
}
@media screen and (max-width:1024px) {
.main7 .box{ flex-wrap: wrap; margin-top:10px;}
.main7 .hd{ width:100%; min-width:100%; margin:0 0 10px 0;}	
.main7 .hd ul{ display: flex; flex-wrap: wrap; justify-content: space-between; padding:10px 0;}
.main7 .hd ul li{ width:18.5%; height:32px; margin-top:0;}
.main7 .u2{flex-wrap: wrap; padding:20px 15px 30px 15px;}	
.main7 .u2 .left{ text-align:center; width:100%; min-width:100%; margin:0 0 20px 0;}
.main7 .u2 .pic{ width:176px; margin-top:20px; margin-left: auto; margin-right: auto;}
.main7 .u2 .cont{ margin-top:20px; padding-top:10px;}
.main7 .u2 .s{ margin-top: 6px; }	
.main7 .u2 .tit2{ margin-top:10px;}
.main7 .u2 ._btn2{ margin-top:20px;}
}
@media screen and (max-width:767px) {
.main7 .u2 .s{ width:100%; }	
.main7 .u2 .s:nth-child(2n+1){ width:100%; }
.main7 .hd ul li{ width:auto; padding-left:0.4rem; padding-right: 0.4rem;}
}







/*
 2b4e9f
calc(20px + 0.16rem); 

*/