body{padding:0;margin:0;list-style: none; font-family: '微软雅黑';font-size:.26rem; color: #505050; background:#fff; }
*{ list-style: none; padding: 0; margin: 0;box-sizing: border-box; -webkit-box-sizing: border-box;font-weight: normal;}
a{ text-decoration: normal; color: #030304;  text-decoration: none;-webkit-tap-highlight-color:transparent; outline:none；}
a:hover{ text-decoration: normal; color: #000 }
img{ max-width: 100% }
.loading{ z-index: 9999; width: 100%; height: 100%; position: fixed;}
.ztop{ width: 100%; height: 100%; background: rgba(255,255,255,1); left: 0; top: 0; z-index: 99; position: fixed; -moz-transition: 0ms;-o-transition:0ms;transition: 0ms; }
.loader , .loader *{ overflow: visible; }
.loader p{ position: absolute; left: 0; bottom: -40px; width: 100%; text-align: center; font-size: 14px; color: #1083f5; font-weight: bold; }
.loader{width:80px;height:80px;position:relative; left:50%; margin-left: -40px; top: calc(50% - 40px); position: fixed; z-index: 999;}
.loader .dot{position:absolute;top:0;left:0;width:80px;height:80px;animation:1.7s dotrotate cubic-bezier(.775,.005,.31,1) infinite}
.loader .dot:nth-child(1){animation-delay:.2s}
.loader .dot:nth-child(2){animation-delay:.35s}
.loader .dot:nth-child(3){animation-delay:.45s}
.loader .dot:nth-child(4){animation-delay:.55s}
.loader .dot .first,.loader .dot:after{content:"";position:absolute;width:8px;height:8px;background:#1083f5;border-radius:50%;left:50%;margin-left:-4px}
.loader .dot .first{background:#1083f5;margin-top:-4px;animation:1.7s dotscale cubic-bezier(.775,.005,.31,1) infinite;animation-delay:.2s}
@keyframes dotrotate{
	from{transform:rotate(0)}
	to{transform:rotate(360deg)}
}
@keyframes dotscale{
	0%,10%{width:16px;height:16px;margin-left:-8px;margin-top:-4px}
	50%{width:8px;height:8px;margin-left:-4px;margin-top:0}
	100%,90%{width:16px;height:16px;margin-left:-8px;margin-top:-4px}
}
input,select,textarea,button,label{outline:none; border-radius: 0;-webkit-appearance: none;}
img{ max-width: 100% }
#main{ margin:0 auto; max-width: 750px; min-width: 320px; }

.top{ line-height: 0; }
.icenter{ padding: .31rem .2rem 0 .2rem; }
.icenter *{ line-height: 0; }
.icenter img{ border-radius: .1rem; box-shadow: 0 0 5px rgba(0,0,0,.2) }
.ctop{ display: flex; margin-bottom: .23rem;}
.ctp-l{ width:2.91rem; margin-right: .19rem; line-height: 0;}
.ctp-r{ flex: 1; }
.ctp-r p{ line-height: 0; }
.ctp-r p:last-child{ margin-top: .22rem; }
.ccen{ display: flex; margin-bottom: .22rem; }
.ccen p:nth-child(1){ width: 4.66rem; margin-right: .22rem; }
.ccen p:last-child{ flex: 1; }
.cdown{ display: flex; margin-bottom: .22rem; }
.cdown p:nth-child(1){ width: 2.22rem; margin-right: .22rem; }
.cdown p:last-child{ flex: 1; }

footer{ background: url('../images/footer_bg.png') no-repeat center bottom; background-size: 100% auto; text-align: center; margin-top: .5rem; padding-bottom: .4rem; line-height: .5rem; }

.ntop{ height: 1.1rem; background: #2e5598; line-height: 1.1rem; text-align: center; padding-left: .83rem; position: relative}
.ntop a{ color: #fff; font-size: .3rem; padding: 0 .15rem; position: relative;} 
.ntbox { display: flex;white-space: nowrap;overflow-x: scroll; width: 100%; overflow: auto; justify-content: center; padding-left: .1rem;}
.ntbox a.hover:before{font: normal normal normal 14px/1 FontAwesome; content:"\f10c"; font-size: .24rem; color: #fff; position: absolute;right:-0.05rem;top: .25rem;transform: scale(.6);}
.ntop span{ display: inline-block; width: .83rem; height: .83rem; position: absolute; left: 0; top: .135rem; color: #fff; font-size: .36rem; line-height: .83rem;}


body.openmenu {position: fixed;overflow: hidden;}
.overlay {position: fixed;z-index: 99;background-color: rgba(0,0,0,0.5);bottom: 0;right: 0;left: 0; }
.openmenu .overlay {top: 0;}

#nav {height: 100%;width: 240px;background-color: #212121;position: fixed;top: 0;left:-250px;z-index: 101;overflow: auto;box-shadow: 3px 0 7px rgba(0,0,0,0.55);}
#nav .navtop{ height: 1.1rem; text-align: center; display: flex; align-items: center; justify-content: center }
#nav .navtop img{ height:.9rem; }
#nav ul li{  }
#nav ul li span{ color: #fff; font-size: .3rem; padding: .36rem .32rem; display:block; position: relative}
#nav ul li a{ color: #fff; font-size: .3rem; padding: .36rem .32rem; display:block; position: relative}
#nav ul li a i{ position: absolute; right: .32rem; top: 0; color: #fff; font-size: .36rem; bottom: 0; margin: auto 0; height: .36rem; }
#nav ul li span i{ position: absolute; right: .32rem; top: 0; color: #fff; font-size: .36rem; bottom: 0; margin: auto 0; height: .36rem; }
#nav ul li span.on i{ transform: rotate(90deg); }
#nav ul li dl{background: #191919; display: none;border-bottom: 1px solid #424242;}
#nav ul li dl dd a{ padding: .3rem .42rem;}

.danyebox{ padding: .3rem; }
.dybanner{ line-height: 0; }
.dynr{ line-height: .6rem; font-size: .26rem; padding-top: .2rem;}

.newbox{ padding:0 .15rem .15rem .15rem; }
.newbanner{ background: url('../images/bbg1.jpg') no-repeat; height: 1.79rem; background-size: cover; display: flex; align-items: center; font-size: .5rem; padding-left: .57rem;}
.newbanner1{ background: url('../images/bbg2.jpg') no-repeat; height: 1.79rem; background-size: cover; display: flex; align-items: center; font-size: .5rem; padding-left: .57rem;}
.newbanner2{ background: url('../images/bbg3.jpg') no-repeat; height: 1.79rem; background-size: cover; display: flex; align-items: center; font-size: .5rem; padding-left: .57rem;}
.newbanner3{ background: url('../images/bbg4.jpg') no-repeat; height: 1.79rem; background-size: cover; display: flex; align-items: center; font-size: .5rem; padding-left: .57rem;}
.newbanner4{ background: url('../images/bbg5.jpg') no-repeat; height: 1.79rem; background-size: cover; display: flex; align-items: center; font-size: .5rem; padding-left: .57rem;}
.newbanner5{ background: url('../images/bbg6.jpg') no-repeat; height: 1.79rem; background-size: cover; display: flex; align-items: center; font-size: .5rem; padding-left: .57rem;}



.mescroll{position:fixed;top:1.25rem;bottom:0;height:auto;left: 0;right: 0;margin: 0 auto;max-width: 750px; min-width: 320px; }
.news-list { padding: 0 .23rem; }
.news-list li{position:relative; height: 1.33rem; border-bottom: 1px solid #f0efef; display: flex; align-items: center }
.news-list li a{ width: 100%; display: block; }
.news-list li a p:nth-child(1){ font-size: .32rem; color: #343434;line-height: .5rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list li a p:nth-child(2){ font-size: .24rem; color: #c1c1c1; line-height: .5rem; }

.newsdbox{ padding: 0 .24rem; }
.ntitle{ font-size: .34rem;  padding: .24rem 0; text-align: center  }
.ndate{ text-align: center; position: relative;height: .4rem;line-height: .4rem;  }
.ndate:before{ height: 1px; content: "";width: 100%; position: absolute; background: #f1f1f1; left: 0; top: calc( .2rem - 0.5px )}
.ndate span{ position: relative; z-index: 1; background: #fff; color: #f58b64; padding: 0 .15rem;}
.newsdconent{ padding: .2rem 0; line-height: .6rem; font-size: .26rem !important; }
.newsdconent img{ max-width: 100% !important; height: auto; }