@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {min-width: 1200px; overflow-x: hidden;}

A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container0{width:1200px; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
/* CSS Document */






/*产品中心*/
.title0 h3{display: block; font-size: 42px; font-weight:800; line-height: 28px; color: #414141; }
.title0 h3 em{color: #414141;font-weight:800;}
.title0 span{display: block; font-size: 15px; color: #a5a5a5; margin-top:8px;}
.title0 span1{display: block; font-size: 20px; color: #a5a5a5; margin-top:5px;}


/*首页产品分类*/
.index_pro{width:100%; height:1050px; margin:auto; background:url(../../../../images/pro_bj.jpg); margin-top:20px;}
/*首页产品中心*/
.title00 h3{display: block; font-size: 72px; font-weight:800; line-height: 28px; color: #414141; }
.title00 h3 em{color: #414141;font-weight:800;}
.title00 span{display: block; font-size: 16px;font-weight:800; color: #414141; margin-top:33px;}
.title00 span1{display: block; font-size: 26px; color: #414141; margin-top:-15px;}
.title00 span2{display: block; font-size: 20px; color: #414141; margin-top:5px;}

/*为什么选择我们*/
.xz{width:100%; height:605px; margin:auto; background:url(../../../../images/xz.jpg);}

/*项目案例*/
.al{width:100%; height:482px; margin:auto; background:url(../../../../images/case.jpg);}

/*工程案例*/
.case{ background:url(../images/yyly_bj.jpg); padding-bottom: 70px; margin-bottom: 0px;}
.case .title{padding: 50px 0 42px;}
.case-list{margin-bottom: 30px;}
.case-list ul li{float: left; width: 285px; position: relative; overflow: hidden; margin-right: 20px; margin-bottom: 20px;}
.case-list ul li .pic{width: 285px; height: 220px; }

.case-list ul li .pic .name em{font-size: 16px; line-height: 50px; color: #414141; position: relative; }


.case-list ul li:hover .pic em{opacity: 0;}
.case-list ul li .pic .info {position: absolute;=width: 285px;height: 220px;z-index: 2; top: 100%; opacity: 1; transition: 0.4s;}

.case-list ul li .pic .info span{display: block;  font-size: 18px; line-height: 18px; color: #414141; text-align: center; }

.case-list ul li .pic .info-line:before{position: absolute; content: ''; top: 20px; left: 20px; width: 0px; height: 2px; background: #414141; transition: 0.8s;}
.case-list ul li:hover .pic .info-line:before{width: 40px; }
.case-list ul li .pic .info-line:after{position: absolute; content: ''; top: 20px; left: 20px; width: 2px; height: 0px; background: #414141; transition: 0.8s;}
.case-list ul li:hover .pic .info-line:after{height: 40px; }


.case-list ul li .pic .info .span-line:before{position: absolute; content: ''; bottom: 20px; right: 20px; width: 0px; height: 2px; background: #414141; transition: 0.8s;}
.case-list ul li:hover .pic .info .span-line:before{width: 40px; }
.case-list ul li .pic .info .span-line:after{position: absolute; content: ''; bottom: 20px; right: 20px; width: 2px; height: 0px; background: #414141; transition: 0.8s;}
.case-list ul li:hover .pic .info .span-line:after{height: 40px; }
.case-list ul li:hover .pic .info{opacity: 1; top: 0;}