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

/*通用*/
.common{ width:100%; margin:10px auto; max-width:980px;}
.left{ width:200px; float:left;}
.right{ width:775px; float:right;}
.left1{ width:260px; float:left; border:1px solid #d5d5d5;}
.right1{ width:710px; float:right;}
.position{ width:100%; height:36px; line-height:34px; border:1px solid #dcdcdc; text-indent:5px; color:#666666; margin-bottom:10px; box-sizing:border-box;}
.position a{ color:#666; margin-left:5px; margin-right:5px;}
.keyword{ width:100%; height:30px; line-height:30px; border-top:1px dashed #cccccc; text-indent:10px; font-family:"宋体"; margin-top:10px;}
.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:980px){.left1{ display:none;}}
@media (max-width:980px){.right1{ width:100%; float:none;}}
@media (max-width:980px){.left{ width:100%; float:none;}}
@media (max-width:980px){.right{ width:100%; float:none;}}

/*左侧导航*/
.zcdh{ width:100%; margin-bottom:10px;}
.zcdh1{ width:100%; height:48px; text-align:center; background:#016cca; border-left:8px solid #fb7a1e; box-sizing:border-box; color:#FFFFFF; font-size:16px; line-height:48px;}
.zcdh2{ width:100%; border:1px solid #dcdcdc; border-top:none; padding:10px 13px; box-sizing:border-box;}
.zcdh2 b{ width:100%; display:block; float:left; height:28px; margin-top:10px; background:#016cca; color:#FFFFFF; font-size:14px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; text-align:center; line-height:28px;}
.zcdh2 ul{ width:100%; margin-top:10px;}
.zcdh2 ul li{ width:100%; float:left; line-height:36px; border-bottom:1px dotted #d5d5d5; background:url(../images/zcdh01.jpg) left center no-repeat; padding-left:25px; box-sizing:border-box; font-size:14px; height:36px; overflow:hidden;}
.zcdh2 ul li a{ color:#666666;}
@media (max-width:980px){.zcdh2 ul li{ width:33.3333%;}}
@media (max-width:420px){.zcdh2 ul li{ width:50%;}}

/*工程案例*/
.l-gcal{ width:100%; margin-bottom:10px;}
.l-gcal1{ width:100%; height:48px; text-align:center; background:#016cca; border-left:8px solid #fb7a1e; box-sizing:border-box; color:#FFFFFF; font-size:16px; line-height:48px;}
.l-gcal2{ width:100%; border:1px solid #dcdcdc; border-top:none; padding-top:16px; box-sizing:border-box;}
.l-gcal2 li{ width:100%; text-align:center;}
.l-gcal2 li img{ width:178px; height:121px; padding:1px; border:1px solid #dfdfdf;}
.l-gcal2 li span{ width:100%; line-height:37px; color:#666666; font-family:"宋体";}
@media (max-width:980px){.l-gcal{ display:none;}}

/*联系我们*/
.lxwm{ width:100%;margin-bottom:10px;}
.lxwm1{ width:100%; height:48px; text-align:center; background:#016cca; border-left:8px solid #fb7a1e; box-sizing:border-box; color:#FFFFFF; font-size:16px; line-height:48px;}
.lxwm2{ width:100%; border:1px solid #dcdcdc; border-top:none; padding:15px 10px 5px 10px; box-sizing:border-box;}
.lxwm2 img{ width:100%; margin-bottom:10px;}
.lxwm2 p{ line-height:25px; color:#666666;} 
@media (max-width:980px){.lxwm{ display:none;}}

/*产品内容*/
.a-image{ width:100%; border:1px solid #dcdcdc; padding:12px 8px; box-sizing:border-box;}
.a-image1{ width:100%; margin-top:10px;}
.a-image1 img{ border:1px solid #d2d2d2; width:396px; height:310px; margin-right:13px; float:left; margin-left:15px;}
.a-image1 h1{ line-height:30px; border-bottom:1px dashed #cfcfcf; color:#000000; font-size:14px; font-weight:normal;}
.a-image1 p{ line-height:30px; color:#666666; font-size:14px; margin-top:5px;}
.a-image1 p b{ font-size:23px; color:#016cca;} 
.a-image1 span{ display:block; margin-top:10px;}
.a-image1 span a{ width:167px; height:49px; line-height:49px; text-align:center; display:block; font-size:20px; color:#FFFFFF; background:url(../images/a-image02.jpg);}
.a-image2{ width:100%; margin-top:29px; height:44px; line-height:44px; box-sizing:border-box; border-left:8px solid #016cca;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; text-indent:36px; font-size:16px; background:url(../images/a-image03.jpg);}
.a-image3{ width:100%; padding:0 20px; margin-top:10px; line-height:25px; font-size:14px; color:#666666; box-sizing:border-box;}
.a-image4{ width:100%; margin-top:20px; line-height:35px; font-size:14px; color:#666666; padding:0 20px; box-sizing:border-box; background:url(../images/a-image04.jpg) right top no-repeat;}
.a-image4 span{ font-size:16px; color:#016cca;}
.a-image5{ width:100%; margin-top:10px; font-family:"宋体";}
.a-image5a{ height:27px; width:100%; line-height:27px; font-size:14px; background:#016cca; 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:#016cca; border:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:53px;}
@media (max-width:745px){.a-image1 img{ width:100%; height:auto; float:none; margin:auto; box-sizing:border-box;}}
@media (max-width:745px){.a-image1a{ width:100%;}}
@media (max-width:600px){.a-image4{ background:none;}}
@media (max-width:600px){.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:#016cca; 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:95%; height:178px; display:block; border:1px solid #d2d2d2;}
.xgcp2 li span{ width:100%; display:block; line-height:40px; color:#282828; 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:#016cca; 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;}}

/*产品列表*/
.l-image{ width:100%; border:1px solid #dcdcdc;box-sizing:border-box;}
.l-image li{ width:33.33333%; float:left; text-align:center; margin-top:23px;}
.l-image li img{ width:228px; height:178px; border:1px solid #d2d2d2;}
.l-image li span{ width:100%; line-height:30px; color:#666666; font-family:"宋体";}
@media (max-width:750px){.l-image li{ width:50%;}}
@media (max-width:750px){.l-image li img{ width:95%; height:230px}}
@media (max-width:460px){.l-image li{ width:100%;}}
@media (max-width:460px){.l-image li img{ width:95%; height: auto;}}
/*推荐资讯*/
.tjzx{ width:100%; border:1px solid #dcdcdc; margin-top:10px; box-sizing:border-box;}
.tjzx1{ width:100%; height:35px; line-height:35px; border-bottom:1px solid #DCDCDC; color:#333333; font-size:14px; text-indent:20px; font-weight:bold;}
.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:720px){.tjzx{ display:none;}}

/*文章详情*/
.a-article{ width:100%; border:1px solid #d5d5d5; box-sizing:border-box; padding:0 5px 10px 5px;}
.a-article1{ width:100%; margin-top:13px; 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:#016cca; 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 #cccccc; line-height:30px;}
.a-article7 li a{ color:#666666; width:100%; float:left;} 
.a-article7 li a img{ width:74px; height:74px; 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:#ff7c00; color:#FFFFFF; margin-top:10px;}
.a-article8{ width:100%; float:left; margin-top:10px; margin-bottom:10px; background:url(../images/a-article02.jpg) left top no-repeat; box-sizing:border-box;}
.a-article8 li{ text-indent:33px; float:left; line-height:24px; width:100%;}
.a-article8 li a{ color:#666666;}

/*解决方案详情*/
.a-jjfa{width:100%; border:1px solid #dcdcdc; padding:12px 8px; box-sizing:border-box;}
.a-jjfa1{ width:100%; font-size:18px; line-height:25px; padding:15px 0; text-align:center;}
.a-jjfa1 h1{ color:#333333; font-size:18px; font-weight:normal;}
.a-jjfa2{ width:100%; line-height:25px; font-size:14px; color:#666666;}

/*解决方案列表*/
.l-jjfa{width:100%; border:1px solid #dcdcdc; padding:0 15px; box-sizing:border-box;}
.l-jjfa dl{ width:100%; padding:40px 0; float:left; border-bottom:1px dashed #dbdbdb;}
.l-jjfa dl dt{ float:left; margin-right:13px;}
.l-jjfa dl dt img{ width:243px; height:199px; padding:2px; border:1px solid #dcdcdc;}
.l-jjfa dl dd h2{ line-height:30px; color:#333333; font-size:18px;}
.l-jjfa dl dd h2 a{ color:#333333;}
.l-jjfa dl dd p{ line-height:30px; color:#666666;}
.l-jjfa dl dd span{ display:block;}
.l-jjfa dl dd span a{ float:left; width:112px; height:42px; border:1px solid #dcdcdc; margin-top:10px; text-align:center; line-height:42px; margin-right:10px; font-size:14px; color:#333333;}
@media (max-width:490px){.l-jjfa dl dt{ width:100%;}}
@media (max-width:490px){.l-jjfa dl dt img{ width:100%; height:auto;}}
@media (max-width:490px){.l-jjfa dl dd{ width:100%;}}
@media (max-width:490px){.l-jjfa dl{ padding:10px 0;}}

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

/*工程案例列表*/
.l-case{width:100%; border:1px solid #dcdcdc; padding:0 10px; box-sizing:border-box;}
.l-case dl{ width:100%; float:left; padding:32px 0; border-bottom:1px dashed #dbdbdb;}
.l-case dl dt{ float:left;}
.l-case dl dt img{ border:1px solid #cbcbcb; padding:2px; margin-right:24px; width:287px; height:195px;}
.l-case dl dd p{ line-height:26px; color:#666666;}
.l-case dl dd p a{ color:#016cca; font-weight:bold; font-size:16px; display:block;}
.l-case dl dd li{ width:160px; height:30px; float:left; margin-right:22px; background:#ececec; line-height:30px; text-indent:15px; color:#666666; margin-top:8px; margin-bottom:8px;}
.l-case dl dd span{ display:block; margin-top:8px; float:left;}
.l-case dl dd span a{ width:112px; height:42px; line-height:42px; text-align:center; color:#333333; font-size:14px; border:1px solid #dcdcdc; display:block;}
@media (max-width:720px){.l-case dl dt{ width:100%; float:none;}}
@media (max-width:720px){.l-case dl dt img{ width:100%; height:auto; box-sizing:border-box;}}
@media (max-width:720px){.l-case dl dd{ width:100%;}}
@media (max-width:720px){.l-case dl dd li{ width:50%; margin:auto;}}
@media (max-width:720px){.l-case dl{ padding:10px 0;}}
/*栏目详情*/
.i-article{ width:100%;border:1px solid #dcdcdc; padding:0 10px; box-sizing:border-box;}
.i-article1{ width:100%; line-height:25px; font-size:14px; margin-top:10px; color:#666666;}
.i-article2{ width:100%; margin-top:20px;}
.i-article2a{ color:#016cca; font-size:18px; line-height:45px; font-weight:bold;}
.i-article2b{ width:100%; margin-top:15px;}
.i-article2b-1{ width:225px; float:left; text-align:center;}
.i-article2b-1 img{ width:100%;}
.i-article2b-1 b{ line-height:30px; padding:15px 0; font-size:16px; color:#016cca; display:block;}
.i-article2b-1 p{ font-size:12px; line-height:25px; color:#666;}
.i-article2b-2{ width:225px; float:right; text-align:center;}
.i-article2b-2 img{ width:100%;}
.i-article2b-2 b{ line-height:30px; padding:15px 0; font-size:16px; color:#016cca; display:block;}
.i-article2b-2 p{ font-size:12px; line-height:25px; color:#666;}
.i-article2b-3{ width:225px; text-align:center;}
.i-article2b-3 img{ width:100%;}
.i-article2b-3 b{ line-height:30px; padding:15px 0; font-size:16px; color:#016cca; display:block;}
.i-article2b-3 p{ font-size:12px; line-height:25px; color:#666; }
@media (max-width:740px){.i-article2{ display:none;}}

/*客户见证*/
.l-khjz{width:100%; border:1px solid #dcdcdc; padding:0 10px; box-sizing:border-box;}
.l-khjz dl{width:100%; float:left; padding:20px 0; border-bottom:1px dashed #dbdbdb;}
.l-khjz dl dt{ float:left; margin-right:15px;}
.l-khjz dl dt img{ width:213px; height:178px; padding:1px;border:1px solid #cbcbcb;}
.l-khjz dl dd h2{ line-height:40px; color:#333333; font-size:14px;}
.l-khjz dl dd h2 a{ color:#333333;}
.l-khjz dl dd p{ line-height:30px; color:#666666; font-size:12px;}
@media (max-width:450px){.l-khjz dl dt{ width:100%;}}
@media (max-width:450px){.l-khjz dl dt img{ width:100%; box-sizing:border-box; height:auto;}}
@media (max-width:450px){.l-khjz dl dd{ width:100%;}}