@charset "utf-8";

/*首页*/

.main{width:100%;background:#f8f8f8; min-width:1200px}

.main .section{padding-top:44px}

.section .title{text-align:center}

.title h1{font-size:30px;color:#000}

.title h1 em{display:block;color:#999;font-size:18px;font-family:"Aparajita";padding-top:3px}

.title h1 span{display:block;color:#999;font-size:12px}

.section .step{padding-top:25px;padding-bottom:77px}

.step p{color:#666;font-size:12px;line-height:36px;text-align:center}

.step .sort{text-align:center; padding-top:65px}

.step .sort a{display:inline-block;margin:0 40px;text-align:center}

.step .sort a p{color:#666;font-size:12px;margin-top:24px;line-height:normal}

.main .sy_box{width:100%; background:#fff}

.section .step2{padding-top:38px;}

.step2 .tab_title{text-align:center}

.step2 .tab_title a{ display:inline-block; width:138px; height:34px; border:1px solid #ccc; text-align:center; line-height:36px;font-size:12px; margin:0 5px; color:#333}

.step2 .tab_title a.move{ background:#0074bb; border:1px solid #0074bb;color:#fff}

.step2 .tab_list{padding-top:40px;}

.step2 .group{display:none}

.step2 .group ul{width:1240px}

.step2 .group li{float:left; text-align:center; width:272px; margin-right:37px}

.step2 .group li a .images{ width:270px; height:180px; overflow:hidden; border:1px solid #ccc}

.step2 .group li a p{ color:#333; font-size:12px; margin-top:17px}

.section .step3{ padding-top:38px}

.step3 ul{width:1240px}

.step3 li{float:left;width:270px;margin-right:40px;border-bottom:2px solid #e0e0e0; padding-bottom:15px}

.step3 li a h2{ color:#333; font-size:14px; margin:15px 0 8px 0}

.step3 li a p{ color:#999; font-size:12px; line-height:24px}

.section .step4{padding-top:38px}

.step4 .tab_title2{ text-align:center}

.tab_title2 a{display:inline-block;width:98px;height:32px;border:1px solid #d2d2d2;text-align:center; line-height:34px; color:#616161; font-size:12px; margin:0 5px;transition: all linear 0.3s;}

.tab_title2 a.move2{ color:#fff; background:#0068b7; border:1px solid #0068b7}

.tab_list2{ padding-top:21px}

.tab_list2 .group2{ display:none}

.step4 .group2 ul{ width:1264px}

.step4 .group2 li{float:left; width:552px; margin-right:80px; margin-top:30px}

.step4 .group2 li .pic{width:120px; margin-right:20px; height:100px; overflow:hidden}

.group2 li .text{width:412px}

.group2 .text span a{display:block; color:#333; font-size:14px; margin-bottom:4px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}

.group2 .text p{color:#999; font-size:12px;line-height:24px}

.group2 .text .more{display:block;color:#999;font-size:12px; line-height:24px; margin-top:4px}

.group2 li:hover .text span a{color:#0068b7}

.group2 li:hover .text .more{color:#0068b7;}

.group2 li .pic a img:hover,.group li a .images img:hover{transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform: scale(1.05);-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition:-ms-transform 0.4s ease-out;}

.group2 li .pic a img,.group li a .images img{transform: scale(1);-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;}

.main .sy_box2{width:100%;background:#fff;min-width:1200px}

.section .read{ text-align:center; padding-top:60px; padding-bottom:80px}

.section .read a{ display:inline-block; width:298px; height:50px; border:1px solid #dfdfdf; text-align:center; line-height:52px; color:#a0a0a0; font-size:14px; font-family:"Tahoma"}

.step3 li img{-ms-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}

.step3 li:hover img{ margin-top:-10px; opacity:0.8}

.step .sort a:hover img{opacity:0.8}

/*工程案例*/

.banner2{ width:100%; background:url(../images/ny_banner.jpg) no-repeat center; height:250px; background-size:100% 250px;min-width:1200px}

.section .content{ padding-top:38px; padding-bottom:100px}

.content .nav_title{ text-align:center}

.nav_title a{display:inline-block;height:32px;border:1px solid #d2d2d2;text-align:center;line-height:34px;color:#616161;font-size:12px;margin:0 5px;transition: all linear 0.3s; width:110px; padding:0 6px}

.nav_title a.cur{color:#fff; background:#0068b7; border:1px solid #0068b7}

.content .case{padding:50px 0;}

.case ul{width:1240px}

.case li{float:left;width:270px;margin-right:40px;border-bottom:2px solid #e0e0e0; padding-bottom:15px; margin-bottom:40px}

.case li a h2{ color:#333; font-size:14px; margin:15px 0 8px 0}

.case li a p{ color:#999; font-size:12px; line-height:24px}

/*产品中心*/

.content .products{padding:50px 0;}

.products ul{width:1240px}

.products li{float:left;width:270px;margin-right:40px;margin-bottom:38px; text-align:center}

.products li a .images{ width:268px; height:178px; border:1px solid #dedede}

.products li a p{color:#333; font-size:12px; margin-top:17px}

.content .products2{ margin-top:-50px}

.products2 h2{ border-bottom:1px dotted #d3d3d3; color:#333; font-size:24px; text-align:center; padding-bottom:17px}

.products2 h2 span{ display:block; color:#999; font-size:12px; margin-top:6px}

.products2 h2 span em{ display:inline-block; margin:0 20px}

.article .center{ text-align:center; padding:30px 0 60px 0}

.article .js h3{ color:#0068b7; font-size:16px; font-weight:bold; margin-bottom:14px}

.article .js p{ color:#666; font-size:14px; line-height:30px; text-indent:28px}

.article .down{padding-top:50px}

.article .down .fy{}

.article .fy span{display:block;color:#666;font-size:12px;line-height:30px}

.article .fy span a{color:#666}

/* 新闻中心 */

.content .news{ margin-top:25px;padding-bottom:80px}

.news li{ border-bottom:1px dotted #d3d3d3; padding:25px 0;}

.news li .img{ margin-right:20px; display:inline-block; width:220px}

.news li .wz{ width:960px}

.news li h2 a{ color:#333; font-size:16px; display:block; margin-bottom:12px}

.news li h2 a em{ display:inline-block; float:right; color:#999; font-size:12px}

.news li p a{color:#999; font-size:14px; line-height:30px}

.news li .more a{ display:block; width:88px; height:26px; border:1px solid #e8e8e8; line-height:26px; text-align:center; color:#999; font-size:12px; margin-top:22px}

.news li:hover h2 a{ color:#0068b7}

.news li:hover .more a{ border:1px solid #80baea; color:#0068b7}

/*联系我们*/

.content .contact_us{ padding-top:30px; padding-bottom:100px;}

.contact_us p{font-size:14px;color:#666;line-height:36px}

.contact_us p b{color:#333;font-weight:normal}

.contact_us h3{color:#333;font-size:16px;margin-bottom:7px;}

.contact_us .m25{margin-top:25px}

.contact_us .map{margin-top:20px}

.contact_us .sao li{ float:left; text-align:center; margin-left:20px}

.contact_us .sao li p{ color:#999; font-size:14px; margin-top:4px}



.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}

.page span,.page  a{

padding:5px;

border:1px #CCCCCC solid;

margin-right:2px;

cursor:pointer;

}

.page .current{

border:1px #999999 solid;

background:#FFFFCD;

font-weight:bold;

}

.page  a:hover{

border:1px #333333 solid;

background:#FFFFCD;

text-decoration:none;

}



.detail{padding:15px 10px;}

.detail h2{ color:##666; text-align:center; font-size:20px;}

.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}

.write span{ color:#666;}

.detail p{ padding:0 14px;line-height:30px;font-size:14px;}

.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; margin-left:10px; }

.dow b{ color:##666;}

.dow p{ text-indent:0;font-size:12px;}

.info p {line-height:25px;font-size:12px; margin-top:5px; }



#gg2{width:250px;height:90px; background:#133984; color:#fff; font-size:20px; text-align:center; line-height:90px; position:relative;z-index:1000}

#gg2 span{position: absolute; right:8px; top:8px; font-size:14px; font-weight:bold; height:20px; line-height:20px; z-index:1001;}

#gg2 span a{background:#fff;color:#133984; text-decoration:none; border-radius:100%; border:1px solid #133984; width:20px; height:20px; display:block}

.js{ text-align:center}
.js table{ margin:0 auto; text-align:left}
.article .down{ text-align:left}


/*----q5----*/
.QQBox{ position:absolute; top:0; right:0; cursor:default; text-align:center; font:normal 12px/24px airal,simsun; z-index:99999}
.QTag{ float:left; font:normal 14px/24px "Microsoft Yahei", simhei, simsun; cursor:pointer;}
.QTag span{ display:block; width:14px; margin:auto;}
.QTop{ font:14px/24px "Microsoft Yahei", simhei, simsun;}
.close{ position:absolute; height:14px; z-index:9999; color:#000; text-align:right; line-height:14px; text-indent:0; font-size:12px; font-family:simsun; white-space:nowrap; top:-18px; right:3px; text-shadow:none;}
.QTop span{ display:block;}
.Qie{ background:url(../images/qq.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="qimg/qq.png"); _background-image:none; display:inline-block; vertical-align:middle; _vertical-align:auto ; margin:0 3px 0 0; width:14px; height:16px;}
.QBoxTop{ display:none;}
.QContentTag{ float:left; display:none; cursor:pointer;}
.QContentTag span{ display:block; width:14px; margin:auto;}
.telBox{ display:none;}
.QQBox a:hover{ text-decoration:none;}
.q5{ width:33px;}
.q5 .QQContent{ display:none; float:right; width:146px;}
.q5 .QTag{ width:33px; height:177px; background:url(../images/q5Tag.png) no-repeat;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/q5Tag.png"); _background-image:none; padding:30px 0 0; line-height:1.2; color:#fff; text-shadow:0 1px 0 #ea5517; margin:30px 0 0; }
.q5 .QTop{ background:url(../images/q5Top.png) no-repeat; line-height:36px; padding:0 0 5px;}
.q5 .QBtm{ background:url(../images/q5Btm.png) no-repeat; height:21px;}
.q5 .QBtm a{ display:block; width:100%; height:100%;}
.q5 .QQ{ border:1px solid #f3f8e4; border-width:0 1px; padding:0 10px 10px; background:#fdfff7;}
.q5 .QQ li{ padding:10px 0 0;}
.q5 .QQ li a{ border:1px solid #f5f5f5; background:#fff; padding:0 10px; _padding:3px 10px;display:inline-block; width:102px; border-radius:5px;}
.q5 .QQ li .Qie{ margin:0 10px 0 0;}
.q5 .QQ li a:hover{ text-decoration:none; border-color:#eaeaea; color:#e3550d;}
.q5 dl{ padding:5px 0 0;}
.q5 dt{ background:#e3550d; height:26px; line-height:20px; vertical-align:middle; text-align:left;}
.q5 dt span{ display:inline-block; width:33px; height:21px; background:#f26823; text-align:center; padding:5px 0 0; margin:0 10px 0 0;}
.q5 dt em.Qie{ margin:0; vertical-align:inherit;}
.q5 dt a{ color:#fff; vertical-align:top; display:block;}
.q5 dt a:hover{ text-decoration:none;}
.q5 .unfold{ width:179px;}
.q5 .unfold .QTag{ display:block;}
.q5 .unfold .QQContent{ display:block;}
.auto{ width:auto;}

#news .mr_frUl li,#news .mr_frUl2 li,#news .mr_frUl3 li,#news .mr_frUl4 li{float:left;overflow:hidden;height:250px;width:272px;margin-right:37px;padding-bottom:0px;border-bottom:none;margin-bottom:0px;}
#news li .item img{border:1px solid #ccc;height:214px;width:270px;}
#news .mr_frbox,#news .mr_frbox2,#news .mr_frbox3,#news .mr_frbox4{ width:1200px; position:relative; overflow:hidden}
.mr_frBtnL{cursor: pointer; display: inline; position:absolute; left:0px;top:76px;z-index:1000}
.mr_frBtnR{cursor: pointer; position:absolute;right:0px;top:76px;z-index:1000}
#news li .item a p{ color:#333; font-size:12px; margin-top:17px}