@charset "utf-8";
/* CSS Document */

/*通用*/
.common{ width:100%; max-width:1000px; margin:10px auto;}
.left{ width:210px; float:left;}
.right{ width:785px; float:right; }
.left1{ width:735px; float:left;}
.right1{ width:260px; float:right; border:1px solid #dedede; box-sizing:border-box;}
.position{ width:100%; height:40px; border-bottom:1px solid #dbdbdb; background: url(../images/position01.jpg); line-height:40px; text-indent:7px; color:#666666;}
.position span{ color:#0091ff;}
.position1{ width:100%; height:32px; background:#0091ff; line-height:32px; color:#FFFFFF; text-indent:14px; margin-bottom:10px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.position1 a{ color:#FFFFFF; margin-left:5px; margin-right:5px;}
.position a{ color:#666666; margin-left:5px; margin-right:5px;}
.keyword{ width:100%; height:30px; line-height:30px; border-top:1px dashed #cccccc; text-indent:10px; margin-top:10px; font-family:"微软雅黑";}
.keyword b{ font-size:14px; color:#666666;}
.keyword a{ color:#666666; margin-left:5px; margin-right:5px;}
.list-page{ width:95%; text-align:center; line-height:35px; font-size:14px; margin-bottom:10px; margin-top:10px; height:35px; background:url(../images/list-page01.jpg) repeat-x; border:1px solid #cccccc; box-sizing:border-box; display:block; float:left; margin-left:2.5%;}
.list-page a{ color:#333333; margin-right:10px;}
@media (max-width:1000px){.left{ width:99%; float:none;}}
@media (max-width:1000px){.right{ width:99%; float:none;}}
@media (max-width:1000px){.left1{ width:99%; float:none;}}
@media (max-width:1000px){.right1{ display:none;}}

/*推荐产品*/
.tjcp{ width:100%; margin-bottom:10px; background:#0086eb;}
.tjcp1{ width:100%; padding:17px 0 7px 0; border-bottom:1px solid #4fb3ff; line-height:23px; font-size:17px; color:#FFFFFF; text-align:center; background: url(../images/zcdh01.png) top center no-repeat;}
.tjcp1 span{ color:#5ebaff; font-size:12px; display:block;} 
.tjcp2{ width:100%; background:#FFFFFF; border:2px solid #0086eb; box-sizing:border-box; padding-top:8px;}
.tjcp2 li{ width:100%; float:left; text-align:center;}
.tjcp2 li img{ width:177px; height:138px; padding:1px; border:1px solid #e4e4e4;}
.tjcp2 li span{ width:100%; display:block; line-height:35px; color:#666666;}
@media (max-width:1000px){.tjcp{ display:none;}}

/*联系我们*/
.lxwm{ width:100%; background:#0086eb;}
.lxwm1{ width:100%; padding:17px 0 7px 0; border-bottom:1px solid #4fb3ff; line-height:23px; font-size:17px; color:#FFFFFF; text-align:center; background: url(../images/zcdh01.png) top center no-repeat;}
.lxwm1 span{ color:#5ebaff; font-size:12px; display:block;} 
.lxwm2{ width:100%; background:#FFFFFF; border:2px solid #0086eb; box-sizing:border-box; padding:15px 4px 5px 4px;}
.lxwm2 img{ margin-bottom:10px;}
.lxwm2 p{ width:100%; line-height:24px; color:#666666;}
@media (max-width:1000px){.lxwm{ display:none;}}

/*产品详情*/
.a-image{ width:100%;box-sizing:border-box; padding:1px 1px 10px 1px;border:1px solid #d2d2d2;}
.a-image1{ width:100%; margin-top:10px;  padding:0 4px; box-sizing:border-box;}
.a-image1a{ float:left; margin-left:4px; margin-right:6px;}
.a-image1a img{ width:403px; height:315px; padding:1px; border:1px solid #dbdbdb;}
.a-image1b h1{ width:100%; height:28px; line-height:28px; border-bottom:1px dashed #dfdfdf; text-align:center; font-size:14px; color:#333333;}
.a-image1b p{ width:100%; margin-top:10px; line-height:25px; color:#777777; font-size:14px;}
.a-image1b p strong{ color:#333333;}
.a-image1b p b{ color:#e20c14; font-size:25px;}
.a-image2{ width:100%; margin-top:20px;  padding:0 4px;  box-sizing:border-box;}
.a-image2a{ width:100%; border-bottom:4px solid #0084e8;}
.a-image2a span{ width:85px; height:24px; line-height:24px; float:left; background:#0084e8; margin-left:2px; text-align:center; color:#FFFFFF; font-size:14px;}
.a-image2b{ width:100%; margin-top:10px; font-size:14px; color:#666666; line-height:30px;}
.a-image3{ width:100%; margin-top:10px; text-align:center;  padding:0 4px;  box-sizing:border-box;}
.a-image3 img{ width:100%; max-width:773px;}
.a-image4{ width:100%; margin-top:20px; font-family:"微软雅黑";  padding:0 4px;  box-sizing:border-box;}
.a-image4a{ width:100%; line-height:35px; border-bottom:2px solid #0091ff; font-size:18px; color:#0091ff; text-indent:10px;}
.a-image4a span{ color:#e20c14;}
.a-image4b{ width:100%; padding:20px; box-sizing:border-box; font-size:14px; color:#666666; line-height:35px; background:url(../images/a-image04.jpg) right bottom no-repeat;}
.a-image4b b{ color:#0091ff;}
.a-image5{ width:100%; margin-top:10px; font-family:"微软雅黑";  padding:0 4px;  box-sizing:border-box;}
.a-image5a{ height:27px; width:100%; line-height:27px; font-size:14px; background:#0091ff; color:#fff; text-indent:20px;}
.a-image5a span{ display:block; float:right; color:#fff; margin-right:10px; font-size:12px;}
.a-image5a span b{ color:#FF0004;}
.a-image5b{ width:100%; margin-top:10px;}
.a-image5b p{ width:100%; margin-bottom:8px; font-size:12px; color:#666666; line-height:22px; display:block; float:left;}
.a-image5b p span{ width:100px; float:left; display:block; text-align:right; height:22px;}
.a-image5b p b{ color:#FF0004;}
.a-image5b-1{ width:280px; float:left; max-width:50%; border:1px solid #abadb3; height:20px;}
.a-image5b-2{ width:420px; max-width:75%;float:left;  border:1px solid #abadb3; height:75px;}
.a-image5b-3{ width:100px; float:left; max-width:50%; border:1px solid #abadb3; height:20px;}
.a-image5b-4{ width:58px; height:22px; float:left; margin-right:10px; color:#fff; text-align:center; background:#0091ff; border:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:53px;}
@media (max-width:720px){.a-image1a{ width:100%; float:none; margin:auto;}}
@media (max-width:720px){.a-image1a img{ width:100%; height:auto;}}
@media (max-width:720px){.a-image1b{ width:100%;}}
@media (max-width:750px){.a-image3{ display:none;}}
@media (max-width:750px){.a-image4{ display:none;}}
@media (max-width:750px){.a-image5{ display:none;}}

/*相关产品*/
.xgcp{ width:100%; margin-top:10px; border:1px solid #dcdcdc; box-sizing:border-box; font-family:"微软雅黑";}
.xgcp1{ width:100%; height:26px;color:#0091ff; font-size:14px; font-weight:bold; text-indent:20px; line-height:26px; background:url(../images/xgcp02.jpg);}
.xgcp2{ width:100%; margin-top:13px;}
.xgcp2 li{ width:33.33333%; float:left; text-align:center; }
.xgcp2 li img{ width:232px; height:182px; display:block; border:1px solid #cbcbcb; padding:1px;}
.xgcp2 li span{ width:100%; display:block; line-height:40px; color:#666666; font-size:12px;}
@media (max-width:743px){.xgcp{ display:none;}}

/*相关资讯*/
.xgzx{ width:100%; margin-top:10px; border:1px solid #dcdcdc; box-sizing:border-box; font-family:"微软雅黑";}
.xgzx1{ width:100%; height:26px; color:#0091ff; font-size:14px; font-weight:bold; text-indent:20px; line-height:26px; background:url(../images/xgcp02.jpg);}
.xgzx2{ width:100%;}
.xgzx2 li{ width:50%; float:left;  line-height:30px; background:url(../images/xgzx01.jpg) left center no-repeat; font-size:12px; text-indent:10px;}
.xgzx2 li a{ color:#666666;}
.xgzx2 li span{ display:block; float:right; color:#666666; margin-right:10px;}
@media (max-width:743px){.xgzx2 li{ width:100%;}}
@media (max-width:743px){.xgzx2{ max-height:90px;}}
@media (max-width:420px){.xgzx2 li span{ display:none;}}
@media (max-width:743px){.xgzx{ display:none;}}

/*产品列表*/
.l-image{ width:100%;box-sizing:border-box; padding:1px 1px 10px 1px;border:1px solid #d2d2d2;}
.l-image ul{ width:100%; margin-top:18px;}
.l-image li{ width:50%; float:left; margin-bottom:20px;}
.l-image1{ width:360px;}
.l-image1 img{ width:100%; padding:1px; border:1px solid #dbdbdb; box-sizing:border-box; height:282px;}
.l-image1 span{ width:100%; display:block; line-height:50px; text-align:center; color:#666666; font-size:14px; height:50px; overflow:hidden;}
.l-image1 p{ width:100%; display:block;}
.l-image1 p a{ width:44%; height:36px; box-sizing:border-box; text-align:center; font-size:16px;}
.l-image1a{ float:left; color:#FFFFFF; border-left:1px solid #0084e8; border-right:1px solid #0084e8; line-height:36px; background:url(../images/zcdh08.jpg);}
.l-image1b{ float:right; color:#333333; border:1px solid #d9d9d9; line-height:34px; background:url(../images/zcdh09.jpg);}
@media (max-width:750px){.l-image1{ width:94.5%;}}
@media (max-width:750px){.l-image1 img{ height:200px;}}
@media (max-width:700px){.l-image1 img{ height:180px;}}
@media (max-width:650px){.l-image1 img{ height:170px;}}
@media (max-width:600px){.l-image1 img{ height:160px;}}
@media (max-width:550px){.l-image1 img{ height:150px;}}
@media (max-width:500px){.l-image1 img{ height:140px;}}
@media (max-width:450px){.l-image1 img{ height:130px;}}
@media (max-width:400px){.l-image1 img{ height:120px;}}
@media (max-width:350px){.l-image1 img{ height:110px;}}
@media (max-width:700px){.l-image1 span{ line-height:25px;}}

/*推荐资讯*/
.tjzx{ width:100%; border:1px solid #dedede; margin-top:10px; box-sizing:border-box; background:#FFFFFF; font-family:"微软雅黑";}
.tjzx1{ width:100%; height:36px; line-height:36px; border-bottom:1px solid #dedede; color:#0091ff; font-size:14px; text-indent:20px; font-weight:bold; background:url(../images/tjzx01.jpg);}
.tjzx2{ width:100%; padding:10px; box-sizing:border-box;}
.tjzx2 li{ width:50%; float:left; line-height:30px; color:#666666;}
.tjzx2 li a{ color:#666666;}
.tjzx2 li span{ float:right; margin-right:10px;}
@media (max-width:740px){.tjzx{ display:none;}}

/*文章详情*/
.a-article{ width:100%; padding:10px 5px; border:1px solid #dedede; box-sizing:border-box;}
.a-article1{ width:100%; box-sizing:border-box;}
.a-article1 h1{ line-height:50px; font-size:18px; font-family:"微软雅黑"; border-bottom:1px dashed #d5d5d5; text-align:center; color:#333;}
.a-article1 p{ width:100%; line-height:35px; color:#bcbbbb; text-align:center;}
.a-article1 p span{ margin-left:12.5px; margin-right:12.5px;}
.a-article2{ width:100%; margin-top:13px; box-sizing:border-box; color:#666666; font-size:14px; line-height:25px;}
.a-article3{ width:100%; height:34px; margin-top:30px; background:#eaeaea; line-height:34px;}
.a-article3 p{ width:50%; float:left; text-align:center; color:#666666;}
.a-article3 p a{ color:#333333; font-weight:bold;}
.a-article6{ width:100%; height:30px; background:#0091ff; line-height:30px; text-indent:15px; font-size:14px; color:#fff; font-weight:bold;}
.a-article7{ width:100%;}
.a-article7 li{ width:100%; float:left; border-bottom:1px dashed #f5d4a3; line-height:30px;}
.a-article7 li a{ color:#666666;} 
.a-article7 li a img{ width:91px; height:71px; display:none; float:left; margin-left:10px;}
.a-article7 li a span{ float:left; display:block; margin-left:10px;}
.a-article7a{ float:left; height:15px; width:15px; margin-left:10px; line-height:15px; margin-top:7px; text-align:center; font-weight:normal; display:block;}
.a-article7 li a:hover img{ display:block; margin-top:10px; margin-bottom:10px; border:1px solid #CCCCCC;}
.a-article7 li a:hover span{ margin-top:10px;}
.a-article7 li a:hover .a-article7a{ background:#b11400; color:#FFFFFF; margin-top:10px;}
.a-article8{ width:100%; float:left; background:url(../images/a-article02.jpg) left top no-repeat; box-sizing:border-box; padding-top:10px;}
.a-article8 li{ text-indent:33px; float:left; line-height:24px; width:100%;}
.a-article8 li a{ color:#666666;}

/*文章列表*/
.l-article{width:100%;box-sizing:border-box; padding:1px 1px 10px 1px;border:1px solid #d2d2d2;}
.l-article dl{ width:100%; padding:15px 10px 15px 15px; float:left; border-bottom:1px dashed #dddddd;box-sizing:border-box;}
.l-article dl dt{ width:100%; float:left; line-height:28px; background:url(../images/l-article01.jpg) left center no-repeat; padding-left:10px; box-sizing:border-box;}
.l-article dl dt h2{ color:#333333; font-size:14px;} 
.l-article dl dt h2 a{ color:#333333;}
.l-article dl dt h2 span{ float:right; font-size:12px; font-weight:normal;}
.l-article dl dd{ width:100%; float:left; padding-left:10px; box-sizing:border-box; line-height:28px; color:#666666;}
@media (max-width:590px){.l-article dl dt h2 span{ display:none;}}

/*栏目内容*/
.i-article{width:100%;box-sizing:border-box; padding:1px 1px 10px 1px;border:1px solid #d2d2d2;}
.i-article1{ width:100%; padding:0 5px; box-sizing:border-box; margin-top:10px; line-height:30px; color:#666666; font-size:14px;}

/*工程案例*/
.l-gcal{width:100%;box-sizing:border-box; padding:1px 1px 10px 1px;border:1px solid #d2d2d2;}
.l-gcal li{ width:33.33333%; float:left; margin-top:12px; text-align:center;}
.l-gcal li img{ width:233px; height:189px; padding:1px; border:1px solid #dbdbdb;}
.l-gcal li span{ width:100%; display:block; line-height:40px; color:#666666;}
@media (max-width:760px){.l-gcal li{ width:50%;}}
@media (max-width:500px){.l-gcal li img{ width:95%; height:170px;}}
@media (max-width:450px){.l-gcal li img{ height:150px;}}
@media (max-width:400px){.l-gcal li img{ height:130px;}}
@media (max-width:350px){.l-gcal li img{ height:110px;}}

/*客户见证*/
.l-khjz{ width:100%;box-sizing:border-box; padding:1px 1px 10px 1px;border:1px solid #d2d2d2;}
.l-khjz1{ width:100%; padding:0 5px; box-sizing:border-box;}
.l-khjz1 dl{ width:100%; float:left; padding:22px 0; border-bottom:1px dashed #b7b7b7;}
.l-khjz1 dl dt{ float:left; margin-right:10px;}
.l-khjz1 dl dt img{ width:224px; height:187px; padding:1px; border:1px solid #dcdcdc;}
.l-khjz1 dl dd h2{ width:100%; line-height:34px; font-size:14px;}
.l-khjz1 dl dd h2 a{ color:#333333;}
.l-khjz1 dl dd p{ width:100%; line-height:30px; color:#666666; margin-top:5px;}
.l-khjz1 dl dd span{ display:block; margin-top:10px;}
.l-khjz1 dl dd span a{ color:#0091ff; border:1px solid #0091ff; width:85px; height:30px; line-height:30px; text-align:center; float:left;}
@media (max-width:700px){.l-khjz1 dl dt{ float:none; width:95%; margin: auto;}}
@media (max-width:700px){.l-khjz1 dl dt img{width:100%; box-sizing:border-box; height:240px;}}
@media (max-width:700px){.l-khjz1 dl dd{ width:100%; text-align:center;}}
@media (max-width:700px){.l-khjz1 dl dd p{ display:none;}}
@media (max-width:700px){.l-khjz1 dl dd span{ display:none;}}
@media (max-width:700px){.l-khjz1 dl{ width:50%; padding:0; border:none;}}
@media (max-width:650px){.l-khjz1 dl dt img{ height:220px;}}
@media (max-width:600px){.l-khjz1 dl dt img{ height:200px;}}
@media (max-width:550px){.l-khjz1 dl dt img{ height:180px;}}
@media (max-width:500px){.l-khjz1 dl dt img{ height:160px;}}
@media (max-width:450px){.l-khjz1 dl dt img{ height:140px;}}
@media (max-width:400px){.l-khjz1 dl dt img{ height:120px;}}
@media (max-width:350px){.l-khjz1 dl dt img{ height:100px;}}
@media (max-width:700px){.l-khjz1{ padding:0; margin-top:20px;}}

/*在线留言*/
.i-zxly{width:100%;box-sizing:border-box; padding:1px 1px 10px 1px;border:1px solid #d2d2d2;}
.i-zxly1{ width:100%; margin-top:10px; font-family:"宋体";}
.i-zxly1a{ height:27px; width:100%; line-height:27px; font-size:14px; background:#0091ff; color:#fff; text-indent:20px;}
.i-zxly1a span{ display:block; float:right; color:#fff; margin-right:10px; font-size:12px;}
.i-zxly1a span b{ color:#FF0004;}
.i-zxly1b{ width:100%; margin-top:10px;}
.i-zxly1b p{ width:100%; margin-bottom:8px; font-size:12px; color:#666666; line-height:22px; display:block; float:left;}
.i-zxly1b p span{ width:100px; float:left; display:block; text-align:right; height:22px;}
.i-zxly1b p b{ color:#FF0004;}
.i-zxly1b-1{ width:280px; float:left; max-width:50%; border:1px solid #abadb3; height:20px;}
.i-zxly1b-2{ width:420px; max-width:75%;float:left;  border:1px solid #abadb3; height:75px;}
.i-zxly1b-3{ width:100px; float:left; max-width:50%; border:1px solid #abadb3; height:20px;}
.i-zxly1b-4{ width:58px; height:22px; float:left; margin-right:10px; color:#fff; text-align:center; background:#0091ff; border:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:53px;}

/*解决方案*/
.l-jjfa{ width:100%;box-sizing:border-box; padding:1px 1px 10px 1px;border:1px solid #d2d2d2;}
.l-jjfa1{ width:100%; padding:0 5px; box-sizing:border-box;}
.l-jjfa1 dl{ width:100%; float:left; padding:22px 0; border-bottom:1px dashed #b7b7b7;}
.l-jjfa1 dl dt{ float:left; margin-right:10px;}
.l-jjfa1 dl dt img{ width:289px; height:230px; padding:1px; border:1px solid #dcdcdc;}
.l-jjfa1 dl dd h2{ width:100%; line-height:34px; font-size:14px;}
.l-jjfa1 dl dd h2 a{ color:#333333;}
.l-jjfa1 dl dd p{ width:100%; line-height:30px; color:#666666; margin-top:5px;}
.l-jjfa1 dl dd span{ display:block; margin-top:10px;}
.l-jjfa1 dl dd span a{ color:#0091ff; border:1px solid #0091ff; width:85px; height:30px; line-height:30px; text-align:center; float:left; margin-right:15px;}
@media (max-width:740px){.l-jjfa1 dl dt{ width:100%; float:none; margin:auto;}}
@media (max-width:740px){.l-jjfa1 dl dt img{ width:100%; height:auto; box-sizing:border-box;}}
@media (max-width:740px){.l-jjfa1 dl dd{ width:100%;}}