html { overflow-y:scroll; }
html,body{overflow-x:hidden;}
*{margin:0px; padding:0px; word-wrap:break-word;}
img,input,select{vertical-align:middle;}
ul,li{list-style:none;}
a{text-decoration:none; color: #666	}
a:hover{color:#666; -webkit-transition: all ease 0.3s;}
img{border:none;}
.clear{ clear:both; height:0px;	 margin:0; padding:0;width:0; border:none; overflow:hidden;}
body{font-size:13px;font-family: "Microsoft YaHei"; color: #666; }
.fl { float:left}
.fr { float:right}

header{display: none!important}
.swiper-container {
      width: 100%;
       position: relative;
    }
    .swiper-wrapper {height: auto;}
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .swiper-slide img {width: 100%}
.box li {list-style: none; width: 16% }

.box li ul li{float: none; }
main {position: relative;}
.top {position: absolute; width: 100%; top: 0px; height: 60px; border-bottom: 1px solid rgba(255,255,255,0.6);z-index: 999 }
.top .main {display: flex;justify-content:space-between; width: 75%; margin: 0 auto; min-width: 1000px;  }
.top .main .logo {padding-top: 6px;}
.top .main nav {width: 50%;  }
.top .main .box ul{display: flex; justify-content:space-around; width: 100%}
.top .main .box ul li a{display: block;  height: 60px; color: #fff; color: #fff; font-size: 14px; border-bottom: 2px solid rgba(0,0,0,0); line-height: 60px; text-align: center; padding: 0px 10px;}
.top .main .box ul li:hover a{background: rgba(0,0,0,0.3); border-bottom: 2px solid #44cdc9; color: #44cdc9; }
.top .main .box ul li ul { display: none; margin: 0px ;padding: 0; width: 100%;}
.top .main .box ul li ul li {width: 100%}
.top .main .box ul li:hover ul li a {color: #fff; border-bottom: 2px solid rgba(0,0,0,0); height: 40px; line-height: 40px;}
.top .main .box ul li:hover ul li:hover a {color: #44cdc9;}

.bannerB{width: 75%; margin: 0 auto; position: relative;   height:80px;background-color: #fff;z-index: 1;}
.bannerBl{float: left;margin-left:5%;}
.bannerBl-btn{float: left;margin:20px 30px 0;width: 40px;}
.bannerBl-btn div{position: static;margin:0;width: 10px;height:30px;background: none;background: url(../img/bannerL.png) no-repeat center center;
transition: width .3s;
-moz-transition: width .3s; /* Firefox 4 */
-webkit-transition: width .3s; /* Safari 和 Chrome */
-o-transition: width .3s;
}
.bannerBr{float: right;padding-top:25px;margin-right: 5%;}
.bannerBr p{font-size: 20px;font-weight: bold;color: #2fd0b5;}
.bannerBr p img{margin-right: 10px;}

.main{width: 70%;margin: 30px auto;}
	.main-us{width:100%;margin: 0 auto;}
	.main-us a{display: block;margin-bottom: 15px;font-size: 30px;text-align: center;color: #000;}
	.main-us p{font-size: 16px;line-height: 30px;text-align: center;color: #4c4c4c;}
	.main-usys{width: 100%;margin: 15px auto;  display: flex}
	.main-usys li{float: left;margin:10px;width: calc(50% - 20px);text-align: center;}
	.main-usys h2{font-size: 14px;color: #333; font-weight: normal;}
	.main-usys h2 span{font-size: 80px;color: #2fd0b5;}
	.main-usys p{font-size: 16px;color: #333;}

	.part {width: 75%; margin: 0 auto; overflow: hidden;}
.about {width: 100%; height: 620px; padding-top: 80px; background: url(../images/product.jpg) no-repeat ;background-attachment:fixed }
.about1 {width: 800px; height: 500px; margin: 0px auto 0 auto;  background: url(../images/about1.png) no-repeat center center;}
.about2 {width: 601px; height: 500px; margin: 0 auto; background: url(../images/about2.png) no-repeat center center;}
.about2 h1 {font-size: 30px; color: #fff; text-align: center;  padding-top: 80px;}
.about2 h2 {font-size: 20px; color: #fafafa; text-align: center;; font-weight: normal; margin-top: 20px;}
.about2 p {width: 90%; padding: 5%;color: #fff; line-height: 24px; font-size: 15px;}
.about2 a {width: 50%; height: 35px; display: block; background: #e3120b; text-align: center; color: #fff; line-height: 35px; margin: 0 auto}

.case {width: 75%; margin: 80px auto}
.case .tit h3 { font-size: 30px; color: #5c5c5c; font-weight: normal; text-align: center;}
.case .tit h1 {font-size: 30px; color: #222; text-align: center; border-bottom: 1px solid #eee; width: 250px; line-height: 90px; background: url(../images/top_enline.jpg) no-repeat bottom center; margin:  0 auto}
.case .tit h2 {font-size: 14px; color: #333; text-align: center; font-weight: normal; padding: 20px 0 30px 0}
.case ul {display: flex; flex-wrap:wrap;justify-content: space-between}
.case li {width: 23%; position: relative; overflow: hidden; margin: 15px 0}
.case li img {width: 100%}
.case li .text { display: none; position: absolute; width: 100%; height: 100%;background: rgba(0,174,243,0.3); top: 0px;}
.case li  h2 {color: #222; font-size: 16px; background: #eee;  font-weight: normal; text-align: center; height: 40px; line-height: 40px;}
.case li .text p { line-height: 24px; padding-top: 15px; color: #eee;  padding-top: 20px; width: 90%; margin: 0 5%;}
.case li .text a {display: block; background: #e3120b; color: #fff; margin:15px auto;  width: 30%;  height: 30px; line-height: 30px; text-align: center;}

.part2 {width: 100%; height: 750px; background: url(../images/part2.jpg) no-repeat center center;  }
.part2 ul {width: 50%; float: right; color: #fff; font-size: 16px; padding-top: 80px}
.part2 ul h2 {font-size: 28px; font-weight: normal; margin-bottom: 15px;}
.part2 ul li {margin: 40px 0 50px 0; padding-left: 10%; }

.news{
	display: block;
	overflow: hidden;
}



.news-header .news-type{
	display: block;
	float: right;
	margin-top: 16px;
}

.news-header .news-type li{
	display: block;
	float: left;
	width: 78px;
	height: 24px;
	border: 1px solid #fff;
	border-radius: 15px;
	text-align: center;
	line-height: 24px;
	margin-left: 24px;
	color: #333;
	cursor: pointer;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.news-header .news-type li.active{
	border: 1px solid #0166ce;
	color: #0166ce;
}

.news-body{
	display: none;
	overflow: hidden;
	position: relative;
}

.news-body.on{
	display: block;
}

.news-body .news-l{
	position: relative;
	display: block;
	float: left;
	width: 45%;
	top:200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: 0.3s 0.5s linear;
	-o-transition: 0.3s 0.5s linear;
	transition: 0.3s 0.5s linear;
}

.news-body.show .news-l{
	top:0;
	opacity: 1;
	filter:alpha(opacity=100);
}

.news-body .news-l li{
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;
}

.news-body .news-l li:last-child{
	margin-bottom: 0;
}

.news-body .news-l li .date{
	display: block;
	float: left;
	width: 98px;
	height: 98px;
	border: 1px solid #d6d6d6;
	margin-right: 16px;
	line-height: 1;
	text-align: center;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.news-body .news-l li:hover .date{
	border: 1px solid #0166ce;
	background-color: #0166ce;
}

.news-body .news-l li .date .day{
	display: block;
	font-size: 25px;
	color: #666;
	margin-top: 13px;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.news-body .news-l li:hover .date .day{
	color: #fff;
}

.news-body .news-l li .date .line{
	display: block;
	width: 21px;
	height: 1px;
	margin: 8px auto 10px;
	background-color: #757575;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.news-body .news-l li:hover .date .line{
	background-color: #eee;
}

.news-body .news-l li .date .month{
	display: block;
	font-size: 16px;
	color: #5f5f5f;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.news-body .news-l li:hover .date .month{
	color: #fff;
}


.news-body .news-l li .content{
	display: block;
	overflow: hidden;
}

.news-body .news-l li .content h4{
	display: block;
	margin-top: 8px;
}

.news-body .news-l li .content h4 a{
	font-size: 16px;
	color: #333;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.news-body .news-l li:hover .content h4 a{
	color: #0166ce;
}

.news-body .news-l li .content p{
	display: block;
	line-height: 26px;
	color: #5f5f5f;
	margin-top: 8px;
}

.news-body .news-l li .content p a{
	color: #5f5f5f;
}

.news-body .news-r{
	display: block;
	float: right;
	width: 53%;
}

.news-body .news-r li{
	position: relative;
	display: block;
	float: left;
	width: 47%;
	margin-left: 3%;
}

.news-body .news-r li:nth-child(2){
	margin-right: 0;
}

.news-body .news-r .item1{
	top:200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: 0.5s 0.5s linear;
	-o-transition: 0.5s 0.5s linear;
	transition: 0.5s 0.5s linear;
}

.news-body .news-r .item2{
	top:200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: 0.7s 0.5s linear;
	-o-transition: 0.7s 0.5s linear;
	transition: 0.7s 0.5s linear;
}

.news-body.show .news-r li{
	top:0;
	opacity: 1;
	filter:alpha(opacity=100);
}

.news-body .news-r li .pic{
	display: block;
	overflow: hidden;
	border: 1px solid #eee;
}

.news-body .news-r li .pic img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.news-body .news-r li:hover .pic img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.news-body .news-r li h4{
	display: block;
	margin-top: 22px;
	height: 64px;
}

.news-body .news-r li h4 a{
	color: #333;
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
	-webkit-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	transition: 0.5s linear;
}

.news-body .news-r li:hover h4 a{
	color: #0166ce;
}

.news-body .news-r li p{
	display: block;
	line-height: 24px;
	color: #5f5f5f;
	margin-top: 14px;
	height: 96px;
}

.news-body .news-r li .info{
	display: block;
	margin-top: 18px;
}

.news-body .news-r li .info span{
	display: block;
	float: left;
	color: #9a9a9a;
}

.news-body .news-r li .info a{
	display: block;
	float: right;
	color: #5f5f5f;
	-webkit-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	transition: 0.5s linear;
}

.news-body .news-r li .info a:hover{
	color: #0166ce;
}
.news {width: 75%; margin: 0 auto;}
.section-header {background: url(../images/tit-en.png) no-repeat;}
.section-header h3 {font-size: 28px; color: #222; font-weight:  normal;; margin: 80px  0 50px 0}
.car-f{ margin-top: 80px;
	padding: 70px 30px 100px;
	background: #fafafa;
	text-align: center;
}
.car-f h2{
	font-size: 30px;
	line-height: 50px;
	color: #373d41;
	text-align: center;
}
.car-f .txt{
	text-align: center;
	font-size: 16px;
    line-height: 30px;
    color: #666;
}
.car-f-list{
	margin: 45px auto 0;
	font-size: 0;
	max-width: 1400px;
}
.car-f-list img{
	width: 10%;
	margin: 0 3% 15px;
}
.car-fixed{
	position: fixed;
	z-index: 100;
	right: 10px;
	bottom: 20%;
	width:150px;
	height: 50px;
	overflow: hidden;
}
.car-fixed .car-tel{
	display: block;
	width: 90px;
	height: 50px;
	line-height: 50px;
	padding-left: 60px;
	background-color: #44b1f4;
	background-image: url(../image/tel.png);
	background-repeat: no-repeat;
	background-position: 26px center;
	border-radius: 25px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}


#footer{padding:30px 0 0 0;background:#1f323f;}
#footer h1{font-size:60px;color:#27bec9;font-weight:bold;font-family:Arial;text-transform:uppercase;text-indent:-2px;}
#footer .text{margin-top:15px;}
#footer .left{padding-right:2%;color:#fff; float: left;}
#footer .left h3{color:#fff; font-weight: normal; line-height:35px;font-size:14px;margin-bottom:20px;}
#footer .left p{font-size:12px;line-height:150%;}
#footer .left a{color:#fff;}
#footer .d2 {font-size: 18px; padding-right: 0; width: 67%}
#footer .d1 {width: 30%}
#footer .d2 div {line-height: 35px;   padding-left: 9%; text-align: left; float: left;}
#footer .d2 p{margin-bottom:10px; line-height:120%;text-transform:uppercase;}
#footer .share{float:right;}
#footer .share a{width:55px;height:55px;margin-left:8px;float:left;position:relative;}
#footer .share a:hover{transform:scale(1.05);-webkit-transform:scale(1.05);}
#footer .share .weibo{background:url(../image/icon3.png) left top no-repeat;}
#footer .share .wx{background:url(../image/icon3.png) -60px top no-repeat;}
#footer .share .wx img{opacity:0;filter:alpha(opacity='0'); position:absolute;right:0;bottom:100%;
transform:scale(0.8);-webkit-transform:scale(0.8);
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
#footer .share .wx:hover img{opacity:1;filter:alpha(opacity='100');
transform:scale(1) translateY(-10px);-webkit-transform:scale(1) translateY(-10px);}
#footer .d3{ line-height: 30px; text-align:center; color: #fafafa; border-top: 1px solid #fafafa; padding-top: 20px; margin-top: 20px;}
#footer .d3 h3{font-family:Arial;font-size:40px;color:#fff;}
#footer .d3 h4{font-family:Arial;font-size:38px;margin-top:10px;color:#fff;}
.block2 {width: 67%; margin: 0 auto;}


section.business { margin: 80px 0 50px 0;
	background: url(../images/wallpaper2.jpg) 50% bottom;
}

.business .box {
	width: 75%; 
	margin: 0 auto;
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.business .box ul.items {
	margin: 0 auto;flex-wrap:wrap;
display: flex; justify-content: center;
}

.business .box ul.items li { cursor: pointer; position: relative;
	width: 18%;
	height: 300px;
	margin: 15px 8px;
	background: url(../images/bg_green.png) no-repeat 0px 400px;
	overflow: hidden; border: 1px solid #fafafa; box-shadow: 0 1px 2px #999; padding-top: 15px;
	display: inline-block;
}

.business .box ul.items li i {
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 43px;
	height: 69px;
}

.business .box ul.items li.pc i {
	width: 69px;
	background: url(../images/words.png) no-repeat -245px -357px;
}

.business .box ul.items li.mobi i {
	width: 64px;
	background: url(../images/words.png) no-repeat -416px -291px;
}

.business .box ul.items li.sys i {
	width: 76px;
	background: url(../images/words.png) no-repeat -415px -362px;
}

.business .box ul.items li.app i {
	width: 74px;
	background: url(../images/words.png) no-repeat -244px -439px;
}

.business .box ul.items li.host i {
	width: 79px;
	background: url(../images/words.png) no-repeat -420px -439px;
}

.business .box ul.items li u {
	display: block;
	position: absolute;
	width: 156px;
	height: 156px;
	margin-left: -78px;
	left: 50%;
	background: url(../images/words.png) no-repeat 0px -363px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}

.business .box ul.items li u.cl {
	clip: rect(0px,156px,-10px,78px);
}

.business .box ul.items li.xcx u { z-index: 999; background: url(../images/icon1.png) no-repeat center center; border: 5px solid #2fd0b5; box-sizing:border-box;  border-radius: 50%; background-size: 50%; clip: rect(0px,156px,-10px,78px);}
.business .box ul.items li.xcx:hover i {background: url(../images/icon1-1.png) no-repeat center center;   }
.business .box ul.items li.network u {z-index: 999; background: url(../images/icon2.png) no-repeat center center; border: 5px solid #2fd0b5; box-sizing:border-box;  border-radius: 50%; background-size: 50%; clip: 0}
.business .box ul.items li.network:hover i {background: url(../images/icon2-1.png) no-repeat center center;   }
.business .box ul.items li.dyy u {z-index: 999; background: url(../images/icon3.png) no-repeat center center; border: 5px solid #2fd0b5; box-sizing:border-box;  border-radius: 50%; background-size: 50%; clip: 0}
.business .box ul.items li.dyy:hover i {background: url(../images/icon3-1.png) no-repeat center center;   }
.business .box ul.items li.xxl u {z-index: 999; background: url(../images/icon4.png) no-repeat center center; border: 5px solid #2fd0b5; box-sizing:border-box;  border-radius: 50%; background-size: 50%; clip: 0}
.business .box ul.items li.xxl:hover i {background: url(../images/icon4-1.png) no-repeat center center;   }



.business.active .box ul.items li u.cl {
	clip: rect(0px,156px,156px,78px);
}

.business .box ul.items li u.cr {
	clip: rect(156px,78px,156px,0px);
}

.business.active .box ul.items li u.cr {
	clip: rect(0px,78px,156px,0px);
}

.business .box ul.items li strong {
	display: block; color: #222;
	margin-top: 70px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

.business .box ul.items li p {
	position: relative;
	top: 20px;
	color: #666;
	font-family: Arial,"宋体";
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}
.business .box ul.items li:hover p {color: #fff}
.business .box ul.items li:hover {
	background-position: 0px 0px;
	-webkit-transition: all .5s ease-in-out .3s;
	-moz-transition: all .5s ease-in-out .3s;
	-ms-transition: all .5s ease-in-out .3s;
	-o-transition: all .5s ease-in-out .3s;
	transition: all .5s ease-in-out .3s;
}

.business .box ul.items li:hover i {
	-webkit-transition: all .5s ease-in-out .4s;
	-moz-transition: all .5s ease-in-out .4s;
	-ms-transition: all .5s ease-in-out .4s;
	-o-transition: all .5s ease-in-out .4s;
	transition: all .5s ease-in-out .4s;
}

.business .box ul.items li.pc:hover i {
	background: url(../images/words.png) no-repeat -168px -357px;
}

.business .box ul.items li.mobi:hover i {
	background: url(../images/words.png) no-repeat -337px -291px;
}

.business .box ul.items li.sys:hover i {
	background: url(../images/words.png) no-repeat -327px -362px;
}

.business .box ul.items li.app:hover i {
	background: url(../images/words.png) no-repeat -164px -439px;
}

.business .box ul.items li.host:hover i {
	background: url(../images/words.png) no-repeat -335px -439px;
}

.business .box ul.items li:hover u.cl {
	clip: rect(0px,156px,-10px,78px);
}

.business .box ul.items li:hover u.cr {
	clip: rect(156px,78px,156px,0px);
}

.business .box ul.items li:hover strong {
	color: White;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}

.business .box ul.items li:hover p {
	top: 20px;
	-webkit-transition: all .3s ease-in-out .5s;
	-moz-transition: all .3s ease-in-out .5s;
	-ms-transition: all .3s ease-in-out .5s;
	-o-transition: all .3s ease-in-out .5s;
	transition: all .3s ease-in-out .5s;
}

.business .box label {
	display: block;
	margin: 0 auto;
	margin-top: -40px;
	width: 297px;
	height: 21px;
	background: url(../images/words.png) no-repeat 0px -333px;
}

section.cases {
	background: url(../images/wallpaper3.jpg);
}

section.business .tit h3 { font-size: 30px; color: #5c5c5c; font-weight: normal; text-align: center;}
section.business .tit h1 {font-size: 30px; color: #222; text-align: center; border-bottom: 1px solid #eee; width: 250px; line-height: 90px; background: url(../images/top_enline.jpg) no-repeat bottom center; margin:  0 auto}
section.business .tit h2 {font-size: 14px; color: #333; text-align: center; font-weight: normal; padding: 20px 0 30px 0}
.dl-menuwrapper {display: none}
.xxl {width: 75%; margin: 30px auto}
.xxl {display: flex;justify-content:space-between; }
.xxl li {width: 22%; background: #2d2d2d; padding: 2% 0; border-bottom:15px solid #febf00; }
.xxl li h2 {margin-top: 15px; font-size: 18px; color: #febf00; border-bottom: 1px solid #febf00; padding-bottom: 15px; margin-bottom: 15px;}
.xxl2 {background: #fafafa; width: 100%; overflow: hidden;}
@media screen and (max-width: 750px){
	
	.business .box ul.items li.xcx u { }

	.xxl {width: 100%}
	
	.top{border-bottom: none}
	.yunying img{width: 100%}
	.net {width: 100%}
	.chose {height: 83px; margin: 0; display: none}
	.chose p {color: #333}
	.net li img {width: 100%}
	#footer .d2 div {width: 100%!important; padding: 0px}
	.dl-menuwrapper {display: block;}
	.news-body .news-l li .content p  {display: none}
	.top .main {min-width: 100%}
	.bannerB ,.part{width: 90%}
	.bannerBl {display: none}
	.main {width: 100%; margin: 0 auto;}
	.main-us a img {width: 100%}
	.main-us p {font-size: 12px;}
	.main-usys h2 span {font-size: 16px;}
	header{display: block!important}
	.main-usys li {margin: 0}
	section.business {margin-top: 30px;}
	section.business .tit h3,.case .tit h3 {font-size: 16px;}
	section.business .tit h1,.case .tit h1 {font-size: 20px; line-height: 35px;}
	section.business .tit h2 ,.case .tit h2{padding: 10px 0 10px;}
	.business .box {width: 100%}
	.business .box ul.items{	flex-wrap: wrap;}
	.business .box ul.items li p {display: none}
	.business .box ul.items li {width: 28%; margin-bottom: 20px;}
	.business .box ul.items li u {width: 90%; height: auto;}
	.business .box ul.items li i {margin-top: 0px;}
	.business .box ul.items li strong {margin-top: 10px;}
	.about {padding-top: 30px; background-size: 270%;}
	.about {height: 420px; background-position: 100%}
	.about1 {background: none; width: 100%; height: auto}
	.about2 h1 {padding-top: 20px; font-size: 20px;}
	.about2 p {font-size: 12px;}
	.case .tit h3 {font-size: 16px;}
	.about2 {background: rgba(0,0,0,0.3); width: 100%; height: auto; margin-top: 0px;}
	.business .box ul.items li {height: auto;}
	.case {width: 90%; margin: 20px auto}
	.part2 {display: none}
	.news {width: 90%;}
	.news-body.show .news-l {width: 100%}
	.news-body .news-l li .date {width: 50px; height: 50px;}
	.news-body .news-l li .date .line {display: none}
	.news-body .news-l li .date .month {display: none}
	.news-body .news-r {display: none}
	.car-f {margin-top: 20px ; padding-top: 0; margin-bottom: 0px; padding-bottom: 20px;}
	.car-f h2 {font-size: 18px;}
	.car-f .txt {font-size: 14px;}
	#footer {padding: 20px 0; overflow: hidden;}
	.block2 {width: 90%}
	#footer h1 {display: none}
	.crm h1 {font-size: 18px; margin-bottom: 15px;}
	.crm h2 {font-size: 12px; display: none}
	.crm .c-part img,.crm .c-part2{width: 100%}
	.crm .c-part2 { background-repeat: no-repeat!important; height: auto!important}
	.crm .c-part2 h1 {padding-top: 10px!important;}
	.crm .c-part3 {margin: 20px 0}
	.crm .c-part3 img {width: 100%}
	.h_fu {display: none}
	.crm p {width: 90%;}
	.crm .c-part2 img {width: 100%}
	.crm p {height: 50px; overflow: hidden;}
	.erp .c-part3 {padding-top: 20px}
	.part5 {width: 100%}
	.cpimgcon {margin-top: 20px;}
	.cptitle {font-size: 12px;}
	.group {width: 100%}
	.icon {width: 100%; height: 90px;}
	.group .title {font-size: 14px;}
	.newslist {width: 90%;}
	.newslist_title{padding-top: 50px;}
	.newslist_other {display: none}
	.pagebox {width: 100%; padding: 10px 0}
	.newslist_con {width: 90%;}
	.about_intro_now div {display: none}
	.newslist ul {width: 100%; padding: 15px 0}
	.newslist ul li {width: 100%}
	.newslist_left {width: 50px;margin: 0;display: none}
	.newslist_right {width: 96%; padding: 2%}
	.newslist ul li {padding: 10px 0; overflow: hidden;}
	.newslist_title {font-size: 20px; line-height: 30px;}
	.newslist_title {padding-top: 0px;}
	.caselist_con {padding-top: 0px;}
	.caselist {width: 90%}
	.part5 .c-part2  {overflow: hidden; height: auto!important; width: 90%; margin: 0 auto}
	.crm .jianjie {padding-top: 0px; padding-bottom: 0px;}
	#footer .left {display: none}
	#footer .d2 {display: block; width: 100%}
	#footer .d3 {display: none}
	.car-f-list {margin-top: 15px;}
	.car-f-list img {width: 45%; margin: 0}
	header {position: relative;top: 0px; right: 0px; z-index: 999}
	.top .main nav {display: none}
	.material-icons img {width: 30px; }
	.mdui-btn, .mdui-fab {margin-top: 15px;}
	.mdui-drawer {background: rgba(39,190,201,0.95);}
	.mdui-list a {color: #fff}
	.mdui-collapse-item {padding: 0px 16px; }
	.about_intro_now {width: 90%!important;}
	.jianjie p {height: auto;}
	main {height: 185px;}
	.youshi {width: 100%; margin: 0px; padding: 0}
	.youshi div {width: 100%}
	.youshi div dl dt img {width: 96%; margin: 0 2%}
	.youshi div dl dd.ddfirst {font-size: 14px;}
	.container03 h1 {padding-top: 20px!important}
	.container03#index2 ul.list-xcx {top: 50px;}
	.container03 ul.list-xcx li img {width: 100%}
	#index2 {height: 300px;}
	.wrapRL {width: 100%;flex-wrap: wrap;}
	.wrapRLRight {width: 90%; margin: 0 5%}
	.jjnnbf {display: none}
	.page {width: 100%; margin: 0px;}
	.crm .c-part .xxl img {width: 50%; margin: 0 auto}
	 .xxl2 img {width: 100%} 
	 .business .box ul.items li.xcx u,.business .box ul.items li.xxl u,.business .box ul.items li.network u,.business .box ul.items li.dyy u {width: 100%; height: 100%; border: none;margin: -26px 0 0 -55px;}
.crm .css1 {background-size: 150%!important; height:234px!important}
.bannerB {display:none}
.pagebox img {max-width: 100%;}
}