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

*{ margin:0px; padding:0px;}
body{ font-size:14px;}
a{ color:#333; font-family:"微软雅黑"; text-decoration: none;}
ul{list-style-type:none;}
.ysj{width:1200px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}

/* bannercss */
.slideBox{ width:100%; height:640px;clear:both;overflow:hidden; margin-top:0px; max-height:70vh; position:relative;}
.slideBox .hd{ height:12px; overflow:hidden; position:absolute; left:50%;margin-left: -90px;  margin-top:600px; z-index:1; bottom:50px;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul span li{ width:11px;}
.slideBox .hd ul li{ float:left; margin:0 6px; width:70px; height:10px;filter: Alpha(Opacity=70);opacity: 0.7; background:rgb(255 255 255 / 50%);  font-size:0; cursor:pointer;}
.slideBox .hd ul li.on{background:#3357b8; filter: Alpha(Opacity=100);opacity: 1;}
.slideBox .banner{ position:relative; height:100%; z-index:0;}
.slideBox .banner li{ zoom:1; vertical-align:middle; height:650px; max-height:70vh;}
.slideBox .banner li a{ display:block; width:100%; height:650px;  max-height:70vh;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.absolute{ position:absolute;}
.web_widht{ width:1260px; margin:0 auto; position:absolute; padding-top:20px; text-align:center; left:0; right:0;}
.fast_nav{ height:85px; position:relative; margin-top:-85px; z-index:9;}
.fast_nav .back_hei{ width:100%; height:100%; left:0; top:0; background:#000;}
.fast_nav .web_widht{ z-index:10;}
/*banner结束*/

/*header-dingb*/
.dingb{ width:100%; height:35px; line-height:35px; background:#f4f4f4; border-bottom:1px solid #e7e7e7; color:#666666;}
.logo_top{ padding:15px 0 14px; overflow:hidden;}
.logo_top .logo{ line-height:0;}
.logo_top .logo img{ height: auto; margin-top:0px; max-width:800px;}
.logo_top .dianh{ text-align:right; padding-right:75px; background:url(../top_dianh.png) no-repeat center right; height:88px; padding-top:20px; box-sizing:border-box; margin-top:5px;}
.logo_top .dianh p{ font-size:16px;}
.logo_top .dianh h3{ font-size:24px; color:#3357b8;}
.logo_top .ewm{ overflow:hidden; height:88px; margin-right:30px; margin-top:5px;}
.logo_top .ewm p{ height:88px;writing-mode: vertical-rl; float: left; padding-top:3px; margin-right:5px; color:#999999; box-sizing:border-box;}
.logo_top .ewm .tu{ width:88px; height:88px; background:#3357b8; float: right;}
.logo_top .ewm .tu img{ width:100%; height:100%;}
.daoh{ background:#3357b8; overflow:hidden; height:60px; line-height:60px;}
.daoh ul li{ float:left; font-size:16px;}
.daoh ul li a{ padding: 0 68px; display:block; color:#FFFFFF;}
.daoh ul li a:hover{ background:#469b40;}
.daoh ul li a.on{ background:#469b40;}

/*标题*/
.tit{ background:url(../tit_bg.png) no-repeat center bottom; height:165px; margin-top:50px; text-align:center; margin-bottom:40px;}
.tit h3{ font-size:48px; color:#3357b8;}
.tit h5{ font-size:26px; text-transform:uppercase; color:#666666; margin:5px 0;}
.tit p{ font-size:20px; color:#666666;}
/*施工现场*/
.sgxc{ overflow:hidden;}
.sgxc .sg_nr{ width:100%; overflow:hidden;}
.sgxc .sg_nr li{ width:382px; height: auto; float:left; position:relative; margin-right:7px; margin-bottom:25px; box-sizing:border-box; border:1px solid #d8d8d8; overflow:hidden; margin-right:27px;}
.sgxc .sg_nr li:nth-child(3n){ margin-right:0;}
.sgxc .sg_nr li .tu { width:380px; height:250px; line-height:0; overflow:hidden;}
.sgxc .sg_nr li .tu img{ width:100%; height:100%; transition:all ease 0.5s;}
.sgxc .sg_nr li:hover .tu img{ transform:scale(1.2);}
.sgxc .sg_nr li a p{ width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; color:#666666;}
.sgxc .sg_nr li:hover { border:1px solid #3357b8;}
.sgxc .sg_nr li:hover a p{ color:#3357b8;}
.sgxc .cp_dh{ width:100%; height:50px; margin-bottom:35px;}
.sgxc .cp_dh li{ float:left; width:170px; border-right:1px solid #d6d6d6; box-sizing:border-box; text-align:center; line-height:50px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.sgxc .cp_dh li:hover{ background:#3357b8;}
.sgxc .cp_dh li a{ color:#666666; display:block;}
.sgxc .cp_dh li:hover a{ color:#FFFFFF;}
.sgxc .cp_dh li:first-child{ border-left:1px solid #d6d6d6;}

/*关于我们*/
.jianj{ width:100%; height:700px; background:url(../ab_bg.png) no-repeat top center; margin-top:20px; padding-top:50px; box-sizing:border-box;}
.jianj .tit{ width:100%; color:#FFFFFF; padding-bottom:30px; overflow:hidden; background-image:url(../tit_bg_b.png); background-position-y:35px; margin-top:0; margin-bottom:0;}
.jianj .tit h3{ color:#FFFFFF;}
.jianj .tit h3 b{ color:#FFFFFF;}
.jianj .tit h5 { color:#FFFFFF;}
.jianj .tit p{ color:#FFFFFF;}
.jianj .neir{ overflow:hidden;}
.jianj .neir .tu{ line-height:0; margin-top:50px; width:618px; height:367px;}
.jianj .neir .tu img{ width:100%; height:100%;}
.jianj .neir .zi{ width:510px; height:384px; background:#FFFFFF; margin:41px 30px 29px 0; box-sizing:border-box; padding:20px 30px;}
.jianj .neir .zi h3{ text-align:center; font-size:24px; font-weight:normal; color:#333333; margin:10px 0 20px;}
.jianj .neir .zi p{ text-align:justify; text-indent:2em; font-size:16px; line-height:30px; color:#666666;}
.jianj .neir .zi .gd{ width:124px; height:40px; line-height:40px; border:1px solid #469b40; color:#469b40; font-size:16px; display:block; text-align:center; margin:20px auto 0; transition:all ease 0.1s;}
.jianj .neir .zi .gd:hover{ background:#469b40; color:#FFFFFF;}

/*案例中心*/
.anl_jb {}
.anl_jb .tit_jb{ margin:30px auto;}


/*优势-----------------------------------------------------------*/
.yous{ width:100%; height:766px; background:url(../yous_bg.jpg) no-repeat center; margin-top:60px; box-sizing:border-box; padding-top:0px; overflow:hidden;}
.yous .tit{ width:100%; border-bottom:1px solid #FFFFFF; color:#FFFFFF; padding-bottom:30px; overflow:hidden; background-image:url(../tit_bg_b.png); background-position-y:35px; margin-bottom:0;}
.yous .tit h3{ color:#FFFFFF;}
.yous .tit h3 b{ color:#FFFFFF;}
.yous .tit h5 { color:#FFFFFF;}
.yous .tit p{ color:#FFFFFF;}
.yous .nr_fl{ width:230px; float:left; height:520px; background-color:rgb(255 255 255 / 30%);}
.yous .nr_fr{ width:930px; float:right; height:520px; position:relative; box-sizing:border-box;}
.yous .nr_fr .ms{ width:100%; height:120px; font-size:16px; box-sizing:border-box; padding-top:30px; color:#FFFFFF; line-height:30px;}
.yous .nr_fr .ys_nr{ width:100%; height:380px; position:absolute; bottom:0;}
.yous .nr_fr .ys_nr li{ width:220px; height:100%; padding:40px 10px 20px; text-align:center; box-sizing:border-box; border:1px solid #FFFFFF; border-bottom:none; float:left; margin-right:16px; color:#FFFFFF; transition:all ease 0.5s;}
.yous .nr_fr .ys_nr li:nth-child(4n){ margin-right:0;}
.yous .nr_fr .ys_nr li .tu{}
.yous .nr_fr .ys_nr li h3{ margin:10px 0; font-size:28px;}
.yous .nr_fr .ys_nr li p{ font-size:16px; line-height:30px;}
.yous .nr_fr .ys_nr li:hover { background:rgb(51 87 184 / 80%);}


/*新闻中心*/
.xw_noa{ height: auto; overflow:hidden; padding-top:0px; box-sizing:border-box;}
.xw_noa .tit{ margin-bottom:10px;}
.xw_noa .neir{}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {clear:both;*zoom:1;}
.show {	display:block!important;}
.ul_list li.active {}
.div_box .div_list {	display:none;}
.xwnr_noa{ margin:0; margin-top:40px; width:700px; float:left;}
.xwnr_noa .xw_dh{ width:130px; height: 420px; float:left; border-bottom:1px solid #e8e8e8; font-size:18px;}
.xwnr_noa .xw_dh li{ width: 100%; float:left; height: 209px; background:#b5b5b5; margin-bottom:2px; line-height:30px; text-align:center; border-bottom:solid 0px #d8d8d8; color:#666666; margin-right:30px; box-sizing:border-box; border-radius:0px; padding:5px; color:#343434; font-weight:normal; text-align:left; padding:32px 20px; cursor:pointer;}
.xwnr_noa .xw_dh li h3{ font-size:18px; font-weight: normal; color:#FFFFFF;}
.xwnr_noa .xw_dh li h5{ font-size:12px; font-weight:normal; text-transform:uppercase; color:#FFFFFF;}
.xwnr_noa .xw_dh a{font-size:14px; color:#FFFFFF; padding-top:0px; font-weight:normal; width:76px; height:24px; text-align:center; line-height:24px; box-sizing:border-box; border: 1px solid #FFFFFF; display:block; transition:all ease 0.3s; margin:auto; margin-top:10px;}
.xwnr_noa .xw_dh a:hover{background:#FFFFFF; color:#b5b5b5;}
.xwnr_noa .xw_dh li:nth-child(2n){ margin-right:0; margin-bottom:0;}
.xwnr_noa .xw_dh li.active{ color:#FFFFFF; background:#3357b8; font-weight:bold;}
.xwnr_noa .xw_dh li.active a:hover{color:#3357b8; background:#FFFFFF;}
.xwnr_noa .div_box{padding:30px 30px 0 0; border:1px solid #e5e5e5; border-left:none; box-sizing:border-box;width:570px; height:420px; float:right; padding-left:30px; box-sizing:border-box;}
.xwnr_noa .xw_nr{ width:100%; height:auto; overflow:hidden;}
.xwnr_noa .xw_nr .xw01{ padding-bottom:10px; overflow:hidden;}
.xwnr_noa .xw_nr .xw01 .tu{ width:224px; height:145px; line-height:0; float:left;}
.xwnr_noa .xw_nr .xw01 .tu img{ width:100%; height:100%;}
.xwnr_noa .xw_nr .xw01 .zi{ width:260px; float:right;}
.xwnr_noa .xw_nr .xw01 h5{ font-size:18px; font-weight: bold;}
.xwnr_noa .xw_nr .xw01 h3{ font-size:16px; color:#3357b8; font-weight:bold; margin:10px 0 10px;}
.xwnr_noa .xw_nr .xw01 h3 span{ float:right; font-size:14px; color:#b8b8b8; font-weight:normal;}
.xwnr_noa .xw_nr .xw01 p{ font-size:14px; color:#666666; line-height:28px; text-indent:2em; text-align:justify;}
.xwnr_noa .xw_nr .xw02{/* list-style-type:square; padding-left:20px; */box-sizing:border-box; margin-top:0px;}
.xwnr_noa .xw_nr .xw02 li{ line-height:44px; color:#333333; border-bottom:1px solid #e5e5e5;}
.xwnr_noa .xw_nr .xw02 li:last-child{ border:none;}
.xwnr_noa .xw_nr .xw02 li span{ float:right;}
.xwnr_noa .xw_nr .xw02 li a{ display:block; color:#666666;}
.xwnr_noa .xw_nr .xw02 li:hover a{ color:#3357b8;}
/*常见问题*/
.cjwt{ width:450px; height:420px; float:right; margin-top:40px; border:1px solid #e5e5e5; box-sizing:border-box; padding:15px 30px;}
.cjwt .xw_dh{ width:100%; height: auto; margin:0 auto; border-bottom:1px solid #e8e8e8; font-size:18px; overflow:hidden;}
.cjwt .xw_dh li{ width: auto; float:left; height: auto; line-height:30px; text-align:center; border-bottom:solid 0px #d8d8d8; color:#666666; margin-right:30px; box-sizing:border-box; border-radius:0px; cursor:pointer; padding:0px; color:#343434; font-weight:normal;}
.cjwt .xw_dh li.on{ font-size:16px; background:url(../xw_wttb.png) no-repeat;color:#3357b8;font-weight:bold;}
.cjwt .xw_dh li.on span{ border-bottom:4px solid #3357b8; display:block; float:left; width:45px; height:36px; margin-right:10px;}
.cjwt .xw_dh a{ float:right; font-size:14px; color:#333333; padding-top:5px;}
.cjwt .xw_dh a:hover{ color:#3357b8;}
.cjwt_nr{ width:100%; height:330px; overflow:hidden; margin-top:10px;}
.cjwt_nr li{ padding:10px 0; height:115px; box-sizing:border-box; border-bottom:dashed 1px #EEEEEE;}
.cjwt_nr li .tu{ width:135px; float:left; margin-right:20px;}
.cjwt_nr li .zi{ float:left; width:380px; padding-top:10px; text-align:justify;}
.cjwt_nr li .zi h3{ font-size:16px; font-weight:bold; color:#3357b8; margin:0px 0 10px;}
.cjwt_nr li .zi h3 b{ width:20px; height:20px; display:block; font-weight:normal; text-align:center;line-height:20px;background:#3357b8; color:#FFFFFF; float:left; margin-right:10px;}
.cjwt_nr li .zi p{ font-size:14px; color:#666666; line-height:24px;}
.cjwt_nr li .zi p b{ width:20px; height:20px; display:block; font-weight:normal; text-align:center;line-height:20px;background:#333333; color:#FFFFFF; float:left; margin-right:10px;}
.cjwt_nr li .zi p span{ float:right; width:350px;}


/*底部*/
.footer_noa{ width:100%; height:370px; background:#333333; margin-top:50px; clear:both;}
.footer_noa ul{ padding-top:60px;}
.footer_noa ul li{ float:left;}
.footer_noa .db_ewm{ width:150px; margin-right:70px;}
.footer_noa .db_ewm .tu{ width:150px; height:150px; background:url(../ewm_bk.png) no-repeat;}
.footer_noa .db_ewm .tu img{ width:100%; height:100%;}
.footer_noa .db_ewm p{ font-size:18px; text-align:center; line-height:50px; color:#FFFFFF;}
.footer_noa .db_lx{ width:450px; float:left; margin-right:60px;}
.footer_noa .db_lx h3{ background:url(../db_lx_x.png) no-repeat left bottom; height:60px; margin-bottom:25px; font-size:26px; text-transform:uppercase; color:#FFFFFF;}
.footer_noa .db_lx h5{ font-size:18px; color:#FFFFFF; margin-bottom:15px; letter-spacing:1px;}
.footer_noa .db_lx p{ font-size:16px; line-height:36px; color:#FFFFFF; background:url(../db_lx01.png) no-repeat left center; padding-left:26px;}
.footer_noa .db_lx p:nth-child(4){ background-image:url(../db_lx02.png);}
.footer_noa .db_lx p:nth-child(5){ background-image:url(../db_lx03.png);}
.footer_noa .db_lx p:nth-child(6){ background-image:url(../db_lx04.png);}
.footer_noa ul li h3{ background:url(../db_lx_x.png) no-repeat left bottom; height:60px; margin-bottom:25px; font-size:26px; text-transform:uppercase; color:#FFFFFF;}
.footer_noa .db_dh{ width:200px; float:left; margin-right:0px;}
.footer_noa .db_dh a{ width:50%; float:left; text-align: left; color:#FFFFFF; margin-bottom:20px;}
.footer_noa .db_dh a:hover{ color:#2576cd;}
.footer_noa .db_dianh{ width:260px; height:250px; float:right; color:#FFFFFF; background:url(../db_dianh.png) no-repeat left; background-position:0 95px; text-align:justify;}
.footer_noa .db_dianh h5{ margin-left:36px; font-size:14px; letter-spacing:5px; font-weight:normal; margin-bottom:5px;}
.footer_noa .db_dianh p{ margin-left:36px; font-size:22px; font-size:18px; line-height:32px;}
.footer_noa .db_dianh .zx{ background:url(../db_zx.png) no-repeat; width:130px; height:36px; line-height:32px; display:block; border:2px solid #FFFFFF; margin-top:15px; background-position:20px center; color:#FFFFFF; transition:0.3s all ease; text-align:center; padding-left:20px; font-size:14px; box-sizing:border-box; }
.footer_noa .db_dianh .zx:hover{background-color:#3357b8;}
.bq_noa{ width:100%; height: auto; line-height:28px; padding:15px 0; overflow:hidden; background:#333333; border-top:1px solid #FFFFFF; color:#FFFFFF;}
.bq_noa a{ color:#FFFFFF;}

/*商盟成员*/
.smcy { font-size:16px; color:#333333; margin-top:30px; line-height:50px;}
.smcy b{ font-size:18px; margin-right:15px; font-weight:bold;}
.smcy a{ margin-right:15px;}