*{margin:0; padding:0; box-sizing:border-box; }
body{background:#ffffff; }
ul,li{list-style:none; }
.wrap{width:1200px;margin:0 auto;overflow:hidden; position:relative;}
/***********banner*************/
.workbanner{width:100%; height:695px; background:url(../images/banner.jpg) no-repeat center center; position:relative; }
.workbanner .inner{position: relative;display: block;width: 1200px;margin:0 auto;z-index: 100;padding-top: 220px;}        
.workbanner .inner h1{font-size: 70px;color: rgb(255, 255, 255);line-height: 70px; font-family: 微软雅黑;font-weight: 400;letter-spacing: 7px;}             
.workbanner .inner span{width:44px;height:2px;background-color: #FFFFFF;display: block;margin:55px 0 40px 2px;}
.workbanner .inner p{font-size:32px;color:#E8EEFF;line-height:33px;padding: 10px 0;}
/***********define*************/
.workdefine{width: 100%;background-color: #f5f9ff;}
.workdefineleft{float: left;}
.workdefineleft img{padding: 60px 100px 60px 0;}
.workdefineright{float: right;width: 495px;padding-top: 150px;}	
.workdefineright h3{font-size: 38px;color:#333333;line-height: 40px;padding: 10px 0;}
.workdefineright h3 span{color: #0072FF;}
.workdefineright p{font-size: 22px;color:#515A68;padding-top: 30px;letter-spacing: 3px;line-height: 35px;}
/***********ecology*************/
.workecology{width: 100%;background-color: #FFFFFF;}
.workecology_wrap{width:1230px;margin:0 auto;overflow:hidden; position:relative;margin-bottom: 65px;}
.workecology h3{font-size:38px;color:#333333;line-height:40px;text-align: center;padding-top: 85px;letter-spacing: 1px;}
.workecology h3:after{content: "";width:30px;height:2px;background:#0072FF;text-align: center;position: absolute;top: 150px;left:50%;transform: translateX(-50%);}
.ecologybox{width: 100%;height: auto;display: block;}
.ecologybox1{margin-top: 60px;}
.ecologybox2{margin-top: 0px;}
.ecologybox .ey_item{width:280px; height:330px; float:left;background-color: #fff;border:1px solid #E9E9E9;text-align: center;box-sizing:border-box;}
.ecologybox1 .ey_item{margin:13px 26px 13px 0;}
.ecologybox2 .ey_item{margin:13px 26px 26px 0;}
.ey_item:last-child{margin-right:15px;}
.ey_item:first-child{margin-left:15px;}
.ey_item_img{width:100%; height:70px;margin-top: 35px;margin-bottom: 15px;position: relative;}
.ey_item_img img{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.ey_item_img .imgactive{display: none;}
.ey_item h4{font-size:26px;color:#333333;line-height: 40px;}
.ey_item span{width:228px;height:1px;display: block;background-color: #E9E9E9;margin: 15px auto;}
.ey_item_name{font-size:18px; color:#878787;line-height: 28px;padding-top: 2px;}
.ey_item_des{ font-size:16px;line-height:28px;color:#878787;padding: 0 26px;}
.ey_item_des_active{font-size:16px;line-height:28px;color:#FFFFFF;padding: 0 26px;display: none;}
.ecologybox .ey_item:hover{box-shadow:0px 8px 18px 0px rgba(138,138,138,0.29);background-color: #0072FF;color:#FFF}
.ecologybox .ey_item:hover h4,.ecologybox .ey_item:hover .ey_item_name{color:#FFF}
.ecologybox .ey_item:hover span{background-color: #FFF;}
.ecologybox .ey_item:hover .ey_item_img .img{display: none;}
.ecologybox .ey_item:hover .ey_item_img .imgactive{display: block;}
.ecologybox .ey_item:hover .ey_item_des{display: none;}
.ecologybox .ey_item:hover .ey_item_des_active{display: block;}
/*****************solution*********************/
.worksolution{width: 100%;background:url("../images/solution/solution.jpg")no-repeat;position: relative;}
.worksolution h3{font-size:38px;color:#FFF;line-height:40px;text-align: center;padding-top: 85px;letter-spacing: 1px;}
.worksolution h3:after{content: "";width:30px;height:2px;background:#FFF;text-align: center;position: absolute;top: 150px;left:50%;transform: translateX(-50%);}
.worksolution_wrap{width: 1230px;margin: 75px auto 0 auto;padding-bottom: 105px;display: block;height: 610px;}
.worksolutionleft{width:505px;height: 505px;background:url("../images/solution/ju1.png")no-repeat;float: left;}
.worksolutionleft_circle{width: 223px;height: 223px;background:url("../images/solution/circle.png")no-repeat;margin: 140px auto;position: relative;}
.worksolutionleft_circle p{font-size: 31px;line-height: 42px;color:#FFF;text-align: center;padding: 70px 47px;}
.worksolutionleft_around{width: 100px;position: absolute;top: -120px;left: 61.5px;}
.worksolutionleft_around:nth-child(3){top: -70px;left: 190px;}
.worksolutionleft_around:nth-child(4){top: 62px;left: 223px;}
.worksolutionleft_around:nth-child(5){left: 196px;top: 190px;}
.worksolutionleft_around:nth-child(6){top: 223px;left: 61.5px;}
.worksolutionleft_around:nth-child(7){left: -70px;top: 190px;}
.worksolutionleft_around:nth-child(8){top: 62px;left: -120px;}
.worksolutionleft_around:nth-child(9){left: -70px;top: -70px;}
.worksolutioncenter{width:518px;height: 505px;float: left}
.worksolutioncenter_top{width:518px;height: 225px;display: block;}
.worksolutioncenter_top_left{width:254px;height: 225px;float: left}
.worksolutioncenter_top .worksolutioncenter_top_left p{font-size: 22px;color:#FFF;line-height: 40px;padding:20px 25px 0 25px;text-align: center;}
.worksolutioncenter_top_centet{width:207px;height: 225px;background:url("../images/solution/ju2.png")no-repeat;float: left}
.worksolutioncenter_top_centet p{font-size: 22px;color:#FFF;line-height: 40px;text-align: center;}
.worksolutioncenter_top_right{width:57px;height: 225px;float: right}
.worksolutioncenter_bottom{width:518px;height: 225px;margin-top: 55px;}
.worksolutioncenter_bottom .worksolutioncenter_top_left p{font-size: 22px;color:#FFF;line-height: 39px;padding:0 25px 0 25px;text-align: center;margin-top: -9px;}
.worksolutionright{width:207px;height: 505px;background:url("../images/solution/ju3.png")no-repeat;float: right}
.worksolutionright p{padding: 30px 27px 40px 27px;font-size: 22px;line-height: 40px;color:#FFF;text-align: center;}

/*****************implement*********************/
.workimplement{width: 100%;background-color: #FFF;}
.workimplement_wrap{width:1230px;margin:0 auto;overflow:hidden; position:relative;margin-bottom: 65px;}
.workimplement h3{font-size:38px;color:#333333;line-height:40px;text-align: center;padding-top: 85px;letter-spacing: 1px;}
.workimplement h3:after{content: "";width:30px;height:2px;background:#0072FF;text-align: center;position: absolute;top: 150px;left:50%;transform: translateX(-50%);}
.implementbox{width: 100%;height: auto;display: block;height:340px;margin-top: 57px;}
.implementbox .it_item{width:362px;height:340px;border:1px solid #E9E9E9;margin-right: 57px;float:left;background-color: #fff;text-align: center;margin-top: 35px;margin-bottom: 20px;box-sizing:border-box;}
.it_item:last-child{margin-right:15px;}
.it_item:first-child{margin-left:15px;}
.implementbox .it_item:hover{box-shadow:0px 5px 15px 0px rgba(138,138,138,0.29);}
.it_item_img{width: 138px;margin: 49px auto 15px auto;}
.it_item h4{font-size: 26px;line-height: 40px;color:#333333}
.it_item_des{font-size: 18px;line-height: 28px;color:#515A68;margin-top: 10px;padding: 0 45px;}
/*****************service*********************/
.workservice{width: 100%;background-color:#f5f9ff;position: relative;}
.workservice_wrap{width: 1295px;background:url("../images/service/service.png")no-repeat;position: relative;margin: 0 auto;padding-bottom: 100px;}
.workservice h3{font-size:38px;color:#333333;line-height:40px;text-align: center;padding-top: 85px;letter-spacing: 1px;}
.workservice h3:after{content: "";width:30px;height:2px;background:#0072FF;text-align: center;position: absolute;top: 150px;left:50%;transform: translateX(-50%);}
.servicebox{width: 1200px;margin: 75px auto 0 auto;height: 252px;background-color: #FFF;box-shadow: 0 10px 15px rgba(133,166,193,.20);}
.servicebox .se_item{width:299px;height:252px;border-right:1px dashed #E9E9E9;float:left;text-align: center;}
.se_item:last-child{border-right: none;}
.se_item_img{width: 100%;height: 55px;margin-top: 40px;margin-bottom: 20px;position: relative;}
.se_item_img img{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}    
.se_item h4{font-size: 26px;line-height: 40px;color:#333333}    
.se_item_des{font-size: 18px;line-height: 28px;color:#515A68;margin-top: 10px;padding: 0 20px;}    
.se_item:hover {
    cursor: default;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    background: #fff;
    transition: all 0.4s;
    box-shadow: 0 10px 15px rgba(133,166,193,.20); 
}   
/*****************case*********************/
.workcase{width: 100%;background-color:#FFF;position: relative;}
.workcase h3{font-size:38px;color:#333333;line-height:40px;text-align: center;padding-top: 85px;letter-spacing: 1px;}
.workcase h3:after{content: "";width:30px;height:2px;background:#0072FF;text-align: center;position: absolute;top: 150px;left:50%;transform: translateX(-50%);}
.casebox{width:1200px;margin:0 auto;overflow:hidden; position:relative;margin-bottom: 100px;margin-top: 30px;}
.casebox .cs_item{width: 280px;height: 311px;float: left;margin-right: 26px;text-align: center;margin-top: 60px;}
.cs_item:last-child{margin-right: 0;}
.cs_item h4{font-size: 26px;line-height: 40px;color:#FFF;margin-top: 55px;}    
.cs_item_des{font-size: 16px;line-height: 30px;color:#FFF;margin-top: 30px;padding: 0 21px;}
.cs_item:hover{transition: 0.5s;margin-top: 40px;}
/*****************adver*********************/
.workadver{width: 100%;height: 190px;background: url(../images/adver.png)no-repeat;}   
.workadver_des{font-size: 38px;line-height: 190px;text-align: center;color: #FFF;}
/*****************contact*********************/
.contact {
    width: 100%;
    height: 897px;
    padding-top: 90px;
    background: url(../images/contact.jpg) no-repeat center;
    margin-top: -2px;
    box-sizing: border-box;
}
.contact .wrap{height: auto;}
.contact .title{text-align:center;font-size:36px;font-weight:500;color:#FFFFFF;padding-bottom: 30px;position: relative;}
.contact .title:after{
	content: "";width:30px;height:2px;background:#FFFFFF;text-align: center;display: block;position: absolute;top: 70px;left:50%;transform: translateX(-50%);
}
.contact .smallT{font-size:18px; color:#FFFFFF; text-align:center; margin-top:50px; }
.contact hr {
        width: 619px;
        margin: 40px auto;
    }
.contact .bigT{font-size: 22px;color: #FFFFFF;text-align: center;margin-bottom: 55px;}
.contact .bigT .phone{font-size:38px; color:#FFFFFF; font-weight:bold; }
.contact_right{width: 619px;margin: 0 auto;}
.contact_right p{margin-bottom:25px; line-height:44px; }
.contact_right p label{font-size:22px; color:#FFFFFF; display:inline-block; width:100px; }
.contact_right p input{width:430px; height:56px; background-color:#ffffff; border-radius:6px; border:solid 1px #eeeeee; font-size:18px; text-indent:20px; }
.contact_right p select{width:203px; height:56px;margin-right: 20px; background-color:#ffffff; border-radius:6px; border:solid 1px #eeeeee; font-size:18px; text-indent:20px; }
.contact_right p a{display:inline-block; width:430px; height:56px; cursor:pointer; border-radius:6px; font-size:20px; line-height:56px; text-align:center; color:#ffffff; outline:none; border:none;background:linear-gradient(0deg,rgba(0,114,255,1),rgba(39,136,255,1));box-shadow:0px 15px 14px 0px rgba(15,20,33,0.25); }