html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, main h5, #privacy-text h5, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video  {margin: 0;padding: 0;border: 0;vertical-align: baseline;}


@font-face {font-family: titleF;src: url(../images/framd.ttf)}
@font-face {font-family: titleS;src: url(../images/sourcehansanscn.otf)}
@font-face {font-family: titleC;src: url(../images/calibril.ttf)}
@font-face {font-family: titleCi;src: url(../images/calibrii.ttf)}
@font-face {font-family: titleM;src: url(../images/himalaya.ttf)}
@font-face {font-family: xihei;src: url(../images/xihei.ttf)}

body{  font-family: Siyuan-normal,PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial;
  color:#989898;}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.3;
  color:#989898;
}
a {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;text-decoration: none;
}

a:hover,a:visited {
  text-decoration: none;
}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
li{list-style-type:none;}

.menu{background:#fff;height:100px; line-height:70px;}
.menubox{width:1250px;margin:0px auto;  }
.logo{margin-top:15px;width:210px; }

.logo img{max-width:100%;margin-top:20px}

.menubox ul{width:700px;}

.menubox li{float:left;padding-top:10px;width:8.8%;text-align:center;font-size:16px;text-transform : uppercase;color:#b2b2b2;line-height:18px; }
.menubox li p{font-size:13px;}
.nav .en {font-family:titleF;font-size:16px; color:#606060;}

.menubox li a:link{color:#b2b2b2;text-decoration:none;}
.menubox li a:hover,.menubox li a:visited {color:#b2b2b2;text-decoration: underline;}

.menubox li span{padding-left:0px; font-size:13px; }

.tel{line-height:18px; margin-top:35px;font-size:13px;padding-left:0px;font-family:Arial, sans-serif,Helvetica, '微软雅黑';text-align:center;}

.tel p{font-size:13px}

.tmall_logo{margin-top:35px;}

.tmall_logo img{width:32px;}


.mall{border-radius: 10px;}

.platform-status{border-radius: 1rem;border: 1px solid #666;color: #666;padding: 0 10px;
    display: inline-block; font-size:12px; margin-top:10px;}


/* banner */
.banner1{display: flex;flex-direction: column; width:1300px;margin:0px auto; }


.banner1 video{background:#000; width:1300px;max-width:100%; margin:0px auto; max-height:800px;margin-bottom:20px;/*position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: -1;*/ }
.banlogo{text-align:center;padding-top:10%;background-c olor:rgba(35,24,22,0.5);padding-bottom:50px;min-height:100%;}
/*
.banlogo img{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.7;}
 */
.banlogo img{width:320px;}

/* banner文字 */

.banner{display: flex;flex-direction: column; width:1170px;margin:0px auto; height:500px; }

.banner {padding-top:200px; padding-left:130px; color:#fff;}

.banner h2{ color:#fff;font-size:24px; line-height:32px;}

.banner .line{margin:15px 0px; width:180px;height:1px; background:#999;text-align:left;}

.banner p{color:#c4c4c4;}


/* 版块1 */
.text_box{background:#f5f5f5; width:1100px;padding:15px 50px;margin:10px auto;font-size:18px;line-height:24px;color:#8c8c8c;margin-top:50px;font-family:titleF,Arial, sans-serif,Helvetica, '微软雅黑'; margin-bottom:100px;}
.text_box span{font-family:'微软雅黑'; font-size:16px; line-height:48px; color:#ababab}

.text_box .more{float:right; padding-right:50px;text-transform:Uppercase }
.text_box .more a{color:#8e8e8e}

/* 版块2 */
.probox{width:1280px; margin:0px auto;margin-top:50px;}
.probox h2{text-align:center;font-size:28px;line-height:42px; color:#3f3f3f; font-family: titleF;text-transform : uppercase; }

.probox h3{text-align:center;font-weight:normal; font-size:15px;line-height:28px; color:#989898;margin-bottom:30px;margin-top:0px;}

.probox .line2{width:35px;height:2px; display:block;margin:0px auto;background:#e1e1e1}

.probox h4{margin:20px auto;text-align:center; font-weight:normal;color:#7b7b7b;}

.probox ul{margin-top:20px;} 

.probox  li{width:20%;transition: transform 0.25s ease; float:left;text-align:center;margin:20px 2%; }

.probox  li:hover{transform: scale(1.2,1.2);cursor: pointer;}


.probox  li .proimg{height:225px;max-height:100%;}


.probox  li .proimg img{margin-bottom:15px;max-width:100%;height:100%;}


.probox  li .protitle a{font-size:14px; text-decoration:none; color:#8c8c8c;text-align:center; line-height:48px;text-transform : uppercase; height:32px; overflow:hidden;display:block;}

.probox a.more{margin-top:200px;line-height:300px;font-family:titleF,Arial, sans-serif,Helvetica, '微软雅黑'; font-size:28px;color:#989898; }

.probox a.more:hover{text-decoration: underline;}

/* 中间图片广告 */
.mban{margin:30px auto; margin-bottom:50px; width:1320px;height:650px;display:block;background:url(../images/mban.jpg) no-repeat; }
.mban .txt{text-transform : uppercase; margin-left:120px;padding-top:500px; font-size:28px;color:#fff;line-height:42px;font-family:titleS;}

/* 案例1 */
.casebox{width:1250px;margin:50px auto;margin-top:110px; margin-bottom:110px;}

.case_txt {width:24%;margin-right:5%; margin-top:50px }

.case_txt h2{font-family: titleF;text-transform: uppercase;font-size: 30px; color:#3f3f3f;line-height: 42px;}

.case_txt h3{font-size:18px; font-weight:5000; font-family:titleS,'微软雅黑'; color:#727272}

.case_txt p{font-size:19px; color:#3f3f3f; line-height:42px;font-family:titleS;}

.case_txt .line1{width:80px; height:2px; background:#dddddd;margin:10px 0px;}

.case_txt .cn{font-size:14px;color:#828282;line-height:28px;padding-bottom:50px;}

.btn{text-align:right; margin:10px 0px;margin-top:30px;}
.btn .more{width:190px; height:35px; line-height:35px; border:solid 1px #000; display:block;text-align:left;padding:0px 10px; background:url(../images/icon-1.png) 160px center no-repeat;text-transform : uppercase; font-size:13px;}

.case_img{width:70%;}

.case_img img{max-width:100%;}

/* 版块5 */
.newsbox{background:#f5f5f5;margin:20px 0px; padding:100px 0px; margin-bottom:60px;}
.wrap{width:1300px; margin:0px auto;}

.news_l{width:12%;margin-right:1%; text-align:left;line-height:48px; color:#989898; font-size:14px;padding-top:50px; }
.news_r{width:1025px;margin:0px auto;}
.news_r h2 a{font-size:28px;line-height:42px;}
.news_r h3{font-size:18px; font-weight:normal;margin-right:15px;margin-bottom:0px;line-height:32px;}

.news_r h3 a{color:#8e8e8e;}

.news_r .line{width:170px; height:1px;margin:20px 0px;background:#d6d6d6;}


.news_r p{font-size:18px; color:#4d4d4d;line-height:36px;width:950px;}

.news_r p.cn{width:745px;font-size:14px; color:#c0c0c0;}

/* 案例2 */
.case2{margin-top:80px;}


.case2 h2{font-size: 24px;color: #3f3f3f;line-height: 32px;}


.case2 h3{font-size: 16px;font-weight: normal;color: #727272;line-height:32px;}

.case2 p{font-size: 18px;color: #4d4d4d;line-height: 36px;}

.case2 .cn {font-size: 13px;color: #828282;line-height: 28px;}

.case2 .line{width:80px;height:1px;margin:10px 0px;background:#d6d6d6;}

.case_l{width:33%;margin-right:1%;margin-top:30px;}

.case2 img{max-width:100%;}

.case_l img{max-width:90%;}

.case_r{width:63%;}

.line{clear:both;height:1px; background:#cecece;margin:50px 0px; width:100%;display:block;}

.case_l .btn{float:right; margin-right:40px;}

.case_r p{width:485px;}

.case_r .btn{float:right;margin-top:-30px;}
/* 关于我们页面 */
.about{clear:both;margin-top:50px;margin-bottom:20px;}
.about h2{line-height:50px;font-size: 24px;line-height: 36px; color:#3f3f3f;text-transform : uppercase;width:670px;font-weight:bold;}
.about h3{font-size:18px;font-weight:normal;line-height:36px;margin-bottom:30px}

.about  p{width:720px;font-size:18px; text-align: justify; text-justify:inter-ideograph;line-height:30px; color:#7f7f7f;font-family: Arial, sans-serif,Helvetica,'微软雅黑'; text-align:left;}

.about .line1{margin: 15px 0px;width: 80px;height: 2px;    background: #dddddd; text-align: left;}

.about  p.cn{font-size:13px;color:#9e9e9e;line-height:24px;}

.about_img img{width:500px;}

.about .text_cn{width:47%;  }

.about .text_en{width:47%; line-height:28px;  text-align: justify;   }


.about video{margin-top:50px;}

/* 产品系列 */



/* 产品详情 */
.prodes{padding:0px 10px 10px 0px; width:1285px;margin:0px auto; }
.prodes h1{font-size:28px; font-weight:normal;display:none}
.pro_graphics{margin-top:20px;text-align:center;font-size:16px;line-height:40px;margin:10px 0px;}
.prodes_txt{width:45%; font-size:16px;line-height:40px;margin:10px 0px;margin-top:20px;text-align:left;padding-left:5%;}

.prodes span{font-size:16px;}

.prodes_txt H2{display:none;}

.prodes_txt img{max-width:100%;}

.prodes_img{width:49.9%;margin:10px 0px;}

.prodes_img.fl{text-align:left;}

.prodes_img.fr{text-align:right;}


.prodes_img img{max-width:100%;}

.prodes .txt2{margin-top:20px; font-size:16px;line-height:40px;}


/* 产品详情:新 */
.pro-banner{width:1300px; margin:0px auto;}
.pro-banner img{max-width:100%}





/* 产品详情:标题样式 */

.prodes .pro-i-1{width:650px; text-align:center;margin:0px auto; margin-top:80px;}
.prodes .pro-i-1 img{width:485px; margin-bottom:25px; }
.prodes .pro-i-1 .line{margin:30px auto; width:80px; height:3px; background:#a73441;}
.prodes .pro-i-1 .en{text-transform:Uppercase;text-align:center;font-family: titleM;font-size:26px;line-height:30px;margin-bottom:20px;}


.prodes .pro-i-2{margin-bottom:130px;margin-top:0px;display:block;}
.prodes .pro-i-2 .txtbox.w780{width:780px;margin:0px auto;text-align:center;}



.prodes .pro-img{width:750px;}
.prodes .titlebox{text-align:left;padding-top:150px;}
.prodes .titlebox .t{font-size:24px;font-weight:normal;color:#646464;text-transform: uppercase; line-height:42px;}
.prodes .titlebox .cn{font-size:16px;}

.prodes .txtbox{width:400px;margin-top:90px;}
.prodes .txtbox p{font-family:titleC;font-weight:lighter; font-size:24px;color:#3f3f3f; line-height:32px;}
.prodes .txtbox .line1{margin: 15px 0px;width: 80px;height: 2px;background: #dddddd;
text-align: left;}
.prodes .txtbox .cn{font-size: 14px;color: #828282;line-height: 28px;font-family:'Microsoft YaHei'; font-weight:normal;}


.prodes .pro-i-3{width:1020px; margin:0px auto;margin-bottom:50px;}
.prodes .pro-i-3 .txtbox{padding-top:100px;}

.prodes .pro-i-33{width:1200px;background:url(/skin/images/n-5.jpg) right bottom no-repeat;}
.prodes .pro-i-33 .txtbox{Padding-top:30px; padding-left:50px;}

.prodes .pro-img2{width:510px;}

.prodes .pro-i-4{width:1045px;margin:0px auto;}
.prodes .pro-i-4 .pro-L{width:465px;}
.prodes .pro-i-4 h2{padding-left:5px;font-size: 24px;line-height: 36px;color: #3f3f3f;
    text-transform: uppercase;   font-weight: bold;}
.prodes .pro-i-4  .pro-L .txt{margin-top:50px;}
.prodes .pro-i-4 .txtbox{margin-top:30px;padding-left:5px;}
.prodes .pro-i-4  .pro-R img{margin-top:150px;}
/* 淋浴规划 */
.SHOWER{margin-top:30px;padding-left:30px;}

.SHOWER h2{font-size: 24px;line-height: 36px;color: #3f3f3f;font-weight: bold;text-transform: uppercase;}

.SHOWER .china {font-size: 14px; color: #585858; height: 40px; margin-bottom:20px; }

.designfeel .one h1 {font-size: 28px; color: #666; font-weight:normal;}

.designfeel .one p {font-size: 16px;color: #666; padding: 20px 0;}

.designfeel .two {padding: 20px 20px;overflow: hidden; border-bottom:solid 1px #ececec;}

.designfeel .two h2{font-family: titleF;color:#3f3f3f; font-size:28px;}
.designfeel .two h3{font-size:14px; line-height:28px;}
.two .line1{width:100px; height:2px;background:#cb0004;display:block; margin-bottom:25px; margin-top:5px;}

.designfeel .two .pic {width: 450px;}
.showerplan-box img {max-width: 100% !important;height: auto !important;}

.designfeel .two .txt {width: 680px;padding-right:50px;}

.designfeel .two .txt .txt-box p {font-size: 17px; color: #3f3f3f;  text-indent: 0em;line-height:32px;font-weight:normal;font-family: Arial, sans-serif,Helvetica,'微软雅黑'; }

.designfeel .two .txt p.cn{line-height:24px;font-size:14px; color:#909090}

.designfeel .two .txt .txt-box p a {margin-top:40px;display: block;width: 100px; height: 32px; line-height: 32px; font-size:14px; padding:0px 5px;
    text-align: center; background: #7c0707;  color: #fff; text-transform: uppercase;}


/* 落地式淋浴 */
.showerplan-box { padding: 10px 10px; line-height: 30px; font-size: 15px; color: #777;  overflow: hidden; background: #fff; box-sizing: border-box;}

.landshower .one h1 { font-size: 28px; color: #666; font-weight:normal;}

.landshower .one p { font-size: 16px; color: #666; padding: 20px 0;}
.landshower .two { padding: 20px 0; overflow: hidden; }
.landshower .two .pic { width: 550px;}
.landshower .two .txt { width: 600px; }
.landshower .two .txt h2 {font-size: 28px;color:#666;}
.landshower .two .txt .txt-box {}
.landshower .two .txt .txt-box p {font-size: 16px; color:#666;padding:10px 0;}

.landshower .three { padding:50px 0; overflow: hidden; }
.landshower .three h2 { font-size: 28px; color:#666;}
.landshower .three .tit {font-size: 16px; color:#666; padding:10px 0; }
.landshower .three ul {}
.landshower .three ul li { display: inline-block; width: 343px;padding:10px; }
.landshower .three ul li img { width:100%;}

.landshower .three ul li h4 { font-size: 24px; color:#666; padding:10px 0; }
.landshower .three ul li p { font-size: 16px; color:#666; padding:10px 0; }

.landshower .four { padding:10px 0;
    overflow: hidden;
}
.landshower .four .pic {
    width:550px;
}
.landshower .four .txt {
    width:600px;
}
.landshower .four .txt h4 {
    font-size: 24px;
    color:#666;
    padding:10px 0;
}
.landshower .four .txt p {
    font-size: 16px;
    color:#666;
    padding:10px 0;
}
/* 测量与定制 */
.measure .one h2 {
    font-size: 34px;
    color: #b48068;
    padding-bottom: 20px;
	font-weight:normal;
}

.measure .one h6 {
    font-size: 18px;
    color: #666;
    padding-bottom: 10px;
	font-weight:normal;
}
.measure .one ul {
    overflow: hidden;
}

.measure .one ul li {
    float: left;
    width: 353px;
    padding: 15px 20px;
}

.measure .one ul li img {
    width: 100%;
}
.measure .one ul li h3 {
    font-size: 22px;
    color: #3a3a3a;
    padding: 20px 0;
	font-weight:normal;
}
.measure .one ul li p {
    font-size: 16px;
    color: #666;
    height: 150px;
    padding: 10px 0;
}
.measure .two {
    padding:60px 0;
    overflow: hidden;
}
.measure .two .pic {
    width: 480px;
}
.measure .two .txt {
    width: 650px;
    height: 400px;
}
.measure .two .txt h2 {
    color:#615f5f;
}
.measure .two .txt p {
    font-size: 16px;
    color:#666;
    padding:2px 0;
}


/* 清洁和维护 */
.clear1 .one {
	padding: 20px 0;
}
.clear1 .one h2 {
    font-size: 34px;
    color:#666;
    padding-bottom: 20px;
	font-weight:normal;
}
.clear1 .one h6 {
    font-size: 18px;
    color:#666;
    padding-bottom: 10px;
	font-weight:normal;
	line-height:32px;
}
.clear1 .one .list {
	overflow: hidden;
    padding: 40px 0;
    border-top: 1px dotted #ccc;
}
.clear1 .one .list .pic {
    width:500px;
}
.clear1 .one .list .txt {
    width:650px;padding-right:100px;
}
.clear1 .one .list .txt h4 {
    font-size: 24px;
    color:#666;
    padding:10px 0;
}
.clear1 .one .list .txt p {
    font-size: 14px;
    color:#666;
    padding:10px 0; 
	
}
.clear1 .two {
    padding-top: 20px;
}

.clear1 .two ul {
    overflow:hidden;
}
.clear1 .two ul li {
    float: left;
    width: 353px;
    padding:15px 20px;
}
.clear1 .two ul li img {
    width:100%;
}
.clear1 .two ul li h3 {
    font-size: 22px;
    color:#666;
    padding:20px 0;
	font-weight:normal;
}
.clear1 .two ul li p {
    font-size: 16px;
    color:#666;
    height: 150px;
    padding:10px 0;
}

/* 解决方案 */
.content-box {
    min-height: 1200px;
    padding: 50px 10px;
    line-height: 30px;
    font-size: 15px;
    color: #777;
    overflow: hidden;
    background:#fff;
    box-sizing: border-box;
}
.content-box p {
    font-size: 14px;
    color:#3a3a3a;
    text-indent: 2em;
}
.content-box img {
    max-width:100% !important;
    height:auto !important;
}
.solution h2 {
    font-size: 28px;
    color: #666;
	font-weight:normal;
}
.solution .tit {
    font-size: 16px;
    color: #666;
    padding: 10px 0;
}
.solution ul li {
    display: inline-block;
    width: 353px;
    padding: 20px;
}

.solution ul li img {
    width:100%;
}
.solution ul li h4 {
    font-size: 24px;
    color:#666;
    padding:10px 0;
	font-weight:normal;
}
.solutionul li p {
    font-size: 16px;
    color:#666;
    padding:10px 0;
}
/* ********************************************************* */
/* 工程案例 */
.case{margin-top:30px; }
.caseimg{width:550px;}
.caseimg img{width:100%;max-width:100%;}
.casetxt{width:600px;text-align:left;}
.casetxt h1{text-align:left;font-size:28px;margin-bottom:15px;}
.casetxt p{font-size:16px; line-height:32px;}
.case_des{margin:0px auto; margin-top:35px;width:1000px;}
.case_des img{margin:0px auto;text-align:center; max-width:auto;}
.case_des p{text-align:left; color: #828282;font-size:15px; line-height:32px;}
.case_des p img{margin:0px auto; text-align:center;}
.case_des h2{text-align:center;line-height:60px;}
/* 新闻动态 */
.news{padding-top:0px;}
.news h2 {text-align: center;
    font-size: 28px;
    line-height: 42px;
    color: #3f3f3f;
    font-family: titleF;
}
.news h3 {
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #989898;
    margin-bottom: 50px;
}

.newslist li{width:48%;margin-left:1%; margin-right:1%;margin-bottom:1.5%;margin-top:10px; box-shadow: 0 0.5rem 0.5rem rgba(0,0,0,.075);height:165px; border-radius:10px; float:left;padding-bottom:10px; }

.newslist li{transition: transform 0.25s ease;width:48%;height:165px;}
.newslist li:hover{transform: scale(1.1,1.1);}


.news_b .newsimg img{width:138px; height:165px;}
.news_c{margin-left:20px;text-align:left;width:420px;}
.news_c .title{font-size:16px; font-weight:bold;font-weight:bold;height:24px; overflow:hidden;}
.news_c .news_info{color: #aaa; line-height:24px; height:24px; overflow:hidden; font-size:14px;}
.news_c .time{font-size:13px; color: #aaa;padding-top:80px;}

/* 新闻详情页 */
.n_info_t{padding-top:30px;text-align:center;}
.n_info_t h1{font-size: 28px;
    line-height: 42px;
    color: #3f3f3f;}
.n_info_t .time{font-size:13px; color:#aaa; line-height:36px;}


/* 下载服务 */
.down li {width:29%; float:left;margin:10px;padding:10px;     border: 1px solid rgba(51,51,51,.2);}
.down li .title{line-height:32px; font-size:16px; width:88%; height:32px; overflow:hidden; }
.down a:hover{color:#7c0707;}
.down li .down_icon img{width:32px; height:32px;}


/* ********************************************************* */


/* 招商加盟 */
.ppys {
    margin-top: 35px;
}
.ppys-pic {
    float: left;
    max-width: 320px;
    margin-right: 20px;
}
.ppys-tit hr {
    width: 60px;
    height: 2px;
    margin: 8px 0px 25px 0px;
    background: #eb7334;
}

.ppys-tit h5 {
    font-size: 14px;
    color: #3f3f3f;
    font-weight: bold;
    font-family: "Arial";
    letter-spacing: 1px;
    text-transform: uppercase;
}
.ppys-tit h4 {
    margin: 15px 0px 25px 0px;
    font-size: 16px;
    color: #3f3f3f;
    font-weight: bold;
}

.ppys-tit h4 span {
    margin-left: 15px;
    font-size: 14px;
    color: #ca0000;
}

.ppys p {
    line-height: 28px;
    font-size: 14px;
    color: #5a5a5a;
    letter-spacing: 1px;
}


.title5 {
    padding: 40px 0px;
    margin-bottom: 35px;
    background: url(../images/title5.png) no-repeat bottom;
    font-size: 30px;
    color: #3f3f3f;
    text-align: center;
	font-family:'微软雅黑';font-weight:bold;letter-spacing:5px 
}
/*==eight-adv==*/
.eight-adv {
	margin:0px auto;
	margin-top: 30px;
	width:1300px;
}
.eight-adv ul {background: url(../images/eightadv.jpg) no-repeat  bottom right;background-size: 100% 100%;}

.eight-adv ul li {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 33.3333%;
	height: 436px;
	overflow: hidden;
	padding: 25px 21px;
	border-left: 8px solid #fff;
	border-bottom: 8px solid #fff;
	background: rgba(0,0,0,.3);
}
.eight-adv ul li:nth-of-type(4n+1) {border-left-color: #fff}
.eight-adv ul li span {
	display: block;
	margin-bottom: 100px;
	line-height: 52px;
	font-size: 52px;
	color: #fff;
	font-family: "Times New Roman";
}
.eight-adv ul li .tit {
	position: relative;
	display: table-cell;
	width: 252px;
	height: 88px;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	transition: .3s;
}
.eight-adv ul li:hover .tit {opacity: 0}
.eight-adv ul li .tit:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 40px;
	height: 1px;
	background: #fff;
}
.eight-adv ul li .tit:after {
	content: "";
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 40px;
	height: 1px;
	background: #fff;
}
.eight-adv ul li .fade {
	position: absolute;
	top: 100%;
	left: 21px;
	right: 21px;
	opacity: 0;
	transition: .3s;
}
.eight-adv ul li:hover .fade {
	top: 90px;
	opacity: 1;
}
.eight-adv ul li .fade h6 {
	line-height: 22px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.eight-adv ul li .fade hr {
	width: 40px;
	height: 1px;
	margin: 25px auto;
	border: none;
	background: #fff;
}
.eight-adv ul li .fade p {
	margin-top: 20px;
	line-height: 28px;
	font-size: 14px;
	color: #fff;
	text-align: left;
}
/* 品牌公信力 */
.title6 {
    margin: 30px 0px;
    text-align: center;
}

.title6 h4 {
    position: relative;
    display: inline-block;
    padding: 0px 30px;
    font-size: 30px;
    color: #3f3f3f;
    letter-spacing: 2px;
	font-family:'微软雅黑';font-weight:bold;letter-spacing:5px
}

.title6 h5 {
    line-height: 24px;
    font-size: 14px;
    color: #3f3f3f;
	font-weight:normal;
}

.title6 h4:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	width: 14px;
	height: 16px;
	margin-top: -8px;
	background: url(../images/title6.png) no-repeat center;
}
.title6 h4:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0px;
	width: 14px;
	height: 16px;
	margin-top: -8px;
	background: url(../images/title6.png) no-repeat center;
}
.title6 h5 {
	line-height: 24px;
	font-size: 14px;
	color: #3f3f3f;
}

/*==honor==*/
.honor {}
.honor .swiper-container {padding-bottom: 35px}
.honor .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 0px}
.honor .swiper-pagination-bullet-active {background: #ca0000}
.honor .swiper-slide {
	background: #ddd;
}
.honor .swiper-slide .pic {
	position: relative;
	padding: 40% 0px;
}
.honor .swiper-slide .pic-flex {
	position: absolute;
	top: 0px;
	left: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.honor .swiper-slide .pic-flex img {
	max-width: 100%;
	max-height: 100%;
	transition: .6s;
}
.honor .swiper-slide:hover .pic-flex img {transform: scale(1.03)}
.honor .swiper-slide h6 {
	height: 50px;
	overflow: hidden;
	margin: 0px;
	border-top: 1px solid #fff;
	line-height: 50px;
	font-size: 14px;
	color: #3f3f3f;
	text-align: center;
	letter-spacing: 1px;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .3s;
}
.honor .swiper-slide:hover h6 {color: #eb7334}
/* 加盟留言 */
.joinbox {
	margin-top: 30px;
	border: 12px solid #1d1d1d;
	border-top: none;
	background: url(../images/newslistr_03.jpg);
}
.joinbox-tit {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0px;
	line-height: 96px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	letter-spacing: 4px;
}
.joinbox-tit:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0px;
	z-index: -1;
    width: 0px;
    height: 0px;
    margin-left: -719px;
    border-top: 96px solid #1d1d1d;
    border-left: 720px solid transparent;
}
.joinbox-tit:after {
	content: "";
	position: absolute;
	right: 50%;
	bottom: 0px;
	z-index: -1;
    width: 0px;
    height: 0px;
    margin-right: -719px;
    border-top: 96px solid #1d1d1d;
    border-right: 720px solid transparent;
}

.joinbox-left {
	float: left;
	box-sizing: border-box;
	width: 50%;
	padding: 20px 86px;
}
.joinbox-left h5 {
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #ca0000;
	font-weight: bold;
	letter-spacing: 2px;
}
.joinbox-left p {
	line-height: 28px;
	font-size: 14px;
	color: #595959;
}

.joinbox-right {
	float: right;
	box-sizing: border-box;
	width: 50%;
	padding: 20px 86px;
}

input {
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";
}

.form-group {
    margin-bottom: 15px;
}
.form-textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 15px;
	border: 1px solid #e5e5e5;
	outline: none;
	line-height: 28px;
	font-size: 14px;
	color: #797979;
	transition: .3s;
}
.tc-form-left {
	float: left;
	width: 380px;
}
.form-group {}
.form-group:after {
	clear: both;
	display: block;
	content: ".";
	width: 0px;
	height: 0px;
	visibility: hidden;
}
.form-group label {
	float: left;
	width: 60px;
	height: 36px;
	margin-right: 10px;
	line-height: 36px;
	font-size: 14px;
	color: #797979;
	text-align: right;
}
.form-group label i {color: #ca0000}
.form-group input {
	box-sizing: border-box;
	float: left;
	width: 100%;
	max-width: 380px;
	height: 36px;
	padding: 0px 8px;
	border: 1px solid #e5e5e5;
	outline: none;
	line-height: 34px;
	font-size: 14px;
	color: #797979;
	transition: .3s;
}

.form-group input:focus,
.form-textarea:focus {box-shadow: 0px 0px 10px #e5e5e5}

.area-select {
	float: left;
	width: 30.33%;
	height: 36px;
	margin-left: 1.5%;
	border: 1px solid #e5e5e5;
	outline: none;
	font-size: 14px;
	color: #797979;
}

/*==滑动验证==*/
.form-inline-input input,
.code-box{
	padding: 0 10px;
    width: 100%;
    max-width: 285px;
    height: 28px;
    color: #fff;
    text-shadow: 1px 1px 1px black;
    background: rgba(255, 255, 255, 1);
    border: 0;
    border-radius: 5px;
	outline: none;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
}
.code-box{
	position: relative;
	margin-top: 7px;
}
.code-box p,
.code-box span{
	display:block;
	position: absolute;
	left: 0;
	height:28px;
	text-align: center;
	line-height: 28px;
	border-radius: 5px;
}
.code-box span{
	width: 40px;
	background-color:#e76f30;
	font-family: "宋体";
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
.code-box3 span {
	background-color:#00aff3;
	color: #fff;
    font-size: 27px;
}
.ce{
	color:red;
}
.code-box p{
	width: 0;
	background-color: #FFFF99;
	overflow: hidden;
	text-indent: -20px;
	transition: background 1s ease-in;
}
.code-box .code-input{
	display: none;
}

.submit-btn,
.reset-btn {
	display: inline-block;
	width: 106px;
	height: 32px;
	margin-right: 10px;
	border: none;
	outline: none;
	background: #e76f30;
	line-height: 32px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	transition: .3s;
}
.submit-btn:hover,
.reset-btn:hover {box-shadow: 0px 0px 10px #e76f30}
/* 名店查询 */
.mingdian_dq{width:350px;margin:0px auto;margin-bottom:30px;}
.dq_c{width:150px;border: 1px solid #dee2e6;color: #212529;padding-left:3px; line-height:32px;height:32px;font-size:13px;margin-left:5px;margin-right:5px;border-radius:5px;}

.md_box{width:44%;margin-left:1.5%;margin-right:1.5%;float:left;border: 1px solid #dee2e6;box-shadow: 0 0.5rem 0.5rem rgba(0,0,0,.075);height:180px;padding:15px;color:#000;margin-bottom:15px;margin-top:10px;}
.md_title{font-size:15px;font-weight:bold; border-bottom:solid 1px #dee2e6; line-height:32px;  }
.md_add{margin-top:10px; line-height:21px; }

.md_bottom{margin-top:50px; font-size:13px;line-height:21px;}

.md_time{width:40%;}
.md_tel{width:59%;text-align:left;}

/* 联系我们 */
.contact_txt{text-align:center; margin-bottom:30px;}
.contact_box{margin-bottom:30px;}
.contact_box .form{width:60%; }

.inputlist{width:46%;margin-left:1.5%;margin-right:1.5%;margin-top:10px;margin-bottom:10px;}
.inputbox{width:100%;height:32px; line-height:32px; padding-left:10px;}

.inputbox1{width:100%;height:120px; padding-left:10px;}


.contact_lx{width:39%;}

.contact_lx .name{line-height:36px; font-size:16px; font-weight:bold;color:#000;}

.contact_box .form .btn-1{padding-left:50%;}
.contact_box .form .btn-1 input.focus{  width:120px;  background: #000; color: #fff;}
.contact_box .form .btn-1 input {
    width: 52px;
    height: 32px;
    line-height: 32px;
    background: #e8e8e8;
    border: none;
    color: #333;
    margin-right: 22px;
    cursor: pointer;
    transition: 0.3s;
}
/* 底部信息 */
footer{clear:both;margin-top:20px;}
.flogo{width:25%;text-align:center; margin-bottom:20px; }

.flogo .tmall{margin-top:15px; width:210px;}

.fnav{width:72%;}

.fnav dl{text-align:left;width:25%;float:left;}

.fnav dt{text-align:left;color:#cecece;text-transform : uppercase; line-height:36px;}

.fnav dd a{font-size:13px;color:#b2b2b2; line-height:32px;}

.copy{text-align:right; line-height:24px;color:#b7b7b7;}

.footer{width:66%;} 
.fmenu{height:36px;width:80%;}
.fmenu li{float:left; font-size:12px;text-align:center; line-height:18px;text-transform : uppercase;width:12.9%;height:36px;}

.fmenu li a{  color: #3d3d3d; font-size:13px; font-weight:bold;font-family: Arial, sans-serif, Helvetica, 微软雅黑;}
.fmenu li p{font-size:12px;font-weight:normal;color:#b2b2b2;}

.footer_txt{color: #989898; padding-left:25px; margin-top:20px;line-height:32px;display:none;}

.btn1{display: block;width: 140px;height: 40px;line-height: 40px;    text-align: center; background: #7c0707; color: #fff;margin:0px auto;font-size:18px;}
.btn1:hover{color:#fff;}
.btn1 a{color:#fff;}

.ftel{line-height: 18px;font-size: 13px;padding-left: 0px;text-align: center;}



/* 安装服务 */
.service{}
.service ul{width:80%;margin:0px auto;}
.service li{width:25%;float:left;text-align:center;}

.service li img{border:solid 1px #989898;border-radius:50%;padding:20px;width:30%;}

.service .t{font-size:24px; line-height:60px; }
.service .btn{margin-top:20px;}
.service .btn a{display: block;width: 140px;height: 40px;line-height: 40px;    text-align: center; background: #7c0707; color: #fff;margin:0px auto;font-size:16px;}

/* 在线客服 */



.fix{
	position: fixed;
	top: 30%;
	right: -162px;
	width: 211px;
	z-index: 11;
	
	box-shadow: 0 0 10px #ddd;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	transition:all 0.3s;
}
.fix:hover{
	right: 0px;
}
.fix img{
	display: block;
	float: left;
}
.fix .l-box{
	border-bottom: 1px solid #ddd;
	background: rgba(0, 0, 0, 0.7);
	height: 52px;
}
.fix .l-box:hover{
	background: rgba(0, 0, 0, 0.5);
}
.fix .l-box a.c-c{
	line-height: 52px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	margin-left: 15px;
}
.fix .jiathis_style_32x32{
	margin-left: 4px;
	float: left;
}
.fix .jiathis_style_32x32 span{
	width: 20px!important;
    height: 16px!important;
    margin: 0px!important;
    padding: 0px!important;
    margin-top: 18px!important;
    margin-right: 14px!important;
    margin-left: 11px!important;
}
.fix .jiathis_style_32x32  .jtico_tsina{
	background: url(../images/bc6.png) no-repeat;
}
.fix .jiathis_style_32x32  .jtico_weixin{
	background: url(../images/bc7.png) no-repeat;
}
.fix .jiathis_style_32x32  .jtico_jiathis{
	width: 20px!important;
	height: 16px!important;
	margin: 0px!important;
	padding: 0px!important;	
	background: url(../images/bc8.png) no-repeat;
	margin-top: 17px!important;
    margin-left: 12px!important;
}


/* 淋浴规划 */

.showerplan-box .prolist li{width:13%;padding:30px 15px;margin-left:2%;margin-right:2%; border:solid 1px #ccc;float:left;text-align:center;border-radius:50%; height:125px;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie*/
        -moz-box-shadow: 2px 2px 5px #909090;/*firefox*/
        -webkit-box-shadow: 2px 2px 5px #909090;/*safari或chrome*/
        box-shadow:2px 2px 5px #909090;/*opera或ie9*/}

.showerplan-box .prolist li h3{font-size:18px; line-height:32px;}

.showerplan-box .prolist li h4{font-size:18px; line-height:36px;font-weight:normal; color:red;}

.showerplan-box .prolist li p{font-size:14px; line-height:24px;}

.line_space100{padding-top:100px;display:block;}

.line_space200{padding-top:200px;}

.line_left150{padding-left:100px}

.joinbox1{}

.joinbox1 .bk{width:80%}

.waptel{display:none;}

.jj115{padding-left:115px}
.jj65{padding-left:65px}
.jj50{padding-left:50px}
.jj55{padding-left:55px}
.jjR50{padding-right:50px}


.jj80{padding-right:80px}
.jj100{padding-right:100px}
.w950{width:950px;margin:0px auto;}
.prodes .pro-img560{width:560px;}

#t400{padding-top:400px;}

.w920{width:920px;}
.w550{width:550px;margin:0px auto;margin-top:30px;}
.prodes .titlebox.jjsa{padding-left:50px;padding-top:80px;}

.joinbox{width:1300px;margin:0px auto;}
.joinbox1{margin:20px 100px;}
.joinbox1 div{margin-top:10px; margin-bottom:10px;}
.btn{text-align:left;}
.joinbox1 div span{font-weight:bold;}



@media screen and (max-width:758px) {
.fr,fl{float:none;}

.wrap,.menubox{width:100%}

.menu{height: 50px;line-height: 40px;margin-bottom:10px;}
.nav_list{display:none;}

.logo{margin-left:10px; width:45%;float:left;margin-top:10px;}
.logo img{margin-top:0px;}
.tel{margin-top:15px; margin-right:10px;}

.banner1{clear:both; width:100%;}
.banner1 video{width:100%;max-height:auto;}

.text_box{width:92%;padding: 10px 10px;margin-top:0%;margin-bottom:20px;}
.text_box span{font-size:14px;line-height:28px;}
.text_box .more{float:none;text-align:right;}
.prodes .txtbox img{width:100%}

.probox{width:100%;margin-top:20px;}

.probox h2{font-size:18px;line-height: 32px;}
.probox h3{font-size:14px;margin-bottom:10px;}
.probox li{width:45%;margin: 10px 2%;}
.probox li .proimg{height:auto;}
.probox li .proimg img{height:auto;    margin-bottom: 5px;}
.probox a.more{margin-top:120px; line-height:150px;font-size: 24px;}

.mban{width:100%;height:150px;background-size:100%;}
.mban .txt{margin-left:10px;font-size: 16px;padding-top:20%;    line-height:24px;}

.casebox{width: 100%;margin:20px auto;margin-top:0px;}
.case_txt{width: 98%;margin-left:2%;margin-right:auto; margin-top:0px;}
.case_txt p{line-height:24px;}
.case_txt .cn{line-height:24px;padding-bottom:20px;}
.btn{margin-top:0px;}
.case_img{clear:both;width:100%;}


.newsbox{padding: 20px 0px;margin-bottom:20px;}
.news_r{width:98%;padding:0px 1%;}
.news_r h2{line-height:24px;padding-left:1%;}
.news_r h2 a{font-size:18px;line-height:32px;}
.news_r p{width:99%;padding-right:1%;font-size:15px;line-height:28px;}
.news_r p.cn{width:99%;padding-right:1%;}

.case2{margin-top:0px;}
.case_l{width:98%;padding-left:2%;}
.case_l .btn{float:left;}
.case2 p{line-height:28px;}
.btn .more{clear:both;margin-top:10px;}
.case2 h2{font-size:18px;padding-left:1%;}
.case2 h3{font-size:18px;padding-left:1%;}

.case_r{width:100%}
.case_r p{width:97%;padding:0px		1.5%;}
.case2 .cn{margin-bottom:20px;}
.case2 .btn{float:left; margin-left:10px;}
.case2 .btn .more{margin-right:15px;}
.line{margin:15px 0px;}

footer{width:100%}
.fmenu{display:none;}
.footer{width:40%;float:right;}
.flogo{margin-left:20px;width:40%;float:left;	}
.flogo img{max-width:100%;}

.ftel{padding-bottom:80px;float:right;margin-right:10px;}

.waptel{display:block; position: fixed; ;bottom: 0;width: 90%;height: 50px;margin: 10px;}
.waptel a{line-height:50px;font-size: 16px; max-width: 690px; border:solid 1px red;border-color: rgb(230, 50, 46);border-width: 0.0625rem;border-radius: 1.375rem;border-style: solid;background-color: rgb(230, 50, 46); color: rgb(255, 255, 255);box-shadow: rgb(150, 3, 0) 0px 0.0625rem 0.375re;font-size:18px;font-weight:bold; text-align:center;display:block;height: 42px;line-height:42px; color:#fff;}

.fix{display:none;}

/* 关于我们 */
.banner{width:98%; height:auto;max-width:100%;max-height:auto;  background-size: auto;padding-top: 10px;padding-left:1%;padding-bottom:15px;}
.banner h2{font-size:18px; line-height:32px;padding-left:5px;padding-top:5px;}
.banner h3{}
.banner p{}

.about{margin-top:15px;}
.about h2{width:97%;padding:0px 1.5%;font-size:18px;line-height:32px;}
.about h3{font-size:16px; line-height:28px;width:97%;padding:0px 1.5%; }
.about p{width:97%;padding:0px 1.5%; font-size:14px;line-height:24px;}
.about_img img{max-width:100%}
.line_space100{padding-top:30px;}

/* 产品列表 */
.pro-banner{width:100%}

/* 产品描述 */
.prodes{width:99%;padding: 0px 0px 10px 0px}
.prodes .pro-i-1{width:100%;}
.prodes .pro-img{width:100%;}
.prodes .pro-img img{max-width:100%;}

.prodes .pro-i-1 img{width:100%;margin-bottom:0px;}
.prodes .pro-i-1 .en{font-size:24px;line-height:24px;}
.prodes .pro-i-1 .cn{line-height:21px;}


.prodes .titlebox{padding-top:15px;}
.jj115{padding-left:15px}
.prodes .txtbox{width:100%;margin-top:0px; margin-bottom:20px;}
.prodes .txtbox p{padding:0px 10px;font-size:18px; line-height:24px;}
.prodes .txtbox .cn{line-height:24px;}

.prodes .pro-i-2{margin-top:30px; margin-bottom:30px;}
 .prodes .pro-i-4 .pro-R img{margin-top:30px;}
.prodes .pro-img2{width:100%;}
.prodes .pro-img2 img{max-width:100%;margin-bottom:10px;}
.prodes .pro-i-3{width:100%; margin-bottom:0px;} 

.prodes .pro-i-4{width:100%;}
.prodes .pro-i-4 img{max-width:100%;}
.prodes .pro-i-4 .pro-L{width:100%;}
.prodes .pro-i-4 .pro-R{display:none;}

.jj80{padding-right:0px;}

.jj100{padding-right:0px;}
.jj65{padding-left:15px}
.hj1020{width:100%}

.prodes .pro-i-33{width:100%;background:url(/skin/images/n-5.jpg) right bottom no-repeat;background-size:100%;}
.prodes  .pro-i-33 .txtbox{padding-top:20px; padding-left:0px;padding-bottom:30px;}
.jj50{padding-left:0px}
.jj55{padding-left:0px}
.jjR50{padding-right:0px}
.prodes .pro-img560{width:100%;}
.prodes .pro-img560 img{width:100%;}

.w950{width:100%;}
#t400{padding-top:0px;padding-left:10px;}
.w920{width:100%}
.w550{width:100%;margin-top:10px;}
.prodes .titlebox.jjsa{padding-left:10px;padding-top:50px;}
.prodes .pro-i-2 .txtbox.w780{width:100%}

/* 服务 */
.service li {width:50%}
.md_box{width:90%;padding: 10px;}
.md_bottom{margin-top:20px;}
.md_time{width:40%;float:left;}
.md_tel{float:right;}

.down li .title{width:100%;float:left;}

/* 招商加盟 */
.eight-adv{width:100%}
.eight-adv ul li{width:50%;height:320px;}
.eight-adv ul li span{margin-bottom:50px;}

.joinbox{width:90%;}
.joinbox1{margin: 20px 15px;}
.joinbox1 .bk{width:90%}

/*  联系我们 */
.contact_box .form{width:95%}
.inputlist{width:95%}
.contact_lx{width:95%;padding-left:3%;}

/*  工程案例 */
.case_des{width:98%;margin-top:10px; margin-left:2%;}

/*  新闻动态 */
.newslist li{width:96%; height:auto;}
.newslist li .newsimg{float:left;width:22%}
.news_b .newsimg img{max-width:100%;height:auto;}
.news_c{width:75%;float:right;margin-left:2%;}
.news_c .time{padding-top:10px;}

.case_des img{max-width:100%}

}