@charset "GB2312";#banner{position: relative;}
#banner ul.slides,#banner .slides li,#banner li .wrap{height:404px;}
#banner .slides li{background-position: 50% 0;background-repeat: no-repeat;overflow: hidden;}
#banner .wrap{position: relative;font-size:1rem;}
#banner li .item{display: inline-block !important;opacity: 0;position: absolute;z-index: 50;}
#banner h1{color: #fff;font-size: 2.8125em;text-shadow: -1px 3px 2px #000;}
#banner s{color: #fff;font-size: 1.375em;text-decoration: none;text-shadow: -1px 2px 2px #000;}
#banner dt{color: #fff;font-size: 1.5em;font-weight: bold;text-shadow: -1px 3px 2px #000;}
#banner dd{color: #fff;display: inline-block;font-size: 1.3em;line-height: 2em;padding-left: 1.5%;position: relative;text-decoration: none;text-shadow: -1px 2px 2px #000;}
#banner dd:before{background-color: #fff;content: "";height: 3px;left: 0;margin-top: -2px;position: absolute;top: 50%;width: 3px;}
#banner li .image{height: 75%;}
#banner .text1,#banner .text2{width: 36.5%;}
#banner .text1 dd{width: 48%;}
#banner .text2 dd{width: 30%;}
#banner li:nth-child(1) .wrap:before{content: "";width: 500px;height: 340px;background-color: #fff;position: absolute;left: 7%;top: 12%;opacity: 0.5;}
#banner li:nth-child(1) h1,#banner li:nth-child(1) .item,#banner li:nth-child(1) dt,#banner li:nth-child(1) dd{color: #000;text-shadow: -1px 2px 2px #fff,1px 2px 2px #fff,0px 1px 2px #fff,0px -1px 2px #fff;}
#banner .flex-control-nav{bottom: 0;height: 1.875em;position: absolute;text-align: center;z-index: 51;}
#banner .flex-control-nav li{display: inline-block;}
#banner .flex-control-nav li a{background-color: #fff;border-radius: 50%;display:;height:;margin: 0 0.3125em;overflow: hidden;text-indent:;width: 0.75em;cursor: pointer;border-radius: 0;height: 15px;width: 30px;border: 1px solid #01764a;}
#banner .flex-control-nav li a.flex-active{background-color: #01764a;cursor: default;}
#home{padding-top: 1em;}
#home .about-us{display:none;}
#home .left{display: inline;float: left;width: 284px;}
#home .left h2{color: #fff;font-size: 22px;}
#home .left .quick{background: -ms-linear-gradient(top, #05a369, #01764a);/* IE 10 */background:-moz-linear-gradient(top,#05a369,#01764a);/*»ðºü*/ background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#05a369), to(#01764a));/*¹È¸è*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#05a369), to(#01764a));/* Safari 4-5, Chrome 1-9*/background: -webkit-linear-gradient(top, #05a369, #01764a);/*Safari5.1 Chrome 10+*/background: -o-linear-gradient(top, #05a369, #01764a);/*Opera 11.10+*/padding: 15px;}
#home .left .quick h2{}
#home .left .quick s{color: #fff;display: block;font-size: 14px;line-height: 15px;padding-bottom: 10px;padding-top: 3px;text-decoration: none;}
#home .left .quick ul{}
#home .left .quick ul li{height: 40px;}
#home .left .quick ul li input.textbox,#home .left .quick ul li input.textbox_focus{border: medium none;box-shadow: 2px 3px 2px #dadada inset;height: 32px;padding-left: 5px;width: 248px;}
#home .left .quick .submit{padding-top: 10px;}
#home .left .quick .submit input{background-color: #13ce8a;border: medium none;color: #fff;cursor: pointer;display: block;font-size: 16px;font-weight: bold;height: 32px;line-height: 32px;margin: 0 auto;padding: 0 10px;text-transform: uppercase;}
#home .left .quick .submit input:hover{}
/*why us*/
#home .left .whyus{margin-top: 7px;}
#home .left .whyus h2{background-color: #07ac70;height: 44px;line-height: 44px;padding-left: 15px;}
#home .left .whyus ul{border-bottom: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;padding: 10px 22px;}
#home .left .whyus ul li{font-size: 14px;line-height: 28px;position: relative;}
/*left picture*/
#home .left .picture{border: 1px solid #e0e0e0;margin-top: 7px;padding: 10px;text-align: center;}
#home .left .picture ul{}
#home .left .picture ul li{}
#home .left .picture ul li a{}
#home .left .picture ul li a:hover{}
#home .left .picture ul li s{display: block;text-decoration: none;}
/*right*/
#home .right{display: inline;float: right;width: 900px;}
#home .right h2,#home .brands h2{border-bottom: 1px solid #000;color: #3c3c3c;font-size: 26px;height: 50px;line-height: 50px;padding-left: 5px;position: relative;}
#home .right h2 a.view,#home .brands h2 a.view{color: #5d5d5d;font-size: 14px;padding-right: 20px;position: absolute;right: 5px;}
#home .right h2 a.view:before,#home .brands h2 a.view:before{color: #01764a;font-size: 16px;margin-top: -0.5rem;position: absolute;right: 0;top: 50%;}
/*size*/
#home .right .size{}
#home .right .size h2{}
#home .right .size h2 a.view{}
#home .right .size h2 a.view:hover{}
#home .right .size .item{background-image: url("../images/home_size_bg.png");line-height: 36px;padding-left: 5px;}
#home .right .size .item a{color: #4b4b4b;display: inline-block;width: 89px;}
#home .right .size .item a:hover{}
/*recommend*/
#home .right .recommend{padding-bottom: 15px;padding-top: 15px;}
#home .right .recommend h2{}
#home .right .recommend ul{padding-top: 10px;}
#home .right .recommend ul li{display: inline;float: left;text-align: center;width: 300px;}
#home .right .recommend ul li a{}
#home .right .recommend ul li a:hover{}
#home .right .recommend ul li s{display: block;text-decoration: none;}
/*application*/
#home .right .application{display: inline;float: left;width: 445px;}
#home .right .application h2,#home .right .popular h2{font-size: 20px;}
#home .right .application h2 a.view{}
#home .right .application h2 a.view:hover{}
#home .right .application ul{}
#home .right .application ul li{border-bottom: 1px dotted #8d8d8d;display: inline;float: left;height: 26px;line-height: 26px;padding-left: 5px;width: 217px;}
#home .right .application ul li a{color: #398bcb;margin-right: 5px;}
#home .right .application ul li a:hover{}
#home .right .application a.more{border-bottom: 1px dotted #8c8c8c;display: block;height: 26px;line-height: 26px;text-align: center;}
/*popular*/
#home .right .popular{float: right;width: 445px;}
#home .right .popular h2 a.view{}
#home .right .popular h2 a.view:hover{}
#home .right .popular table{}
#home .right .popular td{border-bottom: 1px dotted #8c8c8c;height: 26px;}
#home .right .popular td a{color: #398bcb;}
/*brands*/
#home .brands{clear: both;padding-top: 15px;}
#home .brands h2{border-bottom: medium none;}
#home .brands h2 a.view{}
#home .brands h2 a.view:hover{}
#home .brands ul{}
#home .brands ul li{border: 1px solid #e9e9e9;display: inline;float: left;height: 82px;margin-bottom: 13px;margin-right: 17px;overflow: hidden;position: relative;width: 224px;}
#home .brands ul li:nth-child(5n){margin-right: 0;}
#home .brands ul li a{display: block;text-decoration: none;width: 448px;}
#home .brands ul li span{background-color: #01764a;color: #fff;display: inline;float: left;font-size: 14px;font-weight: bold;height: 62px;line-height: 16px;margin-left: -224px;padding: 10px 10px 10px 20px;width: 194px;transition: all .5s ease 0s;-webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;}
#home .brands ul li span:before{background:#07ac70;bottom:0;content:"";left:-1px;height:200%;position:absolute;top:0;transition:width .45s;width:0;}
#home .brands ul li s{display: block;font-size: 12px;font-weight: normal;text-decoration: none;}
#home .brands ul li img{display: block;}
#home .brands ul li a:hover span{color: #FFFFFF;margin-left: 0;transition: all .5s ease 0s;-webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;}
#home .brands ul li a:hover span:before{width:10px;}