/*
	[DESTOON B2B System] Copyright (c) 2008-2018 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
/* global */
body {margin:0px;font-size:12px;color:#333333;background:#FFFFFF;}
/* common */
.m {width:1200px;margin:auto;}
.top {height:32px;line-height:32px;background:#F1F1F1;border-bottom:#CCCCCC 1px solid;width:100%;}
#top a {text-decoration:none;}
.head {height:116px;overflow:hidden;}
.head div {float:left;}
.head .logo {padding:16px 20px 0 0px;height:90px;overflow:hidden;}
.head h1 {font-size:20px;margin:32px 0 6px 0;color:#999;filter:glow(color=#FFFFFF,strength=3);}
.head h4 {font-size:14px;margin:0;color:#999;}
.searchinsr{float: right;position: relative;}
.store_search{float: right;
    display: flex;
    padding-top: 30px;}
.head h4 {
    background: url(../../image/xinxin2.png) no-repeat left center;
    background-size: 15px;
    text-indent: 22px;
    display: block;
}   
.store_search input{height: 40px;padding: 0;border: #09bb07 2px solid;    box-sizing: border-box;text-indent: 5px;}
.store_search select{padding: 10px 6px;margin-left: 5px;background:#09bb07;color: #fff;border: none }
.store_search .sbm{background:#09bb07;color: #fff;border: none;padding: 0 5px}
.store_search .inp{    width: 260px;}
.last{display: flex;position: absolute;right: 0;width: 100%;justify-content: space-around;
    bottom: -20px}
.last li{color: #666}
.last li a {
    color: #999;
    padding-right: 30px;
    display: inline-block;
    margin-top: 5px;
}
#menu ul{display: flex;
    justify-content: space-around;}
#menu a {text-decoration:none;}
.menu {background:#f7f7f7;height:50px;overflow:hidden;font-size:16px;}
.menu span {color:#999;}
.menu_li {float:left;white-space:nowrap;line-height:50px;padding:0 16px;}
.menu_li:hover {background:#f5f5f5;}
.menu_on {float:left;white-space:nowrap;line-height:50px;padding:0 16px;background:none;color: #333}
.menu_on span{color: #333}
.side_head {border:#CCCCCC 1px solid;border-bottom:none;background:#EEEEEE;}
.side_head div {padding:0 16px;font-size:14px;height:44px;line-height:44px;overflow:hidden;}
.side_body {border:#CCCCCC 1px solid;border-top:none;background:#FFFFFF;padding:16px;margin:0 0 20px;}
.side_body li {background:url('../../image/ico_arrow.gif') no-repeat 4px 12px;padding:0 0 0 20px;height:32px;line-height:32px;overflow:hidden;}

.main_head {border:#CCCCCC 1px solid;border-bottom:none;background:#EEEEEE;}
.main_head div {padding:0 16px;font-size:14px;height:44px;line-height:44px;overflow:hidden;}
.main_body {border:#CCCCCC 1px solid;border-top:none;background:#FFFFFF;padding:16px;margin:0 0 20px;}




.main{width: 1200px;margin:auto; }
.companymsg{height:220px;overflow: hidden;margin-bottom: 30px;margin-top: 20px;}
.companymsg .compimg{width: 300px;height: 200px;padding:0 20px 20px 20px;background:url("../../images/them/bg1.jpg") no-repeat;display: table;float: left;}
.companymsg .compimg a{display: table-cell;text-align: center;vertical-align: middle;}
.companymsg .compimg a img{max-width: 300px;max-height: 200px;display: block;margin:auto;}
.companymsg .comptext{float: left;width:820px;height:160px;overflow: hidden;padding:30px 20px;line-height: 25px;position: relative;text-indent: 2em;}
.companymsg .comptext a{position: absolute;bottom: 1px;right: 35px;color: #999999;}
.showbg {height: 230px;overflow: hidden;background: #eeeeee;}
.showbg .show{width: 1200px;margin:0 auto;}
.showbg .show li{float: left;margin-left:15px;}
.showbg .show li:nth-of-type(1){margin-left: 0;}
.showbg .showli div{width: 390px;height: 230px;display: table;position: relative;}
.showbg .showli div a{display: table-cell;text-align: center;vertical-align: middle;}
.showbg .showli div a img{max-width: 390px;max-height: 230px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
/*分类展示*/
.showprod{width: 1200px;margin:0 auto;margin-top:30px;}
.showprod li{margin-left:40px;margin-bottom:20px;float: left;}
.showprod li:nth-of-type(even){margin-left:140px;}
.typepic{width: 490px;height: 490px;display: table;position: relative;}
.typepic a{display: table-cell;text-align: center;vertical-align: middle;}
.typepic a img{display: block;max-height: 490px;max-width: 490px;margin:auto;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%)}
.midad{width: 100%;position: relative;overflow: hidden;}
.midad a{display: block;height: 100%;}
.midad a #midadpic{display: block;}
.midad a img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.products{width: 1200px;margin:0 auto;margin-bottom: 40px;}
.products ul{padding:0 35px;}
.products .lookbox{width: 258px;height:383px;border:1px solid #eee;margin-bottom:35px;float: left;margin-left:30px;}
.products .lookbox:nth-of-type(4n+1){margin-left:0px;}
.proimg{transition:1s;}
.products .lookbox:hover .proimg{transform: scale(1.2);moz-transform: scale(1.2);-ms-transform: scale(1.2);-webkit-transform:scale(1.1);}
.products .lookbox .pic{width: 258px;height: 258px;display: table;overflow: hidden;}
.products .lookbox .pic a{display: table-cell;text-align: center;vertical-align: middle;}
.products .lookbox .pic a img{display: block;max-height: 258px;max-width: 258px;margin:auto;color:#231815;}
.products .lookbox .tt{width: 258px;height:50px;overflow: hidden;}
.products .lookbox .tt p{line-height: 25px;padding: 0 10px;}
.products .lookbox .look{display: block;width: 90px;height: 30px;line-height: 30px;background:#eb223a;color: white;border-radius: 5px;text-align: center;font-size:16px;margin:12px auto 0 auto;}
.textDiv2{width:1920px;max-width:1920px;height: 560px;position: relative;overflow: hidden;}
.lunboli2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.lunboli2 li{position: relative;left: 0;top: 0;max-width: 100%;max-height: 100%;}
.lunboli2 li img{display: block;position: absolute;left: 0;top: 0;}
.lunbonum2{z-index: 10;position: relative;left: 50%;bottom: -93%;display: inline-block;}
.lunbonum2 li{float: left;margin-left: 10px;line-height: 20px;cursor: pointer;padding: 10px 0;}
.lunbonum2 li a{display: block;width: 30px;height: 3px;background: white;}
#carousel{width:100%;overflow: hidden;position: relative;min-width: 1200px;}
.lbul{position: relative;left: 0;top: 0;height: 100%;}
.lbul li{float: left;position: relative;overflow: hidden;height: 100%;}
.lbul li img{position: absolute;display: block;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%}
.lbnum{position: absolute;left: 50%;bottom:5%;z-index: 100;}
.lbnum li{float: left;width:15px;height: 15px;margin-left: 10px;cursor: pointer;background: white;border-radius: 50%;border: 1px solid white;}
.lbnum .actnum{background:#CCC;}
.turnpic{position: absolute;cursor: pointer;width:150px;height:300px;}
.topre{left:0;top: 50%; z-index: 100;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.topre img{display: block;margin:131px 0 0 46px;}
.tonext{right:40px;top: 50%;z-index: 100;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.tonext img{display: block;margin:131px 0 0 46px;}
.contst{display: inline-block;position: absolute;transform: translate(-50%);bottom: 30px !important;}
.contst p{float: left;width: 10px;height: 10px;background: #fff;margin-right: 10px;border-radius: 50%;}
.contst p.active{background: red;}

.cont{width: 100%;}
.cont li{float: left;height: 100%;position: relative;}


.footer{width:100%;background:#262626;overflow:hidden;min-height:300px;padding-top:34px;min-width:1200px;}
.wrap {
    margin: 0 auto;
    clear: both;
    width: 1200px;
}
.mb20 {
    margin-bottom: 20px!important;
}
.bot-logo{width: 262px;float:left;}
.f-top-l{text-align: center;margin-top: 0px;}
.f-top-l p{line-height: 26px;color:#696969!important;}
.f-top-l p a{line-height: 26px;color:#696969!important;}
.bot-right{width: 100%;float:left;}
.bot-item{width: 130px;float:left;padding-left:20px;}
.bot-item h5{height:38px;line-height:38px;margin-right:-1px;font-size:16px;color:#b2b2b2;}
.bot-list{padding-top:5px;height:118px}
.bot-list li{height:28px;line-height:28px;font-size:12px}
.bot-list li a{color:#696969!important;}
.bot-list li a:hover,.bot-link a:hover,.bot-cert a:hover{color:#42B711!important;}
.bot-code{text-align:center;padding-left:0;width:186px;border:none;font-size:12px;color:#808080}
.bot-code img{width:108px;opacity:0.5;filter:alpha(opacity=50)}
.bot-code p{padding-top:10px}
.bot-code:hover img{opacity:0.9;filter:alpha(opacity=90)}
.bot-link{margin-top:30px;border-top:1px solid #3a3a3a;font-size:12px;padding-top:15px;color:#666;line-height:23px}
.bot-link a{color:#696969!important;}
.bot-link span{padding:0 6px;color:#555}
.bot-cert{font-size:12px;padding-top:15px;line-height:24px;color:#555;text-align: center;    border-top: 1px solid #3a3a3a;}
.bot-cert em{padding:0 10px;color:#555}
.bot-cert a{color:#555!important;}
.qqlink {color:#555;font-size:12px;    text-align: center;}
.qqlink img {vertical-align: middle;opacity: 0.5;}
.qqlink .text1 {padding-left:20px;}
.qqlink img:hover {opacity: 1;}
.bot-img{margin:10px auto;overflow:hidden;text-align: center;}
.bot-img a{height:35px;margin-right:8px;opacity:0.5;filter:alpha(opacity=50);}
.bot-img a:hover{opacity:1;filter:alpha(opacity=100)}
.bot-img .cert-1{width:95px;height:35px;border-radius: 10px;}
.bot-img .cert-1 img{border-radius: 0px;}
.bot-img .cert-2{width:127px;}
.bot-img .cert-3{width:84px;}
.bot-img .cert-4{width:100px;}
.reach-bar{ width: 100%; height: 52px;margin: 0 auto;position: fixed;top: -52px;z-index: 10000;opacity: .95;background-color: #42B711;-webkit-transition: top .3s ease-out;-moz-transition: top .3s ease-out;-ms-transition: top .3s ease-out;-o-transition: top .3s ease-out;transition: top .3s ease-out;box-shadow: 0 0 4px #eaeaea;overflow: hidden;}
.reach-bar .reach{padding-top: 8px; width: auto;}
.reach-bar .reach-box{background: none}
.reach-bar .reach-box{ width: auto;}
.reach-bar .reach-text{ margin: 0; height: 36px; width: 540px;}
.reach-bar .reach-btn{height: 36px; background-position: -42px -86px;}
.reach-bar .reach-btn:hover{background: url(img/index-icon.png) no-repeat -42px -86px #42B711;}
.rb-log{ width: 250px; float: left;}
.rb-log a{display: block; width: 250px; height: 50px; background: url(img/log-bar.png) no-repeat 0 center;}
.reach-bar.show{top: 0;}
.goods-list .jyt{position: relative;border-color:#42B711;box-shadow: 0 1px 2px rgba(221, 39, 39, 0.1);}
.i-roket{ display: block; position: absolute; top: 0; left: 0;z-index: 5; width: 40px; height: 42px;background: url(img/index-icon.png) no-repeat 0 -468px; overflow: hidden;}
.i-roket a{width: 100%; height: 100%; display: block;}
.gg-cdr{border-bottom: 1px solid #e5e5e5; padding-bottom: 8px;}
.page-footer{ width: 100%; padding: 15px 0; overflow: hidden; background: #fff; margin-top: 20px; border-top: 1px solid #e5e5e5;}
@-webkit-keyframes iconFloat {
    0% { top: 5px; }
    25%{top: 4px;}
    75% { top: 6px; }
    100% { top: 5px; }
}
@-moz-keyframes iconFloat {
     0% { top: 5px; }
    25%{top: 4px;}
    75% { top: 6px; }
    100% { top: 5px; }
}
@-o-keyframes iconFloat {
     0% { top: 5px; }
    25%{top: 4px;}
    75% { top: 6px; }
    100% { top: 5px; }
}
@keyframes iconFloat {
    0% { top: 5px; }
    25%{top: 4px;}
    75% { top: 6px; }
    100% { top: 5px; }
}