@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;  vertical-align:top;}
.cleafix:after{clear:both;content:"\200B";display:block;height:0;}
.cleafix{*zoom:1;}
.fl { float:left;}
.fr { float:right;}
.wrap{width:1200px;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;}
.img-responsive{display: block;max-width: 100%; height: auto;width:100%;}
video::-webkit-media-controls-fullscreen-button {display: none;} 
video::-webkit-media-controls-play-button {display: none;}  
video::-webkit-media-controls-timeline {display: none;}  
video::-webkit-media-controls-current-time-display{display: none;} 
video::-webkit-media-controls-time-remaining-display {display: none;} 
/*video::-webkit-media-controls-mute-button {display: none;} */
/*video::-webkit-media-controls-volume-control-container{display: none};  */
/*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/bj_02.jpg) top center #15539d no-repeat;padding:32px 0px;animation: 0.8s ease 0.2s 1 normal backwards running fadeInDown;}
.logo-pc{width:33%;}
.logo-pc img{}
.xiaoxun{margin-left:10%;width:28%;}
.xiaoxun p{color:#fefefe;font-size:20px;line-height:40px;}
.xiaoxun p.icon1{margin-left: 13%;}
.xiaoxun p.icon2{margin-left: 27%;}
.head-r{width:22%}
.head-r p{color:#fefefe;font-size:18px;background:url(../images/icon1_03.png) left center no-repeat;padding-left:29%;line-height:40px;}
.head-r p a{color:#fefefe;}
.head .search{width:100%;height:38px;margin-top:30px;position:relative;background:#e2f0ff;border-radius:27px;}
.head .search .text{width:84%;height:38px;position:absolute;left:0px;top:0px;background: transparent;font-size:13px;color:#666;text-indent:20px;}
input::-webkit-input-placeholder{color:#666;}
input::-moz-placeholder{color:#666;}
input:-moz-placeholder{color:#666;}
input:-ms-input-placeholder{color:#666;}
.head .search .submit{width:16%;height:38px;position:absolute;left:84%;top:3px;background: transparent;background:url(../images/search_03.png) left 0px no-repeat;cursor:pointer;}
.head-sj,.nav-sj{display:none;}
/*手机头部*/
.head-sj{position:relative;background:url(../images/bj_02.jpg) top center;}
.head-sj .logo img{margin: 6px 0px 0px 10px;}
.head-sj{padding:15px 10px;}
.header-right .icon-search{background-image:url(../images/icon1_06.png);width:18px;height:19px;cursor:pointer;position:absolute;top:50px;right:10px;margin-right:4px;}
.header-right .closeSearch{background-image:url(../images/icon2_03.png);background-size: 100%;width:18px;height:19px;}
.header-right .icon-search:before{display:none;}
/*搜索*/
.search_box{background-color:#2F2F2F;height:44px;position:absolute;left:0px;top:149px;width:100%;display:none;z-index: 100;}
.search_box .text{width:66%;background-color:#fff;height:34px;line-height:34px;margin:5px 0px;}
.search_box .submit{width:30%;background-color:#0053ba;height:34px;line-height:34px;margin:5px 0px;color:#fff;}
/*pc导航*/
.nav{height:60px;line-height:60px;animation: 0.8s ease 0.2s 1 normal backwards running fadeInUp;}
.nav li{float:left;width:10%;height:60px;line-height:60px;position:relative;text-align:center;}
.nav li a{color:#333;font-size:18px;display:inline-block;}
.nav li a.hover{border-bottom:4px solid #005eb1;color:#005eb1;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 a{display:block;color:#171717;height:45px;line-height:45px;}
.nav li ul li a:hover{color:#fff;background:#ffb400;}
.nav li ul li a:after{display:none;}
/*手机导航*/
.nav-sj {display: block;width:100%;position: relative;z-index: 55;background: #fff;}
.nav-sj #titbar {padding: 13px 10px;font-size: 15px;color: #333;display: block;font-weight: 500;}
.nav-sj #titbar .btn { float: right }
.nav-sj #titbar img {height: 15px;width: 16px;float: right;margin-top: .2rem;}
.nav-sj .subwrap {width: 100%; position: absolute;display: none;background-color: #fff;border-bottom:1px solid #dedede}
.nav-sj .subwrap li{line-height: 40px;overflow: hidden;width: 100%;text-align: left;text-indent: 0.5rem;border-top-width: 1px;border-top-style: solid;border-top-color: #dedede;font-size: 0.4rem;display: block;}
.nav-sj .subwrap li a{color: #333333;display:block;width:88.1%;float:left;font-size: 14px;}
.nav-sj .subwrap li i{ width:11.5%; float: right;border-left: 1px solid #dedede;text-align: center;}
.nav-sj .subwrap li .current{background-color: #f8f8f8;}
.nav-sj .subwrap li ul.submenulist{background-color: #f8f8f8;display: none;/* margin-top: 3rem; */width:100%;}
.nav-sj .subwrap li ul.submenulist li{ line-height:3.3rem;}
.nav-sj .subwrap li ul.submenulist li a{ width:100%;}
.nav-sj .subwrap li .submenulist li>a{width:88.1% !important;}
/*尾部*/
.foot{background:#005eb1;padding:30px 0px;}
.foot .foot-fl{width:32%;}
.foot .foot-fl h1{border-bottom:1px solid #337ec1;padding-bottom:28px;position:relative;font-size:18px;font-weight:bold;color:#fff;padding-left:14px;margin-bottom:15px;}
.foot .foot-fl h1:before{content:'';display:inline-block;width:2px;height:21px;background:#fff;position:absolute;left:0px;top:4px;}
.foot .foot-fl p{line-height:35px;color:#c4dbf0;}
.foot .foot-fr{width:43%;}
.foot-fr,.foot-fr .top span,.foot-fr .top a{color:#fff;}
.foot-fr{margin-top:20px;}
.foot-fr .top span{color:#fff;display:inline-block;padding-right: 9px;position:relative;}
.foot-fr .top span:after{content:'';display:inline-block;width:2px;height:15px;background:#fff;position:absolute;top:3px;margin-left: 10px;}
.foot-fr .top a{display:inline-block;padding: 0px 8px;}
.foot-fr .img{margin-top:30px;}
.foot-fr .img li{float:left;width: 16%;text-align: center;}
.foot-fr .img p{line-height:30px;color:#fff;}
/*版权*/
.copy{line-height:50px;background:#1d2e3e;text-align:center;color:#747c83;}
.x-link,.foot{opacity: 0;visibility: hidden;}
.x-link.animation,.foot.animation{animation: 0.8s ease 0.6s 1 normal backwards running fadeInUp;opacity: 1;visibility: visible;}