@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:#c2e7e8;   }
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; }



.header { width:100%; margin:0 auto; overflow:hidden; background: url(../images/header.jpg) center top no-repeat;  }

.donghua { width: 1200px; margin: 0 auto; overflow: hidden; }
.tit { width:100%; float: left;  text-align: right; padding:80px 80px 0 0; -webkit-animation:tit 1.2s ease .5s backwards; animation:tit 1.2s ease .5s backwards;  }
@keyframes tit
{
0%   { -webkit-transform:scale(.5);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes tit
{
0%   { -webkit-transform:scale(.2);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
.tit img { max-with: 100%;}

.return { width:100%; float: left;  text-align: right; }
.return a {  background:#14b2b3; border-bottom:4px solid #a0cdd0;  display: inline-block; color: #fff; font-size:20px; line-height: 1.5em; padding:14px 25px;  }


.sub {  width:100%; float: left; padding:140px 45px 110px 0; text-align: right; font-size:24px; line-height:1.5em; color: #35759a;  -webkit-animation:sub .6s ease 1.3s backwards; animation:sub .6s ease 1.3s backwards; }
@keyframes sub
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}
@-webkit-keyframes sub
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}
.sub strong { font-weight: 600; }





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

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

.newslist { width:100%; float:left; margin-bottom:55px;   } 
.newslist ul li { width:100%; float:left;  border-bottom:4px solid #a0cdd0;  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; line-height:1.6em; font-size:20px;}
.newslist ul li h4 span { color:#999; float:right; font-size:16px; }
.newslist ul li:hover h4 { color:#fff; }
.newslist ul li:hover h4 span { color:#fff; }
.newslist ul li:hover { -webkit-transform: translateY(-10px);transform:translateY(-10px); background:#14b2b3; }


.footer { width:100%; float:left;  text-align:center; font-size:18px; line-height:1.5em; color:rgba(255,255,255,.9); padding:17px 0;  background: #14b2b3; } 
.footer strong {  font-weight: 600; }	


/* Òƶ¯¶ËÊÊÅä */
@media (max-width: 820px) {
.header { background-size:145% auto; }	
.donghua { width: 100%;  }
	
	
	
.tit { width:100%; float: left;  text-align: right; padding:5.5vw 5vw 0 0; }
.tit img { max-width: 76%;}
.sub { width:100%; float: left; padding:5vw 5vw 11vw 0; text-align: right; font-size:3vw; line-height:1.5em;  }

.return a {  display: inline-block;  font-size:3.5vw; line-height: 1.5em;  padding:2.25vw 3.75vw;  }

.warp { width:100%; padding:0 5%; }	
	

.lm { padding:5% 0; }
.lm img { width:50%; }	
	
.newslist { width:100%; float:left; margin-bottom:3%; } 
.newslist ul li { padding:3% 4.5%; margin:0 0 2% 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); background:#fff;  }

	
.footer { font-size:3.5vw; line-height:1.5em; padding:3vw 0; } 
}