@charset "utf-8";

/**************新闻**************/
.banners{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	margin-top: 0;
}
.main{
	position: absolute;
	width: 100%;
	left: 0;
	
}
.boxTitle{
	position: relative;
	padding-top: 65px;
	margin-bottom: 50px;
}
.boxTitle p{
	font-family: 'SourceHanSansCN';
	font-size: 40px;
	color: #333;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
	content: '';
	display: none;
}

.news{
	position: relative;	
	width: 100%;
	height: 787px;
	background-image: url(../images/news-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 20;
	top: 200px;
	opacity: 0;
}
.newsItem{
	width: 100%;
	height: 100%;
}
.news .swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.news .swiper-slide {
	width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.news .swiper-slide-active{
	width: 100%;
	height: 100%;
}
.news .swiper-pagination{
	bottom: 14%;
	width: 100%;
}
.news .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: .8;
    margin-right: 15px;
}
.news .swiper-pagination-bullet-active{
	background: #e4007f;
}
.news .swiper-pagination-bullet-active:after{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 0px solid #e4007f;
	animation: circle 1s  ease-out infinite;
}
@keyframes circle{
    0% {
        opacity: .3;
    }
    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255,0,127,.6), 0 0 10px 10px rgba(255,0,127,.4), 0 0 0 5px rgba(228,0,127,.3); /* 三层阴影 */
       transform: scale(1.5); /* 放大两倍 */
    }
    100% {
        box-shadow: 0 0 0 2px rgba(228,0,127,.6), 0 0 10px 10px rgba(255,0,127,.4), 0 0 0 5px rgba(228,0,127,.3);
        transform: scale(2); /* 放大两倍 */
        opacity: .2;
    }
}
@keyframes orbit {
	0% {
		transform:translate(0%,0%) rotate(-360deg);
	}
	100% {
		transform:translate(0%,0%) rotate(0deg);
	}
}	
.news .swiper-button-prev, .news .swiper-button-next{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	bottom: 13%;
	top: auto;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
}
.news .swiper-button-prev:hover, .news .swiper-button-next:hover{
	background: #e4007f;
}
.swiper-button-prev i{
	display: block;
	width: 10px;
	height: 16px;
	background-image: url(../images/left1.png);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.news .swiper-button-prev:hover i{
	background-image: url(../images/left2.png);
}
.swiper-button-next i{
	display: block;
	width: 10px;
	height: 16px;
	background-image: url(../images/right1.png);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.news .swiper-button-next:hover i{
	background-image: url(../images/right2.png);
}
.news .swiper-button-prev:before, .news .swiper-button-next:before {
    position: absolute;
    content: "";
    left: -5px;
    top: -5px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-image: url(../images/line-quan1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.news .swiper-button-prev:hover:before,.news .swiper-button-next:hover:before{
	animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: orbit;
    animation-duration: 2s;
}
.newsItem .newLeft{
	width: 55%;
	height: 100%;
	overflow: hidden;
	padding: 0;
}
.newsItem .newLeft img{
	width: 100%;
	height: 100%;
	transform: scale(1);
	transition: all 1s;
}
.news .swiper-slide .newsItem .newLeft:hover img{
	transform: scale(1.1);
}
.newsItem .newRight{
	width: 45%;
	height: 100%;
	padding: 80px;
	background: #fff;
}

.newsItem .newRight .data p{
	font-family: Arial;
	font-size: 24px;
	color: #333;
}
.newsItem .newRight .data p span{
	margin-right: 10px;
	font-size: 70px;
	color:#e4007f;
}
.newsItem .newRight .newTit{
	margin-top: 50px;
}
.newsItem .newRight .newTit p{
	font-family: 'SourceHanSansCN';
	font-size: 24px;
	line-height: 1.25;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.newsItem .newRight .newMsg{
	margin-top: 15px;
}
.newsItem .newRight .newMsg p{
	font-family: 'SourceHanSansCN';
	font-size: 18px;
	line-height: 1.5;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.newsItem .newRight .more{
	position: relative;
	margin-top: 70px;
	width: 150px;
	height: 50px;
	border-radius: 25px;
	z-index: 30;
	cursor: pointer;
	border: 1px solid #bfbfbf;
	font-family: 'SourceHanSansCN';
	font-size: 18px;
	color: #666;
	line-height: 46px;
	text-align: center;
}
.newsItem .newRight .more:after{
	position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0%;
    left: 00%;
    background: #333;
    border-radius: 25px;
    transform: scale(0.8);
    opacity: 0;
    transition: all .5s linear;
    z-index: -1 !important;
}
.newsItem .newRight .more>a{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 25px;
	border: 1px solid #bfbfbf;
	font-family: 'SourceHanSansCN';
	font-size: 18px;
	color: #666;
	line-height: 46px;
	text-align: center;
	z-index: 31;
}
.newsItem .newRight .more>i{
	margin-left: 15px;
	display: inline-block;
	width: 13px;
	height: 13px;
	background-image: url(../images/jt2.png);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.newsItem .newRight .more:hover:after{
	transform: scale(1);
	opacity: 1;
}
.newsItem .newRight .more:hover>a{
	border: none;
}
.newsItem .newRight .more:hover i{
	background-image: url(../images/jt1.png);
}
.newsItem .newRight .more:hover{
	color: #fff;
}
.newsListBox{
	position: relative;
	width: 100%;
	background: #f7f7f7;
}
.newsListBox .newsItems {
	position: relative;
	padding-right: 50px;
}
.newsListBox .newsItems .items{
	width: 100%;
	background: #fff;
	margin-bottom: 40px;
}
.newsListBox .newsItems .items a{
	display: block;
}
.newsListBox .newsItems .items .newsImg{
	width: 100%;
	overflow: hidden;
}
.newsListBox .newsItems .items .newsImg img{
	width: 100%;
	transform: scale(1);
	transition: all 1s;
}
.newsListBox .newsItems .items .newsInfos{
	padding: 30px;
}
.newsListBox .newsItems .items .newsInfos .newsTime p{
	font-family: Arial;
	font-size: 20px;
	color: #888;
}
.newsListBox .newsItems .items .newsInfos .newsFonfs{
	margin-top: 10px;
}
.newsListBox .newsItems .items .newsInfos .newsFonfs p{
	font-family:'SourceHanSansCN' ;
	font-size: 20px;
	line-height: 1.5;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.newsListBox .newsItems .items a:hover .newsImg img{
	transform: scale(1.1);
}
.newsListBox .newsItems .items a:hover .newsTime p{
	color: #e4007f;
}
.newsListBox .newsItems .items a:hover .newsFonfs p{
	color: #e4007f;
}
 .pages{
	margin-top: 20px;
	padding-bottom: 80px;
}
 .pages p{
	text-align: center;
}
 .pages p a{
	display: inline-block;
	margin-right: 35px;
	width: 70px;
	height: 70px;
	background: #fff;
	border-radius: 5px;
	font-family: Arial;
	font-size: 24px;
	line-height: 70px;
	color: #000033;
}
 .pages p a:hover, .pages p a.on{
	color: #e4007f;
}
/************************************************************************/
.article{
	position: relative;
	margin-top: 140px;
	background: #fcfcfc;
}
.article .center{
	padding: 80px 100px;
	
}
.article .artLeft{
	position: relative;
	display: block;
}
.article .artLeft p {
	text-align: right;
	padding-right: 30%;
}
.article .artLeft p .date{
	display: block;
	font-family: Arial;
	font-size: 40px;
	color: #333;
}
.article .artLeft p .year{
	display: block;
	font-family: Arial;
	font-size: 20px;
	color: #333;
}
.article .artRight{
	position: relative;
}
.article .artRight .articleTit p{
	font-family: 'SourceHanSansCN';
	font-size: 35px;
	color: #222;
	line-height: 1.3;
}
.article .artRight .artMsg{
	margin-top: 40px;
	padding-bottom: 35px;
	border-bottom: 1px solid #dcdcdc;
}
.article .artRight .artMsg .msg-l p{
	font-family: 'SourceHanSansCN';
	font-size: 18px;
	color: #666;
}
.article .artRight .artMsg .msg-l p span{
	margin-right: 20px;
}
.article .artRight .artMsg .msg-r{
	margin-top: -12px;
}
.article .artRight .artMsg .msg-r p{
	text-align: right;
	margin-top: 0;
}
.article .artRight .artMsg .msg-r p a{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-left: 15px;
	margin-right: 0;
}
.article .artRight .artMsg .msg-r p a img{
	width: 100%;
	height: 100%;
}
.article .artRight .artCon{
	margin-top: 45px;
	box-sizing: border-box;
}
.article .artRight .artCon p{
	font-family: 'SourceHanSansCN';
	font-size: 18px;
	color: #444;
	line-height: 1.4;
	text-align: justify;
	overflow: hidden;
	text-indent:36px;
}
.article .artRight .artCon p img{
	max-width: 100%;
	width:auto;
}
.article .artRight .artNav{
	margin-top: 72px;
	position: relative;
	padding-top: 30px;
	border-top: 1px solid #DCDCDC;
}
.article .artRight .artNav p a{
	display: inline-block;
	font-family: 'SourceHanSansCN';
	font-size: 18px;
	color: #222;
	line-height: 42px;
	vertical-align: middle;
}
.article .artRight .artNav p a:hover{
	color: #E4007F;
}
.article .artRight .artNav div{
	margin-bottom: 15px;
}
.article .artRight .artNav .prevBtn span,.article .artRight .artNav .nextBtn span{
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	vertical-align: middle;
}
.article .artRight .artNav .prevBtn span{
	margin-right: 20px;
}
.article .artRight .artNav .nextBtn p{
	text-align: right;
}
.article .artRight .artNav .nextBtn span{
	margin-left: 20px;
	margin-right: 0;
}
.article .artRight .artNav .prevBtn a:hover span,.article .artRight .artNav .nextBtn  a:hover span{
	background: #e4007f;
}
.article .artRight .artNav .prevBtn span:before,.article .artRight .artNav .nextBtn span:before{
	position: absolute;
    content: "";
    left: -5px;
    top: -5px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-image: url(../images/line-quan1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.article .artRight .artNav .prevBtn span i{
	display: block;
	position: absolute;
	left: 15px;
	top: 12px;
    width: 10px;
    height: 16px;
    background-image: url(../images/left1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.article .artRight .artNav .prevBtn a:hover span i{
	background-image: url(../images/left2.png);
}
.article .artRight .artNav .nextBtn span i{
	display: block;
	position: absolute;
	left: 15px;
	top: 12px;
    width: 10px;
    height: 16px;
    background-image: url(../images/right1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.article .artRight .artNav .nextBtn a:hover span i{
	background-image: url(../images/right2.png);
}
.article .artRight .artNav .menuBtn{
	text-align: center;
}
.article .artRight .artNav .menuBtn p span{
	display: inline-block;
	margin-right: 5px;
	width: 14px;
	height: 12px;
	vertical-align: middle;
	background-image: url(../images/list.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.article .artRight .artNav .prevBtn span:hover:before,.article .artRight .artNav .nextBtn span:hover:before{
	animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: orbit;
    animation-duration: 2s;
}

/*****************************************************优势************************************************************/
.advantages{
	position: relative;
	margin-top: 110px;
}
.advantages .advBox{
	position: relative;
	width: 100%;
	height: 100%;
	top: 200px;
	opacity:0;
}
.advantages .advBox .advMsgs{
	background: #fff;
	height: 100%;	
	box-shadow: 0 0 10px rgba(41,38,38,.11);
}
.advantages .advBox1 .advPic{
	padding-left: 8%;
	padding-right: 0;
	height: 100%;
}
.advantages .advBox1 .advMsgs{
	padding-right: 8%;
	padding-left: 110px;	
}
.advantages .advBox2 .advPic{
	padding-left: 0;
	padding-right: 8%;
	height: 100%;
}
.advantages .advBox2 .advMsgs{
	padding-right: 110px;
	padding-left: 8%;	
}
.advantages .advBox3 .advPic{
	padding-left: 8%;
	padding-right: 0;
	height: 100%;
}
.advantages .advBox3 .advMsgs{
	padding-right: 8%;
	padding-left: 110px;
	height: 100%;	
}
.advantages .advPic .img{
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: pointer;
}
.advantages .advPic .img img{
	width: 100%;
	height: 100%;
	transform: scale(1);
	transition: all 1s;
}
.advantages .advPic:hover .img img{
	transform: scale(1.1);
}
.advantages .advBox .advMsgs .advTit{
	margin-top: 55px;
}
.advantages .advBox .advMsgs .advTit p{
	font-family: 'SourceHanSansCN';
	font-size: 40px;
	color: #222;
}
.advantages .advBox .advMsgs .advList{
	margin-top: 50px;
	border-top: 1px solid #1b1b1b;
}
.advantages .advBox .advMsgs .advList .advItems{
	border-bottom:1px solid #eee;
	transition: all 1s ease;
}
.advantages .advBox .advMsgs .advList .advItems:last-child{
	border: none;
}
.advantages .advBox1 .advMsgs .advList .advItems:nth-child(3),
.advantages .advBox2 .advMsgs .advList .advItems:nth-child(3),
.advantages .advBox3 .advMsgs .advList .advItems:nth-child(4){
	/* border: none; */
}
.advantages .advBox .advMsgs .advList .advItems:last-child{
	border: none;
}
.advantages .advBox .advMsgs .advList .advItems .itemTit{
	padding: 20px 0;
}
.advantages .advBox .advMsgs .advList .advItems .itemTit p{
	font-family: 'SourceHanSansCN';
	font-size: 18px;
	color: #222;
	line-height: 25px;
}
.advantages .advBox .advMsgs .advList .advItems .itemTit p span{
	display: inline-block;
	margin-top: 10px;
	vertical-align: middle;
	float: right;
	width: 15px;
	height: 8px;
	background-image: url(../images/up.png);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.advantages .advBox .advMsgs .advList .advItems:hover .itemTit p span{
	background-image: url(../images/down.png);
}
.advantages .advBox .advMsgs .advList .advItems .itemInfo{
	position:relative;
	display: none;
	margin-bottom: 25px;
	height: auto;
	padding-left: 50px;
}
.advantages .advBox .advMsgs .advList .advItems:hover .itemInfo{
	/*display: block;*/
}
.advantages .advBox .advMsgs .advList .on .itemInfo{
	display: block;
}
.advantages .advBox .advMsgs .advList .advItems .itemInfo p{
	position: relative;
	display: block;
	font-family: 'SourceHanSansCN';
	font-size: 16px;
	color: #888;
	line-height: 30px;
	
}
.advantages .advBox .advMsgs .advList .advItems .itemInfo::before{
	position: absolute;
	content: '';
	width: 16px;
	height: 2px;
	left: 0;
	top: 9px;
	background: #E4007F;
}
.advantages .advBox .advMsgs .advList .advItems .itemInfos p{
	position: relative;
	display: block;
	font-family: 'SourceHanSansCN';
	font-size: 16px;
	color: #888;
	line-height: 30px;
	padding-left: 50px;
}
.advantages .advBox .advMsgs .advList .advItems .itemInfos::before{
	position: absolute;
	content: '';
	width: 16px;
	height: 2px;
	left: 0;
	top: 9px;
	background: #E4007F;
}
.advantages .advBox .advMsgs .advList .advItems2{
	position: absolute;
	bottom:35px;
	left: 12%;
	
}
.advantages .advBox2 .advMsgs .advList .advItems2{
	position: absolute;
	bottom:35px;
	left: 16%;
	
}
.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums{
	margin-top: 50px;
	float: left;
	margin-left: 30px;
	padding-left: 30px;
	border-left: 1px solid #eee;
}
.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums:first-child{
	margin-left: 0px;
	padding-left: 0px;
	border: none;
}
.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num{
	float: left;
	vertical-align: bottom;
	
}
.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums p{
	position: relative;
	display: block;
	font-family: 'SourceHanSansCN';
	line-height: 30px;
	padding-left: 0;
	font-size: 18px;
	color: #666;
	vertical-align: bottom;
}
.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums p:before{
	width: 0;
}
.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c{
	margin-top: -15px;
	margin-left: 10px;
	margin-right: 30px;
}
.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c p{
	position: relative;
	display: block;
	font-family: 'Arial';
	font-size: 80px;
	color: #d8267d;
	line-height: 80px;
}
.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c p span{
	position: relative;
	display: inline-block;
	font-family: 'Arial';
	font-size: 80px;
	color: #d8267d;
	line-height: 80px;
}
.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c p:after{
	position: absolute;
	content: '+';
	width: 15px;
	height: 15px;
	top: -22px;
	right: -15px;
	color: #E4007F;
	font-size: 40px;
}

.downLoad{
	position: relative;
	width: 100%;
	padding-bottom: 100px;
	background-image: url(../images/serciceFile-bg.jpg?v=1);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.titles{
	padding-top: 65px;
	width: 100%;
}
.titles p{
	font-family: 'SourceHanSansCN';
	font-size: 36px;
	color: #333;
	text-align: center;
}
.menuList{
	position: relative;
	margin: 0 auto;
	width: 46.875%;
	height: 80px;
	background: #fff;
	border-radius: 5px;
	transition: 1s ease;
	z-index: 20;
	box-shadow: 0 0 10px rgba(41,38,38,.11);
}
.menuList ul{
	width: 100%;
}
.menuList ul li{
	padding: 28px 0;
	
}

.menuList ul li a{
	display: block;
	width: 100%;
	font-family: 'SourceHanSansCN';
	font-size: 24px;
	color: #333;
	text-align: center;
	line-height: 24px;
	border-right: 1px solid #eee;
}
.menuList ul li:last-child a{
	border: none;
}
.menuList ul li.on a,.menuList ul li a:hover{
	color: #E4007F;
}
.join{
	position: relative;
	margin-top: 10px;
}
.join .jobsList{
	position: relative;
	margin-top: 60px;
}
.join .jobsList .jobItem{
	position: relative;
	width: 100%;
	height: auto;
	background: #fff;
	margin-bottom: 3px;
	border-radius: 5px;
	padding: 5px 50px;
	cursor: pointer;
}
.join .jobsList .jobItem .jobTit{
	position: relative;
	padding: 45px 0;
}
.join .jobsList .jobItem .jobTit .jobName p{
	position: relative;
	font-family: 'SourceHanSansCN';
	font-size: 24px;
	color: #333;
	text-indent: 35px;
	line-height: 30px;
	
}
.join .jobsList .jobItem .jobTit .jobName p:before{
	position: absolute;
	content: '';
	top: 11px;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #e1e1e1;
}
.join .jobsList .jobItem .jobTit .jobInfos {
	padding: 6px 0;
}
.join .jobsList .jobItem .jobTit .jobInfos p{
	width: 100%;
	font-family: 'SourceHanSansCN';
	font-size: 18px;
	color: #666;
	line-height: 18px;
	text-align: left;
	
}
.join .jobsList .jobItem .jobTit .jobInfos p span{
	display: inline-block;
	padding: 0 50px;
	border-left: 1px solid #eee;
}
.join .jobsList .jobItem .jobTit .jobInfos p span:first-child{
	padding-left: 0;
	border: none;
}
.join .jobsList .jobItem .jobTit .jobInfos p span:last-child{
	padding-right: 0;
}
.join .jobsList .jobItem .jobTit .jobBtn{
	position: relative;
}
.join .jobsList .jobItem .jobTit .jobBtn p{
	text-align: right;
}
.join .jobsList .jobItem .jobTit .jobBtn p span{
	display: inline-block;
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-image: url(../images/add.png);
	background-size:calc(1);
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    
}
.join .jobsList .jobItem .jobTit .jobBtn p span:before{
	position: absolute;
	content: '';
	top: -5px;
	left: -5px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-image: url(../images/line-quan1.png);
	background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.join .jobsList .jobItem .jobTit .jobBtn p span:hover:before{
	animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: orbit;
    animation-duration: 2s;
}
.join .jobsList .jobItem .jobTit .jobBtn p span:hover,.join .jobsList .jobItem .jobTit .act p span{
	background-image: url(../images/push.png);
	background-color: #E4007F;
	
}
.join .jobsList .jobItem .jobMsg{
	display: none;
	position: relative;
	width: 100%;
	border-top: 1px solid #dcdcdb;
}
.join .jobsList .jobItem .jobMsg .zhiZeBox{
	margin-top: 50px;
}
.join .jobsList .jobItem .jobMsg .zhiZeBox .zhiZeTit p{
	font-family: 'SourceHanSansCN Medium';
	font-size: 18px;
	color: #333;
	text-indent: 35px;
	line-height: 30px;
}
.join .jobsList .jobItem .jobMsg .zhiZeBox .zhiZeMsg p{
	font-family: 'SourceHanSansCN';
	font-size: 18px;
	color: #666;
	line-height: 28px;
}
.join .jobsList .jobItem .jobMsg .applyBox{
	position: relative;
	margin-top: 55px;
	padding-bottom: 70px;
}
.join .jobsList .jobItem .jobMsg .applyBox .applyBtn{
	position: relative;
	height: 60px;
/*	border-radius: 30px;*/
/*text-align: center;*/
	
}
.join .jobsList .jobItem .jobMsg .applyBox .applyBtn:before{
	position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: #333;
    border-radius: 30px;
    transform: scale(0.8);
    opacity: 0;
    transition: all .5s linear;
    z-index: 20;
}
.join .jobsList .jobItem .jobMsg .applyBox .applyBtn:hover:before{
	transform: scale(1);
	opacity: 0;
}
.join .jobsList .jobItem .jobMsg .applyBox .applyBtn a{
	display: inline-block;
	position: relative;
	border: 1px solid #eee;
	border-radius: calc(30vw / 19.20);
	font-family: 'SourceHanSansCN';
	font-size: 20px;
	color: #666;
	height: 100%;
	line-height: 1.5;
	min-height: 30px;
	z-index: 30;
	padding: 15px 30px;
}
.join .jobsList .jobItem .jobMsg .applyBox .applyBtn a:hover{
	color: #666;
}
/*
.join .jobsList .jobItem .jobMsg .applyBox .applyBtn:hover a{
	color: #fff;
}*/
.contacts{
	position: relative;
	width: 100%;
}
.contacts .maps{
	position: relative;
	margin-top: 60px;
}
.contacts .maps .contacMsg{
	position: relative;
	z-index: 25;
}
.contacts .maps .contacMsg .contactType{
	position: relative;
	width: 100%;
	background: #fff;
	border-radius: 10px;
	padding: 70px 50px;
}
.contacts .maps .contacMsg .contactType .swiper-slide>div>img,.contacts .maps .contacMsg .contactType .swiper-slide>div>p{
	display: inline-block;
	vertical-align: middle;
}
.contacts .maps .contacMsg .contactType .swiper-slide{
	
}
.contacts .maps .contacMsg .contactType .swiper-slide .addr,
.contacts .maps .contacMsg .contactType .swiper-slide .telphone,
.contacts .maps .contacMsg .contactType .swiper-slide .emails,
.contacts .maps .contacMsg .contactType .swiper-slide .fax,
.contacts .maps .contacMsg .contactType .swiper-slide .telphone2{
	position: relative;
	padding-right: 0;
	/*text-align: center;*/
	/*padding: 0 50px;*/
	/*border-right: 1px solid #eee;*/
	display: flex;
	align-items: center;
}
.contacts .maps .contacMsg .contactType .swiper-slide{
	/*padding: 0 30px 0 50px;*/
	/*border-right: 1px solid #eee;*/
}
.contacts .maps .contacMsg .contactType .swiper-slide:last-child{
	border: none;
}
.contacts .maps .contacMsg .contactType .swiper-slide .telphone{
	padding-left: 17%;
}
.contacts .maps .contacMsg .contactType .swiper-slide .telphone2{
	padding-left: 20%;
}
.contacts .maps .contacMsg .contactType .swiper-slide .fax{
	padding-left: 10%;
}
.contacts .maps .contacMsg .contactType .swiper-slide .telphone:before{
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	background: #eee;
	top: 0;
	left: 3%;
}
.contacts .maps .contacMsg .contactType .swiper-slide .emails:before{
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	background: #eee;
	top: 0;
	left: -13%;
}
.contacts .maps .contacMsg .contactType .swiper-slide .fax:before{
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	background: #eee;
	top: 0;
	left: -2%;
}

.contacts .maps .contacMsg .contactType .swiper-slide .telphone2:before{
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	background: #eee;
	top: 0;
	left: 3%;
}
.contacts .maps .contacMsg .contactType .swiper-slide-active>div:before{
	display: none;
	background: none;
}
/*.contacts .maps .contacMsg .contactType .swiper-slide{
	padding: 0 30px 0 50px;
	border: none !important;
}*/
.contacts .maps .contacMsg .contactType .swiper-slide>div>img{
	margin-right: 20px;
	height: 50px;
	width: auto;
}
.contacts .maps .contacMsg .contactType .swiper-slide>div>p{
	font-family: 'SourceHanSansCN';
	font-size: 24px;
	color: #222;
	text-align: left;
}
.contacts .maps .contacMsg .contactType .swiper-slide>div>p>span{
	display: inline-block;
	font-family: 'SourceHanSansCN';
	font-size: 18px;
	color: #888;
	margin-bottom: 10px;
}
.contacts .maps .map{
	position: relative;
	margin-top: -90px;
	z-index: 22;
}
.downLoad .downLoadList{
	position: relative;
	width: 100%;
	margin-top: 50px;
	background: #fff;
	border-radius: 10px;
	padding: 10px 70px;
}
.downLoad .downLoadList .downLoadItem{
	position: relative;
	width: 100%;
	height: auto;
	padding: 45px 0;
	border-bottom: 1px dotted #d2d2d2;
	cursor: pointer;
}
.downLoad .downLoadList .downLoadItem:last-child{
	border: none;
}
.downLoad .downLoadList .downLoadItem:last-child:hover{
	border: none;
}
.downLoad .downLoadList .downLoadItem .itemName{
	float: left;
	width: calc(100% - 100px);
}
.downLoad .downLoadList .downLoadItem .itemName p{
	position: relative;
	font-family: 'SourceHanSansCN';
	font-size: 24px;
	color: #333;
	line-height: 30px;
	text-indent: 40px;
}
.downLoad .downLoadList .downLoadItem .itemName p:before{
	position: absolute;
	content: '';
	top: 11px;
	left: 0;
	width: 8px;
	height: 8px;
	background: #e1e1e1;
	border-radius: 50%;
}
.downLoad .downLoadList .downLoadItem .downLoadBtn{
	position: relative;
	float: right;
	width: 85px;
}
.downLoad .downLoadList .downLoadItem .downLoadBtn p a{
	display: block;
	text-align: right;
	font-family: 'SourceHanSansCN';
	font-size: 20px;
	color: #333;
	line-height: 30px;
}
.downLoad .downLoadList .downLoadItem .downLoadBtn p a span{
	position: relative;
	display: inline-block;
	margin-right: 15px;
	width: 19px;
	height: 21px;
	background-image: url(../images/pdf2.png);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.downLoad .downLoadList .downLoadItem:hover{
	border-bottom: 1px dotted #E4007F;
}
.downLoad .downLoadList .downLoadItem:hover .itemName p,.downLoad .downLoadList .downLoadItem:hover .downLoadBtn p a{
	color: #E4007F;
}
.downLoad .downLoadList .downLoadItem:hover .itemName p:before{
	background: #E4007F;
}
.downLoad .downLoadList .downLoadItem:hover .downLoadBtn p span{
	background-image: url(../images/pdf1.png);
}
.downLoad .pages{
	margin-top: 50px;
	padding-bottom: 0;
}
.downLoad .pages a{
	background-color: #fff;
}	
@media screen and (max-width: 2560px){
	.news{
		height:850px;
		
	}
	.news .newsList1{
		height:65%;
	}
	.news .swiper-pagination{
		bottom: 10%
	}
	.news .swiper-button-prev, .news .swiper-button-next{
		bottom: 9%;
		top: auto;
	}
.advantages1, .advantages1 .advBox1 .advMsgs{
	height:821px;
}
.advantages2, .advantages3, .advantages2 .advBox2 .advMsgs, .advantages3 .advBox3 .advMsgs{
	height:818px;
}
		
}
@media screen and (max-width: 1920px){
	.box{
		top: 45.5%;
	}
	.news .swiper-pagination{
		bottom: 14%
	}
	.news .swiper-button-prev, .news .swiper-button-next{
		top: auto;
		bottom: 13%;
	}
	.advantages3,.advantages2,.advantages .advBox3 .advMsgs,.advantages .advBox2 .advMsgs{
		height: 650px;
	}
	.advantages1,.advantages .advBox1 .advMsgs{
		height: 650px;
	}
	.news .swiper{
		height: 491px;
	}
}

@media screen and (max-width: 1760px){
	.contacts .maps .contacMsg .contactType .addr, 
	.contacts .maps .contacMsg .contactType .telphone, 
	.contacts .maps .contacMsg .contactType .emails, 
	.contacts .maps .contacMsg .contactType .fax{
		padding: 0 30px;
	}
	.contacts .maps .contacMsg .contactType .addr,.contacts .maps .contacMsg .contactType .fax{
		padding: 0 30px 0 30px;
	}
	.contacts .maps .contacMsg .contactType>div>p{
		font-size: 20px;
	}
	.advantages3,.advantages2,.advantages .advBox3 .advMsgs,.advantages .advBox2 .advMsgs{
		height: 613px;
	}
	.advantages1,.advantages .advBox1 .advMsgs{
		height: 613px;
	}
	.news .swiper{
		height: 451px;
	}
}

@media screen and (max-width: 1600px){
	.box{
		top: 44%;
	}
	.news{
		height: 700px;
	}
	.news .swiper{
		height: 411px;
	}
	.news .swiper-button-prev, .news .swiper-button-next{
		top: auto;
		bottom: 11%;
	}
	.newsItem .newRight{
		padding: 50px;
	}
	.advantages .advBox .advMsgs .advTit{
		margin-top: 40px;
	}
	.advantages .advBox .advMsgs .advList{
		margin-top: 40px;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums{
		margin-top: 30px;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums p{
		font-size: 16px;
	}
	.advantages1,.advantages2{
		height: 562px;
	}
	.advantages3{
		height: 562px;
	}
}

@media screen and (max-width: 1440px){

	.box{
		top: 43.2%;
	}
	.news{
		height: 660px;
	}
	.news .swiper-pagination{
		bottom: 12%
	}
	.news .swiper-button-prev, .news .swiper-button-next{
		bottom: 10%;
	}
	.news .swiper{
		height: 370px;
	}
	.newsItem .newRight{
		padding: 30px;
	}
	.newsItem .newRight .newTit{
		margin-top: 35px;
	}
	.advantages .advBox1 .advMsgs{
		padding-left: 60px;
		padding-right: 7%;
	}
	.advantages .advBox2 .advMsgs{
		padding-left: 7%;
		padding-right: 60px;
	}
	.advantages .advBox3 .advMsgs{
		padding-left: 60px;
		padding-right: 7%;
	}
	.advantages .advBox .advMsgs {
		padding-bottom: 35px;
	}
	.advantages .advBox .advMsgs .advList{
		margin-top: 25px;
	}
	.advantages .advBox .advMsgs .advTit{
		margin-top: 35px;
	}
	.advantages .advBox .advMsgs .advTit p{
		font-size: 34px;
	}
	.advantages .advBox .advMsgs .advList .advItems .itemTit{
		padding: 15px 0;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c{
		margin-top: 5px;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c p{
		font-size: 50px;
		line-height: 60px;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c p span{
		font-size: 50px;
		line-height: 60px;
	}
	.advantages2,.advantages3,.advantages2 .advBox2 .advMsgs,.advantages3 .advBox3 .advMsgs{
		height: 550px;
	}
	.advantages1,.advantages1 .advBox1 .advMsgs{
		height: 550px;
	}
	.advantages .advBox .advMsgs .advList .advItems2{
		position: absolute;
		bottom:35px;
		left: 10%;
		
	}
	.advantages .advBox2 .advMsgs .advList .advItems2{
		position: absolute;
		bottom:35px;
		left: 16%;
		
	}
	.advantages .advBox1 .advPic{
		padding-left: 7%;
	}
	.advantages .advBox2 .advPic{
		padding-right: 7%;
	}
	.advantages .advBox3 .advPic{
		padding-left: 7%;
	}
	.boxTitle p{
		font-size: 34px;
	}
	.newsItem .newRight .data p{
		font-size: 20px;
	}
	.newsItem .newRight .data p span{
		font-size: 54px;
	}
	.newsItem .newRight .newTit p{
		font-size: 20px;
	}
	.newsItem .newRight .newMsg p{
		font-size: 16px;
	}
	.newsItem .newRight .more a{
		font-size: 16px;
	}
	.newsListBox .newsItems .items .newsInfos .newsTime p{
		font-size: 18px;
	}
	.newsListBox .newsItems .items .newsInfos .newsFonfs p{
		font-size: 16px;
	}
	.article .artLeft p .date{
		font-size: 30px;
	}
	.article .artLeft p .year{
		font-size: 18px;
	}
	.article .artRight .articleTit p{
		font-size: 24px;
	}
	.article .artRight .artMsg .msg-l p{
		font-size: 16px;
	}
	.article .artRight .artCon p{
		font-size: 16px;
		text-indent:32px;
	}
	.menuList ul li a{
		font-size: 20px;
	}
	.titles p{
		font-size: 34px;
	}
	.join .jobsList .jobItem .jobTit .jobName p{
		font-size: 20px;
	}
	.join .jobsList .jobItem .jobTit .jobInfos p{
		font-size: 16px;
	}
	.join .jobsList .jobItem .jobTit .jobInfos p span{
		padding: 0 20px;
	}
	.contacts .maps .contacMsg .contactType{
		padding: 70px 40px;
	}
	.contacts .maps .contacMsg .contactType .swiper-slide>div{
		padding: 0;
	}
	.contacts .maps .contacMsg .contactType .swiper-slide .telphone:before{
		left: 5%;
	}
	.contacts .maps .contacMsg .contactType .swiper-slide .fax:before{
		left: -6%;
	}
	.contacts .maps .contacMsg .contactType .swiper-slide>div>img{
		margin-right: 15px;
		width: 35px;
		height: auto;
	}
	
	.contacts .maps .contacMsg .contactType .swiper-slide>div>p{
		font-size: 18px;
	}
	.downLoad .downLoadList .downLoadItem .itemName p{
		font-size: 20px;
	}
}

@media screen and (max-width: 1280px){
	
	.box{
		top: 42.2%;
	}
	.news{
		height: 605px;
	}
	.news .swiper{
		height: 329px;
	}
	.newsItem .newRight .data p span{
		font-size: 40px;
	}
	.newsItem .newRight .newTit{
		margin-top: 25px;
	}
	.newsItem .newRight .more{
		margin-top: 50px;
	}
	.advantages .advBox .advMsgs .advTit{
		margin-top: 25px;
	}
	.advantages .advBox .advMsgs .advList .advItems .itemTit{
		padding: 13px 0;
	}
	.advantages .advBox .advMsgs .advList .advItems .itemTit p{
		font-size: 16px;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums{
		margin-left: 20px;
		padding-left: 20px;
		margin-top: 20px;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfo .nums p{
		font-size: 16px;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c{
		margin-left: 5px;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c p{
		font-size: 40px;
		line-height: 50px;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c p span{
		font-size: 40px;
		line-height: 50px;
	}
	.advantages1,.advantages2,.advantages1 .advBox1 .advMsgs,.advantages2 .advBox2 .advMsgs{
		height: 511px;
	}
	.advantages3, .advantages3 .advBox3 .advMsgs{
		height: 511px;
	}
	
	.join .jobsList .jobItem .jobTit .jobInfos p span {
	    padding: 0 25px;
	}
	.contacts .maps .contacMsg .contactType>div>img {
	    margin-right: 10px;
	    width: 40px;
	}
	.contacts .maps .contacMsg .contactType>div>p{
		font-size: 18px;
	}
	.contacts .maps .contacMsg .contactType .addr, 
	.contacts .maps .contacMsg .contactType .telphone, 
	.contacts .maps .contacMsg .contactType .emails, 
	.contacts .maps .contacMsg .contactType .fax {
		margin: 0;
	    padding: 0px 20px;
	}
	.contacts .maps .contacMsg .contactType .addr,.contacts .maps .contacMsg .contactType .fax{
		padding: 0 20px 0 20px;
	}
	.contacts .maps .contacMsg .contactType .addr p,.contacts .maps .contacMsg .contactType .emails p{
		width:auto;
	}
	.join .jobsList .jobItem .jobTit .jobInfos{
		margin-top: 0px;
	}
	.join .jobsList .jobItem .jobTit .jobInfos p{
		text-align: center;
		text-indent: 0px;
	}
	.join .jobsList .jobItem .jobTit .jobBtn{
		margin-top: 0px;
	}
	.join .jobsList .jobItem .jobTit .jobBtn p{
		text-align: right;
		padding-left: 0px;
	}
}

@media screen and (max-width: 1100px){
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c p{
		font-size: 30px;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c p span{
		font-size: 30px;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c p:after{
		font-size: 28px;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums {
	    margin-left: 10px;
	    padding-left: 10px;
	    margin-top: 20px;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c{
		margin-left: 5px;
		margin-right: 15px;
	}
	.advantages .advBox .advMsgs .advList .advItems .itemInfo p{
		font-size: 14px;
		line-height: 20px;
	}
	.join .jobsList .jobItem .jobTit .jobInfos p span{
		padding: 0 10px;
	}
	.join .jobsList .jobItem .jobMsg .applyBox .applyBtn{
		height: auto;
	}
}

@media screen and (max-width: 990px){
	.box{
		top: 39%;
	}
	.news{
		height: 525px;
	}
	.news .swiper{
		height: 255px;
	}
	.newsItem .newRight .data p span{
		font-size: 30px;
	}
	.newsItem .newRight .newTit{
		margin-top: 15px;
	}
	.newsItem .newRight .more{
		margin-top: 20px;
	}
	.newsItem .newRight{
		height: auto;
	}
	
	.advantages .advBox1 .advPic,.advantages .advBox2 .advPic,.advantages .advBox3 .advPic{
		padding: 0;
	}
	.advantages .advBox1 .advMsgs,.advantages .advBox2 .advMsgs,.advantages .advBox3 .advMsgs{
		padding: 8% 8%;
	}
	.advantages1,.advantages2{
		height: 531px;
		
	}
	.advantages3{
		height: 531px;
		
	}
	
	.join .jobsList .jobItem .jobTit .jobInfos{
		margin-top: 10px;
	}
	.join .jobsList .jobItem .jobTit .jobInfos p{
		text-align: left;
		text-indent: 15px;
	}
	.join .jobsList .jobItem .jobTit .jobBtn{
		margin-top: 10px;
	}
	.join .jobsList .jobItem .jobTit .jobBtn p{
		text-align: left;
		padding-left: 35px;
	}

	.contacts .maps .contacMsg .contactType .addr,.contacts .maps .contacMsg .contactType .emails{
		margin-top: 20px;
		padding: 0 80px 0 80px;
	}
	.contacts .maps .contacMsg .contactType .addr p,.contacts .maps .contacMsg .contactType .emails p{
		width:210px;
	}
	.contacts .maps .contacMsg .contactType .telphone,.addr,.contacts .maps .contacMsg .contactType .fax{
		margin-top: 20px;
		padding: 0 80px 0 80px;
		border: none;
	}
}

@media screen and (max-width: 780px){
	.banners{
		margin-top: 60px;
	}
	.box{
		display: block;
		top: 0;
	}

	.boxTitle{
		padding-top: 50px;
		margin-bottom: 35px;
	}
	.boxTitle p{
		font-size: 30px;
	}
	.news{
		height: 930px;
	}
	.news .swiper{
		height: 650px;
	}
	.news .swiper-pagination{
		bottom: 11%
	}
	.news .swiper-button-prev, .news .swiper-button-next{
		bottom: 10%
	}
	.newsItem .newLeft,.newsItem .newRight{
		width: 100%;
	}
	.newsListBox .newsItems{
		padding-right: 0;
	}
	.newsItem .newRight{
		height: 265px;
	}
	.news .swiper-button-prev, .news .swiper-button-next{
		/*top:95%;*/
	}
	.news .swiper-pagination{
		margin-top: 10px;
	}
	.article{
		margin-top: 60px;
	}
	.article .center{
		padding: 50px 0;
	}
	.article .artLeft{
		display: none;
	}
	.article .artRight{
		padding-right: 0;
	}
	.article .artRight .artMsg .msg-r{
		margin-top: 15px;
	}
	.article .artRight .artMsg .msg-r p{
		text-align: left;
	}
	.article .artRight .artMsg .msg-r p a{
		margin-left: 0;
		margin-right: 15px;
	}
	.article .artRight .articleTit p{
		font-size: 20px;
	}
	.article .artRight .artMsg .msg-l p{
		font-size: 14px;
	}
	.article .artRight .artCon p{
		font-size: 14px;
	}
	.article .artRight .artNav .menuBtn,.article .artRight .artNav .nextBtn p{
		text-align: left;
	}
	.article .artRight .artNav .nextBtn span{
		margin-left: 0;
		margin-right: 5px;
	}
	.article .artRight .artNav .prevBtn span, .article .artRight .artNav .nextBtn span{
		width: 20px;
		height: 20px;
	}
	.article .artRight .artNav .prevBtn span i{
		width: 7px;
		height: 11px;
		left: 7px;
		top: 4px;
	}
	.article .artRight .artNav .nextBtn span i{
		width: 7px;
		height: 11px;
		left: 7px;
		top: 4px;
	}
	.article .artRight .artNav p a{
		font-size: 14px;
	}
	.article .artRight .artNav .prevBtn span:before, .article .artRight .artNav .nextBtn span:before{
		width: 30px;
		height: 30px;
	}
	.article .artRight .artNav .prevBtn span{
		margin-right: 5px;
	}
	.advantages{
		margin-top: 50px;
		height: auto;
	}
	.advantages3, .advantages3 .advBox3 .advMsgs{
		height: auto;
	}
	.advantages .advBox1 .advMsgs, .advantages .advBox2 .advMsgs, .advantages .advBox3 .advMsgs{
		padding: 7% 5%;
		padding-bottom: 100px;
		height: auto;
	}
	.advantages .advBox .advMsgs .advList .advItems2,.advantages .advBox2 .advMsgs .advList .advItems2{
		left: 5%;
	}
	.advantages .advBox .advMsgs .advTit p{
		font-size: 30px;
	}
	
	.advantages .advBox .advMsgs .advList .advItems .itemInfo .nums{
		margin-left: 10px;
		padding-left: 10px;
	}
	
	.advantages .advBox .advMsgs .advList .advItems .itemInfo .nums p{
		font-size: 14px;
		line-height: 24px;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums p{
		font-size: 14px;
		line-height: 20px;
	}
	.advantages .advBox .advMsgs .advList .advItems .itemInfo .nums .num-c{
		margin-right: 10px;
		
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c{
		margin-top: 0px;
	}
	.advantages .advBox .advMsgs .advList .advItems .itemInfo .nums .num-c p{
		font-size: 30px;
	}
	.advantages .advBox .advMsgs .advList .advItems .itemInfo .nums .num-c p:after{
		font-size: 25px;
		right: -10px;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums{
		float: left;
		margin-left: 5px;
    	padding-left: 5px;
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c p:after{
		font-size: 18px;
		right: -14px;
		top: -12px;
	}
	
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c p{
		font-size: 40px;
		line-height: 40px;
		height: 40px;
		display: flex;
		align-items: flex-end;
		flex-direction: row;	
	}
	.advantages .advBox .advMsgs .advList .advItems2 .itemInfos .nums .num-c p span{
		font-size: 40px;
		line-height: 35px;
		height: 40px;
		padding-bottom: 0px;
		display: flex;
		align-items: flex-end;
	}
	.menuList{
		width: 90%;
		height: 50px;
	}
	.menuList ul li{
		padding: 13px 0;
	}
	.menuList ul li:nth-child(3) a{
		border: none;
	}
	.menuList ul li a{
		font-size: 18px;
	}
	.titles{
		padding-top: 50px;
		margin-top: 0px;
	}
	.titles p{
		font-size: 30px;
	}
	.join .jobsList{
		margin-top: 35px;
	}
	.join .jobsList .jobItem .jobTit .jobName p{
		font-size: 18px;
		text-indent: 20px;
	}
	.join .jobsList .jobItem{
		padding: 5px 15px;
	}
	.join .jobsList .jobItem .jobTit{
		padding: 10px 0;
	}
	.join .jobsList .jobItem .jobTit .jobInfos p{
		font-size: 14px;
		text-indent: 0px;
	}
	.join .jobsList .jobItem .jobTit .jobInfos p span:nth-child(2){
		margin: 0 10px;
		padding: 0;
		border: none;
	}
	.join .jobsList .jobItem .jobMsg .zhiZeBox .zhiZeTit p{
		text-indent: 0;
	}
	.join .jobsList .jobItem .jobTit .jobBtn{
		position: absolute;
		display: block;
		width: auto;
		top: 0;
		right: -18px;
	}
	.join .jobsList .jobItem .jobTit .jobBtn p span{
		width: 30px;
		height: 30px;
	}
	.join .jobsList .jobItem .jobTit .jobBtn p span:before{
		width: 40px;
		height: 40px;
		background-image: none;
	}
	.contacts .maps{
		margin-top: 35px;
	}
	.contacts .maps .map{
		height: 350px !important;
	}
	.contacts .maps .contacMsg .contactType>div>p{
		font-size: 18px;
	}
	.contacts .maps .contacMsg .contactType>div>p>span{
		font-size: 14px;
	}
	.contacts .maps .contacMsg .contactType{
		padding: 25px 30px;
	}
	.contacts .maps .contacMsg .contactType>div>img{
		width: 25px;
	}

	
	.contacts .maps .contacMsg .contactType .addr,.contacts .maps .contacMsg .contactType .emails{
		margin-top: 0px;
		/*padding: 0 15px 0 15px;*/
		border: none;
	}
	.contacts .maps .contacMsg .contactType .emails{
		/*margin-top: 20px;*/
	}
	.contactType .addr{
		margin-top: 0px;
	}
	.contacts .maps .contacMsg .contactType .addr p,.contacts .maps .contacMsg .contactType .emails p{
		width:210px;
	}
	.contacts .maps .contacMsg .contactType .telphone,.addr,.contacts .maps .contacMsg .contactType .fax{
		/*margin-top: 20px;*/
		/*padding: 0 15px 0 15px;*/
		border: none;
	}
	.contacts .maps .contacMsg .contactType .swiper-slide .addr, 
	.contacts .maps .contacMsg .contactType .swiper-slide .telphone, 
	.contacts .maps .contacMsg .contactType .swiper-slide .emails, 
	.contacts .maps .contacMsg .contactType .swiper-slide .fax, 
	.contacts .maps .contacMsg .contactType .swiper-slide .telphone2{
		margin: 0;
	}
	.contacts .maps .contacMsg .contactType .swiper-slide .telphone:before {
    left: 2%;
}
.contacts .maps .contacMsg .contactType .swiper-slide .emails{
	padding-left: 15%;
}
.contacts .maps .contacMsg .contactType .swiper-slide .emails:before{
	left: -8%;
}
.contacts .maps .contacMsg .contactType .swiper-slide .fax {
    padding-left: 16%;
}
.contacts .maps .contacMsg .contactType .swiper-slide .fax:before {
    left: 0%;
}
.contacts .maps .contacMsg .contactType .swiper-slide div.itemsa:before{
	background: none;
}
	.downLoad{
		padding-bottom:10px;
	}
	.downLoad .downLoadList{
		padding: 10px 15px;
	}
	.downLoad .downLoadList .downLoadItem{
		padding: 15px 0;
	}
	.downLoad .downLoadList .downLoadItem .itemName,{
		width: calc(100% - 80px);;
	}
	.downLoad .downLoadList .downLoadItem .itemName p{
		font-size: 16px;
		text-indent: 20px;
	}
	.downLoad .downLoadList .downLoadItem .downLoadBtn{
		width: 80px;
		text-align: left;
		margin-top: 0px;
	}
	.downLoad .downLoadList .downLoadItem .downLoadBtn p a{
		
		font-size: 16px;
		text-align: center;
	}
	.downLoad .downLoadList .downLoadItem .downLoadBtn p a span{
		margin-right: 5px;
		width: 15px;
		height: 18px;
	}
	.pages p a{
		width: 35px;
		height: 35px;
		line-height: 35px;
		margin-right: 15px;
		font-size: 14px;
	}
	.join .jobsList .jobItem .jobMsg .zhiZeBox .zhiZeMsg p{
		font-size:14px;
	}
	.downLoad .downLoadList .downLoadItem .itemName {
		float: left;
		width: calc(100% - 70px);
	}
	.downLoad .downLoadList .downLoadItem .downLoadBtn{
		width:60px;
	}
	.join .jobsList .jobItem .jobMsg .applyBox .applyBtn{
		width: 100%;
		height: auto;
	}
	.join .jobsList .jobItem .jobMsg .applyBox .applyBtn a{
		height: auto;
		font-size: 14px;
		line-height: 1.6;
		padding: 15px;
		border-radius: 15px;
	}
}

@media screen and (max-width: 500px){
	.news{
		height: 710px;
	}
	.news .swiper{
		height: 450px;
	}
	.news .swiper-pagination{
		bottom: 11%
	}
	.news .swiper-button-prev, .news .swiper-button-next{
		bottom: 10%;
	}
	.join .jobsList .jobItem .jobTit .jobInfos p span{
		padding: 0;
		border: none;
	}
	.join .jobsList .jobItem .jobTit .jobInfos p span:nth-child(2){
		margin: 0 4px;
		padding: 0;
		border: none;
	}
	.join .jobsList .jobItem .jobMsg .zhiZeBox .zhiZeMsg p{
		font-size:14px;
	}
	.downLoad .downLoadList .downLoadItem .itemName {
		float: left;
		width: calc(100% - 70px);
	}
	.downLoad .downLoadList .downLoadItem .downLoadBtn{
		width:60px;
	}
	.contacts .maps .contacMsg .contactType{
		padding: 25px 15px;
	}
	.contacts .maps .contacMsg .contactType .swiper-slide .addr, 
	.contacts .maps .contacMsg .contactType .swiper-slide .telphone, 
	.contacts .maps .contacMsg .contactType .swiper-slide .emails, 
	.contacts .maps .contacMsg .contactType .swiper-slide .fax, 
	.contacts .maps .contacMsg .contactType .swiper-slide .telphone2{
		justify-content: center;
		padding: 0;
		margin: 0;
	}
	.contacts .maps .contacMsg .contactType .swiper-slide>div:before{
		background: none;
		display: none;
		opacity: 0;
	}
}