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

html {
  scrollbar-width: thin;
  scrollbar-color: #1f4a9d rgba(255, 255, 255, .75);
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #1f4a9d;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #1f4a9d;border-radius:8px;
}	

.w_width{max-width:1400px; margin-right: auto; margin-left: auto;}
.ctext{padding-left: 0.7rem;padding-right: 0.7rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 14px;padding-right: 14px;}
}

/*PC head*/

.wyb_s{position:fixed; left: 0; top:0; z-index: 20; width: 100%;}
.t_navs{ position: relative; z-index:20; width: 100%; background:  rgba(255,255,255,0.6);
}
.t_navs::after{content: "";display: block;clear: both;}
.t_navs .top{ width: 100%; float: left;}
.t_navs .top .logo{ line-height: 0; float: left; display: flex; align-items: center; height:0.9rem; }
.t_navs .top .logo img{ width: auto; height:0.6rem;}
.t_navs .top .right{ float: right; display: flex;}
.t_navs .top .menu{float: left;}
.t_navs .top .menu .nli{ position: relative; float: left; margin:0 0.32rem 0 0;}
.t_navs .top .menu .nli span a{ display: block;color: #000; position: relative; padding:0; line-height:0.9rem; font-size:18px; text-transform:uppercase;}
.t_navs .top .menu .nli.on span a,
.t_navs .top .menu .nli:hover span a{ color: #1f4a9d;}
.t_navs .top .sub{ position: absolute;top:100%; left: 50%; background: #fff; z-index:10; display:none;
transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-o-transform: translate(-50%,0); box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.t_navs .top .center{white-space: nowrap; flex-direction: column;}
.t_navs .top .sub .l2{ width:100%; position: relative; float:left; padding:6px 0; border-top:1px solid #dae0e4;}
.t_navs .top .sub .l2 span a{ display: block; color: #333 !important;text-align:left;font-size: 15px;line-height:24px !important; padding:5px 0.2rem;}
.t_navs .top .sub .l2 span a:hover{ color:#1f4a9d !important;}
.t_navs .top .sub .u3{ min-width:100%; position: absolute; left:100%; top:-1px; background:#fff; z-index:10; display:none; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
.t_navs .top .sub .l2:hover .u3{ display: block;}
.t_navs .top .sub .l3{ width:100%; float:left; padding:6px 0; border-top:1px solid #dae0e4;}
.t_navs .top .sub .l3 a{ display: block; color: #333 !important;text-align: left;font-size:15px;line-height:24px !important; padding:5px 0.2rem;}
.t_navs .top .sub .l3 a:hover{ color:#1f4a9d !important;}
.t_navs .lang{ position: relative; margin:0 0 0 0.15rem; color: #000000; font-size: 14px; line-height:0.9rem; font-weight: bold; cursor: pointer;}
.t_navs .lang img{ min-width:24px; width:24px; height:24px; margin-right:10px;}
.t_navs .lang span{ position: relative; display: flex; align-items: center; padding-right: 16px;}
.t_navs .lang span::after{ display:block; content:''; position: absolute; right:0; top:50%; border-left: 4px solid transparent; border-right:4px solid transparent;border-top:4px solid #868686; margin-left:-6px; }
.t_navs .lang ul{ height:0; overflow: hidden; position: absolute; right:0; top:100%; z-index:10; background: #fff; width:100px; box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.t_navs .lang ul::after{ display:block; content:''; position: absolute; left:50%; bottom:100%; border-left: 4px solid transparent; border-right:4px solid transparent;border-bottom: 4px solid #868686; margin-left:-4px; }
.t_navs .lang:hover ul{ height:auto; overflow:visible; padding:8px 0;}
.t_navs .lang ul li a{ display: flex; width:100%; align-items: center; color: #000000; font-size: 14px; line-height:36px; padding:1px 10px;}
.t_navs .lang ul li a:hover{color:#1f4a9d;}
.t_navs .phssbox{ position: relative; width:0.42rem; height:0.9rem; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.t_navs .phssbox .ico{ display:flex; width:18px; height: 18px; background-size:100% auto !important; background: url(img/search.png) center no-repeat;}
.t_navs .input_b{width: 100%;position:absolute;left: 0;top:100%;background:#fff; z-index:10; display:none; border-top:1px solid #dae0e4;}
.wyb_s .inputbox{width:80%; margin:50px 10%; position: relative; display: flex;}
.wyb_s .inputbox .text{ display: block; width: 100%;height:56px; line-height:36px; font-size: 16px;color:#000; background: none;border-bottom: 1px solid #dae0e4; padding:10px 50px 10px 10px; }
.wyb_s .inputbox .text:focus{border-bottom: 1px solid #1d2089;}
.wyb_s .inputbox .ico{width:42px; height: 56px; display: block; position: absolute; right: 0; top:0; background:url(img/search.png) center no-repeat; background-size:18px 18px;}
.wyb_s .inputbox ::-webkit-input-placeholder{color:#000;}
.wyb_s .inputbox ::-moz-placeholder{color:#000;}
.wyb_s .inputbox ::-moz-placeholder{color:#000;}
.wyb_s .inputbox :-ms-input-placeholder{color:#000;}


.t_navs.atc{ background: #fff;}
.t_navs.atc .top .logo{ height:0.7rem;}
.t_navs.atc .top .menu .nli span a{ line-height: 0.7rem;}
.t_navs.atc .lang{ line-height: 0.7rem;}
.t_navs.atc .phssbox{ height:0.7rem;}



.menuph{ display:none; float: right; width: 40px; height: 40px; cursor: pointer; text-align: center; margin: 6px -7px 6px 0;}
.menuph .menu-toggle {width: 40px;height: 40px;position: absolute;overflow: hidden;z-index: 111;}
.menuph .cd-nav-trigger {display: block;width: 40px;height: 40px;}
.menuph .menu-toggle span.hamburger {content:"";display:block;width:18px;height:2px;background:#1f4a9d;position:absolute;top:50%;margin-top:-1px;left: 8px;margin-left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menuph .menu-toggle span.hamburger:after,
.menuph .menu-toggle span.hamburger:before{content:"";display:block;width:24px;height:2px;background:#1f4a9d;position:absolute;top:50%;margin-top:-1px;left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menuph .menu-toggle span.hamburger:after {margin-top:-8px;top:0;transition-delay:0.27s;}
.menuph .menu-toggle span.hamburger:before {margin-top:8px;top:0;transition-delay:0.2s;}
.menuph .menu-toggle span.hamburger span{width: 2px;height: 2px;display: block;background: #1f4a9d;position: absolute;right: 20px;top:50%;margin-top:-1px;}
.menuph .menu-toggle span.hamburger .span1{margin-top: -9px;}
.menuph .menu-toggle span.hamburger .span3{margin-top: 7px;}
.menuph .menu-toggle span.cross:before,
.menuph .menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#1f4a9d;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menuph .menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menuph .menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.menuph .cross::before,
.menuph .cross::after {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.menuph.active .menu-toggle span.hamburger,
.menuph.active .menu-toggle span.hamburger:after,
.menuph.active .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.menuph.active .menu-toggle span.hamburger:after {transition-delay:0s;}
.menuph.active .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.menuph.active .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #1f4a9d;}
.menuph.active .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #1f4a9d;}
.xialaph{ position: fixed; left:-120%; top:52px;width: 100%; height: calc(100vh - 52px);overflow: scroll; padding:10px 14px 60px 14px;z-index:3; background: #fff; border-top:1px solid #dae0e4; display:none;}
.xialaph.act{ left: 0;}
.xialaph .a1box,
.xialaph .a2box{position: relative;}
.xialaph .icobox{width:22px;height:22px;position: absolute;right: 0;top: 50%;transform: translate(0,-50%) rotate(-90deg); -ms-transform: translate(0,-50%) rotate(-90deg); background: url(img/_left.svg) center no-repeat; background-size:22px 22px;}
.xialaph .on .icobox{transform: translate(0,-50%) rotate(90deg); -ms-transform: translate(0,-50%) rotate(90deg);}
.xialaph .u1{ display: block; width: 100%;margin-bottom: 20px;}
.xialaph .l1{width: 100%;}
.xialaph .a1{width: 100%;font-size: 18px;color: #000;line-height:24px;position: relative;padding:14px 27px 14px 5px;display: block;border-bottom: 1px solid #dae0e4; text-transform: uppercase;}
.xialaph .on .a1{color: #1f4a9d;}
.xialaph .u2{width: 100%;padding:0 5px;border-bottom: 1px solid #dae0e4;display: none;}
.xialaph .l2{width: 100%;}
.xialaph .a2{width: 100%;font-size: 16px;color: #333;line-height:22px;position: relative;padding:14px 27px 14px 5px;display: block;border-bottom: 1px solid #dae0e4;}
.xialaph .on .a2{color: #1f4a9d;}
.xialaph .l2:last-child .a2{border-bottom:0;}
.xialaph .u3{display: none;border-top: 1px solid #dae0e4; border-bottom: 1px solid #dae0e4;padding:10px 5px; margin-top: -1px;}
.xialaph .l2:last-child .u3{border-bottom: 0;}
.xialaph .l3{width: 100%;}
.xialaph .a3{font-size:15px;color: #333;line-height:21px;padding:4px 0;display: block;}
.xialaph .a3:hover{color: #1f4a9d;}
.xialaph .l3:last-child .a3{border-bottom: 0;}
.xialaph .yyqh_box a{display:flex; align-items: center; font-size:14px;color: #000;line-height:30px;margin:0 8px; font-weight: bold; text-transform: uppercase;}
.xialaph .yyqh_box a img{ width: 20px; height: 20px; margin-right:6px;}
.xialaph .yyqh_box a.on,
.xialaph .yyqh_box a:hover{color: #1f4a9d;}

@media screen and (max-width:1600px) {
.t_navs .top .menu .nli{ margin:0 0.25rem 0 0;}
}
@media screen and (max-width:1440px) {
.t_navs .top .menu .nli{ margin:0 0.22rem 0 0;}
.t_navs .top .menu .nli span a{ font-size:16px;}
.t_navs .lang{ margin: 0 0 0 0.1rem;}
}
@media screen and (max-width:1200px) {
.t_navs .top .menu .nli{ margin:0 0.15rem 0 0;}
.t_navs .top .menu .nli span a{ font-size:14px;}
}
@media screen and (max-width:1024px) {
/*WAP head*/
.t_navs .menu{ display: none;}
.t_navs .top .logo{ height:52px;}
.t_navs .top .logo img{ height:40px;}
.t_navs .top .phssbox{ display:none;}
.t_navs .lang{ line-height: 52px; display:none;}
.wyb_s .inputbox{ margin:20px 0; width:100%;}
.menuph{ display: block;}
.xialaph{ display: block;}
.t_navs.atc .top .logo{ height:52px;}

}



.pf_down{ display: none;  width: 100%;float: left;left: 0;height:54px;background: #fff;z-index: 16; box-shadow: 0 3px 10px rgba(0,0,0,0.15);position: fixed;z-index: 15;bottom: constant(safe-area-inset-bottom);bottom: env(safe-area-inset-bottom);}
.pf_down li{width:33.33%;float: left;text-align: center;padding:7px 0;border-right: 1px solid rgba(0,0,0,0.1);height:100%;}
.pf_down li a{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: center;}
.pf_down li .d_name{width: 100%;float: left;margin-top:2px;font-size:14px;color: #000;line-height: 14px; text-transform:uppercase;}
.pf_down li .ico{ width: 100%; line-height: 0;}
.pf_down li .ico img{ width:24px; height:24px;}
.pf_down li:last-child{border: none;}

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

}


.footer2{ background: #f3f9fe; padding-top: 38px; padding-bottom:26px;}
.footer2 .copyright a{ color: #888;}
.footer2 .copyright a:hover{ color: #1f4a9d;}
.footer2 .Terms a{ color: #888; margin:0 6px;}
.footer2 .Terms a:first-child{ margin-left:0 !important;}
.footer2 .Terms a:last-child{ margin-right:0!important;}
.footer2 .Terms a:hover{ color: #1f4a9d;}
.footer2 .top{margin-bottom:28px; align-items: center;}
.footer2 .addr{ margin-top:4px;}
.footer2 .left{ display: flex; flex-wrap: wrap; flex-direction: column;}
.footer2 .line{ margin:0 24px;}
.footer2 .share{ display: flex;}
.footer2 .share .ico{ line-height: 0; margin:0 5px;}
.footer2 .share .ico:first-child{ margin-left:0 !important;}
.footer2 .share .ico:last-child{ margin-right:0!important;}
.footer2 .share .ico img{ display: block; width:28px; height:28px;}
.footer2 .share .ico .img1{ display: block;}
.footer2 .share .ico .img2{ display: none;}
.footer2 .share .ico:hover .img1{ display: none;}
.footer2 .share .ico:hover .img2{ display: block;}
.footer1{ position: relative; z-index: 6; background: #f3f9fe; border-bottom:1px solid #dae0e4; margin-top:29px;}
.footer1 .nav{ margin:42px 0 35px 0;}
.footer1 .nav .col3:hover{ color: #1f4a9d;}
.footer1 .logo{ line-height: 0;}
.footer1 .logo a{ display: flex; position: relative; top:0; margin-top:-29px;}
.footer1 .logo img{ height: 0.9rem;}

@media screen and (max-width:1024px) {
.footer2{ margin-bottom: 54px; padding-top:20px; padding-bottom:20px;}
.footer2 .top{ margin-bottom:6px;}
.footer2 .line{ margin:0 12px;}
.footer2 .addr{ margin-top: 2px;}
.footer1 .nav{ margin:16px 0;}
}
@media screen and (max-width:767px) {
.footer2 .top{ justify-content: center;}	
.footer2 .left{ width:100%; text-align: center;}
.footer2 .line{ margin:0 2px;}
.footer2 .share{ margin-top:6px;}
.footer2 .copyright{ width:100%; text-align: center;}
.footer2 .Terms{ width:100%; text-align: center;}
.footer1{ margin-top: 19px;}
.footer1 .nav{ overflow: hidden;}
.footer1 .nav .ul{ width:calc(100% + 12px); margin:0 -6px; justify-content: center;}
.footer1 .nav .col3{ font-size: 14px; margin:0 6px;}
.footer1 .nav .col3:last-child{ margin-right:0!important;}
.footer1 .logo a{ margin-top:-19px;}
.footer1 .logo img{ height:60px;}
.footer2 .share .ico img{ width:26px; height:26px;}
}




.swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; height: 100%;}
.swiper-slide{ flex-shrink: 0; position: relative; transition-property: transform;}

.index-banner{ display:block; width: 100%; overflow: hidden; position: relative;}
.index-banner .slick-dots{ display:flex; flex-wrap: wrap; justify-content: center; width: 100%; position: absolute; left: 0; bottom:24px; z-index: 10;}
.index-banner .slick-dots li{ cursor: pointer; display: flex; justify-content: center; align-items: center; width:24px; height:24px; margin:0 1px; border-radius:50%;}
.index-banner .slick-dots li button{ display: flex; border-radius:50%; width:8px; height:8px; opacity:0.3; background: #000;}
.index-banner .slick-dots li.slick-active{ border: 1px solid #1f4a9d;}
.index-banner .slick-dots li.slick-active button{ opacity: 1; background: #1f4a9d;}
.index-banner .div { display: block; width:100%; line-height: 0; position: relative;}
.index-banner .div .box{ display: block; width:100%; position: relative; height:100vh ;/* padding-bottom:36.9%; */}
.index-banner .div .img{ position: absolute; left:50%; top:50%; width: 100%; height:100%; z-index:2; object-fit: cover; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.index-banner .div .img1{ display: block;}
.index-banner .div .img2{ display: none;}
.index-banner .video{ position: absolute; left:50%; top:50%; width: 100%; height:100%; z-index:6;object-fit: cover; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}


@media screen and (max-width:1024px) {
.index-banner .div .box{ height:calc(100vh - 54px); /* padding-bottom:59.1%; */}
.index-banner .div .img1{ display: none;}
.index-banner .div .img2{ display: block;}
.index-banner .slick-dots li{ width:16px; height:16px; margin:0 2px;}
}


.h-Prod{ width:calc(100% + 0.4rem); margin:0 -0.2rem; overflow: hidden; margin-top:15px;}
.h-Prod .li{ width:33.33%; padding:0.2rem 0.2rem; margin:20px 0;}
.h-Prod .li .a{ display: flex; flex-wrap: wrap; position: relative; background: #fff; border-radius:10px; box-shadow:0 0.08rem 0.29rem 0 rgba(166,176,171,0.15);}
.h-Prod .li ._img{ position: relative; z-index: 1; display: block; padding-bottom:110.9%; border-radius:10px; overflow: hidden;}
.h-Prod .li ._img:after{ width:100%; height:100%; display: block; content:''; position: absolute; left: 0; top:0; z-index:2; background: url(img/main0.png) center no-repeat; background-size:100% 100%;}
.h-Prod .li .tit{ position: absolute; left:0; bottom:34px; z-index:5; text-align: center; padding:0 0.64rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.h-Prod .li .ico{ position: absolute; left:50%; bottom:0; z-index:6; width: 48px; height:48px; transform: translate(-50%,50%) scale(0.5); -ms-transform: translate(-50%,50%) scale(0.5); background: #1f4a9d; border-radius:50%; box-shadow:0 0.05rem 0.16rem rgba(31,74,157,1); opacity:0; }
.h-Prod .li .ico::after,
.h-Prod .li .ico::before{ position: absolute; left:50%; bottom:50%; z-index:6; transform: translate(-50%,50%); -ms-transform: translate(-50%,50%); background: #fff; width:18px; height:1px; content: '';}
.h-Prod .li .ico::before{ width:1px; height:18px;}
.h-Prod .li .a:hover{ transform:translate(0,-20px); -ms-transform:translate(0,-20px); }
.h-Prod .li .a:hover ._img img{ transform: scale(1.06); -ms-transform: scale(1.06); }
.h-Prod .li .a:hover .tit{ color: #1f4a9d; font-weight: bold;}
.h-Prod .li .a:hover .ico{ transform: translate(-50%,50%) scale(1); -ms-transform: translate(-50%,50%) scale(1); opacity:1;}
.h-Prod .swiper-scrollbar{position:relative; z-index: 10; width:100%; height:34px; opacity:1 !important; overflow: hidden;}
.h-Prod .swiper-scrollbar::after{ content:''; display: block; position: absolute; left:0; top:50%; width:100%; height:1px; background:#1f4a9d;z-index:1; background: rgba(0,0,0,.1); }
.h-Prod .swiper-scrollbar-drag{  position:relative;background:#1f4a9d !important; width: 100%; height:2px; margin:16px 0 16px -1px;z-index:5;}
.h-Prod .swiper-scrollbar-drag .ino{ content:''; display: block; position: absolute; right:100%; top:0; width:2000px; height:100%; background:#1f4a9d;z-index:5;}
.h-Prod .swiper-scrollbar-drag::after{ content:''; display: block; position: absolute; right:0; top:50%; width:20px; height:20px; margin-top: -9px; border-radius:50%;background: #ebf3ee; border:1px solid #1f4a9d; z-index:3;}
.h-Prod .swiper-scrollbar-drag::before{ content:''; display: block; position: absolute; right:6px; top:50%; margin-top:-3px; border-radius:50%; width:8px; height:8px; background:#1f4a9d;z-index:5;}

.h-Prod .btn{ flex-wrap: nowrap; margin-top:28px; padding:0 0.2rem; align-items: center; color: #000000; font-size:16px; line-height: 34px; white-space: nowrap; cursor: pointer;}
.h-Prod .swiper-prev{ position: relative; padding:0 30px 0 20px;}
.h-Prod .swiper-next{ position: relative; padding:0 20px 0 30px;}	
.h-Prod .swiper-prev::after,
.h-Prod .swiper-next::after{ display: block; content: ''; position: absolute; top:0; width:20px; height:100%; background: url(img/_left.svg) left center no-repeat; background-size:22px auto !important;}
.h-Prod .swiper-prev::after{left:-8px;}
.h-Prod .swiper-next::after{right:-8px; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.h-Prod .swiper-prev:hover,
.h-Prod .swiper-next:hover{ color: #1f4a9d;}
.h-Prod .swiper-prev:hover::after,
.h-Prod .swiper-next:hover::after{ background: url(img/_left.1.svg) left center no-repeat;}


@media screen and (max-width:1600px) {
.h-Prod .li .tit{ padding:0 0.54rem;}
}
@media screen and (max-width:1440px) {
.h-Prod .li .tit{ padding:0 0.34rem;}
}
@media screen and (max-width:1024px) {
.h-Prod{ margin-top:12px;}	
.h-Prod .li{ margin:0;}	
.h-Prod .li .a{ border-radius:5px;}
.h-Prod .li ._img{ border-radius:5px;}
.h-Prod .li .tit{ font-size: 16px; line-height:24px; padding:0 6px; bottom:24px;}
.h-Prod .li .ico{ width:28px; height:28px; transform: translate(-50%,50%) scale(1); -ms-transform: translate(-50%,50%) scale(1); opacity:1;}
.h-Prod .li .ico::after,
.h-Prod .li .ico::before{ width:12px; height:1px;}
.h-Prod .li .ico::before{ width:1px; height:12px;}
.h-Prod .btn{ margin-top:20px;}
.h-Prod .swiper-prev{ position: relative; padding:0 16px 0 16px;}
.h-Prod .swiper-next{ position: relative; padding:0 16px 0 16px;}
}
@media screen and (max-width:767px) {
.h-Prod .li{ width:50%;}
}


.h-Appl .title{ margin-top:40px;}
.h-Appl .title .ul{ display: flex; flex-wrap: wrap; width:100%;}
.h-Appl .title .li{ display: flex; flex-wrap: wrap; width:16.66%; padding:0.15rem 0;}
.h-Appl .title .li .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; overflow: hidden; border-radius:10px; padding:34px 0.04rem 28px 0.04rem;}
.h-Appl .title .li .ico{ line-height:0;}
.h-Appl .title .li .ico img{ height:52px;}
.h-Appl .title .li .tit{ margin-top:18px;}
.h-Appl .title .li.on .a{ box-shadow:0 0.05rem 0.29rem 0 rgba(31,74,157,0.11);}
.h-Appl .title .li.on .tit{color:#1f4a9d;}

.h-Appl .list{ margin-top:3px; position: relative;}
.h-Appl .list .ul{ display: flex; flex-wrap: wrap; width:calc(100% + 0.4rem); margin:0 -0.2rem; position: absolute; left:0; top:0; opacity:0; z-index:3;}
.h-Appl .list .ul.on{ position: relative; opacity: 1; z-index:6;}
.h-Appl .list .slick-list{ padding:0 0.1rem;}
.h-Appl .list .li{ display: flex; flex-wrap: wrap; width:33.33%; padding:0.3rem 0.1rem;}
.h-Appl .list .li .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; overflow: hidden; border-radius:10px;}
.h-Appl .list .li.slick-active .a{ box-shadow:0 0.05rem 0.29rem 0 rgba(31,74,157,0.11);}
.h-Appl .list .li .a:after{ display: block; content: ''; position: absolute; left:0; top:0; opacity:0; width:100%; height:100%; background: #000; z-index:3;}
.h-Appl .list .li ._img{ padding-bottom:70.2%;}
.h-Appl .list .li .tit{ display: block; position: absolute; left:0; top:60%; z-index:6; text-align: center; transform: translate(0,-50%); -ms-transform: translate(0,-50%); opacity:0; }
.h-Appl .list .li .a:hover:after{ opacity:0.36;}
.h-Appl .list .li .a:hover .tit{ opacity:1; top:50%;}
.h-Appl .list .li .a:hover ._img img{transform: scale(1.1); -ms-transform: scale(1.1);}
.h-Appl .slick-arrow{ display: block; position: absolute; top:50%; width:30px; height:30px; background: url(img/_left.1.svg) left center no-repeat; background-size:22px auto !important;}
.h-Appl .slick-arrow:hover{ opacity:0.5;}
.h-Appl .slick-prev{ left:0.33rem;}
.h-Appl .slick-next{ right:0.33rem;-webkit-transform: translate(0, -50%) rotate(180deg); -ms-transform: translate(0, -50%) rotate(180deg);  transform: translate(0, -50%) rotate(180deg);}

@media screen and (max-width:1024px) {
.h-Appl .title{ width:calc(100% + 0.3rem); margin:12px -0.15rem 0 -0.15rem; overflow: hidden;}
.h-Appl .title .ul{ margin:0 0 -16px 0; padding-bottom: 16px; flex-wrap: nowrap; white-space: nowrap; overflow-x: auto;}
.h-Appl .title .li{ width:auto; padding:0.2rem 0.15rem; margin-right:5px;}	
.h-Appl .title .li .a{ padding:20px 15px 15px 15px;}
.h-Appl .title .li .ico img{ height:44px;}
.h-Appl .title .li .tit{ margin-top:6px;}

.h-Appl .list{ margin-top:15px;}
.h-Appl .list .li{ width:50%; margin:0;}	
.h-Appl .list .li .a{ border-radius:5px;}

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

.h-Appl .list .ul{ width:calc(100% + 0.4rem); margin:0 -0.2rem;}	
.h-Appl .list .li{ width:100%; padding:0.2rem 0.2rem;}
.h-Appl .list .li .a:after{ opacity:0.36;}
.h-Appl .list .li .tit{ opacity:1; top:50%;}

}



.in-banner{ position: relative; line-height: 0; overflow: hidden; background: #000;}
.in-banner .img{ width:100%; opacity:0.9;}
.in-banner .img1{ display: block;}
.in-banner .img2{ display: none;}
.in-banner .title{ position: absolute; left:0; top:50%; z-index:6; width: 100%; -ms-transform: translate(0, -50%);  transform: translate(0, -50%); margin-top:0.45rem; }
.in-banner .title .en{ text-transform: uppercase;}
.in-banner .title .en1{ margin-top: 0.1rem;}
.in-banner .title .line{ position: relative; padding:0 0.22rem;}
.in-banner .title .line::after,
.in-banner .title .line::before{ display: block; content: ''; position: absolute; top:50%; background: #fff; width:2.16rem; height: 1px; opacity: 0.5;}
.in-banner .title .line::after{ left:100%;}
.in-banner .title .line::before{ right:100%;}
.in-banner .box{ position: relative; width:100%; position: absolute; left: 0; top:0; z-index:1; opacity:0;}
.in-banner .box.on{ position: relative; z-index: 6; opacity: 1;}
.in-banner .box .title{ top:46%;}
.in-banner .pic{ width:100%;}
.in-banner .div{ width:100%;}
.in-banner .slick-dots{ position: absolute; left: 0; bottom:0.34rem; width: 100%; justify-content: center; display: flex;}
.in-banner .slick-dots li{ cursor: pointer; display: flex; justify-content: center; align-items: center; width:12px; height:12px; margin:0 8px; border-radius:50%; background: #fff; opacity: 0.5;}
.in-banner .slick-dots li.slick-active{ opacity:1;}


@media screen and (max-width:1024px) {
.in-banner .title{ margin-top: 26px;}	
.in-banner .title .en{ line-height: 30px; text-transform: uppercase;}
.in-banner .title .en1{ line-height: 26px; margin-top:0;}
}
@media screen and (max-width:767px) {
.in-banner .img1{ display: none;}
.in-banner .img2{ display: block;}
}



.Contact .li:nth-child(2n){flex-direction:row-reverse;}
.Contact .li ._img{ padding-bottom:32.14%;}
.Contact .li:hover ._img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.Contact .li .cont{ display: flex; flex-wrap: wrap; align-content: center; padding:0.3rem 0.6rem;}
.Contact .li .cont .line{ display: inline-flex; width:56px; height:3px; background: #1d95d4; margin-top:0.09rem;}
.Contact .li .cont .p{ min-height:1.4rem; line-height:36px; margin-top:0.3rem;}
.Contact .li .cont .info{ width:100%; font-weight: bold;}
.Contact .li .cont .addr{ width:100%;}
.Contact .li .cont .map{ position:relative; align-items: center; display: inline-flex; width: auto; color:#1d95d4; margin-top:0.25rem;}
.Contact .li .cont .map::after{ display: block; content: ''; position: absolute; left:33px; bottom:-1px; width:calc(100% - 33px); height:1px; background: #1d95d4;}
.Contact .li .cont .map img{ min-width:26px; width:26px; height:26px; margin:0 12px 0 -4px;}
.Contact .li .cont .map:hover{ color: #1f4a9d;}
.Contact .li .cont .map:hover::after{ background: #1f4a9d;}


@media screen and (max-width:1600px) {
.Contact .li .cont{ padding:0.3rem 0.5rem;}
}
@media screen and (max-width:1440px) {
.Contact .li .cont{ padding:0.3rem 0.4rem;}
.Contact .li .cont .p{ line-height:30px;}
}
@media screen and (max-width:1024px) {
.Contact .li .cont{ padding:15px 15px;}
}
@media screen and (max-width:767px) {
.Contact .li ._img{ width:100%; padding-bottom:64.28%;}
.Contact .li .cont{ width:100%; padding:15px 0 20px 0;}
.Contact .li .cont .line{ margin-top:6px;}
.Contact .li .cont .p{ min-height:inherit; margin-top:12px;}
.Contact .li .cont .map{ margin-top:10px;}
.Contact .li .cont .map::after{ left:28px; width:calc(100% - 28px);}
.Contact .li .cont .map img{ margin:0 5px 0 -4px;}
}


.Online{ margin-top:7px;}
@media screen and (max-width:1024px) {
.Online{ margin-top:2px;}
}


._form{ margin-top:43px;}
._form .lab{ display: flex; width:49.5%; margin-top:19px; background:#fff;}
._form .lab1{ display: flex; margin-top:25px; flex-wrap: nowrap;}
._form .w100{ width:100%;}
._form .name{float: left; line-height:56px; margin-left:0.22rem; white-space: nowrap;}
._form .name font{ color: #ff0000;}
._form .text{float: left;width: 100%;background:none;border:0; border-radius:0; height:56px; padding:14px 0.22rem;}
._form .textarea{height:150px;}
._form .button{float: left; min-width:280px; width:280px;background:#1f4a9d; line-height:56px; height:56px; border-radius:0; border: 0;text-align: center; padding-right:56px; position: relative;}
._form .button i{ position: absolute; right:0; top:0; background:#abc63a; width:56px;height:56px; display: flex; align-items: center; justify-content: center; border-left:1px solid #abc63a;}
._form .button i img{ width:34px;height:34px;}
._form .button:hover{ background: #abc63a;}
._form .button:hover i{ border-left:1px solid #fff;}
._form .yzm{ display: flex; position: relative; width:4.28rem; min-width:4.28rem; margin-right:0.21rem; background:#fff;}
._form .yanzhengma{ position: absolute; right: 0; top:0; height:100%; object-fit: cover;}
._form .shua{ display: flex; align-items: center; line-height: 56px;}
._form .shua img{ width:20px;height:20px; margin-right:7px;}
._form .shua:hover{color: #1f4a9d;}


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


@media screen and (max-width:1024px) {
._form{ margin-top:10px; margin-bottom:10px;}
._form .lab{ margin-top:12px;}
._form .lab1{ margin-top:12px;}
._form .name{ line-height:46px; margin-left:12px;}
._form .text{ height:46px; padding:9px 12px;}
._form .shua{ line-height: 46px;}
._form .yzm{ width:49.5%;}
._form .button{ min-width:210px; width:210px; line-height:46px; height:46px; padding-right: 44px;}
._form .button i{ width:46px; height:46px;}
._form .button i img{ width:26px;height:26px;}
}
@media screen and (max-width:767px) {
._form .lab{ width:100%;}
._form .lab1{ flex-wrap: wrap; justify-content: center;}
._form .yzm{ width:100%; margin: 0;}
._form .info{ margin:5px 0; display: flex; flex-wrap: wrap; justify-content: center;}
}

.mbs{ padding:17px 0; color: #686868;}
.mbs a{ color: #686868; margin:0 6px;}
.mbs .ico img{ min-width:16px; width:16px; height:16px;}
.mbs a:first-child{ margin-left:0 !important;}
.mbs a:last-child{ margin-right:0 !important;}
.mbs a:hover{ color: #1f4a9d;}



.news-det{ width:67.42%;}
.news-det .info{ display: flex; color: #686868; padding:15px 0 55px 0;}
.news-det .info .ico{ display: flex; align-items: center; margin-right:50px;}
.news-det .info .ico:last-child{ margin-right:0 !important;}
.news-det .info .ico img{ margin-right:4px;}
.news-det .cont{ padding-top:48px; border-top:1px solid #eeeeee;}
.news-det .fxbox{ padding:31px 0 61px 0;}
.news-det .fxbox a{ display: block; width:36px; height: 36px; margin: 0 8px !important; padding: 0 !important;}
.news-det .pagebox{ align-items: center; flex-wrap: nowrap;}
.news-det .pagebox .a{ display:block; width:100%; padding:8px 0; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; }
.news-det .pagebox .a .t{ display: inline-flex; position: relative; color:#1f4a9d; font-weight: bold; margin-right: 21px; padding-right:22px;}
.news-det .pagebox .a:hover{color:#1f4a9d;}
.news-det .pagebox .a .t::after{ display:block; content: ''; position: absolute; right:0; top:50%; width: 1px; height:14px; background: #e7e7e7; margin-top:-7px;}
.news-det .pagebox .fh a{ display: flex; justify-content: center; padding:14px 14px; min-width:216px; background: #1f4a9d; margin-left: 20px;}
.news-det .pagebox .fh a:hover{ background: #328ec3;}
.news-rel{ border-top:1px solid #eeeeee; width:25.71%; padding-top:48px;}
.news-rel .title{ position: relative; color:#1d95d4; padding-bottom:24px; }
.news-rel .title::after{ display:block; content: ''; position: absolute; left:0; bottom: 0; background: #1f4a9d; width: 57px; height: 6px;}
.news-rel .list .li{ padding:25px 0 30px 0;}
.news-rel .list .time{ display: flex; align-items: center; color: #686868;}
.news-rel .list .time img{ width:18px; height:18px; margin-right:4px;}
.news-rel .list .tit{ color: #4e4a4a; line-height:24px; margin-top:7px;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;}
.news-rel .list .a:hover .tit{ color: #1f4a9d;}
#bsWXBox{ box-sizing: content-box;}


@media screen and (max-width:1024px) {
.news-det{ width:100%;}
.news-det .info { padding:10px 0 20px 0;}
.news-det .info .ico{ margin-right:20px;}
.news-det .cont{ padding-top:20px;}
.news-det .fxbox{ padding:20px 0 20px 0;}
.news-det .pagebox .a{ padding:4px 0;}
.news-det .pagebox .a .t{ padding-right:11px; margin-right:10px;}
.news-det .pagebox .fh a{ padding:8px 14px; min-width:150px;}
.news-rel{ width:100%; margin-top:30px; padding-top:20px;}
.news-rel .title{ padding-bottom:15px;}
.news-rel .title::after{ width:46px; height:4px;}
.news-rel .list .li{ padding:20px 0 5px 0;}
}
@media screen and (max-width:767px) {
.news-det .pagebox{ justify-content: center; flex-wrap: wrap; padding:4px 0;}
.news-det .pagebox .fh a{margin:20px 0 0 0;}

}


.news-list .li{ margin-top:59px;}
.news-list .li .a{ flex-wrap: nowrap; flex-direction:row-reverse; align-items: center; padding:0.48rem 0.48rem;}
.news-list .li ._img{ width:3.98rem; min-width:3.98rem; height: 2.99rem; margin-left: 0.5rem;}
.news-list .li .cont{ width:100%;}
.news-list .li .time{ color: #5a646d;}
.news-list .li .tit{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; margin-top:5px;}
.news-list .li .p{ color: #686868;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height:56px; margin-top: 0.16rem;}
.news-list .li .more{ display: flex; align-items: center; color: #5a646d; margin-top: 0.43rem; margin-bottom:7px;}
.news-list .li .more i{ display: flex; width: 32px; height: 32px; margin-left:12px; border-radius:50%; background: url(img/_left.2.svg) 36% 54% no-repeat #1f4a9d; background-size: 22px auto !important; transform:rotate(180deg); -ms-transform:rotate(180deg); }
.news-list .li .a:hover{ background: #f3f9fe;}
.news-list .li .a:hover ._img img{ transform: scale(1.1); -ms-transform: scale(1.1);}

@media screen and (max-width:1440px) {
.news-list .li .more{ margin-top:0.3rem;}
}
@media screen and (max-width:1024px) {
.news-list .li{ margin-top:14px;}	
.news-list .li .a{ padding:14px 14px;}	
.news-list .li ._img{ width:220px; min-width:220px; height:165px; margin-left:14px;}
.news-list .li .tit{ margin-top:2px;}
.news-list .li .p{ height:52px; margin-top:5px;}
.news-list .li .more{ margin-top:10px; margin-bottom:2px;}
.news-list .li .more i{ width:24px; height: 24px; margin-left:8px; background-size:18px auto !important; }
}
@media screen and (max-width:767px) {
.news-list .li .a{ flex-wrap: wrap;}	
.news-list .li ._img{ width:100%; min-width:100%; height:auto; margin-left:0;}
.news-list .li ._img img{ position: relative;}
.news-list .li .cont{ padding:15px 0 5px 0;}
}


/* 分页 */
.wack1 .pz_fy{ float:left; width:100%; display: flex; flex-wrap: wrap; justify-content:center;}
.wack1 .pz_fy .a{ float:left; text-align: center; min-width:36px; height:36px; line-height:34px; border:1px solid #e7e7e7; color:#000000; font-size:16px; margin:0 5px;background:#fff;}
.wack1 .pz_fy .input{ width:72px;}
.wack1 .pz_fy .prev,
.wack1 .pz_fy .next{ background:url(img/double-left.svg) center no-repeat; background-size:16px auto !important;}
.wack1 .pz_fy .next{ transform: rotate(180deg); -ms-transform: rotate(180deg);}
.wack1 .pz_fy .prev:hover,
.wack1 .pz_fy .next:hover{ background:url(img/double-left1.svg) center no-repeat #1f4a9d;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy .a.on{color:#fff; border:1px solid #1f4a9d; background:#1f4a9d;}
.wack1 .fy_pc{ float:left; width:100%; display:none; flex-wrap: wrap; justify-content:center; font-size:14px; line-height: 24px; color:#555555;}
.wack1 .fy_pc a{ float:left; padding:3px 20px 5px 20px; color:#fff; background:#004d9c; border-radius:30px;}
.wack1 .fy_pc span{ float:left; padding:0 20px;}

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


.news-tab{ position: relative; overflow: hidden; background: #1f4a9d;}
.news-tab .li ._img{ display: flex; width:37.64%; height:100%; position: absolute; left: 0; top:0;}
.news-tab .li ._img .rec{ position: absolute; left: 0; top:0; z-index:2; background: #1f4a9d; padding: 8px 22px;}
.news-tab .li .cont{ text-align: center; width:62.36%; margin-left:37.64%; padding:0.6rem 0.48rem 1.64rem 0.48rem;}
.news-tab .li .tit{ margin-top: 0.05rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.news-tab .li .line{ display: block; margin: 0 auto; width:54px; height:2px; margin-top: 0.14rem; background: #fff;}
.news-tab .li .p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height:56px; margin-top: 0.37rem; opacity: 0.45;}
.news-tab .li .a:hover ._img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.news-tab .swiper-next,
.news-tab .swiper-prev{ position: absolute; bottom:0.57rem; display: flex; width: 32px; height: 32px; margin-left:12px; border-radius:50%; background: url(img/_left.1.svg) 36% 54% no-repeat #fff; background-size: 20px auto !important; z-index:6; cursor: pointer;}
.news-tab .swiper-prev{ left:0.48rem; margin-left:37.64%;}
.news-tab .swiper-next{ right:0.48rem;transform: rotate(180deg); -ms-transform: rotate(180deg);}
.news-tab .swiper-prev:hover,
.news-tab .swiper-next:hover{ opacity:0.6;}
.news-tab .swiper-pagination{ position: absolute;right:0; z-index:4; width:62.36%; bottom:0.57rem; color: #fff; font-size: 16px; line-height: 32px; text-align: center;}

@media screen and (max-width:1024px) {
.news-tab .li ._img .rec{ padding:5px 15px;}	
.news-tab .li .cont{ padding:20px 15px 65px 15px;}
.news-tab .li .tit{ margin-top:2px;}
.news-tab .li .line{ width:44px; margin-top:8px;}
.news-tab .li .p{ margin-top:10px;}
.news-tab .swiper-next,
.news-tab .swiper-prev{ width:24px; height: 24px; margin-left:8px; background-size:18px auto !important;bottom:20px;}
.news-tab .swiper-prev{ left:15px;}
.news-tab .swiper-next{ right:15px;}
.news-tab .swiper-pagination{ line-height:24px;bottom:20px; }
}
@media  screen and (max-width:767px){	
.news-tab .li ._img{ width:100%; position: relative;}
.news-tab .li ._img img{ position: relative;}
.news-tab .li .cont{ width:100%; margin:0;}
.news-tab .swiper-prev{ margin-left:0;}
.news-tab .swiper-pagination{ width:100%;}
}



.Iogistic .box{ color: #4e4a4a;}
.Iogistic .box .left{ width:32.9%;}
.Iogistic .box .info{ margin-top:28px;}
.Iogistic .box .cont{ width:63.2%; margin-top: 3px;}
.Iogistic .map{ line-height: 0; margin-top: 86px;}
.Iogistic .map img{ width:100%;}


@media screen and (max-width:1024px) {
.Iogistic .box .left{ width:100%;}
.Iogistic .box .cont{ width:100%; margin-top:10px;}
.Iogistic .box .info{ margin-top:10px;}
.Iogistic .map{ margin-top:25px;}
}
@media  screen and (max-width:767px){	

}

.Innovation{ margin-top:30px;}
.Innovation .ul{ display: flex; width:calc(100% + 10px) ; margin:0 -5px;}
.Innovation .li{ width:calc(33.33% - 2.2rem); padding:10px 5px 0 5px;}
.Innovation .li .a{ position: relative; height:100%; background: #abc63a; overflow: hidden; cursor: pointer;}
.Innovation .li .ico{ line-height: 0;}
.Innovation .li .ico img{ width: 54px; height: 54px;}
.Innovation .li .ino{ display: flex; width:40px; height: 40px; border-radius:50%; background: url(img/_left.1.svg) 36% 54% no-repeat #fff; background-size: 22px auto !important; transform:rotate(180deg); -ms-transform:rotate(180deg); margin-top: 25px; }
.Innovation .li .tit{ margin-top:18px;}
.Innovation .li .p{ margin-top:14px; text-align: justify;}
.Innovation .li .info{ position: absolute; left:0; top:0; width:100%; height:100%; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; text-align: center; opacity:1; z-index:4; padding:0.4rem 0.4rem; background: #abc63a;}
.Innovation .li .cont{ opacity:0; z-index:3; position: relative; width:6.6rem; height:100%; padding:0.57rem 0.57rem; background: #1f4a9d;}
.Innovation .li.on{ width:6.6rem;}
.Innovation .li.on .a{ background: #1f4a9d;}
.Innovation .li.on .info{ opacity:0; z-index:2;}
.Innovation .li.on .cont{ opacity:1; }


@media screen and (max-width:1024px) {
.Innovation{ margin-top:5px;}	
.Innovation .ul{ flex-wrap: wrap;}
.Innovation .li{ width:100%;}
.Innovation .li .ico img{ width:44px; height: 44px;}
.Innovation .li .ino{ width:30px; height: 30px; background-size:20px auto !important; margin-top:10px;}
.Innovation .li .tit{ margin-top:8px;}
.Innovation .li .p{ margin-top:6px;}
.Innovation .li .info{ position: relative; padding:20px 15px;}
.Innovation .li .cont{ position: absolute; width:100%; padding:20px 15px;}
.Innovation .li.on{ width:100%;}
.Innovation .li.on .info{ position: absolute;}
.Innovation .li.on .cont{ position: relative;}
}
@media  screen and (max-width:767px){	

}



.OVERVIEW{ color: #4e4a4a;}
.OVERVIEW .left{ width:22.9%;}
.OVERVIEW .cont{ width:72.57%; margin-top: 3px;}

@media screen and (max-width:1024px) {
.OVERVIEW .left{ width:100%;}
.OVERVIEW .cont{ width:100%; margin-top:10px;}
}
@media  screen and (max-width:767px){	

}


.OVERVIEW-1 .li{ padding-top:70px; padding-bottom:70px;}
.OVERVIEW-1 .li .title{ display: flex; flex-wrap:wrap; }
.OVERVIEW-1 .tit{ position: relative; padding-bottom:25px;}
.OVERVIEW-1 .tit:after{ display: block; content:''; position: absolute; left: 0; bottom: 0; width: 80px; height: 7px; background: #328ec3;}
.OVERVIEW-1 .box{ color: #686868; margin-top: 25px; align-items: flex-start; overflow:hidden;}
.OVERVIEW-1 .left{ width: 47.85%; position: relative; }
.OVERVIEW-1 .p{/* height: 310px; */ overflow: hidden;text-align: justify;}
.OVERVIEW-1 .li.on .p{ max-height: 310px !important;}
.OVERVIEW-1 .li.on .p.on{ max-height:inherit !important;}
.OVERVIEW-1 .more{ float: left; margin-top:4px; position: relative; padding-right: 20px;  cursor: pointer;}
.OVERVIEW-1 .more::after{ display:block; content: ''; position: absolute; right: 0; top:50%; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 6px solid #0a3a95; margin-top:-2px;}
.OVERVIEW-1 .more.on::after{ transform: rotate(180deg); -ms-transform: rotate(180deg); margin-top:-3px;}
.OVERVIEW-1 .img{ width: 47.85%; line-height: 0; margin-top: 9px; align-items: baseline;}
.OVERVIEW-1 .img .pic{ width:48.5%; }
.OVERVIEW-1 .img ._img{ padding-bottom:100%;}
.OVERVIEW-1 .img ._img:hover img{ transform: scale(1.1); -ms-transform: scale(1.1);}

.OVERVIEW-1 .li:nth-child(2n){ background: #f3f9fe;}
.OVERVIEW-1 .li:nth-child(2n) .box{flex-direction:row-reverse;}
.OVERVIEW-1 .li:nth-child(2n) .title{ justify-content: end;}

@media  screen and (max-width:1440px){	
.OVERVIEW-1 .box .left{ font-size:16px; line-height: 26px;}
.OVERVIEW-1 .li.on .p{ max-height: 246px !important;}
}
@media  screen and (max-width:1024px){	
.OVERVIEW-1 .li{ padding-top: 25px; padding-bottom:30px;}	
.OVERVIEW-1 .left{ width:100%;}
.OVERVIEW-1 .tit{ padding-bottom:12px;}
.OVERVIEW-1 .tit:after{ width:60px; height:3px;}
.OVERVIEW-1 .more{ display:none !important;}
.OVERVIEW-1 .li.on .p{ max-height:inherit;}
.OVERVIEW-1 .img{ width:100%;}
.OVERVIEW-1 .box{flex-wrap:wrap-reverse; margin-top:15px;}
.OVERVIEW-1 .img .pic{ margin-bottom:14px; }
}
@media  screen and (max-width:767px){	

}

.slideA{ position:relative; height: 160px;}
.slideA .swiper-next,
.slideA .swiper-prev{ position: absolute; bottom:0.57rem; display: flex; width: 30px; height: 30px; background: url(img/_left.svg) left center no-repeat; background-size:26px auto !important; z-index:6; cursor: pointer; opacity:0.4;}
.slideA .swiper-prev{ left:-40px;}
.slideA .swiper-next{ right:-40px;transform: rotate(180deg); -ms-transform: rotate(180deg);}
.slideA .swiper-next:hover,
.slideA .swiper-prev:hover{ opacity: 1; background: url(img/_left.1.svg) left center no-repeat;}
.slideBox{ position: relative; overflow: hidden;}
.slideBox .swiper-wrapper{ width:calc(22px + 10px); margin:0 -5px;}
.slideBox .li{ position: relative; width:16.66%; padding:0 5px; margin-bottom: 15px;}
.slideBox .li .a{ display: block; position: relative; width:100%; padding:32px 3px 52px 3px;}
.slideBox .li .ico{ line-height: 0;}
.slideBox .li .ico img{ margin: 0 auto; min-width:52px; width:52px; height:52px;}
.slideBox .li .ico .img1{ display: block;}
.slideBox .li .ico .img2{ display: none;}
.slideBox .li .col0{ margin-top: 17px; text-align:center;}
.slideBox .li.on{ background: #1f4a9d; border-radius:0 0 30px 30px;}
.slideBox .li.on:after{ display:block; content:''; position: absolute; left:50%; top:100%; margin-left: -15px; border-left:15px solid transparent; border-right:15px solid transparent;border-top: 15px solid #1f4a9d; }
.slideBox .li.on .col0{ color: #fff;}
.slideBox .li.on .ico .img1{ display: none;}
.slideBox .li.on .ico .img2{ display: block;}
.slideBox .li:hover .a{ background: #1f4a9d; border-radius:0 0 30px 30px;}
.slideBox .li:hover .a:after{ display:block; content:''; position: absolute; left:50%; top:100%; margin-left: -15px; border-left:15px solid transparent; border-right:15px solid transparent;border-top: 15px solid #1f4a9d; }
.slideBox .li:hover .col0{ color: #fff;}
.slideBox .li:hover .ico .img1{ display: none;}
.slideBox .li:hover .ico .img2{ display: block;}

.slideBox1 .ul{ display: flex;}
.slideBox1 .li{ width:33.33%;}

@media  screen and (max-width:1440px){	
.slideBox .li .col0{ font-size: 16px;}
}
@media  screen and (max-width:1024px){	
.slideA{ height:56px; margin-bottom:20px;}	
.slideA .swiper-prev{ left:-20px;}
.slideA .swiper-next{ right:-20px;}
.slideBox .li{ width:auto; margin-bottom:7px;}
.slideBox .li .a{ padding:15px 15px 25px 15px; display: flex; align-items: center; justify-content: center;}
.slideBox .li .ico img{ min-width:26px; width:26px; height:26px;}
.slideBox .li .col0{ width:auto; margin:0 0 0 8px;}
.slideBox .li.swiper-slide-active{ border-radius:0 0 15px 15px;}
.slideBox .li:hover .a{ border-radius:0 0 15px 15px;}
.slideBox .li.swiper-slide-active:after{ margin-left: -7px; border-left:7px solid transparent; border-right:7px solid transparent;border-top: 7px solid #1f4a9d; }
.slideBox .li:hover .a:after{ margin-left: -7px; border-left:7px solid transparent; border-right:7px solid transparent;border-top: 7px solid #1f4a9d; }
.slideBox1 .ul{ margin-bottom: -16px; padding-bottom: 16px; white-space:nowrap; overflow-x: auto;}
}
@media  screen and (max-width:767px){	
}



.Sust1 .left{ width:27.85%;}
.Sust1 .cont{ margin-top:3px; width:67.85%;}


@media  screen and (max-width:1024px){	
.Sust1{ margin-bottom:1.7rem;}	
.Sust1 .left{ width:100%;}
.Sust1 .cont{ margin-top:10px; width:100%;}		
}
@media  screen and (max-width:1024px){	
.Sust1{ margin-bottom:2.5rem;}	
}



.Sust3{ position: relative; z-index: 1; overflow: hidden; margin-bottom:-29px;}
.Sust3 .bg{ display: block; position: absolute; left:0; top:0; z-index: 1; width: 100%; height: 100%;}
.Sust3 .bg1{ display: block;}
.Sust3 .bg2{ display: none;}
.Sust3 .box{ position: relative; z-index: 6;}
.Sust3 .left{ width:58.57%; margin-bottom: 10px;}
.Sust3 .cont{ margin-top: 40px;}

@media  screen and (max-width:1024px){	
.Sust3 .bg1{ display: none;}
.Sust3 .bg2{ display: block;}	
.Sust3 .box{ padding-bottom:7rem;}
.Sust3 .left{ width:100%;}
.Sust3 .cont{ margin-top:10px;}

}
@media  screen and (max-width:767px){	
.Sust3{ margin-bottom:-19px;}
}
@media  screen and (max-width:413px){	
.Sust3 .box{ padding-bottom:9rem;}
}


@keyframes menu_circle {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.62);
    transform: scale(0.62);
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes menu_circle1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.62);
    transform: scale(0.62);
  }
  80% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}

.Sust2{ position: relative; height:2.5rem;}
.Sust2 .pic{ position:relative; top:-1.76rem; width:3.4rem; height:3.4rem; display: flex; align-items: center; justify-content: center;}
.Sust2 .pic::after,
.Sust2 .pic::before{ width: 100%;
  height: 100%;
  box-sizing: border-box;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: 50%;  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;}
.Sust2 .pic::after{ border:1px solid #fff; background: rgba(199,199,199,0.58); z-index: 1;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-name: menu_circle;
  animation-name: menu_circle;
} 
.Sust2 .pic::before{ background:#fff;z-index: 2;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
  -webkit-animation-name: menu_circle1;
  animation-name: menu_circle1;
}   
.Sust2 .ico{ display: flex; position: relative; z-index:6; width:2.14rem; height:2.14rem; background: #1f4a9d; border-radius: 50%; padding: 0.18rem;}
.Sust2 .ico img{ width: 100%;}

@media  screen and (max-width:767px){	
.Sust2{ height:5rem;}
.Sust2 .pic{ top:-3.52rem; width:6.8rem; height:6.8rem;}
.Sust2 .ico{ width:4.28rem; height:4.28rem; padding: 0.36rem;}
}


@keyframes menu_circle2 {
  0% {
    -webkit-transform: scale(0.74);
    transform: scale(0.74);
  }
  80% {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
  }
  100% {   
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
  }
}
@keyframes menu_circle3 {
  0% {   
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  80% {
    -webkit-transform: scale(1.13);
    transform: scale(1.13);
  }
  100% {
    -webkit-transform: scale(1.13);
    transform: scale(1.13);
  }
}

.Sust4{ overflow: hidden;}
.Sust4 .box{ margin-top: 17px;}
.Sust4 .box .left{ position: relative; z-index: 6; width:calc(100% - 5.5rem);}
.Sust4 .box .left .cont{ margin-top:40px;}
.Sust4 .box .img{ width:5.5rem; height:5.5rem; display: flex; align-items: center; justify-content: center; position: relative; z-index:1;}
.Sust4 .box .img::after,
.Sust4 .box .img::before{ width: 100%;
  height: 100%;
  box-sizing: border-box;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: 50%;  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;}
.Sust4 .box .img::after{ background:#e5efeb; z-index: 1; opacity:0.18;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-name: menu_circle3;
  animation-name: menu_circle3;
} 
.Sust4 .box .img::before{ background:#fff;z-index: 2;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
  -webkit-animation-name: menu_circle2;
  animation-name: menu_circle2;
}   
.Sust4 .box .ico{ display: flex; position: relative; z-index:6; width:4.64rem; height:4.64rem; border-radius: 50%; padding: 0.27rem; border:1px dashed #ccdad5;}
.Sust4 .box .ico img{ width: 100%; border-radius: 50%;}
.Sust4 .btn{ margin-top: 40px;}
.Sust4 .btn .zhan{ display: flex; width: 73px; height: 21px; border-radius:21px; background: #328ec3; position: relative; cursor: pointer;}
.Sust4 .btn .zhan.on{ transform: rotate(180deg); -ms-transform: rotate(180deg);}
.Sust4 .btn .zhan::after{ display:block; content:''; position: absolute; left:50%; top:50%; border-left:5px solid transparent; border-right:5px solid transparent;border-top: 5px solid #fff; margin:-2px 0 0 -5px; }
.Sust4 .list{ display: flex; flex-wrap: wrap; position: relative; z-index: 6; margin:0 -0.55rem 0 0; width: calc(100% + 0.55rem);}
.Sust4 .list .li{ display: flex; flex-wrap: wrap; justify-content: space-between; width:25%; margin-top:7px; padding-right:0.55rem;}
.Sust4 .list .li .ico{ line-height:0; width:157px; height: 136px; margin-left: -18px; background: url(img/Sust4.png) center no-repeat; background-size:100% 100% !important;}
.Sust4 .list .li .ico img{ width:38px; height:38px; margin:36px 0 0 50px;}
.Sust4 .list .li .tit{ margin-bottom:24px;}
.Sust4 .list .li .p{ position: relative; padding-bottom:24px;}
.Sust4 .list .li .p::after{ display: block; content: ''; position: absolute; left: 0; bottom: 0; height:6px; width:60px; background: #328ec3;}
.Sust4 .list .li .cont{ display:none; color: #686868; padding-top:2px;}
.Sust4 .list.on .li .cont{ display:block;}

@media  screen and (max-width:1600px){	
.Sust4 .list{ margin:0 -0.4rem 0 0; width: calc(100% + 0.4rem);}
.Sust4 .list .li{ padding-right:0.4rem;}
}
@media  screen and (max-width:1440px){	
.Sust4 .list{ margin:0 -0.25rem 0 0; width: calc(100% + 0.25rem);}
.Sust4 .list .li{ padding-right:0.25rem;}
.Sust4 .list .li .tit{ font-size:18px; line-height: 28px;}
}
@media  screen and (max-width:1024px){	
.Sust4 .box{ justify-content: center;} 	
.Sust4 .box .left{ width:100%; margin-bottom:20px;}	
.Sust4 .box .left .cont{ margin-top:10px;}
.Sust4 .btn{ margin-top:20px; display: none;}
.Sust4 .list .li{ width:50%; margin-top:20px;}
.Sust4 .list .li .ico{ width:104px; height:90px; margin-left: -12px;}
.Sust4 .list .li .ico img{ width:28px; height:28px; margin:22px 0 0 34px;}
.Sust4 .list .li .tit{width: calc(100% - 94px); margin-bottom:8px; display: flex; align-items: center;}
.Sust4 .list .li .p{ padding-bottom:12px;}
.Sust4 .list .li .p::after{height:3px; width:46px; }
}
@media  screen and (max-width:767px){	
.Sust4 .box .img{ width:11rem; height:11rem; }	
.Sust4 .box .ico{ width:9.28rem; height:9.28rem; padding: 0.56rem;}
.Sust4 .list .li .cont{ display: block;}
.Sust4 .list .li{ width:100%;}
}


.pord-left{ width:318px;}
.pord-right{ width:calc(100% - 0.44rem - 318px);}
.pord-img{ width:100%; line-height: 0;}
.pord-tit{ position: relative; margin-top:51px; padding-bottom: 30px; border-bottom:1px solid #e0e0e0;}
.pord-tit::after{ display:block; content: ''; position: absolute; left: 0; bottom:-3px; z-index:1; background: #1f4a9d; width: 105px; height:5px;}
.pord-cont{ color: #4e4a4a; margin-top:7px;}
.pord-btn{ margin-top: 38px; padding-bottom:7px;}
.pord-btn .a{ background: #1f4a9d; padding:15px 30px; display:inline-flex; align-items: center;}
.pord-btn .a img{ width: 26px; height: 26px; margin-right:16px;}
.pord-btn .a:hover{ background: #abc63a;;}
.pord-tit1{ position: relative; margin-top:65px; padding-left: 14px;}
.pord-tit1::after{ display:block; content: ''; position: absolute; left: 0; top:12px; z-index:1; background: #1f4a9d; width:4px; height:10px; border-radius:4px;}
.pord-tab{ margin-top: 24px; overflow: hidden; height: 378px;}
.pord-tab.on{ height: auto !important;}
.pord-tab th{ padding:20px 5px;}
.pord-tab td{ padding:15px 5px;}
.pord-Expand{ position: relative; margin-top: 29px;}
.pord-Expand::after{ display:block; content: ''; position: absolute; left: 0; top:50%; z-index:1; background: #e7e7e7; width:100%; height:1px;}
.pord-Expand .ico{ display: flex; align-items:center; background: #fff; position: relative; z-index: 6; cursor: pointer; padding:0 31px;}
.pord-Expand .ico i{ display: flex; width:20px; height: 20px; border-radius:20px; background: #0a3a95; position: relative; margin-left: 8px; box-shadow:0 6px 8px rgba(10,58,149,0.29);}
.pord-Expand .ico i::after{ display:block; content:''; position: absolute; left:50%; top:50%; border-left:4px solid transparent; border-right:4px solid transparent;border-top: 4px solid #fff; margin:-2px 0 0 -4px; }
.pord-Expand .ico.on i{ transform: rotate(180deg); -ms-transform: rotate(180deg);}
.pord-Expand .ico.on i::after{ margin:-1px 0 0 -4px;}
.pord-cont .li{ width:49.5%; color: #4e4a4a; margin-top:10px;}



@media  screen and (max-width:1024px){	
.pord-left{ width:100%;}
.pord-right{ width:100%; margin-top:15px;}
.pord-tit{ margin-top:20px; padding-bottom: 15px;}
.pord-tit::after{ width:70px;}
.pord-btn{ margin-top: 20px;}
.pord-btn .a{ padding:8px 20px;}
.pord-btn .a img{margin-right:8px;}
.pord-tit1{ margin-top:20px;}
.pord-tit1::after{ top:9px;}
.pord-tab{ margin-top:15px; height:312px; overflow-x: auto;}
.pord-tab .table{ width:1024px;}
.pord-tab th{ padding:12px 5px;}
.pord-tab td{ padding:10px 5px;}
.pord-Expand{ margin-top:20px;}
.pord-Expand .ico{ padding:0 20px;}
}
@media  screen and (max-width:767px){	
.pord-cont .li{ width:100%; margin-top: 5px;}
}

.pord-app{ margin-top:20px; position: relative;}
.pord-app .ul{ display:block; width:calc(100% + 0.2rem); margin:0 -0.1rem;}
.pord-app .li{ display: flex; flex-wrap: wrap; width:33.33%; padding:0 0.1rem;}
.pord-app .li .a{ display: flex; flex-wrap: wrap; width:100%;}
.pord-app .li ._img{ padding-bottom:70.48%;}
.pord-app .li .tit{ text-align: center; color: #4e4a4a; margin-top: 16px; }
.pord-app .li .a:hover .tit{ color: #1f4a9d;}
.pord-app .li .a:hover ._img img{transform: scale(1.1); -ms-transform: scale(1.1);}
.pord-app .slick-arrow{ display: block; position: absolute; top:50%; margin-top: -24px; width:30px; height:30px; background: url(img/_left.1.svg) left center no-repeat; background-size:26px auto !important;}
.pord-app .slick-arrow:hover{ opacity:0.5;}
.pord-app .slick-prev{ left:21px;}
.pord-app .slick-next{ right:21px;-webkit-transform: translate(0, -50%) rotate(180deg); -ms-transform: translate(0, -50%) rotate(180deg);  transform: translate(0, -50%) rotate(180deg);}

@media screen and (max-width:1024px) {
.pord-app{ margin-top:20px;}
.pord-app .li{ width:50%;}	
.pord-app .li .tit{ margin-top:14px;}
.pord-app .slick-prev{ left:8px;}
.pord-app .slick-next{ right:8px;}
}
@media screen and (max-width:767px) {
.pord-app .ul{ width:calc(100% + 0.4rem); margin:0 -0.2rem;}	
.pord-app .li{ width:100%; padding:0 0.2rem;}

}

.slidePord{ position: relative;}
.slidePord .u1{ width:100%;}
.slidePord .u2{ width:100%; background: #1c438d; padding:22px 20px; display:none;}
.slidePord .u3{ width:100%; padding:22px 20px;}
.slidePord .l1{ width:100%; margin-bottom:10px;}
.slidePord .l2{ width:100%;}
.slidePord .l3{ width:100%;}
.slidePord .a1{ width:100%; color: #1f4a9d; font-size: 20px; line-height:24px; font-weight: bold; background: #f6f8fa; min-height:108px; display: flex; align-items: center; padding:15px 20px;}
.slidePord .a1 span{ position: relative; width:100%; display: block; padding-right:22px;}
.slidePord .a1 span::after,
.slidePord .a1 span::before{ display: block; content: ''; position: absolute; right:8px; top:50%; width:20px; height: 1px; background:#1f4a9d; transform: translate(50%,-50%); -ms-transform: translate(50%,-50%); }
.slidePord .a1 span::before{ height:20px; width: 1px;}
.slidePord .on .a1{ color: #fff; background: #1f4a9d;}
.slidePord .on .a1 span::after,
.slidePord .on .a1 span::before{ background: #fff;}
.slidePord .on1.a1{ color: #fff; background: #1f4a9d;}
.slidePord .on1.a1 span::after{ background: #fff;}
.slidePord .a2{ width:100%; color: #fff; font-size: 14px; line-height:18px; opacity: 0.48; display: flex; align-items: center; padding:13px 0;}
.slidePord .a2 span{ width:100%; display: block; position: relative; padding-left:22px;}
.slidePord .a2 span::after{ display: block; content: ''; position: absolute; left:0; top:9px; width: 12px; height: 1px; background:#fff;}
.slidePord .a2:hover{ opacity: 1;}
.slidePord .l2.on{ padding:0 0 22px 0;}
.slidePord .l2.on:first-child{ margin-top:-22px;}
.slidePord .l2.on .a2{ font-size: 16px; line-height:20px; opacity: 1; border-bottom:1px solid #41609a; padding:23px 0;font-weight: bold; }
.slidePord .l2.on .a2 span{ padding-left:0;}
.slidePord .l2.on .a2 span::after{ display: none;}



@media screen and (max-width:1024px) {
.slidePord{ width: 100%; top:0 !important;}	
.slidePord .u2{ padding:15px 15px;}	
.slidePord .a1{ font-size: 18px; line-height:20px; min-height:56px; padding:6px 15px;}
.slidePord .a1 span{ padding-right:30px;}
.slidePord .a1 span::after,
.slidePord .a1 span::before{ right:8px;width:15px; height: 1px;}
.slidePord .a1 span::before{ height:15px; width: 1px;}
.slidePord .a2{ padding:6px 0;}
.slidePord .l2.on .a2{ padding:15px 0; }
.slidePord .l2.on{ padding:0 0 15px 0;}
.slidePord .l2.on:first-child{ margin-top:-15px;}
}


.Abox{ position: relative;}
.about-left{ position: absolute; top:0; right:100%; margin-right:0.46rem; z-index: 6;}
.aboutNav{ position: relative; margin-top:310px;}
.aboutNav.on{ margin-top: 100px;}
.aboutNav .u1{ display: flex; flex-wrap: wrap; flex-direction: column;}
.aboutNav .l1{ display: flex; flex-wrap: wrap; justify-content: flex-end;}
.aboutNav .l1 a{ display: flex; flex-wrap: wrap; position: relative; color: #1f4a9d; font-size: 16px; line-height:26px; padding:5px 23px 5px 0;}
.aboutNav .l1 a::after{ display: block; content: ''; position: absolute; right:0; top:50%; margin-top:-1px; width:0; height:2px; background:#1f4a9d;}
.aboutNav .l1 a.active{ font-weight: bold;}
.aboutNav .l1 a.active::after{ width:18px;}

@media screen and (max-width:1740px) {
/* .Abox{ padding:0 60px;}	 */
.about-left{ margin-right:-45px;}
.aboutNav .l1 a{ font-size: 14px; padding:5px 14px 5px 0;}
.aboutNav .l1 a.active::after{ width:10px;}

}
@media screen and (max-width:1024px) {
.aboutNav{ width: 100%; top:0 !important; margin-top:0;}
.about-left{ position: relative; z-index: 24; right:0; margin-right:0; width:100%;}	
.aboutNav{ margin-top:15px;}
.aboutNav.on{ position: fixed; top:0; left: 0; z-index:24; background: #fff; padding: 0 14px; border-top:1px solid rgba(0,0,0,0.1); box-shadow:0 3px 6px rgba(0,0,0,0.1);margin-top:0;}
.aboutNav .u1{ display: flex; width: 100%; flex-wrap:nowrap; justify-content:space-between; flex-direction: row;}
.aboutNav .l1{ width: auto;}
.aboutNav .l1 a{ padding:14px 0;}
.aboutNav .l1 a::after{ right:50%; top:100%; margin-right:-14px;}
.aboutNav .l1 a.active::after{ width:28px;}
.Abox{ padding:0;}	
}

.Certif{ position: relative; margin-top: 22px;}
.Certif .box{ width:calc(100% + 0.18rem); margin:0 -0.09rem; overflow: hidden;}
.Certif .box .li{ width:20%; padding:20px 0.09rem; cursor: pointer;}
.Certif .box .li .la{ width:100%; box-shadow:0 0.05rem 0.29rem 0 rgba(0,0,0,0.11);}
.Certif .box .li ._img{ padding-bottom:100%;}
.Certif .box .li .font16{ text-align:center; color: #4e4a4a; line-height: 24px; min-height:108px; display: flex; align-items: center; justify-content: center; border-top: 1px solid #e9f1f8; background: url(img/about0.png) top center no-repeat; background-size: 100% auto; padding:10px 10px;}
.Certif .box .li:hover .font16{color: #1f4a9d;}
.Certif .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; height: 100%;}
.Certif .swiper-slide{ flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.Certif .swiper-prev,
.Certif .swiper-next{ float: right; width:46px; height:46px; border-radius: 50%; position:absolute; right:0; top:-72px; z-index: 7; cursor: pointer; background:url(img/_left.1.svg) center no-repeat #fff; background-size:28px auto !important; box-shadow:0 0.07rem 0.46rem 0 rgba(0,0,0,0.11);}
.Certif .swiper-prev{ margin-right:58px;}
.Certif .swiper-next{ transform: rotate(180deg); -ms-transform: rotate(180deg);}
.Certif .swiper-prev:hover,
.Certif .swiper-next:hover{ background:url(img/_left.2.svg) center no-repeat  #1f4a9d;}

@media  screen and (max-width:1024px){
.Certif{ margin-top:10px;}
.Certif .box .li{ width:33.33%;}
.Certif .swiper-prev,
.Certif .swiper-next{ width:32px; height: 32px; top:-44px;background-size:22px auto !important;}
.Certif .swiper-prev{ margin-right:42px;}
}	
@media  screen and (max-width:767px){
.Certif .box{ width:calc(100% + 0.4rem); margin:0 -0.2rem;}	
.Certif .box .li{ width:50%; padding:7px 0.2rem;}
.Certif .box .li .font16{ font-size: 15px; line-height: 23px; min-height:72px; padding:10px 6px;}
}	


.Introd{margin-top:48px;}
.Introd .logo{ line-height: 0; width:2.44rem; margin:7px 0; display: flex; justify-content: center;}
.Introd .logo img{width:2.34rem;}
.Introd .cont{ width: calc(100% - 3.08rem) ;}
.Introd .img{ margin-top:48px; line-height:0;}
.Introd .img .pic{ width:100%;}
.Introd .img .video{ width:100%;height:6rem; object-fit:cover;}

@media  screen and (max-width:1024px){
.Introd{ margin-top:10px;}
.Introd .img{ margin-top:15px;}
}	
@media  screen and (max-width:767px){
.section1 .font36{ text-align:center;}	
.Introd .logo{ width:100%; margin:7px 0 15px 0;}
.Introd .logo img{ width:4.08rem;}
.Introd .cont{ width:100%;}
}	

.aboutA{ overflow: hidden;}
.section3{ position: relative;position: relative; z-index: 8; }
.section3::after{ display:block; content: ''; position: absolute; left:50%; top:0;; background: #f3f9fe; width:6000px; height: 100%; z-index: 1; transform: translate(-50%,0); -ms-transform: translate(-50%,0);}
.section3 .font36{ position: relative; z-index: 6;}
.Culture1{ position:relative; z-index: 6; margin-top: 30px; border-top:1px solid #d0e2f2; border-bottom:1px solid #d0e2f2;}
.Culture1:after{ display:block; content: ''; position: absolute; left:50%; top:0;; background: #d0e2f2; width:1px; height: 100%; z-index:6;}
.Culture1 .li{ width:45.7%; padding:50px 0;}
.Culture1 .li .cont{ margin-top: 15px; margin-bottom:2px;}

.Cult-hd{ position:relative; z-index: 6; margin-top: 60px;}
.Cult-hd ul{ display: flex; width:calc(100% + 0.36rem) ; margin:0 -0.13rem;}
.Cult-hd ul li{ display:flex; width:25%; padding:0 0.13rem;}
.Cult-hd ul li span{ background: #fff; display:flex; width:100%; align-items: center; border-radius: 76px; padding:14px 20px; cursor:pointer; position: relative;}
.Cult-hd ul li span i{ min-width: 48px; width: 48px; height: 48px; line-height: 0; background: #1f4a9d; border-radius:50%; display: flex; align-items: center; justify-content: center; margin-right: 20px; }
.Cult-hd ul li span i img{ width:32px; height: 32px;}
.Cult-hd ul li.on span{ background: #1f4a9d; color: #fff;}
.Cult-hd ul li.on span::after{ display: block; content: ''; border-left:16px solid transparent; border-right:16px solid transparent;border-top:12px solid #1f4a9d; margin-left:-16px; position: absolute; left:50%; top:100%;}
.Cult-hd ul li.on i{ background: #328ec3;}

.Cult-bd{ position:relative; z-index: 6; margin-top: 35px;}
.Cult-bd .ul{ background:url(img/about8.jpg) center no-repeat; background-size:100% 100%; border-radius: 10px;}
.Cult-bd .li{ position: relative; display: flex; justify-content:space-between; align-items:center; padding:0.55rem 0.55rem;}
.Cult-bd .li .tit{ width: 196px; min-width: 196px;}
.Cult-bd .li .cont{ width:100%; padding:0 0.55rem; border-left:1px solid rgba(255,255,255,0.3);}
.Cult-bd .li .cont .p{ display: block; position: relative; padding-left:11px;}
.Cult-bd .li .cont .p::after{ display: block; content:''; position: absolute; left:0; top:11px; width: 5px; height:5px; background: #fff; border-radius:50%;}
.Cult-bd .li .ico{ min-width:72px; width: 72px; line-height: 0;}
.Cult-bd .li .ico img{ width:100%;}

@media  screen and (max-width:1024px){
.Culture1{ margin-top: 15px;}	
.Culture1 .li{ width:47%; padding:20px 0;}
.Culture1 .li .cont{ margin-top:6px; margin-bottom:2px;}
.Cult-bd{ margin-top:20px;}
.Cult-bd .ul{ border-radius:5px;}
.Cult-bd .li{ padding:20px 15px;}
.Cult-bd .li .tit{ width: 136px; min-width: 136px;}
.Cult-bd .li .cont{ padding:0 15px;}
.Cult-bd .li .cont .p::after{ top:11px;}
.Cult-bd .li .ico{ min-width:46px; width:46px;}
.Cult-hd{ margin-top:25px;}
.Cult-hd ul li span{ padding:10px 15px;}
.Cult-hd ul li span i{ min-width:36px; width: 36px; height: 36px; margin-right:10px; }
.Cult-hd ul li span i img{ width:26px; height:26px;}
.Cult-hd ul li.on span::after{ border-left:8px solid transparent; border-right:8px solid transparent;border-top:6px solid #1f4a9d; margin-left:-8px;}
}	
@media  screen and (max-width:767px){
.Cult-hd{ overflow: hidden;}	
.Cult-hd ul{ overflow-x: auto; padding-bottom:20px; margin-bottom:-12px;}	
.Cult-hd ul li{ width:auto;}
.Cult-bd .li{ flex-wrap: wrap;}
.Cult-bd .li .tit{ width: 100%; min-width: 100%; min-height: 46px; display: flex; align-items: center;}
.Cult-bd .li .cont{ padding:15px 0 0 0; border-left:0;}
.Cult-bd .li .ico{ position: absolute; right: 15px; top:15px;}
}


@-webkit-keyframes fade1 {
0% {
	opacity:0;
}
45% {
	opacity:1;
}
55% {
opacity:1;
}
to {
opacity:0;
}
}
@-moz-keyframes rotating {
0% {
	opacity:0;
}
45% {
	opacity:1;
}
55% {
opacity:1;
}
to {
opacity:0;
}
}
@keyframes rotating {
0% {
	opacity:0;
}
45% {
	opacity:1;
}
55% {
opacity:1;
}
to {
opacity:0;
}
}


.History{ margin-top:35px; position: relative; padding-bottom: 43px;}
.History.on{ height: auto;}
.History::after{ display: block; content: ''; background: #1f4a9d; width:2px; height:100%; position: absolute; left: 50%; top:0; z-index:; margin-left:-1px;}
.History .line{ display: block; width:100%; position: absolute; left:0%; top:0; z-index: 6;}
.History .line .nav-wrap{ position: absolute; left:50%; margin-left: -4px; display: block; background: #1d95d4; width:8px; height:93px; border-top:40px solid #fff;}
.History .line .nav-wrap.on{ margin-top: 40px; height:53px; border-top:0 !important;}
.History .img1{ max-width:inherit; position: absolute; left:-2.56rem; top:20vh; width: 5.3rem; z-index:1;
-webkit-animation: fade1 4s linear infinite;
	 -moz-animation: fade1 4s linear infinite;
	      animation: fade1 4s linear infinite; animation-delay:3s; -ms-animation-delay:3s;
}
.History .img2{ max-width:inherit; position: absolute; right:-2.2rem; top:10vh; width: 6.02rem; z-index:1;
-webkit-animation: fade1 4s linear infinite;
	 -moz-animation: fade1 4s linear infinite;
	      animation: fade1 4s linear infinite; animation-delay:8s; -ms-animation-delay:8s;
}
.History .ul{ position: relative; z-index:10; /* overflow: hidden; */}
.History .li{ display: flex; flex-wrap: wrap;}
.History .li:nth-of-type(n+5){ display:none;}
.History .ul.on .li:nth-of-type(n+5){ display:flex;}
.History .li .cont{ width:47.85%; padding:0 25px; margin-top:-2.7rem;}
.History .li .nain{ font-size: 60px; line-height:70px; position: relative; padding-bottom:42px;}
.History .li .nain::after{ display: block; content: ''; position: absolute; left: -25px; bottom: 0; width: 56px; height: 8px; background: #0a8bca;}
.History .li .tit{ font-weight: bold; color: #4e4a4a; margin-top:38px; line-height: 34px;}
.History .li .p{ color: #686868; line-height: 24px; overflow: hidden; margin-top:25px;}
.History .li.on .p{ max-height: 96px !important;}
.History .li .cont.on .p{ max-height:inherit !important;}
.History .li .btn{ cursor: pointer; display: flex; align-items: center; color: #1f4a9d; margin-top:16px;}
.History .li .btn i{ display: flex; width:20px; height: 20px; border-radius:20px; background: #fff; position: relative; margin-left: 8px; box-shadow:0 6px 8px rgba(10,58,149,0.29);}
.History .li .btn i::after{ display:block; content:''; position: absolute; left:50%; top:50%; border-left:4px solid transparent; border-right:4px solid transparent;border-top: 4px solid #1f4a9d; margin:-2px 0 0 -4px; }
.History .li .btn.on i{ transform: rotate(180deg); -ms-transform: rotate(180deg);}
.History .li .btn.on i::after{ margin:-1px 0 0 -4px;}
.History .li .img{ width:77.5%; line-height:0; margin-top:27px; box-shadow: 0 0.07rem 0.46rem rgba(0,0,0,0.17);}

.History .li:nth-child(2n){ justify-content:end;}
.History .li:nth-child(1) .cont{ margin-top:0 !important; }
.History .li:nth-child(2n) .cont{margin-left:52.15%;}

.HistBnt .ico{ background: #fff; cursor: pointer; display: flex; align-items: center; color: #1f4a9d; position: relative; padding-bottom: 9px; z-index: 10;}
.HistBnt .ico::after{ display:block; content:''; position: absolute; left:50%; bottom:0; border-left:7px solid transparent; border-right:7px solid transparent;border-top: 7px solid #1f4a9d; margin:0 0 0 -7px; }
.HistBnt .ico.on::after{ transform: rotate(180deg); -ms-transform: rotate(180deg);}


@media  screen and (max-width:1024px){
.History{ margin-top:5px;}	
.History::after{ left:0;}
.History .line .nav-wrap{ left: 0; }
.History .li{ margin-top:25px;}	
.History .li .cont{ width:100%; padding:0 0 0 20px; margin:0 !important;}
.History .li .nain{ font-size: 30px; line-height: 40px; padding-bottom:12px;}
.History .li .nain::after{ left:0;width:46px; height:4px;}
.History .li .tit{ margin-top:12px;}
.History .li .p{ margin-top:6px;}
.History .li .btn{ margin-top:10px;}
.History .li .img{ margin-top: 15px;}
.History .li:nth-child(2n) .cont{ margin-top:0;margin-left:0%;}
.History .li:nth-child(1) .cont{ margin-top:-15px !important;}

}	



.Locat{ margin-top: 88px; position: relative;}
.Locat .u1 li{ color: #1f4a9d; font-weight: bold; font-size: 24px; line-height: 34px;}
.Locat .u1 li i{ display: block; position: absolute; z-index: 4; transform:translate(-50%,-50%); transform:translate(-50%,-50%); cursor: pointer; display: flex; width: 26px; height: 26px; background:url(img/ico4.png) center no-repeat; background-size: 100% 100% !important;}
.Locat .u1 li span{ z-index:5; position: absolute; transform:translate(0,-50%); -ms-transform:translate(0,-50%);}
.Locat .u1 li .x{ z-index:4; position: absolute; display: block; transform:translate(0,-100%); -ms-transform:translate(0,-100%); background-size:100% 100% !important;}
.Locat .u1 li.on i{ width: 48px; height:48px; background:url(img/ico5.png) center no-repeat;}
.Locat .u2 li{ display:none; z-index: 6; position:absolute;}
.Locat .u2 li .la{ float: left; display: table; position: absolute; bottom: 0; width: 6.5rem; background: rgba(31,74,157,0.83); box-shadow:0 0.07rem 0.46rem 0 rgba(0,0,0,0.07) ; padding:0.33rem 0.34rem 0.38rem 0.34rem; transform:translate(0,-100%); -ms-transform:translate(0,-100%); margin:-20px;}
.Locat .u2 li .font16{ margin-top:16px;}
.Locat .u2 li.on{ display: block;}

@media  screen and (max-width:1024px){
.Locat{ margin-top:30px;}	
.Locat .u1 li{ font-size: 16px;}
.Locat .u1 li i{ width:18px; height: 18px;}
.Locat .u1 li.on i{ width:32px; height:32px;}
}	
@media  screen and (max-width:767px){
.Locat .u1 li .x{ display:none;}	
.Locat .u1 li:nth-child(1) span{ left:8% !important; top:28% !important;}
.Locat .u1 li:nth-child(2) span{left:30.8% !important; top:10% !important;}
.Locat .u1 li:nth-child(3) span{left:45.4% !important; top:38.6% !important;}
.Locat .u1 li:nth-child(4) span{ left:70.4% !important; top:20.4% !important;}
.Locat .u1 li:nth-child(5) span{ left:85.4% !important;}
.Locat .u1 li:nth-child(6) span{ left:70.4% !important; top:46.2% !important;}
.Locat .u2 li{ width:100%; left: 0 !important; top: 0 !important;}
.Locat .u2 li .la{ bottom: 0; width:100%; padding:15px 15px; transform:translate(0,-100%); -ms-transform:translate(0,-100%); margin:-20px; left:0% !important; margin:0;}
.Locat .u2 li .font16{ margin-top: 6px;}
}	



/* 

calc(22px + 0.36rem) 

overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;

*/

.pagecon{padding-top:80px;padding-bottom:80px;}
.pagecon .Sust1{margin:0;}
@media  screen and (max-width:1024px){
.pagecon{padding-top:30px;padding-bottom:30px;}
}	



.pord-tab{height:auto !important;}

.pord-tab tr{display:none;}
.pord-tab tr:nth-child(1),
.pord-tab tr:nth-child(2),
.pord-tab tr:nth-child(3),
.pord-tab tr:nth-child(4),
.pord-tab tr:nth-child(5),
.pord-tab tr:nth-child(6){display:table-row;}
.pord-tab.on tr{display:table-row;}



/*.slideBox{ overflow: visible;}
.slideBox .slick-next,
.slideBox .slick-prev{ position: absolute; top:40%; display: flex; width: 30px; height: 30px; background: url(img/_left.svg) left center no-repeat; background-size:26px auto !important; z-index:6; cursor: pointer; opacity:0.4;}
.slideBox .slick-prev{ left:-40px;}
.slideBox .slick-next{ right:-40px;-webkit-transform: translate(0, -50%) rotate(180deg);
  -ms-transform: translate(0, -50%) rotate(180deg);
  transform: translate(0, -50%) rotate(180deg);}
.slideBox .slick-next:hover,
.slideBox .slick-prev:hover{ opacity: 1; background: url(img/_left.1.svg) left center no-repeat;}

.slideBox .li.slick-current{ background: #1f4a9d; border-radius:0 0 30px 30px;}
.slideBox .li.slick-current:after{ display:block; content:''; position: absolute; left:50%; top:100%; margin-left: -15px; border-left:15px solid transparent; border-right:15px solid transparent;border-top: 15px solid #1f4a9d; }
.slideBox .li.slick-current .col0{ color: #fff;}
.slideBox .li.slick-current .ico .img1{ display: none;}
.slideBox .li.slick-current .ico .img2{ display: block;}


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

.slideA .slick-prev{ left:-20px;}
.slideA .slick-next{ right:-20px;}
}*/





.pord-img .slick-dots{ position: absolute; left:0; bottom:20px; z-index: 6; display: flex; justify-content: center;}
.pord-img .slick-dots li{ width:10px; height:10px; border-radius:50%; opacity:0.5; background: #1f4a9d; margin:0 5px;}
.pord-img .slick-dots li.slick-active{ opacity: 1;}


.pord-tit2{ position: relative; margin-top:55px;}
.pord-tit2 ul{ display:flex; flex-wrap: wrap;}
.pord-tit2 ul li{ display:flex; margin:10px 10px 0 0; background: #f7f8f9; border:1px solid #e7e7e7; color: #1f4a9d; border-radius:5px 5px 0 0; padding:0.15rem 0.3rem; font-size: 18px; line-height:22px; cursor: pointer;}
.pord-tit2 ul li.on{ background: #1f4a9d; border:1px solid #1f4a9d; color: #fff;}
.pord-tab2{ margin-top:30px;}
.pord-tab2 .ul{ width:100%;}


@media  screen and (max-width:1440px){	
.pord-tit2 ul li{margin:10px 10px 0 0; padding:0.15rem 0.2rem; font-size:16px; line-height:20px;}
}
@media  screen and (max-width:1024px){	
    .pord-tab2{ margin-top:10px;}
.pord-tit2{ margin-top:10px;}
.pord-tit2 ul li{margin:10px 10px 0 0; padding:0.15rem 0.2rem; font-size:16px; line-height:20px;}
.pord-tab2{ margin-top:10px;}

}
@media  screen and (max-width:767px){	
.pord-tit2{ overflow: hidden;}	
.pord-tit2 ul{ overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; white-space: nowrap; margin-bottom:-20px; padding-bottom:20px;}	
.pord-tit2 ul li{ padding:8px 14px; font-size:16px; line-height:20px;}
}




/*231206start*/
.pord-img .div{ position: relative; overflow: hidden; line-height: 0; height:4.5rem;} 
.pord-img .div img{ width:100%; height:100%; position: absolute; left:0; top:0; object-fit: cover;} 
.Sust4 .list .li .p{ padding-bottom:4px;}
.Sust4 .list .li .p::after{ height:2px;}

@media  screen and (max-width:767px){	
.pord-img .slick-dots{ bottom:10px;}
}