@charset "utf-8";#banner{position: relative;}
#banner ul.slides,#banner .slides li,#banner li .wrap{height: 428px;overflow: hidden;}
#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;position: absolute;z-index: 3;transition: all 1.2s ease 0s;-webkit-transition: 1.2s;-moz-transition: 1.2s;-o-transition: 1.2s;}
#banner .flex-control-nav{bottom: 0;height: 1.875em;position: absolute;text-align: center;z-index: 2;}
#banner .flex-control-nav li{display: inline-block;margin: 0 2px;}
#banner .flex-control-nav li a{background-color: #8D9BB6;border-radius: 0;cursor: pointer;display: block;height: 0.5em;margin: 0;overflow: hidden;text-indent: -999px;width: 2rem;}
#banner .flex-control-nav li a.flex-active{background-color: #FFFFFF;cursor: default;}
/*banner 1 not active*/
#banner li.b1 h1{color: #FFFFFF;font-size: 2.2em;left: 24%;text-shadow: 0 2px 3px #000000;text-transform: uppercase;top: -100%;}
#banner li.b1 .tip{color: #FFFFFF;font-size: 1.5em;text-decoration: none;text-shadow: 0 3px 4px #000000;text-transform: uppercase;top:25%;left:-100%;}
#banner li.b1 dl{top:100%;left:24%;}
#banner li.b1 dt{color: #FFFFFF;font-size: 1.8em;line-height: 2rem;padding-bottom: 0.5rem;text-shadow: -1px 3px 2px #000000;}
#banner li.b1 dd{color: #FFFFFF;font-size: 1.3em;font-weight: bold;line-height: 1.8em;position: relative;text-decoration: none;text-shadow: -1px 2px 2px #000000;}
#banner li.b1 .product{right:-100%;top:60%;}
#banner li.b1 s{display: inline-block;height: 1em;margin: 0 10px;position: relative;width: 1em;font-size:106px;}
#banner li.b1 s::before{background-color: #000000;border-radius: 10%;content: "";height: 100%;left: 0;opacity: 0.5;position: absolute;top: 0;width: 100%;z-index: 1;}
#banner li.b1 s::after{background-image: url("./1-product.png");background-repeat: no-repeat;content: "";display: block;height: 100%;position: relative;width: 100%;z-index: 2;}
#banner li.b1 s:nth-child(2):after{background-position: 0 -1em;}
#banner li.b1 s:nth-child(3):after{background-position: 0 -2em;}
#banner li.b1 s:nth-child(4):after{background-position: 0 -3em;}
#banner li.b1 s:nth-child(5):after{background-position: 0 -4em;}
/*banner 1 actived*/
#banner li.b1.active h1{top:15%;}
#banner li.b1.active .tip{left:24%;}
#banner li.b1.active dl{top:38%;}
#banner li.b1.active .product{right:5%;}
/*banner 2 not active*/
#banner li.b2 h1{color: #FFFFFF;font-size: 2.2em;left: 0;text-shadow: 0 2px 3px #000000;text-transform: uppercase;top: -100%;}
#banner li.b2 .tip{color: #FFFFFF;font-size: 1.5em;text-decoration: none;text-shadow: 0 3px 4px #000000;text-transform: uppercase;top:20%;left:-100%;}
#banner li.b2 ul{top:100%;left:24%;}
#banner li.b2 li{display: inline;float: left;font-size:40px;height: 2em;margin-left: 0.5em;margin-top: 0.25em;position: relative;}
#banner li.b2 li a{background-color: #FFFFFF;border-radius: 0.25em;color: #111111;display: block;height: 1.85em;overflow: hidden;text-align: center;width: 3.25em;}
#banner li.b2 li s{bottom: 7px;left: 0;position: absolute;text-align: center;text-decoration: none;width: 130px;}
#banner li.b2 li img{margin-top: 10px;max-width: 90%;}
#banner li.b2 li:nth-child(16) img{margin-left: 5px;margin-top: 5px;max-height: 42px;max-width: none;}
#banner li.b2 li:nth-child(18) img{margin-top: 15px;}
/*banner 2 actived*/
#banner li.b2.active h1{left:24%;top:10%;}
#banner li.b2.active .tip{left:24%;}
#banner li.b2.active ul{top:28%;}
/*banner 2 not active*/
#banner li.b3 h1{color: #FFFFFF;font-size: 2.2em;left: 0;text-shadow: 0 2px 3px #000000;text-transform: uppercase;top: -100%;}
#banner li.b3 .tip{color: #FFFFFF;font-size: 1.5em;text-decoration: none;text-shadow: 0 3px 4px #000000;text-transform: uppercase;top:25%;left:-100%;}
#banner li.b3 dl{top:100%;left:24%;}
#banner li.b3 dt{color: #FFFFFF;font-size: 1.8em;line-height: 2rem;padding-bottom: 0.5rem;text-shadow: -1px 3px 2px #000000;text-transform: uppercase;}
#banner li.b3 dd{background-image: url("./3-service.png");background-position: center 0;background-repeat: no-repeat;color: #FFFFFF;display: inline;float: left;font-size: 20px;height: 1.8em;margin-top: 1em;padding-top: 6.5em;text-align: center;text-transform: uppercase;width: 300px;}
#banner li.b3 dd:nth-child(3){background-position:center -15em;}
#banner li.b3 dd:nth-child(4){background-position:center -30em;}
/*banner 2 actived*/
#banner li.b3.active h1{left:24%;top:15%;}
#banner li.b3.active .tip{left:24%;}
#banner li.b3.active dl{top:38%;}
/*home nav category*/
#nav_category ol{display: block;}
/*home*/
#home{padding-top: 18px;}
/*title*/
#home h2.title{border-bottom: 2px solid #2b82ad;color: #454748;font-size: 1.5rem;font-weight: bold;height: 44px;line-height: 44px;}
#home h2.title s{border-bottom: 0px solid #f1b943;float: left;height: 43px;padding: 0 0.5rem;text-decoration: none;}
#home h2.title a.view-more{color: #5B5B5B;float: right;font-size: 0.75rem;font-weight: normal;margin-right: 0.5rem;text-decoration: none;}
#home h2.title a.view-more:hover{color: #ffa726;}
/*home about us*/
#home .about-us{display: none;}
/*home recomend*/
#home .recommend,#home .featured{float: left;width: 906px;display: inline;overflow: hidden;}
.recommend ul.tab{background-color: #f3f3f3;border-bottom: 1px solid #C6C6C6;}
#home .recommend ul.tab li{border-right: 1px solid #C6C6C6;display: inline;float: left;height: 42px;color: #4D4D4D;font-size: 1rem;line-height: 42px;text-align: center;width: 225px;cursor: pointer;}
#home .recommend ul.tab li:last-child{border-right: none;}
#home .recommend ul.tab li.active{background-color: #2b82ad;border-bottom: 2px solid #00405d;color: #f0f3f7;height: 41px;}
/*hoem recommend content*/
#home .recommend .slides{padding-top: 1rem;width: 10000px;}
#home .recommend .slides li{display: inline;float: left;width: 906px;}
#home .recommend .slides s{display: inline;float: left;height: 156px;text-align: center;text-decoration: none;width: 150px;}
#home .recommend .slides s a.cover{border: 1px solid #FFFFFF;display: block;margin: 0 auto;}
#home .recommend .slides s a.cover:hover{border: 1px solid #CCCCCC;}
#home .recommend .slides s img{display: block;margin: 0 auto;max-width:90px;max-height:90px;}
#home .recommend .slides s p.name{padding: 0.3rem 0;}
#home .recommend .slides s p.name a{color: #2F2F2F;font-size: 0.75rem;}
#home .recommend .slides s p.name a:hover{color: #ffa726;}
#home .recommend .slides s p.price{color: #2b82ad;font-weight: bold;}
/*featured*/
#home .featured{padding: 0 0 0.75rem 0.75rem;}
#home .featured .item{display: inline;float: left;margin-right: 1%;width: 32.5%;}
#home .featured .item:last-child{margin-right: 0;}
#home .featured dl{border-bottom: 1px dotted #CCCCCC;line-height: 26px;padding-bottom: 0.5rem;padding-top: 0.5rem;}
#home .featured dt{}
#home .featured dt a{color: #282828;font-weight: bold;}
#home .featured dt a:hover{color: #ffa726;}
#home .featured dd{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#home .featured dd a{color: #595959;}
#home .featured dd a:hover{color: #ffa726;}
/*home right*/
#home .box{background-color: #f3f3f3;float: right;width: 318px;display: inline;}
#home .box h3{background-color: #2b82ad;color: #f0f3f7;font-size: 1rem;height: 42px;line-height: 42px;padding-left: 12px;}
#home .box h3 s{text-decoration: none;}
/*right service*/
#home .service{padding-bottom: 0.5rem;}
#home .service ul{padding: 0.75rem;}
#home .service ul li{background: transparent url("./service_doc.png") no-repeat scroll 0 center / 1rem auto;color: #555454;line-height: 24px;padding-left: 1.3rem;}
#home .service .rfq{background-color: #FFFFFF;color: #6E6E6E;font-size: 0.875rem;margin: 0.75rem;padding: 1rem;text-align: left;}
#home .service .rfq strong{color: #333232;display: block;font-size: 1rem;font-weight: bold;line-height: 1.5rem;text-align: left;}
#home .service .rfq a{background-color: #ffa726;color: #FFFFFF;display: table;margin: 0.5rem auto 0;padding: 0.5rem 1rem;text-align: center;text-decoration: none;border-radius: 2px;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
#home .service .rfq a:hover{background-color: #062f3c;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
#home .service a.email{color: #676767;display: table;margin: 0 auto;text-align: center;text-decoration: underline;}
#home .service a.email:hover{}
/*right .newest*/
#home .newest{margin-top: 1rem;}
#home .newest ul{padding: 0.75rem;}
#home .newest li{height: 74px;margin-bottom: 0.75rem;overflow: hidden;}
#home .newest li:last-child{margin-bottom: 0;}
#home .newest li a.cover{border: 1px solid #CFCFCF;display: inline;float: left;margin-right: 0.5rem;}
#home .newest li a.cover:hover{}
#home .newest li img{display: block;max-height: 72px;max-width: 72px;}
#home .newest li p{}
#home .newest li p a.title{color: #2F2F2F;font-weight: bold;line-height: 1rem;}
#home .newest li p a.title:hover{color: #ffa726;}
#home .newest li .text{color: #AAAAAA;}
#home .newest li .price{color: #2b82ad;font-weight: bold;}
/*home news*/
#home .news{clear: both;padding-bottom: 1rem;}
#home .news ul li{line-height: 18px;padding: 7px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#home .news ul li a{color: #595959;font-size: 0.75rem;padding-left: 15px;position: relative;}
#home .news ul li a::before{background-color: #ffa726;content: "";height: 5px;left: 5px;margin-top: -2px;position: absolute;top: 6px;width: 5px;}
#home .news ul li a:hover{color: #ffa726;}
#home .news ul li span{}
#home .news .headline{display: inline;float: left;margin-right: 3%;width: 55%;}
#home .news .headline dl{margin-top: 1rem;}
#home .news .headline dt{display: inline;float: left;margin-right: 0.5rem;}
#home .news .headline dt img{display: block;max-height: 140px;}
#home .news .headline dt a.cover{}
#home .news .headline dt a.cover:hover{}
#home .news .headline dd.text{color: #818181;line-height: 20px;}
#home .news .headline dd.text h2{padding-bottom: 0.3rem;}
#home .news .headline dd.text h2 a{color: #181E24;font-size: 1rem;font-weight: bold;}
#home .news .headline dd.text h2 a:hover{color: #ffa726;}
#home .news .headline dd.text a.view{display: block;text-decoration: underline;}
#home .news .headline dd.text a.view:hover{color: #ffa726;}
#home .news .headline ul{clear: both;}
#home .news ul.list{display: inline;float: right;width: 42%;}
/*home brand*/
.home_brand{background-color: #f3f3f3;}
.home_brand h2{font-size: 1.2rem;font-weight: bold;line-height: 4rem;text-align: center;text-transform: uppercase;color: #454748;}
.home_brand ul{padding-bottom: 30px;}
.home_brand ul li{background-color: #FFFFFF;display: inline;float: left;margin: 1px;overflow: hidden;position: relative;}
.home_brand ul li:before{background-color: #2b82ad;content: "";display: block;height: 70px;opacity: 0.7;padding-top: 10px;position: absolute;text-align: center;text-decoration: none;top: 100%;width: 100%;z-index: 1;}
.home_brand ul li s{color: #FFFFFF;left: 10%;line-height: 24px;position: absolute;text-align: center;text-decoration: none;top: 100%;width: 80%;z-index: 2;}
.home_brand ul li a{display: block;height: 70px;padding-top: 10px;width: 204px;}
.home_brand ul li a:hover{}
.home_brand ul li img{display: block;margin: 0 auto;max-width: 80%;}
.home_brand li:hover:before,.home_brand li:hover s{top: 56px;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}