@charset "utf-8";
body,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,legend,li,ol,p,ul {
 margin:0;
 padding:0
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight:400
}
fieldset,
img {
 border:none
}
img {
 display:inline-block;
 vertical-align:middle
}
address,
caption,
cite,
code,
dfn,
th,
var {
 font-style:normal;
 font-weight:400
}
ol,
ul {
 list-style:none
}
input {
 padding-top:0;
 padding-bottom:0;
 font-family:"Microsoft yahei","宋体"
}
input::-moz-focus-inner {
 border:none;
 padding:0
}
input,
select {
 vertical-align:middle
}
input,
select,
textarea {
 font-size:12px;
 margin:0;
 font-family:"Microsoft yahei"
}
input[type=password],
input[type=text],
textarea {
 outline-style:none;
 -webkit-appearance:none
}
textarea {
 resize:none
}
input,
textarea {
 background:0 0;
 border:none;
 font-family:"Microsoft yahei","宋体"
}
table {
 border-collapse:collapse
}
body {
 color:#333;
 font:12px/20px "Microsoft yahei",SimSun,"宋体","Arial Narrow",HELVETICA;
 background:#fff
}
a {
 text-decoration:none;
 color:#333
}
a:active,
a:focus,
a:hover {
 text-decoration:none
}
em,
i,
s {
 font-style:normal
}
body {
 background:#F8FAFC;
}
.bg-write {
 background:#fff;
}
.layout {
 width:100%;
 min-width:1220px;
 margin:0 auto
}
.landscape {
 background:#f5f5f5;
 padding-bottom:50px
}
.w-sl-1220 {
 width:1220px;
 margin-left:auto;
 margin-right:auto
}
.fl {
 float:left;
 display:inline
}
.fr {
 float:right;
 display:inline
}
.clearfix:after {
 visibility:hidden;
 display:block;
 font-size:0;
 content:'.';
 clear:both;
 height:0
}
.center {
 position:absolute;
 left:50%;
 top:50%;
 z-index:3;
 -webkit-transform:translate(-50%,-50%)
}
.split {
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 -webkit-text-overflow:ellipsis
}
.through {
 text-decoration:line-through;
 color:#999
}
.disable {cursor:not-allowed;}
.ani {
 transition:all .2s linear;
 -moz-transition:all .2s linear;
 -webkit-transition:all .2s linear;
 -o-transition:all .2s linear;}
.tc {text-align:center;}
.price {color:#f41818;}
.f-red {color:red;}
.f-blue {color:#09f;}
.fixed {position:fixed;}
.pr {position:relative;}
.pt80 {padding-top: 80px;}
@charset "utf-8";
/* 你自己的样式 */
  em, i{font-style: normal;}
	@font-face {
		  font-family: 'iconfonts';
		  src:  url('../../fonts/icomoon.eot');
		  src:  url('../../fonts/icomoon.eot') format('embedded-opentype'),
		    url('../../fonts/icomoon.ttf') format('truetype'),
		    url('../../fonts/icomoon.woff') format('woff'),
		    url('../../fonts/icomoon.svg') format('svg');
		  font-weight: 400;
		  font-style: normal;
		}
.icon-font{ font-family:iconfonts ;}
.header-box{background: #fff;}    
.header-box .left_box1{color: #6FC854; line-height: 80px ;font-size: 26px;}
.header-box .search-area { margin: 20px 0px 20px 0;position: relative;}
.header-box .top-tellphone { margin: 43px 50px 33px 0;}
.header-box .login-area { margin:42px 61px 28px 26px;}
.header-box .gong-zh { margin:38px 0 28px 0px;}
.header-box .gong-zh .sub-gzh {position: relative;cursor: pointer;}
.header-box .gong-zh .sub-gzh .gzh-cordbox{box-shadow:0 0 15px #b8ced1;position: absolute;top: 51px;z-index: 2;background: #fff;padding: 10px;display: none;margin-left: -19px;}
.header-box .gong-zh .sub-gzh:hover .gzh-cordbox {display: block;}

.login-area .login-btn{background-color:#f22121;
background-image: linear-gradient(90deg,#f65637,#f22121);color:#fff;
box-shadow: 0 3px 18px rgba(255,40,40,.26);
border-radius: 30px;
float: left;
height: 20px;
line-height: 20px;
padding: 0 13px;
font-size: 13px;
margin-right: 8px;
border-radius: 30px;
transition: .4s;}
.login-area .login-btn:hover{color: #fff !important;}
.header-box .login-area .user-warp{margin-top: -15px;position: relative;}
.header-box .login-area .user-warp .userul:after{content: " ";
position: absolute;
top: -16px;
left: 50%;
margin-left: -8px;
display: block;
border: 8px solid transparent;
border-bottom-color: #fff;}
.header-box .login-area .user-warp:hover .userul{display: block;}
.header-box .login-area .user-warp .img-ton img{width: 50px ;height: 50px;border-radius: 50%;cursor: pointer;}
.header-box .login-area .user-warp .userul{display:none;position: absolute;top: 100%;left: 50%;margin-top: 0px;margin-left: -123px;
background-color: #fff;border: 1px solid #ddd;border-radius: 4px;box-shadow: 0 0 15px #b8ced1;z-index: 2;}
.header-box .login-area .user-warp .late-list {padding: 10px 0; border-bottom: 1px solid #ddd;}
.header-box .login-area .user-warp .late-list .tit { padding-left: 10px;width: 170px;}
.header-box .login-area .user-warp .late-list .tit p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.header-box .login-area .user-warp .late-list .go-on{display: inline-block;padding: 10px 20px;color: #E60610;font-weight: bold;cursor: pointer;font-size: 12px;}
.header-box .login-area .user-warp .loginout{text-align: center;padding-top: 8px;padding-bottom: 8px;}

.header-box .login-area .user-warp .user-grous{padding-top:15px;padding-bottom: 15px ;width: 248px;border-bottom: 1px solid #ddd;}
.header-box .login-area .user-warp .user-grous li{float: left;text-align: center;color: #333;width: 62px;}
.header-box .login-area .user-warp .user-grous li a{display: block;}
.header-box .login-area .user-warp .user-grous li a:hover p{color: #2CC17B;}
.header-box .login-area .user-warp .user-grous li img{height: 30px;}
.header-box .login-area .user-warp .user-grous li p{margin: 8px 0 0;font-size: 12px;}

.header-box .search-form {position: relative;}
.search-form .search__title {
    font-style: inherit;
    letter-spacing: 0;
    text-transform: none;
    background-color: #F4F4F4;
    color: #505050;
    border: 1px solid #e0e0e1;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
    border-right: 0;
    padding: 0 20px;
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    appearance: none;
            /* IE */
    -webkit-appearance: none;
            /* google */
    -moz-appearance: none;
            /* firefox */
    border-radius: 3px 0 0 3px;
     background: url("../img/arrow_down.png") no-repeat 75px 13px;
            background-size: 17% 33%;
            /* 手势样式 */
            cursor: pointer;
    height: 36px; 
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
        select::-ms-expand {
            display: none;
        }
.search_box, .scbar_hot {
    width: 170px;
    background-color: #fff;
    padding: 10px 0;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.07), 0 1px 3px 0 rgba(0,0,0,.02), 0 0 0 1px rgba(0,0,0,.05);
    border-radius: 2px;
    position: absolute;
    z-index:12;
    top: 38px;
    left: 0;
}
.search_box .item {
    padding: 6px 15px;
    color: #444;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    display: block;
}
.search_box .item:hover{color: #2CC17B;}
.hide{
    display: none;
}
.search-form .search__title:after {
    content: '';
    position: absolute;
	top: 17px;
	right: 8px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 3px 0 3px;
    border-color: #191919 transparent transparent transparent;
}
.header-box .search-form .sc-text {height: 36px;line-height: 36px; width: 285px;padding: 0 8px;border: 1px solid #ddd;}
.header-box .search-form .sc-btn { position: relative; height: 38px; width: 104px;font-size: 14px;color: #fff;}
.header-box .logo-right-area .hot-items {margin-top: 5px;position: absolute;top: 40px;left: 71px;}
.header-box .logo-right-area .hot-items a {margin: 0 10px 0 0;color: #898989;}   
.header-box .logo-right-area .hot-items a:hover {color: #2CC17B;}   
.header-box .search-form .sc-btn input {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: #0099FF;;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
}
.header-box .login-area a{font-size: 14px;cursor: pointer;} 
.header-box .login-area a:hover{color: #1890ff;font-weight: 700;} 
.header-box .login-area samp{margin: 0 5px;} 
.Top{background: #fff;height: 40px;color: #000;border-bottom: 1px solid #1890FF;}
.top_box{}
.left_box1{margin-right: 71px;margin-top: 10px;}
.header-box .logo-right-area{margin: 13px 0px 0 0;}
.header_menu_list .menuul li{float: left;}
.header_menu_list .menuul li a{color: #666; line-height: 40px ;padding: 0 20px;font-size: 15px;font-weight: bold;}
.header_menu_list .menuul li a:hover{color: #1890FF; font-weight: bold;}
.header_menu_list .menuul li a.cur{color: #1890FF; font-weight: bold;}
.top_box{}
.top_box .right_box a{color: #E0E0E0; line-height: 40px ;padding: 0 20px;font-size: 16px;}
.dropdown {
    position: absolute;
    right: 243px;
    top: 34px;
    z-index: 21;
}
.dropdown .cw-icon {
    width: 130px;
    height: 34px;
    background-color: #fff;
    text-align: center;
    line-height: 34px;
    border-color: #eee;
}
.cw-icon {
    overflow: hidden;
    position: relative;
    z-index: 1;
    float: left;
    border: 1px solid #e3e4e5;
}
.dropdown .ci-count {
    position: absolute;
    top: 1px;
    left: 29px;
    right: auto;
    display: inline-block;
    padding: 1px 3px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    background-color: #E83C40;
    border-radius: 7px;
    min-width: 12px;
    text-align: center;
}
.dropdown .dropdown-layer {
    top: 36px;
    right: 0;
    width: 308px;
    border-color: #2CC17B;
}
.dropdown .cw-icon .icon-font {
    margin-right: 13px;
    font-size: 16px;
}
.dropdown-layer {
    display: none;
    position: absolute;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 0px 0px 2px rgba(0,0,0,.1);
}
.cart_pop {
    position: relative;
    z-index: 2;
    width: 100%;
    background: #fff;
}
.cart_empty {
    height: 49px;
    margin: auto;
    padding: 10px 0;
    text-align: center;
    line-height: 49px;
    overflow: hidden;
    color: #999;
}
.cart_empty_img {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 56px;
    height: 49px;
    background-image: url(../img/cart_empty.png);
}
.navsort,.carbox,.allsort,.allsort .mt .extra,.allsort h3,.allsort s,.allsort .close{}
.navsort{height:40px;background-position:0 1px;background-repeat:repeat-x;}
.allsort{float:left;width:230px;height:40px;position:relative;z-index:11;}
.allsort .mt{cursor: pointer;text-align: center;height:40px;line-height: 40px;background:#1890ff;color:#fff;font-size: 16px;}
.allsort .mt strong{font-size:14px;color:#630;}
.allsort .mt strong i{font-size:15px;color:#fff;}
.allsort .mt strong a{font-size:15px;color:#fff;}
.allsort .mt .extra{float:right;overflow:hidden;width:22px;height:22px;background-position:-214px -52px;}
.allsort .mc{position:absolute;top:40px;overflow:visible;width:230px;background:#3d464d;display: none;height: 400px;}
.allsort .item{position: relative;padding: 8px 5px 5px 5px;font-size: 14px;}
.allsort .item:hover{background: #fff;}
.allsort .item a{display: inline-block;width: 98px;margin-bottom: 5px;color:#fff;text-align: center;}
.allsort .item:hover a{color:#333;}
.allsort .item:hover a:hover{color:#1890ff;}
.allsort .hd{width: 180px;margin: 5px auto 15px;height: 15px;border-bottom: 1px solid #fff;color:#f60;text-align:center;font-size: 14px;}
.allsort .hd strong{display: inline-block;padding: 0 20px;height: 30px;line-height: 30px;background:#3d464d;}
.allsort .fore{border-top:none;}
.allsort span{display:block;width:203px;position:relative;z-index:1;}
.allsort h3{font-size:14px;height:30px;padding-left:20px;font-weight:normal;}
.allsort h3 a:link,.allsort h3 a:visited{display:block;height:30px;line-height:30px;color:#fff;}
.allsort h3 a:hover,.allsort h3 a:active{color:#333;}
.allsort .mc .item s{display:block;position:absolute;top:23px;left:182px;width:13px;height:13px;color: #fff;text-decoration: none;}
.allsort .item:hover s{color: #333;}
.allsort .cur a{color: #333;}
.allsort .cur a:hover{color: #1890ff;}
.allsort .item .nn{position: absolute;right: 0px;color: #fff;}
.allsort .item:hover .nn{color: #333;}
.allsort .cur .nn{color: #333;}
/*二菜单*/
.allsort .item {position: relative;padding: 18px 5px;font-size: 14px;}
.allsort .cur{background: #fff;}
.allsort .item strong{color: #fff;font-weight: normal;}
.allsort .item:hover strong,.allsort .cur strong{color: #00AD4D;font-weight: 700;}
.allsort .mc .cur s{color: #00AD4D;}
.allsort .item:hover s{color: #00AD4D;}
.allsort  .i-mc{display:none;position:absolute;left:230px;top:41px;width:700px;background:#fff;overflow:hidden;box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);height: 400px;}
.allsort .item dt{padding:3px 6px 0 0;font-weight:bold;}
.allsort .item dd{padding:3px 0 0;overflow:hidden;zoom:1;}
.allsort .subitem{float:left;padding:10px 10px 10px 21px;}
.allsort .subitem dl{padding:6px 0;overflow:hidden;zoom:1;position: relative;margin-bottom: 10px;}
.allsort .subitem .fore{border-top:none;}
.allsort .subitem dt{height: 14px;line-height: 14px;border-left: 4px solid #F60;font-weight: 700;padding-left: 8px;color: #3e3a39;margin-bottom: 15px;font-size: 14px;}
/*.allsort .subitem dt:after{content: " ";display: block;position: absolute;top: 22px;left: 50px;width: 401px;border-top: 1px solid #A7D3FD;z-index: 1;}*/
.allsort .subitem dd{float:left;}
.allsort .subitem em{float:left;height:14px;margin:6px 0;line-height:14px;padding:0 12px;font-style:normal;white-space:nowrap;font-size: 13px;}
.allsort .subitem em a{color: #666;}
.allsort .subitem em a:hover{color: #1890ff;}
.allsort .fr{background:#fff;width:194px;padding:0 15px 2010px 15px;margin-bottom:-2000px;float:right;}
.allsort .fr dl{padding-bottom:0;}
.allsort .mc .extra{padding:7px 8px;background:#FDF1DE;border-top:1px solid #FDE6D2;}
.allsorthover{background-position:0 -50px;}
.allsorthover .mt .extra{background-position:-214px -75px;}
.allsorthover .mc{display:block;}
.allsort .hover span{z-index:13;width:100%;}
.allsort .hover h3{font-size:14px;overflow:hidden;background: #fff;font-weight:bold;}
/*.allsort .hover s{display:none;}*/
.allsort .hover .i-mc{display:block;z-index:12;}
.allsort .close{position:absolute;top:6px;left:674px;z-index:14;width:19px;height:19px;background-position:-216px -125px;cursor:pointer;}
.ani {
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
}
.friend-link{margin:0px auto;width: 1220px;border-bottom: 1px solid #383838;padding: 25px 0;}
.friend-link .sub-title{font-size: 14px;color: #fff;height: 30px;}
.friend-link .section-content li{float: left;margin: 0 14px 8px 0;}
.friend-link .section-content li a{color: #949498;font-size: 14px;cursor: pointer;}
.footer-wrapper{box-sizing: border-box;margin: 0 auto;padding: 30px 16px 30px;position: relative;border-bottom: 1px solid #383838;}
.footer-wrapper .ll{text-align: left;width: 380px; }
.footer-wrapper .rr{text-align: left;padding-left: 60px;width: 380px; border-left:1px solid #33333c;}
.footer-wrapper .cc{text-align: left;padding-left: 60px;width: 300px; border-left:1px solid #33333c;}
.footer-wrapper h4{font-size: 14px;font-weight: 700;color:#fff;line-height: 1;margin-bottom: 20px;}