@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:linear-gradient(90deg,#192ede,#5211b0);*/background:url(../images/bg.jpg) center bottom no-repeat #2a2fdd; 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,a { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }


.top { width:100%; float:left; position:relative; }
.top img { width: 100%;}
.top font { position: absolute; bottom:0; right:0; }
.top font a { background: linear-gradient(45deg, #23d8f2, #0072d4); display: inline-block; color: #fff; font-size:22px; line-height: 1.5em; padding:14px 24px;  }

.mobtop	{ display:none;}



.footer { width:100%; float:left;   text-align:center; font-size:16px; line-height:1.5em; color:rgba(255,255,255,.9); padding:17px 0; margin-top:70px; background: linear-gradient(45deg, #1163ec, #511cb4); } 
.footer span {  }
.footer span strong {  font-weight: 600; }	
.footer font { display: inline-block; margin-left:15px;  }



.warp { width: 1200px; margin: 0 auto;  }

.lm { width:100%; float: left;  padding:55px 0 40px 0; text-align: center; }


.newslist { width:100%; float:left; margin-bottom:-15px; margin-top: 10px; } 
.newslist ul li { width:100%; float:left; border-left:4px solid #fb9c25; padding:15px 28px; margin-bottom:15px;  background:#fff; box-shadow:0px 0px 10px rgba(0,140,255,.15); transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s;  }
.newslist ul li h4 { width:100%; float:left;  text-align:left; color:#333; 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: #2228d4; }
.newslist ul li:hover { -webkit-transform: translateY(-10px);transform:translateY(-10px); }
.newslist ul li:nth-child(2n) { border-left:4px solid #23d8f2; }


@media (max-width: 820px) {
html,body {  background:linear-gradient(90deg,#192ede,#5211b0);   }
	
	
.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, #23d8f2, #0072d4); display: inline-block; color: #fff; font-size:4vw; line-height: 1.5em; padding:1.5vw 3.5vw;  }


.footer { width:100%; float:left;  text-align:center; font-size: 3.25vw; line-height:1.6em; color:#fff; padding:3.5vw 6vw; margin-top:5%; background: linear-gradient(45deg, #1163ec, #0072d4); } 
.footer span {  width:100%; float:left;  text-align:center;  }
.footer font { width:100%; float:left;  text-align:center;  margin-left:0;  }
	
.warp { width:100%;  padding:0 5%; }
	
.lm { padding:6% 0; }
.lm img { width:90%; }	

	
.newslist { margin-bottom:-2%; margin-top: 0; }
.newslist ul li { padding:3% 4.5%; margin-bottom:2%;  }
.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); }
	
}
