
.hd-banner{width: 100%;height: 460px;background: url(../images/ai-ban.jpg) no-repeat center;text-align: center;}
.hd-banner .wrapper{position: relative;height: 350px;}
.hd-banner .hd-banner-pos{position: absolute;top: 43px;z-index: 1;}
.hd-banner .hd-banner-width{z-index: 11;position: absolute;width: 100%;text-align: center;}
.hd-banner .hd-banner-width h3{font-size: 60px;color: #fff;line-height: 80px;margin-top: 120px;}
.hd-banner .hd-banner-width p{font-size: 24px;color: #fff;line-height: 30px;margin-top: 29px;font-weight: 200;}
.hd-banner .hd-banner-width a{transition: all ease .3s; font-size: 18px;margin: 55px auto;display: block; width: 180px;height: 48px;line-height: 48px;text-align: center;border-radius:24px;color: #fff;background: #1F8FFF;}
.hd-banner .hd-banner-width a:hover{background: #107BE6;}


/* 简介 */
.ai-us{background: #f1f3f5; width: 100%;}
.card-title{text-align: center;}
.card-title h3{font-size: 30px;color: #333;line-height: 40px;}
.card-title p{font-size: 16px;color: #666;line-height: 30px;margin: 25px 0;}
.ai-line{margin-top: -40px;}
.witer{width: 100%; background: #fff; border: 1px solid #ddd;}
.in-what{padding: 75px 0 30px;}
.in-what-cn{overflow: hidden;margin-top: 45px;}

.witer .title{ text-align: left; padding: 20px; font-size: 24px; overflow: hidden;}
.witer .title h3{color: #333; font-weight: bold; text-align: left;font-size: 24px; float: left;}
.witer .title em{width: 69px; height: 22px; float: left;}
.witer .title em img{width: 100%; vertical-align: middle; margin-left: 10px;}
.ai-us-list{width: 83%; margin:0px auto; overflow: hidden;}
.ai-us-list ul{ margin: 0; padding: 0}
.ai-us-list ul li{ width: 46%; line-height: 36px; float: left; background: url(../images/ai-tp-4.png) no-repeat left center; padding-left: 30px; color: #666; font-size: 16px; border-right: 1px solid #dddddd; }
.ai-us-list ul li:nth-child(2n){border-right: none;width: 37%; margin-left: 40px;}
.a-us-img{width: 96%; margin: 0px auto;position: relative;}
.a-us-img img{width: 90%;  margin: 0 auto;  display: block;}
.ai-liul{width: 100%; background: url(../images/ai-tp-20.jpg) no-repeat center center #f1f3f5; padding: 100px 0 40px 0;}
.ai-weap{width: 1200px; margin: 0 auto;}
.a-us-wz{float: left;position: absolute;  left: 23%;  top: 42px;width: 65%;}
.a-us-wz-fl{float: left;}
.a-us-wz h3{float: left; font-size: 30px; color: #fff600; font-weight: bold;}
.a-us-wz h3 em{float: left; font-size: 18px; color: #fff600; font-style: normal;padding-top: 14px;margin-right: 6px;}
.a-us-wz h3 span{font-size: 14px; color: #fff; padding-top: 40px; padding-left: 6px; font-weight: normal; text-decoration: line-through;}
.a-us-wz-fr{float: right; padding-top: 6px;}
.a-us-wz-fr button{border: none;  border-radius: 20px;}
.a-us-wz-fr img{width: 110px; height: 35px;}


.shang-tu{position:relative;text-align: center;}
.sg-p1{position: absolute;top: 12px;left: 32px;}
.sg-p2{position: absolute;top: 186px;left: 88px;}
.sg-p3{position: absolute;top: 145px;right: 27px;}
.sg-p4{position: absolute;top:-50px;right:144px;}

.xiao-div{width: 405px;font-size: 0;}
.Xiao-oic{display: inline-block;vertical-align: middle;}
.Xiao-c{width: 280px;margin-left: 27px;text-align: left;display: inline-block;vertical-align: middle;}
.sg-p1 .Xiao-c,.sg-p2 .Xiao-c,.sg-p3 .Xiao-c{text-align: right;margin-left: 0;margin-right: 27px;}
.Xiao-c h3{font-size: 22px;line-height: 30px;color: #b0a9fa;font-weight: normal;}
.Xiao-c p{font-size:15px;line-height: 25px;color: #fff;margin-top:5px;}
.shi-chang ul li:hover .vv-p{right: 50px;}
.sg-p{vertical-align: top; margin-top: -58px;}
.ai-bt{margin-top: 50px;}

/* ai云推 */
.yun-what{padding: 75px 0 30px;}
.yun-what-cn{overflow: hidden;margin-top: 45px;}
.yun-what-left{width:494px; height: 304px; float: left;}
.yun-what-left img{float: right;}
.yun-what-right{width: 600px;float: right;}
.yun-what-right p{font-size:16px;line-height: 35px;color: #999999;}

/* 五大功能 */
.gongying{padding: 70px 0 40px 0; background: #f1f3f5;}
.gongying ul{overflow: hidden;padding-top: 55px;}
.gongying ul li{width: 375px;height: 260px;background: #fff;padding: 30px 40px 30px;box-sizing: border-box;float: left; margin:10px 12px 35px 12px; transition: all 0.4s;}
.gongying ul li h3{font-size: 16px;color: #333333;line-height: 30px;margin: 10px 0; font-weight: bold;}
.gongying ul li p{font-size: 14px;color: #999;line-height: 25px;margin-top: 15px;}
.gongying ul li .gy-01{display: block;}
.gongying ul li .gy-02{width: 60px; height: 45px; float: right; margin-top: -80px; margin-right: -15px;}
.gongying ul li:hover{box-shadow: 0 5px 20px #ddd; -webkit-transform: translateY(-10px);
    cursor: default;transition: all 0.4s;
    -moz-transform: translateY(-10px);
    cursor: default;
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
.ai-sline{width: 20px; height: 4px; background: #1f8fff; border-radius: 2px;}
.zhst img{width:28%; margin-top: -30px;}
.ai-box{width: 100%; background: #ffffff;}
.pad{padding: 30px;}
.fl-wz{ float: left;margin-top: 24px; width: 80%;}
.rd-area ul{overflow: hidden;}
.rd-area ul li{width: 580px; background: #f9f9f9; border: 1px solid #f7f7f7;  height: 115px;float: left;color: #666666;box-sizing: border-box;margin-right: 20px;margin-bottom: 20px;}
.rd-area ul li  h3{font-weight: normal;font-size: 20px;line-height: 36px}
.rd-area ul li  p{ font-weight: normal;font-size: 14px;width: 95%; line-height: 26px; padding-top: 6px; text-transform: uppercase;}
.rd-area ul li .moren{width: 70px; height: 70px; float: left; margin: 22px;}
.rd-area{padding: 20px 0 20px;overflow: hidden;}
.ma20{margin-bottom:40px!important;}
.rd-area ul li:hover{border: 1px solid #85ccff;}



/* 产品优势 */
.function{padding: 40px 0 60px;background: #f1f3f5;}
.function .card-title h3{color: #333333;}
.function ul{overflow: hidden;margin-top: 60px;}
.function ul li{background: #fff;width: 270px;height: 305px;margin: 20px 15px; color: #fff;text-align: center;float: left;padding:40px 24px 36px;box-sizing: border-box;}
.function ul li h3{font-size: 18px;line-height: 40px;margin: 10px 0; color: #343434;}
.function ul li p{font-size:14px;line-height: 26px;margin: 15px 0;height: 78px; color: #999;}
.function ul li:hover{box-shadow: 0 5px 20px #ddd;}
.ys-line{width: 20px; height: 4px; border-radius: 6px; background: #3c7bff; margin: 0 auto;}




.in-adv{width: 100%;padding: 87px 0 62px;background:url(../images/line.png) no-repeat bottom #f0f8ff;overflow: hidden;}
.in-adv ul{margin-top: 55px;}
.in-adv ul li{width: 182px;float: left;background:#fff;box-shadow: 0 3px 20px rgba(39,45,104,.1);margin-top: 118px;transition: all ease .3s;

border-radius: 5px; text-align: center;padding:30px 10px 50px;box-sizing: border-box;position: relative;}
/*.in-adv ul li img{transition: all ease .3s;}*/
.in-adv ul li.in-adv-top{margin-top: 7px;}
.in-adv ul li h3{font-size: 14px;color: #333;line-height: 27px;font-weight: bold;margin-top: 7px;}
.in-adv ul li p{font-size: 12px;color: #666;line-height: 22px;padding: 0 20px;}
.in-adv ul li div{position: absolute;bottom: -17px;left: 50%;margin-left: -10px;}
.in-adv ul li:hover{box-shadow: 0 5px 20px rgba(39,45,104,.15);margin-top: 111px;}
.in-adv ul li:hover h3{color: #1F8FFF;}
.in-adv ul li.in-adv-top:hover{margin-top: 0;}

.anlishow{padding: 85px 0 45px;}
.card-title a{color: #fff;width: 166px;font-size: 16px;transition: all ease .3s; height: 48px;line-height: 48px;text-align: center;margin: 0 auto;border-radius: 24px;display: block;background: #1F8FFF;}
.card-title a:hover{background: #107BE6;}
.anli-cn{text-align: center;}
.banner_select>ul{margin: 30px auto 20px;text-align: center;}
.banner_select>ul>li{display: inline-block;padding: 0 35px 0 75px;width: 200px;box-sizing: border-box;border-radius: 24px; margin: 0 30px; line-height: 48px;text-align: center;font-size: 18px;color: #333;}
.banner_select>ul>li.banner_one{background: url(../images/yf.png) no-repeat 31px;}
.banner_select>ul>li.banner_two{background: url(../images/jia.png) no-repeat 42px;}
.banner_select>ul>li.banner_three{background: url(../images/tz.png) no-repeat 23px;padding: 0 15px 0 55px;}
.banner_select>ul>li.banner_one:hover{background: url(../images/yf.png) no-repeat 31px #fff0f2;}
.banner_select>ul>l.banner_two:hover{background: url(../images/jia.png) no-repeat 42px #f0fff7;}
.banner_select>ul>li.banner_three:hover{background: url(../images/tz.png) no-repeat 23px #f0fffd;}
.banner_select>ul>li.banner_one.selected{background: url(../images/yf.png) no-repeat 31px #fff0f2;}
.banner_select>ul>li.banner_two.selected{background: url(../images/jia.png) no-repeat 42px #f0fff7;}
.banner_select>ul>li.banner_three.selected{background: url(../images/tz.png) no-repeat 23px #f0fffd;}

.banner_wrap {
	height: 666px;
	padding: 12px;
	padding-bottom: 0;
	background: #fff;
	width: 930px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}
.banner_wrap .right:hover {
	color: #fff;
	background: #1F8FFF;
	border: 1px solid  #1F8FFF;
}
.banner_wrap .left:hover{
	color: #fff;
	background: #1F8FFF;
	border: 1px solid  #1F8FFF;
}
.banner_wrap>ul li {
	position: absolute;
	display: none;
}
.banner_wrap .left,.banner_wrap .right {
	position: absolute;
	z-index: 999;
	background: #fff;
	cursor: pointer;
	width: 48px;
	height: 48px;
	color: #babece;
	font-size: 20px;
	line-height: 48px;
	text-align: center;
	top: 350px;
	overflow: hidden;
	-webkit-transition-duration: 0.2s;/* Safari 和 Chrome */
	border-radius: 50%;box-shadow:0 5px 20px rgba(21,35,66,.1) ;
	border: 1px solid #e8e9ed;
}
.right {
	right: -121px;
}
.left {
	left: -121px;
}
.on {
	z-index: 9;
}

.J_trigger_line {
	background-color: #e6057d;
	position: absolute;
	bottom: -3px;
	left: 0;
	z-index: 9999;
	height: 3px;
	width: 195px;
	-webkit-transition-duration: 0.5s; /* Safari 和 Chrome */
}

/* 步骤 */
.shequ-partner{padding: 85px 0 80px;background: url(../images/ai-bg.jpg) no-repeat center;}
.shequ-partner ul{margin: 60px 0;overflow: hidden;}
.shequ-partner ul li{width: 20%;float: left;text-align: center;position: relative;}
.shequ-partner ul li div{width: 90px;height: 90px;margin: 0 auto; margin-bottom: 20px;}
.shequ-partner ul li .shequ-par-img2{display: none;transition: all ease .2s;}
.shequ-partner ul li img{margin: 0 auto;}
.shequ-partner ul li  p{width: 100%;line-height: 40px;color: #fff;font-size: 16px;margin-top: 8px; text-align: center; position: relative;}
.shequ-partner ul li::after{position: absolute;content: "";background: url(../images/line2.png) no-repeat center;width: 56%;height: 1px;top: 55px;right: -69px;}
.shequ-partner ul li:last-child::after{display: none;}
.shequ-prn{background: #fff;width: 100%;padding: 50px 100px 50px;text-align: center;box-sizing: border-box;box-shadow:0 15px 40px rgba(39,52,102,.16);}
.shequ-prn p{font-size: 18px;color: #fff;line-height: 36px;}
.shequ-prn p a{color: #1F8FFF;font-size: 24px;}
.shequ-partner .card-title h3{color: #fff; padding-top:60px;}
.biaoji{width: 54px; height: 20px; }
.shequ-partner ul li em{position: absolute; bottom: 30px;  right: 26px;	}

.parter-box{padding: 0; height: 371px;}