@charset "utf-8";

a:hover { color: #25c234!important; outline: none; }
.container {width: 1200px !important;padding-left: 0;padding-right: 0;}
.bg-f8f8f8{background: #f8f8f8;}
.c-ff6{color: #ff631e;}
.c-25c{color: #25c234}
/*header*/
.head-box{height: 100px;padding: 15px 0;overflow: hidden;}
.head {height: 37px; border-bottom: 1px solid #dedede;}
.head > .container > span > a { color: #ff0000;font-size: 13px;}
.head > .container > span > a:hover {color: #ff0000;text-decoration: none;}
.icon-down { width:9px; height: 6px; margin-left: 3px; background: url(../images/layout-pic.png) no-repeat -32px -48px;margin-top: 12px;}
.icon-up { width: 9px; height: 6px; margin-left: 3px; background: url(../images/layout-pic.png) no-repeat -32px -38px;margin-top: 10px; }
.top-header{background: #fff;position:fixed;top:0;left:0;right:0;box-shadow: 0 0 8px rgba(0,0,0,.3);-webkit-box-shadow: 0 0 8px rgba(0,0,0,.3); z-index: 1024;}

.head-menu {width: 210px;}
.head-cate { width: 210px;height:37px;line-height:37px;background: linear-gradient(to right, #30d5f4, #03a2fe);background: -ms-linear-gradient(to right, #30d5f4, #03a2fe);background: -o-linear-gradient(to right, #30d5f4, #03a2fe);background: -moz-linear-gradient(to right, #30d5f4, #03a2fe);background: -webkit-linear-gradient(to right, #30d5f4, #03a2fe);color: #f8f8f8;position: relative;float:left;}
.head-cate .caret { border-width: 7px 7px 0; color: #ccc;}
.shopping-ico{width: 20px;height:20px;background: url(../images/layout-pic.png) no-repeat;background-position: -48px -3px;display: inline-block;vertical-align: middle;margin: 10px 15px 0 0;}
.header-logo{width:232px;height: 70px; text-align: center;display: table;}
.header-logo a { display: table-cell; vertical-align: middle; height:70px;}
.header-logo a img{max-width:232px;max-height:70px;display: block;}



.head-nav{height: 37px;}
.head-nav span { float: left; position: relative;}
.head-nav span a { display: block; padding: 0 30px; line-height: 33px; font-size: 16px; color: #fff;text-decoration: none;}
.head-nav .active .navline{background: #ffe71a;width: 19px;height: 4px;position: absolute;left:50%;margin-left: -9px;display: inline-block;}

.menu{width: 100%;margin: 10px 0;}
.menu>ul{width: auto;}
.menu>ul>li{display: inline-block;width: 110px;float: left;height: 50px;line-height: 50px;text-align: center;}
.menu>ul>li>a{font-size: 16px;color: #000;height: 50px;display: inline-block;position: relative;}
.menu>ul>li.active{text-align: center;display: inline-block;font-size: 16px;background: url(../images/nav-bg.png) no-repeat;width: 131px;height: 50px;}

.banner-box{width:100%;display:block;}
.banner{width:100%;height:600px;}
.flexslider{height:100%;position:relative;zoom:1}
.flexslider .slides{height:100%;zoom:1}
.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden;height:100%}
.flexslider .slides_img{position: absolute; top: 0; left: 50%; margin-left: -960px;}
.flex-direction-nav a{position:absolute;top:50%;z-index:1002;width:40px;height:60px;margin:-30px 0 0;display:block;background:url(../images/layout-pic.png) no-repeat 0 -60px;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:-40px -59px;right:-10px}
.flex-direction-nav .flex-prev{left:-10px}
.flexslider:hover .flex-next{opacity:.3;right:20px}
.flexslider:hover .flex-prev{opacity:.3;left:20px}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{position:absolute;left:50%;bottom:20px;margin-left:-44px;z-index:101;width:auto;height:20px;padding:3px 8px;border-radius:20px}
.flex-control-nav li{margin:0 5px!important;display:inline-block;zoom:1}
.flex-control-paging li a{width:12px;height:12px;display:block;background:#fff;cursor:pointer;text-indent:-9999px;border-radius:50%}
.flex-control-paging li a:hover{background-color:#fff;}
.flex-control-paging li a.flex-active{background-color:#25c234;cursor:pointer}


.store-title{height: 40px;line-height: 40px;font-size: 20px;font-weight: 600;color: #199444;}
.recommend-con{overflow: hidden;}
.recommend-con ul {margin-top: 40px;}
.recommend-con ul li{float:left;width: 221px;height: 305px;border: 1px solid #eaf1fa;margin-right: 23px;padding:20px;}
.recommend-con ul li:nth-of-type(5n){margin-right: 0;}
.recommend-con ul li .recom-pic{width:178px;height:178px;display: table;}
.recommend-con ul li .recom-pic>a{display: table-cell;width: 178px;height:178px;text-align: center;vertical-align: middle;}
.recommend-con ul li .recom-pic>a>img{max-width: 178px;max-height: 178px;display: block;transition: transform .2s,-webkit-transform .2s,-moz-transform .2s;
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.08);box-shadow: 0px 0px 15px rgba(0,0,0,.08);}
.recommend-con ul li .recom-pic>a>img:hover{transform: translate(3px,0);}
.recom-text{margin-top:20px;}



.trade-con{overflow: hidden;}
.trade-con ul li{float:left;position: relative;width: 384px;height:195px;border: 1px solid #eaf1fa;margin:45px 23px 0 0;padding:20px;}
.trade-con ul li:nth-of-type(3n){margin-right: 0;}
.trade-con ul li .recom-pic{width:154px;height:154px;display: table;float:left;}
.trade-con ul li .recom-pic>a{display: table-cell;width: 154px;height:154px;text-align: center;vertical-align: middle;}
.trade-con ul li .recom-pic>a>img{max-width: 154px;max-height: 154px;display: block;transition: transform .2s,-webkit-transform .2s,-moz-transform .2s;
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.08);box-shadow: 0px 0px 15px rgba(0,0,0,.08);}
.trade-con ul li .recom-pic>a>img:hover{transform: translate(3px,0);}
.trade-text{padding: 10px;float:left;margin-left:10px;}



.presell-con{overflow: hidden;}
.presell-con ul li{float:left;position: relative;width: 588px;height:195px;border: 1px solid #eaf1fa;margin:45px 23px 0 0;position: relative;padding:20px;}
.presell-con ul li:nth-of-type(2n){margin-right: 0;}
.presell-con ul li .recom-pic{width:154px;height:154px;background: #fff; display: table;float:left;}
.presell-con ul li .recom-pic>a{display: table-cell;width: 154px;height:154px;text-align: center;vertical-align: middle;}
.presell-con ul li .recom-pic>a>img{max-width: 154px;max-height: 154px;display: block;transition: transform .2s,-webkit-transform .2s,-moz-transform .2s;
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.08);box-shadow: 0px 0px 15px rgba(0,0,0,.08);}
.presell-con ul li .recom-pic>a>img:hover{transform: translate(3px,0);}
.presell-price{position: absolute;right:20px;bottom: 20px;}


.group-buying{overflow: hidden;}
.group-buying ul{margin-top: 20px;}
.group-buying ul li{float:left;position: relative;width: 588px;border: 1px solid #eaf1fa;margin:0 23px 0 0;position: relative;}
.group-buying ul li:nth-of-type(2n){margin-right: 0;}

.group-adv{margin: -1px 0 0 -1px;}
.group-adv>a{display:inline-block;width: 588px;height: 207px;}
.group-adv>a img{width: 588px;height: 207px;}

.group-wrap{padding: 15px;overflow: hidden;}
.group-con{border-top:1px solid #eaf1fa;margin-top: 20px;position: relative;}
.group-con dl{float: left;width: 180px;height: 250px;margin:10px 8px 0 0;}
.group-con dl:nth-of-type(3n){margin-right: 0;}
.group-con dl dt{display: table;width: 180px;}
.group-con dl dt a{display: table-cell;width:180px;height: 180px;text-align: center;vertical-align: middle;overflow: hidden;}
.group-con dl dt a>img{max-width:180px;max-height:180px;transition: all 0.8s;}
.group-con dl dt a>img:hover{transform: scale(1.1);}
.group-con dl dd{margin-top: 12px;}

.groupJt{background: url(../images/group-jt.png) no-repeat;position: absolute;top:-10px;left:50%; margin-left: -10px;display: inline-block;width: 20px;height: 10px;z-index: 100;}

.performance-title{background: #f3f5f9;padding: 15px 20px;}

.performance-con{overflow: hidden;}
.performance-con>ul{margin-top: 20px;}
.performance-con>ul>li{float:left;position: relative;width: 100%;border: 1px solid #f3f5f9;margin:0 0 25px 0;position: relative;}
.performance-con>ul>li:nth-of-type(2n){margin-right: 0;}
.performance>ul>li .recom-pic{width:154px;height:154px;position: absolute;top:-25px;left:20px;background: #fff; 
     display: table;-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.08);box-shadow: 0px 0px 15px rgba(0,0,0,.08);}
.performance-con>ul>li .recom-pic>a{display: table-cell;width: 154px;height:154px;text-align: center;vertical-align: middle;}
.performance-con>ul>li .recom-pic>a>img{max-width: 154px;max-height: 154px;display: block;transition: transform .2s,-webkit-transform .2s,-moz-transform .2s;}
.performance-con>ul>li .recom-pic>a>img:hover{transform: translate(3px,0);}

.perfor-info{overflow: hidden;padding:15px 20px;}
.perfor-info>ul>li{float: left;width: 25%;line-height: 24px;}

.per-dot{width: 20px;height: 20px;background: #f06c00;border-radius: 50%;display: inline-block;margin-right: 5px;vertical-align: middle;position: relative;}
.tit-jt{width: 0;height: 0;border:6px solid transparent;border-left-color: #fff;overflow: hidden;display: inline-block;position: absolute;top:4px;left:50%;margin-left: -3px;}



/*footer*/
.footer-left ul li { float: left; width: 20%;}
.footer-left ul li>span>a{color: #999;font-size: 13px;}
.footer-left ul li>span>a:hover{color: #af0606;text-decoration: none;}

.footer-wx i,.footer-wx i img { width: 113px; height: 113px;}
.footer-link span { display: inline-block; margin: 5px 20px 5px 0;}
.footer-link span a { color: #666;font-size: 14px;color: #333;}
.footer-link span a:hover{color: #af0606;}
.order-foot-line{background: #fff;webkit-box-shadow: 1px 0 12px rgba(16,16,16,.1);box-shadow: 1px 0 12px rgba(16,16,16,.1);}
.bd-bm{border-top:1px solid #eee;}

.index-advpic{width:1200px;height:80px;margin:20px 0 0 0;overflow: hidden;}
.index-advpic img{max-width:100%;display: block;}


/* new 2019-11-18 */
.news-icon{background: url(../../images/notice.png) no-repeat;width:36px;height:36px;display: inline-block;vertical-align: middle;}
.news-text{font-size:24px;color:#009043;font-weight: 600;vertical-align: middle;margin-left:10px;}

.newsList{width:420px;background:#fbfbfb;margin-right:20px;padding:30px 20px;height:340px;}
.message-icon{background: url(../../images/message.png) no-repeat;width:41px;height:32px;display: inline-block;vertical-align: middle;}
.message-text{font-size:24px;color:#009043;font-weight: 600;vertical-align: top;margin-left:10px;}

.sale-noice{width:100%;overflow:hidden;}
.sale-noice li,.store-noice li{line-height:40px;}
.sale-noice li>a,.store-noice li>a{font-size:14px;color:#333;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border-bottom:2px solid #01934A;border-top:0;border-left:0;border-right:0;background: transparent;}
.nav>li>a{font-size:17px!important;color:#333;font-weight: 600;padding:0;margin-right:30px;line-height:46px;}
.nav-tabs>li>a{border:0;}
.nav-tabs{border-bottom:0;}
.nav>li>a:hover{background:transparent;}

.loginhomeInfo{text-align: center;overflow: hidden;margin-top:40px;}
.loginhomeInfo dl{float:left;text-align: center;width:50%;}

.loginList{width:320px;background:#fbfbfb;padding:60px 20px 30px 20px;height:320px;position: relative;}
.loginPerson{position: absolute;top:-42px;width:84px;height:84px;left: 50%;margin-left: -42px;border-radius: 100%;}
.loginPerson>img{border:1px solid #fff;border-radius:100%;}
.loginBtn{background:#009345;height:44px;line-height:44px;color:#fff;font-size:18px;padding:0 35px;}
.signedBtn{height:44px;line-height:44px;color:#fff;font-size:18px;padding:0 35px;}

.full-column{width:100%;margin:0 auto;text-align:center;}
.full-column a >img{width:100%;}

/* side */
.side{position:fixed;width:60px;height:auto;right:0;top:214px;background: #eee;z-index:100;}
.side ul li.tool{width:60px;height:60px;float:left;border: 1px solid #dfdfdf;margin-top: -1px;position:relative;text-align: center;}
.side ul li.tool a{color: #333;text-decoration: none;width: 100%;display: inline-block;line-height: 15px;margin-top: 8px;}
.side ul li.tool a>i{display: block;margin-bottom:5px;}
.side ul li.tool:hover{background: #939393 !important;}
.side ul li.tool:hover a{color: #fff!important;}
.side ul li.current{background: #939393 !important;color: #fff;}
.side ul li.current a{color: #fff;}
.side ul li.top{width:60px;height:60px;float:left;position:relative;text-align: center;}
.side ul li .sidetop{width:60px;height:60px;display:inline-block;background:#939393;color: #fff;text-align: center;text-decoration: none;}
.side ul li .sidetop>i{width:100%;display: inline-block;margin-top:10px;margin-bottom:3px;}
.side ul li.tool .img_code{display:none;position: absolute;left: -102px; top: 0;}
.tel{height:58px;background: #eee;padding:5px 10px;left: -115px!important;}
.icon-tel{margin-right: 10px;display:inline-block;width:20px;height:20px;background: url(/static/view/images/icon_tel.png) no-repeat;transform: rotateY(180deg);vertical-align: middle;}