html,body{font-size:12px;}

/*a,a:link{text-decoration:none;color:#555;outline:0;}*/
a{text-decoration:none;color:#555;outline:0;}
a:visited{background-color:transparent;color:#555;}
a:active,a:hover{text-decoration:underline;outline:0;}
a:hover,a:focus{color:#2a978d;text-decoration:underline;outline:0;}

.body-default{}
.body-default > .wrap-body{height:auto;min-height:100%;}

.wrap{position:relative;}
.modal{z-index:99999 !important;}

.header{

width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, .3);
    
}
.header a{color:#333;}
.header .topbar{line-height:38px;background: #f6fafd;color:#2A2A2B;text-align: center;position: relative;}
.header .topbar .container {position: relative;}
.header .topbar .link-close {cursor: pointer;
    position: absolute;
    width:22px;
    height:22px;
    line-height: 22px;
    top:50%;
    margin-top: -11px;
    right:15px;
}
.header .topbar .close i {color:#D2D2D2;}
.header .topbar .link-close:hover i {color:#f0f0f0;}

.header .topbar a{display:inline;text-align:right;}
/*.header .topbar .top-links > li{float:left;position:relative;}
.header .topbar .top-links > li > span{display:block;}
.header .topbar .top-links > li > span > a{display:block;padding:0 15px;text-decoration:none;}
.header .topbar .top-links > li > span > a.active,
.header .topbar .top-links > li > span > a:hover {
    text-decoration: none;
    background: #fff;
    !*background: #424242;*!
    color:#333;
}
.header .topbar .top-links > li:last-child > span{border-right:none;padding-right:0;}*/

/*.header .topbar .top-links .lang-toggle{padding:0 20px 0 38px;}
.header .topbar .top-links .lang-toggle .lang-item{top:5px;left:10px;position:absolute;width:24px;height:22px;}
.header .topbar .top-links .lang-toggle .fa{position:absolute;right:10px;top:0;height:34px;line-height:34px;}
.header .topbar .top-links .lang-set{padding:10px;position:absolute;top:35px;right:0;width:600px;background:#FFF;color:#333;z-index:999;-webkit-box-shadow:1px 2px 4px 2px rgba(0,0,0,0.1);-moz-box-shadow:1px 2px 4px 2px rgba(0,0,0,0.1);box-shadow:1px 2px 4px 2px rgba(0,0,0,0.1);}
.header .topbar .top-links .lang-set a{color:#333;}
.header .topbar .top-links .lang-set .title{font-weight:700;border-bottom:1px solid #eee;margin-bottom:10px;line-height:32px;padding:0 10px;}
.header .topbar .top-links .lang-set ul{}
.header .topbar .top-links .lang-set ul li{float:left;width:33.33%;}
.header .topbar .top-links .lang-set ul li a{padding:0 10px 0 35px;color:#000;display:block;height:30px;line-height:30px;text-decoration:none;position:relative;}
.header .topbar .top-links .lang-set ul li a:hover{text-decoration:none;background:#eee;}
.header .topbar .top-links .lang-set ul li a i{top:3px;left:4px;position:absolute;width:24px;height:22px;}

.header .topbar .top-links .lang-item{background:url("../images/flags_all.png") no-repeat 30px 30px;}
.header .topbar .top-links .lang-ar-ae{background-position:-27px -1px;}
.header .topbar .top-links .lang-pt-br{background-position:-365px -27px;}
.header .topbar .top-links .lang-en-us{background-position:-313px -365px;}
.header .topbar .top-links .lang-en-ca{background-position:-131px -53px;}
.header .topbar .top-links .lang-es-mx{background-position:-313px -235px;}
.header .topbar .top-links .lang-de-at{background-position:-339px -1px;}
.header .topbar .top-links .lang-en-au{background-position:-365px -1px;}
.header .topbar .top-links .lang-nl-be{background-position:-105px -27px;}
.header .topbar .top-links .lang-bg-bg{background-position:-157px -27px;}
.header .topbar .top-links .lang-zh-cn{background-position:-365px -53px;}
.header .topbar .top-links .lang-cs-cz{background-position:-131px -79px;}
.header .topbar .top-links .lang-da-dk{background-position:-209px -79px;}
.header .topbar .top-links .lang-et-ee{background-position:-365px -79px;}
.header .topbar .top-links .lang-fi-fi{background-position:-105px -105px;}
.header .topbar .top-links .lang-fr-fr{background-position:-209px -105px;}
.header .topbar .top-links .lang-de-de{background-position:-157px -79px;}
.header .topbar .top-links .lang-zh-hk{background-position:-287px -131px;}
.header .topbar .top-links .lang-hu-hu{background-position:-1px -157px;}
.header .topbar .top-links .lang-en-in{background-position:-131px -157px;}
.header .topbar .top-links .lang-en-ie{background-position:-53px -157px;}
.header .topbar .top-links .lang-en-il{background-position:-79px -157px;}
.header .topbar .top-links .lang-it-it{background-position:-261px -157px;}
.header .topbar .top-links .lang-ja-jp{background-position:-391px -157px;}
.header .topbar .top-links .lang-ko-kr{background-position:-183px -183px;}
.header .topbar .top-links .lang-lv-lv{background-position:-105px -209px;}
.header .topbar .top-links .lang-lt-lt{background-position:-53px -209px;}
.header .topbar .top-links .lang-en-my{background-position:-339px -235px;}
.header .topbar .top-links .lang-nl-nl{background-position:-131px -261px;}
.header .topbar .top-links .lang-nn-no{background-position:-157px -261px;}
.header .topbar .top-links .lang-en-nz{background-position:-261px -261px;}
.header .topbar .top-links .lang-en-ph{background-position:-1px -287px;}
.header .topbar .top-links .lang-pl-pl{background-position:-53px -287px;}
.header .topbar .top-links .lang-pt-pt{background-position:-183px -287px;}
.header .topbar .top-links .lang-ro-ro{background-position:-313px -287px;}
.header .topbar .top-links .lang-ru-ru{background-position:-365px -287px;}
.header .topbar .top-links .lang-en-sg{background-position:-157px -313px;}
.header .topbar .top-links .lang-sl-si{background-position:-235px -313px;}
.header .topbar .top-links .lang-es-es{background-position:-53px -105px;}
.header .topbar .top-links .lang-sk-sk{background-position:-287px -313px;}
.header .topbar .top-links .lang-sv-se{background-position:-131px -313px;}
.header .topbar .top-links .lang-de-ch{background-position:-235px -53px;}
.header .topbar .top-links .lang-fr-ch{background-position:-235px -53px;}
.header .topbar .top-links .lang-zh-tw{background-position:-157px -365px;}
.header .topbar .top-links .lang-th-th{background-position:-287px -339px;}
.header .topbar .top-links .lang-tr-tr{background-position:-79px -365px;}
.header .topbar .top-links .lang-en-uk{background-position:-261px -365px;}*/

.header .control{padding:0;width:100% !important;background:#fff;}
.header .control > .container {padding:15px 15px;}

.header .fixed-control {
    padding:0;
    background: #fff;
    width: 100% !important;
    z-index: 1039 !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.header .fixed-control > .container {padding:15px 0;}
.header .fixed-control .navigation {display: none !important;}

.header .fixed-control .control-toolbar .tool > a {
    content: '';
}


.header .control .brand{float:left;}
.header .control .brand a{display:block;height:80px;}
.header .control .brand a img{height: 80%;}

.header .control .searchbar{padding-top:10px;}
.header .control .from-control-search{}

.header .control .from-control-search .txt-keyword {
    height: 38px;
    font-size: 14px;
    border:1px solid #dbdbdb;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.header .control .from-control-search .btn-search {
    border: 0;
    height: 38px;
    width:80px;
    padding:0;
    background-color: #2a978d;
    color: #fff;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
	font-size:20px;

}
.header .control .from-control-search .btn-search i {
    font-size:20px;
}

.header .control .control-toolbar {
    height: 40px;
    float:left;
}
.header .control .control-toolbar .tool {float:left;position:relative;}
.header .control .control-toolbar .tool > a {
    display: block;
    line-height: 40px;
    /*width: 80px;*/
    /*padding-top: 45px;*/
    /*font-size: 12px;*/
    /*font-weight: 700;*/
    text-align: center;
    /*text-decoration: none;*/
    /*height: 65px;*/
    /*overflow: hidden;*/
    font-size:16px;font-weight: 700;
    padding:0 10px;
}

.header .control .control-toolbar .tool-cart {margin-left: 30px;color: #2a978d;
    font-size: 26px;
    margin-right: 6px;}
.header .control .control-toolbar .tool-cart > a {
    
}
.header .control .control-toolbar .tool-cart .cart-preview{width:430px;border:1px solid #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.header .control .control-toolbar .tool-cart .cart-preview .inner{padding:15px;}
.header .control .control-toolbar .tool-cart .cart-preview .title{font-size:18px;font-weight:800;border-bottom:2px solid #000;padding-bottom:5px;}
.header .control .control-toolbar .tool-cart .cart-preview .list{margin:10px 0;padding:0 10px;max-height:400px;overflow:auto;}
.header .control .control-toolbar .tool-cart .cart-preview .list .item{border-bottom:2px solid #eee;padding:5px 0;}
.header .control .control-toolbar .tool-cart .cart-preview .list .item:last-child{border-bottom:none;}
.header .control .control-toolbar .tool-cart .cart-preview .list .item .col{float:left;}
.header .control .control-toolbar .tool-cart .cart-preview .list .item .image{width:20%;}
.header .control .control-toolbar .tool-cart .cart-preview .list .item .image a{display:block;height:60px;width:60px;line-height:60px;text-align:center;overflow:hidden;}
.header .control .control-toolbar .tool-cart .cart-preview .list .item .image a img{width:100%;max-height:100%;vertical-align:middle;}
.header .control .control-toolbar .tool-cart .cart-preview .list .item .info{width:55%;}
.header .control .control-toolbar .tool-cart .cart-preview .list .item .price{width:25%;}
.header .control .control-toolbar .tool-cart .cart-preview .list .item .part a{font-weight:700;font-size:14px;color:#333;}
.header .control .control-toolbar .tool-cart .cart-preview .list .item .brand{font-size:12px;color:#777;}
.header .control .control-toolbar .tool-cart .cart-preview .list .item .price{font-size:14px;text-align:right;}
.header .control .control-toolbar .tool-cart .cart-preview .list .item .subtotal{font-size:14px;font-weight:800;}
.header .control .control-toolbar .tool-cart .cart-preview .action{padding-top:15px;border-top:2px solid #000;}
.header .control .control-toolbar .tool-cart .cart-preview .total{font-size:14px;line-height:32px;font-weight:800;}
.header .control .control-toolbar .tool-cart .cart-preview .cart-empty{text-align:center;padding:30px 0;}
.header .control .control-toolbar .tool-cart .cart-preview .cart-empty p{font-size:16px;font-weight:800;margin-bottom:30px;}
.header .control .control-toolbar .tool-cart .cart-preview .cart-empty a{color:#333;}

.header .control .control-toolbar .tool-cart > a {position: relative;}
.header .control .control-toolbar .tool-cart > a > .nums {
    top:0;right:0;
    position: absolute;
    background: #e90028;
    color:#fff;
    text-align: center;
    font-size:12px;
    font-style: normal;
    font-weight: normal;
    width:16px;
    height:16px;
    line-height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/*.header .control .control-toolbar{float:right;margin-bottom:10px;}
.header .control .control-toolbar .tool{float:left;position:relative;height:65px;}

.header .control .control-toolbar .tool > a {
    display: block;
    width: 80px;
    padding-top: 45px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    height: 65px;
    overflow: hidden;
}
.header .control .control-toolbar .tool-account > a{background:url("../images/headimg_01.png") no-repeat top center;}
.header .control .control-toolbar .tool-cart > a{background:url("../images/headimg_02.png") no-repeat top center;position:relative;}
.header .control .control-toolbar .tool-cart > a > .nums{width:18px;height:18px;line-height:18px;background:#e90028;font-size:12px;color:#fff;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-weight:normal;font-style:normal;position:absolute;top:0;right:0;}
.header .control .control-toolbar .tool-contact > a{background:url("../images/headimg_03.png") no-repeat top center;}

*/

.header .control .navbar-toggle {padding:0 10px;margin:0;}
.header .control .navbar-toggle i {font-size:18px;}

.header .navigation{display: block;
  width: 100%;
  background-color: #2a978d;}
  
.header .navigation .navlist{float:left;}

 

.header .navigation .navlist > ul{float:left;height:50px;}
.header .navigation .navlist > ul > li{float:left;position:relative}
.header .navigation .navlist > ul > li:hover{opacity:1;visibility:visible}
.header .navigation .navlist > ul > li > span {
    display: block;
    line-height: 42px;
}

.header .navigation .navlist > ul > li > span > a {
 
	
	display: flex;
	  display: -webkit-flex;
	  align-items: center;
	  -webkit-align-items: center;
	  font-size: 20px;
	  color: #fff;
	  margin-right: 70px;
	  height: 50px;
	  position: relative;
	  font-family: montbold;
	  font-weight: 700;
	  
	  
}

.header .navigation .navlist > ul > li > span > a:before {
content:'';display:block;width:0%;height:2px;background-color:#fff;position:absolute;left:0;bottom:0;transition:all .3s
	  
}


.header .navigation .navlist > ul > li > span > a i{
font-size:inherit;color:inherit;margin-left:10px
}


.header .navigation .navlist > ul > li:hover > span > a,
.header .navigation .navlist > ul > li > span > a:hover{text-decoration:none;color:#fff;background-color: #d4d4d44d;
    border-radius: 4px;}
.header .navigation .navlist > ul > li:last-child > span{}

.header .navigation .nav-right{float:right;}
.header .navigation .nav-right .link-phone {
    margin-right: 20px;}
.header .navigation .nav-right .link-phone span {
    padding:0 10px 0 35px;
    background: url("../images/kaimte/ico_1@2x.png") no-repeat 10px center
}
.header .navigation .nav-right .link-lang {font-size:12px;}
.header .navigation .nav-right .link-lang span a {font-size:12px;padding-right:20px;padding-left: 35px;background: url("../images/kaimte/ico_2@2x.png") no-repeat 10px center;}

.header .navigation .lang-toggle{padding:0 20px 0 38px;}
.header .navigation .lang-toggle .lang-item{top:5px;left:10px;position:absolute;width:24px;height:22px;}
.header .navigation .lang-toggle .fa{position:absolute;right:10px;top:0;height:40px;line-height:40px;}

.header .navigation .lang-set {
    padding: 10px;
    position: absolute;
    top: 42px;
    right: 0;
    width: 160px;
    background: #FFFFFF;
    color: #333333;
    z-index: 999;
    -webkit-box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, 0.1);
}
.header .navigation .lang-set a{color:#333;}
.header .navigation .lang-set .title{font-weight:700;border-bottom:1px solid #eee;margin-bottom:10px;line-height:32px;padding:0 10px;}
.header .navigation .lang-set ul{}
.header .navigation .lang-set ul li{}
.header .navigation .lang-set ul li a{padding:0 10px 0 35px;color:#000;display:block;height:30px;line-height:30px;text-decoration:none;position:relative;}
.header .navigation .lang-set ul li a:hover{text-decoration:none;background:#eee;}
.header .navigation .lang-set ul li a i{top:3px;left:4px;position:absolute;width:24px;height:22px;}

.header .navigation .lang-item{background:url("../images/flags_all.png") no-repeat 30px 30px;}
.header .navigation .lang-ar-ae{background-position:-27px -1px;}
.header .navigation .lang-pt-br{background-position:-365px -27px;}
.header .navigation .lang-en-us{background-position:-313px -365px;}
.header .navigation .lang-en-ca{background-position:-131px -53px;}
.header .navigation .lang-es-mx{background-position:-313px -235px;}
.header .navigation .lang-de-at{background-position:-339px -1px;}
.header .navigation .lang-en-au{background-position:-365px -1px;}
.header .navigation .lang-nl-be{background-position:-105px -27px;}
.header .navigation .lang-bg-bg{background-position:-157px -27px;}
.header .navigation .lang-zh-cn{background-position:-365px -53px;}
.header .navigation .lang-cs-cz{background-position:-131px -79px;}
.header .navigation .lang-da-dk{background-position:-209px -79px;}
.header .navigation .lang-et-ee{background-position:-365px -79px;}
.header .navigation .lang-fi-fi{background-position:-105px -105px;}
.header .navigation .lang-fr-fr{background-position:-209px -105px;}
.header .navigation .lang-de-de{background-position:-157px -79px;}
.header .navigation .lang-zh-hk{background-position:-287px -131px;}
.header .navigation .lang-hu-hu{background-position:-1px -157px;}
.header .navigation .lang-en-in{background-position:-131px -157px;}
.header .navigation .lang-en-ie{background-position:-53px -157px;}
.header .navigation .lang-en-il{background-position:-79px -157px;}
.header .navigation .lang-it-it{background-position:-261px -157px;}
.header .navigation .lang-ja-jp{background-position:-391px -157px;}
.header .navigation .lang-ko-kr{background-position:-183px -183px;}
.header .navigation .lang-lv-lv{background-position:-105px -209px;}
.header .navigation .lang-lt-lt{background-position:-53px -209px;}
.header .navigation .lang-en-my{background-position:-339px -235px;}
.header .navigation .lang-nl-nl{background-position:-131px -261px;}
.header .navigation .lang-nn-no{background-position:-157px -261px;}
.header .navigation .lang-en-nz{background-position:-261px -261px;}
.header .navigation .lang-en-ph{background-position:-1px -287px;}
.header .navigation .lang-pl-pl{background-position:-53px -287px;}
.header .navigation .lang-pt-pt{background-position:-183px -287px;}
.header .navigation .lang-ro-ro{background-position:-313px -287px;}
.header .navigation .lang-ru-ru{background-position:-365px -287px;}
.header .navigation .lang-en-sg{background-position:-157px -313px;}
.header .navigation .lang-sl-si{background-position:-235px -313px;}
.header .navigation .lang-es-es{background-position:-53px -105px;}
.header .navigation .lang-sk-sk{background-position:-287px -313px;}
.header .navigation .lang-sv-se{background-position:-131px -313px;}
.header .navigation .lang-de-ch{background-position:-235px -53px;}
.header .navigation .lang-fr-ch{background-position:-235px -53px;}
.header .navigation .lang-zh-tw{background-position:-157px -365px;}
.header .navigation .lang-th-th{background-position:-287px -339px;}
.header .navigation .lang-tr-tr{background-position:-79px -365px;}
.header .navigation .lang-en-uk{background-position:-261px -365px;}

.navigation .nav-catalog {position: relative;width:310px;text-align:center;background:#2a978d;border-radius:6px 6px 0 0;}
.navigation .nav-catalog .nav-collapse {display:none;text-align:left;}
.navigation .nav-catalog .nav-cat-menus {border:1px solid #ddd;  position: absolute;  width:310px;  height:425px; min-height:420px; background: #fff;  color:#333;  z-index:999;}
.navigation .nav-catalog .nav-cat-menus > dl { background: #FFF;}
/*.navigation .nav-catalog .nav-cat-menus > dl:nth-child(even) { background: #f9f9f9;}*/
.navigation .nav-catalog .nav-cat-menus > dl > dt {position: relative;border-top:1px solid #fff;border-bottom: 1px solid #fff;}
/*.navigation .nav-catalog .nav-cat-menus > dl:nth-child(even) dt { border-top:1px solid #ddd;border-bottom: 1px solid #ddd;}*/
.navigation .nav-catalog .nav-cat-menus > dl > dt > a {font-size:14px;display:block;padding:8px 35px 8px 15px;color:#333;}
.navigation .nav-catalog .nav-cat-menus > dl > dt > i {  font-size: 14px;  font-style: normal;  font-weight: normal;  position: absolute;  color:#777;  top:25%;  margin-left:-25px;  left:100%;  }
.navigation .nav-catalog .nav-cat-menus > dl > dd {display:none;position: absolute;top:-1px;left:308px;height:500px;width:656px; background: #fff;overflow:auto;border:1px solid #ddd;}
.navigation .nav-catalog .nav-cat-menus > dl > dd > ul {padding:15px;}
.navigation .nav-catalog .nav-cat-menus > dl > dd > ul > li {float:left;width:50%;padding:8px 10px;}
.navigation .nav-catalog .nav-cat-menus > dl > dd > ul > li a {color:#333;font-size:12px;}
.navigation .nav-catalog:hover .nav-collapse {display:block !important;}
.navigation .nav-catalog .nav-cat-menus > dl:hover > dt {border-top:1px solid #ddd;border-bottom: 1px solid #ddd;background: #FFF; width:310px; z-index: 999;}
.navigation .nav-catalog .nav-cat-menus > dl:hover > dd {display: block !important;}

.footer {
    color:#fff;
    background:#000 ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#323232",endColorstr="#000000",GradientType=1);
}

.footer2 {
    color:#333;
    background:none ;
}
.footer a {color:#fff;}
.footer a:hover {color:#fff;}

.footer .footer-email{
	background:url("../images/footer_contact_03.png") no-repeat center left;
	background-size:20px;
	padding-left:20px;
}
.footer .footer-tel{
	background:url("../images/footer_contact_07.png") no-repeat center left;
	background-size:20px;
	padding-left:20px;
}
.footer .footer-address{
	background:url("../images/footer_contact_06.png") no-repeat center left;
	background-size:20px;
	padding-left:20px;
}

.footer .footer-subscribe {
    /*background: #000000;*/
    /*padding-top:50px;*/
}
.footer .footer-subscribe .p1 {font-size:40px;text-align: center;}
.footer .footer-subscribe .p2 {font-size:14px;text-align: center;width:720px;margin:0 auto;}
.footer .footer-subscribe .from-subscribe {width:580px;margin:0 auto;padding:30px 0 10px 0;}

.footer .footer-subscribe .from-subscribe .form-control {
    border: 0;
    height: 50px;
    font-size: 16px;
    padding:0 15px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.footer .footer-subscribe .from-subscribe .btn-submit {
    border:0;
    height: 50px;
    background-color: #368d2d;
    font-size:16px;
    color:#fff;
    padding:0 30px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


.footer .footer-navs {
    /*background: #000000;*/
    padding: 25px 0;
}
.footer .footer-navs dl {}
.footer .footer-navs dl dt {font-size:20px;color:#fff;font-weight: 700;margin-bottom: 30px;}
.footer .footer-navs dl dd {font-size:14px;}
.footer .footer-navs dl dd ul li {padding:0px 0;}
.footer .footer-navs .footer-news {}
.footer .footer-navs .footer-news dd .item {margin-bottom: 10px;}
.footer .footer-navs .footer-news dd .item .date {color:#777;font-size:12px;}

.footer .footer-navs .share {text-align: left;}
.footer .footer-navs .share a {display: inline-block;margin:0 10px;}
.footer .footer-navs .share a i {font-size:20px;}

.footer .footer-bottom {
    /*background: #2A2A2B;*/
    padding: 15px;
}
.footer .footer-bottom .i-exp {display: inline-block;margin: 0 15px;}

/*.footer{border-top:1px solid #dddddd;margin-top:40px;}
.footer .footer-contact{text-align:center;font-size:14px;font-weight:700;padding:15px 0;}
.footer .footer-contact .row{margin:0 -15px;}
.footer .footer-contact .row .col{padding:0 10px;}
.footer .footer-contact .contact-item{display:block;padding-top:60px;color:#333;text-decoration:none;}
.footer .footer-contact .contact-item:hover{color:#333;text-decoration:none;}
.footer .footer-contact .contact-qq{background:url("../images/footer_contact_01.png") no-repeat top center;}
.footer .footer-contact .contact-phone{background:url("../images/footer_contact_02.png") no-repeat top center;}
.footer .footer-contact .contact-email{background:url("../images/footer_contact_03.png") no-repeat top center;}
.footer .footer-contact .contact-skype{background:url("../images/footer_contact_04.png") no-repeat top center;}
.footer .footer-contact .contact-msg{background:url("../images/footer_contact_05.png") no-repeat top center;}

.footer .footer-navs{padding:30px 0;}
.footer .footer-navs .company{font-size:14px;font-weight:700;margin-bottom:15px;}
.footer .footer-navs .address{}
.footer .footer-navs .contact{margin-bottom:15px;}
.footer .footer-navs .navs-list{}
.footer .footer-navs .navs-list .col{border-right:1px solid #d0d0d0;height:140px;}
.footer .footer-navs .navs-list .col:last-child{border-right:0;}
.footer .footer-navs .navs-list .col dl dt{font-size:12px;font-weight:700;margin-bottom:15px;}
.footer .footer-navs .navs-list .col dl dd ul li a{line-height:22px;}

.footer .footer-bottom{background-color:#555555;padding:20px 0;color:#ccc;}
.footer .footer-bottom a{color:#ccc;}
.footer .footer-bottom a:hover{color:#fff;}

.footer .footer-links{overflow:hidden;margin-bottom:15px;}
.footer .footer-links .wrap{float:left;position:relative;left:50%;}
.footer .footer-links ul{float:left;position:relative;left:-50%;}
.footer .footer-links ul li{float:left;padding:0 10px;line-height:22px;}
.footer .footer-links ul li span{border-right:1px solid #ccc;padding-right:20px;}
.footer .footer-links ul li:last-child span{border-right:none;padding-right:0;}

.footer .footer-copyright{text-align:center;margin-bottom:10px;}
.footer .footer-tel{text-align:center;margin-bottom:10px;}
.footer .footer-share{text-align:center;margin-bottom:10px;}*/

.content{background-color:#fff;padding-top:150px}

.content .page .navcrumb {
    margin: 0 0 15px 0;
    padding: 0;
    border-bottom: 1px solid #dddddd;
    background-color: #fff;
}
.content .page .navcrumb .container {background-color: #fff;}
.content .page .navcrumb .breadcrumb{background-color:#fff;border-radius:0;padding:10px 0;margin:0;color:#333;}
.content .page .navcrumb .breadcrumb li{color:#2a978d;}
.content .page .navcrumb .breadcrumb li.active	{font-weight:700;}
.content .page .navcrumb .breadcrumb li a{color:#333;}
.content .page .navcrumb .breadcrumb>li+li:before{color:#333;}

.content .container{background:#fff;}


.page-content {min-height:560px;}

/**************** PAGE ****************/
.page-home .home-row {padding:30px 0;}
.page-home .home-row .row-header {position: relative;margin-bottom: 30px;}
.page-home .home-row .row-header .title {font-size:34px;font-weight: 800;}
.page-home .home-row .row-header .title::after {content:'';position: absolute;bottom:0;left:0;height:2px;width:350px;background: #2a978d;}
.page-home .home-row .row-header .more {right:0;top:50%;position: absolute;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.page-home .home-row .row-header .more a {font-size:20px;color:#ff6a00;line-height: 32px;}
.page-home .home-row .row-header .more i {font-size:20px;color:#ff6a00;line-height: 32px;}

.page-home .main-banner .swiper-slide a {display:block;height:430px;}
.page-home .main-banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: none;
    border:2px solid #fff;
}
.page-home .main-banner .swiper-pagination-bullet-active {
    background: #fff;
}


@media screen and (max-width: 1024px) {
	.page-home .main-banner {display:none;}
}

.page-home .row-1 .row-header .title {font-size:50px;margin-bottom: 15px;}
.page-home .row-1 .subtitle {font-size:18px;padding-right: 50%;margin-bottom: 20px;}
.page-home .row-1 .list .col .p1 {font-size:20px;margin-bottom: 5px;}
.page-home .row-1 .list .col .p2 {font-size:12px;min-height:160px;padding:10px 0;}
.page-home .row-1 .list .col .more a {border-radius: 3px;}
.page-home .row-1 .list .col .img {height:120px;background-size: cover;}
.page-home .row-1 .list .col-1 .img {background: url("../images/kaimte/row_1_1_bg@2x.png") no-repeat center center;  }
.page-home .row-1 .list .col-2 .img {background: url("../images/kaimte/row_1_2_bg@2x.png") no-repeat center center;}
.page-home .row-1 .list .col-3 .img {background: url("../images/kaimte/row_1_3_bg@2x.png") no-repeat center center;}

.page-home .row-2 .list {margin:0 -25px;}
.page-home .row-2 .list .item {float:left;width:20%;padding:15px 25px;}
.page-home .row-2 .list .item .inner {text-align: center;padding-bottom:10px;}
.page-home .row-2 .list .item .image {margin-bottom:10px;}
.page-home .row-2 .list .item .image a {display:block;overflow: hidden;}
.page-home .row-2 .list .item .image a img {height:150px;max-width: 100%;}
.page-home .row-2 .list .item .part {margin-bottom: 10px;}
.page-home .row-2 .list .item .part a {font-size:14px;line-height: 22px;}
.page-home .row-2 .list .item .price {font-size:14px;color:#ff6a00;line-height: 22px;}

.page-home .row-3 {background:#F5F5F5;padding:50px 0;}
.page-home .row-3 > .container {background:none;}
.page-home .row-3 .list {margin:0 -10px;}
.page-home .row-3 .list .item {float:left;width:16.6666%;}
.page-home .row-3 .list .item .inner {padding:0 10px;margin-bottom: 15px;}
.page-home .row-3 .list .item a {display:block;border:1px solid #CECECE;height:95px;line-height: 85px; padding:5px;background: #FFF;text-align: center;}
.page-home .row-3 .list .item a img {max-width:100%;max-height:100%;}

.page-home .row-4 {position: relative;}

.page-home .row-4 > .background {
    top: 0;
    /*right: 50%;*/
    /*margin-right: -200px;*/
    height: 100%;
    position: absolute;
    width: 100%;
    padding: 30px 0;
}

.page-home .row-4 > .background > .inner {
    height: 100%;
    background: url("../images/kaimte/row_4_bg.jpg") center center no-repeat;
    background-size: cover;
}
.page-home .row-4 .text {float:right;width:35%;
    position: relative;
    z-index: 1;
    padding: 30px;
    color:#fff;
}
.page-home .row-4 .text::after {
    top:0;
    left:0;
    width:100%;
    height:100%;
    position: absolute;
    background: rgba(0,0,0,.7);
    content: ' ';
}
.page-home .row-4 .p1 {font-weight: 700;font-size:35px;margin-bottom: 15px;
    position: relative;
    z-index: 1;}
.page-home .row-4 .p2 {margin-bottom: 30px;font-size:14px;position: relative;
    z-index: 1;}
.page-home .row-4 .link-more {
    background: #E90028;
    color:#fff;
    height:50px;
    width:184px;
    text-align: center;
    line-height: 50px;
    font-size:15px;
    font-weight: 700;
    display:inline-block;
    border-radius: 5px;position: relative;
    z-index: 1;
}

.page-home .row-5 {background:#F5F5F5;padding:50px 0;}
.page-home .row-5 .container{background: none;}
.page-home .row-5 .list {margin:0 -10px;}
.page-home .row-5 .list li {float:left;width:20%;padding:5px 10px;}
.page-home .row-5 .list li a {font-size:14px;}

/* page-cate-list */
.page-cate-list h1{font-size:26px;padding:30px 0;}
.page-cate-list .cate-list .item{margin-bottom:15px;}
.page-cate-list .cate-list .item .text-muted{font-weight:normal;}
.page-cate-list .cate-list .item h3{border-bottom:1px solid #CBC2C2;font-size:22px;color:#333;font-weight:800;margin:0;padding:15px 10px;}
.page-cate-list .cate-list .item h3 a{color:#333;text-decoration:none;}
.page-cate-list .cate-list .item .list{padding:15px 0;}
.page-cate-list .cate-list .item .list ul li{padding1:10px;line-height:30px;}
.page-cate-list .cate-list .item .list ul li a{font-size:16px;}

/* page-brand-list */
.page-brand-list h1{font-size:26px;padding:30px 0;}
.page-brand-list .brand-letter{background-color:#e90028;width:100% !important;}
.page-brand-list .brand-letter .container{background-color:#e90028;}
.page-brand-list .brand-letter-inner{}
.page-brand-list .brand-letter ul li{float:left;}
.page-brand-list .brand-letter ul li a{font-size:14px;font-weight:700;color:#fff;display:block;padding:8px 10px;}
.page-brand-list .fixed-letter{box-shadow:1px 3px 3px 0 rgba(0,0,0,0.1);width:100% !important;top:84px !important;;}

.page-brand-list .brand-list dl{padding:10px 0;}
.page-brand-list .brand-list dl dt{border-bottom:1px solid #CBC2C2;font-size:22px;color:#333;padding:10px;}
.page-brand-list .brand-list dl dt em{font-weight:normal;font-size:18px;}
.page-brand-list .brand-list dl dd{padding:10px 0;}
.page-brand-list .brand-list dl dd ul li{padding:0;margin:0;}
.page-brand-list .brand-list dl dd ul li .inner{padding:10px;}
.page-brand-list .brand-list dl dd ul li a{font-size:16px;}

.page-brand-details h1{font-size:28px;font-weight:800;padding:15px 0;margin-bottom:20px;}
.page-brand-details .panel-brand-details .panel-body .brand-img{float:left;width:200px;height:100px;margin:0 15px 15px 0;overflow:hidden;}
.page-brand-details .panel-brand-details .panel-body .brand-img img{max-width:100%;}

.page-brand-details .panel-related-cats dl dt{border-bottom:1px solid #ddd;font-size:14px;color:#333;font-weight:700;padding:10px;}
.page-brand-details .panel-related-cats dl dt a{text-decoration:none;}
.page-brand-details .panel-related-cats dl dt a em{font-weight:normal;font-style:normal;font-size:14px;}
.page-brand-details .panel-related-cats dl dd{padding:10px 0;}
.page-brand-details .panel-related-cats dl dd ul li{padding:0;margin:0;padding:4px 10px;}
.page-brand-details .panel-related-cats dl dd ul li a{font-size:12px;}
.page-brand-details .panel-related-cats dl dd ul li a em{font-weight:normal;font-style:normal;color:#888;}

.page-brand-details .panel-lastest-product .panel-heading{padding:0;margin:0;}
.page-brand-details .panel-lastest-product .panel-heading .panel-title{padding:0;margin:0;float:inherit;}
.page-brand-details .panel-lastest-product .panel-heading .panel-title h3{color:#fff;background-color:#2a978d;font-size:16px;font-weight:700;text-align:center;padding:20px 0;}
.page-brand-details .panel-lastest-product .panel-body{background-color:#f2f2f2;padding:10px ;}
.page-brand-details .panel-lastest-product .panel-body ul{}
.page-brand-details .panel-lastest-product .panel-body ul li{margin-bottom:10px;}
.page-brand-details .panel-lastest-product .panel-body ul li:last-child{margin-bottom:0;}

.page-brand-details .prod-info{}
.page-brand-details .prod-info .inner{padding:10px;background-color:#fff;}
.page-brand-details .prod-info .infos .image{}
.page-brand-details .prod-info .infos .image a{display:block;text-align:center;position:relative;overflow:hidden;padding-top:40%;}
.page-brand-details .prod-info .infos .image a img{max-height:80%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;}
.page-brand-details .prod-info .infos .part{font-size:16px;font-weight:700;}
.page-brand-details .prod-info .infos .brand{font-size:14px;font-weight:700;}
.page-brand-details .prod-info .opts .stock{float:left;width:50%;background:#000;color:#fff;font-size:14px;text-align:center;height:42px;line-height:42px;border-right:1px solid #fff;}
.page-brand-details .prod-info .opts .button{float:left;width:50%;}
.page-brand-details .prod-info .opts .button a{display:block;height:42px;line-height:42px;font-size:14px;font-weight:700;color:#fff;background-color:#2a978d;text-align:center;text-decoration:none;}


.page-product-list > .container-fluid{margin:0;padding:0;}

.page-product-list .panel-filters{background:#fff;margin:0px 0 0 0;border-bottom:1px solid #dedede;}
.page-product-list .panel-filters .panel-heading{background:none;border:0;margin:0;}
.page-product-list .panel-filters .panel-heading .panel-title h3{font-size:16px;font-weight:700;margin:0;padding:15px 0 0 0;}
.page-product-list .panel-filters .filter-category .row{background:#fff;margin:0;padding:10px 0;border:1px solid #dedede;height:170px;overflow:hidden;}
.page-product-list .panel-filters .filter-category .cat-more{text-align:center;font-size:20px;cursor:pointer;}
.page-product-list .panel-filters .filter-category .cat-more .down{}
.page-product-list .panel-filters .filter-category .cat-more .up{display:none;}
.page-product-list .panel-filters .filter-category .row .col a{line-height:30px;}
.page-product-list .panel-filters .filter-category .row .col em{color:#777;font-style:normal;font-weight:normal;}
.page-product-list .panel-filters .filter-list{padding:15px;}
.page-product-list .panel-filters .style-vertical{overflow-y:auto;}
.page-product-list .panel-filters .style-vertical > .inner{width:100000px;}
.page-product-list .panel-filters .style-vertical .filter-item{float:left;display:inline;width:140px;margin-right:15px;}
.page-product-list .panel-filters .style-vertical .filter-item .more{display:none;}
.page-product-list .panel-filters .style-vertical .filter-item dt{}
.page-product-list .panel-filters .style-vertical .filter-item dd{border:1px solid #dedede;background:#FFF;padding:10px;height:200px;overflow-x:hidden;overflow-y:auto;}
.page-product-list .panel-filters .style-vertical .filter-item dd ul li{}
.page-product-list .panel-filters .style-vertical .filter-item dd ul li a{color:#333;display:block;padding:4px 0;}
.page-product-list .panel-filters .style-vertical .filter-item dd ul li a i{font-style:normal;}

.page-product-list .filter-selected{padding:10px 15px;border-bottom:1px solid #dedede;display:flex;}
.page-product-list .filter-selected dt{color:#6b6b6b;font-size:14px;margin-bottom:10px;line-height:26px;}
.page-product-list .filter-selected dd{}
.page-product-list .filter-selected dd ul{}
.page-product-list .filter-selected dd ul li{float:left;margin:0 5px 5px 0;}

.page-product-list .filter-selected dd ul li a{display:block;background-color:#fff;color:#2a978d;line-height:26px;padding:0 10px;text-decoration:none;}

.page-product-list .filter-selected .product-count{line-height:26px;font-size:14px;text-align:right;font-weight:normal;color:#668075;}
.page-product-list .panel-productlist{}
.page-product-list .panel-productlist .product-count{padding:10px 15px;}
.page-product-list .panel-productlist .product-count strong{font-size:22px;font-weight:800;}
.page-product-list .panel-productlist .list-product .paging{padding:10px;}
.page-product-list .panel-productlist .list-product .paging .page-info{line-height:28px;}
.page-product-list .panel-productlist .list-product .paging a{font-size:12px;border:1px solid #2a978d;color:#fff;border-radius:2px;height:28px;display:inline-block;padding:0 15px;line-height:26px;background-color:#2a978d;}

.page-product-list .panel-productlist .data-view .view-table .table{margin-bottom:15px;border:none;}
.page-product-list .panel-productlist .data-view .view-table .table > thead > tr > td,
.page-product-list .panel-productlist .data-view .view-table .table > thead > tr > th,
.page-product-list .panel-productlist .data-view .view-table .table > tbody > tr > td,
.page-product-list .panel-productlist .data-view .view-table .table > tbody > tr > th,
.page-product-list .panel-productlist .data-view .view-table .table > tfoot > tr > td,
.page-product-list .panel-productlist .data-view .view-table .table > tfoot > tr > th{padding:10px;vertical-align:top;border:none;}
.page-product-list .panel-productlist .data-view .view-table .table > thead > tr > td,
.page-product-list .panel-productlist .data-view .view-table .table > thead > tr > th{padding:10px;background-color:#f3f5f8;font-weight:700;min-width:120px;border-bottom-width:1px;}
.page-product-list .panel-productlist .data-view .view-table .table > tbody > tr > td,
.page-product-list .panel-productlist .data-view .view-table .table > tbody > tr > th{position:relative;}

.page-product-list .panel-productlist .data-view .view-table .table > tbody > tr{border-bottom:1px solid #ccc;}
.page-product-list .panel-productlist .data-view .view-table .table-hover>tbody>tr:hover{background-color:#f3f5f8;}
.page-product-list .panel-productlist .data-view .view-table .table-striped > tbody > tr:nth-of-type(even){}
.page-product-list .panel-productlist .data-view .view-table .prod-img{display:block;height:90px;line-height:90px;width:90px;text-align:center;overflow:hidden;vertical-align:middle;}
.page-product-list .panel-productlist .data-view .view-table .prod-img img{width:100%;vertical-align:middle;}

.page-product-list .panel-productlist .data-view .view-table .part a{font-size:14px;color:#333;text-decoration:underline;font-weight:700;}
.page-product-list .panel-productlist .data-view .view-table .part a:hover{color:#e90028;}
.page-product-list .panel-productlist .data-view .view-table .price dl dt{float:left;width:50%;}
.page-product-list .panel-productlist .data-view .view-table .price dl dd{float:left;width:50%;}
.page-product-list .panel-productlist .data-view .view-table .onwarddate{margin-top:8px;}
.page-product-list .panel-productlist .data-view .view-table .rohs{width:26px;height:21px;background:url("../images/icon_rohs.gif") no-repeat left center;margin-top:8px;}

.page-product-list .panel-productlist .data-view .view-table .form-addtocart{}
.page-product-list .panel-productlist .data-view .view-table .form-addtocart .txt-qty{display:block;width:100%;margin-bottom:10px;height:32px;}
.page-product-list .panel-productlist .data-view .view-table .form-addtocart .btn-addtocart{display:block;width:100%;padding:0;border:0;height:32px;line-height:30px;color:#FFF;background:#036bb4;text-align:center;font-size:14px;font-weight:700;text-decoration:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.page-product-list .panel-productlist .data-view .view-table .form-addtocart .btn-addtocart:hover{background:#d9534f;}

.page-product-list .panel-productlist .data-view .view-table .warning{color:#e90028;font-weight:800;text-align:center;line-height:32px;margin-bottom:10px;}
.page-product-list .panel-productlist .data-view .view-table .warning a {color:#e90028;}
.page-product-list .panel-productlist .data-view .view-table .btn-view{display:block;line-height:32px;background:#036bb4;border-radius:5px;color:#fff;text-align:center;font-size:14px;font-weight:700;text-decoration:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.page-product-list .panel-productlist .data-view .view-table .btn-view:hover{background-color:#ff6221;color:#fff;}
.page-product-list .panel-productlist .data-view .view-table .btn-link{display:flex;width:28px;height:28px;line-height:28px;text-align:center;font-size:10px;font-weight:normal;text-decoration:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#333;}
.page-product-list .panel-productlist .data-view .view-table .btn-link.btn-quote{background:#54B948;color:#fff;margin-top: 5px;}
.page-product-list .panel-productlist .data-view .view-table .btn-pdf{background:#d9534f;color:#fff;}

.page-product-list .wrap-product-noresult{text-align:center;padding:60px 0 120px 0;}
.page-product-list .wrap-product-noresult h3{font-size:36px;font-weight:400;padding:25px 0;}
.page-product-list .wrap-product-noresult h3:after{background:#eee;margin-top:20px;content:' ';display:block;height:2px;left:50%;margin-left:-1em;position:absolute;width:2em;}
.page-product-list .wrap-product-noresult h4{font-size:22px;font-weight:400;padding:20px 0;margin:0;}

/* page-goods-details */
.page-product-details .wrap-product-details{padding:15px 0;font-size:14px;}

.page-product-details h1 {font-size:30px;font-weight: 400;margin-bottom: 10px;}

.page-product-details .home-row {padding:30px 0;}
.page-product-details .home-row .row-header {position: relative;background-color: #2a978d;color: #fff;padding: 10px 0px 10px 20px;font-size:14px;}
.page-product-details .home-row .row-header .title {}
.page-product-details .home-row .row-header .title::after {content:'';position: absolute;bottom:0;left:0;height:2px;width:350px;background: #2a978d;}
.page-product-details .home-row .row-header .more {right:0;top:50%;position: absolute;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.page-product-details .home-row .row-header .more a {font-size:20px;color:#E90028;line-height: 32px;}
.page-product-details .home-row .row-header .more i {font-size:20px;color:#E90028;line-height: 32px;}

/*.page-product-details .proudct-summary .gallery {border:1px solid #BEBABA;position:relative;}
.page-product-details .proudct-summary .gallery-img a{display:block;position:relative;overflow:hidden;padding-top:100%;}
.page-product-details .proudct-summary .gallery-img a img{max-height:80%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;}
.page-product-details .proudct-summary .gallery-nav{height:64px;padding:0 25px;position:relative;}
.page-product-details .proudct-summary .gallery-back,
.page-product-details .proudct-summary .gallery-forward{background:transparent url(../images/icon34.png) scroll no-repeat;}
.page-product-details .proudct-summary .gallery-back,
.page-product-details .proudct-summary .gallery-forward{position:absolute;width:12px;height:22px;top:50%;margin-top:-11px;}
.page-product-details .proudct-summary .gallery-back{background-position:0 0;left:0;}
.page-product-details .proudct-summary .gallery-forward{background-position:0 -32px;right:0;}
.page-product-details .proudct-summary .gallery-back:hover{background-position:-22px 0;}
.page-product-details .proudct-summary .gallery-forward:hover{background-position:-22px -32px;}
.page-product-details .proudct-summary .gallery-thumbs{overflow:hidden}
.page-product-details .proudct-summary .gallery-thumbs{height:70px;overflow:hidden;position:relative;}
.page-product-details .proudct-summary .gallery-thumbs ul{width:500%;position:absolute;left:0;top:0;margin:0 -2px;}
.page-product-details .proudct-summary .gallery-thumbs ul li{float:left;text-align:center;padding:0 2px;}
.page-product-details .proudct-summary .gallery-thumbs li a{display:block;width:64px;height:64px;border:2px solid #EEEEEE;padding:2px;}
.page-product-details .proudct-summary .gallery-thumbs li img{display:block;vertical-align:top;width:56px;height:56px;}
.page-product-details .proudct-summary .gallery-thumbs .zoomThumbActive,
.page-product-details .proudct-summary .gallery-thumbs li a:hover{border:2px solid #B9CEE7;}*/


.page-product-details .proudct-summary .base-info dl {margin-bottom: 15px;}
.page-product-details .proudct-summary .base-info dl dt {font-weight: 700;}
.page-product-details .proudct-summary .quote {margin-bottom: 15px;}
.page-product-details .proudct-summary .quote a {font-size:18px;}
.page-product-details .proudct-summary .icons {font-size:12px;}
.page-product-details .proudct-summary .icons img {margin-bottom: 2px}
.page-product-details .proudct-summary .icons .item {float:left;margin-right: 15px;}
.page-product-details .proudct-summary .icons .item a {display:block;text-decoration: none;color:#333;}

.page-product-details .proudct-intro {padding:30px 0;}

.page-product-details .nav-product-detail .nav-tabs {border:0;margin:0 -5px;}
.page-product-details .nav-product-detail .nav-tabs > li {float:left;width:20%;padding:0 5px;margin:0;}
@media (max-width:480px) {
	.page-product-details .nav-product-detail .nav-tabs > li {float:left;width:50%;padding:0 5px;margin:0;}
}
.page-product-details .nav-product-detail .nav-tabs > li > a {display: block;padding: 0;margin: 0;height: 50px;line-height: 50px;text-align: center;border:1px solid #AEAEAE;background: #F4F4F4;}
.page-product-details .nav-product-detail .nav-tabs > li.active > a {border-color: #2a978d;background-color: #2a978d;color:#fff;}

.page-product-details .nav-product-detail .tab-content {padding:20px 0;}

.page-product-details #nav-specifications {}
.page-product-details #nav-specifications dl {padding:10px 0;border:1px solid #ccc;}
.page-product-details #nav-specifications dl:nth-child(odd) {background:#F4F4F4;}
.page-product-details #nav-specifications dl dt {text-align: left;}
.page-product-details #nav-specifications dl dd {text-align: right;}

.page-product-details .nav-product-detail .form-contact-us {
    border:1px solid #d7d7d7;
    padding:40px;
}
.page-product-details .nav-product-detail .form-contact-us .btn-submit {
    font-size:16px;
    background-color: #2a978d;
    padding:0 50px;
    height:42px;
}


.page-product-details .product-procurement {padding:20px;background: #F4F4F4;font-size:14px;}
.page-product-details .product-procurement .form-group label {margin-bottom: 10px;}
.page-product-details .product-procurement .form-group .form-control {
    padding:0 15px;
    height:50px;
    border:2px solid #C7C7C7;
    border-radius: 5px;
    font-size:16px;
}
.page-product-details .product-procurement .form-procurement .btn-addtocart {color: #FFFFFF;background: #2a978d;font-size: 20px;font-weight: 700;height:50px;line-height:50px;text-align: center;border-radius: 5px;display:block;width:100%;border:0;}

.page-product-details .product-procurement .info {padding:20px 0;border-top: 2px solid #2a978d;border-bottom: 2px solid #2a978d;margin-top: 20px;margin-bottom: 20px;}
.page-product-details .product-procurement .info dl {margin-bottom: 10px;}
.page-product-details .product-procurement .info dl dd {text-align: right;}

.page-product-details .product-procurement .price-summary {font-size:24px;}

.page-product-details .product-procurement .break-price .table-price {width:100%;}
.page-product-details .product-procurement .break-price .table-price th {padding:5px;}
.page-product-details .product-procurement .break-price .table-price td {padding:5px;}

.page-product-details .product-brand{margin-top:30px;border:1px solid #2a978d;border-top-left-radius:3px;border-top-right-radius:3px;}
.page-product-details .product-brand .brand-head{background-color:#2a978d;color:#fff;padding:10px 0px 10px 20px;text-align:left;}
.page-product-details .product-brand .brand-content{text-align:center;}
.page-product-details .product-brand .brand-content .brand-img{width:100%;padding:20px 30px;}
.page-product-details .product-brand .brand-content .brand-intro{text-align:left;padding:0px 5px;}

.page-product-details .getprice  {text-align: center;margin-bottom: 10px;}
.page-product-details .getprice  .link-getprice {
    text-decoration: none;
    color: #FFFFFF;background: #2a978d;font-size: 20px;font-weight: 700;height:50px;line-height:50px;text-align: center;border-radius: 5px;display:block;width:100%;border:0;
}



.page-product-details .row-1 {padding-bottom: 10px;margin-bottom:10px;border-bottom: 1px solid #E0E0E0;}

.page-product-details .row-2 .list {margin:0 -10px;}
.page-product-details .row-2 .list li {float:left;width:25%;padding:5px 10px;}
.page-product-details .row-2 .list li a {font-size:14px;}

.page-product-details .row-3 .list {margin:0 -25px;}
.page-product-details .row-3 .list .item {float:left;width:20%;padding:15px 25px;}
@media (max-width:480px) {
	.page-product-details .row-3 .list .item {float:left;width:50%;padding:15px 25px;}
}
.page-product-details .row-3 .list .item .inner {border-bottom: 8px solid #2a978d;text-align: center;padding-bottom:10px;}
.page-product-details .row-3 .list .item .image {margin-bottom:10px;}
.page-product-details .row-3 .list .item .image a {display:block;overflow: hidden;}
.page-product-details .row-3 .list .item .image a img {height:150px;max-width: 100%;}
.page-product-details .row-3 .list .item .part {margin-bottom: 10px;}
.page-product-details .row-3 .list .item .part a {font-size:14px;line-height: 22px;}
.page-product-details .row-3 .list .item .price {font-size:14px;color:#ffc107;line-height: 22px;}

/*.page-product-details .wrap-product-details{padding:15px 0;}
.page-product-details .panel-product-info{}
.page-product-details .panel-product-info .panel-body{position:relative;}
.page-product-details .panel-product-info h1{font-size:28px;padding:0 200px 0 0;margin:0 0 30px 0;font-weight:800;}
.page-product-details .panel-product-info .share{position:absolute;top:-22px;right:0;}
.page-product-details .panel-product-info .baseinfo{}
.page-product-details .panel-product-info .baseinfo dl{margin-bottom:12px;}
.page-product-details .panel-product-info .baseinfo dl dt{margin-bottom:5px;}
.page-product-details .panel-product-info .baseinfo dl dd{}

.page-product-details .panel-product-info > .row > .col{margin-bottom:15px;}
.page-product-details .panel-product-info .gallery{position:relative;}
.page-product-details .panel-product-info .gallery-img{margin-bottom:15px;border:1px solid #dedede;}
.page-product-details .panel-product-info .gallery-img a{display:block;position:relative;overflow:hidden;padding-top:60%;}
.page-product-details .panel-product-info .gallery-img a img{max-height:80%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;}

.page-product-details .panel-product-info .summary-tools{position:relative;}
.page-product-details .panel-product-info .summary-tools a{float:left;display:inline-block;margin-right:10px;text-align:center;height:28px;width:28px;line-height:28px;background:#7B7B7B;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.page-product-details .panel-product-info .summary-tools a i{font-size:16px;line-height:28px;color:#fff;font-weight:400;}

.page-product-details .panel-product-info .gallery-nav{height:64px;padding:0 25px;position:relative;}
.page-product-details .panel-product-info .gallery-back,
.page-product-details .panel-product-info .gallery-forward{background:transparent url(../images/icon34.png) scroll no-repeat;}
.page-product-details .panel-product-info .gallery-back,
.page-product-details .panel-product-info .gallery-forward{position:absolute;width:12px;height:22px;top:50%;margin-top:-11px;}
.page-product-details .panel-product-info .gallery-back{background-position:0 0;left:0;}
.page-product-details .panel-product-info .gallery-forward{background-position:0 -32px;right:0;}
.page-product-details .panel-product-info .gallery-back:hover{background-position:-22px 0;}
.page-product-details .panel-product-info .gallery-forward:hover{background-position:-22px -32px;}
.page-product-details .panel-product-info .gallery-thumbs{overflow:hidden}
.page-product-details .panel-product-info .gallery-thumbs{height:70px;overflow:hidden;position:relative;}
.page-product-details .panel-product-info .gallery-thumbs ul{width:500%;position:absolute;left:0;top:0;margin:0 -2px;}
.page-product-details .panel-product-info .gallery-thumbs ul li{float:left;text-align:center;padding:0 2px;}
.page-product-details .panel-product-info .gallery-thumbs li a{display:block;width:64px;height:64px;border:2px solid #EEEEEE;padding:2px;}
.page-product-details .panel-product-info .gallery-thumbs li img{display:block;vertical-align:top;width:56px;height:56px;}
.page-product-details .panel-product-info .gallery-thumbs .zoomThumbActive,
.page-product-details .panel-product-info .gallery-thumbs li a:hover{border:2px solid #B9CEE7;}

.page-product-details .product-price .sale-info{}
.page-product-details .product-price .sale-info dl{padding:5px;}
.page-product-details .product-price .sale-info dl dt{float:left;width:50%;text-align:left;font-weight:700;}
.page-product-details .product-price .sale-info dl dd{float:left;width:50%;text-align:left;}
.page-product-details .product-price .break-price{}
.page-product-details .product-price .break-price dl{padding:5px;}
.page-product-details .product-price .break-price dl:nth-child(odd){background-color:#f2f2f2;}
.page-product-details .product-price .break-price dl dt{float:left;width:50%;text-align:left;}
.page-product-details .product-price .break-price dl dd{float:left;width:50%;text-align:right;}

.page-product-details .link-jumpto{padding:15px 0;border-bottom:1px solid #dedede;border-top:1px solid #dedede;margin-bottom:15px;line-height:20px;}
.page-product-details .link-jumpto a{display:inline-block;font-weight:700;border-bottom:2px solid #e90028;text-decoration:none;font-size:13px;}

.page-product-details .panel-procurement{margin-bottom:15px;border:1px solid #dddddd;padding:15px;position:relative;}
.page-product-details .panel-procurement h2{padding:0;margin:0 0 20px 0;font-size:22px;font-weight:800;color:#e90028;}
.page-product-details .panel-procurement h2 a {color:#e90028;}
.page-product-details .panel-procurement .form-addtocart{}
.page-product-details .panel-procurement .form-addtocart .input-fields{margin:0 -10px;}
.page-product-details .panel-procurement .form-addtocart .input-fields .input-qty{float:left;width:50%;padding:0 10px;}
.page-product-details .panel-procurement .form-addtocart .input-fields .input-buy{float:left;width:50%;padding:0 10px;}
.page-product-details .panel-procurement .form-addtocart .txt-qty{height:40px;width:100%;text-align:center;font-size:14px;font-weight:700;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.page-product-details .panel-procurement .form-addtocart .btn-buy{height:40px;width:100%;color:#fff;background-color:#e90028;font-size:14px;font-weight:700;border:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.page-product-details .panel-procurement .form-addtocart .container-fluid{padding:0;}
.page-product-details .panel-procurement .form-addtocart .price-total{text-align:right;font-size:14px;}
.page-product-details .panel-procurement .form-addtocart .total-label{font-size:16px;font-weight:700;}
.page-product-details .panel-procurement .form-addtocart .total-label .total{font-size:28px;font-weight:800;color:#333;}
.page-product-details .panel-procurement .form-addtocart .total-shipping{font-weight:700;font-size:16px;color:#e90028;}
.page-product-details .panel-procurement .mask{position:absolute;top:0;left:0;width:100%;height:100%;}
.page-product-details .panel-procurement .mask .mask-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.3;}
.page-product-details .panel-procurement .mask .mask-msg{height:16px;width:16px;background:url("../images/loading_min.gif") no-repeat center;position:absolute;top:15px;right:15px;}

.page-product-details .panel-product-bom{border:1px solid #dddddd;}
.page-product-details .panel-product-bom .panel-body{padding:15px;}
.page-product-details .panel-product-bom .panel-body h2{font-size:14px;font-weight:800;margin-bottom:25px;}
.page-product-details .panel-product-bom .form-control{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

.page-product-details .panel-product-details .nav-tabs li a{font-weight:700;font-size:14px;color:#333;}
.page-product-details .panel-product-details .tab-content{border:1px solid #ddd;border-top:none;}
.page-product-details .panel-product-details .tab-pane{padding:15px;}
.page-product-details .panel-product-details .tab-pane dl{background:#ffffff;padding:8px 0;}
.page-product-details .panel-product-details .tab-pane dl:nth-child(odd){background:#f2f2f2;}
.page-product-details .panel-product-details .tab-prod-desc img { max-width:100%;}

.page-product-details .panel-aside-keywords .panel-heading{padding:0;margin:0;}
.page-product-details .panel-aside-keywords .panel-heading .panel-title{padding:0;margin:0;float:inherit;}
.page-product-details .panel-aside-keywords .panel-heading .panel-title h3{color:#fff;background-color:#e90028;font-size:16px;font-weight:700;text-align:center;padding:20px 0;}
.page-product-details .panel-aside-keywords .panel-body{background-color:#f2f2f2;padding:10px ;}
.page-product-details .panel-aside-keywords .panel-body ul{}
.page-product-details .panel-aside-keywords .panel-body ul li{margin-bottom:10px;}
.page-product-details .panel-aside-keywords .panel-body ul li:last-child{margin-bottom:0;}

.page-product-details .prod-info{}
.page-product-details .prod-info .inner{padding:10px;background-color:#fff;}
.page-product-details .prod-info .infos .image{}
.page-product-details .prod-info .infos .image a{display:block;text-align:center;position:relative;overflow:hidden;padding-top:40%;}
.page-product-details .prod-info .infos .image a img{max-height:80%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;}
.page-product-details .prod-info .infos .part{font-size:16px;font-weight:700;}
.page-product-details .prod-info .infos .brand{font-size:14px;font-weight:700;}
.page-product-details .prod-info .infos .desc{margin-bottom:5px;}
.page-product-details .prod-info .opts .stock{float:left;width:50%;background:#c1c1c1;color:#fff;font-size:14px;text-align:center;height:42px;line-height:42px;border-right:1px solid #fff;}
.page-product-details .prod-info .opts .button{float:left;width:50%;}
.page-product-details .prod-info .opts .button a{display:block;height:42px;line-height:42px;font-size:14px;font-weight:700;color:#fff;background-color:#e90028;text-align:center;text-decoration:none;}

.page-product-details .panel-relate-prod{padding:15px;background-color:#f2f2f2;}
.page-product-details .panel-relate-prod .panel-heading{padding:0;margin:0;background:none;border:0;}
.page-product-details .panel-relate-prod .panel-heading .panel-title{float:inherit;padding:0;margin:0;}
.page-product-details .panel-relate-prod .panel-heading .panel-title h3{font-size:18px;font-weight:800;margin-bottom:15px;}
.page-product-details .panel-relate-prod .panel-body ul{margin:0 -10px;}
.page-product-details .panel-relate-prod .panel-body ul li{padding:0 10px;}

.page-product-details .panel-lastest-news .panel-body .news-list{}
.page-product-details .panel-lastest-news .panel-body .news-list .news-item{padding:4px 15px;}
.page-product-details .panel-lastest-news .panel-body .news-list .news-item .pubtime{float:right;color:#777;}
.page-product-details .panel-lastest-news .panel-body .news-list .news-item .title{padding-right:15px;}

.page-product-details .panel-relate-keyword .table th{font-weight:700;}
.page-product-details .panel-part-seo .panel-body ul li{padding:5px 10px;}*/

.page-cart{min-height:600px;}
.page-cart .loading{height:420px;background:url('../images/loading2.gif') no-repeat center;}

.page-cart .box-cart-empty .cart-empty{padding-left:230px;height:200px;width:700px;margin:0 auto;margin-top:65px;margin-bottom:130px;background:url('../images/cart-empty.png') no-repeat left center;}
.page-cart .box-cart-empty .cart-empty h2{margin:0;padding:50px 0 20px 0;font-size:24px;font-weight:800;color:#333;line-height:2em;}
.page-cart .box-cart-empty .cart-empty h2 a{color:#e90028;}

.page-cart .panel-cart-list .panel-heading{border:none;}
.page-cart .panel-cart-list .panel-heading .panel-title{padding:0;}
.page-cart .panel-cart-list .panel-heading .panel-title h3{font-size:28px;font-weight:800;padding:25px 0;}
.page-cart .panel-cart-list .table-cart{font-size:12px;margin:0;}
.page-cart .panel-cart-list .table-cart > tbody > tr > td,
.page-cart .panel-cart-list .table-cart > tbody > tr > th,
.page-cart .panel-cart-list .table-cart > tfoot > tr > td,
.page-cart .panel-cart-list .table-cart > tfoot > tr > th{padding:15px 10px;line-height:1.8em;vertical-align:top;font-weight:400;border-color:#d7d7d7;}

.page-cart .panel-cart-list .table-cart .photo{}
.page-cart .panel-cart-list .table-cart .photo img{width:60px;max-height:100%;}

.page-cart .panel-cart-list .table-cart .prodinfo{position:relative;padding-right:30px;}
.page-cart .panel-cart-list .table-cart .prodname{font-size:14px;font-weight:700;}
.page-cart .panel-cart-list .table-cart .proddesc{color:#777;}
.page-cart .panel-cart-list .table-cart .isrohs{position:absolute;top:0;right:0;width:26px;height:21px;background:url("../images/icon_rohs.gif") no-repeat left center;}
.page-cart .panel-cart-list .table-cart .quantity{margin:4px 0;}
.page-cart .panel-cart-list .table-cart .quantity .qty-prefix{float:left;line-height:24px;margin-right:5px;}
.page-cart .panel-cart-list .table-cart .quantity .qty-field{float:left;width:100px;}
.page-cart .panel-cart-list .table-cart .quantity .qty-field .btn{height:24px;line-height:22px;padding:0;width:24px;border-color:#d7d7d7;}
.page-cart .panel-cart-list .table-cart .quantity .qty-field .form-control{height:24px;line-height:22px;padding:0 4px;}

.page-cart .panel-cart-summary{margin-top:25px;}
.page-cart .panel-cart-summary .panel-heading{border:0;margin:0;}
.page-cart .panel-cart-summary .panel-title{float:inherit;width:100%;text-align:center;padding:0;}
.page-cart .panel-cart-summary .panel-title h3{color:#fff;font-size:16px;font-weight:700;background-color:#000;text-align:center;padding:10px 0;}
.page-cart .panel-cart-summary .panel-body .total{padding:15px 0;}
.page-cart .panel-cart-summary .panel-body .total em{font-size:18px;font-weight:700;margin-left:5px;}
.page-cart .panel-cart-summary .panel-body .shiptips{padding:15px 0;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;margin-top: 15px;}
.page-cart .panel-cart-summary .panel-body .shiptips a{text-decoration:underline;color:#000;}
.page-cart .panel-cart-summary .panel-body .shiptips strong{color:#e71836;}
.page-cart .panel-cart-summary .panel-body .elsefee{margin-bottom:15px;}
.page-cart .panel-cart-summary .panel-body .elsefee em{font-size:14px;margin-left:5px;}
.page-cart .panel-cart-summary .panel-body .checkout{margin-top:15px;}
.page-cart .panel-cart-summary .panel-body .checkout .btn-checkout{background-color:#E31B23;color:#fff;font-size:14px;font-weight:700;display:block;width:100%;border:none;height:40px;}
.page-cart .panel-cart-summary .panel-body .actions{margin-top:15px;text-align:right;}
.page-cart .panel-cart-summary .panel-body .orderinfo{margin-top:15px;}
.page-cart .panel-cart-summary .panel-body .orderinfo > div{margin-bottom:5px;}

.page-order-checkout .panel-black{margin-bottom:30px;}
.page-order-checkout .panel-address .no-address{text-align:center;padding:50px 0;}
.page-order-checkout .panel-address .no-address p{margin:0;padding:0;}
.page-order-checkout .panel-address .no-address p > a{color:#999;font-size:16px;}
.page-order-checkout .panel-address .no-address p > a > .fa{font-size:22px;color:#bbb;vertical-align:middle;}
.page-order-checkout .panel-address .address-list ul{margin:0 -10px;}
.page-order-checkout .panel-address .address-list ul li{padding:0 10px;margin-bottom:15px;}
.page-order-checkout .panel-address .address-list ul li .inner{border:2px solid #d7d7d7;color:#000;}
.page-order-checkout .panel-address .address-list ul li label{display:block;line-height:1.5em;padding:30px 15px 15px 15px;height:190px;overflow:hidden;position:relative;cursor:pointer;}
.page-order-checkout .panel-address .address-list ul li label span{display:block;}
.page-order-checkout .panel-address .address-list ul li label .rad-address{position:absolute;top:-20px;left:-20px;}
.page-order-checkout .panel-address .address-list ul li label .address{margin-top:5px;}
.page-order-checkout .panel-address .address-list ul li label .action{position:absolute;width:32px;height:32px;line-height:32px;text-align:center;border:1px solid #d7d7d7;}
.page-order-checkout .panel-address .address-list ul li label .action i{font-size:16px;}
.page-order-checkout .panel-address .address-list ul li label .action-edit{top:-2px;right:-2px;}
.page-order-checkout .panel-address .address-list ul li label .action-delete{bottom:-2px;right:-2px;}
.page-order-checkout .panel-address .address-list ul li.active .inner{border:2px solid #000;}
.page-order-checkout .panel-address .address-list ul li.active .inner .action{border-color:#000;}
.page-order-checkout .panel-address .address-list .link-add-addr .inner{border:2px dashed #7b7b7b;}
.page-order-checkout .panel-address .address-list .link-add-addr label{/*padding-top:50px;*/color:#7b7b7b;text-align:center;}
.page-order-checkout .panel-address .address-list .link-add-addr label i{color:#7b7b7b;font-size:44px;margin-bottom:10px;}
.page-order-checkout .panel-address .address-list .link-add-addr label span{display:block;margin-top:25px;}
.page-order-checkout .panel-express .express-list{}
.page-order-checkout .panel-express .express-list ul{margin:0 -10px;}
.page-order-checkout .panel-express .express-list ul li{padding:0 10px;margin-bottom:15px;}
.page-order-checkout .panel-express .express-list ul li .inner{border:2px solid #d7d7d7;color:#000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.page-order-checkout .panel-express .express-list ul li label{display:block;line-height:1.5em;padding:15px;/*height:190px;*/ overflow:hidden;position:relative;cursor:pointer;text-align:center;}
.page-order-checkout .panel-express .express-list ul li label span{display:block;margin-bottom:5px;}
.page-order-checkout .panel-express .express-list ul li.active .inner{border:2px solid #000;}
.page-order-checkout .panel-express .express-list ul li label .rad-express{position:absolute;top:-20px;left:-20px;}
.page-order-checkout .panel-payment .payment-list{}
.page-order-checkout .panel-payment .payment-list > ul{margin:0 -10px;}
.page-order-checkout .panel-payment .payment-list > ul li{float:left;padding:0 10px;}
.page-order-checkout .panel-payment .payment-list > ul li .inner{border:2px solid #d7d7d7;color:#000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.page-order-checkout .panel-payment .payment-list > ul li label{display:block;line-height:1.5em;padding:15px;/*height:190px;*/ overflow:hidden;position:relative;cursor:pointer;text-align:center;}
.page-order-checkout .panel-payment .payment-list > ul li label span{display:block;margin-bottom:5px;}
.page-order-checkout .panel-payment .payment-list > ul li.active .inner{border:2px solid #000;}
.page-order-checkout .panel-payment .payment-list > ul li label .rad-payment{position:absolute;top:-20px;left:-20px;}
.page-order-checkout .panel-payment .payment-list .payment-desc{padding:15px 0;}
.page-order-checkout .panel-payment .payment-list .payment-desc .payment-item{display:none;}
.page-order-checkout .panel-payment .payment-list .payment-desc .active{display:block;}
.page-order-checkout .panel-payment .card-list ul{margin:0 -10px;}
.page-order-checkout .panel-payment .card-list ul li{padding:0 10px;margin-bottom:15px;}
.page-order-checkout .panel-payment .card-list ul li .inner{border:2px solid #d7d7d7;color:#000;}
.page-order-checkout .panel-payment .card-list ul li label{display:block;line-height:1.5em;padding:30px 15px 15px 15px;height:190px;overflow:hidden;position:relative;cursor:pointer;}
.page-order-checkout .panel-payment .card-list ul li label span{display:block;}
.page-order-checkout .panel-payment .card-list ul li label .rad-creditcard{position:absolute;top:-20px;left:-20px;}
.page-order-checkout .panel-payment .card-list ul li label .address{margin-top:5px;}
.page-order-checkout .panel-payment .card-list ul li label .action{position:absolute;width:32px;height:32px;line-height:32px;text-align:center;border:1px solid #d7d7d7;}
.page-order-checkout .panel-payment .card-list ul li label .action i{font-size:16px;}
.page-order-checkout .panel-payment .card-list ul li label .action-edit{top:-2px;right:-2px;}
.page-order-checkout .panel-payment .card-list ul li label .action-delete{bottom:-2px;right:-2px;}
.page-order-checkout .panel-payment .card-list ul li.active .inner{border:2px solid #000;}
.page-order-checkout .panel-payment .card-list ul li.active .inner .action{border-color:#000;}
.page-order-checkout .panel-payment .card-list .link-add-card .inner{border:2px dashed #7b7b7b;}
.page-order-checkout .panel-payment .card-list .link-add-card label{/*padding-top:50px;*/color:#7b7b7b;text-align:center;}
.page-order-checkout .panel-payment .card-list .link-add-card label i{color:#7b7b7b;font-size:44px;margin-bottom:10px;}
.page-order-checkout .panel-payment .card-list .link-add-card label span{display:block;margin-top:25px;}

.page-order-checkout .panel-product-list .panel-heading{margin:0;}


.page-order-pay .panel-order-info{border:0;}
.page-order-pay .panel-order-info .panel-body{padding:30px;border:2px solid #000;}
.page-order-pay .panel-order-info .baseinfo h3{font-size:16px;margin:0 0 15px 0;font-weight:800;}

.page-order-pay .panel-payment .payment-list{}
.page-order-pay .panel-payment .payment-list > ul{margin:0 -10px;}
.page-order-pay .panel-payment .payment-list > ul li{float:left;padding:0 10px;}
.page-order-pay .panel-payment .payment-list > ul li .inner{border:2px solid #d7d7d7;color:#000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.page-order-pay .panel-payment .payment-list > ul li label{display:block;line-height:1.5em;padding:15px;overflow:hidden;position:relative;cursor:pointer;text-align:center;}
.page-order-pay .panel-payment .payment-list > ul li label span{display:block;margin-bottom:5px;}
.page-order-pay .panel-payment .payment-list > ul li.active .inner{border:2px solid #000;}
.page-order-pay .panel-payment .payment-list > ul li label .rad-payment{position:absolute;top:-20px;left:-20px;}
.page-order-pay .panel-payment .payment-list .payment-desc{padding:15px 0;}
.page-order-pay .panel-payment .payment-list .payment-desc .payment-item{display:none;}
.page-order-pay .panel-payment .payment-list .payment-desc .active{display:block;}
.page-order-pay .panel-payment .card-list ul{margin:0 -10px;}
.page-order-pay .panel-payment .card-list ul li{padding:0 10px;margin-bottom:15px;}
.page-order-pay .panel-payment .card-list ul li .inner{border:2px solid #d7d7d7;color:#000;}
.page-order-pay .panel-payment .card-list ul li label{display:block;line-height:1.5em;padding:30px 15px 15px 15px;height:190px;overflow:hidden;position:relative;cursor:pointer;}
.page-order-pay .panel-payment .card-list ul li label span{display:block;}
.page-order-pay .panel-payment .card-list ul li label .rad-creditcard{position:absolute;top:-20px;left:-20px;}
.page-order-pay .panel-payment .card-list ul li label .address{margin-top:5px;}
.page-order-pay .panel-payment .card-list ul li label .action{position:absolute;width:32px;height:32px;line-height:32px;text-align:center;border:1px solid #d7d7d7;}
.page-order-pay .panel-payment .card-list ul li label .action i{font-size:16px;}
.page-order-pay .panel-payment .card-list ul li label .action-edit{top:-2px;right:-2px;}
.page-order-pay .panel-payment .card-list ul li label .action-delete{bottom:-2px;right:-2px;}
.page-order-pay .panel-payment .card-list ul li.active .inner{border:2px solid #000;}
.page-order-pay .panel-payment .card-list ul li.active .inner .action{border-color:#000;}
.page-order-pay .panel-payment .card-list .link-add-card .inner{border:2px dashed #7b7b7b;}
.page-order-pay .panel-payment .card-list .link-add-card label{color:#7b7b7b;text-align:center;}
.page-order-pay .panel-payment .card-list .link-add-card label i{color:#7b7b7b;font-size:44px;margin-bottom:10px;}
.page-order-pay .panel-payment .card-list .link-add-card label span{display:block;margin-top:25px;}

/* order details */
.page-order-details .panel-shipping-info .panel-body h4{margin-bottom:15px;font-size:16px;font-weight:800;}
.page-order-details .panel-shipping-info .panel-body p{margin-bottom:5px;}

.page-order-details .panel-billing-info .panel-body h4{margin-bottom:15px;font-size:16px;font-weight:800;}
.page-order-details .panel-billing-info .panel-body p{margin-bottom:5px;}

.page-order-details .panel-product-list .panel-heading{margin:0;}

/* Inquiry */
.page-inquiry .nav-inquiry{margin-bottom:15px;}

.page-content .wrap-content{padding:15px 0;}

.page-content .wrap-content .nav-page .list-group-item.active,
.page-content .wrap-content .nav-page .list-group-item.active:focus,
.page-content .wrap-content .nav-page .list-group-item.active:hover{background-color:#2a978d;border-color:#2a978d;}
.page-content .wrap-content h1{font-size:26px;padding:0;margin:0 0 30px 0;font-weight:normal;}

.page-content .content-list{margin-bottom:15px;}
.page-content .content-list .content-item{padding:15px 0 0 0;border-bottom:1px solid #ddd;}
.page-content .content-list .content-item .thumb a{display:block;height:120px;line-height:120px;overflow:hidden;text-align:center;}
.page-content .content-list .content-item .thumb a img{max-width:100%;height:100%;vertical-align:middle;}
.page-content .content-list .content-item h3{margin-bottom:10px;}
.page-content .content-list .content-item h3 a{font-size:18px;font-weight:400;}
.page-content .content-list .content-item .pubtime{font-size:14px;color:#888;margin-bottom:10px;}
.page-content .content-list .content-item .pubtime .pubinfo{margin-right:50px;}
.page-content .content-list .content-item .pubtime .time i{background:url("../images/time.png");height:13px;width:13px;display:inline-block;margin-right:5px;}
.page-content .content-list .content-item .pubtime .views i{background:url("../images/views.png");height:13px;width:15px;display:inline-block;margin-right:5px;}
.page-content .content-list .content-item .pubtime .tag i{background:url("../images/tag.png");height:13px;width:13px;display:inline-block;margin-right:5px;}
.page-content .content-list .content-item .pubtime .tag{color:#2a978d;}

.page-content .content-list .content-item .desc{font-size:12px;color:#555;height:4em;line-height:2em;overflow:hidden;}

.page-content-show .wrap-content-show .page-nav{margin-bottom:15px;height:25px;}
.page-content-show .wrap-content-show .pubtime{font-size:14px;color:#888;margin-bottom:15px;}


.panel-product-brand-part .list {border:1px solid #e4e4e4;border-bottom: 0;}
.panel-product-brand-part .item {border-bottom:1px solid #e4e4e4;padding:10px;}
.panel-product-brand-part .item .image {float:left; width:180px;}
.panel-product-brand-part .item .image a {display:block;padding:10px;height:90px;line-height:70px;}
.panel-product-brand-part .item .image a img {max-width: 100%;max-height:100%;}
.panel-product-brand-part .item .part-list {overflow: hidden;margin-left: 200px;}
.panel-product-brand-part .item .part-list .row {margin:0;}
.panel-product-brand-part .item .part-list a {line-height: 22px;}

/* ====== Responsive Reset ====== */

/* Large Desktop */
@media (min-width:992px) {}

/* Desktop */
@media (max-width:991px) {}

/* Tablet */
@media (min-width:768px) and (max-width:991px) {}

/* Tablet & Phone */
@media (max-width:767px) {}

/* Phone */
@media (max-width:480px) {

    .header .topbar {display:none;}
    /*.header .topbar .top-links .lang-set {max-width: 384px;}*/
    /*.header .topbar .top-links .lang-set ul li {width:50%;}*/
    .header .control .brand a {height:40px;margin-bottom:10px;}
    /*.header .control .sample {display:none !important;}*/

    .header .control .navbar-toggle {height:40px;line-height: 40px;}

    .header .navigation {position: absolute;width:100%;z-index: 999;top:120px;}
    .header .navigation .navlist > ul > li {float:none;display: block;}
    .header .navigation .navlist > ul > li > span > a {padding:0;margin:0;}
    .header .navigation.collapsing {display: block !important;}
    .header .navigation.in {display: block !important;}


    .header .control .control-toolbar {position: absolute;right:60px;top:0;}
    .header .control .control-toolbar .tool {height:40px;}
    .header .control .control-toolbar .tool > a {height:40px;}

    .header .control .control-toolbar .tool-cart {margin-left:10px;}
    .header .control .control-toolbar .tool-cart .cart-preview {width:384px;right:-35px;top:50px;}

    .header .navigation .navlist > ul {height:auto;}

    .header .fixed-control .navigation {top:120px;overflow: inherit !important;}




    .page-home .panel-news-rec .panel-heading {float:left !important;}

    .footer .footer-links ul {text-align:center;}
    .footer .footer-links ul li {float:none;display: inline-block;}

    /*.page-brand-list .fixed-letter {top: 120px !important;z-index:100 !important;}*/
    .page-brand-list .fixed-letter {display: none !important;}

    .panel-product-brand-part .item .image {width:100%;}
    .panel-product-brand-part .item .part-list {margin:0;width:100%;}


    .footer .footer-subscribe .from-subscribe {width:100%;}

    .footer .footer-navs dl {margin-bottom: 30px;}

    /*.page-home .row-2{display:none;}*/

    .content {}
    .page-home .row-1 .row-header .title {font-size:30px;}
    .page-home .row-1 .subtitle {padding-right: 0;}
    .page-home .row-1 .list .col {margin-bottom: 30px;}
    .page-home .row-2 .list {margin:0 -15px;}
    .page-home .row-2 .list .item {width:50%;}
    .page-home .row-3 .list .item {width:100%;}
    .page-home .row-4 .text {float: inside;width:100%;}
    .page-home .row-5 .list li {width:50%;}


    .page-home .main-banner {display:none;}

    .header .fixed-control {margin:0;}
    .header .fixed-control > .container {padding:15px;}

}

.toolbar_container{z-index:2;position:fixed;right:0;top:35%;}
.toolbar_view{width:5.0rem;background-color:#2a978d;border:0.05rem solid #7090D4;display:flex;flex-direction:column;}
.toolbar_item{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;border-bottom:0.05rem solid #7090D4;position:relative;padding:1.2rem 0;}
.toolbar_item:hover{background-color:#7090D4;}
.bar_service_img{width:2.5rem;height:2.5rem;}
.bar_mobile_img{width:2.5rem;height:2.5rem;}
.bar_call_img{width:2.5rem;height:2.5rem;}
.bar_msg_img{width:2.5rem;height:2.0rem;}
.bar_qrcode_img{width:2.5rem;height:2.5rem;}
.bar_arrow_img{width:2.0rem;height:2.0rem;}
.bar_service_alert_view{position:absolute;right:5.2rem;top:-2.6rem;width:22rem;height:12rem;background-color:#FFF;border-radius:0.5rem;display:none;flex-direction:row;align-items:center;}
.bar_mobile_alert_view{position:absolute;right:5.2rem;top:-1.6rem;width:18rem;height:8.8rem;background-color:#FFF;border-radius:0.5rem;display:none;flex-direction:row;align-items:center;}
.bar_call_alert_view{position:absolute;right:5.2rem;top:-1.6rem;width:18rem;height:8rem;background-color:#FFF;border-radius:0.5rem;display:none;flex-direction:row;align-items:center;}
.bar_msg_alert_view{position:absolute;right:5.2rem;top:-1.6rem;width:20rem;height:8.8rem;background-color:#FFF;border-radius:0.5rem;display:none;flex-direction:row;align-items:center;}
.bar_qrcode_alert_view{position:absolute;right:5.2rem;top:-3.6rem;width:14rem;height:14rem;background-color:#FFF;border-radius:0.5rem;display:none;flex-direction:row;align-items:center;justify-content:center;}
.bar_service_red{margin-left:2rem;margin-right:2rem;width:3rem;height:2.6rem;}
.bar_mobile_red{margin-left:2rem;margin-right:1rem;width:3rem;height:2.6rem;}
.bar_call_red{margin-left:2rem;margin-right:1rem;width:3rem;height:2rem;}
.bar_call_red{margin-left:2rem;margin-right:1rem;width:3rem;height:2rem;}
.bar_alert_right_view{display:flex;flex-direction:column;justify-content:center;}
.bar_alert_title{font-size:1.2rem;color:#000;}
.bar_alert_tag{font-size:1.1rem;color:#000;}
.bar_alert_txt{font-size:1rem;color:#828181;}
.bar_alert_line_view{display:flex;flex-direction:row;}
.bar_service_black{width:2rem;height:2rem;}
.bar_mobile_black{width:2rem;height:2rem;}
.bar_msg_black{width:2rem;height:1.7rem;}
.bar_qrcode_black{width:8rem;height:8rem;}
.bar_mobile_alert{position:absolute;right:4rem;top:0.35rem;width:8.28rem;height:3.375rem;}
.font_bold {
  font-weight:bold; 
}

.prod-detail .product-procurement {
    float: right;
    padding: 0;
    margin-right: 15px;
    font-size: 12px;
    width: 360px;
}
.product-procurement .inquiry {
    border: 1px solid #2a978d;
    border-radius: 3px;
}
.product-procurement .inquiry .inquiry-head {
    background-color: #2a978d;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
	height:36px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding-left: 20px;
}
.product-procurement .inquiry .inquiry-head p {
    margin: 0px;; 
}
.product-procurement .inquiry .inquiry-tip {
    padding: 0 15px;
    margin-bottom: 10px;
    font-size: 14px;
	word-break:break-all;
}
.product-procurement .inquiry .inquiry-tip .btn{
width:100%;
height:40px;
font-size:14px;
border-radius: 3px;
background-color:#2a978d;
}
.product-procurement .inquiry ul.inquiry-info {
    padding-bottom: 10px;
}
.product-procurement .inquiry ul.inquiry-info li {
    margin: 0 15px;
    position: relative;
}
.product-procurement .inquiry ul.inquiry-info li i.icon-inquiry {
    width: 16px;
    height: 16px;
    1background: url(../images/details_icon.png) no-repeat;
    left: 7px;
    top:10px;
    position: absolute;
}
.product-procurement .inquiry ul.inquiry-info li i.icon-inquiry-quantity {
    background-position: 0px 0px;
}
.product-procurement .inquiry ul.inquiry-info li i.icon-inquiry-contact {
    background-position: 0px -47px;
}
.product-procurement .inquiry ul.inquiry-info li i.icon-inquiry-email {
    background-position: 0px -94px;
}
.product-procurement .inquiry ul.inquiry-info li i.icon-inquiry-tel {
    background-position: 0px -138px;
}
.product-procurement .inquiry ul.inquiry-info li i.icon-inquiry-company {
    background-position: 0px -184px;
}
.product-procurement .inquiry ul.inquiry-info li i.icon-inquiry-content {
    background-position: 0px -232px;
    top: 17px;
}
.product-procurement .inquiry ul.inquiry-info li textarea,
.product-procurement .inquiry ul.inquiry-info li input {

    border-bottom: 1px solid #ccc;
    /*width: calc(100% - 30px);*/
    height: 36px;
   
    1width: 328px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}
.product-procurement .inquiry ul.inquiry-info li p{
    padding:5px 0px;
}
.product-procurement .inquiry ul.inquiry-info li p span{
    color:red;padding-left:5px;
}
.product-procurement .inquiry ul.inquiry-info li input.error {
    border: 1px solid red;
}
.product-procurement .inquiry ul.inquiry-info li textarea {
    width: 100%;
    height: 55px;
    resize: none;
    padding-top: 15px;
}
.product-procurement .inquiry ul.inquiry-info li textarea:focus {
    padding-top:0px;
}
.product-procurement .inquiry ul.inquiry-info li textarea::-webkit-input-placeholder {
    color: #ccc;
}

.product-procurement .inquiry .inquiry-info .submit-button {
    border: 0px;
    margin: 0px;
    text-align: center;
}
.product-procurement .inquiry .inquiry-info .submit {
    max-width: 220px !important;
    min-width: 150px !important;
    height: 40px !important;
    background-color: #2a978d !important;
    border-radius: 3px !important;
    color: #fff !important;
    border: 0 !important;
    font-weight: inherit;
    margin: 20px 0 10px 0;
}
.product-procurement .inquiry .inquiry-info .sprite-submit {
    1background: url(../images/iq_submit.png) no-repeat;
    1width: 22px;
    height: 15px;
    vertical-align: -2px;
    display:inline-block;
}

.product-procurement .purchase {
    border: solid 1px #dddddd;
    border-radius: 3px;
    padding: 15px 15px 5px 15px;
}
.product-procurement .purchase .qty-sel {
    float:left;
}
.product-procurement .purchase .total-price {
    float: left;
    margin-left: 10px;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
}
.product-procurement .purchase .total-price span {
    font-size: 18px;
    color: #f70e0e;
}

.product-procurement .purchase .qty-sel .minus {
    border-width: 1px 0 1px 1px;
}
.product-procurement .purchase .qty-sel .add {
    border-width: 1px 1px 1px 0;
    margin-right: 10px;
}
.product-procurement .purchase .qty-sel a {
    border-color: #ccc;
    border-style: solid;
    float: left;
    display: inline-block;
    height: 30px;
    width: 8px;
    padding: 0 10px;
    font-size: 13px;
    text-align: center;
}
.product-procurement .purchase .qty-sel input.qty {
    float: left;
    height: 30px;
    padding: 0 5px;
    width: 60px;
    border: 1px solid #ccc;
}
.product-procurement .purchase li .btn-group {
    text-align: center;
    margin: 20px 0;
}
.product-procurement .purchase li .btn-group button.button {
    line-height: 30px;
    background-color: #ff4800;
    margin-left: 0px;
    padding: 0 5px !important;
    min-width: 60px;
}
.product-procurement .purchase li .btn-group button.button:first-child {
    float: left;
}
.product-procurement .purchase li .btn-group button.button:last-child {
    margin-right: 0px;
    float: right;
}
.product-procurement .purchase .price-list {
    padding-top:20px;
    border-top:1px solid #ddd;
}
.product-procurement .purchase .price-list ul li.head {
    background-color: #ddd;
    font-size: 14px;
    color: #333;
}
.product-procurement .purchase .price-list ul li {
    white-space: nowrap;
    border-bottom: solid 1px #e7e7e7;
    padding: 6px 10px;
    color: #666;
    font-size: 12px;
}
.product-procurement .purchase .price-list ul li span {
    max-width: 152px;
    width: 100%;
    display: inline-block;
}
.product-procurement .purchase .price-list ul li span:last-child {
    text-align: right;
}
.product-procurement .purchase .price-list ul li:last-child {
    border-bottom: none;
}
.product-procurement .purchase .stock {
    color: #00b05b;
    font-weight: bold;
    font-size: 14px;
    margin-top:10px;
}
.product-procurement .purchase .stock span {
    color: #666;
    font-weight: normal;
    margin-left:10px;
}

.product-procurement .inquiry .inquiry-my-mail {
    height:40px;
	line-height:40px;
	color:#036bb4;
}




/***start**/

.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.home-category-product,.home-best-category .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.mt-3, .my-3 {
    margin-top: 1rem !important;
}

.bg-white {
    background-color: #fff !important;
}

.mb-1, .my-1 {
    margin-bottom: 0.25rem !important;
}

.text-warning {
    color: #ffc107 !important;
}

.text-warning {
    color: #ffc107 !important;
}
small, .small {
    font-size: 80%;
    font-weight: 400;
}
.home-category-product,.home-best-supplier  .container{
	background:none;
}

.mb-2, .my-2 {
    margin-bottom: 0.5rem !important;
}
.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

@media (min-width: 1200px){
.page-home .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
}

@media (min-width: 992px) {
.page-home .col-md-3 {
    width: 16.666667%;
}
}

@media (min-width: 768px){
.page-home .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
}
@media (min-width: 576px){
 .page-home .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
}



/***home*******/
.recommend .top .toolBox {
    display: flex;
    flex-direction: column;
    height: 410px;
    justify-content: space-between;
    width: 230px
}

.recommend .top .toolBox li {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 15px -7px #ccc;
    height: 96px;
    transition: all .3s;
    width: 230px
}

.recommend .top .toolBox li a {
    align-items: center;
    color: #333;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 16px;
    width: 100%
}

.recommend .top .toolBox li a div {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around
}

.recommend .top .toolBox li a div b {
    font-size: 16px
}

.recommend .top .toolBox li a div p {
    color: #2a978d;
    font-size: 16px;
    font-style: oblique;
	text-align:left;
}

.recommend .top .toolBox li a div p .iconfont {
    font-size: 12px
}

.recommend .top .toolBox li a img {
    height: 55px;
    width: 53px
}

.recommend .top .toolBox li:hover {
    box-shadow: 0 0 10px #ccc
}

@media screen and (max-width: 1024px) {
    .recommend {
        display:none;
        width: 100%
    }

    .recommend .top {
        height: unset;
        width: 100%
    }

    .recommend .top .cate {
        display: none
    }

    .recommend .top .banner {
        border-radius: 10px;
        overflow: hidden
    }

    .recommend .top .banner,.recommend .top .banner img {
        height: 174px;
        width: 355px
    }

    .recommend .top .toolBox {
        display: none
    }
}

.advantage {
    margin-bottom: 30px;
	margin-top: 50px;
}

.advantage>ul {
    background: #fff;
    border-radius: 6px;
    display: flex;
    height: 80px;
    padding: 10px 0;
    width: 1300px
}

.advantage>ul li {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center
}

.advantage>ul li+li {
    border-left: 1px solid #f1f1f1
}

.advantage>ul li img {
    margin-right: 16px;
    width: 50px
}

.advantage>ul li p {
    color: #333;
    line-height: 20px;
    width: 190px
}

@media screen and (max-width: 1024px) {
    .advantage {
        display:none
    }
}

.advantage>div {
    display: none
}

@media screen and (max-width: 1024px) {
    .advantage>div {
        display:none;
    }

    .advantage>div .tools {
        background: #fff;
        border-radius: 5px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px;
        padding: 16px;
        width: 100%
    }

    .advantage>div .tools a {
        align-items: center;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        height: 60px;
        justify-content: center;
        width: 60px
    }

    .advantage>div .tools a img {
        height: 28px;
        margin-bottom: 6px;
        width: 28px
    }

    .advantage>div .tools a p {
        font-size: 12px
    }

    .advantage>div .cate {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .advantage>div .cate a {
        height: 65px;
        position: relative;
        width: 112px
    }

    .advantage>div .cate a img {
        border-radius: 4px;
        height: 65px;
        width: 112px
    }

    .advantage>div .cate a p {
        color: #fff;
        font-size: 12px;
        left: 8px;
        position: absolute;
        top: 8px
    }
}

.l1 {
	-webkit-line-clamp: 1
}

.l1,.l2 {
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all
}

.l2 {
	-webkit-line-clamp: 2
}


.preferential {
    margin-bottom: 30px
}

.preferential title {
    display: block;
    font-size: 30px
}

@media screen and (max-width: 1024px) {
    .preferential title {
        font-size:20px
    }
}

.preferential .cot {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 1024px) {
    .preferential .cot {
        flex-direction:column
    }
}

.preferential .cot>div {
    background-color: #fff;
    border-radius: 6px;
    flex: 1;
    padding: 10px
}

.preferential .cot>div:first-child {
    margin-right: 10px
}

.preferential .cot>div:last-child {
    margin-right: 0
}

.preferential .cot>div a {
    display: block;
    width: 100%
}

.preferential .cot>div a .banner {
    border-radius: 4px;
    width: 100%
}

.preferential .cot>div ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.preferential .cot>div ul li {
    border: 1px solid hsla(0,0%,83%,.3);
    border-radius: 6px;
    height: 250px;
    margin-bottom: 5px;
    transition: all .3s;
    width: 205px
}

.preferential .cot>div ul li:hover {
    box-shadow: 0 0 15px -7px #ccc
}

.preferential .cot>div ul li a {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px;
    width: 100%
}

.preferential .cot>div ul li a .img {
    height: 80px;
    margin-bottom: 20px;
    width: 80px
}

.preferential .cot>div ul li a>div {
    width: 100%
}

.preferential .cot>div ul li a>div .tag {
    background-color: #ff6221;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    margin-bottom: 10px;
    padding: 4px
}

.preferential .cot>div ul li a>div b {
    color: #333;
    font-weight: 400;
    margin-bottom: 5px
}

.preferential .cot>div ul li a>div span {
    color: #999;
    font-size: 14px
}

.preferential .cot>div ul li a>div .warning {
    color: #ff6221;
    line-height: 26px;
    margin-top: 8px
}

.preferential .cot>div ul li a>div em {
    font-size: 14px;
    text-decoration: line-through
}

.preferential .cot>div ul li a>div .rfq {
    background-color: #2a978d;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    margin-top: 8px;
    padding: 5px 10px
}

@media screen and (max-width: 1024px) {
    .preferential .cot>div {
        margin-bottom:20px;
        width: 100%
    }

    .preferential .cot>div:last-child {
        margin-bottom: 0
    }

    .preferential .cot>div .banner {
        height: unset;
        width: 100%
    }

    .preferential .cot>div ul li {
        width: 49%
    }
}


.hotSaleParts {
    margin-bottom: 30px
}

.hotSaleParts title {
    display: block;
    font-size: 30px
}

.hotSaleParts .item {
    background-color: #fff;
    border-radius: 6px;
    display: flex;
    height: 412px;
    position: relative;
    width: 100%
}

.hotSaleParts .item .left,.hotSaleParts .item .right {
    align-items: center;
    background-color: #33333380;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 46px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s;
    width: 26px;
    z-index: 2
}

.hotSaleParts .item .left:hover,.hotSaleParts .item .right:hover {
    background-color: #333c
}

.hotSaleParts .item .left {
    border-radius: 0 4px 4px 0;
    left: 0
}

.hotSaleParts .item .right {
    border-radius: 4px 0 0 4px;
    right: 0
}

.hotSaleParts .item .imgBox {
    height: 100%;
    position: relative;
    width: 260px
}

.hotSaleParts .item .imgBox>img {
    height: 100%;
    width: 260px
}

.hotSaleParts .item .imgBox .circle {
    align-items: center;
    bottom: 10px;
    display: flex;
    justify-content: center;
    left: 50%;
    position: absolute;
    transform: translate(-50%)
}

.hotSaleParts .item .imgBox .circle span {
    align-items: center;
    background-color: #333c;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 12px;
    width: 12px
}

.hotSaleParts .item .imgBox .circle span.active {
    background-color: #fff
}

.hotSaleParts .item .imgBox .circle span+span {
    margin-left: 12px
}

.hotSaleParts .item ul {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    height: 100%
}

.hotSaleParts .item ul li {
    border: 1px solid hsla(0,0%,83%,.3);
    border-radius: 6px;
    height: 50%;
    transform: scale(.95);
    transition: all .3s;
    width: 20%
}

.hotSaleParts .item ul li a {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px 30px 20px;
    width: 100%
}

.hotSaleParts .item ul li a .img {
    height: 120px;
    width: 120px
}

.hotSaleParts .item ul li a b {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px
}

.hotSaleParts .item ul li a p {
    color: #999;
    font-size: 14px
}

.hotSaleParts .item ul li:hover {
    box-shadow: -2px 2px 9px #0000001a
}

@media screen and (max-width: 1024px) {
    .hotSaleParts title {
        font-size:20px
    }

    .hotSaleParts .item {
        height: unset
    }

    .hotSaleParts .item .iconfont,.hotSaleParts .item .imgBox {
        display: none
    }

    .hotSaleParts .item ul li {
        width: 50%
    }
}


.popuManu {
    margin-bottom: 30px
}

.popuManu title {
    display: block;
    font-size: 30px
}

.popuManu ul {
    background-color: #fff;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.popuManu ul li {
    height: 120px;
    transition: all .3s;
    width: 216px
}

.popuManu ul li:hover {
    box-shadow: -2px 2px 9px #0000001a
}

.popuManu ul li a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.popuManu ul li a img {
    width: 70%
}

@media screen and (max-width: 1024px) {
    .popuManu title {
        font-size:20px
    }

    .popuManu ul li {
        width: 33.33%
    }

    .popuManu ul li a img {
        width: 90%
    }
}

.recParts {
    margin-bottom: 30px
}

.recParts title {
    display: block;
    font-size: 30px
}

@media screen and (max-width: 1024px) {
    .recParts title {
        font-size:20px
    }
}

.recParts ul {
    background-color: #fff;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.recParts ul li {
    border: 1px solid hsla(0,0%,83%,.3);
    border-radius: 6px;
    transform: scale(.95);
    transition: all .3s;
    width: 16.6%
}

@media screen and (max-width: 1024px) {
    .recParts ul li {
        width:50%
    }
}

.recParts ul li a {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 40px 30px 20px;
    width: 100%
}

.recParts ul li a .img {
    height: 80px;
    margin-bottom: 10px;
    width: 80px
}

.recParts ul li a b {
    color: #333;
    font-weight: 400;
    margin-bottom: 8px
}

.recParts ul li a p {
    color: #999;
    font-size: 14px
}

.recParts ul li:hover {
    box-shadow: -2px 2px 9px #0000001a
}

.centerBanner {
    border-radius: 6px;
    height: 150px;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%
}

.centerBanner a,.centerBanner a img {
    height: 100%;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .centerBanner {
        height:60px
    }
}


.theBlogs {
    margin-bottom: 30px
}

.theBlogs .title {
    align-items: center;
    display: flex;
    font-size: 30px;
    justify-content: space-between
}

.theBlogs .title a {
    color: #2a978d;
    font-size: 14px;
    font-style: oblique;
    font-weight: 400
}

.theBlogs .title a:hover {
    text-decoration: underline
}

@media screen and (max-width: 1024px) {
    .theBlogs .title {
        font-size:20px
    }
}

.theBlogs ul {
    display: flex
}

.theBlogs ul li {
    background-color: #fff;
    border-radius: 6px;
    flex: 1;
    height: 300px;
    overflow: hidden;
    transition: all .3s
}

.theBlogs ul li:hover {
    box-shadow: -2px 2px 9px #0000001a
}

.theBlogs ul li+li {
    margin-left: 20px
}

.theBlogs ul li a {
    flex-direction: column;
    height: 100%;
    padding: 20px 16px;
    width: 100%
}

.theBlogs ul li a,.theBlogs ul li a div {
    display: flex;
    justify-content: space-between
}

.theBlogs ul li a div {
    align-items: center
}

.theBlogs ul li a div .iconfont {
    color: #fea531;
    font-size: 18px
}

.theBlogs ul li a b {
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    position: relative
}

.theBlogs ul li a b:after {
    background-color: #2a978d;
    bottom: -6px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 30px
}

.theBlogs ul li a img {
    border-radius: 6px;
    height: 167px;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .theBlogs {
        margin-bottom:10px
    }

    .theBlogs title {
        font-size: 20px
    }

    .theBlogs ul {
        flex-wrap: wrap
    }

    .theBlogs ul li {
        flex: unset;
        margin-bottom: 10px;
        margin-left: 0!important;
        width: 100%
    }
}


.thePosts {
    margin-bottom: 30px
}

.thePosts .title {
    align-items: center;
    display: flex;
    font-size: 30px;
    justify-content: space-between
}

.thePosts .title a {
    color: #2a978d;
    font-size: 14px;
    font-style: oblique;
    font-weight: 400
}

.thePosts .title a:hover {
    text-decoration: underline
}

@media screen and (max-width: 1024px) {
    .thePosts .title {
        font-size:20px
    }
}

.thePosts ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.thePosts ul li {
    background-color: #fff;
    border-radius: 6px;
    height: 140px;
    margin-bottom: 16px;
    transition: all .3s;
    width: 634px
}

.thePosts ul li:hover {
    box-shadow: -2px 2px 9px #0000001a
}

.thePosts ul li a {
    display: flex;
    height: 100%;
    padding: 20px;
    width: 100%
}

.thePosts ul li a .img {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    margin-right: 16px;
    width: 166px
}

.thePosts ul li a .img img {
    height: 80%
}

.thePosts ul li a .cot {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.thePosts ul li a .cot b {
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.thePosts ul li a .cot p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #999;
    display: -webkit-box;
    height: 40px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all
}

.thePosts ul li a .cot span {
    color: #2a978d
}

@media screen and (max-width: 1024px) {
    .thePosts title {
        font-size:20px
    }

    .thePosts ul li {
        height: 120px;
        width: 100%
    }

    .thePosts ul li a {
        padding: 10px
    }

    .thePosts ul li a .img {
        width: 100px
    }

    .thePosts ul li a .img img {
        width: 80px
    }
}



.partNumber {
    margin-bottom: 30px
}

.partNumber title {
    display: block;
    font-size: 30px
}

.partNumber .cot {
    background-color: #fff;
    border-radius: 6px;
    padding: 20px 50px;
    width: 100%
}

.partNumber .cot div {
    border-bottom: 1px solid #d4d4d4;
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.partNumber .cot div p {
    cursor: pointer;
    margin: 0 50px;
    padding-bottom: 10px;
    position: relative
}

.partNumber .cot div p.active:after {
    background-color: #2a978d;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 47px
}

.partNumber .cot ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.partNumber .cot ul li {
    margin-bottom: 16px;
    padding-right: 20px;
    width: 20%
}

.partNumber .cot ul li.compare {
    width: 50%
}

.partNumber .cot ul li a:hover {
    color: #2a978d
}

@media screen and (max-width: 1024px) {
    .partNumber title {
        font-size:20px
    }

    .partNumber .cot {
        padding: 20px 10px
    }

    .partNumber .cot div {
        justify-content: space-around
    }

    .partNumber .cot div p {
        margin: 0
    }

    .partNumber .cot ul li {
        width: 50%
    }

    .partNumber .cot ul li.compare {
        width: 100%
    }
}



.indexes {
    background-color: #fff;
    border-radius: 6px;
    justify-content: space-between;
    padding: 14px 20px
}

.indexes,.indexes a {
    align-items: center;
    display: flex
}

.indexes a {
    border-radius: 50%;
    height: 28px;
    justify-content: center;
    transition: all .3s;
    width: 28px
}

.indexes a:hover {
    background-color: #2a978d;
    color: #fff
}

@media screen and (max-width: 1024px) {
    .indexes {
        flex-wrap:wrap;
        justify-content: flex-start
    }

    .indexes span {
        align-items: center;
        display: flex;
        justify-content: center;
        width: 56px
    }
}



.baseModule {
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 20px
}

@media screen and (max-width: 1024px) {
    .baseModule {
        padding:10px
    }
}


.loginInfo {
    align-items: center;
    display: flex
}

.loginInfo .cart {
    padding: 5px 20px;
    position: relative;
    transition: all .2s
}

.loginInfo .cart:hover {
    background-color: #ccc3
}

.loginInfo .cart span {
    background-color: #c80000;
    border-radius: 7px;
    color: #fff;
    font-size: 10px;
    padding: 2px 5px;
    position: absolute;
    right: 10px;
    top: 3px
}

.loginInfo a {
    align-items: flex-end;
    border-radius: 4px;
    display: flex;
    font-size: 12px
}

.loginInfo a .iconfont {
    color: #2a978d;
    font-size: 26px;
    margin-right: 6px
}

.loginInfo .sign {
    align-items: flex-end;
    display: flex;
    margin-left: 10px
}

.loginInfo .sign .iconfont {
    color: #2a978d;
    font-size: 26px;
    margin-right: 6px
}

.loginInfo .sign a {
    font-size: 15px;
    padding: 0
}

.loginInfo .sign a:hover {
    color: #2a978d
}

.loginInfo .sign span {
    margin: 0 6px
}

.loginInfo .userInfo {
    align-items: baseline;
    cursor: pointer;
    display: flex;
    margin-left: 40px;
    position: relative
}

.loginInfo .userInfo .iconfont {
    color: #2a978d;
    font-size: 26px;
    margin-right: 6px
}

.loginInfo .userInfo>p {
    font-size: 16px;
    width: 60px
}

.loginInfo .userInfo:hover .dialog {
    display: block
}

.loginInfo .userInfo .dialog {
    display: none;
    padding-top: 10px;
    position: absolute;
    right: 0;
    top: 26px;
    width: 250px;
    z-index: 100
}

.loginInfo .userInfo .dialog .cot {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 15px -7px #ccc;
    display: flex;
    flex-direction: column;
    padding: 16px;
    width: 1005;
    z-index: 2
}

.loginInfo .userInfo .dialog .cot p {
    border-bottom: 1px solid #d4d4d4;
    color: #000;
    font-size: 15px;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.loginInfo .userInfo .dialog .cot>a {
    align-items: center;
    display: flex;
    font-size: 14px;
    padding: 6px
}

.loginInfo .userInfo .dialog .cot>a .iconfont {
    align-items: center;
    color: #666;
    display: flex;
    font-size: 18px;
    height: 22px;
    justify-content: center;
    margin-right: 16px;
    width: 22px
}

.loginInfo .userInfo .dialog .cot>a .iconfont.icona-ziyuan2 {
    font-size: 22px
}

.loginInfo .userInfo .dialog .cot>a:hover {
    background-color: #9999991a
}

.loginInfo .userInfo .dialog .cot .signOut {
    align-items: center;
    background-color: #f6f8fc;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 36px;
    justify-content: center;
    margin-top: 16px;
    transition: all .2s;
    width: 100%
}

.loginInfo .userInfo .dialog .cot .signOut:hover {
    background-color: #2a978d;
    color: #fff
}

.loginInfo .userInfo .dialog .cot .loginOrRegister {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 10px 0
}

.loginInfo .userInfo .dialog .cot .loginOrRegister a {
    align-items: center;
    background-color: #f6f8fc;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 36px;
    justify-content: center;
    transition: all .2s;
    width: 100%
}

.loginInfo .userInfo .dialog .cot .loginOrRegister a:hover {
    background-color: #2a978d;
    color: #fff
}

.loginInfo .userInfo .dialog .cot .loginOrRegister span {
    display: block;
    margin: 8px 0
}


.theFooter{
	
}
.theFooter .top {
    background-color: #fff;
    height: 86px;
}

.theFooter .top .cot {
    height: 100%
}

.theFooter .top .cot ul {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    padding: 6px 0
}

.theFooter .top .cot ul li {
    align-items: center;
    border-left: 1px solid #f1f1f1;
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: center
}

.theFooter .top .cot ul li:last-child {
    border-right: 1px solid #f1f1f1
}

.theFooter .top .cot ul li img {
    height: 40px;
    margin-right: 20px;
    width: 40px
}

.theFooter .top .cot ul li div b {
    color: #2a978d;
    font-size: 20px;
    line-height: 24px
}

.theFooter .bot {
    background-color: #fff
}

.theFooter .bot .cot {
    height: 100%;
    padding: 30px 0 0
}

.theFooter .bot .cot ul {
    display: flex;
    height: 100%;
    justify-content: space-between
}

.theFooter .bot .cot ul li {
    height: 100%;
    width: 280px
}

.theFooter .bot .cot ul li b {
    color: #000;
    display: block;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 10px
}

.theFooter .bot .cot ul li b.line {
    border-bottom: 1px solid #000
}

.theFooter .bot .cot ul li a {
    color: #000;
    display: block;
    line-height: 30px
}

.theFooter .bot .cot ul li a:hover {
    text-decoration: underline
}

.theFooter .bot .cot ul.function {
    padding-top: 20px
}

.theFooter .bot .cot ul.function li dl {
    display: flex
}

.theFooter .bot .cot ul.function li dl dd {
    align-items: center;
    background-color: #e7f6f5;
    border-radius: 6px;
    display: flex;
    height: 30px;
    justify-content: center;
    margin-right: 10px;
    width: 56px
}

.theFooter .bot .cot ul.function li dl dd img {
    height: 12px;
    width: 42px
}

.theFooter .bot .cot ul.function li .follow {
    display: flex
}

.theFooter .bot .cot ul.function li .follow .btn {
    background-color: #e7f6f5;
    border-radius: 15px;
    box-shadow: 0 5px 15px -5px #0000001a;
    height: 36px;
    line-height: 36px;
    margin-right: 16px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 36px
}

.theFooter .bot .cot ul.function li .follow .btn .iconfont {
    font-size: 20px;
    transform: scale(.8);
    transition: all .4s cubic-bezier(.31,-.1,.43,1.59);
	position:absolute;
	top:0px;
	left:8px;
}

.theFooter .bot .cot ul.function li .follow .btn:before {
    content: "";
    height: 120%;
    left: -180%;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    transition: all .4s cubic-bezier(.31,-.1,.43,1.59);
    width: 120%
}

.theFooter .bot .cot ul.function li .follow .btn .icontuite1 {
    color: #2fb0ec
}

.theFooter .bot .cot ul.function li .follow .btn.btn_tuite:before {
    background-color: #2fb0ec
}

.theFooter .bot .cot ul.function li .follow .btn .iconlinkedin {
    color: #0077b5
}

.theFooter .bot .cot ul.function li .follow .btn.btn_linkedin:before {
    background-color: #0077b5
}

.theFooter .bot .cot ul.function li .follow .btn .iconinstagram {
    color: #e45496
}

.theFooter .bot .cot ul.function li .follow .btn.btn_instagram:before {
    background-color: #e45496
}

.theFooter .bot .cot ul.function li .follow .btn .iconfacebook1 {
    color: #3c57a0;
    font-weight: 700
}



.theFooter .bot .cot ul.function li .subscribe {
    align-items: center;
    border: 1px solid #000;
    border-radius: 18px;
    box-sizing: border-box;
    display: flex;
    height: 36px;
    justify-content: space-between;
    overflow: hidden;
    padding: 2px;
    width: 100%
}

.theFooter .bot .cot ul.function li .subscribe input {
    background-color: #2a978d;
    border: none;
    color: #000;
    height: 30px;
    padding: 0 2px 0 10px;
    width: 60%
}

.theFooter .bot .cot ul.function li .subscribe input:focus {
    background-color: #2a978d;
    border: none;
	outline:none;
    color: #000;
    height: 30px;
    padding: 0 2px 0 10px;
    width: 60%
}

.theFooter .bot .cot ul.function li .subscribe input::-moz-placeholder {
    color: #f4f4f4
}

.theFooter .bot .cot ul.function li .subscribe input::placeholder {
    color: #f4f4f4
}

.theFooter .bot .cot ul.function li .subscribe button {
    background-color: #000;
    border-radius: 17px;
    color: #2a978d;
    font-size: 13px;
    height: 32px;
    width: 30%
}

.theFooter .bot .cot ul.function li .certificationBox {
    align-items: center;
    display: flex;
    height: 36px;
    justify-content: space-between
}

.theFooter .bot .cot ul.function li .certificationBox .certification {
    height: 24px
}

.theFooter .bot .cot .review {
    display: flex;
    justify-content: flex-end;
    padding: 10px 0
}

@media screen and (max-width: 1024px) {
    .theFooter .top {
        display:none
    }

    .theFooter .bot .cot {
        width: 100%
    }

    .theFooter .bot .cot ul {
        flex-direction: column
    }

    .theFooter .bot .cot ul li {
        margin-bottom: 20px;
        padding: 0 10px;
        width: 100%
    }

    .theFooter .bot .cot ul li b {
        border-bottom: 1px solid #000;
        font-size: 18px;
        margin-bottom: 10px
    }

    .theFooter .bot .cot ul.function {
        padding-top: 0
    }

    .theFooter .bot .cot ul.function li:last-child {
        display: none
    }
}

.content-popu{
	margin-bottom:50px;
}

.content-popu .header-popu{
	width:100%;
	height:40px;
}

.content-popu .header-popu .title{
	font-size:16px;
	text-align:left;
	float:left;
	font-weight:bold;
}
.content-popu .header-popu .more{
	font-size:12px;
	float:right;
	color:#2a978d;
}
.content-popu .header-popu .more a{
	color:#2a978d;
}

.content-popu ul{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.content-popu ul li{
	width:100%;
	height:100px;
	line-height:100px;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.content-popu ul li:last{
	border1:none;
}
.content-popu ul li a{
	text-align: center;
    height: 80px;
    display: inline-block;
    width: 100%;
}

.content-popu ul li a img{
	height:60px;
}


.content-popu-part .header-popu-part{
	width:100%;
	height:40px;
}

.content-popu-part .header-popu-part .title{
	font-size:16px;
	text-align:left;
	float:left;
	font-weight:bold;
}
.content-popu-part .header-popu-part .more{
	font-size:12px;
	float:right;
	color:#2a978d;
}
.content-popu-part .header-popu-part .more a{
	color:#2a978d;
}

.content-popu-part ul li{
	width:100%;
	height:80px;
	line-height:80px;
	text-align:center;
	
	
}

.content-popu-part ul li:last{
	
}

.content-popu-part ul li a{
	display:flex;
	border-bottom:1px solid #ccc;
}
.content-popu-part ul li a:hover{
	text-decoration:none;
}

.content-popu-part ul li img{
	
}
.content-popu-part ul li .other{
	text-align:left;
	vertical-align:middle;
	padding-left:5px;
}
.content-popu-part ul li .other .part{
	height:25px;
	line-height:25px;
	color:#333;
}
.content-popu-part ul li .other .brand{
	height:25px;
	line-height:25px;
	color:#606266;
}

@media screen and (max-width: 1024px) {
	.content-popu-part img{
		display:none;
	}
}

.home-best-category title{
	font-size:30px;
	display:block;
}
.home-best-category .row{
	margin:0px;
}

.comment {
    width: 100%;
    overflow: hidden;
    position: relative;
    min-height: 400px
}

.xcp-publish {
    padding-bottom: 20px
}

.xcp-publish-title {
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    line-height: 1;
    color: #000
}

.xcp-publish-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 20px
}

.xcp-publish-main .left {
    padding-top: 23px;
    width: 64px
}

.xcp-publish-main .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.x-interact-publish {
    width: 100%;
    font-size: 13px;
    color: #222
}

.x-interact-publish-panel-center {
    padding-top: 4px
}

.x-interact-publish-cont {
    height: 94px
}

.x-interact-publish-cont,.x-interact-publish-cont-topic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: #f5f5f6;
    border-radius: 12px
}

.x-interact-publish-cont-topic {
    min-height: 94px;
    max-height: 160px;
    overflow-y: auto
}

.x-interact-publish .text-area {
    padding: 16px 16px 23px;
    width: 100%;
    resize: none;
    background: #f5f5f6;
    border-radius: 12px;
    border: none;
    color: #1f1f1f
}

.x-interact-publish .text-area:empty:before {
    content: attr(placeholder)
}

.x-interact-publish .text-area:focus {
    outline: none
}

.x-interact-publish .textarea-topic {
    padding: 13px 16px 11px;
    min-width: 200px;
    width: 100%;
    resize: none;
    background: #f5f5f6;
    border-radius: 12px;
    border: none;
    color: #1f1f1f;
    overflow: hidden;
    overflow-y: auto;
    -webkit-user-select: text;
    line-height: 1.5;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.x-interact-publish .textarea-topic:before,.x-interact-publish .textarea-topic:empty:before {
    content: attr(content);
    color: #4e6ef2;
    white-space: nowrap;
    word-break: break-all;
    padding-right: 5px;
    line-height: 1.5
}

.x-interact-publish .textarea-topic .placeholder-dom:before {
    display: inline-block;
    content: attr(placeholder);
    color: #626675
}

.x-interact-publish .textarea-topic:focus {
    outline: none
}

.x-interact-publish-opt {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px
}

.x-avatar {
    position: relative;
    display: block;
    width: 48px;
    height: 48px
}

.x-avatar.is-small {
    width: 39px;
    height: 39px
}

.x-avatar-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/xcp-bd-logo.png) 50% 50% no-repeat;
    background-size: 50% 50%
}

.x-avatar-img {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%
}

.x-avatar-img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 300%;
    height: 300%;
    border: 3px solid rgba(0,0,0,.1);
    border-radius: 100%;
    -webkit-transform: scale(.333333);
    transform: scale(.333333);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}


.x-interact-publish .send {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #4e6ef2;
    border-radius: 15px;
    cursor: pointer
}

.x-interact-publish .send.disabled {
    opacity: .2;
    cursor: not-allowed
}
.x-interact-email{
	margin: 10px 0px;
    height: 30px;
    line-height: 30px;
    width: 100%;
}
.x-interact-email input{width: 100%;
    border-radius: 5px;
    outline: none;
    background: #f5f5f6;
    border: 1px solid #f5f5f6;}