@charset "utf-8";
/* CSS Document */
* { touch-action: pan-y; }
.off_canvars_overlay {width: 100%;height: 100%;position: fixed;z-index: 999;opacity: 0;visibility: hidden;cursor: crosshair;background: #232323;top: 0;}
.off_canvars_overlay.active {opacity: 0.5;visibility: visible;}
.offcanvas_menu {display: none;}
.offcanvas_menu_wrapper {
  width: 290px;
  position: fixed;
  background: #fff;
  z-index: 999;
  top: 0;
  height: 100vh;
  transition: .5s;
  left: 0;
  margin-left: -300px;
  padding: 100px 15px 30px;
  overflow-y: auto;
}
.offcanvas_menu_wrapper.active {
  margin-left: 0;
}
.offcanvas_menu_wrapper .slinky-theme-default {
  background: inherit;
  min-height: 300px;
  overflow-y: auto;
}
.offcanvas_menu_wrapper .header_search_box {
  display: block;
}

.leftpad{padding-right:25px}
.rightpad{padding-left:25px}
.motop{margin-top:1.5vw}
.boxmod{padding:2.5vw 0 2vw 0}
.boxmod1{padding:1.5vw 0 2vw 0}
.back{width:100%; background: url("../img/back.png") no-repeat center center; background-size: cover}
.back1{width:100%; background: url("../img/back1.png") no-repeat center center; background-size: cover}
.back2{width:100%; background: url("../img/backs.jpg") no-repeat center center; background-size: cover}
.back3{width:100%; background: url("../img/backs1.jpg") no-repeat center center; background-size: cover}
.title{border-bottom:1px solid #ddd; display: flex; justify-content: space-between}

.footer{ background:#dfdfdf;padding:10px 0 50px; margin-top: 40px}
.botbor{border-bottom:1px solid #cccccc;padding-bottom: 10px}
.yqlj{width:100%; display: block}
.yqlj img{width:100%; height: auto; display: block}
.xglink{ margin-top:10px}

.title h2 {
  font-size: 24px;
  font-weight: 600;
  display: inline-block;
  margin-bottom:0.5vw;
  text-transform: uppercase;
  padding-right: 10px;
  z-index: 9;
  position: relative;

}
.title span{font-size:18px;color:#999; margin-top: 10px}
.title a{color:#999; margin-top: 0.2vw}

.picnews{ margin-top:1vw; position: relative}
.picnews a{width:100%; height: 100%}

.btnews{ margin-top: 1vw; padding-bottom:1.2vw; margin-bottom: 1vw; border-bottom:1px dashed #ddd}
.btnews h6{font-size:18px; margin-bottom:0.8vw;font-weight: bold}
.btnews p{color:#999; height: 44px;overflow: hidden;}
.btnews span{font-size:18px}
a.primary_img{width:375px; height: 190px;overflow: hidden}

ul.newslist { }
ul.newslist li { width: 100%; display: flex; justify-content: space-between; font-size: 14px; line-height: 40px; font-family: microsoft yahei; }
ul.newslist li i.dian { margin-right: 5px }
ul.newslist li a { width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
ul.newslist li span { width: 20%; text-align: right; color: #999; font-size: 12px; }

ul.mode { margin-top: 1vw; font-family: microsoft yahei; }
ul.mode li { width: 100%; display: block; overflow:hidden; margin-bottom: 20px; padding:10px; }
ul.mode li div.lefttime {width: 80px; background: #fff; border-radius: 5px;  text-align: center; display: inline-block; line-height: 22px; box-shadow: 0 0 5px 1px #ddd; float:left; }
ul.mode li div.lefttime i { width: 100%; text-align: center; color: #c00; display: block; font-style: normal; padding-top: 5px; font-size: 16px; font-weight: bold }
ul.mode li div.lefttime em { width: 100%; text-align: center; color: #c00; display: block; font-style: normal; padding-top: 5px }
ul.mode li div.lefttime span { width: 100%; text-align: center; color: #999; padding-bottom: 5px }


ul.mode li div.tesx { width:400px; display:block; overflow:hidden; margin-left: 14px; font-size: 14px; float:left; }
ul.mode li div.tesx strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; width: 100%; display: block }
ul.mode li div.tesx span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; font-size: 12px; width:  100% }
@media only screen and (max-width: 767px) {ul.mode li div.tesx { width:70%; display:block; overflow:hidden; margin-left: 14px; font-size: 14px; float:left; }}

ul.mode li div.righttm { background: #fff; border-radius: 5px; width: 80px; text-align: center; display: inline-block; line-height: 22px; box-shadow: 0 0 5px 1px #ddd; float:left; }
ul.mode li div.righttm em { width: 100%; text-align: center; color: #fff; display: block; font-style: normal; background: #0d47bb; padding: 2.5px 0; border-radius: 5px 5px 0 0; font-size: 16px }
ul.mode li div.righttm span { width: 100%; text-align: center; color: #999; padding-bottom: 5px }

ul.mode li div.zhaos { background: #c00; border-radius: 5px; width: 80px; text-align: center; display: inline-block; line-height: 22px; box-shadow: 0 0 5px 1px #ddd; float:left; }
ul.mode li div.zhaos em { width: 100%; text-align: center; color: #fff; display: block; font-style: normal; padding: 2.5px 0; font-size: 16px }
ul.mode li div.zhaos span { width: 100%; text-align: center; color: #ddd; padding-bottom: 5px }

.owl-carousel{position:relative;}
.owl-theme .owl-controls .owl-page span {display: block;margin-top: 20px;margin-left: 10px;margin-right: 10px;width: 6px;height: 6px;background-color: #555;opacity: 1;}
.owl-theme .owl-controls .owl-page.active span {background: none;}
.owl-theme .owl-controls .owl-page.active span:before {content: '';display: inline-block;width: 12px;height: 12px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;position: relative;border: solid 2px #555;top: -2px;left: -2px;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top:20px;}

.owl-dots button{border:none;outline:none;padding:0;}
.owl-theme .owl-dots .owl-dot span{width:8px;height:8px;display:none;}

.text-light .owl-theme .owl-controls .owl-page span {background-color: #fff;}
.text-light .owl-theme .owl-controls .owl-page.active span {background: none;}
.text-light .owl-theme .owl-controls .owl-page.active span:before {border: solid 2px #fff;}
.post-image img {width: 100%;margin-bottom: 0px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;	}
.post-image{position:relative; height: 190px;overflow: hidden}
.post-image .post-info{position:absolute;bottom:0;padding:0;border:none;width:100%;}
.post-image .post-info .inner{margin:0 30px 0 30px;padding:3px 20px;border-radius:5px 5px 0 0;}
.post-image .post-date, .post-image .post-author{color:#ffffff;}
.post-info{border-top:solid 1px #eeeeee;padding-top:15px;}
.post-text{padding:0;}
.post-text h3{margin-top:0; overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.post-text h3 a{color:#1A1C26;text-decoration:none;font-size:18px;}
.post-text p{margin-top: 0;color:#999; height: 72px;overflow: hidden}
.post-text .tags{font-size:10px;text-transform:uppercase;}

.owl-dots{text-align:center;margin-top:20px;}
.owl-dot{background:#ccc;border:none;margin:5px;width:6px;height:6px;padding:0;border-radius:60px;-moz-border-radius:60px;-webkit-border-radius:60px;display:inline-block}
.owl-dot.active{background:#1A1C26;}
.erwm{margin-top:40px}
.fottex{margin-top: 20px; line-height: 30px}
.fottex p{padding:0; margin: 0;color:#999; }
.ermor img{text-align:center; display: block; margin:0 auto } 
.ermor p{text-align:center; line-height: 24px}
.picbaner {width:100%; position: relative; height: 200px}
.picbaner img{width:100%; height: 100%; display: block}
.qingchu{padding:0;margin:0}
.picbaner .zhezhao{width:100%; height: 100%; background: rgb(0,0,0,0.7); position: absolute;color:#fff;left:0; top:0}
.picbaner .zhezhao h1{text-align:center;color:#fff;font-size: 30px; margin-top: 50px}

.soild_text_three{position:relative;text-align:center;width:150px;margin:10px auto;height:20px;font-size: 14px;color:#fff;}
.soild_text_three::before,.soild_text_three::after{content:"";position:absolute;top:50%;border:solid 1px #ddd;width:40%;}
.soild_text_three::before{left:-50px;}
.soild_text_three::after{ right:-50px;}

.current-state{ background:#ededed; height: 40px; line-height: 40px}
.current-state a{color:#999; margin:0 10px}
.center{padding:50px 0}
.titlec{border-bottom:1px solid #ddd;padding:15px;color:#2362ac; font-size: 30px; line-height: 30px;display: flex; }
.titlec span{ height:30px; width:8px; background: #2362ac;  margin-right: 15px}
.texcent{padding:50px 0}
.texcent h4{font-size:24px; text-align: center}
.source{font-size:12px;color:#999; text-align: center;padding:10px 0; display: flex; justify-content: center}
.source span{margin:0 5px; }
.zhenw{font-size:18px; line-height: 36px}
.zhenw img{max-width:750px; margin: 0 auto; display: block;/* width:100%; */}
.links{color:#999;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.links a{color:#0033cc}
.rigs{text-align:right}
.fenx{display: flex;position: relative; margin-bottom: 10px}
.fenx span{margin-top:10px;}
.tabs{border-bottom:1px solid #ddd; padding-bottom: 20px; display: flex;justify-content: center;font-size: 18px; }
.tabs span{color:#014ea3;padding:10px 20px;}
.tabs strong{background:#014ea3;color:#fff;padding:10px 30px; margin: 0 20px;border-radius: 25px}
.tabs a{width:100%; display: block}
.listnews{ display:flex}
.listnews li{padding-bottom:20px;border-bottom: 1px solid #ddd; display: flex; margin-top: 25px; align-items: flex-start}
.listnews li div.time{width:120px; height: 120px; display: inline-block; background: #0099e4;border-radius: 10px;color:#fff; margin-right: 20px }
.listnews li div.time strong{text-align:center;display: block; line-height: 96px;font-size: 46px}
.listnews li div.time span{text-align:center; background: #0089cd;display: block; line-height: 24px;border-radius: 0 0 10px 10px}
.listnews li div.newpic{width:320px; display: inline-block;margin-right: 20px }
.listnews li div.newpic img{width:100%; height: auto; display: block}
.listnews li div.newtext{flex:1; position: relative; height: 190px}
.listnews li div.newtext strong{display:block;font-size: 18px; margin-bottom: 10px;color:#006699}
.listnews li div.newtext p{color:#999}
.listnews li div.newtext span{color:#ff3333; text-align: right; position: absolute; right:20px;bottom: 0;}
.listnews li div.newtext span i{font-style:normal;padding-left: 10px}

.zspic{ margin-top: 1vw;padding:0}
.zspic li{float:left;}
.zspic li p{width:100%; text-align: center; display: block;color:#999;padding: 0;margin:10px 0 0 0}
.zspic li span{width:100%; text-align: center; display: block;}
.zspic li a{border:1px solid #ddd; text-align: center;color:#c00;border-radius: 15px; display: block; margin: 15px 0}
.tables{border:1px solid #ddd}
.table-responsive table tbody tr td{min-width:auto!important;vertical-align: middle !important; }
.activest{background:#f2dede}
.hsebc{ background:#f5f5f5}
.bacwit{background:#fff}
.batab{display:flex;flex-direction: column;
        align-items:center;/*由于flex-direction: column，因此align-items代表的是水平方向*/
        justify-content: center;}
span.picico{width:43px; height: 43px; display: block; margin: 0 auto; }
.czcent{display:flex;flex-direction: column;
        align-items:center;/*由于flex-direction: column，因此align-items代表的是水平方向*/
        justify-content: center;
vertical-align: middle;
}

.tiltcen{ text-align: center;font-size: 24px}
.tiltcen h2{font-size: 24px; display: inline-block}
.tiltcen span{font-size:16px;color:#999; display: inline-block}
.smzt{font-size:18px; line-height: 36px; margin-top: 25px}
.zypic{width:100%; margin-top: 25px}
.neirt{border:1px solid #ddd; background: #fff;padding:20px;min-height: 300px}
.neirt span{ text-decoration: underline;font-size: 16px; margin-bottom: 10px; display: block; }
.neirt p{color:#999;font-size:14px}
.sxpx{width:180px; margin: 0 auto 30px auto; }
.sxpx span{width:180px; height: 180px; display: block;overflow: hidden;border-radius: 50%;border:1px solid #ddd}
.sxpx span img{width:100%; height: auto; display: block}
.sxpx strong{width:100%; text-align: center;font-style: normal; display: block; margin-top: 15px}
.picsx{margin-top:35px}
.smwzt{background:#fff;padding:12px;border:1px solid #ddd;color:#999;font-size:14px; display: block; }
.bloglists{width:170px}
.bloglists i{width:170px; height:240px;overflow: hidden; display: block}
.bloglists i img{width:100%; height: auto; display: block}
.bloglists span{width:100%; display: block; text-align: center; margin-top: 15px}

@media only screen and (min-width: 320px) and (max-width: 767px){
	.picnews{ margin-top:15px}
	.offcanvas_menu {display: block;}
    .title h2 {font-size: 17px;line-height: 30px;}
	.picnews .pic{width:30vw; height: 20vw; background: #c00;overflow: hidden}
	.picnews p{width:56vw; position: absolute;left:35vw; top:2vw;font-size: 4vw; line-height: 8vw}
	.btnews{ margin-top:5vw}
	.btnews h6{font-size:4vw; margin-bottom:0.8vw}
	.btnews p{font-size:3vw; line-height:5.5vw}
	ul.newslist li{font-size:4vw}
	ul.newslist li a{width:100%;}
    ul.newslist li span{width:20%; display: none}
	ul.mode{margin-top:3vw;}
	ul.mode li div.tesx{ height:50px;overflow: hidden;font-size: 4vw}
	.leftpad{padding-right:15px}
    .rightpad{padding-left:15px}
	.owl-carousel .owl-stage-outer{ height:80vw}
	.col-xs-6s{width:50%}
	.yqlj{ margin-top:15px}
	.form-control{ margin-top:10px}
	.fottex{text-align:center;}
	.col-xs-3s{width:25%}
	.picbaner{ height:100px}
	.picbaner .zhezhao h1{font-size:5vw; margin-top: 7vw}
	.stare{font-size:3vw}
	.titlec{display:none}
	.texcent{padding:0}
	.texcent h4{font-size:4vw}
	.center{padding:20px 0 30px}
	.zhenw{font-size:4vw; line-height: 28px}
	.rigs{text-align:left}
	.links{margin-top:15px}
	.fenx{ margin-top:15px}
	.fenx span{margin-top: 10px}
	.tabs{font-size:4vw}
	.tabs span{padding:5px 10px}
	.tabs strong{padding:5px 10px}
    .listnews li div.time{ display: none}
	.listnews li div.newtext{ height:70px}
	.listnews li div.newpic{width:120px; display: inline-block;margin-right: 20px }
	.listnews li div.newtext strong{display:block;font-size: 4vw; margin-bottom: 10px;color:#006699}
	.listnews li div.newtext p{display:none}
	.listnews li div.newtext span{}
	.zspic{margin-top: 3vw}
	.tiltcen{border-bottom:1px solid #ddd; text-align: left}
	.tiltcen h2{font-size:17px;}
	.col-sm-6s{with:50%!important}
	.zypic{width:40%}
	.smzt{width:51%; position: absolute; top:-125px;right:4%;font-size: 12px; line-height: 18px; height: 110px;overflow: hidden}
	.sxpx{width:90px; margin: 0 auto 30px auto; }
    .sxpx span{width:90px; height: 90px; display: block;overflow: hidden;border-radius: 50%;border:1px solid #ddd}
    .sxpx span img{width:100%; height: auto; display: block}
    .sxpx strong{width:100%; text-align: center;font-style: normal; display: block; margin-top: 15px}
	.bloglists{width:160px; margin-top: 25px}
   .bloglists i{width:160px; height:230px;overflow: hidden; display: block}
	
}
@media only screen and (min-width: 768px) and (max-width: 991px)  {
.offcanvas_menu {display: block; }
.title h2 {font-size: 17px;line-height: 30px;}
.picnews{ height: 30vw; background: #ddd; margin-top: 2vw;overflow: hidden}
.picnews .pic{width:100%; height: 18vw }
.picnews .pic img{width:100%; height: auto}
.picnews p{width:100%; background: rgb(0,0,0,0.7);color:#fff;text-align: center; position: absolute;bottom: 0;left:0;padding:10px }	
.btnews{ margin-top:2vw}
.btnews h6{font-size:16px; margin-bottom:0.8vw}
.btnews span{font-size:14px}
ul.newslist{ height:20vw;overflow: hidden}
ul.newslist li{font-size:16px}
ul.newslist li a{width:100%; }
ul.newslist li span{ display: none}
ul.mode li div.tesx{ height:50px;overflow: hidden;font-size: 16px}
.leftpad{padding-right:10px}
.rightpad{padding-left:10px}
.yqlj{ margin-top:15px}
.form-control{ margin-top:10px}
.fottex{text-align:center}
.picbaner{ height: 180px}
.zhenw{font-size:16px; line-height: 28px}
.rigs{text-align:left}
.fenx{ margin-bottom:15px}
.fenx span{margin-top: 10px}
.listnews li div.time{width:70px; height: 70px; display: inline-block; background: #0099e4;border-radius: 10px;color:#fff; margin-right: 20px }
.listnews li div.time strong{text-align:center;display: block; line-height: 46px;font-size: 40px}
.listnews li div.time span{text-align:center; background: #0089cd;display: block; line-height: 24px;border-radius: 0 0 10px 10px}
.listnews li div.newpic{width:220px; display: inline-block;margin-right: 20px }
.listnews li div.newpic img{width:100%; height: auto; display: block}
.listnews li div.newtext{flex:1; height: 135px;}
.listnews li div.newtext strong{display:block;font-size: 16px; margin-bottom: 10px;color:#006699}
.listnews li div.newtext p{color:#999; height: 76px;overflow: hidden}
.listnews li div.newtext span{color:#ff3333; text-align: right; position: absolute; right:10px;bottom: 0;}
.listnews li div.newtext span i{font-style:normal;padding-left: 10px}
.tiltcen{border-bottom:1px solid #ddd; text-align: left}
.tiltcen h2{font-size:17px;}
.smzt{ height: 200px;overflow: hidden;font-size: 16px; line-height: 34px}
.sxpx{width:120px; margin: 0 auto 30px auto}
.sxpx span{width:120px; height: 120px; display: block;overflow: hidden;border-radius: 50%;border:1px solid #ddd}
.sxpx span img{width:100%; height: auto; display: block}
.sxpx strong{width:100%; text-align: center;font-style: normal; display: block; margin-top: 15px}
}


@media only screen and (min-width: 992px) and (max-width: 1920px) {
  .title h2 {font-size: 20px;line-height: 20px;}
	.picnews .pic{width:100%;height: 20vw; overflow: hidden}
	.picnews .pic img{width:100%; height: auto}
	.picnews p{width:100%; background: rgb(0,0,0,0.7);color:#fff;text-align: center; position: absolute;bottom: 0;left:0;padding:10px ;}
	.fottex{text-align:right}
	
}