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


.max-1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.max-width{max-width:1620px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.8rem;padding-right:0.8rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left:15px;padding-right:15px;}
}
/*PC head*/
.t_navs{ position:fixed; left:0; top:0; z-index: 20; width:100%; padding:0 26px; border-bottom:1px solid rgba(255,255,255,0.3);}
.t_navs .top{ width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; height:1rem;}
.t_navs .top .logo{ line-height: 0; float: left;}
.t_navs .top .logo a{ float: left;}
.t_navs .top .logo img{ width: auto; height:0.5rem;}
.t_navs .top .logo .img1{ display:block;}
.t_navs .top .logo .img2{ display:none;}
.t_navs .lang{  padding:6px 20px;margin:0 0.54rem 0 0;font-size: 0.2rem;color: #fff;line-height: 0.3rem;border: 1px solid #fff;}
.t_navs .lang:hover{opacity: 0.8;}
.t_navs .lang img{ width:24px; height:24px;}
.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-right: 0.5rem;}
.t_navs .menu .nli span a{ display: block;color: #fff; position: relative;line-height:1rem;font-size:0.2rem;}
.t_navs .menu .nli span a::after{ display: block; background: #00a0e9; content:''; position: absolute; left:50%; bottom:-1px; width:0; height:1px; transform: translate(-50%,0); -ms-transform: translate(-50%,0);}
.t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{ width:100%;}
.t_navs .menu .sub{ display: none; position: absolute;top:100%; left:50%; transform: translate(-50%,0); -ms-transform: translate(-50%,0); padding-top: 10px;}
.t_navs .menu .sub .ul{ display: flex; flex-direction: column; width:100%; background:#fff; border-radius: 8px; z-index:8; box-shadow:0 3px 6px rgba(0,0,0,0.1); padding:3px 0.35rem 0.27rem 0.35rem;}
.t_navs .menu .sub .li{ display: block; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); padding-top: 7px;}
.t_navs .menu .sub .li a{ display: block; text-align: center; width:100%; white-space: nowrap; color: #333; line-height:calc(24px + 0.02rem); font-size:calc(14px + 0.02rem); padding:8px 0;}
.t_navs .menu .sub .li a:hover{ color: #00a0e9; }

.t_navs.act{ background:#fff; box-shadow:0 0 0.2rem rgba(0,0,0,0.2);}
.t_navs.act .lang{ color: #333; border: 1px solid #333;}
.t_navs.act .top .logo .img1{ display:none;}
.t_navs.act .top .logo .img2{ display:block;}
.t_navs.act .menu .nli span a{color: #333; }
.t_navs.act .menu .nli.on span a,
.t_navs.act .menu .nli:hover span a{color: #00a0e9; }


.t_navs.ect{ background:#fff; box-shadow:0 0 0.2rem rgba(0,0,0,0.2);}
.t_navs.ect .lang{ color: #333; }
.t_navs.ect .top .logo .img1{ display:none;}
.t_navs.ect .top .logo .img2{ display:block;}


@media screen and (max-width:1024px) {
.t_navs{ padding:0 15px;}	
.t_navs .top{ height:50px;}
.t_navs .menu{ display: none;}
.t_navs .top .logo img{ height:30px;}
.t_navs .lang{ padding:0 12px; margin:0 15px 0 0;font-size: 16px;line-height: 30px;}
.t_navs .lang img{ width:22px; height:22px;}
}


.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.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;}


.t_navs.act .menuph .navbtn,
.t_navs.act .menuph .navbtn::after,
.t_navs.act .menuph .navbtn::before{ background: #222;}

.t_navs.ect .menuph .navbtn,
.t_navs.ect .menuph .navbtn::after,
.t_navs.ect .menuph .navbtn::before{ background: #222;}


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

.xialaph{ position: fixed; left: 0; float: left; width: 100%; top:50px; height:calc(100vh - 50px); overflow: scroll; padding:5px 15px 50px 15px; display: none; z-index:15; background:#fff; border-top:1px solid #f2f2f0; }
.xialaph::-webkit-scrollbar{ display: none;}
.xialaph .ul2,
.xialaph .ul3{ display: none;}
.xialaph h4 a{ float: left; width:100%; color: #333; font-size:16px; line-height:30px; padding:10px 0;}
.xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;}
.xialaph h4 i,
.xialaph h5 i{display:block; width:50px; height:100%; position:absolute; right:0; top:0;}
.xialaph h4 i::after{display:block; content:''; width:9px; height:9px; position:absolute; right:6px; top:50%; border-top:1px solid #333; border-right:1px solid #333; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h4.active i::after{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #00a0e9; border-right:1px solid #00a0e9; opacity:1}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #f2f2f0;}
.xialaph li:first-child h4::after{ display:none;}
.xialaph li:last-child h4::before{ display:none;}
.xialaph h4.active a{ color: #00a0e9;}
.xialaph h5:hover a{ color: #00a0e9;}
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #f2f2f0;}
.xialaph h5 a{ float: left; width:100%; color: #333; font-size:14px; line-height:30px;}
.xialaph h5{ float: left; width: 100%; position: relative;}
.xialaph h5::after{ display:none; content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #f2f2f0;}
.xialaph li:last-child h5::after{ display:none;}
.xialaph .ul1{ float: left; width: 100%; border-bottom:1px solid #f2f2f0;}
.xialaph .ul2{ float: left; width: 100%; padding:0 10px 20px 10px;}



.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;}
.index-banner .swiper-slide .pc_show{width: 100%;}
.index-banner .swiper-slide .ph_show{width: 100%;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ display:flex; position: absolute; z-index:10; bottom:0.5rem; width:0.5rem; height:0.5rem; background: url(img/ico18.png) center no-repeat; background-size:100% 100% !important; cursor: pointer;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{ opacity:0.6;}
.index-banner .swiper-prev{ left:0.5rem; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.index-banner .swiper-next{ right:0.5rem;}
.index-banner .swiper-notification{ display:none; }
.index-banner .swiper-pagination{ cursor: pointer; display:flex;position: absolute;left:0; bottom:1rem; justify-content: center; width:100% !important; z-index: 10;}
.index-banner .swiper-pagination-bullet{ cursor: pointer; display:flex; border-radius:8px; width:30px; height:8px; margin:2px 5px; display:block; background:#fff; }
.index-banner .swiper-pagination-bullet-active{ background: #00a0e9;}
.index-banner .box{ position: absolute;left:0; bottom:1.48rem; z-index: 10; width:100%; }
.index-banner .tit{ display:block; width:100%; color: #fff; font-weight: bold; font-size:0.5rem; line-height:0.6rem;}
.index-banner .tit1{ display:block; width:100%; color: #fff; font-size:0.26rem; line-height:0.36rem; margin-top:0.15rem;}

@media screen and (max-width:1024px) {
.index-banner .swiper-prev,
.index-banner .swiper-next{ bottom:20px; width:28px; height:28px;}
.index-banner .swiper-prev{ left:15px;}
.index-banner .swiper-next{ right:15px;}
.index-banner .swiper-pagination{ bottom:50px;}
.index-banner .swiper-pagination-bullet{width:16px;}
.index-banner .box{ bottom:80px;}
.index-banner .tit{  font-size:20px; line-height:30px;}
.index-banner .tit1{ font-size:14px;  line-height:24px; margin-top:4px;}
}




.pf-right{display:none; z-index:10; position:fixed; right:0.5rem; bottom:12vh; width:0.5rem;}
.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{ 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; white-space: nowrap;}
.pf-right .er{ display: none; position: absolute; right:100%; top:0; width:120px; background: #fff; border-radius:6px; line-height:0; overflow: hidden;}
.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.15rem;}	
}	
@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;}
}



/* footer */
.footer{overflow: hidden; position: relative; padding-top:1rem;}
.footer::after{display:block; content:''; width:100%; height:5.2rem; position:absolute; left:0; bottom:0; z-index: 1;background: url(img/back3.png) no-repeat; background-size:cover; background-position: center top;}
.footer .ctext{ position: relative; z-index: 6;}
.footer .box1{display: flex;flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding:2.2rem 0 1.45rem 0;}
.footer .left{display: flex;flex-wrap: wrap; align-items: flex-start;width:60.49382716049383%;}
.footer .right{display: flex;flex-wrap: wrap; align-items: flex-start;width:39.50617283950617%;}
.footer .nav{ position:relative; z-index: 6; display: inline-flex; flex-direction: column; margin-right: 0.4rem;}
.footer .nav .u2{ display: inline-flex; flex-direction: column; margin-top:0.16rem;}
.footer .nav .a1{ display:inline-flex; text-transform: uppercase; color: #fff; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.12rem);}
.footer .nav .a2{ display:inline-flex; position: relative; color: #fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); margin-top:0.05rem;}
.footer .nav .a2:hover{ transform: translateX(10px); -ms-transform: translateX(10px); }
.footer .addr{ display: block; font-size: calc(14px + 0.04rem); line-height: calc(22px + 0.1rem); color: #fff;width:calc(100% - 100px);padding-right:20px;}
.footer .addr a{ color: #fff;}
.footer .er{ width: 100px; min-width: 100px; display: block; line-height: 0; margin-top: 8px;}
.footer .box{ width:100%; flex-wrap: wrap; display: flex; justify-content: space-between;}
.footer .bottom{ background: url(img/back1.png); padding: 0.27rem 0.8rem;}
.footer .Copyright{display: flex; color: #fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
.footer .Copyright .t{ white-space: nowrap;}
.footer .Copyright .dl{display: flex; flex-wrap: wrap;}
.footer .Copyright a{color: #fff; margin-right: 16px;}
.footer .Copyright a:hover{ color:rgba(255,255,255,0.6);}
.footer .sjkf{ display: block;color: #fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
.footer .sjkf a{color: #fff;}
.footer .sjkf a:hover{ color:rgba(255,255,255,0.6);}

@media screen and (max-width:1680px) {
.footer .nav{ margin-right: 0.2rem;}    
.footer .addr{font-size:14px}
}

@media screen and (max-width:1024px) {
.footer{ padding-top:35px;}
.footer .box1{ padding:0 0 30px 0;}
.footer .nav{justify-content: space-between; margin-right:0;}
.footer .nav .a1{ font-size: 15px; line-height:24px;}
.footer .nav .a2{ font-size: 14px; line-height:24px; margin-top:2px;}
.footer .nav .a2:hover{ transform: translateX(0); -ms-transform: translateX(0); }
.footer .addr{ font-size: 14px; line-height:26px;}
.footer .Copyright{ font-size: 14px; line-height:24px; width:100%;}
.footer .sjkf{ font-size: 14px; line-height:24px; width:100%; text-align: center; margin-top: 10px;}
.footer .bottom{ padding:20px 15px; }
.footer .left{ width:100%;justify-content: space-between; margin-bottom: 20px;}
.footer .right{ width:100%; align-items: center; justify-content: space-between;}
.footer .er{ margin:0 0 0 15px;}
}
@media screen and (max-width:767px) {
.footer::after{ height:234px;background-position: center bottom;}
.footer .Copyright{ font-size:13px; flex-wrap: wrap; position: relative;}	
.footer .Copyright .t{ width: 100%; background:rgba(0,0,0,0.3); padding:10px 15px; border-radius:5px;backdrop-filter: blur(15px); position: relative;}
.footer .Copyright .t::after{display:block; content:''; width:9px; height:9px; position:absolute; right:16px; top:50%; border-top:1px solid #fff; border-right:1px solid #fff; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.footer .Copyright .dl{display:none; width:100%; padding:15px 15px; position: absolute; left:0; bottom:100%; margin-bottom: 1px; border-radius:5px;backdrop-filter: blur(15px); background: rgba(0,0,0,0.3); z-index: 6;}	
.footer .Copyright a{ display: block; margin:0; padding:2px 0;}
.footer .sjkf{ display:none;}
.footer .nav{width: 100%; margin-bottom: 10px; position: relative;} 	
.footer .nav .i{display:block;width:50px; height:44px; position:absolute; right:0; top:0; z-index: 6;}
.footer .nav .i::after{display:block; content: ''; width:9px; height:9px; position:absolute; right:16px; top:50%; border-top:1px solid #fff; border-right:1px solid #fff; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg); z-index: 6;}
.footer .nav .u2{ display:none; width: 100%; padding:5px 15px;}
.footer .nav .a2{ margin-right:16px;}
.footer .nav .a1{ width: 100%; background:rgba(0,0,0,0.3); padding:10px 15px 10px 15px; border-radius:5px;backdrop-filter: blur(15px);}

}


.main4{ position: relative; overflow: hidden; padding-top:2.1rem;  padding-bottom:1.9rem;}	
.main4 .bg{ width:100%; height:100%; z-index: 1; display: block; position: absolute; right: 0; top:0;}
.main4 .box{ width:100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; flex-direction: row-reverse; }
.main4 .right{ display:block; width:31.42%;}
.main4 .left{ display:block; width:55.25%; margin:0 4.32% 0 0; position: relative;}
.main4 .more{ width:0.5rem; height:0.5rem; border:1px solid #fff; border-radius:50%; display: block; position: absolute; right: 0; top:0;background: url(img/ico19.1.png) center no-repeat; background-size:100% 100% !important;  z-index: 6;}
.main4 .more:hover{ border:1px solid #00a0e9; background: url(img/ico19.1.png) center no-repeat #00a0e9;}
.main4 .title{ display: block; width: 100%; color: #fff; font-size:0.4rem; line-height:0.5rem; padding-right: 0.7rem;}
.main4 .info{ display: block; width: 100%; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.1rem); margin-top:0.46rem;}
.main4 .pic{display:block; width: 100%; line-height: 0;}
.main4 .cont{display: flex; flex-wrap: wrap; width: 100%; margin-top:0.44rem; }
.main4 .ul{ width:calc(100% + 0.32rem); display:flex; flex-wrap: wrap; margin:-0.16rem;}
.main4 .ul .li{ width:25%; display:block; padding:0.16rem;}
.main4 .ul .li .a{ display: block; width: 100%; text-align: center; position: relative; height: 100%; background:rgba(0,0,0,0.3); border-radius: 0.18rem; padding:0.44rem 14px;}
.main4 .ul .li .pic{ display: block; width: 100%; line-height: 0;}
.main4 .ul .li .pic img{ width:0.52rem; height: 0.52rem;}
.main4 .ul .li .tit{width: 100%;
color: #fff;
font-size: 0.24rem;
font-weight: 400;
line-height: 0.34rem; margin-top: 0.26rem;
}
.main4 .ul .li .a:hover{ background:#00a0e9;}

@media screen and (max-width:1600px) {
.main4 .left{ width:57.5%; }	
.main4 .info{ margin-top:0.3rem;}
.main4 .cont{ margin-top:0.3rem;}
.main4 .ul .li .a{ padding:0.3rem 14px;}
.main4 .ul .li .tit{ margin-top: 0.2rem;}
}
@media screen and (max-width:1440px) {
.main4 .left{ width:60%;margin:0 2.32% 0 0; }
.main4 .info{font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem);}
}
@media screen and (max-width:1024px) {
.main4{ padding-top:40px;  padding-bottom:40px;}	
.main4 .box{ position: relative; justify-content: center;}
.main4 .left{ width:100%; margin:0;}
.main4 .right{ width:100px; position: absolute; right: 0; top: -12px; display: none; }
.main4 .more{ width:30px; height:30px; }
.main4 .title{ font-size:20px; line-height:30px; padding-right:42px;}
.main4 .info{ font-size:14px; line-height:26px; margin-top:20px;}
.main4 .cont{ margin-top:25px;}	
.main4 .ul{ width:calc(100% + 10px); margin:-5px;}
.main4 .ul .li{ padding:5px;}
.main4 .ul .li .a{ padding:22px 10px; border-radius: 10px;}
.main4 .ul .li .pic img{ width:32px; height:32px;}
.main4 .ul .li .tit{font-size: 16px;line-height:26px; margin-top:10px;}
}
@media screen and (max-width:767px) {
.main4 .ul .li{width:25%;}
.main4 .ul .li .a{ padding:16px 4px;}
.main4 .ul .li .pic img{ width:26px; height:26px;}
.main4 .ul .li .tit{font-size: 12px;line-height:16px; margin-top:6px;}
}
@media screen and (max-width:374px) {
.main4 .ul .li{width:50%;}
}

.poart-tit{ display: block; width: 100%; font-size: 0.3rem; line-height:1; color: #fff;}
@media screen and (max-width:1024px) {	
.poart-tit{ font-size:18px;}
}

.poart-list{display: flex; flex-wrap: wrap; width: 100%; margin-top:25px; }
.poart-list .ul{ width:calc(100% + 12px); display:flex; flex-wrap: wrap; margin:-6px;}
.poart-list .ul .li{ width:16.66%; display:block; padding:6px;}
.poart-list .ul .li .a{ display: block; width: 100%;}
.poart-list .ul .li ._img{ padding-bottom:53.84%; background:#fff; border-radius:9px;}
.poart-list .ul .li ._img img{ object-fit: contain;}
.poart-list .ul .li ._img:hover{ transform:translateY(10px); -ms-transform:translateY(10px); box-shadow:0 0 10px rgba(0,0,0,0.1);}

@media screen and (max-width:1024px) {	
.poart-list{ margin-bottom:25px; }
.poart-list .ul .li ._img:hover{ transform:translateY(0); -ms-transform:translateY(0);}
}
@media screen and (max-width:767px) {	
.poart-list .ul .li{ width:33.33%; }
}

/* contact */
.contact{ position: relative; width: 100%;}
.contact .bg{ position: absolute; left:0; top: 0; z-index: 1; height: 100%; width: 100%;}
.contact .box{  display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding:1.88rem 0 1rem 0;}
.contact .left { display: flex; flex-wrap: wrap; align-content: space-between; width:44%; padding-bottom:4px;}
.contact .right { display: flex; flex-wrap: wrap; align-items: flex-start; width:39.5%; margin-right: -0.4rem;}
.contact .top{ display: block; width: 100%;}
.contact .title{ display: block; width: 100%; font-size: 0.3rem; line-height:0.4rem; color: #fff;}
.contact .p{display: block; width: 100%;  font-size: calc(14px + 0.04rem); line-height: calc( 22px + 0.04rem); color: #fff; margin-top: 20px;}
.contact .form{ display: block; width: 100%; background-color: #f2f2f0; padding:0.38rem 0.4rem 0.5rem 0.4rem; border-radius:8px; margin-top:13px;}
.contact .form .tit1{ font-size: calc(14px + 0.03rem); line-height: calc( 22px + 0.06rem); color: #999; padding-bottom:0.14rem;}
.contact .form .input { width: 100%;  margin-top:10px;   background-color: #fff; line-height:0.5rem; height:0.7rem;  color: #000;  font-size: calc(14px + 0.04rem); border-radius: 8px; padding: 0.1rem 0.2rem;}
.contact .form .yanzheng{ display: flex; justify-content: space-between;}
.contact .form .yanzheng input { margin-right: 10px;}
.contact .form .yanzheng a { width: 37.5%; text-align: center; font-size: calc(14px + 0.04rem); line-height: 0.5rem; padding: 0.1rem 0 ; background-color: #fff; border-radius: 10px; margin-top: 10px; color: #000;}
.contact .form .yanzheng a img{display:block;height:0.5rem;width:100%;}
.contact .form .tijiao{ display: flex; width: 100%; margin-top: 0.4rem; }
.contact .form .tijiao a { width:150px; display: flex; align-items: center; justify-content: center; padding: 0.1rem 0 ; background-color: #e0c797; border-radius: 8px}
.contact .form .tijiao img{ height:20px;}
.contact .form .tijiao .p1{ font-size: calc(14px + 0.04rem); line-height: 0.5rem;  color: #fff; margin-right: 10px;}
.contact .form .tijiao a:hover{ background: #00a0e9;}
.contact input::placeholder{ color: #999999;  opacity:1 !important;}

@media screen and (max-width:1780px) {
.contact .right { margin-right:0;}
}	
@media screen and (max-width:1024px) {	
.contact .box{ padding:90px 0 50px 0;}	
.contact .left{ width: 48%;}
.contact .right{ width: 48%;}	
.contact .title{ font-size:18px; line-height:28px;}	
.contact .p{ font-size:14px; line-height:24px; margin-top: 20px;}
.contact .form { padding: 20px 20px 30px 20px;}
.contact .form .tit1 {font-size:14px; line-height:24px;padding-bottom:5px;}
.contact .form .input { height:40px; line-height:30px; font-size:14px; padding: 5px 14px;}
.contact .form .yanzheng a { font-size: 14px; line-height: 30px; padding: 5px 0;}
.contact .form .tijiao{ margin-top:20px; }
.contact .form .tijiao a { width:120px; padding: 5px 0 ; }
.contact .form .tijiao .p1{font-size:14px; line-height:30px; margin-right: 5px;}
.contact .form .tijiao img{ height:16px;}
.contact .form .yanzheng a img{height:30px;}
}
@media screen and (max-width:767px) {	
.contact .left{ width: 100%;}
.contact .right{ width: 100%; margin-top:20px;}
.contact .top{ display: flex; flex-wrap: wrap; justify-content: center;}
.contact .title{ text-align: center;}
.contact .p{ text-align: center;margin-top: 5px;}
.contact .form .tijiao{ justify-content: center;}
}


.inbaner{ overflow: hidden;}
.inbaner .banbox{ display: block; width: 100%; position: absolute; left: 0; top:56.16%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.inbaner .box{ display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: space-between;}
.inbaner .right{ display: flex; flex-wrap: wrap; flex-direction: column;}
.inbaner .right .t1{ display: flex; color: #fff; font-family: Arial; font-weight: bold; line-height:1.5rem; font-size: 1.5rem;}
.inbaner .right .t2{ display: flex; color: #fff; font-family: Arial; line-height:0.3rem; font-size:0.2rem; letter-spacing:0.004rem; padding-left:0.1rem; }
.inbaner .left{ display: flex; flex-wrap: wrap; flex-direction: column;}
.inbaner .left .title{ display: flex; color: #fff; line-height:0.4rem; font-size:0.3rem;}
.inbaner .left .mbx{ margin-top:10px;}

@media screen and (max-width:1024px) {
.inbaner .box{ flex-direction: column; justify-content: center;}
.inbaner .left .title{ line-height:28px; font-size:18px;}
.inbaner .right{justify-content: center; align-items: center; margin-top: 15px;}
.inbaner .right .t1{ line-height:1; font-size:36px; }
.inbaner .right .t2{ line-height:24px; font-size:14px; letter-spacing:0; padding-left:0;}
}



.mbx{ display:block; color: #fff; line-height:calc(22px + 0.06rem); font-size:calc(14px + 0.04rem);}
.mbx a{color: #fff;}
.mbx a:hover{color:rgba(255,255,255,0.6); text-decoration: underline;}

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

}


.news2{ position: relative;}
.news2::after{ display: block; content: ''; position: absolute; left:50%; top: 0; z-index: 1; width:50%; height: 100%; background:#f4f4f4;}
.news2 .box{ display: flex; flex-wrap: wrap;justify-content: space-between; width: 100%; position: relative;}

.news2 .left{ display: flex; flex-wrap: wrap; align-content: flex-start; background: #fff; width:77.16%; padding:0.95rem 0.5rem 60px 0;}
.news2 .left .tit{ display: block; width: 100%; color: #000; font-size:0.34rem; line-height:0.44rem; text-align: center;}
.news2 .left .time{ display: block; width: 100%; color: #aaa; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem); margin-top: 17px; text-align: center;}
.news2 .left .cont{ display: block; width: 100%; color: #333; border-top: 1px solid #dddddd; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.12rem); margin-top:28px; padding-top:42px;}
.news2 .right{display: flex; flex-wrap: wrap; align-content: flex-start; width:22.84%; padding:0.17rem 0 60px 0.9rem;}
.news2 .list{ display: flex; flex-wrap: wrap; width:100%;position: sticky; top:0.6rem;}
.news2 .list .li{ display: flex; flex-wrap: wrap; width:100%; margin-top:0.78rem;}
.news2 .list .li .la{ overflow: hidden; display: flex; flex-wrap: wrap; width:100%; position: relative; height:100%;}
.news2 .list .li ._img{ padding-bottom:64.28%; margin-top:26px;}
.news2 .list .li .next{ width:100%; color:#333333;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);}
.news2 .list .li .tit{ text-align: center; width: 100%;font-size: 0.2rem; line-height: 0.24rem; color: #000;  height:0.48rem; margin-top:19px;}
.news2 .list .li .p{  text-align: center; width: 100%; font-size: calc(14px + 0.02rem); line-height: 20px; height:80px; color: #999; margin-top:10px;}
.news2 .list .li .time{  text-align: center; width: 100%;font-size: 14px; line-height: 22px; color: #999999; margin-top:10px;}
.news2 .list .li .la:hover .tit{ color: #1343ac;}
.news2 .list .li .la:hover ._img img{ transform: scale(1.1); -ms-transform: scale(1.1);}

@media screen and (max-width:1600px) {
.news2 .right{width:22.84%; padding:0.17rem 0 60px 0.5rem;}
}
@media screen and (max-width:1024px) {
.news2{ padding:0;}	
.news2::after{ display:none;}
.news2 .left{ width: 100%; padding:35px 15px 35px 15px;}
.news2 .right{ width: 100%; padding:25px 15px 25px 15px; background:#f4f4f4;}
.news2 .left .tit{ font-size:18px; line-height:28px;}
.news2 .left .time{ margin-top:10px;}
.news2 .left .cont{ margin-top:24px; padding-top:20px;font-size:14px; line-height:24px;}
.news2 .list{ justify-content: space-between;position: static; top:0;}
.news2 .list .li{ width:48%; margin:10px 0;}
.news2 .list .li .tit{font-size: 16px; line-height:20px; height:auto;}
.news2 .list .li .p{font-size: 14px; line-height:18px; height:auto;}
.news2 .list .li ._img{ margin-top: 20px;}
}
@media screen and (max-width:767px) {
.news2 .list .li .tit{ height:auto; max-height:48px;}
}


._list3{ display:block; width: 100%; overflow: hidden; }
._list3 .cont{ display:flex; flex-wrap: wrap; width: calc( 100% + 1px); margin:-1px 0 0 -1px;}
._list3 .cont .box{  display:flex; flex-wrap: wrap; justify-content:center;  width:25%; padding:10px; border-top:1px solid #f2f2f0;border-left:1px solid #f2f2f0;}
._list3 .cont .a{ display:flex; flex-wrap: wrap; justify-content: center; width:100%; padding:0.89rem 19.56% 1.21rem 19.56%; text-align: center;}
._list3 .cont .box .tit1{  width: 100%;font-size: 0.2rem; line-height: 0.24rem; color: #000;  height:0.48rem;}
._list3 .cont .box .p1{ display: flex; align-items: center;justify-content: center; border-radius: 8px;  width: 2rem; background: #000; font-size: calc(14px + 0.04rem); line-height: 20px; height:50px; color: #fff; margin-top:72px;}

._list3 .cont .a:hover .p1{ background: #0290dc;}
._list3 .cont .a:hover{ background: #f7f7f7;}

@media screen and (max-width:1600px) {
._list3 .cont .a{ padding:0.88rem 16.56% 52px 16.56%;}
}
@media screen and (max-width:1440px) {
._list3 .cont .a{ padding:0.88rem 13.56% 52px 13.56%;}
}
@media screen and (max-width:1024px) {
._list3 .cont .box{ width:50%;padding:5px;}
._list3 .cont .a{padding:25px 15px 30px 15px;}
._list3 .cont .box .tit1{font-size: 16px; line-height:20px; height:40px;}
._list3 .cont .box .p1{ width:100px;font-size: 14px; height:36px; margin-top:36px; }
}
@media screen and (max-width:767px) {
._list3 .cont .box{  width:50%;}
._list3 .cont .box .tit1{height:60px;-webkit-line-clamp:3;}
}



._list2{ display:block; width: 100%; overflow: hidden; }
._list2 .cont{ display:flex; flex-wrap: wrap; width: calc( 100% + 1px); margin:-1px 0 0 -1px;}
._list2 .cont .box{  display:flex; flex-wrap: wrap; justify-content:center;  width:25%; padding:10px; border-top:1px solid #f2f2f0;border-left:1px solid #f2f2f0;}
._list2 .cont .a{ display:flex; flex-wrap: wrap; width:100%; padding:0.89rem 19.56% 1.21rem 19.56%; text-align: center;}
._list2 .cont .box .tit1{  width: 100%;font-size: 0.2rem; line-height: 0.24rem; color: #000;  height:0.48rem;}
._list2 .cont .box .p1{  width: 100%; font-size: calc(14px + 0.02rem); line-height: 20px; height:80px; color: #999999; margin-top:10px;}
._list2 .cont .box .time{  width: 100%;font-size: 14px; line-height: 22px; color: #999999; margin-top:10px;}

._list2 .cont .a:hover{ background: #f7f7f7;}

@media screen and (max-width:1600px) {
._list2 .cont .a{ padding:0.88rem 16.56% 52px 16.56%;}
}
@media screen and (max-width:1440px) {
._list2 .cont .a{ padding:0.88rem 13.56% 52px 13.56%;}
}
@media screen and (max-width:1024px) {
._list2 .cont .box{ width:50%;padding:5px;}
._list2 .cont .a{padding:25px 15px;}
._list2 .cont .box .tit1{font-size: 16px; line-height:20px; height:40px;}
._list2 .cont .box .p1{font-size: 14px; line-height:18px; height:72px; }
}
@media screen and (max-width:767px) {
._list2 .cont .box{  width:50%;}
._list2 .cont .box .tit1{height:60px;-webkit-line-clamp:3;}
}


._list1{ display:block; width: 100%; overflow: hidden; }
._list1 .cont{ display:flex; flex-wrap: wrap; width: calc( 100% + 1px); margin:0 -1px -1px 0;}
._list1 .cont .box{  display:flex; flex-wrap: wrap; justify-content:center;  width:25%; padding:10px; border-bottom:1px solid #f2f2f0;border-right:1px solid #f2f2f0;}
._list1 .cont .a{ display:flex; flex-wrap: wrap; width:100%; padding:0.4rem 19.56% 0.52rem 19.56%; text-align: center;}
._list1 .cont .pb{ padding-bottom: 64.28%; }
._list1 .cont .box .tit1{  width: 100%;font-size: 0.2rem; line-height: 0.24rem; color: #000;  height:0.48rem; margin-top:19px;}
._list1 .cont .box .p1{  width: 100%; font-size: calc(14px + 0.02rem); line-height: 20px; height:80px; color: #999999; margin-top:10px;}
._list1 .cont .box .time{  width: 100%;font-size: 14px; line-height: 22px; color: #999999; margin-top:10px;}

._list1 .cont .a:hover{ background: #f7f7f7;}

@media screen and (max-width:1600px) {
._list1 .cont .a{ padding:0.4rem 16.56% 0.52rem 16.56%;}
}
@media screen and (max-width:1440px) {
._list1 .cont .a{ padding:0.4rem 13.56% 0.52rem 13.56%;}
}
@media screen and (max-width:1024px) {
._list1 .cont .box{ width:50%;padding:5px;}
._list1 .cont .a{padding:20px 15px 25px 15px;}
._list1 .cont .box .tit1{font-size:16px; line-height:20px; height:40px; margin-top:17px;}
._list1 .cont .box .p1{font-size: 14px; line-height:18px; height:72px; }
}
@media screen and (max-width:767px) {
._list1 .cont .box{  width:50%;}
._list1 .cont .box .tit1{height:60px;-webkit-line-clamp:3;}
}



/* 分页 */
.wack1{border-top:1px solid #f2f2f0; padding:50px 0; }
.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:#00a4ee; 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:#00a4ee;}
.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{ padding:25px 0; }	
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}


.tit30{ display: block; width: 100%; color: #000; font-size:0.3rem; line-height:0.4rem; padding-left:12px; border-left:0.1rem solid #0292dd;}
.about1{display:block; width: 100%; padding-top:1rem;  padding-bottom:1rem;}
.about1 .box{ width:100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.about1 .right{ display:block; width:31.42%;}
.about1 .left{ display:block; width:55%; padding:0 0 0.55rem 0; background-size:7rem !important;}
.about1 .title{ display: block; width: 100%; color: #000; font-size:0.4rem; line-height:0.5rem; margin-top:0.88rem;}
.about1 .info{ display: block; width: 100%; color: #000; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.1rem); margin-top:0.56rem;}
.about1 .pic{display:block; width: 100%; line-height: 0;}

@media screen and (max-width:1600px) {
.about1 .left{ width:57.5%; }	
.about1 .title{ margin-top:0.78rem;}
.about1 .info{ margin-top:0.46rem;}
}
@media screen and (max-width:1440px) {
.about1 .left{ width:60%; }
.about1 .title{ margin-top:0.58rem;}
.about1 .info{ margin-top:0.36rem;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem);}
}
@media screen and (max-width:1024px) {
.tit30{ font-size:18px; line-height:24px; padding-left:12px; border-left:4px solid #0292dd;}	
.about1{ padding-top:40px;  padding-bottom:40px;}
.about1 .box{ position: relative; justify-content: center;}
.about1 .left{ width:100%;background-size:contain !important; padding:0 0 20px 0;}
.about1 .right{ width:100px; position: absolute; right: 0; top: -12px;}
.about1 .title{ font-size:20px; line-height:30px; margin-top:25px; padding-right:120px;}
.about1 .info{ font-size:14px; line-height:26px; margin-top:20px;}
}


.about2{display:block; width: 100%;}
.about2 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.about2 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.about2 .swiper-prev,
.about2 .swiper-next{ display:flex; width:0.5rem; height:0.5rem; background: url(img/ico18.png) center no-repeat; background-size:100% 100% !important; cursor: pointer;}
.about2 .swiper-prev:hover,
.about2 .swiper-next:hover{ opacity:0.6;}
.about2 .swiper-prev{ transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.about2 .swiper-prev{ margin-right:10px;}
.about2 .top{ display: flex; align-items: center; justify-content:space-between; padding:0.95rem 0;}
.about2 .right{ display: flex; align-items: center;}
.about2 .box{  position: relative; display: block; width:100%; overflow: hidden;}
.about2 .list{ display: block; width:100%; border-left:1px solid rgba(255,255,255,0.3);  overflow: hidden; }
.about2 .ul{width:100%;}
.about2 .ul .li{ display: flex; flex-wrap: wrap; text-align: center; justify-content: center; align-content: flex-start; width:33.33%; border-right:1px solid rgba(255,255,255,0.3); padding:1.05rem 0.52rem; }
.about2 .ul .li .tit{ display: block; width:100%; color: #fff; font-size:0.3rem; line-height:0.4rem;}
.about2 .ul .li .p{ display: block; width:100%; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem); margin-top: 0.25rem;  overflow: hidden;overflow-y: auto;max-height: calc(220px + 0.4rem);padding-right:10px;}
.about2 .ul .li .line{ display: block; width:30px; height:1px; background: #fff; margin-top: 0.15rem; opacity: 0;}
/* .about2 .ul .li:hover{ background:rgba(0,0,0,0.2);} */

@media screen and (max-width:1600px) {
.about2 .ul .li{ padding:0.75rem 0.32rem; }
}
@media screen and (max-width:1440px) {
.about2 .ul .li{ padding:0.55rem 0.26rem; }
.about2 .ul .li .p{ font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem); margin-top: 0.2rem;  }
}
@media screen and (max-width:1024px) {
.about2 .top{ padding:30px 0;}		
.about2 .ul .li{ padding:40px 15px;}
.about2 .ul .li .tit{ font-size:18px; line-height:28px;}
.about2 .ul .li .p{ font-size:14px; line-height:22px;  margin-top:14px;max-height: 220px;}
.about2 .ul .li .line{ width:36px; margin-top: 10px; }
.about2 .swiper-prev,
.about2 .swiper-next{ width:28px; height:28px;}
}
@media screen and (max-width:767px) {
.about2 .ul .li{ width:50%; }
}




.list15{ display: block; width: 100%; padding:1rem 0; }
.list15 .ul{ width:calc(100% + 20px); display:flex; flex-wrap: wrap; margin:-10px;}
.list15 .ul .li{ width:33.33%; display:block; padding:10px;}
.list15 .ul .li .a{ display: block; width: 100%; text-align: center; position: relative; height: 100%; border:1px solid #dddddd; border-radius: 0.2rem; padding:0.43rem 14px;}
.list15 .ul .li .pic{ display: block; width: 100%; line-height: 0;}
.list15 .ul .li .pic img{ margin:0 auto; width:0.52rem; height: 0.52rem;}
.list15 .ul .li .pic .img1{ display: block;}
.list15 .ul .li .pic .img2{ display: none;}
.list15 .ul .li .tit{width: 100%;
color: #000;
font-size: 0.24rem;
font-weight: 400;
line-height: 0.34rem; margin-top: 0.26rem;}
.list15 .ul .li .a:hover .pic .img1{ display: none;}
.list15 .ul .li .a:hover .pic .img2{ display: block;}
.list15 .ul .li .a:hover .tit{ color:#fff;}
.list15 .ul .li .a:hover{ border:1px solid #00a0e9; background:#00a0e9;}

@media screen and (max-width:1024px) {
.list15{  padding:40px 0; }
.list15 .ul{ width:calc(100% + 10px); margin:-5px;}
.list15 .ul .li{ padding:5px;}
.list15 .ul .li .a{ padding:22px 10px; border-radius: 10px;}
.list15 .ul .li .pic img{ width:32px; height:32px;}
.list15 .ul .li .tit{
font-size: 16px;
line-height:26px; margin-top:10px;
}
}
@media screen and (max-width:767px) {
/* .list15 .ul .li{ width:50%;} */
}


.hzhb{display:none;}

.zw_section{
width: 100%;
margin-top: -100px;
opacity: 0;
height: 100px;
position: relative;
z-index: -99;
}
@media screen and (max-width:767px) {
.zw_section{
width: 100%;
margin-top: -50px;
opacity: 0;
height: 50px;
position: relative;
z-index: -99;
}
}


/*250826end*/