﻿@charset "utf-8";
/* CSS Document */

* { margin:0px; padding:0px; }

body, div, strong, em, p, blockquote, pre, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd { margin:0px; padding:0px; }
html, body { height:100% }
dt, h1, h2, h3, h4, h5, h6, strong { font-family:"微软雅黑" }
html { overflow:-moz-scrollbars-vertical; }
table { border-collapse:collapse; border-spacing:0; }
ul, ol, li { list-style-type:none; }
td, th, div { word-break: break-all; word-wrap: break-word; }
a { text-decoration:none; color:#090909; margin:0px; padding:0px; }
a:hover{color:#f6b65d;}
img{ border:none}

.fl{float:left;}
.fr{float:right;}
.clearfloat{clear:both; padding:0; margin:0; float:none;  }
.main11{width:1100px; margin:0px auto;}

/*以上部分为所有的HTML网站里公共样式*/



/*banner*/




.banner{ height:645px; overflow:hidden; position:relative; z-index:7; width:100% !important;}
.banner .td ul,.banner .td ul li,.banner .td ul li a{ width:100% !important;}
.banner .td ul li a{ display:block; display:block; height:645px; overflow:hidden;}

.banner .btn{  bottom: 43px;padding: 5px 6px;position: absolute;right: 50%;z-index: 7; margin-right:-76px;}
.banner .btn li {background: none repeat scroll 0 0 #000;border: 1px solid #000;color: #FFFFFF;cursor: pointer;display: inline-block;
margin-left: 5px;padding: 2px 2px; width:10px;height:10px; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; float:left;     -moz-border-radius: 25px;/* Gecko browsers */ -webkit-border-radius: 25px;   /* Webkit browsers */; border-radius:25px;            /* W3C syntax */}
.banner .btn li.on {background: none repeat scroll 0 0 #405c99;border: 1px solid #405c99;font-weight: bold;padding: 2px 2px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.banner .ljt{position: absolute;width: 50px; height: 118px;display: block;left:50%; margin-left:-650px;top:39%; z-index:999;background:url(../images/banner_l.png) no-repeat; cursor:pointer;}
.banner .rjt{position: absolute;width: 50px; height: 118px;display: block;left:50%; margin-left:600px; top:39%; z-index:999;background:url(../images/banner_r.png) no-repeat;cursor:pointer;}

/*index-serach*/
.index-serach{width:100%; height:40px;  line-height:40px;box-shadow:0 4px 10px #e9e9e9;-moz-box-shadow:0 4px 10px #e9e9e9;-webkit-box-shadow:0 4px 10px #e9e9e9;-ms-box-shadow:0 4px 10px #e9e9e9;
-o-box-shadow:0 4px 10px #e9e9e9; margin-bottom:20px;}

/*hot*/
.hot{line-height:40px; float:left;}
.hot span{width:600px; overflow:hidden; font-size:14px; font-weight:600; font-family:"微软雅黑";}
.hot a{font-size:14px; color:#787878}
.hot a:hover{color:#f6b65d;}

.search{ width:230p; float:right;margin-top:7px; position:relative}
.search input[type="text"]{width:225px; padding-left:5px; height:24px;line-height:24px; }
.sub{ background:url(../images/search.png); border:none; text-indent:-99999px; width:16px; height:16px; position:absolute; right:5px; top:8px; cursor:pointer}

/*index-img1*/
.index-img1{width:1100px; overflow:hidden; margin:30px auto;}
.index-img11{width:100%; margin-bottom:50px; height:138px;}
.index-img11 img{width:100%;}
.img1-content{width:100%; height:680px; overflow:hidden; position:relative;}
.img1-left{width:401px; height:648px; position:absolute; left:40px; top:1px;}
.img1-right{width:700px; height:637px; position:absolute; left:373px; top:36px;}


/*index-weixiu*/
.index-weixiu{width:1100px; margin:50px auto 30px auto; text-align:center;}
.index-weixiu-title{display:inline-block; border:3px solid #0e51a0; position:relative; height:55px; }
.index-weixiu-title h1{padding:0px 25px; color:#0e51a0; font-size:25px; height:59px; line-height:55px;background:url(../images/l.jpg) center bottom no-repeat }
.index-weixiu-title p{position:absolute; width:90%; height:20px; line-height:20px; top:-10px; overflow:hidden; left:5%; background:#fff; font-size:10px; color:#0e51a0;text-transform:uppercase; font-family:"微软雅黑";}

/*index-youshi*/
.index-youshi{width:1100px; margin: 30px auto;}
.index-youshi li{float:left; width:252px; height:330px; border:2px solid #0e51a0; margin-right:24px;}
.index-youshi li img{width:252px; height:284px; margin:0px; padding:0px; display:block;}
.index-youshi li:last-child{margin-right:0px;}
.index-youshi li p{height:46px; line-height:46px; background:#0e51a0; color:#fff; text-align:center;}
.index-youshi li p a{color:#fff; font-size:20px; font-family:"微软雅黑";}

/*guanggao*/
.guanggao{width:100%; height:244px; margin:40px auto 20px auto; background:url(../images/gg.jpg) center center no-repeat;}
.guanggao-content{ height:128px; padding:10px 20px; background:#13559f; display:inline-block; margin-top:48px; width:640px }
.guanggao-content p{color:#fff; font-size:20px; font-family:"微软雅黑"; line-height:30px;}
.guanggao-content h2{font-size:30px; font-family:"微软雅黑"; color:#f6b65d; line-height:50px;}
.guanggao-content h3{font-size:15px; font-family:"微软雅黑"; line-height:40px; font-weight:500; color:#fff;}
.guanggao-content h3 b{font-size:30px; font-weight:600; }

/*sevres*/
.sevres{text-align:center; margin:50px auto 30px auto;}
.index-sevres-title{display:inline-block; border:3px solid #0e51a0; position:relative; height:55px; }
.index-sevres-title h1{padding:0px 25px; color:#0e51a0; font-size:25px; height:59px; line-height:55px;background:url(../images/l.jpg) center bottom no-repeat }
.index-sevres-title p{position:absolute; width:50%; height:20px; line-height:20px; top:-10px; left:25%; overflow:hidden; background:#fff; font-size:10px; color:#0e51a0;text-transform:uppercase; font-family:"微软雅黑";}

/*sevres-list*/
.sevres-list{width:100%; margin-top:40px;}
.sevres-list li{width:100%; height:auto; position:relative; height:306px; overflow:hidden;counter-increment:xuhao; }
.sevres-list li:nth-child(odd) .sev-img{position:absolute; width:50%; height:auto; left:0px; top:0px;}
.sevres-list li .sev-img img{width:100%;}
.sevres-list li:nth-child(even) .sev-img{position:absolute; width:50%; height:auto; right:0px; top:0px;}

.sevres-list .sev-li{width:1100px; margin:0px auto;height:306px; overflow:hidden; position:relative;}
.sevres-list li:nth-child(odd) .sev-li-content{float:right;}
.sevres-list li:nth-child(even) .sev-li-content{float:left;}
.sevres-list .sev-li-content{width:48%; padding-left:2%; height:306px; }
.sevres-list .sev-li-content:before{display:block;width:55px; height:55px; line-height:55px; background:#0e51a0; font-weight:bold; color:#fff;
 font-size:40px; content:'0'counter(xuhao)}
.sevres-list li:nth-child(odd) .sev-li-content:before{float:right; margin-top:25px;}
.sevres-list li:nth-child(even) .sev-li-content:before{float:left; margin-top:25px;}
.sevres-list .sev-li-content h1{font-size:18px; background:url(../images/title.jpg) left center no-repeat; text-align:left; padding-left:12px; margin-top:100px;}
.sevres-list .sev-li-content h2{text-transform:uppercase; font-size:11px; font-weight:500; text-align:left; padding-left:12px; margin-bottom:5px;}
.sevres-list .sev-li-content p{font-family:"微软雅黑"; color:#535353; font-size:12px; text-align:left; padding-left:12px; line-height:22px; width:85%;}

/*guanggao2*/
.guanggao2{width:100%; height:218px; background:url(../images/gg2.png) center center no-repeat; margin-top:50px;  padding:40px 0px;}
.guanggao2-content{ height:128px; padding:10px 50px;  display:inline-block; margin-top:48px; width:640px }
.guanggao2-content p{color:#fff; font-size:20px; font-family:"微软雅黑"; line-height:30px;}
.guanggao2-content h2{font-size:40px; font-family:"微软雅黑"; color:#f6b65d; line-height:70px;}
.guanggao2-content h3{font-size:15px; font-family:"微软雅黑"; line-height:40px; font-weight:500; color:#fff;}
.guanggao2-content h3 b{font-size:30px; font-weight:600; }

/*清洗对比*/
.qingxi{text-align:center; width:100%;margin-top:50px; }
.index-qingxi-title{display:inline-block; border:3px solid #0e51a0; position:relative; height:55px; }
.index-zhuying-title h1{padding:0px 25px; color:#0e51a0; font-size:25px; height:59px; line-height:55px;background:url(../images/l.jpg) center bottom no-repeat }
.index-zhuying-title p{position:absolute; width:80%; height:20px; line-height:20px; overflow:hidden; top:-10px; left:10%; background:#fff; font-size:8px; color:#0e51a0; font-family:"微软雅黑";}

.qingxi-list{margin-top:50px;}
.qingxi-list li{float:left; width:240px; height:220px; padding:10px 17px; margin-bottom:10px;}
.qingxi-list li:nth-child(odd){background:#aeafaf;}
.qingxi-list li:nth-child(even){ background:#0e51a0}
.qingxi-list li p{line-height:40px; text-align:center; font-size:15px; color:#fff; font-family:"微软雅黑";  font-weight:600;}
.qingxi-list li img{display:block;}

/*zhuying*/
.zhuying{text-align:center; width:100%;margin-top:50px;}
.index-zhuying-title{display:inline-block; border:3px solid #0e51a0; position:relative; height:55px; }
.index-zhuying-title h1{padding:0px 25px; color:#0e51a0; font-size:25px; height:59px; line-height:55px;background:url(../images/l.jpg) center bottom no-repeat }
.index-zhuying-title p{position:absolute; width:80%; height:20px; line-height:20px; overflow:hidden; top:-10px; left:10%; background:#fff;  color:#0e51a0;text-transform:uppercase; font-family:"微软雅黑";font-size:10px !important;}

/*xiangmu-title*/
.xiangmu-title{width:1085px; margin:30px auto 25px auto; background:url(../images/title2.jpg) left center no-repeat; border-bottom:2px solid #0e51a0; height:30px; line-height:30px;
 font-size:18px; font-weight:600; color:#0e51a0; text-align:left; padding-left:15px; font-family:"微软雅黑"; }
.xiangmu-title span{float:right; font-weight:500; font-size:14px;}

/*选项卡*/
.zhuying-list{width:1100px; margin:0px auto;}
.zhuying-list > div{margin:0;padding:0;width:100%;min-height:270px;display:none; text-align:left;}
.zhuying-list .tab{margin:0;padding:0;list-style:none;width:100%;overflow:hidden; margin-bottom:25px;}
.zhuying-list .tab li{float:left;height:30px; line-height:30px;display:inline-block; margin-right:10px; font-size:15px; padding:0px 20px;line-height:30px;cursor:pointer; }
.zhuying-list .on{display:block;}
.zhuying-list .tab{ width:1300px !important; height:auto; overflow:hidden; margin-right:-200px !important;}
.zhuying-list .tab li.cur{background:#f6b65d; color:#fff;}
.zhuying-list img{ width:353px; height:270px;}
.zhuying-list > div li{float:left;  height:270px; width:353px; margin-right:20px;  position:relative;}
.zhuying-list > div li:last-child{margin-right:0px;}
.zhuying-list > div li p{display:block; width:100%; display:none; text-align:center; font-size:18px; color:#fff; font-weight:600; height:40px; line-height:40px; 
position:absolute; left:0px; bottom:0px; background:rgba(14,81,160,0.5);}
.zhuying-list > div li:hover p{display:block;}

/*左右点击滚动*/
.zhuying-product{width:1100px; margin:20px auto; height:171px;}
.zhuying-pro-l{float:left; width:268px; height:171px;}
.zhuying-pro-r{float:right; width:820px; overflow:hidden; height:171px; }




/*index-case*/
.index-case{text-align:center; width:100%;margin-top:50px;}
.index-case-title{display:inline-block; border:3px solid #0e51a0; position:relative; height:55px; }
.index-case-title h1{padding:0px 25px; color:#0e51a0; font-size:25px; height:59px; line-height:55px;background:url(../images/l.jpg) center bottom no-repeat }
.index-case-title p{position:absolute; overflow:hidden; width:80%; height:20px; line-height:20px; top:-10px; left:10%; background:#fff; font-size:10px; color:#0e51a0;text-transform:uppercase; font-family:"微软雅黑";}

.index-case-l{float:left; width:466px; height:447px; overflow:hidden; position:relative; margin-top:30px;}
.index-case-l img{width:100%; height:100%;}
.index-case-l p{ display:block; width:94%; height:50px; line-height:50px; position:absolute; text-align:left; color:#fff; font-weight:600; bottom:0px; left:0px;
 background:#0e51a0; font-size:16px; padding:0 3%; display:none;}
 .index-case-l:hover p{display:block;}
.index-case-l span{float:right; display:block; width:20px; height:20px; background:url(../images/title3.png) center center no-repeat; margin-top:15px;}
.index-case-l span a{display:block; height:100%; width:100%;}
.index-case-r{float:right;width:632px;height:447px; overflow:hidden;margin-top:30px;}
.index-case-r li{float:left; width:313px; height:220px; margin-right:6px; margin-bottom:7px;}
.index-case-r li img{width:100%; height:100%;}
.index-case-r li:nth-child(2n){margin-right:0px;}


/*ganyan*/
.ganyan{text-align:center; width:100%;margin-top:50px;}
.index-ganyan-title{display:inline-block; border:3px solid #0e51a0; position:relative; height:55px; }
.index-ganyan-title h1{padding:0px 25px; color:#0e51a0; font-size:25px; height:59px; line-height:55px;background:url(../images/l.jpg) center bottom no-repeat }
.index-ganyan-title p{position:absolute; overflow:hidden; width:66%; height:20px; line-height:20px; top:-10px; left:17%; background:#fff; font-size:10px; color:#0e51a0;text-transform:uppercase; font-family:"微软雅黑";}

.ganyan-list{width:1100px; margin:30px auto;}
.ganyan-list ul{ width:1300px; height:auto; overflow:hidden; margin-right:-200px;}
.ganyan-list li{float:left; width:341px; margin-right:38px;height:395px; overflow:hidden;}
.ganyan-list li:last-child{margin-right:0px;}
.ganyan-list li h1{font-size:18px; color:#01588e; text-align:left; font-family:"微软雅黑"; line-height:32px;}
.ganyan-list li h1 span{ margin-left:5px; color:#5d5c5c; font-size:14px;}
.ganyan-list li p{ font-size:14px; line-height:24px;font-family:"微软雅黑"; text-align:left }
.ganyan-list li a.more{color:#f6b65d; font-size:12px; line-height:22px; float:right;}

/*guanggao3*/
.guanggao3{width:100%; height:auto;  overflow:hidden;}
.guanggao3 img{width:100%; }
/*.guanggao3-content{padding-left:30px;}
.guanggao3-content p{font-size:20px; line-height:35px; font-weight:600; color:#f6b65d; padding-top:20px;}
.guanggao3-content h2{color:#0e51a0; font-size:30px; line-height:60px;}
.guanggao3-content h3{color:#0e51a0; font-size:16px; line-height:60px;}
.guanggao3-content h3 b{ font-size:32px; }*/

/*index-about*/
.index-about{text-align:center; width:100%;margin-top:50px;}
.index-about-title{display:inline-block; border:3px solid #0e51a0; position:relative; height:55px; }
.index-about-title h1{padding:0px 25px; color:#0e51a0; font-size:25px; height:59px; line-height:55px;background:url(../images/l.jpg) center bottom no-repeat }
.index-about-title p{position:absolute; overflow:hidden; width:50%; height:20px; line-height:20px; top:-10px; left:25%; background:#fff; font-size:10px; color:#0e51a0;text-transform:uppercase; font-family:"微软雅黑";}

.about-content{width:1100px; margin:0px auto; height:332px;  box-shadow:0px 8px 8px #ccc;-moz-box-shadow:0px 8px 8px #ccc;-webkit-box-shadow:0px 8px 8px #ccc;-o-box-shadow:0px 8px 8px #ccc;
-ms-box-shadow:0px 8px 8px #ccc; padding-bottom:30px; margin-bottom:50px;}
.index-about-l{float:left; width:533px; height:302px;  margin-top:30px; overflow:hidden;}
.index-about-l img{width:100%; height:100%;}
.index-aobut-r{float:right; width:547px; height:302px; margin-top:30px;}
.about-jianjie{width:507px; padding:10px 20px; height:150px; background:url(../images/jj.jpg) center center no-repeat;}
.about-jianjie h1{font-size:18px; color:#0e51a0; line-height:26px; margin:5px 0px;}
.about-jianjie p{text-align:left; font-size:14px; line-height:18px;}

.about-list{width:547px;  height:102px; margin-top:15px;}
.about-list li{float:left; margin-right:5px; overflow:hidden;}

/*index-news*/
.index-xinxi{width:1100px; height:470px; margin:40px auto;}

.index-new{width:350px; float:left; margin-right:25px; }
.index-xinxi-tile{width:338px; border-bottom:2px solid #0e51a0; height:30px; background:url(../images/title2.jpg) left center no-repeat;
padding-left:12px; position:relative; }
.index-xinxi-tile h1{font-size:18px; color:#0e51a0; line-height:30px; display:inline-block;}
.index-xinxi-tile h1 em{display:inline-block; height:20px; border-left:2px solid #0e51a0; line-height:20px; color:#3e3e3e; margin-top:5px; font-style:normal; padding-left:10px; margin-left:10px;}
.index-xinxi-tile span{font-size:14px; line-height:30px; position:absolute; right:5px; top:0px;}
.index-xinxi-tile span a{color:#0e51a0;}

.index-new-content{text-align:center; padding-top:15px;width:350px; box-shadow:0px 0px 5px #CCC;-moz-box-shadow:0px 0px 5px #CCC;-webkit-box-shadow:0px 0px 5px #CCC;-o-box-shadow:0px 0px 5px #CCC;
-ms-box-shadow:0px 0px 5px #CCC; height:425px;}
.index-new-content .new-img{width:327px; height:126px; margin:0px auto 10px auto;}
.index-new-content li{font-size:14px; line-height:30px; text-align:left; padding-left:20px;}
.index-new > div.index-new-content{width:100%;min-height:270px;display:none; text-align:left;}
.index-new .tab1{margin:0;padding:0;list-style:none;width:100%;overflow:hidden; margin-bottom:25px;}
.index-new .tab1 li{float:left;height:30px; color:#777; line-height:30px;display:inline-block;  background:url(../images/l1.jpg) right center no-repeat;
 font-size:18px; padding:0px 20px;line-height:30px;cursor:pointer; font-weight:600;}
.index-new .tab1 li:last-child{ background:none;}
.index-new .on1{display:block; border:1px solid #f00;}
.index-new .tab1 li.cur1{color:#0e51a0; }

/*问题 */
.index-wenti{width:350px; float:left; margin-right:25px; }
.wenti-list{width:330px; padding:5px 10px; }
.wenti-list li{ line-height:26px; position:relative; font-size:13px;}
.wenti-list li:nth-child(odd):before{content:"问"; position:absolute; height:15px; width:15px; line-height:15px; color:#fff; background:#f6b65d; text-align:center; font-size:12px; left:5px; top:5px;}
.wenti-list li:nth-child(even):before{content:"答"; position:absolute; height:15px; width:15px; line-height:15px; color:#fff; background:#052f60; text-align:center; font-size:12px; left:5px; top:5px;}
.wenti-list li:nth-child(even){margin-bottom:15px;}

/*在线留言*/
.index-liuyan{width:350px; float:left;  }
.liuyan{width:288px; margin:0px auto; }
.ly-title{ height:44px; background:url(../images/ly1.png) left center no-repeat; padding-left:55px; text-align:left; padding-top:4px;}
.ly-title p{color:#595959; line-height:20px; font-size:16px;}

.online{width:285px; height:40px; line-height:40px; border:1px solid #b0b0b0; margin-top:15px; position:relative;}
.online span.user{ display:inline-block; height:40px; border-right:1px solid #b0b0b0; width:45px; position:absolute; left:0px; top:0px; background:url(../images/user.png) center center  no-repeat;}
.online span.phone{ display:inline-block; height:40px; border-right:1px solid #b0b0b0; width:45px; position:absolute; left:0px; top:0px; background:url(../images/phone.png) center center  no-repeat;}
.liuyan textarea{ width:265px; border:1px solid #b0b0b0; font-size:12px; color:#787878; height:80px; resize:none; margin-top:15px; padding:5px 10px;}
.online input[type='text']{width:228px; height:40px; line-height:40px; padding:0px 5px;position:absolute; left:46px; top:0px; border:none;}
.sub2{width:100%; height:40px;  background:#0e51a0; color:#fff; font-size:20px; border:none; margin-top:15px;}

.liuyan .shijian{ text-align:left;width:220px; height:50px; margin:0px auto; margin-top:20px; background:url(../images/24tel.png) left top no-repeat; position:relative;}
.liuyan .shijian b{font-size:30px; padding-left:38px; font-weight:500; color:#8e8e8e; line-height:35px;}
.liuyan .shijian span{position:absolute; left:80px; font-size:12px;color:#8e8e8e;}
.liuyan .shijian em{font-style:normal; position:absolute; font-size:16px;color:#8e8e8e; bottom:5px; left:95px;}

/*友情链接*/
.links{width:1100px; margin:40px auto;}
.link-title{ border-bottom:3px solid #0e51a0; margin-bottom:10px;height:30px; line-height:30px; background:url(../images/title2.jpg) left center no-repeat; padding-left:12px; font-size:18px; color:#0e51a0; font-weight:600;
font-family:"微软雅黑";}
.link-title span{ float:right; font-size:14px; font-weight:500;}
.link-title span a{color:#0e51a0;}
.link-title span a:hover{color:#f6b65d;}
.link-a a{ font-size:14px; margin-right:20px; line-height:30px; margin-left:10px;}



/* 横向滚动
------------------------------ */
.scroll_horizontal{position:relative;width:820px;height:171px; float:right;  }
.scroll_horizontal .box{overflow:hidden;position:relative;width:760px;height:171px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:248px; margin-right:5px;}
.scroll_horizontal .prev{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px; background:url(../images/lt.png) left center no-repeat;left:0px; cursor:pointer;}
.scroll_horizontal .next{position:absolute;top:50%;margin-top:-15px; right:0px;width:30px;height:30px; background:url(../images/rt.png) left center no-repeat;cursor:pointer;}
.scroll_horizontal .prev:hover{ background:url(../images/lth.png) left center no-repeat;}
.scroll_horizontal .next:hover{ background:url(../images/rth.png) left center no-repeat;}

.scroll_horizontal1{position:relative;width:547px;height:102px; float:right; }
.scroll_horizontal1 .box{overflow:hidden;position:relative;width:487px;height:102px;margin:0 auto;}
.scroll_horizontal1 .list{overflow:hidden;width:9999px;}
.scroll_horizontal1 .list li{float:left;width:166px; margin-right:3px;}
.scroll_horizontal1 .prev{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px; background:url(../images/lt.png) left center no-repeat;left:0px; cursor:pointer;}
.scroll_horizontal1 .next{position:absolute;top:50%;margin-top:-15px; right:0px;width:30px;height:30px; background:url(../images/rt.png) left center no-repeat;cursor:pointer;}
.scroll_horizontal1 .prev:hover{ background:url(../images/lth.png) left center no-repeat;}
.scroll_horizontal1 .next:hover{ background:url(../images/rth.png) left center no-repeat;}
