@charset "utf-8";

/* CSS Document */

/*banner*/

.banner{ overflow:hidden; width:100%; height:578px; }

/* -- 弹出窗口 -- */

#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}

#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}

#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}

#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }

#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}

#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}

#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}



#flashs{ position:relative; height:578px; overflow:hidden;}

#flashs .bgitem{  z-index:1;position:absolute; top:0; }

#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}

#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}

#flashs .btn span.cur{ background:#0193de;}



/*内容搜索*/

.nlss{ overflow:hidden; width:100%;}

.nlss .nlssBox p{ width:600px; height:63px;color:#000; float:left;font-size:12px; line-height:63px;}

.nlssBox a{color:#6c6c6c; font-size:12px; padding:0 5px;}

.nlssBox .ssnl{overflow:hidden; width:309px; height:32px; line-height:32px; float:right; margin-top:15px; float:right;}

.nlssBox .ssnl input{width:256px; height:30px; line-height:30px;background:none; padding-left:10px; border:1px solid #dedede;font-size:13px; color:#dedede; float: left;}

.nlssBox .ssnl em{ display:block; cursor:pointer; width:41px; height:32px;background:url(../images/fangdajing.png) no-repeat center  right; float:right;}

 

/*产品中心*/

.cpzx{overflow:hidden;width:100%; height:900px; background:url(../images/chanpin_bg.png) no-repeat center;}

.cpzx h3{width:100%; height:27px; margin:0 auto; text-align:center; margin-top:35px; padding-bottom:5px;}

.cpzx h3 a{color:#227ecb; }

.cpzx_Nav{overflow:hidden; width:100%;}

.cpzx_Nav li{width:122px; height:32px; margin-left:3px; margin-top:32px; font-size:14px;background:url(../images/chanpin_nav_bg.png) no-repeat center top; line-height:32px; text-align:center; float:left;} 

.cpzx_Nav li a{color:#444444;}

.cpzx_Nav li a:hover{color:#FFF; text-decoration:none;}

.cpzx_Nav li:hover a,.cpzx_Nav li.cur a{color:#FFF;}

.cpzx_Nav li:hover{ background:url(../images/chanpin_nav_bg.png) no-repeat center bottom;}

.cpzx_Nav li:hover,.cpzx_Nav li.cur{background:url(../images/chanpin_nav_bg.png) no-repeat center bottom;}

.cj_Nav{overflow:hidden; width:482px; margin:0 auto;}

.cj_Nav dl{width:100%;}

.cj_Nav dl dt{display:block; width:100px; height:14px; margin-left:20px; line-height:14px; font-size:13px;text-align:center; margin-top:27px; float:left;}

.cj_Nav dl dt a{padding-left:15px; background:url(../images/ciji_nav.png) no-repeat center left;}

.cj_Nav dl dt a:hover{color:#1f75c0; text-decoration:none; background:url(../images/ciji_nav_b.png) no-repeat center left; }

.cj_Nav dl dt:hover a,.cj_Nav dl dt.cur a{color:#1f75c0; text-decoration:none; background:url(../images/ciji_nav_b.png) no-repeat center left;}



.cptp{overflow:hidden; width:100%; margin:0 auto;}

.cptp ul{width:1000px; }

.cptp ul li{width:310px;height: 300px;margin-right:35px;margin-top:36px;border-bottom:3px solid #cdcdcd;float:left;}

.cptp ul li p{margin-top: 24px;margin-left:22px;color:#000;float: left;height: 25px;line-height: 25px;}

.cptp ul li span{float: right;width: 86px;height: 25px;line-height: 25px;color:#1f75c0;text-align:center;margin-top: 25px;margin-right: 22px;background:url(../images/cpzx_li_juxingkuang.png) no-repeat center;}

.cptp ul li:hover a{color:#ffffff;text-decoration: none; }

.cptp ul li:hover p{color:#FFF; }

.cptp ul li:hover{background-color:#0394e0; border-bottom:none;}

.cptp ul li.cptp_ys01{ margin-right:0px;}





/*地漏选择*/

.slxz{overflow:hidden; width:100%; height:532px; background:url(../images/why_xuanzedilou.jpg) no-repeat center;}

.slxz .dlBox{width:1000px; margin:0 auto;}

.dlBox .dl_bt{ display:block; width:390px; height:63px; margin:0 auto;margin-top:35px; background:url(../images/dlxz_bt_bg.png) no-repeat center;}

.dl_bt h3{font-size:40px; color:#FFF; width:130px; height:63px; line-height:63px; text-align:center;float:left;}

.dl_bt p{font-size:23px; color:#fff; float:left; width:230px; height:24px; margin-top:15px;float:left;}

.dl_bt span{font-size:12px; color:#42afe8; margin-top:5px;float:left;}

.dlBox .why_dl{ overflow:hidden;width:100%;}

.dlBox .why_dl ul{ overflow:hidden;width:850px; margin:0 auto; }

.why_dl ul li{width:425px; height:160px; float:left;padding-top:45px;}

.why_dl ul li h4{ font-size:18px; color:#2a2a2a;}

.why_dl ul li p{ width:240px; line-height:20px; color:#3b3b3b; font-size:13px; padding-top:10px;}

.why_dl ul li.why_dl_ys01{overflow:hidden; float:right;}

.why_dl ul li.why_dl_ys01 h4{ width:100%; text-align:right;}

.why_dl ul li.why_dl_ys01 p{ float:right; text-align:right;}

.why_dl ul li.why_dl_ys02 h4{width:100%; text-align:right;}

.why_dl ul li.why_dl_ys02 p{float:right; text-align:right;}



/*实力强，有保障*/

.slq{ overflow:hidden;width:100%; height:1529px; position:relative;}

.slqBox{overflow:hidden; width:1000px; margin:0 auto;}

.slqBox h4{font-size:30px; color:#227ecb;}

.slqBox h5{font-size:18px; color:#3f3f3f; margin-bottom:50px;}

.slqBox p{font-size:15px; color:#000000; padding-left:20px; margin-top:10px;  background:url(../images/xiaohua.png) no-repeat left 5px; line-height:30px;}



.slq01{ overflow:hidden; width:100%; height:478px; background:url(../images/slq01.jpg) no-repeat center;}

.Box{overflow:hidden; width:1000px; margin:0 auto;}

.Box h3{ font-size:30px; color:#FFF; text-align:center;}

.Box h3 span{font-size:40px;}

.Box p{ font-size:15px; color:#114661; text-align:center; margin-top:7px;}

.Box p>span{font-size:31px; color:#114661;}

.slqBox .Box1{width:800px; height:200px;padding-top:95px; padding-left:105px;}
.slqBox .Box1 p{ line-height:30px;}

.slq .slq02{width:100%; height:351px; background:url(../images/slq02.jpg) no-repeat center;}

.slqBox .Box2{width:415px; margin-left:588px; margin-top:98px;}

.slq .slq03{width:100%; height:353px; background:url(../images/slq03.jpg) no-repeat center;}

.slqBox .Box3{width:390px; margin-top:87px; margin-left:85px;}

.slq .slq04{width:100%; height:350px; background:url(../images/slq04.jpg) no-repeat center;}

.slq .Box4_phone{width:210px; height:110px; margin-left:220px; margin-top:215px; background:url(../images/zdxl_ghone.png) no-repeat top left;float:left;}

.slq .Box4_phone>span{font-size:15px; color:#227ecb;padding-left:48px;}

.slq .Box4_phone h6{ font-size:20px; color:#000; padding-left:48px;} 

.slq .Box4_phone a{ display:block; width:117px; height:33px; text-align:center; margin-top:20px; margin-left:10px; line-height:33px; font-size:15px; color:#4e4e4e; border:2px solid #666666;}

.slqBox .Box4{width:410px; height:206px; margin-top:79px; margin-left:588px;}





/*客户眼中的地漏*/

.kehu{ overflow:hidden;width:100%; height:510px; background-color:#0394e0;}

.anniu_kj{ overflow:hidden; width:1120px; height:510px;  margin:0 auto; position:relative;}

.kehu .khdl{width:100%;}

.khdl h3{text-align:center; margin-top:40px; font-size:18.75px;}

.khdl h3 a{color:#FFF;}

.khdl img{ margin-top:10px;}

.khdl ul{width:100%; margin-top:50px;}

.khdl li{float:left; margin-right:18px; height:314px; width:236px; background-color:#FFF; }

.khdl li img{ display:block; padding:10px; background:#FFF;}

.khdl li span{display:block;  font-size:15px; font-weight:bold; text-align:center; color:#000;}

.khdl li  p{ font-size:13px; color:#404040; width:209px; height:60px; line-height:20px; margin:0 auto; margin-top:20px;}

.khdl li i{display:block;width:26px; height:26px; float:right; background:url(../images/kuhu.png) no-repeat top right;}

.anniu_kj em{ display:block; width:43px; height:43px; cursor:pointer;position:absolute; top:56%;}

.anniu_kj .kh_left{background:url(../images/kefu_anniu_lf.jpg) no-repeat center top; left:0;}

.anniu_kj .kh_right{background:url(../images/kefu_anniu_rt.jpg) no-repeat center top; right:0;}

.anniu_kj em:hover{background-position:bottom;}

.khdl li.ys_last{margin-right:0px;}



/*合作伙伴*/

.hzhb{overflow:hidden;width:100%; height:295px; background-color:#FFF;}

.hzhbBox{width:100%;}

.hzhbBox h3{ font-size:19px; text-align:center; margin-top:40px;}

.hzhbBox h3 a{ color:#227ecb;}

.hzhbBox img{ margin-top:10px;}

.hzhbBox ul{ overflow:hidden; width:100%; margin-top:25px;}

.hzhbBox ul li{ width:143px; height:120px; margin-right:26px; float:left;}

.hzhbBox ul li img{ border:5px solid #e8e8e8;}

.hzhbBox ul li p{font-size:10px; color:#000; margin-top:10px; text-align:center;}

.hzhbBox ul li.last{ margin-right:0px;}



/*sdxl*/

.sdxl{ overflow:hidden; width:100%; height:181px; background:url(../images/xdxl_bg.jpg) no-repeat center;}

.sdxl{ overflow:hidden;width:100%; color:#FFF;margin-top: 30px;}

.sdxl .xlBox{width:243px; height:100px;}

.xlBox .xl_phone{ width:243px; margin-top:35px; margin-left:765px;height:50px;background:url(../images/zdxl_ghone.png) no-repeat center left;}

.xlBox .xl_phone h3{ font-size:12px; font-weight:normal; color:#3b3b3b; padding-top:10px; padding-left:45px;}

.xlBox .xl_phone  span{font-size:17px; color:#227ecb; padding-left:45px; margin-top:10px;}

.xlBox .zixun{ width:180px; height:50px; margin-left:765px; background:url(../images/zxk_bg.png) no-repeat center;}

.xlBox .zixun p{color:#4e4e4e;  margin-left:65px; padding-top:17px;}



/*走进卫浴*/

.zjwy{ overflow:hidden; width:100%; height:356px;}

.zjwbBox{width:100%;}

.zjwbBox h3{font-size:19px;   text-align:center; margin-top:10px;}

.zjwbBox h3 a{color:#227ecb;}

.zjwbBox .wy_tupian{width:480px; height:235px; margin-top:32px; float:left}

.zjwbBox .wy_jianjie{width:520px; height:235px; margin-top:32px; float:right;}

.wy_jianjie h4>a{font-size:15px; color:#000; margin-top:10px;}

.wy_jianjie p{color:#000; line-height:24px; height:100px; overflow:hidden; margin-top:25px;}

.wy_jianjie span{ display:block; width:116px;  text-align:center; border:2px solid #666666; padding:5px; margin-top:31px;}



/*风采*/

.zlfc{overflow:hidden; width:100%; height:288px;}

.zlfcBox h4{width:1000px; font-size:15px; margin-top:20px; background:url(../images/fengcai_bg.png) no-repeat center;}

.zlfcBox h4 a{color:#227ecb; font-size:22px; }

.zlfcBox ul{width:100%; margin-top:35px;}

.zlfcBox li{width:238px; height:200px; margin-right:15px;  float:left;}

.zlfcBox li img{border:1px solid #e0e0e0;padding:3px;}

.zlfcBox li p{color:#000; text-align:center; margin-top:5px;}

.zlfcBox li.last{margin-right:0px;}



/*志良友情链接*/

.yqlj{overflow:hidden; width:100%; height:140px;}

.yqBox h4{ width:1000px; height:19px; font-size:15px;  margin-top:36px; background:url(../images/fengcai_bg.png) no-repeat center;}

.yqBox h4 a{color:#227ecb;}

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

.yqBox ul li{ width:45px; height:30px; line-height:30px; margin-right:18px;  font-size:13px; color:#383838; float:left;}



/*news*/

.news{ overflow:hidden; width:100%; height:545px; background-color:#f5f5f5;}

.news .news_title{width:100%; height:60px;background:url(../images/news_bianti_bg.png) no-repeat top left;}

.news .news_title h3{ font-size:37px;float:left; padding-top:10px;}

.news .news_title h3>a{color:#dfdfdf}

.news .news_title .more{float:right;font-size:13px; color:#2f343c;margin-right:23px; margin-top:28px;}

.news .newsBox{width:100%; height:542px; margin:0 auto;}

.news .newsBox h4>a{ display:block;font-size:15px; color:#1f75c0;}

.news .newsBox_left{ overflow:hidden; width:480px; height:502px; margin-top:40px;float:left;}

.news .newsBox_left img{ margin-top:20px;}

.news .newsBox_left ul{ width:100%; margin-top:28px;}

.newsBox_left ul li{ width:463px; height:30px; line-height:30px; font-size:13px; border-bottom:1px dashed #e1e1e1; float:left; white-space:nowrap; text-overflow:ellipsis;  overflow:hiddin;}

.newsBox_left ul li a{color:#000000;}

.newsBox_left ul li span{ color:#676767; float:right; }





.news .newsBox_right{ overflow:hidden; width:480px; height:502px;margin-top:40px;font-size:13px; color:#000;float:right;}

.newsBox_right ul{ width:100%; margin-top:25px}

.newsBox_right ul li{width:453px; line-height:34px;border-bottom:1px dashed #e1e1e1; font-size:13px;background:url(../images/news_right_li.png) no-repeat center right; white-space:nowrap; text-overflow:ellipsis;  overflow:hiddin;}

.newsBox_right ul li a{color:#000;}

.newsBox_right ul li.ys01:hover{ background:url(../images/news_FQA_LI.png) no-repeat top right;}



.newsBox_right ul li .news_nextNav{display:none; width:466px; height:88px; line-height:24px; background:url(../images/new_right.png) no-repeat center;margin-bottom:20px;}

.newsBox_right ul li .news_nextNav p{padding-top:30px; padding-left:20px;width: 429px;overflow: hidden;white-space: normal; }

.newsBox_right li .news_nextNav p a{ color:#1f75c0;}

.newsBox_right ul li.ys01{ background:url(../images/news_FQA_LI.png) no-repeat top right;}

.newsBox_right ul li:hover .news_nextNav,.newsBox_right ul li.cur .news_nextNav {display:block;}



/*产品*/
.Pro{ overflow: hidden; width: 100%; background-color: #e8e8e8; padding: 35px 0;}
.Pro .porBox{ overflow: hidden;}
.Pro .proLt{ float: left; width: 217px; overflow: hidden;}
.Pro .proLt h2{ padding: 25px 0; background-color: #072fa8; text-align: center; font-size: 32px; }
.Pro .proLt h2 a{color: #fff;}
.Pro .proLt h2 span{ display: block; text-transform:uppercase; font-size: 29px; color: #2248ba; font-weight: normal;}
.Pro .proLtBox{ overflow: hidden; background-color: #fff;}
.Pro .proLtDl dt{ padding: 0 25px; background: #ffa200; line-height: 38px; font-size: 16px;}
.Pro .proLtDl dt a{ display: block; color: #fff;}
.Pro .proLtDl dd{ padding: 0 25px;}
.Pro .proLtDl dd a{ display: block; line-height: 36px; background: url("../images/pro_xjx.png") no-repeat 5px top; padding-left: 18px; font-size: 13px; color: #111111; border-bottom: 1px dotted #dcdcdc; }
.Pro .proLtDl dd a:hover{ background-position:5px  bottom; color: #00248f; text-decoration: none;}
.Pro .proPhone{ margin-top: 10px; padding:25px 18px; background-color: #fff; overflow: hidden;}
.Pro .proPhone h3{ font-size: 25px; border-bottom: 1px solid #f3f3f3; padding-bottom: 5px; color: #202020;}
.Pro .proPhone h4{ background: url("../images/proPhone.png") no-repeat left center; font-size: 15px; padding-left: 45px; color: #000000; font-weight: normal; margin-top: 15px;}
.Pro .proPhone b{ display: block;  font-size: 19px; color: #072fa8;}
.Pro .proRt{  float: right; width: 766px; background-color: #fff;}
.Pro .proTit{ width: 100%; height: 56px; background: url("../images/pro_liBg.png") repeat-x center;}
.Pro .proTit li{ width:383px; float: left; height: 56px;  position: relative; line-height: 56px; text-align: center; font-size: 16px;}
.Pro .proTit li a{ color: #151515; text-decoration: none;}
.Pro .proTit li i{ display: none; position: absolute; background: url("../images/pro_tit_xj.png") no-repeat center; width: 17px; height: 8px; ; top:56px; left:185px;}
.Pro .proTit li:hover,.Pro .proTit li.cur{ background-color: #072fa8}
.Pro .proTit li:hover i,.Pro .proTit li.cur i{display: block;}
.Pro .proTit li:hover a,.Pro .proTit li.cur a{ color: #fff;}
.Pro .proRBox{ position: relative; ;overflow: hidden; height: 925px;}
.Pro .ProCon{ display:none; position: absolute; top:0; left:0; padding:0 30px}
.Pro .proDl{ overflow: hidden; width: 100%; margin: 35px 0 30px; }
.Pro .proDl  img{ display:block; border:1px solid #d3d3d3;}
.Pro .proDl dt{ float: left;}
.Pro .proDl dd{ float: right; width: 365px;}
.Pro .proDl dd h3{ font-size: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal;}
.Pro .proDl dd h3 a{ color: #00248f;}
.Pro .proDl dd p{ line-height: 25px; font-size: 13px; color: #333; height: 100px; margin: 10px 0 30px; overflow: hidden; text-align: justify;}
.Pro .pro_a{ overflow: hidden}
.Pro .pro_a a{ display: block; float: left; background: url("../images/pro_a.png") no-repeat center top; width: 101px; height: 36px; text-align: center; line-height: 36px; font-size: 13px; color: #484848; margin-right: 15px; text-decoration: none;}
.Pro .pro_a a:hover { background-position:bottom; color: #fff;}
.Pro .proUl{ overflow: hidden; padding-top: 28px; border-top:1px solid #e3e3e3;}
.Pro .proUl li{ float: left; margin: 10px 0; margin-right: 23px; }
.Pro .proUl li img{ display:block; border:1px solid #d3d3d3;}
.Pro .proUl li span{ display: block; text-align: center; font-size: 16px; color: #333; line-height:50px;}
.Pro .proUl li span{ display: block; text-align: center; font-size: 16px; color: #333; line-height:50px;}
.Pro .proUl li.last{ margin-right: 0}
.Pro .proUl li:hover img{ opacity: .8;}



/* banner */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
  
  
.syym{ width:990px; margin:0 auto;}
.ymtop{ width:864px; margin:0 auto; border-bottom:1px dashed #666; padding:15px 0; height:90px; line-height:90px;}
.ymtop img{ float:left;}
.ymtop span{ float:left; font-size:36px; color:#fff;}
.flash{ width:984px; border:3px solid #fff; }