@charset "utf-8";
.container{
	width: 1200px;
	margin: 0 auto;
}/*header*/
#header{
	background: #eee;
	font-size: 18px;
	color: #333;
	padding: 7px 0;
}
.favourite{
	color: #333;
	font-size: 14px;
	margin-top: 3px;	
}
.time{
	margin-right: 40px;
	display: inline-block;
}
.time img{
	margin: -4px 5px 0 0;
}
.favourite ul li{
	float: right;
	list-style: none;
	color: #333;
	font-size: 14px;
	padding:0 5px;
}
.favourite ul li a{
	color: #333;
}
/*container*/
#container{
	min-height: 800px;
	z-index:-1;
	background: #f5f5f5 url(../../images/qdn/bg.png) no-repeat center -39px;
}
.floor-1{
	padding:24px 0;
}
.search{
	float: right;
	background: #fff;
	border-radius: 22px;
	padding:3px 6px;
	margin-top: 20px;
	position: relative;
    z-index: 3;
}
.search input[type="text"]{
	padding-left: 40px;
	background: url(../../images/qdn/search.png) no-repeat 10px center;
	border: 0;
	height: 36px;
	border-radius: 15px;
    width:211px;
}
.search input[type="text"]:focus{
	background: transparent;
	padding-left: 10px;
}
.search input[type="submit"]{
	border: 0;
	padding:0 20px;
	background: #d30b15;
	color: #fff;
	height: 31px;
	font-size: 14px;
	border-radius: 15px;
}
/*nav*/
#nav{
	position: relative;
	z-index: 7;
}
#nav ul li{
	float: left;
	list-style: none;
	padding:0;
	background: #d30b15;
	font-size: 20px;
	width:171.4px;
}
#nav ul li a{
	display: block;
	widows: 100%;
	height: 100%;
	color: #fff;
	padding:15px 0;
	text-align:center;
}
#nav ul li.active a,#nav ul li:hover a{
	background: #c30c15;
	color: #ffde00;
	font-weight:bold;
}
/*content*/
#content{
	padding: 10px;
	background: #fff;
	margin-bottom:20px;
}
.news-top b{
	font-size: 44px;
	color: #333;
	text-align: center;
	display: block;
}
.news-top b a{
	color: #333;
}
.news-top p,.news-top p a{
	font-size: 16px;
	color: #999;
	text-align: center;
	margin-bottom: 20px;
}
.news-top p a:hover{
	color:#d30b15;
}
.news-banner{
	overflow:hidden;
}
#banner{
	height: 460px;
	width: 600px;
}
#banner img{
	width: 100%;
	height: 380px;
}
#banner .swiper-slide{
	position: relative;
}
#banner .swiper-slide span{
	position: absolute;
	left: 0;
	bottom: 20px;
	display: block;
	width: 100%;
	padding: 10px;
	color: #333;
	font-size: 24px;
	text-align: center;
	height: 54px;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#banner .swiper-pagination{
	bottom: 0px;
	position: absolute;
	z-index: 20;
	width: 100%;
	text-align: center;
}
#banner .swiper-pagination-switch{
	background: #aaa;
	opacity: 1;
	display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    cursor: pointer;
}
#banner .swiper-pagination-switch.swiper-active-switch{
	background: #C20E0E;
}
.news-list{
	height: 350px;
	width: 580px;
	padding-left: 19px;
}
.tab-nav{
	overflow: hidden;
	border-bottom: 1px solid #eee;
}
.tab-nav li{
	float: left;
	list-style: none;
	color: #333;
	font-size: 22px;
	padding: 0;
	margin-right:30px;
}
.tab-nav li a{
	display: block;
	color: #333;
	margin-top:-3px;
	padding:0 0 15px;
}
.tab-nav li span{
	width:0;
	transition: width 0.3s linear 0s;
    /* Safari */
    -webkit-transition:width 0.3s linear 0s;
}
.tab-nav li.active a,.tab-nav li:hover a{
	color: #333;
	position:relative;
}
.tab-nav li.active span,.tab-nav li:hover span{
	width:80%;
	left:10%;
	bottom:0;
	position:absolute;
	height:5px;
	background:#C20E0E;
	border-radius:50px;
	transition: width 0.3s linear 0s;
    /* Safari */
    -webkit-transition:width 0.3s linear 0s;
}
.news-top1 a{
	color: #333;
}
.news-top1 b{
	color: #333;
	font-size: 26px;
	text-align: center;
	display: block;
	padding: 10px 0;
}
.news-top1 p{
	text-indent: 2em;
	color: #999;
	font-size: 14px;
}

.news-top1 p:hover{
	color:#d30b15;
}
.news-top1 p i{
	color: #333;
}
.news-tabs{
	padding:15px 0 0;
}
.news-tabs ul{
	padding-left:3px;
	background: url(../../images/qdn/line2.png) no-repeat;
	background-position:3px 18px;
	background-size:1px 250px;
}
.news-tabs ul li{
	padding: 0;
	font-size: 16px;
	color: #333;
	padding-left:5px;
	list-style: none;
	position: relative;
}
.news-tabs ul li:before{
	content: '○';
	color:#999;
	position:absolute;
	background:#fff;
	width:7px;
	text-align:center;
	height:7px;
	line-height:4px;
	left: -4px;
	top:15px;
}
.news-tabs ul li a{
	display: block;
	padding: 7px 10px 7px 15px;
	color: #333;
	position: relative;
}
.news-tabs ul li:hover a,.news-tabs ul li:hover:before{
	color: #d30b15;
}
.news-tabs ul li a span{
	float: right;
	color:#999;
	font-size:13px;
}
/**广告**/
.adver{
    width:1182px;
    height:90px;
    overflow:hidden;
    margin-top:15px;
}
/*work*/
#work{
	height: 88px;
}
#work .swiper-slide{
	padding-right: 14px;
	height: 100%;
}
/*#work .swiper-slide:nth-child(6n){
	padding-right: 0;
}*/
#work .swiper-slide img{
	width: 100%;
	height: 100%;
}
.work-prev,.work-next{
	top: 23px;
}
.swiper-button-next{
	background: url(../../images/qdn/next.png) no-repeat center center;
	width: 41px;
	height: 41px;
	opacity: 1;
	right:0px;
	position: absolute;
}
.swiper-button-prev{
	background: url(../../images/qdn/prev.png) no-repeat center center;
	width: 41px;
	height: 41px;
	opacity: 1;
	left: 0px;
	position: absolute;
}
.news-top{
	margin:20px 0 30px;
}
#floor-2 .floor-nav{
	width:1200px;
	height:100%;
}
/*list*/
.list{
	width: 583px;
	margin-right: 14px;
	border:1px solid #eee
}
.list:nth-child(2n){
	margin-right:0;
}
.floor-4 .list:first-child + .list + .list{
	margin-right: 0;
}
.title{
	/*background: url(../../images/qdn/list-bg-s.png) no-repeat center center;*/
	padding: 12.5px 15px !important;
	position: relative;
}
.title.titles{
	/*background: url(../../images/qdn/list-bg.png) no-repeat center center;*/
}
.title span{
	background: url(../../images/qdn/line_b.png) no-repeat left center;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	letter-spacing: 2px;
}
.title a{
	color: #999;
	font-size: 14px;
	line-height: 25px;
	float: right;
}
.lists{
	border-top: 1px solid #eee;
	padding:11px;
	height: 305px;
}
.lists ul{
	overflow: hidden;
	display: block;
}
.lists ul li{
	list-style: none;
	padding-left: 15px;
	position: relative;
	background:#fff;
	transition: all 0.3s linear 0s;
	/* Firefox 4 */
	-moz-transition:all 0.3s linear 0s;
	/* Safari and Chrome */
	-webkit-transition:all 0.3s linear 0s;
	/* Opera */
	-o-transition:all 0.3s linear 0s;
}
.lists.category ul li{
	padding-left: 10px;
}
.lists ul li:hover{
	background:#f6f6f6;
	padding-left: 8px;
	transition: all 0.3s linear 0s;
	/* Firefox 4 */
	-moz-transition:all 0.3s linear 0s;
	/* Safari and Chrome */
	-webkit-transition:all 0.3s linear 0s;
	/* Opera */
	-o-transition:all 0.3s linear 0s;
}
.lists.category ul li:hover{
	background:#f6f6f6;
	padding-left: 5px;
	transition: all 0.3s linear 0s;
	/* Firefox 4 */
	-moz-transition:all 0.3s linear 0s;
	/* Safari and Chrome */
	-webkit-transition:all 0.3s linear 0s;
	/* Opera */
	-o-transition:all 0.3s linear 0s;
}
.lists ul li span{
	font-size:13px;
	float: right;
	color: #999;
}
.lists ul li a{
	color: #333;
	font-size: 16px;
	padding: 9px 0 9px 5px;
	display: block;
	width: 100%;
}
.lists ul li a:before{
	display: inline-block;
	content: '▪';
	color: #333;
	font-size:14px;
	vertical-align: sub;
	position: absolute;
	left: 8px;
	top:8px;
	transition: all 0.3s linear 0s;
	/* Firefox 4 */
	-moz-transition:all 0.3s linear 0s;
	/* Safari and Chrome */
	-webkit-transition:all 0.3s linear 0s;
	/* Opera */
	-o-transition:all 0.3s linear 0s;
}
.lists ul li:hover a:before{
	left: 4px;
	transition: all 0.3s linear 0s;
	/* Firefox 4 */
	-moz-transition:all 0.3s linear 0s;
	/* Safari and Chrome */
	-webkit-transition:all 0.3s linear 0s;
	/* Opera */
	-o-transition:all 0.3s linear 0s;
}

.lists ul li:hover a,.lists ul li:hover a:before{
	color: #d30b15;
	
}
.block .title{
	padding:12px;
}
.title ul{
	list-style:none;
	margin:0 6px;
    background: url(../../images/qdn/index3.jpg) no-repeat center;
}
.title ul li{
	height:50px;
	font-size: 18px;
	padding:15px 5px;
	margin:0 6px;
}
.title ul li i {
    float: left;
    line-height: 19px;
    padding-left: 12px;
    color: #fff;
    font-weight: bold;
    border-left: 4px solid #fff;
}
.title ul li span{
	line-height: 18px;
	float: right;
}
/*slogan*/
.slogan{
	display: block;
	width: 100%;
}
.slogan img{
	max-width: 100%;
}
/*img-show*/
#img-show{
	height:174px;
	margin-top:15px;
}
.img-prev,.img-next{
	top: 70px;
}
#img-show .swiper-slide{
	width: 224px;
	position: relative;
	background: #fff;
	margin-right: 15px;
	transition: all 0.3s linear 0s;
    -webkit-transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
}
#img-show .swiper-slide a{
	display: block;
	width: 100%;
	height: 100%;
}
#img-show .swiper-slide .img{
	width: 100%;
	height: 134px;
	transition: all 0.3s linear 0s;
    -webkit-transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
    border:0px solid transparent;
    overflow: hidden;
}
#img-show .swiper-slide .img img{
	width: 100%;
	height: 100%;
	transition: all 0.3s linear 0s;
    -webkit-transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}
#img-show .swiper-slide span{
	width: 100%;
	font-size: 14px;
	color: #333;
	padding: 10px 0;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	background: #f6f6f6;
	transition: all 0.3s linear 0s;
    -webkit-transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
}
#img-show .swiper-slide:hover{
	transition: all 0.3s linear 0s;
    -webkit-transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
	background: #f33e3e;
}
#img-show .swiper-slide:hover .img{
	transition: all 0.3s linear 0s;
    -webkit-transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
    border:4px solid #f33e3e;
    border-bottom: 0;
}
#img-show .swiper-slide:hover img{
	transition: all 0.3s linear 0s;
    -webkit-transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
#img-show .swiper-slide:hover span{
	background: #f33e3e;
	color: #fff;
	transition: all 0.3s linear 0s;
    -webkit-transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
}

/*learn together*/
.floor-6{
	overflow: hidden;
}
.floor-6 li{
	list-style: none;
}
.learn{
	zoom:1;
	background:#f5f5f5;
}
.learn:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.learn span.l{
	float: left;
	width: 169px;
	color:#fff;
	font-weight: bold;
	text-align: center;
	font-size:20px;
	line-height: 50px;
	background: url(../../images/qdn/learn-.png) no-repeat center center;
}
.learn-tab{
	float: left;
}
.learn-tab li{
	text-align:center;
	font-size:16px;
	float:left;
	line-height: 50px;
	cursor:pointer;
	padding:0 13px;
}
.learn-tab li.active{
	color:#d30b15;
	font-weight: bold;
}
.learn a{
	color:#666;
	float: right;
	text-decoration: none;
	font-size: 14px;
	padding-right:15px;
	line-height: 50px;
}
.tabs{
    	width:1200px;
	height: 350px;
	clear:both;
	overflow:hidden;
}

.tabs .tabCon{
	padding-top: 15px;
	float:left;
	width:1200px;
	height:350px;
	overflow: hidden;
}
 .video-one{
	width:440px;
	float: left;
}
 .video-one ul li{
	float:left;
	list-style:none;
	padding:0;
	cursor:pointer;
	background:#f5f5f5;
	position:relative;
}
.tabs ul li a:before{
    display:none;
}
 .video-one ul li h4{
    color: #333;
	text-align: center;
	font-size: 16px;
	line-height:24px;
	font-weight:bold;
	margin-bottom: 0px;
}
 .video-one ul li p.active{
	color:#999;
	margin:0 18px;
	line-height:22px;
	font-size:14px;
	text-indent:2em;
	padding-bottom:5px;
}
.video-one ul li>img{
	width:440px;
	height:230px;
}
.video-one ul li figure{
    width:80px;
    height:25px;
    line-height:24px;
    border-radius: 20px;
	position:absolute;
	right:18px;
	top:190px;
	background:rgba(0,0,0,0.4);
	color:#fefeff;
	font-size:12px;
	transform: translateY(160px);
	transition: all 0.5s linear 0s;
	-moz-transition:all 0.5s linear 0s;
	-webkit-transition:all 0.5s linear 0s;
	-o-transition:all 0.5s linear 0s;
}
.video-one ul li figure img{
	float: left;
	padding-top:6px;
	padding-left:3px;
}
.video-one ul li figure span{
	float: left;
	margin:0;
}
.video-one ul li:hover figure{
	transform: translateY(0px);
	transition: all 0.5s linear 0s;
	-moz-transition:all 0.5s linear 0s;
	-webkit-transition:all 0.5s linear 0s;
	-o-transition:all 0.5s linear 0s;
}
.video-one ul li span i{
	margin-right:10px;
}
.video-two{
	float:right;
	width:760px;
}
.video-two ul{
	float: left;
}
.video-two ul li.up{
	margin-bottom: 14px;
}
.video-two ul li{
	float: left;
	list-style:none;
	text-align: center;
	margin-left:17px;
	line-height:42px;
	padding:0;
	cursor:pointer;
	background:#f5f5f5;
	position:relative;
}
.video-two ul li p{
	margin:0px;
	color:#666;
}
.video-two ul li h4{
	text-align: center;
	font-size: 16px;
	line-height:24px;
	font-weight:bold;
}
.video-two ul li>img{
	width:230px;
	height:120px;
}
.video-two ul li figure{
    width:80px;
    height:25px;
    line-height:24px;
    border-radius: 20px;
	position:absolute;
	right:12px;
	top:80px;
	background:rgba(0,0,0,0.4);
	color:#fefeff;
	font-size:12px;
	transform: translateY(180px);
	transition: all 0.5s linear 0s;
	-moz-transition:all 0.5s linear 0s;
	-webkit-transition:all 0.5s linear 0s;
	-o-transition:all 0.5s linear 0s;
}
.video-two ul li figure img{
	float: left;
	padding-top:6px;
	padding-left:3px;
}
.video-two ul li figure span{
	float: left;
	margin:0;
}
.video-two ul li:hover figure{
	transform: translateY(0px);
	transition: all 0.5s linear 0s;
	-moz-transition:all 0.5s linear 0s;
	-webkit-transition:all 0.5s linear 0s;
	-o-transition:all 0.5s linear 0s;
}
.video-two ul li span i{
	margin-right:10px;
}

.floor-7 .title.titles{
	margin-bottom: 15px;
}
.organ-one{    
	float: left;
	width:400px;
	height:250px;
	overflow:hidden;
}
.organ-one img{
	padding:0;
}
.organ-two{
	width:296px;
	float: left;
	margin-left:13px;
	overflow:hidden;
}
.organ-two .special-img{
    width:296px;
    height:77px;
    margin-bottom:9px;
    overflow:hidden;
}
.organ-two img.active{
	padding: 9px 0;
}
.organ-three{
	width: 460px;
	margin-left: 10px;
	float: right;
}
.organ-three ul{
	color:#333;
	list-style: square;
	overflow: hidden;
	display:block;
}
.organ-three ul li{
	list-style: none;
	padding:0;
	position:relative;
}
.organ-three ul li a{
	color:#333;
	line-height:35px;
	padding-left:15px;
	font-size: 14px;
}
.organ-three ul li a:before{
	display: inline-block;
	content: '▪';
	font-size: 14px;
	vertical-align: sub;
	position: absolute;
	left:0;
	top:0px;
}
.organ-three ul li a:hover{
	color:#d30b15;
}
.organ-three ul li span.right{
    float: right;
    color: #999;
    padding-right:6px;
    list-style: none;
    font-size: 13px;
}


/*add css*/
#swiper-banner{
	height: 127px;
	width: 744px;
	position: absolute;
	top: 0;
	right: 100px;
	z-index: 2;
	overflow: hidden;
}
#swiper-banner .swiper-slide img{
	width: 100%;
	height: 100%;
}
.tip{
	position: absolute;
    top: 22px;
    left: 425px;
    z-index: 6;
    width: 200px;
    opacity: 0.8;
}
.logo{
	position: relative;
	z-index: 7;
}

/*news_img*/
.titles{
	width:350px;
	display:block;
	margin:-40px auto 40px;
	padding:0 20px;
	background:#fff;
}
.titles p{
	width:310px;
	border:1px solid #a40007;
	margin:-26px auto 0;
	text-align:center;
	background:#fff;
}
.titles p span{
	display:inline-block;
	width:215px;
	margin: -15px auto 0;
	font-size:24px;
	color:#333;
	background:#fff;
}
.titles p span b{
	display:inline-block;
	padding:14px 0 12px;
	border-bottom:6px solid #a40007;
	letter-spacing:6px;
	font-style: italic;
}
.news_img{
	border:1px solid #eee;
	padding:15px 15px 30px;
	margin:67px 0 30px;
}
.img{
	overflow:hidden;
}
.big_img{
	width:390px;
	height:306px;
	overflow:hidden;
}
.big_img span,.small_img ul li span{
	position:absolute;
	bottom:-100px;
	left:0;
	display:block;
	width:100%;
	padding:15px 25px;
	background:rgba(0,0,0,0.4);
	font-size:18px;
	color:#fff;
	transition:all 0.5s linear 0s;
	/* Safari */
	-webkit-transition:all 0.5s linear 0s;
}
.big_img:hover img,.small_img ul li:hover img{
	-ms-transform:scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Safari */
	transform: scale(1.1); /* 鏍囧噯璇硶 */
	transition:all 0.5s linear 0s;
	/* Safari */
	-webkit-transition:all 0.5s linear 0s;
}
.big_img:hover span,.small_img ul li:hover span{
	bottom:0;
	transition:all 0.5s linear 0s;
	/* Safari */
	-webkit-transition:all 0.5s linear 0s;
}
.small_img{
	width:740px;
	height:306px;
}
.small_img ul li{
	width:235px;
	height:145px;
	padding:0;
	margin:0 16px 16px 0;
	list-style:none;
	position:relative;
	float:left;
	overflow:hidden;
}
.small_img ul li:nth-child(3n){
	margin-right:0;
}
.small_img ul li img,.big_img img{
	width:100%;
	height:100%;
	-ms-transform:scale(1); /* IE 9 */
	-webkit-transform: scale(1); /* Safari */
	transform: scale(1); /* 鏍囧噯璇硶 */
	transition:all 0.5s linear 0s;
	/* Safari */
	-webkit-transition:all 0.5s linear 0s;
}
/*friend_link*/
#friend_link{
	background:#ebe8e3;
}
.link_tab{
	border-bottom:1px solid #ccc;
}
.link_tab ul{
	padding:20px 10px;
}
.link_tab ul li{
	list-style:none;
	font-size:20px;
	color:#333;
	float:left;
	cursor:pointer;
	padding:0;
}
.link_tab ul li:first-child{
	font-weight:bold;
}
.link_tab ul li:not(:first-child):before{
	content:'/';
	color:#999;
	margin:0 20px;
	font-weight:normal;
}
.link_tab ul li:not(:first-child).active,.link_tab ul li:not(:first-child):hover{
	color:#C20E0E;
}
.link_tabs ul{
	padding:20px 10px;
}
.link_tabs ul li{
	float:left;
	font-size:16px;
	color:#333;
	margin:10px;
	list-style:none;
}
.link_tabs ul li a{
	color:#333;
	font-size:16px;
}
.link_tabs ul li a:hover{
	color:#a40007;
}