@charset "utf-8";
* {margin:0; padding:0;}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {margin:0; padding:0;}
input, select{ vertical-align:middle}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px;}
li {list-style-type:none;}
img {border:0 none;}
.none{
    display: none;
}
a:link{
    text-decoration:none; color: #272727;text-decoration: none;
}
a:visited{
    text-decoration:none; color: #272727;text-decoration: none;
}
a:hover{
    text-decoration:none; color: #272727;text-decoration: none;
}
a:active{
    text-decoration:none; color: #272727;text-decoration: none;
}
h3{
    color: #272727;
    font-size: 14px;
    font-weight: normal;
}
body {
    font-family:"微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #272727;
    background-color:#fff8f0;
    overflow-x:hidden ;
}
.col-7{
    color: #7f7f7f;
}
.clear{
    clear: both;
}
.fl-r{
    float: right;
}
.fl-l{
    float: left;
}

.head{
    max-width: 1200px;margin: 10px auto;
}
.head .head-left{
    float: left;
}
.head .head-right{
    float: right;width: 75%;;
}
.head .head-right ul li{
    float: left;width: 16.666%;text-align: center;margin-top: 26px;position: relative;
}
.head .head-right ul li i{
    width: 11px;height: 7px;background: url("../images/split.png") no-repeat;display: inline-block;vertical-align: middle;margin-left: 5px;background-position: -5px -7px;
}
.head .head-right ul li a{
    padding: 3px 25px;border-radius: 20px;font-weight: bold;
    font-size: 16px;
}
.head .head-right ul li:hover a{
    background: #008039;color: #fff;
}
.head .head-right ul li:hover i{
    background: url("../images/split.png") no-repeat;display: inline-block;vertical-align: middle;margin-left: 5px; background-position: -21px -7px;;
}
.head .head-right ul li .on{
    background: #008039;color: #fff;
}
.head .head-right ul li ul{
    position: absolute;left: 10px;top:18px;background: #008039;width: 150px;z-index: 1000;border-radius: 5px;display: none;
}
.head .head-right ul li:hover ul{
    display: block;
}
.head .head-right ul li ul li{
    width: 100%;margin: 0 ;line-height: 36px;border-bottom: 1px solid #ddd;
}
.head .head-right ul li ul li a{
    color: #fff;padding: 0px;font-weight:normal;font-size:14px
}
.banner{
    width: 100%;padding: 10% 0;background: url("../images/banner1.jpg") no-repeat center;background-size: cover;text-align: center;
}
.banner-con p{
line-height:30px;color:#fff;font-size:16px;margin-top:20px
}
.banner-con .i-contact{
    padding: 5px 0px;background: #fff;border-radius: 30px;color: #008039;width: 150px;margin: 20px auto;
}
.banner-con p a{
    color: #008039
}
.banner-con img{
    width: 80%;
}
.banner-con .i-contact:hover{
    background: #008039;color: #fff;
}
.banner-con .i-contact:hover a{
    color: #fff;
}
.pro-list{
    max-width: 1400px;margin: 40px auto;padding: 0px 30px;
}
.pro-list ul li{
    float: left;width: 23%;margin: 1%;   text-align: center;
}
.pro-list ul li p{
    line-height: 50px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0 5px;
}
.n-banner img{
    width: 100%;
}
/* main_img */
.main_img{
    height: 100%;
    width: 100%;
    overflow:hidden;
    position: relative;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.06);
}
.main_img>img{
    height: auto;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    z-index:1;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show {
    background:rgba(216, 107, 27, 0.5);
    height:100%;
    left: 0;
    opacity: 0;
    filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
    /* Safari 和 Chrome */
    -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
    /* Opera */
    -o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:100%;
    z-index: 200;
}
.main_img .show .imgArea {
    left: 50%;
    bottom:0;
    margin:-15px 0px 0px -44px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}


.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.main_img:hover>img {
    transform: scale(1.2, 1.2);

    -ms-transform:scale(1.2, 1.2); 	/* IE 9 */
    -moz-transform:scale(1.2, 1.2); 	/* Firefox */
    -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
    -o-transform:scale(1.2, 1.2); 	/* Opera */
}
.more{
    padding: 10px 0px;
    background:#008039;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    width: 200px;
    margin: 20px auto;
}
.more a{
    color:#fff
}
.i-product-list{
    max-width: 1400px;
    margin: 40px auto;
    padding: 0px 30px;
    overflow:hidden
}
.i-product-list ul li{
    float: left;
    width: 31.333%;
    margin: 1%;
    text-align: center;text-align: center;line-height: 27px;
}
.i-product-list ul li img{
    width: 100%;
}
.pro-hold{
    max-width: 1000px;margin: 40px auto;
}
.pro-hold .pro-tit{
    font-size: 32px;font-weight: bold;color: #000;letter-spacing: 2px;text-align: center;margin-bottom: -40px;
}
.pro-hold .pro-tit h1{
    font-size: 32px;font-weight: bold;color: #000;letter-spacing: 2px;text-align: center;
}
.product-list ul li{
    padding: 7% 0;margin: 5% 0;
}
.pro-1{
    background: url("../images/w1.jpg") no-repeat right ;background-size: contain;
}
.pro-2{
    background: url("../images/w2.jpg") no-repeat left;background-size: contain;
}
.pro-3{
    background: url("../images/w3.jpg") no-repeat right;background-size: contain;
}
.pro-con{
    background: #fff;width: 50%; box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.2);padding: 4% 2%;line-height: 30px;
}
.title{
    font-weight: bold;;font-size: 22px;
}
.pro-con p{
    margin: 10px 0;
}
.body-center{
    background: url("../images/h-bg.jpg") no-repeat center;background-size: cover;
}
.body-center ul{
    max-width: 1200px;margin: 40px auto;overflow: hidden;
}
.body-center ul li{
    float: left;width: 25%;text-align: center;margin: 60px 0;
}
.body-center ul li .bc-i{
    width: 100px;height: 100px;border-radius: 50%;border: 1px solid #fff;margin: 10px auto;text-align: center;
}
.body-center ul li .bc-i i{
    width: 61px;height: 60px;   display: inline-block;margin-top: 20px;
}
.three i{
    width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 5px;
}
.ifooter-1{
    background: url("../images/split.png");background-position: -35px -0px;
}
.ifooter-2{
    background: url("../images/split.png");    background-position: -55px -0px;
}
.ifooter-3{
    background: url("../images/split.png");background-position: -77px -0px;
}
.i-1{
    background: url("../images/split.png");background-position: -35px -30px;
}
.i-2{
    background: url("../images/split.png");background-position: -35px -95px;
}
.i-3{
    background: url("../images/split.png");background-position: -35px -159px;
}
.i-4{
    background: url("../images/split.png");background-position: -35px -219px;
}
.footer-hold ul li font{
    width: 33px;height: 33px;display: inline-block;margin: 0 5px;
}
.share-i-1{
    background: url("../images/split.png");background-position: 0px -70px;
}
.share-i-2{
    background: url("../images/split.png");background-position: 0px -110px;
}
.share-i-3{
    background: url("../images/split.png");background-position: 0px -150px;
}
.body-center ul li p{
    color: #fff;font-size: 18px;margin-top: 20px;
}
.body-center ul li:hover .bc-i{
    background: #008039;border: 1px solid #008039;
}
.quality{
    max-width: 1000px;margin:40px auto ;overflow: hidden;
}
.quality ul li{
    float: left;width: 50%;text-align: center;
}
.quality ul li p{
    line-height: 27px;margin-top: 10px;
}
.partner{
    text-align: center;margin: 80px 0;
}
.footer{
    background: #260f00;padding: 60px 0 30px 0;position: relative;margin: 80px 0;margin-bottom: 0px;
}
.footer-hold{
    max-width: 1200px;margin: 0 auto;overflow: hidden;color: #b2b2b2;line-height: 30px;
}
.footer-hold a{
    color: #b2b2b2;
}

.footer-hold ul li{
    float: left;width: 22%;
}
.footer-hold ul li img{
    vertical-align: middle;margin-right: 10px;
}
.margin-right-20{
    margin-left: 30px;
}
.footer-hold ul .three{
    width: 30%;margin-right: 4%;
}
.footer-hold  .footer-tit{
    color: #fff;font-size: 18px;margin: 10px 0;
}
.footer-logo{
    position: absolute;left: 50%;top:-50px;margin-left: -50px;
}
.footer-bom{
    background: #1a0a00;;overflow: hidden;color:  #b2b2b2;
}
.footer-bom-hold{
    max-width: 1000px;margin: 10px auto;
}
.n-proguider{
    text-align: center;margin: 60px 0;
}
.head .head-right ul li .widht{
    position: absolute;
    left: 10px;
    top: 18px;
    background: #008039;
    width: 200px;
    z-index: 1000;
    border-radius: 5px;
    display: none;
}

.n-proguider a{
    width: 252px;height: 252px;display: inline-block;margin:0 10%
}
.n-proguider a:first-child{
    background: url("../images/talalay.png") no-repeat;display: inline-block;background-size: 100% 100%;
}
.n-proguider a:nth-child(2){
    background: url("../images/pdunlop.png") no-repeat;display: inline-block;background-size: 100% 100%;
}
.n-proguider1 img{
    margin: 0 10%;
}
.n-proguider1{
    text-align: center;margin: 60px 0;
}
.contact-hold{
    max-width: 1200px;margin: 40px auto;overflow: hidden;
}
.contact-hold .contact-left{
    width: 42%;margin: 1%;padding: 1% 3%;float: left;background: #fff;line-height: 27px;height: 750px;
}
.contact-hold .contact-right{
    width: 42%;margin: 1%;padding: 1% 3%;float: left;background: #fff;height: 750px;
}
.contact-hold .contact-left p{
    margin: 15px 0;
}
.contact-tit{
    color: #008039;font-weight: bold;
}
.contact-hold .contact-left p img{
    vertical-align: middle;margin-right: 10px;
}
.contact-hold .contact-left p span{
    vertical-align: middle;
}
.contact-hold .contact-left hr{
    background: #008039;
}
.margin-right-30{
    margin-left: 90px;
}
.contact-hold .contact-right p{
    font-size: 16px;line-height: 27px;margin-left: 10px;
}
.contact-hold .contact-right input{
    margin: 10px 0;padding: 10px;border-radius: 20px;width: 320px;outline: none;border: 1px solid #c2c2c2;
}
.contact-hold .contact-right .textarea{
    margin: 10px 0;padding: 10px;border-radius: 20px;width: 320px;outline: none;border: 1px solid #c2c2c2;height: 80px;
}

.send input{
    color: #fff;background: #008039;padding: 5px 10px;border-radius: 20px;width: 120px;text-align: center;margin-top:15px ;cursor: pointer;
}
.n-about-hold{
    max-width: 1200px;margin: 40px auto;line-height: 27px;
}
.n-about-video{
    text-align: center;
}
.n-about-video iframe{
    width:800px;height:400px;margin:0 auto;
}
.n-about-video p{
    margin: 20px 0;line-height: 30px;color: #008039;font-size: 16px;
}
.n-about-list{
    margin: 40px auto;overflow: hidden;background: url("../images/n-about-1.png") no-repeat right;background-size: contain;max-width: 1000px;
}
.n-about-list-con{
    float: left;width: 52%;padding: 7% 0%;line-height: 27px;
}
.n-about-list-con p{
    margin: 20px 0;
}
.n-about-tit{
    font-size: 32px;
    font-weight: bold;
    color: #000;
    letter-spacing: 2px;
    text-align: center;
    padding:10px 0
}
.n-about-more{
    padding: 10px 0px;
    background: #008039;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    width: 360px;
    margin: 20px auto;
}
.n-about-lst{
    margin: 40px auto;overflow: hidden;max-width: 1000px;line-height: 27px;
}
.n-about-lst p{
    margin: 10px 0;
}
.n-about-lst ul li{
    margin: 80px 0;overflow: hidden;
}
.n-about-lst ul li img{
    width: 50%;
}
.n-about-lst-con{
    width: 44%;padding: 5% 3%;
}
.text-right{
    text-align: right;
}
.dunlop-img{
    text-align: center;margin: 40px auto;max-width: 1200px;
}
.dunlop-img img{
    width: 100%;
}
.dunlop-list{
    max-width: 1200px;margin: 20px auto;overflow: hidden;border-bottom: 1px dashed #008039;padding: 20px 0;line-height: 27px;
}
.dunlop-list .dunlop-left{
    width: 46%;float: left;overflow: hidden;
}
.dunlop-left-img{
    width: 30%;float: left;text-align: center;
}
.dunlop-left-img img{
    max-width: 90%;
}

.dunlop-list .dunlop-right{
    width: 46%;float: right;overflow: hidden;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-top-40{
    margin-top: 60px;
}
.talalay-hold{
    max-width: 1200px;margin: 20px auto;overflow: hidden;border-bottom: 1px dashed #008039;padding: 20px 0;line-height: 27px;
}
.talalay-hold .talalay-left{
    width: 50%;float: left;
}
.talalay-hold .talalay-left img{
    width: 100%;
}
.talalay-hold .talalay-right{
    width: 46%;float: right;overflow: hidden;
}
.talalay-hold .talalay-right .talalay-list{
    overflow: hidden;margin: 20px 0;
}
.talalay-hold .talalay-right .talalay-list-left{
    width: 30%;float: left;text-align: center;
}
.talalay-hold .talalay-right .talalay-list-left img{
    max-width:100%
}
.talalay-hold .talalay-right p{
    float: right;width: 70%;
}
.article-shop{
    max-width: 1000px;margin: 20px auto;overflow: hidden;line-height: 27px;
}
.article-shop-img{
    text-align: center; max-width: 1000px;margin: 20px auto;
}
.article-shop-img img{
    width: 90%;
}
.article-shop-left{
    float: left;width: 48%;
}
.image-preview img{
    width: 100%;
}
.elastislide-carousel ul .current-img a img{
    border: 2px solid #008039;
}

.aericle-shop-right{
    float: right;width: 48%;margin-top: 5%;line-height: 30px;
}
.aericle-shop-body{
    max-width: 1000px;margin: 40px auto;line-height: 30px;
}
.fenye{
    width: 200px;margin: 40px auto;text-align: center;overflow: hidden;
}
.fenye ul li{
    float: left;padding: 5px;
}
.shop-share{
    margin:20px 0;overflow:hidden
}
.shop-share img{
    margin: 5px 10px;float:left
}
.shop-share .social-share{
    float:left
}

.aericle-shop-body table {
    margin: 20px 0;
    margin-top:15px;
    border-collapse:collapse;
    border:1px solid #aaa;
    width:100%;
    text-align: center;
    vertical-align: middle;
}

.aericle-shop-body table  th {
    vertical-align:baseline;
    padding:5px 15px 5px 6px;
    background-color:#008039;
    border:1px solid #3F3F3F;
    text-align:left;

}

.aericle-shop-body table  td {
    vertical-align:middle;
    padding:6px 15px 6px 6px;
    border:1px solid #fff;
    vertical-align: middle;
}
.aericle-shop-body table  td img{
    vertical-align: middle;padding-right: 10px;
}
.aericle-shop-body table tr:first-child{
    background: #008039;color:#fff
}
.n-about-holdtable tr:nth-child(odd){

}

.aericle-shop-body table tr:nth-child(even){
    background: #8ae6b3;

}
.Related-products{
    max-width: 1200px;position: relative;overflow: hidden;margin: 40px auto;
}
.Related-products h2{
    text-align: center;margin:20px 0
}
.Related-products ul li{
    text-align: center;float: left;width: 25%;
}
.Related-products  ul li img{
    width: 90%;
}
.Related-products ul li  p{
    line-height: 30px;padding: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.pos_center{max-width: 1200px;margin:0 auto;overflow: hidden;padding: 0 10px}
.pos{background: url(../images/current_icon.png) left 2px center no-repeat; padding-left: 25px; line-height: 64px;color: #666;float: right}
.pos span{margin-left: 6px;}
.pos a{color: #666;}
.pos a:hover{color: #55a1d9;}
.pos a.on{color: #55a1d9;}
.ph-head{
    display: none;
}
.ph-head-guide ul{
    display: none;
}
.phone-img {
    display: none;
}
/* åˆ—è¡¨é¡µ */
.n-news-hold{
    max-width: 1200px;
    margin: 20px auto;
    line-height: 27px;
}
.n-news-hold h1{
    text-align: center;font-size: 18px;
}
.n-news-hold h2{
    font-size: 12px;text-align: center;color: #525252;
}
.list_box dl{display:inline-block;width:100%;padding:20px;border-bottom:1px solid #dddddd;margin: 10px 0;background: #fff}
.list_box dl dt{float:left;width:23%;text-align: center}
.list_box dl dt img{width:100%;height:100%;}
.list_box dl dd{float:right;width:75%;}
.list_box dl dd h4{height:26px;line-height:26px;margin-bottom:15px;font-size:20px;font-weight:normal;overflow:hidden;}
.list_box dl dd h4 a{color:#008039;}
.list_box dl dd p{line-height:1.8;color:#666666;}
.list_box dl dd p a{display: table;margin-top: 10px;}
.list_box ul li{height:60px;line-height:60px;border-bottom:1px solid #dddddd;overflow:hidden;}
.list_box ul li a{display:inline-block;width:600px;overflow:hidden;}
.list_box ul li a:hover{color:#45a5e1;}
.list_box ul li span{display:inline-block;float:right;}
.list_box_more{
    padding: 5px 20px;
    background: #008039;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    margin: 20px 0;
}
.list_box dl dd .list_box_more {
    color: #fff;
}
.ph-news{
    display: none;
}
/* æ–‡ç« é¡µ */
/* åŒ»å¸ˆä»‹ç» */
.list_doctor_box dl{line-height:1.8; overflow:hidden;padding-bottom:18px;margin-bottom:18px;position:relative; border-bottom:1px dashed #e8e8e8;}
.list_doctor_box dl dt{border:1px solid #e6e6e6; float:left; margin-right:15px;text-align:center}
.list_doctor_box dl dt img{
    width: 120px;
}
.list_doctor_box dl  .xianjia{
    color:#f13232;
}
.list_doctor_box dl dd{float:left;margin-left: 20px}
.list_doctor_box dl dd h2{font-weight:bold; font-size:14px; }
.list_doctor_box dl dd h2 a:hover{color:#ff7200;}
.list_doctor_box dl dd h2 span{margin-right:25px;}
.list_doctor_box dl dd p{width:700px;}
.list_doctor_box dl dd .yyzx{position:absolute; bottom:15px; left:158px;}
.list_doctor_box dl dd .yyzx a{width:90px;line-height:26px;text-align:center;margin-right:12px;display:inline-block; border:1px solid  #55a1d9;;}
.list_doctor_box dl dd .yyzx a.hdf{width: 126px; border: 1px solid #55a1d9;}
.list_doctor_box dl dd .yyzx a.hdf i{display: inline-block; width: 15px; height: 12px; margin-right: 5px; background: url(http://www.yodak.net/images/img2017/ico_hdf.png) no-repeat;}
.list_doctor_box dl dd .yyzx a.yy,.list_doctor_box dl dd .yyzx a:hover{background:#55a1d9; color:#fff;}
.aBlack-talalay{
    max-width: 1300px;
    margin: 40px auto;
    overflow: hidden;
    padding: 0 10px;
}
.about-t-img img{
    max-width: 100%;
}
.about-con-hold{
    line-height: 30px;
}
.about-con-hold h2{
    text-align: center;margin: 30px 0;
}
.about-con-list h2{
    text-align: center;margin: 30px 0;
}

.n-news-list ul li p{
    height: 85px;
    overflow: hidden;
}
.n-news-list{
    overflow:hidden
}
.n-news-list ul li .news-title{
    margin: 10px 0;
    font-size: 18px;
    color: #000;
    height: 56px;
    overflow: hidden;
}

.n-news-list ul li{
    float: left;width: 22%;margin: 0.5%;background: #fff;line-height: 27px;padding: 1%;
}
.n-news-list ul li img{
    width: 100%;
}
.n-s-guider{
    display:none
}
.pro-l-hold ul{
    display:none
}
/*放大+多图展示*/
#spec-left{width:13px; height:41px;  cursor:pointer; padding-top:45px; padding-bottom:14px; padding-right:4px;float:left;}
#spec-right{width:13px; height:41px; cursor:pointer; padding-top:45px;padding-bottom:14px; padding-left:2px; float:right;}

#spec-list{ float:left; height:100px;  overflow:hidden; display:inline;}
.jqzoom{ width:470px; height:500px; float:left; background:#fff; }
.jqzoom img{ border:1px solid #cca208;}
#preview{ float:left; width:470px; height:630px;}
.jqzoom{position:relative;  }
.zoomdiv{z-index:100; position:absolute; top:0px; left:0px; width:382px; height:430px;  display:none;
    text-align:center; overflow:hidden; margin-left:18px; }
.jqZoomPup{z-index:10; clear:both; visibility:hidden; position:absolute; top:0px; left:0px;
    width:50px; height:50px; border:1px solid #aaa; background:#FEDE4F 50% top no-repeat;opacity:0.5;
    -moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
.sub_product_list { width:368px; height:90px; padding-top:12px; overflow:hidden; margin-right:0px;float:left; }
.sub_product_list li{ width:90px; padding-left:10px; padding-right:10px; height:80px; float:left;}

.pic-right{
    width: 300px;
    float: right;
    border-radius: 10px;
    border: 1px solid #ddd;
}
.pic-right  .tit{
    background: #002956;
    font-size: 18px;
    color: #fff;
    padding: 10px;
}
.pic-right   .pic-con{
    padding: 10px;line-height: 30px;
}

/*基本框架CSS结束，应用特效时，以上样式可删除*/
.warper{ width: 480px; height: 300px; border: 2px solid #efefef; margin: 0 auto; padding: 3px 3px 0px 0px; }
#wowslider-container1 { zoom: 1; position: relative; max-width: 716px; float:right; z-index: 90 }

#wowslider-container1 .ws_images ul { position: relative; width: 10000%; height: auto; left: 0; list-style: none; margin: 0; padding: 0; border-spacing: 0; overflow: visible }
#wowslider-container1 .ws_images ul li { width: 1%; line-height: 0; float: left; font-size: 0; padding: 0!important; margin: 0!important }
#wowslider-container1 .ws_images { position: relative; left: 0; top: 0; width: 400px; height: 100%; overflow: hidden }
#wowslider-container1 .ws_images a { width: 100%; display: block; color: transparent }
#wowslider-container1 img { max-width: none!important }
#wowslider-container1 .ws_images img { width: 400px; border: none 0; max-width: none; padding: 0; margin: 0 }
#wowslider-container1 a { text-decoration: none; outline: 0; border: 0 }
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { position: absolute; display: none; top: 50%; margin-top: -3.5em; z-index: 60; height: 7.1em; width: 7.1em; background-image: url(../images/arrows.png); background-size: 200% }
#wowslider-container1 a.ws_next { background-position: 100% 0; right: 1em }
#wowslider-container1 a.ws_prev { left: 1em; background-position: 0 0 }
#wowslider-container1 a.ws_next:hover { background-position: 100% 100% }
#wowslider-container1 a.ws_prev:hover { background-position: 0 100% }
* html #wowslider-container1 a.ws_next, * html #wowslider-container1 a.ws_prev { display: block }
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev { display: block }
#wowslider-container1 .ws_playpause { display: none; width: 7.1em; height: 7.1em; position: absolute; top: 50%; left: 50%; margin-left: -3.5em; margin-top: -3.5em; z-index: 59; background-size: 100% }
#wowslider-container1:hover .ws_playpause { display: block }
#wowslider-container1 .ws_pause { background-image: url(../images/pause.png) }
#wowslider-container1 .ws_play { background-image: url(../images/play.png) }
#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 100% 100%!important }
#wowslider-container1 .ws-title { position: absolute; display: block; bottom: 3.5em; left: 1em; margin-right: 1em; padding: 1em .9em .9em .9em; background-color: rgba(0,0,0,0.4); color: #fff; z-index: 50; font-weight: bold; text-transform: uppercase; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em }
#wowslider-container1 .ws-title div { margin-top: .3em; font-size: 1.6em; line-height: 1.15em; font-weight: normal; text-transform: none; color: #fff }
#wowslider-container1 .ws-title span { font-size: 2.4em }
#wowslider-container1 .ws_thumbs { font-size: 0; position: absolute; overflow: auto; z-index: 70; left: -19.51%; top: 0; width: 18.72%; height: 100% }
#wowslider-container1 .ws_thumbs img { text-decoration: none; border: 0; width: 100%;margin-top:10px }
#wowslider-container1 .ws_thumbs a { position: relative; text-indent: -4000px; color: transparent; opacity: .85; text-decoration: none; display: inline-block; border: 0; margin-bottom: 4%; text-indent: 0; padding: 2.99%; width: 89.54%; background-color: #fff }
#wowslider-container1 .ws_thumbs a:hover { opacity: 1 }
#wowslider-container1 .ws_thumbs a:hover img { visibility: visible }
#wowslider-container1 .ws_thumbs div { position: relative; width: 100% }
#wowslider-container1 .ws_thumbs a.ws_selthumb { background-color: #008039 }
#wowslider-container1 .ws_images ul { animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite }
@keyframes wsBasic { 0% {
    left:-0%
}
    12.5% {
        left:-0%
    }
    25% {
        left:-100%
    }
    37.5% {
        left:-100%
    }
    50% {
        left:-200%
    }
    62.5% {
        left:-200%
    }
    75% {
        left:-300%
    }
    87.5% {
        left:-300%
    }
}
@-moz-keyframes wsBasic { 0% {
    left:-0%
}
    12.5% {
        left:-0%
    }
    25% {
        left:-100%
    }
    37.5% {
        left:-100%
    }
    50% {
        left:-200%
    }
    62.5% {
        left:-200%
    }
    75% {
        left:-300%
    }
    87.5% {
        left:-300%
    }
}
@-webkit-keyframes wsBasic { 0% {
    left:-0%
}
    12.5% {
        left:-0%
    }
    25% {
        left:-100%
    }
    37.5% {
        left:-100%
    }
    50% {
        left:-200%
    }
    62.5% {
        left:-200%
    }
    75% {
        left:-300%
    }
    87.5% {
        left:-300%
    }
}
@media screen and (max-width: 1200px){
    .head .head-right ul li a{
        padding:3px 15px
    }
}
@media screen and (max-width: 1000px){
    /*产品导航*/
    .s-guider{
        border-bottom: 1px solid  rgb(230, 0, 19);padding-bottom: 5px;
    }

    .s-guider i{
        width: 2px;height: 20px;background: rgb(230, 0, 19);display: inline-block;margin: 0 10px;vertical-align: middle;
    }
    .s-guider span{
        font-size: 18px;vertical-align: middle;font-weight: bold;
    }
    .n-s-guider{
        border-bottom: 1px solid  rgb(222, 196, 166);padding-bottom: 5px;margin-top: 20px;position: relative;display:block
    }
    .n-s-guider i{
        width: 2px;height: 20px;background:rgb(222, 196, 166);display: inline-block;margin: 0 10px;vertical-align: middle;
    }
    .n-s-guider span{
        font-size: 18px;vertical-align: middle;font-weight: bold;
    }
    .n-s-guider font{
        width: 20px;
        height: 20px;
        background: url("../images/d.png") no-repeat;
        background-size: 100% 100%;
        display: inline-block;
        float: right;
        margin-right: 10px;
        margin-top: 5px;
    }
    /*产品列表*/
    .pro-l-hold ul{
        margin-bottom: 10px;
    }
    .pro-l-hold ul li{
        padding: 8px;border-bottom: 1px dotted #ddd;background:#deb17d;
    }
    .pro-l-hold ul li a{
        color: #fff;
    }

    /*产品列表*/

    .n-proguider a{
        margin:0 3%;width:130px;height:130px
    }
    .n-news-list ul li{
        width:30% ;
    }
    .pc-head{
        display: none;
    }
    .ph-head {
        background: #dec4a6;
        overflow: hidden;
        padding: 10px 0;
        display: block;
    }

    .ph-head img {;
        margin-left: 5%;
        max-width: 200px;
    }

    .ph-head .ph-tit {
        float: right;
        width: 32px;
        margin-top: 2%;
        margin-right: 5%;
        height: 32px;
        display: inline-block;
        background: url("../images/split.png") no-repeat;
        background-position: 0 -26px;
    }

    .ph-head-guide ul li {
        padding: 10px;
        border-bottom: 1px solid rgba(255, 221, 227, 0.62);
        background: #be9a70;
    }

    .ph-head-guide ul li a {
        color: #fff;
    }
    .ph-head-guide ul li:first-child{
        display: none;
    }
    .ph-head-guide ul li i {
        width: 20px;
        height: 20px;
        background: url("../images/icon-9.png") no-repeat;
        background-size: 100% 100%;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .ph-head-guide ul li:nth-child(2) i {
        background: url("../images/icon-1.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(3) i {
        background: url("../images/icon-2.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(4) i {
        background: url("../images/icon-3.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(5) i {
        background: url("../images/icon-4.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(6) i {
        background: url("../images/icon-6.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(7) i {
        background: url("../images/icon-5.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(8) i {
        background: url("../images/icon-6.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(9) i {
        background: url("../images/icon-3.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(10) i {
        background: url("../images/icon-8.png") no-repeat;
        background-size: 100% 100%;
    }

    .n-pro-head {
        font-size: 18px;
        margin-top: -20px;
    }

    .flex-direction-nav {
        display: none;
    }

    .flex-control-nav {
        bottom: 10px;
    }

    /*电话与返回顶部*/
    .scroll {
        position: fixed;
        right: 10px;
        bottom: 70px;
        z-index: 10;
        display: block;
        cursor: pointer;
    }

    .s-tel {
        width: 40px;
        height: 40px;
        background: rgb(194, 4, 38);
        border-radius: 50%;
        text-align: center;
    }

    .s-tel i {
        width: 25px;
        height: 25px;
        background: url("../images/ph.png") no-repeat;
        background-size: 100% 100%;
        display: inline-block;
    }

    .s-tel p {
        font-size: 12px;
        color: #fff;
        margin-top: -10px;
    }

    .s-scroll {
        width: 40px;
        height: 40px;
        background: rgb(194, 4, 38);
        border-radius: 50%;
        text-align: center;
        margin-top: 10px;
    }

    .s-scroll i {
        width: 15px;
        height: 15px;
        background: url("../images/up1.png") no-repeat;
        background-size: 100% 100%;
        display: inline-block;
        margin-top: 5px;
    }

    .s-scroll p {
        font-size: 12px;
        color: #fff;
        margin-top: -5px;
    }

    .arcImg {
        display: none;
    }

    .ph-product-img {
        display: block;
        text-align: center;
    }
    .footer-hold ul li:first-child{
        display: none;
    }
    .footer-hold ul li:nth-child(2){
        display: none;
    }
    .footer-hold ul .three{
        width: 70%;margin: 0 2%;
    }
    .footer-hold ul li:nth-child(4){
        width: 26%;
    }
}
@media screen and (max-width: 870px) {
.banner {
   
   width: 100%;padding: 10% 0;background: url("../images/banner11.jpg") no-repeat center;background-size: cover;text-align: center;
    
}
    .n-about-lst{
        width:80%;margin:0 10%
    }
    .pro-list{
        padding:0px
    }
    .aericle-shop-right{
        width:100%
    }
    .article-shop-left{
        display:none;
    }
    .article-shop-left{
        display:none;
    }
    .phone-img{
        display:block;text-align:center
    }
    .phone-img img{
        width:90%
    }
    .footer-bom-hold {
        text-align: center;
    }

    .footer-bom-hold .fl-r {
        display: none;
    }

    .talalay-hold .talalay-right {
        width: auto;
    }

    .n-about-video img {
        width: 90%;
    }

    .pro-list ul li {
        width: 46%;margin: 2%;

    }

    .talalay-hold .talalay-left {
        width: 90%;
        margin-left: 5%;
    }

    .partner-tit img {
        width: 60%;
    }

    .n-proguider1 img {
        width: 28%;
    }

    .n-about-list {
        background: none;
        text-align: center;
    }

    .n-about-list-con {
        width: 90%;
        margin-left: 5%;
        padding: 2% 0;
    }

    .n-about-lst ul li {
    }
    .Related-products ul li {

        width: 50%;
    }
    .i-product-list{
        padding:0px
    }

    .body-center ul li{
        width:50%;margin:20px 0
    }
    .quality ul li img{
        width:90%
    }
    .footer-hold ul .three{
        width:100%
    }
    .footer-hold ul li:nth-child(4){
        width:100%;text-align:center
    }
    .n-about-lst ul li img{
        width:100%
    }
    .n-about-lst-con{
        width:96%;text-align:center
    }
    .n-news-list ul li{
        width:46.5%
    }
    .contact-hold .contact-left{
        width:92%
    }
    .contact-hold .contact-right input{
        width:280px
    }
    .contact-hold .contact-right .textarea{
        width:280px
    }
    .contact-hold .contact-right{
        width:92%
    }
    .pro-hold .pro-tit h1{
        font-size:22px
    }
    .n-about-video iframe{
        width:100%
    }
    .margin-right-30{
        margin-left: 35px;
    }
}
@media screen and (max-width: 600px){
.banner {
    width: 100%;
    padding: 8% 0;
    background: url(../images/banner11.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
}
.banner-con img{
width:90%;
}

.banner-con p{
font-size:12px;margin-top:0px
}
.banner-con .i-contact p{
font-size:14px
}
.banner-con .i-contact{
padding: 5px 0px;
    background: #fff;
    border-radius: 30px;
    color: #008039;
    width: 150px;
    margin: 10px auto 0 auto;
}
.dunlop-img{
margin:0 2%
}
.i-product-list{
width:96%;margin:0 2%
}
.talalay-right{
margin:0 2%
}
.dunlop-list{
margin:0 2%
}
    .n-about-lst{
        width:96%;margin:0 2%
    }
.footer-hold ul{
margin:0 2%
}
.pro-hold .pro-tit{
font-size: 22px;

}
.n-news-list ul li{
margin: 2%;
    width: 43.5%;

}
    .pro-con{
        width:96%
    }}



.request{width: 200px;
    height: 40px;
    background: #1b9953;
    margin: 20px 0;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    color: #fff;}