@charset 'gb2312';
* { margin: 0; padding:0;} 
html,body {width:100%; height:100%; margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;  -webkit-font-smoothing:antialiased;/*  text-align:justify;*/ text-justify:inter-ideograph;  background:url(../images/bj.jpg) left bottom no-repeat rgba(255, 179, 0, 0.05); background-attachment:fixed;}
body { margin:0px; padding:0; -webkit-text-size-adjust: 100%;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,font,strong,input,textarea,blockquote,img,button {border:0; padding:0; margin:0; font-weight:normal; font-style:normal;} 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
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%; }
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,font,strong,p,i,em,b,span,td,tr,a,input,textarea,blockquote,img,button { box-sizing:border-box; -webkit-box-sizing:border-box; }

.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}

img { max-width: 100%;border: none; border: 0; vertical-align: middle;}
a { color: #333; text-decoration: none; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
a:focus { outline: none;-moz-outline: none;}
a:hover { text-decoration: none;  color:#083b90; }
.left { float: left; }
.right { float: right;}
.clear { clear: both; }

.banner { background: url("../images/banner.jpg") no-repeat center; height: 950px; margin-bottom: 3%;}
.warp { width: 1200px; margin: 0 auto;}


.st { width:100%; float: left;}
.st ul li { width:32%; float:left; margin-right:2%; margin-bottom:25px; box-shadow: 0px 0px 10px #13876b29;  }
.st ul li h3 { width:100%; height:210px; position:relative;  }
.st ul li h3 img { width:100%; height:100%; }
.st ul li h3 b { position:absolute; left:0; bottom:0; background: linear-gradient(135deg, #13876b 1%, #0e7e72 100%);color:#fff; font-size:14px; line-height:36px; padding:0 12px; z-index:6; filter:alpha(opacity=9); opacity:0.9;  }
.st ul li h4 { width:100%; float:left;  background:rgba(255,255,255,.8);  padding:12px 5%; }
.st ul li h4 p { font-size:16px; line-height:22px; color:rgba(0,0,0,.8);  text-align: center; font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical }
.st ul li:nth-child(3n) { margin-right:0;}
.st ul li:hover h4 { color:#e84335; }


.footer { width:100%; float:left;  background:#824201b8;  font-size:16px; line-height:52px; color:#fff; text-align:center; } 
.footer strong { padding:0 0 0 8px; font-weight: 600; }

.mtop { display: none;}


@media screen and (max-width: 1024px) {
    .banner { height: 29vh; background-size: 130%; margin-bottom: 8%;}
    .warp { width: 92%; }
    .nav ul { width: 100%; padding: 1rem;}
    .nav ul li { font-size: 1rem; line-height: 2rem;margin-right:.5rem;}
    .nav ul li:nth-child(2) { margin-right:0; }
    .nav ul li span {font-size: 1rem; line-height: 2rem; padding: 0 0 0 3px;}
.swiper-button-prev,.swiper-button-next { display: none; }

.lm { background-size:auto 100%; min-height:3.6rem; margin-bottom:5%; margin-top:5%;  }
.st ul li { width: 100%; margin-right: 0%;}	
	
    
}