@charset "GB2312";#banner{position: relative;}
#banner ul.slides,#banner .slides li,#banner li .wrap{height: 523px;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: 30px;height: 1.875em;position: absolute;text-align: center;z-index: 2;display: flex;justify-content: center;align-items: center;}
#banner .flex-control-nav li{display: inline-block;margin: 0 2px;}
#banner .flex-control-nav li a{background-color: #fff;border: 1px solid #fff;border-radius: 0;cursor: pointer;display: block;height: 2px;margin: 0;overflow: hidden;text-indent: -999px;width: 2rem;}
#banner .flex-control-nav li a.flex-active{background-color: transparent;cursor: default;height: 4px;border-width: 2px;}
#banner li h3{color: #FFFFFF;font-size: 2.5em;left: 0;top: -100%;width: 100%;text-align: center;}
#banner li .tip{color: #FFFFFF;font-size: 1.7em;text-decoration: none;top:-100%;left:0;width: 100%;text-align: center;}
/*banner actived*/
#banner li.active h3{top:41%;}
#banner li.active .tip{top: 52%;}
/*banner 1 not active*/
#banner li.b1 .text{top: 100%;left: 24%;font-size: 18px;color: #FFFFFF;text-align: center;width: 60%;}
/*banner 1 actived*/
#banner li.b1.active .text{top:55%;}
/*banner 2 actived*/
#banner li.b2.active h3{top: 12%;}
#banner li.b2.active .tip{top: 22%;}
/*banner 3 actived*/
#banner li.b3.active h3{top: 15%;color: #2d3041;}
#banner li.b3.active .tip{top: 25%;color: #2d3041;}
/*home*/
#home .manu{background-color: #f7f7f7;padding: 20px 0 30px;}
#home .manu h2{font-size: 24px;font-family: Calibri;text-align: center;margin-bottom: 28px;font-weight: bold;}
#home .manu ul{display: flex;flex-wrap: wrap;background-color: #fff;padding: 15px;}
#home .manu ul li{text-align: center;width: calc(100% / 8 - 16px);padding: 15px 8px;}
#home .manu ul li:nth-child(8n+8){margin-right: 0;}
#home .manu ul li a{display: block;position: relative;padding: 5px;border: 1px solid transparent;border-radius: 5px;}
#home .manu ul li a:hover{box-shadow: 0 0 8px rgb(0, 0, 0, .2);}
#home .manu ul li img{display: block;max-width: 80%;margin: 0 auto;}
#home .selling{padding: 75px 0 40px;}
#home .selling .wrap{display: flex;}
#home .selling .left{flex: 1;margin-right: 20px;}
#home .selling .left .title{display: flex;justify-content: space-between;position: relative;}
#home .selling .left .title > h2{font-size: 26px;font-family: Calibri;font-weight: bold;}
#home .selling .left .select-box{position: absolute;width: 240px;right: 0;top: 0;z-index: 99;}
#home .selling .left .select-box ol{width: 241px;box-sizing: border-box;background: #fff;;height: 32px;line-height: 32px;border-radius: 3px;border: 1px solid #e8e8e8;color: #393b47;font-size: 14px;cursor: pointer;font-weight: normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#home .selling .left .select-box ol:before{color: #93949b;font-size: 1rem;line-height: 2rem;margin: -1rem 0 0;position: absolute;right: 5px;top: 15px;z-index: 2;-moz-transition: all 0.4s ease-in-out 0.1s;-o-transition: all 0.4s ease-in-out 0.1s;-webkit-transition: all 0.4s ease-in-out 0.1s;transition: all 0.4s ease-in-out 0.1s;-moz-transform: rotate(0);-o-transform: rotate(0);-webkit-transform: rotate(0);transform: rotate(0);}
#home .selling .left .select-box:hover{box-shadow: 0 0 8px rgb(0, 0, 0, .3);}
#home .selling .left .select-box:hover ol:before{-moz-transition: all 0.4s ease-in-out 0.1s;-o-transition: all 0.4s ease-in-out 0.1s;-webkit-transition: all 0.4s ease-in-out 0.1s;transition: all 0.4s ease-in-out 0.1s;-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#home .selling .left .select-box:hover ol{}
#home .selling .left .select-box:hover ol::before{color: #fff;}
#home .selling .left .select-box:hover ol{display: block;box-shadow: 0 0 8px rgb(0, 0, 0, .3);height: auto;}
#home .selling .left .select-box ol{}
#home .selling .left .select-box ol>li{height: 33px;padding: 0 25px 0 12px;position: relative;border-bottom: 1px dotted #464A50;color: #333333;display: block;line-height: 32px;overflow: hidden;height: 32px;position: relative;text-decoration: none;cursor: pointer;}
#home .selling .left .select-box ol>li:last-child>a{border:none;}
#home .selling .left .select-box ol>li.selected{font-weight: bold;}
#home .selling .left .select-box ol li:hover{background-color: #ff483c;}
#home .selling .left .select-box ol li:hover:before{color: #FFFFFF;}
#home .selling .left .select-box ol li:hover{color: #FFFFFF;}
#home .selling .left .content{padding-top: 20px;}
#home .selling .left .content ul{display: none;}
#home .selling .left .content ul.show{display: block;}
#home .selling .left .content ul li{float: left;width: 252px;height: auto;margin-right: 26px;text-align: center;}
#home .selling .left .content ul li:nth-child(4n+4){margin-right: 0;}
#home .selling .left .content ul li:hover{box-shadow: 0 0 8px rgb(0, 0, 0, .2);}
#home .selling .left .content ul li .img-box{width: 100px;height: 100px;margin: 13px auto 14px;}
#home .selling .left .content ul li .img-box img{max-width: 100px;}
#home .selling .left .content ul li a{display: inline-block;height: 35px;overflow: hidden;font-weight: bold;font-size: 15px;color: #393b47;line-height: 1.1;cursor: pointer;}
#home .selling .left .content ul li a:hover{color: #ff483c;text-decoration: none;}
#home .selling .left .content ul li s{text-decoration: none;font-size: 14px;color: #6f6f6f;line-height: 20px;height: 58px;overflow: hidden;display: block;padding: 0 8px 10px;}
#home .selling .right{height: 613px;width: 292px;background: url('../images/rfq-bg.jpg') no-repeat center;position: relative;text-align: center;padding: 0 8px;box-sizing: border-box;}
#home .selling .right::before{content: '';left: 91px;top: 127px;position: absolute;width: 111px;height: 100px;background: url('../images/logo-icon.png') no-repeat center;}
#home .selling .right b{font-size: 24px;margin-bottom: 20px;display: block;margin-top: 300px;}
#home .selling .right s{text-decoration: none;font-size: 14px;color: #6f6f6f;line-height: 20px;padding: 0 8px;display: block;}
#home .selling .right a{display: inline-block;width: 259px;height: 42px;text-align: center;margin: 0 auto;line-height: 42px;background-color: #ff483c;color: #fff;font-size: 16px;font-weight: bold;margin-top: 30px;border: 1px solid transparent;transition: all .3s;}
#home .selling .right a:hover{background-color: #fff;color: #ff483c;border-color: #ff483c;text-decoration: none;}
#home .big{padding: 20px 0;}
#home .big h2{display: flex;justify-content: space-between;font-size: 26px;align-items: center;font-family: Calibri;font-weight: bold;}
#home .big h2 a{display: inline-block;font-size: 14px;color: #6f6f6f;line-height: 24px;border-bottom: 1px dashed #6f6f6f;font-weight: normal;text-decoration: none;}
#home .big h2 a:hover{color: #ff483c;border-color: #ff483c;}
#home .big .content{overflow: hidden;display: flex;flex-wrap: wrap;padding: 20px 10px;margin-left: -10px;}
#home .big .content li{float: left;height: 36px;font-size: 14px;color: #393b47;box-shadow: 0 0 10px rgb(0, 0, 0, .2);line-height: 36px;text-align: center;margin-right: 13px;white-space: nowrap;margin-bottom: 10px;}
#home .big .content li:last-child{margin-right: 0;}
#home .big .content li a{display: block;padding: 0 15px;text-decoration: none;transition: all .3s;}
#home .big .content li a:hover{background-color: #ff483c;color: #fff;}
#home .news h2{font-size: 28px;font-family: Calibri;margin-bottom: 38px;font-weight: bold;}
#home .news .list1{margin-bottom: 70px;}
#home .news ul li{width: calc(50% - 10px);float: left;margin-right: 10px;display: flex;}
#home .news ul li:nth-child(2n+2){margin-right: 0;}
#home .news ul li .img-box{border: 1px solid #c1c1c1;width: 313px;height: 192px;position: relative;flex-shrink: 0;margin-right: 17px;}
#home .news ul li:hover .img-box{border: 1px solid #ff483c;}
#home .news ul li .img-box img{max-height: 85%;max-width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#home .news ul li a{font-size: 25px;line-height: 28px;font-family: Calibri;display: block;margin-bottom: 4px;cursor: pointer;text-decoration: none;font-weight: bold;color: #000;}
#home .news ul li a:hover{color: #ff483c}
#home .news ul li i{font-style: normal;font-size: 14px;color: #393b47;display: block;margin-bottom: 15px;}
#home .news ul li s{text-decoration: none;font-size: 15px;line-height: 22px;color: #6f6f6f;}
#home .news .list1 ul li .img-box{width: 313px;height: 192px;}
#home .news .list2 ul{display: flex;flex-wrap: wrap;}
#home .news .list2 ul li{margin-bottom: 43px;}
#home .news .list2 ul li .img-box{border: 1px solid #c1c1c1;width: 161px;height: 107px;}
#home .part{padding: 40px 0 50px;}
#home .part h2{font-size: 28px;font-family: Calibri;margin-bottom: 30px;font-weight: bold;}
#home .part .index{margin-bottom: 30px;}
#home .part .index ul li{float: left;height: 36px;line-height: 36px;font-size: 15px;font-weight: bold;color: #393b47;cursor: pointer;transition: all .3s;margin-right: 6px;margin-bottom: 8px;}
#home .part .index ul li:last-child{margin-right: 0;}
#home .part .index ul li a{display: block;padding: 0 14px;text-decoration: none;}
#home .part .index ul li.acti, #home .part .index ul li:hover{font-size: 16px;background-color: #ff483c;color: #fff;}
#home .part .index ul li.acti{padding: 0 14px;}
#home .part .index ul li:hover a{color: #fff;}
#home .part .content{}
#home .part .content ul{display: none;}
#home .part .content ul.show{display: block;}
#home .part .content ul li{width: calc(100% / 5 - 8px);float: left;margin-right: 8px;margin-bottom: 12px;}
#home .part .content ul li a{color: #393b47;font-size: 14px;text-decoration: none;}
#home .part .content ul li a:hover{color: #ff483c;}
#home .contact{}
#home .contact .left{float: left;font-size: 15px;color: #6f6f6f;line-height: 25px;width: 760px;}
#home .contact .left h2{font-family: Calibri;font-size: 32px;color: #000;margin-bottom: 12px;}
#home .contact .left h3{font-family: Calibri;font-size: 33px;position: relative;line-height: 30px;padding-bottom: 20px;color: #000;font-weight: bold;}
#home .contact .left h3::before{content: '';position: absolute;left: 0;bottom: 0;height: 5px;background-color: #929398;width: 60px;}
#home .contact .left b{display: block;font-size: 25px;font-family: Calibri;line-height: 28px;margin-bottom: 12px;color: #000;}
#home .contact .right{width: 587px;height: 613px;background-color: #f7f7f7;float: right;padding: 30px 15px 50px;}
#home .contact .right s{text-decoration: none;font-size: 14px;line-height: 22px;color: #6f6f6f;}
#home .contact .right s a{color: #2d3041;}
#home .contact .right s a:hover{text-decoration: none;color: #ff483c;}
#home .contact .right ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
#home .contact .right ul li{width: calc(100% / 2 - 5px);min-height: 47px;margin-bottom: 12px;border: 1px solid #ddd;}
#home .contact .right ul li input{width: 100%;height: 100%;outline: none;border: none;padding-left: 12px;box-sizing: border-box;font-size: 14px;}
#home .contact .right ul li select{width: 100%;height: 100%;outline: none;border: none;padding-left: 10px;box-sizing: border-box;color: #989898;font-size: 14px;}
#home .contact .right ul li textarea{width: 100%;height: 134px;outline: none;border: none;padding-left: 12px;padding-top: 12px;box-sizing: border-box;resize: none;font-size: 14px;}
#home .contact .right ul li.w100{width: 100%;}
#home .contact .right button{border: 1px solid transparent;background-color: #ff483c;color: #fff;font-weight: bold;font-size: 18px;display: block;width: 100%;height: 47px;cursor: pointer;transition: all .3s;margin-top: 40px;}
#home .contact .right button:hover{background-color: #fff;border-color: #ff483c;color: #ff483c;}
#home .ser{text-align: center;padding: 60px 0 50px;}
#home .ser h2{font-size: 28px;font-family: Calibri;position: relative;margin-bottom: 30px;padding-bottom: 20px;}
#home .ser h2::before{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 51px;height: 5px;background-color: #929398;}
#home .ser ul{display: flex;justify-content: space-between;}
#home .ser ul li{width: calc(100% / 4 - 50px);position: relative;padding-top: 70px;}
#home .ser ul li::before{width: 50px;height: 50px;content: '';position: absolute;left: 50%;top: 0;transform: translateX(-50%);background: url('../images/service-icon.png') no-repeat 0 0;}
#home .ser ul li:nth-child(2):before{background-position-x: -59px;}
#home .ser ul li:nth-child(3):before{background-position-x: -110px;}
#home .ser ul li:nth-child(4):before{background-position-x: -171px;}
#home .ser ul li b{font-size: 20px;color: #393b47;display: block;font-family: Calibri;line-height: 20px;height: 40px;margin-bottom: 12px;}
#home .ser ul li s{text-decoration: none;display: block;min-height: 50px;overflow: hidden;line-height: 22px;font-size: 14px;}
/*title*/
#home h2.title{color: #181E24;font-size: 1.5rem;font-weight: bold;height: 80px;line-height: 80px;text-align: center;}
#home h2.title s{border-bottom: 2px solid #0068C8;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 about us*/
#home .about-us{display: none;}
/*home recomend*/
#home .recommend,#home .featured{overflow: hidden;}
#home .recommend .title{border-bottom: 1px solid #CCCCCC;padding-bottom: 12px;}
#home .recommend ul.tab{height: 36px;line-height: 36px;text-align: center;}
#home .recommend ul.tab li{display: inline-block;color: #4A4A4A;font-size: 1rem;text-align: center;cursor: pointer;padding: 0 15px;margin: 0 20px;}
#home .recommend ul.tab li:last-child{border-right: none;}
#home .recommend ul.tab li.active{color: #FFFFFF;background-color: #2783EB;position: relative;font-weight: bold;}
#home .recommend ul.tab li.active:before{content: "";width: 32px;height: 3px;background-color: #111111;position: absolute;bottom: -14px;left: 50%;margin-left: -16px;}
/*hoem recommend content*/
#home .recommend .slides{padding-top: 1rem;width: 10000px;}
#home .recommend .slides li{width: 1240px;}
#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.price{color: #C30000;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{line-height: 26px;padding-bottom: 0.5rem;padding-top: 0.5rem;padding-left: 80px;position: relative;}
#home .featured dt a{color: #2f2f2f;font-weight: bold;font-size: 14px;}
#home .featured dt img{width: 66px;height: 66px;border: 1px solid #cccccc;position: absolute;left: 0;top: 15px;}
#home .featured dd a{color: #2f2f2f;}
/*right service*/
#home .service{padding-bottom: 0.5rem;}
#home .service ul{padding: 0.75rem;}
#home .service ul li{background: transparent url("../images/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: #BDBDBD;color: #FFFFFF;display: table;margin: 0.5rem auto 0;padding: 0.5rem 1rem;text-align: center;text-decoration: none;}
#home .service a.email{color: #676767;display: table;margin: 0 auto;text-align: center;text-decoration: underline;}
/*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 img{display: block;max-height: 72px;max-width: 72px;}
#home .newest li p a.title{color: #2F2F2F;font-weight: bold;line-height: 1rem;}
#home .newest li .text{color: #AAAAAA;}
/*home news*/
#home .news{clear: both;padding-bottom: 1rem;}
#home .news dl{float:left;width: 400px;margin-right: 20px;}
#home .news dl:last-child{margin-right:0;}
#home .news dt{border:1px solid #CCCCCC;}
#home .news dt a{display:block;position: relative;}
#home .news dt a:before{height: 46px;width: 100%;background-color: #000000;position: absolute;bottom: 0;content: "";opacity: 0.4;z-index: 1;}
#home .news dt strong{position:absolute;font-size: 15px;color: #FFFFFF;z-index: 2;bottom: 0;line-height: 18px;padding: 5px;}
#home .news dt img{display:block;margin: 0 auto;}
#home .news dd{color:#151515;padding: 7px;line-height: 20px;}
/*manufacturers*/
.manufacturers{padding-bottom:30px;}
.manufacturers li{float:left;width: 205px;border-right: 1px solid #D2D2D2;border-bottom: 1px solid #D2D2D2;margin-top: 10px;border-top: 1px solid #D2D2D2;}
.manufacturers li:nth-child(6n+1){border-left: 1px solid #D2D2D2;}
.manufacturers li a{display:block;padding-top: 25px;height: 80px;border-bottom: 1px solid #D2D2D2;}
.manufacturers li a img{max-width:80%;margin: 0 auto;display: block;}
.manufacturers li strong{display:block;text-align: center;padding-top: 10px;color: #2F2F2F;height: 40px;}
.manufacturers li s{color:#676767;text-decoration: none;font-weight: normal;display: block;}