/* init.css */
.fixed{ position: fixed; }
.relative{ position: relative; }
.absolute{ position: absolute; }
.mini{ min-width: 1200px; max-width: 100%; }
.wd{ width: 1200px; }
.mirl{ width: 1200px; margin-left: auto; margin-right: auto; }
.auto{ margin-left: auto; margin-right: auto; }
.col-l{ float: left; }
.col-r{ float: right; }
.trans{ transition-property: all; transition-duration: .6s; transition-timing-function: ease; }
.hide{ display: none; }
img.lazy{ background: url(/images/loading.gif) no-repeat center center; }
/* init.css ----------------------------------------------- End */

/* color and font .css */
h1{ font-size: 40px; }
.h2{ font-size: 30px; }
.h3{ font-size: 28px; }
.h4{ font-size: 24px; }
.p1{ font-size: 22px; }
.p2,h3{ font-size: 20px; }
.p3{ font-size: 18px; }
.p4{ font-size: 16px; }
.p5{ font-size: 14px; }
.p6{ font-size: 12px; }

.color89{ color: #ffffff; }
.color9{ color: #999; }
.color4c{ color: #4c4948; }
.colorab{ color: #abc404; }
.colorf{ color: #fff; }
.color60{ color: #606060; }
.B2{ font-family: 'HelveticaBold',Arial,"Microsoft Yahei"; }
/* color and font .css ----------------------------------------------- End */

/* header.css */
.hasbanner .header{ border-bottom: 1px solid #f1f1f1; }
.header{ padding-top: 43px; background-color: #fff; }
.logo{ left: 0; top:-13px; z-index: 2; }
.btns-box{ right: 0; top: 2px; z-index: 2; }
.person{ display: block; width: 24px; height: 24px; background: url(/images/ico_parson.png) no-repeat center center; }
.cart{ display: block; width: 24px; height: 24px; background: url(/images/ico_cart.png) no-repeat center center; margin-left: 30px; margin-right: 30px; }
.search{ width: 24px; height: 24px; background: url(/images/ico_search.png) no-repeat center center; }
.search:hover{ background: url(/images/ico_search_o.png) no-repeat center center; }
.person:hover{ background: url(/images/ico_parson_o.png) no-repeat center center; }
.cart:hover{ background: url(/images/ico_cart_o.png) no-repeat center center; }
.search:after,.search:before{ content: ''; position: absolute; background-color: #898989; opacity: 0; transition-property: all; transition-duration: .6s; transition-timing-function: ease; }
.search:after{     width: 22px; height: 1px; top: 11px; transform: rotate(-90deg); }
.search:before{ width: 22px; height: 1px; top: 11px; transform: rotate(0deg); }


.btnClose{ background: none; }
.btnClose:after,.btnClose:before{ opacity: 1; }
.btnClose:after{ transform: rotate(-45deg);  }
.btnClose:before{ transform: rotate(45deg); }
.btnClose:hover{ background: none; }
/* header.css ----------------------------------------------- End */

/* nav.css */
.main-nav{ width: 701px; margin-left: 250px; margin-right: auto; }
.main-nav .nav{ text-align: center; }
.nav > .item{ /*display: inline-block;*/ float: left;position: relative; margin-right:35px; display:block;}
.nav > .ls4{ margin-right: 35px !important; }
.nav > .item:hover .ul02{ display:block;}
/*start*/
.main-nav>ul>li ul{
    position: absolute;
    top:35px;
    width: 140px;
    background: #000;
    left:-80px;
    margin-left: 50%;
    display: none;
    text-align: center;
    z-index:999;
	opacity: 0.7;
    padding-left:15px;
    padding-right:15px;
}
.main-nav>ul>li ul li{
    width:140px;
    border-bottom:1px solid #cccccc;
}
.main-nav>ul>li ul li:last-child{ border:none;}
.main-nav>ul>li ul li a{
    color: #ffffff;
}
.main-nav>ul>li ul li a{
    font-size:14px;
    line-height: 20px;
    padding-top:10px;
    padding-bottom:10px;
    display:block;
}
.main-nav>ul>li ul li a:hover{
    color: #ff7e00;
}
/*end*/
.nav > .item > .link{ display: block; height: 68px; }
.nav > .item > .link span{ display: block; overflow: hidden; line-height: 26px; }
.nav > .item > .link.action span{ transform: scale(0.8,0.8); opacity: 0; }
.znen{ position:absolute; top:5px; right:-100px; z-index:99; font-size:14px; color:#898989;}
.znen .Js_ZN{ color:#ffffff;}
.znen .Js_EN{ color:#ffffff;}

.sub-nav{ /*position: absolute;*/ top: 112px; left: 0; z-index: 500; width: 100%; background: rgba(255,255,255,.86); padding: 20px 0; height: 74px; transform: scaleY(0); transform-origin: top left; transition-duration: .4s; border-top: 1px solid #e7e7e7; } 
.sub-nav.action{ transform: scaleY(1); }
.sub-nav .cont{ position: absolute; left: 0; right: 0; width: 786px; margin-left: auto; margin-right: auto; opacity: 0; visibility: hidden; /*transform: translateY(20px);*/ text-align: center; }
.sub-nav .cont.action{ transition-property: all; transition-duration: 1.2s; transition-timing-function: ease; opacity: 1; visibility: visible; /*transform: translateY(0px);*/ }
.sub-nav .cont .row{ width: 25%; float: left; /*display: inline-block;*/ }
.sub-nav .cont .captions{ margin-top: 10px; text-align: center; }
.sub-nav .row:hover .captions{ color: #4c4948; }
/* nav.css ----------------------------------------------- End 

/* common.css */
.state{ display: block; position: relative; }
.state:before,.state:after{ content: ''; position: absolute; background-color: #abc404; top: 50%; right: 5px; }
.state:before{ width: 10px; height: 2px; margin-top: -1px; }
.state:after{ width: 2px; height: 10px; margin-top: -5px; right: 9px; }
.state.active:after{ display: none; }

.main{ position: relative; }
.aside{ float: left; width: 242px; }
.aside .nav{ width: 160px; }
.aside .nav .row{ border-bottom: 1px solid #f1f1f1; }
.aside .nav .link{ display: block; padding: 12px 0; }
.aside .nav dl dd a{ padding: 5px 0 !important; }
.aside .nav dl{ display: none; padding-bottom: 10px !important; }
.main .content{ float: right; width: 858px; }
.has > .link{ display: block; position: relative; }
.has > .link:before,.has > .link:after{ content: ''; position: absolute; background-color: #abc404; top: 50%; right: 5px; }
.has > .link:before{ width: 10px; height: 2px; margin-top: -1px; }
.has > .link:after{ width: 2px; height: 10px; margin-top: -5px; right: 9px; }
.has.active > .link:after{ display: none; }


.table .thead{ height: 60px; line-height: 60px; background-color: #fafafa; margin-bottom: 25px; }
.table .thead .td1{ width: 300px; }
.table .row{ margin-bottom: 25px; cursor: pointer; }
.table .row .parent{ display: block; height: 60px; line-height: 60px; background-color: #fafafa; }
.table .row.on .parent{ background-color: #f1f1f1; }
.table .row.on .td2{ display: none; }
.table .row .children{ padding-bottom: 60px; display: none; }
.table .tbody .td1{ width: 300px; }
.table .tbody .txt{ background-color: #f1f1f1; }
.table .txt h3{ font-size: 16px; color: #898989; font-family: 'HelveticaBold',Arial,"Microsoft Yahei"; padding-top: 35px; margin-bottom: 5px; }
.table .txt p{ font-size: 14px; color: #898989; line-height: 24px; }

.common h1{ text-align: center; }
.common .tt{ text-align: center; margin-top: 10px; }
.common .tt p{ font-size: 14px; color: #898989; line-height: 24px; }
/* common.css ---------------------------------------------- End */

/* search.css */
input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
font-family: inherit;
font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
display: none;
}
.searchPopup{ opacity: 0; visibility: hidden; position: absolute; left: 0; right: 0; top: 43px; width: 786px; margin-left: auto; margin-right: auto; background-color: #fff; z-index: 10; transform: translateX(50px); }
.searchPopup.action{ opacity: 1; transform: translateX(0px); visibility: visible; }
.searchPopup .searchBtn{ display: block; margin-right: 12px; }
.searchPopup .searchBtn:hover{ background: none; }
.searchPopup .row{ width: 752px; }
.searchPopup .row .print{ padding: 0; margin: 0; border: none; background: none; width: 100%; font-size: 14px; color: #898989; height: 26px; }
.print::-webkit-input-placeholder{ font-size: 14px; color: #898989; }
.print:-moz-placeholder{ font-size: 14px; color: #898989; }
.print:-ms-placeholder{ font-size: 14px; color: #898989; }
.print::input-placeholder { font-size: 14px; color: #898989; }
/* search.css ----------------------------------------------- End */

/* footer.css */

/*.top-nav .nav .row{ margin: 0 45px; margin: 0 42px; }*/
.top-nav .level dd{ line-height: 28px; }
.language{ position: absolute; bottom: 34px; right: 2px; display: block; width: 84px; height: 37px; text-align: center; line-height: 40px; background-color: #fafafa; border-radius: 5px; cursor: pointer; font-size: 12px; color: #abc404; }
.language:hover{ background-color: #f2f2f2; color: #abc404; }
.language a{ color: #abc404; }
.language:before{ content: ''; position: absolute; top: 50%; left: 5px; margin-top: -7px; width: 16px; height: 14px; background: url(/images/ico_china.png) no-repeat center center; }
.language:after{ content: ''; position: absolute; top: 50%; right: 5px; margin-top: -5px; width: 11px; height: 10px; background: url(/images/btn_plus.png) no-repeat center center; }
.language .lang{ position: absolute; bottom: 38px; left: 0; width: 84px; height: 37px; background-color: #fff; opacity: 0; visibility: hidden; transform: scaleY(0); border-radius: 5px; }
.language .lang a{ font-size: 12px; color: #abc404; }
.language .lang:before{ content: ''; position: absolute; top: 50%; left: 5px; margin-top: -7px; width: 16px; height: 14px; background: url(/images/ico_english.png) no-repeat center center; }
.lang a:hover{ color: #abc404; }
.language:hover .lang{ opacity: 1; visibility: visible; transform: scaleY(1); }
.language:hover:after{ background: url(/images/btn_mius.png) no-repeat center center; } 
/* footer.css ----------------------------------------------- End */

/* crumbs.css */
.crumbs{ margin-top: 40px; margin-bottom: 35px; }
/* crumbs.css ----------------------------------------------- End */


/* index.css */
.slider{ position: relative; }
.slider .bx-controls .bx-pager{ position: absolute; width: 100%; bottom: 25px; height: 14px; text-align: center; }
.slider .bx-controls .bx-pager .bx-pager-item{ display: inline-block; width: 14px; height: 14px; margin-left: 6px; margin-right: 6px; }
.slider .bx-controls .bx-pager .bx-pager-item .bx-pager-link{ display: block; width: 100%; height: 100%; text-indent: -99999px; position: relative; }
.slider .bx-controls .bx-pager .bx-pager-item .bx-pager-link:after{ content: ''; display: block; width: 8px; height: 8px; border: 1px solid #898989; border-radius: 50%; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; transition-property: all; transition-duration: .3s; transition-timing-function: ease; }
.slider .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active:after{ top: 0; right: 0; bottom: 0; left: 0; width: 12px; height: 12px; }

.column{ margin-top: 23px; overflow: hidden; }
.classify{ margin-left: -6px; margin-right: -6px; }
.classify .row{ width: 25%; float: left; }
.classify .row .inner{ display: block; margin: 0 6px; position: relative; /*overflow: hidden;*/ border: 1px solid transparent; transition: all .6s ease; }
.classify .row .captions{ position: absolute; top: 80px; left: 0; width: 100%; text-align: center; z-index: 500;}
#pp{ display:none};
.shadow{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; transition-property: all; transition-duration: .6s; transition-timing-function: ease; z-index: 400; opacity: 0; background-color: #fff; }
.classify .inner:hover .shadow{ opacity: 0.6; }
/*.classify .row .inner:hover{ border: 1px solid #d5e75e; }*/
/* index.css ----------------------------------------------- End */

/* product1.css */
.productList{ overflow: hidden; margin-bottom: 113px; }
.productList .inner{ margin: 0 -5px; }
.productList .inner .row{ width: 33.33%; float: left; } 
.productListNew .inner .row{ width: 25%;}
.productList .inner .row-width{ width: 50%; }
.productList .inner .box{ display: block; margin: 7px; height: 368px; overflow: hidden; position: relative; background-color: #f7f7f7; }
.productListNew .inner .box{ height: 368px; overflow: hidden; }
.productList .inner .cover{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.box:hover .img{ transform: scale(1.1,1.1); }
.productList .box .captions{ position: absolute; bottom: 67px; left: 25px; width: 210px; }
.productList .row-width .box .captions{ left: 124px; }
.productList .captions .tt{ display: block; float: left; }
.productList .captions .ico{ margin-top: 3px; }
.productList .captions .tt2{ margin-top: 4px; width: 100%; }
.productList .captions .tt3{ margin-top: 5px; opacity: 1; visibility: visible; }
.productList .btns-wrap{ position: absolute; bottom: 57px; left: 25px; opacity: 0; visibility: hidden; }
.productList .captions .ico{ display: none; }
.productList .new .ico{ display: block; position: absolute; top: 30px; right: 20px; }
.btns-wrap .bn{ display: block; float: left; width: 92px; /*height: 23px;*/ text-align: center; /*line-height: 25px;*/ padding: 5px 0; border-radius: 5px; margin-right: 30px; }
.btns-wrap .btn-view{ background-color: #c3c3c3; }
.btns-wrap .btn-join{ background-color: #abc404; margin-right: 0; }
.productList .box:hover .btns-wrap{ opacity: 1; visibility: visible; }
.productList .box:hover .tt3{ opacity: 0; visibility: hidden; }
/*.product2 .productList .box:hover .tt3{ opacity: 1; visibility: visible; }*/
.btns-wrap .btn-view:hover{ background-color: #dbdbdb; }
.btns-wrap .btn-join:hover{ background-color: #bfdb04; }
.productList .box:hover .cover{ box-shadow: 0 0 38px rgba(0,0,0,.08) inset; }
/* product1.css ----------------------------------------------- End */

/* product2.css */
.product .document{ transition: all .6s ease; }
.product2{ position: relative; min-height: 230px; }
.product2 .sidebar{ position: absolute; top: 0; left: 0; }
.product2 .productList{ margin-left: 280px; margin-bottom: 0; }
.sidebar .bar{ width: 160px; }
.aside .bar .row{ margin-bottom: 40px; }
.bar .row{ border-bottom: 1px solid #f1f1f1; }
.bar .row > .link{ padding: 20px 0; display: block; position: relative; }
.bar .row > .link:before,.bar .row > .link:after{ content: ''; position: absolute; background-color: #abc404; top: 50%; right: 5px; }
.bar .row > .link:before{ width: 10px; height: 2px; margin-top: -1px; }
.bar .row > .link:after{ width: 2px; height: 10px; margin-top: -5px; right: 9px; }
.bar .row > .link.active:after{ display: none; }
.bar dl{ display: none; padding: 7px 0; }
.bar dl dd{ padding: 7px 0; }
.product2 .box .captions{ /*position: static;*/ width: 100%; margin-left: 0; padding-top: 14px; padding-bottom: 14px; }
.product2 .box .pic{ overflow: hidden; position: relative; }
.product2 .inner{ margin: 0 -10px; }
.product2 .inner .row{ margin-bottom: 20px; }
.product2 .inner .box{ margin: 0 10px; }
.pic .line{ position: absolute; background-color: #f4f4f4; }
.pic .top,.pic .bottom{ width: 100%; height: 1px; }
.pic .right,.pic .left{ width: 1px; height: 100%; }
.pic .top{ top: 0; left: 0; }
.pic .right{ top: 0; right: 0; }
.pic .bottom{ bottom: 0; right: 0; }
.pic .left{ bottom: 0; left: 0; }
.productList img.lazy{ background: none; }
/*.productList .box:hover{ box-shadow: 2px 2px 15px 15px #f4f4f4; }*/
/* product2.css ----------------------------------------------- End */

/* product-detail.css */
.colour{ margin-top: 30px; }
.colour .box{ margin-top: 10px; }
.colour .color{ display: block; width: 24px; height: 24px; margin-right: 23px; float: left; cursor: pointer; }
.colour .color span{ display: table-cell; width: 24px; height: 24px; vertical-align: middle; text-align: center; }
.colour .color span em{ content: ''; display: block; width: 16px; height: 16px; border: 1px solid transparent; border-radius: 50%; margin: 0 auto; transition: all .6s ease; }
.colour .color1 span em{ background-color: #fff; border-color: #aaa; }
.colour .color2 span em{ background-color: #808080; }
.colour .radio{ display: none; }
.colour .radio:checked + label.color span em{ width: 22px; height: 22px; }
.btns{ display: block; width: 199px; height: 28px; border: 1px solid #abc404; border-radius: 5px; background-color: #fff; text-align: center; line-height: 28px; font-size: 14px; color: #abc404; margin-top: 38px; }
.btns:hover{ background-color: #abc404; color: #fff; } 

.goods{ padding-bottom: 50px; border-bottom: 1px solid #f1f1f1; }
.goods .info{ width: 552px; }
.goods .info .mgs{ margin-right: 96px; }
.goods .title{ padding-bottom: 20px; border-bottom: 1px solid #f1f1f1; }
.goods .title h3{ margin-top: 16px; }
.goods .price{ margin-top: 40px; }
.goods .pitc{ width: 548px; }
.goods .pitc .pic{ width: 100%; position: relative; }
.goods .pitc .pic img{ width: 100%; }
.goods .bx-pager{ overflow: hidden; margin-top: 18px; }
.goods .bx-pager .inner{ margin: 0 -6px; }
.goods .bx-pager .row{ display: block; width: 20%; float: left; }
.goods .bx-pager .box{ width: auto; margin: 0 6px; overflow: hidden; }
.goods .bx-pager .box .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f8f8f8; opacity: 0; }
.detail .video{ margin-top: 60px; }
.goods .bx-pager .row.active .box .bg{ opacity: .6; }
.goods .bx-pager .row.active .pic .line{ background-color: #abc404; }
.online-wrap{ padding-top: 45px; border-top: 1px solid #f1f1f1; margin-top: 57px; margin-right: 96px; }
.btn-online{ display: block; background: url(/images/ico_msg.png) no-repeat left 7px; line-height: 26px; padding-left: 30px; }
.goods_txt .title h5 p{ line-height: 26px !important; }

.parameter .link:hover{ color: #898989; }
/*.parameter .row{ margin-bottom: 20px; }*/
.parameter .row .txt{ display: none; margin-left: 254px; margin-bottom: 20px; }
.parameter .txt p{ font-size: 14px; color: #898989; line-height: 30px; letter-spacing: 2px; }
.parameter .txt h3{ color: #898989; }
.video{ position: relative; }
.btn_play{ display: block; position: absolute; width: 56px; height: 56px; top: 50%; left: 50%; margin-left: -28px; margin-top: -28px; background: url(/images/btn_play.png) no-repeat center center; }
.video:hover .btn_play{ transform: scale(1.1,1.1); }
.recommend h3{ text-align: center; font-size: 24px; color: #898989; margin-top: 90px; }
.recommend .productList{ margin-left: 0; margin-top: 55px; }
.recommend .productList .inner .row{ width: 25%; }
/* product-detail.css ----------------------------------------------- End */

/* partnership.css */
.partnership .txt p{ font-size: 14px; color: #898989; line-height: 24px; letter-spacing: 1px; }
.partnership .txt img{ display: inline-block; }
.partnership .pic img{ width: 100%; }
.partnership .pic{ margin-top: 30px; margin-bottom: 50px;}
.partnership .label{ margin-bottom: 15px; }
.partnership .label p{ line-height: 30px; height: 30px; }
.partnership .label span{ font-size: 20px; color: #4c4948; display: inline-block; height: 30px; float: left; margin-right: 36px; text-transform:capitalize; }
.partnership .label img{ display: inline-block; height: 30px; width: auto; margin-right: 30px; }
.partnership .inner{ margin-bottom: 50px; }
.partnership .inner:first-child .txt{ margin-top: 10px; }
.btn-more{ margin-top: -40px; }
.more{ width: 80px; float: right; margin-top: 0; }
/* partnership.css ----------------------------------------------- End */

/* jobs.css */
.jobs{ margin-top: 6px; }
.jobs .tt{ margin-bottom: 50px; }
.jobs .box{ padding: 0 30px; position: relative; }
.jobs .table{ margin-top: 45px; }
.jobs .pic img{ width: 100%; }
/* jobs.css ----------------------------------------------- End */

/* contact.css */
.map{ height: 400px; margin-top: 15px; }
.contact .txt{ margin-top: 20px; }
.contact .txt p{ font-size: 14px; color: #898989; line-height: 26px; }
/* contact.css ----------------------------------------------- End */

/* store.css */
.store .pic{ margin-top: 15px; }
.store .pic img{ width: 100%; }
.store .row .children{ margin-bottom: 25px; }
.store .word{ padding-left: 50px; background: url(/images/ico_04.png) no-repeat 5px 0px; margin-bottom: 35px; }
.store .word h3{ font-size: 16px; color: #898989; font-family: 'HelveticaBold',Arial,"Microsoft Yahei"; padding-top: 0; }
/* store.css ----------------------------------------------- End */

/* partner.css */
.business .inner{ margin-bottom: 9px; padding-top: 15px; }
.business .inner h3{ font-size: 20px; line-height: 28px; color: #4c4948; margin-bottom: 10px; }
.business .inner p{ font-size: 14px; line-height: 26px; color: #898989; }
.business .inner img{ margin-top: 60px; margin-left: auto; margin-right: auto; }
/* partner.css ----------------------------------------------- End */

/* video.css */
.List{ overflow: hidden; padding-top: 14px; }
.List .inner{ margin: 0 -20px; } 
.List .row{ width: 50%; float: left; margin-bottom: 60px; }
.List .row .box{ margin: 0 20px; }
.List .row .cover{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(231,231,231,.5); }
.List .row .figcaption{ padding: 10px 0; }
.List .row .figcaption dd.p4{ line-height: 36px; /*font-weight: bold;*/ }
/* video.css ----------------------------------------------- End */

/* pager.css */
.pager{ text-align: center; }
.pager a{ display: inline-block; width: 18px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #999; }
.pager a.itm{ position: relative; margin: 0 5px; }
.pager a.itm:before{ content: ''; display: block; width: 100%; height: 1px; background-color: #abc404; position: absolute; bottom: 0; left: 0; display: none; }
.pager a.btn-prev,.pager a.btn-next{ width: 45px; }
.pager a.btn-prev{ text-align: left; }
.pager a.btn-next{ text-align: right; }
.pager a:hover,.pager a.active{ color: #abc404; }
.pager a.itm:hover:before,.pager a.itm.active:before{ display: block; }
/* pager.css ----------------------------------------------- End */

/* news.css */
.List .row .box{ display: block; }
.newsList .pic{ margin-top: 0; overflow: hidden; }
.newsList .row .figcaption{ height: 55px; }
.newsList .row .figcaption dd.p5{ line-height: 20px; }
/* news.css ----------------------------------------------- End */

/* news-detail.css */
.news-detail > h3{ display: none }
.news-detail h3{ font-size: 20px; line-height: 50px; color: #4c4948; text-align: center; }
.news-detail .tite{ width: 347px; margin-left: auto; margin-right: auto; margin-bottom: 30px; padding-top: 14px; }
.news-detail .tite time{ font-size: 14px; color: #898989; margin-right: 20px; margin-top: 3px; }
.shop .activity{ font-size: 12px; color: #abc404; margin-right: 20px; margin-top: 2px; }
.news-detail .article{ margin-top: 8px; }
.news-detail .article p,.news-detail .article strong{ font-size: 14px; color: #898989; line-height: 28px; }
.news-detail .article img{ display: inline-block; width: 100%; margin-top: 14px; }
.share .bds{ display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; margin-right: 20px; }
.share .bds-tw{ background-image: url(/images/ico-tw.png); }
.share .bds-in{ background-image: url(/images/ico-in.png); }
.share .bds-facebook{ background-image: url(/images/ico-facebook.png); }
/* news-detail.css ----------------------------------------------- End */

/*code by geoff*/
.news-detail .tite{width: 400px;}
/*.page .main .content { margin-left: 0px;  }
.page .main {width: 1100px; margin: auto;}*/
.nav > li.active a span{ border-bottom:2px solid #f66100;}
.search-box {margin-bottom: 50px; min-height: 500px;}
.search-num {padding-top: 30px; margin-bottom: 30px; font-size: 16px;}
.search-num span{font-size: 20px; font-weight: bold;}
.search-row {padding: 35px 50px; margin-bottom: 20px; font-size: 14px; border-left: 4px solid #abc404; background-color: #f7f8fa;}
.search-row h4{margin-bottom: 20px; font-size: 16px;}
.search-row h4 a{color: #5f5f5f;}
.search-row p{color: #858585;}
.search-row:hover{margin-left: 10px; border-left: 4px solid #abc404;}
.transition { -webkit-transition: all .5s ease-out; transition: all .5s ease-out; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.news-detail .article h3{text-align: left;}


/* shopping.css */
.sub-nav{border-bottom: 1px solid #e7e7e7; }
.sub-nav #online{ width: 1100px; }
.sub-nav #online .row{ width: auto; margin-right: 53px; line-height: 90px; }
.sub-nav #online .row .captions{ margin-top: 0px; }
.sub-nav #online .row:hover .captions{ color: #abc404; }
.main-nav{ width: 732px; }
.nav > .ls4{ margin-right: 0px; }
.nav > .ls5{ margin-right: 35px; }
.productListNew{ margin-bottom: 0; }
.shoppin{ margin-top: 50px; }
.shoppin > h3{ font-size: 18px; color: #4c4948; margin-bottom: 14px; }
.shoppin .inner .box{ height: auto; margin: 7px; }
.productList .box .captions{ bottom: 20px; }
.productList .btns-wrap{ bottom: 15px; }
.bar-wrap{ margin-bottom: 50px; }
.bar-wrap .iem{ float: left; font-size: 14px; color: #aeaeae; margin-right: 50px; }
.bar-wrap .iem:hover{ color: #abc404; }
.productListMar{ margin-bottom: 40px; }
.productListMar > h3{ font-size: 16px; color: #4c4948; margin-bottom: 14px; }

/* shopping.css ------------- End*/


/* abel.css */
.flexslider{ position: relative; }
.flexslider .bx-controls-direction a{ position: absolute; top: 50%; width: 11px; height: 22px; margin-top: -11px; transition: all .6s ease; }
.flexslider .bx-controls-direction a.bx-prev{ left: 0; background: url(/images/btn_prev.png) no-repeat center center; }
.flexslider .bx-controls-direction a.bx-next{ right: 0; background: url(/images/btn_next.png) no-repeat center center; }
.flexslider .bx-controls-direction a.bx-prev:hover{ left: 0; background: url(/images/btn_prev_o.png) no-repeat center center; }
.flexslider .bx-controls-direction a.bx-next:hover{ right: 0; background: url(/images/btn_next_o.png) no-repeat center center; }
.flexslider .bx-controls-direction a.disabled{ display: none; }

.popup-cover{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); z-index: 2000;display: none }
.popup-cover .inner{ position: absolute; width: 700px; height: 400px; top: 50%; left: 50%; margin-top: -200px; margin-left: -350px; background-color: #fff;border-radius: 6px;}
.popup-cover .inner .txt{ font-size: 40px; color: #898989; text-align: center; line-height: 400px; }
.popup-cover .btn-close{ position: absolute; cursor: pointer; width: 60px; height: 60px; position: absolute; top: 10px; right: 10px; background: url(/images/btn_close.png) no-repeat center center; }

.sumaart{display: none}
strong{font-weight: bold;}
.ebs {position: absolute; bottom: 7px; right: 2px; width: 20px; height: 27px; }
.ebs img{width: 20px !important; height: auto !important;}
/*index.css*/
.Prerbox{position: relative; max-width:1100px; margin:10px auto 0; height:0;}
/*新闻*/
.wrapnews {width: 1100px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.clear {clear: both;}
.news{ margin-top:38px;}
.news .news-left{ width:466px;}
.news .news-right{ width:634px; background:#F2F2F2; height:231px;}
.newsbox{ padding:20px 30px 20px;}
.newsbox h2{ width:88px; height:31px; line-height:31px; font-size:16px; background:#dc280e; color:#fff; font-weight:normal; text-align:center; position:relative;}
.newsbox h2 i{ width:13px; height:8px;position:absolute; top:31px; left:35px;background-image:url(/images/newsico.png);background-repeat:no-repeat;background-position:center center;}
.newsbox .newbx{}
.newsbox .newbx h3{ }
.newbx h3 a{ font-size:16px;line-height:40px; color:#77BB0D;}
.newbx p{ font-size:12px;line-height:20px; color:#898989;}
.newbx .mores{ width:87px; height:31px;background:#77BB0D; text-align:center; margin-top:20px;}
.newbx .mores a{ color:#fff; line-height:31px; font-size:14px;}
.newbx .mores a:hover{ text-decoration: none; }
.newbx .podbot{ width:474px;}
.newbx .morestab{margin-top:20px;}
.newbx .morestab a{ margin-left:10px;}
.morestab img{ display: inherit;}
/*品牌简介*/
.introdu-left{ width:636px; height:230px; float:left;background:#F2F2F2;}
.introdu-right{ width:464px;float:left;}
.introdu{ margin-top:48px;}
/*视频播放*/
.playvod{ width:100%; margin-top:48px;text-align: center; position:relative;}
.playfengmian{ background:url(/images/logo-icon.png) #8dd4f3 center center no-repeat;background-size: 1000px; position:absolute; width:100%; height:100%; left:0; top:0;}
.playfengmian img{ width:144px; height:143px; position:absolute; top:50%; left:50%; margin-top:-72px; margin-left:-72px; cursor:pointer;}

/*feedback*/
.Frombd{ margin:0  auto 20px; min-height:160px;}
.Frombd .ribod h2,.Frombd .ribod p{ color:#000;}
.Frombd .ribod{border-left: 5px solid #00AAE7;}
.fackform{margin-top:10px; width:804px; margin-left: auto; margin-right:auto; margin-bottom:90px;}
.fackform ul li{ float:left; width:312px; height:32px; margin-top:20px;}
.fackform ul .bdnames{ width:80px; text-align:right; line-height:32px; padding-right:10px;}
.fackform ul li .g_input_text2{ width:308px; height:32px; border:1px solid #F1F1F1;}
.fackform ul .contextcs{ width:710px; height:100px;}
.fackform ul li .context{width:710px; height:100px; border:1px solid #F1F1F1;}
.fackform ul .sbtbut{width:110px; height:38px;line-height:38px;background:#75BA09; border:1px solid #fff;; float:left; color:#fff; cursor:pointer; margin-left:15px; margin-bottom:15px;}
.fackform ul .feedkf{display:block; border:1px solid #F1F1F1; width:110px; height:35px;line-height:35px; color:#1B1B1B; background:#FFFFFF; text-align:center; float:left;margin-bottom:15px;}

.header_m{ display: none;}
.footer_m{ display:none;}
@media screen and (max-width:1200px){

}
@media screen and (max-width:1140px){
.mini{}
.mirl{width: 1000px;}
.wrapnews{ max-width:1000px;}
.news .news-right{ width:534px;}
.introdu-left{ width:534px;}
.playvod embed{width:1000px;}
.newbx .mores{margin-top: 3px;}
/*list news*/
.main .content{ width:750px;}
}
@media screen and (max-width:1120px){
/*list news*/
.main .content{ width:720px;}
}
@media screen and (max-width:1118px){
.mirl{width: 980px;}
.wrapnews{ max-width:980px;}
.news .news-right{ width:514px;}
.introdu-left{ width:514px;}
.playvod embed{width:980px;}
.mini{ min-width:400px;}
}
@media screen and (max-width:1000px){
.mirl{width: 800px;}
.wrapnews{ max-width:800px;}
.news .news-right{ width:400px;}
.introdu-left{ width:400px;}
.playvod embed{width:800px;}
.btns-box{ display:none;}
.main-nav{ margin-left:190px; margin-right:0;width: 630px;}
.news .news-left{ width:400px; overflow:hidden;}
.introdu-right{ width:400px; overflow:hidden;}
.top-nav .nav > .item{margin: 0 40px;}
/*prouct show*/
.goods .info{ width:100%;}
.parameter .row .txt{ margin-left:0;}
.goods .pitc{ width:100%; margin-top:20px;}
/*list news*/
.aside{ width:192px;}
.main .content{ width:530px;}

.fackform{ width:100%;}
.fackform ul li{ width:38%;}
.fackform ul .bdnames{ width:10%;padding-right:2%;}
.fackform ul li .g_input_text2{ width:100%;}
.fackform ul .contextcs{ width:88%;}
.fackform ul li .context{ width:100%;}
}
@media screen and (max-width:902px){
.mirl{width: 730px;}
.wrapnews{ max-width:730px;}
.main-nav{ width:530px;}
.nav > .item,.nav > .ls4,.nav > .ls5{margin-right: 15px;}
.news .news-right{ width:435px;}
.introdu-left{ width:435px;}
.news .news-left{ width:295px;}
.introdu-right{ width:295px;}
.playvod embed{width:730px;}
.searchPopup,.language,.ebs{ display:none;}
.footer .inner .top-nav{ width:100%; margin:0;}
.top-nav .nav > .item:first-child{ width:19%; margin-left:3%; margin-right:3%;min-height:170px;}
.top-nav .nav > .item{ width:19%; margin-left:3%; margin-right:3%; min-height:170px;}
/*prouct list*/
.productListNew .inner .row{ width:33.33%;}
}
@media screen and (max-width:768px){
.header_m{ display: block;}
.footer_m{ display:block;}
.header{ display:none;}
.container{ display:none;}
.mirl{width: 96%;}
.wrapnews{ max-width:96%;}
.playvod embed{width:96%;}
.news .news-right{ width:55%;}
.introdu-left{ width:55%;}
.news .news-left{ width:45%;}
.introdu-right{ width:45%;}
.sub-nav .cont{width: 96%;}
/*list news*/
.aside{ width:100%; float:none;}
.main .content{ width:100%;float:none; margin-top:20px;}
.aside .nav{ max-width:200px; width:100%;}
.List .inner{ margin:0;}
.List .row .figcaption dd.p4{ line-height:24px;}

.fackform ul li{ width:100%;margin-top:4px;}
.fackform ul .bdnames{ width:100%;padding-right:0; text-align:left;}
.fackform ul .contextcs{ width:100%;}
.fackform ul .sbtbut{ width:50%; margin:0 auto 0; margin-left:25%;}
.fackform ul .feedkf{width:50%; margin:0 auto 20px; margin-left:25%;}
.fackform ul .smtjss{ height:auto;}

}
@media screen and (max-width:736px){
.newbx h3 a{ line-height:26px;}
}
@media screen and (max-width:650px){
/*prouct list*/
.productListNew .inner .row{ width:50%;}
.productListNew .inner .box{ height:388px;}
}
@media screen and (max-width:608px){

}
@media screen and (max-width:600px){
.classify .row{ width:50%; margin-bottom:10px;}
.news .news-right{ width:65%;}
.introdu-left{ width:65%;}
.news .news-left{ width:35%;}
.introdu-right{ width:35%;}
}
@media screen and (max-width:580px){
/*prouct show*/
.parameter .row .txt img{ max-width:100%; width:auto; height:auto;}
}
@media screen and (max-width:530px){
.news .news-right{ width:100%;}
.introdu-left{ width:100%;}
.news .news-left{ width:100%;}
.introdu-right{ width:100%;}
.news .news-left img,.introdu-right img{ width:100%; height:auto;}
.top-nav .nav > .item:first-child{ width:27%; margin-left:3%; margin-right:3%;min-height:170px;}
.top-nav .nav > .item{ width:27%; margin-left:3%; margin-right:3%; min-height:170px; margin-bottom:10px;}
.mini{ min-width:0px;}

.footer{padding-bottom: 0px;}
}
@media screen and (max-width:485px){
/*prouct list*/
.productListNew .inner .box{ height:320px;}
}
@media screen and (max-width:470px){
.footer_m .copyright, .footer_m .beian{font-size: 0.9em;}
}
@media screen and (max-width:450px){
/*prouct list*/
.productListNew .inner .box{ height:290px;}

.news-detail .tite{ width:100%;}
}
@media screen and (max-width:414px){
.footer_m{padding-top:6px;padding-bottom:6px;}
/*list news*/
.List .row{ width:100%;}

.top-nav .nav > .item{text-align: center;}
}
@media screen and (max-width:400px){
.footer_m .copyright, .footer_m .beian{font-size:12px;}
/*prouct list*/
.productListNew .inner .box{ height:255px;}
}
@media screen and (max-width:360px){
.top-nav .nav > .item:first-child{ width:44%; margin-left:3%; margin-right:3%;min-height:170px;}
.top-nav .nav > .item{ width:44%; margin-left:3%; margin-right:3%; min-height:170px; margin-bottom:10px;}
}
@media screen and (max-width:300px){
/*prouct list*/
.productListNew .inner .row{ width:100%;}
.productListNew .inner .box{ height:255px;}
}