@charset "utf-8";
/* CSS Document */
/*---------全局样式-------------*/
*{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img,input,textarea{border:none;vertical-align:middle;}
img {max-width: 100%;height: auto;width: auto\9; /* ie8 */}
body{font-family:Tahoma,Arial,Helvetica, "Microsoft YaHei";font-size:18px;text-align:center;background:#FFF;color:#303133;}
html{overflow-y:scroll;-webkit-text-size-adjust: none;}
ul,ol{list-style-type:none;}
th,td,input,textarea{font-size:18px;}
h3{font-size:18px;}
button{border:none;cursor:pointer;font-size:18px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:18px;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
a{text-decoration:none;color:#303133;}
a:hover{text-decoration:none;color:#00873C;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
.video embed, .video object, .video iframe { width: 100%; height: auto;}

/*----文字样式----*/
.font-red {
 color:#00873C;
}
.font-white {
 color:#fff;
}
.font-green{
 color: #00873C;
}

/*图标样式*/
@font-face {
  font-family: 'iconfont';
  src:url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 18px;
  font-style: normal;
  font-weight:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont-20 {
  font-family: "iconfont" !important;
  font-size: 20px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont-32 {
  font-family: "iconfont" !important;
  font-size: 32px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*----其他样式-----*/
.left-0 {
 margin:0px 0px 0px 0px;
}
.left-20 {
 margin-left:2%;
}
.left-30 {
 margin-left:3%;
}
.left-40 {
 margin-left:4%;
}
.right-10 {
 margin-right:10px;
}
.right-15 {
 margin-right:10px;
}
.top-20 {
 margin-top:20px;
}
.top-40 {
 margin-top:40px;
}
.top-60 {
 margin-top:60px;
}
.bottom-40{
 margin-bottom:40px;
}
.l{ 
 float:left;
}
.r{ 
 float:right;
}
 .r-border{ 
 border-right:1px solid #DCDFE6;
}
/*----菜单----*/
header {
 width:100%;
 height: 100px;
 background:#fff;
}
header nav {
 width:1440px;
 height:100px;
 margin:0 auto;
 position:relative;
}

header nav .logo {
 float:left;
 margin-top:12px;
 width:535px;
 height:75px;
}
header nav .menu {
 float:right;
 height:80px;
 text-align:center;
}
header nav ul{
 margin:0 auto;
 display: inline-block;
}
header nav ul li {
 position:relative;
 float:left;
 left:-1px;
 width:158px;
 height:100px;
 border-left:1px solid #DCDFE6;
}
header nav ul li span {
 position:relative;
 display:block;
 top:35px;
 left:-2px;
 width:156px;
 height:30px;
 border-left:3px solid #00873C;
 border-right:3px solid #00873C;
}
header nav ul li a {
 font-size:20px;
 line-height:30px;
 display: inline-block;
}
header nav ul li a.select{
 font-weight:bold;
 height:62px;
 border-bottom:3px solid #00873C;
 color:#00873C;
}

/*----内容----*/
.banner img{
width:100%
}
center {
 width:1440px;
 margin:0 auto;
 position:relative;
}
/*---页脚----*/
footer{
margin:0px;
width:100%;
height: 60px;
background: #343A40;
}
footer a {
color: #fff;
}
footer a:hover {
color: #fff;
}
footer .txt{ 
 width:1440px;
 margin:0 auto;
 }
footer p{
	margin:0;
	padding:0;
	line-height:60px;
	color:#fff;
	text-align:center;
}

/*页面布局*/
@media (max-width: 1440px) {
  center {
 width:1240px;
 margin:0 auto;
 position:relative;
}
header nav {
 width:1240px;
}
header nav .logo{
margin-top:14px;
width:481px;
}
header nav .logo img {
width:481px;
}
header nav ul li {
width:138px;
}
header nav ul li span {
width:136px;
}
footer .txt{ 
 width:1240px;
 }
}
@media (max-width: 1366px) {
  center {
 width:1166px;
 margin:0 auto;
 position:relative;
}
header nav {
 width:1240px;
}
header nav .logo{
margin-top:14px;
width:481px;
}
header nav .logo img {
width:481px;
}
header nav ul li {
width:138px;
}
header nav ul li span {
width:136px;
}
footer .txt{ 
 width:1166px;
 }

}
