@charset "UTF-8";
/* ie8提示 */
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(/img/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(/img/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(/img/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(/img/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}

.div{
    width:100%;
    min-width: 1360px;
    overflow: hidden;
    position: relative;
}
.yy{
    width: 100%;
    height: 440px;
    background: url(/img/header_bg.png) no-repeat center top;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    background-size: 100% auto;
}
/* 顶部 */
header{
    padding: 40px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99999;
    animation: 0.8s ease 0.5s 1 normal backwards running fadeInDown;
}
header .logo img{
    width: auto;
    height: 86px;
    display: block;
}
header .search{
    width: 44px;
    height: 44px;
    border-radius: 100%;
    z-index: 600;
    margin-top: 21px;
 }
header .search>span.searchBox{
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto;
    cursor: pointer;
    background: url(/img/search.png) no-repeat center;
 }
 header .header_txt{
     font-size: 22px;
     color: #fffdad;
     line-height: 86px;
     margin-left: 120px;
 }
/* 导航 */
nav{
    position: absolute;
    top: 166px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999999;
    animation: 0.8s ease 0.5s 1 normal backwards running fadeInUp;
}
nav{
    height: 46px;
}
nav>div>ul>li{
    float: left;
    position: relative;
}
nav>div>ul>li.nLi>a{
    display: block;
    font-size: 20px!important;
    line-height: 46px;
    text-align: center;
    color: #fff;
    width: auto;
    padding: 0px 23px!important;
}
nav ul li.nLi a:hover, nav ul li.nLi.hover a{
    color: #fffdad;
}
nav ul li.hover::before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid transparent;
    border-bottom: 9px solid #e59b28;
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -9px;
}
nav ul li>ul.sub{
    display: none;
    position: absolute;
    width: 100%;
    top: 36px;
    left: 0;
    padding-top: 24px;
    z-index: 1000;
}
nav ul li>ul.sub::before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid transparent;
    border-bottom: 9px solid #e59b28;
    position: absolute;
    top: 6px;
    left: 50%;
    margin-left: -9px;
}
nav ul li>ul.sub li a{
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background: #e59b28;
}
nav ul li>ul.sub li a:hover{
    color: #fffdad;
    font-size: 17px;
    text-indent: 10px;
}
/* 导航置顶 */
#nav.zd{
    position: fixed;
    height: 70px;
    top: 0;
    padding-top: 10px;
    box-sizing: border-box;
    /* background: url(/img/zd_bg.png) no-repeat center; */
    background: rgba(62, 113, 203,0.72);
    z-index: 9999999;
}
/* 底部 */
footer{
    width: 100%;
    padding: 75px 0;
    background: url(/img/footer.jpg) no-repeat center;
}
footer div.fl>div{
    margin-top: 20px;
}
footer div.fl>div.rmzd{
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
}
footer div.fl>div.yhdl{
    opacity: 0;
    visibility: hidden;
}
footer div.fl>div.rmzy{
    opacity: 0;
    visibility: hidden;
}
footer.animation div.fl>div.rmzd{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp;
}
footer.animation div.fl>div.yhdl{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.4s 1 normal backwards running fadeInUp;
}
footer.animation div.fl>div.rmzy{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.5s 1 normal backwards running fadeInUp;
}
footer div.fl>div p{
    display: inline-block;
    width: 100px;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #5585b9;
    border: 1px solid #2e68a9;
    border-radius: 4px;
    margin-right: 30px;
}
footer div.fl>div a{
    display: inline-block;
    width: auto;
    line-height: 44px;
    color: #d8e6f6;
    font-size: 14px;
    margin-right: 15px;
}
footer div.fl>div a:hover{
    color: #e59b28;
}
footer div.fr ul {
    font-size: 0;
    margin-top: 22px;
}
footer div.fr ul li{
    display: inline-block;
    margin-left: 20px;
}
footer div.fr ul li:first-child{
    margin-left: 0;
}
footer div.fr ul li img{
    display: block;
    width: auto;
    height: auto;
}
footer div.fr ul li p{
    color: #d8e6f6;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
footer div.fr>ul li:nth-child(1){
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
}
footer div.fr>ul li:nth-child(2){
    opacity: 0;
    visibility: hidden;
}
footer div.fr>ul li:nth-child(3){
    opacity: 0;
    visibility: hidden;
}
footer div.fr>ul li:nth-child(4){
    opacity: 0;
    visibility: hidden;
}
footer.animation div.fr>ul li:nth-child(1){
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp;
}
footer.animation div.fr>ul li:nth-child(2){
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.4s 1 normal backwards running fadeInUp;
}
footer.animation div.fr>ul li:nth-child(3){
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.5s 1 normal backwards running fadeInUp;
}
footer.animation div.fr>ul li:nth-child(4){
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.6s 1 normal backwards running fadeInUp;
}
.bq{
    width: 100%;
    padding: 26px 0;
    background: #021d3a;
}
.bq p{
    opacity: 0;
    visibility: hidden;
}
.bq>a{
    opacity: 0;
    visibility: hidden;
}
.bq.animation p{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.5s 1 normal backwards running fadeInUp;
}
.bq.animation>a{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp;
}
.bq p,.bq p a{
    font-size: 16px;
    line-height: 36px;
    color: #3f5d7f;
    text-align: center;
}
.bq p a:nth-child(1){
    display: inline-block;
    padding-left: 30px;
    background: url(/img/bq_icon2.png) no-repeat left center;
}
.bq p a:hover{
    color: #fff;
}
.bq>a,.bq>a img{
    display: block;
    margin: 0 auto;
}
/* 搜索 */
.layer {width: 100%;height: 100%;background: rgba(0,0,0,0.8);position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 9999999;opacity: 0;visibility: hidden;transition: all 0.3s ease-out 0s;}
.layer.showdiv { opacity: 1; visibility: visible; }
.layer .close {position: absolute;right: 50px;top: 50px;width: 50px;height: 50px;text-align: center;line-height: 50px;cursor: pointer;font-size: 0;transition: all 0.3s ease-out 0s;}
.layer .close:before,.layer .close:after{content:'';width: 100%;height: 3px;display:block;position:absolute;background: #3e71cb;transition:1s;transform: rotate(45deg);top: 24px;}
.layer .close:before{transform: rotate(-45deg);}
.layer .close:hover{transform: rotate(90deg);}
.layer .search_box {height: 55px;line-height: 55px;width: 50%;transform: translateY(-50px);opacity: 0;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.layer.showdiv .search_box { transform: none; transition: all 0.5s ease-out 0s; opacity: 1; font-size: 0; }
.layer .search_box .kw {width: 85%;height: 100%;background: #fff;padding: 0 15px;font-size: 16px;border-radius: 0;float: left;margin: 0;border: none;}
.layer .search_box .ok {background: #3e71cb;color: #fff;width: 120px;height: 100%;text-align: center;font-size: 18px;cursor: pointer;border-radius: 0;float: left;position: absolute;top: 0;right: 0;}
.layer .search_box .ok:hover{background: #e59b28;}