@charset "utf-8";

html,body { margin:0; padding:0; width:100%; overflow-x:hidden;}
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:#000;text-decoration:none;}
a:hover{ text-decoration:none; color:#cd2d1b}
*:focus {outline:none !important;text-decoration:none !important}

html{display:block;-webkit-text-size-adjust: none;}
body{background:#fff;color:#111;font-size:0.18rem; font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif;  }

@media (min-width: 1600px){
	body{font-size: 18px;}
}
@media (max-width:992px){
	body{font-size: 0.18rem;background-color:#fff}
}

@font-face {
  font-family: 'iconfont';  
  src: url('//at.alicdn.com/t/font_2495631_fypbuikjwo.woff2?t=1649846488122') format('woff2'),
       url('//at.alicdn.com/t/font_2495631_fypbuikjwo.woff?t=1649846488122') format('woff'),
       url('//at.alicdn.com/t/font_2495631_fypbuikjwo.ttf?t=1649846488122') format('truetype');
}
.iconfont{font-family:"iconfont" !important; font-size:0.16rem;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:100%}

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;}}


h2, .h2 {font-size: 0.36rem;}
h3, .h3 {font-size: 0.26rem;}



@-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: 1199px) {
	.container {width:90%}
}

@media (max-width: 767px) {
	.container {padding: 0;width:100%}
	.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}
}


.weui-cell{width:100%; height:100%; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}

.header{height:5.5rem;background:url(../images/qgfx-header.jpg) no-repeat center bottom; background-size:cover;position:relative;  }
.header .logo{position:absolute;left:0.3rem;top:0.3rem}

@media (max-width: 992px) {
	.header{height:2.3rem}
	.header .logo{display:none}
}

#footer{  background:url(../images/qgfx-footer.jpg) no-repeat right center;padding:0.4rem 0;color:#fff;line-height:2;text-align:center; position:relative;background-size:100% 100%; z-index:100;margin-top:0.6rem}
@media (max-width: 992px) {
	#footer{ padding:0.4rem 0; line-height:1.5;margin-top:0.3rem}
	#footer span{ display:none}
}



.index-item-a{background:url(../images/qgfx-bg1.jpg) no-repeat center center;background-size:cover;padding:0.5rem 0}
.index-item-a .bg{position:relative;}
.index-item-a .text{position:relative}
.index-item-a .text strong{display:block;text-align:center;font-size:0.28rem;line-height:1.4;color:#fff}
.index-item-a .text strong em{display:inline-block;font-size:0.14rem;line-height:0.28rem;margin-right:0.1rem;background-color:#f7943b;color:#fff;padding:0 0.1rem;position:relative;top:-3px}
.index-item-a .text strong a{}
.index-item-a .text strong a:hover{text-decoration:underline}
.index-item-a .text p{margin:0.2rem 0;font-size:0.16rem;line-height:1.8; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;color:rgba(255,255,255,0.8)}
.index-item-a .text span{float:right;text-decoration:underline;color:#fff;display:block;}

@media (max-width: 992px) {
	.index-item-a{padding:0.3rem;}
	.index-item-a h2{background-image:url(../../images/half2022-t1-phone.png);background-position:center center;background-size:cover;height:0.7rem;}
	.index-item-a .bg{padding:0;background-color:#ecf5fa}
	.index-item-a .image{position:relative;width:100%;height:2.8rem;width:100%;float:none;box-shadow:none;}
	.index-item-a .text{padding:0.2rem;margin-top:0.1rem;width:100%;float:none}
	.index-item-a .text:before{left:0.2rem;opacity:0.3;display:none}
	.index-item-a .text:after{right:0.2rem;bottom:-0.4rem;opacity:0.3;display:none}
	.index-item-a .text strong{font-size:0.22rem;color:#3038a6}
	.index-item-a .text strong a{}
	.index-item-a .text p{font-size:0.22rem;-webkit-line-clamp: 4;color:#444;line-height:1.8}
}

.index-item-b{margin-top:0.6rem;}
.index-item-b h2{ height:0.43rem;border-bottom:1px #d74339 solid;position:relative;margin-bottom:0.3rem}
.index-item-b h2 strong{display:block;float:left;height:0.43rem;border-right:8px #fff solid;border-bottom:4px #d74339 solid;font-size:0.26rem}
.index-item-b h2 span{color:#d74339}
.index-item-b h2 a{font-size:0.15rem;position:absolute;right:0;top:0.1rem;display:inline-block;}

.index-item-b ul{ }
.index-item-b ul li{ padding:0.07rem 0; position:relative}
.index-item-b ul li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:url(../images/qgfx-li.jpg) no-repeat 0 center; padding-left:0.15rem; }
.index-item-b ul li span{ font-size:0.15rem; color:#999; position:absolute; right:0;top:0.1rem;display:none}



@media (max-width:992px){
	.index-item-b{margin-top:0;padding:0 0.2rem}
	.index-item-b .item{margin-top:0.3rem}
}


.index-item-c{ margin-top:0.6rem;padding-top:0.6rem;background:url(../images/qgfx-bg2.jpg) repeat-x}
.index-item-c h2{height:1.14rem;background:url(../images/qgfx-t3.png) no-repeat center center;background-size:cover;position:relative;margin-bottom:0.3rem}
.index-item-c h2 span{display:none}
.index-item-c h2 a{display:inline-block;position:absolute;right:0;top:0.35rem;line-height:0.3rem;padding:0 0.2rem;background-color:#fff;border:1px #d74339 solid;font-size:0.14rem;}
.index-item-c .list {margin-top:0.4rem}
.index-item-c .list .item{ padding:0.08rem 0; padding-right:1rem; position:relative}
.index-item-c .list .item a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:url(../images/qgfx-li.jpg) no-repeat 0 center; padding-left:0.15rem;}
.index-item-c .list .item span{ font-size:0.15rem; color:#999; position:absolute; right:0;top:0.1rem;}

#certify {position:relative;width:100%;margin:0 auto;background-color:#d71e1e;padding:0.4rem 0.5rem}
#certify .swiper-container {padding-bottom:0.3rem;}
#certify .swiper-slide {width:500px;height:360px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,0.3);}
#certify .swiper-slide img {display:block;width:100%}
#certify .swiper-slide p {line-height:60px;padding:0 0.3rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align:center;color:#636363;font-size:0.18rem;margin:0;}
#certify .swiper-pagination {width:100%;bottom:0.1rem;display:none}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border:3px solid #00aadc;background-color:#fff;}
#certify .swiper-button-prev {left:20px;width:45px;height:45px;background:url(../images/arrow-left.png) no-repeat;background-position:0 0;background-size:100%;}
#certify .swiper-button-prev:hover {background-size:100%}
#certify .swiper-button-next {right:20px;width:45px;height:45px;background:url(../images/arrow-right.png) no-repeat;background-position:0 0;background-size:100%;}
#certify .swiper-button-next:hover {background-size:100%}
@media (max-width:767px){
	#certify{box-shadow:0;}
	#certify .swiper-slide{box-shadow:none;width:100%;height:auto}
	#certify .swiper-slide p{background:url(../../images/xjsj2017/mask.png) no-repeat;line-height:50px;background-size:100% 100%;color:#fff;position:absolute;left:0;bottom:0;width:100%}
	#certify .swiper-button-prev,#certify .swiper-button-next{display:none}
	#certify .swiper-slide p{font-size:0.22rem}
	#certify .swiper-pagination{}
	#certify .swiper-container {padding-bottom:0;}
}


@media (max-width:993px){
	.index-item-c{margin-top:0.4rem;padding:0.3rem}
	.index-item-c .list{margin-top:0.3rem}
}


.box{ padding:0.4rem;border:1px rgba(0,0,0,0.1) solid; min-height:50vh;background-color:#fff;box-shadow: 15px 15px 0px 0px rgba(0,0,0,0.03);position:relative;}

@media (max-width: 767px) {
	.page-container{ padding:0;}
	.box{ padding:0.3rem;border:0;margin-top:0;box-shadow:none}
}

.location{position:relative;display:none;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:#888;}
.location a:hover{ text-decoration:underline}
.location a:last-child{ color:#cd2d1b}

@media (max-width: 767px) {
.location{ padding-left:0.3rem}
}

.guestbook-box{padding:0 0.5rem }
.guestbook-box .form-control{}
.guestbook-box .form-group{ margin-bottom:0.2rem; position:relative}
.guestbook-box .image{ text-align:center}
.guestbook-box .image img{ max-width:100%}
.guestbook-box .btn{ padding:0.1rem 0.4rem; font-size:0.16rem; background-color:#1a98f0; color:#fff}
.guestbook-box .codeinput{ width:50%; }
.guestbook-box .form-group img{ position:absolute; left:51%;top:0.3rem}
@media (max-width: 767px) {	
.guestbook-box{padding:0}
	.guestbook-box .image{ display:none}
}


#pages{ text-align:center; padding:0.3rem 0 0.3rem; }
#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;}

#pages label{font-weight:normal}

@media (max-width: 767px) {
#pages label{display:none}
}


.news-list{ }
.news-list .list{  }
.news-list .list li{ border-bottom:1px #eee solid;margin-bottom:0.3rem;padding-bottom:0.3rem;}
.news-list .list li a{ display:block;display: -ms-flex;display: -webkit-flex;display: flex; position:relative; overflow:hidden;transition: all 0.5s; -webkit-transition: all 0.5s; }
.news-list .list li .image{ min-width:1.8rem;background-size:cover;background-position:center center;position:relative;overflow:hidden}
.news-list .list li .date{ min-width:1.3rem; font-family:"Montserrat-Regular";letter-spacing:-0.01rem; font-size:0.2rem; color:#f39800; line-height:0.3rem}
.news-list .list li .text{padding-right:0.3rem}
.news-list .list li .text strong{ font-size:0.22rem; font-weight:normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news-list .list li .text p{margin-top:0.15rem; font-size:0.13rem; line-height:1.6; color:#aaa;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical;}
.news-list .list li .text span{display:none}
.news-list .list li .more{display:none; position:absolute; top:0; width:100%;right:-100%; height:100%; background-color:#06b; color:#fff; text-align:center; box-shadow: -100px 0 142px #f2f6f7; opacity: 0;transition: all 0.3s; -webkit-transition: all 0.3s;}
.news-list .list li .more i{ font-size:0.3rem; position:absolute; top:50%; margin-top:-0.25rem; left:50%; margin-left:-0.15rem}
.news-list .list li .more span{position:absolute; top:50%; margin-top:0.1rem; left:0;text-align:center;width:100%; font-size:0.14rem }
.news-list .list li a:hover .more{ right:0;opacity: 1; width:100%;}

@media (max-width: 767px) {
	.news-list{ padding:0;min-height:60vh}
	.news-list .list{}
	.news-list .list li{ font-size:0.22rem;line-height:1.6;margin-bottom:0.2rem;padding-bottom:0.2rem;}
	.news-list .list li a{}
	.news-list .list li .date{display:none}
	.news-list .list li .text{min-width:65%;padding:0.2rem 0}
	.news-list .list li .text p{ display:none}
	.news-list .list li .text strong{ font-size:0.22rem}
	.news-list .list li .text span{display:block;font-size:0.12rem;color:#888;margin-top:0.1rem}
	.news-list .list li .image{}
}



p.none{ padding:0.3rem  0;text-align:center; color:#aaa; font-size:0.22rem}
p.none i{ display:block; font-size:1rem; margin-bottom:0.1rem}


.video-list{}
.video-list .item{margin-bottom:0.3rem;padding:4px;border:1px #ddd solid;    box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 10%); }
.video-list .item img{width:100%;height:1.5rem;}
.video-list .item .image{width:100%;background-size:cover;overflow:hidden; position:relative;cursor:pointer}
.video-list .item .image:after { content: ",,"; display: block; width:100%;height:100%;position:absolute; left:0;top:0; text-indent:-10000px; background-color:#000;filter: alpha(opacity=0); opacity: 0;-webkit-transition-duration: 0.5s;}
.video-list .item .image img.pic{display:block;width:100%;transform:scale(1.1);-webkit-transform:scale(1.1);-webkit-transition-duration: 2s;}
.video-list .item .LGallery-OpenBtn{display:none !important}
.video-list .item a{ display: block;background-color:#fff; -webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s }
.video-list .item i{ display:block; position:absolute; font-size:0.5rem; width:0.5rem;height:0.5rem; left:50%; margin-left:-0.25rem;top:50%; margin-top:-0.25rem;color:#fff; }
.video-list .item .title{ text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0.15rem;}


@media (max-width: 767px) {
	.video-list{}
	.video-list .item{margin-bottom:0.2rem;}
	.video-list .item img{height:1.4rem}
	.video-list .item .title{ font-size:0.18rem}
}


.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.25rem; 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}
}