@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, tr, th, td, input, textarea { margin: 0; padding: 0; }
body { color:#333; font-family: "微软雅黑"; font-size:12px; font-weight:normal; background:#fff;}
img { border:0; }
a { text-decoration:none; color:#333; }
h2 { font-size:16px; }
ul,li { list-style:none; }
.clear { clear:both; }
.center { margin-left:auto; margin-right:auto; }
.width100 { width:100%; }
.width { width:1200px; }
.float_left { float:left; }
.float_right { float:right; }
.text_center { text-align:center; }
.text_right { text-align:right; }
.color_999 { color:#999; }
.color_red { color:#e60012; }
.space_5 { height:5px; overflow:hidden; }
.space_10 { height:10px; overflow:hidden; }
.space_20 { height:20px; overflow:hidden; }

.arrow_down { width:0; height:0; border:4px solid #666; border-color:#666 transparent transparent transparent; display:inline-block; border-style:solid dashed dashed dashed; position:relative; }
.arrow_right { width:0; height:0; border:4px solid #666; border-color:transparent transparent transparent #666; display:inline-block; border-style:dashed dashed dashed solid; position:relative; left:0;}
.search_icon { display:inline-block; width:24px; height:24px; background:url(/images/icons.png) -2px -3px no-repeat; cursor:pointer; }
.icon_plus{height:14px; width:14px; display:inline-block; position:relative; top:2px; right:3px; cursor:pointer; } 
.icon_plus:before, .icon_plus:after{content:''; height:2px; width:14px; display:block; background:#333; position:absolute; top:6px; left:0px;}
.icon_plus:after{ height:14px; width:2px; top:0; left:6px; }
.contact_icon { display:inline-block; width:51px; height:51px; background:url(/images/icons.png) -67px 0 no-repeat; position:relative; top:10px; left:10px; }


.header-box{width:100%; border-bottom:1px solid #d5d5d5; }
.header-box .logo{position:relative; padding:20px 0; }
.header-box .logo img { height:60px; }
.header-box .menu { margin-top:20px; }
.header-box .menu ul li { float:left; height:60px; line-height:60px; margin-right:30px; }
.header-box .menu ul li a { display:block; height:100%; font-size:18px; transition:all 0.3s linear; text-transform:uppercase; }
.header-box .menu ul li a.current,.header-box .menu ul li a:hover { color:#284fb6; }
.header-box .menu .language_box{ margin-right:0; width:160px; padding-top:16px; }
.header-box .menu .language_box a{ float:left; width:80px; text-align:center; height:26px; line-height:26px; font-size:14px;}
.header-box .menu .language_box a:first-child {  background:#eee; border-top-left-radius:13px;  border-bottom-left-radius:13px; }
.header-box .menu .language_box a:nth-child(2) {  background:#eee; border-top-right-radius:13px;  border-bottom-right-radius:13px; }
.header-box .menu .language_box a.current { background:#e60012; color:#fff; }
/*.header-box .nav{width:100%; background:#303c49; padding:0;}
.header-box .nav .menu{font-size:16px;}
.header-box .nav .menu:after{content:''; display:block; clear:both;}
.header-box .nav .menu > ul > li{float:left; line-height:46px;}
.header-box .nav .menu > ul > li.position_relative{position:relative;}
.header-box .nav .menu > ul > li.position_relative:after{content:''; display:block; border:3px solid #fff; border-color:transparent #cacaca #cacaca transparent; position:absolute; top:20px; right:16px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.header-box .nav .menu > ul > li a{color:#fff; line-height:46px; display:block; height:46px; padding:0 20px; text-transform:uppercase;  transition:all 0.3s linear; }
.header-box .nav .menu > ul > li a:hover{color:#fff; background:#e60012;}
.header-box .nav .menu > ul > li:hover ul { display:block; }
.header-box .nav .menu > ul > li ul {position:absolute; z-index:9999; top:46px; left:0; background:#264c8b; display:none; width:300px;}
.header-box .nav .menu > ul > li ul li a { border-bottom:1px solid #264c6c; text-transform:none; }
.header-box .nav .menu > ul > li ul li:last-child a { border-bottom:none; }


.header-box .search{position:relative; top:10px; width:200px; float:right;}
.header-box .search input{width:100%; height:24px; border-radius:24px; text-indent:10px; border:1px solid #ccc; background-color:#fff;}
.header-box .search img{width:16px; height:16px; position:absolute; right:0; top:0px; padding:5px 4px 1px 2px;}*/

.index-title { font-size:20px; line-height:50px; margin-top:24px; text-align:center; text-transform:uppercase; }
.index-title:before { content:"———"; padding:0 10px; background: #333; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.index-title:after { content:"———"; padding:0 10px; background: #333; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
/*.index-category li { width:380px; float:left; margin-right:30px; height:157px; height:380px; text-align:center; margin-bottom:30px; background-size:cover; background-repeat:no-repeat;}
.index-category li:nth-child(3n) { margin-right:0; }
.index-category li a { line-height:380px; color:#fff; font-size:20px; display:block; width:100%; height:100%; transition:all 0.3s linear; }*/
/*.index-category li { width:276px; float:left; margin-right:32px; height:276px; text-align:center; margin-bottom:30px; background-size:cover; background-repeat:no-repeat;}
.index-category li:nth-child(4n) { margin-right:0; }
.index-category li a { line-height:276px; color:#fff; font-size:20px; display:block; width:100%; height:100%; transition:all 0.3s linear; }
.index-category li a:hover { background:rgba(0,0,0,.5); color:#fff; }*/
.index-category li { width:276px; float:left; margin-right:32px;  margin-bottom:30px; font-size:14px; position:relative; }
.index-category li img { width:100%; height:276px; }
.index-category li:nth-child(4n) { margin-right:0; }
.index-category li > a { transition:all 0.3s linear; position:absolute; display:block; width:100%; height:276px; background:none; z-index:2;  }
.index-category li > a:hover { background:rgba(0,0,0,.5);  }
.index-category li p a { color:#1a80b6; }
.index-category li p a:hover { color:#284fb6; font-weight:bold; }
.a_img {  
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s
}
.a_img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}


.scroll { margin:auto; position:relative; overflow:hidden; width:100%; }
.scroll #slider { overflow:hidden; }
.scroll #position { position:absolute; bottom:6px; display:block; width:100%; text-align:center;}
.scroll #position em { display: inline-block; width:10px; height:10px; margin:0px 3px; text-indent:-9999px; background:#fff; border-radius:10px; overflow:hidden; }
.scroll #position em.on { background:#e60012; }
.scroll .swipe { overflow: hidden; visibility: hidden; position: relative; }
.scroll .swipe-wrap { overflow: hidden; position: relative; }
.scroll .swipe-wrap .swipelist { float:left; width:100%; position:relative; }
.scroll .swipe-wrap .swipelist img { width:100%; height:100%; vertical-align:bottom; }
.scroll a#prev, .scroll a#next { background:rgba(0,0,0,0); outline:none; display:block; height:60px; width:60px; color:#666; text-decoration:none; position: absolute; top:50%; margin-top:-30px; z-index:10000; }
.scroll a#prev { left:0px; }
.scroll a#next { right:0px; }
.scroll a#prev:after, .scroll a#next:after { content:''; top:20%; position: absolute; width:40px; height:40px; border-color:#fff; border-style:solid; border-width:0 2px 2px 0; }
.scroll a#prev:after { left:20px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.scroll a#next:after { right:20px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

/*index*/
.index-box{width:100%;}
.index-box .content-box{}
.index-box .content-box:after{content:''; display:block; clear:both;}
.index-box .productlist .item{margin-bottom:20px;}
.index-box .productlist .item:after,.index-box .productlist .subject:after{content:''; display:block; clear:both;}

.index-box .productlist .item .p{width:285px; height:310px; padding:10px; margin-right:20px; float:left; background:#fff; box-sizing:border-box; overflow:hidden; margin-bottom:20px; }
.index-box .productlist .item .p .thumbs{display:block; overflow:hidden;}
.index-box .productlist .item .p .name{line-height:32px; width:210px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.index-box .productlist .item .p .name a { color:#333; font-size:14px; }
.index-box .productlist-new{margin-top:10px}
.index-box .productlist-new .item .p:nth-child(4n){margin-right:0;}
.index-box .productlist-new .item .p .thumbs{overflow:hidden; display:block;}
.index-box .productlist-new .item .p .thumbs,.index-box .productlist-new .item .p img{width:265px; height:265px;}
.index-box .productlist-new .item .p .name{width:202px;}



.about-content,.contact-content,.brand-content{line-height:26px; margin-bottom:100px; color:#333;}
.about-content .title,.contact-content .title{line-height:44px; font-weight:bold; padding-left:20px; margin-bottom:20px; box-sizing:border-box; background:#303c49; color:#fff; font-size:14px;}
.about-content img,.contact-content img,.brand-content img{max-width:100%;}
.contact-content .map{width:100%; overflow:hidden; margin-bottom:30px;}
.contact-content .map img{width:100%;}
.contact-content .feedback .form{padding-left:40px; padding-bottom:20px; box-sizing:border-box;}
.contact-content .feedback .form input,.contact-content .feedback .form textarea{background:#e3e3e3; border:1px solid #b4b4b4; height:30px; margin-bottom:10px; text-indent:10px; width:400px; border-radius:2px;}
.contact-content .feedback .form textarea{height:100px; padding-top:10px;}
.contact-content .feedback .form .btn{background:#303c49; transition:all 0.3s linear; border-radius:4px; width:100px; text-align:center; text-indent:0; color:#fff; cursor:pointer;}
.contact-content .feedback .form .btn:hover { background:#e60012; }
.brand_page-nav{margin-bottom:100px;}
.brand_page-nav dd{border-bottom:1px solid #f1f1f1; display:flex; align-items:center; justify-content:center; width:100%;}
.brand_page-nav .on{background:#fff;}

.fast-menu{width:260px;; }
.fast-menu{background:#e3e3e3; padding-bottom:90px;font-size:14px;}
.fast-menu dt{width:100%; background:#303c49; line-height:44px; text-align:center; color:#fff;}
.fast-menu dd{line-height:50px; border-bottom:1px solid #fff; color:#333; padding-left:60px; box-sizing:border-box; position:relative;}
.fast-menu dd:after{content:''; display:block; position:absolute; top:22px; right:40px; border:4px solid #333; border-color: #333 #333 transparent transparent; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.fast-menu dd.on,.fast-menu dd.on a{color:#e60012;}
.fast-menu dd.on:after{border-color: #f29605 #e60012 transparent transparent;}
.fast-menu a { color:#303c49; }
.fast-menu a:hover{color:#284fb6; font-weight:bold;}

.products-box .head{background:#fff; margin-bottom:50px; padding:0 20px 20px 20px; box-sizing:border-box; color:#333;}
.filter-box{background:#f1f1f1;}
.filter-result-title{line-height:46px; padding:0 20px; box-sizing:border-box;}
.filter-result-title .category{font-size:20px; color:#f29605; padding-right:10px; max-width:550px; white-space:nowrap; display:block; float:left; text-overflow:ellipsis; overflow:hidden;}
.filter-title{line-height:46px; border-top:1px solid #f1f1f1;}
.filter-box .tb{width:100%; background-color:#ccc;}
.filter-box .column{border-top:1px solid #ccc;}
.filter-box .content .item-title{float:left; width:100px; text-align:center;}
.filter-box .item{float:left;padding:4px 10px; background:#fff; border:1px solid #ccc; margin-right:6px;color:#333; margin-bottom:10px;}
.filter-box .item.on{border:1px solid #f29605;}
.filter-box .name{background:#f1f1f1; text-align:center; height:50px; width:100px; color:#333;}
.filter-box .brand-list,.filter-box .category-list,.filter-box .price-list{background:#f1f1f1;padding:20px 20px 10px; }
.products-box .nav {height:40px; line-height:40px; border-bottom:4px solid #f29605; font-size:14px;}
.products-box .nav .item{float:left; padding:0px 40px; color:#333;}
.products-box .nav .item.on{background:#f29605; color:#fff;}
.products-box .nav .item.price{position:relative;}
.products-box .nav .item.price:before{content:''; display:block; width:0px; border:3px solid; border-color:#333 #333 transparent transparent; position:absolute; right:26px; top:16px; transform:rotate(-45deg);}
.products-box .nav .item.price:after{content:''; display:block; width:0px; border:3px solid; border-color:transparent #333 #333 transparent; position:absolute; right:26px; bottom:16px; transform:rotate(45deg);}
.products-box .nav .item.price.on:before{border-color:#999 #999 transparent transparent;}
.products-box .nav .item.price.on:after{border-color:transparent #999 #999 transparent;}
.products-box .nav .item.price.on.min:before{border-color:#fff #fff transparent transparent;}
.products-box .nav .item.price.on.max:after{border-color:transparent #fff #fff transparent;}

.products-box .productlist .p-item{float:left; margin-bottom:10px; margin:10px; box-sizing:border-box;}
.products-box .productlist .p-item .thumbs,.products-box .productlist .p-item .thumbs img{width:220px; }
.products-box .productlist .p-item .thumbs{display:block; overflow:hidden;}
.products-box .productlist .p-item .name{line-height:22px; height:22px; width:220px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#page{text-align:center; padding:6px; line-height:20px;}
#page:after{content:''; display:block; clear:both;}
#page p{color:#ccc;}
#page p ,#page a{display:inline-block; border:1px solid #ccc; padding:4px 10px;margin-right:6px;}
#page .pageRemark{border:0; margin-right:0; color:#666;}
#page .cur{background:#f29605; border-color:#f29605; color:#fff;}


h1.title { font-size:24px; text-align:center; font-weight:normal; color:#333; }
h1.title:before { content:"———"; padding:0 10px; background: #333; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
h1.title:after { content:"———"; padding:0 10px; background: #333; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

#wdimagesview-mask { position: fixed; width: 100%; height: 100%; background:  rgba(0,0,0,0.5) !important; filter:Alpha(opacity=70); background: #000; display: none; z-index: 9999;top: 0;left: 0;}

#wdimagesview-main { position: fixed; width: 400px; height: 300px; background: #fff url(/images/load.gif) no-repeat center; background-size: 80px 80px;  left: 50%; margin-left: -200px; top: 50%; margin-top:-150px; display: none; z-index: 10000;border-radius: 7px;overflow: hidden;}
#imgbox { width: 100%; height: 100%; position: relative;}
#imgbox img { width: 100%; display: none;}
#imgtitle { position: absolute; left:10px; top:10px; padding: 10px; min-width:150px; max-width:300px; border-radius:3px; background: #000; opacity: 0.5; filter:alpha(opacity=50); color: #fff; line-height: 25px; font-size: 13px; font-family: '微软雅黑';}

#wdimagesview-closed { width: 60px; height: 60px; position: fixed; top: 15px; right: 15px; background: url(/images/closed.png) no-repeat center; transition: all 0.3s; cursor: pointer; display: none; z-index: 10000}
#wdimagesview-closed:hover { transform:  rotate(180deg);}

.wdimagesview-arr { width: 49px; height: 49px; position: fixed;  background: url(/images/arrows.png) no-repeat; top: 50%; margin-top:-24px; opacity: 0.4; filter:alpha(opacity=40); cursor: pointer; display: none; z-index: 10000}
.wdimagesview-arr:hover :last-child{ opacity: 0.8; filter:alpha(opacity=80);}


/*.search_box { display:none; width:178px; margin-top:18px; border:1px solid #666; }
.search_box { position:relative; background:#fff; border-radius:18px; height:32px; }
.search_box input[type=text] { border:none; height:30px; width:125px; position:absolute; left:18px; }
.search_box input[type=submit] { background:#91d425; border:none; border-radius:16px; height:28px; width:28px; color:#fff; display:block; position:absolute; right:2px; top:2px; font-family:Arial; text-align:center; text-indent:0; padding:0; font-size:11px; font-weight:bold; cursor:pointer; }
.search_box input[type=submit]:hover { background:#333; }*/

.banner { list-style:none; position:relative; z-index:1; }

.textnav { line-height:42px; border-bottom:2px solid #d5d5d5; background:#fff; padding:0 25px; font-size:14px; width:1150px; text-transform:uppercase; }
.textnav a:hover { color:#91d425; }

/*** news ***/
.newslist ul li { padding-top:30px; border-bottom:1px solid #eaeaea; padding-bottom:30px; margin-right:0; }
.newslist ul li.last { border:none; }
.newslist ul li h2 { font-family:'微软雅黑'; font-size:16px; font-weight:normal; padding-bottom:10px; }
.newslist ul li h2 a:hover { color:#e6002d; }
.newslist ul li p { color:#6C6C6C; line-height:22px; font-size:12px;  word-break:break-all;word-wrap:break-word; }
.newslist ul li dl dt,.newslist ul li dl dd { float:left; }
.newslist ul li dl dd { padding-left:20px; width:580px; text-align:left; }
.icon_click { display:inline-block; width:19px; height:13px; background:url(/html/images/view.png) no-repeat; background-size:19px 13px; position:relative; top:2px; }
.icon_adddate { display:inline-block; width:14px; height:14px; background:url(/html/images/time.png) no-repeat; background-size:14px 14px; position:relative; top:2px; }


.wrap{ overflow:hidden; background:#fff; }
.rightcontent,.leftmenu{ margin-bottom:-10000px; padding-bottom:10000px;}
.rightcontent{ float:right; width:826px; background:#fff; margin-right:30px; }

.rightcontent .series_header { text-transform:uppercase; height:40px; background:#91d425;width:806px; font-size:16px; font-weight:normal; line-height:40px; color:#fff; margin-bottom:25px; padding:0 10px; }
.rightcontent .series_header a { color:#fff; }

.rightcontent .product_content ul.newproductlist li { float:left; height:243px; width:260px; margin-right:23px; margin-bottom:20px; list-style:none; }
.rightcontent .product_content ul.newproductlist li dt img { width:260px; height:173px; vertical-align:bottom; }
.rightcontent .product_content ul.newproductlist li dl dd { width:260px; }
.rightcontent .product_content ul.newproductlist li dl dd.product_name { display:table; }
.rightcontent .product_content ul.newproductlist li dl dd.product_name a { display:table-cell; vertical-align:middle; height:70px; background:#d9d9d9; font-weight:bold; width:250px; text-align:center; font-size:14px; padding:0 5px; }
.rightcontent .product_content ul.newproductlist li dl dd.product_name a:hover { background:#91d425; color:#333; }

.detail_rightbox { width:580px; }
.detail_rightbox h1 { font-size:30px; }
.detail_rightbox .features { line-height:24px; color:#575757; }

.detail_title { height:44px; background:#91d425; line-height:44px; text-indent:10px; font-size:16px; color:#fff; }

.detail_content ul.newproductlist li { float:left; width:285px; margin-right:20px; margin-bottom:20px; list-style:none; }
.detail_content ul.newproductlist li dt img { width:285px; height:173px; vertical-align:bottom; }
.detail_content ul.newproductlist li dl dd { width:285px; }
.detail_content ul.newproductlist li dl dd.product_name { display:table; }
.detail_content ul.newproductlist li dl dd.product_name a { display:table-cell; vertical-align:middle; height:70px; background:#d9d9d9; font-weight:bold; width:275px; text-align:center; font-size:14px; padding:0 5px; }
.detail_content ul.newproductlist li dl dd.product_name a:hover { background:#91d425; color:#333; }

.inquiry_box { width:500px; line-height:32px; }
.inquiry_box input[type=text] { border:1px solid #D5D5D5; text-indent:5px; width:400px; height:32px; line-height:32px; background:#fff; margin-top:1px\9; }
.inquiry_box textarea { border:1px solid #D5D5D5; width:400px; height:80px; }

/**** page *****/
.pagination {  }
.pagination a { border: solid 1px #000; color: #000; }
.pagination a, .pagination span { display: block; float: left; padding: 5px 10px; margin-right: 5px; margin-bottom: 5px; }
.pagination .page_current { background: #91d425; color: #fff; border: solid 1px #000; }
.pagination .page_current.prev, .pagination .page_current.next{ color:#999; border-color:#999; background:#fff; }


/* buttons */
.button_green,.button_black { position: relative; display: inline-block; padding:0;min-width:200px;  border: 0px solid #d4d4d4; margin: 0; text-decoration: none; text-align: center; color: #fff;  white-space: nowrap; cursor: pointer; outline: none; background-color: #91d425; border-radius:3px; height:44px; line-height:44px; font-size:20px; text-transform:uppercase; }
.button_black { background:#1f1a17; }
.button_price { border:2px solid #eaeaea; background:#fff; padding:3px 10px; font-size:16px; cursor:pointer; margin-right:5px; }
.small { height:24px; border-radius:1px; min-width:70px; font-size:12px; line-height:24px; }
.button_green:hover { background:#00a73c; }

.input { border:1px solid #D5D5D5; padding-left:5px; height:32px; line-height:32px; background:#fff; margin-top:1px\9; }
textarea { border:1px solid #D5D5D5; }

.footer { background:#303c49; color:#CCC; line-height:24px; }
.footer a { color:#6c6c6c; text-transform:uppercase; }
.footer span { padding:0 3px; }
.footer span a { color:#fff; transition:color 0.2s linear; }
.footer span a:hover { color:#284fb6; }

.sidebar{ position: fixed; right: 0; bottom: 100px;  width: 55px; background: rgba(0,0,0,0.5); padding: 10px 0; border-radius:10px 0 0 10px; z-index:9999; }
.sidebar li{ height: 50px; width: 176px; border-radius:5px 0 0 5px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	list-style-type:none;
}
.sidebar li img{ display: block;}
.sidebar li:hover{ margin-left: -120px; background: rgba(0,0,0,0.8);  list-style-type:none;}