/*--------------------Reset-----------------*/
/** reset **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;}
body,button, input, select, textarea{font: 14px/1.5 "Microsoft Yahei",tahoma,Srial,helvetica,sans-serif;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
em{font-style:normal;}
ul, ol{list-style: none;}
a{
	text-decoration: none;color:#333;
	text-decoration: none;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
a:hover{
	text-decoration: none;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
/*鐏嫄鍘绘帀鎸夐挳銆佽繛鎺ョ殑铏氱嚎*/
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: 0;outline : 0;} 
input,button,select,textarea{outline:none;-webkit-appearance:none;}
textarea{resize:none;}
a { text-decoration: none; color: #333; }
a{blr:expression(this.onFocus=this.blur());}
a:focus{outline:none;}
a.hidefocus{outline:none}
.button{ border-radius: 0; }
input{font-family: "寰蒋闆呴粦";}
textarea{font-family: "寰蒋闆呴粦";}
img{border:0px;  outline-width:0px;  vertical-align:top;}
.cleafix:after{clear:both;content:"\200B";display:block;height:0;}
.cleafix{*zoom:1;}
.fl { float:left;}
.fr { float:right;}
.wrap{width:1420px;margin:auto;}
.gay{color:#b6b6b6;}
.bjl{background-color:#daedfb;}
.bjb{background-color:#fff;}
.margin-top-10{margin-top:10px;}
.padding-20{padding:10px 20px;}
.padding-38{padding: 10px 38px 20px;}
.margin-20{margin-bottom:20px;}
a:hover{color:#0058c5;}
/* 鍔ㄧ敾 */
@media only screen and (min-width: 1000px) {  
    @-webkit-keyframes fadeInDown {
        from {opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}
        to {opacity: 1; -webkit-transform: none; transform: none;}
        }
        
        @keyframes fadeInDown {
        from {opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}
        to {opacity: 1; -webkit-transform: none; transform: none;}
        }
        
        @-webkit-keyframes fadeInUp {
        from {opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0);}
        to {opacity: 1; -webkit-transform: none; transform: none;}
        }
        
        @keyframes fadeInDown {
        from {opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}
        to {opacity: 1; -webkit-transform: none; transform: none;}
        }
        
        @-webkit-keyframes fadeInRight {
        from {opacity: 0; -webkit-transform: translate3d(3%, 0, 0); transform: translate3d(3%, 0, 0);}
        to {opacity: 1; -webkit-transform: none; transform: none;}
        }
        @keyframes fadeInRight {
        from {opacity: 0; -webkit-transform: translate3d(3%, 0, 0); transform: translate3d(3%, 0, 0);}
        to {opacity: 1; -webkit-transform: none; transform: none;}
        }
        
        @-webkit-keyframes fadeInLeft {
        from {opacity: 0; -webkit-transform: translate3d(-3%, 0, 0); transform: translate3d(-3%, 0, 0);}
        to {opacity: 1; -webkit-transform: none; transform: none;}
        }
        @keyframes fadeInLeft {
        from {opacity: 0; -webkit-transform: translate3d(-3%, 0, 0); transform: translate3d(-3%, 0, 0);}
        to {opacity: 1; -webkit-transform: none; transform: none;}
        }
        
        @-webkit-keyframes flipInX {
            0% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                -webkit-transition-timing-function: ease-in;
                transition-timing-function: ease-in;
                opacity: 0
            }
        
            40% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                -webkit-transition-timing-function: ease-in;
                transition-timing-function: ease-in
            }
        
            60% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                opacity: 1
            }
        
            80% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
            }
        
            100% {
                -webkit-transform: perspective(400px);
                transform: perspective(400px)
            }
        }
        
        @keyframes flipInX {
            0% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                -webkit-transition-timing-function: ease-in;
                transition-timing-function: ease-in;
                opacity: 0
            }
        
            40% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                -webkit-transition-timing-function: ease-in;
                transition-timing-function: ease-in
            }
        
            60% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                opacity: 1
            }
        
            80% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
            }
        
            100% {
                -webkit-transform: perspective(400px);
                transform: perspective(400px)
            }
        }
        
        @-webkit-keyframes z {
            from {
                -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
                -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
                -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
                transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
            }
        
            to {
                -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
                -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
                -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
                transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
            }
        }
        
        @keyframes z {
            from {
                -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
                -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
                -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
                transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
            }
        
            to {
                -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
                -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
                -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
                transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
            }
        }
        .flipInX {
            visibility: visible!important;
            visibility: visible!important;
            -webkit-animation-name: flipInX;
            animation-name: flipInX;
        }
        .animated {
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }
        
        @keyframes fadeInUp2 {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }
        
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .fadeInUp2 {
            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
        }
}
/*澶撮儴*/
.head{position:fixed;z-index:1001;*z-index:1001;_z-index:1001;width:100%;background:url(../images/black-bj_02.png);padding-top:22px;padding-bottom: 100px;animation: 0.8s ease 0.5s 1 normal backwards running fadeInDown;}
.head.header-scrolled{background: #0058c5;opacity: 0.9;padding-bottom: 20px;}
.head .info-fr .top a{color:#fff;}
.head .info-fr .top span{display:inline-block;padding:0px 10px;color:#d7d3d3;}
.head .info-fr .top img{display:inline-block;padding-left:10px;cursor:pointer;}
.head .info-fr .nava li{float:left;}
/*瀵艰埅*/
.nav{margin-top:40px;}
.nav>li{float:left;transition: all 0.3s ease;position: relative;text-align:center;padding:0px 20px;}
.nav>li:before{content: '';background-color: #fff;position: absolute;left: 50%;bottom: 0;width: 0;height: 0;transition: all 0.35s ease-in-out;}
.nav li.on:before{width: 100%;height: 2px;left: 0}
.nav li a{height:50px;line-height:50px;color:#fff;font-size:19px;display:block;font-weight:bold;}
.nav li .subNav{width:100%;position:absolute;left:0px;top:50px;z-index:1003;*z-index:1003;_z-index:1003;display:none;}
.nav li .subNav li{width:100%;}
.nav li .subNav li a{display:block;height:36px;line-height:36px;color:#fff;font-size:14px;font-weight:normal;}
.nav li .subNav li a:hover{background-color:#0b54b6;}
.nav li.on .subNav{display: block; background:rgba(13,67,138,0.8);background:-webkit-gradient(left top,left bottom,color-stop(100%,rgba(13,67,38,0)),color-stop(100%,rgba(13,67,138,0)));
  background:-webkit-linear-gradient(top,rgba(13,67,138,1) 0%,rgba(13,67,138,0,0) 100%);
  background:linear-gradient(to bottom,rgba(13,67,138,1) 0%,rgba(13,67,138,0) 100%);
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0);*/}
.zoomIn  {
  -webkit-animation-name: zoomIn ;
  animation-name: zoomIn ;
  animation-duration: 0.5s; 
  -webkit-animation-duration: 0.5s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   

  visibility: visible !important; 
  display: block;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
/*鎼滅储*/
.layer{background:rgba(0,0,0,0.8);position: fixed;left:0;top:0;right:0;bottom:0;z-index:1005;opacity:0;visibility:hidden;transition:all 0.3s ease-out 0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.layer.showdiv{opacity:1;visibility:visible;}
.layer .close{font-size:60px;font-family:icon;position:absolute;right:50px;top:50px;width:80px;height:80px;text-align: center;line-height:80px;cursor:pointer;color:#ccc;}
.layer .search_box{height:45px;line-height:45px;width:550px;display:-ms-flexbox;display:flex;transform:translateY(-50px);opacity:0;margin-top:-100px;}
.layer.showdiv .search_box{transform:none;transition:all 0.5s ease-out 0s;opacity:1;}
.layer .search_box .kw{background:#fff;box-shadow:3px 3px 3px rgba(0,0,0,0.5) inset;-ms-flex:1;flex:1;padding:0 12px;font-size:16px;-webkit-appearance:none;appearance:none;border-radius:0;}
.layer .search_box .ok{background:#004ccb;color:#fff;width:120px;text-align: center;font-size:18px;cursor: pointer;-webkit-appearance:none;appearance:none;border-radius:0;}
.layer .picbox{width:100%;height:100%;text-align:center;}
.layer .picbox:after{content:"";vertical-align:middle;height:100%;display:inline-block;}
.layer .picbox img{max-width:80%;max-height:80%;width:auto;height:auto;}
.layer .picbox video{width:1000px;height:auto;display:inline-block;vertical-align:middle;}
.layer .leader_box{background:#fff;border-top:3px solid #ca0d0d;width:1100px;position:relative;}
.layer .leader_box .inner{padding:60px;}
.layer .leader_box .close{color:#aaa;right:0;top:0;font-size:30px;}
.layer .leader_box .t{display:flex;align-items:center;}
.layer .leader_box .pic{width:160px;}
.layer .leader_box .txt{margin-left:50px;}
.layer .leader_box .txt .h{font-size:18px;}
.layer .leader_box .txt .p{margin-top:15px;}
.layer .leader_box .txt .p span{margin-right:30px;}
.layer .leader_box .text{margin-top:40px;max-height:300px;overflow: hidden;}
.layer .leader_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#ca0d0d;}
.layer .leader_box .text p{margin-top:20px;}
.layer .leader_box .text p:first-child{margin-top:0px;}
/*鍙嬫儏閾炬帴*/
.link-l{height:85px;line-height:85px;background-color:#eff6fd;}
.link-l span.link-img{width:67px;height:65px;background-color:#0043b3;position:relative;top:-7px;display:inline-block;text-align:center;}
.link-l span.link-img img{margin-top:18px;}
.link-l a{display:inline-block;font-size:17px;padding:0 20px;font-size:17px;}
/*鑳屾櫙*/
.foot{background:url(../images/foot-bj_02.jpg) no-repeat top  center;padding:70px 0px;}
.foot-fl{width:985px;border-right:1px solid #4574aa;}
.foot-fl dl{float:left;padding:0 18px;opacity: 0;visibility: hidden;}
.foot-fl dl:nth-child(1){opacity: 1;visibility: visible;animation: 0.8s ease 0.2s 1 normal backwards running fadeInUp;}
.foot-fl dl:nth-child(2){opacity: 1;visibility: visible;animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp;}
.foot-fl dl:nth-child(3){opacity: 1;visibility: visible;animation: 0.8s ease 0.4s 1 normal backwards running fadeInUp;}
.foot-fl dl:nth-child(4){opacity: 1;visibility: visible;animation: 0.8s ease 0.5s 1 normal backwards running fadeInUp;}
.foot-fl dl:nth-child(5){opacity: 1;visibility: visible;animation: 0.8s ease 0.6s 1 normal backwards running fadeInUp;}
.foot-fl dl:nth-child(6){opacity: 1;visibility: visible;animation: 0.8s ease 0.7s 1 normal backwards running fadeInUp;}
.foot-fl dl:nth-child(7){opacity: 1;visibility: visible;animation: 0.8s ease 0.8s 1 normal backwards running fadeInUp;}
.foot-fl dt{font-size:20px;color:#ffffff;line-height:46px;font-weight:bold;}
.foot-fl dd{line-height:30px;}
.foot-fl dd a{font-size:15px;color:#ddecfc;}
.foot-fr{width:386px;opacity: 0;visibility: hidden;}
.foot-fr.animation{opacity: 1;visibility: visible;animation: 0.8s ease .5s 1 normal backwards running fadeInRight;}
.foot-top li{float:left;margin-right:7px;position:relative;}
.foot-top li .hover-ewm{position:absolute;left:0px;top:55px;display:none;}
.foot-top li .hover-ewm img{width:100px;height:100px;}
.foot .address{clear:both;margin-top:32px;}
.foot .address p{line-height:36px;color:#becddf;}
.copy{height:76px;line-height:76px;background-color:#0c131c;color:#fff;font-size:15px;text-align:center;}
/*鍗囩骇娴忚鍣ㄤ唬鐮?/
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999999999;}
#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(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/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}