/* 公用 */

body { text-align: left; padding: 0; margin: 0; font-size: 14px; color: #333; font-family: Manrope, sans-serif; height: auto;
 background: #fff; overflow-x: hidden; -webkit-tap-highlight-color: transparent;  word-break: break-word; -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale; box-sizing: border-box; -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;}
* { box-sizing: border-box;-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms;
 -o-transition: all ease 300ms; transition: all ease 300ms; outline:none}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p { padding: 0; margin: 0;}
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th { padding: 0; margin: 0;}
fieldset { border-top-width: 0; border-left-width: 0; border-bottom-width: 0; border-right-width: 0;}
a,img,iframe {border: 0; padding: 0; margin: 0;}
a, a:hover {text-decoration: none; color: #333;}
i { font-style: normal;}
address,caption,cite,cite,code,dfn,em,th,var { font-weight: normal; font-style: normal;}
ul,ol,li { list-style: none;}
caption { text-align: left;}
th { text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: inherit; font-size: 100%;}
button,input,select,textarea { font-size: 100%;}
table { border-collapse: collapse; border-spacing: 0;}
.por { position: relative;}
.poa { position: absolute;}
input,textarea,select { font-family: inherit; font-size: 100%;}
.ease,.ease * { -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms;
 -o-transition: all ease 300ms; transition: all ease 300ms;}
.noease,.noease * {-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
textarea::-moz-placeholder { color: #999; opacity: 1; font-size: 24px;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder { color: #999; font-size: 24px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: inherit; font-size: inherit;}
.fl,.left { float: left;}
.fr,.right { float: right;}
.tac { text-align: center;}
.tar { text-align: right;}
.clear { clear: both; font-size: 0; margin: 0; padding: 0; display: block; _height: 0; overflow: hidden;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { *zoom: 1;}
.hidden { display: none;}
.dialog-layout {position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; background: #000; opacity: 0.5;}
.ab { width: 100%; height: 100%; display: block;}
.ov { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.font-0 { display: none;}
.icon { background-image: url("../images/icon.png"); display: inline-block; vertical-align: middle;}

.lagbox{
  padding:1%;
  margin-bottom: 20px;
  display: none;
}
.lagbox .lagboxContent{
  width: 100%;
  padding: 0 20px;
  display: flex;
  justify-content: left;
  align-items: center;
}
.lagbox div {
  margin-right:10px;
}
.lagbox div img{
  width:25px;
  height:19px;
}
/* 头部 */
header.header { align-items:center;  box-sizing:border-box;
  display:flex; height:100px; justify-content:space-between; left:0;  padding:0 4em; position: absolute;min-width: 1280px;
 top:0; transition:all .1s ease-out 0s; width:100%; z-index:999; border-bottom: rgba(255, 255, 255, 0.2) solid 1px;}

@media (max-width:1100px) {
  header.header { height:86px; padding:0 10px 0 10px;min-width: auto;}
}
.logo { margin:0; padding:15px 0; transition:all .1s ease-out 0s}
@media (max-width:991px) {
  .logo { padding:12px 0}
}
.logo img { transition:all .1s ease-out 0s}
.logo a,.logo img { display:block;width: 100%;}
.logo-wrap { flex-shrink:0;}
@media (max-width:991px) {
  .logo-wrap { align-items:center; display:flex; justify-content:space-between; width:100%}
}
.menu-wrap { align-items:center; display:flex; justify-content: flex-end; width: 100%; }

@media (max-width:991px) {
  .menu-wrap { background:#fff !important; bottom:0; display:block; height:100%; margin:0; overflow:auto; padding-bottom:30px;
 padding-top:100px; position:fixed; right:100%; top:0; transition: ease-in-out .2s; width:82%; z-index:998 }
}
.menu-toggle { cursor:pointer; display:none; padding:9px 10px}
.menu-toggle:active .icon-bar,.menu-toggle:focus .icon-bar,.menu-toggle:hover .icon-bar {  background:#fff}
@media (max-width:991px) {
  .menu-toggle { display:block}
}
.menu-toggle .icon-bar { background:hsla(0,0%,100%,.95); display:block; height:2px; margin-bottom:10px; transition:all .3s ease-out 0s; width:30px}
.menu-toggle .icon-bar-3 { margin-bottom:0}
.menu-on-shadow { display:none}
.menu-on { transition:all .3s ease-out 0s}
@media (max-width:991px) {
  .menu-on { bottom:0; left:0; overflow:hidden; position:fixed; right:0; top:0; transform:translateX(82%) }
  .menu-on .logo-wrap { background:#002883; box-shadow:0 0 3px rgba(0,0,0,.1); padding:0 12px 0 20px; position:fixed; right:100%;
 top:0; width:82%; z-index:999}
  .menu-on .icon-bar { transition:all .3s ease-out .4s}
  .menu-on .icon-bar-1 { margin-bottom:0; transform: rotate(-45deg) translate(-6px, 8px); }
  .menu-on .icon-bar-2 { opacity:0 }
  .menu-on .icon-bar-3 { transform:rotate(45deg) translate(-2px,-3px) }
  .menu-on .menu-on-shadow { background:rgba(0,0,0,.3); content:""; cursor:pointer; display:block; height:100%; left:0; position:fixed;
 top:0; width:100%; z-index:19999}
}
.menu { margin:0; padding:0;width: 88%; display: flex; justify-content: flex-end;}
.menu li { float:left; height:80px; list-style:none;transition:all .1s ease-out 0s; padding:0 1%;
}
@media (max-width:991px) {
  .menu li { float:none; height:auto }
  .menu li .fa-angle-down { display:none }
  .menu { margin:0; padding:0;width:100%; display: inline;}
}
.menu li.dropdown .fa-angle-down { opacity:.8; transition:transform .3s}
.menu li.dropdown:hover>.sub-menu { opacity:1; transform:rotateX(0); transition:transform .3s,opacity .1s; visibility:visible}
.menu li.dropdown:hover>.sub-menu:before { opacity:1;  transition:opacity .1s .2s}
.menu li.dropdown:hover .fa-angle-down { transform:rotate(-180deg); transition:transform .3s}
.menu li.active a { color:#fff}
.menu li.active .sub-menu a,
.menu li.active .sub-menu a:hover { color:#121212}
@media (max-width:991px) {
  .menu li.active .sub-menu a { color:#333;) }
  .menu li.active .sub-menu a:hover { color:#121212}
}
.menu li i.new { background:#2ac36c; border-radius:3px;color:#fff; display:block; font-size:12px; font-style:normal; font-weight:500; line-height:1;
  margin-top:-7px; opacity:.95; padding:2px;  position:absolute; right:13px; top:50%; transform:scale(.9)}
@media (max-width:991px) {
  .menu li i.new { display:none}
}
.menu li.has-flag a { padding-right:30px}
.menu a { color:hsla(0,0%,100%,.95); display:block; width: 100%; height: 40px; padding: 0 24px;  line-height:40px; border-radius: 50px; margin-top: 20px;
  outline:none;transition:all .1s ease-out 0s}
.menu li.active a,
.menu a:focus a,
.menu a:hover { color:#fff; text-decoration:none; font-weight: bold; background-color: #002883;}
@media (max-width:1660px) {
  .menu a { font-size:16px;}
}
@media (max-width:991px) {
  .menu a { line-height:50px; padding:0 20px; font-size: 18px;}
  .menu li a { color: #333;}
  .menu li.active a { color: #333;}
}
.menu .sub-menu { display: none; backface-visibility:hidden; background:#fff; border-radius:5px; box-shadow:1px 2px 5px 1px rgba(0,0,0,.15);
 list-style:none; opacity:0; padding:12px; position:absolute; top:100%; transform:rotateX(-90deg);transform-origin:0 0;
  transition:transform .3s,opacity .1s .2s,visibility .1s .3s; visibility:hidden;}
.menu li:nth-child(2) .sub-menu,.menu li:nth-child(6) .sub-menu{ display: block;}
.menu li:nth-child(6) .sub-menu.en {
  display: none;
}
@media (max-width:991px) {
  .menu .sub-menu { background:none; box-shadow:none; display:flex; flex-wrap:wrap; gap:10px; opacity:1; overflow:hidden; padding:5px 20px 10px;
    position:relative; top:0; transform:rotateX(0);  visibility:visible; width:100% }
}
.menu .sub-menu:before { border:10px solid transparent; border-bottom-color:#fff; content:"";  height:0; left:37px; line-height:0; opacity:0;
 position:absolute; top:-19px; transition:opacity .2s 0s; width:0}
@media (max-width:767px) {
  .menu .sub-menu:before { border:0; display:none }
}
.menu .sub-menu li { float:none; height:auto; width:100%; white-space: nowrap}
@media (max-width:991px) {
  .menu .sub-menu li { border:1px solid rgba(0, 0, 0, 0.3); border-radius:3px; min-width:calc(50% - 5px); text-align:center; width:auto; padding: 0;}
}
.menu .sub-menu li:last-child { border-bottom-width:0}
@media (max-width:991px) {
  .menu .sub-menu li:last-child { border-bottom-width:1px }
}
.menu .sub-menu a { border-radius:5px; color:#121212;display:block; font-size:16px; line-height:22px; padding:12px 16px;
  margin-top: 0px; background-color: #fff; overflow: hidden;  white-space: nowrap;
  /* text-overflow: ellipsis; */
}
.menu .active .sub-menu a{ background-color: #fff; font-weight: normal;}
@media (max-width:991px) {
  .menu .sub-menu a { color:#333; font-size:16px; line-height:20px; padding:10px }
}
.menu .sub-menu a .menu-title { align-items:center; display:flex}
@media (max-width:991px) {
  .menu .sub-menu a .menu-title { justify-content:center }
}
.menu .sub-menu a em { background:#197dff; border-radius:3px; color:#fff; display:inline-block; font-size:12px; font-style:normal;  font-weight:500!important;
 line-height:1; margin-left:10px; opacity:.88; padding:3px 8px; vertical-align:top}
@media (max-width:991px) {
  .menu .sub-menu a em { display:none}
}
.menu .sub-menu a .menu-desc { color:#777; display:block; font-size:13px; font-weight:400; line-height:18px; margin-top:5px}
@media (max-width:991px) {
  .menu .sub-menu a .menu-desc { display:none }
}
.menu .sub-menu a:hover { background:#f1f3f5; color:#121212; font-weight:600}
.menu .sub-menu a:hover .menu-desc { color:#515151; font-weight:400}
.menu.theme-single-hide { opacity:0;transition:all .2s ease-out 0s; visibility:hidden}
.user-bar { background:none; display: block; margin:0; padding:0;}
.user-bar .user-t{align-items: center; display: flex; justify-content: space-between; margin-left: 2em; cursor: pointer;}
.user-bar .user-t i{ display: block; width: 24px; height: 24px; background-position: 0px 0px;}
.user-bar .user-t p{ font-size:16px; color: #fff; margin: 0; width: 44px; height: 32px; border-radius: 5px; text-align: center;
 line-height: 32px;  }

.user-bar .user-l{ position: absolute; top: 70px; padding: 1.25rem; transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);background-color: rgb(255,255,255,1); transition-duration: 150ms;border: 1px rgba(0, 0, 0,0.1) solid;
  border-radius: 0.375rem; right: 3%;width: 20rem; opacity: 0;visibility: hidden;}
.user-bar .user-l ul{display: flex; margin: 0;white-space: nowrap;row-gap: 0.625rem; padding: 0;}
.user-bar .user-l ul li{ width:100%; padding-inline-end: 0.625rem;}
.user-bar .user-l ul li a{column-gap: 0.375rem;display: flex;align-items: center; color: #333;font-size:16px; line-height: 1.5;}
.user-bar .user-l ul li a img{object-fit: contain;width:3rem;display: block;}
.user-bar .user-l ul li a:hover{ color: #002883; }

.user-bar:hover .user-l{ opacity: 1; transition-duration: 150ms;visibility: visible;}

@media (max-width:991px) {
 .user-bar { display:none }
}
header.header-fixed { box-shadow:0 1px 3px rgba(0,0,0,.1); transition:all .3s ease-out 0s}

.menu-wrap .search-box { float: left; z-index: 101; height: 100%; position: relative; display:block;margin-left: 3vw;}
.menu-wrap .search-box .butn { display: block; margin: 0 auto; cursor: pointer; width: 40px; height: 40px; border-radius: 50%;}
.menu-wrap .search-box .butn i { width: 39px; height: 39px; background-position:-162px 0;}
.menu-wrap.xc .search-box .butn i,.menu-wrap.nt .search-box .butn i { background-position:-322px 0;}
.menu-wrap .search-box .butn.hov i { background-position: -110px 0; border-radius: 100%;}
.menu-wrap .share-sub { position: absolute; right: 50px; top: 0px; width: 0; height: 40px; overflow: hidden;
 background: #f5f5f5; border-radius: 20px; border: none; z-index: 10; }
.menu-wrap .share-sub .tex { width: 160px; font-size: 14px; line-height: 18px; padding: 11px 14px; color: #333;
 border: none; background: #f5f5f5; outline: none;}
.menu-wrap .share-sub .sub-btn { border: none; background-color: #f5f5f5; width: 26px; height: 26px; cursor: pointer; margin-top: 7px; background-position: -204px -8px;
 transition: ease-in-out 0.2s; outline: none;}






/* 底部 */
.footer_main { background:#222935; background-size: cover; position: relative; padding:3% 3.5% 2%;}
.footer_main .footer{ width: 100%; justify-content: space-between; position: relative; display: flex; padding-bottom: 2%;}
.footer_main .footer .bottomlogo{ width: 25%; }
.footer_main .footer .bottomlogo img{ display: block;}
.bottomlogo_tel{ width: 100%; padding-top: 5%; }
.bottomlogo_tel .bottomlogo_tel_1{  color: #fff; font-family: Arial; }
.bottomlogo_tel .bottomlogo_tel_2{  color: #fff; font-family: Arial; }
.bottomlogo_tel .bottomlogo_tel_2 dt{ font-weight: normal; padding-top: 0.5rem; display: flex; width: 100%;}
.bottomlogo_tel .bottomlogo_tel_2 dt i{ display: block; width: 18px; height: 18px; background-position: 0px -246px;float: left; margin-top: 4px; }
.bottomlogo_tel .bottomlogo_tel_2 .dt2 i{background-position: 0px -282px; }
.bottomlogo_tel .bottomlogo_tel_2 .dt3 i{background-position: 0px -317px; }
.bottomlogo_tel .bottomlogo_tel_2 dt span{ display: block;padding-left: 10px; float: left; width: 88%;}

.footer_main .footer .bottomnav{ width:58%; }
.footer_main .footer .bottomnav h3{ color: #fff; padding-top:20px; margin: 0; }
.footer_main .footer .bottomnav ul{ margin: 0; padding: 0; width: 100%; display: flex; justify-content: space-between;
  position: relative; flex-wrap: wrap;}
.footer_main .footer .bottomnav ul li{ width: 20%; }
.footer_main .footer .bottomnav ul a{ display: block; width: 100%; font-size:20px; color: #fff;line-height:20px;white-space: nowrap;
 text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.footer_main .footer .bottomnav ul p{ width: 100%; padding-top: 16px;}
.footer_main .footer .bottomnav ul p a{ font-size: 16px; color: #9496a2;line-height: 36px;}
.footer_main .footer .bottomnav ul a:hover{ color: #fff; font-weight: bold;}
.footer_main .footer .bottomnav ul li:nth-child(2) p,.footer_main .footer .bottomnav ul li:nth-child(3) p,.footer_main .footer .bottomnav ul li:nth-child(4) p{ display: none;}
.footer_main .footer .bottomnav ul li:nth-child(5) p.en {
  display: none;
} 
.footer_main .footer .bottomcontact{ width:17%; }
.footer_main .footer .bottomcontact h3{ color: #fff; margin: 0; }
.footer_main .footer .bottomcontact .p{ width: 100%; font-size: 16px; color: #9496a2; line-height: 36px; padding-top: 16px; }
.footer_main .footer .bottomcontact .p span{ display: block; color: #fff; font-weight: bold; font-family: Arial; }
.footer_main .footer .bottomcontact a{ display: block; width: 60%; height: 70px; background-color: #002883; border-radius: 10px; text-align: center;
 margin-top: 26px; line-height: 70px;}
.footer_main .footer .bottomcontact a p{ display: inline-block; }
.footer_main .footer .bottomcontact a p span{ color: #fff; font-size: 16px; float: left; }
.footer_main .footer .bottomcontact a p i{ display: block;width: 6px; height: 10px; background-position: -9px -316px; margin-left: 10px; float: left; margin-top: 30px; }
.footer_main .footer .bottomcontact a:hover{ background-color: #0c3799; }



.bottomcontact1{ width: 100%;  padding-top: 9%; color: #fff;}
.bottomcontact1 .bottomemail{ width: 100%; margin-top: 20px; background-color: #323a4c; height: 50px; position: relative; }
.bottomcontact1 .bottomemail .w-full{width:85%; height: 50px; line-height: 50px; border: none; outline: none; text-indent: 20px; background-color: #323a4c;
  color: #fff;}
.bottomcontact1 .bottomemail .text{ width: 15px; height: 11px; background-position: 0px -347px; display: block; position: absolute; right: 20px; top: 20px;
  background-color: transparent;border: none; cursor: pointer; transition: ease-in-out 0.2s; }
.bottomcontact1 .bottomemail .text:hover{background-position: 0px -363px;}

.bottomcontact2{width: 100%;  padding-top: 5%; color: #fff;}
.bottomcontact2 .bottomul{width: 90%; margin-top: 20px; padding-left: 0;justify-content: space-between; position: relative; display: flex;}
.bottomcontact2 .bottomul li{ position: relative; }
.bottomcontact2 .bottomul li img{ display: block; height: 40px; filter: grayscale(100%) brightness(500%);transition: ease-in-out 0.2s;   }
.bottomcontact2 .bottomul li img:hover{filter: initial;}


.bottom_copy{ color: #fff; text-align: center;}
.bottom_copy a{ display: inline-block; color: #fff; }
.bottom_copy a:hover{ font-weight: bold;}

@media only screen and (max-width: 1440px) {
  .bottomlogo_tel .fnt_26{ font-size: 20px;}
}
@media only screen and (max-width: 1300px) {
  .bottomlogo_tel .fnt_26{ font-size: 18px;}
}

@media only screen and (max-width:1030px) {
.footer_main .footer { display: inline-block;}
.footer_main .footer .bottomlogo{ width: 100%; }
.footer_main .footer .bottomnav{ width: 100%; padding-top: 5%;}
.footer_main .footer .bottomcontact{ width:100%;padding-top: 5%; }
.footer_main .footer .bottomnav ul { padding-top: 4%; display: inline-block;}
.footer_main .footer .bottomnav ul li{ width: 33.3%; float: left; padding-bottom: 20px; }
.bottomcontact1{ padding-top: 5%;}
.bottomcontact2 .bottomul { width: 80%;}
  .footer_main .footer {
    padding-bottom: 6%;
  }
}


/* 返回顶部 */

.rightFix { width: 46px;position: fixed; right: 8px; bottom:8%; z-index: 999; display: none;}
.rightFix.xc{ display: block; }
.rightFix a { width: 46px; height: auto; background: #002883; text-align: center; display: block; margin-bottom: 6px; position: relative;
 padding-top: 8px; border-radius: 5px; padding-bottom: 5px;}
.rightFix a h3 { color: #fff; font-weight: 400; font-size: 12px; display: none;}
.rightFix .ico {  width: 32px; height: 32px; display: block; position: relative;  overflow: hidden; transition: all ease 300ms;
    margin: 0 auto 1px; padding: 0;  background: url("../images/fix-ico.png") no-repeat 0 0;}
.rightFix .img { width: 110px; height: auto; position: absolute;
    left: -10px; top: 0; padding: 6px; background: #1265fd;  border: 1px solid #ddd;  background: #fff;display: none;
    text-align: center;  opacity: 0; filter: alpha(opacity=0);  transition: all ease-in-out 0.2s; border-radius: 5px;  color: #333;  padding-bottom: 10px;}
.rightFix .img p { padding-top: 5px;}
.rightFix a:hover .img {  opacity: 1; filter: alpha(opacity=100); left: -120px; display: block;}
.rightFix .img img { width: 110px; height: 110px;}
.rightFix a span { width:150px; text-align: center; height:46px; line-height: 46px; position: absolute;
    top: 0; background: #1265fd; color: #fff; display: block; font-weight: bold; font-size: 16px;
    opacity: 0; filter: alpha(opacity=0);  transition: all ease-in-out 0.2s; border-radius: 7px 0 0 7px;}
.rightFix .fix-xcx span{
  width: 250px;
}
.rightFix a:hover { background-color: #1265fd;  overflow: visible;}
.rightFix a:hover h3 { color: #fff;}
.rightFix a.fix-ewm img{ width:100%}
.rightFix a.fix-ewm:hover img { opacity: 1;filter: alpha(opacity=100);left: -140px;}
.rightFix a:hover span { opacity: 1; filter: alpha(opacity=100); right:50px;}
.rightFix .fix-tel:hover .ico { background-position: -32px 0;}
.rightFix .fix-xcx .ico { background-position: 0 -32px;}
.rightFix .fix-xcx:hover .ico { background-position: -32px -32px;}
.rightFix .fix-ewm .ico { background-position: 0 -64px;}
.rightFix .fix-ewm:hover .ico { background-position: -32px -64px;}
.rightFix .mess .ico { background-position: 0 -96px;}
.rightFix .mess:hover .ico { background-position: -32px -96px;}
.rightFix .fix_top .ico { background-position: 0 -128px;}
.rightFix .fix_top:hover .ico, .rightFix .fix_top.hover .ico { background-position: -32px -128px;}
.rightFix .fix-form { background-position: 10px -234px;}
.rightFix .fix-form span { font-size: 14px; line-height: 23px; width: 180px;}
.rightFix .fix-form:hover {background-position: -37px -234px;}



@media only screen and (max-width:1030px) {
.rightFix .fix-tel{ display: none; }
}
.text-left { text-align: left !important;}


.weui_mask { background: rgba(0,0,0,.6);}
.weui_mask, .weui_mask_transition, .weui_mask_transparent { position: fixed; z-index: 1000; width: 100%; height: 100%;  top: 0; left: 0;}
.weui_dialog { position: fixed; z-index: 5000; width:80%; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
  text-align: center; }
.weui_dialog_ft { position: absolute; right: -18px;top: -22px; display: -webkit-box; display: -webkit-flex; display: flex;    z-index: 66666;}
.weui_btn_dialog.primary { color: #2b2b2b;}
.weui_dialog_ft a { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);
  width:50px; height:50px; background:url(../images/closeM.png) center center no-repeat;transition: All 0.4s ease-in-out;             -webkit-transition: All 0.4s ease-in-out;             -moz-transition: All 0.4s ease-in-out;             -o-transition: All 0.4s ease-in-out;}
.weui_dialog .in_title{ width:100%;}
.weui_dialog .in_title img{ margin:0 auto; width:200px; height:200px; display:block;}
.weui_dialog .in_title span{ line-height:60px;}
.weui_dialog_ft a:hover{transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);}

 @keyframes scaleDran {

0% {
  transform:scale(1);
}
25% {
  transform:scale(1.15);
  /*放大1.1倍*/
}
50% {
  transform:scale(1);
}
75% {
  transform:scale(1.15);
}
}




.banner{ width: 100%;  height: 100vh; overflow: hidden;}
.banner .bd{ width: 100%; height: 100%; position: relative; }
.banner .bd .slick-list { height: 100%;}
.banner .bd .slick-track{height: 100%;}
.banner .myslide{ width: 100%; height: 100%; position: relative; }
.banner .myslide .carousel-caption { position: absolute; top: 35%; left: 10%; z-index: 10; padding-top: 20px;
  padding-bottom: 20px; color: #fff;text-align: center;}
.banner .myslide .carousel-caption.text-center{
  width: 100%;
  left: 50%;
  margin-left: -50%;
  top:25%;
}
.banner .myslide .carousel-caption.text-center .btns{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top:120px;
}
.banner .myslide .carousel-caption.text-center .btns a{
  margin: 0 10px;
}
@media only screen and (max-width:1200px) {
  .banner .myslide .carousel-caption { position: absolute; top:27%; left: 10%; z-index: 10; padding-top: 20px;
    padding-bottom: 20px; color: #fff;text-align: center;}
}
.banner .myslide .carousel-caption h3 { font-weight: bold; line-height: 1.6em}
.banner .myslide .carousel-caption h4 {line-height:1.4em;}
.banner .myslide .carousel-caption a{ display: block; margin: 0; padding: 0; width:187px; height: 60px; background: #002883;
  border-radius: 60px; margin-top: 5%;text-align: center;transition: all ease 0.36s;}
.banner .myslide .carousel-caption a p{ margin-bottom: 0;align-items: center; justify-content: center;
  display: flex; height: 100%;}
.banner .myslide .carousel-caption a p span{ color: #fff; font-family: Arial; }
.banner .myslide .carousel-caption a p s{ display: block; width: 6px; height: 10px; background-position:-9px -316px; margin-left: 10px; }
.banner .myslide .carousel-caption a:hover{ margin-left: 5px; transition: all ease 0.36s;}

.banner .myslide .img1{ display: none; width: 100%; display: block;}


.banner .slick-prev{ display: none !important; }
.banner .slick-next{ display: none !important; }

.banner .slick-dots{ position: absolute; right: 4%; top: 50%; margin-top: -110px; margin: 0; }
.banner .slick-dots li{ display: block; width: 42px; height: 42px; background: url(../images/icon.png) center center no-repeat; background-position: 0px -88px;
margin: 10px 0;}
.banner .slick-dots li.slick-active{ background-position: 0px -31px;}
.banner .slick-dots li button{ display: none; }

.banner .slick-active .flyInRight2 {
  -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both;
  animation-fill-mode: both;-webkit-animation-name: flyInRight; animation-name: flyInRight;
}

@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(120px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@media (max-width: 1200px) {
.banner .slick-dots { right: auto; width: 100%; top:auto; bottom: 6%; padding-left: 0; text-align: center;}
.banner .slick-dots li{ display: inline-block; margin: 0 15px; }
  .banner .myslide .img1{ display: block;}
  .banner {height: auto;}
}

.in_bl{ width:100%; height:70px; position:absolute; left:0%; bottom:0;z-index: 3;}
.in_bl .in_bz{ margin:0 auto;display: block;width: 80px; text-align:center;}
.in_bl .in_bz p{ font-size:16px; color:#0d5da2; line-height:16px; padding-top:30px;}
.in_bl .in_bz i{ display:block; margin:0 auto; width:23px; height:50px; background-position: -60px -0px; margin-top:10px;webkit-animation: bounce-down 2s linear infinite;animation: bounce-down 2s linear infinite;}
@keyframes bounce-down {
    25% {transform: translateY(-3px);}
    50%{transform: translateY(0);}
    75% {transform: translateY(3px);}
    100% {transform: translateY(0);}
   }



.main{ width: 100%; position: relative; overflow: hidden; }


.in_title{ width: 100%; position: relative; }
.in_title h3{ font-weight: bold; text-align: center; }

.floor_0_main{background: url(../images/s1_02.jpg) center center no-repeat; background-size: cover; position: relative; padding:5% 10.5% 5%; }

.floor_0_1 .fnt_90{ font-family:Arial; font-weight: bold; }
.floor_0_1 .fnt_36{ font-weight: bold; padding-top:3%; }
.floor_0_1 .p{ margin-top: 2%; text-overflow: -o-ellipsis-lastline;
overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.floor_0_1 a{ display: block; padding-top: 10%; color: #333; }
.floor_0_1 a:hover{ color: #002883; }

.floor_0_2 .comp02-grid { position: relative; display: grid; grid-template-columns: .5fr .5fr; gap: 3rem;}
.floor_0_2 .square--md { position: relative; overflow: hidden; border-radius: 50%;align-items: center; justify-content: center;display: flex; padding-top: 99%;}
.floor_0_2 .comp02-grid .comp02-item:nth-child(2n+1) { transform: translateY(5rem);}
.floor_0_2 .comp02-grid .comp02-item .card-body { flex: 1 1 auto;  color: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%;    padding: 0;
align-items: center; justify-content: center; display: flex;}
.floor_0_2 .comp02-grid .comp02-item .card-text { color: #fff;}
.floor_0_2 .comp02-grid .comp02-item .card-text span{ padding-right: 8px; }
.floor_0_2 .comp02-grid .comp02-item .card-text:first-child { margin-top: 0;}
.floor_0_2 .comp02-grid .comp02-item .text-inv-lead{ }
.floor_0_2 .comp02-grid .card1,.floor_0_2 .comp02-grid .card3{ background-color: #002883 !important; }
.floor_0_2 .comp02-grid .card2,.floor_0_2 .comp02-grid .card4{ background-color: #8ba700 !important; }

.floor_0_0{ width: 100%; position: relative; }
.floor_0_0 .swipercp{ width: 100%; position: relative; padding-bottom: 60px;}
.floor_0_0 .swipercp .swiper-slide{ width: 100%; position: relative; padding-bottom: 4px; overflow: hidden; margin-top: 3%;}
.floor_0_0 .swipercp .swiper-slide .s1{ position: relative; width: 100%; }
.floor_0_0 .swipercp .swiper-slide .s1 .img{padding-top: 2%;width: 98%; margin-left: 2%; position: relative; z-index: 3;}
.floor_0_0 .swipercp .swiper-slide .s1 img{ display: block; width: 100%;  box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
border-radius: 5px;}
.floor_0_0 .swipercp .swiper-slide .s1 i{ display: block; width:30%; height: 80%; background-color: #002883; border-radius: 6px; position: absolute; left: 1px;
top: 0; }
.floor_0_0 .swipercp .swiper-slide .s2{ width: 100%; padding-left: 14%; }
.floor_0_0 .swipercp .swiper-slide .s2 h3{ font-weight: bold; padding-top: 14%; color: #333; }
.floor_0_0 .swipercp .swiper-slide .s2 .p{ padding-top: 5%; color: #333; }
.floor_0_0 .swipercp .swiper-slide .s2 .bt{ width: 18.4rem; height: 6rem; background-color: #002883; line-height: 6rem; border-radius: 50px;
margin-top:15%; text-align: center;}
.floor_0_0 .swipercp .swiper-slide .s2 .bt p{ display: inline-block; padding: 0;}
.floor_0_0 .swipercp .swiper-slide .s2 .bt p span{ display: block; color: #fff; float: left; }
.floor_0_0 .swipercp .swiper-slide .s2 .bt p s{ display: block; width: 0.8rem; height: 1.3rem; background-position: -1.1rem -18.4rem; float: left; margin-top: 2.4rem;
margin-left: 1.6rem;}
.floor_0_0 .swipercp .swiper-slide .s2 .bt:hover{ background-color: #113995; }
.floor_0_0 .swipercp .swiper-pagination-bullet{ width:6rem; height:1rem; background-color: #aaafb2; border-radius: 2rem; }
.floor_0_0 .swipercp .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #002883; }


@media (max-width: 1180px) {
.floor_0_main { padding: 10% 9% 20%;}
.floor_0_0 .swipercp .swiper-slide .s1 .img{width: 98%;}
.floor_0_0 .swipercp .swiper-slide .s2{ padding-left: 2%; }
}

.floor_1_main{background: url(../images/s1_03.jpg) center center no-repeat; background-size: cover; position: relative; padding:5% 3.6% 5%; }
.floor_1_main .in_title{ width: 100%; position: relative;}
.floor_1_main .in_title h3{color: #fff; }
.floor_1_1{ width: 100%; position: relative; }
.floor_1_1 .bd{ width: 100%; position: relative; }
.floor_1_1 .bd .slick-list{ padding-bottom: 2%;}
.floor_1_1 .bd .item{ width: 100%; }
.floor_1_1 .bd .item .img{ display: block; width: 84%; margin-top: 8%; border-radius: 1rem; position: relative;transition: all ease 0.36s;}
.floor_1_1 .bd .item .img img{ display: block; width: 100%; position: relative; z-index: 5;border-radius: 1rem;}
.floor_1_1 .bd .item .img:hover img{filter:none;}
.floor_1_1 .bd .item .img i{ display: block; width: 100%; height: 100%; border-radius: 1rem; position: absolute; left: 0;
bottom: -0.7rem; background-color: #002883; opacity: 0;}
.floor_1_1 .bd .item .img:hover i{ opacity: 1;}
.floor_1_1 .bd .item:hover .img{transform: translateY(-5px);transition: all ease 0.36s;}

.floor_1_1 .slick-dots{ text-align: center; padding-top: 1%; margin-bottom: 0;}
.floor_1_1 .slick-dots li{ width:1rem; height:1rem; background-color: #fff; border-radius: 5rem; display: inline-block; margin: 0 0.6rem; cursor: pointer;}
.floor_1_1 .slick-dots li button{ display: none; }
.floor_1_1 .slick-dots li.slick-active{ background-color: #002883; }

@media (max-width:1660px) {
.floor_1_1 .bd .item .img{ margin: 0 auto;    margin-top: 8%;}

}

@media only screen and (max-width:1030px) {
.floor_1_1 .asNavForSlickTab .myslide .pic{ padding:3% 5%;}
.floor_1_1 .asNavForSlickTabC .myslide .p { top: 15%;  width: 70%;}
.floor_1_main .in_title h3 { padding-top: 8%;}
}


.floor_2_main{ background: url(../images/s1_04.jpg) center center no-repeat; background-size: cover; position: relative;
padding:5% 3.5% 5%;}
.floor_2_main .in_title h3{ text-align: center; }
.floor_2_1{ width: 100%; text-align: center;  }
.floor_2_1 .row{display: flex;justify-content: space-between; position: relative;}
.floor_2_1 .floor_2_11{ margin-top: 2%; position: relative;transition: all ease 0.36s;}
.floor_2_1 .floor_2_11 a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 5px;}
.floor_2_1 .floor_2_11 .img{width: 100%; position: relative;height: 100%;}
.floor_2_1 .floor_2_11 .img img{ display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.floor_2_1 .floor_2_11 .dt_a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0,0,0,0.3);}
.floor_2_1 .floor_2_11 .dt_a .dt_ab{ width: 90%; position: absolute; left: 5%; bottom: 5%; text-align: left;}
.floor_2_1 .floor_2_11 .dt_a .dt_ab h3{ color: #fff;text-overflow: -o-ellipsis-lastline;font-weight: bold;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;
-webkit-box-orient: vertical;}
.floor_2_1 .floor_2_11 .dt_a .dt_ab .p{ color: #fff; text-overflow: -o-ellipsis-lastline;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;
-webkit-box-orient: vertical; margin-top: 1.2rem;}
.floor_2_1 .floor_2_11 .dt_a .dt_ab .m{ display: flex; justify-content: space-between; color: #fff; margin-top: 1.6rem;}
.floor_2_1 .floor_2_11 .dt_a .dt_ab .m p{ color: #fff;}
.floor_2_1 .floor_2_11 .dt_a .dt_ab .m p span{ display: block; float: left;}
.floor_2_1 .floor_2_11 .dt_a .dt_ab .m p i{ display: block; width: 0.6rem;height: 1rem; background-position: -0.9rem -31.6rem;
float: left; margin-left: 0.8rem; margin-top: 0.8rem;}
.floor_2_1 .floor_2_11 a:hover .dt_a .dt_ab h3{ font-weight: bold;}
.floor_2_1 .floor_2_11:hover{transform: translateY(-5px);transition: all ease 0.36s;}

.floor_2_1 .floor_2_12{ margin-top: 2%; position: relative; overflow: hidden; border-radius: 5px;transition: all ease 0.36s;}
.floor_2_1 .floor_2_12 a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 5px;
background-color: #fff; text-align: left;}
.floor_2_1 .floor_2_12 a .dt_a{ padding: 5%;}
.floor_2_1 .floor_2_12 a .dt_a h3{ color: #333; text-overflow: -o-ellipsis-lastline;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;
-webkit-box-orient: vertical; font-weight: bold;}
.floor_2_1 .floor_2_12 a .dt_a .p{ color: #666;  white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
word-break: break-all; margin-top:1rem;}
.floor_2_1 .floor_2_12 a .dt_a .m{ display: flex; justify-content: space-between; color: #222; margin-top: 1.6rem;}
.floor_2_1 .floor_2_12 a .dt_a .m p{ color: #666;}
.floor_2_1 .floor_2_12 a .dt_a .m p span{ display: block; float: left;}
.floor_2_1 .floor_2_12 a .dt_a .m p i{ display: block; width: 0.6rem;height: 1rem; background-position: 0rem -31.6rem;
float: left; margin-left: 0.8rem; margin-top: 0.8rem;}
.floor_2_1 .floor_2_12 a .img{ display: block; width: 100%;}
.floor_2_1 .floor_2_12 a .img img{ display: block; width: 100%;}
.floor_2_1 .floor_2_12 a:hover .dt_a h3{ color: #002883;}
.floor_2_1 .floor_2_12:hover{transform: translateY(-5px);transition: all ease 0.36s;}

.floor_2_1 .floor_2_13{ margin-top: 2%; position: relative;}
.floor_2_1 .floor_2_13 ul{ display: block; width: 100%; background-color: #002883;overflow: hidden; border-radius: 5px; height: 100%}
.floor_2_1 .floor_2_13 ul li{ height:10rem; position: relative; width: 100%; padding: 0 8%; text-align: left;
}
.floor_2_1 .floor_2_13 ul li a{ display: block; width: 100%; height: 100%;  align-items: center; justify-content: center;display: flex;}
.floor_2_1 .floor_2_13 ul li .dt_a{ display: block; position: relative; width: 100%;}
.floor_2_1 .floor_2_13 ul li .dt_a h3{ width: 80%; color: #fff; white-space: nowrap;text-overflow: ellipsis;
overflow: hidden;word-break: break-all; padding-top: 0.6rem;}
.floor_2_1 .floor_2_13 ul li .dt_a .p{ color: #ddd; font-family:Arial; margin-top: 1rem;}
.floor_2_1 .floor_2_13 ul li .dt_a i{ display: block; width: 0.8rem;height: 1.4rem; background-position: 0rem -29rem;
right: 0.8rem; top: 0.8rem; position: absolute;}
.floor_2_1 .floor_2_13 ul li:hover{ background-color: #001c5b;}


@media (max-width:1200px) {
.floor_2_1 .floor_2_11 {min-height: 34rem;}
.floor_2_1 .row{display: block;}
}



.floor_3_main{  position: relative; padding:5% 3.5% 4%; }
.floor_3_1{display: flex;justify-content: space-between; position: relative; flex-wrap: wrap; width: 100%;}
.floor_3_1 .item {position: relative; width: 31%; overflow: hidden;transition: all ease 0.36s; border-radius: 10px; margin-top: 30px; background-color: #f8f8f8;}
.floor_3_1 .item:hover { transform: translateY(-5px); transition: all ease 0.36s;box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1);}
.floor_3_1 .item a{ display: block; width:100%;}
.floor_3_1 .item .img{ display: block; width: 100%; overflow: hidden; }
.floor_3_1 .item .img img{ display: block; width: 100%;transition: all ease 0.36s; }
.floor_3_1 .item:hover img { transform: scale(1.05); transition: all ease 0.36s;}
.floor_3_1 .item .dt_a{ padding: 8% 5%; position: relative; }
.floor_3_1 .item:hover .dt_a{ background: url(../images/c10_03.jpg) right bottom no-repeat; background-size: cover; }
.floor_3_1 .item .dt_a h3{ color: #333;  text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.floor_3_1 .item:hover .dt_a h3{ color: #fff; }
.floor_3_1 .item .dt_a .p{ color: #666;  text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-top: 3%;}
.floor_3_1 .item:hover .dt_a .p{ color: #fff; }
.floor_3_1 .item .dt_a .m{ display: flex; margin-top: 5%; }
.floor_3_1 .item .dt_a .m p{ color: #999; margin-bottom: 0;}
.floor_3_1 .item .dt_a .m i{ display: block; width: 13px; height: 9px; background-position: 0px -207px; margin-left: 18px; margin-top: 7px;}
.floor_3_1 .item:hover .dt_a .m p{ color: #fff; }
.floor_3_1 .item:hover .dt_a .m i{ background-position: 0px -231px; }

@media (max-width:1030px) {

.floor_3_main{ padding:8% 3.5% 7%; }
.floor_3_1 .item { width:100%;}

}

video{ display: block; width: 100%; }


/* 关于我们 */
.ny_banner{ width: 100%; position: relative; height:100vh; }
.ny_banner img{ display: block; width: 100%; }
.ny_banner .video{ display: block; width: 118px; height: 116px; background-position: -71px 0px; position: absolute; z-index: 5000; top: 50%; left: 50%;
 -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);  text-align: center; cursor: pointer; }

.ny_0_main{ background: url(../images/c12_02.jpg) center center no-repeat; background-size: cover; position: relative; padding:5% 3.5% 5%;}
.ny_0_1 h3{ font-weight: bold; text-align: center; }
.ny_0_1 .p{ color: #666; margin-top: 2%; text-indent: 32px; }

.ny_0_2{ margin-top: 3%; position: relative; }
.ny_0_2 .fnt_24{ color: #aacc03;line-height: 50px; }
.ny_0_2 .fnt_24 .fnt_64{ padding-right: 8px; }
.ny_0_2 .car_t{background: url(../images/c13_03.png) center center no-repeat; display: block; width: 175px; height: 12px; margin:6px auto 0;}



@media (max-width:1030px) {

  .ny_banner{  height:70vh; }

}

@media (max-width:768px) {
.ny_0_2 .col-md-3 { width:50%; margin-top: 3%; }
}


.ny_1_main{ position: relative;}
.ny_1_main .in_title{ position: absolute; left: 0; top: 0; z-index: 5;}
.ny_1_main .in_title h3{ padding-top: 5%; padding-left: 5%; color: #fff; }
.ny_1_1{ width: 100%; position: relative; }
.ny_1_1 .asNavForSlickTabC1{ width: 100%; position: relative; }
.ny_1_1 .asNavForSlickTabC1 .myslide{ width: 100%; position: relative;height: 100vh; }
.ny_1_1 .asNavForSlickTabC1 .myslide img{ display: block; width: 100%;transition: 1s linear 2s; transform: scale(1.1,1.1); }
.ny_1_1 .asNavForSlickTabC1 .myslide .p{ position: absolute; left: 5%; top: 18%; color: #fff; width: 40%;}
.ny_1_1 .asNavForSlickTabC1 .slick-active img{ transition: 6s linear; transform: scale(1,1);}
.ny_1_1 .asNavForSlickTabC1 .slick-prev,.ny_1_1 .asNavForSlickTabC .slick-next{ display: none !important; }
.ny_1_1 .asNavForSlickTabC1 .slick-dots{ display: none !important;}

.ny_1_1 .asNavForSlickTab1{ width: 90%; position: absolute; left: 5%; bottom:0%;border-radius: 10px 10px 0 0; overflow: hidden;}
.ny_1_1 .asNavForSlickTab1 .slick-list{ padding: 0  !important; }
.ny_1_1 .asNavForSlickTab1 .myslide{ height: 100px;  background: url(../images/c5_05.png) center center no-repeat;
  background-size: cover; position: relative; width:33.3%; cursor: pointer; text-align: center; align-items: center; justify-content: center;display: flex;}
.ny_1_1 .asNavForSlickTab1 .myslide .pic{ display: inline-block;}
.ny_1_1 .asNavForSlickTab1 .myslide .pic img{ display: block; height: 54px; float: left; }
.ny_1_1 .asNavForSlickTab1 .myslide .pic .p{ float: left; }
.ny_1_1 .asNavForSlickTab1 .myslide .pic .p h3{ color: #333; margin: 0; line-height: 54px;padding-left:20px; }
.ny_1_1 .asNavForSlickTab1 .myslide .pic .p p{ color: #333; margin: 0; }
.ny_1_1 .asNavForSlickTab1 .myslide.slick-current .pic .p h3{ color: #fff; }
.ny_1_1 .asNavForSlickTab1 .myslide.slick-current .pic .p p{ color: #fff; }
.ny_1_1 .asNavForSlickTab1 .myslide.slick-current .pic img{filter: grayscale(100%) brightness(500%);}
.ny_1_1 .asNavForSlickTab1 .myslide.slick-current{background: url(../images/c5_03.png) center center no-repeat;
  background-size: cover;}

@media (max-width:1660px) {

.ny_1_1 .asNavForSlickTabC1 .myslide{ height: 85vh; }
}

  @media only screen and (max-width:1030px) {
.ny_1_1 .asNavForSlickTab1 .myslide .pic{ padding:3% 5%;}
.ny_1_1 .asNavForSlickTabC1 .myslide .p { top: 9%;  width: 70%;}

}



.ny_2_main { position: relative; padding:5% 5% 5%; background-color: #f7f7f7;}
.ny_2_1 .col-sm-6{ padding-top: 2%; }
.ny_2_1 .col-sm-6 .thumbnail{background: url(../images/c12_05.jpg) center center no-repeat;  background-size: cover; padding:8%;
border: #e3e7ea solid 1px; border-radius: 10px;}
.ny_2_1 .col-sm-6 .thumbnail h3{ height: 90px; width: 80%; }
.ny_2_1 .col-sm-6 .thumbnail img{ display: block; margin-top: 6%; }
.ny_2_1 .col-sm-6 .thumbnail:hover{background: url(../images/c12_07.jpg) center center no-repeat;  background-size: cover;}
.ny_2_1 .col-sm-6 .thumbnail:hover h3{ color: #fff;}
.ny_2_1 .col-sm-6 .thumbnail:hover p{ color: #fff; }
.ny_2_1 .col-sm-6 .thumbnail:hover img{ filter: grayscale(100%) brightness(500%)}


@media only screen and (max-width: 767px) {
   .ny_2_1 .col-sm-6 .fnt_24 {
        font-size: 24px;
    }
    .ny_2_1 .col-sm-6{
        width: 100%;
    }
}

.sub_banner{ width: 100%; position: relative; }
.sub_banner .img{ opacity: 0; width: 100%; }
.sub_banner .sub_local{ width: 100%; position: absolute; left: 0; top: 0; text-align: center;align-items: center; justify-content: center;display: flex; height: 100%; }
.sub_banner .sub_local h3{ color: #fff; font-weight: bold;line-height: normal; }

@media only screen and (max-width:1160px) {
  .sub_banner {
    min-height: 38rem;
  }
}

#webpack-hot-middleware-clientOverlay{ display: none;}

.about_1_main{ width: 100%; position: relative; background: url(../images/s8_02.jpg) center center no-repeat;
  background-size: auto; background-size: cover; position: relative;padding: 0% 3.6% 5%;
}
.about_1_0{
  max-width: 1480px;margin-left: auto;margin-right: auto;}
.about_1_0 .about_1_1{display: flex; justify-content: space-between;position: relative;}
.about_1_0 .about_1_1 .about_1_11{ width: 42%; padding-top: 6%;}
.about_1_0 .about_1_1 .about_1_11 h3{ color: #002883; font-weight: bold; text-transform: uppercase; line-height: 9rem;font-family: arial;}
.about_1_0 .about_1_1 .about_1_11 h4{ color: #002883; line-height:1.4em; padding-top: 6%; width:100%; height: 16rem; overflow: hidden}
.about_1_0 .about_1_1 .about_1_12{ width: 49.2%; padding-top: 6%;}
.about_1_0 .about_1_1 .about_1_12 h3{ color: #333;}
.about_1_0 .about_1_1 .about_1_12 .p{ margin-top:30px; height: 25rem; overflow-y: auto;}

.about_1_0 .about_1_2{ margin-top: 4%; width: 100%;}
.about_1_0 .about_1_2 img{ display: block; border-radius: 5px; width: 100%;}

@media only screen and (max-width:1660px) {
  .about_1_0 .about_1_1 .about_1_11 h3 {line-height: 7rem;}
  .about_1_0 .about_1_1 .about_1_12 .p{ height: 18.5rem;}
}
@media only screen and (max-width:1480px) {
  .about_1_0 {
    max-width: 1200px;
  }
}
@media only screen and (max-width:1200px) {
  .about_1_0 .about_1_1{display: block;}
  .about_1_0 .about_1_1 .about_1_11{ width: 100%;}
  .about_1_0 .about_1_1 .about_1_12{ width: 100%;}
}

.about_2_main{ width: 100%; position: relative; background: url(../images/s8_03.jpg) center center no-repeat;
  background-size: auto; background-size: cover; position: relative;padding: 5% 3.6% 5%;}
.about_2_1{display: flex;justify-content: space-between;position: relative;}
.about_2_main .about_2_1 h3{ color: #fff;}
.about_2_2{ width: 100%; position: relative;}
.about_2_2 .about_2_21{ width: 100%; position: relative;}
.about_2_2 .about_2_21 .bd{ width: 100%; position: relative;}
.about_2_2 .about_2_21 .bd .myslide{ width: 100%; position: relative; text-align: center;}
.about_2_2 .about_2_21 .bd .myslide .s{ font-size: 24rem; color: rgb(255,255,255,0.05); font-family: Arial; font-weight: bold;
position: absolute; left: 0; top: 0; width: 100%;}
.about_2_2 .about_2_21 .bd .myslide .w{ position: relative; z-index: 2; padding-top: 7%;}
.about_2_2 .about_2_21 .bd .myslide .w .w1{ color: #fff; line-height: 4rem;}
.about_2_2 .about_2_21 .bd .myslide .w i{ display: block; width: 7.8rem; height: 0.4rem; background-color: #002883; border-radius: 5px;
margin: 1% auto 0;}
.about_2_2 .about_2_21 .bd .myslide .w .w2{ color: #fff; font-weight: bold; font-family: Arial; padding-top: 1%}
.about_2_2 .about_2_21 .slick-prev{ border: none;background-color:transparent;background-image: url("../images/icon.png");
 width: 5.4rem; height: 5.4rem; background-position: -6.7rem -7.2rem; position: absolute; left: 5%; top: 50%; margin-top: -2.7rem;
 font-size: 0;z-index: 5;}
.about_2_2 .about_2_21 .slick-prev:hover{background-position: -6.7rem -13.7rem;}
.about_2_2 .about_2_21 .slick-next{ border: none;background-color:transparent;background-image: url("../images/icon.png");
  width: 5.4rem; height: 5.4rem; background-position: -13rem -7.2rem; position: absolute; right: 5%; top: 50%; margin-top: -2.7rem;
  font-size: 0;z-index: 5;}
.about_2_2 .about_2_21 .slick-next:hover{background-position: -13rem -13.7rem;}

.about_2_2 .about_2_22 { position: relative; width: 100%; margin-top: 7%;}
.about_2_2 .about_2_22 .bd{ width: 100%; position: relative;}
.about_2_2 .about_2_22 .bd .myslide{position: relative; text-align: center; cursor: pointer;}
.about_2_2 .about_2_22 .bd .myslide p{ color: #666;}
.about_2_2 .about_2_22 .bd .myslide i{ display: none; width: 0;height: 0;border-style: solid;
 border-width: 0 5.5px 9px 5.5px;border-color: transparent transparent #fff transparent; margin: 1.2rem auto 0;}
.about_2_2 .about_2_22 .bd .myslide.slick-current p{ color: #fff; }
.about_2_2 .about_2_22 .bd .myslide.slick-current i{display: block;}





@media only screen and (max-width:1200px) {
  .about_2_2 .about_2_21 .slick-prev { display: none !important;}
  .about_2_2 .about_2_21 .slick-next { display: none !important;}
  .about_2_2 .about_2_21 .bd .myslide .s{ font-size: 14rem; color: rgb(255,255,255,0.05); font-family: Arial; font-weight: bold;
    position: absolute; left: 0; top: 5rem; width: 100%;}
}

.about_3_main{ width: 100%; position: relative; padding: 5% 3.6% 5%;}
.about_3_1{display: flex;justify-content: space-between;position: relative;}
.about_3_1 .item{ margin-top: 7%; position: relative; border-radius: 10px; overflow: hidden;transition: all ease 0.36s;}
.about_3_1 .item .img{ width: 100%; display: block;}
.about_3_1 .item .img img{ display: block; width: 100%;}
.about_3_1 .item .s{ width: 80%; height: 86%; position: absolute; left: 10%; top: 7%;}
.about_3_1 .item .s h3{ color: #fff;}
.about_3_1 .item .s p{ color: #fff; padding-top: 4%}
.about_3_1 .item .s img{ display: block; width: 5.6rem; position: absolute; left: 0; bottom: 0;}
.about_3_1 .item:hover{transform: translateY(-5px);transition: all ease 0.36s;}

.about_4_main{ background-color: #e9f4ff; width: 100%; position: relative; padding: 5% 3.6% 5%;}
.about_4_1{ width: 101%; position: relative; margin-left: -1rem;}
.about_4_1 .bd{ width: 100%; position: relative;}
.about_4_1 .bd .itemlist{ margin: 0 1rem; position: relative;}
.about_4_1 .bd .item{ background-color: #fff; margin-top: 11%; border-radius: 10px; overflow: hidden;
  box-shadow: 1px 0px 2px rgba(0,0,0,0.1); text-align: center;transition: all ease 0.36s;}
.about_4_1 .bd .item .img{ width: 90%; margin:5% auto 0;}
.about_4_1 .bd .item .img img{ display: block; width: 100%;}
.about_4_1 .bd .item h3{ padding: 0 5%; line-height: 8rem; color: #333; font-weight: normal; white-space: nowrap;
  text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.about_4_1 .bd .item:hover{transform: translateY(-5px);transition: all ease 0.36s; box-shadow: 1px 0px 3px rgba(0,0,0,0.2);}
.about_4_1 .bd .slick-prev{ border: none;background-color:transparent;background-image: url("../images/icon.png");
  width: 5.4rem; height: 5.4rem; background-position: -6.7rem -7.2rem; position: absolute; right:6.8rem; top:-5rem;
  font-size: 0;z-index: 5;}
.about_4_1 .bd .slick-prev:hover{background-position: -6.7rem -13.7rem;}
.about_4_1 .bd .slick-next{ border: none;background-color:transparent;background-image: url("../images/icon.png");
  width: 5.4rem; height: 5.4rem; background-position: -13rem -7.2rem; position: absolute; right:0rem; top:-5rem;
  font-size: 0;z-index: 5;}
.about_4_1 .bd .slick-next:hover{background-position: -13rem -13.7rem;}
.about_4_1 .bd .slick-dots{ text-align: center; margin-top: 2.5%;}
.about_4_1 .bd .slick-dots li{ width: 1.2rem; height: 1.2rem; background-color: #999; border-radius: 3rem; font-size: 0;
 display: inline-block; margin: 0 0.6rem;}
.about_4_1 .bd .slick-dots li button{ display: none;}
.about_4_1 .bd .slick-dots li.slick-active{ background-color:#002883; }

.about_5_main{position: relative; padding: 5% 3.6% 5%;background: url(../images/s8_10.jpg) center center no-repeat;
  background-size: auto; background-size: cover;}
.about_5_main .in_title h3{ color: #fff; padding-bottom: 1%;}


.about_6_main{ position: relative; padding: 5% 3.6% 5%; background-color: #f9f9f9;}
.about_6_main .floor_6_1{ width: 100%; position: relative;background-color: #fff;}
.about_6_main .floor_6_1 .row{ position: relative;justify-content: space-between;display: flex;}
.about_6_main .floor_6_1 .row .col-lg-6{ height: 100%;}
.about_6_main .floor_6_1 .row .col-lg-6 .bdMap{ width: 100%; height: 100%; position: relative;}
.about_6_main .floor_6_1 .row .col-lg-6 .bdMap .container{padding: 0;}
.about_6_main .floor_6_1 .row .col-lg-6 #allmap{ width: 100%; min-height: 36.5rem; position: relative;}
.about_6_main .floor_6_1 .row .col-lg-6 #allmap .fool_di img{width: 100%;}
.about_6_main .floor_6_1 .row .col_item{ width: 80%; height: 80%; margin:10%;}
.about_6_main .floor_6_1 .row .col_item i{ display: block; width: 100%; height: 1px; background-color: #eee; margin-top: 5%;}
.about_6_main .floor_6_1 .row .col_item ul{ width: 100%; position: relative; margin-top: 1%;}
.about_6_main .floor_6_1 .row .col_item ul li{ width: 100%; position: relative; display: flex; margin-top: 4%;}
.about_6_main .floor_6_1 .row .col_item ul li s{ display: block; width: 7.2rem; height: 7.2rem; background-position: -20.4rem -7.2rem;}
.about_6_main .floor_6_1 .row .col_item ul li p{ color: #666; padding-left: 2.4rem;padding-top: 2%; width: 85%; }
.about_6_main .floor_6_1 .row .col_item ul li p span{ display: block; color: #222; padding-top: 0.6rem; }
.about_6_main .floor_6_1 .row .col_item ul li.li2 s{ background-position: -20.4rem -15.5rem;}
.about_6_main .floor_6_1 .row .col_item ul li.li3 s{ background-position: -20.4rem -23.9rem;}
.about_6_main .floor_6_1 .row .col_item ul li.li1 p span{ color: #002883; font-size: 2.6rem; font-family: Arial; font-weight: bold;}
.about_6_main .floor_6_1 .row .col_item ul li.li1 p{ padding-top: 1%; }
@media (max-width: 1200px) {
  .about_6_main .floor_6_1 .row {display: block;}
  .about_4_1 .bd .slick-prev{ display: none !important;}
  .about_4_1 .bd .slick-next{ display: none !important;}
  .about_3_1 {display: grid;justify-content: normal;}
  .menu .sub-menu{ display: none;}
  .menu li.active a {background-color:transparent;}
  .menu li:nth-child(2) .sub-menu,.menu li:nth-child(6) .sub-menu {display: flex;}
  .menu li:nth-child(6) .sub-menu.en {display: none;}
  .menu li.active a, .menu a:focus a, .menu a:hover {
    background-color: transparent;
    color: #002883;
  }
  .about_4_1 .bd .item h3{ line-height:6rem;}
}


.main1{ min-height: 12rem; position: relative; padding: 3% 4% 5%;}
.main1 .page_1{width: 100%;height: 16.8rem;margin-bottom: 2rem;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;
 -ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;background: #fff; box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.2);}
.main1 .page_1 a {width: 100%;display: block; height: 100%;display: flex;justify-content: space-between;position: relative;}
.main1 .page_1 .time {width:15%; font-family: arial;font-size: 20px;color: #999; padding-top: 4.5rem;}
.main1 .page_1 .time span{ display: block;}
.main1 .page_1:hover {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.main1 .page_1 h3 {padding: 3.5rem 0 2rem;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;
 -o-transition: all ease 300ms;transition: all ease 300ms;}
.main1 .page_1 .txt {color: #999999;line-height: 2.4rem;height: 4.8rem;padding-right: 1.3rem;overflow: hidden;}
.main1 .page_1 .tin{ width: 80%; padding-left: 4%;}
@media (max-width: 1200px) {
  .main1 .page_1 .tin {
    width: 70%;
  }

  .main1 .page_1 .time {
    width: 24%;
  }
  .in_bl{ display: none;}
  .footer_main .footer .bottomnav ul p {
    display: none;
  }
  .floor_2_main {
    padding: 8% 3.5% 8%;
  }
}
@media (max-width: 767px) {
  .lagbox{
    display: block;
  }
  .logo a{
    width: 75%;
  }
  .banner .myslide .carousel-caption{
    top: 20%;
  }
  .banner .myslide .carousel-caption a{
    width:150px;
    height: 46px;
  }
  .about_6_main .floor_6_1 .row .col_item ul li p{
    width: 70%;
  }

}