@charset "utf-8";

*:before,

*:after,

*{

	margin: 0;

	padding: 0;

	font-family: Microsoft Yahei, arial, SimSun, Tahoma, Helvetica, STHeiti, sans-serif;

	list-style: none;

	line-height: 1;

	transition-property: color, border-color,background-color;

    transition-duration:0.3s;

    transition-timing-function:linear;

    box-sizing:border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

}

input[type="button"], 

input[type="submit"], 

input[type="reset"] {

    -webkit-appearance: none;

}

input[type="submit"],

input[type="button"]{

     box-sizing:content-box;

}

input[type="button"], 

input[type="text"], 

input[type="submit"], 

input[type="reset"],

textarea {

    width: 100%;

    height: 100%;

    border: none;

    background: none;

}

p{

	line-height: inherit;

}

a {

	text-decoration: none;
	font-size: 16px;
	color: #000;

}

body {

	background: #fff;

	color: #000;

	font-size:14px;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

th {

	font-weight: 400;

}

img {

	border: 0;

}

textarea,

select,

option,

input {

	outline: none;

}

textarea{

    resize:none;

}

.clearBoth,

.clearboth {

	clear: both;

}

.bordernone {

	border: none!important;

}



.centerBox{

	margin:0 auto;

	width:1200px;

}

.centerBox:after{

	content:"";

	display:block;

	clear:both;

}

/*头*/

header{

	z-index: 99;

}

.head{

	width: 100%;

	background: #FFFFFF;

	position: fixed;

	top: 0;

	left:0;

	border-bottom: 1px solid #fbfbfb;

	padding: 10px 0;

	height: 120px;

	z-index: 99;

}

.headBlabk{

	width: 100%;

	height: 120px;

}

.head .centerBox{

	height: 100%;

}

.head .logo{

	float: left;

	height: 100%;
	width: 40%;

}

.head .logo img{

	width: 100%;
	display: block;

	height: 100%;

}

.headRight{

	float: right;

}

.headRight .top{

	overflow: hidden;

}

.headRight .top .tel{

	float: right;

	margin-top: 10px;

	height: 20px;

	line-height: 20px;

	margin-right: 40px;

}

.headRight .top .tel img{

	display:inline-block;

	height: 100%;

	margin-right: 10px;

	vertical-align: middle;

	margin-top: -4px;

}

.headRight .top .language{

	float: right;

	height: 20px;

	line-height: 20px;

	color: #999;

	margin-top: 10px;

}

.headRight .top .language a{

	color: #999;

}

.headRight .navPc{

	overflow: hidden;

	margin-top: 30px;

}

.headRight .navPc a{

	display: inline-block;

	position: relative;

}

.headRight .navPc a+a{

	margin-left: 40px;

}

.overlay-bottom{

	position:absolute;

	left:0;

	bottom:0;

	width:0;

	height:2px;

	background-color:#0083cb;

	display: block;

}

.headRight .navPc a.avtive .overlay-bottom,.headRight .navPc a:hover .overlay-bottom{

	animation:borderBottom .3s linear 0s 1;

	animation-fill-mode:forwards;

}

.headRight .navPc a.avtive,.headRight .navPc a:hover{

	color: #0083cb;

	padding-bottom: 10px;

}

@-moz-keyframes borderBottom{

	from{width:0}to{width:100%}

}

@-webkit-keyframes borderBottom{

	from{width:0}to{width:100%}

}

@keyframes borderBottom{

	from{width:0}to{width:100%}

}

.navMobile{

	display: none;

}

.menu{

	display: none;

}

/*banner*/

.banner{

	position: relative;

	width: 100%;

	height: 400px;

	background: #ccc;

}

.banner a{

	display: block;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}

/*尾*/

footer{

	

}

.footer{

	width: 100%;

	background: #232323;

}

.footer .centerBox{

	padding: 20px 50px;

	color: #fff;

}

.footer .left{

	float: left;

	width: 85%;

}

.footer .left .tit{

	font-size: 1.125rem;

}

.footer .left .tit span{

	width: 40px;

	height: 3px;

	display: inline-block;

	background: #0083CB;

}

.footer .left .address{

	line-height: 1.75rem;

	padding-top: 10px;

}

.footer .right{

	float: right;

	width: 126px;

	height: 126px;

	margin-top: 20px;

}

.footer .right img{

	display: block;

	width: 100%;

	height: 100%;

}

/*首页集团企业*/

.groupIndustry{

	width: 100%;

	background:#F4F4F4;

	padding: 100px 0;

}

.currencyTitle{

	text-align: center;

}

.currencyTitle p:first-child{

	font-size: 1.5rem;

}

.currencyTitle p+p{

	margin-top: 7px;

}

.nineBox{

	width: 100%;

	padding-top: 25px;

	overflow: hidden;

}

.nineBox .list{

	display: block;

	width: 275px;

	float: left;

	height: 275px;

	margin-top: 35px;

	margin-right: 30px;

	overflow: hidden;

}

.nineBox .list:nth-child(4n){

	margin-right: 0;

}


.nineBox .list img{

	display: block;

	width: 100%;

	height: 100%;

	transition: all .5s;

}

.nineBox .list img:hover{

	transform: scale(1.1);

	transition: all .5s;

}

/*首页集团介绍*/

.groupIntroduction{

	width: 100%;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 100px 0;

}

.groupIntroduction .centerBox{

	line-height: 1.5rem;

}

.groupIntroduction .centerBox img{

	width: 100%;

	display: block;

}

/*首页新闻*/

.indexNews{

	padding: 90px 0 75px 0;

	background: #fff;

}

.indexNewsList{

	overflow: hidden;

	padding-top: 40px;

}

.indexNewsList .left{

	width: 550px;

	float: left;

}

.indexNewsList .left .img{

	width: 100%;

	overflow: hidden;

	display: block;

	margin-bottom: 10px;

}

.indexNewsList .left .img img{

	width: 100%;

	height: 360px;

	display: block;

	transition: all .5s;

}

.indexNewsList .left .img img:hover{

	transform: scale(1.1);

	transition: all .5s;

}

.indexNewsList .left .title{

	color: #0083CB;

	font-size: 1.125rem;

	display: block;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	line-height: 2.25rem;

}

.indexNewsList .left .time{

	display: block;

	height: 30px;

	overflow: hidden;

	color: #a8a8a8;

	width: 100%;

	line-height: 30px;

}

.indexNewsList .left .des{

	height: 60px;

	color: #a8a8a8;

	width: 100%;

	line-height: 30px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	text-overflow:ellipsis;

}

.indexNewsList .right{

	width: 590px;

	float: right;

}

.indexNewsList .right .title{

	color: #0083CB;

	font-size: 1.125rem;

	display: block;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	line-height: 2.25rem;

}

.indexNewsList .right .time{

	display: block;

	height: 30px;

	overflow: hidden;

	color: #a8a8a8;

	width: 100%;

	line-height: 30px;

}

.indexNewsList .right .des{

	height: 90px;

	color: #a8a8a8;

	width: 100%;

	line-height: 30px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	text-overflow:ellipsis;

}

.indexNewsList .right .two{

	width: 100%;

}

.indexNewsList .right .two .list{

	width: 100%;

	overflow: hidden;

	height: 48px;

	border-bottom: 1px dashed #dddddd;

	line-height: 48px;

	color: #666666;

}

.indexNewsList .right .two .list a{

	display: block;

	height: 100%;

	width: 66%;

	float: left;

	line-height: inherit;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	color: #666666;

}

.indexNewsList .right .two .list a:hover{

	color: #0083CB;

}

.indexNewsList .right .two .list span{

	float: right;

	line-height: inherit;

}

/*大图*/

.bigImg{

	width: 100%;

	height: 300px;

	overflow: hidden;

}

.bigImg img{

	height: 100%;

	display: block;

	width: 100%;

}

.middleBox{

	width: 100%;

	padding: 30px 0;

}

.middleBox .left{

	width: 17.5%;

	float: left;

}

.middleBox .left .link{

	width: 100%;

	height: 55px;

	line-height: 55px;

	background: #f5f5f5;

	font-size: 18px;

	text-align: center;

	display: block;

}

.middleBox .left .link:hover,.middleBox .left .link.on{

	color: #FFFFFF;

	background: #0083CB;

}

.middleBox .left .link+.link{

	margin-top: 10px;

}

.middleBox .right{

	width: 80%;

	float: right;

	border: 1px solid #dadada;

	padding: 0 25px 50px;

}

.middleBox .right .title{

	height: 57px;

	border-bottom: 1px dashed #d9d9d9;

	line-height: 26px;

	overflow: hidden;

	padding: 15px 0;

}

.middleBox .right .title .name{

	color: #0083CB;

	display: block;

	float: left;

	width: 50%;

	height: 100%;

	line-height: inherit;

	border-left: 7px solid #0083CB;

	padding-left: 17px;

	font-size: 18px;

}

.middleBox .right .title .localtion{

	width: 50%;

	float: right;

	height: 100%;

	line-height: inherit;

	color: #969595;

	text-align: right;

}

.middleBox .right .title .localtion a{

	color: #969595;

}

.page{

	width: 100%;

	text-align: center;

}

.page a{

	display: inline-block;

	min-width: 30px;

	min-height: 30px;

	line-height: 28px;

	padding: 0 5px;

	border: 1px solid #cfcfcf;

	margin: 0 5px;

}

.page a.on{

	color: #FFFFFF;

	background: #0083CB;

}

.page span{

	display: inline-block;

	margin: 0 5px;

	line-height: 30px;

}

.product{

	padding: 30px 0;

	overflow: hidden;

}

.product .list{

	display: block;

	width: 30%;

	float: left;

	margin-right: 5%;

	/*background: #e5e5e5;*/

	text-align: center;

	margin-bottom: 10px;

}

.product .list:nth-child(3n){

	margin-right: 0;

}

.product .list img{

	display: block;

	width: 100%;

	height: 100%;

}

.product .list p{

	display: block;

	overflow: hidden;

	height: 55px;

	line-height: 55px;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.product .list:hover p{

	color: #0083CB;

}

/*集团简介*/

.aboutUs{

	width: 100%;

	padding: 10px 0;

	line-height: 30px;

}

.aboutUs img{

	display: block;

	max-width: 100%;

	margin: 10px 0;

}

/*新闻详情*/

.newsTitle{

	text-align: center;

	border-bottom: 1px dashed #d9d9d9;

	overflow: hidden;

	padding: 35px 0 10px;

	line-height: 24px;

}

.newsTitle p{

	color: #0083cb;

	font-size: 1.125rem;

	margin-bottom: 15px;

}

.newsTitle span{

	color: #a8a8a8;

	float: right;

}

.flip{

	width: 100%;

	padding-top: 20px;

}

.flip p{

	display: block;

	line-height: 30px;

	width: 100%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.flip a:hover{

	color: #0083CB;

}

/*新闻资讯*/

.newsInformation{

	width: 100%;

	margin-bottom: 40px;

}

.newsInformation .list{

	display: block;

	width: 100%;

	padding: 1.8rem 0;

	border-bottom: 1px dashed #EAEAEA;

	overflow: hidden;

}

.newsInformation .list .img{

	width: 25%;

	float: left;

	overflow: hidden;

}

.newsInformation .list .img img{

	width: 100%;

	display: block;

	height: 150px;

}

.newsInformation .list .details{

	width: 72%;

	float: right;

}

.newsInformation .list .details .des1{

	color: #0083CB;

	font-size: 1.125rem;

	margin: 20px 0;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.newsInformation .list .details .des2{

	color: #a8a8a8;

	margin-bottom: 10px;

}

.newsInformation .list .details .des3{

	color: #a8a8a8;

	line-height: 30px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	text-overflow:ellipsis;

	height: 60px;

}

.newsInformation .list .details .des3 *{

	line-height: 30px;

	color: #a8a8a8;

}

.newsInformation .list:hover .img img{

	transform: scale(1.1);

	transition:all .5s;

}

.gsain{
	float: left;width: 355px;height: 100%;display: flex;align-items: center;overflow: hidden;font-size: 23px;color: #00a8f3;
}