
.al-banner {
	width:100%;
	height:540px;
	position:relative;
	transition:all ease .5s;
}
.al-banner .img {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	left:0;
	top:0;
}
.al-banner .img img {
	max-width:initial;
	width:auto;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
@media(min-width:1921px) {
    .al-banner .img img {
        max-width:none;
        width:100%;
    }
}
.al-banner .boxs {
	position:relative;
	max-width:1600px;
	height:100%;
	z-index:2;
	margin:auto;
	color:#fff;
	text-align: center;
}
.al-banner .boxs.n1 {
	padding-top:255px;
	letter-spacing:2px;
	transition:all ease .5s;
}
.al-banner .boxs.n1 .t1 {
	font-size:46px;
	font-weight:bold;
	line-height:1;
}
.al-banner .boxs.n1 .t2 {
	font-size:26px;
	line-height:30px;
	margin-top:25px;
}
.al-banner .boxs.n2 .box {
	width:100%;
	padding-bottom:76px;
	position:absolute;
	left:0;
	bottom:60px;
}
.al-banner .boxs.n2 .box .t1 {
	font-size:30px;
	line-height:30px;
	font-weight:bold;
	color:#fff;
}
.al-banner .boxs.n2 .box .t2 {
	width:70%;
	font-size:14px;
	line-height:24px;
	color:#fff;
	margin-top:14px;
}
.al-banner .boxs .breadcrumbs {
	position:absolute;
	right:0;
	bottom:0;
	line-height:60px;
	font-size:14px;
	color:#7e7e7e;
	letter-spacing:2px;
	padding-left:25px;
	background:url(/assets/images/icon23.png) left center no-repeat;
}
.al-banner .boxs .breadcrumbs a {
	color:#7e7e7e;
	transition:all ease .3s;
}
.al-banner .boxs .breadcrumbs a:hover {
	color:#fff;
}
.al-banner .boxs .breadcrumbs span {
	color:#fff;
}
.al-banner .nb-menu {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:60px;
	background:rgba(0,0,0,.25);
}
.al-banner .nb-menu ul {
	max-width:1600px;
	margin:auto;
	padding-top:13px;
	position:relative;
	z-index:5;
}
.al-banner .nb-menu ul li {
	float:left;
	margin-right:3px;
}
.al-banner .nb-menu ul li a {
	font-size:14px;
	color:#fff;
	line-height:35px;
	padding:0 20px;
	display:block;
	transition:all ease .3s;
	border-radius:15px;
}
.al-banner .nb-menu ul li:hover a {
	color:#000;
	background:#fff;
}
.al-banner .nb-menu ul li.on a {
	color:#000;
	background:#fff;
}
.al-banner .label-box {
	position:absolute;
	right:0;
	bottom:146px;
}
.al-banner .label-box a {
	display:inline-block;
	border:1px solid #fff;
	border-radius:50%;
	margin-left:22px;
}
.al-banner .label-box a:first-child {
	margin-left:0;
}
.al-banner .label-box a.on {
	border:1px solid #21abd7;
	background:#21abd7;
}

@media(max-width:1200px) {
	
.al-banner .nb-menu {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:92px;
	background:rgba(0,0,0,.25);}

}
@media(max-width:1660px) {
	.al-banner .boxs {
		margin:0 30px;
	}
	.al-banner .nb-menu {
		padding-left:30px;
	}
}
@media(max-width:1370px) {
	.al-banner {
		height:380px;
	}
	.al-banner .boxs.n1 {
		padding-top:170px;
	}
	.al-banner .boxs.n1 .t2 {
	font-size:26px;
	line-height:30px;
	margin-top:25px;
}

}
@media(max-width:1200px) {
	.al-banner .boxs.n2 .box .t2 {
		padding:10px;
		line-height:30px;
	}
	
	.al-banner .boxs.n1 .t1{
		font-size: 36px;
	}
	.al-banner .boxs .breadcrumbs{
		display: none;
	}
	.al-banner .boxs.n1 .t2 {
	font-size:20px;
	line-height:30px;
	margin-top:25px;
}

}
@media(max-width:900px) {
	.al-banner .boxs.n1 {
		padding-top:190px;
	}
	.al-banner .boxs.n1 .t1{
		font-size: 24px;
	}
   .al-banner .boxs.n1 .t2 {
	font-size:16px;
	line-height:30px;
	margin-top:15px;
    }
	.al-banner .boxs.n2 .box .t1{
		font-size: 24px;
	}
	.al-banner .boxs.n2 .box .t2{
		width: 100%;
		line-height: 24px;
		padding: 0;
	}	
	.al-banner .label-box{
		left: 0;
		bottom: 70px;
	}
	.al-banner .label-box a{
		width: 45px;
	}
	.al-banner .label-box a{
		margin-left: 12px;
	}
	.al-banner .nb-menu{
		height: 82px;
		padding-left: 15px;
	}
	.al-banner .nb-menu ul li a{
		line-height: 30px;
    	padding: 0 10px;
	}

}
@media(max-width:767px) {
	.al-banner .boxs.n1{
		padding-top: 150px;
	}
	.al-banner .boxs.n1 .t1{
		font-size: 20px;
	}
	.al-banner .boxs.n1 .t2{
		font-size: 14px;
		line-height: 20px;
		margin-top: 20px;
	}
	.al-banner .boxs.n2 .box{
		padding-bottom: 60px;
	}
	.al-banner .boxs.n2 .box .t1{
		font-size: 18px;
	}
	.al-banner .boxs.n2 .box .t2{
		font-size: 12px;
		line-height: 20px;
	}
	.al-banner .label-box a{
		width: 35px;
	}
}


.w1600{width:1600px;margin:0 auto;overflow:hidden;}
.inC,.inD,.inF{width:94.4%;float:left;background:#fff;margin-top:46px;padding:0px 2.8%;}
.inC_con{width:100%;float:left;padding:26px 0px 48px 0px;}
.inC_con li,.inD_con li{width:32.4%;float:left;margin:22px 1.4% 0px 0px;}
.inC_con li:nth-child(3n),.inD_con li:nth-child(3n){margin-right:0px;}
.inC_con li>a{display:block;border:1px solid #ddd;padding-bottom:22px;position:relative;}
.inC_c_T{width:100%;overflow:hidden;position:relative;}
.inC_c_T>img{width:100%;float:left;}
.inC_c_T>div{position:absolute;width: 100%;height: 0%;opacity: 0;left: 0px;top: 50%; background:url(/assets/images/inico10.png) no-repeat center rgba(0,159,222,0.7);transition-duration: .5s;
-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.inC_c_e{display:block;padding:0px 6%;overflow:hidden;}
.inC_c_e>h3{display:block;padding:30px 52px 30px 0px;font-size:18px;color:#000;border-bottom:1px solid #ddd;font-weight:bold;background:url(/assets/images/inico9.png) no-repeat center right;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.inC_c_e>p{overflow:hidden;padding:0px 14px;height:30px;z-index:1;line-height:28px;color:#666666;border:1px solid #ddd;display:inline-block;position:relative;margin:26px 8px 0px 0px;border-radius:18px;font-size: 14px;}
.inC_c_e>p .bg {width: 0;height: 0;display: block;left: 50%;top: 50%;border-radius:18px;transition: all 0.3s ease 0s;position: absolute;overflow: hidden;z-index:-1;}
.inC_con li>a .l1 {position: absolute;top: 0;left: 0;width: 0;height: 1px;background: #009fde;transition: all 0.3s ease 0s;}
.inC_con li>a .l2 {position: absolute;top: 0;right: 0;width: 1px;height: 0;background: #009fde;transition: all 0.3s ease 0s;}
.inC_con li>a .l3 {position: absolute;bottom: 0;right: 0;width: 0;height: 1px;background: #009fde;transition: all 0.3s ease 0s;}
.inC_con li>a .l4 {position: absolute;bottom: 0;left: 0;width: 1px;height: 0;background: #009fde;transition: all 0.3s ease 0s;}

@media screen and (min-width:1200px){
  .inC_con li>a:hover .inC_c_e>h3{background:url(/assets/images/inico09.png) no-repeat center right;}
  .inC_con li>a:hover .inC_c_T>div{height: 100%;opacity: 1;top: 0px;}
  .inC_con li>a:hover .inC_c_e>p .bg{width: 100%;height: 100%;top: 0;left: 0;background:#009fde;}
  .inC_con li>a:hover .inC_c_e>p{color:#fff;border-color:#fff}
  .inC_con li>a:hover .l1{width:100%;}
  .inC_con li>a:hover .l2{height:100%;}
  .inC_con li>a:hover .l3{width:100%;}
  .inC_con li>a:hover .l4{height:100%;}
}

.such1A .inC_c_T>div{background-color:rgba(0,159,222,0.7);}
.such1A .inC_c_T>div img{width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.load_more{width:100%;float:left;margin:50px 0px;text-align:center;}
.load_more>a{display:inline-block;width:156px;line-height:48px;text-align:center;font-size:16px;color:#009fde;border:2px solid #009fde;position:relative;}
.load_more>a .bg {display: block;width: 0;height: 0;left: 50%;top: 50%;transition: all 0.3s ease 0s;position: absolute;overflow: hidden;}

@media screen and (min-width:1200px){
  .load_more>a:hover .bg{width: 100%;height: 100%;top: 0;left: 0;background: #009fde;z-index: -1;}
  .load_more>a:hover{color:#fff;}
}

.such_tit{position:fixed;top:200px;left:0px;right:0px;text-align:center;z-index:-1;}
.such_tit span{display:block;font-size:46px;color:#000;}
.such_tit p{font-size:18px;color:#999999;margin-top:10px;}
.such_con{margin-top:0px;position:relative;z-index:8;background: #fff;}
.such_con,.such_top{width:100%;float:left;}
.such_top{margin-top:46px;border-top:1px solid #ddd;padding-top:52px;position:relative;z-index:5;}
.such_t_l{width:100%;float:left;padding-left:80px;position:relative;}
.such_t_l a,.such_t_con a{font-size:16px;color:#000;float:left;margin-right:4%;line-height: 30px;}
.such_t_l a:first-child,.such_t_con a:first-child{position:absolute;left:0px;}
.such_t_l a.cur,.such_t_l a:hover,.such_t_con a.cur,.such_t_con a:hover{color:#009fde;}
.such_t_r{float:right;font-size:26px;color:#333333;cursor:pointer;}
.such_t_r.cur{color:#009fde;}
.such_t_con{width:90%;float:left;background:#fff;padding:30px 0px 20px 80px;display:none;position:relative;}
.suchA{padding:0px;}
.suchA li{margin-top:60px;width:30.9%;margin-right:3.6%;}


.such_logo{width:100%;float:left;}
.such_logo li{width:22%;float:left;margin:62px 4% 0px 0px;}
.such_logo li a{display:block;border:1px solid #dedede;padding:60px 0px;text-align:center;}
.such_logo li a p{width:100%;text-align:center;height:86px;line-height:86px;}
.such_logo li a p img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;vertical-align: middle;max-width:80%;}
.such_logo li a span{display:block;font-size:18px;color:#666666;margin-top:30px;}
.such_logo li:nth-child(4n){margin-right:0px;}

.scenter .inC_con li>a>p{width:100%;overflow:hidden;}
.scenter .inC_con li>a>div{display:block;margin:0px 6%;overflow:hidden;}
.scenter .inC_con li>a>div span{display:block;font-size: 18px;color: #333333;height: 25px;overflow: hidden;text-overflow: ellipsis;font-weight:bold;white-space: nowrap;margin-top:20px;}
.scenter .inC_con li>a>div p{font-size:14px;color:#333;margin-top:14px;}

.hidden{display: none;}
.news_w1600 .such_tit{display:none;}
.inC_con_sj{width:100%;float:left;padding-bottom:30px;margin-top:16px;display:none;}
.inC_con_sj .swiper-slide a{width:100%;float:left;}
.clear{clear:both;}

@media screen and (min-width:1200px){
.such_logo li a:hover p img{filter:inherit;}
.scenter .inC_con li>a:hover>div span{color:#e70011;}
}
@media screen and (max-width:1660px){
.w1600{width:1400px;}	
}
@media screen and (max-width:1440px){	
.w1600,.w1440{width:1200px;}
.inC_c_e>h3,.inD_c_e dt{font-size:16px;}
.scenter .inC_con li>a>div span{font-size:16px;}

}
@media screen and (max-width:1366px){
.inC_c_e>p{padding:0px 10px;margin: 26px 2px 0px 0px;}

}
@media screen and (max-width:1200px){	
.header,.w1600,.w1440{width:100%;padding:0px 3%;}
.webB .w1600{width:90%;padding:0px 5%;}
.such_tit{top:150px;}
.such_con{margin-top:0px;}
.suchA li{width:48%;margin-right:0px;}
.suchA li:nth-child(2n){float:right;}
.such_logo li a p img{height:70px;}
.inC_c_e>p{padding:0px 4px;font-size:14px;}
.inC_c_e>p{border:none;}
.inC_con li:last-child .inC_c_e>p:last-child{display:none;}
 
}
@media screen and (max-width:768px){
.such_tit span{font-size:32px;}
.such_tit p{font-size:14px;}
.such_t_l a:first-child, .such_t_con a:first-child{margin-right:4%;}
.such_t_l{width:100%;}
.such_t_r{float:left;font-size:18px;margin-top:30px;width:100%;}
.such_logo li{width:48%;margin-right:0px;margin-top:36px;}
.such_logo li:nth-child(2n){float:right;}

}
@media screen and (max-width:736px){
.suchA{display:block;}

}
@media screen and (max-width:568px){
.inC, .inD, .inF{width:90%;padding:0px 5%;}
.inB,.inC, .inD, .inF{margin-top:20px;}
.inC_con_sj{margin-top:4px;}
.inC_con li, .inD_con li{width:100%;margin-right:0px;}
.inC_con{padding:0px 0px 22px 0px;}
.inC_c_e>p{font-size:12px;color:#666;}
.inC_c_e>h3{border:none;}
.inC_con li>a{padding-bottom:0px;}
.inC_c_e>h3{padding:20px 0px 0px 0px;font-size:18px;font-weight:normal;background:none;}
.inC_c_e>p{margin-top:0px;}
.load_more>a{line-height:40px;font-size:14px;}
.load_more{margin:30px 0px;}
.such_tit{top:94px;}
.such_tit span{font-size:20px;}
.such_top{margin:20px 0px;padding-top:20px;}
.such_con{margin-top:0px;}
.such_t_l a, .such_t_con a{font-size:14px;line-height:28px;}
.such_t_l{padding-left:60px;}
.such_t_r{font-size:16px;margin-top:14px;}
.inC_con li{margin-top:20px;}
.inC_con li:first-child{margin-top:0px;}
.such_t_con{padding:20px 0px 9px 60px;}
.inC_c_e>p{padding:0px;margin-top:0px !important;margin-right:6px;}
.inC_c_e{padding: 0px 6% 11px 6%;}
.inC{padding-bottom:20px;}
.inC_con{padding-bottom:0px;}
.desA, .desB, .cloudD,.desC .w1600,.cloudA,.cloudC{padding:40px 0px;}
.such_logo li a{padding:24px 0px;}
.such_logo li{margin-top:18px;}
.such_logo li a p img{height:44px;}
.such_logo li a span{font-size:14px;margin-top:10px;}
.news_banner,.such_t_r,.such_t_l a:first-child{display:none;}
.such_t_l{padding:0px 5%;text-align:center;width:100%}
.such_t_l a{display:inline-block;margin:0px 15px;float:none;}
.such_logo{margin-top:-16px;}	
}








