@charset "utf-8";
/* CSS Document */
body,html{ width:100%; font-size:14px;  font-family: "微软雅黑"; color:#353535; float:left; padding: 0; margin: 0;}
ul,li,dl,dt,dd{ list-style-type:none; margin:0px; padding:0px;list-style: none;}
*{margin: 0; padding: 0;}
a{ text-decoration: none; color: #353535;}
.clear{clear:both;}

/*头部*/
#top{width: 100%; height: auto; margin: 0 auto;}
#top .topIn{width: 1600px; height: 88px; margin: 0 auto; }
#top .topIn .topL{width: 770px; height: 88px; float: left; }
#top .topIn .topR{width: auto; height: 88px; line-height: 88px; float: right; }
#top .topIn .topR .topRul{width: 100%; height: 88px; line-height: 88px; }
#top .topIn .topR .topRul li{width: auto; height: 88px; line-height: 88px; float: left; margin: 0 25px; color: #353535; font-size: 18px;  }
#top .topIn .topR .topRul li a{ color: #353535;  }
#top .topIn .topR .topRul li a:hover{ color: #ff0b00;  }
#top .topIn .topR .topRul li a.cnav{ color: #ff0b00;  }

/*首页大图*/
#indexN1{width: 100%; height: 870px; margin: 0 auto;}

/*首页产品分类*/
#IndexN2{ width: 100%; height: 710px; margin: 0 auto; padding-top: 20px ; background: url("../images/index_bg2.jpg") repeat-x ;}
#IndexN2 .N2In{width: 1480px; height: auto; margin: 0 auto; }
/*产品分类左侧*/
#IndexN2 .N2L{float: left; width: 260px; }
#IndexN2 .N2L span{float: left; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 22px;  color: #ffffff; background-color: #000000;}
#IndexN2 .N2L .N2ul{float: left; width: 100%; height: auto;background-color:#fff;}
#IndexN2 .N2L .N2ul li{float: left; width: 100%; height: 60px; line-height: 60px; text-align: center; }
#IndexN2 .N2L .N2ul li.ptag_onlie{  background-color: #f00; color: #fff;}
#IndexN2 .N2L .N2ul li.ptag_onlie a{  background-color: #f00; color: #fff;}
#IndexN2 .N2L .N2ul li a{display: block; color: #5d5d5d; font-size: 16px;}
#IndexN2 .N2L .N2ul li a:hover{ color: #fff; background-color: #f00;}
/*产品分类右侧*/
#IndexN2 .N2R{float: right; width: 1196px;  }
#IndexN2 .N2R .N2RT{float: left; width: 100%; height: 60px; line-height: 60px; background-color: #000000; }
#IndexN2 .N2R .N2RT .N2RTL{float: left; width: 165px; height: 60px; line-height: 60px; color: #fff; background-color: #f00; text-align: center; font-size: 17px; }
#IndexN2 .N2R .N2RT .N2RTR{float: right; line-height: 60px; padding-right: 10px;}
#IndexN2 .N2R .N2RT .N2RTR a{ color: #fff; font-size: 14px;  }
/*产品分类右侧下面内容*/
#IndexN2 .N2R .N2RB{float: left; width: 100%; }
#IndexN2 .N2R .N2RB .N2RBul{ width: 100%; margin: 0 auto; }
#IndexN2 .N2R .N2RB .N2RBul li.nleft{ margin-left: 0;  }
#IndexN2 .N2R .N2RB .N2RBul li{ float: left; width: 284px; height: auto; margin:15px 0 0  20px;  }
#IndexN2 .N2R .N2RB .N2RBul li a{ display: block;  color: #5a5959;  }
#IndexN2 .N2R .N2RB .N2RBul li a:hover .N2_tit{  color: #f00;  }
#IndexN2 .N2R .N2RB .N2RBul li .N2_img{ float: left; width: 284px; height: 270px; text-align: center; overflow: hidden;  }
#IndexN2 .N2R .N2RB .N2RBul li .N2_img img{  transition: all .6s; }
#IndexN2 .N2R .N2RB .N2RBul li .N2_img img:hover{ transform: scale(1.2); }
#IndexN2 .N2R .N2RB .N2RBul li .N2_tit{ float: left; width: 100%; height: 28px; line-height: 28px; color: #5a5959; font-size: 14px; text-align: center;  }

/*首页固创优势*/
#IndexN3{ width: 100%; height: 1320px;  background: url("../images/index_bg3.jpg") repeat-x ;}
#IndexN3 .N3In{width: 1220px; height: auto; margin: 0 auto;text-align: center; }
/*首页关于我们*/
#IndexN4{ width: 100%; height: auto;  }
#IndexN4 .N4In{width: 1220px; height: auto; margin: 0 auto;}
#IndexN4 .N4T{width: 100%; height:auto; float: left; background: url("../images/bt_x.jpg") no-repeat left top; margin-top: 30px;}
#IndexN4 .N4T h2{width: 100%; height:auto; float: left; font-size: 30px; font-family: Arial; margin-top: 25px;}
#IndexN4 .N4T label{width: 100%; height:auto; float: left; font-size: 24px; margin-top: 5px;}

#IndexN4 .N4M{ float:left;width: 100%; height:auto; margin-top: 30px;}
#IndexN4 .N4M .N4ML{ float:left; width:500px; height:334px; overflow: hidden; }
#IndexN4 .N4M .N4ML img{  transition: all .6s; }
#IndexN4 .N4M .N4ML img:hover{ transform: scale(1.2); }

#IndexN4 .N4M .N4MR{ float:right; width:690px; height:auto;}
#IndexN4 .N4M .N4MR .N4MRT{ float:left; width:100%; line-height: 28px; font-size: 14px; color: #888888;}
#IndexN4 .N4M .N4MR .N4MRM{ float:left; width:100%; height: 91px;}
#IndexN4 .N4M .N4MR .N4MRM img{ float:left; width:auto; margin: 30px 28px 0 0;}

/*首页工程案例*/
#IndexN5{ width: 100%; height: 914px; background: url("../images/index_bg5.jpg") no-repeat center; margin-top: 55px;  }
#IndexN5 .N5In{width: 1220px; height: auto; margin: 0 auto;}
#IndexN5 .N5T{width: 100%; height:auto; float: left; background: url("../images/bt_x.jpg") no-repeat left top; margin-top: 30px;}
#IndexN5 .N5T .N5TL{ float: left; width: 360px; height: auto; color: white;}
#IndexN5 .N5T .N5TL h2{width: 100%; height:auto; float: left; font-size: 30px; font-family: Arial; margin-top: 25px;}
#IndexN5 .N5T .N5TL label{width: 100%; height:auto; float: left; font-size: 24px; margin-top: 5px;}
#IndexN5 .N5T .N5TR{ float: right; width:auto; height: auto; margin-top: 28px;}
#IndexN5 .N5T .N5TR .N5ul{ float:left;width: 100%; height:auto; font-family: 宋体 }
#IndexN5 .N5T .N5TR .N5ul li{ float:left;width: 115px; height:35px; line-height: 35px; text-align: center; background-color: #f4f4f4; font-size: 14px; color: #737373; margin: 0 6px; }
#IndexN5 .N5T .N5TR .N5ul li.tag_onlie{  background-color: #f00; color: #fff;}
#IndexN5 .N5T .N5TR .N5ul li.tag_onlie a{  background-color: #f00; color: #fff;}
#IndexN5 .N5T .N5TR .N5ul li a{ display: block; }
#IndexN5 .N5T .N5TR .N5ul li a:hover{ background-color: #ff0000; color: #fff; }

#IndexN5 .N5M{ float:right;width:100%; height:auto; margin-top: 30px;}
#IndexN5 .N5M .N5Mul{ float:left;width:100%; height:auto; }
#IndexN5 .N5M .N5Mul li{ float:left;width:387px; height:300px; margin: auto 15px 20px 0; }
#IndexN5 .N5M .N5Mul li a{ position: relative;}
#IndexN5 .N5M .N5Mul li .n5_img{ position: relative; float: left; width: 100%; overflow: hidden; z-index: 99;}
#IndexN5 .N5M .N5Mul li .n5_disimg{ position: absolute; float: left; width: 100%;text-align: center; display: none; z-index: 999; }
#IndexN5 .N5M .N5Mul li .n5_tit{ position: absolute;  width:387px; display: none; padding-top: 135px; z-index: 9999;text-align: center; }
#IndexN5 .N5M .N5Mul li .n5_tit span{  font-size: 16px; color: #fff; line-height: 22px; }
#IndexN5 .N5M .N5Mul li a:hover .n5_tit{ display: block;}
#IndexN5 .N5M .N5Mul li a:hover .n5_disimg{ display: block;}

#IndexN5 .N5F{ float: left; width:100%; height:auto; margin-top: 30px;}
#IndexN5 .N5F div{  width:117px; height: 46px; margin: 0 auto;text-align: center; }
#IndexN5 .N5F div a{ float: left; width:100%; height:46px; line-height: 46px; text-align: center; margin: 0 auto;background: url("../images/index_bn.png") no-repeat;  }
/*#IndexN5 .N5M .N5Mul li a  img{  transition: all .6s; }
#IndexN5 .N5M .N5Mul li a:hover .n5_img img{  transform: scale(1.2);  }*/


/*首页新闻中心*/
#IndexN6{ width: 100%; height: auto; background-color: #f4f4f4; padding-bottom: 80px;   }
#IndexN6 .N6In{width: 1220px; height: auto; margin: 0 auto;}
#IndexN6 .N6T{width: 100%; height:auto; float: left; background: url("../images/bt_x.jpg") no-repeat left top; margin-top: 30px;}
#IndexN6 .N6T .N6TL{ float: left; width: 360px; height: auto; }
#IndexN6 .N6T .N6TL h2{width: 100%; height:auto; float: left; font-size: 30px; font-family: Arial; margin-top: 25px;}
#IndexN6 .N6T .N6TL label{width: 100%; height:auto; float: left; font-size: 24px; margin-top: 5px;}
#IndexN6 .N6T .N6TR{ float: right; width:auto; height: auto; margin-top: 28px;}
#IndexN6 .N6T .N6TR a{ float:left;width: 90px; height:35px; line-height: 35px; text-align: center; color: #fff; background-color: #f00; }

#IndexN6 .N6M{width: 100%; height:auto; float: left; margin-top: 30px;}
#IndexN6 .N6M .N6Mul{float: left;width: 100%; height:auto; margin-top: 30px;}
#IndexN6 .N6M .N6Mul li{float: left;width: 375px; height:420px; border: 2px solid #d1d1d1; margin-right: 26px;}
#IndexN6 .N6M .N6Mul li a{display: block;}
#IndexN6 .N6M .N6Mul li .N6_img{ float: left; width: 100%; height: 260px; overflow: hidden; text-align: center;}
#IndexN6 .N6M .N6Mul li h2{ width: 90%; height: auto; margin: 0 auto; color: #5f5f5f; font-size: 14px; line-height: 50px; }
#IndexN6 .N6M .N6Mul li .N6_body{  width: 90%; height: 70px; margin: 0 auto; color: #8f8d8d; font-size: 12px; line-height: 23px;}
#IndexN6 .N6M .N6Mul li .N6_time{  width: 90%; height: auto; margin: 0 auto; color: #8f8d8d; font-size: 12px; text-align: right}
#IndexN6 .N6M .N6Mul li:hover{-webkit-box-shadow:0 0px 11px 4px #e3e3e3;box-shadow: 0 0 14px #555;  }
#IndexN6 .N6M .N6Mul li:hover h2{color: #f00;}

/*首页底部联系我们*/
#IndexN7{ width: 100%; height: 616px; background: url("../images/index_map.jpg") no-repeat center; }
#IndexN7 .N7In{width: 1220px; height: auto; margin: 0 auto;}
#IndexN7 .N7T{width: 100%; height:auto; float: left;  margin-top: 60px;}
#IndexN7 .N7T .N7TL{ float: left; width: 370px; height: auto; color: white;background: url("../images/bt_x.jpg") no-repeat left top;}
#IndexN7 .N7T .N7TL h2{width: 100%; height:auto; float: left; font-size: 30px; font-family: Arial; margin-top: 25px;}
#IndexN7 .N7T .N7TL label{width: 100%; height:auto; float: left; font-size: 24px; margin-top: 5px;}
#IndexN7 .N7T .N7TL .N7TLN{ float:left; width: 100%; height:auto; font-size: 12px; color: #fff; line-height: 32px; margin-top: 50px; }
#IndexN7 .N7T .N7TL .N7TLW{ float:left; width: 100%; height:auto; margin-top: 40px;}
#IndexN7 .N7T .N7TL .N7TLW img{ margin-right: 10px;}

#IndexN7 .N7T .N7TR{ float: right; width: 802px; height: 503px; }

/*内页banner*/
#nybanner{ width:100%;  height:393px;}
#nybann{ height:393px; margin:0px auto;}

/*关于我们面包屑*/
.mian{width: 100%; height:auto;  }
.mian .mianIn{width: 1670px; height: auto; margin: 0 auto;}
.mian .mianT{width: 100%; height: 50px; line-height: 50px; margin: 0 auto; font-size: 14px; color: #666666; background: url("../images/nx.jpg") no-repeat bottom; }
.mian .mianT img{ margin-right: 8px; }

/*关于我们内容*/
.aboutN{width: 100%; height: auto; margin: 0 auto 230px auto;}
.aboutN .aboutIn{width: 1670px; height: auto; margin: 0 auto;}
.aboutN .aboutT{width: 95%;  line-height: 28px; color: #666666; font-size: 16px;}
.aboutN .aboutT .aboutTit{width: 150px; margin: 15px auto;  line-height: 52px; color: #000000; font-size: 35px; font-weight: 600; border-bottom: 4px solid #f00; text-align: center;}
.aboutN .aboutM{width: 95%;  line-height: 28px; color: #666666; font-size: 17px; margin: 0 auto;}

/*工程案例列表*/
.aboutN .casetM{width: 95%; margin: 0 auto; }
.aboutN .casetM .caseM_ul1{width: 50%; margin: 0 auto; }
.aboutN .casetM .caseM_ul1 .ul1{ float: left;width:100%; margin: 15px auto;  }
.aboutN .casetM .caseM_ul1 .ul1 li{ float:left; width: 120px; height: 35px; line-height: 35px; text-align: center; margin: 0 auto 0  20px; background-color: #f4f4f4; }
.aboutN .casetM .caseM_ul1 .ul1 li.tag_onlie{  background-color: #f00; color: #fff;}
.aboutN .casetM .caseM_ul1 .ul1 li.tag_onlie a{  background-color: #f00; color: #fff;}
.aboutN .casetM .caseM_ul1 .ul1 li a{ display: block; }
.aboutN .casetM .caseM_ul1 .ul1 li a:hover{  background-color: #f00; color: #fff;}
.aboutN .casetM .caseM_ul2{width: 1200px; margin: 0 auto; }
/*工程案例列表高度区别*/
.aboutN .casetM .caseM_ul2 .ul2{width: 100%; margin: 0 auto; }
.aboutN .casetM .caseM_ul2 .ul2 li{ float: left; position: relative; width: 386px; height: 350px; margin-right: 14px; margin-bottom: 14px; overflow: hidden;}
.aboutN .casetM .caseM_ul2 .ul2 li a{ display: block;}
.aboutN .casetM .caseM_ul2 .ul2 li .ul2_img{width:100%; height: 350px; overflow: hidden; text-align: center;}
.aboutN .casetM .caseM_ul2 .ul2 li .ul2_img img{transition: all .6s;}
.aboutN .casetM .caseM_ul2 .ul2 li .ul2_img img:hover{ transform: scale(1.2); }
.aboutN .casetM .caseM_ul2 .ul2 li .ul2_tit{ position: absolute; width:100%; height: 50px; line-height: 50px; background-color: #000; color: #fff; text-align: center; font-size: 18px; }
.aboutN .casetM .caseM_ul2 .ul2 li a:hover .ul2_tit{ background-color: #f00;}
/*产品中心列表高度区别*/
.aboutN .casetM .caseM_ul2 .pul2{width: 100%; margin: 0 auto; }
.aboutN .casetM .caseM_ul2 .pul2 li{ float: left; position: relative; width: 386px; height: 320px; margin-right: 14px; margin-bottom: 14px; overflow: hidden;}
.aboutN .casetM .caseM_ul2 .pul2 li a{ display: block;}
.aboutN .casetM .caseM_ul2 .pul2 li .ul2_img{width:100%; height: 320px; overflow: hidden; text-align: center;}
.aboutN .casetM .caseM_ul2 .pul2 li .ul2_img img{transition: all .6s; width: 387px ; height: 268px; overflow: hidden;}
.aboutN .casetM .caseM_ul2 .pul2 li .ul2_img img:hover{ transform: scale(1.2); }
.aboutN .casetM .caseM_ul2 .pul2 li .ul2_tit{ position: absolute; width:100%; height: 50px; line-height: 50px; background-color: #000; color: #fff; text-align: center; font-size: 18px; }
.aboutN .casetM .caseM_ul2 .pul2 li a:hover .ul2_tit{ background-color: #f00;}



/*工程案例详情页面*/
.caseN{width: 100%; height: auto; margin: 0 auto 230px auto;}
.caseN .caseIn{width: 1200px; height: auto; margin: 38px auto;}
.caseN .caseL{ float:left; width: 268px; height: auto;}
.caseN .caseL .caseL_list{ float:left; width: 100%; height: auto;}
.caseN .caseL .caseL_list li{ float:left; width: 100%; height: 60px; line-height: 60px; text-align: center; margin-bottom: 10px;}
.caseN .caseL .caseL_list li a{  display: block; background-color: #000; color: #fff; font-size: 18px; text-align: left; text-indent: 30px; }
.caseN .caseL .caseL_list li a:hover{  display: block; background-color: #f00; color: #fff;}
.caseN .caseL .caseL_list li a.cur{  display: block; background-color: #f00; color: #fff;}

.caseN .caseL .caseLM{ float:left; width: 100%; height: auto;}
.caseN .caseL .caseLM span{ float:left; width: 100%; height: auto; text-align: center; font-size: 24px; margin: 20px auto;}
.caseN .caseL .caseLM .caseLX{ float:left; width: 100%; }
.caseN .caseL .caseLM .caseLX li{ float:left; width: 100%; margin-top: 10px; }
.caseN .caseL .caseLM .caseLX li a{ display: block; }
.caseN .caseL .caseLM .caseLX li .caseLX_img{ float:left; width: 100%; height: 239px }
.caseN .caseL .caseLM .caseLX li .caseLX_tit{ float:left; width: 100%; height:50px; line-height: 50px; text-align: center; font-size: 16px; }
.caseN .caseL .caseLM .caseLX li a:hover .caseLX_tit{  color: #f00;}

.caseN .caseR{ float:right; width: 910px; height: auto;  margin-left: 20px;}



/*新闻中心*/
.newsIn{width: 1500px; margin: 0 auto;}
.news_ul{width: 100%; height: auto; float: left; margin-bottom: 80px;}
.news_ul li{ float: left; width: 100%; height: auto; margin-bottom: 30px; border: 1px solid #d6d6d6;}
.news_ul li a{ display: block;}
.news_ul li .newsL{ float: left; width: 305px; height: 186px; overflow: hidden;}
.news_ul li .newsR{ float: right; width: 1170px; height: auto;}
.news_ul li .newsR .newsRT{ float: left; width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #d6d6d6; color: #505050; font-size: 22px;}
.news_ul li .newsR .newsRM{ float: left; width: 100%; height: 100px; line-height: 30px;  color: #737373; font-size: 16px;}
.news_ul li .newsR span{ float: left; width: 100%;  line-height: 30px;  color: #737373; font-size: 16px;}
.news_ul li a:hover .newsRT{ color: #f00;}
.news_ul li:hover{ -webkit-box-shadow:0 0px 11px 4px #e3e3e3;box-shadow: 0 0 14px #555;  }


/*联系我们*/
.contactN{width: 100%; height: auto; margin: 0 auto 80px auto;}
.contactN .contactIn{width: 1200px; height: auto; margin: 38px auto;}
.contactN .contactL{ float: left; width: 370px; height: auto;margin-top: 25px;}
.contactN .contactL label{width: 100%; height:auto; float: left; font-size: 24px; }
.contactN .contactL .contactLN{ float:left; width: 100%; height:auto; font-size: 14px;line-height: 32px; margin-top: 15px; }
.contactN .contactL .contactLW{ float:left; width: 100%; height:auto; margin-top: 40px;}
.contactN .contactL .contactLW img{ margin-right: 10px;}

.contactN .contactR{ float: right; width: 802px; height: 503px; }

/*在线留言*/
.message{width: 100%; height: auto; margin: 38px auto 58px;}
.message .messageIn{width: 1200px; height: auto; margin: 0 auto;}
.message .messageT{float:left;width: 100%; height: 32px; line-height: 32px; font-size: 24px; color: #434343;}
.message .messageM{float:left;width: 100%; height: 470px; border: 1px solid #d6d6d6; font-size: 18px; color: #434343; margin-top: 30px; background: url("../images/contactbg.jpg") right no-repeat }
.message .messageM .mb{float:left;width: 95%; height: auto; font-size: 16px; color: #434343; margin-left: 3%; margin-top: 30px; }
.message .messageM .mb label{float:left;width: 60px; line-height: 28px;}
.message .messageM .mb input{float:left;width: 380px; line-height: 28px;  }
.message .messageM .mb .lb{float:left;width: 180px; line-height: 38px; margin-left: 60px;  font-size: 18px;cursor: pointer;border: 1px solid #666;border-radius: 12px;-webkit-border-radius: 12px; }

/*底部*/
#foot{ width: 100%; height: 125px; background-color: #000000;}
#foot .footIn{width: 1220px; height: auto; margin: 0 auto; padding-top: 20px;}
#foot .footL{ float:left;width: 350px; height: auto; margin: 0 auto;}
#foot .footL h2{ float:left;width: 100%; font-size:24px; color: #fff; }
#foot .footL label{ float:left;width: 100%; font-size:12px; color: #fff; font-family: Arial; line-height: 28px; }
#foot .footR{ float:right;width: 300px; height: auto; margin: 0 auto;}
#foot .footR h2{ float:left;width: 100%; font-size:18px; color: #fff; }
#foot .footR span{ float:left;width: 100%; font-size:36px; color: #f00;  }
#foot .footR label{ float:left;width: 100%; font-size:12px; color: #fff; font-family: Arial; }