* { margin: 0px; padding: 0px; }
body { font-size: 18px; line-height: 1.5em; font-family: "Arial", "Microsoft Yahei", "Heiti SC", simsun, sans-serif; color: #414040; background: #ffffff; min-width: 320px; overflow-x: hidden; -webkit-text-size-adjust: none; }
a { color: #414040; text-decoration: none; transition: all 0.7s; outline: none; }
a:hover { color: #ff8500; }
ul, li, ol { list-style: none; border: none; }
img, video { max-width: 100%; height: auto; border: 0; }
img { display: block; }
h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal }
div, dl, ul, li, input, textarea { -moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { *+height:1%;
}
.left { float: left }
.right { float: right }
.area { width: 100%; height: 100%; position: relative; overflow: hidden }
.top { background-image: url(d3jhxlagdyswhz2017_01.jpg); background-repeat: no-repeat; background-position: center top; min-height: 1300px; position: relative }
.top .txt { display: none }
.fixed { width: 100%; margin: 0 auto; background: #fff; height: 62px; position: fixed; top: 0px; left: 0px; z-index: 111 }
.nav { max-width: 1200px; margin: 0 auto; line-height: 60px; color: #8d8d8d; font-size: 18px }
.nav ul { width: 690px; float: right }
.nav ul li { float: left; margin-left: 31px; display: block; color: #8d8d8d }
.nav ul li a { color: #8d8d8d }
.nav ul li a:hover { color: #e9981f }
.contentA { width: 1200px; margin: 750px auto 0; background: url(d3jhxlagdyswhz2017_bg01.png); height: 450px; overflow: hidden; position: relative }
.contentA .midPic { position: absolute; width: 533px; height: 427px; left: 323px; top: 24px }
.contentA .leftInfo { position: absolute; top: 0px; left: 0; width: 323px; height: 450px }
.contentA .rightSche { position: absolute; top: 0px; right: 0; width: 345px; height: 450px }
.contentA .menu { font-size: 24px; color: #fff; margin-left: 30px; margin-top: 15px; }
.contentA .menu a { color: #fff }
.contentA .menu span { color: #999999; font-family: Arial, Helvetica, sans-serif; margin-left: 10px }
.contentA .box { margin-top: 10px; color: #fff; padding: 20px; font-size: 16px }
.contentA .leftInfo p { color: #fff; }
.contentA .leftInfo p a { color: #fff }
/*图片轮换*/
.slider { position: relative; width: 510px; height: auto; overflow: hidden; }
/*盒子带容器*/
.slides { height: auto; /* Simple clear fix */ overflow: hidden; /**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */ -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; /**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */ -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); margin-top: 39px }
.slide { height: auto; float: left; clear: none; }
.slider-arrows { }
.arrowsWrapper { display: none }
.slider:hover > .arrowsWrapper { display: block }
.slider-arrow { position: absolute; display: block; margin-bottom: -30px; width: 40px; height: 60px; line-height: 60px; text-decoration: none; text-align: center; color: #fff; font-size: 2em; background-color: #333; filter: alpha(opacity=30); -moz-opactiy: 0.3; -khtml-opactiy: 0.3; opacity: 0.3; border-radius: 0px; }/*左右按钮样式及放置位置*/
.slider-arrow-right { bottom: 50%; right: 10px; background: url(d3jhxlagdyswhz2017_arrR.png) no-repeat }
.slider-arrow-left { bottom: 50%; left: 32px; background: url(d3jhxlagdyswhz2017_arrL.png) no-repeat }
.slider-nav { position: absolute; top: 20px; left: 44px; }
.slider-nav_item {  /*nva样式*/ width: 25px; height: 9px; float: left; clear: none; display: block; margin: 0 5px; background: #adadad; }
.slider-nav_item:hover { background: #565656; }
.slider-nav_item--current { background: #565656; } /*被选中后的样式*/
.slider .cont { width: 100%; height: auto; text-align: left; font-size: 16px; color: #fff; text-transform: capitalize; vertical-align: middle; }
.slider .cont img { float: left; width: 472px; height: 310px; padding: 18px; border: 1px #ededed solid; background: #fff; margin-bottom: 10px; }
.slider .tt { width: 510px; *width:500px;
padding: 0 10px; text-align: right; color: #000; line-height: 24px; }
.slider .tt h3 { font-size: 18px; color: #414141; font-weight: bold; text-align: right; }
.slider .tt p { font-size: 14px; font-family: simsun; color: #8b8b8b; }
.contentB { width: 1200px; margin: 0 auto; overflow: hidden }
.vi { width: 878px; height: auto; overflow: hidden; margin: 0px auto; padding: 53px 0 }
.vid-wrap { width: 100%; background: #000; position: relative; padding-bottom: 63.8%;/*需要用padding来维持16:9比例,也就是9除以16*/ height: 0; }
.vid-wrap video { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.vid-wrap img { width: 100%; height: auto }
.contentC { width: 1200px; margin: 100px auto 80px; overflow: hidden }
.contentC .left { width: 536px; }
.contentC .left .con { background: #f2f2f2 url(d3jhxlagdyswhz2017_06.jpg) repeat-y; height: 100%; overflow: hidden; margin-bottom: 30px }
.contentC .left .con .pic { float: left; background: #f2f2f2; height: 100% }
.contentC .left .con .pic img{ width:500px; height:281px}
.contentC .menu { width: 36px; height: 100%; background: #fff664 url(d3jhxlagdyswhz2017_05.jpg) top left no-repeat; font-size: 18px; padding: 40px 0 0 0; overflow: hidden; float: left; font-weight: 700;}
.contentC .menu a{ margin:0 0 0 10px;overflow: hidden;display: block;}
.contentC .right { width: 602px }
.contentC .right .con { background: #f2f2f2 url(d3jhxlagdyswhz2017_06.jpg) repeat-y; overflow: hidden; margin-bottom: 41px; height: 170px }
.contentC .right .con .inr { background: #f2f2f2; height: 100%; float: left; padding: 10px 30px 0 }
.contentC .right .con .inr li{ padding:5px 0}
.contentD { background: #fff664 url(d3jhxlagdyswhz2017_09.jpg) bottom repeat-x }
h3 { text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 10px }
.link { max-width: 1200px; margin: 0 auto; padding: 30px 20px 40px; text-align: center; overflow: hidden }
.link li { margin-right: 40px; font-size: 24px; display: inline; }
.ys { background: url(d3jhxlagdyswhz2017_02.jpg) top center no-repeat; height: 665px; }
.bg { background: #000000; width: 100%; overflow: hidden }
.bg1 { background: #000 url(d3jhxlagdyswhz2017_09.png) top repeat-x; width: 100%; overflow: hidden; padding-top: 20px }
.footer { max-width: 1200px; width: 100%; margin: 0px auto; padding: 60px 0; overflow: hidden; text-align: center; font-size: 24px; color: #ffffff; background: #000; overflow: hidden }
.footer span { margin-right: 30px }
/*list*/
.area1 { width: 100%; }
.area1 .fixed { border-bottom: 2px #eeeeee solid; height: 65px }
.header { width: 1200px; margin: 2px auto 0; height: 65px; }
.logo { float: left }
.content { width: 1200px; margin: 100px auto 0;min-height: 764px;}
.content .where { background: url(d3jhxlagdyswhz2017_topdot.jpg) left center no-repeat; font-size: 18px; color: #5c2469; padding-left: 15px; overflow: hidden }
.content ul.list { overflow: hidden; font-size: 18px; margin: 10px 0 20px; }
.content ul.list li { border-bottom: 2px #e3e3e3 solid; padding: 20px; overflow:hidden}
.content ul.list li a{ float:left; display:block}
.ie7 .content ul.list li a{ float:left; display:block}
.content ul.list li span { float: right; color: #565656 }
.content ul.pic_list { margin: 30px 0 20px; overflow: hidden; font-size: 18px }
.content ul.pic_list li { width: 24%; margin-left: 1%; float: left }
.content ul.pic_list li img{ width:288px; height:192px}
.content ul.pic_list li span { text-align: left; color: #565656; height: 90px; margin-top: 10px; display: block; width: 100% }
.content .other { padding-bottom: 10px; width: 94%; margin: 0 auto 0px; position: relative; height: 45px }
.line { border-bottom: 1px #dedede solid; margin: 0px 0 20px }
.content .other span { font-size: 14px; font-family: simsun; color: #6f6f6f; float: left; margin-right: 20px; padding-top: 4px; }
.content .other span.TT { background: url(../images/qngs_contT.png) no-repeat; height: 31px; width: 31px; }
.content .other span.TT a { display: block; width: 31px; height: 31px; color: #bbbbbb; }
/*.content .other span.TT i { font-size: 16px; color:#bbbbbb;  font-weight: bold;
text-align: right; line-height:26px; margin-left:14px; font-style: normal; font-family:micrsoft Yahei; width:7px; height:7px}*/
.content .other span.TT i { width: 14px; height: 31px; display: block; margin-left: 12px }
.content .other span.TT i.jia { background: url(../images/qngs_contTjj.png) 5px no-repeat; }
.content .other span.TT i.jian { background: url(../images/qngs_contTjj.png) -13px no-repeat; }
.min { font-size: 17px }
.max { font-size: 20px }
.content .other span.share { display: none; background: url(../images/qngs_contS_wapSh.png) no-repeat; width: 30px; height: 30px }
.content .other .fenxiang { position: relative; overflow: hidden; display: block }
.content .other .fenxiang .fx { background: url(../images/qngs_contShbg.png) no-repeat; width: 29px; height: 30px; text-align: center }
.content .other .fenxiang .fx:hover { background: url(../images/qngs_contSlbg.png) no-repeat }
.content .other .fenxiang .fx img { margin: 2px auto 0 }

/*content*/
.other { font-size: 14px; color: #909090; margin: 20px 0 40px; border-bottom: 1px #dedede solid; overflow: hidden; font-family: simsun }
.newCont { width: 90%; margin: 0 auto }
.newCont h1 { font-size: 36px; line-height: 36px; font-weight: bold; text-align: center; padding: 30px 0; }
.newCont p { margin: 10px 0; line-height: 36px }
.editor { float: right }
@media \0screen\,screen\9 {
.hiSlider-title { background: #000; filter: Alpha(opacity=80) }
}
/*翻页*/
#pageNumber { margin: 0 auto; padding: 0px 0 39px; font-family: Arial Narrow; text-align: center; }
#pageNumber span, #pageNumber font, #pageNumber a { display: inline-block; font-size: 0.875rem; font-size: 14px; line-height: 2.57em; color: #666; }
#pageNumber span { margin: 0 auto }
#pageNumber font, #pageNumber a { padding: 0 15px; border-radius: 5px; margin: 0 2px; }
#pageNumber font { color: #000; background: #ffd100; }
#pageNumber a { background: #FFF; border: 1px #f0f0f0 solid; color: #8f9092 }
@media screen and (max-width:768px) {
.top { width: 100%; background-size: 114%; background-position: -109px 34px; }
.contentA { background: none; height: auto; width: 94%; margin: 349px auto 0; }
.contentA .midPic { position: relative; width: 533px; height: 427px; left: auto; top: auto; margin: 0 auto; border-top: 5px #565656 solid; margin-bottom: 30px }
.contentA .leftInfo { position: relative; top: auto; left: auto; width: 49.5%; height: 450px; background: url(d3jhxlagdyswhz2017_bgL.png) top no-repeat; float: left }
.contentA .rightSche { position: relative; top: auto; right: auto; width: 50%; height: 450px; background: url(d3jhxlagdyswhz2017_bgR.png) top no-repeat; float: right }
.slider { margin: 0 auto; }
.vi { width: 83%; padding: 10% 0 }
.ys { background-size: cover; height: auto; width: 100% }
.contentB { width: 100% }
.contentC { width: 94%; margin: 40px auto }
.contentC .left, .contentC .right { width: 100% }
.contentC .left .con { width: 49%; float: left; margin-bottom: 30px }
.contentC .left .con:nth-child(1) { float: right }
.contentC .left .con .pic { float: left; width: 88.8% }
.contentC .left .con .pic img { width: 100% }
.contentC .right .con { width: 100%; margin-bottom: 30px }
.contentC .right .con .inr { background: #f2f2f2; height: 100%; float: left; width: 88%; padding: 20px 30px 0; }
/**/
.nav { width: 100%; margin: 8px auto; line-height: 38px }
.nav ul { margin: 0 auto; float: none }
.logo { width: 94%; float: none; margin: 10px auto 0; }
.logo img { margin: 0 auto }
.header { width: 100%; height: 50px }
.area1 .fixed { height: 112px; box-shadow: 0 1px 2px hsla(0,0%,60%,.05) }
.area1 .fixednav { height: 50px }
.content { width: 96%; margin: 150px auto 0; }
.content ul.list { font-size: 16px }
.newCont h1 { font-size: 28px }
}
@media screen and (max-width:710px) {
.contentA .menu { padding-top: 15px }
.contentA .leftInfo, .contentA .rightSche { margin: 20px auto 0; float: none; background-color: #565656; width: 100%; height: auto }
.contentA .rightSche { margin-bottom: 20px }
.top { width: 100%; background-size: 120%; background-position: -108px 38px; }
.content ul.pic_list li img{ width:100%; height:auto}
}
@media screen and (max-width:698px) {
.contentC .menu { background-color: #fff664; width: 100%; height: 36px; background-position: left; padding: 0px 10px 0 50px; line-height: 36px }
.contentC .left .con .pic { width: 100% }
.contentC .right .con { height: auto; padding-bottom: 10px; background: #f2f2f2 }
.contentC .right .con .inr { width: 100% }
.fixed { overflow: hidden; z-index: 110; height: 48px }
.nav { margin-top: 0px; width: 100%; overflow: hidden; box-sizing: border-box; height: 45px; padding: 10px 20px; }
.nav ul { position: relative; font-size: 0px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; width: auto; float: none; padding-bottom: 20px; -webkit-overflow-scrolling: touch; -webkit-user-select: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.nav ul li { font-size: 18px; display: inline; float: none; margin: 0 16px 0 5px; line-height: 150% }
.content .other span { margin-right: 5px }
.content .other span.share { display: block; background: url(../images/qngs_contS_wapSh.png) no-repeat; width: 30px; height: 30px; float: right }
.content .other span.TT { float: right }
.content .other .fenxiang { position: absolute; top: 0; right: 68px; overflow: hidden; width: 80%; max-width: 0%; opacity: 0; transition: opacity 0.5s ease 0s; }
.content .other .cur { max-width: 148px; opacity: 1 }

}
@media screen and (max-width:617px) {
.top { width: 100%; background-size: 130%; background-position: -108px 38px; background-image: url(d3jhxlagdyswhz2017_wap.jpg); background-repeat: no-repeat }
.top .txt { position: absolute; top: 18%; right: 3%; display: block; text-align: right; font-size: 14px; line-height: 20px }
}
@media screen and (max-width:600px) {
.top .txt { position: absolute; top: 18%; right: 5%; display: block; text-align: right; font-size: 14px; line-height: 20px }
#pageNumber span, #pageNumber font, #pageNumber a { display: inline-block; font-size: 12px; line-height: 2.2em; color: #666; }
#pageNumber span { margin: 0 auto }
#pageNumber font, #pageNumber a { padding: 0 10px; border-radius: 3px; margin: 0 1px; }
}
@media screen and (max-width:550px) {
.contentA .midPic { width: auto; height: auto }
.slider { width: auto }
.slider .cont img { width: auto; height: auto; border: 0 }
.top { width: 100%; background-size: 150%; background-position: -174px 38px; }
.content ul.pic_list li { width: 32%; margin-left: 1%; float: left }
.newCont h1 { font-size: 24px; padding: 5px 0 }
.other span.right { display: none }
.newCont { width: 96% }
}
@media screen and (max-width:480px) {
.top { width: 100%; background-size: 200%; background-position: -190px 50px; }
.vi { width: 94%; height: auto; padding: 30px 0 }
.vid-wrap img { width: 100%; height: auto }
.contentC .left .con { width: 100% }
.contentA .midPic { width: 100%; height: auto }
.contentA .leftInfo, .contentA .rightSche { margin: 20px auto 0; float: none; background-color: #565656; width: 100%; height: auto }
.slider { width: 100% }
.slider .cont img { width: 100%; height: auto; padding: 0 }
.slider .tt { width: auto }
.ys { background: none }
.contentC { margin: 0 auto }
.footer p { width: 270px; margin: 0 auto }
.footer span { margin-right: 0; display: block; clear: both }
.area1 .fixed { height: 105px; }
.content { margin: 120px auto 0;min-height:356px;}
.area1 .fixednav { height: 50px }
.content ul.pic_list li { width: 49%; margin-left: 1%; float: left }
}
@media screen and (max-width:414px) {
.top .txt { position: absolute; top: 18%; right: 4%; display: block; text-align: right; font-size: 14px; line-height: 20px }
.content ul.list li { padding: 10px 0 }
.content ul.pic_list li { width: 96%; margin-left: 1%; float: none; margin: 0 auto; }
}
@media screen and (max-width:375px) {
.top { width: 100%; background-size: 200%; background-position: -177px 40px; }
.contentA { margin: 350px auto 0; }
.top .txt { position: absolute; }
.link li { font-size: 18px }
.area1 .fixed { height: 98px; }
.area1 .fixednav { height: 50px }
.content ul.list li span { font-size: 12px }
}
@media screen and (max-width: 320px) {
.top { width: 100%; background-size: 200%; background-position: -140px 40px; }
.top .txt { position: absolute; top: 17%; right: 5%; display: block; text-align: right; font-size: 12px; line-height: 20px; }
.contentA { margin: 330px auto 0; }
.nav { font-size: 16px }
.nav ul li { font-size: 16px }

}