@charset "utf-8";
/* CSS Document */
/*=====  common  ======*/
a.mao{
	display:block;
	width:100%;
	position:relative;
	margin-top:-60px;
	height:60px;
	z-index:-55;
}
a.anchor
{
    display:none;
}
.container{
	width:96%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.navwarp.fixednav{
	position:fixed;
	background-color:#fff;
	box-shadow:0 4px 3px -3px rgba(0,0,0,0.6);
}
.navwarp.fixednav .navlist li a{
	color:#000;
}
.bottomwarp{
	padding:40px 0;
	background-color:#000;
}
.bottomwarp .btm-info{
	float:left;
	width:35%;
	padding-right:60px;
	box-sizing:border-box;
}
.bottomwarp .btm-info h1{
	font-size:24px;
	margin-bottom:30px;
}
.bottomwarp .btm-info h1 a{
	color:#fff;
}
.bottomwarp .btm-info p{
	line-height:2.5;
	color:#8a8a8a;
	max-height:100px;
	overflow:hidden;
	text-indent:2em;	
}
.bottomwarp .btm-info p .aboutmore{
	color:#8a8a8a;
}
.bottomwarp .btm-info p .aboutmore:hover{
	color:#2d9dd0;
}
.bottomwarp .btm-link{
	float:left;
	overflow:hidden;
}
.bottomwarp .btm-link dl{
	padding:0 25px;
	border-left:#292929 solid 1px;
	float:left;
	min-height:200px;
}
.bottomwarp .btm-link dl dt{
	font-size:14px;
	color:#fff;
	padding:20px 0;
}
.bottomwarp .btm-link dl dd{
	line-height:2.5;
}
.bottomwarp .btm-link dl dd a{
    color:#9d9d9d;
}
.bottomwarp .btm-link dl dd a:hover{
	color:#2d9dd0;
}
.bottomwarp .btm-contact{
	width:28%;
	float:left;
	    margin-top: -22px;
}
.bottomwarp .btm-contact dl{
	border-left:#292929 solid 1px;
	float:left;
	min-height:200px;
}
.bottomwarp .btm-contact dl dt{
	font-size:24px;
	color:#fff;
	padding:20px 0;
	margin-bottom:13px;
}
.bottomwarp .btm-contact dl dd{
	line-height:2.5;
	color:#9d9d9d;
	width:365px;
}
.bottomwarp .btm-contact dl dd a{
    color:#9d9d9d;
}
.bottomwarp .btm-code{
	float:right;
}
.bottomwarp .btm-code h1{
	font-size:24px;
	line-height:1.25;
	color:#fff;
	margin-bottom:15px;
}
.bottomwarp .btm-code img{
	max-width:121px;
	max-height:121px;
	padding:8px;
	background-color:#fff;
	border:#eee solid 1px;
}
.bottomwarp .btm-code p{
	font-size:14px;
	line-height:2.14;
	text-align:center;
	color:#fff;
}
.copyright{
	padding:20px 0;
	border-top:#333 solid 1px;
	background-color:#000;
}
.copyright p{
	text-align:center;
	color:#b2b2b2;
}
.copyright p a{
	color:#b2b2b2;
}
.copyright p a:hover{
	color:#2d9dd0;
}

.topLogo {
	font-size: 18px;
	color: #ffffff;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	margin-left: 10px;
}
}
.bannerimg{
	width:100%;
	max-height:480px;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	overflow:hidden;
	margin-top:60px;
}
.bannerimg img{
	width:100%;
	display:block;
}
.bannerimg .info{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	left:0.0001%;
	right:0.0001%;
	text-align:center;
}
.bannerimg .info h1{
	font-size:48px;
	font-weight:normal;
	color:#fff;
	text-shadow:#1cade4 0px 0px 5px;
}
.bannerimg .info h1 i{
	padding-left:25px;
}
.bannerimg .info p{
	font-size:24px;
	color:#fff;
	text-align:center;
	text-shadow:#1cade4 0px 0px 5px;
}


/*===== index.html =====*/
.headerbanner{
	height:100%;
}
.bannerswiper{
	width:100%;
	height:100%;
}
.bannerswiper .swiper-slide{
	position:relative;
	height:100%;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}
/*.bannerswiper .swiper-slide img{
	display:block;
	width:100%;
	height:auto;
}*/
/*.bannerswiper .swiper-slide .tit{
	position:absolute;
	z-index:3;
	top:50%;
	left:0.0001%;
	right:0.0001%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
}
.bannerswiper .swiper-slide .tit h1{
	font-size:60px;
	font-weight:normal;
	color:#fff;
	text-align:center;
}
.bannerswiper .swiper-slide .tit h1 b{
	font-weight:bold;
	color:#00b9ff;
}
.bannerswiper .swiper-slide .tit h2{
	font-size:24px;
	font-weight:normal;
	color:#fff;
	text-align:center;
}
.bannerswiper .swiper-slide .tit p{
	font-size:18px;
	text-align:center;
	line-height:2.2;
	color:#fff;
}
.bannerswiper .swiper-slide .tit p i{
	padding:0 12px;
}
.bannerswiper .swiper-slide .tit .more{
	display:block;
	width:162px;
	height:38px;
	border:#fff solid 1px;
	color:#fff;
	text-align:center;
	line-height:38px;
	font-size:16px;
	margin:30px auto 0;
	border-radius:19px;
}
.bannerswiper .swiper-slide .tit .more:hover{
	border-color:#139be2;
	color:#139be2;
}*/
.bannerswiper .pagination {
    width:100%;
	text-align:center;
    position: absolute;
    z-index: 20;
    left:0;
    right:0;
    bottom:30px;
	z-index:999;
}
.bannerswiper .swiper-pagination-switch {
    display: inline-block;
    width:27px;
    height:3px;
    background:#b1b1b1;
    margin:0 1.5px;
    cursor: pointer;
}
.bannerswiper .swiper-visible-switch {
    background: #aaa;
}
.bannerswiper .swiper-active-switch {
    background: #29b8f4;
}
.bannerswiper .bannerbtn{
	width:66px;
	height:66px;
	position:absolute;
	top:50%;
	margin-top:-33px;
	background-image:url(../images/bannericon.png);
	cursor:pointer;
	transition:all ease 0.3s;
	-webkit-transition:all ease 0.3s;
}
.bannerswiper .prevbtn{
	left:5%;
	margin-left:-33px;
	background-position:0 0;
}
.bannerswiper .prevbtn:hover{
	background-position:-66px 0;
}
.bannerswiper .nextbtn{
	right:5%;
	margin-right:-33px;
	background-position:-132px 0;
}
.bannerswiper .nextbtn:hover{
	background-position:-198px 0;
}
.navwarp{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	background-color:#333;
	
	z-index:999;
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
}
.wechatCode{
	float:right;
	border:0px red solid;
	margin-top:10px;
	color:#ffffff;
	font-size:15px;
}
	.wechatCode a{
		margin:0 10px;
		color:#888888;
		font-size:16px;
	}
.wechatCode2 {
	float: left;
	border: 0px red solid;
	margin-top: 20px;
	margin-left:3%;
	width:20%;
}

	.wechatCode2 input {
		width: 100%;
		color: #ffffff;
		font-size: 12px;
		height: 25px;
		padding-left: 3%;
		border-radius: 10px;
	}
	.navwarp .logo {
		display: block;
		float: left;
		margin-top: 7px;
		width: 180px;
	}
	.navwarp .logo img {
		width:65px;

	}
	.navwarp .phonebtn {
		display: none;
	}
.navwarp .navlist {
	float: right;
	/*margin-top: 10px;*/
	margin-right:3%;
}
.navwarp .navlist li{
	float:left;
	line-height:60px;
	font-size:18px;
	position:relative;
	
}
.navwarp .navlist li.plogo{
	display:none;
}
.navwarp .navlist li>a{
	color:#fff;	
	padding: 18px 20px;
}
.navwarp .navlist li>a:hover, .navwarp .navlist li>a.active{
	color:#fff;
	background-color:#0075a7;
}
.navwarp .navlist li dl{
	position:absolute;
	background-color:rgba(0,0,0,0.9);
	width:430px;
	left:0px;
	display:none;
}
	.navwarp .navlist li dl dd {
		line-height: 50px;
		height: 50px;
		text-align: center;
		border-bottom: 1px #666 solid
	}
.navwarp .navlist li dl dd a{
	color:#fff;
}
.navwarp .navlist li dl dd a:hover{
	color:#1cade4;
}

/*indexfloor common*/
.indexfloor{
	height:100%;
	padding-top:60px;
	box-sizing:border-box;
	position:relative;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
.indexfloor:before{
	height:100%;
	display:inline-block;
	vertical-align:middle;
	content:"";
}
/*.indexfloor .flooricon{
	width:48px;
	height:48px;
	background:url(../images/bodyicon.png) no-repeat;
	position:absolute;
	top:-24px;
	left:50%;
	margin-left:-24px;
	z-index:99;
	cursor:pointer;
}*/
.indexfloor .title{
	font-size:48px;
	padding:20px 0;
	text-align:center;
	position:relative;
	transition:all ease 0.6s;
	-webkit-transition:all ease 0.6s;
	transition-delay:0.2s;
	left:-80%;
	display:none;
}
.indexfloor .title:before{
	content:"";
	width:44px;
	height:3px;
	background-color:#c3c3c3;
	position:absolute;
	bottom:3px;
	left:50%;
	margin-left:-22px;
}
.indexfloor .subtitle{
	font-size:30px;
	line-height:1.5;
	text-align:center;
	font-weight:normal;
	padding:11px 0;
	margin-bottom:20px;
	position:relative;
	transition:all ease 0.6s;
	-webkit-transition:all ease 0.6s;
	transition-delay:0.2s;
	right:-80%;
	/*margin-top:150px;*/
}
.indexfloor .subtitle span{
	padding-left:25px;
}
.indexfloor .infotit{
	font-size:16px;
	text-align:center;
	line-height:1.7;
}
.active .indexfloor .title{
	left:0;
}
.active .indexfloor .subtitle{
	right:0;
}


/*inproducts*/
.inproducts{
	background-image:url(../images/inproducts.jpg);
}
.inproducts .title{
	margin-top:50px;
}
.inproducts .title,.inproducts .subtitle,.inproducts .infotit{
	color:#000;
}
.inproducts .swiper-container{
	max-width:1200px;
	margin:0 auto;
	padding:55px 0;
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;;
	transition-delay:0.2s;
	bottom:-200px;
}
.active .inproducts .swiper-container{
	bottom:0;
}

.inproducts .swiper-container .swiper-slide{
	box-sizing:border-box;
	padding:10px;
}
.inproducts .case{
	position:relative;
	width:100%;
	min-width:580px;
	height:310px;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}
.inproducts .case img{
	display:block;
	width:100%;
}
.inproducts .case .layer{
	position:absolute;
	padding:30px;
	background-color:rgba(41,184,244,0.94);
	width:100%;
	height:100%;
	top:0;
	right:0;
	box-sizing:border-box;
	color:#fff;
	display:none;
}
.inproducts .case .layer h1{
	font-size:24px;
	line-height:1.25;
	margin-bottom:13px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.inproducts .case .layer p{
	line-height:1.7;
	font-size:14px;
}
.inproducts .case .layer .more{
	position:absolute;
	display:block;
	width:128px;
	height:30px;
	border:#fff solid 1px;
	font-size:14px;
	text-align:center;
	line-height:30px;
	color:#fff;
	bottom:30px;
	left:30px;
}
.inproducts .case .layer .more:hover{
	background-color:#fff;
	color:#29b8f4;
}
.inproducts .pagination {
  position: absolute;
  z-index: 20;
  bottom: 0;
  width:100%;
  left:0;
  text-align:center;
}
.inproducts .swiper-pagination-switch {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 1px solid #848484;
  margin:0 3.5px;
  cursor: pointer;
}
.inproducts .swiper-active-switch {
	background-color:#29b8f4;
	border-color:#29b8f4;
}
/*incases*/
.incases{
	background-image:url(../images/incases.jpg);
}
.incases .title{
	margin-top:50px;
}
.incases .title,.incases .subtitle,.incases .infotit{
	color:#fff;
}
.incases .swiper-container{
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
	transition-delay:0.2s;
	bottom:-200px;
}
.active .incases .swiper-container{
	bottom:0;
}
.incases .caseslist{
	position:relative;
	max-width:1250px;
	margin:50px auto 0;
	padding:0 60px;
	box-sizing:border-box;
}
.incases .caseslist .casebtn{
	width:55px;
	height:55px;
	background-image:url(../images/casesicon.png);
	background-repeat:no-repeat;
	position:absolute;
	top:50%;
	margin-top:-22.5px;
	cursor:pointer;
	transition:all ease 0.4s;
	-webkit-transition:all ease 0.4s;
}
.incases .caseslist .prevbtn{
	left:0;
	background-position:0 0;
}
.incases .caseslist .prevbtn:hover{
	background-position:0 -55px;
}
.incases .caseslist .nextbtn{
	right:0;
	background-position:-55px 0;
}
.incases .caseslist .nextbtn:hover{
	background-position:-55px -55px;
}

.incases .caseslist .swiper-slide{
	padding:10px;
	box-sizing:border-box;
}
.incases .case{
	width:100%;
	cursor:pointer;
}
.incases .case .img{
	position:relative;
	width:100%;
	height:200px;
	overflow:hidden;
}
.incases .case .img img{
	width:100%;
	display:block;
}
.incases .case .img .layer{
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.7);
}
.incases .case .img .ico{
	display:block;
	width:70px;
	height:70px;
	background:url(../images/icon1.png) no-repeat;
	position:absolute;
	top:50%;
	margin-top:-35px;
	right:-70px;
	z-index:5;
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
}
.incases .case.on .img .ico{
	right:50%;
	margin-right:-35px;
}
/*.incases .case.on .info{
	background-color:#29b8f4;
}
*/
.incases .case.on .info p,.incases .case.on .info h1{
	color:#fff;
	text-align:center;
}
.incases .case .info{
	background-color:#f6f6f6;
	padding:20px;
	position:relative;
	z-index:2;
	overflow:hidden;
	/*transition:all ease-out 0.4s;
	-webkit-transition:all ease-out 0.4s;*/
}
.incases .case .info:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	bottom:-100%;
	left:0;
	background-color:#29b8f4;
	z-index:-2;
	transition:all ease 0.4s;
	-webkit-transition:all ease 0.4s;
}
.incases .case.on .info:before{
	bottom:0;
}
.incases .case .info h1{
	font-size:20px;
	line-height:1.5;
	font-weight:normal;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-bottom:14px;
}
.incases .case .info p{
	font-size:12px;
	line-height:2;
	color:#666;
	max-height:48px;
	overflow:hidden;
}
/*incooperation*/
.incooperation{
	background-image:url(../images/incooperation.jpg);
}
.incooperation .title{
	margin-top:110px;
}
.incooperation .title,.incooperation .subtitle,.incooperation .infotit{
	color:#545454;
}
.incooperation .subtitle{
	margin-bottom:0;
}
.incooperation .cooperationlist{
	margin-top:90px;
	text-align:center;
	position:relative;
}
.incooperation .cooperationlist li{
	display:inline-block;
	padding:0 6em;
	/*position:relative;*/
}
.incooperation .cooperationlist li .img{
	display:block;
	border-radius:50%;
	overflow:hidden;
}
.incooperation .cooperationlist li .img img{
	transition:all ease 0.4s;
	-webkit-transition:all ease 0.4s;
}
.incooperation .cooperationlist li .img:hover img{
	transform:rotateZ(360deg);
	-webkit-transform:rotateZ(360deg);
}
.incooperation .cooperationlist li p{
	font-size:22px;
	color:#545454;
	padding-top:25px;
	text-align:center;
}
/*inmedia*/
.inmedia{
	background-image:url(../images/inmedia.jpg);
}
.inmedia .title{
	margin-top:35px;
}
.inmedia .title, .inmedia .subtitle, .inmedia .infotit{
	color:#fff;
}
.inmedia .inmediaswiper{
	max-width:1200px;
	margin:40px auto 0;
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
	transition-delay:0.2s;
	bottom:-200px;
}
.active .inmedia .inmediaswiper{
	bottom:0;
}
.inmedia .inmediaswiper .img{
	float:left;
	width:50%;
	height:235px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	position:relative;
}
.inmedia .inmediaswiper .img .btn{
	width:30px;
	height:56px;
	position:absolute;
	top:50%;
	margin-top:-28px;
	background-color:rgba(0,0,0,0.5);
	cursor:pointer;
	transition:all ease 0.4s;
	-webkit-transition:all ease 0.4s;
	z-index:109;
	font-family:"Arial";
	font-size:30px;
	color:#fff;
	text-align:center;
	line-height:56px;
	background-repeat:no-repeat;
	background-position:center center;
}
.inmedia .inmediaswiper .img .btn:hover{
	background-color:rgba(0,0,0,1);
}
.inmedia .inmediaswiper .img .prevbtn{
	left:0;
	background-image:url(../images/ico-9.png);
}
.inmedia .inmediaswiper .img .nextbtn{
	right:0;
	background-image:url(../images/ico-8.png);
}

.inmedia .inmediaswiper .img img{
	display:block;
	width:100%;
}
.inmedia .inmediaswiper .info{
	background-color:#fff;
	height:100%;
	overflow:hidden;
	padding:35px;
	box-sizing:border-box;
	position:relative;
}
.inmedia .inmediaswiper .info h1{
	font-weight:normal;
	font-size:18px;
	line-height:1.33;
	margin-bottom:20px;
}
.inmedia .inmediaswiper .info p{
	font-size:14px;
	line-height:24px;
	color:#4e4e4e;
	max-height:72px;
	overflow:hidden;
	
}
.inmedia .inmediaswiper .info .more{
	display:block;
	width:114px;
	height:38px;
	text-align:center;
	line-height:38px;
	border:#939393 solid 1px;
	font-size:14px;
	color:#939393;
	position:absolute;
	left:35px;
	bottom:35px;
}
.inmedia .inmediaswiper .info .more:hover{
	background-color:#29b8f4;
	border-color:#29b8f4;
	color:#fff;
}
.inmedia .medialist{
	max-width:1200px;
	margin:0 auto;
	background-color:rgba(41,184,244,0.5);
	overflow:hidden;
	font-size:0;
	line-height:0;
	position:relative;
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
	transition-delay:0.2s;
	bottom:-200px;
}
.active .inmedia .medialist{
	bottom:0;
}

.inmedia .medialist li{
	display:inline-block;
	width:33.33%;
	padding:20px 30px;
	box-sizing:border-box;
}
.inmedia .medialist li h1{
	font-size:14px;
	line-height:1.7;
	color:#fff;
	font-weight:normal;
	margin-bottom:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.inmedia .medialist li h1 a{
	color:#fff;
}
.inmedia .medialist li h1 a:hover{
	color:#1cade4;
}
.inmedia .medialist li p{
	font-size:14px;
	line-height:1.7;
	color:#fff;
	max-height:48px;
	overflow:hidden;
}
.inmedia .medialist li .ico{
	display:none;
	width:30px;
	height:30px;
	position:relative;
	margin-top:15px;
	background:url(../images/icon2.png) no-repeat left center;
	padding-right:25px;
}
.inmedia .medialist li .ico:hover{
	background:url(../images/icon2.png) no-repeat right center;
}
/*inrecruitment*/
.inrecruitment{
	padding:100px 0 170px;
	background-image:url(../images/inrecruit.jpg);
}
.inrecruitment .title{
	margin-top:90px;
}
.inrecruitment .title, .inrecruitment .subtitle{
	color:#545454;
}
.inrecruitment .subtitle{
	/*margin-bottom:100px;*/
}
.inrecruitment p{
	font-size:14px;
	line-height:2.14;
	color:#616161;
	text-align:center;
}
.inrecruitment h6{
	font-size:24px;
	line-height:1.5;
	text-align:center;
	margin:22px 0 45px;
}
.inrecruitment .recruit{
	position:relative;
	display:block;
	width:145px;
	height:44px;
	text-align:center;
	line-height:44px;
	font-size:14px;
	margin:0 auto;
	border:#828282 solid 1px;
	color:#828282;
	box-sizing:border-box;
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
	transition-delay:0.2s;
	overflow:hidden;
}
.inrecruitment .recruit:hover{
	background-color:#2ca5da;
	border-color:#2ca5da;
	color:#fff;
}
.inrecruitment .recruit:before{
	content:"";
	position:absolute;
	height:100%;
	width:8px;
	transform:rotate(25deg);
	-webkit-transform:rotate(25deg);
	background-color:rgba(255,255,255,0.3);
	top:-15%;
	left:-45px;
	transition:all ease-out 0.25s;
	-webkit-transition:all ease-out 0.25s;
	transition-delay:0.1s;
	-webkit-transition-delay:0.1s;
}
.inrecruitment .recruit:hover:before{
	width:25px;
	height:150%;
	left:110%;
}

/*===== cases.html =====*/
.caseswarp{
	width:96%;
	max-width:1200px;
	margin:70px auto 45px;
	overflow:hidden;
}
.caseswarp .casesbox ul{
	font-size:0;
	line-height:0;
	overflow:hidden;
}
.caseswarp .casesbox ul li{
	margin: 20px;
    box-shadow: 0px 0px 3px 0px #dadada;
    float: left;
    width: 30%;
    padding: 10px;
    box-sizing: border-box;
}
.caseswarp .casesbox ul li .img{
	width:100%;
	height:auto;
	/*position:relative;*/
	overflow:hidden;
}
.caseswarp .casesbox ul li .img img{
	width:100%;
	display:block;
}
.caseswarp .casesbox ul li .img .info{
	font-size:24px;
	background-color:rgba(0,0,0,0.6);
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:80px;
	line-height:80px;
	color:#fff;
	text-indent:24px;
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
}
.caseswarp .casesbox ul li .img:hover .info{
	bottom:-80px;
}
.caseswarp .casesbox ul li .img .layer{
	/*width:100%;
	height:100%;
	background-color:rgba(23,170,232,0.8);*/
	/*position:absolute;*/
	position:relative;
	/*top:0;
	right:-100%;
	padding:30px;*/
	box-sizing:border-box;
	/*transition:all ease-out 0.4s;
	-webkit-transition:all ease-out 0.4s;*/
}
.caseswarp .casesbox ul li .img .layer h1{
	font-size:22px;
	line-height:1.5;
	color:#444;
	font-weight:normal;
	margin:15px 0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.caseswarp .casesbox ul li .img .layer p{
	font-size:14px;
	line-height:30px;
	height:90px;
	color:#737373;
	overflow:hidden;
	text-indent:2em;
}
.caseswarp .casesbox ul li .img .layer .more{
	display:block;
	position:absolute;
	bottom:30px;
	left:30px;
	width:118px;
	height:38px;
	border:#fff solid 1px;
	text-align:center;
	line-height:38px;
	font-size:14px;
	color:#fff;
	z-index:109;
}
.caseswarp .casesbox ul li .img .layer .more:hover{
	background-color:#fff;
	color:#1cade4;
}
/*.caseswarp .casesbox ul li .img.on .layer{
	right:0;
}*/
.caseswarp .casespage{
	font-size:0;
	line-height:0;
	text-align:center;
}
.caseswarp .casespage a{
	display:inline-block;
	font-size:14px;
	width:113px;
	height:38px;
	line-height:38px;
	color:#939393;
	border:#939393 solid 1px;
	margin:0 4.5px;
	background-repeat:no-repeat;
}
.caseswarp .casespage a:hover{
	border-color:rgb(23,170,232);
	color:#17aae8;
}
.caseswarp .casespage .prevpage{
	background-image:url(../images/prevpage.png);
	background-position:30px center;
	text-indent:26px;
}
.caseswarp .casespage .prevpage:hover{
	background-position:15px center;
}	
.caseswarp .casespage .nextpage{
	background-image:url(../images/nextpage.png);
	background-position:80px center;
	text-indent:-30px;
}
.caseswarp .casespage .nextpage:hover{
	background-position:95px center;
}

/*===== casedetail.html =====*/
body.init .detailwarp{
	top:-60px;
}
.detailwarp{
	width:96%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
	top:0;
	padding:20px;
	border:#d7d7d7 solid 1px;
	background-color:#fff;
	box-sizing:border-box;
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
	z-index:55;
	min-height:550px;
}
.casedetail{
	margin-bottom:45px;
}
.casedetail .tit{
	padding:30px 0 20px;
	/*border-bottom:#b9b9b9 dotted 1px;*/
}
.casedetail .tit h1{
	font-size:30px;
	line-height:1.2;
	text-align:center;
	margin-bottom:10px;
}
.casedetail .tit p{
	line-height:2.5;
	color:#6d6d6d;
	text-align:center;
}
.casedetail .tit p span{
	padding-left:12px;
}
.casedetail .tit p i{
	color:#1cade4;
}
.casedetail .article{
	border-bottom:#b9b9b9 dotted 1px;
	border-top:#b9b9b9 dotted 1px;
	padding:45px 0 40px;
	text-align:center;
}
.casedetail .article >img{
	max-width:100%;
	display:block;
	margin:15px auto;
}
.casedetail .article .item{
	display:inline-block;
	max-width:100%;
	overflow:hidden;
}
.casedetail .article .item img{
	display:block;
	max-width:100%;
}
.casedetail .article .item .info{
	display:inline-block;
	width:100%;
	padding:25px;
	background-color:#f4f4f4;
	box-sizing:border-box;
}
.casedetail .article .item .info h1{
	font-size:24px;
	line-height:1.5;
	text-align:center;
	font-weight:normal;
}
.casedetail .article .item .info p{
	font-size:14px;
	line-height:1.7;
	color:#818181;
	text-align:center;
}
.casedetail .article>p{
	margin-top:30px;
	font-size:14px;
	line-height:2.1;
	color:#818181;
}
.casedetail .page{
	font-size:0;
	line-height:0;
	text-align:center;
	margin-top:45px;
}
.casedetail .page a{
	display:inline-block;
	font-size:14px;
	width:113px;
	height:38px;
	line-height:38px;
	color:#939393;
	border:#939393 solid 1px;
	margin:0 4.5px;
	background-repeat:no-repeat;
}
.casedetail .page a:hover{
	border-color:rgb(23,170,232);
	color:#17aae8;
}
.casedetail .page .prevpage{
	background-image:url(../images/prevpage.png);
	background-position:30px center;
	text-indent:26px;
}
.casedetail .page .prevpage:hover{
	background-position:15px center;
}	
.casedetail .page .nextpage{
	background-image:url(../images/nextpage.png);
	background-position:80px center;
	text-indent:-30px;
}
.casedetail .page .nextpage:hover{
	background-position:95px center;
}

/*===== service.html =====*/
.mapwarp{
	padding:70px 0 55px;
}
.mapwarp .tit{
	font-size:36px;
	text-align:center;
	text-align:center;
	color:#575757;
	font-weight:normal;
	position:relative;
}
.mapwarp .mapbox{
	width:1200px;
	margin:30px auto 0;
	height:585px;
	background:url(../images/map.png) no-repeat;
	position:relative;
}
.mapwarp .mapbox .seat{
	position:absolute;
	background-repeat:no-repeat;
	font-size:14px;
	color:#fff;
	text-align:center;
	padding-top:27px;
	width:68px;
	cursor:pointer;
}
.mapwarp .mapbox .seat-1{
	height:291px;
	background-image:url(../images/l-1.png);
	left:489px;
	top:151px;
}
.mapwarp .mapbox .seat-1:hover{
	background-image:url(../images/l-1-on.png);
}
.mapwarp .mapbox .seat-2{
	height:191px;
	background-image:url(../images/l-2.png);
	left:579px;
	top:251px;
}
.mapwarp .mapbox .seat-2:hover{
	background-image:url(../images/l-2-on.png);
}
.mapwarp .mapbox .seat-3{
	height:191px;
	background-image:url(../images/l-3.png);
	left:695px;
	top:221px;
}
.mapwarp .mapbox .seat-3:hover{
	background-image:url(../images/l-3-on.png);
}
.mapwarp .mapbox .seat-4{
	height:331px;
	background-image:url(../images/l-4.png);
	left:743px;
	top:76px;
}
.mapwarp .mapbox .seat-4:hover{
	background-image:url(../images/l-4-on.png);
}
.mapwarp .mapbox .seat-5{
	height:191px;
	background-image:url(../images/l-5.png);
	left:792px;
	top:232px;
}
.mapwarp .mapbox .seat-5:hover{
	background-image:url(../images/l-5-on.png);
}
.mapwarp .mapbox .seat-6{
	height:141px;
	background-image:url(../images/l-6.png);
	left:833px;
	top:309px;
}
.mapwarp .mapbox .seat-6:hover{
	background-image:url(../images/l-6-on.png);
}
.mapwarp .mapbox .seat .address{
	width:260px;
	color:#000;
	position:absolute;
	z-index:9;
	top:0;
	right:-275px;
	display:none;
	background-color:#fff;
	border:#44dbaf solid 1px;
	padding:10px;
	box-sizing:border-box;
	border-radius:3px;
}
.mapwarp .mapbox .seat .address:after{
	content:"";
	width:10px;
	height:10px;
	background-color:#fff;
	position:absolute;
	top:18%;
	margin-top:-5px;
	left:-5px;
	border-color:transparent transparent #44dbaf #44dbaf;
	border-width:1px;
	border-style:solid;
	transform:rotate(45deg);
	box-sizing:border-box;
}


.mapwarp .mapbox .seat .address h6{
	font-size:18px;
	line-height:30px;
	text-align:left;
	margin-bottom:11px;
}
.mapwarp .mapbox .seat .address p{
	line-height:18px;
	color:#565656;
}
.serprogramme{
	padding:70px 0 60px;
	background-color:#f7f7f7;
}
.serprogramme .tit{
	font-size:36px;
	text-align:center;
	text-align:center;
	color:#575757;
	font-weight:normal;
	position:relative;
}
.serprogramme .programme{
	width:96%;
	max-width:1200px;
	margin:70px auto 0;
	position:relative;
}
.serprogramme .programme ul{
	font-size:0;
	line-height:0;
}
.serprogramme .programme ul li{
	display:inline-block;
	width:400px;
	border:transparent solid 15px;
	padding:15px;
	background-color:#ededed;
	background-clip:padding-box;
	box-sizing:border-box;
}
.serprogramme .programme ul li .item{
	width:100%;
	position:relative;
	overflow:hidden;
}
.serprogramme .programme ul li .item img{
	display:block;
	width:100%;
}
.serprogramme .programme ul li .item .layerbg{
	position:absolute;
	top:30%;
	border-top:80px solid transparent;
	border-right:340px solid rgba(255,255,255,1);
	height:70%;
	transition:all ease 0.3s;
	-webkit-transition:all ease 0.3s;
}
.serprogramme .programme ul li .item .layer{
	position:absolute;
	top:50%;
	padding:30px 30px;
	box-sizing:border-box;
	transition:all ease 0.3s;
	-webkit-transition:all ease 0.3s;
}
.serprogramme .programme ul li .item .layer h1{
	font-size:18px;
	line-height:2;
	color:#454545;
	margin-bottom:1em;
	position:relative;
	text-indent:12px;
}
.serprogramme .programme ul li .item .layer h1:before{
	content:"";
	position:absolute;
	width:4px;
	height:18px;
	background-color:#17aae8;
	left:0;
	top:50%;
	margin-top:-9px;
}
	
.serprogramme .programme ul li .item .layer dl{
	overflow:hidden;
}
.serprogramme .programme ul li .item .layer dl dd{
	float:left;
	width:50%;
	font-size:14px;
	line-height:2.3;
}
.serprogramme .programme ul li .item .layer dl dd a{
	color:#464646;
}
.serprogramme .programme ul li .item .layer dl dd a:hover{
	color:#0597fd;
}
.serprogramme .programme ul li .item:hover .layerbg{
	top:-80px;
	height:100%;
}
.serprogramme .programme ul li .item:hover .layer{
	top:10%;
}
.serviceconsult{
	padding:70px 0 100px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-image:url(../images/serviceconsult.jpg);
}
.serviceconsult .tit{
	font-size:36px;
	text-align:center;
	text-align:center;
	color:#fff;
	font-weight:normal;
}
.serviceconsult .list{
	width:96%;
	max-width:1200px;
	margin:80px auto 0;
	overflow:hidden;
	font-size:0;
	line-height:0;
	text-align:center;
}
.serviceconsult .list li{
	display:inline-block;
	vertical-align:middle;
}
.serviceconsult .list li.sign{
	width:9.16%;
	padding-top:9.16%;
	background:url(../images/ico6.png) no-repeat center center;
}
.serviceconsult .list li.ico{
	width:17.83%;
	padding-top:17.83%;
	background-color:#2d9dd0;
	border-radius:50%;
	position:relative;
}
.serviceconsult .list li.ico img{
	display:block;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	left:0.0001%;
	right:0.0001%;
	margin:0 auto;
}
.serviceconsult .list li.ico i{
	display:block;
	font-size:18px;
	color:#fff;
	position:absolute;
	bottom:2.4em;
	left:0.0001%;
	right:0.0001%;
}
.serviceconsult .join{
	display:block;
	width:208px;
	height:62px;
	color:#2d9dd0;
	text-align:center;
	line-height:62px;
	position:relative;
	margin:80px auto 0;
	border:#2d9dd0 solid 1px;
	font-size:18px;
	z-index:2;
}
.serviceconsult .join:hover{
	background-color:#2d9dd0;
	color:#fff;
}

/*=====  products.html  ======*/
.productswarp{
	width:96%;
	max-width:1200px;
	margin:55px auto 60px;
}
.productswarp .tabbtn{
	text-align:center;
	line-height:0;
	font-size:0;
}
.productswarp .tabbtn a{
	display:inline-block;
	width:153px;
	height:53px;
	border:#bdbdbd solid 1px;
	text-align:center;
	line-height:53px;
	color:#686868;
	font-size:18px;
	border-left:0;
}
.productswarp .tabbtn a:first-child{
	border-left:#bdbdbd solid 1px;
}
.productswarp .tabbtn a.on{
	background-color:#1cade4;
	border-color:#1cade4;
	color:#fff;
}
/*.productswarp .tabcont{
	display:none;
}
.productswarp .itemlist{
	margin-top:50px;
}*/
.productswarp .tabcont{
	margin-top:50px;
	overflow:hidden;
}
.productswarp .tabcont .tabul{
	position:relative;
	left:0;
	top:0;
	overflow:hidden;
}
.productswarp .tabcont .tabul>li{
	float:left;
}
.productswarp .contlist li{
	overflow:hidden;
	margin:15px 1.5%;
	/*margin-bottom:30px;*/
	position:relative;
	width:30%;
	float:left;

}
	.productswarp .contlist li .img {
		float: left;
		height: 190px;
		overflow: hidden;
	}
.productswarp .contlist li .img img{
	display:block;
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
	width:100%;
}
.productswarp .contlist li .img:hover img{
	transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
}
.productswarp .contlist li .info{
	position:relative;
	padding:35px;
	height:100%;
	background-color:#f6f6f6;
	overflow:hidden;
	box-sizing:border-box;
}
.productswarp .contlist li .info h1{
	font-size:18px;
	font-weight:normal;
	margin-bottom:15px;
}
.productswarp .contlist li .info p{
	font-size:14px;
	line-height:2.1;
	color:#6a6a6a;
	max-height:90px;
	overflow:hidden;
	text-indent:2em;
}
.productswarp .contlist li .info .more{
	display:block;
	width:80px;
	height:75px;
	text-align:center;
	line-height:43px;
	font-size:14px;
	border:#606060 solid 1px;
	color:#606060;
	position:absolute;
	bottom:150px;
	right:35px;
}
.productswarp .contlist li .info .more:hover{
	background-color:#1cade4;
	border-color:#1cade4;
	color:#fff;
}
/*//*/
.productswarp .contlist .proCon{
	display:none;
}
.serDetaile{
	display:none;
	position:fixed;
	z-index:1001;
	left:50%;
	top:-500px;
	width:96%;
	max-width:1000px;
	height:700px; 
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3), -5px -5px 5px rgba(0,0,0,0.3);
	margin: -303px 0 0 -500px;
	background:#fff;
}
.serDetaile .proCon{
	display:block;
	text-indent:2em;
}
.sdCloseBtn{
	position:absolute;
	right:-50px;
	top:0;
	width:50px;
	height:50px; 
	background:#e00025 url(../images/dialog_close.png) no-repeat center center;
}
.sdCloseBtn:hover{
	background-color:#ef0229; 
}
.sdTitle{
	margin:45px 0 0;
	font-size:24px;
	line-height:1.2; 
	text-align:center;
	font-weight:normal;
}
.sdContent{overflow:hidden; height:626px; padding:25px; line-height:30px; width:100%; box-sizing:border-box;}
.sdContent .mCSB_scrollTools,
.sdContent .mCSB_draggerContainer{width: 10px; }
.sdContent .mCSB_dragger{background: #676767; width: 10px; border-radius: 0; }
.sdContent .mCSB_draggerRail{width: 10px; border-radius: 0; background: #c2c2c2; }
.sdContent .mCSB_dragger_bar{display: none; }
.mask{display:none; opacity:0; filter:alpha(opacity=0); position:fixed; z-index:1000; left:0; top:0; right:0; bottom:0; background:#000000; opacity:0.5; filter:alpha( opacity = 50 );}
/*//*/


/*===== join.html =====*/
.join-about{
	padding:80px 0 100px;
	overflow:hidden;
	position:relative;
}
.join-about .tit{
	font-size:36px;
	text-align:center;
}
.join-about .group{
	margin-top:75px;
	overflow:hidden;
}
.join-about .img{
	float:left;
	width:50%;
}
.join-about .img img{
	display:block;
	max-width:100%;
}
.join-about .info{
	float:left;
	width:50%;
	padding-left:35px;
	overflow:hidden;
	box-sizing:border-box;
	text-indent:2em;
}
.join-about .info h1{
	font-size:24px;
	line-height:1.25;
	color:#595959;
	font-weight:normal;
	margin-top:25px;
}
.join-about .info h1.btm{
	margin-top:0;
	margin-bottom:25px;
}
.join-about .info p{
	font-size:14px;
	line-height:2.1;
	color:#787878;
}
.join-letter{
	padding:80px 0 100px;
	background:url(../images/join-letter1.jpg) no-repeat top center/cover;
	position:relative;
	
}
.join-letter em
{
    font-style:italic;
}
.join-letter h1{
	font-size:48px;
	font-weight:normal;
	text-align:center;
	color:#fff;
}
.join-letter p{
	font-size:14px;
	line-height:2.1;
	color:#fff;
}
.join-letter p a{
	color:#fff;
	padding-right:10px;
}
.join-recruit{
	padding:70px 0 60px;
	position:relative;
}
.join-recruit .tit{
	font-size:36px;
	text-align:center;
}
.join-recruit .recruit{
	margin-top:55px;
}
.join-recruit .recruit>li{
	height:122px;
	overflow:hidden;
	margin-bottom:20px;
}
.join-recruit .recruit>li .name{
	width:20%;
	height:100%;
	float:left;
	background-color:#999;
	position:relative;
	font-size:24px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:122px;
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
}
.join-recruit .recruit>li .name:before{
	width:0;
	height:0;
	content:"";
	position:absolute;
	right:-20px;
	top:50%;
	margin-top:-10px;
	border-style:solid;
	border-width:10px;
	border-color:transparent transparent transparent #999;
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
}
.join-recruit .recruit>li:hover .name , .join-recruit .recruit>li.on .name{
	background-color:#2ab1ea;
}
.join-recruit .recruit>li:hover .name:before , .join-recruit .recruit>li.on .name:before{
	border-color:transparent transparent transparent #2ab1ea;
}
.join-recruit .recruit>li .info{
	float:left;
	width:65%;
	padding-left:45px;
	height:100%;
	background-color:#f0f0f0;
	box-sizing:border-box;
}
.join-recruit .recruit>li .info ul{
	padding-top:32px;
	overflow:hidden;
}
.join-recruit .recruit>li .info ul li{
	float:left;
	width:33.33%;
	font-size:14px;
	line-height:2.1;
	color:#4e4e4e;
}
.join-recruit .recruit li .look{
	float:left;
	width:15%;
	height:100%;
	background-color:#e4e4e4;
	text-align:center;
	line-height:122px;
}
.join-recruit .recruit li .look a{
	padding:8px 16px;
	font-size:14px;
	color:#fff;
	background-color:#2ab1ea;
	border-radius:4px;
	-webkit-border-radius:4px;
}
.join-recruit .recruit li .look a:hover{
	background-color:#1d6a8b;
}
.recruit .recruitshow{
	padding:0 30px 30px;
	overflow:hidden;
	display:none;
}
.recruit .recruitshow h2{
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	color:#2ab1ea;
	margin-top:30px;
}
.recruit .recruitshow .first{
	margin-top:10px;
}
.recruit .recruitshow p{
	font-size:14px;
	line-height:26px;
	color:#666;
}
.recruit .recruitshow .address{
	margin-top:20px;
}
.recruit .recruitshow .apply{
	display:block;
	width:139px;
	height:37px;
	text-align:center;
	line-height:37px;
	background-color:#2ab1ea;
	font-size:16px;
	color:#fff;
	margin-top:20px;
}
.recruit .recruitshow .apply:hover{
	background-color:#1d6a8b;
}


/*=====  developer.html  ======*/
.devebannerimg .info{
	max-width:1200px;
	margin:0 auto;
}
.devebannerimg .info .wordgroup{
	width:50%;
	float:right;
}
.devebannerimg .info h1, .devebannerimg .info p{
	text-align:left;
}
.devebannerimg .info h1{
	font-size:24px;
}
.devebannerimg .info h1 b{
	font-size:60px;
	padding-right:15px;
}
.developerwarp{
	width:96%;
	max-width:1200px;
	margin:90px auto 100px;
	font-size:0;
	line-height:0;
	position:relative;
}
.developerwarp .inp{
	border:#d1d1d1 solid 1px;
	font-size:14px;
	color:#919191;
	height:58px;
	line-height:58px;
	text-indent:18px;
	box-sizing:border-box;
	margin-top:13px;
	margin-bottom:13px;
}
.developerwarp .inp.on{
	border-color:#2d9dd0;
	box-shadow:0 0 5px rgba(45,157,208,0.6);
}
.developerwarp .inp-1{
	width:50%;
}
.developerwarp .inp-l{
	width:-moz-calc(50% - 20px);
	width:-webkit-calc(50% - 20px);
	width:calc(50% - 20px);
	margin-right:20px;
}
.developerwarp .inp-2{
	width:100%;
}
.developerwarp .textarea{
	width:100%;
	padding:15px;
	resize:none;
	line-height:1.8;
	text-indent:3px;
	height:210px;
}
.developerwarp .btn{
	width:154px;
	height:52px;
	line-height:52px;
	box-sizing:border-box;
	font-size:14px;
	text-align:center;
	color:#8f8f8f;
	background-color:transparent;
	cursor:pointer;
	margin-top:17px;
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
}
.developerwarp .submit{
	background-color:#2d9dd0;
	color:#fff;
	margin-right:16px;
}
.developerwarp .submit:hover{
	background-color:#1d536b;
}
.developerwarp .reset{
	border:#c9c9c9 solid 1px;
}
.developerwarp .reset:hover{
	background-color:#6f6d6d;
	border-color:#6f6d6d;
	color:#fff;
}

/*===== mediadetail.html =====*/
.mediadetail .tit{
	padding:150px 0 20px;
	/*border-bottom:#b9b9b9 dotted 1px;*/
}
.mediadetail .tit h1{
	font-size:30px;
	line-height:1.2;
	text-align:center;
	margin-bottom:10px;
}
.mediadetail .tit p{
	line-height:2.5;
	color:#6d6d6d;
	text-align:center;
}
.mediadetail .tit p span{
	padding-left:12px;
}
.mediadetail .tit p i{
	color:#1cade4;
}
.mediadetail .article{
	border-bottom:#b9b9b9 dotted 1px;
	border-top:#b9b9b9 dotted 1px;
	padding:0 0 40px;
	/*text-align:center;*/
	text-indent:2em;
	padding-top:20px;
}
.mediadetail .article img{
	max-width:100%;
	display:block;
	margin:15px auto;
}

.mediadetail .article p{
	margin-top:30px;
	font-size:14px;
	line-height:2.1;
	color:#818181;
}
.mediadetail .page{
	font-size:0;
	line-height:0;
	text-align:center;
	margin-top:30px;
	margin-bottom:10px;
}
.mediadetail .page a{
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	width:113px;
	height:38px;
	line-height:38px;
	color:#939393;
	border:#939393 solid 1px;
	margin:0 4.5px;
	background-repeat:no-repeat;
}
.mediadetail .page a:hover{
	border-color:rgb(23,170,232);
	color:#17aae8;
}
.mediadetail .page .prevpage{
	background-image:url(../images/prevpage.png);
	background-position:30px center;
	text-indent:26px;
}
.mediadetail .page .prevpage:hover{
	background-position:15px center;
}	
.mediadetail .page .nextpage{
	background-image:url(../images/nextpage.png);
	background-position:80px center;
	text-indent:-30px;
}
.mediadetail .page .nextpage:hover{
	background-position:95px center;
}
.mediadetail .page .returnlist{
	width:38px;
}
.mediadetail .page .returnlist img{
	display:block;
	margin:12px auto 0;
	transition:all ease 0.4s;
	-webkit-transition:all ease 0.4s;
}
.mediadetail .page .returnlist:hover{
   background-color:#17aae8;
}
.mediadetail .page .returnlist:hover img{
	transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
}

/*=====  media.html =====*/
.mediawarp{
	width:96%;
	max-width:1200px;
	margin:50px auto 40px;
	overflow:hidden;
}
mediaswiper{
	position:relative;
}
.mediawarp .swiper-slide{
	overflow:hidden;
}
.mediawarp .swiper-slide .img{
	float:left;
	width:50%;
	height:auto;
	position:relative;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.mediawarp .swiper-slide .img img{
	width:100%;
	display:block;
}
.mediawarp .swiper-slide .img .data{
	position:absolute;
	background-color:rgba(0,0,0,0.7);
	bottom:0;
	left:0;
	min-width:100px;
	padding:10px 0;
}
.mediawarp .swiper-slide .img .data p{
	color:#fff;
	text-align:center;
	font-size:14px;
}
.mediawarp .swiper-slide .img .data .day{
	font-size:48px;
	font-weight:bold;
}
.mediawarp .swiper-slide .info{
	position:relative;
	float:left;
	width:50%;
	height:100%;
	border:#ebebeb solid 1px;
	padding:30px;
	box-sizing:border-box;
}
.mediawarp .swiper-slide .info h1{
	font-weight:normal;
	font-size:24px;
	min-height:32px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-bottom:20px;
}
.mediawarp .swiper-slide .info h1 a:hover{
	color:#2d9dd0;
}
.mediawarp .swiper-slide .info h1 b{
	background-color:#d84b4b;
	padding:3px 8px;
	color:#fff;
	border-radius:4px;
	font-size:18px;
	margin-right:10px;
}
.mediawarp .swiper-slide .info p{
	font-size:14px;
	line-height:1.7;
	color:#4e4e4e;
	max-height:72px;
	overflow:hidden;
}
.mediawarp .swiper-slide .info .more{
	display:block;
	position:absolute;
	bottom:30px;
	left:30px;
	width:115px;
	height:39px;
	line-height:39px;
	border:#939393 solid 1px;
	color:#939393;
	text-align:center;
	z-index:3;
	box-sizing:border-box;
	overflow:hidden;
}
.mediawarp .swiper-slide .info .more:before{
	content:"";
	position:absolute;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	background-color:#2d9dd0;
	z-index:-3;
	transition:all ease 0.3s;
	-webkit-transition:all ease 0.3s;
}
.mediawarp .swiper-slide .info .more:hover{
	color:#fff;
	border-color:#2d9dd0;
}
.mediawarp .swiper-slide .info .more:hover:before{
	right:0;
}
.mediaswiper .btn{
	width:40px;
	height:40px;
	border:#8f8f8f solid 1px;
	position:absolute;
	bottom:30px;
	cursor:pointer;
	box-sizing:border-box;
	background-position:center center;
	background-repeat:no-repeat;
	transition:all ease 0.4s;
	-webkit-transition:all ease 0.4s;
}
.mediaswiper .prevbtn{
	right:70px;
	border-right:0;
	background-image:url(../images/ico-prev.png);
}
.mediaswiper .prevbtn:hover{
	background-position:10px center;
}
.mediaswiper .nextbtn{
	right:30px;
	background-image:url(../images/ico-next.png);
}
.mediaswiper .nextbtn:hover{
	background-position:22px center;
}
.mediawarp .mediaitem{
	margin-top:32px;
}
.mediawarp .mediaitem li{
	padding:25px;
	border:#ececec solid 1px;
	box-sizing:border-box;
	overflow:hidden;
	position:relative;
	margin-bottom:30px;
}
.mediawarp .mediaitem li .img{
	float:left;
	width:230px;
	height:auto;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.mediawarp .mediaitem li .img img{
	display:block;
	width:100%;
}
.mediawarp .mediaitem li .info{
	height:100%;
	overflow:hidden;
	box-sizing:border-box;
	padding-left:30px;
	text-indent:2em;
	
}
.mediawarp .mediaitem li .info h1{
	font-size:24px;
	font-weight:normal;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-bottom:14px;
}
.mediawarp .mediaitem li .info p{
	font-size:14px;
	line-height:2.1;
	color:#4e4e4e;
}
.mediawarp .mediaitem li .info .word{
	max-height:60px;
	overflow:hidden;
	margin-bottom:10px;
}
.mediawarp .mediaitem li .info .time{
	color:#7f7f7f;
	line-height:1.7;
}
.mediawarp .mediaitem li:before{
	content:"";
	position:absolute;
	top:0;
	right:-100px;
	background-color:rgba(15,155,226,0.75);
	width:100px;
	height:100%;
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
}
.mediawarp .mediaitem li .layerico{
	display:block;
	width:54px;
	height:54px;
	position:absolute;
	top:-54px;
	right:23px;
	margin-top:-27px;
	background:url(../images/ico7.png) no-repeat;
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
}
.mediawarp .mediaitem li:hover:before{
	right:0;
}
.mediawarp .mediaitem li:hover .layerico{
	top:50%;
}
.mediawarp .page{
	font-size:0;
	line-height:0;
	text-align:center;
	margin-top:45px;
}
.mediawarp .page a{
	display:inline-block;
	font-size:14px;
	width:113px;
	height:38px;
	line-height:38px;
	color:#939393;
	border:#939393 solid 1px;
	margin:0 4.5px;
	background-repeat:no-repeat;
}
.mediawarp .page a:hover{
	border-color:rgb(23,170,232);
	color:#17aae8;
}
.mediawarp .page .prevpage{
	background-image:url(../images/prevpage.png);
	background-position:30px center;
	text-indent:26px;
}
.mediawarp .page .prevpage:hover{
	background-position:15px center;
}	
.mediawarp .page .nextpage{
	background-image:url(../images/nextpage.png);
	background-position:80px center;
	text-indent:-30px;
}
.mediawarp .page .nextpage:hover{
	background-position:95px center;
}

/***=== fullpage ===***/
/*#bodywarp{
	margin-top:70px;
}*/
.section{
	overflow:hidden;
}
.footer{
	position:relative;
}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{
	height:auto !important;
}

.middlebox{
	display:inline-block;
	vertical-align:middle;
	margin:0 auto;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}

.layermask{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.5);
	z-index:1000;
	display:none;
}
.joinlayer{
	position:absolute;
	width:96%;
	max-width:1200px;
	background-color:#fff;
	padding:40px 20px;
	box-sizing:border-box;
	font-size:0;
	line-height:0;
	z-index:1003;
	display:none;
}
.joinlayer .close{
	position:absolute;
	width:60px;
	height:60px;
	background:#2aa4d1 url(../images/close.png) no-repeat center center;
	cursor:pointer;
	top:-60px;
	right:0;
}
.joinlayer .inp{
	display:inline-block;
	width:50%;
	padding:0 10px;
	box-sizing:border-box;
	margin:12px 0;
}
.joinlayer .inpbig{
	width:100%;
}
.joinlayer .inp input{
	width:100%;
	height:60px;
	line-height:60px;
	border:#d1d1d1 solid 1px;
	box-sizing:border-box;
	font-size:16px;
	text-indent:18px;
	color:#919191;
}
.joinlayer .inp input.on{
	border-color:#2d9dd0;
	box-shadow:0 0 3px #2d9dd0;
}
.joinlayer .joinbtn{
	display:inline-block;
	vertical-align:middle;
	width:154px;
	height:52px;
	text-align:center;
	line-height:52px;
	margin-top:15px;
	font-size:18px;
	box-sizing:border-box;
}
.joinlayer .apply{
	background-color:#2d9dd0;
	color:#fff;
	margin-left:10px;
}
.joinlayer .apply:hover{
	background-color:#21759b;
}
.joinlayer .rest{
	border:#c9c9c9 solid 1px;
	color:#c9c9c9;
	margin-left:16px;
}
.joinlayer .rest:hover{
	background-color:#c9c9c9;
	color:#fff;
}

.recruitlayer{
	position:absolute;
	width:96%;
	max-width:1200px;
	background-color:#fff;
	padding:40px 20px;
	box-sizing:border-box;
	font-size:0;
	line-height:0;
	z-index:1003;
	display:none;
}
.recruitlayer .close{
	position:absolute;
	width:60px;
	height:60px;
	background:#2aa4d1 url(../images/close.png) no-repeat center center;
	cursor:pointer;
	top:-60px;
	right:0;
}
.recruitlayer .inp{
	display:inline-block;
	width:50%;
	padding:0 10px;
	box-sizing:border-box;
	margin:12px 0;
}
.recruitlayer .inpbig{
	width:100%;
}
.recruitlayer .inp input{
	width:100%;
	height:60px;
	line-height:60px;
	border:#d1d1d1 solid 1px;
	box-sizing:border-box;
	font-size:16px;
	text-indent:18px;
	color:#919191;
}
.recruitlayer .inpbig textarea{
	width:100%;
	min-height:180px;
	line-height:22px;
	padding:10px;
    border:#d1d1d1 solid 1px;
	resize:none;
	font-size:16px;
	color:#919191;
	box-sizing:border-box;
}
.recruitlayer .inpbig textarea.on{
	border-color:#2d9dd0;
	box-shadow:0 0 3px #2d9dd0;
}
.recruitlayer .inp input.on{
	border-color:#2d9dd0;
	box-shadow:0 0 3px #2d9dd0;
}
.recruitlayer .joinbtn{
	display:inline-block;
	vertical-align:middle;
	width:154px;
	height:52px;
	text-align:center;
	line-height:52px;
	margin-top:15px;
	font-size:18px;
	box-sizing:border-box;
}
.recruitlayer .apply{
	background-color:#2d9dd0;
	color:#fff;
	margin-left:10px;
	cursor:pointer;
}
.recruitlayer .apply:hover{
	background-color:#21759b;
}



/*=====2017-11-23==========*/
.newcooperationlist{ margin-top:30px;}
.newcooperationlist li{ float:left; width:22%; text-align:center;}
.newcooperationlist li:not(:first-child){ margin-left:4%;}
.newcooperationlist li img{ width:100%}
.newcooperationlist li p{  font-size:14px; text-align:justify; color:#fff; margin-top:15px;}
.newmiddlebox{ max-width:1200px;width:100%;}