@charset "gb2312";
*{margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,code,form,fieldset,legend,button,input,textarea,p,blockquote,table,th,td{margin:0; padding:0;}
body,html{font-family:microsoft yahei; font-size:14px; color:#333; text-decoration:none;}
body{font:normal 100% Microsoft YaHei, 微软雅黑, Arial, Tahoma, Helvetica, sans-serif; min-width:1200px;}
table{border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%; border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
h1,h2,h3,h4,h5,h6,dl,dt,p,b,i,span{font-weight:normal;}
button,input,textarea,select,optgroup,option{font-family:inherit; font-size:inherit; *font-size:100%; font-weight:inherit; vertical-align:middle; font-family:microsoft yahei;}
address,caption,cite,code,dfn,em,var,b{font-style:normal; font-weight:normal;}
input,textarea{outline-style:none;resize:none;border:none;-webkit-appearance:none;border-radius:0;}
a{text-decoration:none; color:#333;}
ul,li,ol{list-style-type:none;}
fieldset,img{border:0;}
img,a{transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.input{width:80%; border:1px solid #dedbd7; padding:1em .4em; font-size:12px; color:#666;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:'\20'; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}
.w1200{width:1200px; height:auto; margin:0 auto;}
.ov{overflow:hidden;}
.blank{width:auto; height:40px;}

.imgcroll:hover img{
        -moz-transform:scale(1.1);
        -webkit-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1);
    }
/* 头部 */
.header{width:1200px; margin:0 auto; z-index:9999;}
.welcome{width:100%; height:auto; margin:0 auto;}
.welcome .logo {float:left;}
.welcome .logo img{display:block;margin-top:8px;}
.nav-tel{width:132px;font-size:16px;color:#fe0000;font-weight:600;    margin-top: 15px;}
.nav-tel span{font-size:18px;color:#333}
.nav{overflow:hidden;  width: 1200px;margin:0 auto;}
.nav ul li{float:left; padding:0 10px;
}
.nav ul li .a1{display:block; width:100%; height:70px; text-align:center; font-size:16px; color:#fff;line-height:70px}
.nav ul li .a1 span{display:block; margin-top:5px; text-transform:uppercase; font-size:12px; color:#333;}
.nav ul li.current .a1,.nav ul li.current .a1 span,.nav ul li:hover .a1,.nav ul li:hover .a1 span{color:#fff;}

.nav li ul{position:absolute;  height:auto; z-index:999; display:none; background:#2b74b8; 
 }
 
.nav li .cpnav{position:absolute;  height:auto; z-index:999; background:#fff;display:none;width: 700px; }
.nav ul li:nth-child(3) .cpnav{width:840px;    margin-left: -130px;}
.nav ul li:nth-child(3) .cpnav .cpnav-li{width:240px}
.nav li li{width: 100%; height:40px; float:none;text-align:left;padding:0}
.nav li li a{color:#fff;font-size:13px; padding:0; font-weight:normal; line-height:40px; display:block; letter-spacing:0;  
opacity:.9; -webkit-opacity:.9; -moz-opacity:.9; -ms-opacity:.8; -o-opacity:.9;padding: 0 10px;
    box-sizing: border-box;
    width: 100%;min-width: 100px;}
.nav li li a:hover{color:#2b74b8;background:#f0f0f0;}
.nav li:hover ul{display:block}
.nav li:hover .cpnav{display:block}
.cpnav-li{padding:0 20px;    float: left;
    width: 190px;}
.cpnav-lia{font-size:18px;display:block;color:#333;    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e8e8e8;}
.cpnav-fen{margin:10px 0;}
.cpnav-fen a{display:block;font-size:14px;color:#666;padding:2px 0;}
.cpnav-fen span{font-size:18px;color:#666;margin-right:10px}
.cpnav-fen:hover span{color:#2b74b8}
.cpnav-fen:hover a{color:#2b74b8}
/*banner*/
.lubo{width:100%; height:600px; clear:both; position:relative; }
.lubo_box{position:relative; width:100%; height:600px;}
.lubo_box li{float:left; position:absolute; top:0; left:0; width:100%; height:600px; opacity:0; filter:alpha(opacity=0);}
.lubo_box li a{display:block; width:100%; height:100%;}
.lubo_box li img{width:100%; height:600px;}
.cir_box{overflow:hidden; position:absolute; z-index:100;}
.cir_box li{float:left; width:30px; height:5px; margin:0 5px; cursor:pointer; background:#fff; opacity:1; filter:alpha(opacity=100);}
.cir_on{background:#2b74b8 !important;}
.lubo_btn{position:absolute; width:100%; top:260px;}
.left_btn,.right_btn{font-family:"宋体"!important; width:30px; height:80px; cursor:pointer; color:#fff; line-height:80px; font-size:30px; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transition:all 1s;}
.lubo:hover .left_btn,.lubo:hover .right_btn{background:#000; opacity:0.5; filter:alpha(opacity=50); transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
.left_btn{float:left;}
.right_btn{float:right;}

.frist{background:#2b74b8;padding:20px 0}
.frist ul{display:flex;width:100%}
.frist ul li{flex:1}
.frist ul li img{display:block;width:30%;margin:auto}
.frist ul li p{text-align:center;line-height:35px;height:35px;color:#fff;font-size:18px;margin-top:5px}
/* 公司简介 */
.about_wrap{width:100%; padding:50px 0 40px;background:url(../images/about.jpg) no-repeat center;margin-bottom:30px}
.about_tit .fl{font-size:45px; font-weight:bold; margin-left:190px;color:#fff;}
.about_tit .fr{margin-right:190px;margin-top:12px;}
.about_tit .fr p{font-size:28px;}
.about_tit .fr span{display:block; width:400px; height:30px; line-height:30px; padding-left:5px; margin-top:5px; background-color:#2b74b8; color:#fff; font-size:15px;}
.about_cate{width:100%; height:42px; line-height:42px; margin:40px 0px; text-align:center; background:url(../images/about_cate_bj.png) no-repeat left top;}
.about_cate a{font-size:17px; padding:0 40px; color:#fff;}

.about{width:1160px; padding:20px 20px 0;}
.aboutleft{width:660px;color:#fff;}
.aboutleft p{font-size:16px; text-indent:2em; line-height:30px;}
.aboutleft a{display:block; width:150px; height:40px; line-height:40px; margin-top:25px; text-align:center; float:right; font-size:17px; background-color:#2b74b8; color:#fff;}
.aboutleft a:hover{background-color:#3677b9;}
.aboutright,.aboutright img{width:447px; }
.aboutright img{width:447px; border: 10px solid #fff;}



.about_wrap .tit span{color:#fff;}

.about_wrap .triangle-down{ border-top:14px solid #fff;}

/* 标题 */
.tit{width:1200px; height:auto; float:left; overflow:hidden;}
.tit span{color:#666; font-size:30px; display:block; text-align:center;line-height:35px;letter-spacing:1px;}
.sj{width:1200px; height:auto; text-align:center; margin:10px auto 0px;}
.triangle-down{width:0; height:0; margin:0 auto; border-left:8px solid transparent; border-right:8px solid transparent; border-top:14px solid #999;margin-bottom:20px}


/* 产品分类 */

.product_wrap{margin: 50px 0;}
		/* 本例子css */
.slideTxtBox{ width:1200px;margin:auto }
.slideTxtBox .hd{ height:50px; line-height:50px; background:#f4f4f4;   border-bottom:1px solid #ddd;  position:relative; width:70%;margin:auto }
.slideTxtBox .hd ul{ float:left; position:absolute; height:50px; width:100%;}
.slideTxtBox .hd ul li{ float:left; width:25%; cursor:pointer;text-align:center;color:#666;font-size:18px  }
.slideTxtBox .hd ul li.on{ height:50px;  background:#2b74b8; border-bottom:2px solid #fff; color:#fff}

.cpfl{margin-top:20px;background:rgba(154,204,245,0.5);overflow:hidden;    padding: 35px;}
.cpfl .cp1{width:60%}
.cpfl .cp2{width:35%}
.cpfl .cp2 img{width:100%;display:block;margin:auto}
.cp1-1{line-height:35px;text-indent:2rem;min-height:173px}
.cp1-2 ul li{float:left;overflow:hidden;width:32%;}
.cp1-2 ul li:nth-child(2){margin:0 2%;}
.cp1-2 ul li img{width:100px;height:100px;display:block;margin:auto;}
.cp1-2 ul{display:flex}
.cp1-2 ul li p{text-align:center;font-size:14px;}


/* 四大优势 */
.ys_wrap{width:100%;height:1152px;overflow:hidden;margin:0px auto;}
.ys_wrap .ys{height: inherit;background:url(../images/ys.jpg) no-repeat center center;}


/* 客户案例 */
.sgglbox{width:100%; overflow:hidden;    margin-bottom: 50px;
    padding-top: 20px;}
.sggl{width:1200px;  margin:0 auto;}



.sglibox{width:1200px;  background:#FFF;}
.sglibox dl{width:1200px; height:auto; float:left; overflow:hidden; margin-top:25px;}
.sglibox dl dt{width:380px; height:300px; float:left; margin:9px;position:relative;border: 1px solid #ccc}
.sglibox dl dt a{overflow:hidden;}
.sglibox dl dt img{width:380px; height:260px;}
.sglibox dl dt:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;transform:scale(1.1);}
.sglibox dl dt a{font-size:14px; display:block; text-align:center; line-height:37px;}
.sglibox dl dt:hover a{color:#ff6600;}
.pftitle{position:absolute;width:100%;height:100%;top:0;display:block}
.pftitle1{background:rgb(43,116,184);position:absolute;bottom:-70px;width:100%;transition:all 0.5s}
.pftitle h3{font-size:18px;color:#fff;width:100%;padding:5px 0;}
.pftitle p{line-height:20px;font-size:12px;text-align:left;height:60px;padding:5px;color:#fff}
.sglibox dl dt:hover .pftitle{background:rgba(0,0,0,0.3)}
.sglibox dl dt:hover .pftitle1{bottom:0px;}
.sglibox dl dt .pftitle:hover p{display:block}

.kehuanli{ background:url(../images/sgglbj.jpg) no-repeat; padding:30px 0;overflow:hidden;margin-bottom: 30px;}
.kehuanli .tit span{color:#fff;}

.kehuanli .triangle-down{ border-top:14px solid #fff;}
		/* 本例子css */
		.picMarquee-left{ overflow:hidden; position:relative;background:#fff;padding:20px 0 }
		.picMarquee-left .bd{     margin: 10px;
    overflow: hidden;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center;width:280px; height:200px; border:1px solid #ccc;  overflow:hidden}
		.picMarquee-left .bd ul li .pic img{ width:280px; height:200px; display:block; padding:2px; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;transform:scale(1.1);  }
		.picMarquee-left .bd ul li .title{ line-height:24px; font-size:16px;margin-top:5px  }

		

.liajiemar ul li{float:left;position:relative;width:380px;margin:10px;}
.liajiemar1{width:380px;height:550px;overflow:hidden}
.liajiemar1 img{width:380px;height:550px}
.liajiemar ul li:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;transform:scale(1.1);}
.liajiemar2{position:absolute;width:100%;    bottom: 0;
    background: #2b74b8;
    padding-bottom: 10px;}
.liajiemar2 h3{font-size:30px;color:#fff;margin:30px 40px}
.liajiemar2 p{font-size:14px;border-left:3px solid #fff;    margin: 10px 40px ;
    color: #e8e8e8;
    padding: 0 15px;line-height:20px;    height: 100px;}

/* 工程业绩 */
.al{width:1200px; height:auto; overflow:hidden; margin:60px auto;}
.al-l{width:750px; height:450px;}
.al-l .al-l-tit{width:750px; height:250px; background:url(../images/al-bj.jpg) no-repeat}
.al-l .al-l-tit span{color:#2b74b8; font-size:18px; font-weight:bold; display:block; text-align:center; padding-top:75px; line-height:30px;}

.al-l .al-li{width:750px; height:178px; margin:15px 0 20px;}
.albox{width:167px; height:178px; float:left; margin:0 10px;}
.albox .alpic{width:167px; height:138px;}
.albox .alpic img{width:167px; height:138px;}
.albox .albt{width:167px; height:40px; overflow:hidden}
.albox .albt a{line-height:40px; display:block; text-align:center;}
.albox:hover a{color:#ff6600;}
#demo{width:750px; height:178px; float:left; position:absolute; border:none; overflow:hidden;}
#indemo{float:left; width:800%; height:178px;}
#indemo img{width:167px; height:138px; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out; -o-transition:all 0.3s ease-out;}
#indemo img:hover{opacity:0.8; box-shadow:0 1px 10px rgba(0, 0, 0, 0.4);}
#demo1{float:left; height:178px;}
#demo2{float:left; margin-left:7px;}


/* 新闻资讯 */
.al-r{width:420px; height:auto; overflow:hidden;}
.al-r-newtit{width:420px; height:36px; border-bottom:1px solid #CCC;}
.al-r-newtit span{font-size:20px; color:#2b74b8;}
.al-r-newtit .more{display:block;border:1px solid #2b74b8;font-size:16px; color:#2b74b8; padding:3px 10px;}
.al-r-newtit .more:hover{background:#2b74b8;color:#fff;}

.picnew{width:420px; height:auto; margin:15px 0; overflow:hidden;}
.picnew img{width:120px; height:90px; float:left; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out; -o-transition:all 0.3s ease-out;}
.picnew img:hover{opacity:0.8;}
.picnew .picnew-tit{width:285px; height:20px; margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.picnew .picnew-tit a{font-size:15px; color:#2b74b8;}
.picnew .picnew-tit a:hover{color:#ff6600;text-decoration:underline;}
.picnew .picnew-xx{width:285px; height:60px; overflow:hidden;}
.picnew .picnew-xx span{font-size:12px; color:#666; line-height:20px;}

.newli{width:420px; height:auto; overflow:hidden;}
.newli dt{height:40px; line-height:40px; border-bottom:1px dashed #CCC; padding-left:20px; background:url(../images/news_icon.png) no-repeat 0px 15px;}
.newli dt a{line-height:40px;}
.newli dt a:hover{color:#ff6600;text-decoration:underline;}
.newli dt span{display:inline-block; margin-right:3px;}


/* 联系我们 */
.map{height:460px; margin:0px auto; background:url(../images/mp_bj.jpg) no-repeat center center;}
.map_tops{margin-top:10px;}
.map_tops1{margin:50px 0 0 70px; height:70px; line-height:70px;}
.map_tops1 b{display:inline-block; padding:0 15px 0 20px; border-right:solid 1px #ccc; letter-spacing:2px; font-size:40px; font-weight:bold; color:#2b74b8;}
.map_tops1 span{display:inline-block; margin-left:12px; font-size:27px;}
.map_tops2{margin:2px 0 0 50px;}
.map_tops2 ul li{font-size:16px;line-height:21px;}
.map_tops3{margin:2px 0 0 50px;}
.map_tops3 img{width:130px;height:130px;}
.map_bottom{width:1150px; height:272px; margin:0 auto; border:solid 2px #2b74b8;}


/*友情链接*/
.yqlink{width:1200px; height:40px; margin:50px auto 20px;}
.yqlink dl{height:40px;}
.yqlink dt{float:left;}
.yqlink dl .dt1{font-size:30px; font-weight:bold; color:#1a57a2; line-height:40px;}
.yqlink dl .dt2{width:90px; height:23px; background:#1a57a2; color:#FFF; margin:9px 10px 0 10px;}
.yqlink dl .dt2 span{font-size:15px; color:#FFF; line-height:23px; display:block; text-align:center;}
.yqlink dl .dt3 a{font-size:14px; text-decoration:none; line-height:40px; margin:0 15px;}
.yqlink dl .dt3 a:hover{text-decoration:underline; color:#FF5702;}


/*页脚*/
.footerbox{width:100%; overflow:hidden; background:#2b74b8;}
.footer{width:1200px; height:auto; margin:0 auto;}
.f-info{width:auto; height:auto; overflow:hidden;}
.f-info{margin-top:40px;float:left;}

.f-info ul li{float:left;    margin: 0 10px;}
.f-info ul li .dibunav{font-size:18px;color:#fff;margin:15px 10px;display: block;}
.f-info ul li .dbfeml{border-top:1px solid #0e4985;}
.f-info ul li .dbfeml a{display:block;color:#fff;font-size: 14px;
    margin: 15px 0;text-indent:10px}



/*在线客服*/
.qq_content{overflow:hidden; background:#FFF; box-shadow:3px 2px 10px rgba(0, 0, 0, 0.2);}
.qq_content dd{padding:7px; width:135px; background:#eee;}
.qq_content .dt{background:#2b74b8 url(../images/client_title.png) no-repeat; font-size:14px; font-weight:bold; color:#FFF; cursor:pointer; padding:10px 20px; width:120px;}
.qq img{margin-right:10px;}
.qq_content .ol_tel{background:#eee; font-size:18px; text-align:center;}
.qq_content .ol_tel strong{font-weight:bold; color:#F00;}
.qq_content .ol_tel img{width:100px;}
.qq_content .ol_tel p{color:#000;}
.qq_content .ol_qq a{font-size:14px; color:#950c1e; text-decoration:underline;}
.qq_content .ol_qq img{margin-right:10px;}
.qq_content .qr{background:#FFF; font-size:12px;text-align: center;}
.qq_content .ol_tel .blue{color:#F00;font-size:14px; font-weight:bold;}


.news-index li{overflow:hidden;    padding: 10px 0;float:left;width:49%}
.news-index li:nth-child(2n){margin-left:2%}
.news-index li .news-index-le{width:120px;height:85px;border:1px solid #ccc;overflow:hidden}
.news-index li .news-index-le img{width:100%;height:85px;transition:all 0.5s}
.news-index li .news-index-ri{width:448px;margin-left:18px}
.news-index li .news-index-ri h3{font-size:18px;margin:5px 0;}
.news-index li .news-index-ri p{font-size:12px;color:#666;margin:5px 0}
.news-index li .news-index-ri span{display:block;color:#999;font-size:12px}
.news-index li:hover {background:#f5f5f5}
.news-index li:hover h3{color:#2b74b8}
.news-more a{display: table;
    margin: auto;
    padding: 10px 15px;
    background: #999;
    color: #fff;
    font-size: 16px;
    margin-top: 20px;}
	.news-more a:hover{background: #2b74b8;}
	.news-more a span{margin-left:5px}
	.news-index li:hover p{color:#2b74b8}
.news-index li:hover img{transform:scale(1.2);opacity:0.5;}


/*页脚*/
.footerbox{width:100%; overflow:hidden; background:#2b74b8;}
.footer{width:1200px; height:auto; margin:0 auto;}
.f-info1{width:auto; height:auto; overflow:hidden;  
  }
.f-info1{margin-top:40px;float:left;}

.f-info1 ul li{float:left;    margin: 0 6px;}
.f-info1 ul li .dibunav{font-size:16px;color:#fff;margin:15px 10px;display: block;font-weight:600;}
.f-info1 ul li .dbfeml{border-top:1px solid #fff;}
.f-info1 ul li .dbfeml a{display:block;color:#e2f4f6;font-size: 12px;
    margin: 15px 0;text-indent:10px}
	
.f-info1 ul li .dbfeml a:hover{color:#fff}
.f-info1 ul li p{font-size:14px;color:#6eb3fb;margin-top:15px;text-indent:10px}
.gunfoot1{    width: 280px;}
.gunfoot1 li .dbfeml a{float:left;width:33.3%;}
.dibu-a{text-align:left;}
.dibu-nax{text-align:center}
.f-r{color:#fff;margin-top:50px;  border-left: 1px solid #fff;padding-left: 15px;}
	.f-r h3 {
    font-size: 18px;
    margin-bottom: 15px;
}
	.f-r p {
    font-size: 14px;
    line-height: 35px;
    text-indent: 3rem;
    margin: 10px 0;
}
 	.f-r .contact-1-1 {
    background: url(../images/tel-ico1.png) no-repeat left top;
    background-size: 30px;
}
	.f-r .contact-1-2 {
    background: url(../images/dw-ico1.png) no-repeat left top;
    background-size: 30px;
}
.f-r .contact-1-3 {
    background: url(../images/email.png) no-repeat left top;
    background-size: 30px;
}
.foot-banquan{padding:15px 0;background:#0e467a}
.foot-banquan p{color:#fff;}
.foot-banquan a{color:#fff;}
.navbg{background:#2b74b8;width:100%;}

.aboru-more{text-align: center;
    font-size: 30px !important;
   
    line-height: 300px !important;
    margin: 0 !important;
    color: #333;}
	
	.about-ys ul li:hover .aboru-more{color:#fff}
	.aboute{text-align:center}
	.aboute img{width: 200px;
    margin-top: 125px;}
	
	
	.dibu-tel{font-size:22px;color:#fff;margin-bottom:30px}
	
	.content-tel{font-size:22px;margin:15px}