/*all*/
html{
    font-size: calc(100vw/19.20);
    -webkit-text-size-adjust: 100%;
}
body{

}
*,ul,p,dl,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,li{
    font-family: "微软雅黑";
    text-decoration: none;
    padding: 0;
    margin: 0;
    list-style: none;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

input{
    border: 0;
    outline: none;
}
.container-fluid{
    position: relative;
    padding: 0;
    max-width: 19.20rem;
    overflow: hidden;
}
.container{
    padding: 0;
}
a{
    color: #333333;
}
a:hover{
    color: #0068b7;
}
a:hover,a:active,a:link{
    text-decoration:none;
}
a{
    color: #333333;
}
img{
    max-width: 100%;
}
.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/*宽度限定*/
.w{
    width: 99%;
    margin: 0 auto;
    max-width: 18.8rem;
    position: relative;
}
.wp {
    width: 99%;
    margin: 0 auto;
    max-width: 17rem;
    position: relative;
}
.wps {
    width: 99%;
    margin: 0 auto;
    max-width: 16rem;
    position: relative;
}
/*弹出搜索*/
.trigger{
    display: block;
    height: .24rem;
    width: .24rem;
    background: url("../images/header/ss.png")no-repeat center;
    background-size: .24rem auto;
}

.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-close{
    position: absolute;
    z-index: 10;
    display: block;
    right: .5rem;
    top: .5rem;
    width: .4rem;
    height: .4rem;
    background: url("../images/header/01.png")no-repeat center;
    background-size: 100% 100%;
}


.search-box{
    position:absolute;
    left:50%;
    top:50%;
    width:5rem;
    height:.45rem;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:10
}
.search-box input{
    outline:0;
    border:none
}
.search-box .inp{
    padding:0 1.4rem 0 .12rem;
    display:block;width:100%;
    height:.45rem;
    line-height:.45rem;
    box-shadow:.03rem .03rem .03rem rgba(0,0,0,.5) inset;
    font-size:.16rem;
    color:#333
}
.search-box .submit{
    position:absolute;
    right:0;top:0;
    width:1.2rem;
    height:.45rem;
    line-height:.45rem;
    background-color:#164fdc;
    font-size:.18rem;
    color:#fff;
    text-align:center
}
/*banner*/
.banner img{
    width: 100%!important;
    height: auto!important;
}
.banner table{
    width: 100%;
}
.banner #flashBoxu_u3_{
    width: 100%!important;
    height: auto!important;
}
/*页眉*/
.top{
    width: 100%;
    background: url("../images/header/00.png")repeat-x center top;
    background-size: 100% auto;
    height: 2.92rem;
    padding-top: .42rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}
.top .logo{
    width: 5.58rem;
}
.top .header{
    width: 11.2rem;

}
.top .header .dk{
    justify-content: flex-end;
    margin-bottom: .2rem;
}
.top .header .dk .t_link{
    color: #ffffff;
    font-size: .16rem;
}
.top .header .dk .t_link a{
    color: #ffffff;
}
/*导航*/
.nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.nav .mobNav {
    display: none;
}
.nav .dropdown {
    width: 100%;
}
.nav .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: space-between;
}
.nav .menu li {
    position: relative;
    /*-webkit-box-flex: 1;*/
    /*-ms-flex: 1;*/
    /*flex: 1;*/
}
.nav .menu li:last-child a {
    border-right: none;
}
.nav .menu a {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .2rem;
    text-decoration: none;
    font-weight: bold;
    padding: .13rem 0;
    position: relative;
}
.nav .menu a:hover {
    color: #0068b7;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
.nav .menu .cur:before{
    content: "";
    display: block;
    width: 100%;
    height: .01rem;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .33;
}
.nav .menu .cur:after{
    content: "";
    display: block;
    width: 100%;
    height: .01rem;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .33;
}
/*二级菜单*/
.nav .menu ul{
    position: absolute;
    top: .58rem;
    left: -.37rem;
    z-index: 9999;
    background-color: #ffffff;
    width: 1.54rem;
    display: none;
    padding: .1rem 0;
    border-radius: .04rem;
    box-shadow: 0 0 .54rem 0 rgba(0,0,0,0.09);
    -webkit-box-shadow: 0 0 .54rem 0 rgba(0,0,0,0.09);
    -moz-box-shadow: 0 0 .54rem 0 rgba(0,0,0,0.09);
}
.nav .menu ul li{
    text-align: center;
}
.nav .menu ul li:last-child a,.nav .menu ul li:last-child a:hover{

}
.nav .menu ul li a{
    font-weight: inherit;
    color: #333333;
    padding: .15rem 0;
}
.nav .menu ul li a:hover{
    background: #0068b7;
    color: #ffffff;
}
.nav .menu li:hover ul{
    display: block;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

@media screen and (max-width: 750px) {
    .nav {
        background: #f2f2f2;
        position: relative;
        padding: 2vw;
    }
    .nav .mobNav {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .nav .mobNav .toolBar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 8vw;
        overflow: hidden;
    }
    .nav .mobNav .menuBtn {
        padding: 0;
        margin: 0;
        height: 8vw;
        width: 8vw;
        background: orange url(../images/header/bar.png) center center no-repeat;
        background-size: 7vw 7vw;
        border: none;
        outline: none;
        border-radius: 1px;
    }
    .nav .mobNav .menuBtn:active {
        opacity: 0.8;
    }
    .nav .mobNav .menuBtn.close {
        background: orange url(../images/header/close.png) center center no-repeat;
        background-size: 5vw 5vw;
    }
    .nav .mobNav a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        align-items: center;
    }
    .nav .mobNav a img {
        height: 100%;
        width: auto;
    }
    .nav .mobNav span {
        width: 8vw;
        height: 8vw;
    }
    .nav .dropdown {
        position: absolute;
        left: 0;
        top: 12vw;
        width: 100vw;
        background: rgba(0, 0, 0, 0.3);
        z-index: 999;
        display: none;
    }
    .nav .dropdown .menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .nav .dropdown .menu li {
        width: 100vw;
    }
    .nav .dropdown .menu li:last-child a {
        border-bottom: 0;
    }
    .nav .dropdown .menu a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-right: none;
        text-indent: 2vw;
        border-bottom: 1px solid #ddd;
    }
    .nav .dropdown.show {
        display: block;
    }
    /*二级菜单*/
    .nav .menu ul{
        position: relative;
        top: 0;
    }



}

/*手机导航*/
.phone{
    display: none;
}

/*小屏幕*/
@media screen and (max-width: 1200px) {
    html{
        font-size: calc(100vw/5.5);
    }
    /*宽度限定*/
    .wp {
        width: 100%;
        margin: 0 auto;
        padding: 0 .1rem;
    }
    .top{
        display: none;
    }
    /*弹窗*/
    .triggers{
        display: inline-block;
        padding-left: 60px!important;
        background: url("../images/header/i-ss.png")no-repeat .08rem center;
        background-size: .16rem .16rem;
    }

    .phone .head1{
        padding: .1rem .2rem;
    }
    .phone .head1 .box{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .phone .head1 .box a {
        display: block;
        padding: .02rem .08rem;
        margin: 0 .04rem .04rem 0;
        border: .01rem solid rgba(0,0,0,.4);
        border-radius: .03rem;
        position: relative;
        font-size: .14rem;
        color: rgba(0,0,0,.8);
        flex-direction: column;
        justify-content: center;
        line-height: .26rem;
    }
    /*手机导航*/
    .phone{
        display: inherit;
    }
    .sp_header{height:.6rem;overflow:hidden;background:#fff;position:relative;z-index:10;width:100%;}
    .sp_logo{padding:.1rem;float:left;}
    .sp_logo img{margin:auto;max-height:.4rem;}
    .sp_nav{width:.5rem;float:right;position:relative;cursor:pointer;height:.3rem;margin-top:.15rem}
    .sp_nav span{display:block;background:#000000;width:.3rem;height:.04rem;position:absolute;left:.1rem;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0}
    .sp_nav span:nth-of-type(2){top:.1rem}
    .sp_nav span:nth-of-type(3){top:.2rem}
    .sp_nav_se span:nth-of-type(1){top:.1rem;transform:rotate(45deg)}
    .sp_nav_se span:nth-of-type(2){width:0}
    .sp_nav_se span:nth-of-type(3){top:.1rem;transform:rotate(-45deg)}
    .sjj_nav{position:fixed;z-index:9;background:#ffffff;width:100%;height:calc(100% - 1.04rem);font-size:.16rem;line-height:.4rem;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
    .nav_show{top:.6rem}

    /*导航*/
    .menu_list{width:100%;margin:0 auto;}
    .menu_list h3,.menu_list h4{
        height: .47rem;
        line-height: .47rem;
        padding-left: .38rem;
        font-size: .18rem;
        color: #525252;
        cursor: pointer;
        border-left: .01rem solid #e1e1e1;
        border-right: .01rem solid #e1e1e1;
        border-bottom: .01rem solid #e1e1e1;
        border-top: .01rem solid #F1F1F1;
        position: relative;
        margin: 0;
    }
    .menu_head{
        background: url(../images/header/pro_left.png) center right no-repeat;
    }
    .menu_list .current{
        background:#f1f1f1 url(../images/header/pro_down.png) center right no-repeat;
    }
    .menu_list .cur{
        background:#f1f1f1;
    }
    .menu_body{
        line-height: .38rem;
        border-left: .01rem solid #e1e1e1;
        backguound: #fff;
        border-right: .01rem solid #e1e1e1;
        display: none;
    }
    .menu_body a{
        display:block;
        height:.38rem;
        line-height:.38rem;padding-left:.38rem;
        color:#777777;
        background:#fff;text-decoration:none;
        font-size: .16rem;
    }
    .menu_body a.curr{
        color: #0068b7;
    }
    .menu_body a:hover{text-decoration:none;}

}