
@font-face
{font-family: DIN;
src: url('DIN-Medium.otf')}

body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit;font-family: 'PingFang SC','PingFangMedium',"microsoft yahei"; font-size: 16px;}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;width: 100%;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
*{box-sizing:border-box;color: #333;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
.auto{margin:0 auto;width: 1200px;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.05,1.05);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
body{background: #fff;overflow-x: hidden;}
.item{}
.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.imgfull{width: 100%;height: 100%;display: block;object-fit: cover;}
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline:hover{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}
.mb20{margin-bottom: 20px!important;}

/* index */
.head{}
.hd-logo{padding:10px 0;display: inline-block;vertical-align: middle;}
.hd-logo .img{height: 110px;width: auto;}

.hd-bot{background-color: #015291;padding: 10px;border-radius:4px;display: flex;align-items: center;justify-content: space-between;}
.hd-nav{flex:1;}
.hd-nav li{display: inline-block;vertical-align: middle;margin-right: 25px;}
.hd-nav li>a{display: block;padding:0 5px;font-size: 16px;color:#fff;line-height: 38px;border-radius:4px;}
.hd-nav li.cur>a,.hd-nav li:hover>a{background-color: #fff;color:#015291;}

.hd-sear{display: flex;width: 300px;border-radius:4px;overflow: hidden;}
.hd-sear .ipt-txt{flex:1;overflow: hidden;height: 38px;font-size: 16px;color:#333;padding:0 15px;}
.hd-sear .submit{width: 38px;height: 38px;background-color: #1a89e3;border:none;cursor: pointer;background:url(../images/img_09.png) no-repeat center #1a89e3;background-size:18px;}

.idx-main{padding:20px 0 1px;}
.idx-l{width: 60%;margin-right: 20px;}
.idx-ll{width: 100%;margin-right: 20px;}
.idx-r{flex:1;overflow: hidden;}
.idx-mod{border:1px solid rgba(1,82,145,.15);padding: 10px;}
.idx-tt{border-bottom:1px solid #015291;display: flex;align-items: center;justify-content: space-between;font-size: 0;margin-bottom: 10px;}
.idx-tt .bt{font-size: 18px;color:#fff;min-width:160px;text-align: center;background-color: #015291;line-height: 46px;display: inline-block;vertical-align: middle;position:relative;}
.idx-tt .bt::after{content:'';position:absolute;width: 9px;height: 100%;background:url(../images/img_10.png) no-repeat center;background-size:100%;right: -9px;bottom: 0;}
.idx-tt .more{font-size: 16px;color:#015291;}
.idx-tt .more:hover{text-decoration: underline;}

.idx-slide{position:relative;}
.idx-slide .item{height: 415px;display: block;position:relative;}
.idx-slide .img{width: 100%;height: 100%;object-fit: cover;}
.idx-slide .title{position:absolute;background-color: rgba(0,0,0,.5);left: 0;bottom: 0;line-height: 60px;height: 60px;padding:0 20px 0 80px;font-size: 18px;color:#fff;width: 100%;}

.slidedot{position:absolute;left: 0;bottom: 0;width: 50px;text-align: center;font-size: 18px;color:#fff;font-weight: bold;line-height: 60px;height: 60px;}



.idx-list{padding:0 5px;}
.idx-list li{display: flex;line-height: 42px;}
.idx-list .title{font-size: 16px;color:#333;flex:1;overflow: hidden;}
.idx-list .date{font-size: 14px;color:#666;margin-left: 30px;}
.idx-list li:hover .title{color:#015291;}

.idx-ad .list{}
.idx-ad .list .item{display: block;height: 62px;margin-bottom: 10px;}
.idx-ad .list .img{width: 100%;height: 100%;}
.idx-ad .list .item:last-child{margin-bottom: 0;}

.ft-links{}
.ft-links .wrap{padding:15px;background-color: #015291;display: flex;align-items: center;}
.ft-links .tit{line-height: 35px;width: 100px;font-size: 16px;color:#fff;text-align: center;}
.ft-links .info{flex:1;display: flex;}
.ft-links .grp{width: 23%;margin-left: 2%;}
.ft-links select{height: 35px;line-height: 35px;width: 100%;text-align: center;appearance: none;-webkit-appearance: none;background:url(../images/img_08.png) no-repeat 96% center #fff;background-size:14px;padding-right: 35px;font-size: 16px;color:#333;}

.foot{padding:40px 0;}
.foot .wrap{display: flex;align-items: center;justify-content: space-between;}
.foot .txt{font-size: 14px;color:#333;max-width:50%;line-height: 35px;}
.foot .lk{padding:0 6px;}
.foot .lk:hover{color:#015291;}
.foot .ico{width: 26px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.foot .pics{display: flex;align-items: center;}
.foot .tp{width: 70px;}
.foot .ewm{width: 80px;margin-left: 50px;}


/* list */
.list-main{padding:20px 0 40px;}
.list-main .wrap{display: flex;align-items: flex-start;}
.list-l{width: 240px;border-left:1px solid rgba(1,82,145,.15);}
.list-l .bt{font-size: 18px;color:#fff;font-weight: bold;background-color: #015293;padding:0 20px;line-height: 50px;display: block;}
.list-r{border:1px solid rgba(1,82,145,.15);border-bottom:none;flex:1;overflow: hidden;padding-bottom: 10px;}

.list-menu{padding: 10px;}
.list-menu .lk{display: block;font-size: 16px;color:#333;line-height: 50px;padding:0 20px;background-color: #f2f2f2;margin-bottom: 10px;}
.list-menu .lk.cur,.list-menu .lk:hover{background-color: #dfeefa;color:#015293;font-weight: bold;}

.crumb{font-size: 14px;color:#015293;line-height: 40px;padding:0 20px;box-shadow:0 0 10px #ddd;margin-bottom: 15px;}
.crumb a:hover{text-decoration: underline;}

.list-list{padding:0 30px;}
.list-list li{display: flex;line-height: 45px;}
.list-list .title{font-size: 16px;color:#015293;flex:1;overflow: hidden;}
.list-list .date{font-size: 14px;color:#015293;margin-left: 30px;}
.list-list li:hover .title{color:#015291;font-weight: bold;}

.pagelist{text-align: center;margin-top: 30px;}
.pagelist a{display: inline-block;vertical-align: middle;background-color: #dfeefa;border-radius:4px;padding:0 10px;margin:0 2px;min-width:30px;line-height: 30px;height: 30px;font-size: 14px;color:#333;}
.pagelist .gopage{font-size: 14px;color:#333;display: inline-block;vertical-align: middle;margin-left: 20px;}
.pagelist .num{width: 50px;border:1px solid #e5e5e5;border-radius:4px;line-height: 30px;height: 30px;font-size: 14px;color:#333;margin:0 6px;text-align: center;}
.pagelist .go{display: inline-block;vertical-align: middle;background-color: #dfeefa;border-radius:4px;padding:0 15px;line-height: 30px;height: 30px;font-size: 14px;color:#333;border:none;cursor: pointer;}
.pagelist .go:hover{color:#fff;background-color: #015293;}
.pagelist a:hover,.pagelist a.active{color:#fff;background-color: #015293;}

/* detail */
.det-sec{padding:30px 30px;}
.det-sec .title{font-size: 23px;color:#333;font-weight: bold;text-align: center;line-height: 1.4;}
.det-sec .sm{font-size: 14px;color:#333;display: flex;justify-content: space-between;text-align: center;margin-top: 18px;}

.det-sec .edit{margin-top:10px;border-top:1px dashed rgba(1,82,145,.15);padding:25px 0;font-size: 16px;color:#333;line-height: 1.8;}




@media screen and (min-width:992px) and (max-width:1199px){
	.auto{width: 100%;padding:0 3%;}
	
	.hd-logo .img{height: 90px;}
	.hd-sear{width: 250px;}
	.hd-nav li{margin-right: 0;}
	
	
	
	
	
	
	
}

@media screen and (min-width:768px) and (max-width:991px){
	.auto{max-width: 100%;padding:0 3%;width: 100%;}
	.sj-menu{position:absolute;right: 2%;top: 50%;width: 40px;height: 40px;background: url(../images/menu.png) no-repeat center;background-size:40px;margin-top: -20px;display: block;}
	.sj-menu.close{background: url(../images/close.png) no-repeat center;background-size:36px;}
	
	.head{position:fixed;width: 100%;left: 0;top: 0;padding:10px 0;z-index:100;height: 90px;background-color: #fff;border-bottom:1px solid #efefef;}
	.head+div{margin-top: 90px;}
	.hd-logo{padding: 0;}
	.hd-logo .img{height: 70px;}
	.hd-bot{padding: 0;}
	
	.hd-sear{position:absolute;right: 70px;top: 50%;transform: translate(0,-50%);}
	.hd-sear .ipt-txt{background-color: #e5e5e5;}



	.hd-nav{position:fixed;width: 100%;left: 0;top: 90px;background-color: #015291;margin-top: 0;bottom: 0;overflow-y: scroll!important;display: none;border-top:1px solid rgba(255,255,255,.1);}
	.hd-nav li{display: block;margin-left: 0;position:relative;}
	.hd-nav li>a{font-size: 18px;line-height: 70px;padding:0 30px;border-bottom:1px solid rgba(255,255,255,.1);font-weight: normal;}
	.hd-nav li.cur>a, .hd-nav li:hover>a{color:#fff;background-color: transparent;}
	.hd-nav li.cur>a{opacity: .9;}
	
	
	/* .hd-nav .arrow{width: 0.8rem;height: 0.7rem;position:absolute;right: 0;top: 0;background:url(../images/arrow.png) no-repeat center;background-size:.2rem;display: block;}
	.hd-nav .arrow.this{transform: rotate(180deg);}
	
	.hd-nav li:hover>a, .hd-nav li.cur>a{color:#fff;}
	.hd-nav li:hover .drop{display: none;}
	
	.hd-nav .drop{position:static;width: 100%;transform: translate(0,0);box-shadow:none;padding-left: 0.3rem;display: none;padding-left: 0.5rem;}
	.hd-nav .drop a{font-size: .17rem;line-height: 0.6rem;border-bottom:1px solid rgba(255,255,255,.1);text-align: left;} */
	
	
	.idx-l{width: 100%;margin-right: 0;margin-bottom: 20px;}
	
	.idx-ad .list{display: flex;flex-wrap: wrap;margin-left: -2%;}
	.idx-ad .list .item{width: 31.3%;margin-left: 2%;}
	
	.ft-links .wrap{display: block;}
	.ft-links .info{margin-left: -2%;flex-wrap: wrap;}
	.ft-links .grp{width: 48%;margin-bottom: 2%;}
	.ft-links select{background-size: 10px;}
	
	/* list */
	.list-main .wrap{display: block;}
	.list-l{width: 100%;border:none;}
	.list-l .bt{display: none;}
	.list-menu{padding: 0;display: flex;justify-content: center;margin-bottom: 35px;    background-color: #f2f2f2;}
	.list-menu .lk{display: inline-block;vertical-align: middle;padding:0 15px;line-height: 50px;margin: 0 5px;}
	
	.list-r{border:none;}
	.crumb{box-shadow:none;padding: 0;}
	.list-list{padding: 0;}
	
	
	
	
}

@media screen and (min-width:320px) and (max-width:767px){
	.auto{max-width: 100%;padding:0 4%;width: 100%;}
	.sj-menu{position:absolute;right: 2%;top: 50%;width: 36px;height: 36px;background: url(../images/menu.png) no-repeat center;background-size:30px;margin-top: -18px;display: block;}
	.sj-menu.close{background: url(../images/close.png) no-repeat center;background-size:26px;}
	
	.head{position:fixed;width: 100%;left: 0;top: 0;padding:10px 0;z-index:100;height: 70px;background-color: #fff;border-bottom:1px solid #efefef;}
	.head+div{margin-top: 70px;}
	.hd-logo{padding: 0;}
	.hd-logo .img{height: 50px;}
	.hd-bot{padding: 0;}
	
	.searicon{width: 30px;height: 30px;background:url(../images/img_09-1.png) no-repeat center;background-size:20px;position:absolute;right: 60px;top: 50%;margin-top: -15px;z-index:5;}
	.hd-sear{position:absolute;right: 50px;top: 50%;transform: translate(0,-50%);width: 0;transition: all .3s;z-index:10;background-color: #e5e5e5;}
	.hd-sear .ipt-txt{background-color: #e5e5e5;height: 32px;font-size: 14px;padding:0 10px;}
	.hd-sear .submit{width: 32px;height: 32px;background-size: 14px;}
	.hd-sear.zk{width: 180px;}
	
	
	.hd-nav{position:fixed;width: 100%;left: 0;top: 70px;background-color: #015291;margin-top: 0;bottom: 0;overflow-y: scroll!important;display: none;border-top:1px solid rgba(255,255,255,.1);}
	.hd-nav li{display: block;margin-left: 0;position:relative;}
	.hd-nav li>a{font-size: 16px;line-height: 60px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.1);font-weight: normal;}
	.hd-nav li.cur>a, .hd-nav li:hover>a{color:#fff;background-color: transparent;}
	.hd-nav li.cur>a{opacity: .9;}
	
	
	/* .hd-nav .arrow{width: 0.8rem;height: 0.7rem;position:absolute;right: 0;top: 0;background:url(../images/arrow.png) no-repeat center;background-size:.2rem;display: block;}
	.hd-nav .arrow.this{transform: rotate(180deg);}
	
	.hd-nav li:hover>a, .hd-nav li.cur>a{color:#fff;}
	.hd-nav li:hover .drop{display: none;}
	
	.hd-nav .drop{position:static;width: 100%;transform: translate(0,0);box-shadow:none;padding-left: 0.3rem;display: none;padding-left: 0.5rem;}
	.hd-nav .drop a{font-size: .17rem;line-height: 0.6rem;border-bottom:1px solid rgba(255,255,255,.1);text-align: left;} */
	
	.idx-main{padding: 0;}
	.idx-l{width: 100%;margin-right: 0;margin-bottom: 20px;}
	.idx-r{flex:initial}
	
	.idx-tt .bt{font-size: 17px;min-width:120px;line-height: 38px;}
	.idx-tt .more{font-size: 14px;}
	
	.idx-mod{padding: 0;border:none;}
	.idx-slide .item{height: 300px;}
	.idx-slide .title{font-size: 16px;height: 40px;line-height: 40px;padding:0 20px 0 50px;}
	.slidedot{font-size: 16px;height: 40px;line-height: 40px;}
	
	
	.idx-list li{line-height: 32px;}
	.idx-list .title{font-size: 15px;}
	.idx-list .date{font-size: 13px;}
	
	.idx-ad .list .item{height: auto;}
	/* .idx-ad .list{display: flex;flex-wrap: wrap;margin-left: -2%;}
	.idx-ad .list .item{width: 31.3%;margin-left: 2%;} */
	
	.ft-links .wrap{display: block;}
	.ft-links .info{margin-left: -2%;flex-wrap: wrap;}
	.ft-links .grp{width: 48%;margin-bottom: 2%;}
	.ft-links select{background-size: 10px;height: 38px;line-height: 38px;font-size: 14px;padding-right: 30px;text-align: left;padding-left:15px;}
	
	.foot{padding:30px 0;}
	.foot .wrap{display: block;}
	.foot .txt{max-width:100%;text-align: center;line-height: 30px;}
	.foot .ico{width: 20px;}
	.foot .pics{justify-content: center;margin-top: 20px;}
	.foot .tp{width: 40px;}
	.foot .ewm{width: 70px;margin-left: 30px;}
	
	
	
	/* list */
	.list-main{padding:0 0 40px;}
	.list-main>.wrap{display: block;padding: 0;}
	.list-l{width: 100%;border:none;}
	.list-l .bt{display: none;}
	.list-menu{padding: 0;margin-bottom: 10px; background-color: #f2f2f2;white-space: nowrap;overflow-x: scroll;}
	.list-menu::-webkit-scrollbar{ display: none;} 
	.list-menu .lk{display: inline-block;vertical-align: middle;padding:0 15px;line-height: 46px;font-size: 16px;margin: 0;}
	
	.list-r{border:none;}
	.crumb{box-shadow:none;padding: 0 4%;}
	.list-list{padding: 0 4%;}
	.list-list li{line-height: 34px;}
	.list-list .title{font-size: 15px;}
	.list-list .date{font-size: 13px;margin-left: 20px;}
	
	.pagelist .gopage{display: none;}
	.pagelist a{font-size: 13px;padding:0 8px;min-width:28px;height: 28px;line-height: 28px;margin:0 1px;}
	
	/* detail */
	.det-sec{padding: 0 4%;}
	.det-sec .title{font-size: 18px;line-height: 1.4;}
	.det-sec .sm{display: block;text-align: center;font-size: 12px;line-height: 1.5;margin-top: 10px;}
	.det-sec .sm span{display: block;}
	.det-sec .edit{font-size: 14px;line-height: 1.8;}
	
}
