.section1 .btn-ary { width: 290px; height: 1px; position: absolute; right: 15%; bottom: 17%; z-index: 1000; background: #FFF }
.section1 .btn-ary span { display: block; width: 60px; height: 60px; color: #FFF; line-height: 60px; text-align: center; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; text-transform: uppercase }
.section1 .btn-ary span:after { content: ""; display: block; width: 100%; height: 100%; border: 1px solid #FFF; position: absolute; top: 0px; left: 0px; box-sizing: border-box; border-radius: 50%; transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); opacity: 0; visibility: hidden }
.section1 .btn-ary .prev { left: -80px; }
.section1 .btn-ary .next { right: -80px; }
.section1 .btn-ary span:hover { color: #d71820; }
.section1 .btn-ary span:hover:after { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); opacity: 1; visibility: visible; border-color: #d71820 }
/* container */
#container { width: 100%; height: 100% }
#container .wrap { width: 75%; margin: 0 auto }
.fp-auto-height, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important }
.section { position: relative; overflow: hidden; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; display: table; table-layout: fixed; width: 100%; }
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.section .pic img { display: block; width: 100%; height: 100% }
.layer-title { padding-bottom: 40px; margin-bottom: 65px; position: relative }
.layer-title p { display: block; font-size: 30px }
.layer-title.pro-title { background: url(../images/grod.png) no-repeat left bottom }
.layer-title.join-title { background: url(../images/join.png) no-repeat left bottom }
.section .profile { color: #444545; font-size: 18px; line-height: 30px; margin-bottom: 7%; padding-top: 60px; }
.section .profile p { margin-bottom: 10px }
.number ul { width: 100%; margin-bottom: 60px; display: flex; flex-wrap: wrap; }
.number li { display: block; flex-grow: 1; width: 20%; text-align: center; color: #ff9600; position: relative }
.number li:before { content: ""; display: block; width: 1px; height: 85px; position: absolute; top: 0px; right: 0; background: #d4c8b8 }
.number li:last-child:before { display: none }
.number .grid { display: inline-block; text-align: left }
.number .grid .data { height: 50px; line-height: 50px; font-size: 48px; position: relative; margin-bottom: 10px; text-align: center; }
.number .grid .data i { display: block; width: 40px; position: absolute; top: 27px; left: 101%; font-style: normal; font-size: 14px; line-height: 18px; }
.number .grid .data em { font-size: 16px }
.number .grid h2 { display: block; font-size: 16px }
.number .get-time { height: 26px; text-align: right; color: #fff; padding-right: 5%; opacity: 0.8; }
.place { height: 100px }
.layer-join { margin-left: 63%; cursor: pointer; }
.layer-join .en-text { font-size: 18px; text-transform: uppercase; color: #8590a9; margin-bottom: 30px }
.layer-join .cn-text { font-size: 28px }
.inner-list, .inner-list ul { width: 100%; height: 100% }
.inner-list li { display: block; float: left; width: 350px; height: 100%; }
.inner-list a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; text-align: center; }
.inner-list .up-box, .inner-list .do-box { position: relative }
.inner-list .up-box { overflow: hidden; height: 61%; }
.inner-list .do-box { padding: 0px 5%; height: 45%; }
.inner-list .poper:after { content: "+"; display: block; width: 100%; line-height: 30px; font-size: 24px; color: #d71820; position: absolute; left: 0px; bottom: 7%; opacity: 0; visibility: hidden }
.inner-list .icon { position: absolute; width: 90px; height: 90px; top: 50%; left: 50%; margin-left: -45px; margin-top: -45px; }
.inner-list .picture { width: 100%; height: 100%; position: absolute; left: 0px; bottom: 50%; z-index: 1; opacity: 0; visibility: hidden }
.inner-list .picture img { display: block; width: 100%; height: 101%; position: absolute; top: 0%; left: 0%; width: auto; max-width: 300%; }
.inner-list .line { width: 100%; height: 1px; position: absolute; top: 61%; left: 0px; background: #bfbfbf; }
.inner-list .title { margin: -105px 0% 50px; text-align: center; position: relative; z-index: 90; }
.inner-list .title h3 { display: block; font-weight: normal; font-size: 22px; line-height: 34px; padding: 0px; margin: 0px 0px 3px; color: #333333; position: relative; }
.inner-list .title p { display: block; width: 100%; font-size: 15px; color: #838b8f; line-height: 24px; max-width: 100%; text-transform: uppercase; height: 67px; position: relative; }
.inner-list .title i { display: block; margin: 0 auto; width: 64px; height: 2px; background: #666; }
.inner-list .text { width: 90%; margin: 0 auto; line-height: 30px; font-size: 14px; color: #666; }
.inner-list .picture, .inner-list .title, .inner-list .title i, .inner-list .text, .inner-list .poper:after { transition: all 0.36s ease; -webkit-transition: all 0.36s ease; -moz-transition: all 0.36s ease; }
.inner-list a:hover, .inner-list a:hover .poper { background: #eef5ff }
.inner-list a:hover .icon { opacity: 0; visibility: hidden; margin-top: 0px; transition: all 0.36s ease; -webkit-transition: all 0.36s ease; -moz-transition: all 0.36s ease }
.inner-list a:hover .picture { bottom: 0%; opacity: 1; visibility: visible; }
.inner-list a:hover .poper:after { opacity: 1; visibility: visible; bottom: 11%; }
.inner-list a:hover .title { margin: 0px 0% 40px; margin-top: -35px; }
.inner-list a:hover .title i { background: #d71820; }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.cler { clear: both; width: 100%; overflow: hidden; height: 0px }
.news-titles { margin-left: 26.61%; background: url(../images/news.png) no-repeat left bottom; padding-bottom: 40px; margin-bottom: 65px; position: relative }
.news-titles p { display: block; font-size: 30px }
.news-titles a { display: block; position: absolute; bottom: 0px; right: 16%; height: 43px; line-height: 43px; font-size: 16px; color: #d71820; padding-right: 62px; background: url(../images/btn-more.png) no-repeat center right; cursor: pointer }
.news-item { height: 473px; position: relative; width: 95%; }
#owl-news { width: 100%; overflow: visible }
#owl-news .owl-image { margin-bottom: 20px; width: 100%; position: relative; overflow: hidden; }
.owl-image:hover img { transform: scale(1.1); }
#owl-news .blk { display: block; position: relative; padding-left: 130px; padding-right: 25px; }
#owl-news .caps { display: block; position: absolute; left: 0px; top: 0px }
#owl-news h4 { display: block; font-size: 18px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 15px; }
#owl-news p { display: block; color: #909194; width: 100%; height: 52px; line-height: 26px; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#owl-news .item:hover h4 { color: #d71820 }
#owl-news .owl-image a:hover { cursor: move }
.lett-box { height: 100%; width: 27%; background: #eef5ff; position: relative; float: left }
.btn-box { position: absolute; right: -101px; bottom: 41px }
.project { height: 100%; width: 72.5%; position: relative; float: right }
.pop-image { width: 50%; position: absolute; right: 0px; top: 15%; }
.ani-lt-in { transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); opacity: 0; }
.ani-rt-in { transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); opacity: 0 }
.ani-tp-in { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); opacity: 0 }
.ani-bm-in { transform: translateY(50%); -webkit-transform: translateY(50%); -moz-transform: translateY(50%); opacity: 0 }
#container .active .ani-lt-in, #container .active .ani-rt-in, #container .keeps .ani-lt-in, #container .keeps .ani-rt-in { opacity: 1; transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transition-delay: 0.7s; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s }
#container .active .ani-tp-in, #container .active .ani-bm-in, #container .keeps .ani-tp-in, #container .keeps .ani-bm-in { opacity: 1; transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transition-delay: 0.7s; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s }
#container .active .about2 p { transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s }
.shadow { position: absolute; top: 0px; right: 0px; height: 100%; width: 15%; background: #FFF; opacity: 0.35 }
.tri, .item a, .nw-data:after { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s }
/* keyframes */
@keyframes move {
    0% { opacity: 0; transform: translateY(0px); }
    33% { opacity: .8; transform: translateY(5px); }
    65% { opacity: 0.6; transform: translateY(10px); }
    100% { opacity: 0; transform: translateY(20px) scale3d(0.5, 0.5, 0.5); }
}

@-webkit-keyframes move_scroll_triangle {
    0%,100%,30% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 }
    65% { -webkit-transform: translateY(20px); transform: translateX(20px); opacity: 0 }
    66% { -webkit-transform: translateY(-20px); transform: translateY(-20px) }
}

@-moz-keyframes move_scroll_triangle {
    0%,100%,30% { -moz-transform: translateY(0); transform: translateY(0); opacity: 1 }
    65% { -moz-transform: translateY(20px); transform: translateY(20px); opacity: 0 }
    66% { -moz-transform: translateY(-20px); transform: translateY(-20px) }
}

@-o-keyframes move_scroll_triangle {
    0%,100%,30% { -o-transform: translateY(0); transform: translateY(0); opacity: 1 }
    65% { -o-transform: translateY(20px); transform: translateY(20px); opacity: 0 }
    66% { -o-transform: translateY(-20px); transform: translateY(-20px) }
}

@keyframes move_scroll_triangle {
    0%,100%,30% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 }
    65% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0 }
    66% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px) }
}

@media screen and (max-width: 1360px) {
}

.ba_block { position: relative; width: 100%; overflow: hidden; }
.ba_img img { width: 100%; min-width: 1300px; }
.ba_img { position: relative; width: 100%; overflow: hidden; }
.ba_content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 90; }
.com_conBlock { position: relative; width: 90%; margin: auto; z-index: 20; }
.ba_content .com_conBlock { height: 100%; }
.com_tiBl { position: absolute; bottom: 30%; color: #fff; font-size: 30px; }
.com_ti { letter-spacing: 6px; }
.com_en { text-transform: uppercase; }
.com_ul { position: absolute; bottom: 0px; left: 0px; width: 96%; background: url(../images/a_4.png); padding-left: 4%; height: 60px; }
a.com_li { padding: 20px 0; display: block; float: left; font-size: 16px; margin-right: 45px; position: relative; padding-bottom: 0px; }
a.com_li:after { content: ""; display: block; width: 0%; margin: auto; border-bottom: 3px solid #d71c24; margin-top: 13px; opacity: 0.6; }
a.com_li.active:after, a.com_li:hover:after { width: 100%; }
.com_content { padding-bottom: 1px; position: relative; width: 100%; height: auto; overflow: hidden; }
#Footer { background: #3f3f3f; color: #fff; }
#Footer a, #Footer span { color: #fff; opacity: 0.6; }
.fo_te { float: left; padding: 25px 0 30px 0; }
.clear { clear: both; }
.fo_ul { float: right; margin-right: -15px; }
a.fo_li { display: block; float: left; padding: 25px 15px; position: relative; }
a.fo_a { margin-left: 15px; }
a.fo_li:after { content: ""; display: block; position: absolute; left: 0px; top: 30px; height: 12px; border-left: 1px solid #fff; opacity: 0.6; }
a.fo_li:nth-child(1):after { display: none; }
#Footer a:hover { opacity: 1; }
.jo_ul { position: relative; width: 105%; padding: 60px 0 80px 0; }
a.jo_li { float: left; width: 45%; margin-right: 5%; position: relative; }
.jo_tiBl { position: absolute; top: 50%; left: 15%; color: #fff; font-size: 30px; text-transform: uppercase; margin-top: -30px; }
.jo_en { line-height: 1.2em; padding-top: 10px; }
::-webkit-scrollbar { width: 8px; height: 8px; background-color: #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; }
::-webkit-scrollbar-thumb { background-color: #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; }
.rec_content { position: relative; width: 100%; margin-top: 60px; margin-bottom: 80px; }
.rec_table { position: relative; width: 100%; }
.rec_th { position: relative; width: 100%; background: #1cb58b; color: #fff; font-size: 16px; }
.rec_td { position: relative; width: 17%; float: left; text-align: center; padding: 20px 0; }
.rec_tr { position: relative; width: 100%; background: #f5f7f7; margin-bottom: 15px; cursor: pointer; }
img.rec_ico { display: inline-block; width: 26px; margin-right: 15px; position: relative; top: -4px; margin-bottom: -8px; }
img.rec_icoB { position: absolute; right: 10%; top: 16px; }
.rec_td:nth-child(1) { width: 24%; }
.rec_teBl { position: relative; width: 90%; margin: auto; padding: 20px 5% 30px 5%; border-top: 1px solid #f5f5f5; display: none; }
.rec_teBl h2 { font-size: 18px; color: #1cb58b; padding-bottom: 10px; }
.rec_teBl p { margin-bottom: 20px; }
a.rec_aBl { position: relative; width: 100px; margin: 20px auto; background: #1cb58b url(../images/a1_3.png) no-repeat 92px 8px; background-size: 24px; display: block; text-align: center; color: #fff; padding: 10px 0; border-radius: 6px; padding-right: 30px; margin-top: 40px; }
.rec_td.d5 img { left: 72px; position: relative; top: -1px; }
p { line-height: 2em; }
.joB_block { position: relative; width: 100%; margin-top: 60px; background: #1cb58b; }
.joB_img { position: relative; width: 64%; }
.joB_tiBl { position: absolute; right: 18%; top: 50%; font-size: 36px; color: #fff; text-transform: uppercase; margin-right: -84px; margin-top: -68px; }
.joB_ti { letter-spacing: 5px; }
.joB_en { opacity: 0.5; line-height: 1.2em; padding-top: 10px; }
.cU_img { margin-top: 80px; width: 100%; display: none; }
.cU_img img { width: 100%; }
.cU_map { width: 63%; float: right; margin-bottom: 100px; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; right: 0; top: 0; height: 100%; position: absolute; }
.cU_block { position: relative; width: 25%; background: #306ba2; color: #fff; padding: 60px 6%; background-size: cover; }
.cU_li img { width: 23px; margin-right: 8px; }
.cU_li { padding: 15px 0; }
.cU_conBlock { position: relative; margin-top: 80px; margin-bottom: 100px; }
.pa_content { position: relative; width: 100%; }
.pa_ulBl { position: relative; width: 105%; margin-top: 80px; margin-bottom: 60px; }
.pa_liBl { position: relative; width: 45%; float: left; margin-right: 5%; box-shadow: 0 0 5px 1px #ccc; }
.pa_teBl { padding: 5% 10%; position: relative; width: 80%; }
.pa_ti { font-size: 22px; color: #d8131a; margin-bottom: 15px; }
a.pa_teLi { border-bottom: 1px solid #ad3035; display: block; padding: 15px 0; position: relative; }
.pa_date { position: absolute; right: 0px; top: 15px; }
.pa_te { position: relative; width: 73%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 15px; }
.pa_te:after { content: ""; display: block; position: absolute; left: 0px; top: 9px; width: 4px; height: 4px; background: #d8131a; border-radius: 100px; }
.pa_more { position: relative; display: block; margin-top: 20px; background: #ad3035; float: right; color: #fff; padding: 6px 15px; }
.pa_teBl:after { content: ""; display: block; clear: both; }
.pa_block { position: relative; width: 100%; margin-bottom: 60px; }
.pa_bl { position: absolute; top: 50%; left: 10%; z-index: 90; color: #fff; margin-top: -110px; }
.pa_bTi { font-size: 22px; margin-bottom: 30px; }
.pa_bTe { width: 336px; line-height: 2em; text-align: justify; }
.pa_bmore { position: relative; margin-top: 40px; background: #f5e6e9; width: 100px; text-align: center; color: #d8131a; padding: 5px 0; display: block; }
.ac_content { position: relative; width: 100%; }
.ac_ul { position: relative; width: 102%; margin-top: 80px; }
a.ac_li { position: relative; float: left; width: 31.333%; margin-right: 2%; background: #f7f7f7; }
.ac_teBl { position: relative; padding: 20px 8%; padding-bottom: 30px; }
.ac_tTi { font-size: 18px; white-space: nowrap; position: relative; width: 100%; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; color: #ae9674; }
.ac_tTe { position: relative; width: 100%; line-height: 1.8em; height: 75px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 12px; }
.ac_more { float: right; background: #e0e0e0; padding: 2px 20px; }
.ac_teBl:after { content: ""; display: block; clear: both; }
.ac_ulBl { position: relative; width: 103%; margin-top: 60px; margin-bottom: 60px; }
a.ac_liBl { float: left; width: 41%; margin-right: 3%; background: #f7f7f7; margin-bottom: 3%; padding: 20px 3%; position: relative; }
.ac_ulBl:after { content: ""; display: block; clear: both; }
.ac_ti { font-size: 18px; white-space: nowrap; position: relative; width: 100%; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; color: #ae9674; }
.ac_te { position: relative; width: 100%; line-height: 1.8em; height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ac_date { position: absolute; left: 0; top: 0; background: #306ba2; color: #fff; width: 110px; text-align: center; height: 100%; z-index: 90; }
.ac_day { font-size: 46px; padding: 11px; }
.ac_year { border-top: 2px solid #fff; padding: 5px 0; font-size: 16px; }
.ac_teBlock { padding-left: 105px; }
.pa_img img { width: 100%; }
.ac_img img { width: 100%; }
.neB_content { position: relative; width: 100%; margin-top: 80px; padding-bottom: 40px; }
a.neB_aBlock { position: relative; width: 84%; display: block; padding: 50px 8%; background: #f9f9f9; box-shadow: rgb(204, 204, 204) 0px 0px 10px 0px; }
.neB_imgBl { position: relative; width: 30%; float: left; }
.neB_teBl { position: relative; width: 64%; float: right; }
.neB_date { font-size: 22px; color: rgb(174, 14, 34); font-weight: bold; }
.neB_ti { font-size: 18px; padding: 8px 0px 18px; border-bottom: 1px solid rgb(204, 204, 204); margin-bottom: 30px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.neB_te { position: relative; width: 100%; line-height: 1.8em; text-align: justify; height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.neB_ti { color: rgb(174, 14, 34); }
.neB_ico { margin-top: 15px; font-size: 36px; color: rgb(174, 14, 34); font-weight: 100; line-height: 1em; }
.neB_ul { position: relative; width: 100%; margin: 50px auto 20px; }
a.neB_li { position: relative; width: 84%; display: block; padding: 30px 8%; min-height: 120px; }
.neB_img { float: left; position: relative; width: 24%; }
.neB_daBl { position: relative; width: 12%; float: left; margin-left: 6%; padding-top: 10px; }
.neB_year { font-size: 22px; color: rgb(174, 14, 34); font-weight: bold; }
.neB_day { font-size: 16px; color: rgb(174, 14, 34); font-weight: bold; }
.neB_teBlock { position: relative; width: 60%; float: left; border-left: 1px solid rgb(204, 204, 204); padding-left: 5%; padding-top: 10px; padding-bottom: 10px; }
.neB_tTi { font-size: 18px; margin-bottom: 10px; white-space: nowrap; position: relative; overflow: hidden; text-overflow: ellipsis; }
.neB_tTe { line-height: 1.8em; color: rgb(153, 153, 153); height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.neB_icoBl { font-size: 36px; color: rgb(153, 153, 153); font-weight: 100; float: left; padding-top: 28px; margin-left: 9%; }
a.neB_li::after { content: ""; display: block; position: absolute; right: 8%; top: 16%; width: 30px; height: 30px; border-top: 1px solid rgb(174, 14, 34); border-right: 1px solid rgb(174, 14, 34); opacity: 0; }
a.neB_li::before { content: ""; display: block; position: absolute; right: 8%; bottom: 16%; width: 30px; height: 30px; border-bottom: 1px solid rgb(174, 14, 34); border-right: 1px solid rgb(174, 14, 34); opacity: 0; }
a.navCo_aBlock { }
.neB_bl { position: absolute; width: 64%; right: 8%; top: 50%; margin-top: -52px; }
.neB_img::after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; width: 417%; border-bottom: 1px solid rgb(221, 221, 221); }
.pagination a img { display: inline-block; margin: 0px 20px; top: 10px; position: relative; width: 32px; }
a.neB_li:hover { background: rgb(238, 238, 238); }
a.neB_li:hover .neB_img::after { width: 0px; }
a.neB_li:hover::before, a.neB_li:hover::after { opacity: 1; }
a.neB_li:hover .neB_icoBl { color: rgb(174, 14, 34); }
.InB_teBlock { position: relative; width: 65%; float: left; }
.InC_content { position: relative; width: 29%; float: right; }
.InB_ti { font-size: 26px; line-height: 1.6em; }
.InB_date { font-size: 18px; color: rgb(153, 153, 153); padding: 25px 0px 15px; border-bottom: 1px solid rgb(204, 204, 204); position: relative; }
.InB_teBl { position: relative; width: 100%; margin-top: 30px; text-align: justify; }
.InB_date::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100px; border-bottom: 1px solid rgb(148, 37, 49); }
.InB_teBl p { margin-bottom: 20px; }
.pagination { text-align: center; padding: 20px 0px; }
.pagination a, .pagination span { padding: 5px 5px; margin: 0px 5px; border-radius: 4px; font-size: 16px; }
.pagination a:hover, .pagination a.page_current { color: rgb(148, 37, 49); font-weight: bold; }
.neIn_conBlock { position: relative; min-height: 600px; padding: 60px 0; padding-right: 360px; }
.neNa_content { position: absolute; width: 280px; right: 0px; top: 0px; z-index: 20; }
.neNa_block { background: rgb(239, 242, 245); padding: 20px; margin-bottom: 8px; }
.neNa_ti { text-align: center; border-bottom: 1px solid rgb(204, 204, 204); margin-bottom: 20px; font-size: 18px; padding-bottom: 10px; }
a.neNa_more { text-decoration: underline; float: right; margin-top: 10px; margin-bottom: 10px; }
.neNa_imgBl { position: relative; width: 100%; height: 116px; overflow: hidden; }
.neNa_imgBl img { width: 100%; }
.neNa_conBlock { position: relative; width: 100%; background: rgb(239, 242, 245); padding: 20px; margin-bottom: 8px; }
a.neNa_li { margin-bottom: 20px; padding-left: 18px; position: relative; }
.neNa_te { line-height: 26px; text-align: justify; }
.neNa_icon { position: absolute; left: 0px; top: 10px; width: 6px; height: 6px; background: rgb(136, 136, 136); }
a.neNa_aBl { position: relative; width: 100%; overflow: hidden; }
.neNa_bg img { width: 100%; }
.neNa_imgTi { position: absolute; top: 30px; z-index: 20; color: rgb(255, 255, 255); font-size: 24px; text-align: center; width: 100%; letter-spacing: 1px; }
.neIn_ti { font-size: 24px; text-align: center; }
.neIn_block { position: relative; width: 100%; margin-top: 16px; }
.neIn_leUl { position: relative; width: 100%; }
a.neIn_back { position: absolute; right: 0px; top: 0px; z-index: 20; padding-right: 21px; background: url("/content/images/a6_4.png") right 6px no-repeat; letter-spacing: 2px; }
.neIn_leLi { float: left; margin-right: 30px; position: relative;  font-size: 16px; line-height: 24px;}
.neIn_share { position: absolute; left: 42px; top: 4px; width: 200px; }
.neIn_teBl { position: relative; width: 100%; margin-top: 35px; font-size: 16px; line-height: 24px;}
.neIn_teBl p { margin-bottom: 20px; line-height: 2.2em; font-size: 15px; }
.neIn_teBl img { margin: auto; display: block; }
.neIn_ul { position: relative; width: 100%; border-top: 1px solid rgb(204, 204, 204); padding-top: 25px; margin-top: 40px; height: 30px; }
a.neIn_li { margin-bottom: 10px; position: relative; width: 46%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;  font-size: 16px; line-height: 24px;}
a.neIn_back:hover { color: rgb(199, 62, 85); font-weight: bold; }
.InR_Block { position: absolute; right: 0px; width: 240px; background: rgb(230, 231, 235); top: 80px; padding: 20px 25px 40px; }
.InR_ti { text-align: center; font-size: 24px; padding-bottom: 20px; padding-top: 10px; }
.InR_ulBl { position: relative; width: 100%; }
a.InR_liBl { width: 94%; position: relative;/*  margin-bottom: 20px; */ padding-left: 14px; line-height: 1.6em; height: 44px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; display: block;  font-size: 16px; line-height: 24px;}
a.InR_liBl::after { content: ""; display: block; width: 4px; height: 4px; background: rgb(153, 153, 153); position: absolute; left: 0px; top: 8px; }
a.InR_more { border-bottom: 1px solid rgb(153, 153, 153); padding-bottom: 2px; position: relative; left: 210px; }
a.neIn_li.neIn_right { float: right; text-align: right; }
.com_conBlock.coo { z-index: 90; }
.co_bgImg { position: absolute; bottom: 0; left: 0; width: 100%; height: 70%; background: url(/images/a3_7.jpg) no-repeat center; }
.co_block { float: left; width: 46%; background: url(/images/a3_6.jpg) no-repeat center; background-size: cover; color: #fff; margin-top: 80px; padding: 30px 0% 25px 0; }
.co_content:after { content: ""; display: block; clear: both; }
.co_content { position: relative; width: 100%; padding-bottom: 80px; }
.co_li { position: relative; height: 90px; padding-left: 157px; opacity: 0.8; cursor: pointer; }
img.co_ico { position: absolute; left: 0px; top: 20px; width: 60px; }
.co_li:after { content: ""; display: block; width: 10px; height: 10px; background: #fff; position: absolute; top: 50%; left: 95px; margin-top: -5px; border-radius: 100px; }
.co_ul { width: 460px; margin: auto; position: relative; }
.co_en { text-transform: uppercase; font-size: 20px; line-height: 1.4em; }
.co_ti { font-size: 20px; padding-bottom: 4px; letter-spacing: 2px; position: relative; }
.co_tiBl { padding-top: 28px; }
.co_ul:after { content: ""; display: block; position: absolute; left: 99px; height: 79%; top: 44px; border-right: 1px solid #ccc; opacity: 0.5; }
.co_teBl { text-align: center; border-top: 1px solid rgba(255,255,255,0.5); padding-top: 15px; width: 86%; margin: auto; margin-top: 25px; }
.co_li:hover, .co_li.active { opacity: 1; }
.co_teBl p { padding: 4px; }
.co_ulBlock { position: absolute; left: 54%; top: 38%; }
.co_num { font-size: 100px; font-weight: bold; color: #e0e0e0; position: absolute; top: -218px; right: 0; }
.co_teTi { font-size: 22px; color: #bf1b22; }
.co_teEn { text-transform: uppercase; font-size: 22px; margin: 8px 0; opacity: 0.6; }
.co_teBlock { position: relative; line-height: 2em; margin-top: 20px; }
.co_wi { position: relative; width: 50px; border-bottom: 2px solid #bf1b22; opacity: 0.5; margin: 30px 0; }
.co_li:hover .co_ti:after, .co_li.active .co_ti:after { content: ""; display: block; position: absolute; top: -13px; left: -26px; width: 100%; height: 60px; border: 1px solid #fff; opacity: 0.6; }
.com_tiBl.col3 { color: #666; }
.co_ulBlock.active { transform: translate(-40px, 0px); opacity: 0; }
.se_content { position: relative; width: 100%; padding-top: 120px; color: #fff; overflow-x: hidden; }
.se_conBlock { position: relative; width: 100%; }
.se_img { position: relative; left: -13%; width: 126%; overflow: hidden; }
.se_tiBl { position: absolute; top: 50%; font-size: 40px; text-transform: uppercase; font-weight: 100; right: 0; width: 22%; margin-top: -200px; min-width: 300px; }
.se_tEn { line-height: 2em; margin-top: 20px; letter-spacing: -1px; font-size: 16px; }
.se_tTi { letter-spacing: 6px; }
.se_block { position: relative; width: 58%; background: #b1917c; color: #fff; padding: 40px 100px 40px 0; margin-top: -100px; }
.se_teBl { position: relative; z-index: 90; line-height: 1.8em; }
.se_bgColor { position: absolute; left: -200px; top: 0px; width: 200px; height: 100%; background: #b1917c; }
.se_ulBl { position: relative; width: 104%; padding: 80px 0; padding-top: 100px; }
.se_li { position: relative; width: 46%; float: left; margin-right: 4%; }
.se_liBg img { width: 100%; }
.se_teBlock { position: absolute; top: 50%; left: 20%; width: 60%; color: #f7efdf; opacity: 0.8; margin-top: -120px; z-index: 90; }
.se_tT { font-size: 24px; text-align: center; }
.se_tE { text-transform: uppercase; text-align: center; font-size: 24px; margin: 5px 0; }
.se_tWi { position: relative; width: 160px; height: 10px; background: url(/images/a4_3.png) no-repeat center; margin: 15px auto; background-size: 80px; }
.se_tTe { text-align: center; line-height: 2em; }
.se_num { position: absolute; bottom: -18%; left: 4%; font-size: 129px; font-weight: bold; opacity: 0.1; color: #fff; }
.se_li .se_liBg:after { content: ""; display: block; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; background: #b1917c; opacity: 0; }
.se_li.cur .se_liBg:after { opacity: 1; }
.se_li.cur .se_num { bottom: 100%; opacity: 0.6; color: #b89b86; margin-bottom: -86px; }
.se_color { position: absolute; top: 0px; right: 0px; width: 150px; overflow: hidden; color: #b1917c; display: none; }
.se_in { position: relative; width: 600px; }
.seB_swiper { position: relative; width: 100%; background: #b1917c; }
.seB_block { position: relative; width: 100%; min-height: 500px; }
.seB_teBl { position: absolute; width: 36%; left: 0%; top: 50%; margin-top: -220px; }
.seB_img { position: relative; width: 71%; float: right; margin-right: -13%; }
.seB_ti { font-size: 30px; letter-spacing: 3px; margin-bottom: 30px; color: #fff; }
.seB_en { text-transform: uppercase; font-size: 36px; opacity: 0.6; }
.seB_wi { position: relative; width: 60px; height: 3px; background: #f6eede; margin: 30px 0; background: linear-gradient(45deg, #f6eede, transparent); display: none; }
.seB_te { line-height: 2em; }
.seB_button { position: absolute; top: 50%; left: 10%; margin-top: 120px; background: #fff; width: 92px; height: 46px; cursor: pointer; z-index: 90; }
.seB_le { position: relative; float: left; width: 12px; padding: 11px 17px; z-index: 90; }
.se_img img { width: 100%; }
.seB_ri { position: relative; float: right; width: 12px; padding: 11px 17px; z-index: 90; }
.seB_after { display: block; position: absolute; top: 0; left: 0; width: 46px; height: 46px; background: #b1917c; }
#header.serve .menu-box { right: -184px; }
div#header:after { content: ""; display: block; position: absolute; top: -10px; left: 0; width: 100%; height: 80px; background: #fff; opacity: 0; display: none; }
div#header.dark:after { opacity: 0.6; }
div#header.serve.colorB .nav li a, div#header.joinUs.colorB .nav li a { color: #333; }
.top_null { position: fixed; top: 0px; left: 0; width: 0px; }
.bu_content { color: #fff; }
.bu_content .se_block, .bu_content .se_bgColor { background: #1cb58b; }
.bu_content .se_color { color: #1cb58b; }
.buB_content { position: relative; width: 100%; margin-top: 80px; min-width: 1200px; }
.bu_bgImg img { width: 100%; }
.bu_block { position: absolute; right: 12%; top: 0px; width: 330px; background: #b1917c; height: 100%; padding: 0px 2%; }
.bu_tImg { width: 250px; position: relative; left: -10px; margin-bottom: 20px; }
.bu_ti { font-size: 26px; margin: 5px 0; letter-spacing: 3px; padding-bottom: 20px; }
.bu_en { text-transform: uppercase; font-size: 30px; line-height: 1.4em; opacity: 0.8; }
.bu_wi { position: relative; width: 40px; height: 3px; margin: 40px 0; background: #fff; opacity: 0.8; }
.bu_te { position: relative; width: 100%; line-height: 2em; text-align: justify; }
.buC_content { position: relative; width: 100%; margin-top: 80px; }
.buC_ul { position: relative; width: 102%; }
.buC_li { float: left; width: 18%; margin-right: 2%; }
.buC_liTi { background: #b1917c; padding: 10px 0; text-align: center; font-size: 16px; }
.buC_teBl { color: #666; text-align: center; padding: 40px; line-height: 2em; margin-bottom: 30px; }
.seD_content { position: relative; width: 100%; margin-top: 80px; margin-bottom: 80px; }
.seD_img { position: relative; width: 63%; margin-left: -13%; padding: 50px 0; float: left; z-index: 90; }
.seD_teBl { position: absolute; width: 40%; float: right; top: 50%; right: 0px; margin-top: -195px; color: #b1917c; }
.seD_bgColor { position: absolute; right: -13%; top: 0px; height: 100%; background: #f7efdf; width: 84%; }
.seD_ti { font-size: 30px; letter-spacing: 5px; margin-bottom: 30px; }
.seD_en { font-size: 36px; text-transform: uppercase; opacity: 0.6; }
.seD_wi { position: relative; width: 60px; height: 3px; margin: 30px 0; background: #fff; background: linear-gradient(45deg, #fff, transparent); margin-bottom: 35px; }
.seD_te { position: relative; width: 100%; text-align: justify; line-height: 2em; }
.seB_swiper .swiper-slide { overflow: hidden; }
.buE_swiper { position: relative; width: 100%; background: #b1917c; }
.buE_teBlock { position: absolute; left: 0px; width: 36%; background: #9f826f; height: 100%; padding: 0px 3%; }
.buE_ico { position: absolute; top: 6%; left: 6%; width: 140px; }
.buE_iTi { position: absolute; top: 50%; left: 10%; width: 80%; text-align: center; font-size: 18px; font-size: 16px; transform: translate(0px, -50%); }
.buE_teBl { position: absolute; right: 0; bottom: 0; z-index: 90; width: 46%; background: url(/images/a5_8.png); color: #333; padding: 25px 8%; }
.buE_tTi { font-size: 20px; margin-bottom: 10px; }
.buE_tTe { text-align: justify; }
.buE_button { position: absolute; bottom: 0px; left: -46px; background: #fff; width: 92px; height: 46px; cursor: pointer; z-index: 90; }
.buE_teIn { top: 50%; position: relative; margin-top: -200px; }
.buC_img img { width: 100%; }
.bu_blIn { position: relative; top: 50%; margin-top: -222px; }
.buE_button .seB_after { background: #f7efdf; }
.go_content { position: relative; width: 100%; margin-top: 80px; margin-bottom: 80px; min-width: 1200px; }
.go_img { position: relative; width: 60%; float: left; }
.go_teBl { position: absolute; width: 32%; left: 50%; background: #2b5492 url(/images/a6_3.jpg) no-repeat right bottom; padding: 80px 5%; bottom: 0px; background-size: 95%; }
.go_ti { font-size: 20px; padding-bottom: 5px; }
.go_en { font-size: 26px; text-transform: uppercase; line-height: 1.4em; margin: 10px 0; opacity: 0.5; }
.go_te { position: relative; width: 100%; text-align: justify; line-height: 2em; }
.go_wi { position: relative; width: 60px; height: 3px; background: #fff; background: linear-gradient(45deg, #fff, transparent); margin: 30px 0; }
.go_even { margin: 60px 0; }
.go_even .seB_img { float: left; margin-right: 0px; margin-left: -13%; }
.go_even .buE_teBlock { left: auto; right: 0px; }
.go_even .buE_button { left: auto; right: -46px; }
.go_even .buE_ico { left: auto; right: 6%; }
.go_even .buE_teBl { right: auto; left: 0px; }
.go_body { color: #fff; }
.go_body .se_color, .go_body .se_tiBl { color: #2b5492; }
.go_body .se_block, .go_body .se_bgColor { background: #2b5492; }
.buE_blockA { background: #8dd6f4; }
.buE_blockA .buE_teBlock { background: #3fb8ea; }
.buE_blockB { background: #4971ae; }
.buE_blockB .buE_teBlock { background: #2b5492; }
.buE_blockC { background: #b1917c; margin-top: 80px; }
.buE_blockC .buE_teBlock { background: #9f826f; }
.he_ul { position: absolute; top: 70px; left: 20px; width: 600px; display: none; }
a.he_a { float: left; display: block; margin-right: 30px; }
#header .nav li .he_ul a { font-size: 15px; z-index: 90; position: relative; line-height: 50px; }
.he_ul:after { content: ""; display: block; position: absolute; left: -1300px; width: 2220px; height: 100%; background: #fff; opacity: 0.5; top: 00px; }

@keyframes fadeUp {
    0% { opacity: 0; transform: translate(0,20px); }
    100% { opacity: 1; transform: translate(0,0px); }
}

#header .nav li:hover .he_ul { animation: fadeUp 0.3s ease-in-out backwards; }
.sp_content .se_color { color: #225a32; }
.sp_content .se_block, .sp_content .se_bgColor { background: #bcdc93; color: #225a32; }
.spe_conBlock { position: relative; }
.spe_bgImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(/images/a7_2.jpg) no-repeat center; background-size: cover; }
.spe_InnBlock { position: relative; width: 80%; margin: auto; padding: 60px 0; }
.spe_tiBl { text-align: center; font-size: 20px; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,0.4); margin-bottom: 8px; padding-bottom: 35px; }
.spe_ti { font-size: 28px; letter-spacing: 3px; margin-bottom: 5px; }
.spe_teBl { position: relative; text-align: center; line-height: 2em; padding: 40px 0; border-bottom: 1px solid rgba(255,255,255,0.4); margin-bottom: 8px; border-top: 1px solid rgba(255,255,255,0.4); }
.spe_ul { position: relative; border-top: 1px solid rgba(255,255,255,0.4); text-align: center; }
.spe_li { display: inline-block; margin: 0px 27px; padding: 20px 0; padding-top: 30px; }
.spe_li img { width: 16px; margin-right: 5px; }
.speB_conBlock { position: relative; width: 100%; padding-top: 80px; min-width: 1200px; }
.speB_swiper { position: relative; width: 68%; float: left; overflow: hidden; margin-top: 70px; margin-right: 5%; max-width: 1130px; }
.speB_ulBl { position: relative; float: left; width: 27%; padding-top: 60px; color: #b1917c; height: 100%; }
.speB_tiBl { color: #b1917c; font-size: 20px; text-transform: uppercase; margin-bottom: 10px; position: relative; z-index: 90; }
.speB_ti { font-size: 26px; }
.speB_en { opacity: 0.5; }
.spe_en { opacity: 0.5; font-size: 36px; }
.speB_li { position: relative; padding: 12px 0; padding-left: 75px; overflow: hidden; cursor: pointer; width: 74%; }
.speB_li:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #B1917D; background: linear-gradient(45deg, #b1917c, transparent); }
.speB_li img { position: absolute; top: 20px; left: 0; width: 44px; }
.speB_conBlock:after { content: ""; display: block; clear: both; }
.speB_ulBl:after { content: ""; display: block; position: absolute; right: -30px; top: 0px; width: 300%; height: 100%; background: #f7efdf; }
.speB_ul { position: relative; z-index: 90; padding-bottom: 60px; }
.speB_li:nth-child(1):after { display: none; }
.speB_tTi { font-size: 18px; }
.speB_tTe { text-transform: uppercase; padding-top: 4px; }
.speB_num { position: absolute; bottom: 9%; right: 9%; z-index: 90; font-size: 100px; font-weight: bold; color: #b1917c; opacity: 0.6; }
.speB_img { min-width: 1020px; }
.speB_li.active { background: #b1917c; color: #fff; background: linear-gradient(45deg, #b1917c, transparent); }
.speB_li.active img { color: #fff; filter: grayscale(100%) brightness(200%); transform: scale(2) translate(0px, 6px); opacity: 0.5; }
.ide_content { position: relative; width: 100%; padding: 80px 0; }
.ide_img img { width: 100%; }
.ide_ul { position: relative; width: 94%; margin: auto; margin-top: -60px; }
.ide_li { position: relative; width: 44%; float: left; margin: 0px 3%; background: #fff; box-shadow: 0 0 5px 1px #ddd; }
.ide_block { border-left: 68px solid #1d5486; padding: 22px 8%; color: #1d5486; }
.ide_ti { font-size: 20px; }
.ide_en { text-transform: uppercase; margin-top: 10px; opacity: 0.6; white-space: nowrap; font-size: 20px; line-height: 1.4em; }
.hoB_content { position: relative; width: 82%; margin: 80px auto; }
.hoB_te { float: left; width: 46%; text-align: right; }
.hoB_ulBl::after { content: ""; display: block; position: absolute; left: 50%; top: 20px; height: 100%; border-right: 1px solid rgb(221, 221, 221); }
.hoB_ico { position: absolute; left: 50%; top: 0px; width: 60px; height: 60px; background: url("../images/a8_31.png") center center no-repeat; margin-left: -30px; z-index: 90; margin-top: -6px; }
.hoB_year { position: relative; font-size: 24px; color: #1d5486; width: 46%; text-align: right; margin-bottom: 14px; }
.even .hoB_te { float: right; text-align: left; }
.hoB_liBl { position: relative; width: 100%; min-height: 100px; }
.even .hoB_year { left: 54%; }
.hoB_liBl:hover .hoB_ico { background: url("../images/a8_3.png") center center / 46px no-repeat; }
.hoB_bgImg { background: url("../images/e1_3.jpg") center center / cover no-repeat; }
.hoB_liBl.even .hoB_year { text-align: left; }
.hoB_liBl:last-child { content: ""; }
.cou_content { padding: 1px 0; position: relative; }
.com_content.cou_bg { background: url(/images/a8_5.jpg) no-repeat center bottom; }
.hon_bg { position: absolute; top: 0; left: 0; width: 100%; height: 300px; background: url(/images/a9_1.jpg) no-repeat center; background-size: cover; }
.hon_content { position: relative; width: 100%; padding: 80px 0; }
.hon_block { position: relative; width: 100%; background: #fff; box-shadow: 0 0 10px 0 #ccc; }
.hon_img { position: relative; width: 40%; float: left; }
.hon_teBl { position: relative; float: right; width: 50%; padding: 50px 5%; text-align: center; }
.hon_ti { font-size: 22px; }
.hon_en { font-size: 20px; opacity: 0.6; }
.hon_wi { position: relative; width: 40px; margin: 20px auto; border-bottom: 1px solid #ccc; }
.hon_te { position: relative; text-align: justify; line-height: 2em; width: 100%; }
.hon_conBlock { position: relative; width: 90%; margin: auto; margin-top: 80px; }
.hoS_block { height: 400px; cursor: pointer; position: relative; width: 100%; max-width: 200px; margin: auto; }
.hoS_img { position: absolute; bottom: 50%; z-index: 90; margin-bottom: 50px; display: none; }
.hoS_ti { position: absolute; bottom: 50%; left: -3%; width: 106%; text-align: center; font-size: 16px; color: #28406f; margin-bottom: 70px; line-height: 1.6em; max-height: 130px; overflow: hidden; }
.hon_conBlock:after { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: #394f7a; background: linear-gradient(45deg,transparent,#394f7a,#394f7a, transparent); }
.hoS_ico { position: absolute; bottom: 50%; width: 17px; height: 34px; background: url(/images/a9_4.png) no-repeat center; left: 50%; margin-left: -8px; margin-bottom: -2px; }
.hoS_block.odd { }
.hoS_block.odd .hoS_ti { bottom: auto; top: 50%; margin-top: 70px; }
.hoS_block.odd .hoS_ico { bottom: auto; top: 50%; background: url(/images/a9_41.png) no-repeat center; }
.hoS_block.odd .hoS_img { bottom: auto; top: 50%; margin-top: 50px; }
.hoS_block:hover .hoS_img { display: block; }
.hon_conBlock .swiper-button-next { right: -60px; background-image: url(/images/a9_51.png); width: 50px; height: 50px; background-size: cover; margin-top: -25px; position: absolute; top: 50%; cursor: pointer; z-index: 90; }
.hon_conBlock .swiper-button-prev { left: -60px; background-image: url(/images/a9_5.png); width: 50px; height: 50px; background-size: cover; margin-top: -25px; position: absolute; top: 50%; cursor: pointer; z-index: 90; }

@keyframes faTo {
    0% { opacity: 0; transform: translate(0,20px) }
    100% { opacity: 1; transform: translate(0,0px) }
}

.hoS_img { animation: faTo 0.3s ease-in-out backwards; }

@keyframes faBo {
    0% { opacity: 0; transform: translate(0,-20px) }
    100% { opacity: 1; transform: translate(0,0px) }
}

.hoS_block.odd .hoS_img { animation: faBo 0.3s ease-in-out backwards; }
.ab2_content { position: relative; width: 100%; }
.ab2_bg { position: absolute; top: 0; left: -13%; width: 126%; height: 100%; background: url(/images/b1_1.jpg) no-repeat center; background-size: cover; }
.ab2_conBlock { color: #fff; position: relative; z-index: 90; width: 100%; padding: 80px 0 140px; }
.ab2_ti { font-size: 28px; margin-bottom: 40px; letter-spacing: 3px; }
.ab2_ul { position: relative; width: 60%; margin-bottom: 40px; }
.ab2_li { float: left; width: 25%; font-size: 16px; }
.ab2_te { position: relative; width: 56%; text-align: justify; line-height: 2em; }
.ab2_num span { font-size: 40px; margin-right: 4px; font-weight: bold; }
.ab21_content { position: relative; width: 100%; margin-top: -80px; background: #fff; }
.ab21_teBl { position: absolute; width: 42%; padding: 0 10%; float: left; padding-bottom: 2%; text-align: justify; padding-top: 60px; left: 0; top: 50%; margin-top: -214px; }
.ab21_img { float: right; width: 38%; }
.ab21_img img { width: 133%; max-width: 300%; }
.ab22_content { position: relative; width: 100%; }
.ab22_conBock { position: relative; width: 100%; z-index: 90; color: #fff; padding: 80px 0; }
.ab22_bg { position: absolute; left: -13%; width: 126%; height: 100%; background: url(/images/b1_3.jpg) no-repeat center; }
.ab22_ti { font-size: 28px; text-align: center; margin-bottom: 20px; letter-spacing: 3px; }
.ab22_te { position: relative; width: 800px; margin: auto; text-align: center; line-height: 2em; opacity: 0.9; }
.video_content { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: #fff; }
.video_content video { position: absolute; top: 50%; left: 50%; margin-top: -540px; margin-left: -960px; width: 1920px; }
.pro_content .se_color, .pro_content .se_tiBl { color: #242d4b; }
.pro_content .se_block, .pro_content .se_bgColor { background: #01b1b1; }
.pro_teBl { position: relative; float: left; width: 42%; color: #666; padding: 60px 0; position: absolute; left: 0; top: 50%; margin-top: -184px; }
.pro_img { float: right; position: relative; width: 50%; }
.pro_conBlock { position: relative; width: 100%; box-shadow: 0 0 10px 0 #ccc; margin-top: 80px; background: #f7efdf; }
.prB_img { padding-top: 80px; }
.pro_en { color: #17b5d2; font-size: 36px; text-transform: uppercase; line-height: 1.2em; background-image: -webkit-linear-gradient(left,#5cd088,#f6d412); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.pro_te { position: relative; width: 100%; text-align: justify; line-height: 2em; margin-top: 30px; }
.pro_img img { width: 125%; max-width: 300%; min-width: 800px; }
.pro_ti { font-size: 30px; letter-spacing: 3px; }
.pro_wi { width: 200px; margin: 30px 0; height: 3px; background: #01b1b1; background: linear-gradient(45deg, #01b1b1, transparent); }
.prB_img img { display: block; margin: auto; }
.proC_img { position: relative; width: 50%; float: left; }
.proC_teBl { position: relative; width: 42%; float: right; padding: 50px 0; position: absolute; right: 0px; top: 50%; margin-top: -270px; }
.proC_img img { width: 125%; max-width: 300%; position: relative; left: -25%; }
.proC_conBlock { background: #01b1b1; }
.proC_wi { position: relative; width: 80px; height: 3px; margin: 30px 0 35px 0; background: #fff; background: linear-gradient(45deg, #fff, transparent); }
.proC_te { position: relative; width: 100%; text-align: justify; line-height: 2em; }
.proC_teBl .pro_ti { margin-top: 20px; }
.proD_conBlock { position: relative; min-height: 500px; }
.proD_bgImg { position: absolute; top: 0px; left: 0; width: 100%; height: 100%; background: url(/images/b2_5.jpg) no-repeat center; }
.proD_bgImg img { width: 100%; }
.proD_block { position: absolute; width: 320px; background: #ae8e79 url(/images/1_5.jpg) no-repeat bottom right; padding: 60px 80px; background-size: cover; height: 490px; padding-top: 100px; }
.proD_ul { position: relative; margin-top: 30px; }
.proD_block .pro_ti { margin-bottom: 5px; }
.proD_li { padding-left: 40px; }
.proD_ul:after { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 2px; background: #fff; background: linear-gradient(45deg, transparent,#fff, transparent); }
.proD_li:after { content: ""; display: block; position: absolute; left: -2px; top: 26px; width: 6px; height: 6px; background: #fff; border-radius: 200px; }
.proD_li { position: relative; padding-top: 15px; padding-bottom: 15px; padding-right: 50px; width: 100%; padding-right: 30px; cursor: pointer; }
.proD_tTi { font-size: 18px; }
.proD_tTe { position: relative; text-align: justify; line-height: 1.8em; margin-top: 5px; display: none; }
.proE_conBlock { background: url(/images/b2_8.jpg) no-repeat center; background-size: cover; position: relative; width: 100%; padding: 60px 0 20px 0; }
.proE_tiBl { font-size: 30px; }
.proE_tTi { color: #666; letter-spacing: 3px; }
.proE_ul { position: relative; width: 106.1%; margin-top: 60px; }
a.proE_li { float: left; width: 27.3%; margin-right: 6%; margin-bottom: 6%; }
.proE_img { display: none; }
.proE_ti { font-size: 18px; position: relative; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 15px; padding-bottom: 5px; }
.proE_date { font-size: 24px; padding: 6px 0; }
.proE_date span { font-size: 16px; }
.proE_te { position: relative; width: 100%; text-align: justify; line-height: 2em; padding-top: 5px; height: 89px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.proE_more { position: relative; width: 100%; font-size: 16px; border-top: 1px solid #ccc; margin-top: 20px; padding-top: 15px; }
.proE_ico { position: absolute; right: 0; top: 14px; width: 26px; }
/*.proD_li:hover .proD_tTe { display: block; }*/
@keyframes faIn {
    0% { opacity: 0.6; }
    100% { opacity: 1; }
}

html, body { animation: faIn 0.6s ease-in-out backwards; }

@keyframes faTop {
    0% { opacity: 0; transform: translate(0,-20px); }
    100% { opacity: 1; transform: translate(0) }
}

.proD_tTe { animation: faTop 0.3s ease-in-out backwards; }
.vidBl_content { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999999; display: none; }
.vidBl_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(/images/a5_81.png); }
.videoBl_conBlock { position: absolute; left: 10%; top: 0%; width: 80%; height: 80%; z-index: 20; }
.videoBl_conBlock video { position: relative; }
.videoBl_clear { position: absolute; right: 10%; margin-right: -64px; top: 10%; cursor: pointer; width: 46px; }
.vid_button { cursor: pointer; }
.fp-tableCell { position: relative; z-index: 90; display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
img.vid_button:hover { transform: rotate(120deg) scale(0.8); }
.section_bgImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.animTop, .animBottom, .animLeft, .animRight, .animRight1000, .indexD_titleEn, .indexD_titleCh, .indexD_wire, .indexD_text, .indexD_more, .indexB_titleBlock, .indexC_contentBlockm, .indexC_moreButton { -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

@-webkit-keyframes tranTop {
    0% { -webkit-transform: translate(0,50px); opacity: 0; }
    100% { -webkit-transform: translate(0,0px); opacity: 1; }
}

@-webkit-keyframes tranBotton {
    0% { -webkit-transform: translate(0,-50px); }
    100% { -webkit-transform: translate(0,0px); }
}

@-webkit-keyframes tranLeft {
    0% { -webkit-transform: translate(100px,0px); }
    100% { -webkit-transform: translate(0,0px); }
}

@-webkit-keyframes tranRight {
    0% { -webkit-transform: translate(-100px,0px); }
    100% { -webkit-transform: translate(0,0px); }
}

.animInto { opacity: 0; }
.animTop { -webkit-animation: tranTop 0.6s ease-in-out backwards; opacity: 1; }
.animBottom { -webkit-animation: tranBotton 0.6s ease-in-out backwards; opacity: 1; }
.animLeft { -webkit-animation: tranLeft 1s ease-in-out backwards; opacity: 1; }
.animRight { -webkit-animation: tranRight 1s ease-in-out backwards; opacity: 1; }
.fixed_top { position: fixed; top: 0px; left: 0px; width: 0px; height: 0px; overflow: hidden; }
.animRight1000 { -webkit-animation: tranRight 2s ease-in-out backwards; opacity: 1; }
.animPar { opacity: 1; }
.animInto .indexD_titleEn, .animInto .indexD_titleCh, .animInto .indexD_wire, .animInto .indexD_text, .animInto .indexD_more { opacity: 0; }
.animPar .indexD_titleEn { -webkit-animation: tranTop 0.6s ease-in-out backwards; opacity: 1; }
.animPar .indexD_titleCh { -webkit-animation: tranTop 0.6s ease-in-out 0.4s backwards; opacity: 1; }
.animPar .indexD_wire { -webkit-animation: tranTop 0.6s ease-in-out 0.6s backwards; opacity: 1; }
.animPar .indexD_text { -webkit-animation: tranTop 0.6s ease-in-out 1s backwards; opacity: 1; }
.animPar .indexD_more { -webkit-animation: tranTop 0.6s ease-in-out 1.4s backwards; opacity: 1; }
.animCon { opacity: 1; }
.animCon .indexB_titleBlock { -webkit-animation: tranTop 0.6s ease-in-out backwards; opacity: 1; }
.animCon .indexC_contentBlock { -webkit-animation: tranTop 0.6s ease-in-out 0.4s backwards; opacity: 1; }
.animCon .indexC_moreButton { -webkit-animation: tranTop 0.6s ease-in-out 0.8s backwards; opacity: 1; }

@keyframes am01 {
    0% { transform: translate(0,-60px); opacity: 0; }
    100% { transform: translate(0,0px); opacity: 1; }
}

@keyframes am02 {
    0% { transform: translate(0,60px); opacity: 0; }
    100% { transform: translate(0,0px); opacity: 1; }
}

@keyframes am03 {
    0% { transform: translate(60px,0px); opacity: 0; }
    100% { transform: translate(0,0px); opacity: 1; }
}

@keyframes am04 {
    0% { transform: translate(-60px,0px); opacity: 0; }
    100% { transform: translate(0,0px); opacity: 1; }
}

.ba_img img { animation: am01 0.6s ease-in-out backwards; }
.com_content { animation: am01 0.6s ease-in-out 0.3s backwards; }
.com_ul { animation: am02 0.6s ease-in-out 0.6s backwards; }
.com_ti, .se_tTi { animation: am03 0.6s ease-in-out 0.9s backwards; }
.com_en, .se_tEn { animation: am04 0.6s ease-in-out 0.9s backwards; }
.se_img { animation: am02 0.6s ease-in-out backwards; }
.se_block { animation: am02 0.6s ease-in-out 0.3s backwards; }
.pro_conBlock, .cU_block, .co_bgImg { animation: am02 0.6s ease-in-out 1.2s backwards; }
.cU_map { animation: am02 0.6s ease-in-out 1.5s backwards; }
a.proE_li:hover { background: #fff; box-shadow: 0 0 0 1px #eee; }
a.proE_li:hover .proE_InBl { transform: scale(0.85); }
a.proE_li:hover .proE_img { display: block; }
a.proE_li:hover .proE_bl { opacity: 0; }
.proE_img img { display: block; margin: auto; }

@keyframes am06 {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.proE_img { animation: am06 0.3s ease-in-out backwards; }
.proE_img { position: absolute; top: 4px; left: 0px; height: 185px; overflow: hidden; width: 100%; }
.bu_bgImg { position: relative; width: 100%; overflow: hidden; }
a.neIn_back:after { content: ""; display: block; position: absolute; left: -16px; top: -13px; width: 46px; height: 46px; border: 2px solid #d71c24; opacity: 0.6; border-radius: 200px; transform: scale(0); }
a.neIn_back:hover:after { transform: scale(1); }
.ab21_content:after { content: ""; display: block; position: absolute; left: -20%; width: 20%; height: 90%; background: #f9f9f9; top: 80px; }
a.pa_teLi { left: 0; }
a.pa_teLi:hover { padding: 15px 15px; width: 100%; left: -15px; }
a.pa_teLi:hover .pa_date { right: 15px; }
.p1 .seB_block:after { content: ""; display: block; position: absolute; right: 56%; width: 44%; bottom: 0px; height: 100%; background: url(/images/a4_8.jpg) no-repeat right bottom; background-size: cover; }
.proE_img img { width: 100%; }
.pro_teBl .pro_ti { color: #b1917c; }
.spe_conBlock { margin-top: 80px; }
.proD_li:hover, .proD_li.active { background: url(/images/1_6.png); background-size: cover; color: #b1917c; }
.proD_bgLi { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.proD_conBlock { height: 650px; }
.buE_blockE { background: #404d6f; }
.buE_blockE .buE_teBlock { background: #1d326d; }
.fr_img { position: relative; width: 100%; padding: 80px 0; text-align: center; }
.menu_te { position: absolute; top: 17px; left: 0px; width: 100%; text-align: center; font-size: 16px; }
#header .menu:after { content: ""; display: block; position: absolute; right: 0px; width: 780px; height: 60px; background: #fff; border-radius: 200px; opacity: 0; transform: translateX(-50px); -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); }
#header .menu:after, #header .menu:after { opacity: 0.5; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); }
#header.serve .menu-btn.sit { display: none; }
#header.serve .menu:after { display: none; }
.seek_block { position: absolute; right: 100px; top: 8px; padding: 10px; cursor: pointer; }
input.seek_input { background: url(); width: 62px; position: absolute; right: 0px; top: 9px; border-bottom: 1px solid #999; height: 22px; z-index: 90; display: none; padding-left: 24px; }
.seek_ico { position: relative; width: 20px; height: 25px; background: url(/images/b3_1.png) no-repeat center; }
.seek_block:hover { width: 80px; right: 70px; }
.seek_block:hover input.seek_input { display: block; }
video.v2_video { position: absolute; width: 1920px; left: 50%; margin-left: -960px; top: 0px; }
.v_2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/v_2.png); z-index: 90; }

@-webkit-keyframes an_05 {
    0% { -webkit-transform: translate(0,0px); }
    50% { -webkit-transform: translate(0,-10px); }
    100% { -webkit-transform: translate(0); }
}

.btn_ico { position: absolute; bottom: 40px; left: 50%; z-index: 90; margin-left: -17px; -webkit-animation: an_05 1s ease-in-out infinite; }
.owl-image img { width: 100%; }
#header .logo:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 235px; height: 60px; background: #fff; opacity: 0.8; border-radius: 200px; display: none; }
#header .logo a { position: relative; z-index: 90; padding-left: 30px; padding-top: 5px; }
.te_content { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9900; display: none; }
.te_bgCol { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(/images/cl_2.png); }
.te_conBlock { position: absolute; width: 60%; margin: auto; background: #fff; left: 20%; top: 50%; height: 660px; margin-top: -330px; }
.te_clear { position: absolute; top: -25px; right: -70px; width: 50px; cursor: pointer; }
.te_tiBl { position: relative; border-bottom: 1px solid #eee; padding: 20px 5%; }
.te_ti { font-size: 24px; color: #2398e7; }
a.te_aBl { position: absolute; right: 5%; top: 25px; background: #2398e7; color: #fff; padding: 2px 30px; }
.te_ulBl { position: relative; padding: 30px 5%; height: 540px; overflow: hidden; padding-bottom: 0px; }
.te_liBl { position: relative; width: 100%; margin-bottom: 30px; }
.te_liTi { font-size: 18px; padding-bottom: 10px; }
.teIn_conBlock { position: relative; padding: 65px 10%; display: block; }
.teIn_block { border: 1px solid #ccc; background: #f7f7f7; padding: 50px 5%; text-align: center; width: 90%; margin: auto; margin-bottom: 35px; }
.teIn_bu { position: relative; width: 120px; margin: auto; background: #fff; font-size: 18px; color: #099fe6; border: 1px solid #ccc; margin-bottom: 15px; cursor: pointer; display: block; padding: 6px 0; }
.teIn_inputBlock input { width: 90%; padding: 15px 5%; border: 1px solid #ccc; outline: none; color: #666; }
.teIn_input { margin-bottom: 30px; }
.teIn_li { margin-bottom: 18px; width: 46%; float: left; margin-right: 4%; }
.teIn_ul { position: relative; width: 104%; }
.teIn_input input { padding-left: 2.5%; padding-right: 7.5%; }
.teIn_button { width: 180px; margin: auto; text-align: center; background: #41b1e6; color: #fff; padding: 12px 0; margin-top: 15px; cursor: pointer; display: block; }

@media screen and (max-width: 1020px) {
    #header .wrap { min-width: auto; width: 98%; }
    #header .logo { position: absolute; right: 0%; }
}

.ind_footer { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 90; }
div#banner { width: 101%; }
.pro_b .pro_teBl { }
.proB_conBlock { position: relative; width: 100%; padding: 80px 0; }
.proB_ul { position: relative; width: 101.5%; }
.proB_ul:after { content: ""; display: block; clear: both; }
.proB_li { position: relative; float: left; width: 10.5%; margin-right: 2%; padding: 20px 0; }
.proB_li img { width: 100%; }
.se_imgB { position: relative; width: 126%; margin-left: -13%; }
.se_tiBlB .se_color { width: 800px; }
.spsB_teB { position: relative; z-index: 90; margin-bottom: 25px; line-height: 2em; width: 90%; }
.spe_bgImg.bg2 { background: url(/images/d1_5.jpg) no-repeat center; background-size: cover; }
.sqeD_content { position: relative; width: 100%; margin: 80px 0; }
.sqeD_bgBl { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sqeD_conBlock { position: relative; width: 100%; padding: 80px 0; }
.sqeD_le { position: absolute; left: 0; top: 0; height: 100%; width: 37%; background: #f7efdf; }
.sqeD_ri { position: absolute; right: 0; top: 0; height: 100%; width: 63%; background: #b1917c; }
.sqeD_img { position: relative; float: left; width: 44%; text-align: right; }
.sqeD_teBl { position: relative; width: 48%; float: left; color: #fff; margin-left: 8%; }
.sqeD_tTi { font-size: 30px; margin-bottom: 30px; }
.sqeD_img img { width: 100%; max-width: 530px; }
.te_body .se_bgColor, .te_body .se_block { background: #4478c5; width: 680px; margin-bottom: 50px; }
.se_teBl img { margin: 15px 0; }
.te_body .se_color { color: #142b87; }
.te2_conBlock { position: relative; width: 100%; padding: 60px 0; }
.te2_block { text-align: center; padding: 20px 0; width: 100%; position: relative; }
.te2_ti { font-size: 30px; letter-spacing: 3px; }
.te2_en { font-size: 26px; text-transform: uppercase; opacity: 0.8; margin-top: 5px; }
.te2_wi { position: relative; width: 100px; height: 10px; background: url(/images/d2_8.png) no-repeat center; margin: 15px auto; }
.te2_img { position: relative; text-align: center; width: 100%; }
.te2_content { position: relative; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.te3_content { position: relative; width: 100%; }
.te3_ulBl { position: relative; width: 102%; padding: 80px 0 40px 0; }
.te3_li { position: relative; width: 23%; float: left; margin-right: 2%; margin-bottom: 40px; }
.te3_ti { background: #b1917c; padding: 14px 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; }
.te3_img img { width: 100%; display: block; }
.teA_img { position: absolute; right: 50%; top: 12%; height: 450px; z-index: 90; width: 820px; }
.teA_content { position: relative; width: 100%; padding: 80px 0; }
.teA_conBlock { position: relative; }
.teA_img img { height: 450px; }
.teA_block { position: relative; width: 36%; float: right; padding: 60px 7%; background: #caddff; color: #0b1745; padding-left: 20%; }
.teA_teBl h2 { margin-bottom: 25px; font-size: 26px; }
.teA_teBl img { margin: 12px 0; }
.teB_content { position: relative; width: 100%; margin-bottom: 80px; margin-top: 80px; }
.teB_conBlock { position: relative; width: 60%; background: #f7efdf; text-align: right; padding: 60px 10% 60px 5%; color: #b1917c; }
.teB_ti { font-size: 26px; letter-spacing: 3px; }
.teB_en { font-size: 26px; text-transform: uppercase; opacity: 0.5; margin: 5px 0; margin-bottom: 15px; }
.teB_wi { position: relative; width: 100px; height: 3px; background: #4478c5; background: linear-gradient(to left, #4478c5, transparent); float: right; margin-bottom: 15px; display: none; }
.teB_img { clear: both; }
.teC_content { position: relative; width: 100%; }
.teC_conBlock { position: relative; width: 60%; background: #f7efdf; padding: 60px 5% 60px 10%; color: #b1917c; float: right; }
.teC_content .teB_wi { float: none; background: linear-gradient(to right, #4478c5, transparent); }
.teA_teBl { max-width: 600px; text-align: justify; }
.teA_ul { position: relative; width: 105%; margin-top: 25px; }
.teA_li { float: left; margin-right: 4%; text-align: center; position: relative; width: 20%; cursor: pointer; }
.teA_liTi { margin-top: 5px; }
.teA_liImg img { transform: scale(0.9); }
.teA_li.active .teA_liImg img { transform: scale(1.1); }
.buE_block { position: relative; width: 100%; height: 100%; }
.buE_img { position: relative; width: 100%; }
.buE_img img { width: 100%; display: block; }
a.ne_aBl { display: block; position: relative; width: 85%; }
#mapBox { width: 100%; height: 406px; }
.se_tEn { width: 100%; }
.ind3_content { position: relative; width: 100%; height: 100%; overflow: hidden; }
.ind3_conBlock { position: relative; width: 100%; height: 28%; background: url(/images/i_2.jpg) top center; background-size: cover; }
.ind3_teBl { position: absolute; width: 900px; margin: auto; text-align: center; line-height: 1.8em; left: 50%; top: 50%; margin-top: -80px; margin-left: -450px; font-size: 15px; }
.ind3_tTi { font-size: 26px; margin-bottom: 30px; }
.seB_conBl { position: absolute; top: 50%; left: 0%; color: #3e764e; background: url(/images/s_1.png); width: 500px; padding: 40px 60px; margin-left: -28px; margin-top: -140px; }
.seB_tTi { font-size: 30px; letter-spacing: 3px; }
.seB_tEn { font-size: 22px; text-transform: uppercase; line-height: 1.2em; opacity: 0.8; padding: 10px 0 20px; }
.seB_conBl:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/s_3.png); opacity: 0.6; filter: blur(1px); }
.seB_conIn { position: relative; z-index: 90; }
.seB_tTe { text-align: justify; }
.spe_teBl p { width: 80%; margin: auto; }
.go_body .se_block { width: 620px; }
.swiper-container .swiper-slide { position: relative; }
.tBl_block { position: relative; color: #fff; padding-top: 40px; left: 3%; }
.tBl_block span { font-size: 16px; }
span.tBl_t2 { font-size: 26px; margin: 60px; font-weight: 100; letter-spacing: 3px; }
.ne2_showBl { position: relative; width: 100%; }
.ne2_ulBl { position: relative; width: 500%; }
.ne2_ulBl .news-item { width: 100%; margin-left: 0px; }
.ne2_ulBl a.ne_aBl { width: 420px; float: left; margin-right: 50px; }
.news-item { display: none; }
.ide2_content { position: relative; padding: 80px 0; }
.ide2_img { float: left; width: 60%; }
.ide2_img img { width: 100%; }
.ide2_teBl { position: absolute; left: 50%; width: 40%; padding: 45px 5% 50px; background: url(/images/i2_2.jpg) no-repeat center; background-size: cover; color: #fff; top: 50%; margin-top: -163px; }
.ide2_ti { font-size: 24px; letter-spacing: 3px; }
.ide2_wi { position: relative; width: 36px; border-bottom: 2px solid #fff; margin: 20px 0; }
.ide2_t2 { font-size: 18px; margin-bottom: 20px; }
.ide2_te { position: relative; width: 100%; line-height: 2em; text-align: justify; }
.ide3_content { background: #24649e; color: #fff; position: relative; padding: 80px 0; margin-bottom: -1px; }
.ide3_img { float: right; width: 50%; }
.ide3_img img { width: 100%; }
.ide3_teBl { position: relative; width: 44%; float: left; }
.ide2_te p { min-height: 20px; }
.seB_swiper.p1 { margin-top: 80px; }
.pro_wi { display: none; }
.proC_wi { display: none; }
.proC_te { padding-top: 30px; }
.bu_wi { display: none; }
.seD_wi { display: none; }
.ind8_bg { background-position: center; background-size: cover; }
.ind8_content { position: relative; width: 80%; margin: auto; }
.ind8_teBl { position: relative; width: 40%; float: left; position: absolute; left: 0; top: 50%; margin-top: -131px; }
.ind8_img { position: relative; width: 50%; float: right; }
.ind8_ti { font-size: 22px; letter-spacing: 2px; }
.ind8_wi { position: relative; width: 300px; margin: 30px 0; border-bottom: 1px solid #c2c2c2; }
.ind8_te { position: relative; width: 100%; text-align: justify; line-height: 2em; }
/*.fr_img img { max-width: 500%; }*/
.seB_ri:hover img, .seB_le:hover img, .seB_ri.active img, .seB_le.active img { filter: sepia(1); }
.pro_b .pro_img { float: left; }
.pro_b .pro_teBl { right: 0; left: auto; }
.pro_b .pro_img img { float: right; }
.pro_img:after { content: ""; display: block; clear: both; }
.buE_teBlock .proD_ul { top: 50%; margin-top: -130px; left: 18%; width: 60%; }
.buE_blockC { overflow: hidden; }
.seD_logo { position: relative; margin-bottom: 20px; }
.se_col { color: #b1917c; }
.buE_InUl { position: relative; width: 1000%; }
.buE_InUl .buE_conBlock { position: relative; width: 10%; float: left; }
.jo2_ul { position: relative; width: 100.5%; padding: 120px 0; display:flex; flex-wrap:wrap;}
a.jo2_li { position: relative; width: 16%; margin: 20px 0; margin-right: 0.5%; height: 190px; display: block; color: #fff; flex-grow:1; }
.jo2_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }
.jo2_ti { position: relative; z-index: 90; padding-top: 30px; padding-left: 10%; width: 80%; font-size: 18px; letter-spacing: 1px; height: 84px; overflow: hidden; }
.jo2_more { position: absolute; bottom: 35px; left: 10%; width: 92px; border: 1px solid #fff; text-align: center; padding: 5px 0; border-radius: 100px; }

@keyframes leAm {
    0% { opacity: 0; transform: translate(60px,0); }
    100% { opacity: 1; transform: translate(0px,0); }
}

@keyframes topAm {
    0% { opacity: 0; transform: translate(0px,60px); }
    100% { opacity: 1; transform: translate(0px,0); }
}

.swiper-slide-active a.layer-join img, .swiper-slide-active .btn-ary, .swiper-slide-active .ind8_img { animation: leAm 1s ease-in-out backwards; }
.swiper-slide-active .sec_play, .swiper-slide-active .layer.number, .swiper-slide-active .ind3_content, .swiper-slide-active .news-titles, .swiper-slide-active #owl-news { animation: topAm 1s ease-in-out backwards; }
.swiper-slide-active .ind8_teBl { animation: topAm 1s ease-in-out 0.3s backwards; }
.inner-list a:hover .up-box { height: 69%; }
.inner-list li:hover .title h3 { top: -350px; color: #fff; font-size: 26px; }
.inner-list li:hover .title h3 p { top: -300px; }
.inner-list li:hover .title p { top: -336px; color: #fff; opacity: 0.6; }
.inner-list li:hover .picture:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 90; }
.inner-list a:hover .picture img { filter: blur(3px); }
.com_content.bg5 { background: url(/images/2_5.jpg) no-repeat center; background-size: cover; }
.fo_te a { margin-right: 15px; }
.ind3_content .inner-list { width: 3500px; position: relative; }