@charset "utf-8";
/* X CSS Document Y */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,img{margin:0;padding:0;}
a{color:#666;text-decoration:none}
ul,li{list-style:none; margin:0px; padding:0px;}
img{border:0; vertical-align:middle;}
em{ font-style:normal;}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;}
textarea {-webkit-appearance: none;} 
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/*html{font-size: 62.5%;}
@media only screen and (min-width: 481px){
    html{font-size: 94%!important; }
}
@media only screen and (min-width: 561px){
    html{ font-size: 109%!important;}
}
@media only screen and (min-width: 641px){
    html{font-size: 125%!important;}
}
*/

.web{color:#666; font-size:12px; font-family:"microsoft yahei"; -webkit-text-size-adjust:100%; line-height:25px;overflow:hidden;}
.web img{ max-width:100%; }
.wrap{ width:1100px; margin:0 auto;}
.header{ overflow:hidden; position:relative; text-align:center; margin-top: 15px; margin-bottom:10px; height:80px;}
.header .left{ position:absolute; z-index:100; left:0; top:15px; font-size:16px; line-height:30px; color:#858585; text-align:left;}
.header .left span{ font-size:20px;}
.header .right{ position:absolute; z-index:100; right:0; top:15px; font-size:14px; line-height:30px; color:#858585; text-align:left;}
.header .right a{ color:#858585;}
.header .bar{ clear:both; overflow:hidden; margin-bottom:5px;}
.header .search{  height:26px; padding:1px; border:#ccc 1px solid; float:right; background:#fff;}
.header .search_text{ border:none; background:#fff; width:100px; height:26px; float:left; outline:none;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; padding:0 3px;}
.header .search_text:focus{width:180px;}
.header .search_btn{ width:26px; height:26px; background:url("../images/search_icon.jpg")/*tpa=images/search_icon.jpg*/ no-repeat 0 0; float:left; border:none; cursor:pointer; outline:none;}
.nav ul{ line-height:35px; height:35px; width:100%; position:relative;border-bottom:#ccc 1px solid; }
.nav li{ display:inline-block; width:16%; float:left; text-align:center; }
.nav li>a{ display:block; font-size:18px; color:#666; background:rgba(255,255,255,1);-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out; }
.nav li>a:hover,.nav li.cur>a{ color:#000;background:rgba(0,0,0,0.1);}
.nav li:hover .nav_next,.nav li.cur .nav_next,.nav li.cur1 .nav_next{ z-index:101; display:block;}
.nav li.cur .nav_next{ z-index:100;}
.nav_next{ position:absolute; top:35px; left:0; width:100%; z-index:100; min-width:500px; line-height:40px; text-align:left; background:rgba(255,255,255,1); text-align:center; display:none; }
.nav_next a{ color:#aaa; font-size:14px; padding:0 15px;-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.nav_next a:hover{ color:#333;}
.main{ overflow:hidden;}
.main .silder{ overflow:hidden;}
.main .silder img{ float:left;}
.main .lists{ overflow:hidden;}
.main .lists img{ float:left;}
.main .lists dl{ width:50%; float:left; background:#383838;}
.main .lists dt{ text-align:center; color:#fff; font-size:20px; margin-top:50px;}
.main .lists dt p{ margin-bottom:25px;}
.main .lists dt span{ font-size:12px;text-transform:uppercase; color:#bbb;}
.main .lists dt a{ display:inline-block; border-bottom:#fff 1px solid; color:#fff; font-size:16px;}

.index_banner{margin-top:15px}

.product{ overflow:hidden; margin-top:40px;}
.product .item{ border-bottom:#000 1px solid; padding:15px 0; overflow:hidden;}
.product .left{ float:left; width:554px; margin-right:55px;}
.product .right{ overflow:hidden; position:relative; }
.product .more{ width:40px; height:40px; line-height:20px; border:#ccc 1px solid; color:#ccc; text-align:center; font-size:12px; display:block; padding:0 5px; margin-bottom:20px; margin-top:20px;}
.product .title{ font-size:26px; line-height:30px; color:#000; margin-bottom:15px;}
.product .title span{ font-size:20px;}
.product .detail{ margin-bottom:15px; font-size:14px; color:#000;}
.product .btn{ overflow:hidden;}
.product .btn a{ width:142px; height:36px; line-height:36px; border:#000 1px solid; margin-right:5px; background:#fff; text-align:center; color:#000; display:inline-block;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.product .btn a:hover{ background:rgba(0,0,0,0.7); color:#fff;}
.product .buy{ position:absolute; z-index:100; bottom:0; right:20px;line-height:38px; width:108px; display:block; background:#ff0000; color:#fff; text-align:center; font-size:14px;}

.product2{ overflow:hidden; margin-top:15px; line-height: 1.5}
.product2 .banner{ overflow: hidden; text-align: center; }
.product2 .item{ border-bottom:#ddd 1px solid; padding:15px 0; overflow:hidden;}
.product2 .left{ float:left; width:492px;}
.product2 .right{ overflow:hidden; position:relative; padding: 0 30px; }
.product2 .more{ width:35px; height:40px; line-height:20px; border:#ccc 2px solid; color:#ccc; text-align:center; font-size:12px; display:block; padding:0 5px; position: absolute; top: 50px; right: 30px; z-index: 100;  }
.product2 .title{ font-size:28px; line-height:1; color:#4f4f4f; padding-bottom: 15px; border-bottom: #000 1px solid; margin-bottom:15px; margin-top: 50px;}
.product2 .title span{ font-size:16px;}
.product2 .detail{ font-size:14px; line-height: 2.2; color:#606060; min-height: 190px; overflow: hidden;}
.product2 .attr{ color: #acacac; font-size: 14px; border-bottom: #d8d8d8 1px solid; padding-bottom: 5px; margin-bottom: 5px; }
.product2 .price{ color: #4f4f4f; font-size: 60px; }
.product2 .price s{ font-size: 30px; text-decoration:none; }
.product2 .buy{ position:absolute; z-index:100; bottom:30px; right:45px;line-height:45px; height: 45px; width:160px; display:block; background:#ff0000; color:#fff; text-align:center; font-size:20px;}



.addcart_box{position:fixed; top:0; left:0;z-index:9999; background:rgba(0,0,0,0.5); width:100%; height:100%; font-size:14px;}
.addcart{ max-width:100%; padding:20px 20px; position:fixed; top:50%; margin-top:-200px; left:50%; margin-left:-250px; z-index:10000; background:#fff; box-shadow:rgba(0,0,0,0.5) 2px 2px 3px;}
.addcart .title{ padding-bottom:15px; border-bottom:#333 1px solid; color:#000;font-size:25px; line-height:25px; font-weight:normal;}
.addcart .title span{ font-size:14px;}
.addcart .close{ width:31px; height:31px; display:block; position:absolute; top:30px; right:35px; z-index:10000; background:url("../images/close_icon.jpg")/*tpa=images/close_icon.jpg*/ no-repeat 0 0;}
.addcart .con{ padding:25px 0; overflow:hidden;}
.addcart .nums{ padding-bottom:15px; border-bottom:#eee 1px solid; color:#666;}
.addcart .nums a{ width:30px; height:30px; text-align:center; border:#ccc 1px solid; display:inline-block; vertical-align:middle; font-size:20px; line-height:30px; font-weight:bold;}
.addcart .nums input{ width:50px; height:30px; text-align:center; border:#ccc 1px solid; display:inline-block; margin:0 5px; vertical-align:middle; font-size:14px;}
.addcart .price{ font-size:30px; line-height:35px; color:#000; font-weight:bold; padding:40px 0;border-bottom:#eee 1px solid;}
.addcart .attr{ padding:15px 0;border-bottom:#333 1px solid; color:#999;}
.addcart .addcart_btn{line-height:38px; width:108px; display:block; background:#333; color:#fff; text-align:center; font-size:14px; margin:0 auto;}

.news{ overflow:hidden; margin-top:40px;}
.news .item{ border-bottom:#dddddd 1px solid; padding:15px 0; overflow:hidden;}
.news .left{ float:left; width:553px; margin-right:55px;}
.news .right{ overflow:hidden;}
.news .date{ color:#7f7f7f; font-size:23px;margin-bottom:15px; margin-top:60px;}
.news .title{ font-size:26px; line-height:30px; color:#000; margin-bottom:15px;}
.news .detail{ margin-bottom:15px; font-size:14px; color:#000;}
.news .btn{ overflow:hidden;}
.news .btn a{ width:142px; height:36px; line-height:36px; border:#000 1px solid; margin-right:5px; background:#fff; text-align:center; color:#000; display:inline-block;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.news .btn a:hover{ background:rgba(0,0,0,0.7); color:#fff;}

.about{overflow:hidden; margin-top:15px; position:relative; width:100%; background-image:url("../images/brand_background.jpg");}


/*- 焦点图 -*/
.owl-controls{overflow: hidden;}
.owl-nav{ width: 100%; text-align: center; overflow: hidden; }
.owl-prev{ position:absolute; z-index:100; top:50%; margin-top:-30px; left:0;width:40px; height:60px; background:url("../images/prev.jpg")/*tpa=images/prev.jpg*/ no-repeat 0 0; overflow:hidden; display:block; text-indent:-999em; cursor:pointer;}
.owl-next{ position:absolute; z-index:100; top:50%; margin-top:-30px; right:0;width:40px; height:60px; background:url("../images/next.jpg")/*tpa=images/next.jpg*/ no-repeat 0 0;  overflow:hidden; display:block; text-indent:-999em; cursor:pointer;}


.footer{ width:100%; height:50px; border-top:#eee 1px solid; margin-top:20px; padding:15px 0;}
.footer>div{ position:relative;}
.footer .site{ line-height:30px; font-size:14px; margin-top:10px; }
.footer .site a,.footer .site span{ padding:0 5px; display:inline-block;}
.footer .copy{line-height:30px; font-size:14px;}
.footer .copy a,.footer .copy span{ padding:0 5px; display:inline-block;}
.footer .copy code{ color:#e5e5e5;}
.footer .xinlang_icon{ width:28px; height:21px; display:inline-block; vertical-align:middle; background:url("../images/xinlang_icon.jpg")/*tpa=images/xinlang_icon.jpg*/ no-repeat 0 0; margin-left:2px;}
.footer .gongshang_icon{ width:40px; height:40px; display:inline-block; vertical-align:middle; background:url("../images/gongshang_icon.jpg")/*tpa=images/gongshang_icon.jpg*/ no-repeat center 0;}
.footer .wx{ position:absolute; z-index:100; top:-10px; right:0;}

.subs_nav{ line-height:45px; font-size:16px; color:#9fa0a0;}
.subs_nav a{ color:#9fa0a0;}

.article{ margin:10px 0 20px; overflow:hidden; width:775px; float:left;}
.article .aheader{ border-bottom:#ccc 1px solid; padding:10px 0; overflow:hidden; position:relative;}
.article .aheader h4{ font-size:24px; line-height:30px; color:#333;}
.article .aheader .time{ color:#9fa0a0; font-size:16px;}
.article .aheader .xinlang{ width:24px; height:24px; display:inline-block; position:absolute; z-index:100; right:40px; bottom:10px; background:url("../images/xinlang1_icon.jpg")/*tpa=images/xinlang1_icon.jpg*/ no-repeat 0 0;}
.article .aheader .weixin{ width:24px; height:24px; display:inline-block; position:absolute; z-index:100; right:10px; bottom:10px; background:url("../images/weixin_icon.jpg")/*tpa=images/weixin_icon.jpg*/ no-repeat 0 0;}
.article .detail{ overflow:hidden; line-height:30px; font-size:14px;}
.article-other{ width:255px; margin-left:20px; float:left; margin-top:90px; padding:15px 25px; background:#565656; color:#fff;}
.article-other .grid{ overflow:hidden; margin-bottom:15px;}
.article-other .grid h4{ color:#fff; font-size:14px; font-weight:bold; line-height:40px; border-bottom:#fff 1px solid;}
.article-other .item{ padding:15px 0; border-bottom:#888 1px solid; overflow:hidden;}
.article-other .pic{ float:left; width:125px;}
.article-other .text{ color:#d6d6d6; overflow:hidden; line-height:20px;}
.article-other .more{ color:#fff; float:right;}
.article-other .more u{ display:inline-block; line-height:0;display: inline-block;width: 0;height: 0;font-size: 0;border-width:5px;border-color: transparent #fff transparent transparent;_border-color:#fff #fff #fff #fff;border-style: solid; margin-right:5px;}

.contact{ margin-top:25px; overflow:hidden;}
.contact .headera{ border:#cecece 1px solid; padding:45px 70px; font-size:14px; overflow:hidden; margin-bottom:30px;}
.contact .headera h4{ margin-bottom:20px; font-size:16px;}
.contact .con{ border:#cecece 1px solid; padding:45px 70px; font-size:14px; overflow:hidden; margin-bottom:30px;}
.contact .con .title{ font-size:16px; overflow:hidden; margin-bottom:20px;}
.contact .con .title .tips{ color:#999; font-size:14px; float:right;}
.contact .form{ overflow:hidden; clear:both;}
.contact .form ul{ overflow:hidden; margin-bottom:15px;}
.contact .form li{ float:left; width:50%; margin-bottom:15px;}
.contact .form li .l{ float:left; width:100px; padding-left:15px;}
.contact .form li .r{ overflow:hidden;}
.contact .form li .text{ background:#f6f6f6; line-height:30px; width:100%; border:none; padding:0 5px; box-sizing:border-box;}
.contact .form li .textarea{background:#f6f6f6; line-height:20px; height:60px; width:100%; border:none; padding:5px; box-sizing:border-box;}
.contact .sumbit{ display:inline-block; width:70px; line-height:30px; background:#000; float:right; color:#fff; border:none;}
.footera{ line-height:30px; font-size:14px; padding:35px 70px; position:relative;border:#cecece 1px solid; margin-bottom:30px;}
.footera .wx{ position:absolute; z-index:100; top:15px; right:15px;}


.silder{ overflow:hidden;}
.silder a{ float:left; }
.silder img{width: 100%; display:block;}


.cart{ overflow:hidden; width:1100px; margin:0 auto; font-size:14px;}
.cart .here{ padding:10px 0; }
.cart .adress{ margin-bottom:30px; overflow:hidden;}
.cart .adress h4{ border-bottom:#555 2px solid; line-height:30px; padding:5px 0; color:#333; font-size:18px; margin-bottom:15px;}
.cart .new_add{ float:right; background:#aaa; padding:0 15px; text-align:center; color:#fff; font-weight:normal; font-size:14px;}
.cart .lists li{ background:#f9f9f9; padding:15px 20px; border-bottom:#ccc 1px solid; overflow:hidden; position:relative;}
.cart .lists li input[type=radio]{ vertical-align:middle; margin-top:22px;margin-right:5px; float:left;}
.cart .lists .name{ line-height:60px; font-size:16px; font-weight:bold; display:inline-block; margin-right:20px;float:left;}
.cart .lists .info{ line-height:30px;float:left;}
.cart .lists .repair,.cart .lists .delete{ position:absolute; z-index:100; right:20px; border:#ced2db 1px solid; width:80px; height:30px; background:#fff; text-align:center; line-height:30px;}
.cart .lists .repair{ top:10px;}
.cart .lists .delete{ top:45px;}
.cart .more{ display:block; text-align:center; line-height:40px;}
.cart .more code{ color:#cdcdcd; vertical-align:middle; font-size:25px; font-weight:bold;}
.cart .cproduct{border-top:#555 2px solid; }
.cart .cproduct table{ width:100%; margin-bottom:20px;}
.cart .cproduct th{ line-height:50px; font-weight:bold; text-align:center; font-size:16px;border-bottom:#555 1px solid;}
.cart .cproduct td{ text-align:center; font-size:18px; padding:15px 0; border-bottom:#eee 1px solid;}
.cart .cproduct .pic{ float:left; width:250px; margin-right:20px; text-align:left;}
.cart .cproduct .name{ font-size:20px; text-align:left; float:left; width:180px; line-height:25px; color:#333;}
.cart .cproduct .name span{ font-size:14px; line-height:18px;}
.cart .cproduct .price{ color:#ff0000;}
.cart .total{ padding:60px 20px 20px; background:#f9f9f9;border-bottom:#555 2px solid; margin-bottom:30px; text-align:right; font-size:16px;}
.cart .total_box h4{line-height:30px; padding:5px 0; color:#333; font-size:18px;}
.cart .total span{ color:#ff0000; font-size:30px; line-height:30px;}
.cart .total code{ color:#cccccc; font-size:50px; line-height:50px; vertical-align:middle; font-weight:bold; margin:0 15px;}
.cart .control{ margin-bottom:30px; overflow:hidden; text-align:right;}
.cart .control .buy,.cart .control .cancel{ width:120px; height:40px; line-height:40px; display:inline-block; margin-left:10px; text-align:center;}
.cart .control .buy{ background:#333333; border:#333333 1px solid; color:#fff;}
.cart .control .cancel{ background:#fff; border:#333333 1px solid;}
.cart .tel{ border:#eee 5px solid; padding:15px 50px; overflow:hidden;}
.cart .tel .left{ float:left; padding-left:70px; background:url("../images/tel_icon.jpg")/*tpa=images/tel_icon.jpg*/ no-repeat left center; height:60px; padding-right:80px; border-right:#ddd 1px solid; margin-right:20px; line-height:30px; font-size:18px;}
.cart .tel p{ overflow:hidden;}


.adress_float_box{position:fixed; top:0; left:0;z-index:9999; background:rgba(0,0,0,0.5); width:100%; height:100%; font-size:14px;}
.adress_float{ width:670px; padding:20px 40px; position:fixed; top:50%; margin-top:-300px; left:50%; margin-left:-375px; z-index:10000; background:#fff; box-shadow:rgba(0,0,0,0.5) 2px 2px 3px;}
.adress_float .title{ padding:5px 0 20px 0; border-bottom:#333 1px solid; color:#000;font-size:25px; line-height:25px; font-weight:normal;}
.adress_float .close{ width:31px; height:31px; display:block; position:absolute; top:20px; right:35px; z-index:10000; background:url("../images/close_icon.jpg")/*tpa=images/close_icon.jpg*/ no-repeat 0 0;}
.adress_float .con{ overflow:hidden;}
.adress_float li{ padding:10px 0; border-bottom:#e5e5e5 1px solid; line-height:40px;}
.adress_float li .l{ float:left; width:100px;}
.adress_float li .text{ width:260px; line-height:38px; height:38px; padding:0 5px; border:#ccc 1px solid;}
.adress_float li input[type=radio]{ vertical-align:middle; margin-left:10px;}
.adress_float li .select{ border:none; border-bottom:#333 1px solid; line-height:38px; height:38px; color:#666; margin-right:5px;}
.adress_float .bottom{ text-align:center; padding:30px 0;}
.adress_float .adress_confirm,.adress_float .adress_cancel{ width:120px; height:40px; line-height:40px; display:inline-block; margin-left:10px; text-align:center;}
.adress_float .adress_confirm{ background:#333333; border:#333333 1px solid; color:#fff;}
.adress_float .adress_cancel{ background:#fff; border:#333333 1px solid;}

.complete_tips{ padding:10px 0; margin-bottom:30px; text-align:center;}
.complete_tips h4{ font-size:25px; line-height:30px; color:#000; margin-bottom:5px; font-weight:bold;}
.adress_form{ margin-bottom:30px; overflow:hidden;}
.adress_form h4{line-height:30px; padding:5px 0; color:#333; font-size:18px;}
.adress_form ul{ border-top:#000 1px solid;}
.adress_form li{  border-bottom:#e5e5e5 1px solid; line-height:40px;}
.adress_form li .l{ float:left; width:250px; background:#f9f9f9; text-align:center; font-weight:bold;}
.adress_form li .r{ overflow:hidden; padding-left:30px;}
.pay{ overflow:hidden; margin-bottom:30px;}
.pay h4{line-height:30px; padding:5px 0; color:#333; font-size:18px;}
.pay .con{ border-top:#000 1px solid; border-bottom:#000 1px solid; overflow:hidden; position:relative;}
.pay .title{ line-height:80px; float:left; width:130px; text-align:center; font-size:16px; border-right:#ddd 1px solid;}
.pay label{ margin-left:30px; display:inline-block; line-height:80px; vertical-align:middle;}
.pay label input{ vertical-align:middle;}
.pay .buy,.pay .cancel{ width:120px; height:40px; line-height:40px; display:inline-block; margin-left:10px; text-align:center; float:right;  margin-top:20px;}
.pay .buy{ background:#333333; border:#333333 1px solid; color:#fff;}
.pay .cancel{ background:#fff; border:#333333 1px solid;margin-right:30px;}

.pic1 {
    width: 940px;
    margin: 0 auto;
    position: relative;
}
.dianji1 {
	position: absolute;
    left: 0;
    top: 0;
    margin: 338px 0px 0px 607px;
}
.dianji2 {
	position: absolute;
    left: 0;
    top: 0;
    margin: 832px 0px 0px 136px;
}

.pic2 {
    width: 940px;
    margin: 0 auto;
    position: relative;
}
.dianji3 {
	position: absolute;
    left: 0;
    top: 0;
    margin: 322px 0px 0px 607px;
}
.dianji4 {
	position: absolute;
    left: 0;
    top: 0;
    margin: 795px 0px 0px 230px;
}