/*banner*/
.banner{position: absolute;width: 100%;top: 0;left: 0;padding-top: 50%;}
.banner .container-banner{height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
.banner .swiper-slide img{display: block;width: 100%;}
.banner .bg{position: absolute;left: 0;bottom: 0;width: 100%;height: 40.5%;background: url(../images/banner_bg.png)no-repeat bottom;z-index: 10;background-size: 100% 100%;}

.pagination-banner{right: auto !important;left: 13.5%;}
.pagination-banner .swiper-pagination-bullet{width: 10px !important;height: 10px !important;opacity: 1 !important;margin: 10px 0 !important;}
.pagination-banner .swiper-pagination-bullet-active{background: #ff9600 !important;}

@media screen and (max-width: 600px) {
	.banner{padding-top: 130%;}
	.banner .swiper-slide img{
		position: absolute;
		width: auto;
		height: 100%;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}
}

/*main1*/
.main1_box .content{padding: 380px 1.5% 240px;}

.main1_box .box{position: relative;z-index: 50;margin-right: 120px;}
.main1_box .text{text-align: right;color: #000000;padding-right: 30px;}
.main1_box .text span{font-size: 28px;line-height: 2em;}
.main1_box .text p{font-weight: bold;line-height: 1.2em;font-size: 34px;}
.main1_box .text p font{color: #FF9600;}
.main1_box .but{
	display: block;
	position: relative;
	width: 245px;
	height: 245px;
	border-radius: 50%;
	overflow: hidden;
	background: linear-gradient(#005eb7,#023f92);
	transition: ease-in-out 0.3s;
	color: #FFFFFF;
	margin-top: 80px;
}
.main1_box .but:hover{
	transform: scale(.95);
	background: #C1C1C1;
    background: linear-gradient(#FFFFFF, #C1C1C1);
}
.main1_box .but p{
	position: absolute;
	width: 100%;
	left: 0;
	font-size: 21px;
	text-align: right;
	box-sizing: border-box;
	padding-right: 50px;
	transition: ease-in-out 0.3s;
}
.main1_box .but p strong{font-style: italic;font-size: 30px;display: block;}
.main1_box .but p i{
	font-size: 24px;
	line-height: 30px;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	transition: ease-in-out 0.5s;
}
.main1_box .but p .i1{right: 15px;}
.main1_box .but:hover .i1{right: -50px;}
.main1_box .but p .i2{left: -50px;}
.main1_box .but:hover .i2{left: 15px;}
.main1_box .but:hover p{padding-right: 30px;}

@media screen and (max-width: 1000px) {
	.main1_box .content{padding: 40% 0 10%;}
	.main1_box .box{margin-right: 50px;}
	.main1_box .but{margin-top: 30px;}
}
@media screen and (max-width: 600px) {
	.main1_box .content{padding: 100% 0 10%;}
	.main1_box .box{margin-right: 0;}
	.main1_box .text span{font-size: 20px;}
	.main1_box .text p{font-size: 26px;}
	.main1_box .but p{font-size: 16px;}
	.main1_box .but p strong{font-size: 20px;}
	.main1_box .but{width: 200px;height: 200px;}
}

/*main2*/
.main2_box .content{padding: 0 1.5% 250px;}

.news_box{width: 25%;position: relative;z-index: 50;}
.news_box .title{margin-bottom: 35px;color: #FFFFFF;font-size: 20px;line-height: 28px;}
.news_box .title i{font-size: 46px;line-height: 58px;display: block;font-weight: bold;}
.news_box ul li{padding-bottom: 30px;}
.news_box ul li a{display: block;color: #FFFFFF !important;}
.news_box ul li a:hover{opacity: 0.7;}
.news_box ul li a span{color: #7bc0ff;line-height: 20px;}
.news_box ul li a p{font-size: 16px;line-height: 25px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news_box .more{display: block;width: 145px;line-height: 32px;text-align: center;color: #FFFFFF !important;background-color: #000000;}
.news_box .more:hover{opacity: 0.7;}

.case_box{width: 72%;position: relative;z-index: 50;}
.case_box a{float: left;position: relative;display: block;width: 50%;background-color: #FFFFFF;}
.case_box .img{position: relative;padding-top: 61%;overflow: hidden;}
.case_box .img img{position: absolute;width: 100%;left: 0;top: 0;}
.case_box .bt{text-align: center;padding: 20px 10px;background: url(../images/show_cell_line.png)no-repeat center left;}
.case_box .bt p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;}
.case_box .bt p:nth-child(1){font-weight: bold;color: #000000;}
.case_box .bt p:nth-child(2){font-size: 12px;color: #8a8a8a;}
.case_box .bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.75);color: #FFFFFF;display: none;}
.case_box .bg span{position: absolute;width: 100%;line-height: 30px;left: 0;top: 50%;margin-top: -15px;text-align: center;font-size: 16px;}
.case_box a:hover .bg{display: block;}

@media screen and (max-width: 1000px) {
	.main2_box .content{padding: 0 0 10%;}
}
@media screen and (max-width: 800px) {
	.news_box,.case_box{width: 100%;}
	.news_box{margin-bottom: 30px;}
	.news_box .title i{font-size: 36px;}
	.news_box .title{margin-bottom: 20px;}
	.news_box ul li{padding-bottom: 20px;}
	.case_box .bt{padding: 10px 5px;}
}
@media screen and (max-width: 500px) {
	.case_box a{width: 100%;}
	.case_box a:nth-child(1){margin-bottom: 20px;}
}