*{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{background: url(../images/ai-banner.jpg) no-repeat center;width: 100%;overflow: hidden;position: relative;height: 499px;}
.workbanner .banner-width{ width: 1200px;  margin: 0 auto; height: 499px;  position: relative;}
.workbanner .banner-width01{margin-top: 80px;float: left;  color: #fff;  width: 700px;}
.workbanner .banner-width02{margin-right: 76px;margin-top: 91px;}
.workbanner .banner-width01 h2{font-size: 50px;font-weight: bold; margin-top: 50px; padding:0px 0 2px 0;line-height:50px;font-weight: 400;letter-spacing: 7px;} 
.workbanner .banner-width01 h5{font-size: 24px; line-height: 40px; background: none;font-weight: normal; margin-top: 40px;margin-bottom: 5px !important;}
.workbanner .banner-width01 p{font-size: 16px;line-height: 32px; background: none;margin-top: 20px;margin-bottom: 5px !important;}
.workbanner .banner-width02{margin-top: -26px; position: absolute; right: 0; margin-right: 0; width: auto; float: right;}
.ai-action {position: relative;float: right;width: 500px;}
.ai-action .ipc1{position: absolute;top: 125px;left: 165px;}
.ai-action .ipc2{position: absolute;top: 301px;left: 106px;}
.ai-action .ipc3{position: absolute; top: 278px;right: -164px;}
.ai-action .ipc4{position: absolute;top: 118px;right: -45px;}
.floater {
	animation-name: floater;
	-webkit-animation-name: floater;
	-moz-animation-name: floater;
	animation-duration: 3.5s;
	-webkit-animation-duration: 3.5s;
	-moz-animation-duration:3s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	visibility: visible!important
}
@keyframes floater {
	0% {
		transform: translateY(0%)
	}
	50% {
		transform: translateY(10px)
	}
	100% {
		transform: translateY(0%)
	}
}

@-webkit-keyframes floater {
	0% {
		-webkit-transform: translateY(0%)
	}
	50% {
		-webkit-transform: translateY(10px)
	}
	100% {
		-webkit-transform: translateY(0%)
	}
}

.delye1 {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
}
.delye2 {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
}
.delye3 {
	animation-delay: 2s;
	-webkit-animation-delay:2s;
	-moz-animation-delay: 2s;
}
@keyframes nope {
	0% {
		transform: translateX(0)
	}
	6.5% {
		transform: translateX(-7px) rotateY(-10deg)
	}
	18.5% {
		transform: translateX(6px) rotateY(8deg)
	}
	31.5% {
		transform: translateX(-4px) rotateY(-6deg)
	}
	43.5% {
		transform: translateX(3px) rotateY(4deg)
	}
	50% {
		transform: translateX(0)
	}
}

/* aiwork 生态 */
.workecology{width: 100%;background-color: #f0f8ff;}
.workecology_wrap{width:1200px;margin:0 auto;overflow:hidden; position:relative;margin-bottom: 65px;}
.workecology h3{font-size:36px;color:#333333;line-height:40px;text-align: center;padding-top: 50px;letter-spacing: 1px;}
.workecology h3:after{content: "";width:30px;height:2px;background:#0072FF;text-align: center;position: absolute;top: 112px;left:50%;transform: translateX(-50%);}
.ecologybox{width: 100%;height: auto;display: block;margin: 20px auto; overflow: hidden;padding-bottom: 30px;}
.ecologybox ul{margin-top:50px; }
.ecologybox ul li{width:280px; height: 180px; float:left; padding:35px; text-align:center; background:#fff; box-sizing:border-box; margin-right:26px; margin-bottom:25px; border-radius:14px;position:relative; }
.ecologybox ul li .show2{display:none; }
.ecologybox ul li .show1 div{height:62px; line-height:62px; }
.ecologybox ul li .show1 div img{vertical-align:middle; }
.ecologybox ul li .show1 p{font-size:18px; color:#666666; line-height:30px; margin-top:20px; }
.ecologybox ul li .show2 h2{font-size:20px; color:#fff;font-weight: normal; line-height:30px; margin-top:15px; }
.ecologybox ul li .show2 span{ width: 40px;top: 78px; height: 2px; background: #fff; margin: 15px auto;position: absolute; left: 43%; }
.ecologybox ul li .show2 p{ font-size:16px; color:#fff; line-height:30px; margin-top:26px; }
.ecologybox ul li:nth-child(4n){margin-right:0;}


.ecologybox ul li.mutel-5-ny01{ background: #1f8ff;}
.ecologybox ul li.mutel-5-ny01 .show1{display:none;}
.ecologybox ul li.mutel-5-ny01 .show2{display:block; border-radius: 14px; box-shadow: 0 5px 15px rgba(36,42,55,.1); padding: 32px 26px 26px 26px; width: 280px;position:absolute; left: 0; top: 0; height: 180px; background: url(../images/AIWORK1_01a.png) no-repeat center; }
.ecologybox ul li.mutel-5-ny01 p{color:#fff;}
.ecologybox ul li.mutel-5-ny01 .bg-img1{background: url(../images/AIWORK1_02a.png) no-repeat center;}
.ecologybox ul li.mutel-5-ny01 .bg-img2{background: url(../images/AIWORK1_03a.png) no-repeat center;}
.ecologybox ul li.mutel-5-ny01 .bg-img3{background: url(../images/AIWORK1_04a.png) no-repeat center;}
.ecologybox ul li.mutel-5-ny01 .bg-img4{background: url(../images/AIWORK1_05a.png) no-repeat center;}
.ecologybox ul li.mutel-5-ny01 .bg-img5{background: url(../images/AIWORK1_06a.png) no-repeat center;}
.ecologybox ul li.mutel-5-ny01 .bg-img6{background: url(../images/AIWORK1_07a.png) no-repeat center;}
.ecologybox ul li.mutel-5-ny01 .bg-img7{background: url(../images/AIWORK1_08a.png) no-repeat center;}
.ecologybox ul li .show2 {
    box-sizing: inherit !important;
}

/* 优势 */
.workeyoushi{width: 100%;background-color: #fefeff;}
.workeyoushi_wrap{width:1200px;margin:0 auto;overflow:hidden; position:relative;margin-bottom: 65px;}
.workeyoushi h3{font-size:36px;color:#333333;line-height:40px;text-align: center;letter-spacing: 1px;}
.workeyoushi .aline{width:30px;height:2px; margin: 20px auto 0 auto; background:#0072FF;text-align: center}
.youshibox{width: 100%;height: auto;display: block;margin: 60px auto 0px auto; overflow: hidden;padding-bottom: 10px;}
.youshi-frwz{ width: 40%; float: left; margin-left: 60px;}
.youshi-frwz ul{ margin: 0; padding: 0;}
.youshi-frwz ul li{ width: 100%; float: left; margin-bottom: 20px;}
.youshi-frwz ul li{ width: 100%; float: left; margin-bottom: 20px;}
.youshi-frwz ul li h3{width: 100%; text-align: left; position: relative; font-size: 22px;color: #222222;height: 65px;
    line-height: 95px; z-index: 9; }
.youshi-frwz ul li h5{width: 100%; text-align: left; line-height: 30px; font-size: 16px;color: #555;}
.youshi-frwz ul li .h-line{width:30px;margin: 15px 0; height:2px;background:#0072FF;}
.youshi-frwz ul li p{width: 88%; text-align: left; font-size: 16px;color: #666666; line-height: 26px; margin-top: 20px;}
.youshi-frwz ul li h3 .bgtup{width: 84px; height: 56px; position: absolute; left: 0px; top: 3px; z-index: -1;}
.youshi-frwz ul li h3 .bgtup img{width: 100%; vertical-align: top;}
.youshi_inner{ width: 50%; height: 914px; float: left;}
.fl-tp{position: relative;margin-top: 10%; width: 100%;}
.fl-tp img{width: 100%;}
.fl-dongtu{position: absolute; top: 0;}
.dongtu-action {position: relative;float: right;width: 500px;}
.dongtu-action .ipc1{position: absolute;top: 206px; left: 147px;}
.dongtu-action .ipc2{position: absolute;top: 605px;left: 216px;}
.dongtu-action .ipc3{position: absolute; top: 595px;right: -226px;}
.dongtu-action .ipc4{position: absolute;top: 222px; right: -254px;}
.dongtu-action2 {position: relative;float: right;width: 500px;}
.dongtu-action2 .ipc1{position: absolute;top: 150px; left: 156px;}
.dongtu-action2 .ipc2{position: absolute;top:700px;left: 218px;}
.dongtu-action2 .ipc3{position: absolute; top: 397px;right: -301px; z-index: -1;}
.dongtu-action2 .ipc4{position: absolute;top: 176px; right: -74px;}

/* 解决方案 */

.worksolution{width: 100%;background: url(../images/ai-bg.jpg) no-repeat;position: relative; height: 880px;background-size: cover;}
.worksolution h3{font-size:36px;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 p{ width: 40%; line-height: 30px; text-align: center; margin: 60px auto 10px auto;font-size: 15px; color: #fff;}
.worksolution_wrap{width: 1200px;margin: 75px auto 0 auto;padding-bottom: 105px;display: block;height: 610px;}
.worksolutionleft{width:339px;height: 421px;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;}
.mar{ margin-top: 50px;}
.mar-16{ margin-left: 16px;}
.worksolutioncenter{width:468px;height: 512px;float: left; position: relative;}
.worksolutioncenter_top{width:468px;height: 512px;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:358px;height:428px;float: right}
.img-1{ width:468px ;height: 512px; margin: 0 auto; float: none;}
.img-2{position: absolute; top: 144px; left: 121px;}
.img-3{position: absolute; top: 101px; left: 82px; -webkit-animation:circle 2s infinite linear; }
.img-4{position: absolute; top: 238px; right: 18px;}
.img-5{position: absolute; top: 238px; left: 10px;}


@-webkit-keyframes circle{
            0% {transform:rotate(0deg);}
            100% {transform:rotate(360deg);}
}
@-webkit-keyframes showa{
            0% {transform:rotate(0deg);}
            100% {transform:rotate(360deg);}
}

/* AIwork 实施 */
.workimplement{width: 100%;background-color: #eff8ff; padding-bottom: 20px;}
.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:auto;margin-top: 57px; overflow: hidden;}
.implementbox ul{ margin: 0; padding: 0;}
.implementbox ul li{width:380px; height: 160px; float: left; padding-right: 45px;padding-top: 35px;padding-bottom: 20px;}
.implementbox ul li .add-aili{width:380px;height:145px; border:1px solid #eeeeee; padding:  23px 30px;text-align: center;background-color: #fff;box-sizing:border-box;transition: all 0.5s;}
.implementbox ul li .it_item_img{width: 30px; float: left; height: 30px; vertical-align: middle;margin-right: 10px;}
.implementbox ul li h4{font-size: 20px;font-weight: normal; line-height: 30px;color:#333333; text-align: left;}
.implementbox ul li .it_item_des{font-size: 16px;line-height: 28px; text-align: left; color:#666666;margin-top: 10px;padding: 0;}
.implementbox ul li:hover .add-aili{box-shadow:0px 5px 15px 0px rgba(138,138,138,0.29); margin-top:-25px; margin-bottom: 0px;}
.implementbox ul li:nth-child(3n){padding-right: 0; width: 380px;}

/*  AIwork服务 */
.workservice{width: 100%;background-color:#fff;position: relative;}
.workservice_wrap{width: 1200px;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; border:1px solid #eeeeee; margin: 75px auto 0 auto;height: 252px;background-color: #FFF;box-shadow: 0 5px 30px 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:56px;height: 56px;margin: 40px auto 20px auto; margin-bottom: 10px;position: relative;vertical-align: top;-webkit-animation: 1s ease;
    -moz-animation: 1s ease;
    -ms-animation: 1s ease;
    animation: 1s ease;
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;}
.se_item_img img{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}    
.se_item h4{font-size: 20px;line-height: 40px;color:#333333; font-weight: normal;}    
.se_item_des{font-size: 15px;line-height: 28px;color:#666666;padding: 0 20px; margin-top: 6px;}    
.se_item:hover .se_item_img{
animation-name: vf;
	-webkit-animation-name: vf;
	-moz-animation-name: vf;}
@keyframes vf {
	20% {transform: rotate(15deg)}
	40% {transform: rotate(-10deg)}
	60% {transform: rotate(5deg)}
	80% {transform: rotate(-5deg)}
	100% {transform: rotate(0);}
}	

/* 客户案例 */
.workcase{width: 100%;background-color:#eff8ff;position: relative;}
.workcase h3{font-size:38px;color:#333333;line-height:40px;text-align: center;padding-top: 50px;letter-spacing: 1px;}
.workcase h3:after{content: "";width:30px;height:2px;background:#0072FF;text-align: center;position: absolute;top: 120px;left:50%;transform: translateX(-50%);}
.casebox{width:1200px;margin:0 auto;overflow:hidden; position:relative;padding: 50px 0  65px 0;}
.casebox .cs_item{width: 280px;float: left;margin-right: 26px;text-align: center;margin-top: 40px;}
.cs_item:last-child{margin-right: 0;}
.cs_item h4{font-size: 20px;line-height: 34px; text-align: left; padding-left: 20px; color:#FFF;margin-top: 0px;}    
.cs_item_des{font-size: 15px;line-height: 24px;color:#333;margin-top: 12px;padding: 0 6px 0 6px; text-align: center;}
.cs_item:hover{transition: 0.5s;}
.case-tb{ width: 58px; height: 58px; margin: 30px auto;}
.case-tb img{ width: 100%; vertical-align: middle;}
.casebox .cs_item:hover{ opacity: 0.7;}
.casebox .cs_item:hover .cs_item_des{ opacity: 1 !important;}

/* 广告位 */
.workadver{width: 100%;height: 200px;background: url(../images/ai-ggw.jpg)no-repeat;background-size: cover;}   
.workadver_des{font-size: 38px;line-height: 190px;text-align: center;color: #FFF;}
/* 联系我们 */
.contact {
    width: 100%;
    height: 821px;
    padding: 70px 0;
    background: url(../images/ai-cont.jpg) no-repeat center;background-size: cover;
    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;margin-top: 40px;}
.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:20px; 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); }
.contact_right p a:hover{ text-decoration: none;}


@media screen and (max-width: 1600px) {
	 #banner{ width: 90% !important;} 
	 .dongtu-action .ipc1{position: absolute;top: 183px; left: 106px;}
	 .dongtu-action .ipc2{position: absolute;top: 520px;left: 163px;}
	 .dongtu-action .ipc3{position: absolute; top: 534px;right: -130px;}
	 .dongtu-action .ipc4{position: absolute;top: 190px; right: -159px;}
	 .dongtu-action2 {position: relative;float: right;width: 500px;}
	 .dongtu-action2 .ipc1{position: absolute;top: 108px; left: 111px;}
	 .dongtu-action2 .ipc2{position: absolute;top:574px;left: 155px;}
	 .dongtu-action2 .ipc3{position: absolute; top: 347px;right: -190px; z-index: -1;}
	 .dongtu-action2 .ipc4{position: absolute;top: 127px; right: 47px;}
	 .youshi-frwz ul li p{ line-height: 20px; font-size: 14px;}
}


@media screen and (max-width: 1440px) {
	 #banner{ width: 95% !important;} 
	 .dongtu-action .ipc1{position: absolute;top: 183px; left: 106px;}
	 .dongtu-action .ipc2{position: absolute;top: 520px;left: 163px;}
	 .dongtu-action .ipc3{position: absolute; top: 534px;right: -130px;}
	 .dongtu-action .ipc4{position: absolute;top: 190px; right: -159px;}
	 .dongtu-action2 {position: relative;float: right;width: 500px;}
	 .dongtu-action2 .ipc1{position: absolute;top: 108px; left: 111px;}
	 .dongtu-action2 .ipc2{position: absolute;top:574px;left: 155px;}
	 .dongtu-action2 .ipc3{position: absolute; top: 347px;right: -190px; z-index: -1;}
	 .dongtu-action2 .ipc4{position: absolute;top: 127px; right: 47px;}
	 .youshi-frwz ul li p{ line-height: 20px; font-size: 14px;}
}

@media screen and (max-width: 1280px) {
	 #banner{ width: 95% !important;} 
	 .dongtu-action .ipc1{position: absolute;top: 154px; left: 93px;}
	 .dongtu-action .ipc2{position: absolute;top: 480px;left: 146px;}
	 .dongtu-action .ipc3{position: absolute; top: 455px;right: -66px;}
	 .dongtu-action .ipc4{position: absolute;top: 190px; right: -94px;}
	 .dongtu-action2 {position: relative;float: right;width: 500px;}
	 .dongtu-action2 .ipc1{position: absolute;top: 108px; left: 111px;}
	 .dongtu-action2 .ipc2{position: absolute;top:550px;left: 155px;}
	 .dongtu-action2 .ipc3{position: absolute; top: 305px;right: -123px; z-index: -1;}
	 .dongtu-action2 .ipc4{position: absolute;top: 127px; right: 47px;}
	 .youshi-frwz ul li p{ line-height: 20px; font-size: 14px;}
}

