@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
/*html{ overflow-x:hidden}*/
body{ margin:0 auto; font-size:12px; color:#000;font-family:"微软雅黑"; background:#fff;line-height:26px; overflow-x: hidden;-webkit-animation: fadeIn 3s 0s both;-moz-animation: fadeIn 3s 0s both;-ms-animation: fadeIn 3s 0s both;animation: fadeIn 3s 0s both;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0; padding:0;}
ul,li,ol,dt,dd,dl,map,area{ margin:0; padding:0; border:none}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;} 
img,form{ border:none;margin:0;padding:0}
ul,li{list-style:none}
table{ table-layout:fixed; border-collapse:collapse;}
.fl{ float:left}
.fr{ float:right}
.fr2{ float:right}
.cl{ clear:both; overflow:hidden}
.tc{ text-align:center}
.tl{ text-align:left}
.tr{ text-align:right}
.wapper{ white-space:nowrap; overflow:hidden}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/** html .clearfix { height: 1%;}*/
.clearfix {display: block;}
a{ color:#222; text-decoration:none;}
a:hover{ color:#A5090A; text-decoration:none;}
/*----------------*/
a.back{width:130px;height:50px;position:absolute;top:0;left:50%;margin-left:450px;background:#f1ebeb url(http://www.zqcn.com.cn/template/1/zqweb/_files/ztbox/tzh/images/home.png) no-repeat 10px center;z-index:90;line-height:50px;text-align: center;font-size:16px;padding-left:20px;border-bottom-right-radius:14px;border-bottom-left-radius:14px;color:#0d4266}
.subox2 dl img,.subox4 img,.hybox dl img,.items5 dt img,.subox6 dt a img,.subox9 dt a img{transition: all .5s}
.subox2 dl:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);}

.subox2 dl img,.tabs1 li,.tbox2 div img,.voitems .swiper-slide dl,.nav li a,.tbox6 dl dd.pic a img,.tbox6 .img img,.tbox8{transition: all .5s}
.header{width:100%;background:url(../images/m-bg1.jpg) no-repeat center top;height:791px;margin:0 auto;min-width:1280px}
.header .lhlogo,.header .tit1,.header .tit2{position:absolute;left:50%;}
.header .lhlogo{width:223px;height:106px;background:url(../images/hui.png) no-repeat;margin-left:-112px;top:50px;-webkit-animation:itScale .5s 1s both;-moz-animation:itScale .5s 1s both;-ms-animation:itScale .5s 1s both;animation:itScale .5s 1s both}
.header .tit1{width:1310px;height:86px;background:url(../images/head_tit.png) no-repeat;top:250px;margin-left:-655px;-webkit-animation:fadeIn .8s 1.5s both,upDown .8s 1.5s both;-moz-animation:fadeIn .8s 1.5s both,upDown .8s 1.5s both;-ms-animation:fadeIn .8s 1.5s both,upDown .8s 1.5s both;animation:fadeIn .8s 1.5s both,upDown .8s 1.5s both}
.header .tit2{width:300px;height:33px;background:url(../images/head_tit2.png) no-repeat;top:400px;margin-left:-150px;-webkit-animation:fadeIn .8s 2s both,upDown .8s 2s both;-moz-animation:fadeIn .8s 2s both,upDown .8s 2s both;-ms-animation:fadeIn .8s 2s both,upDown .8s 2s both;animation:fadeIn .8s 2s both,upDown .8s 2s both}
.subhead{height:650px;}
.subhead .tit1{top:250px}
.subhead .tit2{top:455px}

.contbox{width:1280px;margin:0 auto;padding:25px 0;}
.tout{text-align: center;margin-bottom:40px;}
.tout dt{font-size:48px;width:1280px;line-height:80px;}
.tout dt a{color:#A5090A}
.tout dd{float:left;width:400px;font-size:20px;line-height:50px}
.tout dd a:hover{text-decoration:underline;}

.lunbo{width:750px;height:427px;background:#ddd}
/*.lunbo>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic*/
.lunbo .swiper-pagination-bullet{width:14px;height:14px;background:#FBEE21}
.lunbo>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:680px;bottom:22px}
.lunbo .swiper-slide {font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.lunbo .swiper-slide a{display:block;width:750px;height:427px;overflow: hidden;color:#fff}
.lunbo .swiper-slide a .txt{width:730px;height:64px;line-height:64px;position:absolute;left:0;bottom:0;background:url(../images/sw-bg2.png) no-repeat;font-size:20px;oclor:#fff;padding-left:20px;}
.lunbo .lbnext,.lunbo .lbnext::after,.lunbo .lbprev,.lunbo .lbprev::after{color:#fff;font-size:60px}



.tbox1{padding:10px 30px 0;width:470px;background:#FFFAE4;height:417px;overflow: hidden;}
.tbox1 dt{height:105px;width:470px;background:url(../images/p-tit1_01.png) no-repeat;margin-bottom:20px;}
.tbox1 dt a{display:block;width:100%;height:100%;}
.tbox1 dd{font-size:18px;line-height:40px;background:url(../images/icon-1.png) no-repeat center left;padding-left:30px;}
.tbox1 dd a{color:#C41616}
.tbox1 dd a:hover{color:#720707}

.navbg{width:100%;height:100px;position:relative; z-index:20;}
.navbox{width:100%;height:100px;background:url(../images/nav_bg.jpg) no-repeat center top;position:absolute;left:0;top:0;min-width:1300px;border-top:1px solid #fff}
.navbox.fixed{position:fixed;top:0; z-index: 998}
.nav{width:1300px;margin:0 auto;padding:0 0 0 245px;box-sizing: border-box;}
.nav li{float:left;width:150px;margin:0;text-align: center;font-size:24px;color:#fff;}
.nav li.home{width:80px;margin-right:40px;}
.nav li.a1{margin-right:10px;}
.nav li a{color:#fff;display:block;padding-top:66px;}
.nav li a:hover{color:#070F4E}

.m-bg{width:100%;margin:0 auto;background: url(../images/sp_big_bg.jpg) no-repeat center 2000px;}
.pubtit{width:1280px;height:74px;background: url(../images/tit-text-bg.png) no-repeat;position:relative;margin:30px 0;}
.pubtit a{position:absolute;left:50%;top:30px;margin-left:-91px;width:182px;height:48px;background:url(../images/tit-text.png) no-repeat;}
.pubtit a.pt1{background-position:left 0;}
.pubtit a.pt2{background-position:left -110px;}
.pubtit a.pt3{background-position:left -220px;}
.pubtit a.pt4{background-position:left -330px;}
.pubtit a.pt5{background-position:left -440px;}
.pubtit a.pt6{background-position:left -550px;}
.pubtit a.pt7{background-position:left -660px;width:232px;margin-left:-115px}
.pubtit a.pt8{background-position:left -770px;}
.pubtit a.pt9{background-position:left -880px;}

.tbox2{position:relative;min-height:723px;}
.tbox2 div{position:absolute;overflow: hidden}
.tbox2 div img{display:block;width:100%;height:100%;}
.tbox2 div img:hover{-webkit-transform: scale(1.05);transform: scale(1.05)}
.tbox2 .pic1{top:0;left:0;}
.tbox2 .pic1 img{width:416px;height:353px;}
.tbox2 .pic2{top:368px;left:0;}
.tbox2 .pic2 img{width:416px;height:353px;}
.tbox2 .pic3{top:0;left:428px;}
.tbox2 .pic3 img{width:431px;height:543px;}
.tbox2 .pic4{top:557px;left:428px;}
.tbox2 .pic4 img{width:431px;height:166px;}
.tbox2 .pic5{top:0;right:0;}
.tbox2 .pic5 img{width:410px;height:354px;}
.tbox2 .pic6{top:368px;right:0;}
.tbox2 .pic6 img{width:410px;height:353px;}

.lhsp{margin-right:-70px;}
.lhsp .item{width:316px;height:182px;background:url(../images/sp_bg.png) no-repeat;float:left;font-size:14px;padding:35px 110px 0;margin:10px 60px 10px 50px;overflow: hidden}
.lhsp .item dt{font-size:16px;font-weight:700;margin-bottom:10px;}
.lhsp .item dd a{color:#666}
.lhsp .item dd a:hover{color:#A5090A}

.voiceTab p{float:left;width:50%;}
.voiceTab p a{display:block;width:318px;height:82px;background:url(../images/tab_bg.png) no-repeat;line-height:86px;text-align: center;font-size:29px;color:#fff;margin:0 auto;overflow: hidden;}
/*.tbox5 dl{width:1280px;height:180px;-webkit-border-radius:6px;border-radius:6px;overflow: hidden;clear: both; overflow: hidden;margin-bottom:20px;}
.tbox5 dl.left{background:#F9EDEC url(../images/icon-3.png) no-repeat}
.tbox5 dl.left dt{float: left;}
.tbox5 dl dt a,.tbox5 dl dt a{display:block;width:230px;height:180px;-webkit-border-radius:6px;border-radius:6px; overflow: hidden}
.tbox5 dl dt a img:hover,.tbox5 dl dt a img:hover,.tbox6 dl dd.pic a img:hover,.tbox6 .img img:hover{-webkit-transform: scale(1.1);transform: scale(1.1)}
.tbox5 dl dd{float:left}
.tbox5 dl dd.big{width:780px;margin:26px 0 0 70px;font-size:26px;}
.tbox5 dl dd.smlt{font-size:16px;color:#444;width:870px;margin:42px 0 0 70px;text-indent:32px;line-height:30px;}
.tbox5 dl dd.smlt a{color:#c90001}
.tbox5 dl.right{background:#F9EDEC url(../images/icon-3-1.png) no-repeat}
.tbox5 dl.right dt{float:right;}*/

.tbox6{width:600px;}
.tbox6 dl{padding:10px 0 20px;border-bottom:2px dashed #ccc}
.tbox6 dl dt{font-size:20px;padding-bottom:10px;}
.tbox6 dl dd{float:left;}
.tbox6 dl dd.pic{margin-right:30px;}
.tbox6 dl dd.pic a{display:block;width:240px;height:135px;overflow: hidden;}
.tbox6 dl dd.pic a img{display:block;}
.tbox6 dl dd.smlt{width:330px;font-size:15px;text-indent:30px;line-height:28px;color:#333;margin-top:14px;}
.tbox6 .img{width:600px;height:337px;overflow: hidden}
.tbox6 ul{padding-top:20px;}
.tbox6 ul li{background:url(../images/icon-1.png) no-repeat 10px center;font-size:18px;padding-left:35px;line-height:42px;}

.lhbgbox{width:1280px;height:920px;background:url(../images/bg-cont-bg.jpg) no-repeat;position:relative;}
.tabs1{width:175px;position:relative;top:120px;left:16px;}
.tabs1 li{width:165px;height:45px;position:relative;background: url(../images/bg-bg1a.png) no-repeat;margin-bottom:10px;font-size:18px;line-height:45px;color:#333;cursor: pointer;padding-left:10px;}
.tabs1 li.active{background-position:0 bottom;color:#fff}
.tabs1 li:hover{background-position:0 bottom;color:#fff}
#tabsCont {width:750px;height:740px;position:absolute;left:330px;top:80px;}
#tabsCont .item {display:none;height:740px;padding-right:50px;font-size:16px;line-height:40px;}
#tabsCont .item img{display:block;margin:0 auto;max-width:750px;}

.tbox7{width:860px;height:490px;overflow: hidden}
.tbox7 dl{position:relative}
.tbox7 dl dt a{display:block}
.tbox7 dl dd{position:absolute; z-index: 1;}
.tbox7 dl dd.txt{width:860px;height:100px;line-height:100px;background:rgba(0,0,0,0.6);bottom:0;left:0;font-size:20px;text-align: center}
.tbox7 dl dd.txt a{color:#fff}
.tbox7 dl dd.img{left:30px;bottom:15px;}

.swiperVideo {width:360px;height:490px;position:relative; z-index: 1}
.swiperVideo .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;width:360px;height:150px;background: #ddd;}
.vidnext,.vidprev{left:45%;width:71px;height:39px;background:url(../images/vid-sw-bg.png) no-repeat}
.vidnext::after,.vidprev::after{content:''}
.vidnext{top:473px;background-position:left bottom}
.vidprev{top:23px;background-position:left top}
.swiperVideo .swiper-slide a{display:block;position:relative;height:150px; z-index: 1}
.swiperVideo .swiper-slide a .pic{width:360px;height:150px; overflow: hidden}
.swiperVideo .swiper-slide a .txt{width:100%;height:40px;line-height:40px;position:absolute;;background:rgba(0,0,0,0.4);bottom:0;left:0;font-size:14px;color:#fff;text-align:center;}
.swiperVideo .swiper-slide a .img{position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px;}


.voitems .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;width:320px;padding:30px 0;}
.voitems .swiper-slide dl{width:280px;height:320px;background:#f1f1f1;border-radius:10px;padding-top:25px;overflow: hidden}
.voitems .swiper-slide dl:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);background:#A5081F;color:#fff;}
.voitems .swiper-slide dl:hover a{color:#fff;}
.voitems .swiper-slide dl dt a{display:block;margin-bottom:10px;}
.voitems .swiper-slide dl dt a img{border-radius:5px;}
.voitems .swiper-slide dl dd.smlt{font-size:14px;padding:10px 15px;text-align:left;}
.dbnext,.dbprev{color:#c90001;font-size:50px;}
.dbnext{right:-30px;}
.dbprev{left:-30px;}
.voiceConts{position:relative;min-height:410px;}
.voiceConts .item{position:absolute;left:0;top:0;background:#f00;width:100%;z-index:-1}

.subox2{margin-right:-50px;}
.subox2 dl{width:383px;margin-right:45px;margin-left:10px}
.subox2 dl dt a{display:block;width:383px;height:238px; overflow: hidden}
.subox2 dl dt a img{display:block}
.subox2 dl dd.big{font-size:16px;font-weight:700;text-align:center;margin-top:10px;height:34;line-height:34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.subox2 dl dd.smlt{font-size:12px;color:#777;line-height:22px;text-indent:26px;height:60px;overflow: hidden}
.subox2 dl dd.smlt a{color:#c90001}

.wjhg{display:-webkit-flex;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.wjhg a{display: block;padding:15px;background:#CFA972;box-sizing: border-box;width:416px}
.wjhg a img{display: block;width:100%;}

.footbg{width:100%;padding:30px 0;background:url(../images/foot-bg.jpg) repeat-y center top}
.footxt{width:1280px;margin:0 auto;text-align: center;font-size:14px;color:#fff;line-height:30px;}

/*--------------------------------------*/
.contont{width:1200px;margin:20px auto;background: #fff;min-height:500px;padding:10px 0;}
.moude1{width:386px;}
.moude2{width:792px;}
/*-----------列表页---------------*/
.subvd .swiper-slide{margin:20px 0 0 10px;}
.subtit{height:40px;line-height:40px;background:url(../images/icon-2.png) no-repeat left center;padding-left:36px;position:relative;border-bottom:1px solid #efefef}
.subtit p{float:left;font-size:18px;font-weight: 700}
.subtit a.more{float:right;width:37px;height:24px;background:url(../images/more.png) no-repeat;margin-top:8px;margin-right:10px;}
.dqnav{padding-bottom:20px;font-size:15px;}
.dqnav span,.dqnav i{color:#999;font-style: normal;}
.dqnav i{font-family:"宋体";margin:0 10px}
.sublist1{padding:15px 0 10px 10px;font-size:15px;line-height:36px;}
.sublist1 dd{background: url(../images/ld.png) no-repeat left center;padding-left:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.sublist1 dd.line{border-top:1px dashed #ececec;height:1px;font-size:0;line-height:1px;background:none;margin:10px auto 8px}
.sublist5{margin:5px 20px 0;padding:16px 30px 20px 10px;border-bottom:1px dashed #e2e2e2}
.sublist5 dt{float:left;margin-right:25px;}
.sublist5 dt a,.sublist5 dt a img{display:block;border-radius:6px;}
.sublist5 dd.bigtit{font-size:15px;font-weight: 700}
.sublist5 dd.smlt,.sublist5 dd.time{font-size:12px;line-height:20px;color:#777}
.sublist5 dd.smlt{text-indent:24px;margin-bottom:8px;}
.sublist5 dd.time span{margin-right:25px;}
.pages{padding:30px 0;height:36px;line-height:36px; overflow: hidden;margin:0 auto;text-align:center;font-family:"宋体"}
.pages a,.pages b{display:inline-block;font-size:16px;height:36px;border:1px solid #ccc;padding:0 15px;border-radius:10px}
.pages b{background:#1898F4; cursor: default;color:#fff}
.pages a:hover{background: #efefef}
.listitle2,.listitle2 dl{display:none;}
/*--------------详细页------------------*/
h1.bigtit{width:100%;font-size:26px;line-height:36px;box-sizing: border-box;padding:10px 15px 0;}
.info{border-bottom:1px solid #ccc;padding:10px 0 10px 20px;color:#999}
.subtail{font-size:16px;line-height:34px;padding:20px 50px 30px 20px}
.subtail img{display:block;margin:15px auto;max-width:90%}
.subtail img[src$=".gif"]{width:auto;display:inline;}
.essay_share {width: 100%;height: 97px;margin-top: 15px;border-top: 1px solid #cccccc;padding-top: 15px;position: relative;}

@keyframes fadeIn{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
@-webkit-keyframes fadeIn{
	
}
@keyframes upDown{
	0%{
		transform:translateY(-20px);
		-webkit-transform:translateY(-20px);
		-ms-transform:translateY(-20px);
	}
	100%{
		transform:translateY(0);
		-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
		
	}
}
@-webkit-keyframes upDown{
	0%{
		transform:translateY(-20px);
		-webkit-transform:translateY(-20px);
		-ms-transform:translateY(-20px);
	}
	100%{
		transform:translateY(0);
		-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
		
	}
}
@keyframes itScale{
	0%{
		transform: scale(0);
		-webkit-transform:scale(0);
		-ms-transform:scale(0);
	}
	100%{
		transform: scale(1);
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
	}
}
@-webkit-keyframes itScale{
	0%{
		transform: scale(0);
		-webkit-transform:scale(0);
		-ms-transform:scale(0);
	}
	100%{
		transform: scale(1);
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
	}
}