*{
		margin:0;
		padding:0;
}
@font-face{font-family: 'Gilroy-Medium';src : url('../fonts/Gilroy-Medium.ttf');}
@font-face{font-family: 'Gilroy-Bold';src : url('../fonts/Gilroy-Bold.ttf');}
@font-face{font-family: 'Gilroy-SemiBold';src : url('../fonts/Gilroy-SemiBold.ttf');}
body{
	overflow-x:hidden;
	background-color: #f5f5f5;
	font-family: 'Gilroy-Medium';
}	
a{
	text-decoration: none;
}
li{
	list-style: none;
}
.marginCenter{
	width: 84%;
	margin: auto;
}
/*头部banner和导航部分*/
#content{
	width: 100%
	/*height: 950px;*/
	overflow: hidden;
	margin-bottom: 70px;
	position: relative;
}
.swiper-container {
    /*width: 1920px;
    height: 950px;*/
}  
/*导航*/
#nav{
	/*width: 1800px;*/
	width: 93%;
	height: 100px;
	border-radius: 8px;
	background-color: #ffffff;
	/*overflow: hidden;*/
	position: absolute;
	z-index: 99;
	top: 40px;
	left: 60px;
	box-shadow: 0 0 30px rgba(0,0,0,.1);
}
#nav .logo{
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	left: 3.6%;
	width: 207px;
	float: left;
}
#nav .logo a{
	display: inline-block;
	font-size: 0;
}
.nav-content{
	position: absolute;
	left: 27%;
	line-height: 100px;
	float: left;
	font-size: 16px;
	width: 930px;
	/*width: 52%;*/
	font-weight: bold;
}
.nav-content ul{
	overflow: hidden;
}
.nav-content ul li{
	float: left;
	margin-right: 72px;
	
}
.nav-content ul li a{
	color: #666;
	transition: all 0.5s;
}
.nav-content ul li:hover a{
	color: #cf001b;
}
#navTrue{
	color: #cf001b;
}
#l{
	margin: 0;
}
.navRight{
	position: absolute;
	right: 3.6%;
	height: 23px;
	line-height: 23px;
	width: 103px;
}
#search{
	
}
.navRight a{
	display: block;
	float: left;
}
#I{
	display: block;
	width: 3px;
	height: 14px;
	background: #000000;
	float: left;
	transform: translateY(5px);
}
#I,#lang{
	margin-left: 27px;
}
.navWrap{
	height: 100%;
	position: relative;
}
.navList{
	width: 100%;
	position: absolute;
	left: 0;
	top:100px;
	height: 309px;
	background: #ffffff;
	}
.navListBox{
	width: 100%;
	height: 100%;
	position: relative;
}
.nlbIn{
	position: absolute;
	top: 42px;
	left: 491px;
	width: 922px;
}
.ulBox{
	width: 100%;
	height: 100%;
	position: relative;
}
.nlbIn ul li{
	margin-bottom: 15px;
	font-size: 14px
}
.nlbIn ul li a{
	color: #999999;
}
.about{
	position: absolute;
	left: 0;
}
.products{
	position: absolute;
	left: 135px;
}
.case{
	position: absolute;
	left: 319px;
}
.serve{
	position: absolute;
	left: 453px;
}
.news{
	position: absolute;
	left: 589px;
}
.recruit{
	position: absolute;
	left: 724px;
}
.contact{
	position: absolute;
	left: 859px;
}

/*主体部分*/
#main{
	width: 100%;
	/*height: 1624px;
	background-color: #f5f5f5;*/
	overflow: hidden;
}

/*新品发布*/
.new{
	/*margin-left: 160px;
	margin-right: 160px;*/
	margin-bottom: 129px;
}
.new-top{
	height: 79px;
	margin-bottom: 48px;
	position: relative;
}
.new-top a{
	display: block;
	color: #000000;
	float: right;
	
	width: 120px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.new-top a .line{
	display: block;
	width: 120px;
	height: 2px;
	background-color: #000000;
	}
.new-top>div{
	float: left;
}
.new-content{
	height: 641px;
}
/*.nlBox{
	display: block;
	width: 622px;
	height: 641px;
	float: left;
	font-size: 0;
	
	position: relative;
	text-align: center;
}*/
.nlBox{
	color: #000000;
}
.nl{
	display: block;
	width: 622px;
	height: 641px;
	background-color: #ffffff;
	border-radius: 8px;
	float: left;
	position: relative;
	text-align: center;
}
.nl h5{
	font-size: 30px;
}
.nl p{
	font-size: 20px;
	color: #8d8d8d;
	margin-bottom: 28px;
}
.nl .viewBtn{
	display: block;
	width: 148px;
	height: 52px;
	font-size: 14px;
	color: #acacac;
	margin: 55px auto 0;
	transition: all .5s;
	text-align: center;
	line-height: 52px;
}
.nl:hover .viewBtn{
	color: #ffffff;
	background: url(../images/newAbg.png);
}
.nl #newsTrue{
	color: #ffffff;
	background: url(../images/newAbg.png);
}
.nl:hover{
	transition: all 0.5s;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
#nr{
	width: 959px;
	height: 641px;
	float: right;
}
#nr a{
	color: #000000;
}
#nr .nrBox{
	width: 471px;
	height: 312px;
	border-radius: 8px;
	background-color: #FFFFFF;
	float: left;
}
#nr h5{
	font-size: 24px;
}
#nr p{
	font-size: 16px;
	color: #8d8d8d;
	text-align: left;
	/*margin-bottom: 28px;*/
}
.nr-1,.nr-2{
	margin-bottom: 17px;
}
.nr-2,.nr-4{
	margin-left: 17px;
}
.nr-1,.nr-2,.nr-3,.nr-4{
	display: block;
	position: relative;
	text-align: center;
	
}
.nrImg{
	position: absolute;
	right: 35px;
	bottom: 55px;
}
.nTextBox{
	position: absolute;
	top: 55px;
	left: 55px;
}
.nrView{
	position: absolute;
	left: 20px;
	bottom: 55px;
	}
.new-content a:hover .viewBtn span{
	color: #ffffff;
	/*background: url(../images/newAbg.png);*/
}
.new-content a:hover .viewBg{
	opacity: 1;
}
.viewBg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/newAbg.png); 
	opacity: 0;
	transition: all .5s;
}
.viewBtn{
	position: relative;
	/*transition: all .5s;*/
}
.viewBtn span{
	display: block;
	width: 100%;
	height: 100%;
	z-index: 99;
	transition: all .5s;
}
.nr-1 .viewBtn,.nr-2 .viewBtn,.nr-3 .viewBtn,.nr-4 .viewBtn{
	display: block;
	width: 148px;
	height: 52px;
	font-size: 12px;
	color: #acacac;
	transition: all .5s;
	text-align: center;
	line-height: 52px;
}
.nr-1:hover{
	transition: all 0.5s;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.nr-2:hover{
	transition: all 0.5s;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.nr-3:hover{
	transition: all 0.5s;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.nr-4:hover{
	transition: all 0.5s;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}



/*品牌优势*/
.brand{
	height: 1045px;
	margin-bottom: 148px;
	position: relative;
}
.brand .t1{
	margin-bottom: 89px;
}
.brand>P{
	display: block;
	font-size: 300px;
	color: #eeeeee;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: text-top;
	height: 211px;
	line-height: 211px;
	overflow: hidden;
	/*line-height: 300px;*/
}
.brandImg{
	width: 936px;
	height: 938px;
	border-radius:0 20px 20px 0;
	overflow: hidden;
	position:absolute;
	top:107px;
	box-shadow: 0 0 30px rgba(0,0,0,.2);
}
.brandImg img{
	transform: translate(-20px,-50px);
}
.brandBg{
	transform: translate(5px,0);
}
.brandText{
	position: absolute;
	left:1099px;
	top:325px;
}
.t1 h3{
	font-size: 34px;
	margin-bottom: 10px;
	font-weight: bold;
}
.t1 p{
	font-size:15px;
	line-height: 25px;
	color: #666;
	margin-top: 20px
}
#brandMore{
	display: block;
	color: #000000;
	width: 145px;
	height: 48px;
	border:2px solid #000000;
	text-align: center;
	line-height: 48px;
	border-radius: 4px;
	font-size: 20px;
	font-weight: bold;
	transform: translateY(37px);
}
.brandP1{
	height: 55px;
	margin-bottom: 45px;
}
.bTextBox{
	float: left;
}
.brandP1 p{
	font-size: 18px;
	line-height: 30px;
	margin-left:30px;
}
.icon{
	float: left;
	width: 53px;
	height: 55px;
	border-right: 1px solid #dcdcdc;
	position: relative;
}
.icon img{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.brandText .icon{
	display: inline-block;
}
.textBold{
	font-weight:bold;
}


/*应用场景*/
.apply{
	/*margin-left: 160px;
	margin-right: 160px;*/
	margin-bottom: 182px;
}
.apply .t1{
	float: left;
}
.apply-top{
	height: 79px;
	margin-bottom: 65px;
	position: relative;
}
.applyR{
	/*display: block;*/
	float: right;
	height: 65px;
	/*line-height: 65px;*/
	position: absolute;
	right: 0;
	bottom: 0;
}
.applyR li{
	width: 120px;
	height: 54px;
	margin-left: 14px;
	text-align: center;
	line-height: 54px;
	font-size: 20px;
	font-weight: bold;
	float: left;
	
}
.applyR li a{
	color: #000000;
	opacity: 0.4;
	display: block;
	height: 52px;
	transition: all .5s;
}
#apTrue{
	opacity: 1;
}
#apTrue .line{
	display: block;
	}
.applyR li .line{
	display: none;
	width: 120px;
	height: 2px;
	background-color: #000000;
}
.applyR li:hover .line{
	display: block;
}
.applyR li:hover a{
	opacity: 1;
	}
	
.moreStyle{
	display: block;
	position: relative;
	width: 120px;
	height: 54px;
	text-align: center;
	line-height: 54px;
	font-size: 20px;
	font-weight: bold;
	/*float: right;*/
}
.moreStyle span{
	display: block;
	float: left;
	}
.moreStyle img{
	float: right;
	}
.apply-content{
	width: 1760px;
	height: 335px;
}
.apply-content a{
	float: left;
	margin-right: 19px;
}
.abWrap{
	border-radius:10px;
	width: 587px;
	height: 335px;
	
	/*float: left;
	margin-right: 19px;*/
	position: relative;
	overflow: hidden;
	}
	
.applyBox{
	/*display: block;*/
	width: 587px;
	height: 335px;
	
	float: left;
	margin-right: 19px;
	position: relative;
}
.apply-content a:nth-of-type(3){
	margin: 0; 
	width: 548px;
}
.ap01{
	transform: translate(-10px,-45px);
}
.ap02{
	transform: translate(-20%,-21%);
}
.ap03{
	transform: translate(-27%,-35%);
}
.abWrap{
	position: relative;
	}
.shadow{
	transition: all .5s;
	width: 100%;
	height: 60px;
	background: #000000;
	opacity: 0.8;
	position: absolute;
	bottom: 0px;
	/*box-shadow: 0 0 100px 10px inset;*/
	filter: blur(30px);	
}
.list{
	position: absolute;
	left:44px;
	bottom:41px;
	z-index: 99;
}
.list h5{
	color: #ffffff;
	font-size: 14px;
	display: inline-block;
	margin-right: 16px;
}
.list h3{
	font-size: 20px;
	color: #ffffff;
	}
.list img{
	transform: translateY(-3px);
	}
	
		
.abWrap:hover .shadow{
	opacity: 0;
}

/*最新资讯*/
.information{
	height: 579px;
	margin-bottom: 148px;
	/*width: 1600px;*/
}
#ifrTrue{
	color: #000000;
	border-color: #000000;
}
.iLeft{
	float: left;
}
.iLeft .t1{
	margin-bottom: 64px;
}
.iList li{
	width: 144px;
	height: 48px;
	/*border:2px solid #c4c4c4;*/
	/*border-radius: 5px;*/
	text-align: center;
	line-height: 48px;
	margin-bottom: 24px;
	color: #b0b0b0;
}
.iList li a{
	display:block;
	border-radius: 5px;
	width:100%;
	height:100%;
	color: #b0b0b0;
	font-size: 16px;
	font-weight: bold;
	transition:all 0.5s;
	border:2px solid #c4c4c4;
	
}
.iList li:hover a{
	color: #000000;
}
.iList li:hover a{
	border-color: #000000;
}
.iMiddle{
	float: left;
	width: 557px;
	height: 579px;
	border-radius: 7px;
	
	margin-left: 148px;
	overflow: hidden;
	transition: all .5s;
}
.iMiddle:hover{
	box-shadow: 0 0 15px rgba(0,0,0,.3);
}
.iMiddle:hover .iMiddleBottom{
	background: #ffffff;
}
.iMiddleTop{
	height: 418px;
	overflow: hidden;
}
.iMiddleTop img{
	transform: translate(-38px,-28px);
}
.iMiddleBottom{
	height: 161px;
	position: relative;
}
.middleText{
	width: 442px;
}
.middleText h5{
	font-size: 20px;
	margin-bottom: 17px;
}
.textRed{
	color:#cf001b;
}
.middleText>p{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	color:#8d8d8d;
	margin-bottom: 32px;
}
.middleText a{
	font-size: 16px;
	color: #8d8d8d;
	font-weight: bold;
}
.middleText a img{
	margin-left: 19px;
}
.middleText>div p{
	float: right;
	color: #cacaca;
}
.boxCenter{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.iRight{
	float: right;
	width: 659px;
	border-top: 1px solid #dcdcdc;
}
.iRightBox{
	height: 191px;
	border-bottom: 1px solid #DCDCDC;
	position: relative;
	transition: all .5s;
}
.iRight a{
	color: #000000;
}
.iRightBox:hover{
	/*cursor:pointer;*/
	background: #ffffff;
}
.verticalBox{
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
}
.iRightBox:hover .iRightText{
	width: 589px;
	padding-left: 35px;
}
.iRightText{
	height: 76px;
	width: 100%;
	transition: all .5s;
}
.iRightText h5{
	color: #878787;
	font-size: 18px;
	margin-bottom: 12px;
	
}
.iRightText p{
	color: #878787;
	font-size: 14px;
	width: 411px;
	line-height: 24px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.iTextBox{
	float: left;
}
.iNumBox{
	width: 105px;
	border-left: 2px solid #dcdcdc;
	float: right;
	height: 100%;
	text-align: right;
	/*vertical-align: middle;*/
}
.iNumBox h3{
	font-size: 30px;
	font-weight: bolder;
	color: #c4c4c4;
}
.iNumBox p{
	width: 100%;
	font-size: 13px;
	color: #c4c4c4;
}
.ibn{
	width: 58px;
	height: 58px;
	position: relative;
	float: right;
	display: none;
	/*transition: all .5s;*/
}
.ibb{
	width: 58px;
	height: 58px;
	text-align: center;
	vertical-align: middle;
	/*position: relative;*/
	float: right;
	transition: all .5s;
	/*display: none;*/
}
.iRight a:hover .ibn{
	display: block;
}
.iRight a:hover .ibb{
	/*opacity: 0;*/
	display: none;
}
.iRight a:hover .iTextBox h5{
	color: #000000;
}
.iRight a:hover .iTextBox p{
	color: #585858;
}
#ifrTrue2 h5{
	color: #000000;
}
#ifrTrue2 p{
	color: #585858;
}
/****************************底部**************************************/
#footer{
	width: 1920px;
	height: 320px;
	background:url(../images/footerBg.png);
	overflow: hidden;
}
#footer .footer-top{
	padding-left: 160px;
	padding-right: 160px;
	height: 108px;
	overflow: hidden;
	margin-bottom: 35px;
}
.footer-box{
	height: 107px;
	overflow: hidden;
}
.footer-fLeft{
	float: left;
	width: 150px;
	height: 100%;
	position: relative;
}
.footer-fLeft img{
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
}
.footer-fRight{
	line-height: 108px;
	float: right;
}
.footer-fRight ul li{
	list-style: none;
	font-size: 16px;
	color: #8a8a8a;
	float: left;
	margin-left: 48px;
	height: 15px;
} 
.footer-fRight ul li a{
	color: #FFFFFF;
	opacity: 0.4;
	transition: all 0.5s;
}
.footer-fRight ul li:hover a{
	opacity: 1;
}
#footer .p{
	width: 1600px;
	height: 1px;
	background-color: #505050;
	margin-bottom: 35px;
}
.footer-bottom{
	color: #9d9d9d;
	margin: 0 160px 0 160px;
	height: 213px;
	overflow: hidden;
}
.fbl{
	float:left;
}
.fbl h3{
	font-size: 18px;
	margin-bottom: 5px;
}
.fbl p{
	line-height: 24px;
	font-size: 14px;
}
.fbr{
	float:right;
}
.fbr ul{
	height: 64px;
	margin-bottom: 48px;
}
.fbr ul li a{
	display: block;
	width: 30px;
	height: 30px;
	border: 1px solid #FFFFFF;
	opacity: 0.4;
	border-radius: 5px;
	position: relative;
	transition: all .5s;
}
.fbr ul li{
	float: right;
	margin-left: 10px;
	
}
.fbr ul li:hover a{
	opacity:.7;
}
.fbr p{
	white-space: nowrap;
	font-size: 14px;
	color: #5a5a5a;
}

/*.swiper-container{
	position: relative;
}
.swiper-pagination{
	position: absolute;
	bottom: 87px;
	right: 60px;
}
.swiper-pagination span{
	width: 40px;
	height: 5px;
	background-color: #cf001b;
	margin: 13px 0;
}*/
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 82px;
	/*bottom: 82px;*/
	left: 1664px;
	/*right: 60px;*/
	width:210px;
}
.swiper-pagination-bullet{
	width: 44px;
	height: 5px;
	border-radius:0;
	background: #CF001B;
}
.swiper-pagination-bullet:hover{
	cursor:pointer;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0 13px;
	
}


.marginCenter{
	width: 84%;
	margin:auto;
}
/*****************按钮盒子**********************/
.buttonBox{
	margin-bottom: 88px;
	overflow: hidden;
}
.button{
	display: block;
	float: left;
	margin-right: 10px;
	width: 180px;
	height: 60px;
	color: #8d8d8d;
	font-size: 20px;
	font-weight: bold;
	border-radius:4px;
	text-align: center;
	line-height: 60px;
	background: #ffffff;
}
#btnTrue{
	background-color:#cf001b ;
	color: #FFFFFF;
	
}

/*********************地图盒子*********************/
.mapBox{
	position: relative;
	margin-bottom: 60px;
}
.map{
	width: 100%;
	height: 600px;
	overflow: hidden;
	border-radius:16px;
	box-shadow:0 0 20px rgba(0,0,0,.2);
}
.BMap_pop,.anchorBL,.BMap_shadow {display: none!important;}
.mapBox img{
	/*height: auto;*/
	/*transform: translate(-160px,-65px);*/
	/*width: 100%;*/
}

/***************联系方式***********************************/
.conIfo{
	width: 86%;
	background: #ffffff;
	margin-left: 7%;
	margin-top: -8%;
	border-radius: 20px;
	padding-bottom: 50px;
	position: relative;
	display: block;
	font-size: 0;
}
.conIfo .inputBox.ip2 img{
	transform: translate(0,0);
	/*width: 100%;*/
}
.conBox{
	position: relative;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	width: 55%;
	padding-top:6%;;
}

.conBoxIn{
	width: 74%;
	height: 53%;
	overflow:hidden;
}
.conLeft{
	/*float:left;*/
	margin-right: 13%;
	height: 100%;
	position: absolute;
	left: 0;
}
.contact-list{
	font-size: 0;
	display: block;
	width: 90%;
	padding:0 5%;
}
.contact-list dl{
	display: inline-block;
	width: 49%;
	margin-right:2%;
	vertical-align: top;
	margin-bottom: 30px;
}
.contact-list dl:nth-child(2n){
	margin-right:0
}
.contact-list dl dt{
	font-size: 20px;
	font-family: 'Gilroy-Bold';
	font-weight: bold;
	display: block;
	padding-bottom: 15px;
	position: relative;
}
.contact-list dl dt:after{
	content:'';
	position: absolute;
	left: 0;
	bottom:0;
	background: #E60020;
	height: 2px;
	width: 40px;
}
.contact-list dl dd{
	font-size: 15px;
	line-height:28px;
	padding-top: 20px;
	color: #666
}
.title h3{
	font-size: 34px;
	height: 34px;
	line-height: 34px;
	margin-bottom: 18px;
}
.title h5{
	font-size: 20px;
	height: 20px;
	line-height: 20px;
	color: #dddddd;
}
.conMiddle{
	/*width: 37%;*/
	/*float:left;*/
	height: 100%;
	position: absolute;
	left: 29%;
}
.conMiddle h5{
	font-size: 18px;
	height: 18px;
	margin-bottom: 24px;
}
.conMiddle p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.conRight{
	/*float:left;*/
	height: 100%;
	position: absolute;
	left: 78%;
}
.conRight h5{
	font-size: 18px;
	height: 18px;
	margin-bottom: 24px;
}
.conRight p{
	font-size: 16px;
	white-space: nowrap;
	color: #666666;
	line-height: 30px;
	text-overflow: ellipsis;
}
/***************************用户反馈*****************************/
.user{
	overflow: hidden;
	position: relative;
	margin-bottom: 120px;
	display: table;
}
.uLeft{
	display: table-cell;
	vertical-align: top;
	width: 61%;
	position: relative;
	/*left: 239px;*/
	background: #ffffff;
}
.uLeftBox{
    display: inline-block;
	vertical-align: top;
	width: 40%;;
	padding-top:6%;
	padding-left: 2%;
}
.ulbt{
	margin-bottom: 49px;
}
.inputBox input{
	outline: none;
	border: 2px solid #e5e5e5;
	border-radius: 5px;
	color: #8d8d8d;
	font-size: 14px;
	font-weight: bold;
}
.inputWrap{
	overflow: hidden;
}
.ip1,.ip2{
	float: left;
	margin-right: 30px;
}
.ip1 input,.ip2 input{
    width: 48%;
    margin-right: 2%;
	height: 60px;
	line-height: 60px;
	padding-left: 29px;
}
.uLeftBox .ip1 input, .uLeftBox .ip2 input{
    width: 100%;;
}
.ip1 input:nth-child(2n),.ip2 input:nth-child(2n){
    margin-right: 0;
}
.ip1,.ip2,.ip3{
	margin-bottom: 21px;
}
.ip2 img{margin-top: 20px}
.ip3 input{
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding-left: 29px;
}
/*.ip4{
	margin-bottom: 46px;
}
.ip4 input{
	width: 757px;
	height: 170px;
	line-height: 60px;
	padding-left:29px;
}*/
textarea{
	width: 100%;
	height: 147px;
	outline: none;
	resize: none;
	border: 2px solid #e5e5e5;
	border-radius: 5px;
	color: #8d8d8d;
	font-size: 14px;
	font-weight: bold;
	/*line-height: 60px;*/
	padding:23px 0 0 29px;
	margin-bottom: 26px;
}
.ipBtn{
	outline: none;
	border: none;
	border-radius: 5px;
	width: 180px;
	height: 54px;
	line-height: 54px;
	background-color: #cf001b;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
.ipBtn:hover{
	cursor:pointer;
}
.uRight{
	display: table-cell;
	width: 39%;
	overflow: hidden;
	/*position: absolute;*/
}
.uRight img{
	width: 100%
}
/**********************人才理念************************/
.talent{
	position: relative;
	overflow: hidden;
	margin-bottom: 133px;
}
.tLeft{
	width: 75%;
	overflow: hidden;
	border-radius: 20px;
	float: left;
	margin-bottom: 100px;
}
.tRight{
	width: 50%;
	background: #ffffff;
	border-radius: 10px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.trInner{
	/*width: 50%;*/
	position: relative;
	z-index: 20;
}
.trInnerBox{
	position: absolute;
	left: 104px;
	top: 113px;
}
#yinhao{
	font-family: Gilroy-Medium;
	font-size: 500px;
	color: #e2e2e2;
	/*font-weight: lighter;*/
	position: absolute;
	top: -210px;
	right: 50px;
	font-family: Gilroy-Medium;
}
#gang{
	width: 100px;
	height: 4px;
	background: #cf001b;
	position: absolute;
	right: 105px;
	top: 143px;
}
.trInnerBox>p{
	width: 605px;
	font-size: 18px;
	color: #585858;
	line-height: 28px;
	margin-bottom: 32px;
}
.trInner .title{
	margin-bottom: 48px;
}
.tctBox{
	width: 350px;
}
.tct{
	height: 32px;
	vertical-align: middle;
	float: left;
}
.tct img,.tct p{
	float: left;
}

.tct img{
	margin-right: 17px;
}
.tct p{
	font-size: 16px;
	color: #585858;
	line-height: 32px;
}
.tct1,.tct3{
	margin-right: 42px;
}
.tct1,.tct2{
	margin-bottom: 33px;
}
/*********************员工风采**********************/
.staffStyle{
	width: 100%;
}
.staffStyle .title{
	margin-bottom: 62px;
	text-align: center;
}
.title h3{
	font-size: 34px;
	height: 34px;
	line-height: 34px;
	margin-bottom: 18px;
	/*text-align: center;*/
}
.title h5{
	font-size: 20px;
	height: 20px;
	line-height: 20px;
	color: #dddddd;
	/*text-align: center;*/
}
.staffStyle .marginCenter .solutlist{
	width: 49%;
	margin-right: 2%;
	display: inline-block;
}
.staffStyle .marginCenter .solutlist:nth-child(2n){
	margin-right:0
}

.staffStyle .marginCenter .solutlist dl{
	width: 100%;
	display: block;
}
.staffStyle .marginCenter .solutlist dl a{
	display: block;
	font-size: 0;
	width: 100%;
	background: #fff;
}
.staffStyle.solut{
	background: #f5f5f5
}
.staffStyle .marginCenter .solutlist dl a dt,.staffStyle .marginCenter .solutlist dl a dd{
	display: inline-block;
	width: 100%;
	text-align: left;
	vertical-align: top;
}
.staffStyle .marginCenter .solutlist dl a dt{
	background:#000;
	overflow: hidden;
}
.staffStyle .marginCenter .solutlist dl a dd{
	padding:30px 4%;
	width: 92%;
	padding-top: 40px
}
.staffStyle .marginCenter .solutlist dl a dt img{
	width: 100%;
}
.staffStyle .marginCenter .solutlist dl a dd h5{
	font-size: 22px;
	color: #333;
	position: relative;
	padding-bottom: 20px
}
.staffStyle .marginCenter .solutlist dl a dd h5:after{
	content: '';position: absolute;left: 0;bottom:0;background: #cf001b;width:25px;height:3px;
}
.staffStyle .marginCenter .solutlist dl a dd h4{
	display: block;
	padding-top: 20px;	
	padding-bottom: 50px;
	position: relative;
}
.staffStyle .marginCenter .solutlist dl a dd h4 span{
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	height:60px;
	overflow: hidden;
	color: #999;
}
.staffStyle .marginCenter .solutlist dl a dd h4:after{
	content: '';
	position: absolute;
	left: -3px;
	bottom: 0;
	background: url(../images/r4.svg) left no-repeat;
	background-size: 70%;
	width:30px;
	height:30px;
	display: block;
}
@media screen and (max-width: 1680px) {
	.staffStyle .marginCenter .solutlist dl a dd h4{
		padding-bottom: 40px;
	}
}
@media screen and (max-width: 1599px) {
	.staffStyle .marginCenter .solutlist dl a dd h4{
		padding-bottom: 30px;
	}
}

@media screen and (max-width: 1299px) {
	.staffStyle .marginCenter .solutlist dl a dd{
		width: 92%;
		padding: 30px 4%;
	}
}
@media screen and (max-width: 860px) {
	.staffStyle .marginCenter .solutlist{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px
	}
}

.app-product{
	display: block;
	width: 100%;
	padding-top: 30px;
	border-top: 1px #ddd solid;
	margin-top:40px;
}
.app-product h2{
	display: block;
	position: relative;
	font-size: 25px;
	color: #333;
	padding-bottom: 20px;
}
.app-product h2:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background: #cf001b;
	width:25px;
	height:3px;
}
.app-product div{
	display: block;
	width:100%;
	font-size: 0;
	padding-top:30px;
}
.app-product div dl{
	width: 23.5%;
	margin-right:2%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px
}
.app-product div dl:nth-child(4n){
	margin-right: 0
}
.app-product div dl a{
	display: block;
	border:1px #eee solid;
}
.app-product div dl a dt{
	display: block;
	overflow: hidden;
}
.app-product div dl a dt img{
	width: 100%;
	transition: all .2s
}
.app-product div dl a:hover dt img{
	transform: scale(1.05);
}
.app-product div dl a dd{
	padding: 18px;
	text-align: center;
}
.app-product div dl a dd h1{
	font-size: 20px;
	height:50px;line-height: 25px;overflow: hidden;
	display: block;
	color: #333
}
.app-product div dl a:hover dd h1{
	color: #cf001b;
}
.app-product div dl a dd p{
	font-size: 14px;
	height:40px;
	line-height: 20px;
	overflow:hidden;
	display: block;
	color: #999;
	margin-top:20px;
}
.staffStyle .marginCenter a{
	background: #000;
	position: relative;
	display: block;
}
.staffStyle .marginCenter a img{
	opacity: 0.8;
	width: 100%
}
.staffStyle .marginCenter a:hover img{
	opacity: 0.5;
	transform: scale(1.1);
	font-size: 0;
}

.sImgBox{
	width: 111%;
}
.sImgBox>div{
	/*width: 588px;
	height: 382px;*/
	overflow: hidden;
	float: left;
	
}
.sib1,.sib2{
	width: 33%;
}
/*.sib1 img{
	transform: translate(-3px,-25px);
}*/
.sib3{
	width: 31%;
	
}
.sib1,.sib2{
	margin-right: 18px;
}
/********************加入我们***********************/
.joinBox{
	margin-bottom: 106px;
}
.joinBox .title{
	text-align: center;
	margin-bottom: 56px;
}
.joinList{
	overflow: hidden;
	width: 100%;
	height: 82px;
	line-height: 82px;
	position: relative;
	border-radius: 10px;
	background: #ffffff;
	margin-bottom: 14px;
}
#jlTrue{
	background: #cf001b;
	color: #ffffff;
	height: 584px;
	margin-bottom: 31px;
}
#jlTrue h3{
	color: #ffffff;
}
#jlTrue p{
	color: #f6dddf;
}
#jlTrue img{
	
}
#jlTrue .trueList{
	width: 100%;
	height: 512px;
	position: absolute;
	top: 82px;
	left: 0;
	background: #ffffff;
}
.joinList h3{
	font-size: 20px;
	position: absolute;
	left: 5%;
}
.trueList{
	padding: 44px 0 0 86px;
}
.textBox{
	margin-bottom: 42px;
}
.textBox:nth-child(2){
	margin-bottom: 62px;
}
.textBox h5{
	color: #000000;
	font-size: 16px;
	line-height: 30px;
}
#jlTrue .textBox p{
	font-size: 14px;
	color: #6c6c6c;
	line-height: 28px;
}
#submit{
	display: block;
	width: 148px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	background: #cf001b;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
}
.jlm{
	position: absolute;
	left: 18%;
}
.jlm li{
	float: left;
	position: relative;
}
.jlm p{
	width: 160px;
	text-align: center;
    color: #585858;
}
.jlm span{
	width: 1px;
	height: 16px;
	background: #e5e5e5;
	float: right;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.jlr{
	position: absolute;
	right: 5%;
	color: #333333;
}
.jlr p{
	float: left;
}
.jlr img{
	margin-left: 27px;
	transform: translateY(-25%);
}
.clear：after{
	 content:".";        
     display:block;        
     height:0;        
     clear:both;     
}
.img-Center{
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: auto;
	height: auto;
}
.img-block{
	display: block;
	width: 100%;
	/*opacity: 0;*/
}
.top{
	position: relative;
}
.top img{
	max-height: 100%;
	max-width: 100%;
}