.box1{background: #f9f9f9;}
.content { width:1200px; margin:0 auto;font-family:"Microsoft Yahei";}

.protil{position:relative;margin:138px auto 0;width:100%;height:130px;}
.til01{text-align: center;height:138px;color: #222;font-size:40px;line-height:52px;font-family: "Microsoft Yahei";}
.til01 p{display: block;line-height:38px;font-size:24px;color: #666;font-weight: normal;}
.til01 a{color: #222;}
.til01 b{color: #49a24a;}

/*解决方案*/
.plan{height:740px;font-family: "Microsoft Yahei";line-height: 24px;overflow: hidden; padding-top: 50px;}
.plan_t{height: 103px;overflow: hidden;}
.plan_t ul{width: 1255px;}
.plan_t li{position: relative;float: left;width: 293px;height: 50px;background:#eee/*url(../images/line1.gif) no-repeat 5px 0*/;margin: 0 20px 0 0;z-index: 1;font-size: 16px;overflow: hidden;}
.plan_t li:before{position: absolute;content: "";left: 0;top: 0; -webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);height: 70px;width: 0;z-index: -1;background: #49a24a;}
.plan_t li p{width:141px;float: left;padding: 14px 0 0;line-height: 23px;white-space: nowrap;    font-size: 18px;
    font-weight: 700;
    color: #240b06;
    /* text-align: center; */
    line-height:1.5;}
.plan_t li p em{display: block;text-transform: uppercase;font-size: 16px;font-family: Arial;color: #666;letter-spacing: -1px;}
.plan_t li span{width:53px;height:39px;position: relative;display: block;margin: 5px 2px 0;float: left;}
.plan_t li span i{width:53px;height:39px;position: absolute;display: block;top: 0;left: 0;}
.plan_t li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.plan_t li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.plan_t li.cur,.plan_t li.cur p em,.plan_t li.cur p{color:#fff;}

.plan_t li.cur:before{width: 293px;}
.plan_t li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.plan_t li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.plan_c dl{width: 1200px;height: 500px;overflow: hidden;line-height: 24px;}
.plan_c dt,.plan_c dt img{width: 724px;height: 500px;overflow: hidden;float: left;}
.plan_c dd{width: 432px;float: left;padding: 23px 0 0 44px; }
.plan_c dd h3{height: 23px;
    line-height: 0px;font-size: 20px;color: #1e1e1e;background:url(../images/line1.gif) no-repeat 0 bottom;}
.plan_c dd h3 a{color: #1e1e1e;}
.plan_cw{padding: 24px 0 0;height: 143px;overflow: hidden;}
.plan_cl{width: 450px;}
.plan_cl li{width: 212px;float: left;padding: 0 7px 0 0;}
.plan_cl li img{width: 210px;height: 160px;border: solid 1px #eaeaea;display: block;}
.plan_cl li span{display: block;text-align: center;line-height: 34px;height: 34px;background: #e2e2e2;}
.more01 a {margin-bottom: 10px; margin-top: 20px;
    display: block;
    background: url(../images/ico03.jpg) no-repeat 0 0 #49a24a;
    width: 115px;
    line-height: 40px;
    border: solid 1px #dcdcdc;
    padding: 0 0 0 46px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
}
.plan_c dt img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.plan_c dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.pf {margin-left: -230px;padding: 10px;background: #fff;}

.project {background: url(../images/jinshu/g_cls_00.jpg) no-repeat center bottom; background-size: cover;}
/*.project:before{content: '';position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,.6);z-index: 1;}*/

.project .w1200{position: relative;z-index: 3;}
.project li{height: 680px;text-align: center;float: left;width: 25%;box-sizing: border-box;border-right: 2px solid rgba(255,255,255,.3);position: relative;background: rgba(88,88,88,.3);}
.project li:nth-child(1){border-left: 2px solid rgba(255,255,255,.1);}

.project-con{margin: 90px auto; width: 300px;max-width: 96%;height: 496px;/*border-top: 4px solid transparent;*/position: relative;}
.project-wrap{position: absolute;width: 100%;height: 100%;top:0;left: 0;}
.project-wrap h3{font-size: 22px; font-weight: normal;margin: 20px 0;color: #fff;text-transform: uppercase;}
.project-des{width: 220px;margin: 30px auto;min-height: 120px;max-width: 96%;}
.ckxq{width: 120px;line-height: 35px;background: #49a24a;color: #fff;margin: 0 auto;font-size: 12px;border-radius: 20px;}
.project-wrap img{display: block;margin: 0 auto;}
.project-wrap .img2{display: none;}
.project-bot{opacity: 0;}

.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative;table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}


/*case*/
.case{padding: 0; /*background: url(../images/tmp_20bg_s.jpg) no-repeat bottom;*/    height:800px}
.case h2{margin-bottom: 30px;}
.case_con{position: relative;padding: 0; margin-bottom:30px;/*background: #fff;*/box-shadow:0px 8px 40px 0px rgba(0,146,63,0.09);}
.case_ctg{height: 80px;border-bottom: 1px solid #f2f2f2;}
.case_ctg li{float: left;width: 240px;height: 80px;line-height: 80px;text-align: center;position: relative;}
.case_ctg li:after{position: absolute;width: 8px;height: 8px;content: "";background: url(../images/case_dian.png) no-repeat center;right: -4px;top: 36px;}
.case_ctg li:last-child:after{display: none;}
.case_ctg li a{display: inline-block;height: 80px;position: relative;}
.case_ctg li em{display: inline-block;width:auto;height:30px;margin-right: 5px;overflow: hidden;vertical-align:top;margin-top: 25px;}
.case_ctg li img{position: relative;top:0px;transition: all 0.25s linear;}
.case_ctg li span{font-size: 18px;color: #666;}
.case_ctg li.cur span,.case_ctg li:hover span{color: #49a24a;}
.case_ctg li.cur em img,.case_ctg li:hover em img{top:-30px;}
.case_ctg li.cur a:after,.case_ctg li:hover a:after{position: absolute;width: 100%;height: 4px;background: #49a24a;content: "";left: 0;bottom: -1px;}
.case_l{float: left;width: 746px;margin: 50px 0 0 38px;}
.case_ctg li.cur1 a span{color: #49a24a;}
.case_ctg li.cur1 a em img{top:-30px;}
.case_ctg li.cur1 a:after {position: absolute;width: 100%;height: 4px;background: #49a24a;content: "";left: 0;bottom: -1px;}
.case_l{float: left;width: 746px;margin: 30px 0 0 38px;}

.case_l dl{height: 560px;overflow: hidden;position: relative;}
.case_l dt img{width: 746px;height: 560px;transition: all 0.5s;}
.case_l dt:hover img{transform: scale(1.05);}
.case_l dd{position: absolute;width: 100%;height: 108px;padding: 0 35px;box-sizing: border-box;background: rgb(38 38 38 / 38%);left: 0;bottom: 0;}
.case_l dd h3{font-size: 18px;color: #fff;line-height: 18px;padding: 22px 0 10px;}
.case_l dd h3 a{color: #fff;}
.case_l dd p{font-size: 14px;color: #fff;line-height: 20px;}
.case_r{float: right;width: 338px;height: 490px;border-top: 3px solid #49a24a;border-bottom: 3px solid #49a24a;position: relative;margin-top: 50px;margin-right: 34px;}
.case_r h3{padding-left: 58px;font-size: 28px;color: #49a24a;line-height: 28px;background: url(../images/case_jinshu.png) no-repeat left 8px;background-size:45px;margin: 35px 0 20px;position: relative;}
.case_r h3 i{display: block;font-size: 12px;line-height: 24px;}
.case_r h3:after{position: absolute;width: 11px;height: 19px;content: "";background: url(../images/select_jt.png) no-repeat;top: 9px;right: 17px;}
.case_list{height: 370px;overflow: hidden;padding-left: 78px;margin-left: -78px;}
.case_list li{height: 56px;padding: 18px 20px 18px 0;/*border-bottom: 1px solid #e0e0e0;*/position: relative;z-index: 1;}
.case_list li b{float: left;width: 28px;height: 28px;line-height: 28px;text-align: center;font-size: 16px;color: #fff;font-weight: bold;background: #49a24a;border-radius: 100%;margin-top: 3px;}
.case_list li span{float: left;font-size: 16px;color: #211f1f;line-height: 26px;font-weight: bold;margin-left: 20px;    width: 188px;}
.case_list li span i{display: block;font-size: 10px;color: #211f1f;line-height: 24px;opacity: 0.6;text-transform: uppercase;}
.case_list li img{float: right;width: 75px;height: 56px;}
.case_list li.cur:after{position: absolute;width: 412px;height: 92px;background: #e6e6e6;content: "";right: 0;top: 0;z-index: -1;}
.case_r .prev{position: absolute;width: 50%;left: 0;bottom: -45px;font-size: 14px;color: #211f1f;line-height: 14px;height: 14px;text-align: center;cursor: pointer;}
.case_r .next{position: absolute;width: 50%;right: 0;bottom: -45px;font-size: 14px;color: #211f1f;line-height: 14px;height: 14px;text-align: center;cursor: pointer;}
.case_list .tempWrap{overflow: visible !important;}
.case_c{ width:1200px;float:left;}

/*资质证书*/

.zs{ height:610px; overflow:hidden;background:url(../images/zsbg.jpg) no-repeat center top; }
.zstit{ margin-bottom:36px;text-align:center; background:url(../images/tit_bg.png) no-repeat center bottom;  height:82px; padding-top:55px;}
.zstit a{ color:#252525; font-size:36px; font-weight:bold;line-height:50px;}
.zstit a i{ color:#0092df;}
.zs ul{ }
.zs ul li{ margin-right:10px; width:234px; height:310px; float:left;}
.zs ul li a{ display:block;width:234px; height:310px;}
.zs ul li a img{ width:204px; height:280px; padding:10px 20px 20px 10px; background:url(../images/zsimg_bg.png) no-repeat 0 0; }
.zs .zsspsan{ padding-top:45px; display:block; width:140px ; margin:0 auto;}
.zs .zsspsan a{ display:block; width:60px; height:5px; background:#999; float:left; margin:0 5px;}
.zs .zsspsan a.cur{background:#49a24a;}

/*关于我们*/
.main   {width:100%;margin:0 auto;line-height:20px;}
.widthcenter {width:1200px;margin:0px auto;}
.widthcentermore{width:1300px;margin:0px auto;}
.xwtitle2{padding-top: 50px;}
.gywm{background: url(../images/img7.jpg) no-repeat center;height:680px;}
.gywmgroup{
    height: 450px;
    overflow: hidden;
    box-shadow: 0px 8px 6px rgba(0, 0, 0, .3);
}
.gywmimg{box-sizing: border-box;overflow: hidden;position: relative;/* top: 50px;*/width: 700px;height: 450px;border: 4px solid #FFFFFF;z-index: 1;}
.gywmimg img{transition:all 0.5s;width: 700px;height: 450px;}
.gywmimg img:hover{transform: scale(1.2,1.2);}
.gywmtext{padding-left: 30px;padding-right: 30px;z-index: 2;left: 600px;position: relative;top: -420px;width: 568px;height: 392px;background: #FFFFFF;}
.gywmtext h2{padding-top: 20px;line-height:65px;color: #49a24a;font-size: 24px;}
.gywmtext .gywmtmessage{height: 250px;line-height: 26px;color: #666;font-size: 16px;padding-right: 20px;}
.gywmtext a{display: block;float: right;margin-top: 20px;margin-right: 20px;width: 130px;height: 40px;font-size: 14px;color: #FFFFFF;text-align: center;line-height: 40px;border-radius: 20px;background: #fcb529;}


@media (min-width:1250px){
	.project li:hover .img1{filter:brightness(70%);}
	/*.project li:hover .img2{display: block;}*/
	.project li:hover .project-con{background: rgba(255,255,255,.9);border-color: #49a24a;transition: all ease 800ms;}
	.project li:hover h3{color:#262626;}
	.project li:hover .project-bot{opacity: 1;}
}
@media (max-width: 1500px){}
    .project li {height: 540px;}
    .project-con {height: 360px;}

}
@media (max-width: 760px) {
	.project li{width: 50%;height: auto;border:none !important;padding: 20px 0;}
	.project-con{height: auto;margin: auto;}
	.project-bot{opacity: 1;}
	.project-wrap img{width: 40px;}
	.project-des{height:4.8em; overflow:hidden;min-height: auto;}
	.project-des p{text-align: left;color: #fff;}
	.ckxq{width: 80px;line-height: 30px;}
}