@charset "UTF-8";

/* 后加 922 */
.sjj_nav>ul>li:first-child .language{
    width: 105px;
}
.sjj_nav>ul>li:first-child>a{
    width: calc(100% - 105px);
}

/* end */



/*base*/

.y-1400{

    width: 1400px;

    margin: 0 auto;

}





/*手机端导航*/

.m_header{

    display: none;

}

.sp_nav span{

    background-color: #fff;

}

.sjj_nav,

.sp_header{

    background-color: #011d4c;

}

.sjj_nav>ul>li:first-child .language a,

.sjj_nav ul li a{

    color: #fff;

}

.sjj_nav ul li i svg{

    fill: #fff;

    position: relative;

    top: -4px;

}

.sjj_nav ul li ul li a{

    color: #fefefe;

}

.sjj_nav ul li i{

    top: 9px;

}

.sjj_nav ul li{

    line-height: 50px;

}

.phone_search{

    margin: 20px 20px 0 ;

}

.phone_search form p{

    display: flex;

    width: 100%;

    justify-content: center;

    align-items: center;

}

.phone_search form p span{

    width: 88%;

}

.phone_search form p span input{

    width:100%;

    height: 42px;

    padding: 0 10px;

    border-radius: 8px;

}

.phone_search>form>p>input {

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

    display: block;

    width: 25px;

    height: 24px;

    background-size: 100% 100%;

    margin-left: 15px;

    background-repeat: no-repeat;

}





/*head*/

.nav-section{

    width: 100%;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    position: fixed;

    transition: all 500ms;

    -moz-transition: all 500ms; /* Firefox 4 */

    -webkit-transition: all 500ms; /* Safari 和 Chrome */

    -o-transition: all 500ms; /* Opera */

    z-index: 99;
    top: 0;

}

.nav-box{
    max-width: 1723px;
    margin: 0 auto;

    display: flex;

    justify-content:space-between;

    align-items: center;

    transition: all 500ms;

    -moz-transition: all 500ms; /* Firefox 4 */

    -webkit-transition: all 500ms; /* Safari 和 Chrome */

    -o-transition: all 500ms; /* Opera */

}

.nav-logo{

    display: flex;

    align-items: center;

    justify-content: center;

}

.nav-logo img{

    max-width: 100%;

}



.nav-rg{
    
    width:73%;
    display: flex;
    justify-content:space-between;
    align-items: center;

}

.nav-rg .nav_blur{
    width: 79%;
}

.nav-option-box{
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;

}

.nav-option-box .nav-option:hover .np-child-box{
    visibility: visible;
    opacity: 1;
    height: 288px;
}

.nav-option-box .nav-option:nth-child(1):hover .np-child-box{
    visibility: visible;
    opacity: 1;
    height: 160px !important;
}

.nav-option-box .nav-option:nth-child(6):hover .np-child-box{
    visibility: visible;
    opacity: 1;
    height: 110px !important;
}

.nav-option-box .nav-option:nth-child(7):hover .np-child-box{
    visibility: visible;
    opacity: 1;
    height: 110px !important;
}

.nav-option-box .nav-option:last-child:hover .np-child-box{
    visibility: visible;
    opacity: 1;
    height: 248px !important;
}

.activehead{
    background: rgba(1,29,76,.9) !important;
    box-shadow: 1px 1px 10px rgb(1,29,76);
    transition: all .5s;
}
.activehead .nav-option-box>li>a{
    padding: 25px 0;
    transition: all .5s;
}
.nav-option-box>li>a{

    padding: 31.5px 0;
    display: block;

    text-align: center;

    font-family: MicrosoftYaHei;

    font-size: 18px;

    color: #ffffff;

    position: relative;

}
.nav-option-box li:nth-child(2) .np-child-box{
    display: none !important;
}
.nav-option-box>li>a::after{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 18px;
    content:'';
    width: 0%;
	height: 3px;
	background-color: #e30114;
	transition: all .5s;
	opacity: 0;
}

.nav-option-box li:nth-child(1) .np-child-box{
    /*visibility: visible;*/
    /*opacity: 1;*/
    /*height: auto;*/
}


.nav-option-box .nav-option:hover a::after{
    width: 100%;
    opacity: 1;
}


/*新加代码----------------------------------------------------------------------*/
.nav-option:nth-child(4) .np-child-box-con .np-chlid:nth-child(1){
    /*width: 42%;*/
    width: 27%;
}
.nav-option:nth-child(4) .np-child-box-con .np-chlid:nth-child(2){
    width: 27%;
}
.nav-option:nth-child(4) .np-child-box-con .np-chlid:nth-child(3){
    width: 26%;
}

.nav-option:nth-child(4) .np-child-box-con .np-chlid ul li{
    /*margin-left: 50px;----------------------------*/
    margin-left: 31px;
}
.nav-option:nth-child(4) .np-child-box-con .np-chlid ul li:nth-child(1),.nav-option:nth-child(4) .np-child-box-con .np-chlid ul li:nth-child(2),.nav-option:nth-child(4) .np-child-box-con .np-chlid ul li:nth-child(3),.nav-option:nth-child(4) .np-child-box-con .np-chlid ul li:nth-child(4){
    margin-left: 0;
}

.nav-option:nth-child(5) .np-child-box-con .np-chlid ul{
    height: 80px;
}

.nav-option-box .nav-option:nth-child(5):hover .np-child-box{
    visibility: visible;
    opacity: 1;
    height: 208px !important;
}
.nav-option-box .nav-option:nth-child(5) .np-child-box-con .np-child-list:nth-child(1){
    width: 100%;
}
.nav-option-box .nav-option:nth-child(5) .np-child-box-con .np-child-list:nth-child(1) .np-chlid{
    width: auto;
}
.nav-option-box .nav-option:nth-child(4) .np-child-box-con .np-child-list:nth-child(1){
    width: 81%;
}


/*导航语言*/

.nav-language{
    position: relative;
    padding-right: 21px;
}

.language-option{

    position: absolute;
    top: 100%;
    text-align: center;
    display: none;
    background-color: #000;
    padding: 4px 8px;
    width: 72px;

}
.nav-language a{
    display: block;
    transition: all .5s;
}

.nav-language a:hover{
    color: #fff;
}

.nav-language a,

.nav-language>span{

    font-family: MicrosoftYaHei;
    font-size: 15px;
    color: #ffffff;

}

.nav-language>span{
    display:flex;
    align-items: center;
}

.nav-language>span>img{

    margin-left: 20px;

    cursor: pointer;

}

.navrt-rt{
    display: flex;
    align-items: center;
}

.nav-language::before{

    content: "";

    display: block;

    position: absolute;

    width: 3px;

    height: 18px;

    background-color: #ffffff;

    opacity: 0.5;

    right: -1px;

    top: 50%;

    transform: translateY(-50%);

}

.form1{
    opacity: 1 !important;
    visibility: visible !important;
}






/*导航搜索*/

.nav-search{
    padding-left: 18px;

}

.nav-search img{
    cursor: pointer;
}

.nav-search>form{

    position: absolute;

    top: 100%;

    background-color: rgba(1,29,76,.9);

    width: 100%;

    right: 0;

    transition: all 0.5s;

    transform: translateY(0px);

    text-align: center;

    display: flex;

    justify-content: center;

    z-index: 3;

    opacity: 0;

    visibility: hidden;

}

.nav-search>form>p{

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 50%;

    margin: 17px 0;

}

.nav-search>form>p>span {

    width: 91%;

    position: relative;

}

.nav-search>form>p>span>input{

    display: block;

    width: 100%;

    background: #fff;

    padding: 11px 11px;

    outline: none;

    margin: 0 auto;

    position: relative;

    font-size: 14px;

    border-radius: 10px;

}

.nav-search>form>p>input{

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

    display: block;

    width: 21px;

    height: 21px;

    background-size: 100% 100%;

    margin-left: 15px;

    background-repeat: no-repeat;

}



/*导航下拉*/

.np-child-box{

    top: 100%;

    transform: translateY(0px);

    position: absolute;

    width: 100%;

    padding: 30px 0 ;

    background-color: #f3f3f3;

    left: 0;

    visibility: hidden;

    opacity:0;

    transition: all 0.5s;
    height: 0;


}

.np-child-box-con{
        display: flex;
    justify-content: space-between;
}

.np-child-list{

    /*width: 1400px;*/

    display: flex;

    /*flex-wrap: wrap;*/

    justify-content: space-between;

}
.np-child-box-con .np-child-list:nth-child(1){
    width: 86%;
}

.nav-option-box li:nth-child(1) .np-child-box .np-child-box-con .np-child-list:nth-child(1),.nav-option-box li:nth-child(6) .np-child-box .np-child-box-con .np-child-list:nth-child(1),.nav-option-box li:nth-child(7) .np-child-box .np-child-box-con .np-child-list:nth-child(1){
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    
}
.nav-option-box li:nth-child(1) .np-child-box .np-child-box-con .np-child-list:nth-child(1) .np-chlid,.nav-option-box li:nth-child(6) .np-child-box .np-child-box-con .np-child-list:nth-child(1) .np-chlid{
    width: calc(100%/6);
    text-align: center;
}

.nav-option-box li:nth-child(7) .np-child-box .np-child-box-con .np-child-list:nth-child(1) .np-chlid{
    width: calc(100%/5);
    text-align: center;
}

.np-child-box-con .np-child-list:nth-child(2){
    display:flex;
    flex-direction: column;
    width: 12%;
    justify-content: flex-start;
}

.np-chlid{

    width:20%;

    /*text-align: center;*/

    padding: 10px 0;

}
.np-child-box-con .np-child-list:nth-child(2) .np-chlid{
    width: 100%;
}

.np-chlid ul{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 18px;
    height: 160px;
    padding-left: 20px;
    align-items: flex-start;
}
.np-chlid ul li{    
    margin-bottom: 10px;
    margin-left: 86px;
}
.np-chlid ul li:nth-child(1),.np-chlid ul li:nth-child(2),.np-chlid ul li:nth-child(3),.np-chlid ul li:nth-child(4){
    margin-left: 0px;
}

.np-chlid ul li a{
	font-size: 20px;
	color: #4a88c2;

}


.np-chlid>a{

    font-family: MicrosoftYaHei;

    font-size: 20px;

    color: #142756;
    white-space: nowrap;

}

.np-chlid>a::before{

    content: '|';

    display: inline-block;

    font-size: 18px;

    color: #142756;

    margin-right: 15px;

}

.np-full-box{

    padding: 0;

}









/*底部导航*/

.foot-section{

    background-color: #000636;
    position: relative;

}

.foot-top{

    display: flex;

    justify-content: space-between;

    padding-top: 47px;

    padding-bottom: 35px;

    border-bottom: 1px solid rgba(153,155,175,0.57);

}

.foot-top-lf{

    width: 58%;

}

.foot-logo{

    width: 102px;

    height: 26px;

}

.foot-img{

    max-width: 100%;

}

.font-tl-content{

    font-family: MicrosoftYaHei;

    font-size: 16px;

    line-height: 30px;

    color: #ffffff;

    opacity: 0.6;

}

.font-tl-content:nth-of-type(2){

    padding-top:32px;

}

.font-tl-content:nth-of-type(3){

    padding: 20px 0 42px;

}



.friend-box{

    width: 181px;

    height: 37px;

    position: relative;

}

.friend-link{

    width: 100%;

    height: 37px;

    border-radius: 11px;

    border: solid 1px #ffffff;

    opacity: 0.6;

    display: flex;

    justify-content: space-between;

    align-content: center;

    padding: 0 16px;

}

.friend-link>h3{

    font-family: MicrosoftYaHei;

    font-size: 16px;

    color: #ffffff;


    line-height: 37px;

}

.friend-down{

    border-top: 6px solid rgba(255,255,255,0.5);

    border-left:6px solid rgba(255,255,255,0) ;

    border-right:6px solid rgba(255,255,255,0) ;

    margin-top: 17px;

}



.foot-top-rg>li{

    text-align: right;

}

.kf-img{

    margin-top: 8px;

    width: 100%;

}

.kf-img>img{

    max-width: 56px;

}

.kf-tel{

    font-family: MicrosoftYaHei;

    font-size: 26px;

    color: #ffffff;

    opacity: 0.6;

    padding: 28px 0 20px;

}

.wb-ytb{

    display: flex;

    justify-content: flex-end;

}

.wb-ytb>a:nth-of-type(2){

    padding-left: 22px;

}

.copy-box{

    padding: 36px 0 ;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.copy-box>p{

    font-family: MicrosoftYaHei;

    font-size: 16px;

    color: #ffffff;

    opacity: 0.5;

}
.copy-box p a{
    color: #fff;
}

.friend-item-box{

    width: 100%;

    height: 62px;

    position: absolute;

    top: 100%;

    background-color:#fff;

    visibility: hidden;

    opacity: 0;

    overflow-y: auto;

    border-radius: 5px;

    transition: all 500ms;

    -moz-transition: all 500ms; /* Firefox 4 */

    -webkit-transition: all 500ms; /* Safari 和 Chrome */

    -o-transition: all 500ms; /* Opera */

}

.friend-item-box::-webkit-scrollbar {

    width: 6px;

    height: 6px;

    background-color: rgba(240, 240, 240, 1);

}



.friend-item-box::-webkit-scrollbar-thumb {

    border-radius: 10px;

    box-shadow: inset 0 0 0px rgb(240 240 240 / 50%);

    background-color: rgba(0, 0, 0, .6);

}

.friend-item-box::-webkit-scrollbar-track {

    box-shadow: inset 0 0 0px rgb(240 240 240 / 50%);

    border-radius: 10px;

    background-color: rgba(230, 230, 230, 1);

}





.friend-item{

    text-align: center;

}

.friend-item>a{

    font-family: MicrosoftYaHei;

    font-size: 16px;

    line-height: 30px;

    color: #333;

}









/*响应式配置*/

@media (max-width:1850px){

    /*导航栏*/

    .nav-option-box{

        width: 100%;

    }

}

@media (max-width:1750px) {

    /*导航栏*/

    .nav-option-box{

        width: 100%;

    }
    .nav-rg {
    width: 86.5%;
}

}



@media (max-width:1599px) {

    /*导航栏*/

    .nav-language {

        /*position: relative;*/

        /*padding: 24px 15px 0 20px;*/

    }

    .nav-language>span>img{

        margin-left:14px;

    }

    /*.nav-search {*/

    /*    padding: 22px 0 0 15px;*/

    /*}*/

    .nav-box{

        padding-left: 60px;

        padding-right: 60px;

    }



}

@media (max-width:1477px) {

    /*导航栏*/

    .nav-option-box {

        width: 100%;

    }
    
        .nav-rg {
        width: 83.5%;
    }


}

@media (max-width: 1400px) {

    /*导航栏*/

    .np-child-list{

        width: 100%;

    }

}



@media (max-width:1400px){

    /*base*/

    .y-1400{

        width: 100%;

        padding: 0 25px;

    }
    

}



@media (max-width:1365px) {

    /*导航栏*/

    .nav-logo{

        width: 15%;

    }

    .nav-rg{

        width: 80%;

    }

    .nav_blur{

        width: 86%;

    }

    .nav-option-box{

        width: 100%;

    }

    /*.nav-language{*/

    /*    width: 10%;*/

    /*}*/

    .nav-search{

        /* width: 4%; */

    }

    .nav-option-box>li>a{

        font-size: 16px;

    }

    .nav-language {

        position: relative;

        padding: 0px 10px 0 8px;

    }
    .nav-language a, .nav-language>span{
        font-size: 13px;
    }
    .nav-language>span>img {
    margin-left: 10px;
}
.language-option{
    width: 63px;
}

}



@media (max-width:1199px) {

    /*导航栏*/

    .nav-box{

        padding-left: 25px;

        padding-right: 25px;

    }

    .nav-language{

        padding: 24px 15px 0 10px;

    }

    .nav-language>span>img{

        margin-left: 6px;

    }

}



@media (max-width:990px) {

    /*base*/

    .y-1400{

        padding: 0 10px;

    }


    .m_header{

        display: block;

    }



    /*底部导航*/

    .font-tl-content{

        font-size: 16px;

    }

}



@media (max-width:800px){

    /*底部导航*/

    .copy-box{

        justify-content: center;

    }

    .copy-box>p{

        text-align: center;

    }

    .copy-box>p:nth-of-type(2){

        padding-top: 15px;

    }

    .kf-tel{

        font-size: 24px;

    }

}



@media (max-width:767px) {

    /*底部导航*/

    .foot-top{

        flex-wrap: wrap;

        padding-top: 40px;

    }

    .foot-top-lf{

        width: 100%;

    }

    .font-tl-content{

        font-size: 14px;

    }

    .font-tl-content:nth-of-type(2){

        padding-top: 18px;

    }

    .font-tl-content:nth-of-type(3){

        padding: 10px 0 30px;

    }

    .friend-link>h3{

        font-size: 14px;

        line-height: 35px;

    }

    .foot-top-rg{

        width: 100%;

    }

    .foot-top-rg>li{

        text-align: left;

    }

    .wb-ytb{

        justify-content: flex-start;

    }

    .kf-tel{

        font-size:20px;

        padding: 16px 0 18px;

    }

    .kf-img{

        margin-top: 30px;

    }

    .kf-img>img{

        max-width: 48px;

    }

    .wb-ytb>a:nth-of-type(2){

        padding-left: 16px;

    }



    .copy-box>p{

        font-size: 14px;

    }

    .copy-box>p:nth-of-type(2){

        padding-top: 10px;

    }

    .copy-box{

        padding: 25px 0;

    }



}