/* CSS Document */
*, h1, h2, h3, h4, h5, h6, h7, p, ul, li, ol { padding: 0; margin: 0; }
body { font-family: "微软雅黑"; }
body { font-size: 1.4rem; }
ul, li { list-style: none; margin: 0; }
img { max-width: 100%; }
a { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */ }
a:hover { text-decoration: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*/ .clear {
height:0px;
clear:both;
font-size:0px;
line-height:0px;
zoom: 1;
}
html { font-size: 62.5%; }
body { font-size: 1.4rem;/* overflow:hidden;*/ width: 100%; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.content { padding-bottom: 52px; }
header { position: relative; }
.logo { display: block; padding: 10px; }
.logo img { display: block; height: 45px; margin:0 auto; }
.nav { position: absolute; top: 10px; right: 0; background: url(../image/navico.png) no-repeat center / 25px auto; width: 50px; height: 45px; }
/*-------插件已包含关键性样式以下只用于设置焦点按钮的样式可自定义------*/
.slider { display: none }/*用于获取更加体验*/
.slider img { display: block; }
.focus { text-align: center; }
.focus span { width: 27px; height: 4px; margin: 0 3px; background: #434343; font-size: 0; }
.focus span.current { background: #e1c5a3; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; }
.Cnav { padding: 15px 0 5px; }
.Cnav li { float: left; display: inline; width: 33.33%; margin-bottom: 15px; }
.Cnav li a { display: block; color: #666; text-align: center; font-size: 1.5rem; }
.Cnav li span { display: block; width: 60px; height: 60px; border-radius: 100%; margin: 0 auto 5px; background: #dec49f; overflow: hidden; }
.Cnav li img { display: block; width: 50%; margin: 15px auto; }
.tit { background: url(../image/bg3.jpg) repeat-x center; font-size: 2rem; color: #dec49f; text-align: center; line-height: 37px; }
.tit span { background: #fff; padding: 0 12px; }
.chan-row { padding: 0 10px; }
.chan-row li { width: 100%; margin-top: 15px; }
.chan-row li a { display: block; position: relative; color: #666; padding: 15px 0; clear: both; overflow: hidden; background: #f8f8f8; }
.chan-row li img.fl { float: left; display: block; z-index: 3; width: 50%; position: relative; margin: 15px 0 0; }
.chan-row li .info { float: right; z-index: 4; width: 50%; position:absolute; right:16px; top:40px; }
.chan-row li .info .stit { font-size: 1.6rem; color: #000; margin-bottom: 10px; }
.chan-row li .info .p { line-height: 1.6; }
.chan-row li .det { display: block; margin-top: 15px; width: 100px; height: 36px; text-align: center; line-height: 34px; color: #dec49f; border: 1px #dec49f solid; border-radius: 4px; transition: all .3s ease; }
.chan-row li a:hover .det { background: #dec49f; color: #fff; }
.chan-row li .best { display: block; width: 50px; position: absolute; top: 0; right: 0; z-index: 2; }
.chan-row li .sbg { display: block; position: absolute; z-index: 1; }
.chan-row .li01 { margin-right: 60px; }
.chan-row .li01 .sbg { width: 40%; bottom: 0; left: 0; }
.chan-row .li02 .sbg { width: 40%; bottom: 0; right: 0; }
.idx2 { padding: 15px 10px; }
.idx2 h2 { font-size: 1.8rem; color: #000; }
.idx2 em { display: block; width: 50px; height: 2px; background: #dec49f; margin: 15px 0; }
.idx2 p { color: #333; margin-bottom: 15px; }
.idx3nav { background: #f5f5f5; border-top: 1px #eee solid; border-bottom: 1px #eee solid; }
.idx3nav a { float: left; width: 50%; text-align: center; color: #666; border-left: 1px #eee solid; padding: 10px 0; font-size: 1.4rem; }
.idx3nav a:first-child { border: none; }
.idx3nav a.active { color: #000; background: #fff; }
.idx3nav a i { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 10px; }
.idx3nav a i.idx3ico1 { background: url(../image/ico1.png) no-repeat center/20px auto; }
.idx3nav a i.idx3ico2 { background: url(../image/ico2.png) no-repeat center/20px auto; }
.idx3nav a.active i.idx3ico1 { background-image: url(../image/ico1_h.png); }
.idx3nav a.active i.idx3ico2 { background-image: url(../image/ico2_h.png); }
.idx3con { padding: 15px 10px; display: none; }
.idx3con img { display: block; }
.idx3con ul { margin: 10px 0; }
.idx3con li a { display: block; color: #333; line-height: 1.8; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.idx3more { border: 1px #535353 solid; color: #333; display: block; width: 30%; padding: 8px 0; text-align: center; }
.copy { background: #f3f3f3; padding: 15px 10px; color: #666; text-align: center; }
.copy a { color: #666; }
.copy a:hover { color: #dec49f; }
/*底部*/
footer { background: #313131; position: fixed; bottom: 0; left: 0; width: 100%; height: 52px; z-index: 99; }
footer li { float: left; display: inline; width: 25%; }
footer li img { display: block; width: 20px; margin: 0 auto 3px; }
footer li a { display: block; color: #dec49f; padding: 6px 0 0; font-size: 1.2rem; text-align: center; }
footer li a:hover { color: #dec49f; }
/*导航*/
.sidebar-left { width: 240px; position: fixed; z-index: 99999; top: 0px;/* right: -273px;*/ right: -240px; bottom: 0px; overflow: hidden; position: fixed; z-index: 101; }
.sidebar-scroll-left { background: #dec49f;/* padding-right: 20px;*/ right: 0px;/* width: 310px;*/ overflow: scroll!important; overflow-x: hidden!important; -webkit-overflow-scroll: touch!important; height: 100%; position: relative; z-index: 101; }
/*Left sidebar styles*/
.sidebar-scroll-left h3 { color: #000; background: #fff; text-align: center; height: 65px; line-height: 65px; }
.sidebar-left a { display: block; position: relative; }
.sidebar-left-logo { position: absolute; top: 5px; left: 15px; max-height: 50px; }
.close-sidebar-left {/* background-color: #212326;*/ background-image: url(../image/accessdenied.png); background-size: 20px 20px; background-repeat: no-repeat; background-position: center; height: 60px; width: 50px;/* margin-left: 220px;*/ position: absolute; right: 0; top: 0; display: block; }
.sidebar-left a.close-sidebar-left { position: absolute; right: 0; }
.nav-item { display: block; position: relative; -webkit-tap-highlight-color: rgba(0,0,0,0); font-size: 1.6rem; color: #000; height: 45px; line-height: 45px; margin: 0 15px; border-bottom: 1px #cbb08b solid; }
.nav-item:hover { color: #000; }
.icon-page { position: absolute; background-image: url(http://m.otlanjh.com/templates/1686/webapp/images/gopage@2x.png); background-repeat: no-repeat; display: block; width: 16px; height: 22px; top: 20px;/* left: 240px;*/ left: 20px; }
.icon-drop { position: absolute; background-image: url(http://m.otlanjh.com/templates/1686/webapp/images/godrop@2x.png); background-repeat: no-repeat; display: block; width: 16px; height: 22px; top: 21px;/* left: 240px;*/ left: 20px; }
.submenu { padding: 5px 0 15px; }
.submenu a { padding-left: 30px; color: #000; text-transform: uppercase; line-height: 32px; font-size: 1.4rem; }
.submenu { display: none; }
.close-bottom-left { display: block; background-image: url(../image/accessdenied.png); background-repeat: no-repeat; background-position: 20px 16px; background-size: 25px 25px; height: 50px; }
.bgpng { background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none; z-index: 100; }
/*内页样式*/
.pheader { padding: 0 10px; background: #fff; border-bottom: 1px #e5e5e5 solid; }
.pheader .logo img { margin: 0 auto; }
/*.back { display: block; width: 40px; height: 44px; background: url(../images/backico.png) no-repeat center/25px auto; position: absolute; top: 10px; left: 0; }*/
.pnav { background: #f3f3f3; text-align: center; padding: 15px 0; }
.pnav a { color: #666; font-size: 1.6rem; display: inline-block; padding: 5px 10px; }
.pnav a.active { background: #dec49f; color: #fff; }
/*品牌简介*/
.about1 { padding: 15px 10px; color: #666; line-height: 1.6; }
.about1 h3 { font-size: 1.8rem; color: #000; margin: 15px 0 10px; }
.about2 { position: relative; color: #fff; line-height: 1.6; }
.about2 div { position: absolute; width: 90%; left: 5%; bottom: 10%; }
.about2 h3 { font-size: 1.8rem; margin: 0 0 10px; }
.about3 { padding: 25px 10px 15px; }
.about3 h3 { font-size: 1.8rem; color: #000; margin-bottom: 25px; text-align: center; }
.about3con { border-left: 1px solid #dec49f; padding-left: 23px; margin-left: 68px; }
.about3con dl { position: relative; color: #000; font-size: 1.4rem; line-height: 36px; margin-top: 15px; }
.about3con dl:first-child { margin: 0; }
.about3con dt { font-size: 1.4rem; position: absolute; left: -92px; color: #666; font-weight: normal; }
.about3con dt::after { display: block; content: ''; background: #fff; width: 18px; height: 18px; border: 3px solid #dec49f; border-radius: 100%; position: absolute; right: -30px; top: 3px; }
.about3con dl:first-child dt::before { display: block; content: ''; background: #fff; width: 21px; height: 5px; position: absolute; right: -42px; top: -1px; }
/*环境电器介绍*/
.about4 { position: relative; color: #fff; line-height: 1.6; }
.about4 div { position: absolute; width: 90%; left: 5%; top: 15%; text-align: center; }
.about4 h3 { font-size: 1.8rem; margin: 0 0 10px; }
.about5 { padding: 0 10px 20px; }
.about5 h2 { font-size: 1.8rem; margin: 15px 0 10px; color: #000; }
.about5 p { line-height: 1.6; color: #666; }
.about5 h3 { font-size: 1.4rem; font-weight: bold; color: #000; margin: 15px 0 5px; }
.about5 img { display: block; margin: 25px 0 0; }
/*荣誉资质*/
.honor { padding: 0 5px 20px; }
.honor .stit { font-size: 1.8rem; color: #333; font-weight: bold; text-align: center; margin: 20px 0; }
.honor .stit span { color: #dec49f; }
.honor .p { font-size: 1.4rem; line-height: 2; color: #666; padding: 0 5px; }
.honor-list { margin-top: 20px; }
.honor-list li { float: left; display: inline; width: 50%; text-align: center; font-size: 1.4rem; color: #6d6d6d; padding: 5px; }
.honor-list li .honor-img { width: 100%; border: 1px solid #e8e8e8; padding: 9px; background: #fff; margin-bottom: 5px; }
.honor-list li img { display: block; margin: 0 auto; width: 100%; }
.honor-list li p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
/*分页*/
.paginator { text-align: center; padding: 30px 0 20px; }
.paginator img { vertical-align: text-top; }
.paginator a, .paginator span { display: inline-block; height: 31px; line-height: 29px; color: #666; font-size: 14px; border: 1px #eee solid; padding: 0 10px; margin: 0 2px; }
.paginator a:hover { background: #dec49f; border-color: #dec49f; color: #fff; }
.paginator span.current { color: #fff; background: #dec49f; border-color: #dec49f; }
/*分页------------------------------*/
/*招商加盟*/
.join1 { color: #fff; font-weight: bold; text-align: center; font-size: 1.5rem; }
.join1 div { position: absolute; top: 25%; width: 100%; }
.join1 img { display: block; }
.join2 { padding: 20px 10px; }
.join2 h2 { text-align: center; font-size: 2rem; color: #333; font-weight: bold; }
.join2 h3 { font-size: 1.6rem; color: #000; margin: 15px 0; }
.join2 p { color: #666; line-height: 1.6; }
.join3 { padding: 0 15px; }
.join3 h3 { font-size: 1.8rem; color: #000; margin: 0 0 15px; }
.join4 { padding: 0 5px; border-bottom: 1px #e5e5e5 solid; }
.join4 h2 { text-align: center; font-size: 2rem; color: #333; font-weight: bold; }
.join4 h2 p { font-weight: normal; font-size: 1.4rem; margin-top: 15px; }
.join-list1 { margin-top: 45px; }
.join-list1 li { float: left; display: inline; width: 50%; padding: 5px; text-align: center; margin-bottom: 35px; box-sizing:border-box; }
.join-list1 li h3 { font-size: 20px; color: #dec49f; font-weight: bold; margin: 15px 0; }
.join-list1 li .p { line-height: 22px; min-height: 44px; overflow: hidden; font-size:1.3rem; }
.join5 { padding: 20px 5px; }
.join5 h2 { text-align: center; font-size: 2rem; color: #333; font-weight: bold; margin-bottom: 15px; }
.join5 .swiper-slide { padding: 0 5px; }
.join6 { font-size: 1.6rem; color: #fff; text-align: center; position: relative; }
.join6 h2 { font-size: 2rem; margin-bottom: 15px; font-weight: bold; }
.join6 img { display: block; }
.join6 div { position: absolute; top: 23%; width: 100%; left: 0; }
.join7 { padding: 15px 10px; }
.formDiv { border: 1px #e6e6e6 solid; background: #fff; margin-bottom: 12px; border-radius: 5px; overflow: hidden; background-size: 20px auto; background-repeat: no-repeat; background-position: 10px 12px; padding-left: 40px; }
.formDiv1 { background-image: url(../image/ico3.png); }
.formDiv2 { background-image: url(../image/ico4.png); }
.formDiv3 { background-image: url(../image/ico5.png); }
.formDiv4 { background-image: url(../image/ico6.png); }
.formDiv input { border: none; width: 100%; padding: 12px 10px 12px 0; }
.formDiv textarea { border: none; width: 100%; height: 120px; padding: 12px 10px 12px 0; display: block; }
.submit { display: block; background: #dec49f; color: #fff; width: 100%; border: none; padding: 10px 0; border-radius: 5px; font-size: 1.6rem; }
/*联系我们*/
.contact1 { color: #000; font-size: 2rem; position: relative; }
.contact1 img { display: block; }
.contact1 p { color: #666; font-size: 1.6rem; margin: 5px 0 0; }
.contact1 h3 { position: absolute; width: 100%; padding: 0 10px; left: 0; bottom: 22%; }
.contact2 { padding: 15px 10px; }
.contact2 h3 { font-size: 1.8rem; color: #000; margin-bottom: 10px; }
.contact2 p { line-height: 1.6; color: #666; }
.map { padding: 0 10px 15px; }
/*新闻中心*/
.u-pnav { background: #f3f3f3; padding: 12px 10px; }
.u-pnav .pnav { padding: 0; }
.u-pnav .swiper-wrapper { line-height: 1; }
.pnav .swiper-slide { width: 38%; text-align: center; margin: 0; }
.pnav .swiper-slide:first-child { border: none; }
.pnav .swiper-slide a { display: block; color: #666; padding: 8px 0; margin: 0; }
.pnav .swiper-slide a:hover, .pnav .swiper-slide.active a { color: #fff; background: #dec49f; }
.news{ padding:0 10px;}
.news-list li { padding: 15px 0; border-bottom: 1px #eee solid; }
.news-list li a { display: block; clear: both; overflow: hidden; }
.news-list li img.fl { float: left; display: block; width: 110px; height: 90px; }
.news-list li .info { padding: 0 0 0 120px; }
.news-list li .stit { font-size: 1.6rem; color: #000; }
.news-list li span { display: block; color: #999; font-family: Arial; font-size: 12px; margin: 3px 0 0; }
.news-list li .p { font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; color: #666; }
.news-list li .info img { width: 30px; }
/*详情*/
.new-detail { padding: 0 0 20px; margin: 0 auto; }
.det-tit { margin-top: 20px; text-align: center; border-bottom: 1px #eee solid; padding-bottom: 5px; }
.det-tit h1 { font-size: 1.6rem; font-weight: normal; text-align: center; color: #000; }
.det-tit span { display: block; margin: 5px 0; color: #666; font-size: 1.4rem; }
.det-con { padding: 15px 10px; }
.det-con img { max-width: 100%; }
.det-con p { line-height: 24px; color: #666; font-size: 14px; }
.det-con table { border: 1px #c9c9c9 solid; border-collapse: collapse; font-size: 14px; color: #000; margin: 20px auto; width: 100%; }
.det-con table td { border: 1px #c9c9c9 solid; padding: 10px; }
.fy { border-top: 1px #e7e7e7 solid; padding-top: 15px; margin: 0 10px; }
.fl-l { margin-bottom: 15px; }
.fy span { display: block; margin-right: 30px; color: #999; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; }
.fy span a { color: #999; }
.fy span a:hover { color: #dec49f; }
.fy .bdsharebuttonbox a { background: rgba(0, 0, 0, 0) url(../image/bg_sign30.png) no-repeat; display: inline-block; float: left; height: 22px; width: 35px; }
.fy .bdsharebuttonbox a.bds_weixin { background-position: 0 0; }
.fy .bdsharebuttonbox a.bds_weixin:hover { background-position: 0 -22px; }
.fy .bdsharebuttonbox a.bds_tsina { background-position: 0 -44px; }
.fy .bdsharebuttonbox a.bds_tsina:hover { background-position: 0 -66px; }
.fy .bdsharebuttonbox a.bds_qzone { background-position: 0 -88px; }
.fy .bdsharebuttonbox a.bds_qzone:hover { background-position: 0 -110px; }
.fy .bdsharebuttonbox a.bds_tqq { background-position: 0 -132px; }
.fy .bdsharebuttonbox a.bds_tqq:hover { background-position: 0 -154px; }
.fy .bdsharebuttonbox a.bds_sqq { background-position: 0 -176px; }
.fy .bdsharebuttonbox a.bds_sqq:hover { background-position: 0 -198px; }
.fy .bdsharebuttonbox a.bds_tieba { background-position: 0 -220px; }
.fy .bdsharebuttonbox a.bds_tieba:hover { background-position: 0 -242px; }
/*净水产品*/
.product1 { background: #e3d7c6; padding: 15px 10px; }
.product1 .swiper-slide { width: 100%; padding-bottom: 30px; }
.product1 .swiper-slide a { display: block; background: #fff; position: relative; color: #666; padding: 15px 0 20px; clear: both; overflow: hidden; background: #f8f8f8; }
.product1 .swiper-slide img.fl { float: left; display: block; z-index: 3; width: 40%; position: relative; margin: 15px 0 0; }
.product1 .swiper-slide .info { float: right; z-index: 4; width: 57%; padding-top: 20px; position:absolute; right:20px; top:25px; }
.product1 .swiper-slide .info .stit { font-size: 1.6rem; color: #000; margin-bottom: 10px; }
.product1 .swiper-slide .info .p { line-height: 1.6; font-size: 1.3rem; }
.product1 .swiper-slide .det { display: block; margin-top: 15px; width: 100px; height: 36px; text-align: center; line-height: 34px; color: #dec49f; border: 1px #dec49f solid; border-radius: 4px; transition: all .3s ease; }
.product1 .swiper-slide a:hover .det { background: #dec49f; color: #fff; }
.product1 .swiper-slide .best { display: block; width: 50px; position: absolute; top: 0; right: 0; z-index: 2; }
.product1 .swiper-pagination-bullet { background: none; border: 1px #fff solid; opacity: 1; }
.product1 .swiper-pagination-bullet-active { background: #fff; }
.product-box2 { padding: 20px 0; }
.product-box2 .stit { font-size: 1.8rem; color: #333; padding: 0 10px; margin: 15px 0 10px; }
.product-row1 { padding: 0 5px; }
.product-row1 li { float: left; display: inline; background: #fff; width: 50%; padding: 5px; }
.product-row1 li a { display: block; text-align: center; padding: 10px 0 15px; border: 1px #eee solid; }
.product-row1 li img { display: block; width: auto; max-width: 100%; margin: 0 auto 20px; }
.product-row1 li .stit { font-size: 1.6rem; color: #000; margin-bottom: 5px; }
.product-row1 li p { font-size: 14px; color: #666; line-height: 20px; padding: 0 5px; }
.product-row1 li:hover { box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.product-box3 { margin: 0 0 0; padding: 0 10px 20px; }
.product-box3 a { display: inline-block; background: #eee; font-size: 1.5rem; color: #333; text-align: center; width: 48%; padding: 10px 0; }
.product-box3 a:hover { background: #dec49f; color: #fff; }
/*前置过滤器系列*/
.probanner img { display: block; }
.pro1-box1 { padding: 0 10px; }
.pro1-box1 li { padding: 20px 0; border-bottom: 1px dashed #dedede; padding: 20px 0; clear: both; overflow: hidden; }
.pro1-box1 li:last-child { border: none; }
.pro1-box1 li img { display: block; width: 30%; }
.pro1-box1 li .info { padding: 10px 0 0 33%; }
.prop { font-size: 1.4rem; color: #000; line-height: 1.6; margin-bottom: 10px; }
.pro9-box1{padding: 0;}
.pro9-box1 li{border-bottom: none;margin-bottom: 10px;padding: 20px 12px 20px 10px;}
/*.pro9-box1 .prop{padding-left: 0;}*/
.prop.p1 { background: url(../image/proico1.png) no-repeat left 2px/20px auto; }
.prop.p2 { background: url(../image/proico2.png) no-repeat left 2px/20px auto; }
.prop.p3 { background: url(../image/proico3.png) no-repeat left 2px/20px auto; }
.prop.p4 { background: url(../image/proico4.png) no-repeat left 2px/20px auto; }
.prop.cnprop{color: #cdaa95;font-size: 1.6rem;font-weight: bold;}
.prop.cnprop span{font-size: 1.3rem;}
.prop.prop1{background: url(../image/yuan.png) no-repeat left 7px; background-size: 6px auto;padding-left: 10px;font-size: 1.3rem;}
.prop.prop2{background: url(../image/yuan1.png) no-repeat 10px 9px; background-size: 4px auto;padding-left: 20px;}

.pro1-box2 { background: #ecf8fc; padding: 20px 10px; margin-bottom: 20px; }
.pro1-box2 .info { margin: 0 0 15px; }
.pro1-box2 .info h3 { font-size: 1.8rem; color: #000; line-height: 1.6; margin-bottom: 10px; }
.pro1-box2 .info p { font-size: 1.4rem; line-height: 1.6; color: #000; }
.pro1-box2 .info p span { font-weight: bold; }
/*中央净水器*/
.pro2-box1 { background: #f6f6f6; padding: 20px 10px; }
.pro2-box1 img.fl { float: none; max-width: 60%; margin: 0 auto; display: block; }
.pro2-box1 .info { padding: 10px 0 0 0; }
.prop.p5 { background: url(../image/proico5.png) no-repeat left 2px/20px auto; }
.pro2-box2 { background: #fff; }
.pro2-box3 { background: url(../image/pro2bg1.jpg) no-repeat center top/cover; text-align: center; color: #fff; padding: 20px 5px; }
.pro2-box3 .stit { font-size: 2rem; margin-bottom: 15px; }
.pro2-box3 .p { font-size: 1.4rem; padding: 0 5px; }
.pro2-box3 ul { margin: 20px 0 0; }
.pro2-box3 li { float: left; display: inline; width: 50%; padding: 5px; }
.pro2-box3 li img { display: block; }
.pro2-box4 { background: #eaeae8; position: relative; padding-bottom: 40px; margin-bottom: 20px; }
.pro2-box4 img { display: block; }
.pro2-box4 .info { position: absolute; width: 100%; left: 0; bottom: 5%; padding: 0 10px; }
.pro2-box4 .stit { font-size: 2rem; color: #000; margin-bottom: 10px; }
.pro2-box4 .p { font-size: 1.4rem; color: #333; line-height: 1.6; }
/*末端净水器 纯水机系列*/
.pro3-box1 { margin: 0; }
.pro3-box1 li { padding: 0; margin: 0; padding: 20px 0; }
.pro3-box1 li img { max-width: 60%; width: auto; margin: 0 auto 15px; display: block; }
.pro3-box1 li .info { width: auto; padding: 0; }
.pro3-box2 { position: relative; background: #eee5de; width: 100%; color: #000; font-size: 1.4rem; line-height: 1.6; padding: 0 0 40px; }
.pro3-box2 img { display: block; }
.pro3-box2 .stit, .pro3-box4 .stit { font-size: 1.8rem; }
.pro3-box2 .line, .pro3-box4 .line { display: block; width: 52px; height: 2px; background: #000; margin: 10px 0; }
.pro3-box2 .info { position: absolute; width: 100%; left: 0; bottom: 5%; padding: 0 10px; }
.pro3-box2 .info h3 { font-size: 1.6rem; margin-bottom: 5px; }
.pro3-box3 { background: url(../image/pro2bg1.jpg) no-repeat center top/cover; padding: 20px 10px; }
.prop.p1-1 { background-image: url(../image/proico1_1.png); }
.prop.p2-1 { background-image: url(../image/proico2_1.png); }
.prop.p3-1 { background-image: url(../image/proico3_1.png); }
.pro3-box3 img { max-width: 60%; width: auto; margin: 0 auto; display: block; }
.pro3-box3 .info { border-top: 1px #535353 solid; border-bottom: 1px #535353 solid; padding: 20px 15px 15px; margin: 20px 0 0 0; }
.pro3-box3 .info .prop { color: #fff; }
.hr { border-top: 1px dashed #dcdcdc; margin: 50px 0 0; height: 51px; }
.pro3-box4 { width: 100%; background: #f7f7f7; padding: 20px 10px; color: #000; }
.pro3-box4 img.fr { width: 30%; margin: 10px 0 0; }
.pro3-box4 .info { margin-bottom: 15px; width: 70%; }
.pro3-box4 .line { margin: 10px 0 5px; }
.pro3-box4 .prop { padding-left: 0; }
.pro3-box5 { color: #fff; padding: 0 0 40px; background: #f39800; }
.pro3-box5 .info { position: absolute; width: 100%; left: 0; bottom: 5%; padding: 0 10px; }
.pro3-box5 img { display: block; }
.pro3-box5 .line { background: #fff; }
.pro3-box7 { background: url(../image/pro3bg1.jpg) no-repeat center top/cover; width: 100%; padding: 20px 10px; color: #000; }
.pro3-box7 .info { margin-bottom: 15px; }
.pro3-box7 .stit { font-size: 2rem; color: #000; margin-bottom: 10px; }
.pro3-box7 h3 { font-size: 1.6rem; margin: 0 0 10px; }
.pro3-box7 .prop { font-size: 22px; line-height: 30px; }
.pro3-box8 { background: #313131; padding: 20px 10px; margin: 0 0 20px; }
.pro3-box8 .stit { font-size: 1.8rem; color: #fff; margin-bottom: 30px; }
.pro3-box8 .info1 { background: #fff; margin-bottom: 15px; padding: 20px 10px; }
.pro3-box8 .info { color: #000; padding: 10px 0 0 50%; }
.pro3-box8 .info h3 { font-size: 1.4rem; line-height: 1.6; }
.pro3-box8 .prop { line-height: 1.6; padding: 0; margin: 0; font-size: 1.3rem; }
.pro3-box8 img.fl { width: 50%; }
/*净化饮水机系列*/
.pro4-box1 { padding: 20px 10px; color: #000; }
.pro4-box1 img.fl { display: block; width: auto; max-width: 30%; float: none; margin: 0 auto; }
.pro4-box1 .info { }
.pro4-box1 .stit { font-size: 1.8rem; line-height: 1.6; }
.pro4-box1 .p { font-size: 1.4rem; line-height: 1.6; }
.prop.p1-2 { background-image: url(../image/proico1_2.png); }
.prop.p2-2 { background-image: url(../image/proico2_2.png); }
.prop.p3-2 { background-image: url(../image/proico3_2.png); }
.prop.p4-2 { background-image: url(../image/proico4_2.png); }
.infop { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin: 10px 0 0; padding: 15px 0; }
.pro4-box2 { background: #f3f3f3; }
.pro4-box3 { color: #000; padding: 0; }
.pro4-box3 img { display: block; }
.pro4-box3 .stit { margin-bottom: 15px; }
.pro4-box3 .info { position: absolute; width: 100%; left: 0; bottom: 30%; padding: 0 10px; }
.pro4-box3 p { font-size: 1.4rem; line-height: 1.6; }
/*饮水机系列*/
.pro5-box1 img.fl { display: block; width: auto; max-width: 70%; float: none; margin: 0 auto; }
.pro5-box2 { padding: 0 0 0; }
.pro5-box2 .info { position: absolute; width: 100%; left: 0; bottom: 10%; padding: 0 10px; }
.pro5-box2 .infop { border-color: #434343; }
.pro5-box3 { color: #fff; padding: 0; margin-bottom: 20px; }
.pro5-box3 .info { width: 50%; padding: 0; left: auto; right: 0; }
.pro5-box3 h3 { font-weight: bold; margin-top: 20px; }
/*中央软水机系列*/
.pro6-box1 li .info{ padding-top:30px;}
.pro6-box2 { position: relative; padding: 0; height: auto; margin-bottom: 20px; }
.pro6-box2 img { display: block; }
.pro6-box2 .info { width: 60%; padding: 0; left: auto; right: 0; bottom: 33%; }
.pro6-box2 .stit { margin-bottom: 15px; }
.pro6-box2 p { font-size: 1.6rem; }
/*空气净化机*/
.pro7-box2 { position: relative; padding: 0; }
.prop.p6 { background: url(../image/proico6.png) no-repeat left 2px/20px auto; }
.prop.p7 { background: url(../image/proico7.png) no-repeat left 2px/20px auto; }
.prop.p8 { background: url(../image/proico8.png) no-repeat left 2px/20px auto; }
.pro7-box2 .info { position: absolute; width: 60%; padding: 0 0 0 10px; left: 0; bottom: 3%; }
/*通风净化机*/
.pro8-box1 li .info { padding-top: 25px; }
.pro8-box2 { background: #ecf8fc; padding: 20px 10px 5px; }
.pro8-box2 img { width: 40%; }
.pro8-box2 .stit { font-size: 1.8rem; color: #000; margin-bottom: 15px; }
.pro8-box2 .info { margin-bottom: 15px; clear:both; overflow:hidden; }
.pro8-box2 .info .fr { float: none; display: block; color: #000; line-height: 1.6; padding: 0 0 0 43%; font-size: 1.3rem; }
.pro8-box2 .info h3 { font-size: 1.6rem; margin-bottom: 8px; }
.pro8-box2 .info p { background: url(../image/proico9.png) no-repeat left 3px/15px auto; padding-left: 20px; }
.pro8-box2 .info.info2 p { background-image: url(../image/proico10.png); }
.pro8-box3 { padding: 20px 10px; font-size: 1.8rem; color: #000; text-align: center; }
.pro8-box3 img { margin: 15px 0 0; }
.pro8-box4 { padding: 20px 10px; font-size: 1.8rem; color: #000; background: #f5f5f5; text-align: center; }
.pro8-box4 .stit { margin-bottom: 15px; }
.pro8-box5 { background: url(../image/pro2bg1.jpg) no-repeat center top; padding: 20px 10px; color: #fff; font-size: 1.4rem; line-height: 1.6; margin-bottom: 20px; }
.pro8-box5 img { display: block; width: auto; max-width: 60%; margin: 0 auto; }
.pro8-box5 .stit { font-size: 1.8rem; margin-bottom: 15px; }
/*联系我们地图*/
.map-l { text-align:center; padding:0 10px;}
.map-l a { display:inline-block; height: 37px; background: #e6e6e6; text-align: center; width:31.66%; margin:0 1% 0 0; line-height: 37px; font-size: 14px; color: #565656; }
.map-l a:nth-child(3){ margin-right:0;}
.map-l a.on { font-weight: bold; color: #ef7800; }
.map-l img { margin-top: 10px; width:100%; }
.map-l span { width: 100%; background: #e6e6e6; display: block; margin-top: 9px; text-align: center; height: 100px; padding-top: 15px; line-height: 25px; }
.map-l span b { font-size: 17px; color: #ef7800; }
.map-r { position: relative; padding:0 10px; margin:10px 0 0; }
.map-r i { position: absolute; top: 78%; left: 42%; width: 20px; height: 20px; background: #000; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; z-index: 1; opacity: 0; -webkit-animation: warn 1000ms ease-out; -moz-animation: warn 1000ms ease-out; animation: warn 1000ms ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.map-r img{ width:100%;}
@keyframes warn {  
    0% {  
        transform: scale(0.25);  
        opacity: 0.1;  
    }  
    25% {  
        transform: scale(0.35);  
        opacity: 0.35;  
    }  
    50% {  
        transform: scale(0.5);  
        opacity: 0.5;  
    }  
    75% {  
        transform: scale(0.75);  
        opacity: 0.75;  
    }  
    100% {  
        transform: scale(1);  
        opacity: 0.0;  
    }  
}  
@-webkit-keyframes warn {  
    0% {  
        transform: scale(0.25);  
        opacity: 0.1;  
    }  
    25% {  
        transform: scale(0.35);  
        opacity: 0.35;  
    }  
    50% {  
        transform: scale(0.5);  
        opacity: 0.5;  
    }  
    75% {  
        transform: scale(0.75);  
        opacity: 0.75;  
    }  
    100% {  
        transform: scale(1);  
        opacity: 0.0;  
    }  
}


/*新样式*/

.fu_title{ width:100%; padding:0 3%; height:45px; line-height:45px;background:#dad3cc; font-size:20px; color:#88603f; position:relative;}
.fu_title a.back{ font-size:25px; color:#88603f; display:inline-block; line-height:45px;}
.nav_img{ display:block; top:0; right:3%; position:absolute; line-height:45px; color:#8b603f;}

.nav_div{ width:100%; height:100%; background:#88603f; position:fixed; left:-100%; top:0; z-index:111; overflow:auto;}
.nav_div strong{ width:94%; margin:20px auto 0; display:block;}
.nav_div img.logo1{ width:30%;}
.nav_div strong em.close{ width:23px; height:23px; display:block; float:right;}
.nav_div strong em.close img{ display:block; width:100%;}
.nav_div ul{ width:94%; margin:10px auto 0;}
.nav_div ul li{ width:100%;  line-height:40px; position:relative;}
.nav_div ul li a{ font-size:16px; color:#dcdcdc; display:block;border-bottom:1px solid #dcdcdc;}
.nav_div ul li.active:after{ content:'+';  font-size:30px;}
.nav_div ul li:after{content:'>';position:absolute; right:0; top:0; height:40px; line-height:40px; font-size:24px;color:#dcdcdc}
.nav_div ul li span{ display:block; width:100%; height:40px; position:absolute; top:0; left:0;}
.nav_div ul li ul{ width:100%; padding-left:15px; box-sizing:border-box; margin-top:0; display:none;}
.nav_div ul li ul li:after{ content:'';}
.nav_div ul li ul li{ line-height:35px;}
.nav_div ul li ul li a{ font-size:14px;}
.nav_div ul li.atv:after{ content:'-'; font-size:30px; right:5px;}
.Cnav { padding: 15px 0 5px; }
.Cnav li { float: left; display: inline; width: 33.33%; margin-bottom: 15px; }
.Cnav li a { display: block; color: #666; text-align: center; font-size:14px; }
.Cnav li span { display: block; width: 60px; height: 60px; border-radius: 100%; margin: 0 auto 5px; background: #dec49f; overflow: hidden; }
.Cnav li img { display: block; width: 50%; margin: 15px auto; }
.map img{ max-width:auto;}
.map label{ max-width:auto;}