/* CSS Document */

*{margin:0px;padding:0px;}
body{font-size:14px;color:#808080;font-family: Arial "微软雅黑";line-height:1.8em; height:100%; background:#fff;}

a,a:visited{text-decoration:none; color:#737373;}
a:hover{color:#189c51;}
a.red:link,a.red:hover,a.red:visited,.red{color:#189c51;}
img{border:none;zome:1}
a:focus{outline:none;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
input:focus {
    outline:none;
}
textarea:focus {
    outline:none;
}
textarea { -webkit-appearance: none;} 

/*img:hover{filter:alpha(opacity=80);	-moz-opacity:0.8;	-khtml-opacity: 0.8;	opacity:  0.8;}
*/li,dl{list-style:none;}
.clear:before,.clear:after{content:".";display:block;height:0px;visibility:hidden;}
.clear{clear:both;}
html{ position:relative;}
h1,h2,h3{ font-weight:500;}
table
  {
  border-collapse:collapse;
  }
 table td{ padding:0 5px;} 

#wrap{ width:100%; position:relative; min-width:1350px;}
#header{  width:100%; position: relative;z-index:99; background:#fff; }

.top{ width:100%; height:35px; line-height:35px; background:#f0f0f0;}
.top-c{ width:1350px; margin:0 auto; position:relative; overflow:hidden; text-align:right;}
.top-c a{ color:#333; font-size:14px; line-height:35px;}
.top-c a img{ width:20px; height:20px;top:4px;position:relative;}
.top-c a:hover{color:#54c5d1}
.flex-pause{ display:none;}
.head{ width:1350px; margin:0 auto; height:90px; position:relative; overflow:hidden;}
.head .logo{ float:left; height:45px; margin-top:23px;}
.head .logo img{ height:44px; vertical-align:middle;}
.phone{ float:right; height:60px; margin-top:15px; width:250px; text-align:right;}
.phone img{ float:right; height:60px; margin-left:15px;}
.phone p{ font-size:16px; line-height:30px;}
.phone h2{ font-size:24px; line-height:30px; /*font-style:italic; */color:#54c5d1; font-family:Impact}

.menu{ width:100%; height:50px; position:relative; background:#54c5d1;}
.headtop .menu{position:fixed; left:0; top:0;}
.menu ul{ width:1350px; margin:0 auto; height:50px;  position:relative;}
.menu ul li{ width:135px; float:left; height:50px; text-align:center; line-height:50px; font-size:15px; position:relative;}
.menu ul li span{ display:block; width:100%; height:50px;}
.menu ul li a{ color:#fff;}
.current{ background:#a7cf39;}

.menu ul li:hover span{ background:#a7cf39;}
.mainsubmenu{ width:1350px; position:absolute; left:50%;  top:50px; background:#fff; padding:20px 0; display:none; }
#menuSub12{margin-left:-338px;}
#menuSub9{margin-left:-473px;}

#menuSub12 dl{ width:20%; padding-left:2%; margin-left:2.4%;}
.mainsubmenu dl{ float:left;text-align:left;}
#menuSub9 dl{ width:27%; padding-left:3%; margin-left:2.5%;  }
.mainsubmenu dl dt{ width:100%; font-weight:bold; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:20px; border-bottom:2px solid #c9c9c9; margin-bottom:20px; text-align: center;}
.mainsubmenu dl dt a{  color:#54c5d1 !important;}
.mainsubmenu dl dt:hover{border-bottom:2px solid #54c5d1;}
.mainsubmenu dl dt img{ max-width:100%; height:140px; display:block; margin:0 auto; vertical-align:middle;transition: all 1s;}
.mainsubmenu dl dt img:hover { transform: scale(0.95);}
.mainsubmenu dl dd{ width:100%;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mainsubmenu dl dd a{  font-size:12px; color:#666;}


.mainsubmenu a{ display:block; font-size:13px; line-height:25px; width:90%; padding:0 5%; overflow:hidden; margin-bottom:10px;}
.menu ul li:hover .mainsubmenu{ display:block;} 
.menu ul li .mainsubmenu a:hover{ color:#a7cf39;}

.last{ background:/*#df6b1f*/#a7cf39; width:220px !important; float:right !important;}
.last .sel{ width:180px; float:left; line-height:50px; text-indent:10px; color:#fff; height:50px; border:none; background:none; font-size:15px;}
.last .submit{ width:40px; height:50px; float:right; border:none; background:url(../images/sub.png) center no-repeat; cursor:pointer;}
.last .sel::-webkit-input-placeholder{
        color: #fff;
}
.last .sel::-moz-placeholder{  
        color: #fff;        
}
.last .sel:-ms-input-placeholder{  
        color: #fff;        
}



#footer{ width:100%; position:relative; overflow:hidden; background:#555;}
.foot-top{ width:100%; height:60px; padding:30px 0; background:#59c6c8;} 
.message{ width:1350px; margin:0 auto; height:60px;}
.message input{ height:60px; background:#fff; border:none; font-size:14px; color:#808080}
.email{ width:27.5%; float:left; text-indent:15px;}
.mess{ width:55%; float:left;text-indent:15px; margin:0 10px;}
.message .sub{width:15.5%; float:left; background:#a7cf38 !important;cursor:pointer; font-size:14px;color:#fff !important;}

.font-center{ width:1350px; margin:40px auto; position:relative; overflow:hidden;}
.font-center dl{ float:left; margin-right:45px; width:16%;color:#eee;}
.foot-lxi{ margin-right:0 !important; float:right !important; margin-top:10px;}
.font-center dl dt{ font-size:16px; color:#fff; margin-bottom:10px; line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight:bold;color:#54c5d1 !important;}
.font-center dl dt a{ }

.font-center dl dd{ font-size:14px; line-height:30px; margin-bottom:5px; color:#eee;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.font-center dl dd a {color:#eee;}
.font-center dl dd div{ width:80px; float:left; margin-right:10px;}
.foot-lxi li div{ float:left; width:50%;}
.foot-bottom{ width:1350px; margin:0px auto; position:relative; overflow:hidden; padding:15px 0; border-top:1px solid #eaeaea; color:#eee;}
.foot-bottom a{color:#eee;}
.foot-link{ float:left;}
.foottxt{ float:right; text-align: right;}

@media  screen and (max-width:1620px){
	
#wrap{  min-width:1200px;}
.head{ width:1200px;}
.top-c{ width:1200px;}
.menu ul{ width:1200px;}

.message{ width:1200px; }
.font-center{ width:1200px;}
.foot-bottom{ width:1200px; }

.mainsubmenu{ width:1200px; }



}

@media  screen and (max-width:900px){
#wrap{ min-width:100%;}

#header{  width:100%; position: fixed;z-index:99; background:#fff; left:0; top:0; height:40px; border-bottom:1px solid #ccc;}
.top{ display:none;}
.head{ width:auto; position:absolute; left:4%; top:0; height:40px;}
.head .logo{ height:30px; margin-top:5px;}
.head .logo img{ height:30px; vertical-align:middle;}
.phone{ display:none;}
.headtop .menu{position: relative; left:0; top:0;}

.menu{ width:40px; float:right; margin-right:4%; margin-left:0px; background:none; position:relative; height:40px; margin-top:0px;}
.menubtn{ width:40px; height:40px; z-index:22; position:relative; background:url(../images/btn.png) center no-repeat;}
.menu ul{position:fixed; right:-120px; top:40px; background:#90c31f; width:120px; height:100%; }
.menu ul li{ width:120px; height:auto;line-height:40px;text-align:center;  position:relative; float:none; margin:0;}
.menu ul li span{line-height:40px; display:block;height:40px; width:auto; padding-right:18px; text-align:right; font-size:13px; color:#000000;}
.language span{ text-align:center !important;}
.menu li:hover span{  color:#189c51;}

.last{ width:120px !important; height:30px !important;  float:none !important;}
.last .sel{ width:75px;  line-height:30px;  height:30px;  font-size:12px;}
.last .submit{ width:25px; height:30px; }

#banner{ margin-top:41px;}
#banner .flex-control-nav{ bottom:5px;}


.foot-top{height:30px; padding:20px 0; } 
.message{ width:92%;height:30px;}
.message input{ height:30px; font-size:12px;}
.email{ width:27%; }
.mess{ width:53%; margin:0 2%;}
.message .sub{width:15.5%; font-size:14px;}

.font-center{ width:92%; margin:10px auto; display:none;}
.font-center dl{ display:none;}
.foot-bottom{ width:92%; margin:0px auto; }
.foot-link{ float:left; display:none;}
.foottxt{ float:none; text-align: center; font-size:12px;}











}