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

html {
  scrollbar-width: thin;
  scrollbar-color: #104db2 #f5f5f5;
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #0066b5;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #104db2;border-radius:8px;
}	


.w_width{max-width:1600px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.9rem;padding-right:0.9rem;}

@media  screen and (max-width: 768px){
.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; padding:0 30px; border-bottom: 1px solid rgba(255,255,255,0.3); height:1rem;}
.t_navs .logo{ line-height: 0; float: left;  display: flex; align-items: center;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:0.6rem;}
/* .t_navs .logo .img1{ display: block;}
.t_navs .logo .img2{ display: none;} */
.t_navs .right{ display: flex; align-items: center;}
.t_navs .tel{ display:flex;line-height:1rem; font-size:calc(14px + 0.04rem);color: #fff; padding-left:0.32rem; background: url(img/ico1.png) left center no-repeat; background-size:0.24rem auto !important; font-weight: bold;}
.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:1rem; font-size:calc(14px + 0.04rem);color: #fff; transition:none; 
    -moz-transition:none;
     -webkit-transition:none; 
    -o-transition:none;}
.t_navs .menu .nli span a::after{ content:''; display: block; position: absolute; left: 0; bottom:0; height:1px; width:0; background:#fff;}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{/* color: #1c43cc; */}
.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.09rem; left:50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
.t_navs .sub4 .u1{ display:block; border-radius: 8px; width:140px; overflow: hidden; box-shadow:0 0 7px rgba(0,0,0,0.03); background:rgba(255,255,255,0.9); padding:1px 0  29px 0;}
.t_navs .sub4 .u1 .l1{ display: block; width:100%; margin-top: 6px;}
.t_navs .sub4 .u1 .l1 a{ display: block; width:100%; text-align: center; color: #333333; line-height:calc(22px + 0.02rem); font-size:calc(14px + 0.02rem); padding:0.1rem 0; position: relative;}
.t_navs .sub4 .u1 .l1 a::after{ display: block; content:''; position: absolute; left:50%; bottom:0; width:70px; height:1px; background: #aaaaaa; margin-left: -35px;}
.t_navs .sub4 .u1 .l1 a:hover{color: #1c43cc;}
.t_navs .sub4 .u1 .l1 a:hover::after{background: #1c43cc; }

.t_navs.act .top{ background:rgba(16,77,178,1); box-shadow:0 2px 6px rgba(0,0,0,0.1);}
/* .t_navs.act .logo .img1{ display:none;}
.t_navs.act .logo .img2{ display:block;} */


@media screen and (max-width:1600px) {
.t_navs .menu .nli{ margin:0 0.56rem 0 0;}
}
@media screen and (max-width:1440px) {
.t_navs .menu .nli{ margin:0 0.5rem 0 0;}
.t_navs .menu .nli span a{ font-size:calc(14px + 0.02rem);}
.t_navs .sub4 .u1 .l1 a{ line-height:calc(22px + 0.02rem); font-size:calc(14px + 0.01rem); padding:0.1rem 0; position: relative;}
.t_navs .tel{ font-size:calc(14px + 0.02rem);}
}
@media screen and (max-width:1270px) {
.t_navs .menu .nli{ margin:0 0.4rem 0 0;}
}
@media screen and (max-width:1024px) {
.t_navs .top{ height:50px; padding: 0 15px;}	
.t_navs .menu{ display: none;}
.t_navs .tel{ display:none;}
.t_navs .logo img{ width: auto; height:30px;}




}


.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: #fff;
-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: #fff;
-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.open .point .navbtn{ background: transparent !important;}
.menuph.open .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.open .point .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}



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

.xialaph{ position: fixed; left:0; top:50px; float: left; width: 100%; height:100vh; z-index:15; display:none; background:#fff; padding:15px 15px 50px 15px; overflow-y: auto;border-top:1px solid rgba(0,0,0,0.1);}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a3box{width: 100%;position: relative;}
.xialaph .a1{font-size:16px;color: #333; text-transform: uppercase; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%; text-transform: uppercase;}
.xialaph .on .a1{ color: #104db2;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.xialaph .icobox::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:6px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #333;  border-right:1px solid #333;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:1px solid #104db2;  border-right:1px solid #104db2;}
.xialaph .u2{width: 100%;padding:0 15px 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:14px;color: #333;line-height:24px; text-transform: uppercase;}
.xialaph .on .a2{ color:#104db2;}
.xialaph .u3{width: 100%;padding:10px 15px 2px 15px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u3 .a3{ width: 100%;display: block; font-size:14px;color: #333;line-height:24px; text-transform: uppercase;}
.xialaph .on .a3{ color:#104db2;}
.xialaph .u4{width: 100%;padding:10px 15px 2px 15px;display: none;}
.xialaph .u4 .l4{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u4 .l4 a{ width: 100%;display: block; font-size:14px;color: #333;line-height:24px; text-transform: uppercase;}
.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; height: 40px; display: block;position: absolute;right: 12px;top: 50%;transform: translate(0,-50%);cursor: pointer;background: url(img/_search1.png) center no-repeat; background-size:18px auto !important;}
.xialaph .input_box .img:hover{background: url(img/_search2.png) center no-repeat;}




/* footer */
.footer{ background: url(img/back2.jpg); overflow: hidden; background-size: cover;}
.footer .footer-nav{ display: flex; align-items: flex-start; justify-content:space-between; width:100%; padding:1.3rem 0 1.43rem 0;}
.footer .footer-nav .left{ display: flex; flex-direction: column; padding-right:0.4rem;}
.footer .footer-nav .right{ display: flex; width:69%; align-items: flex-start; justify-content:space-between;}
.footer .footer-nav .logo{ display: block; line-height: 0;}
.footer .footer-nav .logo img{ max-width:inherit; width: auto; height:0.8rem;}
.footer .footer-nav .addr{ display: inline-flex; flex-direction: column; color: #fff; font-size: calc(14px + 0.02rem); line-height:22px; margin-top:0.78rem;}
.footer .footer-nav .txt{ display: inline-flex;}
.footer .footer-bottom{ background:rgba(0,0,0,0.1);}
.footer .footer-bottom .box{ width:100%; flex-wrap: wrap; align-items: center; display: flex; justify-content: space-between; color: #fff; padding:28px 0;}
.footer .footer-bottom .txt{ color: #fff; font-size: calc(14px + 0.02rem); line-height: calc(22px + 0.02rem);}
.footer .footer-bottom .txt a{ color: #fff;}
.footer .footer-bottom .txt a:hover{ color:rgba(255,255,255,0.7); text-decoration: underline;}
.footer .footer-bottom .banquan{ color: #fff; font-size: calc(14px + 0.02rem); line-height: calc(22px + 0.02rem);}
.footer .footer-bottom .banquan a{ color: #fff;}
.footer .footer-bottom .banquan a:hover{ color:rgba(255,255,255,0.7); text-decoration: underline;}
.footer .nav{ display: flex; flex-direction: column; margin-top:0.27rem;}
.footer .nav .u2{ display: flex; flex-direction: column; margin-top:0.12rem;}
.footer .nav .a1{ display:inline-flex; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem);} 
.footer .nav .a2{ display:inline-flex; color: #fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem); margin-top:0.12rem;}
.footer .nav .a2:hover{ color:rgba(255,255,255,0.7); text-decoration: underline; }


@media screen and (max-width:1600px){
.footer .footer-nav .logo img{height:0.7rem;}
}
@media screen and (max-width:1440px){
.footer .footer-nav .addr{ font-size: 14px;}	
.footer .nav .a1{ font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem);} 
.footer .nav .a2{ font-size:14px;}
.footer .footer-bottom .banquan{ font-size:14px;}
.footer .footer-bottom .txt{ font-size:14px;}
}
@media screen and (max-width:1024px) {
.footer .footer-nav{ justify-content:center; flex-wrap: wrap; padding: 30px 0;}
.footer .footer-nav .logo img{ height:40px;}
.footer .footer-nav .addr{ margin-top:20px;}
.footer .footer-nav .right{ display: none; width:100%;}
.footer .footer-nav .left{ padding: 0;}
.footer .footer-bottom .box{ padding:18px 0;}
.footer .footer-bottom .txt{ font-size: 14px; line-height: 22px;}
.footer .footer-bottom .banquan{ width:100%; text-align: center; font-size: 14px; line-height: 22px;}
.footer .footer-bottom .box{ justify-content: center;}
}
@media screen and (max-width:768px) {
.footer .footer-bottom .banquan i{ display:none;}
.footer .footer-bottom .banquan .a{ display:block;}
}



.pf-right{ z-index:10; position:fixed; right:0.4rem; bottom:12vh; width:0.5rem; display:none;}
.pf-right .li{ position: relative; display: block; width:100%; margin-top:10px;}
.pf-right .li .a{ border-radius:50%; background: #fff; display:block; line-height: 0; width:100%; padding:0.05rem;}
.pf-right .li:hover .a{ box-shadow:0 0 6px rgba(0,0,0,0.2);}
.pf-right .tel{ white-space: nowrap; display:none; position: absolute; right:100%; top:0; background: #fff; border-radius:0.5rem; color: #000; font-size:16px; line-height:0.5rem; padding:0 0.3rem; box-shadow:0 0 7px rgba(0,0,0,0.1);}
.pf-right .er{ display: none; position: absolute; right:100%; top:0; width:120px; background: #fff; border-radius:6px; line-height:0; overflow: hidden; box-shadow:0 0 7px rgba(0,0,0,0.1); padding:5px;}
.pf-right .li:hover .tel{ display:block; margin-right: 10px;}
.pf-right .li:hover .er{ display:block; margin-right: 10px;}
.pf-right .tel-ph{ display: none;}

@media screen and (max-width:1800px) {
.pf-right{ right:0.2rem;}	
}	
@media screen and (max-width:1024px) {
.pf-right{ bottom:80px; right:5px; width:30px;}
.pf-right .li{ margin-top: 5px;}
.pf-right .li .a{ padding:2px;}
.pf-right .tel{ border-radius:30px; line-height:30px; padding:0 15px;}
.pf-right .tel-ph{ display: block;}
.pf-right .tel-pc{ display: none;}
}







.in-banner{ position: relative; overflow: hidden; }
.banText{ width:100%; position: absolute; left: 0; top:45%; z-index: 10; display: block;}
.banText .box{ width:100%; display: flex; flex-wrap: wrap; align-items:flex-start; justify-content: space-between;}
.banText .left{ display: inline-flex; flex-direction: column;}
.banText .right{ display: inline-flex; flex-direction: column; text-align: right;}
.banText .tit30{ text-transform: uppercase;}
.banText .tit40{ margin-top:0.03rem;}
.banText .tit80{ font-weight: bold;}
.banText .left .tit30{ margin-top:0.1rem;}
.banText .right .tit30{ margin-top:0.28rem;}

.mbx{ display: block; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top:0.12rem;}
.mbx a{ color: #fff;}
.mbx a:hover{ text-decoration: underline;}
@media screen and (max-width:1024px) {
.banText{ top:50%; margin-top:24px; transform: translateY(-50%); -ms-transform: translateY(-50%);}	
.banText .left{ width:100%; text-align:center;}	
.banText .right{ width:100%; text-align:center; margin-top:8px;}	
.mbx{ display:none;}
}	



/**/
.about1{display:block; width: 100%;}
.about1 .box{ width:100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;  margin-top:28px;}
.about1 .right{ display:block; width:50%;}
.about1 .left{ display:block; width:47%;}
.about1 .info{ display: block; width: 100%; color: #545454; font-size:0.18rem; line-height:0.29rem; padding:0 0.6rem 0 0;
 overflow:hidden;  overflow-y:auto;
 scrollbar-width:thin;scrollbar-color: #0049af #d9d9d9;
 max-height:4.93rem;}
.about1 .pic{display:block; width: 100%; line-height: 0; border-radius: 9px; overflow: hidden;}
.about1 .pic .div{display:block; width: 100%;}
.about1 .slick-next{ right:20px;}
.about1 .slick-prev{ left:20px;}



@media screen and (max-width:1600px) {
.about1 .info{ line-height:0.3rem; max-height:4.5rem;}
}
@media screen and (max-width:1024px) {
.about1 .box{ margin-top:15px;}
.about1 .left{ width:100%;}
.about1 .right{ width:100%;}
.about1 .info{ font-size:14px; line-height:24px; max-height:240px; padding:0 0 5px 0;}
.about1 .pic{ margin-top:15px;}
.about1 .slick-next{ right:15px;}
.about1 .slick-prev{ left:15px;}

}


.about4 .shipin{ cursor: pointer; position: relative; display: block; width:100%; overflow: hidden; margin-top: 43px;background: rgba(16,77,178,1);}
.about4 .video{ position: absolute; left:0; bottom:0;width:100%;height:100%; z-index:2; object-fit: cover;}
.about4  .pic{display: block; width:100%; line-height:0; position: relative; padding-bottom: 31.25%;}
.about4  .pic img{ width:100%; height:100%; object-fit: cover; position: absolute; left:0; top:0;}
.about4  .pic.Active{ opacity: 0;}
.about4  .paly{ cursor: pointer; position: absolute; display: block; width:1rem; line-height:0; left:50%; top:45.16%; z-index:10; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.about4  .paly.Active{ display:none;}
.about4  .pause{ position: absolute; display:none; width:1rem; line-height:0; left:50%; top:45.16%; z-index:10; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.about4  .pause.Active{ display:block;}

@media screen and (max-width:1024px) {
.about4 .shipin{ margin-top:20px;}
.about4  .paly{ width:30px;}
.about4  .pause{ width:30px;}
}
@media screen and (max-width:767px) {
.about4  .pic{ padding-bottom: 62.5%;}
}


.rongyu{ display:block; width: 100%; background:#f4f4f4;}
.rongyu .box{ display:flex; flex-wrap: wrap; align-items:center; justify-content: space-between; width: 100%; margin-top: 0.83rem; }
.rongyu .left{ display:block; width:50%;}
.rongyu .right{ display:block; width:48%;}
.rongyu .list{ display:block; width: 100%;}
.rongyu .list .ul{ display:block; width: 100%; padding:0 0.63rem;}
.rongyu .list .li{ width:50%; padding:0 0.28rem;}
.rongyu .list .li .la{ display:block; width:100%; }
.rongyu .list .li .cover{ display: block; width:100%; cursor: pointer; }
.rongyu .list .li .cover img{ width:100%;}
.rongyu .list1{ display:block; width: 100%;}
.rongyu .list1 .ul{ display:block; width: 100%; padding:0 1.16rem;}
.rongyu .list1 .li{ width:100%;}
.rongyu .list1 .li .la{ display:block; width:100%; }
.rongyu .list1 .li .cover{ display: block; width:100%; cursor: pointer; }
.rongyu .list1 .li .cover img{ width:100%;}


@media screen and (max-width:1024px) {
.rongyu .box{ display:block; width: 100%; margin-top:20px; }	
.rongyu .left{ width:100%;}
.rongyu .right{ width:100%; margin-top:30px;}
.rongyu .list .ul{ padding:0 37px;}
.rongyu .list .li{ padding:0 7px;}
.rongyu .list1 .ul{ padding:0 44px;}
}



.history{ position: relative; overflow:hidden;}
.history .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; flex-direction: column; height:4.1rem; }
.history .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.history .box{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; position: relative;}
.history .sect{ display:block; width: 100%;overflow: hidden; position: relative;/* margin-bottom:-0.38rem; */}
.history .sect .div{ display:flex; width: 100%; }
.history .left{ display:inline-flex; position: absolute; left:0; top:0; z-index: 6; }
.history .year{ display:block; width:27.75%; min-width:27.75%; border-right: 3px solid #fff;}
.history .year .p{ cursor: pointer; display: block; text-align: right; color: #fff; font-size:0.36rem; line-height:0.46rem; font-weight: bold; padding:0 0.56rem;}
.history .right{ display:block; width:100%; position: relative; padding:0 0 0.36rem 0.98rem;}
.history .right .cont{ display:block; width: 100%; color: #fff; font-size:0.18rem; line-height:0.28rem; }
.history .slick-arrow{ top: auto; bottom:-0.4rem;}
.history .slick-prev{ transform:rotate(270deg); -ms-transform:rotate(270deg); margin-bottom:calc(10px + 0.6rem);}
.history .slick-next{ right:auto; left: 0; transform:rotate(90deg); -ms-transform:rotate(90deg);}
.history .slick-current .year .p{ color: #0048ae; }
.history .slick-current .right .cont{ color: #0048ae; }

.history .swiper-prev,
.history .swiper-next{font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    width:0.6rem;
    height:0.6rem;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
     background: url(img/ico3.png) center no-repeat rgba(0,0,0,0.5); background-size:auto 100% !important; border-radius:50%;
    z-index:8;
	-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; bottom:-0.4rem;}
.history .swiper-prev:hover,
.history .swiper-next:hover{ background: url(img/ico3.png) center no-repeat rgba(16,77,178,1); }
.history .swiper-prev{ transform:rotate(270deg); -ms-transform:rotate(270deg); margin-bottom:calc(10px + 0.6rem);}
.history .swiper-next{ right:auto; left: 0; transform:rotate(90deg); -ms-transform:rotate(90deg);}
.history .swiper-slide-active .year .p{ color: #0048ae; }
.history .swiper-slide-active .right .cont{ color: #0048ae; }


@media screen and (max-width:1024px) {
.history .left{ position:static; width:100%;}	
.history .swiper-wrapper{ height:480px; }
.history .sect{ margin:30px 0 10px 0;}
.history .year{ width:62px; min-width:62px; border-right:2px solid #fff;}
.history .year .p{ text-align: left; font-size:18px; line-height:28px;padding:0;}
.history .right{ padding:0 0 24px 16px; width:100%;}
.history .right .cont{ font-size:14px; line-height:24px; }
.history .slick-arrow{ bottom: auto; top:-38px;}
.history .slick-prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.history .slick-next{ left:auto; right: 0; transform:rotate(0deg); -ms-transform:rotate(0deg);}

.history .swiper-prev,
.history .swiper-next{ left:auto; right: 0; bottom: auto; top:-2px; width:30px; height:30px; }
.history .swiper-prev{ transform:rotate(180deg); -ms-transform:rotate(180deg); margin-right:40px;}
.history .swiper-next{ left:auto; right: 0; transform:rotate(0deg); -ms-transform:rotate(0deg);}
}



.about2 .box{  position: relative; display: block; width:100%; overflow: hidden; margin-top:53px;}
.about2 .list{ display: block; width:100%; }
.about2 .ul{ display: flex; width:100%; border-left:1px solid rgba(255,255,255,0.5); }
.about2 .ul .li{ display: flex; flex-wrap: wrap; text-align: center; justify-content: center; align-content: flex-start; width:20%; border-right:1px solid rgba(255,255,255,0.5); padding:1.5rem 0.32rem 0.83rem 0.32rem; }
.about2 .ul .li .ico{ display: block; width:100%; line-height:0; }
.about2 .ul .li .ico img{ width:0.52rem; heigh:0.52rem;}
.about2 .ul .li .tit{ display: block; width:100%; color: #fff; font-size:0.26rem; line-height:0.36rem; font-weight: bold; margin-top: 0.65rem; }
.about2 .ul .li .p{ display: block; width:100%; color: #fff; font-size:0.18rem; line-height:0.22rem; margin-top: 0.99rem; }
.about2 .ul .li .line{ display: block; width:0.7rem; height:1px; background: #fff; margin-top: 0.28rem; }
.about2 .ul .li:hover{ background:rgba(0,0,0,0.2);}

@media screen and (max-width:1024px) {
.about2 .box{ margin-top:20px;}
.about2 .ul .li{ padding:30px 15px;}
.about2 .ul .li .ico img{ width:32px; heigh:32px;}
.about2 .ul .li .tit{ font-size:16px; line-height:26px; margin-top:20px; }
.about2 .ul .li .p{ font-size:14px; line-height:18px;  margin-top:30px;}
.about2 .ul .li .line{ width:36px; margin-top: 14px; }
}
@media screen and (max-width:767px) {
.about2 .ul{ flex-wrap: wrap; border-left:0;  padding:15px 0; } 
.about2 .ul .li{ align-items:center; flex-wrap:nowrap; width:100%; padding:25px 15px; border-right:0; border-top:1px solid rgba(255,255,255,0.5); background:rgba(0,0,0,0.2);}
.about2 .ul .li:first-child{border-top:0; }
.about2 .ul .li .ico{ min-width:32px; width:32px;}
.about2 .ul .li .tit{font-size:15px; line-height:24px; min-width:90px; width:90px; margin-top:0;}
.about2 .ul .li .p{ text-align: left; font-size:14px; line-height:18px;  margin-top:0; padding:0 0 0 16px;}
.about2 .ul .li .line{ width:1px; min-width:1px; height:20px; margin-top:0; }
}



.index-banner{ display:flex; width: 100%; 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;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0; overflow: hidden;}
.index-banner .swiper-slide .pc_show1{width: 100%;animation:big 4s infinite linear;}
.index-banner .swiper-slide .ph_show1{width: 100%;animation:big 4s infinite linear;}
.index-banner .swiper-pagination{ display:flex; justify-content: center; position: absolute; z-index:10; left:0; bottom:10%; width:100% !important; }
.index-banner .swiper-pagination-bullet{ cursor: pointer; display:flex;  width:1rem; height:3px; margin:0 5px;background:#000;}
.index-banner .swiper-pagination-bullet-active{background:#fff;}

.index-banner .text{ display: block; width: 100%; position: absolute; left:0; top:61.11%; z-index: 10; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.index-banner .text .tit80{ text-align: center;}
.index-banner .text .tit30{ text-align: center; margin-top:17%;}

@media screen and (max-width:1800px) {
.index-banner .text .tit30{ margin-top:14.37%;}
}




.main5{ background-color: #f5f5f5;}
.main5 .top{ display: flex; flex-wrap: wrap;align-content: flex-start; align-items: flex-start; justify-content:space-between; width: 100%; margin-bottom:28px;}
.main5 .tit30{ color:#dddddd; font-weight: bold; font-family:Arial; text-align: right; line-height: 1;}
.main5 .cont{ display: flex; flex-wrap: wrap; width:calc(100% + 12px); margin:-6px;}
.main5 .cont .box{ width: 12.5%;}
.main5 .cont .box .a{ width: 100%; display:block; padding:6px; line-height: 0;}
.main5 .cont .box .a .pb{ padding-bottom: 74.21%; border-radius:9px; border:1px solid #eeeeee;}
.main5 .cont .box .a img{ width: 100%;transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.main5 .cont .box .a:hover .pb{ border:1px solid #104cb2;}  
.main5 .cont .box .a:hover img{ transform: scale(1.06); -ms-transform: scale(1.06);}


@media screen and (max-width:1024px) {
.main5 .top{margin-bottom:20px;}
.main5 .cont{ width:calc(100% + 10px); margin:-5px;}
.main5 .cont .box{ width: 16.66%;}
.main5 .cont .box .a{  padding:5px; }
}

@media screen and (max-width:767px) {
.main5 .cont{ display: block;}	
.main5 .cont .slick-list{width:100%;}
.main5 .cont .box{ width: 33.33%;}
.main5 .tit30{ line-height: 1.2;}
}




.main3 .top{ display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content:space-between;  width: 100%;margin-bottom:34px;}
.main3 .tit30{ color:#dddddd; font-weight: bold; font-family:Arial; text-align: right; line-height: 1;}
.main3 .cont{ display:block; width: calc( 100% + 0.64rem); margin: 0 -0.32rem;}
.main3 .cont .box{  width:33.33%; padding: 0 0.32rem;}
.main3 .cont .pb{ padding-bottom: 56%; border-radius:9px;}
.main3 .cont .box .tit1{ font-size: 0.24rem; line-height: 0.34rem; color: #333333;  height:0.68rem; margin-bottom: 0.32rem;}
.main3 .cont .box .p1{ font-size: 14px; line-height: 22px; height:88px; color: #999999; margin-bottom:0.23rem;}


@media screen and (max-width:1024px) {
.main3 .top{ margin-bottom: 20px;}
.main3 .cont{ width: calc( 100% + 14px); margin: 0 -7px;}
.main3 .cont .box{  padding: 0 7px;}
.main3 .cont .box .tit1{font-size: 16px; line-height:26px; height:52px; margin-bottom: 10px;}
.main3 .cont .box .p1{ margin-bottom: 15px;}
}
@media screen and (max-width:768px) {
.main3 .cont .box{  width:100%; margin-bottom:5px;}
.main3 .tit30{ line-height: 1.2;}
}



.main2{position: relative; overflow: hidden;}
.main2 .top{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content:space-between; width: 100%; margin-bottom:1.24rem;}
.main2 .top .left{ display: inline-flex; flex-direction:column;}
.main2 .top .p{ display: inline-flex; font-size: 0.18rem; line-height: 0.28rem; color: #104cb2; margin-top: 0.09rem;}
.main2 .tit30{ color:#dddddd; font-weight: bold; font-family:Arial; text-align: right; line-height: 1;}
.main2 .box0{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; }
.main2 .box0 .left{ display:block; width: 32.93%;}
.main2 .box0 .right{ display:block; width: 59.75%;}
.main2 .box0 .p1{ display: inline-flex; font-size: 0.18rem; line-height: 0.28rem; color: #555555; }
.main2 .box1{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; margin-top:0.9rem;}
.main2 .box1 .left{ display:inline-flex;}
.main2 .box1 .right{ display:block; width: 59.75%;}
.main2 .cont{display: flex; justify-content: space-between; width: 100%;}
.main2 .cont .box{ display: flex;width: 100%; flex-direction: column; justify-content: center; align-items: center; padding:0 0 3px 0; border-left: 1px solid #cccccc;} 
.main2 .cont .box:first-child{border-left: 0;}
.main2 .cont .box ._flex{display: flex;}
.main2 .cont .box .num{ font-size:0.3rem; line-height:0.4rem;color: #008c1f; font-weight: bold;}
.main2 .cont .box .p2{ font-size: 0.16rem; line-height:0.26rem; margin-top:0.02rem; margin-left:0.1rem; color: #008c1f; font-weight: bold;}
.main2 .cont .box .p3{ font-size: 0.16rem; line-height:0.26rem; color: #000; margin-top:0.15rem;}
.main2 .more{ display: inline-flex; width:0.5rem; height: 0.5rem; border-radius: 50%; border: 1px solid #999999;  position: relative; margin-top: 0.3rem;}
.main2 .more::after,
.main2 .more::before{ background: #999999; content: ''; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.main2 .more::after{ width:0.21rem; height:1px;}
.main2 .more::before{ height:0.21rem; width:1px;}
.main2 .more:hover{ background:rgba(16,77,178,1);}
.main2 .more:hover::after,
.main2 .more:hover::before{ background: #fff;}
.main2 .pic{ display:flex; flex-wrap: wrap; width: 100%; justify-content: flex-end;}
.main2 .pic .div{ display:block; line-height:0; margin-left: 0.84rem;}
.main2 .pic .div img{ max-width: inherit; width: auto; height: 0.8rem;}

@media screen and (max-width:1440px) {
.main2 .cont .box .num{ font-size:0.28rem; line-height:0.36rem;}
}
@media screen and (max-width:1024px) {
.main2 .top{ margin-bottom:20px;}
.main2 .top .p{font-size:14px; line-height:24px; margin-top:10px;}
.main2 .box0 .left{ width: 100%;}
.main2 .box0 .right{ width: 100%; margin-top:20px;}
.main2 .box0 .p1{font-size:14px; line-height:24px;}
.main2 .box1{ margin-top:15px; flex-wrap: wrap-reverse;} 
.main2 .box1 .left{ width: 100%;}
.main2 .box1 .right{ width: 100%; }
.main2 .cont .box .num{ font-size: 24px; line-height:34px;}
.main2 .cont .box .p2{ font-size: 14px ; line-height: 24px;margin-left: 6px;}
.main2 .cont .box .p3{font-size:14px; line-height:24px; margin-top: 5px;}
.main2 .more{ width:30px; height:30px;margin-top:20px; }
.main2 .more::after{ width:13px; height:1px;}
.main2 .more::before{ height:13px; width:1px;}
.main2 .pic{ justify-content:space-around;}
.main2 .pic .div{ margin-left: 0; margin-top:15px;}
.main2 .pic .div img{ height:50px;}
}
@media screen and (max-width:768px) {
.main2 .top{ flex-wrap: wrap-reverse;}	
.main2 .tit30{ text-align: left; width: 100%; margin-bottom: 10px; line-height: 1.2;}
.main2 .cont{ flex-wrap: wrap;}
.main2 .cont .box{width: 50%; margin-top:25px;}
.main2 .cont .box:nth-child(4n+1),
.main2 .cont .box:nth-child(4n+3){border-left: 0;}
.main2 .box0 .right{ margin-top: 0;}

}


.main4 .top{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content:space-between; width: 100%; }
.main4 .top .left{ display: inline-flex; flex-direction:column;}
.main4 .top .p{ display: inline-flex; font-size: 0.18rem; line-height: 0.28rem; color: #fff; margin-top: 0.09rem;}
.main4 .tit30{ color:#fff; font-weight: bold; font-family:Arial; text-align: right; line-height: 1;}

@media screen and (max-width:1800px) {
.main4 .top .p{ font-size: 0.17rem; line-height: 0.27rem;}
.main4 .tit30{ color:#fff; font-weight: bold; font-family:Arial; text-align: right; line-height: 1; font-size: 0.24rem;}
}
@media screen and (max-width:1024px) {
.main4 .top .p{font-size:14px; line-height:24px; margin-top:10px;}
}
@media screen and (max-width:768px) {
.main4 .top{ flex-wrap: wrap-reverse;}	
.main4 .tit30{ text-align: left; width: 100%; margin-bottom: 10px; line-height: 1.2;}
}


.main4 .cont{ display: block; width: 100%; margin-top:2.48rem; }
.main4 .cont .ul{ display: flex; flex-wrap: wrap; justify-content: space-between; flex-wrap: wrap; width:calc(100% + 16px); margin:0 -8px;}
.main4 .cont .ul .box{ display: flex; flex-wrap: wrap; width:20%; padding:0 8px; margin-top:16px;}
.main4 .cont .ul .box .a{ display: flex; flex-wrap: wrap; width:100%; border-radius: 10px; background:url(img/img9.png) right bottom no-repeat #145acf; overflow: hidden; background-size:contain; padding:0.3rem 0.2rem 0.48rem 0.3rem; align-content: space-between;}
.main4 .cont .ul .box .a:hover{ background:url(img/img9.png) right bottom no-repeat #00b92f;}
.main4 .cont .ul .box .info{ display: flex; align-items: center; width:100%;}
.main4 .cont .ul .box .img{ display: block; min-width:0.5rem; width:0.5rem; height:0.5rem; margin-right: 0.1rem;}
.main4 .cont .ul .box .t{  width: 100%; font-size: 0.18rem; line-height:1; color: #fff; font-family:Arial; opacity: 0.2; /* word-break: break-all; */ }
.main4 .cont .ul .box .p1{ font-size: 0.26rem; line-height:0.36rem; color: #fff; width:100%; margin-top: 0.32rem; }


@media screen and (max-width:1024px) {
.main4{ padding:40px 15px; background-position:25% 0% !important; }	
.main4 .cont{ margin-top:10px;}	
.main4 .cont .ul .box .a{ padding:20px 15px;}
.main4 .cont .ul .box .img{  min-width:28px; width:28px; height:28px; margin-right:10px;}
.main4 .cont .ul .box .t{ font-size:14px; line-height:1.2; }
.main4 .cont .ul .box .p1{ font-size:16px; line-height:26px;margin-top:10px; }
}

@media screen and (max-width:768px) {
.main4 .cont .ul .box{ width:100%;}
.main4 .cont .ul .box .a{ position:relative; padding:18px 18px 18px 60px;}
.main4 .cont .ul .box .img{ position: absolute; left:18px; top:50%; margin:-14px 0 0 0; }
.main4 .cont .ul .box .p1{ line-height:22px;margin-top:6px; }

}



.main1{ background:#f5f5f5;}
.main1 .top{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content:space-between; width: 100%; margin-bottom:47px;}
.main1 .top .left{ display: inline-flex; flex-direction:column;}
.main1 .top .p{ display: inline-flex; font-size: 0.18rem; line-height: 0.28rem; color: #104cb2; margin-top: 0.09rem;}
.main1 .tit30{ color:#dddddd; font-weight: bold; font-family:Arial; text-align: right; line-height: 1;}
.main1 ._list2{ position: relative; }
.main1 ._list2 .ul{ position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; 
-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;  
}
.main1 ._list2 .ul.on{ position: relative; z-index: 6; opacity: 1; }

@media screen and (max-width:1024px) {
.main1 .top{ margin-bottom:20px;}
.main1 .top .p{font-size:14px; line-height:24px; margin-top:10px;}

}
@media screen and (max-width:768px) {
.main1 .top{ flex-wrap: wrap-reverse;}	
.main1 .tit30{ text-align: left; width: 100%; margin-bottom: 10px;line-height: 1.2;}
}


.slideTxtBox{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content:space-between; width: 100%; }
.slideTxtBox .left{ display: block;width: 19.375%;  }
.slideTxtBox .right{ display: block;width: 79.3%;  }

@media screen and (max-width:1024px) {
.slideTxtBox .left{ width: 100%;  }
.slideTxtBox .right{ width: 100%;  }
}

.slide{ display: block; width: 100%;}
.slide .ul{ display: flex; flex-wrap: wrap; justify-content: space-between;width: 100%; border-radius:10px; overflow: hidden;}
.slide .ul .l1{ display: block; width: 100%; position: relative; }
.slide .ul .a1{ display: block; width: 100%; font-size: 0.2rem; line-height:0.3rem; color: #fff; padding:0.15rem 0.22rem; background:#145acf; }
.slide .ul .l2{ display: block; width: 100%; position: relative; }
.slide .ul .a2{ display: block; width: 100%; font-size: 0.18rem; line-height:0.28rem; color: #333; padding:0.11rem 0.32rem; background:#e6e6e6;}
.slide .ul .l2.on .a2{background: #d8d8d8;}
.slide .ul .l2.om .a2{background: #d8d8d8;color: #145acf;}
.slide .ul .l2:hover .a2{color: #145acf;}
.slide .ul .l1:first-child .a1{}
.slide .ul .l2:last-child .a2{}
.slide .ul .u3{ display: none; width: 100%; }
.slide .ul .u2{ display: block; width: 100%; }
.slide .ul .l3{ display: block; width: 100%; }
.slide .ul .a3{ display: block; width: 100%; font-size: 0.18rem; line-height:0.28rem; color: #333; padding:0.11rem 0.32rem 0.11rem 0.52rem; background:#d8d8d8; }
.slide .ul .a3:hover{color: #145acf;}
.slide .ul .icobox{ cursor: pointer; display: block; content:''; position: absolute; right: 0; top: 0; width:0.5rem; height:0.5rem; }
.slide .ul .icobox::after{ display: block; content:''; position: absolute; right:0.22rem; top:50%; border-bottom: 1px solid #333; border-right:1px solid #333; width: 8px; height: 8px; transform: translateY(-50%) rotate(45deg);}
.slide .ul .l2.om .icobox::after{ border-bottom: 1px solid #145acf; border-right:1px solid #145acf;}
.slide .ul .icobox1{ cursor: pointer; display: none; content:''; position: absolute; right: 0; top: 0; width:40px; height:38px; }
.slide .ul .icobox1::after{ display: block; content:''; position: absolute; right:15px; top:50%; border-bottom: 1px solid #fff; border-right:1px solid #fff; width: 8px; height: 8px; transform: translateY(-50%) rotate(45deg); margin-top: -2px; }

.slide .ul .l3.on .a3{color: #145acf;}


@media screen and (max-width:1800px) {
.slide .ul .a1{ font-size: 0.2rem; line-height:0.3rem; padding:0.13rem 0.22rem; }
}
@media screen and (max-width:1600px) {
.slide .ul .a1{ font-size: 0.2rem; line-height:0.3rem; padding:0.11rem 0.22rem; }
.slide .ul .a2{ font-size: 0.18rem; line-height:0.28rem; padding:0.09rem 0.32rem; }
.slide .ul .a3{ font-size: 0.18rem; line-height:0.28rem; padding:0.09rem 0.32rem 0.09rem 0.52rem;}
.slide .ul .icobox{ width:0.5rem; height:0.46rem; }
}
@media screen and (max-width:1024px) {
.slide .ul{ background:#e6e6e6;border-radius:10px; overflow: hidden;}	
.slide .ul .a1{ font-size:16px; line-height: 26px; padding:6px 12px;}	
.slide .ul .a2{ font-size:14px; line-height: 24px; padding:2px 15px;}
.slide .ul .a3{ font-size:14px; line-height: 24px; padding:2px 15px 2px 20px;}
.slide .ul .icobox{ width:40px; height:28px; }
.slide .ul .icobox::after{ right:15px;}
.slide .ul .l2{ width:50%;}
.slide .ul .l1{ margin:1px 0 0 0;}
.slide .ul .l1:first-child{ margin-top:0;}
.slide .ul .u2{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.slide .ul .u3{ width: 200%; }
.slide .ul .l2:nth-child(2n) .u3{ margin-left:-100%;}
.slide .ul .l3{ width:50%;float: left;}
.slide-1 .ul .icobox1{ display:block;}
.slide-1 .ul .u2{ display: none; }
.slide-1 .ul .om .u2{ display: flex; }
.ph_no{ display:none;}
}
@media screen and (max-width:768px) {
.slide .navs{ overflow-x: auto;}	
.slide .navs .nav{ width: 50%; min-width: 50%;}
}



._list2{ display: block; width: 100%;margin:-0.1rem 0;}
._list2 .ul{ display: flex; flex-wrap: wrap; width: calc( 100% + 0.2rem); margin:0 -0.1rem;}
._list2 .ul .box{ display: flex; flex-wrap: wrap; text-align: center; width: 25%; padding:0.1rem 0.1rem;}
._list2 .ul .box .a{ display: flex; flex-wrap: wrap; width: 100%; background: #fff; overflow: hidden; border-radius: 10px; padding:0.24rem 0.2rem;}
._list2 .ul .box .a .pic{ display: block; width: 100%; line-height: 0; padding-bottom:100%; position: relative; overflow: hidden;}
._list2 .ul .box .a .pic img{ position: absolute; left: 0; top:0; width: 100%; height: 100%; object-fit: contain;transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
._list2 .ul .box .a:hover .pic img{ transform: scale(0.9); -ms-transform: scale(0.9);}
._list2 .ul .box .a .p2{ width: 100%; font-size:0.2rem; line-height:0.3rem; color: #333333; margin-top:0.1rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
._list2 .ul .box .a:hover .p2{ color: #145acf;}
._list2-1{ margin-top:0.53rem;}



@media screen and (max-width:1024px) {
._list2{ margin:0;}	
._list2 .ul{ width: calc( 100% + 14px); margin:0 -7px;}
._list2 .ul .box{ padding:0 7px; margin-top:14px;}	
._list2 .ul .box .a{ padding:10px 10px 15px 10px;}
._list2 .ul .box .a .p2{ font-size:14px; line-height: 24px; margin-top:4px;}
}
@media screen and (max-width:768px) {
._list2 .ul .box{ width: 50%;}	
._list2-1{ margin-top:10px;}
}





.mapbox{ display:block; width:100%; position: relative;}
.mapbox .a{ position: relative; display: block; width:100%;}
.mapbox .bg{ display: block; width:100%; height:7rem;}

@media screen and (max-width:767px) {
.mapbox .bg{ height:12rem;}	
}

.contact{ background:#eeeeee;}
.contact .box{ display: flex; flex-wrap: wrap; width:calc(100% + 0.26rem); margin:-0.13rem;}
.contact .box .li{ display: flex; flex-wrap: wrap; width:25%; text-align:center; padding:0.13rem;}
.contact .box .li .la{ display: flex; flex-wrap: wrap; width:100%; align-content: flex-start; position: relative; height:100%; background: #fff; border-radius: 8px; padding:0.3rem 0.2rem 0.46rem 0.2rem;transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.contact .box .li .ico{ display:block; width:100%; line-height: 0; height: 0.5rem;}
.contact .box .li .ico img{ width: 0.5rem; height: 0.5rem;}
.contact .box .li .tit{ display:block; width:100%; color:#000;font-size:0.24rem; line-height:0.34rem; margin-top:6px;transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.contact .box .li .p{ display:block; width:100%; color:#545454;font-size:0.18rem; line-height:0.28rem; margin-top:6px;}
.contact .box .li .la:hover{ box-shadow:0 0 10px rgba(0,0,0,0.1);}
.contact .box .li .la:hover .tit{ color:#004caa;}

@media screen and (max-width:1024px) {
.contact{ padding-top:30px; padding-bottom:30px;}	
.contact .box{ width:calc(100% + 16px); margin:0 -8px;}
.contact .box .li{ padding:8px 8px;}	
.contact .box .li .la{ padding:20px 14px;}
.contact .box .li .ico{ height:34px;}	
.contact .box .li .ico img{ width:34px; height:34px;}	
.contact .box .li .tit{ font-size:16px; line-height:26px;}
.contact .box .li .p{ font-size:14px; line-height:24px; margin-top:4px;}
}
@media screen and (max-width:767px) {
.contact .box .li{ width:100%; position: relative; text-align: left;}
.contact .box .li .la{ padding:16px 16px 16px 66px;}
.contact .box .li .ico{ width: auto; position: absolute; left:16px; top:24px;}
.contact .box .li .tit{ margin: 0;}
.contact .box .li .p{ margin: 0;}
}





._list1{ display:block; width: 100%; padding-top: 0.4rem;}
._list1 .cont{ display:flex; flex-wrap: wrap; width: calc( 100% + 0.64rem); margin: 0 -0.32rem;}
._list1 .cont .box{  width:33.33%; padding: 0 0.32rem; margin-top:0.56rem;}
._list1 .cont .pb{ padding-bottom: 56%; border-radius:9px;}
._list1 .cont .box .tit1{ font-size: 0.24rem; line-height: 0.34rem; color: #333333;  height:0.68rem; margin-bottom: 0.32rem;}
._list1 .cont .box .p1{ font-size: 14px; line-height: 22px; height:88px; color: #999999; margin-bottom:0.23rem;}

@media screen and (max-width:1024px) {
._list1{ padding-top:0;}	
._list1 .cont{ width: calc( 100% + 14px); margin: 0 -7px;}
._list1 .cont .box{ margin-top:30px; padding: 0 7px;}
._list1 .cont .box .tit1{font-size: 16px; line-height:26px; height:52px; margin-bottom: 10px;}
._list1 .cont .box .p1{ margin-bottom: 15px;}
}
@media screen and (max-width:768px) {
._list1 .cont .box{  width:100%;}
._list1 .cont .box .tit1{ height: auto;}
._list1 .cont .box .p1{ height: auto;}
}





/* 分页 */
.wack1 .pz_fy{ display:flex; flex-wrap: wrap; width:100%; justify-content:center;}
.wack1 .pz_fy a { position: relative; float:left; border-radius:8px; width:0.5rem; height:0.5rem; background:#fff; line-height:0.48rem; color:#878787; text-align: center; font-size:18px; margin:0 5px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{ background:#145acf; color: #fff;}
.wack1 .pz_fy .prev,
.wack1 .pz_fy .next{ width:0.72rem;}
.wack1 .pz_fy .prev::after,
.wack1 .pz_fy .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:0.17rem; height:0.17rem; border-top:2px solid #010101; border-right:2px solid #010101; 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:#878787;}
.wack1 .fy_pc .prev,
.wack1 .fy_pc .next{ display: flex; position: relative; height:32px; width:32px; border-radius:4px; background:#145acf;}
.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 #fff; border-right:1px solid #fff; 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;}
}



.newsDet{ position: relative; overflow: hidden;}
.newsDet .box{ display: block; width: 100%; text-align: center; position: relative; padding:0.95rem 0 0.37rem 0;}
.newsDet .box::after{ display: block; content:''; position: absolute; left:50%; top:0; width: 4000px; height: 100%; background: #f5f5f5; margin-left:-2000px;}
.newsDet .title{ display: block; width: 100%; color: #000;font-size:0.4rem; line-height:0.5rem;}
.newsDet .time{ display: block; width: 100%; color: #333;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top: 0.52rem;}
.newsDet .cont{ display: block; width: 100%; color: #525252;font-size:0.2rem; line-height:0.36rem; padding:0.63rem 0 0.81rem 0;}
.newsDet .page{ display: block; width: 100%; position: relative; padding:0.6rem 0 0.8rem 0;}
.newsDet .page::after{ display: block; content:''; position: absolute; left:50%; top:0; width: 4000px; height: 100%; background: #f5f5f5; margin-left:-2000px;}
.newsDet .page span{ display: block; white-space: nowrap; color: #545454; margin-right: 0.36rem;}
.newsDet .page a{ display:flex; width: 100%; color: #333;font-size:0.18rem; line-height:0.28rem; padding:0.16rem 0; }
.newsDet .page a font{ width: 100%; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.newsDet .page a:hover font{ color: rgba(16,77,178,1); }

@media screen and (max-width:1024px) {
.newsDet .box{ padding:25px 0 20px 0;}	
.newsDet .title{ font-size:18px; line-height:28px;}	
.newsDet .time{font-size:14px; line-height:24px; margin-top:6px;}
.newsDet .cont{ font-size:14px; line-height:24px; padding:30px 0 30px 0;}
.newsDet .page{ padding:20px 0 20px 0;}
.newsDet .page a{ font-size:14px; line-height:24px;padding:4px 0;}
.newsDet .page span{ margin-right:10px;}
}


.Join{ position: relative; overflow: hidden;}
.Join .box{ display: block; width: 100%; position: relative; padding:0.95rem 0 0.79rem 0;}
.Join .box::after{ display: block; content:''; position: absolute; left:50%; top:0; width: 4000px; height: 100%; background: #f5f5f5; margin-left:-2000px;}
.Join .title{ display: block; width: 100%; color: #333;font-size:0.4rem; line-height:0.5rem;}
.Join .info{ display: block; width: 100%; color: #525252;font-size:0.2rem; line-height:0.4rem; margin-top: 0.37rem;}
.Join .info a{ color: #525252;}
.Join .info a:hover{ color:rgba(16,77,178,1);}
.Join .cont{ display: block; width: 100%; color: #525252;font-size:0.2rem; line-height:0.4rem; padding:0 0 9px 0;}
.Join .line{ display: block; width: 100%; border-top: 1px solid #dddddd; padding-top:0.6rem; margin-top:0.6rem;}
.Join .line:first-child{ padding-top:0.4rem; margin-top:0.45rem;}
.Join .title1{ margin-top:1.05rem;}


@media screen and (max-width:1024px) {
.Join .box{ padding:25px 0 25px 0;}	
.Join .title{ font-size:18px; line-height:28px;}	
.Join .info{font-size:14px; line-height:24px; margin-top:6px;}
.Join .cont{ font-size:14px; line-height:24px; padding:0 0 5px 0;}
.Join .line{ padding-top:30px; margin-top:30px;}
.Join .line:first-child{ padding-top:20px; margin-top:25px;}
.Join .title1{ margin-top:30px;}
}




.prod1{ display: block; width: 100%; color:#545454;font-size:0.18rem; line-height:0.3rem; background: #fff; border-radius: 10px; padding:0.79rem 0.52rem; margin-top: 20px;}

@media screen and (max-width:1024px) {
.prod1{ font-size:14px; line-height:24px; padding:15px 15px 30px 15px;}

}

.prod2{ display:flex; flex-wrap: wrap; justify-content: space-between; width: 100%; background: #fff; border-radius: 10px;}
.prod2 .tit40{ color:#333;}
.prod2 .info{ display: block; width: 100%; color:#545454;font-size:0.18rem; line-height:0.26rem; margin-top:0.31rem; }
.prod2 ._btn{display:block;width:100%; margin-top: 0.31rem;}
.prod2 ._btn .a{display:inline-flex; background:#145acf; border-radius:8px;color: #fff; font-size:0.16rem; line-height:0.6rem;}
.prod2 ._btn .a span{ background:#0f449b; border-radius:8px; padding:0 0.21rem 0 0.27rem;-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;  }
.prod2 ._btn .a i{display:inline-flex; margin:0 16px 0 14px; padding-left:0.32rem; background: url(img/ico1.png) left center no-repeat; background-size:0.24rem auto !important;}
.prod2 ._btn .a:hover span{background:#145acf;}
.prod2 ._btn .a:hover{background:#0f449b;}
.prod2 .right1{ display:flex; flex-wrap: wrap; align-content: space-between; width:41.86%; margin:0.5rem 0; padding:0.46rem 0.7rem 0.1rem 0.7rem; border-left:1px solid #dddddd; }
.prod2 .pic{ display: block; line-height:0;width:55.81%; padding:0.4rem 0.4rem 0.5rem 0.4rem; }
.prod2 .pic .big{ display: block; width: 100%; margin-bottom:15px;}
.prod2 .pic .big ._img{ padding-bottom:100%;}
.prod2 .pic .big ._img img{ object-fit:contain;}
.prod2 .pic .samll{ display: block; width: calc( 100% + 0.22rem); margin:0 -0.11rem;}
.prod2 .pic .samll .img{padding:0; margin:0 0.11rem;}
.prod2 .pic .samll ._img{padding-bottom:100%; border-radius:10px; overflow: hidden; background:#f4f4f4;}
.prod2 .pic .samll ._img img{ object-fit:contain;}
.prod2 .pic .samll .slick-current ._img{background:#fff;}
.prod2 .pic .samll .slick-current ._img::after{ display: block; content: ''; position:absolute; left: 0; top:0; width: 100%; height: 100%; border-radius:10px; border:1px solid #175cd0;}
.prod2 .pic .img{ display: block; line-height:0; width: 100%; cursor: pointer; }



@media screen and (max-width:1600px) {
.prod2 .right1{ width:43.86%; margin:0.5rem 0; padding:0.4rem 0.5rem 0.1rem 0.5rem; }

}
@media screen and (max-width:1024px) {
.prod2{ display: block;}	
.prod2 .pic{ width:100%; padding:15px 15px 15px 15px; }	
.prod2 .pic .big{ margin-bottom:10px;}
.prod2 .pic .big ._img{ padding-bottom:100%;}
.prod2 .pic .samll{ display: block; width: calc( 100% + 10px); margin:0 -5px;}
.prod2 .pic .samll .img{padding:0; margin:0 5px;}
.prod2 .info{ font-size:14px; line-height:22px; margin-top:12px; }
.prod2 ._btn{ margin-top:20px;}
.prod2 ._btn .a{ font-size:14px; line-height:40px;}
.prod2 ._btn .a span{ border-radius:6px; padding:0 12px 0 14px;}
.prod2 ._btn .a i{display:inline-flex; margin:0 14px 0 12px; padding-left:26px; background-size:20px auto !important;}
.prod2 .right1{ border-left:0;  border-top:1px solid #dddddd; width:100%; margin:0; padding:22px 15px 26px 15px; }


}



.about4 .tit40,
.rongyu .tit40,
.about2 .tit40,
.about1 .tit40,
.slideTxtBox .tit40,
.main2 .tit40,
.main2 .p,
.main1 .tit40,
.main1 .p,
.main3 .tit40,
.main5 .tit40{ display: inline-flex;
background: -webkit-linear-gradient(-90deg, #03b930 0%, #145acf 100%);
  background: linear-gradient(-90deg, #03b930 0%, #145acf 100%);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



/*2506end*/