body {
    margin: 0
}

body,
html {
    height: 100%
}

span {
    display: block
}

.advert-container .row {
    margin: 0
}

.clearfix {
    clear: both
}

@font-face {
    font-family: Source Han Serif CN
}

ul {
    margin: 0;
    padding: 0;
    padding-inline-start: 0px;
    margin-block-start: 0em;
    margin-block-end: 0em
}

nav {
    font-family: Helvetica;
    text-transform: uppercase
}

img {
    display: block
}

nav ul {
    margin: 0 auto;
    list-style-type: none
}

nav ul li {
    display: inline-block
}

a {
    text-decoration: none !important
}

nav ul li a {
    color: #9d9d9d;
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box
}

nav ul li a:hover {
    color: white
}

nav #menu_list {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box
}

nav ul li {
    display: block;
    text-align: left
}

html {
    font-size: 62.5%
}

body {
    font-family: Microsoft YaHei;
    margin: 0;
    padding: 0;
    font: normal 100% Arial, sans-serif;
    font-size: 16px
}

span {
    display: block
}

p {
    margin: 0
}

.advert-container .row {
    margin: 0
}

.clearfix {
    clear: both
}

ul {
    margin: 0;
    padding: 0;
    padding-inline-start: 0px;
    margin-block-start: 0em;
    margin-block-end: 0em
}

ul li {
    list-style: none;
    margin: 0;
    padding: 0
}

a {
    text-decoration: none
}

img {
    display: block;
    border: none
}

nav ul {
    margin: 0 auto;
    list-style-type: none
}

nav ul li {
    display: block
}

nav ul li a {
    color: #9d9d9d;
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box
}

nav ul li a:hover {
    color: white
}

.clear {
    clear: both
}

nav {
    background-image: url(../../img/index/index_top_bg.png);
    z-index: 999;
    background-repeat: no-repeat;
    background-size: cover
}

.menu-list-bg {
    display: none
}

#menu_list .current_page>a {
    color: #347441;
    font-weight: bold
}

.current_page a {
    color: white
}

#menu_button_wrapper {
    display: none
}

.hidden {
    display: none
}

ul#menu_list li {
    position: relative;
    text-align: center
}

ul#menu_list {
    font-size: 16px
}

#menu_list {
    font-size: 18px
}

#current_page {
    margin: 0
}

#menu_list li>a {
    letter-spacing: 0px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    text-decoration: none;
    color: white;
    text-align: center
}

#menu_list li:hover>a {
    text-decoration: none
}

nav {
    width: 100%
}

.logo-icon1,
.logo-icon1 img {
    width: 300px
}

.container-title-jt {
    line-height: 29px
}

.menu-bigbg-black {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 200
}

.mr226 {
    margin-left: 226px;
    overflow: hidden
}

.container {
    margin: auto;
    overflow: hidden
}

.logo-icon {
    width: 387px;
    margin-top: 7px;
    margin-left: 0;
    z-index: 10
}

@media (min-width: 1200px) {
    .container-title-jt {
        display: none
    }

    .logo-container-mobile {
        display: none
    }

    .sideMenu {
        display: block !important
    }

    #menu_list .current_page>a {
        text-decoration: none;
        transition: all 0.8s;
        color: #FFF;
        background: #6C99E4
    }

    #menu_list li:hover>a {
        text-decoration: none;
        transition: all 0.8s;
        color: #FFF
    }

    .logo-container {
        padding-top: 1%;
        padding-bottom: 1%
    }

    .nav a {
        color: #fff
    }
}

.logo-icon img {
    width: 100%;
    max-height: auto;
}

.hamburger-line1 {
    width: 27px
}

.hamburger-line2 {
    width: 15px
}

.hamburger-line3 {
    width: 21px
}

.carousel-indicators li {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    border-radius: 50%
}

@media (min-width: 1200px) {
    ul#menu_list .topNav {
        min-width: 8%
    }

    .container {
        width: 1200px;
        max-width: 1200px
    }

    .banner-container .container {
        padding: 0px
    }
}

@media (max-width: 1399px) and (min-width: 1300px) {
    .container {
        width: 1300px;
        max-width: 1300px
    }
}

@media (min-width: 1330px) {
    ul#menu_list .topNav {
        width: 11.5%
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1400px;
        max-width: 1400px
    }

    ul#menu_list li {
        margin-left: 0%;
        margin-right: 0%
    }
}

@media (min-width: 1627px) {
    ul#menu_list li {
        min-width: 12%
    }
}

@media (max-width: 1199px) {
    li.topNav.current_page {
        background: rgba(226, 227, 226, 0.5)
    }

    .logo-icon1 {
        margin-top: 7px;
        float: left;
        margin-left: 0px
    }

    #menu_button_wrapper {
        display: block;
        color: #9d9d9d;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
        height: 70px
    }

    .nav a {
        color: #4B4B4B
    }

    .advert-container {
        position: absolute;
        z-index: 201;
        overflow: inherit;
        width: 70%;
        padding-right: 0px;
        padding-left: 0px
    }

    .phone-top-icon img {
        width: 7.4rem;
        display: block;
        margin: auto
    }

    .phone-top-icon {
        width: 112px;
        float: left;
        margin-left: 45%;
        position: absolute;
        margin-top: -5px
    }

    .logo-icon,
    .advert {
        display: none
    }

    .menu-list-container {
        z-index: 18;
        width: 100%;
        max-width: 340px
    }

    .menu-list-bg {
        width: 70%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.99);
        position: absolute;
        z-index: 200;
        background-size: cover;
        max-width: 340px
    }

    .phone-bg-bottom {
        width: 100%;
        bottom: 0;
        position: absolute
    }

    .phone-bg-bottom img {
        width: 100%
    }

    .phone-close-btn,
    .phone-close-btn img {
        width: 20px;
        height: 20px;
        top: 0;
        z-index: 19
    }

    .phone-close-btn {
        margin-left: 24px;
        margin-top: 24px;
        float: left;
        position: absolute;
        z-index: 7
    }

    #menu_button {
        box-sizing: border-box;
        float: right;
        margin-right: 0rem;
        border-radius: 5px;
        color: white;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding-top: 20px
    }

    #menu_button:hover {
        cursor: pointer
    }

    #hamburger {
        float: left;
        padding-top: .15em;
        z-index: 10;
        position: relative
    }

    #menu_button span {
        display: block;
        background-color: #FFFFFF;
        height: 3px;
        border-radius: 18%;
        margin-bottom: 5px
    }

    #menu_list {
        margin-left: 0;
        width: 100%
    }

    ul#menu_list li {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #e8e7e7
    }

    #menu_list li>a {
        text-align: left
    }

    #menu_list li>a {
        color: #4B4B4B;
        font-size: 14px;
        padding-left: 32px
    }

    .topNav span {
        float: left;
        width: 7px;
        height: 11px;
        position: absolute;
        margin-left: 20px;
        margin-top: 6px
    }

    .current_page span {
        margin-left: 90%
    }

    .phone-logo-icon {
        float: right;
        margin-top: 10px;
        margin-right: 14px;
        z-index: 20;
        position: absolute;
        right: 0
    }

    .phone-logo-icon img {
        width: 100px
    }
}

@media (max-width: 1199px) and (min-width: 1100px) {
    #menu_list li>a {
        padding-left: 0px;
        padding-right: 0px
    }

    .logo-icon {
        width: 300px
    }
}

@media (max-width: 800px) {
    .phone-top-icon {
        margin-left: 42%;
        margin-top: -5px
    }
}

@media (max-width: 530px) {
    .phone-top-icon {
        margin-left: 38%
    }
}

.banner-container {
    width: 100%
}

.banner-container img {
    height: 100%;
    width: 100%
}

@media (max-width: 1199px) {

    .top-search-box,
    .am-dropdown-content {
        display: none
    }

    .am-dropdown-content {
        display: none !important
    }

    .container {
        width: 90%
    }
}

@media (max-width: 360px) {
    .phone-top-icon img {
        width: 6.0rem;
        display: block;
        margin: auto;
        margin-top: 8px
    }
}

@media (max-width: 420px) {
    #menu_list {
        margin-left: 0;
        width: 100%
    }

    .phone-top-icon {
        margin-left: 33%
    }
}

@media (min-width: 1200px) {
    .logo-icon1 {
        display: none
    }

    .topNav span img {
        display: none
    }

    .row.menu-list-container {
        background: rgba(117, 158, 227, 0.39);
        width: 100%
    }

    ul#menu_list {
        width: 100%
    }

    ul#menu_list .topNav {
        margin-left: 0%;
        margin-right: 0%;
        width: 10%;
        float: left
    }

    .logo-icon-pc {
        float: left
    }

    .logo-icon-right-container {
       display: flex;
        float: right;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        padding-top: 20px;
        
    }

    .logo-icon-right-container .right-icon-container {
        float: left;
        margin-right: 20px
    }

    .right-icon-container span {
        float: left
    }

    .right-icon-container span img {
        width: 20px;
        margin-right: 4px
    }

    .mt4 {
        margin-top: 4px
    }

    .right-icon-en {
        margin-right: 3px !important;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 50%;
        padding: 4px
    }

    .pc-top-search input,
    .pc-top-search button {
        border: none;
        outline: none;
        background: transparent;
        filter: alpha(opacity=100);
        opacity: 1
    }

    .pc-top-search input {
        width: 100%;
        height: 35px;
        color: #333333;
        top: -5px;
        position: relative;
        line-height: 35px;
        padding-left: 15px;
        background: #FFFFFF;
        border-radius: 20px;
        float: left
    }

    .pc-top-search {
        padding: 3px;
        margin: 0px;
        display: inline;
        font-family: 宋体;
        font-size: 12px;
        float: right;
        width: 220px
    }

    .pc-top-search button {
        height: 28px;
        width: 35px;
        position: relative;
        background: url(../../img/index/search.png) no-repeat;
        cursor: pointer;
        margin-left: -50px;
        float: right
    }

    .logo-icon-right-container .right-box1 {
        overflow: hidden;
        margin-bottom: 13px
    }
}

@media (max-width:1199px) {

    .main-left-menu-title-yw,
    .container-title-line {
        display: none
    }

    #hamburger img {
        width: 32px
    }

    .logo-icon-right-container {
        display: none
    }
}

@media (max-width:500px) {
    .hamburger-line1 {
        width: 24px
    }

    .hamburger-line2 {
        width: 12px
    }

    .hamburger-line3 {
        width: 18px
    }

    #menu_button span {
        margin-bottom: 4px
    }

    #hamburger {
        padding-top: 0
    }
}

@media (max-width:475px) {

    .logo-icon1,
    .logo-icon1 img {
        width: 300px
    }
}

@media (max-width:365px) {

    .logo-icon1,
    .logo-icon1 img {
        width: 240px
    }

    .logo-icon1 {
        margin-top: 12px
    }
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.nav .nLi h3 {
    margin-bottom: 0;
    width: 100%;
    margin-block-start: 0em;
    margin-block-end: 0em
}

.nav .nLi h3 a {
    display: block;
    height: 52px;
    line-height: 52px
}

@media (min-width:1200px) {
    .nav .sub {
        display: none;
        left: 0;
        background: rgba(56, 110, 198, 0.9);
        line-height: 26px;
        position: relative;
        z-index: 100
    }

    .topNav .sub li p:nth-child(1) {
        display: none
    }

    .topNav h3 p:nth-child(2),
    .topNav h3 p:nth-child(3) {
        display: none
    }

    .banner-container-pc {
        display: block
    }

    .banner-container-mobile {
        display: block
    }

    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

    .nav {
        padding: 0 20px;
        height: 52px;
        line-height: 52px;
        position: relative;
        z-index: 1
    }

    .nav a {
        color: #fff
    }

    .nav .nLi {
        float: left;
        position: relative;
        display: inline
    }

    .nav .nLi h3 {
        float: left
    }

    .nav .nLi h3 a {
        display: block;
        padding: 0 20px
    }

    .nav .sub {
        display: none;
        width: 100%;
        left: 0;
        top: 52px;
        position: absolute;
        line-height: 26px
    }

    .nav .sub li {
        zoom: 1
    }

    .nav .sub a {
        display: block;
        padding: 0 10px
    }

    .nav .sub a:hover {
        background: #6d6d6d;
        color: #fff
    }

    .nav .on h3 a {
        background: #4E4E4E;
        color: #fff
    }
}

.nav .sub li {
    zoom: 1
}

.nav .sub a {
    display: block;
    text-decoration: none
}

.nav .sub a:hover {
    background: rgba(108, 153, 228, 0.51);
    color: #fff;
    text-decoration: none
}

.nav .on h3 a {
    background: #6C99E4;
    color: #fff
}

.topNav .sub li {
    width: 100%;
    line-height: 45px;
    text-decoration: none;
    border: none
}

@media (max-width:1199px) {
    .nav .nLi h3 a {
        padding-left: 20px;
        padding-right: 20px
    }

    .nav .sub a {
        overflow: hidden
    }

    .topNav .sub li {
        border-bottom: 0px solid rgba(0, 0, 0, 0) !important
    }

    .topNav .sub li p {
        float: left
    }

    .topNav .sub li p:nth-child(1) {
        margin-right: 6px
    }

    .topNav h3 p {
        float: left
    }

    .topNav h3 p:nth-child(2),
    .topNav h3 p:nth-child(3) {
        float: right;
        font-size: 25px
    }

    .topNav h3 p:nth-child(3) {
        display: none;
        font-size: 40px
    }

    .nav .on h3 p:nth-child(2) {
        display: none
    }

    .nav .on h3 p:nth-child(3) {
        display: block
    }

    .topNav .sub {
        background-color: #f5f7fc;
        display: none
    }

    .nav .sub a:hover {
        background: #eaeff8
    }

    .banner-container-pc {
        display: block
    }

    .banner-container-mobile {
        display: block
    }
}

.advert-container .container {
    overflow: inherit
}