@charset "gb2312";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%;}
html,body {width:100%;  margin:0px; padding:0;  font:16px/1.5  'Noto Sans SC','Microsoft YaHei', arial, \5FAE\8F6F\96C5\9ED1,  'Hiragino Sans GB', sans-serif;  background:url(../images/bg.jpg) center bottom no-repeat #fff; background-attachment:fixed;  }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#46372b; text-decoration:none; }
a:hover{ color:#b12530; text-decoration:none;}
.cl { clear:both;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,font { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }



.top { width:100%; float:left; background:url(../images/article_top.jpg) center top no-repeat; background-size: cover; height:440px; text-align:center; padding:70px 0 0 0; position:relative; }
.top font { position: absolute; bottom:0; right:0; }
.top font a { background: linear-gradient(45deg, #f6a836, #df5620); display: inline-block; color: #fff; font-size:22px; line-height: 30px; padding:14px 25px;  }

.mobtop	{ display:none;}




.footer { width:100%; float:left;  background:linear-gradient(45deg,#23d8f2,#0072d4); text-align:center; font-size:15px; line-height:1.8em; color:#fff; padding:15px 0; } 
.footer strong {  font-weight: 600; }
.footer span { margin:0 5px; }
.footer font { width:100%; float:left; text-align:center;  }


.warp { width: 1200px; margin: 0 auto;  }

.lm { width:100%; float: left;  padding:50px 0 40px 0; text-align: center;  }

.newslist { width:100%; float:left; margin-bottom:55px;   } 
.newslist ul li { width:100%; float:left; border-left:4px solid #ff7700; padding:15px 30px; margin:8px 0;  background:#fff; box-shadow:0px 0px 10px rgba(0,140,255,.15); transition:all ease-out .3s 0s; -webkit-transition:all ease-out .43s 0s; }
.newslist ul li h4 { width:100%; float:left;  text-align:left; color:#444; font-size:18px; line-height:36px; height:36px; overflow:hidden;}
.newslist ul li h4 span { color:#999; float:right; font-size:16px; }
.newslist ul li:hover h4 { color: #ff7700; }
.newslist ul li:hover { -webkit-transform: translateY(-10px);transform:translateY(-10px); }
.newslist ul li:nth-child(2n) { border-left:4px solid #0072d4; }


@media (max-width: 820px) {
	

	
.top { display: none; }	
.mobtop	{ display:block; position:relative;}
.mobtop img { width: 100%; }
.mobtop font { position: absolute; bottom:0; right:0; }
.mobtop font a { background: linear-gradient(45deg, #f6a836, #df5620); display: inline-block; color: #fff; font-size:1rem; line-height: 2rem; padding:4px 16px;  }


	
.footer {  padding:3.5vw 6vw;  font-size: 3.25vw; line-height: 1.7em; background:linear-gradient(45deg,#0072d4,#23d8f2); } 
.footer span { width: 100%; float:left; text-align: left;  margin:0; }
.footer font { width:100%; float:left; text-align:left;  }
	
	
.warp { width:100%;  padding:0 5%; }
	
.lm { padding:5% 0; }
.lm img { width:75%; }	
	
.newslist { width:100%; float:left; margin:2% 0 3% 0;} 
.newslist ul li { padding:3% 4.5%; margin:0 0 3% 0;  }
.newslist ul li h4 { font-size:3.75vw; line-height:1.5rem; height:auto; overflow:auto;}
.newslist ul li h4 span { display: none;  }
.newslist ul li:hover h4 { color: #444; }
.newslist ul li:hover { -webkit-transform: translateY(0px);transform:translateY(0px); }
	
}