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

body{ overflow-x:hidden;}
.w_width{max-width:1300px; margin-right: auto; margin-left: auto; position:relative; z-index:6;}
.w_width1{max-width:1600px; margin-right: auto; margin-left: auto; position:relative; z-index:6;}

.ctext{float: left;width: 100%;padding-left:0.8rem;padding-right:0.8rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
}


/* 头部banner */
.head{float: left;width: 100%;position:fixed; top:0; left:0; z-index:22;-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; }
.head .logo{ float:left; line-height:0; margin:15px 0;}
.head .logo a{ float:left;}
.head .logo img{ height:60px;}
.head .logo .show{ display: block;}
.head .logo .hide{ display: none;}
.head .Search{ cursor:pointer; float:right; width:38px; height:38px; border-radius: 50%; background:url(_im_g/_search.svg) center no-repeat rgba(255,255,255,0.15); background-size:20px auto !important; margin:26px 0;}
.soDown{ display:none; float:left; width:100%;position:absolute; left:0; top:100%; z-index:10; background:rgba(255,255,255,0.9); box-shadow:0 0 3px rgba(0,0,0,0.15);}
._searchs{ float:left; width:60%; margin:0.5rem 20%; position:relative; }
._searchs input{float: left; height: 44px; border: 0;}
._searchs .but{width:60px; height:44px; background:url(_im_g/_search.svg) center no-repeat #0c3c60; background-size:20px auto !important; position:absolute; right:0; top:0;}
._searchs .but:hover{ background:url(_im_g/_search.svg) center no-repeat #181a1c;}
._searchs .txt{width:100%; background: #fff; border:1px solid #cccccc; padding: 0 15px; color:#000; font-size:14px;}
._searchs .txt:focus{ border:1px solid #0c3c60;}

._menu{ float:right; margin:2px 0.08rem;}
._menu .nli{ float:left; position:relative; margin-right:0.38rem;}
._menu .nli span a{ float:left; position:relative; color:#fff; font-size:calc(14px + 0.02rem); line-height:86px; padding:0 0.08rem;}
._menu .nli span a::after{  float:left; content:''; position:absolute; left:50%; bottom:0; background:#fff; width:0; height:2px;-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
._menu .nli:hover span a,
._menu .nli.active span a{ font-weight: bold;}
._menu .nli:hover span a::after,
._menu .nli.active span a::after{ width:100%;}
._menu .sub{ display:none; float:left; position:absolute; left:50%; top:100%; transform:translateX(-50%); -ms-transform:translateX(-50%);background:#fff; box-shadow:0 3px 6px rgba(0,0,0,0.1); padding:8px 0;}
._menu .sub ul{ display:flex;flex-direction:column; float:left;}
._menu .sub li{ float:left;}
._menu .sub li a{ float:left; white-space:nowrap; text-align:center; color:#000; font-size:calc(12px + 0.02rem); line-height:calc(20px + 0.1rem); padding:0 0.2rem;}
._menu .sub li a:hover{ color:#0c3c60;}

.head.active{ background: #fff; box-shadow:0 3px 3px rgba(0,0,0,0.1);}
.head.active .logo{ margin: 13px 0;}
.head.active .logo .show{ display: none;}
.head.active .logo .hide{ display: block;}
.head.active .Search{ background:url(_im_g/_search.svg) center no-repeat #0c3c60; margin: 24px 0;}
.head.active ._menu{ margin:0 0.08rem;}
.head.active ._menu .nli span a{ color: #000000;}
.head.active ._menu .nli:hover span a,
.head.active ._menu .nli.active span a{color: #0c3c60;}
.head.active ._menu .nli span a::after{ background: #0c3c60;}

.head.active1{ background: #fff; box-shadow:0 3px 3px rgba(0,0,0,0.1);}
.head.active1 .logo{ margin: 13px 0;}
.head.active1 .logo .show{ display: none;}
.head.active1 .logo .hide{ display: block;}
.head.active1 .Search{ background:url(_im_g/_search.svg) center no-repeat #0c3c60; margin: 24px 0;}
.head.active1 ._menu{ margin: 0 0.08rem;}
.head.active1 ._menu .nli span a{ color: #000000;}
.head.active1 ._menu .nli:hover span a,
.head.active1 ._menu .nli.active span a{color: #0c3c60;}
.head.active1 ._menu .nli span a::after{ background: #0c3c60;}


.xialaph{ position: fixed; left: 0; float: left; width: 100%; top:58px; height:-webkit-calc(100% - 58px); height:-moz-calc(100% - 58px); height:calc(100% - 58px); overflow: scroll; padding:0 15px 30px 15px; display: none; z-index:16; background:#fff; border-top: 1px solid #e5e5e5; }
.xialaph .ul2,
.xialaph .ul3{ display: none;}
.xialaph h4 a{ float: left; width:100%; color: #151414; font-size:15px; line-height:48px;}
.xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;}
.xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;}
.xialaph h4 i{ float:left; width:8px; height:8px; position:absolute; right:12px; top:50%; border-top:1px solid #151414; border-right:1px solid #151414; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h4.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #0c3c60; border-right:1px solid #0c3c60; opacity:1}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e5e5e5;}
.xialaph li:first-child h4::after{ display:none;}
.xialaph li:last-child h4::before{ display:none;}
.xialaph h4:hover a{ color: #0c3c60;}
.xialaph h5:hover a{ color: #0c3c60;}
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e5e5e5;}
.xialaph h5 a{ float: left; width:100%; color: #444; font-size: 14px; line-height: 30px; text-transform: uppercase;}
.xialaph h5{ float: left; width: 100%; position: relative;}
.xialaph h5::after{ display:none; content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e5e5e5;}
.xialaph li:last-child h5::after{ display:none;}
.xialaph .ul1{ float: left; width: 100%; border-bottom:1px solid #e5e5e5;}
.xialaph .ul2{ float: left; width: 100%; padding: 0 10px 20px 10px;}
.xialaph .ul3{ float:left; width:100%; padding: 0 10px 20px 10px; position: relative;}
.xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e5e5e5;}
.xialaph li:last-child .ul3::after{ display: none;}


.menuph{ display:none; float: right; width: 26px; height: 20px; cursor: pointer; text-align: center; margin:18px 0;}
.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 .point.active .navbtn{ background: transparent;}
.menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}

.head.active .menuph .navbtn{ background: #0c3c60;}
.head.active .menuph .navbtn::after,
.head.active .menuph .navbtn::before{ background: #0c3c60;}
.head.active .menuph .point.active .navbtn{ background: transparent;}

.head.active1 .menuph .navbtn{ background: #0c3c60;}
.head.active1 .menuph .navbtn::after,
.head.active1 .menuph .navbtn::before{ background: #0c3c60;}
.head.active1 .menuph .point.active .navbtn{ background: transparent;}


@media screen and (max-width:1660px) {
._menu .nli{ margin-right: 0.32rem;}

}
@media screen and (max-width:1440px) {
._menu .nli{ margin-right: 0.2rem;}

}
@media screen and (max-width:1200px) {
._menu .nli{ margin-right: 0.08rem;}
._menu .nli span a{ font-size: 14px;}
}
@media  screen and (max-width:1024px){
._menu{ display:none;}
.menuph{ display:block;}
.head .logo{ margin:10px 0;}
.head .logo img{ height:38px;}
.head .Search{ width:30px; height:30px; margin:14px 10px 0 0; background:url(_im_g/_search.svg) center no-repeat; }
._searchs{ float:left; width:100%; margin:20px 0%; }
.Search{ height:60px;}
.Search .text{width: -webkit-calc(100% - 36px);width: -moz-calc(100% - 36px);width: calc(100% - 36px); height:36px;  line-height:24px; text-indent:10px; }
.Search .submit{ width:36px; height:36px;}

.head.active .Search{ margin:14px 10px 0 0; background:url(_im_g/_search1.svg) center no-repeat;}
.head.active .logo{ margin:10px 0;}

.head.active1 .Search{ margin:14px 10px 0 0; background:url(_im_g/_search1.svg) center no-repeat;}
.head.active1 .logo{ margin:10px 0;}

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


}



.Copyright{ float:left; color: #fff; color:rgba(255,255,255,0.5); font-size:14px; line-height:24px;}
.Copyright a{color: #fff; color:rgba(255,255,255,0.5);}
.Copyright a:hover { color: #fff;}
.foot1 { background: #181a1c;}
.foot1 .box{ float:left; width:100%; display: flex; justify-content: space-between;margin-top:calc(10px + 0.56rem); margin-bottom:calc(10px + 0.65rem);}
.foot1 .nav{ float:left;  display: flex;flex-wrap:wrap; flex-direction: column; margin-right:0.2rem;}
.foot1 .nav h5 {  display: flex;}
.foot1 .nav h5 a{display: flex; font-weight: bold; color: #fff; color:rgba(255,255,255,0.6); font-size:calc(14px + 0.02rem);  line-height:calc(22px + 0.04rem);}
.foot1 .nav h5 a:hover{ color: #fff;}
.foot1 .nav ul { margin-top:0.09rem;  display: flex; flex-wrap: wrap; flex-direction:column;}
.foot1 .nav ul li a { display: flex; color: #fff; color:rgba(255,255,255,0.4); font-size:14px; line-height:calc(22px + 0.06rem);}
.foot1 .nav ul li a:hover{ color: #fff;}
.foot2{ background:#111214; padding-top:12px; padding-bottom:12px;}
.foot2 .box1{ float:left; width: 100%; display:flex; align-items: center; justify-content: space-between;}
.foot2 .right{ float:right; display:flex; flex-wrap: wrap; align-items: center;}
.foot2 .tel{ float: left; color: #fff;font-size:14px; line-height:24px; }
.foot2 .tel font{ color:rgba(255,255,255,0.5);}
.foot2 .tel span{ color:rgba(255,255,255,0.6); font-weight: bold; font-size: 18px;}
.foot2 .Links{ float: left; position: relative; width:1.6rem; cursor: pointer;}
.foot2 .Links span{ float: left; width: 100%; position: relative; color: #fff; color:rgba(255,255,255,0.5); font-size:14px;  line-height:calc(28px + 0.12rem); padding:0 0.17rem; background: rgba(255,255,255,0.06);}
.foot2 .Links span:after{float:left; position:absolute; right:0.13rem; top:50%;  content:''; width:9px; height:9px; border-top:1px solid #fff; border-right:1px solid #fff; transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); margin-top:-1px; opacity: 0.5; }
.foot2 .Links ul{ display:none; float:left; position:absolute; left:0; bottom:100%; margin-bottom: 12px; width:100%; background:#fff; padding:12px 0; }
.foot2 .Links ul:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; top:100%; margin-left:-6px; border-left:6px solid transparent; border-right:6px solid transparent;border-top:6px solid #fff; }
.foot2 .Links ul li a{ float:left; width:100%; color:#333333; font-size:14px; line-height:30px; padding:0 0.17rem;}
.foot2 .Links ul li a:hover{ color:#0c3c60;}
.foot2 .er{ float: left; margin: 0 0.23rem;}
.foot2 .er .li{ float: left; position: relative; margin: 0 0.06rem;}
.foot2 .er .li .i{ float: left; width:24px; height:24px; line-height: 0; opacity: 0.5;}
.foot2 .er .li .wx_bx{ float:left; width:100px; height:100px; padding:2px; background:#fff; position:absolute; left:50%; bottom:100%; margin:0 0 20px -50px; z-index:10;-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:50% 90%;
	-moz-transform-origin:50% 90%;
	-ms-transform-origin:50% 90%;
	-o-transform-origin:50% 90%;
	transform-origin:50% 90%;
	-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)}
.foot2 .er .li .wx_bx::after{ display: block; content: ''; position: absolute; left: 50%; top:100%; margin-left:-6px; border-left:6px solid transparent; border-right:6px solid transparent;border-top:6px solid #fff;}
.foot2 .er .li:hover .i{ opacity: 1;}
.foot2 .er .li:hover .wx_bx{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}


@media screen and (max-width:1200px) {
.Copyright{ width:100%; text-align:center;}
.foot2 .box1{ flex-wrap: wrap; justify-content: center;}
.foot2 .right{ margin-top:5px; justify-content: center;}
.foot2 .Links{ width: 140px;}
.foot2 .Links span{ padding: 0 12px;}
.foot2 .Links span:after{ right: 12px;width:7px; height:7px;}
.foot2 .Links ul li a{ padding: 0 12px;}
}
@media screen and (max-width: 767px) {
.foot1 .box{ flex-wrap: wrap; display: none;}
.foot2 .box1{ margin-bottom: 5px;}
.foot2 .tel{ width: 100%; text-align: center; margin-bottom:10px;}
.foot2 .er{ margin:0 8px 0 0;}
.foot2 .er .li{ margin:0 8px 0 0;}
.Copyright .span{ display: block;}

}


.slide_banner{ line-height:0; float:left; width:100%; position:relative; overflow: hidden;}
.slide_banner .div{ float:left; width:100%; position:relative; overflow:hidden;  line-height:0;}
.slide_banner .div img{ width:100%;}
.slide_banner .box{  position: absolute; left: 0; top:46%;transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 6; text-align: center;}
.slide_banner .box .tit1{float:left; width:100%; color: #fff; font-size:0.18rem; line-height:1.4; font-weight: lighter;}
.slide_banner .box .tit2{float:left; width:100%; color: #fff; font-size:0.64rem; line-height:1.2; letter-spacing: 0.03rem; font-weight: bold; margin-top: 0.1rem;}
.slide_banner .box .tit3{float:left; width:100%; color: #fff; font-size:0.28rem; line-height:1.3; letter-spacing: 0.03rem; font-weight: lighter; margin-top: 0.08rem;}
.slide_banner .swiper-wrapper{position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform; box-sizing: content-box;}
.slide_banner .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform}
.slide_banner .swiper-button-next,
.slide_banner .swiper-button-prev{ position: absolute;z-index: 6; float:left; width:48px; height: 48px; cursor: pointer; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.slide_banner .swiper-button-next:hover,
.slide_banner .swiper-button-prev:hover{ opacity: 0.2;}
.slide_banner .swiper-button-next:after,
.slide_banner .swiper-button-prev:after{ display: block; content: ''; position: absolute; left: 50%; top:50%; width:18px; height:18px; border-top:1px solid #fff; border-right:1px solid #fff; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg);}
.slide_banner .swiper-button-prev:after{ transform: translate(-50%,-50%) rotate(225deg); -ms-transform: translate(-50%,-50%) rotate(225deg); margin: 0 0 0 3px;}
.slide_banner .swiper-button-next:after{ margin:0 0 0 -3px;}
.slide_banner .swiper-button-prev{ left:0.45rem;}
.slide_banner .swiper-button-next{ right:0.45rem;}
.slide_banner .swiper-pagination{ position: absolute; left:0; bottom:calc(11px + 0.2rem); z-index: 6; float:left; width:100%; display: flex; justify-content: center; align-items: center;}
.slide_banner .swiper-pagination .swiper-pagination-bullet{ display: block; width: 20px; height: 20px; border-radius: 50%;margin: 0 8px; position: relative;}
.slide_banner .swiper-pagination .swiper-pagination-bullet:after{ display: block; content: ''; width: 8px; height: 8px; border-radius: 50%; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.slide_banner .swiper-pagination .swiper-pagination-bullet-active{ border: 1px solid #fff; }


@media screen and (max-width: 1024px) {
.slide_banner .swiper-button-next,
.slide_banner .swiper-button-prev{ width:30px; height: 30px;}
.slide_banner .swiper-button-prev{ left: 0.1rem;}
.slide_banner .swiper-button-next{ right: 0.1rem;}
.slide_banner .swiper-button-next:after,
.slide_banner .swiper-button-prev:after{ width:10px; height:10px;}
.slide_banner .swiper-pagination .swiper-pagination-bullet{ width:16px; height: 16px;margin: 0 4px; }
.slide_banner .swiper-pagination .swiper-pagination-bullet:after{ width: 6px; height: 6px;}
.slide_banner .box{ top: 54%; padding: 0 2.5rem;} 
.slide_banner .box .tit1{ font-size: 12px;}
.slide_banner .box .tit2{ font-size:18px; line-height: 1.4; margin-top:8px;}
.slide_banner .box .tit3{ font-size: 14px; line-height: 1.4; margin-top:8px;}
}

.bottomnav{ display: none; float: left;; width: 100%; height:44px;}
.pf_down{ float: right; position: fixed; z-index:10; right: 0.07rem; top:50%; width:0.64rem;}
.pf_down li{ float: left; width: 100%; position: relative; margin-top: 1px;}
.pf_down li .a{ float: left; width: 100%; height:0.64rem; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; background: #cadcea;position: relative; z-index: 6;}
.pf_down li .ico{ float: left; width:28px; height:28px; display: flex; justify-content: center; align-items: center; color:#0c3c60; font-size: 14px; line-height: 1; font-weight: bold; }
.pf_down li .ico img{ width: 28px; height: 28px;}
.pf_down li .ico span{ display: block; position: relative; padding-top: 15px;}
.pf_down li .ico span::after{ display: block; content: ''; position: absolute; left: 50%; top: 0; border-left:5px solid transparent; border-right:5px solid transparent;border-bottom:7px solid #0c3c60; transform: translate(-50%,0); -ms-transform: translate(-50%,0); }
.pf_down li .ico .show{ display: block;}
.pf_down li .ico .hide{ display: none;}
.pf_down li .tit{ float: left; width: 100%; text-align: center; color:#0c3c60; font-size:12px; line-height: 14px; display: none;}
.pf_down li .tel{ width: 100%;  position: absolute; right: 0; top: 0; background: #0c3c60; color:#fff; font-weight: bold; font-size:18px; line-height:0.34rem; padding:0.15rem 25px; white-space: nowrap; letter-spacing: 1px; overflow: hidden; z-index:5;
-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;  }
.pf_down li:hover .a{ background: #0c3c60;}
.pf_down li:hover .ico{ color:#fff;}
.pf_down li:hover .ico span::after{border-bottom:7px solid #fff; }
.pf_down li:hover .ico .show{ display: none; }
.pf_down li:hover .ico .hide{ display: block;}
.pf_down li:hover .tel{ right:0.64rem; margin-right: 1px; width:auto; }


@media screen and (max-width: 1024px) {
.bottomnav{ display: block; height: 50px;}
.pf_down{ width:100%; right: 0; top: auto; bottom:0; background: #cadcea;}
.pf_down li{ margin-top: 0; width: 25%; border-right: 1px solid rgba(255,255,255,0.6);}
.pf_down li:last-child{ border-right: 0; }
.pf_down li .a{ height:50px;}
.pf_down li .ico{ width: 20px; height: 20px; font-size: 12px; font-weight:normal;}
.pf_down li .ico img{ width:20px; height: 20px;}
.pf_down li .ico span{ padding-top:12px;}
.pf_down li .tit{ display:block; margin-top:2px;}
.pf_down li .tel{ display: none !important;}
}

._fangAn{ display: none; float: left; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 22; background: rgba(0,0,0,0.6);}
._fangAn .box{ float: left; width:680px; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 23; background:url(_im_g/bg2.png) center bottom no-repeat #fff; padding: 0.6rem 0.46rem 0.7rem 0.46rem;}
._fangAn .colse{ float:right; position: absolute; right:calc(-20px - 0.15rem); top:calc(-20px - 0.15rem); width:calc(20px + 0.1rem); border-radius: 50%; border: 1px solid #fff; padding:0.02rem; overflow: hidden; line-height: 0; cursor: pointer;}
._fangAn .title{ float: left; width:100%; text-align:center; color: #000000; font-size:calc(14px + 0.16rem); line-height:calc(22px + 0.18rem); letter-spacing: 0.02rem; margin-bottom:0.16rem;}
.form1{ float: left; width:100%; }
.form1 .lab{ width:100%;float: left; position:relative; margin-top:0.11rem; display: flex; }
.form1 .fv{ float:left; width:100%; border:0; border-radius:0; font-size:calc(14px + 0.04rem);color: #000000; line-height:0.34rem; height:0.54rem; padding:0.1rem 16px; background: #efeff0; }
.form1 .fv1{ height:1.66rem;}
.form1 .yanzhengma{ float: right;height:0.54rem; margin-left:0.11rem; width: auto; min-width: inherit; border: 1px solid #e5e5e5;}
.form1 .submit{ float:left; width:80.4%;  font-size:calc(14px + 0.04rem);color: #fff; line-height:0.54rem; height:0.56rem; background:#0c3c60; border:0; border-radius:0.56rem; margin:0.34rem 9.8% 0 9.8%; background-position:right bottom;transition:all .5s ease;}
.form1 .submit:hover{ background:linear-gradient(to left,transparent 50%,#0c3c60 50%);background-size:200% 100%; background-position:left bottom;}


.form1 ::-webkit-input-placeholder{color:#000000}
.form1 :-moz-placeholder{color:#000000}
.form1 ::-moz-placeholder{color:#000000}
.form1 :-ms-input-placeholder{color:#000000}

@media (max-width: 1660px){
._fangAn .box{ padding: 0.46rem 0.46rem;}
.form1 .fv{ line-height:0.3rem; height:0.5rem;}
.form1 .fv1{ height:1.4rem;}
.form1 .yanzhengma{height:0.5rem;}
.form1 .submit{ margin:0.2rem 9.8% 0 9.8%; line-height:0.5rem; height:0.52rem;}
}
@media (max-width: 1024px){
._fangAn .box{ width:85%; padding:15px 15px 20px 15px;}
.form1 .lab{margin-top: 10px;}
.form1 .fv{ line-height:calc(24px + 0.1rem); height:calc(30px + 0.3rem); padding: calc(3px + 0.1rem) 0.5rem;}
.form1 .fv1{ height:calc(120px + 0.9rem);}
.form1 .yanzhengma{height:calc(30px + 0.3rem);}
.form1 .submit{ margin:0.2rem 9.8% 0 9.8%; line-height:calc(28px + 0.3rem); height:calc(30px + 0.3rem); border-radius:calc(30px + 0.3rem);}
}
@media (max-width: 767px){

}



.in_banner{ line-height:0; float:left; width:100%; position:relative; overflow: hidden;}
.in_banner img{ width:100%; position: relative; z-index:1;}
.text_banner{ float:left; width:100%; position: absolute; left: 0; top:46%; transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center; z-index:6; }
.text_banner .text{ float:left; width:100%; display: flex; justify-content: center;}
.text_banner .cont{ float:left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; overflow: hidden; padding: 0 0.76rem;}
.text_banner .cont .line1,
.text_banner .cont .line2{ display:block; position: absolute; border:1px solid #fff; border-top:0 !important; left: 0; z-index: 1;bottom:calc(6px + 0.01rem);}
.text_banner .cont .line1{ opacity: 0.3; width:100%;  height:calc(35px + 0.2rem); }
.text_banner .cont .line2{ opacity: 0.5; width:calc(100% - 12px);height:calc(23px + 0.2rem);margin:0 0 6px 6px;}
.text_banner .cont .line1:after,
.text_banner .cont .line1:before,
.text_banner .cont .line2:after,
.text_banner .cont .line2:before{display: block; content: ''; position: absolute; width:0.56rem; height:1px; background:#fff; top:0;}
.text_banner .cont .line1:after,
.text_banner .cont .line2:after{ left: 0;}
.text_banner .cont .line1:before,
.text_banner .cont .line2:before{ right: 0;}
.text_banner .tit1{ position:relative; z-index: 6; float:left; width:100%; color: #fff; font-size:calc(14px + 0.26rem); line-height:calc(22px + 0.28rem); letter-spacing: 0.04rem; font-weight: bold;}
.text_banner .tit2{ position:relative; z-index: 6; float:left; width:100%; text-transform: uppercase; color: #0c3c60; font-size:calc(14px + 0.02rem); line-height:24px; margin-top: 0.09rem; white-space: nowrap;}
.text_banner .tit2 .p{ display:inline-block; background: #fff; padding: 0 8px 1px 8px;}
.text_banner .tit3{ float:left; width:100%; color: #fff; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem); letter-spacing: 0.03rem; margin-top: 0.11rem;}

.text_banner1 .tit1{ color: #0c3c60;}
.text_banner1 .tit2{ color: #fff;}
.text_banner1 .cont .line1,
.text_banner1 .cont .line2{ border:1px solid #0c3c60;}
.text_banner1 .cont .line1:after,
.text_banner1 .cont .line1:before,
.text_banner1 .cont .line2:after,
.text_banner1 .cont .line2:before,
.text_banner1 .tit2 .p{ background: #0c3c60;}
.text_banner1 .tit3{ color: #0c3c60;}

.text_banner2{ text-align: left; top:50%;}
.text_banner2 .tit2{ color: #fff; font-weight: bold; letter-spacing: 1px;}
.text_banner2 .tit3{ width: auto; font-size: calc(14px + 0.04rem); padding: 5px 75px 5px 12px; margin-top:0.16rem; letter-spacing:1px;}


@media screen and (max-width:1024px) {
.text_banner{ top: 60%;}
}
@media screen and (max-width:767px) {
.text_banner .cont{ padding:0 2rem;}
.text_banner .cont .line1:after,
.text_banner .cont .line1:before,
.text_banner .cont .line2:after,
.text_banner .cont .line2:before{ width:1.5rem;}
.text_banner .tit2{ font-size: 12px; position: relative; height: 22px; line-height: 22px; margin-top: 0.3rem;}
.text_banner .tit2 .p{ position: absolute; left: 50%; top: 0; transform: translate(-50%,0); -ms-transform: translate(-50%,0);}
.text_banner .tit3{ font-size:14px; line-height:22px; letter-spacing: 0.01rem; margin-top: 0.2rem;}
.text_banner2 .tit2{ letter-spacing: 0;}
.text_banner2 .tit3{ font-size:14px; padding:4px 40px 5px 10px; margin-top:0.3rem; letter-spacing:0;}

}

/*二级导航 当前位置*/
._slide{ background: #f5f5f5;}
._slide .left{float: left;}
._slide .left ul{float: left;}
._slide .left li{float: left;}
._slide .left a{display: block;font-size: calc(14px + 0.04rem);color: #333333;line-height: calc(24px + 0.1rem);position: relative; padding:calc(5px + 0.14rem) 0.27rem;}
._slide .left li:hover a,
._slide .left li.on a{ background: #0c3c60; color: #fff; font-weight: bold;}
._slide .right{float: right; padding:calc(5px + 0.14rem) 0;font-size: calc(14px + 0.02rem);color: #555555;line-height: calc(24px + 0.1rem);}
._slide .right img{width: 20px;display: block;float: left;margin-top: calc(2px + 0.04rem);}
._slide .right span{display: block;float: left;margin: 0 5px;}
._slide .right a{display: block;color: #555555;float: left; position: relative;}
._slide .right a:after{ display: block; content: ''; position: absolute; left:50%; transform: translateX(-50%); -ms-transform: translateX(-50%); bottom: 0; width: 0; height: 1px; background: #0c3c60;-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;  
}
._slide .right a:hover,
._slide .right a.on{color: #0c3c60;}
._slide .right a:hover:after,
._slide .right a.on:after{width:100%;}

._slide .down{ float: left; width: 100%;}
._slide .down ul{ float: left; width: 100%;}
._slide .down li{ float: left; width: 100%; display: flex; flex-wrap: wrap; background: #fff;}
._slide .down li a{ float: left; width: 100%; display: flex; flex-wrap: wrap; background: #fff;}
._slide .down .text{ float: left; width: 51.5%; background: #f5f5f5; padding:1.23rem 0.88rem;}
._slide .down .zh{ float: left; width: 100%; color:#0c3c60; font-size:calc(14px + 0.26rem); line-height:calc(22px + 0.28rem); font-weight: bold; margin-top: 2px; letter-spacing: 1px;}
._slide .down .en{ float: left; color:#fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.08rem); background: #0c3c60; font-weight: bold; text-transform:uppercase; padding: 0 15px; margin: 5px 0 0.28rem 0; letter-spacing: 1px;}
._slide .down .p{ float: left; width: 100%; color:#000000; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.1rem);}
._slide .down .img{ float: left; width: 48.5%; line-height: 0; padding:0.5rem 0.5rem;}


._banner1{ float: left; width: 100%; padding-top:90px; padding-bottom:calc(10px + 0.9rem);}
._slide1{ background: rgba(0,0,0,0.2);}
._slide1 .left a{ color: #fff;}
._slide1 .left li:hover a,
._slide1 .left li.on a{ background: #f5f5f5; color: #0c3c60;}
._slide1 .right{ color: #fff;}
._slide1 .right a{ color: #fff;}
._slide1 .right a:hover,
._slide1 .right a.on{color: #fff;}
._slide1 .right a:after{ background: #fff; opacity: 0.2;}


@media  screen and (max-width: 1024px){
._slide .left{width: 100%;}
._slide .left ul{width: 100%;font-size: 0;text-align: center; white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;}
._slide .left ul::-webkit-scrollbar{ display: none;}
._slide .left li{float: none;display: inline-block;vertical-align: middle;}
._slide .left a{ padding:calc(5px + 0.15rem) calc(12px + 0.1rem);}
._slide .right{display: none;}
}
@media  screen and (max-width: 767px){
._slide .down li a{flex-wrap:wrap-reverse;}	
._slide .down .text{width: 100%;padding:15px 15px 20px 15px;}
._slide .down .img{width: 100%; padding: 20px 20px;}
}


._message{padding-top:calc(10px + 0.85rem);padding-bottom:calc(10px + 0.9rem);}
._message .title{ float: left; width: 100%; text-align: center;color: #0c3c60;font-weight: bold; font-size:calc(14px + 0.16rem);line-height:calc(22px + 0.18rem); margin-bottom:calc(5px + 0.2rem); }
._message .roide{ float: left; width: 100%; background:#0c3c60; color: #fff; border:1px solid #0c3c60; padding:0.17rem 0.39rem; display: flex;}
._message .roide h6{ float: left; font-size:calc(14px + 0.04rem); line-height:calc(24px + 0.04rem); font-weight: bold; white-space: nowrap;}
._message .roide ul{float: left; width: 100%;}
._message .roide ul li{ position: relative; cursor:pointer; float: left; font-size:calc(14px + 0.04rem); line-height:calc(24px + 0.04rem); padding-left:calc(16px + 0.04rem); margin: 0 0.92rem 0 0.17rem;}
._message .roide ul li:last-child{ margin-right:0;}
._message .roide ul li:after{ display: block; content: ''; width:calc(14px + 0.02rem); height:calc(14px + 0.02rem); position: absolute; left: 0; top:calc(4px + 0.02rem); border: 1px solid rgba(255,255,255,0.5);}
._message .roide ul li.on:after{ border: 1px solid #fff; background:url(_im_g/ico1.png) center no-repeat #fff; background-size: 100% 100% !important;}

._form{ float:left; width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; background: #f5f5f5; border:1px solid #e5e5e5; padding:0.39rem 0.39rem 0.51rem 0.39rem; }
._form .lab{ width:48.4%;float: left; position:relative; margin-bottom:0.19rem; display: flex; }
._form .lab1{ width:100%;float: left; display: flex; justify-content: center; margin-top: 0.31rem; position:relative; }
._form .w100{width: 100%;}
._form .fv{ float:left; width:100%; border:1px solid #e5e5e5; background:#fff; font-size:calc(14px + 0.04rem);color: #000101; line-height:calc(28px + 0.06rem); height:calc(30px + 0.26rem); padding:0.1rem 0.16rem;
-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;  
}
._form .fv:focus{ border:1px solid #0c3c60;}
._form .fv1{ height:calc(112px + 0.54rem);}
._form .yanzhengma{ float: right;height:calc(30px + 0.26rem); margin-left: 0.2rem; width: auto; min-width: inherit; border:1px solid #e5e5e5;}
._form .submit{ float:left; width:39.4%;  font-size:calc(14px + 0.04rem);color: #fff; line-height:calc(28px + 0.26rem); height:calc(30px + 0.26rem); background:#0c3c60; border:0; border-radius:calc(30px + 0.26rem); background-position:right bottom;transition:all .5s ease;}
._form .lab1:hover .submit{ background:linear-gradient(to left,transparent 50%,#0c3c60 50%);background-size:200% 100%; background-position:left bottom;}

._form ::-webkit-input-placeholder{color:#000101}
._form :-moz-placeholder{color:#000101}
._form ::-moz-placeholder{color:#000101}
._form :-ms-input-placeholder{color:#000101}


@media (max-width: 767px){
._message .roide{ padding:10px 12px;}	
._message .roide ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
._message .roide ul li{ min-width:48%; margin:0; font-size:calc(14px + 0.02rem);}
._message .roide ul li:after{ width:calc(12px + 0.02rem); height:calc(12px + 0.02rem); top:calc(5px + 0.02rem); }
._form{padding:12px 12px 20px 12px;}	
._form .lab{ width:100%; margin-bottom:10px; }
._form .lab1{ margin-top: 10px;}
._form .fv{ line-height:calc(24px + 0.14rem); height:calc(30px + 0.34rem); padding:calc(3px + 0.1rem) 0.5rem;}
._form .fv1{ height:calc(120px + 0.54rem);}
._form .yanzhengma{ margin-left: 0.4rem;}
._form .submit{ width:50%;}

}


/* 分页 */
.wack1{ float:left; width:100%; text-align:center; display: flex; flex-wrap: wrap; justify-content:center;}
.wack1 .pz_fy{ float:left;}
.wack1 .pz_fy a{ float:left; position: relative; min-width:34px; height:34px; line-height:34px; color:#555555; font-size:16px; margin:0 5px;background:#f5f5f5;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{color:#fff; background:#0c3c60;}
.wack1 .pz_fy .l_fy:after,
.wack1 .pz_fy .r_fy:after{ display: block; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg);  width: 8px; height: 8px; border-top: 1px solid #555555; border-right: 1px solid #555555; margin-left:-1px;}
.wack1 .pz_fy .l_fy:after{ transform: translate(-50%,-50%) rotate(225deg); -ms-transform: translate(-50%,-50%) rotate(225deg);  margin-left:1px;}
.wack1 .pz_fy .l_fy:hover:after,
.wack1 .pz_fy .r_fy:hover:after{ border-top: 1px solid #fff; border-right: 1px solid #fff;}
.wack1 .fy_pc{ float:left; font-size:14px; line-height: 24px; color:#555555;}
.wack1 .fy_pc a{ float:left; padding:2px 20px 3px 20px; color:#fff; background:#0c3c60; border-radius:30px;}
.wack1 .fy_pc span{ float:left; padding:0 20px;}


.downloadA{ padding-top:calc(10px + 0.86rem); padding-bottom:calc(10px + 0.9rem);}
.download{float:left; width:100%; margin-bottom:calc(10px + 0.5rem);}
.download dl{float:left; width:100%; background: #0c3c60;  padding:15px 0 15px 64px;display: flex; flex-wrap: wrap; }
.download dl dd{float:left; font-weight: bold; color: #fff; font-size: calc(14px + 0.04rem); line-height:calc(20px + 0.06rem); padding:4px 15px;}
.download dl dd:nth-child(1){ width: calc(46.8% - 156px); margin-right:12%; text-align: center;}
.download dl dd:nth-child(2){ width: 20.6%;}
.download dl dd:nth-child(3){ width: 20.6%;}
.download dl dd:nth-child(4){ width:156px; text-align: center;}
.download ul{float:left; width:100%;}
.download ul li{float:left; width:100%; background: #f5f5f5; display: flex; flex-wrap: wrap; align-items: center; color: #000; font-size: calc(14px + 0.02rem); line-height:calc(20px + 0.06rem); position: relative; margin-top: 10px; padding:15px 0 15px 64px;
-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;  
}
.download ul li a{ color: #000;}
.download ul li .ico{ display: flex; justify-content: center; align-items: center; background: #dde2e6; width:64px; min-width:64px; height:100%; position: absolute; left: 0; top: 0;}
.download ul li .ico i{ display: block; width: 32px; height: 32px; background:url(_im_g/_file-pdf-one.svg) center no-repeat; background-size: 100% 100% !important;}
.download ul li .btn{ width:156px;}
.download ul li .btn a{ color: #0c3c60; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width:100%;}
.download ul li .btn a img{ width:22px; min-width:22px; margin-right: 4px; }
/* .download ul li .btn a:hover{ text-decoration: underline;} */
.download ul li .div{ padding:4px 15px;}
.download ul li .time{ width: 20.6%;}
.download ul li .m{ width: 20.6%;}
.download ul li .tit{ width: calc(58.8% - 156px); overflow: hidden;white-space: nowrap; text-overflow:ellipsis;}
.download ul li .btn span{ position: relative;}
.download ul li .btn span::after{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px;background: #0c3c60;
-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;  
}
.download ul li:hover{ box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.download ul li:hover .ico{ background: #0c3c60;}
.download ul li:hover .ico i{ background:url(_im_g/_file-pdf-one1.svg) center no-repeat;}
.download ul li:hover .tit{ color: #0c3c60;}
.download ul li:hover .btn span::after{ width: 100%;}
.downbox{float:left; width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom:0.26rem; position:relative; z-index:2;}
.downbox .title{float:left; color: #565656; font-size: calc(14px + 0.22rem); line-height:calc(22px + 0.22rem); }
.downbox .right{ float: right; display:flex; width:410px;}
.downbox .fenl{ float: left; width:100%;position: relative; z-index: 6; }
.downbox .fenl .text{ cursor: pointer;position: relative; float: left; width:100%; color: #888888; font-size: calc(14px + 0.02rem); line-height:calc(28px + 0.26rem);height:calc(30px + 0.26rem); border-radius: calc(30px + 0.26rem); border: 1px solid #e5e5e5; padding:0 21px;}
.downbox .fenl .text:after{float:left; position:absolute; right:20px; top:50%;  content:''; width:8px; height:8px; border-bottom:1px solid #515151; border-right:1px solid #515151; transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); margin-top:-2px; }
.downbox .fenl .down { display: none;z-index: 6;float: left;width: 100%;position: absolute;left: 0;top: 100%; border: 1px solid #e5e5e5;background: #fff;    padding:10px 0;box-shadow: 0 0.03rem 0.06rem rgba(0,0,0,0.1);overflow: hidden;overflow-y: auto;scrollbar-width: thin;border-radius:6px;max-height:308px;}
.downbox .fenl .down::-webkit-scrollbar {width: 3px}
.downbox .fenl .down::-webkit-scrollbar-track {background-color: #e5e5e5;border-radius: 3px}
.downbox .fenl .down::-webkit-scrollbar-thumb {width: 3px;height:10px;background-color: #0c3c60;border-radius: 3px}
.downbox .fenl .down li {float: left;width: 100%;color: #888888;font-size:14px;line-height:26px;padding:5px 21px;cursor: pointer;}
.downbox .fenl .down li:hover { background: #0c3c60;color: #fff;}
.downbox .button{ float: left; background: #0c3c60; color: #fff; font-size: calc(14px + 0.04rem); line-height:calc(30px + 0.26rem);height:calc(30px + 0.26rem); border-radius: calc(30px + 0.26rem); width: 98px; min-width: 98px; margin-left: 10px;}


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

}
@media screen and (max-width: 767px) {
.download dl{ display: none;}	
.download ul li{ justify-content: space-between; padding:12px 10px 12px 68px;}	
.download ul li .ico{ width: 58px;min-width: 58px;}
.download ul li .div{ padding:2px 2px;}
.download ul li .time{ width:auto;}
.download ul li .m{ width:auto;}
.download ul li .tit{ width:100%;}
.download ul li .btn{ width:auto;}
.downbox .title{ width:100%; margin-bottom: 10px;}
.downbox .right{ width:100%;}
.downbox .fenl .text{ padding:0 15px;}
.downbox .fenl .text:after{ right: 15px;}
.downbox .fenl .down{ padding: 8px 0; max-height:272px;}
.downbox .fenl .down li{ padding:3px 15px;}
.downbox .button{ width:88px; min-width: 88px;}
}


._contact{ padding-top: calc(10px + 0.9rem); padding-bottom: calc(10px + 0.9rem);}
._contact .box{ float: left; width: 100%; display: flex; flex-wrap: wrap;}
._contact .er{ float: left; width:calc(60px + 2rem); background: #0c3c60; display: flex; flex-wrap: wrap; text-align: center; justify-content: center; align-content: center; color: #fff;  font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.08rem); border-radius: 10px; padding:0.4rem 0.3rem; }
._contact .er .ico{ float: left; line-height: 0; width:1.68rem;}
._contact .er .text{ margin-top: 0.25rem;}
._contact .list{ float: left; width:calc(100% - 60px - 2rem);}
._contact .list ul{ margin:-0.1rem 0; display: flex; flex-wrap: wrap;}
._contact .list ul li{ float: left; background: #f5f5f5; border-radius: 10px; width:calc(50% - 0.2rem); display: flex; align-items: center; padding: 0.32rem;margin:0.1rem 0.2rem 0.1rem 0;}
._contact .list ul li .ico{ float: left; min-width:calc(66px + 0.22rem); width:calc(66px + 0.22rem); height:calc(66px + 0.22rem); border-radius: 50%; overflow: hidden; line-height: 0; margin-right: 0.2rem; background: #0c3c60; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;-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;  
}
._contact .list ul li .ico img{ width: 38px; height: 38px;}
._contact .list ul li .text{ float: left; width: 100%; display: flex; flex-wrap: wrap; align-content: center; min-height:calc(66px + 0.3rem);}
._contact .list ul li .tit{ float: left; width: 100%;  color: #000000; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem); font-weight: bold;}
._contact .list ul li .p{ float: left; width: 100%; color: #000000; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.08rem); margin-top: 0.06rem;}
._contact .list ul li a:hover .ico{ transform: rotateY(360deg); -ms-transform: rotateY(360deg);}
._contact .list ul li a:hover .tit{ color: #1b56d1;}


@media screen and (max-width:1024px) {
._contact .er .text{font-size:calc(14px + 0.02rem);}
._contact .list ul li{ padding: 15px;}
._contact .list ul li .ico{ min-width:calc(56px + 0.3rem); width:calc(56px + 0.3rem); height:calc(56px + 0.3rem); margin-right: 12px;}
._contact .list ul li .ico img{ width: 30px; height: 30px;}
._contact .list ul li .p{font-size:calc(14px + 0.02rem);}
}
@media screen and (max-width:767px) {
._contact .list{ width: 100%;}	
._contact .list ul{ margin: 0;}
._contact .list ul li{ width:100%; margin:0 0 10px 0;}
._contact .er{ width: 100%; padding:20px; align-items: center;}
._contact .er .ico{ width:calc(88px + 0.8rem); margin-right:15px;}
}



.newsD{ float:left; width:100%; flex-wrap:wrap; display: flex; justify-content: space-between; overflow: hidden;}
.newsL{ float:left; width:69.7%; padding:calc(10px + 0.83rem) 0; color:#333333;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.1rem);}
.newsL .tit{ float:left; width:100%; color:#000000; font-size:calc(14px + 0.14rem); line-height:calc(22px + 0.16rem);}
.newsL .info{ float:left; width:100%; color:#000000; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); padding:18px 0 30px 0; border-bottom:1px solid #e5e5e5;}
.newsL .info .p{ float:left; display: flex;  justify-content:center; align-items: center;}
.newsL .info .p img{ max-width:none; margin-right:6px;}
.newsL .info .ml{ margin-right:56px;}
.newsL .info .share{ float:right;}
.newsL .info .share a{ margin:0 !important; color:#000000; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); height:calc(22px + 0.04rem) !important; padding-left:24px !important; background:url(_im_g/_share-one.svg) left center no-repeat !important; background-size:20px auto !important;}
.newsL .info .share a:hover{ color:#0c3c60; opacity: 1;}
.newsL .cont{ float:left; width:100%; padding:26px 0 80px 0;}
.newsR{ float:right; width:27%; padding:calc(10px + 0.83rem) 0 calc(10px + 0.83rem) 0.46rem; box-shadow:0 8px 10px 0 rgba(0,0,0,0.07);}
.newsR h1{ float:left; width:100%; color:#000000; font-size:calc(14px + 0.14rem); line-height:calc(22px + 0.16rem); padding-bottom:25px; border-bottom:1px solid #e5e5e5;}
.newsR ul{ float:left; width:100%;}
.newsR ul li{ float:left; width:100%;}
.newsR ul li a{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:21px 0;}
.newsR ul li .tit{ float:left; width:100%; color:#000000; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; font-weight: bold;}
.newsR ul li .p{ float:left; width:100%; color:#555555; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.1rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:0.07rem;}
.newsR ul li time{ float:left; width:100%; color:#a7a7a7; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:0.09rem; position: relative;}
.newsR ul li time::after,
.newsR ul li time::before{ display: block; content: ''; position: absolute; right:0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.newsR ul li time::after{ width: 1px; height: 16px; background: #cccccc; margin-right: 50px;}
.newsR ul li time::before{ width:50px; height:16px; background: url(_im_g/_arrow-right.svg) center no-repeat; background-size:22px auto !important;}
.newsR ul li a:hover .tit{ color:#0c3c60;}
.newsR ul li a:hover time{ color:#0c3c60;}
.newsR ul li a:hover time::after{ background:#0c3c60;}
.newsR ul li a:hover time::before{ background: url(_im_g/_arrow-right1.svg) center no-repeat; }
._page{ float:left; width:100%; border-top:1px solid #e5e5e5; position:relative;flex-wrap:wrap; display: flex; justify-content: space-between; padding-top:23px;}
._page .prev,
._page .next{ float:left; max-width:46%; color:#000000; overflow:hidden; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); height:calc(44px + 0.16rem);}
._page .prev:hover,
._page .next:hover{ color:#0c3c60; font-weight: bold;}
._page .next{ float:right; text-align:right;}
._page .renter{ float:left; width:77px; height:77px; border-radius:50%; background:#0c3c60; color:#fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem); display: flex; flex-direction:column; justify-content:center; align-items: center; position:absolute; left:50%; top:-39px; z-index:6; margin-left:-38px;}
._page .renter:hover{ background: #181a1c; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
._page .renter img{ max-width:none; width:20px;}
._page .renter:after{ float:left; width:1px; height:calc(44px + 0.03rem); content:''; position:absolute; left:50%; top:100%; background:#e5e5e5;}

@media  screen and (max-width:1024px){
.newsL{font-size:calc(14px + 0.01rem);}	
.newsL .info{font-size:calc(14px + 0.01rem); padding:8px 0 16px 0;}
.newsL .info .p img{ margin-right:4px;}
.newsL .info .ml{ margin-right:20px;}
.newsL .info .share{ display:none;}
.newsL .info .share a{font-size:calc(14px + 0.01rem); }
.newsL .cont{ padding:18px 0 50px 0;}
.newsR{ padding:30px 0 30px 0;}
.newsR h1{ padding-bottom:15px;}
.newsR ul li a{ padding:15px 0;}
.newsR ul li .p{font-size:calc(14px + 0.01rem); line-height:calc(22px + 0.06rem);}
._page{ padding-top:16px;}
._page .prev,
._page .next{ line-height:calc(22px + 0.04rem); height:calc(66px + 0.12rem);}
._page .renter{ width:60px; height:60px; top:-30px; margin-left:-30px;}
._page .renter:after{ height:30px;}
}
@media  screen and (max-width:767px){
.newsL{ width:100%;}
.newsR{ width:100%; padding:0 0 35px 0; box-shadow:none;}
}


.newsA{ padding-top: calc(10px + 0.9rem); padding-bottom: calc(10px + 0.9rem);}
._NewL{float:left;width:100%; margin-bottom:calc(10px + 0.5rem); }
._NewL ul{float:left; width:100%;}
._NewL li{float:left; width:100%; margin-top: 20px;}
._NewL li .la{float: left;width: 100%;background:#fff; position: relative; box-shadow: 0 0.06rem 0.27rem 0 rgba(0,0,0,0.11); padding: 10px; display: flex; align-items: center; justify-content: space-between;}
._NewL li .img{float: left; min-width:calc(88px + 2rem); width:calc(88px + 2rem); position: relative; line-height: 0; overflow: hidden; height: calc(90px + 1.3rem); margin-right: 0.18rem;}
._NewL li .img img{ position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
-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;   }
._NewL li .la:hover .img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._NewL li .cont{float: left;width: 100%; padding:0 0.3rem; position: relative;}
._NewL li .tit{float: left;width: 100%; font-weight: bold; color: #000000; font-size: calc(14px + 0.06rem);line-height: calc(22px + 0.08rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; padding-right: 80px;}
._NewL li .text{float: left;width: 100%; color: #555555; font-size: calc(14px + 0.02rem);line-height: calc(22px + 0.1rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; margin-top:0.18rem; padding-right: 80px; }
._NewL li .time{float: left; color: #a7a7a7; font-size: calc(14px + 0.06rem);line-height: calc(22px + 0.08rem); height: 100%; position:absolute; top:0; right: 0.3rem;}
._NewL li .time::after,
._NewL li .time::before{ display: block; content: ''; position: absolute; right:0; bottom:calc(3px + 0.05rem);}
._NewL li .time::after{ width: 1px; height: 16px; background: #cccccc; margin-right:35px;}
._NewL li .time::before{ width:35px; height:16px; background: url(_im_g/_arrow-right.svg) right center no-repeat; background-size:22px auto !important;}
._NewL li .la:hover .time{ color: #0c3c60;}
._NewL li .la:hover .tit{ color: #0c3c60;}
._NewL li .la:hover .time::after{ background:#0c3c60;}
._NewL li .la:hover .time::before{ background: url(_im_g/_arrow-right1.svg) right center no-repeat; }

@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
._NewL li{margin-top:14px;}
._NewL li .la .cont{ padding:0 5px;}
._NewL li .tit{-webkit-line-clamp:2; padding-right: 0; line-height: calc(22px + 0.04rem);}
._NewL li .text{ font-size: calc(14px + 0.01rem); line-height: calc(22px + 0.02rem);-webkit-line-clamp:2; padding-right: 0; margin-top: 0.1rem;}
._NewL li .time{ position:relative; width: 100%; right: 0; margin-top: 0.18rem;}
}


._NewT{float:left;width:100%; }
._NewT ul{ display: flex; flex-wrap: wrap; margin: -10px;}
._NewT li{float:left; width:33.33%; padding: 10px;}
._NewT li .la{float: left;width: 100%;background:#fff; position: relative; box-shadow: 0 0.06rem 0.27rem 0 rgba(0,0,0,0.11); padding: 10px;}
._NewT li .img{float: left; width:100%; position: relative; line-height: 0; overflow: hidden; padding-bottom:76.25%;}
._NewT li .img img{ position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
-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;   }
._NewT li .la:hover .img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._NewT li .cont{float: left;width: 100%; padding:16px 10px 11px 10px;}
._NewT li .tit{float: left;width: 100%; font-weight: bold; color: #000000; font-size: calc(14px + 0.06rem);line-height: calc(22px + 0.08rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
._NewT li .time{float: left;width: 100%; color: #a7a7a7; font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.06rem); margin-top: 0.1rem; position: relative;}
._NewT li .time::after,
._NewT li .time::before{ display: block; content: ''; position: absolute; right:0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
._NewT li .time::after{ width: 1px; height: 16px; background: #cccccc; margin-right: 50px;}
._NewT li .time::before{ width:50px; height:16px; background: url(_im_g/_arrow-right.svg) center no-repeat; background-size:22px auto !important;}
._NewT li .la:hover .time{ color: #0c3c60;}
._NewT li .la:hover .tit{ color: #0c3c60;}
._NewT li .la:hover .time::after{ background:#0c3c60;}
._NewT li .la:hover .time::before{ background: url(_im_g/_arrow-right1.svg) center no-repeat; }

@media screen and (max-width:767px) {
._NewT ul{ margin: -7px;}	
._NewT li{ width: 100%; padding: 7px;}
._NewT li .la .cont{ padding:15px 5px 5px 5px;}

}


._NewH{ padding-top: calc(10px + 1.05rem); padding-bottom: calc(10px + 1.1rem);}
.NewH_L{float:left;width:49.2%; margin:0.35rem 0 0.37rem 0; }
.NewH_L ul{float: left;width: 100%;}
.NewH_L li{float: left;width: 100%;}
.NewH_L li .la{float: left;width: 100%;position: relative; box-shadow: 0 0.06rem 0.27rem 0 rgba(0,0,0,0.11);}
.NewH_L li .img{float: left; width:100%; position: relative; line-height: 0; overflow: hidden; height:calc(202px + 2.84rem);}
.NewH_L li .img img{ position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
-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;   }
.NewH_L li .la:hover .img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.NewH_L li .cont{float: left;width: 100%; position: absolute; left: 0; bottom: 0; z-index: 6; background: rgba(12,60,96,0.8); padding:0.16rem 0.28rem; display: flex;}
.NewH_L li .tit{float: left;width: 100%; font-weight: bold; color: #fff; font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.1rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; position: relative; padding:0 0.4rem 0 18px; position: relative;}
.NewH_L li .tit:after{ display: block; content: ''; position: absolute; left:0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); width: 6px; height: 6px; border-radius:50%; background: #fff;}
.NewH_L li .time{float: left; white-space: nowrap; color: #fff; font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.1rem);}
.NewH_R{float:right;width:48.4%; margin:0.35rem 0 0.37rem 0;  }
.NewH_R ul{float: left;width: 100%; border-top: 1px solid #e5e5e5;}
.NewH_R li{float: left;width: 100%; border-bottom: 1px solid #e5e5e5;}
.NewH_R li .la{float: left;width: 100%;background:#fff; position: relative; z-index: 1; padding:0.29rem 0.35rem 0.29rem 0.28rem;}
.NewH_R li .cont{float: left;width: 100%; position: relative;}
.NewH_R li .tit{float: left;width: 100%; font-weight: bold; color: #000000; font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.06rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; padding: 0 84px 0 20px; position: relative;}
.NewH_R li .tit:after{ display: block; content: ''; position: absolute; left:0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); width: 6px; height: 6px; border-radius:50%; background: #0c3c60;}
.NewH_R li .text{float: left;width: 100%; color: #555555; font-size: calc(14px + 0.02rem);line-height: calc(22px + 0.1rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top: 0.11rem; padding: 0 84px 0 20px;}
.NewH_R li .time{float: left; color: #a7a7a7; font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.08rem); height: 100%; position:absolute; top:0; right: 0;}
.NewH_R li .time::after,
.NewH_R li .time::before{ display: block; content: ''; position: absolute; right:0; bottom:calc(3px + 0.05rem);}
.NewH_R li .time::after{ width: 1px; height: 16px; background: #cccccc; margin-right:35px;}
.NewH_R li .time::before{ width:35px; height:16px; background: url(_im_g/_arrow-right.svg) right center no-repeat; background-size:22px auto !important;}
.NewH_R li .la:hover{ z-index:6; box-shadow:0 0.06rem 0.27rem rgba(0,0,0,0.11);}
.NewH_R li .la:hover .time{ color: #0c3c60;}
.NewH_R li .la:hover .tit{ color: #0c3c60;}
.NewH_R li .la:hover .time::after{ background:#0c3c60;}
.NewH_R li .la:hover .time::before{ background: url(_im_g/_arrow-right1.svg) right center no-repeat; }

@media screen and (max-width: 767px) {
.NewH_L{ width: 100%; margin:calc(10px + 0.4rem) 0 0 0;}	
.NewH_L li .cont{ padding:10px 12px;}
.NewH_L li .tit{ padding: 0 15px;}
.NewH_R{ width: 100%; margin:calc(10px + 0.4rem) 0;}
.NewH_R li .la{ padding:12px;}
.NewH_R li .tit{ padding:0 60px 0 15px;}
.NewH_R li .text{ padding:0 60px 0 15px;}
}

._CoreH{ position: relative; padding-top: calc(10px + 1.05rem); padding-bottom: calc(10px + 1.1rem);}
._CoreH::after{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:#0c3c60; opacity: 0.9;}
.Core_L{float:left;width:68.2%; margin-top:0.35rem; position: relative; z-index: 1; }
.Core_L ul{float: left;width: 100%; position:relative; overflow: hidden;}
.Core_L li{float: left;width: 100%; height: 100%; position:absolute; left: 0; top: 0; opacity: 0; z-index:1;
-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;  
}
.Core_L li.on{ position: relative; z-index: 3; opacity: 1;}
.Core_L li .la{float: left;width: 100%;position:relative; line-height: 0; overflow: hidden; height:calc(216px + 2.97rem);}
.Core_L li .la img{ position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
-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;   }
.Core_L li .la:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Core_R{float:right;width:31.8%; margin-top:0.35rem; position: relative; z-index:6;   }
.Core_R ul{float: left;width: 100%;}
.Core_R li{float: left;width: 100%;}
.Core_R li .la{float: left;width: 100%;background:#e9eef2; position: relative; z-index: 1; padding:0.36rem 0.34rem;}
.Core_R li .la::after{ display: block; content: ''; position: absolute; top:20%; right: 100%; transform: translateY(-50%); -ms-transform: translateY(-50%); border-top:13px solid transparent; border-bottom:13px solid transparent;border-right:16px solid #0c3e68; opacity: 0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.Core_R li .cont{ float: left; width: 100%; display: flex; align-items: center;}
.Core_R li .ico{float: left; position: relative; min-width:calc(24px + 0.04rem); width:calc(24px + 0.04rem); height:calc(24px + 0.04rem); line-height: 0; margin-right: 10px;}
.Core_R li .ico img{ position: absolute; left: 0; top: 0; width: 100%;}
.Core_R li .ico .hide{ opacity: 0;}
.Core_R li .ico .show{ opacity: 1;}
.Core_R li .tit{float: left;width: 100%; font-weight: bold; color: #0c3c60; font-size: calc(14px + 0.12rem);line-height: calc(24px + 0.12rem);}
.Core_R li .text{float: left;width: 100%; color: #555555; font-size:14px;line-height:24px; height:48px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top: 0.15rem;}
.Core_R li:nth-child(2n) .la{background: #eff8ff;}
.Core_R li.on .la{ background:url(_im_g/main4.jpg) center no-repeat; background-size: cover;}
.Core_R li.on .la::after{ top:50%; opacity:1;}
.Core_R li.on .tit{ color: #fff;}
.Core_R li.on .text{ color: #fff;}
.Core_R li.on .ico .hide{ opacity: 1;}
.Core_R li.on .ico .show{ opacity: 0;}

@media screen and (max-width: 767px) {
.Core_L{ width: 100%; margin-top:0;}	
.Core_L li .la{ height: auto; padding-bottom: 57.8%;}
.Core_R{ width: 100%; margin-top:calc(10px + 0.4rem);}
.Core_R li .la{ padding:15px;}
.Core_R li .la::after{ display: none;}
.Core_R li .text{ margin-top: 0.2rem;}
.Core_R li .la::after{border-top:6px solid transparent; border-bottom:6px solid transparent;border-right:6px solid #0c3e68;}
}

._caseH{ position: relative; padding-top: calc(10px + 1.05rem); margin-bottom: calc(10px + 1.1rem);}
._caseT{ float: left; width: 100%; display: flex; align-items: flex-end;}
._caseT .indexTit{ width: auto; margin-right: 12px;}
._caseT .indexTit1{ width: auto;}
._caseHd{ float: left; width: 100%; margin-top: calc(10px + 0.25rem);}
._caseHd ul{ float: left; width: 100%; }
._caseHd li{ float: left; margin-right: 12px; color: #000000; font-size: calc(14px + 0.04rem);line-height: calc(28px + 0.14rem); height: calc(30px + 0.14rem); border-radius: calc(30px + 0.14rem); background: #fff; border: 1px solid rgba(0,71,157,0.2); padding:0 calc(10px + 0.09rem); text-align: center; min-width:calc(58px + 0.5rem); cursor: pointer;
-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;  }
._caseHd li.on{ color: #fff; background: #0c3e68; border: 1px solid #0c3e68;}
._caseDd{ float: left; width:53.2%; margin-top: calc(10px + 0.21rem); margin-bottom:0.52rem; }
._caseDd ul{ float: left; width: 100%; position:relative; overflow: hidden; }
._caseDd li{ float: left; width: 100%; background:#0c3c60; overflow: hidden; border-radius:0.2rem 0 0 0.2rem; padding: 0.68rem 0.7rem 0.72rem 0.7rem; position:absolute; left: 0; top: 0; opacity: 0; z-index:1;}
._caseDd li.on{ position: relative; z-index: 3; opacity: 1;}
._caseDd li .tit{ float: left; width: 100%; color: #fff; font-size: calc(14px + 0.16rem);line-height: calc(22px + 0.18rem); height: calc(22px + 0.18rem); overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
._caseDd li .text{ float: left; width: 100%; color: #fff; font-size: calc(14px + 0.02rem);line-height: calc(22px + 0.1rem); height: calc(88px + 0.4rem); margin-top: 0.15rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
._caseDd li ._btn{ margin-top: 0.45rem;}
._caseImg{ float: right; width: 50%; height: 100%; line-height: 0; overflow:hidden; position: absolute; right: 0; top: 0; z-index: 1; display: flex;}
._caseImg ul{float: left;width: 100%; height: 100%; position:relative; overflow: hidden;}
._caseImg li{float: left;width: 100%; height: 100%; position:absolute; left: 0; top: 0; opacity: 0; z-index:1;
-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;  
}
._caseImg li.on{ position: relative; z-index: 3; opacity: 1;}
._caseImg li .la{float: left;width: 100%; height: 100%; position:absolute; line-height: 0; overflow: hidden; border-radius:0 0 0 0.2rem;}
._caseImg li .la img{ position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

@media screen and (max-width: 1440px) {
._caseHd li{ font-size: calc(14px + 0.02rem);}
}
@media screen and (max-width: 767px) {
._caseHd ul{ display: flex; overflow-x: auto;}	
._caseHd ul::-webkit-scrollbar{ display: none;}
._caseHd ul li{ min-width: auto; white-space: nowrap; padding:0 16px;}
._caseDd{ width: 100%; margin-bottom: 0;}	
._caseDd li{ padding: 20px 15px 25px 15px; border-radius: 6px 6px 0 0;}
._caseDd li .text{ margin-top: 0.3rem;}
._caseDd li ._btn{ margin-top: 0.6rem;}
._caseImg{/* display: none; */ position:static; width: 100%;}
._caseImg li .la{ position: relative; height:auto; padding-bottom:70%;  border-radius:0 0 6px 6px; }

}



._ProdH{ position: relative; padding-top: calc(10px + 1.02rem); padding-bottom: calc(10px + 1.1rem); overflow: hidden;}
._ProdT{ float: left; width: 100%; display: flex; margin-bottom: calc(10px + 0.4rem);}
._ProdT .left{ float: left; display: flex; flex-direction: column; margin-right:1.4rem; white-space: nowrap;}
._ProdT .indexTit{ text-align: left;}
._ProdT .indexTit1{ text-align: left;}
._ProdT .text{ float: left; width: 100%; color: #333333;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.1rem);}

._ProdL{ float: left; width: 100%;}
._ProdL ul{ float: left; width:calc(100% + 0.2rem); margin:-0.1rem;}
._ProdL li{ float: left; width: 25%; padding: 0.1rem;}
._ProdL li .la{ float: left; width: 100%; background: #fff; text-align: center;}
._ProdL li .img{ float: left; width: 100%; line-height: 0; position: relative; overflow: hidden; padding-bottom: 63.2%;}
._ProdL li .img img{ position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;-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;   }
._ProdL li .la:hover .img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._ProdL li .tit{ float:left; width:100%; background: #0c3c60; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.08rem); color: #fff; font-weight: bold; padding:0.1rem 0.2rem;}
._ProdL li .cont{ float:left; width:100%; padding:0.12rem 0.2rem 0.15rem 0.2rem;}
._ProdL li .p{ float:left; width:100%; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); color: #333333; overflow: hidden;white-space: nowrap; text-overflow:ellipsis;}
._ProdL li .p:hover{ color: #0c3c60;}

@media screen and (max-width: 1024px) {
._ProdT{ flex-wrap: wrap;}	
._ProdT .left{ width: 100%; margin:0;}
._ProdT .indexTit{ text-align: center;}
._ProdT .indexTit1{ text-align: center;}
._ProdT .text{ display: none; margin-top:calc(10px + 0.1rem);}
._ProdL{ margin-bottom: 6px;}
._ProdL li{ width:33.33%;}
}
@media screen and (max-width: 767px) {
._ProdL ul{ width:calc(100% + 12px); margin:-6px;}
._ProdL li{ width: 50%; padding:6px;}
._ProdL li .tit{ padding:8px 10px;}
._ProdL li .cont{ padding:10px 10px;}
}

.pordL{ float:left; width:100%; margin:0.87rem 0 0.97rem 0;}
.pordL .li{ float:left; width:100%; margin:13px 0;}
.pordL .down{ display: none; float:left; width:100%; margin:calc(13px + 0.37rem) 0 0.37rem 0;}
.pordL .down ul{ display: flex; flex-wrap: wrap; margin:-0.1rem;}
.pordL .down ul li{ float:left; width: 25%; padding: 0.1rem;}
.pordL .down ul li a{ float:left; width: 100%; border: 1px solid #e5e5e5; position: relative; height: 100%;}
.pordL .down ul li .img{ float: left; width: 100%; line-height: 0; position: relative; overflow: hidden; padding-bottom: 63.6%;}
.pordL .down ul li .img img{ position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;-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;   }
.pordL .down ul li a:hover .img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.pordL .down ul li .tit{ float:left; width:100%; background:#f5f5f5; text-align: center; font-weight: bold; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.08rem); color: #555555; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; padding:0.1rem 0.15rem;
-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;  }
.pordL .down ul li a:hover .tit{ background:#0c3c60; color: #fff; }
.pordL .top{ float:left; width:100%; border-bottom: 4px solid #0c3c60; display: flex; align-items: center; justify-content: space-between; background:url(_im_g/main15.jpg) center no-repeat; background-size:cover; position: relative; padding:0.4rem 0.55rem 0.4rem 0.58rem; }
.pordL .top:after{ display: block; content: ''; width: 0.52rem; height: 0.52rem; position: absolute; right: 0; top: 0; z-index: 1; background: url(_im_g/ico6.png) top right no-repeat; background-size:100% 100%;}
.pordL .top .left{ float:left; position: relative; z-index:3; display: flex; flex-direction: column; margin-top:0.14rem; overflow: hidden; cursor: pointer;}
.pordL .top .left:after{ float:left; content: ''; width: 100%; height: 1px; background: #0c3c60; position: absolute; left:80px; bottom:calc(9px + 0.03rem);}
.pordL .top .left::before{ float:left; content: ''; width:1px; height:calc(100% - 22px - 0.1rem); background: #0c3c60; position: absolute; right:0; bottom:calc(9px + 0.03rem);}
.pordL .top .tit{ float:left; position: relative; font-weight: bold; color: #555555;font-size:calc(14px + 0.16rem); line-height:calc(22px + 0.18rem);  display: flex; align-items: center; flex-wrap: wrap; padding-right: 24px;}
.pordL .top .tit:after{ float:left; content: ''; width: 24px; height: 1px; background: #0c3c60; position: absolute; right:0; top:calc(11px + 0.09rem);}
.pordL .top .tit span{ display: block; background:#0c3c60; color: #fff; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem); padding: 0 10px; text-transform: uppercase; margin:0.05rem 0; }
.pordL .top .tit font{ margin-right: 10px;}
.pordL .top .p{ float:left; position: relative; margin-top:0.1rem; color: #555555;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); padding-right: 18px; }
.pordL .top .p:after{ display: block; content: ''; position: absolute; left:46px; top:50%; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left: 8px solid #0c3c60; margin-top: -5px; }
.pordL .top .img{ float:right; position: relative; z-index:3; width:2.8rem; line-height: 0; margin:-0.4rem 0;transition:none;-moz-transition:none;-webkit-transition:none; -o-transition:none; object-fit: contain;}
.pordL .top.on{ background: #0c3c60;}
.pordL .top.on .left::after,
.pordL .top.on .left::before,
.pordL .top.on .tit:after{ background: #fff;}
.pordL .top.on .tit{ color: #fff;}
.pordL .top.on .tit span{ background: #fff; color: #0c3c60;}
.pordL .top.on .p{ color: #fff;}
.pordL .top.on .p:after{border-left: 8px solid #fff;}



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

}
@media screen and (max-width: 767px) {
.pordL .li{ margin:7px 0;}
.pordL .down{margin:calc(7px + 0.4rem) 0 0.4rem 0;}
.pordL .down ul{ margin:-6px;}
.pordL .down ul li{ width: 50%; padding:6px;}
.pordL .down ul li .tit{ padding:7px 10px;font-size: calc(14px + 0.02rem);}
.pordL .top{ flex-wrap: wrap; padding:20px 15px 0 15px;}
.pordL .top::after{ width:1.1rem; height: 1.1rem;}
.pordL .top .left:after{ left: 50px;}
.pordL .top .tit{ font-size: 16px; padding-right: 12px;}
.pordL .top .tit:after{ width: 12px;}
.pordL .top .tit font{ margin-right: 5px;}
.pordL .top .tit span{ font-size:13px; padding: 0 5px;}
.pordL .top .p{ font-size: 14px;}
.pordL .top .p:after{ left:36px; border-top:4px solid transparent; border-bottom:4px solid transparent;border-left:5px solid #0c3c60; margin-top: -4px; }
.pordL .top .img{ width:100%; text-align: center; margin:-5px 0 0 0; padding:0 2rem;}
.pordL .top.on .p:after{border-left: 5px solid #fff;}
}


.mt13{ margin-top: calc(10px + 0.03rem); }
.mt25{ margin-top: calc(10px + 0.15rem); }
.mt28{ margin-top: calc(10px + 0.18rem); }
.mt33{ margin-top: calc(10px + 0.2rem); }
.mt35{ margin-top: calc(10px + 0.25rem); }
.mt38{ margin-top: calc(10px + 0.28rem); }
._ProdB{ background: #f5f5f5; padding-top: calc(10px + 0.85rem); padding-bottom: calc(10px + 0.9rem);}
.pordD{ padding-top: calc(10px + 0.85rem); padding-bottom: calc(10px + 0.93rem);}
.pordD .title{ float:left; width:100%; color: #0c3c60; font-weight: bold; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.12rem); margin-bottom: calc(10px + 0.15rem); background: url(_im_g/ico7.png) left center repeat-x; background-size:auto calc(14px + 0.06rem);}
.pordD .title span{ float:left; display: flex; align-items: center; background: #fff; padding-right: 21px;}
.pordD .title img{ width: 26px;  height: 26px; margin-right:9px;}
.pordD .box1{ float:left; width:100%; margin-bottom:calc(10px + 0.85rem); }
.pordD .box1 ul{ display: flex; flex-wrap: wrap; margin:-0.1rem;}
.pordD .box1 li{ float: left; width: calc(25% - 0.2rem); margin: 0.1rem; background: #f1f4f6; color: #000000;  font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem); padding: 0.19rem 0.16rem 0.19rem 0.2rem; }
.pordD .box2{ float:left; width:100%; color: #000000;  font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); }
.pordD .box2 table{float:left; width:100%; }
.pordD .box2 table th{ padding:calc(4px + 0.1rem);}
.pordD .box2 table td{ padding:calc(4px + 0.1rem); border:1px solid #e5e5e5;}
.pordD .box3{ float:left; width:100%; color: #000000;  font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin:13px 0 88px 0; }

@media screen and (max-width: 1440px) {
.pordD .box1 li{ font-size:calc(14px + 0.02rem); padding: 0.16rem 0.16rem; }
.pordD .box2{ font-size:calc(14px + 0.02rem);}	
}
@media screen and (max-width: 1024px) {
.pordD .box1 li{  width: calc(50% - 0.2rem);}
}
@media screen and (max-width: 767px) {
.pordD .title span{ padding-right: 14px;}	
.pordD .title img{ margin-right: 6px;}
.pordD .box1 ul{ margin: -5px;}
.pordD .box1 li{  width: calc(100% - 10px); margin:5px; padding:8px 10px;}
.pordD .box2{font-size:13px; line-height: 22px;}	
.pordD .box2 table th{ padding:8px 4px;}
.pordD .box2 table td{ padding:8px 4px; }
.pordD .box3{ margin: 13px 0 55px;}
}



.indexTit{ float:left; width:100%; letter-spacing:0.04rem; font-size:calc(14px + 0.22rem); line-height:calc(22px + 0.24rem); color: #555555; font-weight: bold; text-align: center;}
.indexTit-1{ color: #fff;}
.indexTit1{ float:left; width:100%; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); color: #555555; text-transform: uppercase; text-align: center; letter-spacing: 1px; margin-top: 0.04rem;}
.indexTit1-1{ color: #fff;}
.indexTit2{ float:left; width:100%; font-size:calc(14px + 0.16rem); line-height:calc(22px + 0.18rem); color: #555555; font-weight: bold; text-align: center; letter-spacing: 1px;}
._btn{ float:left;}
._btnC{ width: 100%; display: flex; justify-content: center;}
._btn .a{ float: left; border:1px solid #0c3c60; height:calc(30px + 0.14rem); line-height:calc(28px + 0.14rem); border-radius: calc(30px + 0.14rem); color: #0c3c60; font-size:14px; padding:0 calc(10px + 0.3rem); background-position:right bottom;transition:all .5s ease; display: flex; align-items: center; justify-content: center; padding-bottom: 1px; }
._btn .a i{ display:block; width:20px; height:20px; background: url(_im_g/_left.svg) center no-repeat; background-size: contain !important; transform: rotate(180deg); -ms-transform: rotate(180deg); margin:0 -2px 0 4px;}
._btn .a:hover{ color: #fff; background:linear-gradient(to left,transparent 50%,#0c3c60 50%);background-size:200% 110%; background-position:left bottom;}
._btn .a:hover i{ background: url(_im_g/_left1.svg) center no-repeat;}
._btn1 .a{ border:1px solid rgba(255,255,255,0.4); color: #fff;}
._btn1 .a i{ background: url(_im_g/_left1.svg) center no-repeat;}
._btn1 .a:hover{ color: #0c3c60; background:linear-gradient(to left,transparent 50%,#fff 50%);background-size:200% 110%; background-position:left bottom;}
._btn1 .a:hover i{ background: url(_im_g/_left.svg) center no-repeat;}
._btn2 .a{ border:1px solid #fff; background: #fff; color: #0c3c60; font-size:calc(14px + 0.02rem);height: calc(30px + 0.18rem);  line-height: calc(28px + 0.18rem); padding:0 calc(10px + 0.22rem);}
._btn2 .a i{ width:24px; height:24px;  background: url(_im_g/_download-one.svg) center no-repeat;transform: rotate(0deg); -ms-transform: rotate(0deg); margin:0 8px 0 0;}
._btn2 .a:hover i{background: url(_im_g/_download-one1.svg) center no-repeat;}



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

}
@media screen and (max-width: 767px) {
._btn .a i{ margin:0 -2px 0 0;}
}


._roll{ overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
}
._roll::-webkit-scrollbar {
 width:3px
}
._roll::-webkit-scrollbar-track
{ background-color:#d9d9d9;
 border-radius:0
}
._roll::-webkit-scrollbar-thumb {
 background-color:#0c3c60;
 border-radius:0
}



._caseA{ padding-top: calc(10px + 0.9rem); padding-bottom: calc(10px + 0.9rem);}
._caseA ._caseL{ margin-bottom:calc(10px + 0.5rem);}
._caseL{ float: left; width: 100%;}
._caseL ul{ float: left; width:calc(100% + 0.74rem); margin:-0.35rem -0.37rem;}
._caseL ul li{ float: left; width:50%;  padding:0.35rem 0.37rem;}
._caseL ul li .la{ float: left; width:100%; position: relative; padding:0 calc(30px + 0.4rem) 0 0;}
._caseL ul li .la:after{ display: block; content: ''; position: absolute; left: 0; top:calc(15px + 0.45rem); width: 100%; height:calc(100% - 0.5rem - 30px); border: 1px solid #0c3c60;}
._caseL ul li .img{ float: left; width:100%; line-height: 0; overflow: hidden; position: relative; z-index: 6; padding-bottom: 75.8%;}
._caseL ul li .img img{ position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
-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;   }
._caseL ul li .la:hover .img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._caseL ul li .tit{ float: left; width:100%; position:absolute; right:0.2rem; top:calc(24px + 0.6rem); z-index: 6; text-align: center; font-weight: bold; color: #0c3c60; font-size: calc(14px + 0.1rem);line-height:1; width:30px; text-align: center;word-break: break-all; overflow: hidden; height:calc(100% - 39px - 1rem); overflow: hidden;}
._caseL ul li .cont{ float: left; width:100%; position: relative; z-index: 6; padding:0.17rem 0 0 0.2rem;}
._caseL ul li .p{ float: left; width:100%; color: #000000; font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.1rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-bottom: 0.15rem; }
._caseL ul li ._btn{background: #fff;border-radius: calc(30px + 0.14rem);}

._caseL1 ul{ width:calc(100% + 0.4rem); margin:-0.2rem -0.2rem;}
._caseL1 ul li{  padding:0.2rem 0.2rem;}
._caseL1 ul li .la{ padding:0 calc(20px + 0.3rem) 0 0;}
._caseL1 ul li .la:after{ top:calc(12px + 0.3rem); height:calc(100% - 0.37rem - 27px); }
._caseL1 ul li .img{ padding-bottom: 72.3%; margin-bottom: 16px;}
._caseL1 ul li .tit{ right: 0.15rem; top:calc(21px + 0.4rem); width: 20px; font-size: calc(14px + 0.04rem); height:calc(100% - 39px - 0.6rem);}
._caseL1 .slick-prev{left:-23px;}
._caseL1 .slick-next{right:-23px;}

@media screen and (max-width: 1024px) {
._caseL1{ margin-bottom:10px;}
}
@media screen and (max-width: 767px) {
._caseL ul{ width:calc(100% + 20px);  margin: -10px;}	
._caseL ul li{ width:100%; padding: 10px;}
._caseL ul li .cont{ padding:12px 0 0 12px;}
._caseL ul li .p{ margin-bottom: 12px;}

._caseL1 ul li .img{ margin-bottom: 10px;}

}

.caseD{ float:left; width:100%; margin:0 0 100px 0; color:#333333;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.1rem); }
.caseD .tit{ float:left; width:100%; text-align: center; color:#000000; font-size:calc(14px + 0.22rem); line-height:calc(22px + 0.24rem);}
.caseD .info{ float:left; width:100%; color:#fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); padding:15px 20px;background: #0c3c60; margin: calc(10px + 0.15rem) 0 calc(10px + 0.3rem) 0;}
.caseD .info .p{ float:left; display: flex;  justify-content:center; align-items: center;}
.caseD .info .p img{ max-width:none; margin-right:6px;}
.caseD .info .ml{ margin-right:56px;}
.caseD .info .share{ float:right;}
.caseD .info .share a{ margin:0 !important; color:#fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); height:calc(22px + 0.04rem) !important; padding-left:24px !important; background:url(_im_g/_share-one1.svg) left center no-repeat !important; background-size:20px auto !important;}
.caseD .info .share a:hover{ color:#fff; opacity: 1;}
.caseD .cont{ float:left; width:100%;}
.caseD .cont .img{ float:right; width:50%; line-height: 0; margin: 0 0 0 0.68rem;}
.caseD .tit1{ display:inline-block; background: #0c3c60; color:#fff; font-size:calc(14px + 0.06rem); line-height:30px; padding:9px 60px 9px 18px; position: relative; max-width: 100%;}
.caseD .tit1:after{ display:block; content: ''; position: absolute; right: 0; top: 0; height: 100%; width: 47px; background: url(_im_g/case8.jpg) right center no-repeat; background-size:auto 100%;}
.caseD .cont1{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.caseD .pic{ float: left; width: 48.46%; line-height: 0; border: 1px solid #e5e5e5;}

@media  screen and (max-width:1024px){
.caseD{font-size:calc(14px + 0.01rem); margin: 0 0 50px 0;}	
.caseD .info{font-size:calc(14px + 0.01rem); padding:8px 15px;}
.caseD .info .p img{ margin-right:4px;}
.caseD .info .ml{ margin-right:20px;}
.caseD .info .share{ display:none;}
.caseD .info .share a{font-size:calc(14px + 0.01rem); }
.caseD .tit1{ padding: 4px 50px 4px 15px;}
}
@media  screen and (max-width:767px){
.caseD .cont .img{ width: 100%; margin: 0 0 calc(10px + 0.4rem) 0;}
.caseD .pic{ width: 100%; margin-bottom: 15px;}
.caseD .pic:last-child{ margin-bottom: 0;}

}


.Service1{ padding-top: calc(10px + 0.85rem); padding-bottom: calc(10px + 0.9rem);}
.Service1 .box{ float: left; width: 100%; display: flex; align-items:center; margin-top:calc(10px + 0.25rem);}
.Service1 .img{ float: left; width: 50%;position: relative; z-index: 1; line-height: 0;}
.Service1 .img .div{ float: left; width: 100%; line-height: 0;}
.Service1 .cont{ float: left; position: relative; z-index: 6; width:calc(50% + 0.38rem); margin-left:-0.38rem; background:#0c3c60; border-radius: 0 0.2rem 0.2rem 0; overflow: hidden;}
.Service1 .cont .div{ float: left; width: 100%; line-height: 0; padding:0.79rem 0.74rem calc(40px + 1.02rem) 0.74rem;}
.Service1 .cont .tit{ float: left; width: 100%; font-weight: bold;color:#fff; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.12rem);}
.Service1 .cont .p{ float: left; width: 100%;color:#fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem);margin-top:0.17rem;}
.Service1 .slick-arrow{ border-radius: 50%; border:1px solid rgba(255,255,255,0.3); top:auto; bottom:0.66rem;webkit-transform: translate(0,0);
    -ms-transform: translate(0,0); transform: translate(0,0);}
.Service1 .slick-arrow:after{width: 11px; height: 11px; border-top: 1px solid #fff; border-right: 1px solid #fff;}
.Service1 .slick-arrow:hover{ opacity:1;background:#fff;border: 1px solid #fff;}
.Service1 .slick-arrow:hover:after{ border-top: 1px solid #0c3c60; border-right: 1px solid #0c3c60;}
.Service1 .cont .slick-prev{ left: 0.74rem;}
.Service1 .cont .slick-next{ right:auto; left: 0.74rem; margin-left: 50px;}

@media  screen and (max-width:1024px){
.Service1 .cont .div{ padding:20px 15px 65px 15px;}
.Service1 .slick-arrow{ bottom: 20px;}
.Service1 .slick-arrow:after{ width:7px; height:7px;}
.Service1 .cont .slick-prev{ left:15px;}
.Service1 .cont .slick-next{ right:auto; left:15px; margin-left:40px;}
}
@media  screen and (max-width:767px){
.Service1 .box{ flex-wrap: wrap;background: #0c3c60;}	
.Service1 .img{ width: 100%;}
.Service1 .cont{ width: 100%; margin: 0;border-radius: 0;}
.Service1 .cont .p{ font-size:calc(14px + 0.01rem);margin-top:0.2rem;}
}


.Service2{ position: relative; padding-top: calc(10px + 0.85rem); padding-bottom: calc(10px + 0.9rem);}
.Service2:after{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.88; background: #0c3c60;}
.Service2 .text{ float: left; width: 100%; text-align: center; color:#fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.12rem);margin-top:calc(10px + 0.18rem);}
.Service2 .list{ float: left; width: 100%; display: flex; flex-wrap: wrap; margin-top:calc(10px + 0.22rem);}
.Service2 .list .li{ float: left; width: 25%; background: rgba(255,255,255,0.15); padding: 0.4rem; display: flex; flex-wrap: wrap; justify-content: center; text-align: center;}
.Service2 .list .li:nth-child(2n){ background: rgba(255,255,255,0.1);}
.Service2 .list .li .ico{ float: left; border-radius:50%; background: #fff; position: relative; width:calc(66px + 0.3rem); height:calc(66px + 0.3rem); margin:0.1rem 0 calc(5px + 0.1rem);}
.Service2 .list .li .ico img{ position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width:40px; height: 40px;}
.Service2 .list .li .ico .show{ opacity: 1;}
.Service2 .list .li .ico .hide{ opacity: 0;}
.Service2 .list .li .tit{ float: left; width: 100%; font-weight: bold; color:#fff; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem);}
.Service2 .list .li .num{ float: left; width: 100%; font-weight: bold; color:#fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
.Service2 .list .li:hover .ico{ background: #0c3c60;}
.Service2 .list .li:hover .ico .show{ opacity: 0;}
.Service2 .list .li:hover .ico .hide{ opacity: 1;}

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

}
@media  screen and (max-width:767px){
.Service2 .list .li{ width: 50%; padding: 22px 12px;}
.Service2 .list .li .ico img{width:34px; height: 34px; }
.Service2 .list .li:nth-child(2n){ background: rgba(255,255,255,0.15);}
.Service2 .list .li:nth-child(4n+2){ background: rgba(255,255,255,0.1);}
.Service2 .list .li:nth-child(4n+3){ background: rgba(255,255,255,0.1);}
}



.Service3{ padding-top: calc(10px + 0.85rem); padding-bottom: calc(10px + 0.9rem);}
.Service3 .title{ float: left; width: 100%; font-weight: bold; color:#0c3c60; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.1rem); margin-bottom: 16px;}
.Service3 .box{ float: left; width: 100%; position: relative; margin-bottom: calc(27px + 0.18rem);}
.Service3 .cont{ float: left; width: 100%; }
.Service3 .cont .div{ float: left; width: 100%; position: relative; border-left:1px solid #0c3c60; padding: 0.81rem calc(160px + 2.5rem) 0.79rem 0.82rem; position: absolute; left: 0; top:0; opacity: 0; z-index: 1; min-height:calc(176px + 2.93rem);}
.Service3 .cont .div.on{ position: relative; opacity:1; z-index: 1;}
.Service3 .cont .div::after,
.Service3 .cont .div::before{ display: block; content: ''; position: absolute; left: 0; top:0; width: 100%; height:1px; background: url(_im_g/main24.png) left center no-repeat; background-size:100% 100%;}
.Service3 .cont .div::before{top:auto; bottom:0; }
.Service3 .cont .tit{ float: left; width: 100%; display:flex; align-items: center; color:#0c3c60; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.1rem);font-weight: bold;}
.Service3 .cont .num{ display: block; width: 30px; height: 30px; line-height:28px; text-align: center; font-size: 16px; font-weight: bold; border-radius: 50%; background: #0c3c60; color:#fff; margin-right: 9px; }
.Service3 .cont .p{ float: left; width: 100%; color:#000; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.1rem); margin-top: calc(10px + 0.11rem); }
.Service3 .info{ float: right; position: absolute; right: 0.39rem; top:50%; z-index:6; background: #0c3c60; transform: translateY(-50%); -ms-transform: translateY(-50%); width:calc(160px + 1rem); padding:0.24rem 6px 0.24rem 0;}
.Service3 .info .div{ float: left; display: flex; cursor: pointer;  align-items: center; width: 100%; color:#fff; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem); padding:0.13rem 0.13rem 0.13rem 0.48rem; margin:0.04rem 0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;   }
.Service3 .info .div.on{ background: #f5f5f5; color:#0c3c60; font-weight: bold;}
.Service3 .info .div .num{ display: block; width:24px; height: 24px; line-height:22px; text-align: center; font-size:12px; font-weight: bold; border-radius: 50%; background: #fff; color:#0c3c60; margin-right:10px; }
.Service3 .info .div.on .num{ background: #0c3c60; color:#fff;}


@media  screen and (max-width:1024px){
.Service3 .box{ margin-bottom: 0;}	
.Service3 .info{ width:100%; position: relative;right:0; top:0; transform: translateY(0); -ms-transform: translateY(0); padding:1px; display: flex; white-space: nowrap; overflow-x: auto; }	
.Service3 .info::-webkit-scrollbar{ display: none;}
.Service3 .info .div{ margin:1px; width: auto; padding:8px 15px;}
.Service3 .info .div .num{ margin-right: 6px;}
.Service3 .cont .div{padding:20px 15px; min-height: inherit;border: 1px solid #0c3c60;}
.Service3 .cont .div::after,
.Service3 .cont .div::before{ display: none; }
}
@media  screen and (max-width:767px){
.Service3 .title{ margin-bottom: 10px;}
}


.aboutCont{ float:left; width:100%; color: #333333; font-size:calc(14px + 0.02rem);line-height: calc(22px + 0.1rem);}
.about1{ padding-top: calc(10px + 1.05rem); padding-bottom: calc(10px + 1.1rem);}
.about1 .cont{ float:left; width:46.1%;}
.about1 .indexTit{ text-align: left;}
.about1 .indexTit1{ text-align: left;}
.about1 .text{ margin-top: 0.28rem;}
.about1 .img{ float:right; line-height: 0; width:47.7%; margin-top: calc(4px + 0.01rem);}

@media  screen and (max-width:1440px){
.aboutCont{ font-size:14px;}
.about1 .img{ width:49.7%;}	
}
@media  screen and (max-width:1024px){
.about1 .cont{ width:100%;}	
.about1 .indexTit{ text-align: center;}
.about1 .indexTit1{ text-align: center;}
.about1 .text{ margin-top: 10px;}	
.about1 .img{ width:100%; margin-top: 15px;}	
}

.about2{padding-top: calc(10px + 1.05rem); padding-bottom: calc(10px + 1.1rem); position: relative;}
.about2::after{ display: block; content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: #0c3c60; opacity: 0.8;}
.about_2{ float:left; width:100%; position:relative; margin-top:calc(10px + 0.5rem);}
.about_2::after{ float:left; width:calc(100% + 80px); height:1px; background:#d5d5d5; position:absolute; left:-40px; top:calc(205px + 0.28rem); z-index:6; content:''; z-index:1; opacity: 0.3;}
.about_2 .ul1{ float:left; width:100%; position:relative; z-index:8;}
.about_2 .slick-arrow{ opacity: 0.3;top:calc(205px + 0.28rem); border-radius: 50%; border: 1px solid #fff;}
.about_2 .slick-arrow:after{border-top: 1px solid #fff; border-right: 1px solid #fff; width:10px; height: 10px;}
.about_2 .slick-prev{ left:-80px;}
.about_2 .slick-next{ right:-80px;}
.about_2 .slick-arrow:hover{ opacity:1;  background:#fff;}
.about_2 .slick-arrow:hover:after{border-top: 1px solid #0c3c60; border-right: 1px solid #0c3c60;}
.about_2 .li{ float: left; width: 33.33%; position: relative; padding-left: 7px;}
.about_2 .li .info{ float:left; width:100%; position:relative; z-index:1; padding: 15px 0 14px 0.2rem; border-left:1px dashed rgba(255,255,255,0.3);}
.about_2 .li .info:after{ display: block; width:11px; height: 11px; background: #fff; border-radius:50%; position: absolute; left: -7px; top: 0; content: '';}
.about_2 .li .info .p1{ float:left; width:100%; color:#fff; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.04rem); font-weight:bold;}
.about_2 .li .info .p2{ float:left; width:100%; color:#fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); height:calc(66px + 0.24rem); margin-top: 10px; overflow-y: auto; padding-right:3px; }
.about_2 .li .years{ float:left; width:116px; height:116px; background:#fff; background:rgba(255,255,255,0.21); border-radius:50%; box-shadow:0 0 0.12rem rgba(171,171,171,0.38); position:relative; z-index:6;top:0; margin-top:20px; margin-left: 7px;}
.about_2 .li .years::after{ display: block; content: ''; position: absolute; width:40px; height: 40px; opacity: 0.3; position: absolute; left:-26px; top:-12px;border-top:1px dashed rgba(255,255,255,0.3); transform: rotate(45deg); -ms-transform: rotate(45deg);}
.about_2 .li .years span{ float:left; width:90px; height:90px; border:2px solid #fff; text-align:center; color:#fff; font-size:24px; font-weight:bold; font-family:Arial; line-height:86px; background:#0c3c60; border-radius:50%; box-shadow:0 0 12px rgba(171,171,171,0.38); margin:13px;}

.about_2 .ln2{ margin-top:calc(147px + 0.28rem);}
.about_2 .ln2 .years{ margin-top:0; margin-bottom: 40px;}
.about_2 .ln2 .years::after{ transform: rotate(-45deg); -ms-transform: rotate(-45deg); width:60px; height: 60px; left:6px; top:125px;}
.about_2 .ln2 .info{ padding:0 0 25px 0.2rem;}
.about_2 .ln2 .info:after{ top: auto; bottom: 0;}
.about_2 .ln2 .info .p2{ height: auto;}


@media  screen and (max-width:1600px){
.about_2::after{ width:calc(100% + 20px); left:-10px; }	
.about_2 .slick-prev{ left:-50px;}
.about_2 .slick-next{ right:-50px;}
}
@media  screen and (max-width:1024px){	
.about_2:after{ top:45px; width:calc(100% - 40px); left:20px;}
.about_2 .slick-arrow{ top:45px;}	
.about_2 .slick-arrow:after{ width:7px; height: 7px;}
.about_2 .slick-prev{ left:-10px;}
.about_2 .slick-next{ right:-10px;}
.about_2 .ul1{ padding: 0 25px;}
.about_2 .li{ display: flex;flex-wrap:wrap-reverse;}
.about_2 .li .info{ padding:5px 0 20px 12px;}
.about_2 .li .info:after{ top: auto; bottom: 0;}
.about_2 .li .info .p2{ height: auto; padding: 0; font-size: 12px; line-height: 20px;}
.about_2 .li .years{ margin-top: 0; margin-bottom: 15px; width:90px; height:90px;}
.about_2 .li .years::after{  width:40px; height: 40px; left:2px; top:82px;transform: rotate(-45deg); -ms-transform: rotate(-45deg)}
.about_2 .li .years span{ width:70px; height: 70px; margin:10px;border:1px solid #fff; line-height: 74px; font-size:18px;}
.about_2 .ln2{ margin-top:0;flex-wrap:wrap;}
.about_2 .ln2 .years{ margin-top:0; margin-bottom:15px;}
.about_2 .ln2 .years::after{ transform: rotate(-45deg); -ms-transform: rotate(-45deg); width:40px; height: 40px; left:2px; top:82px;}
.about_2 .ln2 .info{ padding:5px 0 20px 12px;}
}




.about3{padding-top: calc(10px + 1.05rem); padding-bottom: calc(10px + 1.1rem);}
.about3 .list{ float: left; width: 100%; margin-top: calc(10px + 0.26rem);}
.about3 .list ul{ float: left; display: flex; flex-wrap: wrap; width:calc(100% + 0.2rem); margin:-0.1rem;}
.about3 .list li{ float: left; width:calc(33.33% - 0.2rem); margin:0.1rem; border: 1px solid #e5e5e5; padding:0.48rem 0.4rem 0.44rem 0.4rem; 
 background-image: -webkit-linear-gradient(top, #fff 0%, #f3faff 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f3faff 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f3faff 100%);
  background-image: linear-gradient(top, #fff 0%, #f3faff 100%);}
.about3 .list ul li .top{ float: left;  width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.24rem; }
.about3 .list ul li .tit{ display: flex; align-items: flex-end; height:calc(32px + 0.2rem); position: relative;}
.about3 .list ul li .num{ display:block; position: relative; z-index:6; min-width:inherit; height:calc(39px + 0.13rem); position: absolute; left: 0; bottom: 0; z-index: 1;}
.about3 .list ul li .p{ width:100%; position: relative; z-index: 6; padding-left:calc(30px + 0.14rem);font-weight: bold; color: #0c3c60;font-size:calc(14px + 0.06rem); line-height:calc(18px + 0.06rem) ;}
.about3 .list ul li .ico{ width:calc(30px + 0.24rem); line-height: 0;}
.about3 .list ul li .ico img{ width: 100%;}


@media  screen and (max-width:1024px){
.about3 .list ul{ width: calc(100% + 10px); margin:-5px;}	
.about3 .list ul li{ width: calc(50% - 10px); margin:5px; padding:20px 15px;}
.about3 .list ul li .top{ margin-bottom: 10px;}
}
@media  screen and (max-width:767px){
.about3 .list ul li{ width:100%;}
}

.about4{padding-top: calc(10px + 1.05rem); padding-bottom: calc(10px + 1.07rem);}
.about4 .list{  float:left; width:100%;margin-top:calc(10px + 0.18rem); }
.about4 .list ul{  float:left; width:calc(100% + 0.2rem); margin:0 -0.1rem; cursor: pointer;}
.about4 .list ul li{  float:left; width:calc(25% - 0.2rem); margin:0.1rem; line-height:0; overflow:hidden; background:#fff;}
.about4 .list ul li i{ float: left; width: 100%; line-height: 0; overflow: hidden; padding:5px; border:1px solid #e5e5e5; border-bottom: 0 !important;}
.about4 .list ul li span{ float: left; width: 100%; background:#cadcea; color: #0c3c60;font-size:calc(14px + 0.04rem);line-height: calc(22px + 0.08rem); text-align: center; padding:0.15rem;}
.about4 .list ul li:hover span{ background: #0c3c60; color: #fff;}
@media  screen and (max-width:767px){
.about4 .list ul li span{ font-size:14px; line-height: 20px; height:50px; padding:6px 8px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
}

.about5{ padding-bottom: calc(10px + 1.1rem); margin-top: -2px;}
.about5 .box{ float:left; width:100%;margin-top:calc(10px + 0.7rem); display: flex; align-items: center; justify-content: space-between;}
.about5 .hd{ float:left; width:44.6%; display: flex; justify-content:center; position: relative;}
.about5 .hd .img{ width:1.84rem; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.about5 .hd ul{ float: left; width:4.94rem; height: 4.94rem; position: relative; z-index: 6;}
.about5 .hd li{ float: left; position: absolute; width:1.54rem; height:1.53rem; background:url(_im_g/about11.png); background-size: 100% 100% !important; text-align: center; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; font-weight: bold; color: #fff;font-size:calc(14px + 0.03rem);line-height:1.1; cursor: pointer; padding:0.4rem;}
.about5 .hd li .ico{ display: flex; position: relative; width:0.4rem; height:0.4rem; line-height: 0;}
.about5 .hd li .ico img{ width: 100%; position: absolute; left: 0; top: 0;}
.about5 .hd li .ico .show{ opacity: 1;}
.about5 .hd li .ico .hide{ opacity: 0;}
.about5 .hd li .tit{ display:inline; width: 100%; margin-top: 0.08rem;}
.about5 .hd li.on{ background:url(_im_g/about12.png); color: #0c3c60;}
.about5 .hd li.on .ico .show{ opacity: 0;}
.about5 .hd li.on .ico .hide{ opacity: 1;}
.about5 .hd li:nth-child(1){ left:34.6%; top: 0;}
.about5 .hd li:nth-child(2){ left:58.3%; top:10.9%;}
.about5 .hd li:nth-child(3){ left:69.0%; top:34.8%;}
.about5 .hd li:nth-child(4){ left:58.6%; top:58.8%;}
.about5 .hd li:nth-child(5){ left:34.6%; bottom: 0; }
.about5 .hd li:nth-child(6){ left:10.5%; top:58.8%;}
.about5 .hd li:nth-child(7){ left:0; top:34.8%;}
.about5 .hd li:nth-child(8){ left:10.7%; top:10.9%;}
.about5 .right{ float:right; width:50.7%; position: relative;}
.about5 .bd{ float:left; width:100%;}
.about5 .bd .tit{ float:left; width:100%; color: #0c3c60; font-weight: bold;font-size:calc(14px + 0.1rem);line-height: calc(22px + 0.12rem);}
.about5 .bd .p{ margin: 0.16rem 0  calc(42px + 0.5rem) 0;}
.about5 .slick-arrow{ top:auto; bottom: 0;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0); border: 1px solid #e5e5e5; border-radius: 50%;}
.about5 .slick-arrow:after{border-top: 1px solid #0c3c60; border-right: 1px solid #0c3c60; width:10px; height: 10px;}
.about5 .slick-arrow:hover{ background: #0c3c60;border: 1px solid #0c3c60;}
.about5 .slick-arrow:hover:after{border-top: 1px solid #fff; border-right: 1px solid #fff;;}
.about5 .prev::after{transform: translate(-50%,-50%) rotate(225deg); -ms-transform: translate(-50%,-50%) rotate(225deg); margin-left: 2px;}
.about5 .next{ margin-left: 50px;}

@media  screen and (max-width:1440px){
.about5 .hd li{ padding:0.3rem;font-size:14px;}
}
@media  screen and (max-width:1024px){
.about5 .hd .img{width:2.5rem;}	
.about5 .hd ul{ width:6.94rem; height: 6.94rem;}	
.about5 .hd li{width: 2.14rem;  height: 2.13rem;}
.about5 .hd li .ico{width:0.6rem;  height:0.6rem;}
.about5 .slick-arrow:after{ width:7px; height: 7px;}
.about5 .next{ margin-left:40px;}
}
@media  screen and (max-width:767px){
.about5 .box{ flex-wrap: wrap;}	
.about5 .hd{ width: 100%;}
.about5 .hd .img{width:5.6rem;}
.about5 .hd ul{ width:13.88rem; height:13.88rem;}	
.about5 .hd li{width:4.14rem;  height:4.13rem; padding:0.5rem 0.6rem 0.7rem 0.6rem;font-size:12px;}
.about5 .hd li .ico{width:1.3rem;  height:1.3rem;}
.about5 .right{ width: 100%; margin-top: 15px;}	
}


.solutTit{ float: left; width: 100%; text-align: center; color: #000000; font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.06rem); margin-top:calc(10px + 0.1rem);}
.solut1{ padding-top: calc(10px + 0.85rem); padding-bottom: calc(10px + 0.9rem);}
.solut1 .box{ float: left; width: 100%; margin-top:calc(10px + 0.17rem); display: flex; flex-wrap: wrap;}
.solut1 .img{ float: left; width: 47.7%; line-height: 0; position: relative;}
.solut1 .img .pic{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.solut1 .img .name{ z-index: 3; display: block; position: absolute; left:-0.2rem; bottom: 0.2rem; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); color: #0c3c60; font-weight: bold; padding:0.14rem 0.66rem 0.14rem 0.34rem; background: url(_im_g/solut20.png) left center no-repeat; background-size: 100% 100%;}
.solut1 .cont{ float: left; width: 52.3%; padding:0.6rem; background: #0c3c60;}
.solut1 .cont .tit{ float:left; width:100%; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem); color: #fff; font-weight: bold; padding:14px 1.3rem 18px 25px; border:1px solid #fff; position: relative;}
.solut1 .cont .tit::after{ display: block; content: ''; position: absolute; left:2px ; top:2px; width:calc(100% + 2px); height:calc(100% + 2px);border:1px solid #fff; opacity: 0.4; z-index: 1;}
.solut1 .cont .tit::before{ display: block; content: ''; position: absolute; left:-2px ; top:49.5%; width:6px; height:47px; background: url(_im_g/solut21.jpg) center no-repeat; transform:translateY(-50%); -ms-transform:translateY(-50%); z-index: 2;}
.solut1 .cont .p{ float:left; width:100%; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.12rem); color: #fff; margin:0.26rem 0 0.34rem 0;}

@media  screen and (max-width:1440px){
.solut1 .cont .tit{ padding:14px 0.6rem 18px 25px;}
}
@media  screen and (max-width:1024px){
.solut1 .cont{ padding:20px 15px;}	
.solut1 .cont .tit{ padding:10px 15px;}
}
@media  screen and (max-width:767px){
.solutTit{ font-size:calc(14px + 0.01rem); line-height: calc(22px + 0.04rem); margin-top:calc(5px + 0.1rem);}
.solut1 .img{ width: 100%;}
.solut1 .img .pic{ position: static;}
.solut1 .img .name{ left:0; bottom: 0; padding: 6px 10px;}
.solut1 .cont{ width: 100%;}
}

.solut2{ background: #f5f5f5; padding-top: calc(10px + 0.85rem); padding-bottom: calc(10px + 0.9rem);}
.solut2 .list{ float: left; width: 100%; background: #fff; margin-top:calc(10px + 0.17rem);color: #000000; font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.04rem);}
.solut2 .list table{ width: 100%;}
.solut2 .list td{ text-align: center; border: 1px solid #e5e5e5; padding: 0.11rem;}
.solut2 .box{ float: left; width: 100%; margin-top:calc(10px + 0.17rem);}
.solut2 .list1{ float: left; width: 100%; margin-top:calc(10px + 0.37rem);}
.solut2 .list1 ul{ margin:-0.1rem; display: flex; flex-wrap: wrap;}
.solut2 .list1 li{ float: left; width: 33.33%; padding: 0.1rem;}
.solut2 .list1 li .la{ float: left; width: 100%; background: #fff; position: relative; height: 100%; box-shadow:0 0.04rem 0.2rem rgba(0,0,0,0.08); padding:10px;}
.solut2 .list1 li .img{ float: left; width: 100%; line-height: 0; position: relative; overflow: hidden; padding-bottom: 63%;}
.solut2 .list1 li .img img{ position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;-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;   }
.solut2 .list1 li .la:hover .img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.solut2 .list1 li .tit{ float:left; width:100%; background: #0c3c60; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem); color: #fff; padding:5px 0.18rem; text-align: center;}
.solut2 .list1 li .cont{ float:left; width:100%; font-weight: bold; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.12rem); color: #0c3c60; text-align: center; padding:19px 0.18rem 17px 0.18rem;}
.solut2 .list1 li .p{ float:left; width:100%; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.12rem); color: #000000; padding: 21px 0.18rem 13px 0.18rem;}

@media  screen and (max-width:1024px){
.solut2 .list1 ul{ margin: -7px;}	
.solut2 .list1 li{ padding: 7px;}
.solut2 .list1 li .tit{padding:4px 10px; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);}
.solut2 .list1 li .cont{ padding:10px 10px;}
.solut2 .list1 li .p{ padding:10px 10px; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem);}
}
@media  screen and (max-width:700px){
.solut2 .list{ overflow-x: auto;}	
.solut2 .list::-webkit-scrollbar{ display: none;}
.solut2 .list table{ width: 700px;}
.solut2 .list td{ padding:6px 12px;}
.solut2 .list1 li{ width: 100%;}
}





.solut3{ padding-top: calc(10px + 0.85rem); padding-bottom: calc(10px + 0.9rem);}
.solut3 .box{ float: left; width: 100%; line-height: 0; margin-top:calc(10px + 0.32rem);}
.solut3 .list1{ float: left; width: 100%; margin-top:calc(10px + 0.37rem);}
.solut3 .list1 ul{ margin:-0.15rem -0.14rem; display: flex; flex-wrap: wrap;}
.solut3 .list1 li{ float: left; width: 50%; padding: 0.15rem 0.14rem;}
.solut3 .list1 li .la{ float: left; width: 100%; background: #fff; position: relative; height: 100%; box-shadow:0 0.04rem 0.2rem rgba(0,0,0,0.08); padding:0.51rem 0.45rem 0.46rem 0.5rem;-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;  }
.solut3 .list1 li .la:hover{ box-shadow:0.04rem 0.04rem 0.2rem rgba(0,0,0,0.2);}
.solut3 .list1 li .img{ float: left; line-height: 0; position: relative; top:0; margin-top: -0.25rem;}
.solut3 .list1 li .img img{ height:calc(22px + 0.4rem);object-fit: contain;}
.solut3 .list1 li .tit{ float:left; font-weight: bold;  font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.12rem); color: #0c3c60; padding:0 0 0.28rem 0; position: relative;}
.solut3 .list1 li .tit::after{ display: block; content: ''; position: absolute; left: 0; bottom:-2px; width: 100%; height: 3px; z-index:6; background: #0c3c60;}
.solut3 .list1 li .cont{ float:left; width:100%; display: flex; justify-content: space-between; border-bottom: 1px solid #cccccc;}
.solut3 .list1 li .p{ float:left; width:100%; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.12rem); min-height:calc(66px + 0.36rem); color: #000000; margin-top: 22px;}

@media  screen and (max-width:767px){
.solut3 .list1 ul{ margin: -7px;}
.solut3 .list1 li{ width: 100%; padding: 7px;}
.solut3 .list1 li .la{ padding: 20px 15px;}
.solut3 .list1 li .tit{ padding: 0 0 15px 0;}
.solut3 .list1 li .img{ margin-top: -10px;}
.solut3 .list1 li .img img{ height:calc(32px + 0.3rem);}
.solut3 .list1 li .p{ margin-top:15px; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); min-height:inherit;}

}


.solut4{ background: #f5f5f5; padding-top: calc(10px + 0.9rem); padding-bottom: calc(10px + 0.9rem);}
.solut4 .list1{ float: left; width: 100%;}
.solut4 .list1 ul{ float: left; width:calc(100% + 0.2rem); margin:-0.1rem;}
.solut4 .list1 .slick-track{ display: flex; flex-wrap: wrap;}
.solut4 .list1 li{ float: left; width:33.33%; padding: 0.1rem;}
.solut4 .list1 li .la{ float: left; width: 100%; background: #fff; position: relative; height: 100%; border:1px solid #e5e5e5;border-top:0; }
.solut4 .list1 li .img{ float: left; width: 100%; line-height: 0; margin-top: 3px;}
.solut4 .list1 li .tit{float:left; width:100%; background: #0c3c60; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.12rem); color: #fff; padding:0.19rem 0.19rem; text-align: center;}
.solut4 .list1 li .cont{ float:left; width:100%; padding:0.27rem 0.27rem 0.3rem 0.27rem;}
.solut4 .list1 li .p{ float:left; width:100%; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.1rem); color: #000000; margin-top:6px; margin-bottom: 0.22rem;}
.solut4 .list1 li .info{ float:left; width:100%; color: #0c3c60; font-weight: bold; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem); background: url(_im_g/ico7.png) left center repeat-x; background-size:auto calc(14px + 0.06rem);}
.solut4 .list1 li .info span{ float:left; background: #fff; padding-right:14px;}
.solut4 .slick-arrow{ border-radius: 50%; border:1px solid rgba(12,60,96,0.3);}
.solut4 .slick-arrow:after{width:10px; height:10px;}
.solut4 .slick-arrow:hover{ background: #0c3c60;border:1px solid #0c3c60; opacity:1;}
.solut4 .slick-arrow:hover:after{border-top: 1px solid #fff; border-right: 1px solid #fff;}
.solut4 .slick-prev{ left: -55px;}
.solut4 .slick-next{ right: -55px;}

@media  screen and (max-width:1440px){
.solut4 .list1 li .p{font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem);}
.solut4 .slick-prev{ left: -45px;}
.solut4 .slick-next{ right: -45px;}
}
@media  screen and (max-width:1024px){
.solut4 .list1{ margin-bottom:8px;}	
.solut4 .list1 ul{ width:calc(100% + 14px); margin: -7px;}
.solut4 .list1 li{ width: 100%; padding: 7px;}
.solut4 .list1 li .tit{ padding:8px 15px;}
.solut4 .list1 li .cont{ padding:15px 15px;}
.solut4 .slick-arrow:after{width:7px; height:7px;}

}


.heXinCont{ float:left; width:100%; text-align: center; color: #333333; font-size:calc(14px + 0.04rem);line-height: calc(22px + 0.1rem); margin-top: calc(10px + 0.2rem);}
.heXin1{ padding-top: calc(10px + 0.85rem); padding-bottom: calc(10px + 0.85rem);}
.heXin1 .list{ float: left; width: 100%; margin-top:calc(10px + 0.24rem);}
.heXin1 .list ul{ float: left; width:calc(100% + 0.2rem); margin:-0.1rem; }
.heXin1 .list .slick-track{ display: flex; flex-wrap: wrap;}
.heXin1 .list li{ float: left; width: 25%; padding:0.1rem;}
.heXin1 .list .la{ float: left; width: 100%; overflow: hidden; position: relative; height: 100%; border: 1px solid #0c3c60; border-radius: 0 0 0.38rem 0; padding:0.5rem 0.48rem; background: url(_im_g/heXin1.jpg) center no-repeat; background-size: 100% 100%;}
.heXin1 .list .num{ float: left; position: absolute; left:-48px; top:-48px; width:96px; height:96px; line-height:38px; text-align: center; font-style: italic; color: #fff; font-weight: bold; font-size: 16px; background: #0c3c60; border-radius: 50%; padding:48px 10px 0 48px; }
.heXin1 .slick-arrow{ border-radius: 50%; border:1px solid #0c3c60;}
.heXin1 .slick-arrow:after{width:10px; height:10px;}
.heXin1 .slick-arrow:hover{ background: #0c3c60;border:1px solid #0c3c60; opacity:1;}
.heXin1 .slick-arrow:hover:after{border-top: 1px solid #fff; border-right: 1px solid #fff;}
.heXin1 .slick-prev{ left: -55px;}
.heXin1 .slick-next{ right: -55px;}

@media  screen and (max-width:1440px){
.heXin1 .list .num{ left:-35px; top:-35px; width:70px; height:70px; line-height:26px; font-size: 14px; padding:35px 10px 0 35px; }	
.heXin1 .slick-prev{ left: -45px;}
.heXin1 .slick-next{ right: -45px;}
}
@media  screen and (max-width:1024px){
.heXinCont{ font-size:14px; }
.heXinCont br{ display: none; }
.heXin1 .slick-arrow:after{width:7px; height:7px;}
.heXin1 .list{ margin-bottom: 6px;}
.heXin1 .list ul{  width:calc(100% + 12px); margin:-6px; }
.heXin1 .list li{ padding: 6px;}
.heXin1 .list .la{ padding:30px 12px;}
}


.heXin3{ padding-top: calc(10px + 0.85rem); padding-bottom: calc(10px + 0.95rem);}
.heXin3 .box{ float: left; width: 100%; margin-top:calc(10px + 0.7rem); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.heXin3 .box .left{ float: left; width: 45%;}
.heXin3 .box .text{ margin-top:calc(10px + 0.18rem);}
.heXin3 .box .img{ float: left; width: 49.2%; line-height: 0;}
.heXin3 .box .img .div{ float:left; width:33.33%; position: relative; z-index: 1;}
.heXin3 .box .img .div img{ border: 2px solid #fff; position: relative; z-index: 6;}
.heXin3 .box .img .div:nth-child(3n+1){ width:calc(33.33% + 0.15rem); margin:0.47rem -0.15rem 0 0; padding:0.1rem 0 0 0.1rem;}
.heXin3 .box .img .div:nth-child(3n+1)::after{ display: block; content:''; position: absolute; left: 0; top:0; z-index: 1; background: #ced8df; width: calc(100% - 0.1rem); height: calc(100% - 0.1rem);}
.heXin3 .box .img .div:nth-child(3n+2){ width:calc(33.33% + 0.15rem); margin:1.4rem 0 0 -0.28rem; z-index:2;}
.heXin3 .box .img .div:nth-child(3n+2) img{ border:6px solid #fff;}
.heXin3 .box .img .div:nth-child(3n+3){ width:calc(33.33% + 0.4rem); margin:0 0 0 -0.4rem; padding:0.13rem 0.13rem 0 0; z-index:3;}
.heXin3 .box .img .div:nth-child(3n+3)::after{ display: block; content:''; position: absolute; right: 0; top:0; z-index: 1; background: #ced8df; width: calc(100% - 0.13rem); height: calc(100% - 0.13rem);}


@media  screen and (max-width:1024px){
.heXin3 .box .left{ width: 100%;}
.heXin3 .box .img{ width: 100%; margin-top: 20px;}
}


.heXin5{ padding-top: calc(10px + 0.85rem); padding-bottom: calc(10px + 0.9rem);}
.heXin5 .box{ float: left; width: 100%; margin-top: calc(10px + 0.26rem); display: flex; align-items: center; justify-content: space-between;}
.heXin5 .left{ float: left; width:100%;border:1px solid #0c3c60; position: relative; z-index:1; padding: 0.47rem 2.16rem 0.47rem 0.54rem; min-height: 3.45rem; margin-right: -2px; display: flex; flex-wrap: wrap;}
.heXin5 .left .p{ float: left; width:calc(50% - 0.2rem);background:#f1f4f6; margin:0.06rem 0.1rem; color:#333333 ; font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.04rem); padding:0.11rem 0.13rem;}
.heXin5 .right{ float: left; min-width:4.08rem; width:4.08rem; height: 4.7rem; position: relative; z-index:3; margin-left:-1.72rem;}
.heXin5 .right .tit{ color: #fff; font-weight: bold; position: absolute; left:0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); font-size:calc(14px + 0.1rem); line-height:2; text-align: center; width:84%;}
.heXin5 .right .ico{ float: left; text-align:center; width:44%; line-height: 0; position: absolute;  display:flex; justify-content: center; align-items: center;  transform: translateY(-50%); -ms-transform: translateY(-50%);}
.heXin5 .right .ico img{ width:0.48rem;}
.heXin5 .right .ico:nth-child(1){ top:18%; right:21.5%;}
.heXin5 .right .ico:nth-child(2){ top:38%; right:0;}
.heXin5 .right .ico:nth-child(3){ bottom:25%; right:0;}
.heXin5 .right .ico:nth-child(4){ bottom:9%; right:21.5%;}

@media  screen and (max-width:1024px){
.heXin5 .box{flex-wrap: wrap; justify-content:center; flex-direction: column-reverse;}	
.heXin5 .left{ padding:12px 12px;}
.heXin5 .right{ margin:0 0 20px 0;}
}
@media  screen and (max-width:767px){
.heXin5 .box{flex-wrap: wrap; justify-content:center; flex-direction: column-reverse;}	
.heXin5 .left .p{ width: 100%; margin:4px 0; padding:8px 8px; font-size:14px;}
.heXin5 .right{min-width:9rem; width:9rem; height:10.37rem;}
.heXin5 .right .ico img{ width:30px;}
.heXin5 .right .tit{ font-size:16px; letter-spacing: 1px;}
}

.heXin2{ position: relative; margin-top: calc(10px + 0.22rem);}
.heXin2::after,
.heXin2::before{ display:block; content: ''; position: absolute; left: 0; top:0;width: 100%; height: 100%;}
.heXin2::after{ background: #000000; opacity:0.06; z-index: 2; }
.heXin2::before{ background: #0b548b; opacity:0.58; z-index: 1; }
.heXin2 .list{ float: left; width: 100%;}
.heXin2 .list ul{ float: left; width: 100%; border-right: 1px solid rgba(255,255,255,0.3);}
.heXin2 .list li{ float: left; width: 16%; height: 6.85rem; position: relative; display: flex; align-items: center; border-left: 1px solid rgba(255,255,255,0.3);}
.heXin2 .list li:after{ display: block; content: ''; position: absolute; left: 0; top:50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); width: 100%; height:40%; background: rgba(12,60,96,0.88); opacity: 0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.heXin2 .list li .info{ float: left; width:100%; text-align: center; color: #fff; font-size:calc(14px + 0.1rem); line-height: calc(22px + 0.12rem); margin-top:0.36rem ;}
.heXin2 .list li .tit{ float: left; width:100%; text-align: center; font-weight: bold; color: #fff; font-size:calc(14px + 0.16rem); line-height: calc(22px + 0.18rem);}
.heXin2 .list li .p{ color: #fff; margin-top: 0.25rem;}
.heXin2 .list li .ico{ display: block; position: relative; width: 10px; height:10px; background: #fff; border-radius: 50%; margin:13px auto;}
.heXin2 .list li .ico::after,
.heXin2 .list li .ico::before{ display: block; content: ''; position: absolute; border-radius: 50%; border:1px solid #fff; left: 50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.heXin2 .list li .ico::after{ width: 22px; height: 22px; opacity: 0.7;}
.heXin2 .list li .ico::before{ width:36px; height: 36px;opacity: 0.3;}
.heXin2 .list li .show{ width: 100%; padding:0.2rem; position: absolute; left:0; top:51%; text-align: center; transform: translateY(-50%); -ms-transform: translateY(-50%); z-index:6;}
.heXin2 .list li .hide{ position: relative; z-index: 6; width: 100%; padding:0.64rem; opacity: 0;}
.heXin2 .list li.on{ width: 36%;}
.heXin2 .list li.on:after{ height: 100%; opacity:1;}
.heXin2 .list li.on .show{ opacity: 0;}
.heXin2 .list li.on .hide{ opacity: 1;}

@media  screen and (max-width:767px){
.heXin2 .list ul{border-right:0;padding: 15px 0;}	
.heXin2 .list li{ width:100%; height: auto; border-left:0; border-bottom: 1px solid rgba(255,255,255,0.3);}	
.heXin2 .list li:last-child{border-bottom:0;}
.heXin2 .list li:after{ opacity: 1; height: 100%;}
.heXin2 .list li .show{ opacity:0;}
.heXin2 .list li .hide{ opacity:1; padding: 25px 15px;}
.heXin2 .list li .p{ margin-top: 10px;}
.heXin2 .list li.on{ width:100%;}
}



.heXin4{ overflow: hidden; position: relative;}
.heXin4::after,
.heXin4::before{ display:block; content: ''; position: absolute; left: 0; top:0;width: 100%; height: 100%;}
.heXin4::after{ background: #000000; opacity:0.14; z-index: 2; }
.heXin4::before{ background: #0b548b; opacity:0.5; z-index: 1; }
.heXin4 .box{ float: left; width: 100%; display: flex; align-items:center; justify-content:space-between;}
.heXin4 .left{ float: left; width: 4.48rem;}
.heXin4 .left .title{ float: left; width: 100%; position: relative; padding:calc(10px + 0.95rem) 0; }
.heXin4 .left .title:after{ display: block; content: ''; position: absolute; right: 0; top: 0; width:3000px; height: 100%;background:rgba(12,60,96,0.88);}
.heXin4 .left .indexTit2{ position: relative; z-index:6; text-align: left; color: #fff;}
.heXin4 .left .cont{ float: left; width: 100%;}
.heXin4 .left .tit{ float: left; width: 100%; position: relative; color: #fff; font-size:calc(14px + 0.1rem); line-height: calc(22px + 0.12rem); padding:0.42rem 0; cursor: pointer;}
.heXin4 .left .tit:after{ display: block; content: ''; position: absolute; right: 0; top: 0; width:3000px; height: 100%;background:rgba(12,60,96,0.88); border-top: 1px solid rgba(255,255,255,0.15);opacity:1;-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;  
}
.heXin4 .left .tit::before{ display: block; content: ''; position: absolute; right:0.3rem; top:50%; margin-top: -15px; width:30px; height:30px;background:url(_im_g/_arrow-right2.svg) center no-repeat; background-size:100% 100% !important; opacity:0.3; z-index: 3;}
.heXin4 .left .tit.on:after{ background:none;}
.heXin4 .left .tit.on:before{ opacity: 1;}
.heXin4 .left .p{ float: left; width: 100%; position: relative; z-index:6;}
.heXin4 .right{ float: right; width:calc(79% - 4.48rem); margin:1% 13% 0 0;}
.heXin4 .right .div{float: left; width: 100%; display: none; }
.heXin4 .right .div.on{ display: block;}
.heXin4 .right .ico{float: left; width: 100%; line-height: 0;}
.heXin4 .right .ico img{ height:calc(40px + 0.2rem);}
.heXin4 .right .tit{ color: #fff; text-align: left; margin-top: 0.19rem;  }
.heXin4 .right .p{ color: #fff; margin-top: 0.27rem; }

@media  screen and (max-width:1024px){
.heXin4 .right{ width:calc(95% - 4.48rem); margin:0;}
}
@media  screen and (max-width:767px){
.heXin4 .box{ flex-wrap: wrap;}	
.heXin4 .left{ width: 100%;}	
.heXin4 .left .tit{ width: 50%; padding:12px 0;font-size: calc(14px + 0.04rem);}
.heXin4 .left .tit:nth-child(2n){ overflow: hidden; padding-left: 15px;}
.heXin4 .left .tit:after{ border-bottom: 1px solid rgba(255,255,255,0.15);}
.heXin4 .left .tit::before{ width:20px; height: 20px; margin-top: -12px; right:8px;}
.heXin4 .right{ width:100%; padding: 30px 0 40px 0;}
}



/*20230828start*/
.pordL .down{ display: block; overflow: hidden; height: 0; margin:0;}
.pordL .down.on{ height: auto;}
.pordL .box{ width: 100%; float: left; margin: calc(13px + 0.37rem) 0 0.37rem 0;}
@media screen and (max-width: 767px) {
.pordL .down{margin:0;}
.pordL .box{margin:calc(7px + 0.4rem) 0 0.4rem 0;}

}