@charset "utf-8";
/*****section1*****/
#section1 { margin: 0 auto; position: relative; }
#section1 .arrow { width: 100%; position: absolute; bottom: 7.8rem; left: 0; cursor: pointer; z-index: 100; opacity: 1; animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; }
#section1 .arrow a { width: 124px; display: block; margin: 0 auto; }
#section1 .arrow a dt { width: 19px; height: 19px; background-image: url(../images/ioc3.png); background-repeat: no-repeat; background-size: 100%; display: block; margin: 0 auto; }
#section1 .arrow a dd { width: 100%; text-align: center; padding-top: 10px; color: #FFF; }
#section1 .arrow a:hover { animation-play-state: paused; -webkit-animation-play-state: paused; }
@keyframes arrow { %0, %100 {
 bottom:9rem;
 opacity: 1;
}
 50% {
 bottom:9rem;
 opacity: .5
}
}
 @-webkit-keyframes arrow { %0, %100 {
bottom:7.8rem;
 opacity: 1;
}
 50% {
 bottom:9rem;
 opacity: .5;
}
}

/*****section2*****/
.ggcs_r { width: 48%; overflow: hidden; position: relative; }
.ggcs_r dd { color: #FFF; display: block; position: absolute; bottom: 6%; z-index: 10; font-weight: bold; font-style: italic; font-family: 'youshebiaotiheiregular'; }
.ggcs_l { width: 40%; overflow: hidden; }

.tity { width: 100%; overflow: hidden; }
.tity dt { color: #d40e25; }
.tity dd { padding-top: 1.5vw; text-indent: 2em; line-height: 2; }
.tity dd p { padding-bottom: 10px; }

.promotion{ position: relative; margin: 0 auto; padding: 6vw 0; line-height: normal;}
.promotion:nth-of-type(1), .promotion:last-child{ padding:0 0;}

.promotion:nth-of-type(even){ background: #f4f4f4;}
.promotion:nth-of-type(even) .ggcs_r{ float:right;}
.promotion:nth-of-type(even) .ggcs_l{ float:left; margin-left:8%;}
.promotion:nth-of-type(odd){ background: #fff;}
.promotion:nth-of-type(odd) .ggcs_r{ float:left;}
.promotion:nth-of-type(odd) .ggcs_l{ float:right; margin-right:8%;} 


#section2 .ysbo dl { float: left; margin-bottom: 10px; }
#section2 .ysbo dl dt { float: left; overflow: hidden; }
#section2 .ysbo dl dt span { width: 100%; overflow: hidden; }
#section2 .ysbo dl dt i { display: none; }
#section2 .ysbo dl dd { overflow: hidden; line-height: 1.8; margin-left: 2%; float: left; }
#section2 .ysbo dl:nth-of-type(1) { width: 39%; float: left; }
#section2 .ysbo dl:nth-of-type(1) dt { width: 24.9%; }
#section2 .ysbo dl:nth-of-type(2) { width: 35%; float: left; }
#section2 .ysbo dl:nth-of-type(2) dt { width: 27.8%; }
#section2 .ysbo dl:nth-of-type(3) { width: 26%; float: left; }
#section2 .ysbo dl:nth-of-type(3) dt { width: 36.4%; }
#section2 .ysbo dl:nth-of-type(4) { width: 39%; float: left; }
#section2 .ysbo dl:nth-of-type(4) dt { width: 25%; }
#section2 .ysbo dl:nth-of-type(5) { width: 39%; float: left; }
#section2 .ysbo dl:nth-of-type(5) dt { width: 23.8%; }
.ysbo dl:hover { color: #d40e25; }
.ysbo dl:hover dt span { display: none; }
.ysbo dl:hover dt i { width: 100%; overflow: hidden; display: block; }
/*****section3*****/

.ggcs_l .yng { line-height: 2; }

#section3 .ggcs_r dd { right: 6%; text-align: right; }
/*****section4*****/
.ggcs_l .lcn dl { width: 29%; overflow: hidden; float: left; }
.ggcs_l .lcn dl dt { font-family: 'youshebiaotiheiregular'; font-size: 3.7vw; color: #d50e25; }
.ggcs_l .lcn dl dd { font-size: 20px; }
.ggcs_l .lcn dl:nth-of-type(1) { margin-left: 2em; }
.ggcs_r dd { left: 6%; }
/*****section5*****/

#section5 .ysbo dl { width: 33.33%; float: left; text-align: center; margin-bottom: 20px; }
#section5 .ysbo dl dt { width: 29%; overflow: hidden; margin: 0 auto; }
#section5 .ysbo dl dt span { width: 100%; overflow: hidden; }
#section5 .ysbo dl dt i { display: none; }
#section5 .ysbo dl dd { width: 100%; overflow: hidden; padding-top: 10px; }
#section5 .ysbo dl:hover { color: #d40e25; }
#section5 .ysbo dl:hover dt span { display: none; }
#section5 .ysbo dl:hover dt i { width: 100%; overflow: hidden; display: block; }
@media screen and (max-width: 1600px) and (min-width:0) {
.tity dd { padding-top: 20px; }
.ggcs_l { width: 43%; }

.promotion:nth-of-type(even) .ggcs_l{ margin-left:5%;}
.promotion:nth-of-type(odd) .ggcs_l{ margin-right:5%;} 


#section2 .ysbo dl:nth-of-type(1) { width: 33.33%; }
#section2 .ysbo dl:nth-of-type(1) dt { width: 24%; }
#section2 .ysbo dl:nth-of-type(2) { width: 33.33%; }
#section2 .ysbo dl:nth-of-type(2) dt { width: 24%; }
#section2 .ysbo dl:nth-of-type(3) { width: 33.33%; }
#section2 .ysbo dl:nth-of-type(3) dt { width: 24%; }
#section2 .ysbo dl:nth-of-type(4) { width: 33.33%; }
#section2 .ysbo dl:nth-of-type(4) dt { width: 24%; }
#section2 .ysbo dl:nth-of-type(5) { width: 33.33%; }
#section2 .ysbo dl:nth-of-type(5) dt { width: 24%; }



#section5 .tity dd p { padding-bottom: 10px; }

}
 @media screen and (max-width: 1501px) and (min-width:1300px) {

.tity dd { line-height: 1.8; }
}
 @media screen and (max-width: 1301px) and (min-width:1025px) {

}
/*******手机端*******/
@media screen and (max-width: 1024px) and (min-width: 0px) {
.tity dd { padding-top: 20px; }

.ggcs_r { width: 100%; }
.ggcs_r dd { bottom: 2%;}
.ggcs_l { width: 90%; padding-top:0.2rem; }
.promotion{ padding: 60px 0; }

.promotion:nth-of-type(even) .ggcs_r{ float:none;}
.promotion:nth-of-type(even) .ggcs_l{ float:none; margin-left:5%; margin-right:5%;}
.promotion:nth-of-type(odd) .ggcs_r{ float:none;}
.promotion:nth-of-type(odd) .ggcs_l{ float:none; margin-right:5%; margin-left:5%;} 



#section2 .ysbo dl { margin-bottom: 0; margin-top: 20px; }
#section2 .ysbo dl:nth-of-type(1) { width: 25%; }
#section2 .ysbo dl:nth-of-type(1) dt { width: 20%; }
#section2 .ysbo dl:nth-of-type(2) { width: 25%; }
#section2 .ysbo dl:nth-of-type(2) dt { width: 20%; }
#section2 .ysbo dl:nth-of-type(3) { width: 25%; }
#section2 .ysbo dl:nth-of-type(3) dt { width: 20%; }
#section2 .ysbo dl:nth-of-type(4) { width: 25%; }
#section2 .ysbo dl:nth-of-type(4) dt { width: 20%; }
#section2 .ysbo dl:nth-of-type(5) { width: 25%; }
#section2 .ysbo dl:nth-of-type(5) dt { width: 20%; }

#section4 .ggcs_l .lcn dl:nth-of-type(1) { margin-left: 0; }
#section4 .ggcs_l .lcn dl { width: auto; }
#section4 .ggcs_l .lcn dl:nth-of-type(odd) { float: left; margin-left:15%; }
#section4 .ggcs_l .lcn dl:nth-of-type(even) { float: right; margin-right:15%; }
#section4 .ggcs_l .lcn dl dt { font-size: 40px; }

#section5 .ysbo dl { width: 16.66%; margin-bottom: 0; margin-top: 20px; }
#section5 .ysbo dl dt { width: 29%; }
#section5 .ysbo dl dd { width: 70%; margin: 0 auto; }
}