*{margin:0;padding:0;box-sizing:border-box;}
body{font:14px/1.5 "Microsoft YaHei",tahoma,arial,\\5b8b体,sans-serif;color: #666;}
h2,h3,h4,h5{font-weight: 400;}
ul,li,ol{list-style: none;}
a,img{border:0px;} 
a{cursor:pointer;}  
a:link,a:visited{text-decoration:none; color:#666;} 
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1;} 

/* 首页样式 */
.top-bg{background: #343434;height:40px;}
.top{width:1250px;margin:0 auto; line-height: 40px;color:#D8CFD2;}
.nav-bg{background: #111;height:150px;padding-top: 5px; position: relative; }
.lang-box{line-height: 25px;padding-top: 9px;position: absolute;}
.lang{padding-right: 14px;background: url(../images/drop.jpg) no-repeat center right;}
.lang-ul{position: absolute;z-index: 2; display: none;} 
.lang-box a{color:#D8CFD2;}
.lang-box a:hover,.nav li:hover,.footer a:hover{color:#fff;}
.lang-box:hover .lang-ul{display: block;}
.tel{color:#B3A7A7;}
.tel-img{margin:0 0 -3px 70px;width:15px;height:15px;}
.logo{margin:23px auto; display: block;}
.search{position: absolute;right:50px;top:60px; background: #343434;}
.search input{width:250px;line-height:35px; background: #343434;border:0;color:#fff;padding-left: 10px;float:left;}
.search button{cursor: pointer; width:40px;height:35px;background: url(../images/search.png) no-repeat center;border:0;float:left;}
.hr{height:1px;background: #202020;}
.nav{text-align: center; margin-top:13px;min-width: 1000px;}
.nav>li{ display: inline-block;padding:0 20px 28px; color:#A79D8E;cursor: pointer;}
.nav a{color:#acacac;} 

.footer-bg{background: #111;margin-top: 45px;}
.footer{width:1250px;margin:0 auto;padding:30px 0 70px;color:#9DAAB2;}
.footer li{float:left;margin-right: 26px;width:300px;}
.footer h4{font-size: 17px;border-bottom: 1px solid #acacac;line-height: 50px;}
.footer p{margin:15px 0;} 
.footer a{color:#9daab2;} 
.footer img{margin:15px 5px;}
.toTops{position: fixed;right:0;bottom: 20px;display: none;background: #111; padding: 1px 9px;border:1px solid #262626;}
.toTops img{height:12px;width:20px;}

.container{width:1250px;margin:0 auto;position: relative;}
.container img{width:100%;}
.con-img li{float:left;width:49.3%;margin-top:10px; background: #292929;padding-bottom: 20px;}
.con-img h3{color:#fff;margin:15px 0 15px 20px;}
.con-img li:first-child{margin-right: 1.4%;}
.recom{line-height: 43px;border-bottom: 1px solid #666;} 

.btn-detail{display: block;visibility: hidden; background: #111;color:#d0d0d0;line-height:35px;text-align: center;border-radius: 4px;margin-top: 8px;}
.btn-detail:hover{color:#fff;cursor: pointer;}
.right-d{height: 250px;text-align: right;margin-top: 150px;}
.right-d img{margin-bottom:30px;}

#right,#left{width:38px;height:38px;cursor: pointer;}
.pro-list strong{font-size: 18px;margin-left: 10px;}
.pro-list p{margin-left: 10px;} 
.pro-list li{float:left;margin:40px 8px;padding:15px 12px;width:23.72%;}
#scroll {float:left;width: 95%;position: relative;height: 430px;overflow: hidden;}
#scroll-ul {position: absolute;width: 10000px;} 
#scroll-ul li {float:left;width:280px;margin:30px 20px 25px 0;padding:15px 12px;border:1px solid #fff;} 
#scroll-ul{transition: all .5s ease;left:0;}  


.subnav{display:none;text-align:left; width:1250px;padding:0 55px 40px; margin-top: 13px; position: absolute;z-index:2;background: #fff;}
.subnav-ul{float:left;}
.subnav-ul>li{float:left; width:266px;margin-right: 26px;}
.subnav-ul ul li{line-height: 30px;}
.subnav-ul h4{border-bottom: 1px solid #999;line-height: 40px;margin-bottom: 7px;font-size: 17px;color:#3E3E3E;}
.sidebar{float: right; border:1px solid #999;margin-top:12px;}
.sidebar p{margin:12px;color:#3E3E3E;}
.pink{width:100%;height:38px;background: #DFA9A7;margin-bottom:6px;}


/* 常见问题 */
.sidebar-l{float:left;width:23%;margin-right: 3%;}
.sidebar-l h2,.sidebar-r h2{color:#000;padding:15px 0 0;}
.sidebar-l li{line-height: 45px;border-top: 1px solid #ccc;}
.sidebar-l li:last-child{border-bottom: 1px solid #ccc;}
.sidebar-l a:hover{color:#111;}
.sidebar-r{float:right;width:74%;margin-bottom: 40px;}
.dorpinput{width:375px;margin:20px 0; position: relative;}
.dorpinput input,.con-from input{width:347px;height:28px;border:1px solid #con-from;padding-left: 10px;background: #fff;}
.btn-dorp{display:block; float:right;width:28px;height:28px;background: #444;}
.btn-dorp s{width:0;height:0;display:block;border:5px solid #444;border-top: 5px solid #fff;margin:11px auto 0;}
.dorp-con{width:375px;border:1px solid #5a5a5a; border-top: 0;background:#fff;display: none;position: absolute;top:28px;z-index: 2;}
.dorp-con p{padding:2px 10px;}
.dorp-con p:hover{background: #ccc;}
.sidebar-r h3{border-bottom: 1px solid #ccc;line-height: 50px;}
.prob-con li{font-size: 15px;line-height: 50px;border-bottom: 1px solid #ccc;background: url(../images/prob-prod.jpg) no-repeat 98% 19px;}
.prob-con p{font-size: 14px;width:97%; display: none;line-height: 25px;margin-bottom: 15px;}


.sidebar-l-c{width:30%;margin-left: 5%;}
.sidebar-r-c{width:56%;}
.sidebar-l-c p{margin:3px 0;}
.con-from li{margin:20px 0;}
.con-from li>input{width:375px; border:1px solid #5a5a5a;}
.dorpinput input{border:1px solid #5a5a5a;}
.con-from textarea{line-height: 22px;font-size: 14px;width:375px;padding:3px 10px;margin-bottom: 6px;}
.con-from button{width:139px;line-height:39px;margin-top:14px;border:0;background: #000;color:#fff;cursor: pointer;}
.msg{color:#f00;}

.crumbnav{margin:19px 0;}
.crumbnav a{margin:0 11px;}
.crumbnav a:first-child{padding-left: 15px;background: url(../images/crumb-img.jpg) no-repeat left center;}
.detail-l{width:45%;float:left;}
.detail-l span{display: block;text-align: center;margin:14px 0;}
.detail-min{border-top:1px solid #999;width:563px;height:133px;overflow: hidden;}
.detail-min li{float:left;width:17%;margin:32px 1.5% 0;border:2px solid #fff;cursor: pointer;}
.detail-min li:hover{border:2px solid #999;}
.detail-l h4{border-bottom:1px solid #999;line-height: 30px;margin-top: 30px;}
.pro-con-box{font-size: 13px;padding-bottom:45px;}
.pro-con-box p{margin:10px 0 15px;}
.pro-con li{background: url(../images/list-radius.jpg) no-repeat left center;line-height: 24px; padding-left: 10px;margin-left: 5px;}
.hidetitle{margin:15px 0 10px;cursor: pointer;}
.hidetitle img{width:14px;height:14px;margin:0 5px -1px 0;transition: transform .4s;}   
.detail-r{float:left;margin-left: 8%;width:40%;}
.detail-r a{text-decoration:underline;}
.detail-r h2{line-height: 60px;border-bottom: 2px solid #111;font-size: 23px;margin-bottom: 20px;}
.cart-box{background: #E3E3E3;width:100%;padding:20px 19px;}
.cart-box strong{font-size: 24px;color:#111;}
.cart-box p{margin:5px 0;line-height: 25px;}
.cart-box i{color:#111;}
.cart-box span{color:#111;display: block;padding-left: 25px;margin-bottom: 22px; background:url(../images/collection-f.png) no-repeat left center; background-size: 19px;}
.cart-box button{cursor: pointer;width:100%;line-height:46px;border:0; background: #000;  background-image: url(../images/cart-f.png);background-repeat: no-repeat;background-position: 39% center; background-size: 15px; color:#fff;margin:16px 0 60px;}
.delive p{padding-left: 22px;background: url(../images/intro-f.png) no-repeat left 8px; background-size: 15px;}

.service-r{height:500px; overflow: auto;} 
.service-r h4{color:#111;font-size: 15px;padding-top:45px;}
.service-r p{padding-bottom: 15px;}

.about-r p{padding-top: 25px;}
.about-r img{float:right;width:432px;height:432px;margin-left: 15px;}


.s-box h2{margin-top: 35px;color:#111;}
.subsearch{margin:21px 0;}
.subsearch input{border:1px solid #5A5A5a;width:300px;height:30px; border-right: 0;float:left;padding-left: 10px;}
.subsearch button{width:30px;height:30px;border:1px solid #5a5a5a;border-left: 0;float:left; cursor: pointer;background: url(../images/search-H.png) no-repeat center center;}
.s-result{padding-bottom: 90px;}
.s-result h3{border-bottom: 1px solid #5A5A5a;line-height: 38px;}
.s-result li{height:215px;width:100%; border-bottom: 1px solid #5a5a5a;padding:17px 10px; display: table;}
.s-result img{width:180px;height:180px;float:left;}
.intro{display: table-cell;vertical-align: middle; width:83%;}
.intro>strong{font-size: 22px;}
.intro span{display: block;margin:6px 0;}


@media only screen and (max-width: 1268px){
  .top{width:1140px;}
  .subnav{left:0;width:1140px;}
  .subnav-ul>li{width:229px;}
  .container{width:1140px;}
  .footer{width:1140px;} 
  .pro-list li{width:23.58%;}
  #scroll{height:405px;} 
  #scroll-ul li{width:255px;} 
}