@charset "utf-8";
/*--------------------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;}
.cleafix:after{clear:both;content:"";display:block;height:0;}
.cleafix{*zoom:1;}
.fl { float:left;}
.fr { float:right;}
/*.wrap{width:1400px;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:#d03925;}
.row{padding:0 10px;}
video::-webkit-media-controls-fullscreen-button {display: none;} /*??′?”1??ˉ??|????¤o?…¨?±???‰é’?*/
video::-webkit-media-controls-play-button {display: none;}  /*??′?”1??ˉ??|????¤o?’-?”?????????‰é’?*/
video::-webkit-media-controls-timeline {display: none;}  /*??′?”1??ˉ??|????¤oè???o|???*/
video::-webkit-media-controls-current-time-display{display: none;} /*??′?”1??ˉ??|????¤o?’-?”??§’??°*/
video::-webkit-media-controls-time-remaining-display {display: none;} /*??′?”1??ˉ??|????¤oè§?é￠‘?�??—?é—′*/
/*video::-webkit-media-controls-mute-button {display: none;} *//*??′?”1??ˉ??|????¤o?￡°é?3*/
/*video::-webkit-media-controls-volume-control-container{display: none};  ??′?”1??ˉ??|????¤o?￡°é?3è????ˉ*/
/*video::-webkit-media-controls-enclosure{display: none;} ?‰�??‰??§???*/
.vodio h1,.zt-more h1,.yq-link h1{height:46px;border-bottom: 4px solid #e2e2e2;}
.vodio h1 span,.zt-more h1 span,.yq-link h1 span{display:inline-block;border-bottom:4px solid #da0000;font-size:24px;color:#da0000;font-weight:bold;line-height:46px;padding:0 14px;}
@-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 fadeInUp {
	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;
}
 input::-webkit-input-placeholder {
    color: #fff;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
   color: #fff;
}
.line-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 16px;}
.line-3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#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}
/*头部*/
.head{background:url(../images/head-bj_01.jpg) top no-repeat;padding: 14px 0px 15px;animation: 0.8s ease 0.2s 1 normal backwards running fadeInDown;}
.head .search{width:282px;height:38px;position:relative;background-color:#fff;margin-top: 37px;}
.head .search .text{width:246px;height:36px;position:absolute;left:0px;top:0px;background: transparent;text-indent:16px;color:#bbbbbb;font-size:13px;border:1px solid #e6e5f1;}
.head input::-webkit-input-placeholder{color:#bbbbbb;}
.head input::-moz-placeholder{color:#bbbbbb;}
.head input:-moz-placeholder{color:#bbbbbb;}
.head input:-ms-input-placeholder{color:#bbbbbb;}
.head .search .submit{width:36px;height:38px;position:absolute;left:246px;top:0px;background:url(../images/search_03.png) center center no-repeat #de3c37;cursor:pointer;border-top-right-radius:15px;}
/*导航*/
.nav{height:60px;line-height:60px;animation: 0.8s ease 0.2s 1 normal backwards running fadeInUp;background:#1d2087;}
.nav li{float:left;width:9.09%;height:60px;line-height:60px;position:relative;text-align:center;}
.nav li a{color:#fff;font-size:18px;display:inline-block;}
.nav li:after{content:'';display:inline-block;width:1px;height:28px;background:#343692;position:absolute;left: 100%;top: 20px;}
.nav li:last-child:after{display:none;}
.nav li a.hover{border-bottom:4px solid #fff;color:#fff;height:56px;}
.nav li ul{width:100%;position:absolute;left:0px;top:60px;background:#fff no-repeat;z-index:55;*z-index:55;_z-index:55;display:none;}
.nav li ul li{width:100%;height:45px;line-height:45px;}
.nav li ul li:after{display:none;}
.nav li ul li a{display:block;color:#171717;height:45px;line-height:45px;font-size:15px;}
.nav li ul li a:hover{color:#fff;background:#ffb400;}
.nav li ul li a:after{display:none;}
.head-sj,.nav-sj,.search_box{display:none;}
/*版权*/
.foot{background:url(../images/foot-bj_02.jpg) left top no-repeat #1d2087;color:#fff;opacity: 0;visibility: hidden;}
.foot.animation{animation: 0.8s ease 0.6s 1 normal backwards running fadeInUp;opacity: 1;visibility: visible;}
.foot-top .foot-fl{margin-left:10%;}
.foot-top{padding:20px 0px;border-bottom:1px solid #4144af;}
.foot-top p{line-height:36px;}
.foot-top p.icon1 img{vertical-align:middle;margin-right:3px;}
.foot-top p a{color:#fff;}
.foot-bottom{padding:18px 0px;text-align: center;}
.foot-bottom .fot-rk{width: 148px;height: 38px;line-height: 38px;text-align:center;background:#de3c37;padding: 6px;float: none;display: inline-block;}
.foot-bottom .fot-rk a{border:1px solid #e66d69;font-size:18px;color:#fff;font-weight:bold;display:block;}
.foot-bottom span{display:inline-block;margin-right:20px;}
.fot-bq{/* margin-left:15%; */line-height:40px;float: none;display: inline-block;}