@charset "UTF-8";
html{
  font-size:5.95vw;
}
@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:#00468E #fff;
}
html::-webkit-scrollbar {
  width:20px;
}
html::-webkit-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}
html::-moz-scrollbar {
  width:20px; 
}
html::-moz-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}	


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


.t_navs{ position:fixed; left:0; top:0; z-index: 100; width: 100%;  }
.t_navs.bct{ transform: translateY(-100%); -ms-transform: translateY(-100%);box-shadow:none !important;}
.t_navs .top{ position:relative; z-index: 100; width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; height:1.1rem;padding:0 0.48rem;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:0.62rem;}
.t_navs .logo .img1{ display: block;}
.t_navs .logo .img2{ display: none;}
.t_navs .lang{ display: flex; position: relative; margin:0 0 0 24px;}
.t_navs .lang .a{ position: relative; display:flex; align-items: center; height:1.1rem; padding:0 22px 0 0; background: url(img/xia.svg) right center no-repeat; background-size:16px auto !important;}
.t_navs .lang .a img{ width: 24px; height:24px;}
.t_navs .lang .a:hover{ background: url(img/xia1.svg) right center no-repeat !important;}
.t_navs .lang .u1{ display:none; position: absolute; top:100%; left:50%; z-index: 10; transform: translateX(-50%); -ms-transform: translateX(-50%);border-radius:5px; overflow: hidden; width:80px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
.t_navs .lang:hover .u1{display: block;}
.t_navs .lang .u1 a{ display: flex; align-items: center; justify-content:center; text-align: center; width:100%; color: #333; line-height:24px; font-size:16px; padding:10px 20px; border-bottom:1px solid #f5f5f5;text-transform: uppercase; background:#fff; font-weight: 400;}
.t_navs .lang .u1 a img{ width: 24px; height:24px;}
.t_navs .lang .u1 a:hover{color: #fff; background:#004E9D;}
.t_navs .lang .u1 a:last-child{ border-bottom: 0;}
.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.24rem;}
.t_navs .menu .nli span a{ display:flex; align-items: center; position: relative;line-height:1.1rem; font-size:0.18rem;color: #fff; font-weight: 400; }
.t_navs .menu .nli:hover span a{color: #004E9D !important;}
.t_navs .sub{ display:none; position: absolute; top:100%; left:50%; z-index: 10;/* margin-top: -5px; */ transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .sub4 .u1{ display: flex; flex-direction: column; white-space: nowrap; padding:16px 0; background:#fff; border-radius: 3px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
.t_navs .sub4 .u1 .l1{ display: block; width:100%; padding:4px 20px;}
.t_navs .sub4 .u1 .l1 a{ display: block; width:100%; color: #000; line-height:0.26rem; font-size:0.16rem; padding:0 16px; position: relative;}
.t_navs .sub4 .u1 .l1 a::after{ display: block; content:''; position: absolute; left:0; top:50%; width:4px; height:4px; background: #004E9D; transform: rotate(45deg); -ms-transform: rotate(45deg); border-radius: 50%; }
.t_navs .sub4 .u1 .l1 a:hover{color: #004E9D;}



.t_navs .ss_search{float: left; display:flex;}
.t_navs .ss_search ._t{ cursor: pointer; display:flex; height:1.1rem; width:24px; background: url(img/_search.svg) left center no-repeat; background-size:24px auto !important;}
.t_navs .ss_search ._t:hover{ background: url(img/_search1.svg) left center no-repeat !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:1.1rem;display: none;}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); display: flex; overflow: hidden; border-radius: 3px;}
.t_navs ._b .input input{width: 100%;height:48px;display: block; border-radius: 4px;background: #fff; border:1px solid rgba(236, 235, 235, 1); font-size: 14px; line-height:26px; padding:10px 80px 10px 24px; color: #333;}
.t_navs ._b .input input::placeholder{color:#4B4B4B; opacity:1 !important;}
.t_navs ._b .input .img{display: block; cursor: pointer; width:56px;height: 48px;background: url(img/_search.svg) center no-repeat #004E9D; background-size:24px auto !important;}




.t_navs:hover .top{ background:#fff;}
.t_navs:hover .logo .img1{ display:none;}
.t_navs:hover .logo .img2{ display:block;}
.t_navs:hover .menu .nli span a{ color:#000;}
.t_navs:hover .menu .nli.on span a{color: #004E9D !important;}
.t_navs:hover .lang .a{ background: url(img/xia1.svg) right center no-repeat;}
.t_navs:hover .ss_search ._t{ background: url(img/_search1.svg) left center no-repeat;}

.t_navs.ect .top{ background:#fff;}
.t_navs.ect .logo .img1{ display:none;}
.t_navs.ect .logo .img2{ display:block;}
.t_navs.ect .menu .nli span a{ color:#000;}
.t_navs.ect .menu .nli.on span a{color: #004E9D !important;}
.t_navs.ect .lang .a{ background: url(img/xia1.svg) right center no-repeat;}
.t_navs.ect .ss_search ._t{ background: url(img/_search1.svg) left center no-repeat;}

.t_navs.act .top{ background:#fff;box-shadow: 0 2px 6px rgba(0,0,0,0.1);height:0.8rem;}
.t_navs.act .logo img{ width: auto; height:0.5rem;}
.t_navs.act .logo .img1{ display:none;}
.t_navs.act .logo .img2{ display:block;}
.t_navs.act .menu .nli span a{ color:#000; line-height:0.8rem;}
.t_navs.act .menu .nli.on span a{color: #004E9D !important;}
.t_navs.act .lang .a{height:0.8rem;}
.t_navs.act .lang .a{  background: url(img/xia1.svg) right center no-repeat;}
.t_navs.act ._b{top:0.8rem;}
.t_navs.act .ss_search ._t{height:0.8rem; background: url(img/_search1.svg) left center no-repeat;}



@media screen and (max-width:1024px) {
.t_navs .top{ padding:0 15px;height:50px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ width: auto; height:32px;}
.t_navs.act .logo img{ width: auto; height:32px;}
.t_navs .ss_search{ display:none;}
.t_navs .lang{ margin-right: 13px;}
.t_navs .lang .a{ height: 50px;}

.t_navs.act .lang .a{ height: 50px;}
.t_navs.act .top{height:50px;}
.t_navs.act .logo img{ width: auto; height:32px;}

}



.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:hover .menuph .navbtn{ background: #000;}
.t_navs:hover .menuph .navbtn::after,
.t_navs:hover .menuph .navbtn::before { background: #000;}

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

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


@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;}
.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{color: #333; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%;}
.xialaph .active .a1{ color: #004E9D;}
.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; margin-bottom:8px;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:15px;color: #5F5D5D;line-height:24px;}
.xialaph .active .a2{ color:#004E9D;}
.xialaph .u3{width: 100%;padding:10px 0 2px 15px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u3 .l3 a{ width: 100%;display: block; font-size:15px;color: #5F5D5D;line-height:24px;}
.xialaph .input_box{width: 100%;margin-top:25px;position: relative; display: flex; overflow: hidden; border-radius: 3px;}
.xialaph .input_box input{width: 100%;height:40px;display: block; background:#F5F5F5; border: 0; font-size: 14px; line-height:24px; padding:8px 14px; color: #333;}
.xialaph .input_box input::placeholder{color:#888; opacity:1 !important;}
.xialaph .input_box .img{ display: block; cursor: pointer; border: 0; width:56px;height: 40px;background: url(img/_search.svg) center no-repeat #004E9D; background-size:24px auto !important;}



.footer1{ position: relative; z-index:5;}
.footer1 .down{ display:flex; flex-wrap: wrap; width:100%; align-items: center; justify-content:space-between; padding:0.43rem 0 0.35rem;}
.footer1 .left{ display:inline-flex; align-items: flex-start; justify-content: space-between; width:62.73%; }
.footer1 .right{ display:inline-flex; flex-wrap: wrap; width:32.4%; align-items: flex-start; justify-content: flex-end; }
.footer1 .left1{ display: flex; flex-wrap: wrap; width:40%; }
.footer1 .Copyright{ display:block; width:100%;  color: rgba(198, 214, 231, 1);
font-size: 14px;
font-weight: 400;
line-height: 20px;}
.footer1 .Copyright a{color:rgba(198, 214, 231, 1);}
.footer1 .Copyright a:hover{color: #fff;}
.footer1 .map{ display:inline-flex; flex-wrap: wrap; width:100%; color: rgba(198, 214, 231, 1);
font-size: 14px;
font-weight: 400;
line-height: 20px;}
.footer1 .map i{ display:flex; width: 1px; height: 12px; background:rgba(198, 214, 231, 1); margin:5px 8px 0 8px;}
.footer1 .map a{ display:flex; color:rgba(198, 214, 231, 1);;}
.footer1 .map a:hover{color: #fff;}
.footer1 .logo{ display:block; line-height:0;}
.footer1 .logo img{ object-fit: contain; height:0.66rem;}
.footer1 .share{ display: flex; flex-wrap: wrap; justify-content:flex-end; width:40%;}
.footer1 .share .li{display: inline-flex; margin:0 0 0 0.24rem; position: relative;}
.footer1 .share .li:first-child{ margin-left:0 !important;}
.footer1 .share a{ display:flex; align-items: center; justify-content: center; line-height:0; position: relative; width:0.4rem; height:0.4rem;border-radius:50%; border:1px solid #fff;}
.footer1 .share a img{ width:0.24rem; height:0.24rem;}
.footer1 .share a:hover{ background:#004E9D; border:1px solid #004E9D;}
.footer1 .share .er{ position:absolute; left:50%; bottom:110%; width:100px; -moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 80%;
	-moz-transform-origin:50% 80%;
	-ms-transform-origin:50% 80%;
	-o-transform-origin:50% 80%;
	transform-origin:50% 80%;
	-webkit-transform: translateX(-50%) scale(0);
	-moz-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	-o-transform: translateX(-50%) scale(0);
	transform: translateX(-50%) scale(0);}
.footer1 .share .li:hover .er{opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);}
.footer1 .midd{ display:flex; flex-wrap: wrap; width:100%; align-items:flex-start; justify-content: space-between; padding:0.75rem 0 0.94rem 0; border-bottom:1px solid rgba(255,255,255,0.35);}
.footer1 .nav{ position:relative; z-index: 6; display: flex; flex-direction: column;}
.footer1 .nav .u2{ display: flex; flex-direction: column; padding-top:0.22rem;}
.footer1 .nav .a1{ display:inline-flex; color: #fff; font-size:0.2rem; line-height:0.3rem;}
.footer1 .nav .a2{ display:inline-flex; color: rgba(198, 214, 231, 1);
font-size: calc(14px + 0.02rem);
font-weight: 400;
line-height: calc(22px + 0.22rem);}
.footer1 .nav .a2:hover{ color:#fff; }
.footer1 .addr{ display: flex; flex-direction: column;}
.footer1 .addr .li{display:block; width:100%; margin-top:0.34rem; }
.footer1 .addr .li:first-child{ margin-top:0 !important;}
.footer1 .addr .li .tit{display:block; width:100%; color: #fff; font-size:0.2rem; line-height:0.3rem;}
.footer1 .addr .li .num{display:block; width:100%; color: rgba(173, 186, 200, 1);
 font-size:0.24rem; line-height:0.32rem; padding:0.12rem 0 0.06rem 0 ;}
.footer1 .addr .li .p{display:block; width:100%; color: rgba(173, 186, 200, 1);
font-size: calc(14px + 0.02rem);
font-weight: 400;
line-height: calc(22px + 0.06rem);}



@media (max-width: 1024px){
.footer1 .left{ width:100%; flex-wrap: wrap; display:none;padding-bottom:25px;}
.footer1 .right{ width:100%; justify-content: center;}
.footer1 .nav{ width: 1000%; padding:7px 0;}
.footer1 .nav .a1{ font-size:16px; line-height:24px; padding:9px 14px; border-radius:3px; background:rgba(255,255,255,0.35); position: relative;}
.footer1 .nav .a1::after{ display: block; content:''; position: absolute; right:14px; top:15px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; width:9px; height: 9px; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.footer1 .nav .a2{ font-size:14px; line-height:24px; width:100%;}
.footer1 .nav .u2{ display:none; line-height:24px; padding:8px 14px 5px 14px;}
.footer1 .addr .li{margin-top:20px; }
.footer1 .addr .li .tit{ font-size:16px; line-height:24px; }
.footer1 .addr .li .num{ font-size:18px; line-height:26px;; padding:6px 0 4px 0 ; }
.footer1 .addr .li .p{ font-size:14px; line-height:24px; }
.footer1 .down{ padding:20px 0; justify-content: center;}
.footer1 .midd{ padding:40px 0;}
.footer1 .left1{ width:100%; text-align: center;}
.footer1 .share{ margin-top:20px; width: 100%; justify-content:center;}
.footer1 .share .li{ margin-left:16px;}
.footer1 .share a{ width:30px; height:30px;}
.footer1 .share a img{ width:16px; height:16px;}
.footer1 .logo{display:none;} 
.footer1 .logo img{ object-fit: contain; height:36px;}
.footer1 .Copyright{ text-align: center;}
.footer1 .map{ width: 100%; justify-content:center;}
}
@media (max-width: 767px){
.footer1 .midd{ padding:1.8rem 0;}
}


.pf-right{display:none; z-index:16; position:fixed; right:0.3rem; top:90vh; width:0.48rem;}
.pf-right .ul{ display:flex; flex-wrap:wrap; justify-content: center; width:100%; border-radius:0.48rem;
box-shadow: 0px 4px 12px 8px rgba(0, 0, 0, 0.09);
background: rgba(255, 255, 255, 0.8);padding:0.1rem 0.08rem;
}
.pf-right .li{ position: relative; display: block; width:100%;padding:0.06rem 0;}
.pf-right .li .a{ display:flex; flex-wrap:wrap; width:100%; justify-content: center; align-items: center; line-height: 0; width:0.32rem; height:0.32rem; border-radius:0.32rem;}
.pf-right .li .a:hover{background:#00468E;}
.pf-right .li .a img{ width:0.24rem; height:0.24rem;}
.pf-right .li .a .img1{ display:block;}
.pf-right .li .a .img2{ display:none;}
.pf-right .li .a:hover .img1{ display:none;}
.pf-right .li .a:hover .img2{ display:block;}
.pf-right .li._renter .a img{ width:0.16rem; height:0.16rem;}
.pf-right .li._renter .a .img1{ display:none;}
.pf-right .li._renter .a .img2{ display:block;}
.pf-right .li._renter .a{background:#00468E;}
.pf-right .tel{ position: absolute; right:100%; top:50%; background: #fff; border-radius:4px;color:#00468E; white-space: nowrap;
font-size: 18px;
font-weight: 700; display: flex; flex-wrap: wrap; flex-direction: column;
line-height: 20px; padding:14px 20px;
box-shadow:0 0 10px rgba(0,0,0,0.2); margin:0 22px 0 0;
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:90% 50%;
	-moz-transform-origin:90% 50%;
	-ms-transform-origin:90% 50%;
	-o-transform-origin:90% 50%;
	transform-origin:90% 50%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)
}
.pf-right .tel::after{ display: block; content: ''; position: absolute; left: 100%; top:50%; margin:-10px 0 0 -4px; border-top: 10px solid transparent; border-bottom:10px solid transparent;border-left:12px solid #fff; }
.pf-right .li:hover .tel{opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);}


@media screen and (max-width:1800px) {
.pf-right{ right: 0.1rem;}
}	
@media screen and (max-width:1024px) {
.pf-right{ display:none !important;}
}

.wap_hei{ display: none; width: 100%;padding-top:50px;}
.wap_down{ display: none; width: 100%;box-shadow: 0px 4px 12px 8px rgba(0, 0, 0, 0.09);
background: rgba(255, 255, 255, 0.8);position: fixed;z-index: 15;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom); left: 0; bottom: 0;backdrop-filter: blur(6px);}
.wap_down li{width:20%;float: left;text-align: center;}
.wap_down li a{width: 100%;display: flex;flex-wrap: wrap;align-content: center; justify-content: center; height:50px;}
.wap_down li .ico{ border-radius: 50%; width:42px;display: flex;flex-wrap: wrap;align-content: center; justify-content: center; height:42px; line-height: 0;}
.wap_down li .ico img{ width:22px; height:22px;}
.wap_down li:first-child .ico img{ width:18px; height:18px;}
.wap_down li .ico .img1{ display:block;}
.wap_down li .ico .img2{ display:none;}
.wap_down li  a:hover .ico{background:#00468E;}
.wap_down li  a:hover .ico .img1{ display:none;}
.wap_down li  a:hover .ico .img2{ display:block;}


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


}


@-webkit-keyframes move {
    0% {
       -webkit-transform:translateY(-15px);
       transform:translateY(-15px);
    }
    1% {
       -webkit-transform:translateY(-15px);
       transform:translateY(-15px);
    }
    100% {
       -webkit-transform:translateY(15px);
       transform:translateY(15px);
    }
}
._mouse{ position: absolute; left:50%; margin-left:-840px; bottom:0.57rem; color:#fff; font-size:12px; line-height:16px; z-index:10;}
._mouse .p{ align-items: center; display: flex; animation:move 2s linear 0s infinite;}
._mouse img{width:32px; width:32px; margin-right: 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_show1{width: 100%; height:100vh;}
.index-banner .swiper-slide .ph_show1{width: 100%; height:80vh;}
.index-banner .swiper-slide .video{width: 100%; object-fit: cover; position: absolute; left:0;  top:0; height:100%; z-index:10;}
.index-banner .btn{ display: flex; align-items: center; position: absolute; right:50%; margin-right:-840px; bottom:0.57rem; z-index:10;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ display:flex; width:32px; height:32px; background: url(img/mouse.png) center no-repeat; background-size:100% 100% !important; cursor: pointer;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{ opacity:0.61;}
.index-banner .swiper-prev{ transform: rotate(90deg); -ms-transform: rotate(90deg);}
.index-banner .swiper-next{ transform: rotate(-90deg); -ms-transform:rotate(-90deg);}
.index-banner .swiper-notification{ display:none; }
.index-banner .swiper-pagination{ cursor: pointer; display:flex; margin:0 18px;}
.index-banner .swiper-pagination-bullet{ cursor: pointer; display:flex; border-radius:10px; width:10px; height:10px; margin:0 4px; display:block;border: 1px solid rgba(255, 255, 255, 0.49); }
.index-banner .swiper-pagination-bullet-active{border: 1px solid rgba(255, 255, 255, 1);  background:#fff;}
.index-banner .box{ position: absolute;left:0; top:52%; z-index: 10; width:100%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.index-banner .tit{ display:block; width:100%; color: #fff; font-weight: bold; font-size:0.6rem; line-height:0.9rem;}
.index-banner .list{ display:flex; flex-wrap: wrap; width:100%; margin-top:0.24rem;}
.index-banner .list .li{ display:flex; flex-direction: column; padding-right:0.63rem; margin-right:0.63rem;border-right: 1px solid rgba(255, 255, 255, 0.2); }
.index-banner .list .li:last-child{padding-right:0 !important; margin-right:0 !important;border-right: 0; }
.index-banner .list .li .t1{ display:block; width:100%; color: #fff; font-size:0.2rem; line-height:0.27rem;}
.index-banner .list .li .t2{ display:block; width:100%;color: rgba(255, 255, 255, 0.8); font-size:14px; line-height:19px; margin-top:8px;}
.index-banner .shipin{ cursor: pointer; display: none; align-items: center; line-height:0; color:#fff;font-size:14px; line-height:24px; margin-top: 30px; }
.index-banner .shipin img{ width:38px; height:38px; margin-right:10px;}


@media screen and (max-width:1860px) {
._mouse{ left:0.9rem; margin-left:0; bottom:0.57rem; }	
.index-banner .btn{ right:0.9rem; margin-right:0; bottom:0.57rem; }
}
@media screen and (max-width:1024px) {
._mouse{ display:none;}	
.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-slide .video{ display:none;}
.index-banner .tit{ font-size:20px; line-height:30px;}
.index-banner .list{ ; margin-top:14px;}
.index-banner .list .li{ padding-right:10px; margin-right:10px;}
.index-banner .list .li .t1{font-size:15px; line-height:22px;}
.index-banner .list .li .t2{ font-size:12px; line-height:17px; margin-top:4px;}
.index-banner .btn{ bottom:20px; right:0; width:100%; justify-content: space-between; padding:0 15px;}
.index-banner .shipin{ display: inline-flex;}

}



/* main */
.wzyh_section6{width: 100%; overflow: hidden; position: relative; z-index: 6;}
.wzyh_section6 .content{width: 100%; position: relative; margin-top:44px;}
.wzyh_section6 .content .tempWrap{ overflow: visible !important;}
.wzyh_section6 .content .picList{ overflow: visible !important;}
.wzyh_section6 .content .ul{width: 100%;display: flex;}
.wzyh_section6 .content .box{ display: flex;}
.wzyh_section6 .content li{display: flex; margin:12px 6px 0 6px; min-width:2.32rem; max-width:2.32rem;line-height: 0;}
.wzyh_section6 .content li .a{width:100%; display: block; line-height: 0; overflow: hidden; position: relative; padding-bottom:64.65%;
border: 1px solid rgba(233, 233, 233, 1);
background: rgba(255, 255, 255, 1);}
.wzyh_section6 .content li .a img{  display: block; position: absolute; left: 0; top:0; width:100%; height: 100%; object-fit: contain;}
.wzyh_section6 .content li .a .img1{ display: block;}
.wzyh_section6 .content li .a .img2{ display: none;}
.wzyh_section6 .content li .a:hover{
border: 1px solid rgba(233, 233, 233, 1);
box-shadow: 0px 0px 19px 4px rgba(0, 0, 0, 0.06);
background: rgba(255, 255, 255, 1);}
.wzyh_section6 .content li .a:hover .img1{ display: none;}
.wzyh_section6 .content li .a:hover .img2{ display: block;}


@media  screen and (max-width: 1024px){
.wzyh_section6 .content{ margin-top:15px; }	
.wzyh_section6 .content li{margin:8px 4px 0 4px; min-width:116px; max-width:116px; }
}



.gsjj0 {background: rgba(248, 249, 249, 1); overflow: hidden; position: relative;}
.gsjj0 .dh{display: block; position: absolute; left: 0; top:0; width:12.23rem; object-fit: contain;
-webkit-transition: all 3s ease-out 0s; 
-moz-transition: all 3s ease-out 0s; 
-o-transition: all 3s ease-out 0s; 
transition: all 3s ease-out 0s;  
}
.gsjj0 .dh.act{ left: 100%; margin-left:-12.23rem;  }
.gsjj0 .box2{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width:100%; min-height:5.81rem; padding:1.47rem 0; }
.gsjj0 .left1{display:flex; flex-direction: column; }
.gsjj0 .right1{display:flex; flex-wrap: wrap; width:58.4%;
font-size: 0.2rem;
font-weight: 400;
line-height: 0.45rem; color: #000;
letter-spacing: 0px;
text-align: left; }
.gsjj0 ._more{ margin-top:0.64rem;}


@media screen and (max-width:1024px) {
.gsjj0 .dh{ width:60%; height:auto;}	
.gsjj0 .dh.act{ left: 40%; margin-left:0;  }
.gsjj0 .box2{ min-height:inherit; padding:40px 0; }	
.gsjj0 .left1{display:flex; flex-direction: row; width:100%; align-items: center; justify-content:space-between; }
.gsjj0 .right1{ width:100%;margin-top:20px;
font-size:14px;
line-height: 26px;}
.gsjj0 ._more{ margin-top:0;}

}

.gsjj0 .box1{display:block; width:100%;border-top: 1px solid rgba(236, 235, 235, 1); padding:0 0.6rem 0.92rem 0.6rem; }
.gsjj0 .ul{display:flex; justify-content: space-between; width:100%;}
.gsjj0 .ul .li{display:flex; flex-direction: column; padding: 0.29rem 0 0 0; position: relative;}
.gsjj0 .ul .li::after{display:block; content:''; position: absolute; left:0; top:0;border-left: 1px solid rgba(236, 235, 235, 1);
height: 85.62%;
width: 0;}
.gsjj0 .ul .li .la{display:flex; flex-wrap: wrap; flex-direction: column;}
.gsjj0 .ul .li .num{ display:flex; align-items: flex-end; padding:0  0 0 0.26rem;  margin-top: 0.26rem; color:#004E9D;}
.gsjj0 .ul .li .countup{ display:flex; font-weight: bold; font-size:0.64rem; line-height:0.72rem;}
.gsjj0 .ul .li .dw{ text-transform: uppercase;  display:flex; font-size:calc(14px + 0.02rem); line-height:0.42rem; margin-left: 0.1rem;}
.gsjj0 .ul .li .info{ display:block; color:#000;  font-size:0.2rem; line-height:0.4rem; padding:0  0 0 0.26rem ;position: relative; }
.gsjj0 .ul .li .info::after{display:block; content:''; position: absolute; left:0; top:17.5%;border-left: 1px solid rgba(255, 255, 255, 1);
height: 65%; z-index: 6;
width: 0;}
.gsjj0 .ul .li .la:hover .info{ color:#004E9D;}
.gsjj0 .ul .li .la:hover .info::after{ border-left: 1px solid #004E9D;}
.gsjj0 .ul .li .la:hover .num{ transform: translateY(-0.16rem); -ms-transform: translateY(-0.16rem);}


@media screen and (max-width:1024px) {
.gsjj0 .box1{ padding:0 10px 40px 10px; }	
.gsjj0 .ul .li{ padding:15px 0 0 0;}
.gsjj0 .ul .li .num{ margin-top:10px; padding:0  0 0 14px; }
.gsjj0 .ul .li .countup{ font-size:24px; line-height:24px;}
.gsjj0 .ul .li .dw{ font-size:13px;line-height:16px;  margin-left:4px;} 
.gsjj0 .ul .li .info{font-size:14px; line-height:28px; padding:0  0 0 14px; } 
.gsjj0 .ul .li .la:hover .num{ transform: translateY(-4px); -ms-transform: translateY(-4px);}
}
@media screen and (max-width:767px) {
.gsjj0 .box1{ padding:0 0 40px 0; }		
.gsjj0 .ul{ justify-content: center; flex-wrap: wrap;}	
.gsjj0 .ul .li{ padding:15px 0; margin:0 0.9rem;}
}



.main5{ overflow: hidden; padding-bottom:1.56rem;}
.main5 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.main5 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.main5 .box{  display: block; position: relative; width: 100%; padding:0 27px 0 0; margin-top: 56px;}
.main5 .u2 .li{ display:block; width:33.33%; min-width:33.33%; padding:0 32px 0 0;}
.main5 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap;position: relative; border-radius: 12px; overflow: hidden; 
}
.main5 .u2 .a ._img{position:absolute;padding-bottom:6.46rem;}
.main5 .u2 .a .cont{position: relative; z-index: 10; z-index: 10; display: flex; flex-wrap: wrap; justify-content: center; align-content:center;  text-align: center; width: 100%; padding:0.36rem 0.2rem 0.2rem 0.2rem;/* background:rgba(0, 0, 0, 0.5); */ height:6.46rem;}
.main5 .u2 .a .tit{ width: 100%; color: #fff;font-size:0.28rem; line-height:0.39rem; font-weight: bold; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}

.main5 .u2 .a .p{ width: 100%; color:#fff;font-size:0.18rem; line-height:0.26rem; height:0.52rem; margin-top:0.63rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.main5 .u2 .a .ico{ display: inline-flex; align-items: center; justify-content: center; border:1px solid #fff; border-radius:0.48rem;  width:2.13rem; height:0.48rem; line-height:0;margin-top:0.6rem; color: #fff;font-size:0.16rem; }
.main5 .u2 .a .ico i{ width:16px; height:16px; background: url(img/right3.svg) center no-repeat; background-size:100% auto !important;}
.main5 .u2 .a .ico span{ white-space: normal; margin-right: 10px;}
.main5 .u2 .a:hover .cont{backdrop-filter: blur(30px);} 
.main5 .u2 .a:hover .ico{ transform: translateY(-5px); -ms-transform: translateY(-5px); }
.main5 .u2 .a:hover .tit{ transform: translateY(5px); -ms-transform: translateY(5px); }

@media screen and (max-width:1024px) {
.main5{ padding-bottom:45px;}	
.main5 .box{padding:0; width:calc(100% + 15px);margin-top: 25px; margin-right:-15px;}	
.main5 .u2 .li{width:40%; min-width:40%;padding:0 15px 0 0;}	
.main5 .u2 .a .tit{font-size:16px; line-height:26px; }
.main5 .u2 .a .p{font-size:14px; line-height:22px; height:44px; margin-top:14px;}
.main5 .u2 .a .ico{  border-radius:34px; padding:0 20px;  width:auto; height:34px;margin-top:25px;font-size:14px; }
.main5 .u2 .a .cont{padding:20px 14px;}

}
@media screen and (max-width:767px) {
.main5 .u2 .li{ width:80%; min-width:80%;}
.main5 .u2 .a ._img{padding-bottom:12.92rem;}
.main5 .u2 .a .cont{height:12.92rem;}
}


.main6{ position: relative; overflow: hidden;background: linear-gradient(180.00deg, rgba(245, 245, 245, 1),rgba(245, 245, 245, 0) 100%);}
.main6 .pord1{ margin-top: 56px;}
@media screen and (max-width:1024px) {
.main6 .pord1{ margin-top:25px;}

}
.pord1{  display: block; width:100%; position: relative; overflow: hidden;}
.pord1 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.pord1 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.pord1 .u2{/*  display: flex; flex-wrap: wrap; width:calc(100% + 2px); margin-right: -2px; */}
.pord1 .u2 .li{/* position: relative; display:block; */ width:16.66%;}
.pord1 .u2 .li::after{ position: absolute; left:0; bottom:0; z-index: 1; width:100%; height: 61.85%; content: '';background: linear-gradient(180.00deg, rgba(221, 221, 221, 1),rgba(232.5, 232, 232, 1) 6%,rgba(238, 238, 238, 0.41) 100%);}
.pord1 .u2 .a{ position: relative; z-index: 6; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-start; height: 100%; padding:1.2rem 0.47rem 1.11rem 0.47rem;border-right: 1px dashed rgba(0, 0, 0,0.09);}
.pord1 .u2 .a ._img{display: block; width: 100%; position: relative; overflow: hidden; padding-bottom:100%;
	transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.pord1 .u2 .a ._img img{display: block; width: 100%; height:100%; position: absolute; left: 0; top: 0;}
.pord1 .u2 .a ._img:hover{transform:translateY(-0.24rem); -ms-transform:translateY(-0.24rem);}
.pord1 .u2 .a .pic{ display: block; width: 100%; background: url(img/bg.png) center bottom no-repeat; background-size:106.66% auto !important; padding-bottom: 0.3rem; }
.pord1 .u2 .a .tit{ width: 100%; font-weight: bold; text-align: center; color: #000;font-size:0.2rem; line-height:0.3rem; margin-top:0.8rem;
 transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.pord1 .u2 .a .ico{ display: inline-flex; align-items: center; justify-content: center; border:1px solid #004E9D; border-radius:33px; width:33px; height:33px; line-height:0;margin-top:0.33rem; color: #004E9D;font-size:14px; }
.pord1 .u2 .a .ico i{ width:16px; height:16px; background: url(img/right2.svg) center no-repeat; background-size:100% auto !important;}
.pord1 .u2 .a .ico span{ width:0; white-space: normal; overflow: hidden;}
.pord1 .u2 .a:hover .ico{ color: #fff; background:#004E9D; width:auto; padding:0 15px;}
.pord1 .u2 .a:hover .ico i{ background: url(img/right3.svg) center no-repeat; }
.pord1 .u2 .a:hover .ico span{ width:auto !important; overflow: visible; margin-right: 4px;}

.pord1 .swiper-prev,
.pord1 .swiper-next{ cursor: pointer; width:40px; height:40px; border-radius:50%; display:block;position: absolute; top:33%; margin-top: -20px; z-index: 10; background: url(img/ico5.svg) center no-repeat rgba(0, 78, 157, 0.86); background-size:auto 17px !important; }
.pord1 .swiper-prev{left:0.64rem; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.pord1 .swiper-next{right:0.64rem; }
.pord1 .swiper-prev:hover,
.pord1 .swiper-next:hover{background: url(img/ico5.svg) center no-repeat rgba(0, 78, 157, 0.56);}

@media screen and (max-width:1024px) {
.pord1 .u2 .a{padding:40px 14px 40px 14px;}	
.pord1 .u2 .a .tit{font-size:16px; line-height:26px; }
.pord1 .u2 .a .ico{ width:30px; height:30px; margin-top:25px;font-size:12px;}
.pord1 .swiper-prev,
.pord1 .swiper-next{ width:30px; height:30px; margin-top:-15px; }
.pord1 .swiper-prev{left:15px; }
.pord1 .swiper-next{right:15px; }
}
@media screen and (max-width:767px) {
.pord1 .u2 .li{ width:33.33%;}
}




.advant2{ display: block; width:100%;  overflow: hidden; position: relative; z-index: 8;}
.advant2 .top{ display: block;
	position: absolute;
	width:100%;
	left:0;top: 1.2rem;
	z-index: 8;}
.advant2 .list{ display: block; width:100%; }
.advant2 .ul{ display: flex; width:100%; border-left:1px solid rgba(255,255,255,0.5); position: relative; }
.advant2 .ul .li{ display: flex; flex-wrap: wrap; width:25%; border-right:1px solid rgba(255,255,255,0.3);}
.advant2 .ul .li .la{display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; text-align: center; width:100%; align-content:center; overflow: hidden;  height:8.77rem; padding:1.61rem 0.65rem 1rem 0.65rem;
background: rgba(0, 0, 0, 0); }
.advant2 .ul .li .tit{ position: relative; z-index: 6; width:100%; color: #fff; font-size:0.24rem; line-height:0.44rem;}
.advant2 .ul .li .p1{ position: relative; z-index: 6; width:100%; color: #fff; font-size:14px; line-height:20px; height:0;  }
.advant2 .ul .li .ico{ display: inline-flex; align-items: center; justify-content: center; border:1px solid #fff; border-radius:33px; width:33px; height:33px; line-height:0;margin-top:0.47rem; color: #fff;font-size:14px; }
.advant2 .ul .li .ico i{ width:16px; height:16px; background: url(img/right3.svg) center no-repeat; background-size:100% auto !important;}
.advant2 .ul .li .ico span{ width:0; white-space: normal; overflow: hidden;}
.advant2 .ul .li:hover .ico{ width:auto; padding:0 15px;}
.advant2 .ul .li:hover .ico span{ width:auto !important; overflow: visible; margin-right: 4px;}


.advant2 .ul .la:hover{background: rgba(0, 0, 0, 0.02);backdrop-filter: blur(4px);}
.advant2 .ul .la:hover .p1{margin-top:0.15rem;height:auto; }
.advant2 .ul .la:hover .ico{ transform: translateY(0.22rem); -ms-transform: translateY(0.22rem);}



@media screen and (max-width:1024px) {
.advant2 .top{top:35px;}	
.advant2 .ul .li .la{  height:8.77rem; padding:100px 20px 50px 20px;}
.advant2 .ul .li .tit{font-size:16px; line-height:28px;}
.advant2 .ul .la .p1{font-size:13px; margin-top:12px;height:auto;-webkit-line-clamp:4; height:80px; }
.advant2 .ul .li .ico{ width:30px; height:30px; margin-top:25px;font-size:12px;}
.advant2 .ul .la:hover .p1{margin-top:12px;}
.advant2 .ul .la:hover .ico{ transform: translateY(0); -ms-transform: translateY(0);}
}
@media screen and (max-width:767px) {
.advant2{ padding-top:95px;} 	
.advant2 .ul{ flex-wrap: wrap;}	
.advant2 .ul .li{ width:50%;border-top:1px solid rgba(255,255,255,0.3);}
.advant2 .ul .li .la{  height:300px; padding:40px 20px;}
}



.rongyu{ display: block; width: 100%;overflow: hidden; position: relative; z-index:5; margin-top:-1.62rem;}
.rongyu .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.rongyu .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}

.rongyu .ul .li{ cursor: pointer; display: flex; flex-wrap: wrap;width:16.66%;}
.rongyu .ul .la{ display: flex; flex-wrap: wrap; width:100%; position: relative; padding:2.8rem 0.21rem 0.37rem 0.21rem;background: linear-gradient(180.00deg, rgba(255, 255, 255, 0),rgba(255, 255, 255, ) 100%); transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}
.rongyu .ul .la ._img{ padding-bottom:123.5%; overflow: visible; }
.rongyu .ul .la ._img::after{ display: block; content: ''; position: absolute; left:0; top:100%; z-index: 1; width:100%; height:0.8rem;
filter: blur(2px);
background: linear-gradient(180.00deg, rgba(0, 0, 0, 1),rgba(0, 0, 0, 0) 100%);
opacity: 0.15;
}
.rongyu .ul .la ._img img{object-fit: contain;box-shadow: 0px 4px 12px 8px rgba(0, 0, 0, 0.09);}
.rongyu .ul .la .p{ display:flex; flex-direction: column; justify-content: center; align-items: center; width:100%; text-align: center; color: #000; font-size:calc(14px + 0.02rem); line-height:22px; margin-top:0.8rem; opacity:0; position: relative; z-index: 6;}
.rongyu .ul .la .p i{ width:24px; height:24px; margin-bottom: 12px; background: url(img/fangdajing.svg) center no-repeat; background-size:100% atuo !important;}
.rongyu .ul .la:hover{ background: linear-gradient(180.00deg, rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.69) 100%);}
.rongyu .ul .la:hover .p{ opacity: 0.6; }
.rongyu .ul .la .p:hover{ opacity: 1; }
.rongyu .ul .la .p:hover i{ background: url(img/fangdajing1.svg) center no-repeat; }

.about2{background: linear-gradient(180.00deg, rgba(104, 151, 191, 0.13),rgba(181, 204, 224, 0.13) 100%); position: relative;}
.about2::after{ display: block; content: ''; position: absolute; left:0; bottom:0; z-index: 1; background: linear-gradient(180.00deg, rgba(138, 146, 153, 1),rgba(90, 100, 112, 0.93) 100%); width:100%; height:2.57rem;opacity: 0.35;}
.about2 .swiper-prev,
.about2 .swiper-next{ cursor: pointer; width:40px; height:40px; border-radius:50%; display:block;position: absolute; top:57%; margin-top: -20px; z-index: 10; background: url(img/ico5.svg) center no-repeat rgba(0, 78, 157, 0.86); background-size:auto 17px !important; }
.about2 .swiper-prev{left:-0.62rem; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.about2 .swiper-next{right:-0.62rem; }
.about2 .swiper-prev:hover,
.about2 .swiper-next:hover{background: url(img/ico5.svg) center no-repeat rgba(0, 78, 157, 0.56);}
.about2 .sect{ display: block; width: 100%; position: relative;}


@media screen and (max-width:1024px) {
.rongyu{ margin-top:-50px;}	
.rongyu .ul .la{ padding:80px 7px 30px 7px;}
.rongyu .ul .la ._img::after{ height:30px;}
.rongyu .ul .la ._img img{object-fit: contain;box-shadow: 0px 2px 6px 4px rgba(0, 0, 0, 0.09);}	
.rongyu .ul .la .p{ opacity:0.6; font-size:14px; margin-top:30px;}	
.rongyu .ul .la .p img{ width:20px; height:20px; margin-bottom: 6px;}
.about2::after{  height:140px;}
.about2 .swiper-prev,
.about2 .swiper-next{ width:30px; height:30px; top:auto; bottom:44px; margin-top:0; }
.about2 .swiper-prev{left:-5px; }
.about2 .swiper-next{right:-5px; }
}
@media screen and (max-width:767px) {
.rongyu .ul .li{ width: 50%;}


}



.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:50%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banbox .tit60{ width:100%; color: #fff;letter-spacing: 2px; font-weight: bold; font-size:0.6rem; line-height: 0.9rem;  text-align: center;}


@media screen and (max-width:1024px) {
.banbox .tit60{font-size:24px; line-height:34px;}


}





.about1 { overflow: hidden; position: relative; padding-top:1.47rem; padding-bottom:1.77rem;}
.about1 .box2{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width:100%; }
.about1 .left1{display:flex; flex-wrap: wrap; width:3.5rem;}
.about1 .right1{display:flex; flex-wrap: wrap; width:58.4%; color: #000;
font-size:calc(14px + 0.02rem);
font-weight: 400;
line-height:calc(22px + 0.12rem);
letter-spacing: 0px;
text-align: left; }
.about1 .t1{ margin-bottom:0.24rem;color:rgba(0, 0, 0, 0.42);width:100%;
font-size:calc(14px + 0.02rem);
font-weight: 400;
line-height:calc(22px + 0.04rem);
letter-spacing: 0px;}

@media screen and (max-width:1024px) {
.about1{ padding-top:40px; padding-bottom:45px; }	
.about1 .left1{ width:100%;}
.about1 .right1{ width:100%;margin-top:20px;
font-size:14px;
line-height: 26px;}
.about1 .t1{font-size:14px; margin-bottom:12px;
line-height: 24px;}

}




.about1 .shipin{ cursor: pointer; display: flex; flex-direction: column; align-items: center;justify-content: center; line-height:0; color:#fff;  font-size:0.2rem; line-height:0.34rem; }
.about1 .shipin img{ width:48px; height:48px; margin-bottom: 12px;}
.about1 .box1{display:block; width:100%;border-radius: 12px; overflow: hidden; margin-top:1.66rem; padding:1.91rem 0.35rem 1.09rem 0.35rem;}
.about1 .ul{display:flex; justify-content: space-between; width:100%; margin-top:1.38rem; padding:0 1.07rem; border-top: 1px solid rgba(236, 235, 235, 0.29);}
.about1 .ul .li{display:flex; flex-direction: column; padding: 0.29rem 0 0 0; position: relative;}
.about1 .ul .li::after{display:block; content:''; position: absolute; left:0; top:0;border-left: 1px solid rgba(236, 235, 235, 0.29);
height: 85.62%;
width: 0;}
.about1 .ul .li .la{display:flex; flex-wrap: wrap; flex-direction: column;}
.about1 .ul .li .num{ display:flex; align-items: flex-end; padding:0  0 0 0.26rem;  margin-top: 0.26rem; color:#fff;}
.about1 .ul .li .countup{ display:flex; font-weight: bold; font-size:0.64rem; line-height:0.72rem;}
.about1 .ul .li .dw{ text-transform: uppercase;  display:flex; font-size:calc(14px + 0.02rem); line-height:0.42rem; margin-left: 0.1rem;}
.about1 .ul .li .info{ display:block; color:#fff;  font-size:0.2rem; line-height:0.4rem; padding:0  0 0 0.26rem ;position: relative; }
.about1 .ul .li .info::after{display:block; content:''; position: absolute; left:0; top:17.5%;border-left: 1px solid rgba(255, 255, 255, 1);
height: 65%; z-index: 6;
width: 0;}
.about1 .ul .li .la:hover .info{ color:#fff;}
.about1 .ul .li .la:hover .info::after{ border-left: 1px solid #004E9D;}
.about1 .ul .li .la:hover .num{ transform: translateY(-0.16rem); -ms-transform: translateY(-0.16rem);}


@media screen and (max-width:1024px) {
.about1 .shipin{font-size:14px; line-height:24px; }
.about1 .shipin img{ width:38px; height:38px; margin-bottom:6px;}
.about1 .box1{ margin-top:40px; padding:50px 14px 40px 14px;}
.about1 .ul .li{ padding:15px 0 0 0;}
.about1 .ul .li .num{ margin-top:10px; padding:0  0 0 14px; }
.about1 .ul .li .countup{ font-size:24px; line-height:24px;}
.about1 .ul .li .dw{ font-size:13px;line-height:16px;  margin-left:4px;} 
.about1 .ul .li .info{font-size:14px; line-height:28px; padding:0  0 0 14px; } 
.about1 .ul .li .la:hover .num{ transform: translateY(-4px); -ms-transform: translateY(-4px);}
}
@media screen and (max-width:767px) {
.about1 .ul{ padding:0;}	
.about1 .ul{ justify-content: center; flex-wrap: wrap;}	
.about1 .ul .li{ padding:15px 0; margin:0 0.7rem;}	
}



.about5 .top{ display: block; width:100%; padding-top:1.5rem;padding-bottom:1.5rem;}
.about5 .info{ display: block; width:100%; margin-top: 0.24rem; color: #fff; font-size:0.18rem; line-height:0.27rem;  }
.about5 .list{ display: block; width:100%; }
.about5 .ul{display: flex; flex-wrap: wrap;width:100%;}
.about5 .ul .li{ display: flex; flex-wrap: wrap; width:25%; padding:1.18rem 0.85rem; background:#11305F;}
.about5 .ul .la{ display: flex; flex-wrap: wrap; text-align: center; justify-content: center; align-content: flex-start; width:100%; }
.about5 .ul .li .tit{ display: block; width:100%; color: #fff; font-size:0.24rem; line-height:0.36rem;}
.about5 .ul .li .p{ display: block; width:100%;color:rgba(255, 255, 255, 0.6); font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem); margin-top: 0.48rem;  }
.about5 .ul .li .line{ display: block; width:34px; height:2px; background: #fff;}
.about5 .ul .li:nth-child(4n+2){ background:#043F7A;}
.about5 .ul .li:nth-child(4n+3){ background:#0970B0;}
.about5 .ul .li:nth-child(4n+4){ background:#18A3DE;}
.about5 .ul .li:hover{background: radial-gradient(50.00% 50.00% at 50% 50%,rgba(23, 65, 130, 1),rgba(17, 48, 95, 1) 100%);}
.about5 .ul .li:hover:nth-child(4n+2){background: radial-gradient(50.00% 50.00% at 50% 50%,rgba(12, 83, 154, 1),rgba(4, 63, 122, 1) 100%);}
.about5 .ul .li:hover:nth-child(4n+3){background: radial-gradient(50.00% 50.00% at 50% 50%,rgba(18, 136, 209, 1),rgba(9, 112, 176, 1) 100%);}
.about5 .ul .li:hover:nth-child(4n+4){background: radial-gradient(50.00% 50.00% at 50% 50%,rgba(63, 189, 242, 1),rgba(24, 163, 222, 1) 100%);}


@media screen and (max-width:1024px) {
.about5 .top{ padding-top:50px;padding-bottom:50px;}		
.about5 .info{ font-size:14px; line-height:24px; margin-top:14px; }
.about5 .ul .li{ width:50%;  padding:40px 14px;}
.about5 .ul .li .tit{ font-size:16px; line-height:30px;}
.about5 .ul .li .p{ font-size:14px; line-height:22px;  margin-top:14px;}
}
@media screen and (max-width:767px) {
.about5 .ul .li{ width:50%; }
}


.about3 .list{display:block; width: 100%; margin-top:69px;}
.about3 .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 0.34rem); margin:-0.17rem; }
.about3 .li{display:flex; flex-wrap: wrap; width: 33.33%; padding:0.17rem;}
.about3 .li .la{ width: 100%; overflow: hidden; flex-wrap: wrap; border-radius:12px; position: relative; height:4rem;
background:rgba(248, 249, 249, 1);
display: flex;
align-items: flex-start;
padding:0.73rem 0.48rem;}
.about3 .li .tit{display:block; width: 100%; font-weight: bold;color:#000;font-size:0.24rem; line-height:0.35rem;
}
.about3 .li .p{display:block; width: 100%; margin-top:0.16rem;
color: #000;font-size:0.18rem; line-height:0.26rem; min-height:0.78rem;
}
.about3 .li .ino{display:flex; align-items: flex-end; line-height: 0; width:100%; height:56px; margin-top:0.69rem;}
.about3 .li .ino img{height:48px;}
.about3 .li .ino .img1{display:block;}
.about3 .li .ino .img2{display:none;}
.about3 .li .ico{display:block; line-height: 0; width:57.27%; line-height:0; position: absolute; right:0; bottom:0; z-index: 1; opacity:0; }
.about3 .li .la:hover{ transform: translateY(-0.15rem); -ms-transform: translateY(-0.15rem);background:#004E9D;padding:0.87rem 0.48rem;}
.about3 .li .la:hover .tit{color:#fff;}
.about3 .li .la:hover .p{color:#fff;}
.about3 .li .la:hover .ino img{ height:56px;}
.about3 .li .la:hover .ico{ opacity:1;}
.about3 .li .la:hover .ino .img1{display:none;}
.about3 .li .la:hover .ino .img2{display:block;}
.about3 .li .la:hover .ino{margin-top:0.26rem;}


@media screen and (max-width:1024px) {
.about3 .list{ margin-top:25px;}
.about3 .ul{  width:calc(100% + 14px); margin:-7px; }
.about3 .li{ padding:7px;}	
.about3 .li .la{  height: auto;
padding:25px 18px;}
.about3 .li .tit{
font-size:18px;
line-height:28px;}
.about3 .li .p{ font-size:14px; line-height: 22px; min-height:66px; margin-top:10px;}
.about3 .li .ino{ height:46px; margin-top:15px;}
.about3 .li .ino img{height:38px;}
.about3 .li .la:hover .ino img{ height:46px;}
.about3 .li .la:hover{padding:20px 15px;}
.about3 .li .la:hover .ino{margin-top:15px;}
}
@media screen and (max-width:767px) {
.about3 .li{ width: 100%;}	
.about3 .li .p{  min-height:inherit;}
.about3 .li .ino{ width: 46px; position: absolute; justify-content:flex-end; align-items: center; right:18px; top:50%;transform: translateY(-50%); -ms-transform: translateY(-50%); margin:0;}
.about3 .li .la{ 
padding:25px 76px 25px 18px;}
.about3 .li .la:hover{padding:25px 76px 25px 18px;}
.about3 .li .ico{ width:80px;}
}



.about4{background: linear-gradient(180.00deg, rgba(104, 151, 191, 1),rgba(181, 204, 224, 1) 100%); position: relative; overflow: hidden;}
.about4 .bd{display: block; line-height:0; position: absolute;bottom:0; z-index: 1; left:50%; width:20.93rem; transform: translateX(-47.5%); -ms-transform: translateX(-47.5%);}
.about4 .box{ display:flex; flex-wrap: wrap; width:calc(100% + 1.04rem);margin:0.78rem -0.52rem 0 -0.52rem;position: relative;}
.about4 .box::after{display: block; content: ''; border-top: 1px solid rgba(255, 255, 255, 1);position: absolute;bottom:2.78rem; z-index: 1; left:50%; width:4000px; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.about4 .slick-track{display:flex;}
.about4 .u2{display:block; width: 100%; }
.about4 .u2 .li{display:flex; flex-wrap: wrap; width: 20%;}
.about4 .u2 .li .la{ width: 100%; flex-wrap: wrap; padding:0.4rem 0.52rem 3.03rem 0.52rem; position: relative;
display: flex;
align-content: flex-start;}
.about4 .u2 .li .tit{display:block; text-align: center; width: 100%; font-weight: bold;color:#fff;font-size:0.64rem; line-height:0.87rem;
}
.about4 .u2 .li .p{display:block; text-align: center; width: 100%; margin-top:0.26rem;
color: #fff;font-size:0.18rem; line-height:0.27rem;
}
.about4 .u2 .li .line{display: block; width:32px; position: absolute;bottom:3.03rem; z-index:5; left:50%;transform: translateX(-50%); -ms-transform: translateX(-50%);}
.about4 .u2 .li .line::after{display: block; content: ''; border: 1px solid rgba(255, 255, 255, 1);position: absolute;top:0.25rem; z-index: 1; left:50%; width:2px; height:35px; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.about4 .u2 .li .line::before{display: block; content: '';position: absolute;bottom:100%; margin-bottom:-0.25rem; z-index: 1; left:50%; width:32px; height:31px; transform: translateX(-50%); -ms-transform: translateX(-50%); opacity: 0; background: url(img/ico0.png) center bottom no-repeat;  background-size: 100% auto !important;}

.about4 .u2 .li .la:hover .tit{ transform: translateY(-0.4rem); -ms-transform: translateY(-0.4rem);}
.about4 .u2 .li .la:hover .p{ transform: translateY(-0.48rem); -ms-transform: translateY(-0.48rem);}
.about4 .u2 .li .la:hover .line::after{ height:3.03rem;top:0;}
.about4 .u2 .li .la:hover .line::before{opacity: 1; margin-bottom:0 !important;}

.about4 .slick-prev{ top: auto; bottom:47px; left:50%; margin-left: -55px;} 
.about4 .slick-next{ top: auto; bottom:47px; right:50%;margin-right: -55px;}

@media screen and (max-width:1600px) {
.about4 .box{ width:calc(100% + 0.8rem);margin:0.78rem -0.4rem 0 -0.4rem;}
.about4 .u2 .li .la{  padding:0.4rem 0.4rem 3.03rem 0.4rem;}
}
@media screen and (max-width:1440px) {
.about4 .box{ width:calc(100% + 0.56rem);margin:0.78rem -0.28rem 0 -0.28rem;}
.about4 .u2 .li .la{  padding:0.4rem 0.28rem 3.03rem 0.28rem;}
}
@media screen and (max-width:1024px) {
.about4 .box{ width:calc(100% + 16px);margin:25px -8px 0 -8px;}
.about4 .box::after{bottom:130px;}
.about4 .u2 .li .la{  padding:20px 8px 155px 8px;}	
.about4 .u2 .li .tit{
font-size:26px;
line-height:36px;}
.about4 .u2 .li .p{ font-size:14px; line-height: 24px; margin-top:10px;}
.about4 .u2 .li .line{ width:26px; bottom:140px;}
.about4 .u2 .li .line::after{top:10px; width:2px; height:25px;}
.about4 .u2 .li .line::before{ margin-bottom:-10px; width:26px; height:25px; }

.about4 .u2 .li .la:hover .tit{ transform: translateY(-10px); -ms-transform: translateY(-10px);}
.about4 .u2 .li .la:hover .p{ transform: translateY(-18px); -ms-transform: translateY(-18px);}
.about4 .u2 .li .la:hover .line::after{ height:130px;top:0;}


.about4 .slick-prev{ top: auto; bottom:35px; left:50%; margin-left: -40px;} 
.about4 .slick-next{ top: auto; bottom:35px; right:50%;margin-right: -40px;}
}

@media screen and (max-width:767px) {

}



.slide1{ display:inline-flex; flex-wrap: wrap; justify-content:center; width: 100%;}
.slide1 .ul{ display:inline-flex;}
.slide1 .li{ display: flex; flex-wrap: wrap; margin:0 0.5rem; }
.slide1 .li a{ display: flex; flex-wrap: wrap; align-items:center; justify-content: center;color:rgba(0, 0, 0,0.7); position: relative;
;font-size:calc(14px + 0.02rem); line-height:0.2rem; height:0.76rem; }
.slide1 .li a::after{ display: block; content: ''; position: absolute; left:50%; transform: translateX(-50%); -ms-transform: translateX(-50%); bottom:-1px; z-index: 1; width:0; height:1px;background:#004E9D;}
.slide1 .li:hover a{ color:#004E9D;}
.slide1 .li.on a{ color:#004E9D;}
.slide1 .li:hover a::after{  width:100%;}
.slide1 .li.on a::after{ width:100%;}

.slide1 .li a.active{ color:#004E9D;}
.slide1 .li a.active::after{  width:100%;}



@media screen and (max-width:1024px) {
.slide1{ width: 100%; justify-content: center;}	
.slide1 .li{margin:0 10px; }	
.slide1 .li a{ height:50px; font-size:14px; }
.slide1 .li a::after{ bottom:0;}
}
@media screen and (max-width:767px) {
.slide1-1{ justify-content: flex-start; white-space: nowrap; overflow-x: auto;}	
.slide1-1 .li{margin:0 16px 0 0; }	

}


/* 分页 */
.wack1{ width: 100%;}
.wack1 .pz_fy{ display:flex; flex-wrap: wrap; align-items: center; justify-content: center; width:100%;color:#000;font-size:14px; line-height:24px;}
.wack1 .pz_fy .toll{ margin-right:0.17rem;}
.wack1 .pz_fy a { position: relative; float:left; border-radius:50%; width:0.4rem; height:0.4rem; line-height:0.4rem; color:#000; text-align: center; font-size:14px; margin:0 2px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{ background:#004E9D; 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 #000; border-right:2px solid #000; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .pz_fy .next{ margin-left: 6px;}
.wack1 .pz_fy .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg); margin-right: 6px;}
.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:#000;}
.wack1 .fy_pc .prev,
.wack1 .fy_pc .next{ display: flex; position: relative; height:32px; width:32px; border-radius:4px; }
.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 #000; border-right:1px solid #000; 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;}
}


.case2{ display: block; text-align: center; width:100%;
font-size: 0.18rem;
font-weight: 400;
line-height: 0.27rem;}
@media screen and (max-width:1024px) {
.case2{ font-size:16px; line-height:26px; }
}

.case1{ display:flex; align-items: center; justify-content: space-between; width: 100%; background: #fff; padding:0.22rem 0.24rem;border-radius: 12px;
}
.case1 .div1{ display:flex; align-items: flex-start;}
.case1 .div{ display:flex; align-items: flex-start;}
.case1 .tit{ display: flex; white-space:nowrap;color: #000;font-size:calc(14px + 0.02rem); line-height:24px; 
}
.case1 .ul{ display:flex; flex-wrap: wrap;}
.case1 .li{ display: flex; flex-wrap: wrap; margin:0 0 0 0.24rem; }
.case1 .li a{ display: flex; flex-wrap: wrap; white-space:nowrap;color: #4B4B4B;font-size:14px; line-height:24px; padding:0 0 0 24px; }
.case1 .li:hover a{color: #004E9D;}
.case1 .li.on a{color: #004E9D;  background: url(img/duo.svg) left center no-repeat;  background-size:16px auto !important;}
.case1 .chongzhi{display: flex; flex-wrap: wrap; align-items:center; justify-content: center;color: #4B4B4B;font-size:14px; line-height:24px; padding:0 0 0 26px; background: url(img/chongzhi.svg) left center no-repeat; white-space:nowrap;  background-size:16px auto !important; }
.case1 .chongzhi:hover{color: #004E9D; background: url(img/chongzhi1.svg) left center no-repeat;}

@media screen and (max-width:1024px) {
.case1{ width: 100%; justify-content: center; padding:10px 14px;}	
.case1 .li{margin:0 0 0 12px;}	
.case1 .li a{ font-size:14px; padding:0 0 0 20px; }
}
@media screen and (max-width:767px) {
.case1 .div{ flex-wrap: wrap;}
.case1 .chongzhi{ position: absolute; top: 10px; right: 15px;}
.case1 .ul{ width:calc(100% + 8px); margin:0 -4px;}
.case1 .li{margin:4px;}	
}


.case{ display: block; width: 100%;}
.case .u2{  display: flex; flex-wrap: wrap; width:calc(100% + 0.32rem); margin:-0.16rem; }
.case .u2 .li{ display:flex; flex-wrap: wrap; width: 33.33%; padding:0.16rem;}
.case .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255); border-radius:12px; overflow: hidden;
}
.case .u2 .a ._img{ padding-bottom:100%;}
.case .u2 .a .cont{ width: 100%; position: relative; border-top:1px solid #F8F9F9; padding:0.32rem 0.32rem;}
.case .u2 .a .tit{ width: 100%; color: #000;font-size:0.18rem; line-height:0.27rem; padding-right: 90px; }
.case .u2 .a .p{ width: 100%; color:rgba(0, 0, 0, 0.26);font-size:14px; line-height:20px;padding-right: 90px; margin-top:12px;}
.case .u2 .a .ico{ display: inline-flex; align-items: center; justify-content: center; border:1px solid #004E9D; border-radius:33px; width:33px; height:33px; line-height:0; color: #004E9D;font-size:14px; position: absolute; right:0.32rem; top:50%;  transform: translateY(-50%); -ms-transform: translateY(-50%); }
.case .u2 .a .ico i{ width:16px; height:16px; background: url(img/right2.svg) center no-repeat; background-size:100% auto !important;}
.case .u2 .a .ico span{ width:0; white-space: normal; overflow: hidden;}
.case .u2 .a:hover .ico{ color: #fff; background:#004E9D; width:auto; padding:0 15px;}
.case .u2 .a:hover .ico i{ background: url(img/right3.svg) center no-repeat; }
.case .u2 .a:hover .ico span{ width:auto !important; overflow: visible; margin-right: 4px;}
.case .u2 .a:hover .cont{background: linear-gradient(180.00deg, rgba(255, 255, 255, 1),rgba(233, 244, 255, 1) 100%);}
.case .u2 .a:hover .tit{color:#004E9D; transform: translateY(2px); -ms-transform: translateY(2px);}
.case .u2 .a:hover .p{color:#4B4B4B; transform: translateY(-2px); -ms-transform: translateY(-2px);}


@media screen and (max-width:1024px) {
.case .u2{width:calc(100% + 14px); margin:-7px; }
.case .u2 .li{padding:7px 7px;}	
.case .u2 .a .cont{padding:20px 15px;}
.case .u2 .a .tit{font-size:16px; line-height:24px;} 
.case .u2 .a .ico{width:30px; height:30px;font-size:12px; right:15px; }
}
@media screen and (max-width:767px) {
.case .u2 .li{ width:100%;}
.case .u2 .a{ flex-wrap: nowrap;}
.case .u2 .a ._img{ width:140px; min-width:140px;  padding-bottom:140px;}
.case .u2 .a .tit{ padding-right:0;}
.case .u2 .a .p{ padding-right:0; margin-top:8px;}
.case .u2 .a .cont{ align-content: center; border-top:0; border-left:1px solid #F8F9F9;  padding:16px 16px;}
.case .u2 .a .ico{ position: static; margin-top:15px; transform: translateY(0); -ms-transform: translateY(0); }
}



.Contact{ display:block; width:100%; padding-top:69px;}
.Contact .er{ display:flex; flex-wrap: wrap; justify-content: center; width:100%;}
.Contact .er .li{ display:flex; flex-direction: column; align-items: center; justify-content: center; width:1.8rem; margin:9px 0.2rem;
border-radius: 12px; text-align: center;background:#FFFFFF; padding:0.39rem;
box-shadow: 0px 2.8rem 0.78rem 0px rgba(150, 150, 150, 0),0px 1.79rem 0.72rem 0px rgba(150, 150, 150, 0.01),0px 1.01rem 0.6rem 0px rgba(150, 150, 150, 0.05),0px 0.45rem 0.45rem 0px rgba(150, 150, 150, 0.09),0px 0.11rem 0.25rem 0px rgba(150, 150, 150, 0.1),0px 0px 0px 0px rgba(150, 150, 150, 0.1);border: 1px solid rgba(236, 235, 235, 1);

}
.Contact .er .li i{ display:block; width:100%; line-height: 0; overflow: hidden; border-radius: 6px;}
.Contact .er .li i img{ width:100%;}
.Contact .er .li span{ display:block; width:100%; margin-top:6px;color:#000000;
font-size: 14px;
font-weight: 350;
line-height: 23px;}


@media screen and (max-width:1024px) {
.Contact{padding-top:30px;}	
.Contact .er{ justify-content:space-between;}
.Contact .er .li{ width:23%; margin:9px 0; padding:20px;}
}
@media screen and (max-width:767px) {
.Contact .er{ justify-content:space-between; padding:0 10px;}
.Contact .er .li{ width:47%;}
}



.contact1{display:block; width:100%; padding-top:69px; }
.contact1 .addr{ margin-bottom:30px; display: flex; flex-wrap: wrap; align-items:center; justify-content: space-between; background:rgba(248, 249, 249, 1); border-radius: 12px; width:100%;}
.contact1 .addr .pic{ width:50%; display: block; line-height: 0;}
.contact1 .addr ._img{ padding-bottom: 47.62%;}
.contact1 .addr .cont{ display: block; width:50%; padding:0.4rem;}
.contact1 .addr .tit{ width:100%; color: #000;font-size:0.2rem; line-height:0.24rem; padding:0 0 0.24rem 0; border-bottom: 1px solid rgba(236, 235, 235, 1);}
.contact1 .addr .info{ display:block; width: 100%;  margin-top:0.24rem; }
.contact1 .addr .p{ display:block; width: 100%;color: #4B4B4B; font-size:14px; line-height:24px; padding:0.08rem 0;}
.contact1 .addr .btn{ display:block; width: 100%; margin-top:0.24rem;}
.contact1 .addr .btn a{ display:inline-flex; align-items: center; color:#004E9D;
font-size: 14px; padding:0 0.32rem;
line-height: 1.2; height: 0.48rem; border-radius:0.48rem; border: 1px solid rgba(236, 235, 235, 1);}
.contact1 .addr .btn a:hover{ color:#fff; border: 1px solid #004E9D;background:#004E9D;}
.contact1 .addr:last-child{margin-bottom:0;}

.contact1.ph_show{display:none;}

@media screen and (max-width:1024px) {
.contact1{ padding-top:30px;}	
.contact1 .addr{margin-bottom:20px;}
.contact1 .addr .pic{ width:100%;}
.contact1 .addr .cont{ width:100%;padding:20px 15px; }
.contact1 .addr .tit{font-size:16px; line-height:22px; padding:0 0 15px 0;}
.contact1 .addr .info{ margin-top:15px; }
.contact1 .addr .p{ padding:4px 0;}
.contact1 .addr .btn{ margin-top:15px; }
.contact1 .addr .btn a{
font-size: 13px; padding:0 16px; height:36px; border-radius:36px;}

.contact1.pc_show{display:none;}
.contact1.ph_show{display:block;}


}
@media screen and (max-width:767px) {
.contact1 .addr .p{ font-size:13px;}
}



.contact2{flex-wrap:wrap; display: flex; width:100%; padding:20px 0; border-bottom: 1px solid rgba(236, 235, 235, 1); overflow: hidden;}
.contact2 .ul{flex-wrap:wrap; display: flex;margin:0 -0.12rem; width:calc(100% + 0.24rem); }
.contact2 .addr{ display: flex; flex-wrap: wrap; width:50%; padding:26px 0.52rem; margin:20px 0; border-right: 1px solid rgba(236, 235, 235, 1);}
.contact2 .addr ._img{ padding-bottom: 47.62%; margin-top:0.4rem; }
.contact2 .addr .ico{ display: flex; align-items: center; width:100%;color: #000;font-size:0.2rem; line-height:0.24rem;}
.contact2 .addr .ico img{ min-width:20px; width:20px; height:20px; margin-right: 8px;}
.contact2 .addr .info{ display:block; width: 100%; margin-top:0.4rem; }
.contact2 .addr .p{ display:block; width: 100%;color: #4B4B4B; font-size:14px; line-height:24px; padding:0.08rem 0;}
.contact2 .addr .btn{ display:block; width: 100%; margin-top:0.24rem;}
.contact2 .addr .btn a{ display:inline-flex; align-items: center; color:#004E9D;
font-size: 14px; padding:0 0.32rem;
line-height: 1.2; height: 0.48rem; border-radius:0.48rem; border: 1px solid rgba(236, 235, 235, 1);}
.contact2 .addr .btn a:hover{ color:#fff; border: 1px solid #004E9D;background:#004E9D;}


@media screen and (max-width:1024px) {
.contact2 .addr .ico{font-size:16px; line-height:22px;}
.contact2 .addr ._img{ margin-top:15px; }
.contact2 .addr .info{ margin-top:15px; }
.contact2 .addr .p{ padding:4px 0;}
.contact2 .addr .btn{ margin-top:15px; }
.contact2 .addr .btn a{
font-size: 13px; padding:0 16px; height:36px; border-radius:36px;}
}
@media screen and (max-width:767px) {
.contact2{ padding:0;}	
.contact2 .ul{margin:-6px 0; width:100%; }
.contact2 .addr{ padding:40px 15px; margin:0; border-right: 0; border-top: 1px solid rgba(236, 235, 235, 1);}	
.contact2 .addr{width:100%;}

}




.gnxc{width: 100%; display: block; padding:0 8.5%;}
.gnxc ul{width: 100%; display: block;}
.gnxc li{margin-top:32px;background: #F8F9F9; display: block; position: relative;border-radius:6px; overflow: hidden;}
.gnxc .top{width: 100%;padding: 0 32px;cursor: pointer;}
.gnxc .top .title{width: 100%;font-size: 0.2rem;color: #000000;line-height: 0.27rem;padding:24px 0 30px 0;border-bottom: 1px solid  rgba(236, 235, 235, 1);}
.gnxc .top .boxs{width: 100%;display: flex;justify-content: space-between;align-items: center;padding:24px 0;}
.gnxc .top .left{display: flex;justify-content: flex-start;align-items: center;}
.gnxc .top .list{font-size: calc(14px + 0.02rem);color: #4B4B4B;line-height:calc(22px + 0.05rem);margin-right:1.06rem;}
.gnxc .top .list:last-child{margin-right: 0;}
.gnxc .top .right{width: 0.33rem; height:0.33rem; right: 32px; top:24px; position:absolute; background: url(img/xia2.svg) center no-repeat;  background-size: 100% auto !important;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.gnxc li.on .top .right{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);}
.gnxc .bottom{display: none;padding:32px 32px;
border-top: 1px solid rgba(236, 235, 235, 1);}
.gnxc .bottom .listbox{width: 100%;}
.gnxc .bottom .list{margin-bottom:32px;}
.gnxc .bottom .list1{display: none;font-size:14px;color: #4B4B4B;line-height:24px; }
.gnxc .bottom .bt{font-size: calc(14px + 0.04rem);color: #000000;line-height: calc(22px + 0.05rem);}
.gnxc .bottom .info{ display: block;  width: 100%; font-size: calc(14px + 0.02rem);color: #4B4B4B;line-height: calc(22px + 0.1rem); margin-top:12px;}
.gnxc .bottom .btns{width: 100%;}
.gnxc .bottom .btns a{display:inline-flex; font-size: calc(14px + 0.02rem);color: #fff;line-height: 1.2;  height:0.56rem;border-radius: 4px;background: #004E9D; border:1px solid #004E9D; padding:0 0.52rem; align-items: center;}
.gnxc .bottom .btns a:hover{background:none;color: #004E9D;}


@media screen and (max-width:1024px) {
.gnxc{ padding:0;}	
.gnxc li{margin-top: 20px;}
.gnxc .top{padding: 0 16px;display: flex;justify-content: space-between;align-items: center; position: relative;}
.gnxc .top .title{font-size: 16px;line-height:24px;padding: 14px 0;border-bottom:0;}
.gnxc .top .boxs{width: auto;padding: 0;}
.gnxc .top .left{display: none;}
.gnxc .top .right{width:24px; height:24px; right: 16px; top:14px;}
.gnxc .bottom{padding:20px 16px 25px 16px;}
.gnxc .bottom .list{margin-bottom:20px;}
.gnxc .bottom .list1{display: block;}
.gnxc .bottom .bt{font-size: 16px;line-height: 24px;}
.gnxc .bottom .info{font-size: 14px;line-height: 26px;margin-top:8px;}
.gnxc .bottom .btns a{font-size: 14px; height: 36px; padding:0 20px;}
}


.ssBox{ display: block; width: 100%; margin-top:32px; padding:0 8.5%;}
.ssBox .input{ display: flex; align-items: center; width: 100%; overflow: hidden; border-radius: 4px; border:1px solid rgba(236, 235, 235, 1); padding:24px;}
.ssBox .input input{width: 100%;height:40px;display: block; border-radius: 4px;background: #fff; font-size: 14px; line-height:26px; padding:10px 16px; color: #333;}
.ssBox .input input::placeholder{color:#4B4B4B; opacity:1 !important;}
.ssBox .input .img{display: block; cursor: pointer; width:22px;height: 40px;background: url(img/_search1.svg) center no-repeat; background-size:22px auto !important;}
.ssBox .input .button{border-radius: 4px;
background:#004E9D; border:1px solid #004E9D;
 padding:0 17px; white-space: nowrap;
height: 40px;color:#FFFFFF;
font-size: 14px;
line-height: 27px;
text-align: center;}
.ssBox .input .button:hover{background:none;color:#004E9D;}

@media screen and (max-width:1024px) {
.ssBox{margin-top: 20px; padding:0;}
.ssBox .input{ padding:12px;}
.ssBox .input input{height:36px; padding:8px 12px;}
.ssBox .input .img{height:36px;}
.ssBox .input .button{height:36px; padding:0 15px;}
}


.job1{ display: block; width: 100%;}
.job1 .u2{ display:flex; flex-wrap: wrap; width:calc(100% + 0.34rem); margin:-0.17rem;}
.job1 .u2 .li{ display:block; width:25%; padding:0.17rem;}
.job1 .u2 .a{ display:flex; flex-wrap: wrap; align-items:flex-start; width: 100%; position: relative; overflow: hidden; border-radius: 12px;}
.job1 .u2 .a ._img{ padding-bottom:119.74%; }
.job1 .u2 .a .tit{ width: 100%; position:absolute; left:0; bottom:0.38rem; z-index: 6; text-align: center; color: #fff;font-size:0.18rem; line-height:0.27rem; padding:0 0.2rem;}
.job1 .u2 .a .bg{width: 100%; height: 100%; position:absolute; left:0; bottom:0; z-index: 5; display:block;background: linear-gradient(180.00deg, rgba(0, 78, 157, 0),rgba(0, 78, 157, 1) 100%);}
.job1 .u2 .a:hover .tit{bottom:0.3rem;}
.job1 .u2 .a:hover .bg{height:0.88rem;}

@media screen and (max-width:1024px) {
.job1 .u2{ width:calc(100% + 14px); margin:-7px}
.job1 .u2 .li{ padding:7px;}	
.job1 .u2 .a .tit{ bottom:20px; font-size:14px; line-height:24px; padding:0 16px;}
.job1 .u2 .a:hover .bg{height:66px;}
.job1 .u2 .a:hover .tit{bottom:16px;}
}
@media screen and (max-width:767px) {
.job1 .u2 .li{ width: 50%;}
}



.job2{display:block; width: 100%; padding-left:8.5%; padding-right:8.5%;}
.job2 .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 0.34rem); margin:-0.17rem;}
.job2 .li{display:flex; flex-wrap: wrap; width: 50%; padding:0.17rem;}
.job2 .li .la{ width: 100%; overflow: hidden; flex-wrap: wrap;position: relative;border-radius: 12px;
background: rgba(248, 249, 249, 1);
display: flex;
align-items: flex-start;
padding:0.62rem 0.56rem;}
.job2 .li .tit{display:block; width: 100%;color:#000;font-size:0.2rem; line-height:0.27rem;
}
.job2 .li .p{display:block; width: 100%; margin-top:8px;color:#4B4B4B;
font-size: 14px;
font-weight: 400;
line-height: 27px;
}
.job2 .li .ico img{display:block; width: auto; object-fit: contain; height:100%; position: absolute; right:0; bottom:0; z-index: 1;}
.job2 .li .ico .img1{opacity:1;}
.job2 .li .ico .img2{opacity:0;}
.job2 .li.on .la{
box-shadow: 0px 0.1rem 0.39rem 0px rgba(0, 78, 157, 0.06);
background:#FFFFFF;
}
.job2 .li.on .la .tit{color:#004E9D;}
.job2 .li.on .la .ico .img1{opacity:0;}
.job2 .li.on .la .ico .img2{opacity:1;}


@media screen and (max-width:1024px) {
.job2{ padding-left:0; padding-right:0;}	
.job2 .ul{ width:calc(100% + 14px); margin:-7px;}
.job2 .li{ padding:7px;}	
.job2 .li .la{
padding:25px 14px;}
.job2 .li .tit{
font-size:16px;line-height:24px;}
.job2 .li .p{ font-size:14px; line-height:24px;}

}
@media screen and (max-width:767px) {

}




.gsjg1{display:block; width: 100%;}
.gsjg1 .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 0.34rem); margin:-0.16rem -0.17rem;}
.gsjg1 .li{display:flex; flex-wrap: wrap; width: 50%; padding:0.16rem 0.17rem;}
.gsjg1 .la{ display: flex; flex-wrap: wrap; align-items:center; justify-content: space-between; width:100%; padding:0.32rem;border-radius: 12px;
background: linear-gradient(180.00deg, rgba(248, 249, 249, 1),rgba(248, 249, 249, 0) 100%);
 transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}
.gsjg1 .title{ width:100%; color: #000;font-size:0.2rem; line-height:0.27rem;}
.gsjg1 .addr{ display: flex; align-items:flex-start; justify-content: space-between; background:#fff;width:100%; margin-top:0.32rem;box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.03);}
.gsjg1 .addr .pic{ width:1.92rem; min-width:1.92rem; display: block; line-height: 0;background: radial-gradient(50.00% 50.00% at 50% 50%,rgba(206, 206, 206, 1),rgba(164, 164, 164, 1) 100%);}
.gsjg1 .addr ._img{ padding-bottom: 131.77%;}
.gsjg1 .addr .cont{ display: block; width:100%; padding:0.24rem 0 0.24rem .24rem;}
.gsjg1 .addr .tit{ width:100%; color: #004E9D;font-size:0.2rem; line-height:0.22rem;}
.gsjg1 .addr .p{ width:100%; color: #1E1E1E;font-size:14px; line-height:28px; padding:0.11rem 0 0.21rem 0; border-bottom: 1px solid rgba(236, 235, 235, 1);}
.gsjg1 .addr .info{ display:block; width: 100%;  margin-top:0.16rem;color: rgba(122, 122, 122, 1);  word-break: break-all;
font-size: 14px;
font-weight: 400;
line-height: calc(22px + 0.05rem);}
.gsjg1 .la:hover{background: linear-gradient(180.00deg, rgba(248, 249, 249, 1),rgba(184, 200, 214, 0.29) 100%);}



@media screen and (max-width:1024px) {
.gsjg1 .ul{ width:calc(100% + 14px); margin:-7px;}
.gsjg1 .li{ padding:7px;}
.gsjg1 .title{font-size:16px; line-height:24px;}
.gsjg1 .la{ padding:14px;}
.gsjg1 .addr{ margin-top:12px;}
.gsjg1 .addr .pic{ width:124px; min-width:124px;}
.gsjg1 .addr .cont{ width:100%;padding:15px 14px; }
.gsjg1 .addr .tit{font-size:16px; line-height:18px;}
.gsjg1 .addr .p{ font-size:13px; line-height:23px; padding:4px 0 10px 0;}
.gsjg1 .addr .info{font-size: 13px; line-height:23px; margin-top:8px; }
}
@media screen and (max-width:767px) {
.gsjg1 .li{ width: 100%;}

}


.gsjg2{display:block;  width:calc(100% + 0.34rem); margin:40px -0.17rem 0 -0.17rem;}
.gsjg2 .slick-track{display:flex;}
.gsjg2 .ul{ display:block; width:100%;}
.gsjg2 .li{display:flex; flex-wrap: wrap; width: 25%; padding:0 0.17rem;}
.gsjg2 .li .la{ display: block; width:100%; background: rgba(248, 249, 249, 1); border-radius: 12px; overflow: hidden;}
.gsjg2 .li ._img{ padding-bottom: 131.64%;background: radial-gradient(50.00% 50.00% at 50% 50%,rgba(206, 206, 206, 1),rgba(164, 164, 164, 1) 100%);}
.gsjg2 .li .addr{ display: block; width:100%; padding:0.28rem 0.2rem;}
.gsjg2 .li .tit{ width:100%; color: #004E9D;font-size:0.2rem; line-height:0.3rem;}
.gsjg2 .li .p{ width:100%; color: #1E1E1E;font-size:14px; line-height:24px; margin-top: 2px;}
.gsjg2 .slick-prev,
.gsjg2 .slick-next{ margin-top:0; top:39%; border:none; width:32px; width:32px;border-radius: 8px;  background: url(img/right_hei.svg) center no-repeat; background-size:100% 100% !important; }
.gsjg2 .slick-prev:hover,
.gsjg2 .slick-next:hover{ border:none;  background: url(img/right_hei1.svg) center no-repeat !important;  background-size:100% 100% !important;}
.gsjg2 .slick-prev{ left:37px;}
.gsjg2 .slick-next{ right:37px;}


@media screen and (max-width:1024px) {
.gsjg2 .ul{ width:calc(100% + 14px); margin:-7px;}
.gsjg2 .li{ padding:7px;}
.gsjg2 .li .addr{padding:15px 14px; }
.gsjg2 .li .tit{font-size:16px; line-height:26px;}
.gsjg2 .li .p{ font-size:13px; line-height:23px;}
.gsjg2 .slick-prev,
.gsjg2 .slick-next{top:29%;}
.gsjg2 .slick-prev{ left:12px;}
.gsjg2 .slick-next{ right:12px;}
}
@media screen and (max-width:767px) {
.gsjg2 .li{ width: 50%;}

}



.gsjg3{display:block; width: 100%;}
.gsjg3 .addr{ display: flex; align-items:flex-start; justify-content: space-between;width:100%; border-radius: 12px;
background:rgba(248, 249, 249, 1); padding:0.25rem 0.32rem 0.3rem 0.32rem;}
.gsjg3 .addr .pic{ width:3.95rem; min-width:3.95rem; display: block; line-height: 0; margin-left:0.56rem;}
.gsjg3 .addr ._img{ padding-bottom: 131.64%; border-radius: 12px;background:#fff;}
.gsjg3 .addr .cont{ display: block; width:100%; padding:0.82rem 0.57rem;}
.gsjg3 .addr .tit{ width:100%; color: #004E9D;font-size:0.24rem; line-height:0.34rem;}
.gsjg3 .addr .p{ width:100%; color: #4B4B4B;font-size:calc(14px + 0.04em); line-height:calc(22px + 0.06em); padding:2px 0 12px 0; position: relative; }
.gsjg3 .addr .p::after{ display: block; content: ''; position:absolute; left:0; bottom: 0; background: #000;
width: 22px;
height: 2px;}
.gsjg3 .addr .info{ display:block; width: 100%;  margin-top:0.16rem;color: #000; 
font-size: calc(14px + 0.02rem);
font-weight: 400;
line-height: calc(22px + 0.12rem);}


@media screen and (max-width:1024px) {
.gsjg3 .addr{ padding:10px;}	
.gsjg3 .addr .pic{ width:130px; min-width:130px; margin:0;}
.gsjg3 .addr .cont{ width:100%;padding:10px; }
.gsjg3 .addr .tit{font-size:16px; line-height:26px;}
.gsjg3 .addr .p{ font-size:13px; line-height:24px; padding:2px 0 15px 0;}
.gsjg3 .addr .info{font-size: 13px; line-height:24px; margin-top:10px; }
}
@media screen and (max-width:767px) {
.gsjg3 .addr{ position: relative;} 	
.gsjg3 .addr .pic{ z-index:6; position: absolute; right:20px; top:20px; width:100px; min-width:100px;}
.gsjg3 .addr .top{ display: flex; align-content: center; flex-wrap: wrap; height:132px; padding:0 120px 0 0;}
.gsjg3 .addr .info{ margin-top:15px;}

}



.pord2{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;height: 0.76rem; padding:0  8.5%;}
.pord2 .title{ display: flex;color:#000;font-size:0.2rem; line-height:0.3rem; }
.pord2 .ul{ display:inline-flex;}
.pord2 .ul .li{ display: flex; flex-wrap: wrap; margin:0 0 0 0.16rem; }
.pord2 .ul .li:first-child{ margin-left:0 !important;}
.pord2 .ul .li a{ display: flex; flex-wrap: wrap; align-items:center; justify-content: center;color:#4B4B4B;
;font-size:calc(14px + 0.02rem); line-height:0.23rem;  padding:0.11rem 0.23rem;
border: 1px solid rgba(236, 235, 235, 1);
border-radius: 4px;}
.pord2 .ul .li a:hover{border: 1px solid #004E9D; color:#004E9D;}
.pord2 .ul .li a.active{border: 1px solid #004E9D;background:#004E9D; color:#fff;}


@media screen and (max-width:1024px) {
.pord2{ padding:0;height:50px; }	
.pord2 .title{ font-size:16px; line-height:26px; }
.pord2 .ul .li{ margin:0 0 0 6px; }
.pord2 .ul .li a{
font-size:14px; line-height:20px;  padding:4px 12px 6px 12px; }
}
@media screen and (max-width:767px) {
.pord2 .title{
font-size:14px; line-height:26px; }
.pord2 .ul .li a{
font-size:12px;  padding:3px 6px 5px 6px; }
}



.xgcp{display:block; width: 100%; padding:55px 8.5% 0.86rem 8.5%;}
.xgcp .case{  margin-top:30px;}
.xgcp .title{display:block; width: 100%;color:#000;
font-size:0.24rem; line-height:0.49rem; }

@media screen and (max-width:1024px) {
.xgcp{ padding:25px 0 35px 0;}	
.xgcp .case{  margin-top:20px;}
.xgcp .title{ font-size:18px; line-height:30px; }

}


.pord3{display:block; width: 100%;}
.pord3 .sect{display:block; width: 100%; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}
.pord3 .sect:hover{ background:rgba(248, 249, 249, 1);}
.pord3 .box{display:block; width: 100%; padding:0.8rem 8.5%;}
.pord3 .box .tit{display:flex; align-items: flex-start; width: 100%;color:#004E9D;font-size:0.24rem; line-height:0.4rem;border-bottom: 1px solid rgba(236, 235, 235, 1); padding-bottom:0.24rem;}
.pord3 .box .tit img{ min-width: 24px; width: 24px; height:24px; margin:0.08rem 12px 0 0;}
.pord3 .box .p{display:block; width: 100%;color:#4B4B4B;font-size:calc(14px + 0.02rem); line-height:calc(24px + 0.16rem); margin-top:0.32rem;}



@media screen and (max-width:1024px) {
.pord3 .box{ padding:25px 0;}	
.pord3 .box .tit{ font-size:18px; line-height:28px;padding-bottom:16px; }
.pord3 .box .tit img{ min-width: 20px; width: 20px; height:20px; margin:4px 8px 0 0;}
.pord3 .box .p{ font-size:14px; line-height:26px; margin-top:16px; }

}


.inbaner1{background: linear-gradient(180.00deg, rgba(104, 151, 191, 1),rgba(181, 204, 224, 1) 100%); position: relative; overflow: hidden;}
.inbaner1 .bg{ display: block; position: absolute; left:45.89%; top:0; width:14.34rem; line-height:0;}
.inbaner1 .box{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width:100%; padding:2.75rem 8.5% 1.28rem 8.5%;}
.inbaner1 .box .pic{ display: block; width:39%; line-height:0; margin:0 0.13rem 0 0;}
.inbaner1 .box .cont{ display: block; width:39%;}
.inbaner1 .box .t1{ display: block; width:100%; font-weight: bold; color:#fff;font-size:0.36rem; line-height:0.49rem;}
.inbaner1 .box .t2{ display: block; width:100%; font-weight: bold; color:#fff;font-size:0.2rem; line-height:0.24rem; margin-top:0.16rem;}
.inbaner1 .box .t3{ display: block; width:100%; color:#fff;font-size:0.16rem; line-height:calc(22px + 0.28rem); margin-top:0.48rem;}
.inbaner1 .box .p{ display: block; width:100%; position: relative; padding-left:0.22rem;}
.inbaner1 .box .p::after{ display: block; position: absolute; left:0.08rem; top:calc(9px + 0.14rem); width:4px; height:4px; content:''; background: #fff; border-radius: 50%;}
.inbaner1 .box .t4{ display: block; width:100%; margin-top:0.48rem;}
.inbaner1 .box .t4 .a{ display:flex; align-items: center; justify-content:space-between; width:100%; color:#fff;font-size:0.18rem; line-height:0.24rem; margin-top:0.48rem;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 4px; padding:0.21rem 0.24rem;}
.inbaner1 .box .t4 .a .img1{ min-width: 16px; width: 16px; height:16px; margin:0 12px 0 0;}
.inbaner1 .box .t4 .a .img2{ min-width: 16px; width: 16px; height:16px; margin:0 0 0 12px;}
.inbaner1 .box .t4 .a:hover{background: rgba(255, 255, 255, 0.1); padding:0.21rem 0.32rem;}


@media screen and (max-width:1920px) {
.inbaner1 .bg{ width:74.68%;}
}
@media screen and (max-width:1600px) {
.inbaner1 .box .cont{ width:44%;}
.inbaner1 .box .t3{line-height:calc(22px + 0.18rem); margin-top:0.38rem;}
.inbaner1 .box .p::after{ top:calc(9px + 0.09rem);}
.inbaner1 .box .t4{ margin-top:0.38rem;}
}
@media screen and (max-width:1440px) {
.inbaner1 .box .cont{ width:48%;}
.inbaner1 .box .pic{width:39%; margin:0;}
}
@media screen and (max-width:1024px) {
.inbaner1 .box{ padding:110px 5px 50px 5px;}
.inbaner1 .box .t1{ font-size:20px; line-height:30px; }
.inbaner1 .box .t2{ font-size:16px; line-height:20px;margin-top:8px; }
.inbaner1 .box .t3{ font-size:14px; line-height:26px; margin-top:24px; }
.inbaner1 .box .p{ padding-left:14px;}
.inbaner1 .box .p::after{left:2px; top:10px;}
.inbaner1 .box .t4{ margin-top:24px;}
.inbaner1 .box .t4 .a{ font-size:14px; line-height:26px; padding:8px 14px; }
.inbaner1 .box .t4 .a:hover{ padding:8px 20px;}
}
@media screen and (max-width:767px) {
.inbaner1 .box .cont{ width:100%;}
.inbaner1 .box .pic{width:70%; margin:30px 15% 0 15%;}
}



.inbaner2{ height:100vh; position: relative; overflow: hidden;}
.inbaner2 .small{ position: absolute; top:32vh; right:58.5%; margin-right: -840px; display: block; z-index: 10;width:2rem;}
.inbaner2 .small .t1{ display: block; width:100%; text-align: right;color:rgba(255,255,255,0.7);font-size:0.24rem; line-height:0.3rem; margin-bottom:0.3rem; padding-right:0.34rem;  padding-left: 0.6rem;}
.inbaner2 .small .div{ position: relative; cursor: pointer;}
.inbaner2 .small .div::after{ display:block; content:''; position: absolute; right:0; bottom:0.44rem; width:0.1rem; height:100%; background: url(img/ico24.png) right bottom no-repeat; background-size:0.1rem auto;}
.inbaner2 .small .div:first-child::after{ display:none;}
.inbaner2 .small .slick-current .t1{ color:#fff;font-weight: 700;}
.inbaner2 .small .slick-current .t1::after{ display:block; content:''; position: absolute; right:0; top:0.03rem; width:0.1rem; height:0.24rem; background: #fff; border-radius: 0.1rem;}
.inbaner2 .big{ display: block; width:100%;}
.inbaner2 .big{ display: block; width:100%;}
.inbaner2 .div{ display: block; width:100%; position: relative;}
.inbaner2 .bg{ position: absolute; left:0%; top:0; width:100%; height:100%;}
.inbaner2 .box{ display: flex; flex-wrap: wrap; align-items:flex-start;height:100vh; width:100%; padding:34.8vh 8.5% 8.55% 8.5%;}
.inbaner2 .box .cont{ display: block; width:60%;}
.inbaner2 .box .t1{ display: block; width:100%; font-weight: bold; color:#fff;font-size:0.36rem; line-height:0.4rem;}
.inbaner2 .box .t2{ display: block; width:100%; color:#fff;font-size:0.2rem; line-height:0.29rem; margin-top:0.48rem;max-height: 38vh;
  overflow-y: auto;
  scrollbar-width: thin;
  padding-right: 10px;}
.inbaner2 .box .line{ display: block; width:100%;height: 3px; margin-top: 0.24rem;background: rgba(255, 255, 255, 1);}
.inbaner2 .box .t4{ display: block; width:100%; margin-top:0.48rem;}
.inbaner2 .box .t4 .a{ display:flex; align-items: center; justify-content:space-between; width:100%; color:#fff;font-size:0.18rem; line-height:0.24rem; margin-top:0.48rem;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 4px; padding:0.21rem 0.24rem;}
.inbaner2 .box .t4 .a .img1{ min-width: 16px; width: 16px; height:16px; margin:0 12px 0 0;}
.inbaner2 .box .t4 .a .img2{ min-width: 16px; width: 16px; height:16px; margin:0 0 0 12px;}
.inbaner2 .box .t4 .a:hover{background: rgba(255, 255, 255, 0.1); padding:0.21rem 0.32rem;}

@media screen and (max-width:1860px) {
.inbaner2 .small{  top:33.2vh; right:8.5%; margin-right:0.9rem;width:2rem;}
}
@media screen and (max-width:1600px) {
.inbaner2 .box .t{margin-top:0.38rem;}
.inbaner2 .box .t4{ margin-top:0.38rem;}
}
@media screen and (max-width:1024px) {
.inbaner2 .box{ padding:120px 5px;}
.inbaner2 .box .line{ height: 2px; margin-top:14px;}
.inbaner2 .box .t1{ font-size:20px; line-height:30px; }
.inbaner2 .box .t2{ font-size:16px; line-height:26px;margin-top:24px;max-height: 45vh; }
.inbaner2 .box .t4{ margin-top:24px;}
.inbaner2 .box .t4 .a{ font-size:14px; line-height:26px; padding:8px 14px; }
.inbaner2 .box .t4 .a:hover{ padding:8px 20px;}
.inbaner2 .small .t1{ text-align: center; font-size:14px; line-height:26px; margin:0; padding:10px 0 20px 0;}
.inbaner2 .small .div::after{ right:50%; bottom:0; width:100%; height:6px; background: url(img/ico24.1.png) right bottom no-repeat; background-size:auto 10px;}
.inbaner2 .small .slick-current .t1::after{ margin-right: -7px; right:50%; top:auto;  bottom: 0; width:14px; height:6px; border-radius:6px;}
.inbaner2 .small{  top:auto; bottom:100px; right:0; margin-right:0;width:100%; padding:0 10px;}
}
@media screen and (max-width:767px) {
.inbaner2 .box .cont{ width:100%;}
}


.sect01{ display: block; width: 100%;}
.nav-height2{height:0.76rem;}
.nav-wrap2{height:0.76rem;}
.nav-wrap2 .slide1 .li a{ padding:0 !important; height:0.76rem;}
.nav-wrap2.navFix{ position: fixed; left: 0; top:0; z-index:110; height:0.76rem; background: #fff; box-shadow:0 1px 3px rgba(0,0,0,0.1); padding:0 0.9rem;border-bottom: 1px solid rgba(236, 235, 235, 1);}
.nav-wrap2.navFix .slide1 .li a{ padding:0 !important; height:0.76rem;}

@media screen and (max-width:1024px) {
.nav-height2{height:50px;}	
.nav-wrap2{height:50px;}
.nav-wrap2 .slide1 .li a{ height:50px;}
.nav-wrap2.navFix{ height:50px; padding:0 15px;}
.nav-wrap2.navFix .slide1 .li a{ height:50px;}

}


.nav-height1{height:0.76rem;}
.nav-wrap1{height:0.76rem;}
.nav-wrap1.navFix{ position: fixed; left: 0; top:0; z-index:110; height:0.76rem; background: #fff; box-shadow:0 1px 3px rgba(0,0,0,0.1); padding:0 0.9rem;border-bottom: 1px solid rgba(236, 235, 235, 1);}
.nav-wrap1.navFix .pord2{ padding:0 8.5%; height:0.76rem;}


@media screen and (max-width:1024px) {
.nav-height1{height:50px;}	
.nav-wrap1{height:50px;}
.nav-wrap1.navFix{ height:50px; padding:0 15px;}
.nav-wrap1.navFix .pord2{ padding:0;  height:50px;}

}


.pagecon{padding-top:0.5rem; padding-bottom:0.5rem;}
.pagecon .right1{width:100%; margin-top:0; display:block;}

.sitemap{ width:100%;float:left;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#004E9D;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}




/*260727start*/
.inbaner2 .small .slick-prev{ left: auto; right:-12px; top:-50px; margin:0 !important;}
.inbaner2 .small .slick-next{  right:-12px; top:auto; bottom: -50px; margin:0 !important;transform: rotate(180deg); -ms-transform: rotate(180deg);}
@media screen and (max-width:1024px) {
.inbaner2 .small .slick-prev{ right: auto; left:15px; top:auto; bottom: -10px;transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
.inbaner2 .small .slick-next{  right:15px; top:auto; bottom: -10px;transform: rotate(90deg); -ms-transform: rotate(90deg);}
.inbaner2 .slick-track{ display: flex;}
.inbaner2 .small{  padding: 0 45px;}
}


/*260727end*/



.index-banner .box{ text-align: center;}
.index-banner .list{ justify-content: center;}

.about1 .siz36{ font-size: 0.4rem; font-weight: 500;}


@media screen and (max-width:1024px) {
.about1 .siz36{font-size:20px;}
}



.inbaner2 .box .pic{display:grid; width: 100%; gap:20px 18px; margin-top: 0.4rem;grid-template-columns: repeat(3, 1fr);}
.inbaner2 .box .pic .img{ display: block; line-height: 0; overflow: hidden;aspect-ratio: 100 / 38.2; background: #fff;
}
.inbaner2 .box .pic .img img{ width: 100%; height: 100%; object-fit:contain;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.inbaner2 .box .pic .img:hover img{ transform: scale(1.05); -ms-transform: scale(1.05);}


@media screen and (max-width:1024px) {
.inbaner2 .box .pic{ gap:12px 10px; margin-top:20px;}
}



/*260731start*/
.main5 .box .u2{ display: flex; flex-wrap: wrap; width:calc(100% + 32px); margin: -16px;}
.main5 .u2 .li{ width: 33.33%; min-width: initial; padding:16px;}


@media screen and (max-width:1024px) {
.main5 .box .u2{ width:calc(100% + 14px); margin: -7px;}
.main5 .u2 .li{ width: 50%;  padding:7px;}
}
@media screen and (max-width:700px) {
.main5 .u2 .li{ width: 50%; min-width: initial;}
}


/*260731end*/

.about3 .li .la{ height:auto; align-content:space-between;}
.about3 .li .la:hover{;padding:0.73rem 0.48rem;}
.about3 .li .la:hover .ino{margin-top:0.69rem; transform: translateY(-0.4rem); -ms-transform: translateY(-0.4rem);}

@media screen and (max-width:1024px) {
.about3 .li .la{  height: auto;padding:25px 18px;}
.about3 .li .ino{ margin-top:15px;}
.about3 .li .la:hover{padding:25px 18px;}
.about3 .li .la:hover .ino{margin-top:15px; transform: translateY(0); -ms-transform: translateY(0);}
}
@media screen and (max-width:767px) {
.about3 .li .la{ 
padding:25px 76px 25px 18px;}
.about3 .li .la:hover{padding:25px 76px 25px 18px;}
.about3 .li .ico{ width:80px;}
}