@charset "utf-8";
.main{width:100%;padding-top:130px}
.main3{padding-top:0px}
.main .home{text-align:right;color:#000;font-size:12px;margin-right:42px;padding-top:46px}
.home span{display:block;font-family:Arial, Helvetica, sans-serif;padding-top:3px}
.main .contain{padding-top:20px}
.main .contain2{padding-top:0px;margin-top:-4px}
.section .step{padding-top:26px;width:100%;padding-bottom:167px}
.title .more{display:inline-block;float:right;margin-top:6px;width:50px;height:11px;background:url(../images/main_10.png) no-repeat center; margin-right:34px}
.title .more:hover{background:url(../images/more_hover.png) no-repeat;}
.title h2{height:17px}
.title h2 em{display:inline-block;vertical-align:middle;font-weight:bold;font-size:16px;color:#000;font-family:Arial;}
.title h2 span{color:#595757;font-size:14px;border-left:1px solid #8e8c8c;padding-left:10px;margin-left:10px;display:inline-block;line-height:17px}
.step .left{width:40%;position:relative}
.step .right{width:60%}
.step li{float:left;position:relative}
.step img{width:100%;height:auto}
.step li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transition: all 0.5s;transition: all 0.5s;}

.step button img{width:56px;height:29px}
#appendButton{border:none;background:#efefef;cursor:pointer;outline:none;width:100%;height:60px;color:#666;font-size:12px}
#appendButton:hover{background:#9fa0a0}

.step .right li{width:33.33%}
.step .item2 li{width:33.33%;overflow:hidden;}
.step .left2{width:60%;}
.step .left2 li{width:33.33%}
.step .right2{width:40%;position:relative}
.step .info{background:rgba(0,0,0,0.7);width:100%;height:100%;position:absolute;top:0;left:0;display:none}
.step a h3{position:absolute;left:30px;color:#fff;font-size:15px;top:20px}
.step a span{position:absolute;left:30px;color:#fff;font-size:15px;display:block;line-height:22px;bottom:14px}
.step .left:hover .info{display:block}
.step li:hover .info{display:block}
.step a h3:hover{color:#a5a7a9}
.step a span:hover{color:#a5a7a9}
.step .right2:hover .info{display:block}
.section .step2{padding-top:26px;width:100%;padding-bottom:167px}
.step2 .left{width:40%}
.step2 .left li{width:50%}
.step2 .right{width:60%}
.step2 li{float:left;position:relative}
.step2 img{width:100%;height:auto}
.step2 .right li{width:33.33%}
.step2 .info{background:rgba(0,0,0,0.7);width:100%;height:100%;position:absolute;top:0;left:0;display:none}
.step2 a h3{position:absolute;left:30px;color:#fff;font-size:12px;top:20px}
.step2 a span{position:absolute;left:30px;color:#fff;font-size:12px;display:block;line-height:22px;bottom:14px}
.step2 li:hover .info{display:block}

.step2 a h3:hover{color:#a5a7a9}
.step2 a span:hover{color:#a5a7a9}

.section .step3{padding-top:26px;width:100%;padding-bottom:138px}
.step3 .left{width:40%}
.step3 .center{width:40%}
.step3 .right{width:20%;position:relative}
.step3 li{float:left;position:relative}
.step3 .top_box{position:relative}
.step3 img{width:100%;height:auto}
.step3 .info{background:rgba(0,0,0,0.7);width:100%;height:100%;position:absolute;top:0;left:0;display:none}
.step3 a h3{position:absolute;left:30px;color:#fff;font-size:12px;top:20px}
.step3 a span{position:absolute;left:30px;color:#fff;font-size:12px;display:block;line-height:22px;bottom:14px}
.step3 li:hover .info{display:block}
.step3 .top_box:hover .info{display:block}

.step3 a h3:hover{color:#a5a7a9}
.step3 a span:hover{color:#a5a7a9}


.step3 .left li{width:50%}
.step3 .center li{width:50%}
.step3 .right:hover .info{display:block}
.section .step4{padding-top:26px;padding-bottom:95px;padding-left:21px;padding-right:21px}
.step4 .left{width:380px}
.step4 .center{width:380px;margin:0 169px}
.step4 .right{width:380px;}
.step4 .tit{border-bottom:1px solid #595757;padding-bottom:8px}
.step4 .tit .more{display:inline-block;float:right;margin-top:4px;color:#595757;font-size:14px; font-family:Arial}
.step4 .tit .more:hover{color:#000}
.step4 .tit h4{height:17px}
.step4 .tit h4 em{display:inline-block;vertical-align:middle;font-weight:bold;font-size:16px;color:#000;font-family:Arial;margin-top:-2px}
.step4 .tit h4 span{color:#595757;font-size:14px;border-left:1px solid #8e8c8c;padding-left:10px;margin-left:10px;display:inline-block;line-height:17px}
.step4 .about a p{color:#595757;font-size:12px;line-height:20px}
.step4 .about a p:hover{color:#000;}
.step4 .about{padding-top:11px;height:140px; overflow:hidden}
.step4 .news{padding-top:11px;height:140px; overflow:hidden}
.step4 .news li a{color:#595757;font-size:12px;line-height:20px}
.step4 .news li a em{display:inline-block;float:right}
.step4 .news li a:hover{color:#000}
.step4 .service{padding-top:11px;height:100px; overflow:hidden}
.step4 .service a{color:#595757;font-size:12px;line-height:20px;display:inline-block;}
.step4 .service a:hover{color:#000;}
/*动态咨询*/
.section .dynamic{padding-top:26px;padding-bottom:70px}
.dynamic ul{width:102%}
.dynamic li{float:left;margin-right:2%;width:18%;background:#efefef;margin-bottom:2%}
.dynamic li img{width:100%;height:auto}
.dynamic li .text{padding:13px 10px 8px 10px}
.dynamic li a h3{color:#000;font-size:14px;height:22x;overflow:hidden}
.dynamic li a p{color:#595757;font-size:12px;line-height:22px;height:44px;overflow:hidden}
/*关于我们*/
.section .about_box{width:100%;padding-top:26px}
.about_box .pic{width:100%}
.about_box .pic img{width:100%;height:auto}
.about_box .bt_title{text-align:center;padding-top:94px}
.bt_title h3{color:#000;font-size:20px}
.bt_title h3 em{display:block;background:#000;height:4px;width:40px;margin:4px auto 7px auto;}
.bt_title h3 span{display:block;}
.step01 .wz_box{padding:28px 20% 95px 20%}
.step01 .wz_box p{text-align:center;color:#595757;font-size:14px;line-height:24px}
.about_box .step02{background:#efefef}
.step02 .item_box{text-align:center;padding:35px 7.5% 96px 7.5%;width:100%;}
.step02 .item_box li{float:left;width:15%;margin:0 1%}
.item_box li h4{color:#595757;font-size:14px;line-height:20px;padding-top:15px}
.step01 .idea{text-align:center;padding-top:31px;padding-bottom:97px}
.idea li{float:left;width:27.33%;margin:0 3%}
.idea li h5{color:#000;font-size:16px;padding-bottom:22px}
.idea li p{color:#595757;font-size:14px;line-height:20px;}
.step02 .partner{width:70%;padding:31px 15% 97px 15%}
.step02 .partner p{text-align:center;color:#595757;font-size:14px;line-height:20px;}
.h100{width:100%;height:100px;background:#fff}
/*案例*/
.bg_box{width:100%;background:#7f7f7f;position:relative;padding:50px 0}
.content{width:980px;padding:46px 50px 62px 50px;background:#fff;border-radius:30px}
.case h1{color:#000;font-size:24px;padding-bottom:12px}
.case p{color:#595757;font-size:12px;line-height:24px}
.case h2 a{color:#000;font-size:26px;text-align:center;font-weight:bold;display:block;margin-top:60px}
.case .wz{color:#595757;font-size:12px;line-height:24px;padding-top:6px}
.case .wz .hy{width:920px}
.case .wz span{display:inline-block;}
.case .show{padding-top:20px;padding-bottom:40px}
.content .close{position:fixed;right:2%;top:30px;z-index:2}
.content_box{width:980px; padding-bottom:97px;margin:0 auto}
.content_box .case{ margin-top:-5px}
.content_box .article{padding-bottom:24px}
.article .dt_pic{width:100%}
.article .dt_pic img{width:100%;height:auto}
.article .read{padding-top:45px}
.article .read p{color:#595757;font-size:12px;line-height:20px}
.article .read h1{color:#000;font-size:24px;padding-bottom:14px}
.article .read .time{display:block;background:url(../images/time.png) no-repeat left center;color:#595757;font-size:12px;padding:0px 0 0px 28px;margin-bottom:5px;line-height:22px}
.zp_box{padding-top:60px}
.zp_box ul{width:1014px}
.zp_box li{float:left;margin-right:34px;width:304px;}
.zp_box li img{width:100%;height:auto}
.zp_box li a p{color:#595757;font-size:14px;padding-top:6px}

.zp_box li .img_boxs{position:relative}
.zp_box li .info{background:rgba(0,0,0,0.7);width:100%;height:100%;position:absolute;top:0;left:0;display:none}
.zp_box li a h3{position:absolute;left:30px;color:#fff;font-size:12px;top:20px}
.zp_box li a span{position:absolute;left:30px;color:#fff;font-size:12px;display:block;line-height:22px;bottom:14px}
.zp_box li:hover .info{display:block}
.zp_box li a h3:hover{color:#a5a7a9}
.zp_box li a span:hover{color:#a5a7a9}


.page_fy .btn_left{display:block;text-indent:-9999px;background:url(../images/left.png) no-repeat;width:84px;height:156px;position:fixed;top:50%;margin-top:-65px;left:8%;}
.page_fy .btn_right{display:block;text-indent:-9999px;background:url(../images/right.png) no-repeat;width:84px;height:156px;position:fixed;top:50%;margin-top:-65px;right:8%;}
.page_fy .btn_left:hover{background:url(../images/left_hover.png) no-repeat;}
.page_fy .btn_right:hover{background:url(../images/right_hover.png) no-repeat;}

.section .step.case_box{padding-bottom:100px}


/*联系我们*/
.contact{padding:26px 0 90px 0}
.contact .leftside{width:42%}
.contact .leftside img{width:100%;height:auto}
.contact .rightside{width:50%;margin-right:3%}
.contact .name{padding-bottom:38px}
.contact h2{color:#595758;font-weight:bold;font-size:18px;padding:44px 0 3px 0}
.contact h3{color:#595758;font-weight:bold;font-size:12px;line-height:30px;padding:33px 0 2px 0}
.contact p{color:#595757;font-size:12px;line-height:25px; }
.contact .join p{line-height:30px}
.contact .join{padding-top:52px}
.contact .some{padding-top:3px}