@charset "utf-8";

html{ height:100%;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;}
body{background:#e0e2e4;color:#444;font-size:14px;font-size:1.4rem; font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif;  width:100%; min-width:1250px; position:relative}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle; font-size:12px; outline:none;font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif; }

@font-face {
  font-family: 'iconfont';  /* project id 333158 */
  src: url('//at.alicdn.com/t/font_333158_iohx9p65sk79cnmi.eot');
  src: url('//at.alicdn.com/t/font_333158_iohx9p65sk79cnmi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_333158_iohx9p65sk79cnmi.woff') format('woff'),
  url('//at.alicdn.com/t/font_333158_iohx9p65sk79cnmi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_333158_iohx9p65sk79cnmi.svg#iconfont') format('svg');
}

.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale;}
@-webkit-keyframes spinAround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}}
@-moz-keyframes spinAround {from {-moz-transform: rotate(0deg)}to {	-moz-transform: rotate(360deg);}}
@keyframes spinAround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}}

:-moz-placeholder {color: #ccc; }
::-moz-placeholder {color: #ccc;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #ccc;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #ccc}

a{text-decoration:none; color:#444}
a:hover{color:#436dc2; text-decoration:none}
a:focus{ outline:none;text-decoration:none}
.clearit,.clearfix{clear:both; }


.b{font-weight:bold}
.red{ color:#d42121 !important}
.left{ float:left}
.right{ float:right}


.wrapper{ width:1180px; margin:0 auto}
@font-face{
	font-family:"NoveDemiBold";
	src: url('font/novecentowide-demibold-webfont.eot');
	src: url('font/novecentowide-demibold-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/novecentowide-demibold-webfont.woff2') format('woff2'),
	url('font/novecentowide-demibold-webfont.woff') format('woff'),
	url('font/novecentowide-demibold-webfont.ttf') format('truetype'),
	url('font/novecentowide-demibold-webfont.svg#dincond-boldalternateregular') format('svg');
}
@font-face{
	font-family: 'dincond-medium-webfont';
	src: url('font/dincond-medium-webfont.eot');
	src: url('font/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'), 
	url('font/dincond-medium-webfont.woff2') format('woff2'), 
	url('font/dincond-medium-webfont.woff') format('woff'), 
	url('font/dincond-medium-webfont.ttf') format('truetype'), 
	url('font/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg');
}


/* --------------浏览器滚动条----------------------- */
::-webkit-scrollbar {height:11px;width:11px}
::-webkit-scrollbar-button {height:0;width:0}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {display:block}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement {display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {border-style:solid;border-color:transparent}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box;background-color:#fff;}
::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);background-clip:padding-box;background-color:rgba(0,0,0,.2);min-height:28px;padding-top:100}
::-webkit-scrollbar-thumb:hover {-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);background-color:rgba(0,0,0,.4)}
::-webkit-scrollbar-thumb:active {-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);background-color:rgba(0,0,0,.5)}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {border-width:0;}
::-webkit-scrollbar-track:hover {-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);background-color:rgba(0,0,0,.05)}
::-webkit-scrollbar-track:active {-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);background-color:rgba(0,0,0,.05)}


input.hover{ color:#555;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);box-shadow: 0 0 6px rgba(0,0,0,0.2); border-color:#74b9ef !important; background-color:#fff !important}

.top-bar{ background-color:#fff; height:40px;box-shadow: 0 0 15px rgba(0,0,0,0.1); position:relative; z-index:2; text-align:left; line-height:40px; font-weight:bold}
.top-bar img{ position:absolute; left:50%; margin-left:-520px;top:15px;}
.header{ height:400px; background:url(../../images/qzlx/header.jpg) no-repeat center 0;}
.nav{background:url(../../images/qzlx/nav-bg.png) no-repeat center 0; width:1250px;height:83px; margin:0 auto; position:relative; z-index:3}
.nav ul{ width:1050px; margin:0 auto;}
.nav ul li{ float:left; padding:15px 20px; font-size:18px;}
.nav ul li a{ display:inline-block;height:50px; line-height:50px;}
.nav ul li a.current{ border-bottom:4px #f00 solid; color:#f00}


.body-bg{ text-align:center}
.main{ position:relative; z-index:1; width:1180px; background:url(../../images/qzlx/main-bg.png) repeat-x #fff; margin:-80px auto 0; text-align:left ;box-shadow: 0px 2px 15px 0 rgba(0, 0, 0, 0.05);  }


.index{ padding:105px 30px 50px;  }
.news-slider{ width:550px;  float:left; overflow:hidden; position:relative;}
.news-slider .bd{ width:100%;}
.news-slider .bd ul li{ position:relative}
.news-slider .bd ul li img{ width:100%;}
.news-slider .bd ul li p{ position:absolute; left:0;bottom:0px; height:50px; z-index:2; width:100%}
.news-slider .bd ul li p em{ position:absolute; left:0;top:0; width:100%; height:50px; background-color:#000;opacity:0.5;}
.news-slider .bd ul li p a{ position:relative; z-index:2; color:#fff; line-height:50px; padding-left:20px;}
.news-slider .bd ul li p a:hover{ text-decoration:underline}
.news-slider .hd{ position:absolute; right:15px;bottom:19px; z-index:10}
.news-slider .hd li{ width:12px; height:12px; background:url(../../images/slider-icon.png) no-repeat -13px center; float:left; cursor:pointer; margin-left:6px;}
.news-slider .hd li.on{ background-position:0 center;}
.index-news{ width:550px; float:right}
.index-news h2{ height:32px; line-height:32px; margin-top:10px; background:url(../../images/syss-title-bg.jpg) repeat-x 1px 1px; border:1px #f3cf6e solid}
.index-news h2 strong{ background:url(../../images/syss-title-bg2.jpg) no-repeat right center #c9302b; display:block; float:left; padding:0px 20px; font-size:15px; color:#fff; margin:1px; line-height:30px;}
.index-news h2 a.more{ font-size:12px; font-weight:normal; color:#666; float:right}
.index-news h2 a.more:hover{ color:#f39800}
.index-news div.top-news{ padding:15px 20px}
.index-news div.top-news strong{display:block; line-height:1.6; font-size:24px;}
.index-news div.top-news strong a{ color:#c9312e}
.index-news div.top-news strong a:hover{ text-decoration:underline}
.index-news div.top-news p{ font-size:16px; color:#888; margin-top:15px; line-height:2; text-indent:2em}
.index-news div.top-news p a{ color:#f39800}
.index-news div.top-news p a:hover{ text-decoration:underline}
.index-news div.list ul{ margin-top:10px;}
.index-news div.list ul li{ padding:6px 0; text-align:right}
.index-news div.list ul li a{ float:left; background:url(../../images/li.gif) no-repeat 0 center; padding-left:10px;}
.index-news div.list ul li span{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#aaa}


.index-news2 {width:550px; float:left; margin-top:20px;}
.index-news2 h2{ height:55px; line-height:55px;  background:url(../../images/qzlx/title-bg.png) repeat-x; color:#fff}
.index-news2 h2 strong{ display:block; float:left; margin-left:20px; font-size:18px; color:#fff;}
.index-news2 h2 a.more{ font-size:14px; font-weight:normal; color:#fff; float:right; margin-right:20px}
.index-news2 h2 a.more:hover{ color:#f39800}
.index-news2 .list1{ border:1px #f3cf6e solid; padding:15px 25px 20px; height:200px; border-top:0;}
.index-news2 .list1 li{ padding:7px 0; line-height:20px; text-align:right}
.index-news2 .list1 li a{ display:inline-block;width:380px;_width:380px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;background:url(../../images/li.gif) no-repeat 0 center; padding-left:10px; float:left; font-size:16px;}
.index-news2 .list1 li span{ font-size:14px; color:#aaa}



#footer{ padding-top:30px; padding-bottom:40px;  color:#8a8a8a; text-align:center; position:relative; z-index:100; }
#footer .copyright{ line-height:180%; }
#footer .copyright img{ margin-left:10px;}
#footer .copyright a{ color:#fff;}
#footer .copyright a:hover{ color:#f39800}


/* --------------右侧跟随---------------------- */
#follow-btn{ position:fixed; bottom:-200px; z-index:1001;transition: all 850ms cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-moz-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-o-transition: all 850ms cubic-bezier(0.215,.61,.215,1);}
#follow-btn a{ display:block; background-color:rgba(0,0,0,0.05); color:#aaa; width:50px; height:50px; line-height:48px; text-align:center; -webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition: background-color 0.3s; position:relative;border-radius:3px }
#follow-btn a i{font-size:28px;}
#follow-btn a:hover{ background-color:#75b0ea; color:#FFF}

@media (max-width:1250px){
	#follow-btn{ display:none}
}




.location{position:relative; height:55px; line-height:55px;  margin:0 auto; overflow:hidden;  color:#888; background-color:#fff; padding:0 20px; border-bottom:4px #f2f2f2 solid; font-size:12px}
.location a{}
.location a:hover{ text-decoration:underline}
.location i{ margin-right:8px;}



p.none{ background-color:#fff; padding:20px 0; color:#888; text-indent:2em}
p.none i{ font-size:24px; margin-right:10px;}



.news-list{ margin-top:20px}


.news-list ul.list{ margin-top:10px;}
.news-list ul.list li{ padding:20px 0px; border-bottom:1px #ccc dotted; text-align:right;}
.news-list ul.list li span{ color:#aaa;}
.news-list ul.list li strong{float:left; display:block;text-align:left; font-weight:normal}
.news-list ul.list li a{ line-height:16px; font-size:16px; background:url(../../images/li.gif) no-repeat 0 center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:680px;_width:680px;  padding-left:15px; float:left}
.news-list ul.list li s{background:url(../../images/small_img.gif) no-repeat 0 center; margin-left:10px; width:16px; height:16px; float:left}


.news-list ul.list2{ margin-top:10px;}
.news-list ul.list2 li{padding:25px 0px; border-bottom:1px #ccc dotted;}
.news-list ul.list2 li .time{ width:70px; float:left}
.news-list ul.list2 li .time strong{ display:block; line-height:50px; background-color:#828d95; text-align:center; font-size:28px; color:#fff}
.news-list ul.list2 li .time span{ display:block; line-height:22px; text-align:center; font-size:12px; color:#fff; margin-top:1px; background-color:#ccc}
.news-list ul.list2 li .text{ width:720px; float:right}
.news-list ul.list2 li .text strong{ background:url(../../images/li.gif) no-repeat 0 center; padding-left:9px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-list ul.list2 li .text p{ margin-top:10px; line-height:160%; color:#888}


.news-list .list3{ position:relative; margin-top:-30px;}
.news-list .list3 li{ padding:30px 0; border-bottom:1px #ccc dotted; height:110px;}
.news-list .list3 li div{width:620px; float:right; }
.news-list .list3 li h2{font-size:15px;  background:url(../../images/li.gif) no-repeat 0 center; text-indent:10px}
.news-list .list3 li p{padding-top:8px; line-height:180%;color:#555}
.news-list .list3 li p span{ display:block; color:#aaa; background:url(../../images/time-icon.gif) no-repeat 0 center; margin-top:10px; text-indent:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.news-list .list3 li img{ display:block; width:150px; height:100px; position:relative; z-index:2; border:1px #ddd solid;padding:4px; background:#fff;}
.news-list .list3 li a.image{ display:block; width:160px; height:110px; float:left; position:relative;}
.news-list .list3 li a.image em{ display:block; width:160px; height:110px; background:#eee; position:absolute; left:4px;top:4px}
.news-list .list3 li a:hover{ text-decoration:underline}

/**************分页********************/
#pages{ text-align:center; padding-top:30px; }
#pages a{ display:inline-block; padding:11px 16px; background-color:#fff; border:1px #e2e2e2 solid; color:#888; margin:0 2px;-webkit-transition: background-color .25s;transition:background-color .25s; border-radius:3px }
#pages a:hover{  color:#3f51b5}
#pages a.active{ background-color:#3f51b5; border-color:#3f51b5; color:#fff}
#pages a.prev,#pages a.next{ font-size:14px; position:relative;} 
#pages span{display:inline-block; padding:10px 14px; color:#888; position:relative;top:-2px}


/* --------------新闻详情---------------------- */
.news-view{ }
.news-view .news-info{ }
.news-view .news-info .text{}
.news-view .news-info .title{ color:#333; text-align:center; padding:45px 30px 30px}
.news-view .news-info .title h1{font-size:24px; font-weight:500;line-height:36px;}
.news-view .news-info .title p{ font-family:"仿宋"; color:#888;font-size:18px; padding-top:5px; }
.news-view .news-info .info{color:#aaa; position:relative; padding:20px 40px; height:60px; background-color:#f4f4f4}
.news-view .news-info .info span.source{background: url(../../images/new_i3.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 18px;}
.news-view .news-info .info span.date{background: url(../../images/new_i1.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 18px;}
.news-view .news-info .info span.hits{background: url(../../images/new_i2.png) no-repeat scroll left center;padding: 2px 0px 2px 28px;}
.news-view .news-info .info .share{ position:absolute; right:40px;top:21px;}

.share span{ float:left; line-height:20px;}
.share a{ padding-left:20px; height: 20px; margin-left:6px; display: inline-block; background: url(../../images/share.png); float: left;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.share a.i1{ background-position: 0px 0px;}
.share a.i2{ background-position: -50px 0px;}
.share a.i3{ background-position: -95px 0px;}
.share a.i1:hover{ background-position: 0px -20px;}
.share a.i2:hover{ background-position: -50px -20px;}
.share a.i3:hover{ background-position: -95px -20px;}

.news-view .content{ line-height:200% !important;  margin-top:20px; font-size:16px; margin:30px 40px 40px 40px;}
.news-view .content p{ margin-bottom:15px;line-height:200% !important;}
.news-view .content span{ margin-bottom:15px;line-height:240% !important;}
.news-view .content h3{ margin:25px 0 10px !important; font-size:16px !important;}
.news-view .other{  background-color:#f7f7f7; padding:20px 40px 40px; font-size:14px;}
.news-view .other .left{ color:#aaa; }
.news-view .other .left p{ height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-view .other .left p a{ margin-left:3px;}
.news-view .other .right{float:right;color:#777}
.news-view .other .right a{ display:inline-block; padding:15px 20px; background-color:#bbb; color:#fff;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.news-view .other .right a i{ position:relative;top:3px; margin-right:3px; font-size:20px}
.news-view .other .right a:hover{ background-color:#999}
.news-view .download{ border-top:1px #eee solid; padding:30px 0; margin-top:25px; padding-left:40px;}
.news-view .download h2{ font-size:16px; font-weight:bold; height:25px;}
.news-view .download p{ padding:5px 0px; background:url(../../images/word.gif) no-repeat 0 center; padding-left:25px;}
.news-view .download p a{ color:#0033FF; text-decoration:underline; font-size:14px;}
.news-view .download p a:hover{ text-decoration:none; color:#0033FF}
.news-view .pics{ background:#fff;  position:relative; margin:30px auto 0px; width:800px; }
.news-view .pics .swiper-container{overflow:hidden; height:490px;}
.news-view .pics .swiper-slide{ text-align:center;}
.news-view .pics .swiper-slide img{max-width:800px; height:450px;}
.news-view .pics .swiper-slide .title{ margin-top:15px; font-weight:bold}
.news-view .pics .pagination{position: absolute; z-index: 20; bottom:40px; width: 100%; text-align: center;}
.news-view .pics .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 0 5px; opacity: 0.8;  cursor: pointer;}
.news-view .pics .swiper-active-switch{background: #0090ff;}
.news-view .pics .arrow-left{ display:block;z-index:50; width:70px; height:70px; background:url(../images/prev-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; left:-80px; visibility:hidden;filter:alpha(opacity=0);opacity: 0;transition-duration: 0.5s;}
.news-view .pics .arrow-right{display:block; z-index:50; width:70px; height:70px; background:url(../images/next-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; right:-80px; visibility:hidden;filter:alpha(opacity=0);opacity: 0;transition-duration: 0.5s;}
.news-view .pics:hover .arrow-left{ visibility:visible;filter:alpha(opacity=100);opacity:1; left:-70px}
.news-view .pics:hover .arrow-right{ visibility:visible;filter:alpha(opacity=100);opacity:1; right:-70px}
.news-view .news-video-con{ margin:30px auto 0 !important; width:720px;height:520px;}
.news-view .news-video-con p{ text-align:center; margin-top:15px;}