@charset "utf-8";/* CSS Document */


*{ line-height:180%;font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
	-webkit-text-size-adjust:none; padding:0; margin:0;text-decoration:None;font-size:14px ;font-weight: normal;outline: none;}
td,th,div,input,select,textarea,li,ol,dt,dd,h1,h2,h3,h4,h5,h6{ color:#353535;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important;}
font,span{}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,blockquote{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style-type:none;}
img{border:none;}
.line{border-bottom:1px dashed #ccc; height:1px; overflow:hidden;}
.border{;border-radius: 12px;border: 1px #eee solid;padding: 24px}/* CSS Document */
.box_bg{border-radius: 12px;background: #f7f8fa; padding: 24px}/* CSS Document */
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.f12{ font-size: 12px; font-family: 微软雅黑}
.f13{ font-size: 13px; font-family: 微软雅黑}
.f14{ font-size: 14px; font-family: 微软雅黑}
.f15{ font-size: 15px; font-family: 微软雅黑}
.f16{ font-size: 16px; font-family: 微软雅黑}
.f18{ font-size: 18px; font-family: 微软雅黑}
.f24{ font-size:24px; font-family: 微软雅黑}
.f30{ font-size:30px; font-family: 微软雅黑}
.f36{ font-size:36px; font-family: 微软雅黑}
.fb{ font-weight: bold;}
.green{color:#01a552}
.red{color: #cc3333}
.grey{color: #999}
.yellow{color:#ff6600}
.clearfix{clear: both;}
.fl{float:left;display: inline}
.fr{float:right;display: inline}
.h80{height:100px; overflow: hidden}
.h30{height:30px; overflow: hidden}
.line1{overflow: hidden; display: -webkit-box; word-break: break-all;text-overflow: ellipsis;  -webkit-box-orient: vertical; -webkit-line-clamp:1;  position: relative;}
.line2{overflow: hidden; display: -webkit-box; word-break: break-all;text-overflow: ellipsis;  -webkit-box-orient: vertical; -webkit-line-clamp:2;  position: relative;}
/*图标中心*/
.icon {width: 1em; height: 1em;fill: currentColor;overflow: hidden;}
a{color:#333;}
a:hover{color:#438ef7;}



/*图片*/
.cutImg {border-radius:0px; position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;*height: auto;object-fit: cover; }
.autoImg {border-radius:0px;position: absolute;left: 0;top: 0;width: 100%!important;height: 100%!important;z-index: 2;*height: auto; object-fit: fill; object-fit: contain; object-fit: scale-down;}
.noneBg{background: none!important;}
.size16x9{overflow: hidden; width: 100%;position: relative;padding-top:56%;display: block;background: url("/resource/pc/images/thumb.png") no-repeat center center;background-size: contain}
.size5x4{width: 100%;position: relative;padding-top:80%;display:block;background: url("/resource/pc/images/thumb.png") no-repeat center center;background-size: contain}
.size5x3{width: 100%;position: relative;padding-top:60%;display: block;background: url("/resource/pc/images/thumb.png") no-repeat center center;background-size: contain}
.size5x2{width: 100%;position: relative;padding-top:40%;display: block;background: url("/resource/pc/images/thumb.png") no-repeat center center;background-size: contain}
.size5x1{width: 100%;position: relative;padding-top:20%;display: block;background: url("/resource/pc/images/thumb.png") no-repeat center center;background-size: contain}
.size4x5{width: 100%;position: relative;padding-top:125%;display: block;background: url("/resource/pc/images/thumb.png") no-repeat center center;background-size: contain}
.size4x3{width: 100%;position: relative;padding-top:75%;display: block;background: url("/resource/pc/images/thumb.png") no-repeat center center;background-size: contain}
.size3x2{width: 100%;position: relative;padding-top:66.5%;display: block;background: url("/resource/pc/images/thumb.png") no-repeat center center;background-size: contain}
.size3x1{width: 100%;position: relative;padding-top:33.3%;display: block;background: url("/resource/pc/images/thumb.png") no-repeat center center;background-size: contain}
.size2x1{width: 100%;position: relative;padding-top:50%;display: block;background: url("/resource/pc/images/thumb.png") no-repeat center center;background-size: contain}
.size1x1{width: 100%;position: relative;padding-top:100%;display: block;background: url("/resource/pc/images/thumb.png") no-repeat center center;background-size: contain}
.size_logo{width: 100%;position: relative;padding-top:100%;display: block;background: url("/resource/pc/images/thumb_logo.png") no-repeat center center;background-size: contain}


   

body { margin:0 auto;padding:0;color:#222;	
/*	background: linear-gradient(180deg,#f7f8fa 491px,#fff 491px,#fff 600px);*/
	
/*	background-size: 100% 100%;*/
/*	background:#fff url("../image/webbg.jpg") no-repeat center top;*/
/*	background-size:contain*/
/*	background: #f6f6f6*/
}

.m{box-sizing: border-box;position: relative;  overflow: visible;margin:0 auto;
    min-width: 1080px;  max-width:1200px;

}

.header{width:100%;margin: 0 auto;z-index: 99;box-shadow: 0 0 12px 0 rgba(0,0,0,0.12);background: #fff;}
.header .flex{display: flex;height:72px;align-items: center;gap:24px;overflow: visible;}
.logo{overflow: hidden;flex-shrink: 0;display: flex;gap:12px;align-items: center}
.logo img{height:36px;}
.nav{display: flex;gap:12px;flex: 1}
.nav .item{position: relative; display: inline;margin-left:12px}
.nav .item a{font-size:18px;position: relative}
.nav .item a:hover{color: #333}
.nav .item.on a{color: #176db9}
.nav .item.on::after{ content: "";position: absolute;bottom:-9px;margin-left: -12px; left:50%; width:24px;height:4px; box-sizing: border-box;
	border-radius: 3px;
	background: linear-gradient( to right, #176db9,#176db9);
/*	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;*/
	}
.login_btn{display:flex; gap:12px;fflex-shrink: 0}
.login_btn a{color:#fff;padding:3px 15px; text-align: center;background:#176db9;border-radius: 3px}
.login_btn a:hover{color:#fff;}



/*横幅滚动   */
.banner{ position:relative;overflow: hidden;padding:60px 0;
background: url("../images/banner.jpg") no-repeat;background-size:cover;no-repeat}
.banner h1{font-size: 30px;color: #fff}
.banner p{color: #fff;font-size: 16px;line-height: 200%}



.bread{ overflow: hidden;	border-bottom: 1px #eee solid;overflow: hidden;text-overflow: ellipsis;}
.bread .m{flex-wrap: nowrap;height:50px; display: flex;align-items: center;}
.bread .icon{font-size:16px;color: #999;flex-shrink: 0}
.bread span{color:#666;margin-left: 6px}
.bread a{position: relative;padding-right: 15px;margin-left:6px;flex-shrink: 0;text-overflow: ellipsis;overflow: hidden}
.bread a::after{content: "";width:6px;height:6px;position: absolute; right:3px; bottom:50%;margin-bottom: -3px;  border-color: #000; border-style: solid;
    border-width:2px 2px 0 0;  transform: rotate(45deg); border-radius:1px; }
.bread a:last-child::after{content: "";display: none;}
.bread a:last-child {   min-width:0px;   overflow: hidden;    text-overflow: ellipsis;}





.footer{text-align:center;padding:12px 0; background: #202020;line-height: 30px;overflow: hidden;margin: 0 auto}
.footer a{color:#ccc;}
.footer span{color:#ccc;margin:0 3px}




.copyright{text-align:center;padding:12px 0;color: #fff; background: #202020;line-height: 30px;overflow: hidden;margin: 0 auto}


/*首页 yab520*/
.index_tit{ text-align: center;position: relative;margin-bottom: 30px;}
.index_tit .cn{  font-size:24px;color: #333; line-height:100%;   display: inline-block;   *display: inline;    zoom: 1;    position: relative;  
	padding:0 24px;font-weight: bold}
.index_tit .cn:before{content: ""; position: absolute;bottom:10%;right: 0; width: 20px;    height:20px;    border-radius: 100%; }
.index_tit .desc{  color: #666;margin-top: 6px}
.index_tit::after{ content:""; width: 40px;height:5px;background-color: rgba(0,0,0,.15); position:absolute; bottom:-12px;
	margin-left:-20px ; left:50%; border-radius:3px}



.com_title{overflow: hidden;display: flex;align-items: center; justify-content: space-between;gap:12px}
.com_title .title{position: relative;font-size:17px;padding-left:12px;flex-shrink: 0 ;font-weight: bold}
.com_title .title::before{content: "";position: absolute;bottom:23%;left: 0;width:5px;height:50%;box-sizing: border-box;background:linear-gradient(0deg,  rgba(255,132,84,.75), rgba(255,87,87,1) 100%);border-radius: 4px;}
.com_title .more{ position: relative;flex-shrink: 0}
.com_title .desc{ position: relative;flex: 1}

.news { overflow: hidden; display: grid;grid-template-columns: repeat(2, 1fr);gap:30px;}
.news_index{overflow: hidden;overflow: hidden; display: flex;flex-direction: column;gap:15px;margin-top: 12px }
.news_index .item {overflow: hidden; border-top: 1px #eeeeee solid;padding-top: 15px;display: flex;align-items: center;gap:6px}
.news_index .photo {width:160px;position: relative;overflow: hidden; flex-shrink: 0;border-radius:3px;margin-right: 12px}
.news_index .content{flex:1;overflow: hidden}
.news_index .title {font-size:18px;font-weight: bold;}
.news_index .desc{color:#666666;overflow:hidden;margin:6px 0;}
.news_index .add {color:#666666; display: flex;gap:6px}
.news_index .item:first-child{padding-top: 0;border-top: none}
.news_index .item:nth-child(2){padding-top: 0;border-top: none}


.news_index .news_title {flex: 1;overflow: hidden}
.news_index .time {flex-shrink: 0; color: #666;}
.news_index .icon{ flex-shrink: 0;font-size: 14px;color: #333}


/*新闻列表*/
.news_list { overflow: hidden; display: grid;grid-template-columns: repeat(1, 1fr);gap:24px;}
.news_list .item{ overflow: hidden; border-bottom: 1px #eeeeee solid;padding-bottom: 24px;display: flex;align-items: center;gap:18px}
.news_list .photo {width:160px;position: relative;overflow: hidden; flex-shrink: 0;border-radius:3px}
.news_list .content{flex:1;overflow: hidden}
.news_list .title {overflow:hidden;white-space: nowrap;font-size:18px;font-weight: bold;}
.news_list .desc{color:#666666;overflow:hidden;margin:6px 0;}
.news_list .add {color:#666666; display: flex;gap:6px}
.news_list .add  .danger{color:#ff6600}
.news_list .add  .warning{color:#008df0}
.news_list .add  .info{color:#279019}

.news_detail{overflow: hidden;}
.news_detail .title{font-size:30px;font-weight:bold;line-height:220%;overflow: hidden; text-align: center}
.news_detail .desc{ color:#666;margin:6px 0 12px; text-align: center}
.news_detail .remo{line-height:220%;overflow: hidden;word-wrap: break-word;border-top: 1px #eee solid;padding:12px 0 0}
.news_detail .remo img{max-width:100%;margin:12px auto!important;text-align: center!important}



/*分页样式*/
.pages{width: 100%;text-align: center;margin: 30px 0 24px}
.pages>div{display: inline-flex;}
.pages a,.pages span{ display: block; height:36px; float: left;	padding:0 15px;  border-radius:3px;
	line-height: 36px;0 text-align: center;	margin-right:12px;   cursor: pointer; background: #eee}
.pages .page-num-current{  background:#438ef7;color: #FFF;	border-color: #438ef7;    cursor: no-drop;}



.type_list{margin:0 auto ;overflow: hidden;display: flex;gap:6px;}
.type_list .item{background: #f7f8fa;padding:6px 18px;border-radius: 3px}
.type_list .on{background: #176db9}
.type_list .on a{color: #fff}