.sanyue-main{
margin-top:-5px;
}

.sanyue-box{
width:100%;  
overflow:hidden; 
display: inline-flex;
justify-content: center;
align-items: center;
float:left;
}

.sanyue-box .sanyue{
width:50%; 
display: flex;
justify-content: center;
align-items: center;
position:relative;
}

.sanyue-box .sanyue.y-video{
background:black;
}

.sanyue-box .sanyue.bg-greys{

}

.sanyue-box .sanyue .sy-box{
position:relative; 
}

.sanyue-box .sanyue a.sy-box{
display:block; text-decoration:none; 
}

.sy-box video{
width:100%; height:auto;
}


.clear{
clear:both;
}

.hk{
height:500px;
}
:root{
	--pc-width2:calc(50vw);
	--pc-height2:calc((50vw / 960 * 540 ) - 10px);
	--pc-imgheight3:calc(50vw / 960 * 1217);
}

.sanyue-box .sanyue .sy-box .jinbox{
position:relative;  overflow:hidden; padding:0px 25px;
}

.sanyue-box .sanyue .sy-box .jinbox .index-thumb{
max-width:100%;
}

.sanyue-box .sanyue .sy-box .jinbox.jin-1{
padding-right:50%; height:var(--pc-height2); padding-left:5%;
width:var(--pc-width2);
display: flex;
justify-content: center;
align-items: center;
}


.sanyue-box .sanyue .sy-box .jinbox.jin-1 .img{
width:43%; right:10%; top:10%; height:80%; padding:15px 0px; position:absolute;
display: inline-flex;
justify-content: center;
align-items: center;
}

.sanyue-box .sanyue .sy-box .jinbox.jin-1 .img .rotate_img img{
max-width:100%; max-height:100%; 
}

.sanyue-box .sanyue .sy-box .jinbox.jin-1 .img .rotate_img{
	position:relative; height:100%; width:100%; text-align:center; display:block;
}

.sanyue-box .sanyue .sy-box .jinbox.jin-1 .img .rotate_img .hover_img{
	position:absolute; left:0px; top:0px; width:100%; height:100%;  display:flex; justify-content: right; align-items: center; transition:all 0.55s; opacity:0; transform:rotate(-45deg); 
}



.sanyue-box .sanyue .sy-box .jinbox.jin-1 .txts{
line-height:30px; position:relative; top:10px; transition:all 0.35s;
}


.sanyue-box .sanyue .sy-box .jinbox.jin-1 .txts>span{
color:black; font-size:20px; display:block;
}

.sanyue-box .sanyue .sy-box .jinbox.jin-1 .txts>span font{
display:inline-block;
}

.sanyue-box .sanyue .sy-box .jinbox.jin-1 .txts>.description{
color:#1D1D1D; font-size:14px;
}

.sanyue-box.jin_main_1.hover .sanyue .sy-box .jinbox.jin-1 .img .rotate_img>img{
	opacity:0;
}
.sanyue-box.jin_main_1.hover .sanyue .sy-box .jinbox.jin-1 .img .rotate_img .hover_img{
	opacity:1; transform:rotate(0);
}
.sanyue-box.jin_main_1.hover .sanyue .sy-box .jinbox.jin-1 .txts{
	transform:scale(1.1);
}

.sanyue-box .sanyue .sy-box .jinbox.jin-2{
height:var(--pc-height2);
width:var(--pc-width2);
padding:7.5% 12%;
}

.sanyue-box .sanyue .sy-box .jinbox.jin-2 .txts{
line-height:30px; margin-bottom:20px; text-align:center;
}

.sanyue-box .sanyue .sy-box .jinbox.jin-2 .txts>span{
color:black; font-size:20px; display:block;
}

.sanyue-box .sanyue .sy-box .jinbox.jin-2 .txts>.description{
color:#1D1D1D; font-size:14px;
}

.sanyue-box .sanyue .sy-box .jinbox.jin-2 .img .rotate_img{
	position:relative; height:100%; width:100%; text-align:center; display:block;
}

.sanyue-box .sanyue .sy-box .jinbox.jin-2 .img .rotate_img img{
max-width:100%; max-height:calc(var(--pc-height2) * 0.85 - 90px ); 
}

.sanyue-box .sanyue .sy-box .jinbox.jin-2 .img .rotate_img .hover_img{
	position:absolute; left:0px; top:0px; width:100%; height:100%;  display:flex; justify-content: center; align-items: center; transition:all 0.5s; opacity:0; transform:rotate(30deg); 
}
.sanyue-box.jin_main_2.hover .sanyue .sy-box .jinbox.jin-2 .img .rotate_img>img{
	opacity:0;
}
.sanyue-box.jin_main_2.hover .sanyue .sy-box .jinbox.jin-2 .img .rotate_img .hover_img{
	opacity:1; transform:scale(1.0);
}

.jin-3-main{
	background:#1A1A1A;
}

.jin-3-main a.sy-box{
	display:block; position:relative; width:100%; height:100%; overflow:hidden;
}

.jin-3-main  a.sy-box .rotate_img{
	position:relative; height:100%; width:100%; text-align:center; display:block;
}
.jin-3-main:hover  a.sy-box .rotate_img>img{
	transition:all 0.7s;
}

.jin-3-main  a.sy-box .rotate_img .hover_img{
	position:absolute; left:0px; top:0px; width:100%; height:100%;  display:flex; justify-content: center; align-items: center; transition:all 0.7s; opacity:0; transform:scale(0.9);
}

.jin-3-main:hover  a.sy-box .rotate_img>img{
	opacity:0; transform:scale(1.1);
}
.jin-3-main:hover  a.sy-box .rotate_img .hover_img{
	opacity:1; transform:scale(1.0);
}

.jin-3-main  a.sy-box .index-thumb{
width:100%; height:auto;
}

.jin-3-main .txts{
height:95px; position:absolute; left:0px; top:5%; color:white; text-align:center; width:100%;
}
.jin-3-main .txts>span{
color:white; font-size:16px; display:block;
}
.jin-3-main .txts>span>font{
display:block; font-size:20px; line-height:35px;
}
.jin-3-main .txts a{
text-decoration:none; color:#5282FE;
}
.jin-3-main .txts a:hover{
color:white;
}

.jin-3_1{
height:calc(var(--pc-imgheight3) * 0.5 - 5px); position:relative; padding:5% 15%; text-align:center; padding-top:18%; float:left; width:100%; 
}

.jin-3_1 .txts{
position:absolute; height:95px; left:0px; top:8%; width:100%; text-align:center;
}

.jin-3_1 .txts span{
font-size:16px; display:block; color:#1D1D1D; 
}

.jin-3_1 .txts span font{
display:block; color:black; font-size:20px;
}

.jin-3_1 .txts a{
text-decoration:none; color:#5282FE;
}

.indexs-box3{
width:100%; float:left; border-bottom:solid 5px #f3f3f3; border-top:solid 5px #f3f3f3;
}

.indexs-box3 .sanyues{
width:50%; float:left; position:relative;
}

.sanyues.jin-3 a.sy-box{
	display:block; height:100%;
}

.sanyues.jin-3 .sy-box .index-thumb{
max-width:100%; max-height:100%;
}

.sanyues.jin-3 a.sy-box .rotate_img{
	position:relative; height:100%; width:100%; text-align:center; display:block;
}

.sanyues.jin-3   .jin-3_1.jin-3_1_1 .rotate_img .hover_img{
	position:absolute; left:0px; top:0px; width:100%; height:100%;  display:flex; justify-content:center; align-items: center; transition:all 0.7s; opacity:0; left:-15px;
}

.sanyues.jin-3 .jin-3_1.jin-3_1_2 .rotate_img .hover_img{
	position:absolute; left:0px; top:0px; width:100%; height:100%;  display:flex; justify-content:center; align-items: center; transition:all 0.7s; opacity:0; transform:rotate(-30deg);
}


.sanyues.jin-3 .jin-3_1:hover .rotate_img>img{
	opacity:0;
}

.sanyues.jin-3 .jin-3_1.jin-3_1_1:hover .rotate_img .hover_img{
	opacity:1;  left:0px;
}

.sanyues.jin-3 .jin-3_1.jin-3_1_2:hover .rotate_img>img{
	transform:rotate(-10deg);
}

.sanyues.jin-3 .jin-3_1.jin-3_1_2:hover .rotate_img .hover_img{
	opacity:1;  transform:rotate(0deg);
}

.jin-3_1.border-top{
border-top:solid 5px #f2f2f2; 
}

.jin_4{
border-bottom:solid 5px #f3f3f3;
}

.jin_4 a.sy-box{
position:relative; padding:40px 25%; padding-top:155px; width:100%; display:block;  text-align:center;
}

.jin_4 .sanyue{
overflow:hidden; 
}

.jin_4 .sy-box .txts{
height:95px; position:absolute; width:100%; top:8.5%; text-align:center; left:0px;
}

.jin_4  .sy-box .txts span{
font-size:16px; display:block; color:#1D1D1D; 
}

.jin_4  .sy-box .txts span font{
display:block; color:black; font-size:20px; line-height:34px;
}

.jin_4  .sy-box .txts>font{
color:#5282FE;
}

.jin_4 a.sy-box .img{
height:380px; line-height:380px; overflow:hidden; position:relative;
}

.jin_4 a.sy-box .img .rotate_img{
	position:relative; height:100%; width:100%; text-align:center; display:block;
}


.jin_4 .sanyue.jin_4_1 a.sy-box .img .rotate_img .hover_img{
	position:absolute; left:0px; top:0px; width:100%; height:100%;  display:flex; justify-content:center; align-items: center; transition:all 0.7s; opacity:0; left:10px; 
}

.jin_4 .sanyue.jin_4_2 a.sy-box .img .rotate_img .hover_img{
	position:absolute; left:-10px; top:0px; width:100%; height:100%;  display:flex; justify-content:center; align-items: center; transition:all 0.7s; opacity:0; 
}

.jin_4 a.sy-box .img img{
max-width:100%; max-height:100%;
}


.jin_4 .sanyue:hover a.sy-box .img .rotate_img>img{
	opacity:0;
}

.jin_4 .sanyue.jin_4_1:hover a.sy-box .img .rotate_img .hover_img{
	opacity:1;  left:0px;
}

.jin_4 .sanyue.jin_4_2:hover a.sy-box .img .rotate_img .hover_img{
	opacity:1;   left:0px;
}



.tests{
height:calc(var(--pc-height21));
}

.jin_4 .sanyue:last-child{
border-left:solid 3px #f2f2f2;
}

.jin_4 .sanyue:first-child{
border-right:solid 2px #f2f2f2;
}

.jin_5{
width:100%; float:left; padding:0px 15%; background:black;
}

.jin_6{
width:100%; float:left; position:relative; bottom:1px; padding:0px 9%; background:black;
}

.jin_0{
padding:0px 12%; background:black;
}

.mt5{
margin-bottom:-5px;
}

footer{
margin-top:0px !important;
}

.sanyue-cat{
	padding:58px 0px; padding-top:65px; text-align:center; margin-bottom:10px; clear:both; 
}

.sanyue-cat .index-title{
	 text-align:center;  color:#121212; margin-bottom:13px; 
}
.sanyue-cat .index-title span{
	display:inline-block; position:relative; height:45px; width:650px; text-align:center; line-height:45px; font-size:38px;
}
.sanyue-cat .index-title span font{
	position:absolute; bottom:0px; height:2px; width:50px; left:150px; background:#1A53A4;
}

.sanyue-cat .series-desc{
	margin-bottom:20px; color:#888; font-size:14px; line-height:20px;
}

.sanyue-cat a{
	display:inline-block; text-decoration:none; line-height:100px; margin:0px 28px; position:relative; color:#333; text-align:center;
}
.sanyue-cat a .icos{
	height:60px; line-height:60px; overflow:hidden; display:block;
}
.sanyue-cat a .icos img{
	max-height:60px;
}
.sanyue-cat a span{
	font-size:13px; color:#222; display:block; text-transform:uppercase; line-height:23px;
}
.sanyue-cat a:hover span{
	color:#004098;
}

.jin_4{
	border-top:solid 5px #f3f3f3;
}

.jin_main_1{
	border-top:solid 5px #f3f3f3;
}

.index-contect-main{
background:#F7F9FA; padding:120px 180px;
}

.index-event-contact{
width:980px; margin:0 auto; text-align:center;
}

.index-event-contact a{
display:inline-block; text-decoration:none; padding:0px 160px; color:#000;
}

.index-event-contact a .img{
height:100px;  overflow:hidden;  
}

.index-event-contact a:first-child .img{
background:url(/static/0517icon/s_1.png) no-repeat center center; background-size:auto 100px;
}

.index-event-contact a:first-child:hover .img{
background:url(/static/0517icon/i_1.png) no-repeat center center; background-size:auto 100px;
}

.index-event-contact a:last-child .img{
background:url(/static/0517icon/s_2.png) no-repeat center center; background-size:auto 100px;
}

.index-event-contact a:last-child:hover .img{
background:url(/static/0517icon/i_2.png) no-repeat center center; background-size:auto 100px;
}

.index-event-contact a .title{
font-size:24px; line-height:55px; height:55px;
}

.index-event-contact a:hover .title{
color:#0C4DA2;
}

.index-event-contact a .more{
color:#666; font-size:14px;
}

.index-event-contact a .more>span{
color:#999; font-size:12px;
}

.index-event-contact a:hover .more{
color:#0C4DA2;
}

.index-event-contact a:hover .more>span{
color:#0C4DA2;
}

.jin_7{
	background:white; display:block; width:100%;
}

.jin_7 .jins-right{
	 background:#454546; height:920px; width:50%; float:right; text-align:center; color:white; padding:75px 25px;
}

.jin_7 .jins-left{
	 background: #fff; height:920px; width:50%; float:left;  text-align:center;
}

.jin_7 .border-7{
	border-top:solid 5px #f2f2f2;
}

.jin_7 .jins-left .box7x{
	height:410px; padding:35px 0px;
}

.jin_7 .jins-left .box7x:first-child{
	border-bottom:solid 5px #f2f2f2;
}	

.jin_7 .jins-left .box7x .rotate_img{
	height:260px; line-height:260px; overflow:hidden;
}


.jin_7  .txts{
height:95px;text-align:center;
}

.jin_7  .txts span{
font-size:16px; display:block; color:#1D1D1D; 
}

.jin_7  .txts span font{
display:block; color:black; font-size:20px;
}

.jin_7  .txts a{
text-decoration:none; color:#5282FE;
}


.jin_7  .jins-right .txts span{
color:white;
}

.jin_7  .jins-right .txts span font{
color:white; margin-bottom:6px; font-size:26px;
}

.jin_7  .jins-right .txts a{
color:#5282FE;
}

.jin_7  .jins-left a.sy-box{
	display:block; height:100%;
}

.jin_7  .jins-left .sy-box .index-thumb{
max-width:100%; max-height:100%;
}

.jin_7  .jins-left a.sy-box .rotate_img{
	position:relative; height:260px; width:100%; text-align:center; display:block; line-height:260px;
}

.jin_7  .jins-left  .box7x   .hover_img{
	position:absolute; left:0px; top:0px; width:100%; height:100%;  display:flex; justify-content:center; align-items: center; transition:all 0.7s; opacity:0; left:-15px;
}


.jin_7  .jins-left .box7x-div:hover .rotate_img>img{
	opacity:0;
}

.jin_7  .jins-left .box7x-div:hover .rotate_img .hover_img{
	opacity:1;  left:0px;
}

.jin_7  .jins-left  .box7x-div:hover .rotate_img>img{
	transform:rotate(-10deg);
}

.jin_7  .jins-left  .box7x-div:hover .rotate_img .hover_img{
	opacity:1;  transform:rotate(0deg);
}


.jin_7  .jins-right .rotate_img{
	height:650px; line-height:520px;
}

.jin_7  .jins-right .rotate_img img{
	max-height:100%;
}


.jin_8{
	background:white; display:block; width:100%; border-top:solid 5px #f7f7f7;
}

.jin_8 .jins-right{
	 background:#fff; height:520px; width:50%; float:right; text-align:center; color:#333; padding:42px 25px; border-left:solid 3px #f7f7f7; padding-top:50px;
}

.jin_8 .jins-left{
	 background: #fff; height:520px; width:50%; float:left;  text-align:center; color:#333; padding:42px 25px; border-right:solid 2px #f7f7f7; padding-top:50px;
}

.jin_8 .border-7{
	border-top:solid 5px #f2f2f2;
}


.jin_8 .jins-left .rotate_img{
	height:260px; line-height:260px; overflow:hidden;
}


.jin_8  .txts{
height:95px;text-align:center;
}

.jin_8  .txts span{
font-size:16px; display:block; color:#1D1D1D; 
}

.jin_8  .txts span font{
display:block; color:black; font-size:20px;
}

.jin_8  .txts a{
text-decoration:none; color:#5282FE;
}

.jin_8   a.sy-box{
	display:block; height:100%;
}

.jin_8   .sy-box .index-thumb{
max-width:100%; max-height:100%;
}

.jin_8   a.sy-box .rotate_img{
	position:relative; height:260px; width:100%; text-align:center; display:block; line-height:280px;
}

.jin_8   .box7x   .hover_img{
	position:absolute; left:0px; top:0px; width:100%; height:100%;  display:flex; justify-content:center; align-items: center; transition:all 0.7s; opacity:0; left:-15px;
}


.jin_8   .box7x:hover .rotate_img>img{
	opacity:0;
}

.jin_8  .box7x:hover .rotate_img .hover_img{
	opacity:1;  left:0px;
}

.jin_8  .box7x:hover .rotate_img>img{
	transform:rotate(-10deg);
}

.jin_8   .box7x:hover .rotate_img .hover_img{
	opacity:1;  transform:rotate(0deg);
}

.jin_8 .border-8{
	border-top:solid 5px #f7f7f7;
}






@media (max-width: 1720px){
	.sanyue-box .sanyue .sy-box .jinbox.jin-1{
		padding-left:12%;
	}

}

@media (max-width: 1580px){
	.sanyue-box .sanyue .sy-box .jinbox.jin-1{
		padding-left:8%;
	}
	
	.sanyue-box .sanyue .sy-box .jinbox.jin-1 .txts>span{
		font-size:19px;
	}
	
	.sanyue-box .sanyue .sy-box .jinbox.jin-1 .txts>.description {
		font-size: 13px;
	}
	
	.jin_5{
		padding:0px 12%; 
	}
	
	.jin_0{
		padding:0px 12%;
	}
	
	.jin_6{
		padding:0px 9%;
	}

}


@media (max-width: 1420px){
	.sanyue-box .sanyue .sy-box .jinbox.jin-1{
		padding-left:6%;
	}
	
	.sanyue-box .sanyue .sy-box .jinbox.jin-1 .txts>span{
		font-size:18px;
	}
	
	.sanyue-box .sanyue .sy-box .jinbox.jin-1 .txts>.description {
		font-size: 12px;
	}
	
	.jin_5{
		padding:0px 10%; 
	}
	
	.jin_0{
		padding:0px 10%;
	}
	
	.jin_6{
		padding:0px 7%;
	}

}