@charset "utf-8";



/*==========================================公共 开始=============================================*/

.main-menu {

    flex: 1;

}



.main-menu #mobile-menu {

    height: 100%;

    padding-top: 25px;

}



.main-menu nav > ul {

    display: flex;

    justify-content: flex-end;

    height: 100%;

}



.main-menu nav > ul > li {

    display: inline-block;

    position: relative;

    margin: 0;

    padding-right: 28px;

}



.main-menu nav > ul > li:last-child {

    padding-right: 0;

}



.main-menu nav > ul > li > a {

    display: block;

    font-weight: 700;

    font-size: 18px;

    height: 100%;

    overflow: hidden;

    line-height: 90px;

    color: #FFFFFF;

    transition: all 0.3s ease 0s;

    position: relative;

}



.main-menu nav > ul > li > a font {

    display: inline-block;

    line-height: 30px;

    position: relative;

}



.main-menu nav > ul > li > a font:after {

    content: "";

    position: absolute;

    display: inline-block;

    width: 12px;

    height: 12px;

    top: 100%;

    left: 50%;

    border-radius: 50%;

  /*  background: #BEAA8B;*/

    opacity: 0;

    transform: translateX(-50%);

    transition: all 0.2s ease-out 0s;

}



.main-menu nav > ul > li > a font:before {

    content: "";

    border-left: 2px solid #BEAA8B;

    height: 57px;

    transition: all 0.2s ease-out 0s;

    transform: scaleY(0);

    position: absolute;

    left: 50%;

    top: 100%;

    margin-left: -1px;

    transform-origin: center top;

}



.main-menu nav > ul > li.active > a font, .main-menu nav > ul > li:hover > a font {

    /*color: #BEAA8B;*/

}



.main-menu nav > ul > li:hover > a font:before {

    transform: none;

}



.main-menu nav > ul > li:hover > a font:after {

    opacity: 1;

}



.menu_b_title {

    font-weight: 400;

    font-size: 24px;

    line-height: 32px;

    color: #333333;

    margin-bottom: 15px;

}



/* sub menu */

.main-menu nav > ul > li .sub-menu {

    left: 50%;

    position: absolute;

    top: 100%;

    display: flex;

    transition: all 0.4s ease-out;

    width: 648px;

    border-radius: 0px 0px 4px 4px;

    background-color: #fff;

    z-index: 9;

    transform-origin: top;

    opacity: 0;

    visibility: hidden;

    transform: translateX(-50%) scaleY(0);

}



.main-menu nav > ul > li:hover .sub-menu {

    opacity: 1;

    visibility: visible;

    transform: translateX(-50%) scaleY(1);

}



.sub-menu .box_ {

    height: 100%;

    width: 100%;

    padding: 35px 50px;

    border-radius: 0px 0px 4px 4px;

    overflow: hidden;

    background-image: url(/template/default/index/4105/images/menu_c_bg.jpg);

    background-repeat: no-repeat;

    background-position: bottom;

}



.sub-menu .list_ {

    margin-left: -10px;

    margin-right: -10px;

}



.sub-menu .list_ .i {

    float: left;

    width: 33.33%;

    padding: 5px 10px;

}



.sub-menu .list_ a {

    position: relative;

    display: block;

    padding-left: 20px;

    background-image: url(/template/default/index/4105/images/menu_icon_down.svg);

    background-repeat: no-repeat;

    background-position: left 3px;

    background-size: 16px 16px;

    height: 40px;

}



.sub-menu .list_ a:hover {

    background-image: url(/template/default/index/4105/images/menu_icon_down_hover.svg);

}



.sub-menu .list_ a span {

    font-size: 16px;

    line-height: 20px;

    color: #666;

    transition: all .3s;

}



.sub-menu .list_ a:hover span {

    color: var(--blue);

}



/*pro menu*/

.sub-menu .r_ .list2 .pub-t1 {

    overflow: hidden;

    opacity: 0;

    height: 0;

    width: 100%;

    margin-left: -10px;

    margin-right: -10px;

    transition: opacity .4s;

}



.sub-menu .r_ .list2 .pub-t1.d-show {

    opacity: 1;

    height: inherit;

}



.sub-menu .list1 {

    padding-top: 40px;

}



.sub-menu .list1 p {

    font-weight: 400;

    font-size: 16px;

    line-height: 21px;

    color: #333333;

    margin-bottom: 25px;

}



.sub-menu .list1 p a:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 2px;

    background: var(--blue);

    border-radius: 10px;

    transition: all .3s;

}



.sub-menu .list1 p a {

    color: inherit;

    line-height: inherit;

    font-size: inherit;

    padding-bottom: 8px;

    position: relative;

}



.sub-menu .list1 p.active {

    color: var(--blue);

}



.sub-menu .list1 p.active a:after {

    width: 100%;

}



.menu-pro {

    padding: 55px 0 80px 80px;

    padding-right: 10%;

}



.menu-pro .bg-loop {

    float: left;

    width: 33.33%;

    max-width: 300px;

    padding: 10px 10px;

}



.menu-pro .bg {

    position: relative;

    width: 100%;

    height: 130px;

    background: #E6EFFE;

    border-radius: 6px;

    padding: 35px 30px;

    overflow: hidden;

    z-index: 1;

}



.menu-pro .bg h4 {

    font-weight: 700;

    font-size: 16px;

    line-height: 21px;

    color: #333333;

}



.menu-pro .bg p {

    font-weight: 400;

    font-size: 14px;

    line-height: 18px;

    margin-top: 12px;

    color: #666666;

    max-width: 160px;

}



.menu-pro .bg .icon {

    position: absolute;

    right: 20px;

    top: 50%;

    transform: translateY(-50%);

    width: 40%;

    text-align: right;

    z-index: -1;

}



/* sub menu */

.main-menu nav > ul > li > .sub-menu > li > .sub-menu {

    background: #ffffff none repeat scroll 0 0;

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);

    left: 100%;

    opacity: 0;

    position: absolute;

    top: 120%;

    transition: all 0.3s ease 0s;

    visibility: hidden;

    width: 220px;

    z-index: 9;

}



.main-menu nav > ul > li > .sub-menu > li:hover .sub-menu {

    top: 0 !important;

    opacity: 1;

    top: 100%;

    visibility: visible

}



.header-btn {

    display: inline-block;

    line-height: 95px;

}



.header_box {

    height: 95px;

    position: relative;

    z-index: 1000

}



/*导航按钮开始*/

#nav_btn_box.on {

    background: none;

}



#nav_btn {

    cursor: pointer;

    text-align: center;

    z-index: 99999;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    outline: none;

    box-shadow: none;

}



#nav_btn .point {

    display: inline-block;

    width: 1.875rem;

    height: 22px;

    position: relative;

    outline: none;

}



#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {

    width: 1.75rem;

}



#nav_btn .navbtn {

    position: absolute;

    top: 16px;

    left: 0;

    display: inline-block;

    width: 21px;

    height: 1px;

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;

    background: #fff;

}



#nav_btn .navbtn::after, #nav_btn .navbtn::before {

    position: absolute;

    left: 0;

    display: inline-block;

    width: 22px;

    height: 1px;

    content: '';

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;

    background: #fff;

}



#nav_btn .navbtn::after {

    top: -8px;

}



#nav_btn .navbtn::before {

    top: 8px;

}



#nav_btn .point.on .navbtn {

    background: transparent;

}



#nav_btn .point.on .navbtn::after {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 0px;

}



#nav_btn .point.on .navbtn::before {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 0px;

}



/*导航按钮结束*/

.m_nav_list {

    flex-direction: column;

    justify-content: flex-start;

    width: 100%;

    overflow: auto;

}



.m_nav_list::-webkit-scrollbar {

    display: none

}



#m_nav {

    z-index: 9;

    position: fixed;

    width: 100%;

    height: 100vh;

    right: -100%;

    top: 0;

    display: none;

    background-color: #fff;

    padding: 172px 0 30px 0;

    overflow: hidden;

    pointer-events: none;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

}



#m_nav.act {

    pointer-events: auto;

    right: 0;

}



#m_nav>ul>li {

    position: relative;

    overflow: hidden;

    margin: 0 20px;

    width: auto;

}



#m_nav>ul>li+li {

    border-top: 1px solid #eaeaea;

}



#m_nav>ul>li .list {

    margin: 0 -5px;

    font-size: 0;

    display: none;

    position: relative;

    z-index: 9;

    left: 0;

    margin: 0 -5px;

    background: none;

    border: 0;

    clear: both;

    padding-bottom: 10px;

}



#m_nav>ul>li .list div {

    display: inline-block;

    width: 25%;

    padding: 0 5px;

    margin-bottom: 5px;

}



#m_nav>ul>li .list div a {

    display: flex;

    align-items: center;

    color: #666;

    font-size: 14px;

    line-height: 20px;

    height: 40px;

}



#m_nav li .a {

    display: inline-block;

    width: 100%;

}



#m_nav li .a h3 {

    line-height: 50px;

    height: 50px;

    color: #333333;

    padding: 0;

    font-size: 16px;

    background: none;

    float: left;

    font-family: inherit;

}



#m_nav li .a span {

    display: block;

    position: absolute;

    top: 0;

    right: 10px;

    width: 20px;

    height: 50px;

    text-align: center;

}



#m_nav li .a span i {

    font-size: 0;

}



#m_nav li i {

    position: absolute;

    right: 0px;

    top: 0;

    opacity: 1;

    filter: alpha(opacity=100);

    display: inline-block;

    width: 20px;

    height: 4rem;

    display: inline-block;

    background: url(/template/default/index/4105/images/arrow_down.svg) center no-repeat;

    background-size: 10px;

    cursor: pointer;

}



#m_nav li.on.title .a i {

    transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

}



#m_nav .on.title .a i {

    transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

}



#m_nav li {

    display: block;

    width: 100%;

}



.nav_mask {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 8;

    background-color: rgba(0, 0, 0, 0.4);

    display: none;

}



#m_header {

    position: relative;

    height: 112px;

    background-color: var(--blue);

    box-shadow: 0 0 10px rgba(0, 0, 0, .15);

}



#m_header .container {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



#m_header #logo {

    padding-top: 15px;

    max-width: 50%;

}



#m_header #logo a {

    display: inline-block;

    line-height: 1;

}



#m_header #logo img {

    max-width: 300px;

}



.fl {

    float: left;

}



.m_header_box {

    position: fixed;

    display: none;

    z-index: 10;

    left: 0;

    right: 0;

}



@media(max-width:1580px) {

    .small_logo {

        width: 27%;

        padding-right: 15px;

    }



    .main-menu nav > ul > li {

        padding-right: 20px;

    }
    .main-menu nav > ul > li .sub-menu {

        left: -50%!important;
    
        position: absolute;
    
        top: 100%;
    
        display: flex;
    
        transition: all 0.4s ease-out;
    
        width: 648px;
    
        border-radius: 0px 0px 4px 4px;
    
        background-color: #fff;
    
        z-index: 9;
    
        transform-origin: top;
    
        opacity: 0;
    
        visibility: hidden;
    
        transform: translateX(-50%) scaleY(0);
    
    }



}



@media(max-width:1440px) {

    .main-menu nav > ul > li {

        padding-right: 15px;

    }

    .sub-menu .list_ .i{
        width: 25%;
    }



}



@media(max-width:1440px) {

    .header.blue_bg {

        height: 178px;

    }



}



@media(max-width:1400px) {

    .main-menu nav > ul > li > a {

        font-size: 16px;

    }
    
   
    


}



@media(max-width:1300px) {

    .header.blue_bg {

        height: auto;

    }



    .head_mid {

        /*display: none !important;*/

    }

 

  

    .blue_bg .head_bot,

    .sticky .head_bot {

        display: none !important;

    }

    .blue_bg .m_header_box,

    .sticky .m_header_box {

        display: block;

    }



    .m_header_box {

        top: 48px;

    }



    #m_header .head_right {

        position: absolute;

        right: 50px;

        top: 0;

        height: 100%;

    }



}



@media(max-width:991px) {

    .old_look {

        display: none !important;

    }



    .head_mid .big_logo {

        width: 250px;

        margin: 0 auto;

        padding-top: 0;

    }

    .big_logo p {

        padding-top: 0px;

    }

}



@media(max-width:767px) {

    .head_top .l, .s_email {

        display: none !important;

    }



    #m_header #logo img {

        max-width: 200px;

    }



    #m_header {

        height: 79px;

    }



    #m_nav {

        padding-top: 150px;

    }



    #m_nav>ul>li .list div {

        width: 50%;

    }



}