@import url("animate.css");
@charset "utf-8";
/* CSS Document */

/* ====================
     公共样式
==================== */ 
body{background:#ffffff; font-size:14px; font-family:"微软雅黑",Verdana,Arial;  margin:0; padding:0; color:#4d4d4d;
  min-height: 100vh;
  min-height: calc(var(--vh) * 100);
  display: flex;
  flex-direction: column;
}

@supports (-webkit-touch-callout: none) {
  body {
    min-height: -webkit-fill-available;
  }
}


div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{
margin:0; padding:0; border:none; list-style-type:none;
}
em, i {
    font-style: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
h1,h2,p,h3,ol,form,label,dl,dd{ margin:0px; padding:0px; font-size:100%; border:none; vertical-align:baseline; outline:none;}
ul,li{ list-style:none; margin:0px; padding:0px; border:0px; outline:none; font-size:100%; }
a{ color:#fff; text-decoration: none; outline: none; }
a:hover{color:#fff}
.block {width:1200px; }


.block-b{width: 100%; margin-top: 8px; float:left; text-align: center;}

.fl{float:left;}
.fr{float:right;}
.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
 height:1%;
}
*+html .clearfix{
 height:1%;
}
.clear{
	width:100%;
	clear:both;
}

.top-header{background-color: rgba(0, 0, 0, 0.2); width: 100%; position: absolute; top: 0; left: 0; height: 70px; line-height: 70px;}
.top-header a{color: #0f731d; font-size: 18px; float: left; margin-right: 20px;}
.top-header span{width: 1.5px; height: 24px; margin-top: 22px; margin-right: 20px;float: left;background: #fff;display: block;}
.banner{float:left; width: 100%; height:auto; }
.scaleBg-banner{background: url(../images/banner.jpg);}
.footer{background-color: rgba(0, 0, 0, 0.4);position: absolute; bottom: 0; left: 0; width: 100%; height: 232px; color: #fff;}
.footer-m{display: none;}
.li{float: left; width: 49%; margin-top: 65px;}
.li-2{width: 48%; margin-left: 30px;}

.li a{display: block;}
.li-xx{float: left; width: 3px; background: #fff; height: 135px; display: block; margin-top: 50px;}
.li .img{float: left; width: 153px; text-align: center; margin-right: 25px;}
.li .desc{float: left;padding-top: 5px;width: 360px;}
.li-2 .desc{width: 280px;}
.li .desc h1{font-size: 26px; font-weight: normal; margin-bottom: 20px; position: relative;}
.li .desc h1 i{background: url(../images/jt.png) no-repeat; width: 13px; height: 20px; display: block; position: absolute; right: 0; top: 0;}
.li .desc p{font-size: 16px; line-height: 28px;}
@media only screen and (max-width : 1000px){
	.scaleBg-banner{background: url(../images/banner-m.jpg); background-size: 100%;}
	.top-header{ height: 1.5rem; line-height: 1.5rem;font-size: 0.4rem;}
	.top-header a{margin-right: 0.2rem;}
	.top-header a:last-child{margin-right: 0;}
	.top-header span{margin-top: 0.52rem;margin-left: 0.2rem;}
	.block{width: 95%;}
	
	.block-b{width: 100%; margin-top: 8px; float:left; text-align: center;}

	.footer{display: none;}
	.footer-m{display: block;background-color: rgba(0, 0, 0, 0.4);position: absolute; bottom: 0; left: 0; width: 100%; height:6.3rem; color: #fff;}
    .block-m{width: 100%;}
	.li{margin-top: 1rem;width: 50%;}
	.li .img{width: 100%; text-align: center; margin-right: 0; margin-bottom: 0.4rem; }
    .li .img img{width: 2.9rem; height: 1.83rem;}
	.li .desc{width: 100%; text-align: center;padding-top: 0;}
	.li .desc h1{width: 100%;text-align: center;font-size: 0.32rem; margin-bottom: 0.2rem;}
	.li .desc p{font-size: 0.24rem; line-height: 18px;}
	.li .desc p.p{margin-top: 0.2rem; position: relative;}
	.li .desc p i{background: url(../images/jt.png) no-repeat; width: 0.13rem; height: 0.2rem; display: block; background-size: 100%; position: absolute; right: 30px; top: 5px;}
    .li-xx{width: 0.03rem;height: 4.43rem; margin-left: 10px;}
    .li-2{margin-left: 0;width: 45%;}
	.li-2 .img{margin-bottom: 0.66rem;}
	.li-2 .img img{width: 1.66rem; height: 1.57rem;}
  }