.div_form {text-align:center;padding: 51px 0px;}
.div_form form{position:relative;magin-left: 110px;width: 1220px;}
.txt {width: 800px;line-height:46px;border: 2px solid #007deb;font-size: 18px;padding-left: 16px;box-shadow: 0 2px 10px rgba(0, 170, 255, 0.37);}
.btn {width: 102px;height: 46px;line-height:46px;display: inline-block;border-radius:0px !important;background: #fff url("../img/sosuo.png") center center no-repeat;border: 2px solid #007deb;position: absolute;right: 200px;}
.introduce{margin: 60px 0;}




.search-options{background: #00aaff url(../img/san.png) 96px center no-repeat;box-shadow: 0 2px 10px rgba(0, 170, 255, 0.37);width: 140px;height: 46px;border-radius: 3px;border: 2px solid #007deb;font-size: 16px;overflow: hidden;position: absolute;top: 0px;left: 58px;}
.search-options li{font-size: 18px;line-height: 46px;padding: 0 30px 0px 0px;color: #fff;}

.application_div{ position:relative;}
.application li{float:left;padding:10px;width: 356px;}
.application li a{display:block;background:#f3f3f3;padding: 32px;    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;    cursor: default;}
.application li a:hover{box-shadow: 5px 6px 20px rgb(226, 226, 226);}
.application_ico{background:url(../img/jian.png) right center no-repeat;padding-bottom: 18px;}
.application_ico img{ float:left; width:49px; height:49px; padding-right:20px; border-right:1px solid #333333;}
.application_ico h1{float:left;width: 108px;height:49px;font-size:24px;color:#333333;line-height: 49px;padding-left: 20px;    cursor: default;}
.application p{font-size:13px; color:#666; line-height:28px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;    cursor: default;}
.application_a{position:absolute;top:10px;left: -34px;height: 159px;background:#e2e2e2;padding: 141px 10px;border-radius: 20px 0px 0px 20px;}
.application_a span{font-size:24px;line-height:40px;color:#333;text-align:center;display: block;width: 24px;}

.introduction{width:359px;height:320px;padding:60px 40px;background:url(../img/introduction_bg.jpg) 0 center no-repeat;margin-top: 10px;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.introduction:hover{-ms-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1)}
.introduction h2{ display:block; color:#fff; font-size:28px; font-weight:bold; padding-bottom:28px;}
.introduction p{ display:block; color:#fff; font-size:16px; line-height:28px; padding-bottom:30px;}
.introduction a{display:block;color:#fff;font-size:16px;width:155px;height:43px;line-height:43px;text-align:center;border-radius: 55px;background:#36dcf9;}
.introduction a:hover{color: #fff;}
.titleweb{text-align: center;padding: 60px;}
.titleweb h2{font-size: 30px;padding-bottom: 15px;display: block;line-height: 35px;}
.titleweb p{color: #999;font-size: 14px;}

.service li{float:left;padding:10px;width:280px;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.service li:hover{
    -ms-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1)}
.service li a{display:block;background:#fff;border:1px solid #cccccc;}
.service li a:hover{box-shadow: 0px 5px 10px rgb(226, 226, 226);}
.service li a font{display:block;padding: 19px 32px 23px 32px;    cursor: default;}
.service li a h3{display:block;height:49px;font-size:20px;color:#333333;line-height: 49px;font-weight:bold;padding-bottom: 5px;}
.service li:hover a h3, .service li:hover a p{color:#f13a3a;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.service li a .xian{display:block;width:50px;height:1px;background:#f13a3a;}
.service li a p{font-size:13px;color:#666;line-height: 28px;ov;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding-top: 15px;}
.service_ico{padding-bottom: 18px;padding: 32px;}
.service_ico01{background:url(../img/service_bg01.jpg) 0 center no-repeat;}
.service_ico02{background:url(../img/service_bg02.jpg) 0 center no-repeat;}
.service_ico03{background:url(../img/service_bg03.jpg) 0 center no-repeat;}
.service_ico04{background:url(../img/service_bg04.jpg) 0 center no-repeat;}
.service_ico05{background:url(../img/service_bg05.jpg) 0 center no-repeat;}
.service_ico06{background:url(../img/service_bg06.jpg) 0 center no-repeat;}
.service_ico07{background:url(../img/service_bg07.jpg) 0 center no-repeat;}
.service_ico08{background:url(../img/service_bg08.jpg) 0 center no-repeat;}


.service_ico img{float:left;width:49px;height:49px;padding-right:20px;border-right: 1px solid #ffffff;}
.service_ico h1{float:left;width: 108px;height:49px;font-size:24px;color: #fff;line-height: 49px;padding-left: 20px;}


.case{float:left;padding: 50px;width: 361px;height: 231px;background:url(../img/case_bg.jpg) 0 center no-repeat;}
.case h3{display:block;height:49px;font-size:30px;color:#fff;line-height: 49px;font-weight:bold;padding: 30px 0px 0px 0px;}
.case .xian{display:block;width:50px;height:1px;background: #ffffff;}
.case p{font-size:13px;color: #fff;line-height: 28px;ov;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding-top: 15px;}


.case_ul li{float:left;padding-left: 10px;}
.case_ul li a{display:block;position:relative;background: #efeef3;}
.case_ul li a font{display:block;padding: 30px 32px 23px 32px;}
.case_ul li a font img{position:absolute;bottom: 0px;right: 7px;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.case_ul li:hover a font img{
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1)}
.case_ul li a h3{display:block;height:49px;font-size:26px;color:#1b2a3c;line-height: 49px;font-weight:bold;padding-top: 15px;}
.case_ul li a .xian{display:block;width:50px;height:1px;background:#1b2a3c;}
.case_ul li a p{font-size:14px;color:#605f61;line-height: 28px;ov;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.PaaS_tab{}
.product_ul{padding-top: 10px;}
.product_ul li{float:left;width:190px;background:#fff;margin: 10px;}
.product_ul li font{display:block;text-align: center;font-size:  16px;color: #333333;padding-top:  10px;}
.product_ul li font span{}  
.product_ul_w110 li{width: 284px;}
.product_ul li a{color:#000;display:block;text-align:center;font-size: 24px;padding-bottom: 15px;border-bottom: 2px solid rgb(0, 192, 226);}
.product_ul li a:hover{border-bottom:2px solid #0671f6; color:#0671f6;}

.iot_tab{}
.iot_ul{padding-top: 10px;border-bottom: 1px solid #ccc;}
.iot_ul li{float:left;width: 183px;background:#fff;margin: 0px 10px;}
.iot_ul li a{color:#000;display:block;text-align:center;font-size: 16px;padding-bottom: 15px;}
.iot_ul li a:hover{border-bottom:2px solid #0671f6; color:#0671f6;}
.iot_ul li a img{display: block; margin:  0 auto;padding-bottom:  12px;}
.demandGoods_img li{float:left;width: 372px;padding: 10px 10px;margin: 0px 7px 5px 7px;background: #fff;}
.demandGoods_img li strong{display: block;text-align:center;font-size:16px;color:#333;height:28px;line-height:28px;padding-top: 20px;}
.demandGoods_img li p{color: #9c9c9c;line-height: 20px;font-size: 14px;height: 40px;overflow: hidden;margin-bottom: 10px;}
.demandGoods_img li img{width: 352px;height: 203px;display: block;margin-bottom: 20px;transition: 0.3s all;-webkit-transition: 0.3s all;}
.demandGoods_img li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.demandGoods_img li font{top: 4px;left: 4px;font-size: 18px;color: #333;height: 16px;line-height: 18px;display: block;padding-bottom: 10px;}
.demandGoods_img li em{top: 4px;left: 4px;font-size: 12px;color: #999;height: 16px;line-height: 18px;display: block;padding-bottom: 10px;}
.demandGoods_img li a{display:block;-moz-transition: background .5s;-ms-transition: background .5s;-o-transition: background .5s;padding: 5px 10px;text-align: center;}
.demandGoods_img li b{display:block;color: #36dcf9;font-size: 14px;font-weight: normal;}
.Goods li{float:left;width: 372px;padding: 10px 10px;margin: 0px 7px 5px 7px;background: #fff;}
.Goods li strong{display: block;text-align:center;font-size:16px;color:#333;height:28px;line-height:28px;padding-top: 20px;}
.Goods li p{color: #9c9c9c;line-height: 20px;font-size: 14px;height: 40px;overflow: hidden;margin-bottom: 10px;}
.Goods li img{width: 352px;height: 203px;display: block;margin-bottom: 20px;transition: 0.3s all;-webkit-transition: 0.3s all;}
.Goods li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.Goods li font{top: 4px;left: 4px;font-size: 18px;color: #333;height: 16px;line-height: 18px;display: block;padding-bottom: 10px;}
.Goods li em{top: 4px;left: 4px;font-size: 12px;color: #999;height: 16px;line-height: 18px;display: block;padding-bottom: 10px;}
.Goods li a{display:block;-moz-transition: background .5s;-ms-transition: background .5s;-o-transition: background .5s;padding: 5px 10px;text-align: center;}
.Goods li b{display:block;color: #36dcf9;font-size: 14px;font-weight: normal;}

.Developer_bg{background:#051143;/* padding:50px 0px; */}
.Developer li{float:left;width: 280px;padding: 10px 5px;margin: 0px 7px 5px 7px;}
.Developer li strong{display: block;text-align:center;font-size:16px;color:#333;height:28px;line-height:28px;padding-top: 20px;}
.Developer li p{color: #9c9c9c;line-height: 20px;font-size: 14px;height: 40px;overflow: hidden;margin-bottom: 10px;}
.Developer li img{width: 92px;height: 92px;display: block;margin-bottom: 20px;transition: 0.3s all;-webkit-transition: 0.3s all;margin: 24px auto;}
.Developer li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.Developer li font{top: 4px;left: 4px;font-size: 18px;color: #fff;height: 16px;line-height: 18px;display: block;padding-bottom: 10px;}
.Developer li em{top: 4px;left: 4px;font-size: 12px;color: #999;height: 16px;line-height: 18px;display: block;padding-bottom: 10px;}
.Developer li a{display:block;-moz-transition: background .5s;-ms-transition: background .5s;-o-transition: background .5s;text-align: center;    padding: 0px 28px;}
.Developer li b{display:block;color: #36dcf9;font-size: 14px;font-weight: normal;}
.bannner01_img1{right: 124px;top: 60px;
                   -webkit-animation: rotateAnmation linear 13s infinite;
                   -moz-animation: rotateAnmation linear 13s infinite;
                   -o-animation: rotateAnmation linear 13s infinite;
                   animation: rotateAnmation linear 13s infinite;
}
.bannner01_img2{right:0px; bottom: 53px;
				  -webkit-animation: rotateAnmation linear 10s infinite;
				  -moz-animation: rotateAnmation linear 10s infinite;
				  -o-animation: rotateAnmation linear 10s infinite;
				  animation: rotateAnmation linear 10s infinite;
}
.bannner01_img3{right:503px;bottom:126px;
                -webkit-animation: bannner01-animate-3 linear 9s infinite;
	           -moz-animation: bannner01-animate-3 linear 9s infinite;
	           -o-animation: bannner01-animate-3 linear 9s infinite;
	           animation: bannner01-animate-3 linear 9s infinite;
}
.bannner01_img4{ right:400px; bottom:100px;}
.bannner01_img5{right: 1000px;bottom: 400px;
               -webkit-animation: bannner01-animate-5 linear 8s infinite;
	           -moz-animation: bannner01-animate-5 linear 8s infinite;
	           -o-animation: bannner01-animate-5 linear 8s infinite;
	           animation: bannner01-animate-5 linear 8s infinite;
}

@keyframes rotateAnmation {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0)
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

@-o-keyframes rotateAnmation {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0)
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}
@-moz-keyframes rotateAnmation {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0)
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}
@-webkit-keyframes rotateAnmation {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0)
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}




	
@keyframes bannner01-animate-3 {
  	from,to {
		right:503px;bottom:126px;
	}

	50% {
		right:553px;bottom:170px;
	}
}
@-o-keyframes bannner01-animate-3 {
  	from,to {
		right:503px;bottom:126px;
	}

	50% {
		right:553px;bottom:170px;
	}
}

@-moz-keyframes bannner01-animate-3 {
  	from,to {
		right:503px;bottom:126px;
	}

	50% {
		right:553px;bottom:170px;
	}
}

@-webkit-keyframes bannner01-animate-3 {
  	from,to {
		right:503px;bottom:126px;
	}

	50% {
		right:553px;bottom:170px;
	}
}


@keyframes bannner01-animate-5 {
  	from,to {
		right: 1000px;bottom: 400px;
	}

	50% {
		right:903px;bottom:350px;
	}
}

@-o-keyframes bannner01-animate-5 {
  	from,to {
		right: 1000px;bottom: 400px;
	}

	50% {
		right:903px;bottom:350px;
	}
}

@-moz-keyframes bannner01-animate-5 {
  	from,to {
		right: 1000px;bottom: 400px;
	}

	50% {
		right:903px;bottom:350px;
	}
}

@-webkit-keyframes bannner01-animate-5 {
  	from,to {
		right: 1000px;bottom: 400px;
	}

	50% {
		right:903px;bottom:350px;
	}
}