@charset "gb2312";
@import "Noto Sans SC.css";
*{ margin:0px; padding:0px; border:0;}  
body { -webkit-text-size-adjust: 100%; }
html,body {width:100%; height: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/bj.jpg) center top repeat-y;  background-attachment:fixed;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button,font,i {border:0;  padding:0; margin:0;  } 
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,font,div { 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:#333; text-decoration:none; }
a:hover{ color:var(--color); 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,strong { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

:root {
--transition:all ease-out .3s 0s;
--color:#e2442c; /*主体色改这个颜色*/
--color2:rgba(255,255,255,1); 
--color3:#111; 
--color4:#d63223;
--bgcolor:rgba(255,255,255,.8);
--bgcolor2:#fff;
--bgcolor3:rgba(225,157,117,.75);
--bgcolor4:#eaddd4;	
--shadow: 0 2px 18px rgba(225,157,117,.4);
--text-shadow:0px 2px 8px rgba(0, 0, 0, .5); 
--radius: 20px;
}


.reveal { opacity:0; transform:translateY(50px);transition:opacity .7s ease,transform .7s ease; }
.reveal.in {opacity:1; transform:none}

.header { width:100%; margin:0 auto; height:700px; overflow:hidden;  z-index:99; position:relative;  background:url(../images/header.jpg) center bottom no-repeat; background-size: cover;  }
.header .tit { width:100%; max-width: 1200px; margin: 0 auto;  text-align: center; padding:60px 0 0 0 ; }

.mobtop { display: none; }

.return { position: absolute; right:0; bottom:0; }
.return a {  background:linear-gradient(to right,#f05a3a 0,#c61815 100%); display: inline-block; color: #fff; font-size:20px; line-height: 1.5; padding:14px 25px;  }



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


.newslist { width:100%; float:left; margin-bottom:50px;  } 
.newslist ul li { width:100%; float:left; border-left:4px solid #c90000; padding:15px 30px; margin:8px 0; box-shadow: 2px 2px 6px rgba(0,0,0,.1);  
 background:#fff; box-shadow:0px 0px 10px rgba(174,127,65,.15); transition:var(--transition); }
.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:var(--color); }
.newslist ul li:hover { transform:translateY(-10px); }
.newslist ul li:nth-child(2n) { border-left:4px solid #c5a37c; }


.footer { width: 100%; float: left; background:linear-gradient(to right,#f05a3a 0,#c61815 100%);  padding:14px 0;  font-size: 17px; line-height: 1.6; color:rgba(255,255,255,.95); text-align: center;  }
.footer span { font-weight: 200; }
.footer span strong { font-weight: 500; margin-right:015px; display: inline-block; }
.footer font { font-weight: 200; }






/* -----------------------------------------------  移动端适配 -------------------------------------------------------------------- */
@media (max-width: 820px) {

.nav,.header { display: none; }
.mobtop { display:block;  position:relative; }		
.mobtop img { width: 100%; }	
.return { position: absolute; right:0; bottom:0; }
.return a { font-size:4vw; line-height: 1.5; padding:2vw 4.5vw; font-weight: 300;  }

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

.lm { padding:5vw 0; }
.lm img { max-width: 55%;}

.newslist { width:100%; float:left; margin-bottom:2vw;} 
.newslist ul li { padding:3% 5%; margin:0 0 3vw 0; }
.newslist ul li h4 { font-size:3.75vw; line-height:1.5; height:auto; overflow:auto;}
.newslist ul li h4 span { display: none;  }
.newslist ul li:hover h4 { color: #333; }
.newslist ul li:hover { transform:translateY(0px); }
	
	
.footer {  padding:2.75vw 2%;  font-size: 3.5vw; line-height: 1.6;  }
.footer span { width: 100%; float: left; text-align: center; font-weight: 200; }
.footer span strong { ; margin-right:2vw; }
.footer font { width: 100%; float: left; text-align: center;  font-weight: 200; display:none; }
	
}