@charset "utf-8";


.clearfloat{zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;clear:both; font-size:0;}
.clearfloat:after{ clear:both;}

.cl{zoom:1;}
.cl:after{ content:""; display:block; clear:both; font-size:0; line-height:0; visibility:hidden;}


.cs_yellow{background-image: linear-gradient(to right bottom,#FF8818, #F33C2E 50%);}
.cs_blue{background-image: linear-gradient(to right bottom,#01DBFE, #019BE1 50%);}
.cs_green{background-image: linear-gradient(to right bottom,#ff9d75, #ff5632 50%);}
.eq_xtsz{background: linear-gradient(0deg,rgba(255,203,27,1) 0%,#ffb400 100%);}
.eq_grsz{background:linear-gradient(0deg,rgba(56,215,213,1) 0%,rgba(56,215,213,1) 100%);}
.eq_smcr{background:linear-gradient(0deg,rgba(255,98,95,1) 0%,rgba(255,63,120,1) 100%);}
.eq_crcx{background:linear-gradient(0deg,rgba(90,205,116,1) 0%,rgba(80,210,155,1) 100%);}
.eq_sysm{background:linear-gradient(0deg,#7c95ff 0%,#5676fc 100%);}
.eq_zs{background:linear-gradient(0deg,#7a76ff 0%,#8551ff 100%);}
.cs_green01{background-image: linear-gradient(#63de87, #31ca83 50%);}
.cs_green02{background-image: linear-gradient(#73e794, #57db8a 50%);}
.cs_blue01{background: #33abff;}
.cs_greenbg{background-color: #29D8A1;color: #fff;}
.cs_greybg{background-color: #F7F7F7;color: #B2B2B2;}
.cs_greenbor{border: 0.3vmin solid #29D8A1;background: #fff;color: #29D8A1;}
.cs_black{background: #00000085;}

.btn{/* display: block; */font-size:14px;color: #fff;line-height:14px;background: linear-gradient(0deg,#7c95ff 0%,#5676fc 100%);padding: 8px 15px;border-radius: 50px;margin: 0 auto;margin-top: 10px;transition: all .5s;position: absolute;z-index: 9999999;text-align: center;border: 0px;bottom: 10px;left: calc(57% - 86px);}
.btn:hover{background:linear-gradient(0deg,#ffb800 0%,#ffb800 100%);}

.wrap {width: 80%;height: auto;margin: 0 auto;}
/*垂直对齐*/
.m-list-flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.m-list-flex .m-cell-bd{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; }
/*文字截取*/
.single-line{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.multi-line{min-height: 2em; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
.multi-line1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
/*图片*/

/*top*/
#top {width: 100%; position: fixed; left: 0; top: 0; z-index: 999;}
.navWrap {background: #096afa;position: relative;top: 0;}
.navWrap .wrap {height: 70px;line-height: 70px;position: relative;}
.logo {float: left;font-size: 0;padding-right: 20px;width: 100px;}
.logo img {vertical-align: middle;width: 100%;}
.nav {float: left;padding-left: 0px;}
.nav > ul > li {display: inline-block;position: relative;}
.nav > ul > li:first-child > a {padding-left: 0;}
.nav > ul > li > a {display: block;font-size: 14px;color: #e2eeff;text-transform: uppercase;padding: 0 19px;transition: all .3s ease;font-weight: normal;}
.nav > ul > li:hover > a {color: #fff;}
.nav > ul > li:hover > ul {opacity: 1;visibility: visible;}
.nav > ul > li > ul {position: absolute;top:100%;left:0;z-index: 999;background: #fff;width: 180px;margin: 0;padding: 0;opacity: 0;visibility: hidden;box-shadow: 2px 0 11px -3px rgba(0,0,0,.2);transition: all .5s ease;}
.nav > ul > li > ul > li {display: block;line-height: 46px; position: relative;}
.nav > ul > li > ul > li:last-child > a {border-bottom: 0;}
.nav > ul > li > ul > li > a {display: block;font-size: 14px;font-weight: 500;text-transform: capitalize;color: #096afa;padding: 0 19px;border-bottom: 1px solid #E9E9E9;transition: all .3s ease;}
.nav > ul > li > ul > li:hover > a {background: #f1f7fe;color: #5676fc;border-color: 0;}
.nav > ul > li > ul > li:hover > ul {opacity: 1;visibility: visible;}
.nav > ul > li > ul > li > ul {position: absolute;top:0;left:100%;width: 240px;margin: 0;padding: 0;opacity: 0;visibility: hidden;z-index: 999;background: #fff;box-shadow: 2px 0 11px -3px rgba(0,0,0,.2);transition: all .5s ease;}
.nav > ul > li > ul > li > ul > li {display: block;position: relative;}
.nav > ul > li > ul > li > ul > li:last-child > a {border-bottom: 0;}
.nav > ul > li > ul > li > ul > li > a {display: block;font-size: 14px;font-weight: 500;text-transform: capitalize;color: #096afa;padding: 14px 19px;border-bottom: 1px solid #E9E9E9;transition: all .3s ease;}
.nav > ul > li > ul > li > ul > li:hover > a {background: #096afa;color: #fff;border-color: 0;}
.nav > ul > li:last-child >ul {left: auto; right: 0;}
.navWrapTop {width: 100%;position: fixed;left: 0;top: -100px;z-index: 999;}

.menu {display: none; width: 40px; padding: 10px 10px; background: #096afa; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); z-index: 1000; box-sizing: border-box;} 
.menu span {display: block; width: 100%; height: 3px; margin-top: 3px; background: #fff;}
.menu span:first-child {margin-top: 0;}

.menu_right{float:right;padding: 27px 0px 0px 0px;}
.menu_right a{float:right;display:block;height: 14px;line-height: 14px;padding: 0px 10px;font-size:14px;color: #fff;background: #096afa;border-radius: 2px;/* margin:  0px 1px; */border-right: 1px solid #8ebafb;}
.menu_right a:hover{color: #ff6a00; }



.navBtn {display: none; position: absolute; width: 30px; height: 30px; background: url(../images/xq_jt_r.png) no-repeat center; background-size: 8px; top: 6px; right: 8px; transition: all .3s ease-in; z-index: 1111;}
.navBtn.on {-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}


.banner {width: 100%;/* margin-top: 70px; */float: left;margin-bottom: 20px;}
.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:hover {color: #fff; background: #0461ed;}
.bannerLink a:first-child {color: #fff;background: none;}
.bannerLink a:first-child:hover {color: #0461ed; background: #fff;}
.bannerLink a.bannerMore1 {left: -60px;}
.bannerLink a.bannerMore2 {float: right;position: absolute;right: 10%;top: -100px;}
.bannerLink a.bannerMore2 img { width: 90%;}

.slider1 .slider_bg01{background: #096afa;}
.slider1 .slider_bg02{background: #5a8fde;}
/*通知公告*/

.x_introduce{background: #f1f5ff;padding: 20px 0px 30px 0;}
.x_introduceW{background: #fff;padding: 40px 0px 40px 0;}
.title_w {width: 48%;padding: 30px 0px 0 0;}
.title_l {float:left;}
.title_r {float: right}
.titile_lW{float: none;width: 100%;padding-top: 0px;}
.title_w h1{display: block;font-size: 26px;line-height: 32px;font-weight: bold;}
.title_w .Cwhite{color: #FFF;}
.title_w .Cblack{color: #000;}

.title_w .x_textC{text-align: center;background: url(../images/x_bgico.png) center bottom no-repeat; }
.title_w .x_textL{text-align:left;font-weight: normal;}
.title_w p{display: block;font-size: 16px;color: #222;line-height: 36px;padding-top: 50px;}
.title_w .x_texc{text-indent: 2em;}

.x_introduceBG{background: url(../images/x-banner-bg.jpg) center bottom fixed;padding: 50px 0px;}




.x-value{padding-top: 20px;}
.x-value li{float: left;width: 25%;/* height: 165px; */}
.x-value li font{display: block;background: rgba(20, 100, 255, 0.8);margin: 0 5px;padding: 30px 20px;}
.x-value li font h1{display: block;text-align: center;font-size:18px;color: #fff;line-height: 32px;font-weight: bold;height: 32px;overflow: hidden;}
.x-value li font p{display: block;text-align: center;font-size:14px;color: #b8c3e1;line-height:24px;padding-top: 8px;height: 80px;overflow: hidden;}



.x-iot_listimg{display: block;padding-top: 20px;}
.x-iot_listimg li{display: block;/* background: #fff; */float: left;-webkit-transition: box-shadow .2s ease-in-out;-moz-transition: box-shadow .2s ease-in-out;transition: box-shadow .2s ease-in-out;/* margin: 8px; *//* position: relative; */width: 33.33333%;overflow: hidden;max-height: 257px;}
.x-iot_listimg li a{display: block;/* padding: 0 1%; */overflow: hidden;/* width: 100%; */margin: 0 2%;position: relative;cursor: default;}
.x-iot_listimg li:hover font { background:#096afa;}
.x-iot_listimg li img{display: block;width: 100%;height: 100%;}
.x-iot_listimg li font{
	display: block;
	background: rgba(20, 100, 255, 0.8);
	/* margin: -80px 0px; */
	padding: 20px;
	position: absolute;
	/* width: 100%; */
	bottom: 0px;
	-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;
	}
.x-iot_listimg li h1{display: block;/* text-align: center; */font-size:18px;color: #fff;line-height: 32px;font-weight: bold;}
.x-iot_listimg li p{display: block;/* text-align: center; */font-size:14px;color: #ffffff;line-height: 19px;/* padding-top: 8px; *//* height: 80px; */overflow: hidden;}



.x_entrancebg{
    position: relative;
    margin-top: -5%;
}
.x_entrance{}
.x_entrance li{width: 50%;float: left;}
.x_entranbg01{background: url(../images/entranbg01.png) 0 center no-repeat;background-size: cover;float: left;margin-right: 5px;}
.x_entranbg02{background: url(../images/entranbg02.png) 0 center no-repeat;background-size: cover;float: right;/* margin-left: 5px; */}
.x_entrance li font{width: 89%;float:left;padding: 23px 4%;border-radius: 8px;box-shadow: 0 5px 10px 0 rgba(86, 118, 252, 0.2);}
.x_entrance li font h1{width: 68%;float:left;font-size: 18px;color: #333;line-height: 28px;}
.x_entrance li font b{/* width: 152px; */float: right;font-weight: normal;text-align: center;}
.x_entrance li font b a{line-height: 50px;padding: 8px 20px;border: 1px solid #b2b1b1;line-height: 14px;margin: 0px 5px;border-radius: 100px;}
.x_entrance li font b .Sign01{float:left;}
.x_entrance li font b .Sign02{float: right;display: inline-block;border: 1px solid #1464ff;background: #1464ff;color: #fff;}

.x-nodata{
    text-align: center;
}
.x-nodata img{margin: 0 auto;padding-top: 8%;width: 40%;}
.x-nodata  p{display:block;font-size: 24px;color: #333;line-height:32px;padding: 36px 30px;}
.x-nodata  a{padding: 16px 46px;border-radius: 200px;background: #1464ff;color: #fff;font-size: 25px;}


.x-api_bg{background: url(../images/xfoot_bg.png) 0 center no-repeat;background-size: cover;padding: 40px 0px;}
.x-api{}
.x-api li{width: 50%;float: left;text-align: center; }
.x-api li h1{display: block;text-align: center;font-size: 22px;color: #fff;line-height: 32px;font-weight: bold;height: 32px;overflow: hidden;}
.x-api li p{display: block;text-align: center;font-size:14px;color: #b8c3e1;line-height:24px;padding-top: 8px;/* height: 80px; */overflow: hidden;padding: 0px 10px 10px 10px;}
.x-api li a {display:inline-block;font-size:16px;padding:6px 30px;/* border:1px solid #fff; */color: #01101e;background: #c4c7ca;border-radius: 5px;}



/*footer*/

.SaaSmarket_foot{background: #fff url(../images/footbg.jpg) no-repeat center bottom fixed;background-size: cover;}
.SaaSmarket_foot_center{width: 1220px;margin: 0 auto;}
.SaaSmarket_foot_center li{float:left;padding: 35px 26px;}
.SaaSmarket_foot_phone{width:210px;}

.SaaSmarket_footicobg{border-bottom: 1px solid #2b2b2b;}
.SaaSmarket_footico{width:1220px; margin: 0 auto;}
.SaaSmarket_footico li{width:1220px;width: 25%;float:  left;padding: 40px 0px;}
.SaaSmarket_footico li h1{display: block;float: left;padding: 0 20px;height: 48px;line-height: 48px;color: #3076f9;font-size:  18px;font-weight:  normal;}
.SaaSmarket_footico li img{ float: left; width:48px; height: 48px;-webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
.SaaSmarket_footico li:hover img{-webkit-transform: rotateY(360deg); -moz-transform:rotateY(360deg); transform:rotateY(360deg);}

.SaaSmarket_foot_phone i{display:block;width: 27px;height: 2px;background: #3076f9;margin-bottom: 18px;}
.SaaSmarket_foot_phone h1{display:block;font-size: 18px;color: #fff;line-height:32px;padding-bottom:5px;font-weight: normal;}
.SaaSmarket_foot_phone p{display:block;font-size: 13px;color: #9a9a9a;line-height:32px;}
.SaaSmarket_foot_phone a{display:block;width:100px;float:left;color: #9a9a9a;font-size:14px;line-height:32px;}

.SaaSmarket_foot_center li img{margin:0 auto;width: 110px;height: 110px;}
.SaaSmarket_foot_center li span{display:block;text-align:center;font-size: 14px;color:#fff;padding-top:10px;overflow:hidden;}
.SaaSmarket_foot_address{border-top: 1px solid #2b2b2b;padding:30px;text-align:center;}
.SaaSmarket_foot_address p{font-size:14px;line-height: 31px;color: #9a9a9a;}
.SaaSmarket_foot_phone01{border-top: 1px solid #2b2b2b;padding:30px 3px;text-align:center;display: none;}
.SaaSmarket_foot_phone01 p{font-size:12px;line-height: 31px;color: #9a9a9a;}





@media (max-width: 1680px) {


}
@media (max-width: 1440px) {
.nav > ul > li > a {padding: 0 10px;}
.Supermarket01 li a{padding: 25px 30px;}

}


@media (max-width: 1300px) {

	.details_ul { display:none;}
	.SaaSmarket_details_ico{width:96%; }
	.SaaSmarket_details_list_title a{padding-bottom: 0px;}
	.table_card{ width:94%; margin:0px 3%}
	.wrap {width: 96%;padding: 0 3%;}
	.nav > ul > li > a {padding: 0 10px;}
	.nav > ul > li > ul {width: 150px;}
	.nav > ul > li > ul > li {line-height: 40px;}



	.tit h2 {font-size: 28px;}
	.titwhite h2 {font-size:28px;}
	.x-value li font p{}
	.x-iot_listimg li{height:auto;/* width: 100%; *//* padding-bottom: 10px; */}
	.title_w p{font-size: 14px;line-height:28px;padding-top: 30px;}

	.x-api li{width:100%;padding: 20px 0;}
}
@media (max-width: 1024px) {
	.publish_span span{ margin-right:5px;}
	.SaaS_details_left{ float:none;width:93%; margin:0 auto;}
	.text,.logo img {width: 67%;}
	.SaaSmarket_details_buy .cserverAPP01 a,.SaaSmarket_details_buy .cserverAPP02 a{background:none;padding: 0px 10px;}
	.SaaSmarket_details_buy span a{height: 43px;line-height: 43px;font-size: 18px;}
	.SaaSmarket_details_buy{ width:100%}
	.Supermarket_right01,.SaaSmarket_details_ico{ display:none;}
	.Supermarket_left,.Supermarket_right,.map_left,.map_right,.download li{float: none;width: 100%;}
	.Supermarket_right{float: none;width: 100%;}
	.Supermarket01 li{width:33.33333%;}
    .Supermarket li{width:50%;}
    .iot li{float: left;width:50%;}
    .map_left{ text-align:center;}
    .bannerLink a.bannerMore1 { display:none;}
    .title h1{font-size:26px;}
    .title {padding: 0px 0px;}


	.logo {width: 250px;}
	
	.nav > ul > li > a {padding: 0 5px;}

	.bannerLink a {height: 38px; line-height: 38px; padding: 0 28px;}

	.footer .footerJt {width: 210px;}
	.footer .footerLink {width:250px;}
	.footer .footerNews {width: 250px;}

	
}
@media (max-width: 992px) {
	.wrap {/* width: 100%; */}
	.logo {width: 15%;}
	.nav > ul > li > a {padding: 0 3px; font-size: 13px;}
	.nav > ul > li > ul {width: 130px;}
	.nav > ul > li > ul > li > a {font-size: 13px;}
	
	.footer .footerJt {width: 48%;margin-right: 2%;}
	.footer .footerLink,.Telephone span {width: 48%;text-align: left;font-size: 26px;}
	.footer .footerNews {width: 50%;}
	.footerBottom {padding: 20px 0;}
	.footer .footerJt .contact {margin-top: 26px;}
	.footer h3.title {margin-bottom: 18px;}
	.footer .footerNews ul {margin-top: 30px;}
	
}
@media (max-width: 768px) {
	.wrap {/* width: 94%; */}
	.logo {width: 50%;padding-right: 0px;}
	.logo img {width: 23%;}

	.navWrap .wrap {width: 100%;height: 44px;padding: 0 10px;line-height: 42px;box-sizing: border-box;}
	.menu_right{padding: 16px 0px 0px 0px;margin-right: 41px;}
	.nav {/*position: absolute;*/width: 100%;right: -100%;top: 44px;color: #000;background: #f1f7fe;}
	.nav > ul > li {display: block; width: 100%; }
	.nav > ul > li > a {color: #000;height: 42px;padding: 0 10px;line-height: 42px;font-size: 14px;border-bottom: 1px solid #dae4f5;box-sizing: border-box;}
	.nav > ul > li:last-child > a {border-bottom: none;}
	.nav > ul > li:first-child > a {height: 42px;padding: 0 10px;line-height: 42px;}
	.nav > ul > li:hover > a {color: #5676fc;}

	.nav > ul > li > ul {display: none; position: relative; width: 100%; background: #f1f7fe; opacity: 1; visibility: visible; transition: none; }
	.nav > ul > li > ul > li > a {color: #000;height: 38px;line-height: 38px;border-bottom: 1px solid #dae4f5;}

	.menu {display: block;}
	.navBtn {display: block;}
	
	.banner {margin-top: 44px;}
	.bannerLink a.bannerMore2 img{display: none;}
	.writ {width: 70%;left: 13%;transform: translateY(-50%);}
	.writ h2 span{font-size:26px;line-height:30px;padding: 10px 10px 0px 10px;}
	.writ h3 span {font-size: 14px;line-height: 20px;}
	.writ h4 {margin: 2px 0;}
	.writ h4 span {font-size: 14px; line-height: 16px;}

	.writ p {font-size: 12px; line-height: 16px; min-height: 2em; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
	.bannerLink {margin-top: 6px;}
	.bannerLink a {height: 24px; line-height: 24px; padding: 0 16px; margin-right: 12px;}
	.footer .footerJt {width: 100%; margin-right: 2%; margin-bottom: 20px;}
	.footer .footerLink {width: 100%;}
	.footer .footerNews {width: 100%; margin-bottom: 20px;}
	.footerBottom {padding: 20px 0;}
	.footer .footerJt .contact {margin-top: 26px;}
	.footer h3.title {margin-bottom: 18px;}
	.footer .footerNews ul {margin-top: 30px;}
	.footer .footerLink ul li {display: inline-block; margin-right: 10px;}
	.footer .footerNews ul li {margin-bottom: 10px;}
	.footer .footerJt a {display: block; width: 100%; text-align: center;}
	.footerBottom {padding: 12px 0;}
	.footerBottom p {padding: 0 10px;}
}


@media (max-width: 414px) {
	
.x_entrance li{width:100%;/* float: none; */padding-bottom: 10px;}
.x_entrance li font{width: 85%;margin-right:0px;padding: 23px 6%;/* float: none; */}
.title_w {width:100%;/* float: left; */}
.x-value li{width: 50%; padding-bottom:10px;}
.x-iot_listimg li{ width: 100%; padding-bottom:10px; }

}