@charset "utf-8";



.banner {width: 100%;}
.banner img {display: block;width: 100%;}
.banner li {width: 100%; height: auto; position: relative; overflow: hidden;}
.writ {position: absolute;z-index: 88;left: 5%;top: 54%;transform: translateY(-60%);width: 95%;}
.writ span {display: inline-block;}
.writ h2 {position: relative; left: -100px; opacity: 0;}
.writ h2 span {padding: 20px 10px;line-height: 55px;font-weight: bold;font-size:42px;color: #fff;}
.writ h3 {position: relative; right: -100px; opacity: 0;}
.writ h3 span {margin: 0px;padding: 0px 10px;line-height: 55px;font-size:24px;color: #fff;font-family: 'Raleway', sans-serif, "微软雅黑",'Microsoft Yahei';text-transform: uppercase;}
.writ h4 {margin: 18px 0; position: relative; top: 40px; opacity: 0;}
.writ h4 span { line-height: 42px; font-size: 30px; color: #0461ed;}
.writ p {line-height: 28px; font-size: 16px; color: #fff; position: relative; top: 40px; opacity: 0;}
.bannerLink {margin-top: 20px;}
.bannerLink a {float: left;height: 42px;margin-right: 64px;line-height: 42px;font-size: 24px;color: #c5dcff;border-radius: 23px;position: relative;opacity: 0;}
.bannerLink a:first-child {color: #fff;background: none;}
.bannerLink a.bannerMore1 {left: -60px;}
.bannerLink a.bannerMore2 {float: right;position: absolute;right: 10%;top: -100px;}
.bannerLink a.bannerMore2 img { width: 90%;}


.index-title{display: block;}
.index-title a{display: block;text-transform: uppercase;position: relative;cursor: pointer;}
.index-title a font{display: inline-block;}
.index-title a font h1{display: block;font-size: 67px;color: #d7e2f7;font-weight: bold;position: absolute;z-index: -1;top: -22px;}
.index-title a font span{display: block;color: #000001;font-size: 30px;font-weight: bold;line-height: 32px;}
.index-title a font p{display: block;font-size: 14px;color: #97a7c5;}
.index-title a strong{display: inline-block;background: #47a837;border-radius: 100px;font-size: 14px;padding: 3px 10px;color: #fff;margin-top: -10px;position: absolute;margin-top: 10px;margin-left: 10px;}



.Supermarket_left{float: left; width: 100%;}
.Supermarket{display: block;}
.Supermarket li{display: block;float: left;padding-bottom: 20px;}
.Supermarket01 li{width:100%;}
.Supermarket_w33 li{width:33.33333%;}
.Supermarket_w25 li{width:25%;}
.Supermarket01 li{text-align:left;width: 100%;}
.Supermarket li a{display: block;padding: 40px 30px;background: #fff;margin: 0 10px;border-radius: 20px;transition: all .5s;box-shadow: 0 5px 10px 0 rgba(86, 118, 252, 0.2);position: relative;overflow: hidden;cursor: pointer;}
.Supermarket01 li a{padding: 38px 30px;}
.Supermarket li:hover a{box-shadow: 0 10px 20px 0 rgba(86, 118, 252, 0.4);}
.Supermarket li a .Supermarket-img{display: block;/* padding-bottom: 30px; */transition: all .5s;width: 80px;height: 80px;margin-bottom: 30px;}
.Supermarket01 li a img{display: block;margin: 0 auto;padding-bottom: 30px;transition: all .5s;width: 25%;}
.Supermarket01 li a img{float: left;margin-right: 5%;}
.Supermarket li a h1{display: block;font-size:18px;color: #000;line-height:18px;padding-bottom: 17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Supermarket li a p{display: block;font-size:14px;color: #596178;line-height: 20px;padding-bottom: 20px;font-weight: normal;height: 44px;overflow: hidden;margin-bottom: 15px;}
.Supermarket li:hover a .Supermarket-img {
transform:translate(0px,-15px) scale(.828);
-webkit-transform: translate(0px,-15px) scale(.828);
-moz-transform: translate(0px,-15px) scale(.828);
-ms-transform: translate(0px,-15px) scale(.828);
-o-transform: translate(0px,-15px) scale(.828);
}
.Supermarket li:hover .Supermarket_div{
	transition: all .6s;
	font-weight: 600;
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	}
.Supermarket li:hover .Supermarket_div01{
	transition: all .6s;
	font-weight: 600;
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	}
	
.Supermarket_div{transition: all .5s;}
.Supermarket_div01{transition: all .5s;padding-top: 13px;text-align: left;}

.Supermarket_button{transition: all .5s;position: relative;}
.Supermarket_button01{text-align: left;padding-top: 20px;}
.Supermarket li:hover .Supermarket_button{
transform:translate(0px,-15px) scale(.9);
-webkit-transform: translate(0px,-15px) scale(.9);
-moz-transform: translate(0px,-15px) scale(.9);
-ms-transform: translate(0px,-15px) scale(.9);
-o-transform: translate(0px,-15px) scale(.9);}

.Supermarket li:hover .Supermarket_div{transition: all .6s;}
.Supermarket_button strong{display: block;font-size:14px;color: #8a8e99;line-height:14px;height: 14px;text-overflow: ellipsis;white-space: nowrap;}
.Supermarket_button strong b{font-weight: normal;}
.Supermarket li:hover strong b{ display:none; height:0px;}
.Supermarket_button strong b i{font-weight: normal;font-size: 24px;font-weight: bold;color: #ff4200;font-style: normal;}
.Supermarket_button button{display: none;font-size:14px;color: #fff;line-height:14px;background: linear-gradient(0deg,#1a5fc5 0%,#0045ad 100%);padding: 10px 15px;border-radius: 50px;margin: 0 auto;margin-top: -24px;transition: all .5s;width: 100%;position: absolute;}
.Supermarket_button01 button{margin: 0;margin-top: 10px;}
.Supermarket_button01button{margin:0;}
.Supermarket li:hover button{ display:block;background:linear-gradient(0deg,#1a5fc5 0%,#0045ad 100%);
transform:translate(0px,10px) scale(1.2);
-webkit-transform: translate(0px,10px) scale(1.2);
-moz-transform: translate(0px,10px) scale(1.2);
-ms-transform: translate(0px,10px) scale(1.2);
-o-transform: translate(0px,10px) scale(1.2);
}
.Supermarket_div01 li:hover{
transform:translate(0px,-10px) scale(.9);
-webkit-transform: translate(0px,-10px) scale(.9);
-moz-transform: translate(0px,-10px) scale(.9);
-ms-transform: translate(0px,-10px) scale(.9);
-o-transform: translate(0px,-10px) scale(.9);
}
.Supermarket01 li:hover button{background:linear-gradient(0deg,#ff7c00 0%,#ffb800 100%);
transform:translate(10px,10px) scale(1.1);

}
.Supermarket li:hover .Supermarket_button01{
transform:translate(0px,-15px) scale(1);

}
.Supermarket_right{float:right;width: 31%;}
.Supermarket_conent{float: left;width: 70%;}
.number{display: block;height: 28px;width: 107px;background-color: #f4f7ff;border-radius: 14px;position: absolute;top: -5px;right: -15px;padding-left: 20px;}
.number span{display: block;font-size: 14px;line-height: 32px;color: #8a8b9a;float: left;}
.number img{display: block;float: left;width: none;padding-top: 10px;}



.index_listbg{display: block;padding: 10px 0;}
.index_titleleft{display: block;}
.index_titleleft h1{display: block;font-size: 24px;font-style: italic;font-weight: bold;color: #5d9d75;padding: 14px 25px;}
.index_titleleft h1 img{display: inline-block;margin-top: 7px;padding-left: 10px;}
.index_list_l{display: block;background: #fff;border-radius: 20px;transition: all .5s;box-shadow: 0 10px 20px 0 rgba(86, 118, 252, 0.3);width: 270px;float: left;overflow: hidden;}
.index_listtab{display: block;padding-bottom: 40px;overflow-x: hidden;overflow-y: scroll;height: 557px;}
.index_listtab::-webkit-scrollbar{width:2px;}
.index_listtab li{display: block;padding: 15px 25px;background: #e6efff;border-bottom: 1px solid #fff;font-size: 14px;text-decoration: none;color:#333;text-decoration: none;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.index_listtab li:hover{background: #5d9d75;text-decoration: none;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.index_listtab li h1{display: block;color: #333;padding-bottom: 5px;}
.index_listtab li:hover h1{color: #fff;}
.index_listtab li font{display: block;}
.index_listtab li font a{display: inline-block;color: #596178;padding-right: 10px;font-size: 13px;}
.index_listtab li:hover font a{color: #fff;}
.index_list{display: block;float: right;width: calc(100% - 280px);}



.iot{ display: block;}
.iot li{float: left;width: 25%;transition: all .6s;}
.iotpad{display: block;padding: 10px;}
.iot_title{padding: 30px 40px;transition: all .5s;float: left;width: 25%;}
.iot li:hover .iot_title{transform:translate(0px,-0px) scale(1.05);}
.iot_titletop{background: #0045ad;border-radius: 20px;transition: all .5s;box-shadow: 0 5px 10px 0 rgba(86, 118, 252, 0.2);overflow: hidden;border: 2px solid #accaff;/* margin-bottom: 20px; */margin: 10px;}
.iot_titlebg01{background: #0045ad;}
.iot_titlebg02{background: #1c54c7;background-size: cover;}
.iot_titlebg03{ background: url(../images/iot_titlebg03.png) 0 center no-repeat;background-size: cover;}
.iot_titlebg04{ background: url(../images/iot_titlebg04.png) 0 center no-repeat;background-size: cover;}
.iot_title h1{display: block;font-size: 18px;color: #fff;line-height: 24px;padding-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;/* font-weight: bold; */}
.iot_title p{display: block;font-size:14px;color: #deeaff;line-height:14px;font-weight: normal;}
.iot_content{display: block;background: #f3f7ff;box-shadow: 0 5px 10px 0 rgba(86, 118, 252, 0.2);border-radius: 20px;transition: all .6s;border: 2px solid #fbfdff;}
.iot li:hover .iot_content{box-shadow: 0 10px 20px 0 rgba(86, 118, 252, 0.4);}

.iot_contenttitle{padding: 40px;transition: all .5s;}
.iot_content:hover .iot_contenttitle{
	transform:translate(0px,-15px) scale(.9);
-webkit-transform: translate(0px,-15px) scale(.9);
-moz-transform: translate(0px,-15px) scale(.9);
-ms-transform: translate(0px,-15px) scale(.9);
-o-transform: translate(0px,-15px) scale(.9);}

.iot_contenttitle .iot_contenttitlebg01{background: url(../images/iot_bgfont01.png) 0 0 no-repeat;/* background-size: cover; */}
.iot_contenttitle .iot_contenttitlebg02{background: url(../images/iot_bgfont02.png) 0 0 no-repeat;}
.iot_contenttitle .iot_contenttitlebg03{ background: url(../images/iot_bgfont03.png) 0 0 no-repeat;}
.iot_contenttitle .iot_contenttitlebg04{ background: url(../images/iot_bgfont04.png) 0 0 no-repeat;}

.iot_contenttitle font{display: block;padding: 50px 0 0 0;}
.iot_contenttitle font h1{display: block;font-size: 28px;color: #000;line-height: 32px;padding-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.iot_contenttitle font p{display: block;font-size: 14px;color: #596178;line-height: 20px;text-overflow: ellipsis;overflow: hidden;height: 40px;}
.iot_content_all{display: block;border-radius: 0 0 8px 8px;overflow: hidden;}
.iot_content_all a{display: block;padding: 10px 20px 20px 20px;}
.iot_content_all a img{display: block;margin: 0 auto;transition: all .6s; }
.iot li:hover .iot_content_all a img{-o-transform: rotateY(360deg);-webkit-transform: rotateY(360deg); -moz-transform:rotateY(360deg); transform:rotateY(360deg);}




.mapbg{background: url(../images/bg01.jpg) 0 bottom fixed;/* position: fixed; */padding: 40px 0;background-size: cover;}
.map_left{float:left;width: 46%;}
.map_left img{width:100%;padding-top: 70px;}
.map_right{float:right;width: 50%;}




.download {}
.download li{width: 49%;}
.downloadleft{float: left;/* background: #f3f7ff; *//* box-shadow: 0 5px 10px 0 rgba(86, 118, 252, 0.2); *//* border-radius: 20px; */transition: all .6s;/* border: 2px solid #fbfdff; *//* overflow: hidden; */}
.downloadright{ float: right;}
.newsconter_tltle{padding: 20px 50px;border-radius: 20px;height: 400px;margin: 30px 0;box-shadow: 0 5px 10px 0 rgba(86, 118, 252, 0.2);}
.newsconter_tltlebg01{background: url(../images/new_img01.png) 0 center no-repeat;background-size: cover;}
.newsconter_tltlebg02{ background: url(../images/new_img02.jpg) 0 center no-repeat; background-size: cover;}
.newsconter_tltle i{display:block;float: left;font-size: 80px;color: #fff;font-style: normal;}
.newsconter_tltle font{display:block;float: left;padding-top: 14px;padding-left: 20px;}
.newsconter_tltle font h1{display:block;font-size:32px; color: #fff; padding-bottom: 10px;}
.newsconter_tltle font p{display:block;font-size:20px; color: #fff; text-transform: uppercase;}

.news_conter{padding: 30px;margin-bottom: 25px;box-shadow: 0 5px 10px 0 rgba(86, 118, 252, 0.2);background: #fff;box-shadow: 0 5px 10px 0 rgba(86, 118, 252, 0.2);border-radius: 20px;}
.news_conter .date{width: 90px;text-align: center;float: left;}
.news_conter .date h1{font-size: 50px;line-height: 50px;color: #0045ad;padding-bottom: 5px;/* font-weight: bold; */font-family: 'Microsoft Yahei';}
.news_conter .date p{font-size: 16px;line-height: 16px;color: #0045ad;}

.newsconter_list{display: block;width:-webkit-calc(100% - 90px);width:-moz-calc(100% - 90px);width:calc(100% - 90px);float: right;}


.newsconter_list h2{display: block;font-size: 18px;color: #000;padding-bottom: 20px;}
.newsconter_list i{display: block;width: 40px;height: 1px;background: #ccc;margin-bottom: 10px;}
.newsconter_list span{ display: block;}
.newsconter_list span a{display: block;color: #596178;line-height: 26px;width: 100%;padding: 0px 0px 0px 0px;font-size: 14px;}
.newsconter_list span a:hover{display: block;color: #0045ad;}




@media (max-width:1680px) {



	
	
	
	
	

}




@media (max-width:1440px) {

	
	

	
	
	
	
}



@media (max-width:1280px) {

.service h2 p b{ padding-left:0px;}
	
	

}








@media (max-width:1080px) {
.servicew33 li{width:100%;}
.service li font{margin-right: 0px;}
.titlecheck a strong{margin-right: 30px;}
.servicew25 li{width: calc(50% - 20px);}
.iot_ul01 p{padding: 5px 15px;}
.famous_school_list .swiper-slide{float: none;}
.w33 {width:100%;}
.mb20{margin-bottom:20px}
.selected-solution .swiper-container, .selected-solution>div {width: 100%;}
.selected-solution .solution-cardlist {max-width: 100%;margin: 20px auto 0;}
.col-sm-4 {width: 50%;}

.index_list_l{display: none; float:none;}
.index_list{float: none;width:100%;}
.Supermarket_w25 li{width:50%;}
.iot li{float: left;width:50%;}	
.iot_title{width: 25%;}
.bannerLink a.bannerMore2 img {display: none; }
	
}


@media (max-width:1024px) {
.servicebg{margin: 0 0 10px 0;}
.servicew25 li{width: calc(50% - 5px);padding-right:5px;}
.famous_school_item{margin: 0px 0px;}
.famous_school_list{margin-left:0px;}
.map_left{float:left;width:100%;}
.map_right{float:right;width:100%;}


}






@media (max-width:768px) {
.content_all01{padding: 20px 0;}
.servicebg{ margin-right:0px;}
.servicew25 li{width:100%;padding-right: 0px;}
.titlecheck a span{font-size: 22px;}
.titlecheck a strong{margin-top:5px;}
.iot_ul01 li{ margin:1px;}
.famous_school_list{margin-left: 0;}
.famous_school_item{margin:0px;}
.famous_school_item_info .font02{text-align: left;float: left;}
.iot_ul02 li{ margin:1px;}

.writ h2 {width:60%;}
.writ h2 span {width:60%;padding: 10px;}
.writ h3 {width:60%;}
.bannerLink {margin-top:5px;}
.iot_title{width:50%;}

}







@media (max-width:540px) {
.titlecheck a b{ display:none;}
	
	
	
	
}

@media (max-width:414px) {


}


	
	





@media (max-width:360px) {
.content_all01{padding:50px 0;}
.Supermarket_button strong{font-size:12px;}
.Supermarket_button strong b i{font-weight: normal;font-size:18px;}
.iot_title{width: 50%;}
.index-title a font span{font-size:20px;font-weight: bold;line-height: 32px;}
.index-title a font p{display: block;font-size: 12px;color: #97a7c5;}
.index-title a strong{font-size: 12px;}







}

@media (max-width:320px) {

}

.pullDown a{cursor:pointer;}
.customer_items a{cursor:pointer;}