@charset "utf-8";


.qs { height: 725px; background: url("../images/qsb.jpg") no-repeat center 0; overflow: hidden; font-family: "Microsoft YaHei", serif; padding-top: 1px;width: 1200px;margin: auto;}
.qs .qsk h3 { height: 55px; background: url("../images/qs_03.png") no-repeat; margin-top: 80px; font-weight: normal; color: #ffffff; margin-bottom: 10px;}
.qs .qsk h3 span { display: block; float: left; font-size: 24px; margin: 0 15px 0 38px; line-height: 55px;}
.qs .qsk h3 em { display: block; float: left; font-size: 28px; line-height: 52px;}
.qs .qsk .qsz { float: left; width: 379px; height: 525px; background: #CE0400;border-bottom: 8px solid #a00000;}
.ws .qsk .qsz { float: left; width: 379px; height: 539px; background:#0079c1;}
.qs .qsk .qsz h4 { height: 300px;margin-left: 5px;background-color: #fff;width: 364px;border: 1px solid #a4a4a4;margin-top: 10px;}
.qs .qsk .qsz h4 img { margin: 0 auto; padding-left: 2px;padding-top: 2px;height: 295px;}
.qs .qsk .qsz ul { width: 356px; height: 240px; margin: 0 auto;}
.qs .qsk .qsz ul li { height: 69px; border-bottom: 1px solid #497df6; line-height: 69px;}
.qs .qsk .qsz ul li a { display: block; font-size: 18px; color: #ffffff; padding-left: 40px; background: url("../images/qs_20.png") no-repeat left center; margin-left: 21px;}
.qs .qsk .qsz ul li a span { display: block; float: right; margin-right: 36px;}
.qs .qsk .qsz ul li a:hover { font-weight:bold;}
.qs .qsk .qsz ul li:last-child { border: 0;}
.qs .qsk .qsz .qss { text-align: center; height: 65px; font-size: 30px; color: #ffffff; font-weight: bold; background: url("../images/qs_33.png") no-repeat center bottom;}
.qs .qsk .qsy { float: left; width: 821px; position: relative;}
.qs .qsk .qsy li { float: left; width: 262px; position: relative; margin: 0 0 8px 8px;border: 1px solid #c80400;}
.qs .qsk .qsy li img { width: 262px; height: 230px;}
.qs .qsk .qsy li .qse1 { display: block; height: 35px; background: #f1f1f1; padding: 0 30px; overflow:hidden;}
.qs .qsk .qsy li .qse1 b { display: block; font-size: 14px; color: #000000; font-weight: bold; padding-top: 5px;font-style: normal;
text-align: center;}
.qs .qsk .qsy li .qse1 span { display: block; font-size: 12px; color: #585858; line-height: 19px;}
.qs .qsk .qsy li .qse2 { opacity: 0; display:block; position: absolute; left: 0; top: 0; width: 247px; height: 228px; background:url(../images/bei.png) repeat; padding: 38px 0 0 18px;}
.ws .qsk .qsy li .qse2 { opacity: 0; display:block; position: absolute; left: 0; top: 0; width: 247px; height: 228px; background:url(../images/zls.png) repeat; padding: 38px 0 0 18px;}
.qs .qsk .qsy li .qse2 b { display: block; font-size: 14px; color: #ffffff; margin-bottom: 10px;}
.qs .qsk .qsy li .qse2 span { display: block; height: 135px; font-size: 12px; color: #ffffff; line-height: 20px;}
.qs .qsk .qsy li .qse2 i { display: block; font-size: 12px; color: #ffffff;}
.qs .qsk .qsy li a:hover .qse1 { opacity: 0;}
.qs .qsk .qsy li a:hover .qse2 { opacity: 1;}
.qs .qsk .qsy .qsa1 { position: absolute; right: 0; top: 274px; width: 220px; height: 88px; background: #EFEFEF url("../images/qs_26.jpg") no-repeat 176px center; font-size: 18px; color: #1a1a1a; padding: 40px 0 0 45px;}
.qs .qsk .qsy .qsa1 span { display: block; font-size: 14px; color: #666666;}
.qs .qsk .qsy .qsa2 { position: absolute; right: 0; top: 411px; width: 220px; height: 88px; background: #EFEFEF url("../images/qs_29.jpg") no-repeat 176px center; font-size: 18px; color: #1a1a1a; padding: 40px 0 0 45px;}
.qs .qsk .qsy .qsa2 span { display: block; font-size: 14px; color: #666666;}
.qs .qsk .qsy .qsa1:hover { background: #910300  url("../images/lrb_03.png") no-repeat 176px center; color:#ffffff;}
.qs .qsk .qsy .qsa1:hover span { color:#ffffff;}
.qs .qsk .qsy .qsa2:hover { background: #910300  url("../images/lrb_06.png") no-repeat 176px center; color:#ffffff;}
.qs .qsk .qsy .qsa2:hover span { color:#ffffff;}
.jianjie{padding: 10px;}
.jianjie p{font-size: 16px;color: #fff;}
.metTabIn{background-color: #FFCC33;width: 150px;height: 35px;text-align: center;line-height: 35px;font-size: 18px;font-weight: bold;margin-top: 15px;}
.metTabIn a{color: #FF0700;}


.prod{width:1000px;margin:30px auto;overflow:hidden;}
.prod ul{width:100%;overflow:hidden;}
.prod ul li{width:216px;padding:10px;background:#fff;float:left;margin-right:10px;margin-bottom:10px;}
.prod ul li img{display:block;border:1px solid #ddd;width:214px;}
.prod ul li img:hover{
	border:1px solid #008573;
}
.prod ul li span{display:block;width:100%;font-size:16px;color:#000;line-height:18px;margin-top:10px;text-align:center; text-overflow:ellipsis;  white-space:nowrap; overflow: hidden; }
.zuid{width:100%;background:#fff;overflow:hidden;height: 1500px;}
.about_1{float:left;background:url(../images/pro-3.jpg) no-repeat;width:28px;padding:42px 20px;color:#fff;font-size:26px;line-height:36px; }
.about_2{float:left;margin-left:40px;width:500px;}
.zhengt{width:100%;overflow:hidden;}
.zhengt span{display:block;float:left;font-size:22px;color:#333;}
.zhengt a{display:block;float:right;font-size:14px;color:#fff;line-height:24px;padding:0px 6px;background:#23201d;border-radius:5px;}
.about_2 .p_about{width:100%;text-indent:2em;font-size:15px;line-height:30px;color:#666;margin-top:10px;}
.about_3{float:right;padding:2px;border:1px solid #008573;width:350px;}
.about_3 img{display:block;width:100%;}
.tupi{overflow: hidden; position: relative;width:100%;height:149px;background:url(../images/pro-4.jpg) no-repeat center center;}
.width1000ab{width:1200px;margin:61px auto 30px auto;overflow:hidden;}
.tupile{width:245px;float:left;overflow:hidden;background:#fff;}
.produ{margin-left:20px;overflow:hidden;}
.produ span{display:block;font-size:26px;color:#000;line-height:34px;margin-top:10px;}
.produ em{display:block;font-size:20px;color:#e9833a;font-weight:bold;line-height:34px;margin-bottom:10px;}
/*content start*/
.content{ width:1200px; margin:0 auto; overflow:hidden;}
.bgwhite{background:#fff;}
/*content3 start*/
.content3{ overflow:hidden;}
.models{ width:1200px; }
.models .content3_title{overflow:hidden;float:left;width:243px;border:1px solid #ddd;background:#fff; margin-bottom: 20px;}
.models .content3_title ul{width:100%;overflow:hidden;padding:0px 20px;box-sizing:border-box;}
.models .content3_title li{cursor:pointer;font-size:14px;color:#333;line-height:48px;width:200px;background:url(../images/right.png) no-repeat right center;border-bottom:1px solid #ddd; text-overflow:ellipsis;  white-space:nowrap; overflow: hidden; }
.models .content3_title li:hover{cursor:pointer;font-size:14px;color:#333;line-height:48px;width:200px;background:url(../images/right01.png) no-repeat right center;border-bottom:1px solid #ddd; text-overflow:ellipsis;  white-space:nowrap; overflow: hidden; }
.models .content3_title li a:hover{color:#e9833a;}
.models .content3_title:hover{color:#e9833a;}
.contentbox{float:right;width:925px;}
.contentbox ul{ margin-left:10px; overflow:hidden;}
.contentbox ul{ margin-top:10px;}
.contentbox ul{ margin-top:20px;}
.contentbox li{float:left; width:285px; height:300px; text-align:center;margin-right:20px;margin-bottom:20px;}
.contentbox li a{display:block;}

.contentbox li img{padding:3px;}
.contentbox li span{display:block;width:290px;text-align:center;font-size:15px;line-height:34px;background:#808080;color:#fff;margin-top:2px;text-overflow:ellipsis;  white-space:nowrap; overflow: hidden;  }
.contentbox ul{ margin-left:5px;}
.contentbox li img{ padding:2px;height: 280px;width: 285px;}
.contentbox li img:hover{

} 	

.contentbox li p{ line-height:30px; height:30px;}
.bordern{border:none !important;}
/*搜索*/
.search{float:left;margin-left:30px;margin-top:20px; position: relative;}
.search .searcha{width:240px;height:32px;line-height:32px;border:6px solid #386d8d;color:#333;background:url(../images/pr-5.png) no-repeat 215px center #fff;border-radius:40px;font-size:14px;padding-left:20px;}
.search .botton{background:url(../images/search.gif) no-repeat left center;width:31px;height:26px;border:none;cursor:pointer; outline:none}
.lianx{width:253px;height:88px;background:url(../images/pr-4.png) no-repeat left center;float:right;font-size:29px;color:#fff;position: relative;}
.lianx .stel{margin-top: 46px;margin-left: 27px;}
.imgk{
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 6px;
	right: 13px;
}


/*工程案例*/
.dk { height: 964px; overflow: hidden; font-family: "Microsoft YaHei", serif;}
.dk h3 { height: 130px; text-align: center; padding-top: 68px; background: url("../images/qs_03.jpg") no-repeat center 162px; font-size: 36px; color: #333333;}
.dk h3 span { font-weight: bold; color: #ce0400;}
.dk h3 p { font-size: 22px; color: #666666; font-weight: normal; margin-top: 25px;}
.dk .dku { height: 85px;}
.dk .dku li { float: left; margin-right: 2px;}
.dk .dku li a { display: block; width: 198px; height: 70px; background: #ce0400; font-size: 18px; color: #ffffff; text-align: center; line-height: 70px;}
.dk .dku .nones { margin-right: 0;}
.dk .dku p { float: left; margin-left: 2px;}
.dk .dku p a { display: block; width: 198px; height: 70px; background: #ce0400; font-size: 18px; color: #ffffff; text-align: center; line-height: 70px;}
.dk .dku p a:hover{background: url("../images/dk_03.jpg") no-repeat; font-weight: bold; color: #052a80;}
.dk .dku li a:hover,.dk .dku li.cur a { background: url("../images/dk_03.jpg") no-repeat; font-weight: bold; color: #052a80;}
.dk .dkk { position: relative;}
.dk .dkk dl { width: 890px; float: left;}
.dk .dkk dt img { width: 890px; height: 522px;}
.dk .dkk dd p { float: left; width: 720px; height: 65px; background: #efefef; padding: 15px 0 0 34px; font-size: 18px; color: #333333; font-weight: bold;}
.dk .dkk dd p span { display: block; font-size: 14px; color: #333333; font-weight: normal; margin-top: 10px;}
.dk .dkk dd em { display: block; float: left; width: 135px; height: 80px; background: #ffcc33; font-size: 16px; color: #333333; text-align: center; line-height: 80px; font-weight: bold;}
.dk .dkk ul { float: right; width: 299px;}
.dk .dkk li { position: relative; margin-bottom: 10px;}
.dk .dkk li p { position: absolute; left: 0; top: 0; width: 299px; height: 120px; background: url("../images/dktm.png") no-repeat; font-size: 16px; color: #ffffff; text-align: center; padding-top: 56px; display:none;}
.dk .dkk li p span { display: block; width: 90px; height: 21px; border: 1px solid #ffffff; margin: 0 auto; font-size: 14px; margin-top: 10px;}
.dk .dkk li img { width: 299px; height: 176px;}
.dk .dkj1 { position: absolute; right: 150px; top: 564px;}
.dk .dkj2 { position: absolute; right: 0; top: 564px;}


.ys_t{height: 100px;line-height: 43px;}
.ys_bg{ width:100%; margin:50px auto 0 auto; background:url(../images/ys_bg.jpg) no-repeat center; height:836px;}

.ys_bg .youshi{ width:1180px; margin:0 auto;height:630px;}

.ys_bg .youshi .ys{ width:1180px; margin:0 auto; height:580px; padding-top:50px; }

.ys_bg .youshi .ys .ys_t a{ margin:0 auto;font-size:36px; font-weight:bold; text-align:center; color:#fff; display:block; }

.ys_bg .youshi .ys .ys_t a span{font-size:18px; font-weight:normal; text-align:center; color:#fff;display:block;}

.ys_bg .youshi .ys .ys_t p{ font-size:12px; font-weight:normal; text-align:center;color:#c3c3c3;text-transform: uppercase;  }

.ys_bg .youshi .ys_nr{ width:450px; float:right; margin:110px 80px 0 0;} 

.ys_bg .youshi .ys_nr li{ line-height:30px; color:#fff; font-size:16px; height: 115px; } 

.ys_bg .youshi .ys_nr li.ys3{ margin-top:15px;}

.ys_bg .youshi .ys_img{ float:left; width:223px;  height:406px;margin: 65px 0 0 170px;}

.banner1{margin:0 auto;width:100%; height:240px;}

.banner1 .zx {width:1180px;margin:0 auto;}

.banner1 .zx .nr{font-size:22px; color:#fff;text-align:center; line-height:50px; width:720px; margin:10px 0 0 0px; float:left;font-weight:bold;}

.banner1 .zx .nr p{font-size:18px; color:#e44213; font-weight:normal;line-height: 40px;margin: 10px 0px 0 100px;}

.banner1 .zx .zx1{ width:250px; float:right;margin:5px 0px 0 50px;}

.banner1 .zx .zx1 .rexian{color:#fff; font-size:16px;margin-right:30px;}

.banner1 .zx .zx1 .rexian p{color:#fff; font-size:24px; line-height:30px; font-weight:bold; }

.banner1 .zx .buttom{width:195px; height:39px; text-align:center; line-height:39px;margin:20px 0px 0 0px; background:url(../images/zx.png) no-repeat center;}

.banner1 .zx .buttom a{font-size:16px; color:#333; font-weight:bold;}

.content11 {
    overflow: hidden;
    margin-bottom: 10px;
    float: left;
   
}
/*页面底部*/
.foot{background: url(../images/foot.jpg) top center no-repeat;height: 335px;}
#footer{position:relative;width:1160px;margin:0 auto;padding-top:10px;color:#fff;}
#footer a{color:#fff;}
#footer a:hover{color:#e32433;text-decoration:none;}
.nav_foot{text-align:center;line-height:60px;color:#fff;font-size: 16px;}
.nav_foot a{padding: 0 20px;}
.mid-foot{width: 660px;float: left;margin-left: 50px;}
.copyright{text-align:left;line-height:30px;float: left;margin-top: 20px;font-size: 15px;}
.logos{width: 170px;float: left;margin-top:20px;}
.copyright1{text-align:left;line-height:30px;margin-top:18px; font-size:15px;height: 55px;border-bottom: 1px solid #636363;}
.ewm{float: right;margin-top: 2px;width: 114px;margin-right: 50px;}
/*应用*/
.prod_t{width: 1100px; height: 52px; background: url(../images/topa.png) no-repeat bottom;padding-top: 60px;}
.prod_t_t{font-size: 30px; color: #000; font-weight: bold; text-align: center; height:35px;}
.prod_t_t span{color: #f00;}
.prod_t_d{font-size: 14px; text-align: center; line-height: 70px;}
.cess_bg{width: 100%;min-width: 1100px; height: 500px; background: url(../images/topb.jpg) no-repeat center top;} 
.cess_t{text-align: center; line-height: 70px;}
.font_en {
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

.cess {
    width: 1100px;
    height: auto;
    margin: 0 auto;
    min-width: 1100px;
}
.cess_d{margin-top: 70px;}

.cess_d1 a{display: block;width: 210px; float: left;cursor: pointer; margin:0 5px;}
.cess_d1 li{ width: 210px;height: 74px; position: relative;overflow: hidden; background:url(../images/20180323103742_1967121981.jpg) no-repeat center bottom; }

.li_cess_d{width: 210px; height: 74px; position: absolute; top:-74px; transition:all linear 0.2s; -moz-transition:all linear 0.2s; -ms-transition:all linear 0.2s; -webkit-transition:all linear 0.2s; }
.cess_d1 a:hover .li_cess_d{top:0; background:#1c7ce3; }

.cess_d2 a{display: block;width: 210px; float: left;cursor: pointer; margin:0 5px;}
.cess_d2 li{ width: 210px;height: 74px; position: relative;overflow: hidden; background:url(../images/20180323112740_1340354189.jpg) no-repeat center top; }

.li_cess_d2{width: 210px; height: 74px; position: absolute; top:74px; transition:all linear 0.2s; -moz-transition:all linear 0.2s; -ms-transition:all linear 0.2s; -webkit-transition:all linear 0.2s; }
.cess_d2 a:hover .li_cess_d2{top:0; background:#1c7ce3; }

.cess_d li img{position: relative; z-index: 9;}
.cess_d li p{position: relative; z-index: 99; color: #fff; top: -75px; text-align: center;}


.cess_w{position: relative; z-index: 99; margin-top: 16px; font-size:16px; line-height:26px; color: #222; text-align: center;  }
.cess_w span{font-size:12px;  color: #999; line-height: 12px;}
.cess_d a:hover .cess_w{color: #fff;}
.cess_d a:hover .cess_w span{color: #fff;}

.cess_d2 a:hover .cess_w{color: #fff;}
.cess_d2 a:hover .cess_w span{color: #fff;}
.cess>a{display: block; width: 200px; height: 50px; line-height: 50px; color: #333; text-align: center;font-size: 14px; border: 1px #e5e5e5 solid; margin: 37px auto; }
.cess>a:hover{ background:#1c7ce3;color: #fff;}