@charset "utf-8";
/* CSS Document */
.main-swiper {
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
	height: 830px;
	position: relative;
}
.main-swiper .arrow-left {
	background: url(../lib/swiper/dist/img/arrows2.png) no-repeat left top;
	position: absolute;
	left: 60px;
	top: 50%;
	margin-top: -30px;
	width: 30px;
	height: 60px;
	z-index: 9;
}
.main-swiper .arrow-right {
	background: url(../lib/swiper/dist/img/arrows2.png) no-repeat left bottom;
	position: absolute;
	right: 60px;
	top: 50%;
	margin-top: -30px;
	width: 30px;
	height: 60px;
	z-index: 9;
}
.main-swiper .swiper-container {
	height: 100%;
	width: 100%;
	position: relative;
}
.main-swiper .swiper-container .swiper-slide {
	position: relative;
	overflow: hidden;
}
.main-swiper .content-slide {
	position: absolute;
	left: 50%;
	top: 0;
	width: 1920px;
	height: 830px;
	margin-left: -960px;
}
.main-swiper .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 30px;
	width: 100%;
	z-index: 9;
}
.main-swiper .swiper-pagination-switch {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 3px;
	background: url(../images/icon/11.png) no-repeat center center;
	cursor: pointer;
}
.main-swiper .swiper-active-switch {
	background: url(../images/icon/10.png) no-repeat center center;
}

.main-company-con {
	margin: 0 auto;
	height: auto;
	background: url(../images/main-f1-bg2.jpg) no-repeat center center;
	/*
	-webkit-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/main-f1-bg.jpg',sizingMethod='scale');
	-moz-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/main-f1-bg.jpg',sizingMethod='scale');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/main-f1-bg.jpg',sizingMethod='scale');
	*/
	overflow: hidden;
	position: relative;
}
.main-company-con .company-information,
.main-company-con .company-img {
	float: left;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.main-company-con .company-img {
	position: absolute;
	font-size: 0;
	text-align: center;
}
.main-company-con .company-img:before {
	content: "";
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: auto;
	height: 100%;
	overflow: hidden;
	vertical-align: middle;
}
.main-company-con .company-img .img-con {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	position: relative;
	width: 780px;
	height: 520px;
	margin: 0 auto;
}
.main-company-con .company-img .img-con img {
	display: block;
	position: relative;
	width: 765px;
	height: 505px;
	z-index: 2;
}
.main-company-con .company-img .img-con .img-line {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 741px;
	height: 481px;
	border: 2px solid #fff;
	z-index: 3;
}
.main-company-con .company-img .img-con .img-grounding {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 685px;
	height: 425px;
	background: #eeeeee;
	z-index: 1;
}
.main-company-con .company-information {
	float: right;
}
.main-company-con .company-information .company-box {
	width: 770px;
	height: auto;
	margin: 58px auto;
	position: relative;
	font-size: 0;
	overflow: hidden;
}
.company-name-box {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-top: 15px;
	width: auto;
	height: 100px;
	position: relative;
	padding: 15px 32px;
}
.company-name-box .top-icon,
.company-name-box .bottom-icon {
	position: absolute;
	width: 32px;
	height: 32px;
	background-image: url(../images/icon/09.png);
	background-repeat: no-repeat;
}
.company-name-box .top-icon {
	top: 0;
	left: 0;
	background-position: 0 0;
}
.company-name-box .bottom-icon {
	right: 0;
	bottom: 0;
	background-position: 0 -32px;
}
.company-name-box .company-zh-name,
.company-name-box .company-en-name {
	width: 100%;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
}
.company-name-box .company-zh-name {
	font-size: 36px;
	color: #5b96ea;
}
.company-name-box .company-en-name {
	font-size: 46px;
	color: #b3d2ff;
}
.company-information .company-profile {
	margin-top: 40px;
	width: 100%;
	height: auto;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
}
.company-information .company-profile p {
	text-indent: 28px;
}
.company-information a.company-more {
	float: right;
	margin-top: 15px;
}

.main-case-con {
	margin: 0 auto;
	height: auto;
	background: url(../images/main-f2-bg.jpg) no-repeat top center;
	/*
	-webkit-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/main-f2-bg.jpg',sizingMethod='scale');
	-moz-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/main-f2-bg.jpg',sizingMethod='scale');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/main-f2-bg.jpg',sizingMethod='scale');
	
	background-size: 100% 100%;
	*/
	overflow: hidden;
	position: relative;
}

.main-case-list {
	margin: 0 auto;
	width: 1880px;
	height: auto;
	overflow: hidden;
	text-align: left;
	font-size: 0;
}
.main-case-list li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 450px;
	height: 300px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.main-case-list li a {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.main-case-list li .img-con {
	width: 100%;
	height: 300px;
	position: relative;
}
.main-case-list li .img-con img {
	width: 100%;
	height: 300px;
}
.main-case-list li .img-con .img-mask {
	position: absolute;
	left: 0;
	top: 300px;
	width: 100%;
	height: 300px;
	background: rgba(0,0,0,0.5);
	filter:alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	z-index: 1;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
.main-case-list li .img-con .img-icon {
	position: absolute;
	left: 50%;
	top: -30px;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	z-index: 2;
	-webkit-transition:all .3s ease-out 0.1s;
	-moz-transition:all .3s ease-out 0.1s;
	-ms-transition:all .3s ease-out 0.1s;
	transition:all .3s ease-out 0.1s;
	filter:alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.main-case-list li .img-con .img-icon img {
	width: 30px;
	height: 30px;
}
.main-case-list li a:hover .img-con .img-mask {
	top: 0;
	filter:alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.main-case-list li a:hover .img-con .img-icon {
	top: 50%;
	margin-top: -15px;
	filter:alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.main-case-more {
	margin-top: 25px;
	margin-bottom: 45px;
	text-align: center;
}

@media screen and (min-width:1950px){
	.main-case-con,
	.main-company-con {
		width: 1920px !important;
	}
}
@media screen and (max-width:1630px){
	.main-company-con .company-information .company-box {
		width: 700px;
	}
	.main-company-con .company-img .img-con {
		width: 700px;
		height: 467px;
	}
	.main-company-con .company-img .img-con img {
		width: 685px;
		height: 452px;
	}
	.main-company-con .company-img .img-con .img-line {
		width: 661px;
		height: 428px;
	}
	.main-company-con .company-img .img-con .img-grounding {
		width: 605px;
		height: 372px;
	}
}
@media screen and (max-width:1500px){
	.main-company-con .company-information .company-box {
		width: 650px;
	}
	.main-company-con .company-img .img-con {
		width: 650px;
		height: 433px;
	}
	.main-company-con .company-img .img-con img {
		width: 635px;
		height: 418px;
	}
	.main-company-con .company-img .img-con .img-line {
		width: 611px;
		height: 404px;
	}
	.main-company-con .company-img .img-con .img-grounding {
		width: 525px;
		height: 292px;
	}
}
@media screen and (max-width:1400px){
	.main-company-con .company-information .company-box {
		width: 560px;
	}
	.main-company-con .company-img .img-con {
		width: 560px;
		height: 373px;
	}
	.main-company-con .company-img .img-con img {
		width: 545px;
		height: 358px;
	}
	.main-company-con .company-img .img-con .img-line {
		width: 521px;
		height: 334px;
	}
	.main-company-con .company-img .img-con .img-grounding {
		width: 465px;
		height: 278px;
	}
}

@media screen and (max-width:1900px){
	.main-case-list {
		width: 1780px;
	}
	.main-case-list li {
		width: 425px;
		height: 283px;
	}
	.main-case-list li .img-con,
	.main-case-list li .img-con img,
	.main-case-list li .img-con .img-mask {
		height: 283px;
	}
	.main-case-list li .img-con .img-mask {
		top: 283px;
	}
}
@media screen and (max-width:1800px){
	.main-case-list {
		width: 1680px;
	}
	.main-case-list li {
		width: 400px;
		height: 267px;
	}
	.main-case-list li .img-con,
	.main-case-list li .img-con img,
	.main-case-list li .img-con .img-mask {
		height: 267px;
	}
	.main-case-list li .img-con .img-mask {
		top: 267px;
	}
}
@media screen and (max-width:1700px){
	.main-case-list {
		width: 1640px;
	}
	.main-case-list li {
		width: 390px;
		height: 260px;
	}
	.main-case-list li .img-con,
	.main-case-list li .img-con img,
	.main-case-list li .img-con .img-mask {
		height: 260px;
	}
	.main-case-list li .img-con .img-mask {
		top: 260px;
	}
}
@media screen and (max-width:1670px){
	.main-case-list {
		width: 1560px;
	}
	.main-case-list li {
		width: 370px;
		height: 247px;
	}
	.main-case-list li .img-con,
	.main-case-list li .img-con img,
	.main-case-list li .img-con .img-mask {
		height: 247px;
	}
	.main-case-list li .img-con .img-mask {
		top: 247px;
	}
}
@media screen and (max-width:1600px){
	.main-case-list {
		width: 1500px;
	}
	.main-case-list li {
		width: 355px;
		height: 237px;
	}
	.main-case-list li .img-con,
	.main-case-list li .img-con img,
	.main-case-list li .img-con .img-mask {
		height: 237px;
	}
	.main-case-list li .img-con .img-mask {
		top: 237px;
	}
}
@media screen and (max-width:1500px){
	.main-case-list {
		width: 1400px;
	}
	.main-case-list li {
		width: 330px;
		height: 220px;
	}
	.main-case-list li .img-con,
	.main-case-list li .img-con img,
	.main-case-list li .img-con .img-mask {
		height: 220px;
	}
	.main-case-list li .img-con .img-mask {
		top: 220px;
	}
}
@media screen and (max-width:1400px){
	.main-case-list {
		width: 1300px;
	}
	.main-case-list li {
		width: 305px;
		height: 203px;
	}
	.main-case-list li .img-con,
	.main-case-list li .img-con img,
	.main-case-list li .img-con .img-mask {
		height: 203px;
	}
	.main-case-list li .img-con .img-mask {
		top: 203px;
	}
}
@media screen and (max-width:1300px){
	.main-case-list {
		width: 1200px;
	}
	.main-case-list li {
		width: 280px;
		height: 187px;
	}
	.main-case-list li .img-con,
	.main-case-list li .img-con img,
	.main-case-list li .img-con .img-mask {
		height: 187px;
	}
	.main-case-list li .img-con .img-mask {
		top: 187px;
	}
}