/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#444;font:14px/30px "微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;background:#fff;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:"微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#444;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#cf4f45;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{clear:both;display:block;margin:0 auto;max-width:1280px;width:100%; padding:0 0}


@font-face {
	font-family: "quicksand";
	src: url('../fonts/quicksand.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family:"din";
	src:url("../fonts/din-medium.woff") format("woff"),
		url("../fonts/din-medium.ttf") format("truetype"),
		url("../fonts/din-medium.eot") format("embedded-opentype"),
		url("../fonts/din-medium.svg") format("svg");
	font-weight:normal;
	font-style:normal;
}
#header{ width:100%}
#header .wrap{ height:150px;display: flex;justify-content:space-between ;align-items:center;}
#header .logo{}
#header .right{display: flex;align-items:center;}
#header .right .qrcode{display: flex;align-items:center;}
#header .right .qrcode .item{ text-align:center; border:1px solid #eee; margin-left:10px; padding:10px; border-radius:4px}
#header .right .qrcode .item img{ width:90px}
#header .right .qrcode .item p{ line-height:24px}
#header .right .search{ margin-left:20px}
#header .right .search .box{ border:1px solid #cf4f45; line-height:40px; border-radius:40px;display: flex;justify-content:space-between ;align-items:center;; padding:5px 10px}
#header .right .search .box .key{ width:calc(100% - 40px); border:0}
#header .right .search .box .btn{ border:0; background:none}
#header .right .search .box .btn i{ color:#cf4f45; font-size:18px}

#nav{ width:100%; background:#cf4f45}
#nav ul{display: flex;justify-content:space-between ;align-items:center;}
#nav ul li a{ line-height:50px; display:block; font-size:20px; color:#fff}
#nav ul li.active a{font-weight:700}

#toutiao{ width:100%; text-align:center; padding:30px 0;}
#toutiao ul li a{ font-size:42px; line-height:60px; color:#06273a; font-weight:700}
#toutiao ul li a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}

#toutiaolist{ width:100%}
#toutiaolist .wrap{ display: flex;justify-content:space-between ;align-items:flex-start;}
#toutiaolist .imglist{ width:843px; height:475px; position:relative}
#toutiaolist .imglist img{width:100%;height:100%;object-fit:cover}
#toutiaolist .imglist p{ position: absolute; left:0; bottom:0; background:rgba(0,0,0,.5); color:#fff; font-size:16px; width:100%; padding:8px 10px}
#toutiaolist .textlist{ width:406px; border-top:1px solid #eee}
#toutiaolist .textlist ul li{ border-bottom:1px solid #eee}
#toutiaolist .textlist ul li a{ display:block; line-height:58px;font-size:16px}
#toutiaolist .textlist ul li a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#toutiaolist .textlist .more{ margin-top:15px; text-align:right}
#toutiaolist .textlist .more a{ border:1px solid #eee;; line-height:30px; border-radius:30px; padding:0 20px; display:inline-block; font-size:12px}

#list{ width:100%; margin-top:30px}
#list .wrap{display: flex;justify-content:space-between ;align-items:flex-start;flex-wrap:wrap;;gap:30px}
#list .item{ width:calc((100% - 30px) / 2); border:1px solid #eee; padding:20px; border-radius:10px}
#list .item .title{ border-bottom:1px solid #eee; display: flex;justify-content:space-between ;align-items:center; padding-bottom:15px}
#list .item .title h2{font-size:20px; color:#cf4f45; font-weight:700; position:relative}
#list .item .title h2:after{content:""; width:100%; height:2px; background:#cf4f45; display:block; overflow:hidden; position:absolute; left:0; bottom:-15px;}
#list .item .title span a{ border:1px solid #eee;; line-height:26px; border-radius:26px; padding:0 15px; display:inline-block; font-size:12px}
#list .item .infolist{ margin-top:20px}
#list .item .infolist ul li{ line-height:40px}
#list .item .infolist ul li{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#list .item .infolist ul li a{ font-size:16px}
#list .item .infolist ul li span{ float:right; color:#888}
	
#video{ width:100%; padding:30px 0}
#video .title{ border-bottom:1px solid #eee; display: flex;justify-content:space-between ;align-items:center; padding-bottom:15px}
#video .title h2{font-size:20px; color:#cf4f45; font-weight:700; position:relative;}
#video .title h2:after{content:""; width:100%; height:2px; background:#cf4f45; display:block; overflow:hidden; position:absolute; left:0; bottom:-15px;}
#video .title span a{ border:1px solid #eee;; line-height:26px; border-radius:26px; padding:0 15px; display:inline-block; font-size:12px}
#video .list{ margin-top:30px}
#video .list ul{display: flex;justify-content:space-between ;align-items:flex-start;flex-wrap:wrap;;gap:30px}
#video .list ul li{ width:calc((100% - 60px) / 3);}
#video .list ul li .img img{ width:100%}
#video .list ul li  p{ text-align:center; margin-top:10px; font-size:16px}

#footer{ width:100%; background:url(../images/footer.png) no-repeat; background-size:cover; padding:30px 0;}
#footer .link h2{ font-size:16px; color:#fff}
#footer .link .list a{ color:#fff; margin-right:5px}
#footer .copyright{ text-align:center; margin-top:20px}
#footer .copyright .href{ display:flex;justify-content:center}
#footer .copyright .href a{ color:#FFF; margin:0 10px; font-size:16px}
#footer .copyright .text{ color:#fff; line-height:26px}
#footer .copyright .text a{ color:#fff}
#footer .copyright .text i{ margin:0 10px}

#fenye{padding:70px 0 50px;display:flex;justify-content:center;align-items:center;}
#fenye a{margin:0 2px;color:#5a5a5a;padding:3px 8px;border:1px solid #a4b0bd;border-radius:3px;min-width:30px;text-align:center;}
#fenye .prev,#fenye .next{text-align:center;}
#fenye a.page-num-current{font-weight:700;color:#fff;background:#cf4f45;border:1px solid #cf4f45;}
#fenye a:hover{background:#cf4f45;color:#fff;border:1px solid #cf4f45;}
#fenye span{margin:0 2px;color:#5a5a5a;padding:3px 5px;border:1px solid #a4b0bd;border-radius:3px;text-align:center;}


#local{ width:100%; padding:20px 0; border-bottom:1px solid #eee}
#local i{ margin:0 5px}
#nlist{ padding:30px 0}
#nlist ul li{ padding:6px 15px; position:relative; font-size:16px}
#nlist ul li span{ margin-left:20px; color:#666; font-size:12px}
#nlist ul li:before{content:"";display:block;height:4px;width:4px;position:absolute;top:50%;left:0;margin-top:-2px;background:#7b8895;border-radius:2px;}

#content{ width:100%; padding:30px 0}
#content .title{ text-align:center; border-bottom:1px solid #eee; padding-bottom:10px}
#content .title h1{ font-size:24px}
#content .title .info{ text-align:center; margin-top:10px}
#content .title .info span{ margin:0 10px}
#content .mycontent{ padding:30px 0; font-size:16px; line-height:2;min-height:400px}
#content .pagedown{border-top:1px solid #eee; padding-top:20px}
#content .pagedown p{ font-size:16px}

@media (max-width:800px){
	#header{ padding:0 .2rem}
	#header .wrap{ height:1.2rem;}
	#header .logo img{ height:.8rem}
	#header .right{ display:none}
	
	#nav{ padding:0 .2rem}
	#nav ul li a{ line-height:.6rem; font-size:.24rem;}
	
	.wrap{ width:100%; padding:0; max-width:100%}
	#toutiao{ padding:.5rem .2rem;}
	#toutiao ul li a{ font-size:.3rem; line-height:.3rem;}
	
	#toutiaolist{ padding:0 .2rem}
	#toutiaolist .wrap{ display:block;}
	#toutiaolist .imglist{ width:100%;height:4rem; position:relative}
	#toutiaolist .imglist p{font-size:.22rem; width:100%; padding:.1rem .2rem; line-height:.3rem}
	#toutiaolist .textlist{ width:100%; margin-top:.3rem; border-top:0}
	#toutiaolist .textlist ul li{ border-bottom:1px solid #eee}
	#toutiaolist .textlist ul li a{ display:block; line-height:.66rem;font-size:.22rem}
	
	#list{margin-top:0; padding:0 .2rem}
	#list .wrap{display: block}
	#list .item{ width:100%; border:0; padding:0; border-radius:0; margin-top:.3rem}
	#list .item .title{  padding-bottom:.2rem}
	#list .item .title h2{font-size:.3rem;}
	#list .item .title h2:after{ bottom:-.2rem;}
	#list .item .title span a{ line-height:.4rem; border-radius:.4rem; padding:0 .2rem; font-size:.2rem}
	#list .item .infolist{ margin-top:20px}
	#list .item .infolist ul li{ line-height:40px}
	#list .item .infolist ul li{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
	#list .item .infolist ul li a{ font-size:16px}
	#list .item .infolist ul li span{ float:right; color:#888}
	
	#video{padding:.3rem .2rem}
	#video .title{ padding-bottom:.2rem}
	#video .title h2{font-size:.3rem; }
	#video .title h2:after{bottom:-.2rem;}
	#video .title span a{line-height:.4rem; border-radius:.4rem; padding:0 .2rem; font-size:.2rem}
	#video .list{ margin-top:30px}
	#video .list ul{display: flex;justify-content:space-between ;align-items:flex-start;flex-wrap:wrap;gap:30px}
	#video .list ul li{ width:100%}
	#video .list ul li .img img{ width:100%}
	#video .list ul li  p{ text-align:center; margin-top:.2rem; font-size:.22rem}
	
	#footer{padding:.3rem .2rem;}
	#footer .link h2{ font-size:.22rem;}
	#footer .link .list{ line-height:.3rem}
	#footer .copyright{ text-align:center; margin-top:.2rem}
	#footer .copyright .href{ display:flex;justify-content:center}
	#footer .copyright .href a{margin:0 .2rem; font-size:.22rem}
	#footer .copyright .text{line-height:.3rem}
	#footer .copyright .text i{ margin:0 .1rem}
		
	#fenye{padding:.5rem 0;}
	#fenye a{margin:0 .02rem;padding:.05rem .15rem}
	#fenye .prev,#fenye .next{width:.55rem;}
	#fenye span{margin:0 .02rem;padding:.1rem .15rem}
	#fenye .page-num,#fenye .prev{ display:none}
	#fenye .page-num-current{ display:block}

	#local{ padding:.2rem;}
	#local i{ margin:0 .8reem}
	#nlist{ padding:.3rem .2rem}
	#nlist ul li{ padding:.1rem .2rem; font-size:.24rem; border-bottom:1px solid #eee}
	#nlist ul li:before{top:.3rem;left:0;margin-top:0;;}
	#nlist ul li span{ margin-left:0; font-size:.2rem; display:block; color:#999}

	#content{padding:.3rem .2rem}
	#content .title{ padding-bottom:.1rem}
	#content .title h1{ font-size:.3rem}
	#content .title .info{ margin-top:.1rem}
	#content .title .info span{ margin:0; display:none}
	#content .title .info span:nth-child(3){ display:block}
	#content .mycontent{ padding:.3rem 0; font-size:.24rem; line-height:1.8;min-height:2rem}
	#content .mycontent video{ width:100% !important; height:auto !important}
	#content .pagedown{border-top:1px solid #eee; padding-top:.2rem}
	#content .pagedown p{ font-size:.22rem}
}