/**公共样式**/

@charset "UTF-8";
:root {
    --white: #fff;
    --black: #000;
    --color2: #222;
    --color3: #333;
    --color6: #666;
    --color9: #999;
    --colorD: #ddd;
    --colorC: #ccc;
    --colorE: #eee;
    --color-main: rgba(91, 166, 24, 1);
    --color-hover: rgba(91, 166, 24, 1);
}
html {
    line-height:1.15;
    -webkit-text-size-adjust:100%
}

body {
    font: 14px "Source Han Sans CN Light", "PingFang SC", Arial, "Microsoft YaHei", calibri, SimHei, SimSun, sans-serif;margin:0
}
a {
    background-color:transparent;
    -webkit-text-decoration:none;
    text-decoration:none
}
a:hover {
    text-decoration: none;
}


/****
body {
    font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;
    margin:0
}
***/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

main {
    display:block
}
h1 {
    font-size:2em;
    margin:.67em 0
}
hr {
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre {
    font-family:monospace,monospace;
    font-size:1em
}
a {
    background-color:transparent;color: #000;
}
abbr[title] {
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,
strong {
    font-weight:bolder
}
code,
kbd,
samp {
    font-family:monospace,monospace;
    font-size:1em
}
small {
    font-size:80%
}
sub,
sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub {
    bottom:-.25em
}
sup {
    top:-.5em
}
img {
    border-style:none
}
button,
h1,
input,
optgroup,
select,
textarea {
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,
input {
    overflow:visible
}
button,
select {
    text-transform:none
}
[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline:1px dotted ButtonText
}

*{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s}::after,::before{display:block;-moz-box-sizing:border-box;box-sizing:border-box;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}body{background-color:#fff;font:14px "Source Han Sans CN","PingFang SC",Arial,"Microsoft YaHei",calibri,SimHei,SimSun,sans-serif;line-height:24px;color:#333;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit;color:inherit}button,dd,div,dl,input,li,select,textarea,ul{border:none;outline:0}button{cursor:pointer}textarea{font-family:"Microsoft YaHei"}em{font-style:normal}li{list-style:none}a{text-decoration:none;color:inherit}.img-abs{position:absolute;inset:0;max-width:100%;max-height:100%;display:block;margin:auto;padding:auto;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}.img-cover{position:absolute;inset:0;width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}.img-relative{display:block;max-width:100%;height:auto}
.tr-null{-webkit-transition:initial;-o-transition:initial;-moz-transition:initial;transition:initial}.float-right{float:right}.float-left{float:left}footer,header,main,nav{width:100%;float:left}.container{max-width:1200px;margin:0 auto}@media (max-width:767px){.hidden-xs{display:none!important}.container{max-width:-webkit-calc(100% - 40px)!important;max-width:-moz-calc(100% - 40px)!important;max-width:calc(100% - 40px)!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}.container{max-width:-webkit-calc(100% - 60px)!important;max-width:-moz-calc(100% - 60px)!important;max-width:calc(100% - 60px)!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}.container{max-width:-webkit-calc(100% - 70px)!important;max-width:-moz-calc(100% - 70px)!important;max-width:calc(100% - 70px)!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}

/****导航，包括 PC端以及手机移动端***/
/****PC端****/
.pc-nav{width:100%;background: #ffffff}
.nav-box{max-width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;position: relative;}
.nav-box .logo{height:44px;overflow: hidden;float:left;}
/*****头部导航菜单****/
.first-nav{color: #fff;margin: 0px;}
.first-nav a{color: #222222}
.first-nav .select a{color: #1B3884}
.same-li{display: inline-block;position: relative;}
.same-li a{align-items: center;box-sizing: border-box;display: flex;font: normal normal 15px / 50px 微软雅黑;font-weight:600;justify-content: center;margin: 0 10px;padding: 0 10px;position: relative;}
.same-li a:hover{text-decoration: none;}
/****先定义好悬停，不给宽度，在屏幕中不显示***/
.same-li a:after{content: "";width: 0;height: 4px;background-color: #1B3884;position: absolute;left: 50%;bottom: 18%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s;
}


/****给宽度，有动画效果****/
.same-li:hover a:after{width: 50%;}
.same-li:hover .same-children-li a:after{width: 0;}
/*****菜单子菜单***/
.same-li p{align-items: center;box-sizing: border-box;display: flex;font: normal normal 14px / 50px 微软雅黑;justify-content: center;margin: 0 10px;padding: 0 10px;position: relative;}
.same-li p:hover{text-decoration: none;}
.same-li p:after{content: "";width: 0;height: 4px;background-color: #fff;position: absolute;left: 50%;bottom: 0;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;transform: translateX(-50%);-webkit-transform: translateX(-50%);display: block;-moz-box-sizing: border-box;box-sizing: border-box;transition: all .3s;-webkit-transition: all .3s;}
/****给宽度，有动画效果****/
.same-li:hover p:after{width: 50%;}
/****pc端子菜单展示，***/
.first-nav .have-children {position: relative;}
.nav-child-list {
    display: none;
    min-width: 150%;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 2;
    background-color: rgba(51, 51, 51, 0.9);
}
.nav-child-list li {
    display: block;
    overflow: hidden;
}
.nav-child-list li a {
    display: block;
    overflow: hidden;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    padding: 0 10px;
}
.nav-child-list li a:hover {
    /**取消引用
    background-color: var(--color-hover);
    ***/
    color: #999;
}

@media (max-width: 767px) {
    .nav-menu{
        height: 0;
        left: 0;
        padding-top: 0;
        position: fixed;
        right: 0;
        top: 2.7rem;
        overflow: hidden;
        transition: all 0.3s ease;
        z-index: 40;

    }
    .show{
        height: calc(100%);
        z-index: 30;
    }



/* 移动端菜单按钮样式 */
    .menu-button {
        display: inline-block;
        cursor: pointer;
        z-index: 40;
    }
    .menu-button span {
        display: block;
        width: 25px;
        height: 3px;
        background-color: #222222;
        margin: 5px 0;
        transition: all 0.3s;
    }
    /* 移动端菜单按钮变为交叉线时的样式 */
    .menu-button.active span:nth-child(1) {
        transform: rotate(45deg);
        margin-top: 17px;
    }
    .menu-button.active span:nth-child(2) {
        opacity: 0;
    }
    .menu-button.active span:nth-child(3) {
        transform: rotate(-45deg);
        margin-top: -16px;
    }

    /*****菜单*****/
    .first-nav{
        height: 100%;
        overflow-y: scroll;
        padding: 0 15px;
        list-style: none;
        position: relative;
        margin: 0;

        background-color: #fff;
    }
    .first-nav li{
        border-top: 1px solid #f2f2f2;
        display: block;
        text-align: left;
    }
    .same-li a{
        justify-content: left;
    }

    .same-li:hover p:after {
        width: 0;
    }
    .same-li:hover a:after {
        width: 0;
    }
    .nav-child-list{
        position: relative;
    }
    .same-li p{
        justify-content: left;
    }
    .nav-child-list{
        min-width: 100%;
    }
    .nav-child-list li a{
        text-align: left;
    }
}

/****页脚*****/
.foot{width: 100%;height: 100%;position: relative;background: #1c1e2a;padding: 1rem 0 0.5rem 0}
.foot-box{max-width: 1200px;margin: 0 auto;display: flex;flex-flow: wrap;}
.foot-left{width: 70%;}
.foot-left img{width: 40%;}
.foot-left h2{width: 100%;font-size:1.2rem;
    color: #fff;
    font-family: Source Han Sans SC-Medium;
    margin: 1rem 0 0.3rem 0;
}
.foot-left p{color: #fff}
.foot-right-box{width: 30%;display: flex;flex-flow: wrap;}
.foot-right-box ul{width: 50%;margin: 1rem 0 0 0;}
.foot-right-box ul li{color: #fff;}
.foot-right-box ul li:first-child p{font-size:1rem;font-weight: 300;}
.foot-right-box ul li:first-child p:after{content:"";width: 20%;background: #fff;height: 1px;display: block;}
.foot-right-box ul li a:hover{text-decoration: none;}
.foot-right-box ul li a{display: block;line-height: 1.7rem;font-size:0.9rem;font-weight: 300;}
.foot-right-box ul:last-child{padding: 0 0 0 15%;}
.foot-word{max-width: 1200px;padding: 0.3rem 0;margin:0 auto;text-align: center;justify-content: center;color: #c6c7ca;}
@media (max-width: 767px) {
    .foot-left{width: 80%;margin: 0.5rem 10%;}
    .foot-left img{width: 100%;}
    .foot-right-box{width: 80%;margin:0.5rem 10%;text-align: center;justify-content: center;}
    .foot-right-box ul{margin: 0;}
    .foot-right-box ul:last-child{padding:0;}
    .foot-right-box ul li:first-child p:after{left: 50%;transform: translate(160%, -40%);}
    .foot-left h2{text-align: center}
    .foot-left p{text-align: center}
}






/* banner大图 */
.banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner-swiper {
    width: 100%;
    height: 100%;
}
.banner-swiper .swiper-slide>a {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}
.banner-swiper .swiper-slide>a::before {
    content: "";
    padding-top: 46.875%;
}

/*****banner字体******/
.banner-word{position: absolute;z-index: 20;left: 15%;top:30%;color: #fff;}
.banner-word h1{font-family: Source Han Sans SC-Medium;font-size: 3.3rem;color:#fff;margin: 0 0 2% 0}
.banner-word span{content: "";width:11%;display: block;color: #fff;border: 2px solid #fff;margin: 10px 0 0 1%;position: relative;border-radius: 10px;}
.banner-word span:after{content: "";border: 2px solid #fff;width: 2px;height: 2px;border-radius: 5px;position: absolute;top: -2px;right: -10px;}
.banner-word p{font-family: Source Han Sans SC-Medium;font-size: 2rem;color: #fff;margin: 2rem 0 1rem 0;line-height: 2rem;}
.banner-word .banner-word-en{margin: 0 0 2rem 0;}
.banner-go{width: 30%;display: block;background: #1B3884;padding:1rem 5%;margin:3rem 0 0 0;text-align: center;justify-content: center;color: #fff;font-size:1.2rem;border-radius: 5px;}
/* 圆点 */
.banner-swiper .swiper-pagination {
    opacity: 1;
    bottom: 30px;
    display: flex;
    justify-content: center;
}
.banner-swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    float: left;
    background: none;
    border: 1px solid #fff;
    opacity: 1;
}
.banner-swiper>.swiper-pagination-bullets .swiper-pagination-bullet,
.banner-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
.banner-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--white);
}

/* 箭头 */
.banner-swiper .banner-prev,
.banner-swiper .banner-next {
    left: 2%;
    top: 50%;
    position: absolute;
    z-index: 9;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 60px;
    color: var(--white);
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    opacity: 0;
    outline: none;
    cursor: pointer;
}
.banner-swiper .banner-next {
    left: initial;
    right: 2%;
}
.banner-swiper:hover .banner-next,
.banner-swiper:hover .banner-prev {
    opacity: 1;
}

.banner-item {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: "Source Han Sans CN Regular";
    color: var(--white);
}
.banner-item::before {
    content: "";
    width: 60px;
    height: 7px;
    border-radius: 30px;
    background: var(--white);
}
.banner-item>h1 {
    font-family: inherit;
    font-size: 50px;
    font-weight: bold;
    line-height: 86px;
    margin: 20px 0;
}
.banner-item>p {
    font-family: inherit;
    font-size: 18px;
    line-height: 26px;
    opacity: 0.9;
}

@media (max-width: 991px) {
    .banner-swiper .swiper-slide::before {
        padding-top: 75%;
    }
    /*圆点*/
    .banner-swiper .swiper-pagination {
        bottom: 10px;
    }
    .banner-swiper .swiper-pagination-bullet {
        width: 10px;
        height: 2px;
        opacity: 1;
        border-radius: 0 !important;
    }
    .banner-swiper>.swiper-pagination-bullets .swiper-pagination-bullet,
    .banner-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 2px;
    }
    .banner-swiper .swiper-pagination-bullet-active {
        width: 15px;
    }
}
@media (max-width: 767px) {
    .banner-item::before {
        width: 30px;
        height: 2px;
    }
    .banner-item>h1 {
        font-size: 20px;
        line-height: 30px;
        margin: 5px 0;
    }
    .banner-item>p {
        font-size: 14px;
        line-height: 20px;
    }
    .banner-word{top:20%}
    .banner-word h1{font-size: 1.5rem;text-align: left;}
    .banner-word p{margin:0.5rem 0 0 0;font-size: 1rem;line-height: 1.2rem;}
    .banner-word .banner-word-en{margin:0 0 0.5rem 0;}
    .banner-go{margin: 0;font-size: 0.8rem;padding: 0.5rem;}

}