@charset "utf-8";

html,body { margin:0; padding:0;  }
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle;font-size:0.16rem; outline:none;font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif; }
a {color:#333;text-decoration:none;}
a:hover{ text-decoration:none; color:#007dbf}
*:focus {outline:none !important;text-decoration:none !important}

html{display:block;webkit-text-size-adjust: none;}
body{background:#f1ede7;color:#333;font-size:0.16rem; font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif;  }


html{font-size: 100px;}
@media (max-width: 1366px){html{font-size: 94px;}}
@media (max-width: 1199px){html{font-size: 88px;}}
@media (max-width: 991px){html{font-size: 76px;}}
/*
@media (max-width: 639px){html{font-size: 60px;}}
*/

h2, .h2 {font-size: 0.36rem;}
h3, .h3 {font-size: 0.26rem;}

@font-face {
  font-family: 'iconfont';  /* project id 1473672 */
  src: url('//at.alicdn.com/t/font_1473672_3k6vba4jh4k.eot');
  src: url('//at.alicdn.com/t/font_1473672_3k6vba4jh4k.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1473672_3k6vba4jh4k.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1473672_3k6vba4jh4k.woff') format('woff'),
  url('//at.alicdn.com/t/font_1473672_3k6vba4jh4k.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1473672_3k6vba4jh4k.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont" !important; font-size:0.16rem;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:100%}


@font-face{font-family:"FjallaOne-Regular";src: url('font/Oswald-ExtraLight.ttf');}



/* --------------浏览器滚动条----------------------- */
::-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)}


@-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: #aaa;}
::-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa;}

@media (max-width: 767px) {
	.container {padding-right:20px;padding-left: 20px;}
	.row {margin-right: -5px; margin-left: -5px;}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-left:5px; padding-right:5px}
}




.header{background:url(../../images/szqh/header.jpg?ss) no-repeat center center; background-size:cover; height:5rem }
.header img{ position:absolute; left:0.3rem;top:0.3rem; }
.nav{height:0.8rem; background-color:#d70101; border-top:6px #f8c004 solid}
.nav ul{ float:none; display: -webkit-box;display: -moz-box;display: -ms-boxflex;display: -webkit-flex;display: flex; display: -webkit-box;-webkit-box-orient: horizontal; box-orient: horizontal;}
.nav ul li{display: block;box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;-ms-flex:1; }
.nav ul li a{ display:block; padding:0; font-size:0.18rem; color:#fff; text-align:center;line-height:0.7rem;}
.nav ul li a:hover{ text-decoration:underline}
.nav ul li a.back-btn{ font-size:0.16rem; margin:0.1rem 0; padding:0 0.3rem;border-radius:0.25rem; line-height:0.5rem; float:right; background-color:#ba0000 }
@media (max-width: 767px) {
	.header{ height:2.1rem}
	.header img{ left:0.2rem;top:0.2rem; width:1rem}
	.nav ul li a{ font-size:0.13rem}
	.nav ul li:last-child{ display:none}
}

#footer{  background:url(../../images/szqh/footer-bg.png) no-repeat center center; background-size:auto 100%; padding:1.5rem 0 0.4rem; color:#fff;line-height:2;text-align:center; position:relative; z-index:100;}
.page-footer{ background-color:#ebf0f5;}
@media (max-width: 767px) {
	#footer{ padding:1.2rem 0 0.4rem; line-height:1.5}
	#footer span{ display:none}
	.page-footer{ background-color:#fff !important;}
}

.index{ margin-top:0.4rem}
/*---------首页新闻---------------*/
.index-col{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox; display: flex;}
.index-slider{ width:50%; padding-right:0.15rem; }
.index-slider .txt{ background-color:rgba(0,0,0,0.5); position:absolute; width:100%; left:0;bottom:0; z-index:3; padding:0.2rem;}
.index-slider .txt strong{ display:block; font-weight:normal; padding-right:1rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#fff} 
.index-slider .full {position: absolute;}
.index-slider .image{ height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center}
.index-slider .swiper-pagination{ text-align:right; padding-right:0.2rem; bottom:0.2rem}
.index-slider .swiper-pagination-bullet{ width:0.13rem; height:0.13rem; background:url(../../images/szqh/slide_off.png) no-repeat center center; background-size:cover;opacity:1;}
.index-slider .swiper-pagination-bullet-active{ background-image:url(../../images/szqh/slide_on.png)}
.index-slider .swiper-container{ height:100%}
.index-slider .swiper-button-prev{ background-color:rgba(0,0,0,0.5); width:40px; height:80px; background-size:18px 29px; left:-10px; margin-top:-40px;-webkit-transition: all .3s;transition: all .3s;opacity:0;}
.index-slider .swiper-button-next{ background-color:rgba(0,0,0,0.5); width:40px; height:80px; background-size:18px 29px; right:-10px; margin-top:-40px;-webkit-transition: all .3s;transition: all .3s;opacity:0;}
.index-slider .swiper-button-prev:hover{ background-color:#009ee3;}
.index-slider .swiper-button-next:hover{ background-color:#009ee3;}
.index-slider:hover .swiper-button-prev{opacity:1; left:0;}
.index-slider:hover .swiper-button-next{opacity:1; right:0}
.index-item-b { width:50%; float:right;position:relative;padding-left:0.15rem;}
.index-item-b h2{height:0.5rem;text-indent:-10000px; background:url(../../images/szqh/t1.png?ss) no-repeat left center; background-size:auto 100%}
.index-item-b .list{ margin-top:0.2rem; }
.index-item-b .list dl{ background:url(../../images/szqh/li.png) no-repeat 0 0.1rem; padding-left:0.15rem;margin-bottom:0.2rem}
.index-item-b .list dl strong{display:block;font-size:0.2rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.index-item-b .list dl strong a{color:#ee0000}
.index-item-b .list dl strong a:hover{text-decoration:underline}
.index-item-b .list dl p{color:#888;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-top:0.1rem}
.index-item-b .list li{ padding:0.05rem 0;position:relative}
.index-item-b .list li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:url(../../images/szqh/li.png) no-repeat 0 center; padding-left:0.15rem;}
.index-item-b .list li span{ font-size:0.14rem; color:#999; position:absolute; right:0;top:0.1rem;}
.index-item-b a.more{ position:absolute; right:0rem;top:0.15rem; color:#888; display:block;}



@media (max-width:767px){
	.index-col{ display:block}
	.index-slider{ width:100%; padding:0; float:none;height:30vh}
	.index-item-b{width:100%;padding:0;float:none;margin-top:0.3rem}
}

.index-item-c {position:relative;margin-top:0.4rem;  background-color: #db2a10; background-image: -webkit-linear-gradient(-50deg, #c51213 0%, #db2a10 46%, #f13200 100%);padding:0.08rem 0.15rem 0.15rem}
.index-item-c h2{height:0.45rem;text-indent:-10000px; background:url(../../images/szqh/t5.png?ss) no-repeat left center; background-size:auto 100%}
.index-item-c .list{ min-height:2.5rem;background-color:#fff;margin-top:0.1rem;padding:0.2rem }
.index-item-c .list li{ padding:0.05rem 0;position:relative;padding-right:0.6rem}
.index-item-c .list li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:url(../../images/szqh/li.png) no-repeat 0 center; padding-left:0.15rem;}
.index-item-c .list li span{ font-size:0.14rem; color:#999; position:absolute; right:0;top:0.1rem;}
.index-item-c a.more{ position:absolute; right:0rem;top:0.25rem; color:#fff; display:block;}


.index-item-d {position:relative;margin-top:0.4rem;  background-color: #db2a10; background-image: -webkit-linear-gradient(-50deg, #c51213 0%, #db2a10 46%, #f13200 100%);padding:0.08rem 0.15rem 0.15rem}
.index-item-d h2{height:0.45rem;text-indent:-10000px; background:url(../../images/szqh/t2.png?ss) no-repeat left center; background-size:auto 100%}
.index-item-d .list{min-height:2.5rem; background-color:#fff;margin-top:0.1rem;padding:0.2rem }
.index-item-d .list li{ padding:0.05rem 0;position:relative;padding-right:0.6rem}
.index-item-d .list li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:url(../../images/szqh/li.png) no-repeat 0 center; padding-left:0.15rem;}
.index-item-d .list li span{ font-size:0.14rem; color:#999; position:absolute; right:0;top:0.1rem;}
.index-item-d a.more{ position:absolute; right:0rem;top:0.25rem; color:#fff; display:block;}

@media (max-width:767px){
	.index-item-c {margin-top:0.3rem;}
	.index-item-d {margin-top:0.2rem;}
}


.index-item-e {margin-top:0.4rem; }
.index-item-e a{display:block;width:24%;float:left;margin-left:1.3%}
.index-item-e a:first-child{margin-left:0}
.index-item-e img{width:100%}

@media (max-width:767px){
	.index-item-e a{width:48%;float:left;margin-left:4%;margin-bottom:0.15rem}
	.index-item-e a:nth-child(3){margin-left:0}
}


.index-bg{background-color:#fff;margin-top:0.4rem}

.index-item-f {position:relative; background-color: #fff;padding:0.35rem;width:50%;float:left;border-right:1px #eee solid}
.index-item-f h2{height:0.51rem;text-indent:-10000px; background:url(../../images/szqh/t3.jpg?ss) no-repeat left center; background-size:auto 100%}
.index-item-f .list{ background-color:#fff;margin-top:0.1rem;}
.index-item-f .list li{ padding:0.05rem 0;position:relative;padding-right:0.6rem}
.index-item-f .list li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:url(../../images/szqh/li.png) no-repeat 0 center; padding-left:0.15rem;}
.index-item-f .list li span{ font-size:0.14rem; color:#999; position:absolute; right:0;top:0.1rem;}
.index-item-f a.more{ position:absolute; right:0.1rem;top:0.4rem; display:block;}

.index-item-g {position:relative; background-color: #fff;padding:0.35rem;width:50%;float:left;border-left:1px #eee solid}
.index-item-g h2{height:0.51rem;text-indent:-10000px; background:url(../../images/szqh/t4.jpg?ss) no-repeat left center; background-size:auto 100%}
.index-item-g .list{ background-color:#fff;margin-top:0.1rem;}
.index-item-g .swiper-container{height:3.2rem;}
.index-item-g .list .swiper-slide{ padding:0.05rem 0;position:relative;padding-right:0.6rem}
.index-item-g .list .swiper-slide a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:url(../../images/szqh/li.png) no-repeat 0 center; padding-left:0.15rem;}
.index-item-g .list .swiper-slide span{ font-size:0.14rem; color:#999; position:absolute; right:0;top:0.1rem;}
.index-item-g a.more{ position:absolute; right:0.1rem;top:0.4rem; display:block;}



@media (max-width:767px){
	.index-bg{margin-top:0.3rem}
	.index-item-f{width:100%;border:0}
	.index-item-g{width:100%;border:0;border-top:2px #eee solid}
}

.index-item-h{background-color:#fff;padding:0.5rem 0.3rem;border-top:2px #eee solid}

.index-item-h .pic-slider{ overflow:hidden; position:relative;   }
.index-item-h .hd{ }
.index-item-h .hd .prev,.index-item-h .hd .next{ display:block;transition: all 0.3s ease;color:#009ee3;-webkit-transition: all 0.3s ease;background-color:#eee;width:0.5rem; height:1.8rem;border-radius:0.05rem; position:absolute;top:0;left:0; z-index:2;cursor:pointer;text-align:center }
.index-item-h .hd .prev i,.index-item-h .hd .next i{line-height:1.8rem;font-size:0.3rem;}
.index-item-h .hd .prev:hover,.index-item-h .hd .next:hover{ background-color:#009ee3;color:#fff}
.index-item-h .hd .next{left:auto;right:0 }
.index-item-h .hd .prevStop{background-color:#ddd}
.index-item-h .hd .nextStop{background-color:#ddd}
.index-item-h .tempWrap{ width:100% !important}
.index-item-h .bd{margin:0 0.7rem;}
.index-item-h .bd ul{ overflow:hidden; zoom:1; }
.index-item-h .bd ul li{ margin:0 0.1rem; float:left; _display:inline; overflow:hidden; text-align:center;  }
.index-item-h .image img{width:200px}
.index-item-h .txt{text-align:center;margin-top:0.1rem;width:200px; line-height:1.4}

@media (max-width:767px){
	.index-item-h{padding:0.35rem;}
	.index-item-h .hd .prev,.index-item-h .hd .next{display:none}
	.index-item-h .bd{margin:0 0;}
}

.index-item-g .swiper-wrapper{
	transition-timing-function: linear;
}

.index-item-h .swiper-wrapper{
	transition-timing-function: linear;
}

@media screen and (max-width: 768px){
	.LGallery {
		top: 0px!important;
	}
}


.video-play{ position:fixed; left:0;top:0; z-index:99999; width:100%; height:100%; display:none}
.video-play .mask{ position:absolute; left:0;top:0; width:100%; height:100%;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; z-index:1 }
.video-play .box{ width:900px; height:600px; position:absolute; left:50%; margin-left:-450px;top:50%; margin-top:-300px; z-index:3; }
.video-play .close-btn{ background:url(../../images/szqh/close2.gif) no-repeat center center; display:block; text-indent:-10000px; width:50px; height:50px; position:absolute; left:50%; margin-left:390px;top:50%; margin-top:-275px; z-index:4;-webkit-transition: -webkit-transform 1s;}
.video-play .close-btn:hover{-webkit-transform:rotate(180deg); }
#con_video_div{ background:#000}
.jw-skin-seven .jw-slider-horizontal .jw-slider-container{top:7px}

@media (max-width: 1200px) {
	.video-play .box{ width:100%; height:300px; left:0; margin-left:0;top:50%; margin-top:-150px;}
	.video-play .close-btn{ left:auto; margin-left:0;right:20px;top:20px; margin-top:0}
	#con_video_div{ width:100% !important;height:300px !important}
}


a.more{display:block;width:75px;height:45px;position:absolute;right:0;top:-5px}

.page{ background-color:#ebf0f5}
.page .box{ padding:0.4rem; background-color:#fff;box-shadow: 0 16px 48px rgba(32,41,50,.05);}

@media (max-width: 767px) {
.page .container{ padding:0;}
.page .box{ padding:0.3rem}
}

.location{position:relative; height:0.6rem; line-height:0.6rem;  margin:0 auto; overflow:hidden; font-size:0.15rem;  color:#888; }
.location .container{ border-bottom:1px #ddd solid !important}
.location a{ color:#999;}
.location a:hover{ text-decoration:underline}
.location a:last-child{ color:#009ee3}

@media (max-width: 767px) {
.location{ padding-left:0.3rem}
}

#pages{ text-align:center; padding:0.3rem 0 0.3rem;font-family:"FjallaOne-Regular"; font-size:0.2rem}
#pages a{ display:inline-block; padding:0.1rem 0.18rem; background-color:#fff; color:#888; margin:0 0.03rem;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s; border:1px #ddd solid; border-radius:3px}
#pages a:hover{ background-color:#009ee3; border-color:#009ee3; color:#fff}
#pages a.active{ background-color:#009ee3;border-color:#009ee3; color:#fff}
#pages span{display:inline-block; padding:0.1rem 0.18rem; color:#888; position:relative;}




a.more-btn{  width:2rem; height: 0.6rem; background-color:#009ee3; border-radius:0.05rem; overflow:hidden;  display: block; line-height: 0.6rem; text-align: center; position: relative; z-index: 1; margin:0.3rem auto 0;transition: all 0.5s;}
a.more-btn:before{ content:""; width:100%; height:100%; background-color:#fff; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
a.more-btn i{ margin-left:0.1rem;}
a.more-btn span{ padding-right:0.3rem;position: relative; font-size:0.16rem; color:#fff}
a.more-btn span i{position: absolute; right: 0; top: 50%; margin-top:-0.08rem; transition: .42s cubic-bezier(.4,0,.2,1); }
a.more-btn:hover{box-shadow: 0px 0px 0.2rem 0 rgba(0, 0, 0, 0.15);}
a.more-btn:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
a.more-btn:hover span{ color: #555;}
a.more-btn:hover span i{ background-position: right center;}


.news-list{}
.news-list .top-news{}
.news-list .top-news .image img{ display:block; width:100%}
.news-list .top-news .text{ padding:0.15rem}
.news-list .top-news .text em{ display:block; color:#aaa;   font-size:0.18rem;}
.news-list .top-news .text strong{ display:block; font-size:0.2rem; margin-top:0.2rem;}
.news-list .top-news .text p{ margin-top:0.1rem; font-size:0.16rem; line-height:1.7; color:#777;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news-list .top-news .text a.more-btn{ margin:0.3rem 0 0; border:1px #eee solid; background-color:#fff; color:#999;box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.1); font-size:0.16rem}
.news-list .top-news .text a.more-btn:hover{ color:#fff}
.news-list .top-news .text a.more-btn:before{ background-color:#06b}
.news-list .list{ padding:0.3rem 0 0; }
.news-list .list li{ padding:0.12rem 0; border-bottom:1px #cfe2ea solid; font-size:0.16rem; line-height:0.4rem}
.news-list .list li .date{ position:relative; color:#aaa;}
.news-list .list li .date:before {content:"";display:block;width: 1px;height: 70%; background-color:#a9cbd9; position:absolute; right:0; top:15% }
.news-list .list li .icon{ clear:both}
.news-list .list li .icon a{ display:block; width:0.4rem; height:0.4rem; background:url(../../images/szqh/icon-more.png) no-repeat center center; background-size:cover; float:right }
.news-list .list li .title{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-list .list li .title a{}
.news-list .list li .title a:hover{ text-decoration:underline}

@media (max-width: 767px) {
	.news-list .top-news{}
	.news-list .top-news .text{ padding:0.15rem 0}
	.news-list .top-news .text p{ line-height:1.5; height:0.45rem; overflow:hidden}
	.news-list .top-news .text a.more-btn{ display:none}
	.news-list .list li{ font-size:0.18rem; line-height:1.5}
	.news-list .list li .date:before{ display:none}
	.news-list .list li .date{ padding-bottom:0.1rem}
	.news-list .list .col-md-2:last-child{ display:none}
}


p.none{ padding:10vh  0;text-align:center; color:#aaa; font-size:0.18rem}
p.none i{ display:block; font-size:1rem; margin-bottom:0.1rem}




.news-view{ }
.news-info .text{}
.news-info .title{ color:#333; text-align:center; padding-bottom:0.3rem}
.news-info .title h1{font-size:0.28rem;line-height:1.5}
.news-info .title p{  color:#888;font-size:0.18rem;  color:#e3612f; padding-bottom:0.1rem;}
.news-info .info{color:#bbb; position:relative; padding-bottom:0.2rem;font-size:0.14rem; border-bottom:1px #e8e8e8 solid}
.news-info .info span.source{background: url(../../images/szqh/new_i3.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 0.15rem;}
.news-info .info span.date{background: url(../../images/szqh/new_i1.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 0.15rem;}
.news-info .info span.hits{background: url(../../images/szqh/new_i2.png) no-repeat scroll left center;padding: 2px 0px 2px 28px;}
.news-info .info em{ display:none}
.news-info .info .share{ position:absolute; right:0;top:0px;}

.news-view .content{ line-height:1.8; font-size:0.16rem; margin:0.3rem 0px; overflow:hidden}
.news-view .content p{ margin-bottom:0.15rem;}
.news-view .content p img{ margin-bottom:0.1rem}
.news-view .content img{ max-width:800px;_width:800px}

.news-view table{display:table;border-collapse:separate;border-spacing:0px;border-color:#666;max-width:100%;margin:0 auto}
.news-view table td{border:1px #666 solid !important;}

.news-view .other{ border-top:1px #eee solid; padding-top:0.2rem;font-size:0.16rem;color:#777;}
.news-view .other{ color:#777; }
.news-view .other p{  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-bottom:0.1rem; }
.news-view .other p a{ margin-left:3px;}
.news-view .download{ border-top:1px #e8e8e8 solid; padding:0.3rem 0; margin-top:0.3rem; }
.news-view .download h2{ font-size:0.18rem; margin-bottom:0.2rem;}
.news-view .download p{ padding:5px 0px;font-size:0.16rem }
.news-view .download p a{color:#009ee3;}
.news-view .download p i{ font-size:0.2rem; margin-right:0.05rem; color:#aaa}
.news-view .download p a:hover{ text-decoration:underline}

.news-view .slider-wrapper{  position:relative; margin:30px auto 0px; }
.news-view .swiper-container{overflow:hidden;}
.news-view .swiper-slide{ text-align:center;}
.news-view .swiper-slide img{max-width:800px; height:450px;}
.news-view .swiper-slide .title{ margin-top:15px; font-size:0.14rem}
.news-view .swiper-pagination{position: absolute; z-index: 20; bottom:60px; width: 100%; text-align: center;}

.news-view .news-video-con{width:720px;margin:50px auto}
.news-view .news-video-con p{ text-align:center;margin-top:15px;}

@media (max-width: 767px) {
	.news-view{box-shadow:none; padding:0;z-index:1;}
	.news-view .container{padding:0}
	.news-view .box{ padding-top:0.3rem}
	.news-info .title{ padding-bottom:0.15rem}
	.news-info .title p{font-size:0.24rem;font-weight:700}
	.news-info .title h1{line-height:1.4; padding:0;font-size:0.26rem; text-align:left}
	.news-info .info{ border-bottom:0;text-align:left; background:none; font-size:0.18rem; padding-bottom:0 }
	.news-info .info span{ background:none !important; padding-left:0!important}
	.news-info .info span.source{ color:#009ee3}
	.news-info .info em{}
	.news-info .info .hits{ display:none }
	.news-view .content{ line-height:1.6;font-size:0.2rem;}
	.news-view .content img{ max-width:100%}
	.news-view .other{ font-size:0.18rem}
	.news-view .download p{font-size:0.18rem }
	.news-view .swiper-button-next{ display:none !important}
	.news-view .swiper-button-prev{ display:none !important}
	.share{ display:none}
	.news-view .swiper-slide img{width:100%;height:auto}
	.news-view .news-video-con{width:100%;margin:20px auto}
}
