@charset "utf-8";

@media only screen and (min-width:1000px)
{
*{margin:0;padding:0;color:#555;font-size:1em;font-family:"microsoft yahei",arial;list-style:none}
html{scroll-behavior:smooth;}
a,a span{text-decoration:none;display:block;}
a:hover,a:hover>span{color:#00b48e;}
hr,img{border:none}
.fl{float:left}
.fr{float:right}
.cc{clear:both}
.kbj{display:none}
.w1024{min-width:1000px;max-width:1500px;margin:0 auto;width:88%;overflow:hidden;}
.header{width:100%;height:auto;top:0;z-index:80;border-bottom:1px solid #ccc;box-shadow:0 1px 10px #999;background-color:#fff;transition:all .2s ease-in-out}#btn{display:none}
.logo{padding:20px 0}
.logo>a{padding:5px 0;float:left;width:78%}
.logo>a>h1{padding-top:5px;font-size:2.2em;line-height:1em;color:#00b48e;white-space: nowrap;}
.logo>a>h1>b{font-size:18px;color:#00b48e;white-space: nowrap;}
.logo>a>p{line-height:1.2em;padding-top:5px;font-weight:700;font-size:1.1em;white-space: nowrap;}
.logo>a>img{float:left;height:80px;padding-right:50px}
.logo>p{float:right;width:20%;text-align:right;margin-top:-10px;}
.logo>p>a{display:inline-block;color:#555;line-height:20px;background-image: url(/d/img/no.png);background-repeat: no-repeat;padding:0 10px 0 22px;background-size:19px;}
.logo>p>a:hover{color:#00b48e;}
.logo>p>b{font-size:24px;color:#555;display:block;}
.logo>p>b>em{font-size:16px;padding-top:16px;display:block;}

.nav{background-color:#00b48e;font-size:1.2em;}
.nav>a{display:none;width:0;height:0;overflow:hidden}
.nav>ul{margin:auto}
.nav>ul>li{float:left;width:18%;margin-left:-1px;}
.e-width{width:28%!important;}
.nav>ul>li>a{text-align:center;color:#fff;line-height:54px;text-decoration:none;border-left:1px solid #fff;border-right:1px solid #fff;}
.nav>ul>li>a>p{background:url(01.png) no-repeat 0 -120px;overflow:hidden;display:inline-block;width:24px;padding-top:18px}
.nav>ul>li:hover>a>p{background:url(01.png) no-repeat -24px -120px}
.nav>ul>li:hover>a{color:#00b48e}
.nav>ul>li:hover{background:#eee;transition:all .1s ease-in-out}
.nav>ul>li>ul{position:absolute;z-index:-80;width:100%;height:0;left:0;text-align:center;background:#eee;opacity:0;overflow:hidden;box-shadow:0 1px 10px #999}
.nav>ul>li:hover>ul{z-index:40;opacity:1;height:auto;padding:20px 0;transition:all .5s ease-in-out}
.nav>ul>li>ul>li{display:inline-block;padding:0 1%}
.nav>ul>li>ul>li>a{text-align:center;width:200px;overflow:hidden}
.nav>ul>li>ul>li>a>img{width:88%;padding:6%}
.nav>ul>li>ul>li>a>p{white-space:nowrap;font-size:.8em;overflow:hidden}
.nav>ul>li>ul>li>a:hover>p{color:#e62129}
.nav>ul>li>ul>li>a>span{white-space:nowrap;overflow:hidden}
.nav>ul>li>ul>li:hover>a>img{width:100%;background:#fff;padding:0;box-shadow:0 0 10px #999;transition-duration:.3s}
.slideDown{position:fixed;top:-139px}
.slideUp{top:139px}

.banner{overflow: hidden;text-align: center;}
.banner>img{width: 100%;margin: auto;display: block;}
.banner>video{width: 100%;margin-top:-50%;display: block;}
.hengfu>a{background-image: url(/d/pzbz.jpg);background-position:top center;background-size:auto 100%;height: 120px;cursor:default;}

.wz{background:#eee;border-bottom:1px solid #ddd;}
.wz span{margin-bottom:-4px;padding:12px;background-image:url(/d/img/tub.png);background-repeat:no-repeat;background-position:-32px -243px;background-size:60px auto;}
.wz>div *{display:inline-block;line-height:30px;}
.page-title{padding:0 0 60px 0;text-align:center}
.page-title>h2{color:#00b48e;font-size:2.5em;display:inline-block;padding:.5% 1%;background:#fff;text-shadow:1px 1px #bbb}
.page-title>p{margin:-25px 20%;padding-top:20px;border-top:3px solid #00b48e;color:#888;white-space: nowrap;}
.hot_product{padding:1% 0 3%;background:#e5e5e5}
.hot_product li{float:left;width:23%;margin:1%;background:#eef8fc;overflow:hidden;}
.hot_product ul li a{width:100%;margin-top:-31%;text-align:center;overflow:hidden;}
.hot_product ul li a{background-position:center center;background-repeat:no-repeat;background-size:95%;}
.hot_product ul li h1{color:#00b48e;font-size:1.2em;line-height:1em;margin-top:136%;white-space:nowrap;}
.hot_product ul p{font-size:1em;padding:2% 1%;white-space: nowrap;overflow: hidden;}
.hot_product ul span{font-size:1em;padding:0 0 1em 0}
.hot_product1{margin-left:0!important}
.hot_product li:hover{box-shadow:0 0 10px #555;text-decoration:none;transition-duration:.5s}
.hot_product li:hover>a{background-size:110%;transition-duration:.5s;}
.hot_product li:hover>a>h1{color:#00b48e;}

.about_us {padding:2% 0 3%;}
.about_us1 {padding:2% 0}
.about_us3 {float:left;width:45.7%;}
.about_us3>img{width:100%;max-width:530px}
.about_us2 {float:right;width:53%;}
.about_us2>p{font-size:18px;line-height:1.4em;text-align: left;padding:0 0 0.8em 0;}
.about_us4 span{text-align:center;display:block;display:block;float: left;background:#f9f9f9;}
.about_us4 span img{display:block;width: 100%;}
.about_us4 span p{display:inline;line-height:1.6em;}
.about_us4{width: 100%;}

.bai{background-image:url(/d/img/bai.jpg)}
.bai>.page-title>h2{background-image:url(/d/img/bai.jpg)}
.hui{background:#eef8fc}
.hui>.page-title>h2{background:#eef8fc}

.advantage{padding:2% 0 5%;}
.advantage1{clear:both;padding:3% 0;border-bottom:1px dashed #00b48e;max-width:1360px;}
.advantage h3{font-size:1.8em;color:#00b48e}
.advantage h3>span{background:#fd9d00;color:#fff;padding:0 10px;border-radius:50%;margin-right:5px}
.advantage p{list-style:circle;padding:6px 0 0 40px;}
.advantage p>span{color:#00b48e;font-weight:bold;}
.advantage img{max-width:45%;max-width:400px}
.advantage2{width:55%;min-width:500px}

.service{padding:3% 0;}
.service1{padding:2% 0;text-align: center;}
.service1 p{display:inline-block;text-align: center;}
.service1 p img{height:283px;}
.service1 span{display: block;font-size:1.5em;}

.service1 h4{padding:0 0 2%;text-align: center;font-size:1.5em;}
.service2{padding:2% 0 5%;}
.service3{width:19%;height:200px;padding:2% 0;margin:2% 0 0 1%;float: left;background:#eee;border-radius:5%;}
.service3 h3{line-height:1.5em;font-size:1.5em;text-align: center;margin-top:20px;}
.service3 p{line-height:1.5em;font-size:1.1em;text-align: center;}
.service3 span{width:125px;margin:auto;padding:125px 0 0 0;background-position-x:250px;border-radius:50%;display: block;background-image:url(/d/img/tub.png);overflow:hidden;}
.service3:hover{background:#ddd;}
.service3:hover>h3{color:#00b48e;}
.service3:hover>p{color:#00b48e;}
.service3:hover>span{background-position-x:125px;transition-duration:.5s}

.footer{background:#fff;overflow:hidden;padding:60px 0 0;}
.footer1{background:#fff;overflow:hidden;padding:60px 0;}
.fooot3 img{float:left;width:150px;padding-right:10px;display:block}
.fooot3{padding-left:5%}
.fooot4 img{width:280px;display:block}
.fooot3>h4{font-size:1.6em;line-height:2em}
.fooot3>a{line-height:25px}
.fooot3>p{line-height:37px;color:#222;}
.footer9{line-height:20px;padding:10px 0;width:100%;background:#eef8fc;text-align:center}
.footer9 *{color:#777;display:inline-block;padding:0 10px 0 0}
.footer2{position:fixed;right:1%;width:70px;bottom:10%;z-index:40}
.footer2>ul{border:1px solid #ccc;border-radius:3px;background:#fff;margin-bottom:200px}
.footer2 p{height:0;margin:auto;width:68px;padding:34px 0px;overflow:hidden}
.footer2 li{text-align:center;color:#555;font-size:14px;border-bottom:1px solid #ccc}
.footer2 a{color:#555;text-decoration:none;font-size:14px}
.footer2 li:hover,.footer2 li:hover>a{text-align:center;background-color:#00b48e;color:#fff}
.footer2 li:hover>div{display:block}
.footer2>ul>li>div{display:none;position:absolute;padding:10px;width:180px;background:#fff;border:1px solid #ddd;}
.footer2 p,#UD{background-image:url(/d/img/tub.png);background-repeat:no-repeat;background-size:136px auto; }
.footer2>ul>li>div{margin:-68px 0 0 -203px}
.wxkf1>h4{font-size:1.2em;line-height:1.5em;color:#00b48e}
.wxkf>div>img{width:100%;display:block}
.lxkf h4{text-align:left;font-size:1.2em;padding-bottom:.5em;color:#00b48e;}
.lxkf font{display:block;color:#000;}
.lxkf b{display:block;font-size:1.2em;padding-bottom:1em}
.lxkf1{background:#00b48e;border-radius:8px;width:80px;padding:0 18px;margin:0 auto 20px}
.lxkf1 span{line-height:30px;float:right;color:#fff}
.lxkf1 img{width:20px;float:left;padding:3px 0 0 0}
.lxkf1:hover>span{color:#fff}
.lxkf p{background-position:0px -338px;}
.lxkf:hover p{background-position:-68px -338px;}
.wxkf p{background-position:0 -408px;}
.wxkf:hover p{background-position:-68px -408px;}
.swhz p{background-position:-32px 0px;}
.swhz:hover p{background-position:-32px -32px;}
.swhz h4{font-size:1.5em;line-height:1.5em;color:#00b48e}
.xxfk p{background-position:-96px 0px;}
.xxfk a{cursor:pointer;}
.xxfk:hover p{background-position:-96px -32px;}

#UD{display:none;width:60px;height:60px;text-align:center;color:#555;margin-top:100px;background-position:-4px -476px;overflow:hidden;}
#UD:hover{background-color:#00b48e;background-position:-72px -476px;}
* html .footer9{position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||0)-10);top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)-100))}}

@media only screen and (max-width:999px){
*{margin:0;padding:0;font-size:1em;color:#555;font-family:arial,"microsoft yahei";list-style:none}
body{padding-top:60px}
hr,img{border:none}
a,a span{text-decoration:none;display:block;color:#00b48e}
a:hover,a:hover>span{color:#00b48e}
#adDiv{display:none !important;}
.bon{border:none!important}
.din{display:none;width:0!important;height:0!important;overflow:hidden!important;padding:0!important;margin:0!important}
.cc{clear:both}
.w1024{width:100%;margin:0 auto;overflow:hidden;}
.header{position:fixed;z-index:70;left:0;top:0;width:100%;height:59px;border-bottom:1px solid #ddd;background:#fff;}
.logo>a{padding:5px;float:left}
.logo>a>img{float:left;height:49px}
.logo>a>p{display:none}
.logo>a>h1{display:none}
.logo>p>b{display:none}
.logo>p{float:right;padding:20px 20px 20px 0;}
.logo>p>a{display:inline-block;color:#555;line-height:19px;background-image: url(/d/img/no.png);background-repeat: no-repeat;padding-left:22px;background-size:19px;}
.logo>p>b{display:none}
.slideDown{top:-60px}
.slideUp{top:0}
.nav{display:none;width:100%;height:100%;padding:0 0 100% 0;background-color:rgba(230,230,230,.9);overflow:scroll;overflow:hidden}
#btn{float:right;background:#999;font-size:32px;padding:5px 12px;border:3px solid #eee;color:#fff}
.nav>ul>li{margin:1px .5%;background:#00b48e}
.nav>ul>li>a{font-size:1.2em;padding-left:10%;color:#fff;line-height:2.5em}
.nav>ul>li>ul{background:#f9f9f9;padding:2%}
.nav>ul>li>ul>li{text-align:center;width:32%;display:inline-block}
.nav>ul>li>ul>li>a{text-align:center;padding:5px 0;overflow:hidden}
.nav>ul>li>ul>li>a>span{white-space:nowrap}
.nav>ul>li>ul>li>a>p{white-space:nowrap}
.nav>ul>li>ul>li>a>img{width:60%;display:block;margin:auto}
.banner{overflow: hidden;text-align: center;}
.banner>img{width: 100%;margin: auto;display: block;}
.banner>video{width: 100%;margin-top:-50%;display: block;}
.hengfu>a{background-image: url(/d/pzbz.jpg);background-position:top center;background-repeat:no-repeat;background-size:150%;width:100%;padding-top:10%;}
.hengfu-en>a{background-image: url(/d/pzbz-en.jpg);background-position:top center;background-repeat:no-repeat;background-size:150%;width:100%;padding-top:10%;}

.wz{background:#eee;border-bottom:1px solid #ddd}
.wz>div *{display:inline-block;line-height:30px;color:#555;font-size:0.8em;}
.page-title{padding:4% 0 8%;text-align:center}
.page-title>h2{color:#00b48e;font-size:1.5em;display:inline-block;padding:.5% 1%;background:#eef8fc;text-shadow:1px 1px #bbb}
.page-title>p{margin:-20px 4%;padding-top:20px;border-top:3px solid #00b48e;color:#888}
.hot_product{padding:1% 0 3%;background:#e5e5e5}
.hot_product li{float:left;width:46%;background:#eef8fc;padding:0.7%;margin:1%}
.hot_product ul li a{width:100%;text-align:center;float:left;background-position:top center;background-repeat:no-repeat;background-size:100%}

.hot_product ul li h1{color:#00b48e;font-size:1em;line-height:2em;padding:100% 0 0 0;white-space:nowrap;overflow: hidden;}
.hot_product ul p{font-size:0.8em;padding:1%;white-space:nowrap;overflow: hidden;}
.hot_product ul span{font-size:0.8em}
.hot_product1{margin-left:0!important}

.about_us {padding:2% 0 3%;}
.about_us1 {padding:2% 0;text-align: center;}
.about_us3 {width:96%;margin:auto;}
.about_us3>img{width:100%;max-width: 520px;}
.about_us2 {width:96%;margin:3% auto;}
.about_us2>p{font-size:1em;line-height:1.2em;text-align: left;padding:0 0 0.5em 0;}
.about_us2 span{text-align:center;display:inline-block;background:#f9f9f9;}
.about_us2 span img{display:block;width: 100%;}
.about_us2 span p{display:inline;line-height:1.6em;font-size:0.8em;}

.bai{background:#fff}
.bai>.page-title>h2{background:#fff}
.hui{background:#eef8fc}
.hui>.page-title>h2{background:#eef8fc}


.advantage{padding:0 0 5%;background-color: #eef8fc;}
.advantage{padding:2% 0 5%;}
.advantage1{clear:both;padding:3% 0;border-bottom:1px dashed #00b48e;}
.advantage h3{font-size:1.2em;color:#00b48e}
.advantage h3>span{background:#fd9d00;color:#fff;padding:0 6px;border-radius:50%;margin-right:5px}
.advantage p{list-style:circle;padding:6px 0 0 4px;}
.advantage p>span{color:#00b48e;font-weight:bold;}
.advantage img{padding:2%;width:96%;}
.advantage2{width:94%;padding:0 0 0 6%;}

.feedback{padding:2%;width:96%;}
.feedback form{margin:1em auto!important;text-align: center;}
.feedback textarea{width:98%;line-height:1em;border: 1px solid #999;border-radius: 5px;margin-top:0.9em;padding:1%;}
.feedback input {width:98%;line-height:2em;padding:1%;border: 1px solid #999;border-radius: 5px;margin-top:0.9em;}
.feedback button {width:100%;line-height:2em;padding:1%;border: 1px solid #999;border-radius: 5px;margin-top:0.9em;background-color:#00b48e;color:#fff}
.feedback1{float:right!important;width:100%!important;cursor:pointer;color:#fff;background-color:#00b48e;text-align:center;}

.service{padding:3% 0;}
.service1{padding:3% 0;text-align: center;}
.service1 p{width:48%;float: left;margin:1%;}
.service1 p img{width:100%;display:inline-block;}
.service1 span{display: block;font-size:1.5em;}
.service1 h4{padding:2% 4%;font-size:1.1em;text-align: left;}
.service2{padding:2% 0 5%;}
.service3{width:100%;margin:1%;float: left;background:#fff;}
.service3 h3{font-size:1.2em;padding:8% 0 0 30%}
.service3 p{font-size:1.2em;padding:2% 0 0 30%}
.service3 span{width:100px;padding:100px 0 0 0;float:left;background-position-x:235px;display: block;overflow:hidden;background-image:url(/d/img/tub.png);}
.service4{width:100% !important;}

.footer{background-color:#555;}
.footer2{position:fixed;z-index:50;width:100%;bottom:0;background:#fff}
.footer2>ul>li{float:left;width:49.8%;padding:.1%}
.footer2>ul>li>a{text-align:center;background:#00b48e;color:#fff;line-height:36px;border-radius:6px;border:1px solid #ddd}
.footer9>a{text-align:center;color:#fff;line-height:20px;font-size:0.8em;}
.footer1,.UD,.lxkf,.swhz,.wxkf,.xxfk{display:none!important;overflow:hidden;}
}