@charset "UTF-8";

*{padding: 0; margin: 0; height: 100%; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
h1,h2,h3,h4,h5,h6,div,img,span,p{height: initial; font-weight: 100;}
a,a:hover{text-decoration:none;}
body {height: 100%;}
::selection {
background:#000;
color: #fff;
}
::-moz-selection {
background:#000;
color: #fff;
}
::-webkit-selection {
background:#000;
color: #fff;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 3px;  
    height: 3px;  
    background-color: #fff;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px #333;  
    border-radius: 10px;  
    background-color: #F5F5F5;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px #333;  
    background-color: #555;  
}
.clear {clear: both; height: initial;}
.box {width: 1280px; margin: 0 auto; padding: 40px 0; overflow: hidden;}
#header {height:65%; background: #0a612a;}
.header-menu {height: 100px; border-bottom: 1px solid #fff; background: #21ce17;}
.header-menu-box {width: 1280px; height: 100px; margin: 0 auto;}
.header-menu-box-logo {width: none; height: 90px; padding: 5px; border-right: 1px solid #fff; color: #fff; center; float: left;}
.header-menu-box-logo img {height:inherit;}
.header-menu-box ul {width: 982px; margin-left: 10px; float: left;}
.header-menu-box ul li {width: 109px; float: left; list-style: none; color: #fff; line-height: 100px; text-align: center;}
.header-menu-box ul li:hover {background: #1a1a1a;}
.header-menu-box ul li span {color: #fff;}
.header-box-1 {width: 980px; padding-top: 15%; margin: 0 auto; color: #fff;}


.navgation{height:50px; line-height:50px; display: none;}
.nav{height:40px;}
.nav * {height: initial;}
.nav mu{float:left; width:80px; background: url(../img/ico/nav_bg.png) no-repeat; text-align:center; color: transparent;}
.nav mu:hover {background: url(../img/ico/nav_bghover.png) no-repeat;}
.nav mu um mu {float:left; background: #2a2a2a; text-align:center;}
.nav .last{border-right:none;}

.nav a {display:block; color: #fff;}
.nav a:hover { display:block;background:#000}
/*下拉列表*/
.nav um{display:none;}
.nav mu:hover um{display:block; position:absolute; float: left; margin-left: -20%;}
.nav mu:hover um mu{border-right:none; width: 100%;}


.header-box-1-p {font-size: 18px; animation:myfirst 1s; -moz-animation:myfirst 1s; /* Firefox */ -webkit-animation:myfirst 1s; /* Safari and Chrome */ -o-animation:myfirst 1s; /* Opera */}
.header-box-1-title {font-size: 42px; animation:myfirsta 1s; -moz-animation:myfirsta 1s; /* Firefox */ -webkit-animation:myfirsta 1s; /* Safari and Chrome */ -o-animation:myfirsta 1s; /* Opera */}
.header-box-1-con {width: 460px; font-family:"宋体"; animation:myfirstb 1s; -moz-animation:myfirstb 1s; /* Firefox */ -webkit-animation:myfirstb 1s; /* Safari and Chrome */ -o-animation:myfirstb 1s; /* Opera */}
.header-button {width: 120px; height: 35px; float: right; border-radius: 20px; line-height: 35px; text-align: center; border: solid 2px #fff; margin-right: 280px;animation:myfirstc 1.5s; -moz-animation:myfirstc 1.5s; /* Firefox */ -webkit-animation:myfirstc 1.5s; /* Safari and Chrome */ -o-animation:myfirstc 1.5s; /* Opera */}

#Info {width: 100%; overflow: hidden; background: #778e1f; display: block; position: inherit; color: #fff;}
.web {width: 350px; float: left;}
.web h2 {font-size: 18px;}
.web p {font-size: 14px;}
.Info-box-m {margin: 0 115px;}
.Info-box-a {margin: 40px 0;}

#Product {width: 100%; overflow: hidden;}
#Product h2,#new h2,#Case h2,#Info>.box>.h2 {text-align: center; margin-bottom: 40px; font-size: 26px;}
.Product {width: 290px; padding: 40px 0; border: 3px solid #2a2a2a; float: left; margin: 0 12px;}
#Product h3 {text-align: center; padding-bottom: 20px; font-size: 24px;}
.hr {height: 2px; width: 20%; margin: 0 auto; background: #2a2a2a;}
.rmb {text-align: center; padding-top: 20px; font-size: 32px;}
.Product-p {text-align: center; padding: 10px 0 20px 0;}
#Product p {text-align: center; padding: 5px 0;}

#new {width: 100%; overflow: hidden; background: #fafafa;}
#new li {width: 100%; overflow: hidden; padding: 2% 0; border-top: #ccc solid 1px; list-style: none; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;}
#new li:hover {width: 96%; padding: 2% 2%; overflow: hidden; background: #2e2e2e; color: #ccc;}
#new span {float: right;}
#new a {color:#202020;}

#Case {width: 100%; overflow: hidden;}
#Case>.box>a{color:#1d1d1d;}
#Case li {width: 404px; margin: 10px; height: 300px; background: #fff; list-style: none; float: left; border: 1px solid #eaeaea; position: relative;}
#Case li:hover {background: #2e2e2e; color: #fff; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;}
.Case-con {height: 250px; background: #fafafa;}
.Case {padding: 0 10px; line-height: 50px;}

#Case-1 {width: 100%; overflow: hidden;}
#Case-1 li {margin: 10px; width:298px; text-align:center; background: #fff; list-style: none; float: left; border: 1px solid #eaeaea; position: relative;}
#Case-1 li:hover {background: #2e2e2e; color: #fff; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;}
.Case-con-1 {background: #fafafa;}
.Case-con-1 img {width:100%;}
.Case-1 {padding: 0 10px; line-height: 50px; text-align: center;}

.Case-con {height: 250px; background: #fafafa;}
.Case {padding: 0 10px; line-height: 50px;}

#link {background: #F9F9F9;}
#link>.box {padding: 20px 0; overflow: hidden; color: #2e2e2e;}
#link>.box>li>a {color: #5e5e5e;}
#link>.box>li>a:hover {color: #1d1d1d;}
#link p {font-size: 26px; padding-bottom: 10px;}
#link li {list-style: none; float: left; padding-right: 10px;}

#footer {overflow: hidden; background: #2e2e2e;}
.footer-left {width: 600px; color: #cecece; float: left;}
.footer-left-logo {padding: 10px 20px; display: table; border: 1px solid #cecece; font-size: 26px; margin-bottom: 20px;}
.footer-left p {text-indent:2em; line-height: 26px;}
.footer-left li {float: left; margin-right: 20px;}
.bdsharebuttonbox {background: #F5F5F5; padding: 5px; margin-top: 20px;}
.footer-right {float: right; width: 600px; padding: 20px; background: #202020; color: #ccc;}
.footer-right p {margin: 10px 0;}
.footer-right p input {background: #1D1D1D; border: #1D1D1D; width: 45%; padding: 2.2%; color: #fff;}
.footer-right p input:hover {background: #101010; border: #101010;}
.footer-right textarea {background: #1D1D1D; border: #1D1D1D; width: 96%; height: 146px; color: #fff; padding: 2%;}
.footer-right textarea:hover {background: #101010; border: #101010;}
.submit {width: 140px; height: 40px; background: #202020; margin-top: 20px; border: #fafafa 1px solid; float: right; color: #fff;}
.submit:hover {background: #fafafa; color: #1D1D1D;}
.footer {background: #2a2a2a;}
.footer>.box {padding: 0; line-height: 60px; color: #cecece;}
.footer>.box a {color: rgba(255,255,255,0.8);}
.footer>.box a:hover {color: rgba(255,255,255,1);}

.web-box-title {background: #f3f3f3; padding: 40px 0; text-align: center;}
.web-box-title h2 {font-size:36px; font-weight:bold;}
.web-box-hr {background: url(../img/web/0001.png) center no-repeat; width: 180px; height: 1px; margin: 0 auto; padding: 10px 0;}
.web-box-1 {background: url(../img/web/0002.png) #2E2E2E; height: 506px; color:#cecece;}
.web-box-left {width:500px; float:left;}
.web-box-left-5 {width:500px; float:left;}
.web-box-1>.box>.web-box-left-5 h2 {font-size:36px; color: #FF7E00; padding-bottom:20px; padding-top:20px; font-weight:bold;}
.web-box-1 h2 {font-size:36px; color: #FF7E00; padding-bottom:20px; padding-top:100px; font-weight:bold;}
.web-box-1 p {line-height:36px; font-size:18px;}
.web-box-right {width:450px; height:476px; float:right; background: url(../img/web/0003.png) center no-repeat; padding-top:90px;}

.web-box-right-001 {width:450px; height:421px; float:right; background: url(../img/web/0004.png) center no-repeat; padding-top:173px;}
.web-box-right-002 {width:450px; height:439px; float:right; background: url(../img/web/0005.png) center no-repeat; padding-top:173px;}

.web-box-2 {color:#2E2E2E;}
.web-box-left-1 {float:left; padding:60px 0;}
.web-box-left-10 {float:right; padding:60px 0;}
.web-box-2 h2 {font-size:36px; color: #2E2E2E; padding-bottom:20px; padding-top:100px; font-weight:bold;}
.web-box-2 p {line-height:36px; font-size:18px;}
.web-box-right-1 {width:500px; float:right;}

.new-left {
    width: 120px;
    height: 30px;
    color: #555;
    float: left;
    line-height: 30px;
    padding-left: 10px;
}
.new-right {
    padding: 5px 20px;
    color: #555;
    float: right;
}

.footer a {color:#2A2A2A;}

.newsnav {margin-bottom: 20px;}
.site {width: 121px; height: 75px; float: left; margin-right: 20px;}
.cont-title {float:left; margin-bottom: 30px;}
.cont-title h1 {padding-bottom: 10px; font-weight: 600;}
.cont-title a,.newsnav a {color:#000;}

@keyframes myfirst {
	0%   {padding-top: 5%;}
	100% {padding-top: 0%;}
}
@-moz-keyframes myfirst /* Safari and Chrome */{
	0%   {padding-top: 5%;}
	100% {padding-top: 0%;}
}
@-webkit-keyframes myfirst {
	0%   {padding-top: 5%;}
	100% {padding-top: 0%;}
	
}
@-o-keyframes myfirst {
	0%   {padding-top: 5%;}
	100% {padding-top: 0%;}
}

@keyframes myfirsta {
	0%   {padding-top: 5%;}
	100% {padding-top: 0%;}
}
@-moz-keyframes myfirsta /* Safari and Chrome */{
	0%   {padding-top: 5%;}
	100% {padding-top: 0%;}
}
@-webkit-keyframes myfirsta {
	0%   {padding-top: 5%;}
	100% {padding-top: 0%;}
	
}
@-o-keyframes myfirsta {
	0%   {padding-top: 5%;}
	100% {padding-top: 0%;}
}

@keyframes myfirstb {
	0%   {padding-top: 5%;}
	100% {padding-top: 0%;}
}
@-moz-keyframes myfirstb /* Safari and Chrome */{
	0%   {padding-top: 5%;}
	100% {padding-top: 0%;}
}
@-webkit-keyframes myfirstb {
	0%   {padding-top: 5%;}
	100% {padding-top: 0%;}
	
}
@-o-keyframes myfirstb {
	0%   {padding-top: 5%;}
	100% {padding-top: 0%;}
}

@keyframes myfirstc {
	0%   {margin-top: 5%;}
	100% {margin-top: 0%;}
}
@-moz-keyframes myfirstc /* Safari and Chrome */{
	0%   {margin-top: 5%;}
	100% {margin-top: 0%;}
}
@-webkit-keyframes myfirstc {
	0%   {margin-top: 5%;}
	100% {margin-top: 0%;}
	
}
@-o-keyframes myfirstc {
	0%   {margin-top: 5%;}
	100% {margin-top: 0%;}
}

@media only screen and (max-width:1280px){
	.box {width: 98%; margin: 0 auto;}
	.header-menu-box,.Case-con img,.footer-left {width: 100%;}
	.header-menu-box ul {width: 100%; float: none;}
	.header-menu-box ul li {width: 9.9%; padding: 0;}
	.header-box-1 {width: 700px; padding-top: 20%;}
	.header-button,.Info-box-m,#new  {margin: 0;}
	.Info-box-a {display: none;}
	.web {width: 45%; padding: 10px 2%;}
	.Case-con {height: auto;}
	.Product {width: 47%; padding: 40px 0; border: 3px solid #2a2a2a; float: left; margin: 0 1% 10px 1%;}
	#Case li {width: 47.5%; height: auto;}
	.footer-right {width: 100%; padding: 40px 0;}
	.header-menu-box ul li {width: 8%; padding: 0;}
	#Case-1 li {width:23%;}
}

@media only screen and (max-width:1126px){
	#Case-1 li {width:22%;}
}

@media only screen and (max-width:1160px){
	.header-menu-box ul li {width: 7.8%; padding: 0;}
}

@media only screen and (max-width:1074px){
	.header-menu-box ul li {width: 7.6%; padding: 0;}
}

@media only screen and (max-width:1024px){
	.header-menu-box-logo {height: 50px; line-height: 50px;}
	.header-menu {height: 60px;}
	.header-menu-box {height: 60px;}
	.header-menu ul,.header-menu ul li{display: none;}
	#menu ul {display: none;}
	.navgation{display: block; margin:10px auto; float: right;}
}

@media only screen and (max-width:974px){
	.web-box-right {display:none;}
	.web-box-right-001 {display:none;}
	.web-box-right-002 {display:none;}
	.web-box-right-003 {display:none;}
}

@media only screen and (max-width:883px){
	.web-box-left-1 {display:none;}
	.web-box-left-10 {display:none;}
	.web-box-2 h2 {padding-top:0;}
	.web-box-left {width:100%;}
	.web-box-right-1 {width:100%;}
}

@media only screen and (max-width:900px){
	#Case li {width: 47%;}
}

@media only screen and (max-width:752px){
	#Case li {width: 46.8%;}
	#Case-1 li {width:46%;}
	.site {display:none;}
	.cont-title {float:none; text-align:center;}
}

@media only screen and (max-width:705px){
	#Case li {width: 46.7%;}
}

@media only screen and (max-width:700px){
	.header-box-1 {width: 98%; padding-top: 20%;}
}

@media only screen and (max-width:684px){
	#Case li {width: 46%;}
}

@media only screen and (max-width:612px){
	.Product {width: 46.9%;}
}

@media only screen and (max-width:600px){
	.box {width: 98%; margin: 0 auto;}
	.header-menu-box,.Case-con,.footer-left img {width: 100%;}
	.header-box-1 {width: 98%; margin: 0 auto; padding-top: 35%;}
	.header-box-1-con {width: 100%; padding: 5px 0; margin-bottom: 10px;}
	.header-button {width: 88%; padding: 10px 5%; float: none;}
	.Info-box-m {margin: 0;}
	.Info-box-a {margin: 0;}
	.web {width: 99%;}
	.Product {width: 96%; padding: 40px 0; border: 3px solid #2a2a2a; float: left; margin: 0 1% 10px 1%;}
	#new {margin: 0;}
	#Case li {width: 96%; height: auto;}
	.Case-con {height: auto;}
	.Case-con img {width: 100%;}
	.footer-left {width: 100%;}
	.footer-right {width: 100%; padding: 40px 0;}
	.footer-right p input {width: 98%; padding: 10px 1%; margin: 5px 0;}
	.footer-right textarea {width: 98%; padding: 10px 1%;}
}

@media only screen and (max-width:565px){
	#Case-1 li {width:43%;}
}

@media only screen and (max-width:550px){
	#Case li {width: 95%;}
}

@media only screen and (max-width:500px){
	#Case li {width: 94%;}
}

@media only screen and (max-width:450px){
	#Case li {width: 93%;}
}

@media only screen and (max-width:324px){
	#Case-1 li {width:92%;}
}