@charset "utf-8";
body{padding:0;margin: 0;}
.indexcon{position: fixed;width: 100%;overflow: hidden;display: flex;height: 100%;}
.indexcon img{display: block;max-width: 100%;}
.indexleft,.indexright{display: flex;position: relative;width: 50%;}
.indexleft{background-image: url(../images/index_left_bg.jpg);background-position: center;background-repeat: no-repeat;}
.indexright{background-image: url(../images/index_right_bg.jpg);background-position: center;background-repeat: no-repeat;}
.indexcon_bg{position: absolute;top: 10%;width:160px;left:calc(50% - 92px);}
.inleft_tit{position: absolute;bottom: 20%;width: 500px;left: 20%;-webkit-transition: all 0.8s; transition: all 0.8s;z-index: 99;}
.indexleft .inleft_line{position: absolute;width: 100%;height: 1px;display:block;right:0%;bottom:16%;background: linear-gradient(to left, #ffffff 40%, transparent 75%);}
.inright_tit{position: absolute;top: 23%;width: 500px;left: 200px;-webkit-transition: all 0.8s; transition: all 0.8s;z-index: 99;}
.indexright .inright_line{position: absolute;width: 100%;height: 1px;display:block;left:0;top:43%;background: linear-gradient(to right, #ffffff 45%, transparent 80%);}
.indexfooter{position: absolute;bottom: 2%;left: 0;right: 0;margin: 0 auto;background: rgba(255,255,255,0.7);padding: 10px;text-align: center;font-size: 14px;}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	text-decoration: none;
	color: #333;
	outline: none;
	cursor: pointer
}

a:hover {
	background-repeat: no-repeat;
	text-decoration: none
}
.inleft_tit:hover{bottom: 23%;}
.inright_tit:hover{top: 20%;}

.moreimg {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(../images/more.png) no-repeat;
    -webkit-background-size: cover !important;
    background-size: cover !important;
}
.inleft_tit .moreimg {right:60px;bottom: 30px;}
.inright_tit .moreimg {right:-48px;bottom: 35px;}
.inleft_tit:hover .moreimg {background: url(../images/more2.png) no-repeat}
.inright_tit:hover .moreimg {background: url(../images/more2.png) no-repeat}

@media (max-width: 1600px){
	.inleft_tit,.inright_tit{width: 400px;}
	.inright_tit{top: 23%;}

	.indexright{background-position: right;background-size: cover;}
	.indexleft{background-position:revert;background-size: cover;}
	.indexleft .inleft_line{right: 0%;}
	.indexright .inright_line{top:39%;}
	.indexcon_bg {top: 11%;width: 125px;left: calc(50% - 70px);}
	.moreimg {width: 50px;height: 50px;}
}
@media (max-width: 1366px){	
	.indexcon_bg {top: 13%;width: 100px;left: calc(50% - 56px);}
	.inright_tit{top: 17%;}
	.inright_tit:hover{top: 14%;}
}

@media (max-width: 1300px){	
	.inright_tit{left: 110px;}
	.indexleft .inleft_line{right: 0%;}
	.indexright .inright_line{top:34%;}	
		.inright_tit{top: 13%;}
	.inright_tit:hover{top: 10%;}
}


@media (max-width: 1100px){	
	.inleft_tit, .inright_tit{width: 350px;}
	.inleft_tit{bottom: 28%;}
	.indexleft .inleft_line{bottom: 27%;}
	.indexright .inright_line{top: 37%;}
	.inright_tit{left: 110px;top: 23%;}

}
@media (max-width: 760px){	
	.indexcon_bg {top: 21%;width: 80px;left: calc(50% - 45px);}
	.indexfooter{bottom: 0;}
	.inleft_tit, .inright_tit{width: 180px;}
	.inleft_tit{left: auto;right: 0;bottom: 20%;}
	.indexleft .inleft_line{bottom: 18%;right: 0;}
	.inright_tit{left: 0;top: 8%;}
	.indexright .inright_line{top: 17%;}
	.moreimg {width: 40px;height: 40px;}
	.inleft_tit .moreimg {right:auto;bottom: -65px;left: 30px;}
	.inright_tit .moreimg {right:20px;bottom: -60px;}
}