/* 公用 */
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;}
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;  background-size: 5rem 5rem;}
.lagbox{
    display: none;
    padding:1%;
    margin-bottom: 20px;
}
.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;
    display: none;
}

/* 头部 */
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; background: url("../images/s1_02.png") bottom center; }

@media (max-width:1100px) {
  header.header { height:1rem; padding:0 0.1rem 0 0.1rem;min-width: auto;}
}
.logo { margin:0; padding:15px 0; transition:all .1s ease-out 0s}
@media (max-width:991px) {
  .logo { padding:12px 0; width: 40%;}
}
.logo img { transition:all .1s ease-out 0s}
.logo a,.logo img { display:block;width: 100%;}
.logo-wrap { flex-shrink:0;width: 13%;}
@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: rgb(0,0,0,0.8) !important; bottom:0; display:block; height:100%; margin:0; overflow:auto;
      padding-bottom:0.3rem;
 padding-top:1.2rem; 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:#014099; box-shadow:0 0 3px rgba(0,0,0,.1); padding:0.2rem; 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 2%;}




@media (max-width:991px) {
  .menu li { float:none; height:auto; margin-top: 0.24rem; }
  .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:hsla(0,0%,100%,.95) }
  .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;  line-height:80px; outline:none;transition:all .1s ease-out 0s}
.menu li.active,
.menu a:focus,
.menu a:hover { color:#fff; text-decoration:none; font-weight: bold;}
@media (max-width:1660px) {
  .menu a { font-size:16px;}
}
@media (max-width:991px) {
  .menu a { line-height:0.5rem; padding:0 0.2rem; font-size:0.3rem;}
}
.menu .sub-menu { backface-visibility:hidden;
  display:block; list-style:none;}


.na_men{width: 100%; display: none; position: absolute; left: 0; top: 82px;background: #fff;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    border-top: 1px solid #eaf1f8; padding: 0 15%;}
.menu li .na_men .na_mz{position: relative;width:25%;padding-right: 5%;color: #222;
    font-size: 14px;line-height: 1.6;text-align: justify;
    float: left;background: #f6f9fa; height: 300px; position: relative;}
.menu li .na_men .na_mz::before {
    position: absolute;
    width: 1000px;
    top: 0;
    content: '';
    height: 100%;background: #f6f9fa;
    left: -1000px;
}
.menu li .na_men .na_mz h3{font-size: 30px;color: #014099;padding-bottom: 20px;font-weight: bold;padding-top: 50px;}
.menu li .na_men .na_mzz {width:40%;padding-left:5%;padding-right:5%;
    background: url(../images/xinxl23bbg.jpg) left top repeat-y #fff;
    float: left;height: 300px;padding-top: 50px;}
.menu li .na_men .na_mzz li {border-bottom: 1px solid #eaf1f8;overflow: hidden;position: relative;
 height: 50px;line-height:50px;transition: all 0.3s ease;}
.menu li .na_men .na_mzz li:last-child {border: none;}
.menu li .na_men .na_mzz li a{padding: 0 28px; position: relative; line-height: 50px;}
.menu li .na_men .na_mzz li a i{ display: block; width: 8px; height: 13px; background-position: 0px -184px;
position: absolute;right: 10px;
    top: 20px;}
.menu li .na_men .na_my{width:34%;padding-left:5%;line-height: 1.5;border-left: 1px solid #eaf1f8; float: right;height: 300px;
    padding-top: 50px;}
.menu li .na_men .na_my img{border-radius: 6px;width: 100%; display: block;}

@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%}
@media (max-width:991px) {
  .menu .sub-menu li { border:1px solid #fff; border-radius:5px; 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}
@media (max-width:991px) {
  .menu .sub-menu a { color:hsla(0,0%,100%,.95); font-size:0.24rem; line-height:0.5rem; padding:0.1rem }
}
.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:1080px) {
}

@media (max-width:991px) {
    .na_men{ display: none; background: none;        position: relative;
        padding: 0;
        box-shadow: none;
        border-top: none;
        top: auto;}
        .menu .sub-menu a em { display:none}
    .na_men .na_mz{ display: none;}
    .na_men .na_my{ display: none;}
    .menu li .na_men .na_mzz{  width: 100%; padding: 0; background: none; height: auto;}
    .menu li .na_men .na_mzz li a i{ display: none;}
    .menu li .na_men .na_mzz li:last-child {
        border-bottom: 1px solid #eaf1f8;}
    .menu li .na_men .na_mzz li:last-child {
        border:1px solid #eaf1f8;
    }
}

.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{color: #fff; margin: 0; padding-left: 10px; line-height: 24px;  }

.user-bar .user-l{ position: absolute; top: 70px; padding: 0.1rem;
    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.1rem;
    right: 3%;
    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{padding-inline-end: 0.625rem; padding: 0.1rem 0.2rem}
.user-bar .user-l ul li a{column-gap: 0.375rem;display: inline-block;color: #333;line-height: 0.2rem;}
.user-bar .user-l ul li a img{object-fit: contain;width: 0.3rem;display: none; float: left; margin-right: 0.12rem;}
.user-bar .user-l ul li a:hover{ color: #afce15; }

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

.mt-10{ margin-top: 0.3rem;}
.mb-20{ margin-bottom: 0.5rem;}

/* 底部 */
.footer_main { background: #283041; background-size: cover; position: relative; padding:5% 3.5% 2%;}
.footer_1{ width: 100%;display: flex;justify-content: space-between;position: relative; z-index: 5;}
.footer_1 .footer_1_1{ width: 176px; position: relative;}
.footer_1 .footer_1_1 .footer_1_10{ width: 176px; height: 50px; background-color: #fff; border-radius: 40px; text-align: center; cursor: pointer;}
.footer_1 .footer_1_1 .footer_1_10 p{ display: inline-block;}
.footer_1 .footer_1_1 .footer_1_10 p span{ display: block; font-size: 16px; color: #333; line-height: 50px; float: left;}
.footer_1 .footer_1_1 .footer_1_10 p i{ display: block; width: 13px; height: 7px; background-position: 0px -385px; float: left;
    margin-top: 22px; margin-left: 6px;}
.footer_1 .footer_1_1 .footer_1_11{ width: 80%; display: none; position: absolute; left: 10%; top: 40px; background-color: #fff;}
.footer_1 .footer_1_1 .footer_1_11 ul{ display: block; width: 100%;}
.footer_1 .footer_1_1 .footer_1_11 ul li{ width: 90%; margin: 0 auto; border-bottom: #999 solid 1px;}
.footer_1 .footer_1_1 .footer_1_11 ul li a{ display: block; width: 100%; font-size: 16px; color:#333; line-height: 40px;}
.footer_1 .footer_1_1 .footer_1_11 ul li a:hover{ color: #b81c22;}
.footer_1 .footer_1_1:hover .footer_1_11{ display: block;}

.footer_2{ width: 100%;display: flex;justify-content: space-between;position: relative; border-top: #585e6b solid 1px; padding-top: 30px; margin-top: 30px}




.footer_main .footer{ width: 100%; justify-content: space-between; position: relative; display: flex;}
.footer_main .footer .bottomlogo{ width: 22.4%; }
.footer_main .footer .bottomlogo img{ display: block;}
.bottomlogo_tel{ width: 32%;}
.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-bottom:0.3rem; display: flex; width: 100%;}
.bottomlogo_tel .bottomlogo_tel_2 dt i{ display: block; width: 0.64rem; height: 0.64rem;
    background-position: -0.5rem -2.72rem;float: left; margin-top: 0.04rem; }
.bottomlogo_tel .bottomlogo_tel_2 .dt2 i{background-position: -0.5rem -3.76rem; }
.bottomlogo_tel .bottomlogo_tel_2 dt p{ width: 80%; padding-left:0.14rem; font-size:0.24rem; color: #fff; line-height:0.32rem;float: left; padding-top:0.04rem;}
.bottomlogo_tel .bottomlogo_tel_2 dt span{ display: block; font-size:0.22rem;}

.footer_2 .bottomnav{ width: 34%; }
.footer_2 .bottomnav .ul1{ margin: 0; padding: 0; width: 100%; display: flex; justify-content: space-between;
  position: relative; flex-wrap: wrap;}
.footer_2 .bottomnav ul li{ width: 33.3%; padding-bottom: 2%;}
.footer_2 .bottomnav ul a{ display: block; width:100%; color: #fff;  line-height: 36px;white-space: nowrap;
 text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.footer_2 .bottomnav ul p a{ color: #cfcfcf;}
.footer_2 .bottomnav ul a:hover{ color: #b81c22; }

/* bottomnav250224 */
    .bottomnav .sub-menu-wrapper {
        position: relative;
        width: 100%;
    }

    .bottomnav .mobile-menu-container {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .bottomnav .sub-menu {
        flex: 1;
        min-width: 250px;
    }
.footer_2 .bottomnav .sub-menu li{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .bottomnav .menu-image {
        flex: 0 0 200px;
    }

    @media (max-width: 768px) {
        .bottomnav .mobile-menu-container {
            flex-direction: column;
        }

        .bottomnav .sub-menu {
            order: 1;
            width: 100%;
        }

        .bottomnav .menu-image {
            order: 2;
            width: 100%;
            text-align: center;
        }

        .bottomnav .sub-item {
            width: 100% !important;
            margin: 5px 0;
        }
    }

    /* 防止文字截断 */
    .bottomnav .sub-item a {
        white-space: normal !important;
        word-break: break-word;
    }
/* bottomnav250224_end */

.footer_2 .bottomcontact{ width:26.4%; }
.footer_2 .bottomcontact ul{display: flex;justify-content: space-between;position: relative;}
.footer_2 .bottomcontact ul li{ width: 30%; text-align: center; font-size: 16px; color: #cfcfcf;}
.footer_2 .bottomcontact ul li img{ display: block; width: 100%;}
.footer_2 .bottomcontact ul li p{ padding-top: 12px;}
.footer_2 .bottomcontact ul li span{ display: block; margin-top: 10px}



.bottom_copy{ color: #fff; border-top: #585e6b solid 1px; padding-top:2%; margin-top: 3%; }
.bottom_copy a{ display: inline-block; color: #fff; }
.bottom_copy a:hover{color: #b81c22;}

@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%;}
.bottomcontact1{ padding-top: 5%;}
.bottomcontact2 .bottomul { width: 80%;}

    .footer_2 {width: 100%;display: block;}
    .footer_1 .footer_1_1 .footer_1_10{ display: none;}
    .bottomlogo_tel {
        width: 100%;
    }
    .footer_2 .bottomnav {
        width: 100%;
    }
    .footer_2 .bottomcontact {
        width: 100%; padding-top: 16px;
    }
    .footer_1 img{
        display: block; width: 70%;}
    .footer_2 .bottomcontact ul li {
        font-size:0.24rem;
    }
}


/* 返回顶部 */

.rightFix { width:0.46rem;position: fixed; right: 8px; bottom:8%; z-index: 999; display: none;}
.rightFix.xc{ display: block; }
.rightFix a { width: 0.46rem; height: auto; background: #014099; text-align: center; display: block;
    margin-bottom: 6px; position: relative;
 padding-top:0.08rem; border-radius: 5px; padding-bottom:0.05rem;}
.rightFix a h3 { color: #fff; font-weight: 400; font-size: 12px; display: none;}
.rightFix .ico {  width:0.32rem; height:0.32rem; 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; background-size: 0.7rem 2.33rem}
.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: 200px;  text-align: center; height:46px; line-height: 46px; position: absolute;
    top: 0; background: #b81c22; color: #fff; display: block; font-weight: bold; font-size: 18px;
    opacity: 0; filter: alpha(opacity=0);  transition: all ease-in-out 0.2s; border-radius: 7px 0 0 7px;}
.rightFix a:hover { background-color: #b81c22;  overflow: visible;}
.rightFix a:hover h3 { color: #fff;}
.rightFix a.fix-ewm:hover img { opacity: 1;filter: alpha(opacity=100);left: -140px;}
.rightFix a:hover span { opacity: 1; filter: alpha(opacity=100); left: -210px;}
.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 -1.28rem;}
.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;}

.rightFix a.fix-tel{ display: none;}

@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: 4%; z-index: 10; padding-top: 20px;
  padding-bottom: 20px; color: #fff;text-align: center;}
.banner .myslide .carousel-caption h3 { font-weight: bold;}
.banner .myslide .carousel-caption p{width: 120px;display: block; height: 2px; margin-top: 4%; background-color: #ff0000;}
.banner .myslide .carousel-caption a p span{ color: #fff; font-family: Arial; }
.banner .myslide .carousel-caption a p i{ display: block; width: 42px; height: 42px;align-items: center; justify-content: center;
  display: flex;margin-left: 14%; border-radius: 50%;background-color: #fff;}
.banner .myslide .carousel-caption a p i s{ display: block; width: 29px; height: 12px; background-position: 0px -157px; }
.banner .myslide .carousel-caption a:hover{ margin-left: 5px; transition: all ease 0.36s;}
.banner .myslide a{ display: block; width: 100%; position: relative;}
.banner .myslide video{ display: block; width: 100%; height: 100%;}

.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:0.5rem; height:0.52rem; background: url(../images/icon.png) center center no-repeat;
 background-size: 5rem 5rem; background-position: 0 -1rem;margin:0.1rem 0;}
.banner .slick-dots li.slick-active{ background-position: 0px -0.3rem;}
.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: 1060px) {
.banner .slick-dots { right: auto; width: 100%; top:auto; bottom: 4%; padding-left: 0; text-align: center;}
.banner .slick-dots li{ display: inline-block; margin: 0 15px; }
    .banner {height: 50vh;}
    .banner .myslide video{ 
        transform: scale(1.0,1.0);
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .banner .myslide a{ height: 100%;}
    
    /* 移动端悬浮按钮适配 */
    .rightFix { 
        width: 0.4rem; 
        right: 4px; 
        bottom: 5%; 
        z-index: 999;
    }
    .rightFix a { 
        width: 0.4rem; 
        margin-bottom: 4px;
        padding-top: 0.06rem;
        padding-bottom: 0.04rem;
    }
    .rightFix .ico { 
        width: 0.28rem; 
        height: 0.28rem;
        background-size: 0.6rem 2rem;
    }
    .rightFix a h3 { 
        font-size: 10px;
    }
    .rightFix a span { 
        display: none !important;
    }
    .rightFix .img { 
        display: none !important;
    }
    .rightFix a:hover .img,
    .rightFix a:hover span { 
        display: none !important;
    }
}


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


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

.floor_0_main{background: url(../images/c3_02.jpg) center center no-repeat; background-size: cover; position: relative; padding:3% 11.5% 10%; }

.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: #afce15; }

.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: #afce15 !important; }
.floor_0_2 .comp02-grid .card2,.floor_0_2 .comp02-grid .card4{ background-color: #8ba700 !important; }


@media (max-width: 1260px) {
  .floor_0_main {
    background: url(../images/c3_02.jpg) 37% center no-repeat;
    background-size: cover;
    padding: 10% 11.5% 20%;
}

}

.floor_1_main{ position: relative; padding: 0 3.6%; background: url(../images/w3_03.jpg); padding-bottom: 5%}
.floor_1_main .in_title{width:100%;}
.floor_1_main .in_title h3{ padding-top: 5%; }
.floor_1_1{ width: 100%; position: relative; padding-top: 2%}
.floor_1_1 ul{display: flex;justify-content: space-between;position: relative;}
.floor_1_1 .tabItem{ width: 32.5%;transition: .6s;position: relative;height: 33vw;background-position: 50%;
    background-size: cover; overflow: hidden; border-radius: 10px}
.floor_1_1 .tabItem.on{ width:66.2%;}
.floor_1_1 .tabItem:last-child{ margin-right: 0;}
.floor_1_1 .tabItem .w{ width: 90%; height: 80%; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.floor_1_1 .tabItem .w .s{ float: left;}
.floor_1_1 .tabItem .w h3{ color: #fff;text-shadow: rgba(0, 0, 0, 0.7) 1px 0px 1px; font-weight: bold;}
.floor_1_1 .tabItem .w h4{ color: #fff; padding-top: 12px;text-shadow: rgba(0, 0, 0, 0.7) 1px 0px 1px;}
.floor_1_1 .tabItem .w .p{ float: left; width: 1.42rem; height:0.45rem; background-color: #014099; text-align: center;
border-radius:0.5rem; margin-left: 5%;}
.floor_1_1 .tabItem .w .p p{display: inline-block;}
.floor_1_1 .tabItem .w .p p span{ float: left; font-size: 16px; color: #fff; line-height:0.45rem;}
.floor_1_1 .tabItem .w .p p i{ display: block; width:0.07rem; height:0.13rem; background-position: -0.1rem -4.04rem;
 margin-left:0.1rem; margin-top:0.16rem;
float: left;}
.floor_1_1 .tabItem .w .p:hover{ background-color: #b81c22;}

.floor_1_1 .tabItem a{display: block; width: 100%; height: 100%; position: relative;}
.floor_1_1 .tabItem.on a{ background:rgba(0, 0, 0, 0.3);}
.floor_1_1 .tabItem .sl{ font-size: 16px; color: #fff; padding-top: 12px;clear: left; display: none;line-height: 30px;}
.floor_1_1 .tabItem.on .sl{display: block;}
.floor_1_1 .tabItem.on .w h4{ display: none;}
@media (max-width:1660px) {

}

@media only screen and (max-width:1030px) {
.floor_1_main {padding-bottom: 8%;}
.floor_1_1 ul{display: block;}
.floor_1_1 .tabItem.on{ width: 100%;}
.floor_1_1 .tabItem{ width: 100%;height: 50vw; margin-top: 20px;}
    .floor_1_1 .tabItem.on .w h4{ display: block;}
    .floor_1_1 .tabItem.on .sl{ display: none}
    .floor_1_1 .tabItem .w .p p span {font-size: 0.2rem;}
    .floor_1_1 .tabItem .w .p {width: 1.6rem;}
}


.floor_2_main{ position: relative; padding:5% 3.6% 5%;}
.floor_2_main .in_title{ display: inline-block; width: 100%; position: relative; }
.floor_2_main .in_title h3{float: left;}
.floor_2_main .in_title ul{ float: right;}
.floor_2_main .in_title ul li{ padding:0 .2rem; height: 0.48rem; background-color: #f7f7f7; border-radius:0.1rem;
    text-align: center; line-height:0.48rem;
 float: left; margin-left:0.24rem;}
.floor_2_main .in_title ul li:hover{background-color: #b81c22;}
.floor_2_main .in_title ul li:hover a{ color: #fff;}

.floor_2_1{ width: 100%; text-align: left; position: relative; margin-top: 3%;}
.floor_2_1 .floor_2_11{ width: 100%; position: relative; border-radius: 10px; overflow: hidden;}
.floor_2_1 .floor_2_11 .swiper-slide{ width: 100%; transition: all ease 0.36s; position: relative;}
.floor_2_1 .floor_2_11 .swiper-slide img{ display: block; width: 100%;}
.floor_2_1 .floor_2_11 .swiper-slide h3{background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
    padding:5% 9% 3% 3%; width:100%;
  color: #fff; line-height: 36px; position: absolute; left: 0; bottom: 0; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.floor_2_1 .floor_2_11 .swiper-pagination{ width: auto; position: absolute; right: 3%; bottom: 8%; left: auto;}
.floor_2_1 .floor_2_11 .swiper-pagination .swiper-pagination-bullet{ background-color: #fff; margin: 0 0.06rem;
    width:0.12rem; height:0.12rem;}
.floor_2_1 .floor_2_11 .swiper-pagination .swiper-pagination-bullet-active{ background-color: #b81c22;}

.floor_2_12{ position: relative; background-color: #fff;}
.floor_2_12 a{ display: block; padding: 8%; text-align: left; border: #e0e0e0 solid 1px;border-radius: 10px;height: 100%;}
.floor_2_12 a .time{ width: 102px; height: 27px; display: block; background-position: 0px -455px; display: flex; text-align: center;}
.floor_2_12 a .time p{ width: 50%; font-size: 16px; color: #fff; line-height: 27px;}
.floor_2_12 a .time span{ display: block; width: 50%; font-size: 16px; color: #fff; line-height: 27px;}
.floor_2_12 a .caption{ width: 100%; padding-top: 6%;height: 90%;}
.floor_2_12 a .caption h3{ height: 80%; border-bottom: #e0e0e0 solid 1px;}
.floor_2_12 a .caption p{ padding-top: 4%; width: 100%; position: relative; display: flex; justify-content: left; align-items: center}
.floor_2_12 a .caption p span{ font-size: 16px; color: #333; line-height: 16px; display: block; float: left;}
.floor_2_12 a .caption p s{ display: block; width:0.06rem; height:0.11rem; background-position: 0 -4.04rem;
    margin-left:0.1rem;float: left;}
.floor_2_12 a:hover{border: #b81c22 solid 1px;}
.floor_2_12 a:hover .caption h3{ color: #b81c22;border-bottom: #b81c22 solid 1px;}


.floor_2_13{ position: relative; background-color: #fff;}
.floor_2_13 .col-md-4{height: 380px; padding-top: 20px;}
.floor_2_13 a{ display: block; padding: 8%; text-align: left; border: #e0e0e0 solid 1px;border-radius: 10px;height: 100%;}
.floor_2_13 a .time{ width: 102px; height: 27px; display: block; background-position: 0px -455px; display: flex; text-align: center;}
.floor_2_13 a .time p{ width: 50%; font-size: 16px; color: #fff; line-height: 27px;}
.floor_2_13 a .time span{ display: block; width: 50%; font-size: 16px; color: #fff; line-height: 27px;}
.floor_2_13 a .caption{ width: 100%; padding-top: 6%;height: 90%;}
.floor_2_13 a .caption h3{ height: 80%; border-bottom: #e0e0e0 solid 1px;overflow: hidden}
.floor_2_13 a .caption p{ padding-top: 4%; width: 100%; position: relative;}
.floor_2_13 a .caption p span{ font-size: 16px; color: #333; line-height: 16px; display: block; float: left;}
.floor_2_13 a .caption p s{ display: block; width:0.06rem; height:0.11rem; background-position: 0 -4.04rem;
    margin-left:0.1rem;
    float: left; margin-top: 3px;}
.floor_2_13 a:hover{border: #b81c22 solid 1px;}
.floor_2_13 a:hover .caption h3{ color: #b81c22;border-bottom: #b81c22 solid 1px; overflow: hidden}

@media (max-width:1030px) {
.floor_2_main{padding:8% 3.5% 8%;}
.floor_2_11{ width: 100%;}
.floor_2_1 .floor_2_11 .swiper-slide h3{padding: 5% 22% 3% 3%;}
.floor_2_12{ padding-top:20px;}
.floor_2_12 a .caption {height: 2rem;}
.floor_2_13 .col-md-4 {height:4.5rem;}
    .floor_2_12 a .time{ background:#b81c22; border-radius: 0.1rem;}
    .floor_2_12 a .time p{ border-right: rgb(255,255,255,0.1) solid 1px;}
    .floor_2_13 a .time{ background:#b81c22; border-radius: 0.1rem;}
    .floor_2_13 a .time p{ border-right: rgb(255,255,255,0.1) solid 1px;}
    .floor_2_12 a .caption p span,.floor_2_13 a .caption p span{
        font-size:0.24rem;line-height:0.24rem;}
}



.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%;
    }
}
.sobtitle{ width:100%; height:0.8rem; border-bottom: #e7e7e7 solid 1px; text-align: center;}
.sobtitle .nav_list{ display:flex; justify-content: space-between;}
.sobtitle .nav_list .mitem{ margin:0 0.2rem; width: 100%; height:0.8rem; text-align: center; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sobtitle .nav_list .mitem .mt{ display:block; line-height:0.77rem; position:relative; font-size:18px;}
.sobtitle .nav_list .mitem:hover .mt,.sobtitle .nav_list .mitem.hover .mt{color: #0457b4; font-weight: bold; border-bottom:#0457b4  solid 0.03rem;}


@media only screen and (max-width:1030px) {
    .sobtitle{ height:1rem; }
    .sobtitle .nav_list .mitem{ height:1rem;}
    .sobtitle .nav_list .mitem .mt{ line-height:0.97rem; font-size:0.26rem;}
}

.ny_wrapper{ width: 100%; position: relative; overflow: hidden;}
.sub_banner{ width: 100%; position: relative; }
.sub_banner .img{ display: block; width: 100%; opacity: 0;}
.sub_banner .sub_local{width: 100%; color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); text-align: center;}
.sub_banner .sub_local h1{ color: #fff; font-weight: bold;text-shadow: rgba(0, 0, 0, 0.7) 1px 0px 1px;}
.sub_banner .sub_local p,.sub_banner .sub_local p a{ color: #fff; font-weight: bold;text-shadow: rgba(0, 0, 0, 0.7) 1px 0px 1px;
 font-weight: normal;}

.news_remm{padding: 0 3.6%;}
.news_remm .news_tit{ width: 100%; position: relative; margin-top:3%;transition: all ease 0.36s;}
.news_remm .news_tit .img{ display: block; position: relative; border-radius: 10px; overflow: hidden;}
.news_remm .news_tit .img img{ display: block; width: 100%;transition: all ease 0.36s;border-radius: 10px;}
.news_remm .news_tit .img .time{ width:86px;height:86px;background-color: #014099;display: none; text-align: center;
    position: absolute; left: 0; top: 0; font-size: 16px; color: #fff;border-radius: 10px;}
.news_remm .news_tit .img .time span{ display: block; padding-top: 20px; padding-bottom: 4px}
.news_remm .news_tit .w{ position: relative;}
.news_remm .news_tit .w h3{ padding-top: 4%;   white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.news_remm .news_tit .w 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; color: #999;}
.news_remm .news_tit .w span{ display: block; color: #999; padding-top: 3%;}
.news_remm .news_tit:hover {transition: all ease 0.36s;-webkit-transform: translateY(-3px);transform: translateY(-3px);}

.abou_main{ padding:2.6% 3.6% 0;}
.sub_box{ padding:1% 3.6% 3%;}
.sub_box .sub_dl{ width: 100%; position: relative;}
.sub_box .sub_dl .col-md-3{ position: relative; margin-top: 3%;transition: all ease 0.36s;}
.sub_box .sub_dl .col-md-3 a{ position: relative; transition: all ease 0.36s;transition-timing-function: ease;
    box-shadow: 2px 0px 4px rgba(24,32,51,0.1); display: block; width: 100%; overflow: hidden;}
.sub_box .sub_dl .col-md-3 img{ display:block; width:100%;transition: all ease 0.36s;}
.sub_box .sub_dl .col-md-3 h3{ font-size:16px; color:#; line-height:46px; text-align: center;   white-space: nowrap;
    text-overflow: ellipsis;overflow: hidden;word-break: break-all; padding-top: 6px;}
.sub_box .sub_dl .col-md-3:hover { transform: translateY(-5px); transition: all ease 0.36s;}
.sub_box .sub_dl .col-md-3:hover a{box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);}
.abou_main img{ max-width: 100%;}

@media only screen and (max-width:1030px) {
    .sub_banner{
        min-height: 3rem;
    }
    .news_remm .news_tit {
        margin-top:30px;
    }
    .abou_main {
        padding: 6% 3.6% 0;
    }
}


.help_main .top {
    text-align: center;
    font-size: 66px;
    font-weight: bold;
    margin: 136px 0 60px;
}
.help_main .box1 {
    width: 50%;
    margin: 0 auto;
}
.help_main .textarea {
    border: 1px solid #999;
    border-radius: 10px;
    width: 100%;
    height: 310px;
    opacity: 1;
    outline: none;
    resize: none;
    font-size: 24px;
    color: #999;
    padding: 20px;
    margin: 0;
    margin-bottom: 35px;
}
.help_main h3 {
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    padding-top: 60px;
    padding-bottom: 60px;
}
.help_main .item {
    position: relative;
    border: 1px solid #999;
    height: 73px;
    display: flex;
    border-radius: 10px;
    align-items: center;
    line-height: 73px;
    padding: 0 20px;
    margin-bottom: 40px;
}
.help_main .item label {
    position: absolute;
    left: 20px;
    top: 0;
    font-size: 24px;
    color: #999;
    transition: ease-in-out 0.2s;
}
.help_main .item .input {
    width: 100%;
}
.help_main .item .input input {
    width: 90%;
    font-size: 18px;
    line-height: 100%;
    outline: none;
    position: absolute;
    left: 20px;
    top: 0;
    height: 100%;
    background: none;
    border: none;
}
.help_main .item .input select {
    width: 90%;
    font-size: 18px;
    line-height: 100%;
    outline: none;
    position: absolute;
    left: 20px;
    top: 0;
    height: 100%;
    background: none;
    border: none;
    opacity: 0;
}
.help_main .item .see {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -12px;
    background: url(../images/logon_4.png) no-repeat;
    width: 24px;
    height: 24px;
    background-size: cover;
}
.help_main .item .see.on {
    background: url(../images/logon_5.png) no-repeat;
    background-size: cover;
}
.help_main .item:hover {
    border: 1px solid #00b1c7;
}
.help_main .item:nth-child(2) {
    float: left;
    width: 48%;
}
.help_main .item:nth-child(3) {
    float: right;
    width: 48%;
}
.help_main .item.no_line {
    border: 1px solid #fff;
}
.help_main .item.no_line label {
    color: #333;
}
.help_main .item.on label {
    font-size: 18px;
    line-height: 35px;
}
.help_main .item.on .input input {
    height: 35px;
    line-height: 35px;
    top: 30px;
    opacity: 1;
}
.help_main .item.on .input select {
    height: 35px;
    line-height: 35px;
    top: 30px;
    opacity: 1;
}
.help_main .btn {
    display: block;
    width: 220px;
    height: 40px;
    line-height: 40px;
    background:#014099;
    color: #fff;
    text-align: center;
    outline: none;
    border: none;
    border-radius: 20px;
    font-size: 16px;
    margin: 50px auto 100px;
    cursor: pointer; padding: 0;
}
.help_main .btn:hover {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.help_main img {
    height: 46px;
}
@media (max-width: 1440px) {
    .help_main .top {
        font-size: 50px;
        margin: 80px 0 30px;
    }
    .help_main h3 {
        font-size: 30px;
    }
    .help_main .box1 {
        width: 70%;
    }
}
@media (max-width: 992px) {
    .help_main .top {
        font-size: 0.45rem;
        margin: 0.8rem 0 0.3rem;
    }
    .help_main h3 {
        font-size: 0.3rem;
        padding: 0.4rem 0;
    }
    .help_main .box1 {
        width: 92%;
    }
    .help_main .item {
        height: 0.9rem;
        line-height: 0.9rem;
        margin-bottom: 0.2rem;
        width: 100%;
    }
    .help_main .item label {
        font-size: 0.26rem;
    }
    .help_main .item.on label {
        font-size: 0.22rem;
        line-height: 0.4rem;
    }
    .help_main .item.on .input input {
        line-height: 0.4rem;
        height: 0.4rem;
        top: 0.4rem;
        width: 85%;
    }
    .help_main .item.on .input select {
        line-height: 0.4rem;
        height: 0.4rem;
        top: 0.4rem;
        width: 85%;
        font-size: 0.24rem;
    }
    .help_main .textarea {
        font-size: 0.24rem;
        height: 3rem;
    }
    .help_main textarea::-moz-placeholder,
    .help_main textarea::placeholder {
        opacity: 1;
        font-size: 0.26rem;
    }
    .help_main input::-ms-input-placeholder,
    .help_main textarea::-ms-input-placeholder {
        font-size: 0.26rem;
    }
    .help_main input::-webkit-input-placeholder,
    .help_main textarea::-webkit-input-placeholder {
        font-size: 0.26rem;
    }
    .help_main img {
        height: 0.56rem;
    }
    .help_main .btn {
        margin: 0.5rem auto 1rem;
        width: 2.2rem;
        line-height: 0.6rem;
        height: 0.6rem;
        font-size: 0.3rem;
    }
}



.menu1 {
    list-style: outside none none;
    display: block;
    width: 100%;
}
.menu1 li {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
}
.menu1 li a {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    display: block;
    background: #f6f6f6;
    text-indent: 15px;
}
.menu1 .sub-menu {
    display: block;
    width: 100%;
}
.menu1 .sub-menu li {
    height: 32px;
    display: inline-block;
    *display: inline;
    margin: 15px 5px 15px 0;
    zoom: 1;
    line-height: 32px;
    border-bottom: 0;
    text-align: center;
    width: auto;
    padding: 0;
}
.menu1 .sub-menu li a {
    text-indent: 0;
    font-weight: normal;
    display: block;
    line-height: 32px;
    height: 32px;
    display: inline-block;
    padding: 0 10px;
    width: auto;
    border: 1px solid #ccc;
    text-align: center;
}
.menu1 .sub-menu li a:hover {
    background: #b81c22;
    color: #fff;
    border: 1px solid #b81c22;
}
.abou_main1{ width: 100%; position: relative;}
.histort{ padding: 4%; background: url("../images/history_bg.jpg") center center no-repeat;
    background-size: cover; position: relative;}
.histort .hrlist{ max-width: 1300px;margin-left: auto;margin-right: auto;margin-bottom: 0px;padding-top: 35px;
    background: url(../images/hbox-bg.png) repeat-y center center;overflow: hidden;}
.histort .hrlist ul{ display: inline-block; width: 100%;}
.histort .hrlist li {width:51%;padding-bottom: 40px;position: relative;margin-bottom: 0px;display: block;float: left;
 text-align: right;}
.histort .hrlist li .li_w{padding-right: 43px;}
.histort .hrlist li .li_r {width: 80px;height: 75px;float: right;
    background: url(../images/history-l.png) no-repeat center left;
}
.histort .hrlist li h3 {width: 70%;float: right;margin: auto 15px auto auto;
 margin-bottom: auto;color: #af1e24;font-family: "novecento";font-weight: 100;font-size: 30px;
 letter-spacing: 2px;margin-bottom: 10px;padding-top: 15px;}
.histort .hrlist li p {float: right;width: 82%;margin: auto 12px auto auto;font-size: 14px; line-height: 24px;}
.histort .hrlist li i {display: block;width: 74px;height: 74px;background: url(../images/point1.png) no-repeat;
 position: absolute;top: 0;-webkit-transition: all .3s;transition: all .3s; right: -26px;}
.histort .hrlist li:nth-child(2n){ text-align: left;float: right;}
.histort .hrlist li:nth-child(2n) i {left: -24px; right: auto;}
.histort .hrlist li:nth-child(2n) .line-l {float: left;}
.histort .hrlist li:nth-child(2n) h3 {float: left;margin: auto auto auto 15px;margin-bottom: 10px;}
.histort .hrlist li:nth-child(2n) p {float: left;margin: auto auto auto 15px;}
.histort .hrlist li:nth-child(2n) .li_r {float:left;background: url(../images/history-r.png) no-repeat center right;}
.histort .hrlist li:nth-child(2n) .li_w{padding-left: 43px;}

@media (max-width: 1200px) {
    .histort .hrlist li h3 {
        width: 65%;
        font-size: 24px;
        padding-top: 22px;
    }

}


@media (max-width:1030px) {
    .floor_2_main .in_title h3{
        margin-bottom:.4rem;
    }
    .floor_2_main .in_title ul{
        width: 100%;
        display: flex;
        justify-content: center;
    }

}

@media (max-width:991px) {
    .lagbox{
        display: block;
    }
}
































/*****通用*****/
@media only screen and (min-width: 751px) {
    html {
        font-size: 100px;
    }
}
@media only screen and (max-width: 750px) {
    html {
        font-size: 100px;
    }
}
@media only screen and (max-width: 640px) {
    html {
        font-size: 85.3333px;
    }
}
@media only screen and (max-width: 540px) {
    html {
        font-size: 72px;
    }
}
@media only screen and (max-width: 480px) {
    html {
        font-size: 64px;
    }
}
@media only screen and (max-width: 414px) {
    html {
        font-size: 55.2px;
    }
}
@media only screen and (max-width: 400px) {
    html {
        font-size: 53.3333px;
    }
}
@media only screen and (max-width: 375px) {
    html {
        font-size: 50px;
    }
}
@media only screen and (max-width: 360px) {
    html {
        font-size: 48px;
    }
}
@media only screen and (max-width: 320px) {
    html {
        font-size: 42.6666px;
    }
}