@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}
/*头部*/
.head{padding:22px 0px 0px;position:relative;z-index:1001;*z-index:1001;_z-index:1001;}
.head-box{width:1500px;margin:auto;}
.head-box a{float: left;}
.nava>li{float:left;padding:0 17px 16px;height:60px;}
.nava>li>a{font-size:17px;color: #333!important;}
.nava>li.active{background:url(../images/icon2_03.png) bottom 38px center no-repeat;}
.nava>li:nth-child(2) ul{display:block!important;}
.nava>li.active ul{display:block!important;}
.nava>li:hover a,.nava>li.active a{color:#0053a7!important;}
.head .head-f{margin-top:20px;}
.head .EN{border-left:1px solid #cacaca;padding-left:24px;}
.head .EN a{color:#7f7d7d;}
.head .se-btn{margin-left:18px;cursor:pointer;float: left;}
.head .submenu{display: none;width:100%;height:52px;line-height:52px;background:url(../images/nava-bj_02.jpg) no-repeat;position:absolute;top:108px;left:0px;text-align:center;}
.head .submenu li{/* display: none!important; */}
.head .submenu li{display: inline-block;margin-right:60px;}
.head .submenu li a{font-size:14px;color: #fff!important;}
.head .submenu li a:hover{color: #ff6600!important;}
/*点击搜索按钮*/
.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: rgba(0,0,0,.7);visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: absolute;  padding: 30px 40px 30px 30px; background: #fff; width: 60%; margin: 0 auto; top: 50%;left:20%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.hidden_search .text { width: 100%; height: 36px; padding: 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";}
.hidden_search .btn{display:block;cursor:pointer;position:absolute;right:0;top:0;height:36px;width:40px;border:none;border-radius:50%;
  overflow:hidden;font-size:14px;color:#8f0e16;background:0 0;background: url(../images/search1.png) no-repeat center;background-size: 20px 20px}
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 45px; padding-left: 20px; width: 90% }
.hidden_search .close_btn { position: absolute; right: 20px; top: 32%;  width: 39px; height: 35px;
 -webkit-transition: 0.5s; transition: 0.5s; font-size: 26px;background: url(../images/closebtn.png) no-repeat center; background-size: 31px 29px }
.hidden_search .close_btn:hover{ color: #530794; }
p{font-family: "Microsoft YaHei"!important;}
/* 底部链接 */
.link {background: url(../images/link_bg.png);padding: 50px 0;position: relative;}
.bq .wrap,.link .wrap{padding: 0 10px;box-sizing: border-box;}
.link .wrap>ul>li{width: 115px;margin-right: 40px;float: left;}
.link .wrap>ul>li h2{font-size: 16px;font-weight: normal;line-height: 56px;color: #fff;border-bottom: 1px solid #94c6de;}
.link .wrap .link_sub {margin-top: 18px;}
.link .wrap .link_sub li a{display: block;width:100%;font-size: 12px;line-height: 28px;color: #94c6de!important;}
.link .wrap .link_sub li a:hover{color: #fd8f00!important;}
.link .code{position: absolute;width: 148px;right: 32px;top: 70px;}
.link .code img{width: 100%;height: auto;display: block;}
.link .code  p{font-size: 14px;line-height: 28px;margin-top: 15px;color: #fff;text-align: center;}
.link ul li,.link.animation .code{    opacity: 2.2;
    visibility: inherit;}
.link.animation ul li:nth-child(1){opacity: 1;visibility: visible;animation: 0.8s ease 0.2s 1 normal backwards running fadeInUp;}
.link.animation ul li:nth-child(2){opacity: 1;visibility: visible;animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp;}
.link.animation ul li:nth-child(3){opacity: 1;visibility: visible;animation: 0.8s ease 0.4s 1 normal backwards running fadeInUp;}
.link.animation ul li:nth-child(4){opacity: 1;visibility: visible;animation: 0.8s ease 0.5s 1 normal backwards running fadeInUp;}
.link.animation ul li:nth-child(5){opacity: 1;visibility: visible;animation: 0.8s ease 0.6s 1 normal backwards running fadeInUp;}
.link.animation ul li:nth-child(6){opacity: 1;visibility: visible;animation: 0.8s ease 0.7s 1 normal backwards running fadeInUp;}
.link.animation ul li:nth-child(7){opacity: 1;visibility: visible;animation: 0.8s ease 0.8s 1 normal backwards running fadeInUp;}
.link.animation ul li:nth-child(8){opacity: 1;visibility: visible;animation: 0.8s ease 0.9s 1 normal backwards running fadeInUp;}
.link.animation .code{opacity: 1;visibility: visible;animation: 0.8s ease .5s 1 normal backwards running fadeInRight;}
/*版权*/
.bq{background: #202020;padding: 10px 0;}
.bq p.txt{font-size: 14px;line-height: 30px;color: #fff;width: 870px;}
.bq ul{float: right;margin-top: 10px;margin-right: 30px;}
.bq ul li{float: left;width: 40px;height: 40px;border: 1px solid #454545;border-radius: 100%;margin-right: 12px;cursor: pointer;position: relative;}
.bq ul li:nth-child(1){background: url(../images/wx.png) no-repeat center;}
.bq ul li:nth-child(2){background: url(../images/wb.png) no-repeat center;}
.bq ul li:nth-child(3){background: url(../images/ws.png) no-repeat center;}
.bq ul li:nth-child(4){background: url(../images/face-book.png) no-repeat center;}
.bq ul li:nth-child(5){background: url(../images/in.png) no-repeat center;}
.bq ul li p{
    width: 120px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    bottom: 75px;
    z-index: 23;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    text-align: center;
    background: #fff;
}
.bq ul li p:before {
    width: 0px;
    height: 0px;
    content: "";
    border-left: 8px transparent solid;
    border-right: 8px transparent solid;
    border-top: 8px #fff solid;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: -8px;
    z-index: 12;
}
.bq ul li.active p{
    opacity: 1;
    visibility: visible;
    bottom: 65px;
}