@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*****/
#section2 { position: relative; margin: 0 auto; line-height: normal; }
.gdcc { width: 100%; overflow: hidden; margin-top: 3vw; position: relative; }
.gdcc .gdcc_top { width: 100%; overflow: hidden; position: absolute; left: 0; z-index: 10; }
.gdcc .gdcc_img { width: 100%; overflow: hidden; }
.gdcc .gdcc_imgs{ display:none;}
.mainx{ width:83.33%; overflow:hidden; margin:0 auto;}
.gdcc .gdcc_top{ top: 18%;}
.cp_ly { width: 34.2%; overflow: hidden; float: left; color: #000; }
.cp_top { width: 100%; overflow: hidden; position: relative; }
.cp_top i { width:58%; overflow: hidden; margin-right:42%; display:block; }
.cp_top span { width: auto; overflow: hidden; display:block; padding-top:20px; background: url(../images/lc.jpg) no-repeat left bottom; padding-bottom: 22px; letter-spacing: 2px; font-weight: bolder;}
.cp_bo { width: 100%; overflow: hidden; padding-top:5%; line-height: 1.8;}
.cp_bo .cpn1 { width: 100%; overflow: hidden; font-weight: bolder; }
.cp_bo .cpn2 { padding-top: 20px; text-indent: 2em;  }
.cpys { width: 100%; overflow: hidden; padding: 4vw 0; background: #f4f4f4; }
.cpys .yslb { width: 18.8%; overflow: hidden; float: left; border-right: 1px #e5e5e5 solid; padding: 36px 0; border-bottom: 1px #e5e5e5 solid; }
.cpys .yslb dt { width: 35%; overflow: hidden; float: left; margin-left: 9%; }
.cpys .yslb dt span { width: 100%; overflow: hidden; display: block; }
.cpys .yslb dt i { display: none; }
.cpys .yslb dd { width: 42%; overflow: hidden; float: left; margin-left: 6%; padding-top: 7%; }
.cpys .yslb:nth-of-type(5), .cpys .yslb:nth-of-type(10) { border-right: none; }
.cpys .yslb:nth-of-type(6), .cpys .yslb:nth-of-type(7), .cpys .yslb:nth-of-type(8), .cpys .yslb:nth-of-type(9), .cpys .yslb:nth-of-type(10) { border-bottom: none; }
.cpys .yslb:hover dt span { display: none; }
.cpys .yslb:hover dt i { width: 100%; overflow: hidden; display: block; }

.cpys .yslbv { width:32.33%; overflow: hidden; float: left; border-right: 1px #e5e5e5 solid; padding: 36px 0; border-bottom: 1px #e5e5e5 solid; }
.cpys .yslbv dt { width:20%; overflow: hidden; float: left; margin-left: 9%; margin-top:2%; }
.cpys .yslbv dt span { width: 100%; overflow: hidden; display: block; font-weight:bolder;}
.cpys .yslbv dt i { display: none; }
.cpys .yslbv dd { width:64%; overflow: hidden; float: left; margin-left: 6%; line-height:1.6;}
.cpys .yslbv dd span{ width: 100%; overflow: hidden; display: block; font-weight:bolder; font-family: 'youshebiaotiheiregular'; line-height:normal; }
.cpys .yslbv:nth-of-type(3), .cpys .yslbv:nth-of-type(6) { border-right: none; }
.cpys .yslbv:hover dt span { display: none; }
.cpys .yslbv:hover dt i { width: 100%; overflow: hidden; display: block; }
.cpys .yslb:hover, .cpys .yslbv:hover{ color:#c62115;}
@media screen and (max-width: 1700px) and (min-width:1025px) {
.cp_ly { width: 40%; }
.cpys { padding: 50px 0; }
.cpys .yslb { padding: 26px 0; }
.cpys .yslb dt { width: 35%; margin-left: 5%; }
.cpys .yslb dd { width: 50%; margin-left: 5%; padding-top: 5%; }
}





@media screen and (max-width: 1024px) and (min-width: 0px) {
.gdcc .gdcc_img { display:none; }
.gdcc .gdcc_imgs{ width: 100%; overflow: hidden; display:block; margin:10px 0;}
.cp_ly { width: 40%; }

.cpys { padding: 40px 0; }
.cpys .yslb { padding: 20px 0; }
.cpys .yslb dt { width: 35%; margin-left: 5%; }
.cpys .yslb dd { width: 50%; margin-left: 5%; padding-top: 5%; }
.cpys .yslb dd.f22 { font-size: 14px; }
}
 @media screen and (max-width: 768px) and (min-width: 0px) {
.cp_ly { width: 100%; }
.gdcc { width: 95%; margin:2vw auto;}
.gdcc .gdcc_top { position:inherit; top:0;}
.gdcc .gdcc_img{ margin-top:15px;}
.cpys .yslb { width: 24.8%; }
.cpys .yslb:nth-of-type(4), .cpys .yslb:nth-of-type(8) { border-right: none; }
.cpys .yslb:nth-of-type(5) { border-right: 1px #e5e5e5 solid; }
.cpys .yslb:nth-of-type(6), .cpys .yslb:nth-of-type(7), .cpys .yslb:nth-of-type(8), .cpys .yslb:nth-of-type(9), .cpys .yslb:nth-of-type(10) { border-bottom: 1px #e5e5e5 solid; }
}
 @media screen and (max-width: 420px) and (min-width: 0px) {
.cp_bo { padding-top: 20px; }
.cp_ly { width: 100%; }
.cpys .yslb, .cpys .yslbv { width: 49.6%; text-align:center; }
.cpys .yslb:nth-of-type(even), .cpys .yslbv:nth-of-type(even) { border-right: none; }
.cpys .yslbv:nth-of-type(3){ border-right: 1px #e5e5e5 solid;}
.cpys .yslbv dt { width: 30%; margin-left: 32.5%;}
.cpys .yslbv dd { width: 100%; margin-left:0; float:inherit; margin-top:6px;}


}







/*****section3*****/
#section3, #section6 { position: relative; margin: 0 auto; line-height: normal; }
.cpgd { width: 100%; overflow: hidden; padding: 3.2vw 0; }
.cpgd .cpjl { width: 100%; overflow: hidden;  }
.cpgd .cpjl i { color: #c62115; margin-right: 5px; }
.cpgd .cpjl span { color: #c62115; margin-right: 15px; }
.cpgd:nth-of-type(odd) { background: #FFF; }
.cpgd:nth-of-type(odd) .ggcs_l { float: left; }
.cpgd:nth-of-type(odd) .ggcs_r { float: right; }
.cpgd:nth-of-type(even) { background: #f4f4f4; }
.cpgd:nth-of-type(even) .ggcs_l { float: right; }
.cpgd:nth-of-type(even) .ggcs_r { float: left; }
.cpgd .ggcs_l { width: 47.5%; overflow: hidden; }
.cpgd .ggcs_r { width: 47.5%; display: block; margin-top:1%; }
.cpgd .ggcs_nr { border-bottom: 1px #a6a5a5 solid; overflow: hidden; margin-top:1.5vw; }
.cpgd .ggcs_nr table { width: 100%; text-align: center; }
.cpgd .ggcs_nr table tr:nth-of-type(1) { background: #c0c6c9; color: #FFF; font-weight: bolder; }
.cpgd .ggcs_nr table tr td { padding: 18px 0; }


.ggai:nth-of-type(even), .ggam:nth-of-type(even){ background: #f4f4f4;}
.ggai:nth-of-type(odd), .ggam:nth-of-type(odd){ background: #fff;}
.ggas, .ggam{ position:relative;}
.ggas_r{ width:48%;}
.ggas_l{ width:40%;}
.yabo dl dt img{ width:auto; height:3.8vw; margin:0 auto;}
.yabo dl .img1{ display:block;}
.yabo dl .img2{ display:none;}
.yabo dl:hover .img1{ display:none;}
.yabo dl:hover .img2{ display:block;}
.yabo dl:hover p{ color:#d3051d;}

.ggai:nth-of-type(odd) .ggas_r{ float:left;}
.ggai:nth-of-type(odd) .ggas_l{ float:right; margin:0 8% 0 4%;}
.ggai:nth-of-type(even) .ggas_r{ float:right;}
.ggai:nth-of-type(even) .ggas_l{ float:left; margin:0 4% 0 8%;}


.ggam:nth-of-type(odd) .ggas_r{ float:left;}
.ggam:nth-of-type(odd) .ggas_l{ float:right; margin:0 8% 0 4%;}
.ggam:nth-of-type(even) .ggas_r{ float:right;}
.ggam:nth-of-type(even) .ggas_l{ float:left; margin:0 4% 0 8%;}

@media screen and (max-width: 1700px) and (min-width:1025px) {
.cpgd { padding: 40px 0; }
.cpgd .cpjl i { line-height:28px; height:28px; }
.cpgd .cpjl span { line-height:28px; height:28px; }
.cpgd .cpjl ol{ line-height:28px; height:28px;}
.cpgd .ggcs_nr table tr td { padding: 10px 0; }

.ggai:nth-of-type(odd) .ggas_l, .ggam:nth-of-type(odd) .ggas_l{ margin:0 5% 0 4%;}
.ggai:nth-of-type(even) .ggas_l, .ggam:nth-of-type(even) .ggas_l{ margin:0 4% 0 5%;}
.ggas_l{ width:43%;}



}
@media screen and (max-width: 1024px) and (min-width: 0px) {
.cpgd { padding: 20px 0; }
.cpgd .ggcs_l { width: 50%; overflow: hidden; }
.cpgd .ggcs_r { width: 46%; display: block; }
.cpgd .ggcs_nr table tr td { padding: 8px 0; }



.ggas_r{ width:100%;}
.ggas_l{ width:90%; padding-top:20px;}

.yabo{ display: flex; flex-wrap: wrap; position: relative; max-width: 100%; }
.yabo dl.cpnc{ width: 50%; text-align:center; float:left;box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom:0; border-bottom: 1px #e5e5e5 solid; padding:20px 0;}
.yabo dl.cpnc:nth-of-type(odd){ border-right: none; border-right: 1px #e5e5e5 solid;}
.yabo dl dt img{ height:76px;}

.ggai:nth-of-type(odd) .ggas_r{ float:none;}
.ggai:nth-of-type(odd) .ggas_l{ float:none; margin:0 5% 0 5%;}
.ggai:nth-of-type(even) .ggas_r{ float:none;}
.ggai:nth-of-type(even) .ggas_l{ float:none; margin:0 5% 0 5%;}


.ggam:nth-of-type(odd) .ggas_r{ float:none;}
.ggam:nth-of-type(odd) .ggas_l{ float:none; margin:0 5% 0 5%;}
.ggam:nth-of-type(even) .ggas_r{ float:none;}
.ggam:nth-of-type(even) .ggas_l{ float:none; margin:0 5% 0 5%;}


}
@media screen and (max-width: 768px) and (min-width: 0px) {
.cpgd:nth-of-type(odd) .ggcs_l { float: inherit; }
.cpgd:nth-of-type(odd) .ggcs_r { float: inherit; }
.cpgd:nth-of-type(even) .ggcs_l { float: inherit; }
.cpgd:nth-of-type(even) .ggcs_r { float: inherit; }
.cpgd .ggcs_l { width: 100%; }
.cpgd .ggcs_r { width: 100%; margin-top: 10px; }
}
 @media screen and (max-width: 420px) and (min-width: 0px) {
.ggcs_nr.f18 { font-size: 12px; }
}
/*****section4*****/
#section4 { position: relative; margin: 0 auto; line-height: normal;}

 @media screen and (max-width: 1700px) and (min-width:1025px) {

}

@media screen and (max-width: 1024px) and (min-width: 0px) {


}
/*****section5*****/
#section5 { position: relative; margin: 0 auto; line-height: normal; }



/*****section7*****/
#section6 { position: relative; margin: 0 auto; line-height: normal; padding: 3.6vw 0 17vw 0; background-repeat: no-repeat; background-position-x: left; background-position-y: top; background-size: cover; color: #FFF; }
#section6 .contanr { line-height: 2; }
@media screen and (max-width: 1700px) and (min-width:1500px) {
.gdcc .gdcc_top{ top: 17%;}
}
@media screen and (max-width: 1501px) and (min-width:1300px) {
.gdcc .gdcc_top{ top: 14%;}
}
@media screen and (max-width: 1301px) and (min-width:1025px) {
.gdcc .gdcc_top{ top: 14%;}
}
@media screen and (max-width: 1024px) and (min-width: 0px) {
.mainx{ width:95%;}
#section2{ padding:50px 0 0 0;}
#section5{ padding:50px 0 0 0;}
#section5 .gdcc .gdcc_top { bottom: 15%;}
}