.clear { height: 0px; line-height: 0px; clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*+html .clearfix { overflow: hidden; }
* html .clearfix { height: 1%; }

.nav-div.hide-cloud .cloud-header{
	transform: translateY(0px) !important;
}

img{
	width: 100%;
}
.product-banner{
	background: url(/images/news0001.png) no-repeat;
	height: 450px;
}
.product-banner .product-content{
	margin-top: 0;
	text-align: center;
}
.product-banner .product-content .title{
	font-size: 48px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	padding-top: 153px;
}
.product-banner .product-content .sz{
	font-size: 48px;
	font-weight: bold;
	color: #FAAD15;
}
.product-banner .product-content .sketch{
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	line-height: 28px;
	padding-top: 20px;
}
.product-banner .product-content .label{
	font-size: 16px;
	color: #FAAD15;
	text-align: center;
	line-height: 28px;
	padding-top: 20px;
}
.product-banner .product-content .btn{
	margin-top: 40px;
}
.product-banner .product-content .btn span{
    color: #fff ;
}
.product-banner .product-content .btn a{
    padding: 10px 33px;
    text-align: center;
    background-color: #2468f2;
    border-radius: 30px;
    margin-top: 40px;
    font-size: 14px;
}
.product-banner .product-content .btn a:hover{
    background-color: #1E88FC;
	color: #fff;
}
.product-nav{
	background: #FFFFFF;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);
}
.product-nav .container {
	margin:0 auto}
.product-nav ul {
	display:flex;
	position: relative;
	justify-content:center}
.product-nav li {
	line-height:60px;
	margin:0;
	font-size:16px;
	color:#454a5b;
	text-align:center;
	transition:all .2s ease-in-out;
	padding:0 20px;
	margin: 0 20px;
}
.product-nav li.current {
	color:#2468f2;
	font-weight: 500;
	border-bottom: #2468f2 solid 2px;
}
.product-nav li:hover {
	cursor:pointer}
.template .template-content{
	padding-top: 20px !important;
}
.template .container{
	margin-top: 0;
}
.company-info .company-info-content .info-top{
	display: flow-root;
	padding-bottom: 50px;
}
.company-info .company-info-content .info-bot{
	display: flow-root;
}
.company-info .company-info-content .left{
	float: left;
}
.company-info .company-info-content .right{
	float: right;
}
.company-info .company-info-content .left .name{
	font-size: 26px;
	color: #191C3D;
	font-weight: bold;
	line-height: 37px;
	padding-bottom: 20px;
}
.company-info .company-info-content .left span{
	font-size: 18px;
	color: #191C3D;
	opacity: 0.6;
}
.company-info .company-info-content .left .sketch{
	font-size: 14px;
	color: #191C3D;
	opacity: 0.6;
}
.company-info .company-info-content .right a{
	font-size: 14px;
	width: 150px;
	line-height: 38px;
	background: #2468f2;
	border-radius: 19px;
	display: block;
	float: left;
	margin-left: 20px;
	text-align: center;
	color: #fff;
}
.company-info .company-info-content .right .about{
	font-size: 14px;
	width: 150px;
	line-height: 38px;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-radius: 19px;
	display: block;
	float: left;
	margin-left: 20px;
	color: #191C3D;
}
.company-info .company-info-content .right a:hover{
	font-size: 14px;
	width: 150px;
	line-height: 38px;
	background: #1E88FC;
	border-radius: 19px;
	display: block;
	float: left;
	margin-left: 20px;
	text-align: center;
	color: #fff;
}
.company-info .company-info-content .info-bot .group{
	width: 393px;
	float: left;
	padding-bottom: 40px;
}
.company-info .company-info-content .info-bot .group .title{
	font-size: 18px;
	color: #191C3D;
	font-weight: bold;
	padding-bottom: 8px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.company-info .company-info-content .info-bot .group p{
	font-size: 14px;
	color: #191C3D;
	opacity: 0.6;
	line-height: 26px;
	width: 280px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news-info .title{
	font-size: 26px;
	font-weight: bold;
	color: #191C3D;
}
.news-info .info-content{
	display: flow-root;
	margin-left: -100px;
}
.news-info .info-content .group{
	width: 540px;
	float: left;
	padding-left: 100px;
	padding-top: 50px;
}
.news-info .info-content .title{
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 20px;
	color: #191C3D;
	border-bottom: #EEEEEE solid 1px;
	margin-bottom: 30px;
}
.news-info .info-content .title a{
	font-size: 14px;
	color: #191C3D;
	opacity: 0.6;
	float: right;
}
.news-info .info-content .group .items {
	display: inline-block;
	padding-bottom: 20px;
	width: 540px;
}
.news-info .info-content .group .items .img{
	width: 180px;
    height: 105px;
	float: left;
	margin-right: 20px;
	display: flex;
}
.news-info .info-content .group .items .tit a{
	font-size: 18px;
	color: #191C3D;
	font-weight: bold;
	padding: 10px 0;
	line-height: 28px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news-info .info-content .group .items .tit a:hover{
	color: #2468f2;
}
.news-info .info-content .group .items p{
	font-size: 14px;
	color: #191C3D;
	line-height: 22px;
	opacity: 0.6;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}  /* i i s 7 . c o m */