/*
 *	Created by Edward on 15/9/27
 *	Copyright (c) 2015 shuwon.com All rights reserved
*/

@charset "utf-8";


body,blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button,input, textarea,th, td,img{border:medium none;margin: 0;padding: 0; outline:none;}
body,button, input, select, textarea {font: 1.4rem "Microsoft YaHei",tahoma, Srial, helvetica, sans-serif; outline:none;}
ul, ol,li { list-style: none; }
a { text-decoration: none; color: #3E3E3E;}
a:hover{ color: #EA4A1C;}
html,body{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;width: 100%;height: auto;margin: 0;padding: 0; font-size:14px;color: #3e3e3e;}
img{ border:0px;}
.animate05{-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.animate{-webkit-transition-duration:1s; -moz-transition-duration:1s; -ms-transition-duration:1s;transition-duration:1s;}
.animate2{-webkit-transition-duration:1s; transition-duration:1s;}


/**********************************HOME********************************/

#tips{ width: 100%; height: 90px; background: #86807f; line-height: 90px;}
.tips{ height: 90px; line-height: 90px; color: #333333; text-transform: uppercase; position: relative;}
.tips p{ float: left; display: block; margin-right: 25px;}
.tips span{ opacity: 0.5;}
.tips a{ display: block; height: 25px; width: 90px; border: 1px solid #FFFFFF; text-align: center; line-height: 25px; position: absolute; right: 0px; top: 32px; font-size: 12px; color: #333333;}
#homeContent{
	width: 100%;
	height:auto!important;
	_height:228px;
	min-height:228px;
	background: url(../images/homeBg.jpg) top center no-repeat
}
#title{ width: 100%; height: 150px; text-align: center;}
#title figcaption{ height: 50px; font-size: 36px; color: #008964; display: block; padding-top: 40px;}
#title p{ width: 100%; height: 20px; line-height: 20px; text-align: center; text-transform: uppercase; opacity: 0.3; font-size: 16px;}
#homeProductList{ width: 1100px; margin: auto;}
#homeProductList ul li{ width: 245px; height: 185px; float: left; margin-left: 14px;margin-right: 14px; margin-bottom: 25px; text-align: center;border: 1px solid #eeeeee; background-color:#eeeeee;}
#homeProductList ul li .homeProListTop{ width: 100%; height: 150px; background: #008964; position: relative;overflow: hidden;}

#homeProductList ul li .homeProListTop .homeProListTopWhite{ width: 245px; height: 140px; position: absolute; left: 0px; top: 0px; filter:alpha(opacity=50);}
#homeProductList ul li .homeProListTop .homeProListTopIcon{ width: 245px; height: 150px; position: absolute; left: 0px; top: 0px;background:url(../images/icon1.png) center center no-repeat;}

#homeProductList ul li .homeProListTop .homeProListTopIcon span{ width: 100%; height: 30px; position: absolute; top: 90%; margin-top: -15px; display: block; text-transform: uppercase; font-size: 12px; color: #333333;}
#homeProductList ul li .homeProListBottom{ width: 100%; height: 35px; line-height: 35px; color: #333333;}
#homeProductList ul li:hover .homeProListBottom{ color: #ff8800;}
#homeProductList ul li:hover .homeProListTop .homeProListTopWhite{opacity: 0; filter:alpha(opacity=0);}
#homeProductList ul li:hover img{ -webkit-transform: scale(1.1);transform: scale(1.1);}
#homeProductTitle{ width: 100%; height: 265px; margin-top: 50px; position: relative; text-align: center;}
#homeProductTitle .homeLogo{ width: 57px; height: 57px; position:absolute; left: 50%; margin-left: -30px; top: 50px; background: url(../images/homeLogo.png) no-repeat;}
#homeProductTitle .homeSubTitle{ width: 100%; height: 60px; position: absolute; top: 120px; text-transform: uppercase;}
#homeProductTitle .homeSubTitle p{ width: 100%; height: 40px; font-size: 18px; display: block; line-height: 40px;}
#homeProductTitle .homeSubTitle span{ color: #fff;}
#homeProductTitle .homeProductSlideDown{ width: 105px; height: 60px; position: absolute; left: 50%; margin-left: -52px; bottom: 0px; background:url(../images/slideDownIcon.png) center bottom no-repeat;}