@charset "gb2312";

/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:16px/1.5 arial,\5b8b\4f53;color:#333;outline:0;
font-family:"Microsoft Yahei" ,arial,"Hiragino Sans GB",sans-serif;}
body{background:#fff;}
a,a:hover{color:#0000ff;}

td,th,div {	word-break: normal;	word-wrap: break-word;}
form {	display: inline;}
img {border: 0;vertical-align: middle;}
blockquote {quotes: none;}

.banner-box {  width: 46%; float:left;  margin: 2%;  overflow: hidden;  position: relative;  }
.banner-box .list {  width: 1000%;  overflow: hidden;  position: relative;  left: 0;  top: 0;  }
.banner-box .list li {  width: 10%;  float: left;  overflow: hidden;  }
.banner-box .list li:first-child {  display: block;  }
.banner-box .list li a img {  width: 100%;  display: block;  }
.banner-box .prev,
.banner-box .next {  position: absolute;  width: 50px;  height: 100px;  font-size: 30px;  line-height: 50px; top: 50%;  margin-top: -30px;  color: #ffffff;  text-align: center;  cursor: pointer;  }
.banner-box .prev {  left: 0;  }
.banner-box .next {  right: 0;  }
.banner-box .banner-pages {  position: absolute;  bottom: 20px;  height: 20px;  width: 100%;  text-align: center;  font-size: 0;  }
.banner-box .banner-pages span {  width: 10px;  height: 10px;  background-color: #cccccc;  display: inline-block;  border-radius: 50%;  -moz-border-radius: 50%;  -webkit-border-radius: 50%;  position: relative;  cursor: pointer;  margin: 0 6px;  line-height: 30px;  text-align: center;  z-index: 1;  font-size: 0px;  }
.banner-box .banner-pages span.on {  background-color: #f99c38;  color: #ffffff;  }

.clearfix{clear:both;zoom:1;}
.clearfix:after{content:"."; height:0; line-height:0;display:block; clear:both;overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.flex{display: flex;}
.mb20{margin-bottom: 20px;}
.mb40{margin-bottom: 40px;}

body {background-color: #fff;font-size: 16px;}
img{width:100%;	vertical-align: middle;}
a {color: #000;	text-decoration: none;}
a:hover {text-decoration: none;}
.banner{background:url(banner.jpg) center no-repeat;background-size:cover;height:450px;}
.banner1{display: none}
.guding{position:fixed !important;top:0px !important;position: fixed !important;top: 0px !important;width: 100%;background:  #fff;color:#000;	}
.nav{border-bottom:#dcdcdc 1px solid;text-align:center;z-index: 999;}
.nav-list{	width:1000px;margin:auto;display:inline;}
.nav-list li{display:inline-block;line-height:350%;margin-right:1.5em;color:#666;}
.nav-list li a.current{border-bottom:#6fba2a 5px solid;	color:#6fba2a;	padding-bottom:0.8em;text-decoration: none;}
.nav-list li a:hover{padding-bottom:0.8em;	border-bottom:#6fba2a 5px solid;color:#6fba2a;}
.content{width:900px;margin:0em auto 2em auto;}
.content p{	color:#000;	line-height:200%;}
.part{padding: 4em 0;}
.part2{background:url(bg1.jpg) center no-repeat;background-size:cover;}
.part4{background:url(bg2.jpg) center no-repeat;background-size:cover;}
.part6{background:url(bg3.jpg) center no-repeat;background-size:cover;}
.imgtt{	width:7em;margin:3em auto 2em;}
.part3 .subject{background-color:#6fba2a;padding: 15px;margin-bottom: 1em;}
.part3 .subject .fl{width:16%;padding: 2%}
.part3 .subject .fr{width:72%;padding: 4%}
.part3 .subject .fr .list{border-bottom: 1px solid #fff;margin-bottom: 10px;padding-bottom: 10px;}
.part3 .subject .fr .list .flex{justify-content:space-between;}
.part3 .subject .fr .list p{color: #fff;}
.part4 .fl{width:10%;padding: 2%}
.part4 .fr{height: 4em;width:auto;float: left}
.part4 .fr.last{height: 10em;}
.part5 h3{margin-top:2em;margin-bottom: 1em; padding-left:1%;}
.part5 ul li{width:23%;padding:1%;float: left;text-align: center;}
.part6 h3{margin-top:2em; }
.part7 ul li{width:46%;margin:2%;padding:2em 0;float: left;text-align: center;background-color: #d8ece0;}
.part7 ul li a {color: #6fba2a;	text-decoration: none;font-size: 18px;}
.part7 ul li a:hover {text-decoration: none;}
.footer{margin-top:3em;	background-color:#6fba2a;text-align:center;	color:#FFF;	line-height:200%;padding:1em;}
.imghd{width:40%;margin:2em auto;}
.imghd.lt{width:80%;margin:2em auto;}
.shipin{width:700px;height: 500px;margin: 2em auto; }
.shipin iframe{width:700px;height: 500px;}
@media screen and (max-width:800px){
.banner{display: none}
.banner1{display: block;}
.nav-list li{line-height:300%;}
.nav-list li a.current{padding-bottom:0.6em;}
.content{width:92%;	padding:0 4%;}
.imgtt{margin-top:4em;}
.part3 .subject .fl{width:30%;margin:auto;margin-bottom: 1em; display: block; float: none;}
.part3 .subject .fr{width:100%;padding: 0%;float: none;}
.part3 .subject .name{width:8em;text-align: right;}
.part4 .fl{float: none;width:100%;padding: 0}
.part4 .fr{float: none;height: 3em;}
.part4 .fr.first{width:100%;height: auto;}
.part4 .fr.last{width:100%;height: auto;}
.part5 h3{ padding-left:1%;}
.part5 ul li{width:48%;}
.banner-box {width: 96%; float:none;  margin-bottom: 2em; }
.shipin{width:100%;height: 220px;}
.shipin iframe{width:100%;height: 220px;}
.imghd.lt{width:100%;}
}