@charset "utf-8";
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
body,html,ol,ul,li,p,h1,h2,h3,h4,dl,dd,dt,button{ padding: 0; margin: 0;}
html{font-size: 62.5%}
body{-webkit-text-size-adjust:none;font-size: 1.4rem}
p{  word-wrap:break-word;}
a{ color: #333; text-decoration: none;}
li{ list-style: none;}
img{ border: none;}
a{
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header{ background: url(../img/header_bg.jpg) left center repeat-x; width: 100%; height: auto;overflow: hidden; padding: 20px 0; border-bottom: #dfdfdf solid 2px;}
.header a{ display: block; overflow: hidden; width: 100%; height:auto;text-align: center;}
nav{ height: 36px; line-height: 36px; border-bottom: #dfdfdf solid 2px; background-color: #fafafa; display:-webkit-box;}
nav span{ width: 1px; height: 12px; background: #ee1415; display: block;margin: 12px 0;}
.focus img{ width: 100%; height:auto}
.focus a{ display: block;}
nav a{ display: block;-webkit-box-flex:1; text-align: center; font-size: 1.4rem;}
.title,.jianjie,.phone li a,.phone,.focus,.search form,.goods_show,.about{ width: 100%; height: auto; overflow: hidden;} /*width：100%*/
.title{ padding: 0.9rem .5rem 0.8rem; border-bottom:#dddddd solid 1px;border-top:#dddddd solid 1px;
    clear: both;}
.title h2{ font-size: 1.4rem;border-left:#dfdfdf solid 15px; color: #4d4d4d;line-height: 1.4rem;float: left; padding-left: 5px;}
.title a{ font-size: 1.2rem; float: right;margin-top: .2rem; color: #959595;}
.title span{ display: inline-block; margin: 0 .2rem;}
.jianjie{background-color: #f5f5f5; height: 212px;}
.jianjie li:first-child{ width: 35%; float: left; height: 212px;}
.jianjie li:first-child a{ height: 100%; display: block; position: relative;overflow: hidden;}
.jianjie img{ padding:.5rem; height: 100%;width: 100%; position: absolute; top: 0; left: 0}
.jianjie li:last-child{width: 65%;float: left;}
.jianjie p{padding:.5rem; line-height: 2.2rem;}
.jianjie span{ display: block; padding: .5rem 0; font-size: 1.4rem;}
.jianjie span:first-child{ margin-top: 1.3rem;}
.goods_list{padding: .5rem;background-color: #f1f1f1;overflow:hidden;}
.news_list {
    padding: 10px 0;
    background-color: #ffffff;
}
.news_list li {
    padding: 5px;
}
.news_list li a {
    display: inline-block;
    width: 72%;
    overflow: hidden;
    height: 16px;
    line-height: 18px;
    padding-left: 20px;
    background-image: url('../img/news_title.jpg');
    background-position: 10px 5px;
    background-repeat: no-repeat;
}
.news_list li:hover  a{ background-position: 10px -18px;}
.news_list li span {
    float: right;
    color: #888;
}
.list-t1{display: block;}
.list-t1 dd:nth-child(1),.list-t1 dd:nth-child(2){border-top: 0;}
.list-t1 dd:nth-child(odd){border-bottom:1px solid #D6D6D6;border-left: 1px solid transparent;}
.list-t1 dd:nth-child(even){border-left: 1px solid #D6D6D6;border-bottom:1px solid #D6D6D6;}
.list-t1 dd{width:50%;background-color: #fff;float: left;}
.list-t1 dd a{margin:.5rem;display: block;background-color: #fff;}
.list-t1 dd a .product-img{padding-bottom:75%;position:relative;width:100%;height:0;}
.list-t1 dd img{position:absolute; top:0; left:0; width:100%;height:100%;}
.list-t1 .name{margin-top:.5rem;width: 100%;text-align: center;font-size:1.4rem;}
.phone{display:-webkit-box; position: relative;bottom: 0; background-color: #ffffff; border-top: #dfdfdf solid 1px; border-bottom: #dfdfdf solid 1px; }
.phone li{ -webkit-box-flex:1; padding: 0.6rem 0; text-align: center;/* background: url(../img/phone.jpg) 0 50% no-repeat;*/}
.phone li:first-child{}
.phone li a{color:#3c9ef0; font-size: 1.6rem;display: block;}
.phone li p{margin-left: 0.5rem; height: 100%; line-height: 100%;}
footer{ text-align: center; background-color: #fafafa; padding: 2.6rem 0;}
footer span{ margin: 0 .3rem;}
.page{ text-align: center;}
.page a,.page span{ font-size: 1.4rem; display: inline-block; color: #3c9ef0; padding: 1.2rem;}
.page span{ color: #000;}
.search form{ display: block;font-size: 1.6rem;}
.search form input{ height: 3rem; width: 75%; float: left; position: relative;background-color: #ffffff; border: #dfdfdf solid 1px;display:block}
.search form button{ height: 3rem; line-height: 3rem; width:25%;float: left;background-color: #ffffff; border: #dfdfdf solid 1px; display:block; text-align: center; outline: none;}
.search dt{ padding-bottom: .5rem;}
.search dd{ line-height: 3.2rem; height: 4rem; overflow: hidden; padding: .5rem;   border-bottom: #f7f7f7 solid 1px;}
.search dd a{ font-size: 1.5rem;}
.goods_show{ padding: .2rem;}
.goods_show img{ width: 100%; height: auto;}
.goods_show p{ font-size: 1.6rem; color: #727272; line-height: 2.2rem; margin: .5rem 0; text-indent: 2em;}
.about a{ display: block; width: 240px; height: 50px; margin: 1rem auto; background-position: left top;background-repeat:  no-repeat;}
.about{margin: 3rem 0 0; padding-bottom: 2rem; border-bottom: solid #dfdfdf 1px;}
.about a:first-child{background-image: url(../img/sms.png)}
.about a:nth-child(2){background-image: url(../img/phone_.png)}
.about a:last-child{background-image: url(../img/phone_2.png)}
.toggle{ width:80%; margin:50px auto;}
.toggle li{ border-bottom:solid 1px #cdcdcd; padding:5px 0; background:url(../img/toggle.png) 100% 5px no-repeat}
.toggle p{ display:none; padding:10px;}
.toggle h3{ height:18px; overflow:hidden; font-size:14px;}
.toggle span{ display:inline-block; margin:3px; font-size:12px; color:#666;}


















::-webkit-scrollbar              { /* 1 */  width:5px; background-color:#ccc;}
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */width:5px; background-color:#aaa;}
::-webkit-scrollbar-corner       { /* 6 */ background-color:#888;}
::-webkit-resizer                { /* 7 */ }
::-webkit-scrollbar:horizontal   { height:9px;}