@font-face {font-family: "iconfont"; src: url('/news/css/fonts/iconfont.woff') format('woff');}
.symbol{font-family:"iconfont" !important; font-style:normal; }
.symbol.def{margin-right: 3px; font-size: 18px; vertical-align: bottom; vertical-align: middle;}
a:hover{text-decoration:none;}

.mt10{margin-top: 10px;}

.ntit{height: 56px; line-height: 56px;  border-left: 5px solid #528fff; background:#fff;border-bottom: 1px dashed #ccc; position: relative;}
.ntit span{font-size: 24px; padding-left: 12px; color: #333;}
.ntit .more{ height: 24px; padding:0 12px; line-height: 24px; text-align:center; background: #666;color:#fff; position: absolute; right: 12px;
top:50%; margin-top:-12px; cursor: pointer; }
.ntit .more:hover{background: #aaa}




.secbanner{margin-top: 10px;width: 100%;}

.secbanner img{width:100%;height:auto}
.index_main{margin-top:12px; overflow: hidden; display: flex}
.index_main .left{width:436px; border:1px solid #eee;}
.index_main .left a{text-decoration: none;}
.index_main .left .catetit{padding: 12px 0; background: #f4f4f4; overflow: hidden;}
.index_main .left .catetit .icon{width: 30px; height: 30px; line-height: 30px; margin-left:25px; color: #1a66f3; font-size: 30px;  display: block; float: left;}
.index_main .left .catetit .text{height: 30px; line-height: 30px; padding-left: 6px; font-size: 20px; font-weight: bold; float: left;}
.index_main .left .catelist{ background:#fff; }
.index_main .left .catelist .cli{padding:10px 12px;  border-bottom: 1px solid #eee; overflow: hidden; }
.index_main .left .catelist .cli:last-child{border-bottom: none;}
.index_main .left .catelist .cli .ltit{padding-left: 12px; display: flex; overflow: hidden; }
.index_main .left .catelist .cli .ltit .icon{width: 22px; height: 30px; line-height: 30px; font-size: 24px; color: #999;
	font-family:"iconfont" !important; font-style:normal; float: left; }
.index_main .left .catelist .cli .ltit .text{flex:1; padding-left: 6px;  height: 30px; line-height: 30px; color: #6299ff; }
.index_main .left .catelist .cli .texts{ padding: 2px 0 6px 12px; overflow: hidden;  }
.index_main .left .catelist .cli .texts a{margin-right: 6px;}
.index_main .left .catelist .cliall{padding: 24px 0 24px 30px; position: relative;}
.index_main .left .catelist .cliall:after{width: 24px; height: 24px; line-height: 24px; margin-top: -12px; font-size: 20px; content: "\e644";
 font-family:"iconfont" !important; font-style:normal;  position: absolute; right: 12px; top: 50%; }


.index_main .center{width:805px; margin-left:12px; background:#f2f2f2; }
/* .index_main .center .b-box{width: 100%; overflow: hidden; } */
.index_main .center .b-box img{width: 100%;height:auto; float: left;}
.index_main .center .n-box{width: 100%; height: 344px; margin-top: 12px;}
.index_main .center .n-box .nlist{width:100%; padding-top: 2px;  }
.index_main .center .n-box .nlist .li{ border-bottom:1px dotted #eee;height: 38px; line-height: 38px;  padding: 0 6px; display: flex;padding-bottom:1px;cursor: pointer;;}
.index_main .center .n-box .nlist .li .ltit{width:50%; height: 38px; padding-right: 24px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_main .center .n-box .nlist .li .lcom{ width: 35%;  height: 38px;  padding-right: 24px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_main .center .n-box .nlist .li .ltime{flex:1; text-align: right;}
.index_main .center .n-box .nlist .li a:hover{text-decoration:none;}
.index_main .right{flex:1; margin-left:12px; background: #f2f2f2;}
.index_main .right .nbox{border:1px solid #eee;}
.index_main .right .nbox .tit{height: 56px; line-height: 56px; font-size: 24px; border-left: 5px solid #528fff;
    background:#ffffff;border-bottom: 1px dashed #ccc;}
.index_main .right .nbox .tit span{padding-left: 12px; color: #333;}
.index_main .right .nbox .cont{padding:12px 6px;}
.index_main .right .nbox .cont img{
	position: relative;
	top: -6px;
	left:-2px;
}
.index_main .right .nbox .cont .li{height: 42px; line-height: 42px; padding:0 10px 0 31px; position: relative;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index_main .right .nbox .cont .li:after{ width:6px; height: 6px; border-radius: 50%; margin-top:-4px; background: #666;
 content: ""; position:absolute; left: 12px; top: 50%; }
.index_main .right .nbox .cont .li:hover{text-decoration:none;}
.index_main .right .lbox{width: 100%; height: 50px; display: flex; }
.index_main .right .lbox .lbtn{flex:1; font-size: 20px; line-height: 50px; text-align:center; color: #fff; cursor: pointer; background: #1a66f3;}
.index_main .right .lbox .split{width: 4px;}
.index_main .right .hbox{border:1px solid #eee;}
.index_main .right .hbox .tit{height: 56px; line-height: 56px; font-size: 24px;  border-left: 5px solid #528fff;
    background: -webkit-linear-gradient(90deg,#eaeaea,#f2f2f2);}
.index_main .right .hbox .tit span{padding-left: 12px; color: #333;}
.index_main .right .hbox .cont{padding: 31px 12px; display: flex;}
.index_main .right .hbox .cont .item{flex:1;display:flex;justify-content: center;align-items: center; }

.index_main .right .hbox .cont .item .icon{  line-height: 62px; font-size: 42px;
text-align:center; font-family:"iconfont" !important; font-style:normal; cursor: pointer; width: 62px;height: 62px;border-radius: 50%;background:#09f;color:#fff}
.index_main .right .hbox .cont .item .icon:hover{color: #88b2ff;}
.index_main .right .hbox .cont .item .text{ padding-top:10px;margin-left:12px;font-size: 20px;color: #000;}

.nlist .item{position: relative;}
.nlist .item > div{
	width: 100%;
	height:100%;
	position: absolute;
	left:0;
	top:70.45px;
	z-index: 999;
	background:rgba(0,0,0,.6);
	color:#fff;
	font-size: 18px;
	letter-spacing:2px;
	display:flex;
	justify-content: center;
	align-items: center;
	transition:all ease .5s;
}
.nlist .item:hover div{
	top:0;
}

.index_case{width: 1500px; display: flex }
.index_case .tit{height: 32px; line-height: 32px;  border-left: 4px solid #528fff; background: #eee; position: relative;}
.index_case .tit span{font-size: 20px; padding-left: 10px; color: #333;}
.index_case .tit .more{ height: 20px; padding:0 5px; line-height: 20px; text-align:center; background: #ccc; position: absolute; right: 10px;
top:50%; margin-top:-10px; cursor: pointer; }
.index_case .tit .more:hover{background: #aaa}

.index_case .left{width:1102px; }
.index_case .left .nlist{width:100%; padding-top: 6px; }
.index_case .left .nlist .li{ height: 38px; line-height: 38px; cursor: pointer;;border-bottom: 1px dotted #eee;  padding: 0 6px; display: flex;}
.index_case .left .nlist .li .ltit{flex:1;  height: 38px; padding-left: 6px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_case .left .nlist .li .ltime{width: 96px; text-align: right;}
.index_case .left .nlist .li a:hover{text-decoration:none;}
.index_case .right{flex:1; margin-left: 11px;}
.index_case .right .nlist{width:100%; padding-top: 5px; }
.index_case .right .nlist .li{ height: 30px; cursor: pointer;;line-height: 30px;  padding: 0 5px; border-bottom: 1px dotted #eee; display: flex;}
.index_case .right .nlist .li .ltit{flex:3; height: 30px; padding-left: 5px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_case .right .nlist .li .lcomp{flex:2; padding-left: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_case .right .nlist .li .ltime{width: 140px; text-align: right; padding-right: 10px;}
.index_case .right .nlist .li a:hover{text-decoration:none;}


.index_comps{}
.index_comps .ctit{width: 100%; height: 34px; line-height: 34px; font-size: 20px;}
.index_comps .ctit span{padding-left:10px}
.index_comps .nlist{width: 100%; margin-top: 5px; display: flex}
.index_comps .nlist .line{width: 100%; display: flex;}
.index_comps .nlist .line .item{flex:1;  margin:1px; border:1px solid #eee; overflow: hidden; float: left;}
.index_comps .nlist .line .item img{width: 100%; float: left;}

.index_comps .nlist .nleft{flex:1; padding-right:15px;}
.index_comps .nlist .nright{flex:1; padding-left:15px;}
.cli_son{
	position:absolute;
	background:#fff;
	left:218px;
	top:-47px;
	width: 642px;
	height:632px;
	z-index: 999;
	background:#f2f2f2;
	display:none;
	overflow: hidden;
}

.cliall{padding-left:24px;background:orange;height:52px;line-height: 52px;}
.cliall a{color:#fff;}
.cli_son_title{
	display: inline-block;
	background: orange;
	color:#fff;
	padding:5px 10px;
	border-radius: 4px;
	margin-top:15px;
	margin-left:46px;
}
.catelist .cli{
	height: 57px;
}
.cli_lists li{
	float: left;
	width: 200px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 40px;
	color:#000;
}
.cli_lists li a:hover{
	background: #fff;
}
.cli_lists li:hover{
	color:#1a66f3;
	cursor: pointer;
}
.texts a{
	padding-right:5px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.catelist{
	z-index: 9999999999;
}
.cli_lists {overflow: hidden;margin-top:10px}
.helpExplainDetail{
	cursor: pointer;


}

.swiper-container {
	width: 100%;
	height: auto;
	margin: 0 auto;

}
.swiper-container  .swiper-slide {
	text-align: center;
	font-size: 18px;
	/* 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;
}
.hsInfo{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.prodList ul{
}
.prodList ul li i {
	list-style: none;
	width:20px;
	height: 20px;
	display: inline-block;
	background:rgb(1,145,255);
	color:#fff;
	font-size: 16px;
	font-style: normal;
	text-align: center;
	line-height: 20px;
	position: absolute;
	left:10px;
	top:10px;
	border-radius: 2px;
}
.prodList ul li:nth-child(1) i{
	background:red;
}
.prodList ul li:nth-child(2) i{
	background:orange;
}
.prodList ul li:nth-child(3) i{
	background:yellow;
}

.prodList ul li{
	height: 43px;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	padding-left:30px;
	box-sizing: border-box;
	border-bottom: 1px dashed #f2f2f2;
}
.prodList ul li b img {
	width: 20px;
	height:auto;
}
.prodList ul li span {
	padding-left:5px;
}
.prodBigLogo{
	padding:8px 0;
	margin-left:20px;
}
.prodBigLogo img{
	max-width: 80%;
	max-height:90%;

}
.prodTop{
	height: 45px;
    line-height: 45px;
    font-size: 20px;
	background: -webkit-linear-gradient(90deg,#eaeaea,#f2f2f2);
	font-size: 20px;
	display: flex;
	position: relative;
}

.prodTop span{
	flex:1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	user-select: none;
}
.prodTop  i{
	position: absolute;
	bottom:0;
	left:0;
	width: 50%;
	height: 3px;
	background:#09f;
}


body,textarea{font-family:Microsoft YaHei,Tahoma,Arial,Helvetica;font-size: 14px;background:#ffffff;color:#666666;}
body,div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{margin:0; padding:0;border:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img{border:none;vertical-align:middle;}

ul,ol{list-style-type:none;margin:0}
th,td,input{font-size: 14px;}
h3{font-size: 16px;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration:underline;color:#1a66f3;}
.no-line{border:none !important;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix::after {
        content: '';
        display: block;
        clear: both;
     }
		*{margin:0;padding:0;}

		.centerFliterBox{
			position: absolute;
			width:1050px;
			height: 590px;
		}
		.centerFliterBox img{
			width:100%;
			height: auto;
			cursor: pointer;
		}
		.catelist {
			height: 739px;
		}

		.left_search{
			height: 50px;
			background:#fff;
			border:1px solid orange;
			position: relative;
		}
		.left_search input{
			width: 100%;
			height: 100%;
			background: transparent;
			border:none;
			outline:none;
			font-size: 16px;
			text-indent: 1em;
		}
		.left_search img{
			position: absolute;
			right:6px;
			top:6px;
			width: 37px;
			height: auto;
			cursor: pointer;
		}

		.adBanner{
			width: 1500px;
			font-size: 30px;
			text-align:center;
			line-height: 150px;
		}

		html{
			height: 100%;
		}
		footer{
			position: absolute;
			bottom: 0;
			left: 0;
		}
		body{
			position: relative;
			min-height: 100%;
		}
		section{

			padding-bottom: 115px;
		}
		.newList {
			padding-top: 4px;
			position: relative;
			background: #fff;
		}

		.newList li {
			line-height: 43px;
			font-size: 20px;
			text-align: left;
			padding-left: 19px;
			display: flex;
			justify-content: space-between;
			border-bottom: 1px dashed #eee;
		}

		.newtext {
			cursor: pointer;
			user-select: none;
		}

		.newList li:hover {
			background: #666;

		}

		.newList li:hover .newtext {
			color: #fff;
		}

		.newList li:hover .toRight {
			color: #fff;
		}

		.toRight {
			transform: scaleY(1.6);
			margin-right: 10px;
		}

		.ncontent {
			position: absolute;
			top: -59px;
			left: 437px;
			width: 1062px;
			height: 596px;
			background: #fff;
			z-index: 9999999999;
			overflow-y: scroll;
			padding: 24px 6px;
			box-sizing: border-box;
			box-shadow: 0px 0px 5px #ccc;
			display: none;
			border-top: 1px solid #eee;
		}

		.ndetailBox {
			display: flex;
			margin-top: 20px;
			border-bottom: 1px dotted #eee;
		}

		.nleft {
			width: 150px;
			text-align: right;
			font-weight: bold;
			font-size: 16px;
			flex-shrink: 0;
		}

		.ncur {
			transform: scaleY(1.6);
		}

		.nright {
			font-size: 16px;
			padding-left: 10px;
		}

		.nright a {
			margin-left: 10px;
			cursor: pointer;
			color: #666;

		}

		.nright a:hover {
			margin-left: 10px;
			cursor: pointer;
			color: #1a66f3;

		}

		.swiper-button-next,
		.swiper-button-prev {
			background: rgba(255, 255, 255, .3);
			color: #fff;
			padding: 30px;
			transform: scale(.4);
			display: none;
		}

		.centerFliterBox:hover .swiper-button-next {
			display: block;
		}

		.centerFliterBox:hover .swiper-button-prev {
			display: block;
		}

		html,
		body {
			background: #f2f2f2;
		}

		header {
			background: #F5F5FA;
		}

		.header1 {
			background: #fff !important;
		}

		.index_main {
			position: relative;
		}

		.adleft {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 300px;
			height: 409px;
			background: #fff;
		}

		.scollInfo {
			height: 40px;
			width: 947px;
			position: absolute;
			display: flex;
			background: #fff;
			display: none;
		}

		.scollInfo span:nth-child(1) {
			width: 112px;
			height: 40px;
			text-align: center;
			line-height: 40px;
			font-size: 15px;
			color: #09f;

		}

		/* .centerFliterBox {
			top: 50px;
		} */

		.scrollBox {
			width: 100%;
			height: 40px;
			overflow: hidden;
		}

		.scrollBox li {
			height: 40px;
			list-style: none;
			line-height: 40px;
		}

		.scrollBox li em {
			font-style: normal;
			font-size: 15px;
		}

		#scrollCompany {
			width: 100%;
			
		}
		#newCompany{
			height: 300px;
	
			overflow: hidden;
		}

		#scrollCompany li {
			list-style: none;
			line-height: 38px;
			border-bottom: 1px dotted #f2f2f2;
			padding: 0 10px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			cursor: pointer;
		}
		.theader,.successHeader{
			display:  flex;
			padding:5px 0;
			color:#000;
			background: #fff;

			
		}
		.successHeader{
			display: flex;
			padding:6px 10px;

		}
		.successHeader span:nth-child(1){
			flex:1
		}
		.successHeader span:nth-child(2){
			width: 295px;
		}
		.successHeader span:nth-child(3){
			width: 77px;
			text-align: right;
		}




		.theader span:nth-child(1){
			width: 58%;
			padding-left:10px;
		}
		.theader span:nth-child(2){
			width: 20%;
			padding-left:10px;
		}
		.theader span:nth-child(3){
			flex:1;
			padding-right: 10px;
			text-align: right;
		}

		.theader-mini div:nth-child(1){
			width: 30%;
			padding-left:10px;
		}
		.theader-mini div:nth-child(2){
			width: 20%;
			padding-left:10px;
		}
		.theader-mini div:nth-child(3){
			flex:1;
			padding-right: 10px;
			text-align: right;
		}

		.listScroll{
			height: 387px!important;
			background: #fff;
			overflow: hidden;
		}
		.listScroll ul li{
			padding :12.5px 0;
			padding-left:7px;
			border-bottom: 1px solid #eee;
		}

		.listScroll ul li em{
			font-style: normal;
		}