body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0px; margin: 0px; }
@font-face { font-family: 'futura_medium'; src: url('../fonts/futura_medium.ttf') format('truetype'); }
body { font-family: "futura_medium","Microsoft YaHei", arial, sans-serif, "Helvetica Neue", Helvetica; font-size: 16px; min-width: 1000px; color: #000; }
table { border-collapse: collapse; border-spacing: 0px; }
fieldset, img { border: 0px; }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q::before, q::after { content: ""; }
::placeholder { color: #000; }
abbr, acronym { border: 0px; }
textarea, input { font-family: "futura_medium", "Microsoft YaHei", arial, sans-serif, "Helvetica Neue", Helvetica; }
a { text-decoration: none; outline: none; color: rgb(102, 102, 102); }
img { display: block; max-width: 100%; }
p { line-height: 2em; min-height: 20px; text-align: justify; }
.clear { display: block; clear: both; }
::-webkit-scrollbar-track-piece, ::-webkit-scrollbar, ::-webkit-scrollbar-thumb { width: 6px; }
::-webkit-scrollbar-track-piece { background-color: rgba(255, 255, 255, 0.6); }
::-webkit-scrollbar { background-color: rgba(255, 255, 255, 0.6); }
::-webkit-scrollbar-thumb { background-color: rgb(153, 153, 153); }
::-webkit-scrollbar-thumb:hover { background-color: rgb(153, 153, 153); }
html, body { position: relative; width: 100%; min-width: 1150px; }
.he_liBl::after, .news_li, .news_block, .news_block::after, a.me_li, .vid_button, .videoBl_clear, .ide_li, .ide_teBl, .nav_ul a::after, .ho_icon, .cuBl_block, .ind_navBl, .indNe_InBl, a.indNe_li, a.indN_li, .se_liBl, .de_liBl, .bu3_liBl, .new_InBl, .new_ul a.new_li, .pr_li, .sh_li, .home_banner .sw_prev, .home_banner .sw_next, .home_banner .comIco span { transition: all 0.3s ease 0s; }
.king { transition: all 0.6s cubic-bezier(0.75, 0, 0.25, 1) 0.3s; }
.king:hover { transform: scale(1.1); }
.king:hover, .news_li:hover, a.me_li:hover, .se_liBl:hover, .de_liBl:hover, .new_ul a.new_li:hover, .pr_li:hover, .sh_li:hover { transform: scale(0.95); box-shadow: rgb(204, 204, 204) 0px 0px 10px 0px; }
.new_InBl:hover { transform: scale(0.95); }
.vid_button:hover, .videoBl_clear:hover, .cuBl_block:hover, .home_banner .sw_prev:hover, .home_banner .sw_next:hover { transform: scale(0.9); }
.swiper-slide { overflow: hidden; }
/*.he_logo::after { content: ""; display: block; position: absolute; left: -200px; top: 0px; width: 150px; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); overflow: hidden; transform: skewX(-25deg); transition: all 0s ease 0s; }*/
.king { width: 150px; left: 600px; transition: all 1.2s ease 0s; }
.king { width: 150px; left: 1000px; transition: all 1.2s ease 0s; }

@keyframes toShow {
    0% { opacity: 0.5; }
    100% { opacity: 1; }
}

body { animation: 1s ease-in-out 0s 1 normal backwards running toShow; }

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

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

.com_img { animation: 0.6s ease-in-out 0s 1 normal backwards running t_01; }
.com_tiBl { animation: 0.6s ease-in-out 0.3s 1 normal backwards running t_01; }
.com_conBlock { animation: 1s ease-in-out 0s 1 normal backwards running t_02; }

@-webkit-keyframes anim09 {
    0% { left: -200px; }
    30% { left: 600px; }
    100% { left: 600px; }
}

.he_logo::after { animation: 5s ease-in-out 0s infinite normal none running anim09; }

@keyframes animScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@-webkit-keyframes animScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.ind_bgImg, .com_img img, .vid_img, .ba_block, .ind3_img img, .ab_img img, .ab2_img img, .si_imgLi img, .si_img2 img, .jo_img img, .joi_img img, .we_imgBl img { animation: 10s linear 0s infinite normal none running animScale; }
.we_imgBl { overflow: hidden; }
.joi_img { position: relative; width: 100%; overflow: hidden; border-radius: 20px 0 0; }
.king { animation: 1s linear 0s infinite normal none running animScale; }
.he_content { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 900; background: #fff; height: 100px; box-shadow: 0 0 5px 0 #eee; font-size: 15px; }
.he_ulBl { position: absolute; left: 0%; top: 0px; }
.he_logo { padding: 13px 1%; position: absolute; left: 50%; top: 4px; z-index: 90; display: block; overflow: hidden; margin-left: -55px; }
.he_logo img { display: block; }
.he_liBl { float: left; position: relative; height: 80px; }
.he_a { display: block; padding: 31px 20px; position: relative; z-index: 90; }

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

.he_block { position: absolute; top: 75px; padding-top: 6px; width: 1920px; left: 0%; display: none; animation: 0.3s ease-in-out 0s 1 normal backwards running top01; }
.top_button { animation: 0.3s ease-in-out 0s 1 normal backwards running top01; }
.he_ul { background: url("/images/1_2.png"); padding: 10px; height: 40px; }
.he_ul a { display: block; text-align: center; padding: 10px 12px; float: left; margin-right: 2px; }
.he_liBl.active .he_a, .he_liBl:hover .he_a { color: rgb(255, 255, 255); }
.he_ulBl:hover .he_liBl.active .he_a { color: #666; }
.he_ulBl .he_liBl.active:hover .he_a { color: rgb(255, 255, 255); }
img.lo2 { display: none; }
body.home .he_content { background: url("/images/1_1.png"); }
body.home a.he_logo img { display: none; }
body.home a.he_logo img.lo2 { display: block; }
body.home a.he_a { color: rgb(255, 255, 255); }
body.home .he_ulBl:hover .he_liBl.active .he_a { color: rgb(255, 255, 255); }
.ind_ico img { display: none; }
body.home .ind_ico { background: url("/images/a1_51.png") center center no-repeat; border: 1px solid rgb(153, 153, 153); }
body.home .ind_input input { color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); }
.tou_ico { display: none; }
.ind_body { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; min-width: 1200px; min-height: 500px; }
.ind_content { position: relative; width: 100%; height: 100%; }
.swiper-container.swiper-container01 { height: 100%; width: 100%; position: relative; }
.swiper-container01 .swiper-slide { position: relative; width: 100%; height: 100%; overflow: hidden; }
.ind_conBlock { position: relative; width: 100%; height: 100%; overflow: hidden; background: rgb(32, 32, 32); }
.ind_bgContent { position: relative; width: 100%; height: 100%; background: url("../images/a1_6.jpg") center center / cover no-repeat; }
.ind_logo { position: absolute; top: 0px; left: 0px; z-index: 990; background: rgb(35, 35, 35); width: 180px; cursor: pointer; }
.ind_navBu { position: absolute; top: 22px; left: 200px; z-index: 90; width: 34px; cursor: pointer; opacity: 0.5; }
img { max-width: 100%; }
.ind_ico { position: absolute; right: 0px; top: 0px; border: 1px solid rgb(153, 153, 153); z-index: 99; padding: 28px; cursor: pointer; width: 22px; height: 22px; background: url("/images/a1_5.png") center center no-repeat; }
body.homeZ .he_content { background: url(""); }

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

.ind_bottom { position: absolute; bottom: 20px; z-index: 99; left: 50%; margin-left: -13px; width: 26px; opacity: 1; animation: 1s ease-in-out 0s infinite normal none running topAm; cursor: pointer; }
.ind_navBl { position: absolute; left: 30px; top: 76px; z-index: 60; height: 100%; width: 1px; opacity: 0; }
.ind_InnerBlock { position: relative; width: 100%; top: 50%; transform: translate(0px, -50%); }
.indN_ul { position: absolute; top: 33%; width: 120px; left: -6px; }
.indN_li { color: rgb(0, 0, 0); padding: 10px 0px 10px 30px; background: url("../images/a1_4.png") left center no-repeat; opacity: 0.3; display: block; }
.indN_li.cur, .indN_li:hover { background: url("../images/a1_4.png") left center no-repeat; opacity: 1; }
.indA_img { position: absolute; top: 40%; left: 50%; margin-left: -293px; margin-top: -93px; }
.ind_navBl.active { opacity: 1; }
.ind_navBl.col2 a { background: url("../images/a1_42.png") left center no-repeat; }
.ind_navBl.col2 { }
.ind_navBl.col2 a.indN_li.cur, .ind_navBl.col2 a.indN_li:hover { background: url("../images/a1_42.png") left center no-repeat; }
.bigImg_content { position: relative; width: 100%; height: 100%; overflow: hidden; }
.bigImg_contentBlock { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; }
.bigImg_ulBlock { position: relative; width: 100%; height: 100%; }
.big_imgContent { position: relative; width: 100%; height: 100%; overflow: hidden; }
.big_img { position: absolute; width: 100%; height: 100%; bottom: 0px; left: 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.big_img { animation: 12s linear 0s infinite normal none running animScale; }
.big_imgBlock { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8; display: none; }

@-webkit-keyframes btssize {
    0% { transform: scale(1); }
    100% { transform: scale(1.2); }
}

.big_imgBlock.current { animation: 3s linear 0s 1 normal forwards running btssize; }
.navIcon_block { position: absolute; bottom: 30px; right: 60px; }
.navIcon_block { position: absolute; bottom: 40px; right: 8%; z-index: 99; text-align: right; }
.navIcon_block span { position: relative; display: inline-table; width: 50px; height: 50px; cursor: pointer; color: rgb(51, 51, 51); font-size: 16px; text-align: center; line-height: 50px; margin-left: 10px; }

@keyframes roAm {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.navIcon_block span.swiper-active-switch::after { background: url("../images/a1_3.png") center center / 40px no-repeat; animation: 2s linear 0s infinite normal none running roAm; }
.indA_content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 90; }
.ind_bg2 { background: rgb(55, 55, 55); }
.ind_InnContent { position: relative; padding-left: 16%; height: 100%; z-index: 90; }
.ind_bgImg, .ind_bgImgB, .ind_parentImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.ind_InImg { position: absolute; top: 0px; left: -3%; width: 106%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
body.bo_cur .ind_navBl { opacity: 0; }
body.bo_cur .ind_bottom { opacity: 0; }
.indE_ho img { width: 316px; }
video#video_2 { width: 100%; }
.indB_teBl, .indB_bgC, .indB_vBl, .indB_teIco, .indB_teImg, .ind_ico, .indB_ho, .indE_more img, .ind_navBu, .indB_IImg { transition: all 0.3s ease 0s; }
.indB_content.cur .indB_teBl { width: 28%; }
a.indE_more img { position: absolute; top: 4px; left: 3px; z-index: 9; opacity: 0; display: none; }
.he_liBl.active::after, .he_liBl:hover::after { height: 100%; }
.he_liBl::after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; background: #0d70b8; height: 0px; opacity: 0.8; }
.he_ulBl:hover .he_liBl::after { height: 0px; }
.he_ulBl:hover .he_liBl:hover::after { height: 100%; }
.com_content { position: relative; width: 100%; padding-top: 100px; }
.com_navBlock { position: relative; width: 100%; height: 62px; z-index: 99; background: #f2f2f2; }
a.com_li { float: left; padding: 20px 0px 21px 18px; height: 20px; display: block; background: url("../images/a1_4.png") left center no-repeat; margin-left: 10px; }
a.com_li.home { width: 30px; background: url("../images/a1_3.png") center center / 18px no-repeat; padding-left: 0px; margin-left: 0px; }
.com_ul { position: absolute; float: left; left: 0px; top: 0px; padding-right: 35px; }
.nav_ul { position: relative; float: right; }
.nav_ul a { padding-top: 20px; display: block; float: left; position: relative; margin-left: 40px; color: rgb(102, 102, 102); }
.nav_ul a::after { content: ""; display: block; width: 0%; margin: 21px auto auto; border-bottom: 2px solid #0d70b8; }
.nav_ul a:hover::after, .nav_ul a.active::after { content: ""; display: block; width: 100%; }
.nav_ul a:hover, .nav_ul a.active { color: #0d70b8; }
.com_InnContent { margin: auto; position: relative; z-index: 90; height: 100%; width: 82.8%; }
.com_conBlock { position: relative; width: 100%; min-height: 402px; overflow: hidden; z-index: 90; background: rgb(255, 255, 255); }
.com_bgImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; background-size: 100%; background-image: url(/images/c6_bg.png); }

.com_navBlock::after { content: ""; display: block; position: absolute; left: 10%; top: 0px; width: 90%; height: 100%; }
.com_img img { width: 100%; display: block; }
.com_tiBl { position: absolute; top: 45%; z-index: 90; left: 10%; text-align: center; width: 80%; }
.com_banner { position: relative; width: 100%; }
h2.com_h2 { font-size: 28px; color: rgb(255, 255, 255); letter-spacing: 5px; margin-top: 10px; }
.com_tiBlock { position: relative; width: 100%; padding: 25px 0px; background: rgb(255, 255, 255); text-align: center; font-size: 20px; text-transform: uppercase; }
.com_tiInn { width: 80%; margin: auto; position: relative; }
.com_tiEn span { background: rgb(255, 255, 255); padding: 0px 30px; z-index: 90; position: relative; font-weight: 100; }
.com_InnBlock { position: relative; width: 80%; margin: auto; z-index: 90; }
.com_img { position: relative; width: 100%; overflow: hidden; }
.he_enCh { position: absolute; right: 0px; top: 30px; }
.he_enCh a { padding: 5px; }
a { color: rgb(102, 102, 102); }
.he_enCh a.active, .he_enCh a:hover { color: rgb(54, 142, 166); }
.he_conBlock { position: relative; width: 100%; color: #101010; }
.navIcon_block span::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.he_ul a:hover { color: rgb(54, 142, 166); }
.com_pages { position: relative; z-index: 90; width: 100%; padding: 60px 0px 80px 0; }
.page_ul { font-size: 16px; text-align: center; position: relative; width: 100%; padding: 20px 0px; }
.page_ul a { padding: 8px; margin: 0px 5px; }
.page_ul::after { content: ""; display: inline-block; width: 30px; border-bottom: 1px solid rgb(153, 153, 153); margin-left: 10px; position: relative; top: -6px; }
.page_ul::before { content: ""; display: inline-block; width: 30px; border-bottom: 1px solid rgb(153, 153, 153); margin-right: 10px; position: relative; top: -6px; }
.page_ul a:hover, .page_ul a.active { color: rgb(189, 28, 55); }
.he_ul a { color: rgb(255, 255, 255); }
.com_ti img { display: inline-block; }
.he_seek { position: absolute; right: 65px; top: 0px; padding-left: 40px; height: 110px; }
.he_button { position: relative; width: 82px; height: 100px; background: url("/images/a2_1.png") center left / 18px no-repeat; padding-left: 65px; line-height: 100px; text-transform: uppercase; background-position: 40px; }

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

/*.he_seek input { position: absolute; right: 0px; top: 110px; height: 40px; line-height: 40px; border: 1px solid rgb(255, 255, 255);*/ /* border-radius: 5px; */ /*outline: none; display: none; background: rgba(0,0,0,0.5); color: rgb(255, 255, 255); animation: 0.3s ease 0s 1 normal backwards running top02; width: 220px; padding: 0 15px; font-family: "futura_medium","Microsoft YaHei", arial, sans-serif, "Helvetica Neue", Helvetica; font-size: 16px; }
.he_seek:hover input { display: block; }*/
div#Footer { background: #101010; text-align: center; height: 80px; box-sizing: border-box; position: relative; font-size: 14px; color: #a3a3a3; z-index: 90; }
.fo_block span, .fo_block a { margin: 0px 15px; color: rgb(255, 255, 255); opacity: 0.5; }
div#Footer::after { content: ""; display: block; position: absolute; bottom: -2px; border-bottom: 2px solid rgb(17, 17, 17); width: 100%; }
.he_content .com_InnContent { width: 82.8%; min-width: 1200px; }
.ab_content { position: relative; width: 100%; padding-bottom: 80px; padding-top: 10px; }
.com_tiEn { font-size: 16px; text-transform: uppercase; color: rgb(153, 153, 153); font-weight: bold; padding-bottom: 5px; }
.com_tiCh { font-size: 26px; color: #0d70b8; letter-spacing: 2px; }
.ab_ti { font-size: 18px; margin-bottom: 40px; padding-left: 20px; position: relative; }
.ab_ti::after { content: ""; display: block; position: absolute; top: 3px; left: 0px; height: 20px; border-left: 3px solid #0d70b8; }
.ab_teBl { position: relative; width: 55%; float: left; }
.ab_img { position: relative; width: 37%; float: right; max-width: 440px; overflow: hidden; }
.ab_content::after { content: ""; display: block; clear: both; }
.ab_ul { position: relative; width: 106%; margin-top: 40px; }
.ab_li { float: left; margin-right: 6%; min-width: 27.3%; }
.ab_ico { float: left; width: 44px; padding-top: 7px; }
.ab_teBl { float: left; }
.ab_te span { font-size: 26px; margin-right: 4px; font-weight: bold; }
.ab_te { margin-left: 12px; float: left; }
.ab2_block { position: relative; width: 100%; padding-bottom: 20px; }
.ab2_block::after { content: ""; display: block; clear: both; }
.ab2_img { position: relative; width: 55%; float: left; max-width: 770px; overflow: hidden; }
.ab2_text { position: relative; width: 40%; float: left; padding-top: 50px; text-align: justify; margin-left: 5%; }
.ab_ul::after { content: ""; display: block; clear: both; }
.com_title { margin-bottom: 40px; }
.sh_ul { position: relative; width: 103%; padding-top: 20px; }
.sh_li { float: left; width: 30.3%; margin-right: 3%; margin-bottom: 60px; position: relative; overflow: hidden; }
.sh_ul::after { content: ""; display: block; clear: both; }
.page_block { text-align: center; padding-bottom: 20px; }
.page_block a { padding: 6px 8px; margin: 0px 3px; }
.page_block a:hover, .page_block a.active { background: rgb(141, 198, 65); color: rgb(255, 255, 255); }

.com_ti { font-size: 46px; color: #fff; letter-spacing: 6px; font-weight: 100; }

.fo_left { display: flex; position: absolute; left: 8.6%; top: 50%; transform: translate(0,-50%); }

.fo_right { position: absolute; right: 8.6%; top: 50%; transform: translate(0,-50%); }

div#Footer .com_InnContent:after { content: ""; display: block; clear: both; }

div#Footer a:hover { }

div#Footer a:hover { color: #fff; }

div#Footer a { transition: all 0.3s; color: #a3a3a3; }

a.he_en { position: absolute; right: -10px; top: 31px; padding: 10px; padding-left: 25px; background: url(/images/a2_2.png) no-repeat left; }

a.he_en:after { content: ""; display: block; height: 14px; border-left: 1px solid #999; position: absolute; top: 13px; left: -6px; opacity: 0; }

.home_banner .sw_next { position: absolute; right: 5%; top: 50%; z-index: 90; cursor: pointer; width: 46px; height: 66px; background: #ee9533 url(/images/next.png) no-repeat center; background-size: 28px; border-radius: 3px; margin-top: -33px; }

.home_banner .sw_prev { position: absolute; left: 5%; top: 50%; z-index: 90; cursor: pointer; width: 46px; height: 66px; background: #ee9533 url(/images/prev.png) no-repeat center; background-size: 28px; border-radius: 5px; margin-top: -33px; }

.home_banner { position: relative; width: 100%; }

.home_banner .comIco { position: absolute; bottom: 50px; left: 10%; width: 80%; text-align: center; z-index: 90; }

.home_banner .comIco span.swiper-pagination-switch { display: inline-block; width: 60px; border-bottom: 3px solid #fff; margin-right: 1px; position: relative; cursor: pointer; }

.home_banner .comIco span.swiper-pagination-switch:after { content: ""; display: block; position: absolute; top: -15px; height: 35px; width: 100%; }

.home_banner .comIco span.swiper-active-switch, .home_banner .comIco span:hover { border-bottom: 3px solid #ee9533; }

/* common */
.ind_img img { width: 100%; }
.home_content { padding-top: 100px; }
.fo_ul { display: flex; }

.fo_title { margin-right: 30px; text-transform: uppercase; }

.fo_li { margin-right: 15px; position: relative; }

.heB_li { color: #101010; margin-right: 30px; height: 100px; line-height: 100px; display: block; float: left; position: relative; text-transform: uppercase; }

.heB_ul { position: absolute; top: 0px; left: 0; height: 100%; display: flex; }

.heB_li:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 0 solid #000000; transition: all 0.3s; }

.heB_li:hover:after, .heB_li.active:after { border-bottom: 4px solid #000; }
.fo_logo { position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -35px; width: 90px; }

.fo_right a, .fo_right span { margin: 0 5px; }
.ind_page { position: relative; }

.ind_img { position: relative; overflow: hidden; width: 100%; }

.ind_img img { width: 100%; transition: all ease 0.6s; }

.ind_page:hover .ind_img img { transform: scale(1.05); }

.ind_title { position: absolute; left: 50%; bottom: 9%; text-align: center; transform: translate(-50%,0); color: #fff; font-size: 36px; z-index: 90; }

a.ind_more { font-size: 16px; color: #fff; position: relative; padding: 10px 0; display: block; width: 72px; margin: auto; box-sizing: border-box; margin-top: 10px; transition: all 0.3s; }

a.ind_more:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; border-top: 1px solid #fff; width: 100%; transition: all 0.3s; }

a.ind_more:hover:after { border-top: 40px solid #fff; }

a.ind_more:hover { color: #000; }

.ind_title h1, .ind_title h2 { font-weight: 100; }
.ind_more span { position: relative; z-index: 90; }

a.ind_moreB { font-size: 16px; color: #000; position: relative; padding: 11px 0; display: block; width: 92px; margin: auto; box-sizing: border-box; margin-top: 10px; transition: all 0.3s; text-align: center; }

a.ind_moreB:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; border-top: 1px solid #000; width: 100%; transition: all 0.3s; }

a.ind_moreB:hover:after { border-top: 40px solid #000; }

a.ind_moreB:hover { color: #fff; }

.ind_moreB span { position: relative; z-index: 90; }

.ind_page.page2 { padding: 6% 0 8%; }

.ind2_left { position: relative; width: 50%; float: left; }

h2.ind2_title { text-align: center; font-size: 36px; font-weight: 100; margin-bottom: 6%; }

.ind_page.page2:after { content: ""; display: block; clear: both; }

.ind2_right { width: 28%; float: right; padding-right: 11%; text-align: center; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); }

.ind2_tiEn, .ind2_tiCh { font-size: 36px; font-weight: 100; }

.ind2_img2 { margin-top: 8%; margin-bottom: 8%; position: relative; overflow: hidden; }

.ind2_text { text-align: justify; line-height: 1.6em; margin-bottom: 6%; }

.ind2_right a.ind_more:after { border-top: 1px solid #000; }

.ind2_right a.ind_more { color: #000; }

.ind2_right a.ind_more:hover:after { border-top: 40px solid #000; }
.ind2_right a.ind_more:hover { color: #fff; }

.ind2_img { position: relative; width: 100%; overflow: hidden; }

.ind2_img img { max-width: 110%; width: 105%; transition: all ease 0.6s; position: relative; left: -5%; }

.ind2_img:hover img { left: 0; }

.ind2_img2 img { transition: all ease 0.6s; }

.ind2_img2:hover img { transform: scale(1.05); }

.ind2_img2, .ind2_img { box-shadow: 0 0 5px 0px #ccc; }

.ind_title h1 img { display: inline-block; position: relative; top: 3px; }

.am_page.page1 { padding: 4.5% 0 5%; }

.am_ti { font-size: 36px; text-align: center; margin-bottom: 2%; }

.am_te { position: relative; width: 575px; margin: auto; line-height: 1.8em; margin-bottom: 5%; text-align: center; }

.am_ul { position: relative; }

.am_li { width: 32.1%; float: left; margin-right: 1.2%; }

.am_img { margin-bottom: 4.5%; }

.am_ul:after { content: ""; display: block; clear: both; }

.am_page.page2 { background: #f8f8f8; padding: 6.5% 0; }

.am_page.page2 .com_InnContent:after { content: ""; display: block; clear: both; }

.am2_img { position: relative; width: 50%; float: left; }

.am2_block { position: relative; float: right; width: 50%; background: #fff; box-sizing: border-box; padding: 9%; margin-top: 5%; }

.am2_ti { font-size: 36px; }

.am2_text { text-align: justify; line-height: 1.6em; margin-top: 30px; }

.am_page.page3 { padding: 6.5% 0; }

.am3_content:after { content: ""; display: block; clear: both; }

.am3_img { position: relative; width: 48.2%; float: left; }

.am3_img img { width: 100%; }

.am2_img img { width: 100%; }

.am_img img { width: 100%; }

.am3_ul { position: relative; width: 50.5%; float: right; }

.am3_block { padding-left: 50%; position: relative; margin-bottom: 3%; transition: all 0.3s; }

.am3_block2 { }

.am3_block2 img { width: 50%; }

.am3_t { position: absolute; bottom: 0px; right: 44%; font-size: 24px; color: #101010; width: 10%; }

.am3_t:after { content: ""; display: block; position: absolute; top: -90px; height: 80px; border-right: 1px solid #131313; left: 5px; }

.am3_t2 { transform: rotate(0deg); transform-origin: top left; position: absolute; left: 0px; display: inline-block; top: 6px; }

.am3_te { font-size: 14px; padding-top: 8px; line-height: 1.6em; width: 90%; text-align: justify; width: 430%; margin-left: -419%; max-height: 0; position: relative; overflow: hidden; transition: all 0.3s; margin-bottom: 10px; }

.am3_block2 .am3_t { left: 50%; margin-left: 20px; }

.am4_content { padding: 4% 0; background: #f8f8f8; }

.am4_content .am3_block { margin-left: 0; float: left; width: 48.8%; margin-right: 1.2%; background: #fff; margin-bottom: 0; padding-left: 0; }

.am3_block img { width: 100%; }

.am4_ul:after { content: ""; display: block; clear: both; }

.am4_content .am3_block img { width: 50%; }

.am4_content .am3_t { left: 50%; margin-left: 20px; bottom: 0px; }

.am4_ul { position: relative; width: 101.2%; }

.am5_content:after { content: ""; display: block; clear: both; }

.am5_content { padding: 6.5% 0; }

.am5_content .am3_img { float: right; }

.am5_content .am3_ul { float: left; }

.am5_content .am3_block2 { background: #fff; }

.am5_content .am3_block { padding-left: 0; padding-right: 50%; }

.am5_content .am3_t { left: 50%; margin-left: 20px; }

.am5_content .am3_block2 img { margin-left: 50%; }

.am5_content .am3_block2 .am3_t { left: 50%; margin-left: -40px; }

.am3_t1 { margin-bottom: 12px; height: 45px; transition: all 0.3s; max-height: 100px; }

.am_banner { position: relative; width: 100%; z-index: 99; }

.am_banner img { width: 100%; }

.cu_title { position: absolute; bottom: 9%; left: 10%; width: 80%; text-align: center; color: #fff; font-size: 36px; font-weight: 100; }

.cu_textBl { width: 795px; text-align: center; margin: auto; line-height: 1.6em; margin-bottom: 5%; margin-top: 5%; }

.cu_page { padding: 6.5% 0; }

.cu_page:nth-child(2n-1) { background: #f8f8f8; }

.cu_ul:after { content: ""; display: block; clear: both; }

.cu_li { position: relative; width: 24%; float: left; margin-right: 4%; }

.cu_li.max { width: 40%; }

.cu_ul { position: relative; width: 104%; }

h3.cu_en { font-size: 24px; text-align: center; }

.cu_ti { font-size: 22px; text-align: center; margin-bottom: 15px; position: relative; overflow: hidden; max-height: 0; transition: all 0.3s; }

.cu_text { width: 100%; margin: auto; margin-top: 20px; }

.cu_te { line-height: 1.6em; text-align: center; position: relative; margin-bottom: 15px; max-height: 0; overflow: hidden; transition: all 0.3s; }

.cu_img img { width: 100%; }

.cu_page.page1 { }

.cu_page.page1 .cu_li:nth-child(2) { padding-top: 22.3%; }

.cu_page.page2 .cu_li:nth-child(1) { padding-top: 6%; }

.cu_page.page3 .cu_li:nth-child(3) { padding-top: 6%; }

.cu_page.page4 { }

.cu_page.page4 .cu_li:nth-child(2) { padding-top: 22.5%; }

.cu_page.page5 { }

.cu_page.page5 .cu_li { margin-right: 13%; }

.cu_page.page5 .cu_li:nth-child(1) { margin-left: 18%; }

.cu_page.page5 .cu_li:nth-child(2) { padding-top: 135px; }

.cu_img { position: relative; width: 100%; }

.cu_maxButton { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 90; cursor: pointer; opacity: 0; transition: all 0.3s; }
.cu_li:hover .cu_maxButton { opacity: 1; }
.cu_maxButton:after { content: ""; display: block; width: 13.3%; height: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(/images/a6_9.png) no-repeat center; background-size: 100%; }

.cu_swiper { position: relative; }

.cu_swiper .sw_prev { position: absolute; top: 50%; width: 50px; height: 60px; background: url(/images/left2.png) no-repeat center; z-index: 90; margin-top: -30px; cursor: pointer; }

.cu_swiper .sw_next { position: absolute; top: 50%; width: 50px; height: 60px; background: url(/images/right2.png) no-repeat center; z-index: 90; margin-top: -30px; cursor: pointer; right: 0; }

.sw_content { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 990; height: 0; overflow: hidden; opacity: 0; }
.sw_content.active { height: 100%; opacity: 1; }
.sw_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); opacity: 0; transition: 0.6s; }
.sw_content.active .sw_bg { opacity: 1; }
.sw_Inner { position: absolute; z-index: 90; width: 90%; margin: auto; left: 5%; top: 50%; transform: translate(0,-50%); opacity: 0; transition: 0.6s; }
.sw_content.active .sw_Inner { opacity: 1; }
.sw_content .swiper-slide { transform: scale(0.7); position: relative; transition: all 0.6s; }
.sw_content .swiper-slide:after { position: absolute; top: 0; transition: all 0.6s; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 90; content: ""; display: block; }

.sw_content .swiper-slide.swiper-slide-active { transform: scale(1); }

.sw_content .swiper-slide.swiper-slide-active:after { opacity: 0; }

.sw_close { position: absolute; left: 66.7%; margin-top: -50px; cursor: pointer; background: #000; padding: 11px; margin-left: -39px; }

.sw_content .arrow-left { position: absolute; left: -40px; top: 50%; width: 60px; height: 60px; z-index: 80; cursor: pointer; background: url(/images/left2.png) no-repeat center; margin-top: -30px; }

.sw_content .arrow-right { position: absolute; right: -40px; top: 50%; width: 60px; height: 60px; z-index: 80; cursor: pointer; background: url(/images/right2.png) no-repeat center; margin-top: -30px; }

.cur_bannerTitle img { width: 148px; display: inline-block; }

.cur_bannerTitle { position: absolute; bottom: 50%; left: 10%; width: 80%; text-align: center; color: #fff; font-size: 36px; font-weight: 100; margin-bottom: -45px; }

.cur_content { position: relative; background: #1b1b1b; color: #fff; overflow: hidden; }

.cur_Inner { width: 1125px; margin: auto; position: relative; }

.cur_ul { position: fixed; right: 4%; top: 50%; transform: translate(0px, -50%); z-index: 90; }

.cur_img img { display: block; margin: auto; }

.cur_liBl { position: relative; overflow: hidden; padding: 60px 0; margin: 20px 0; }

.cur_li { position: relative; padding: 10px; padding-right: 20px; z-index: 99; cursor: pointer; }

.cur_li.active span { opacity: 1; transition: all 0.3s; }

.cur_li:after { content: ""; display: block; position: absolute; right: 0; top: 13px; width: 7px; height: 7px; border-radius: 200px; border: 1px solid #767676; background: #1b1b1b; }

.cur_ul:after { content: ""; display: block; position: absolute; right: 4px; top: 13px; height: 93%; border-right: 1px solid #767676; }

.cur_li.active:after { background: #fff; border: 1px solid #fff; }

.cur_li span { opacity: 0.2; }

.cur_year { font-size: 240px; font-weight: 100; position: absolute; left: 0; top: 60px; font-family: emoji; }

h2.cur_title { font-size: 36px; margin-bottom: 6px; }

.cur_text { line-height: 1.6em; text-align: justify; }

.cur_block { position: absolute; right: 42px; bottom: 80px; width: 381px; }

.cur_liBl.b2 .cur_year { left: auto; right: 45px; }

.cur_liBl.b2 .cur_block { bottom: auto; top: 26%; right: 24%; }

.cur_liBl.b3 .cur_block { bottom: auto; top: 123px; width: 500px; }



.cur_liBl.b4 .cur_year { top: 31%; left: 45%; }

.cur_liBl.b4 .cur_block { right: 63%; bottom: 142px; }

.cur_liBl.b5 .cur_block { right: 61.5%; bottom: auto; top: 32%; width: 386px; }

.cur_liBl.b6 .cur_block { right: 56.3%; bottom: 73%; width: 450px; }

.cur_liBl.b6 .cur_year { left: auto; right: 45px; }

.cur_liBl.b7 .cur_block { left: 47.2%; bottom: auto; top: 21%; width: 477px; }

.cur_liBl.b8 .cur_year { left: 50%; }

.cur_liBl.b8 .cur_block { bottom: auto; top: 30%; left: 73.3%; width: 250px; }

.cur_liBl.b10 .cur_year { left: auto; right: 32px; }

.cur_liBl.b10 .cur_block { right: auto; left: 0; bottom: 50px; }

.cur_liBl.b11 .cur_block { right: auto; left: 2.5%; bottom: 51%; width: 469px; }

.cur_liBl.b11 .cur_year { left: 20px; }

.cur_liBl.b12 .cur_year { left: 50%; }

.cur_liBl.b12 .cur_block { bottom: 46%; width: 577px; right: 75px; }

.cur_img { position: relative; width: 100%; }

.cur_img .cur_after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 58%; height: 100%; background: #1b1b1b; transition: all ease 0.3s; }

.cur_img .cur_before { content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 42%; height: 100%; background: #1b1b1b; transition: all ease 0.3s; }

.cur_liBl.b3 .cur_after { left: auto; right: 0; width: 55%; }

.cur_liBl.b3 .cur_before { right: auto; left: 0; width: 45%; }

.cur_liBl.b3 { }

.cur_liBl.b4 .cur_before { width: 58%; }

.cur_liBl.b4 .cur_after { width: 42%; }

.cur_liBl.b5 .cur_before { width: 47%; }

.cur_liBl.b5 .cur_after { width: 53%; }

.cur_liBl.b6 .cur_after { width: 55%; right: 0; left: auto; }

.cur_liBl.b6 .cur_before { left: 0; right: auto; width: 44%; }

.cur_liBl.b7 .cur_after { width: 46%; }

.cur_liBl.b7 .cur_before { width: 54%; }

.cur_liBl.b8 .cur_before { right: auto; left: 0; width: 49%; }

.cur_liBl.b8 .cur_after { right: 0; left: auto; width: 51%; }

.cur_liBl.b12 .cur_before { width: 60%; }

.cur_liBl.b12 .cur_after { width: 40%; }

.cur_liBl.b10 .cur_before, .cur_liBl.b10 .cur_after { width: 50%; }

.am3_block2 .am3_te { margin-left: 0; }

.am4_content .am3_te { margin-left: 0; padding-bottom: 0; }

.am5_content .am3_te { margin-left: 0; }

.am5_content .am3_block2 .am3_te { margin-left: -407%; }

.cu_li.active .cu_te { max-height: 200px; }

.am3_block:hover { background: #f1f1f1; }

.am3_block:hover .am3_te { max-height: 200px; }

.am3_block:hover .am3_t2, .am3_ul.b2 .am3_block .am3_t2 { transform: rotate(0); left: auto; right: 100%; margin-right: -9px; top: 0; }

.am3_block:hover .am3_t1, .am3_ul.b2 .am3_block .am3_t1 { max-height: 18px; }

.am4_content .am3_block:hover .am3_t2 { left: 0; }

.am4_content .am3_block:hover .am3_t1 { height: 11px; }

.am5_content .am3_block:hover .am3_t2 { left: 0; }

.am5_content .am3_block:hover .am3_t1 { height: 0; }

.am3_block:hover .am3_te { margin-bottom: 25px; }

.am3_block2:hover .am3_te { margin-bottom: 25px; }

.am3_block2:hover { background: #f1f1f1; }

.am3_block2:hover .am3_te { max-height: 200px; }

.am3_block2:hover .am3_t2 { transform: rotate(0); left: 0; right: 100%; margin-right: -23px; top: 0; }

.am3_block2:hover .am3_t1 { max-height: 18px; }


.am5_content .am3_block2:hover .am3_t2 { right: 100%; left: auto; margin-right: -18px; }

.am5_content .am3_block2:hover .am3_t1 { height: 0; }

.am3_block2:hover .am3_te { margin-bottom: 25px; }

.cl_content { position: relative; font-size: 16px; padding-bottom: 80px; min-height: 800px; }

.cl_left { position: fixed; left: 9%; top: 16%; z-index: 60; width: 13%; position: absolute; left: 0; top: 61px; max-height: 40px; overflow: hidden; transition: all 0.3s; background: #fff; z-index: 200; font-size: 18px; }

.cl_right { padding-left: 0; padding-top: 60px; position: relative; transition: all 0.6s; min-height: 500px; }

.cl_top:after, .cl_ulBl:after { content: ""; display: block; clear: both; }

.cl_t { float: right; }

.cl_select { float: right; margin-right: 25px; }

.cl_top { color: #888; margin-bottom: 30px; position: relative; z-index: 90; }

.cl_t span { color: #101010; margin: 0 5px; }

select.cl_se { border: 0; width: 120px; font-size: 16px; color: #101010; outline: none; }

a.cl_liBl { position: relative; width: 23.8%; float: left; margin-right: 1.2%; transition: all 0.3s; margin-bottom: 20px; }

a.cl_liBl h2 { position: relative; margin-top: 6px; color: #101010; overflow: hidden; height: 60px; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }

.cl_title { position: relative; padding-left: 30px; background: url(/images/a9_3.png) no-repeat left; margin-bottom: 30px; cursor: pointer; }

.cl_li { border-bottom: 1px solid #ddd; padding: 5px 0; width: 100%; cursor: pointer; }

.cl_tUl { font-size: 16px; color: #999; margin-top: 0px; position: relative; overflow: hidden; max-height: 0; transition: all 0.3s; padding-bottom: 0; }

.cl_tLi { padding-left: 16px; position: relative; margin: 6px 0; }

.cl_tLi:after { content: ""; display: block; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border: 1px solid #000; }

.cl_ti { position: relative; cursor: pointer; padding: 10px 0; }

.cl_bUl:after { content: ""; display: block; clear: both; }

.cl_delete, .cl_seek { float: left; padding: 12px 0; width: 47%; text-align: center; border: 1px solid #ddd; transition: all 0.3s; cursor: pointer; overflow: hidden; white-space: nowrap; font-size: 16px; }

.cl_bUl { margin-top: 20px; }

.cl_ti:after { content: ""; display: block; position: absolute; right: 0; top: 0px; width: 23px; height: 40px; background: url(/images/a9_4.png) no-repeat center; transition: all 0.3s; }

.cl_ul { border-top: 1px solid #ddd; }

.cl_seek { float: right; background: #000; color: #fff; border: 1px solid #000; }

.cl_li.active { }

.cl_li.active .cl_tUl { max-height: 200px; padding-bottom: 10px; }

.cl_li.active .cl_ti:after { transform: rotate(180deg); }

.cl_tLi.active:after { background: #000; }

.cl_delete:hover { background: #000; color: #fff; border: 1px solid #000; }

.cu_title.cl_t1 { bottom: 16%; }
.cl_ulBl { position: relative; width: 101.2%; transition: all 0.3s; }

.cl_content.active .cl_left { max-height: 900px; }

.cl_content.active .cl_right { padding-left: 25%; }

.cl_content.active a.cl_liBl { width: 31.3%; margin-right: 2%; }

.cl_content.active .cl_ulBl { width: 102%; }
.In_content { position: relative; padding: 4% 0; border-bottom: 1px solid #f3f3f5; margin-bottom: 4%; }

.In_content:after { content: ""; display: block; clear: both; }

.In_swiper { float: left; width: 38.4%; margin-left: 5%; position: relative; }

.In_block { position: relative; width: 40%; float: right; font-size: 16px; }

.In_title { font-size: 30px; text-align: center; margin-bottom: 40px; }

.In_page { padding-bottom: 40px; font-size: 16px; }

.In_swiper .arrow-left { position: absolute; top: 50%; left: -16%; width: 60px; height: 60px; background: url(/images/prev1.png) no-repeat center; margin-top: -30px; cursor: pointer; }

.In_swiper .arrow-right { position: absolute; top: 50%; right: -16%; width: 60px; height: 60px; background: url(/images/next1.png) no-repeat center; margin-top: -30px; cursor: pointer; }

h2.In_ti { font-size: 36px; padding-top: 40px; }

.In_num { font-size: 26px; margin-top: 10px; }

.In_ul:after { content: ""; display: block; clear: both; }

.In_li { position: relative; width: 36%; float: left; margin-right: 14%; }

.In_ul { margin: 30px 0; width: 116%; }

.In_text { padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 30px; }

.In_textTi { margin-bottom: 10px; font-size: 20px; }

a.In_a { display: block; background: #000; text-align: center; color: #fff; padding: 13px 0; margin-top: 20px; }

select.In_select { width: 72%; border: 0; border-bottom: 1px solid #ccc; font-size: 16px; padding: 0; padding-top: 46px; color: #999; position: relative; left: -2%; }

.In_t { position: relative; cursor: pointer; border-bottom: 1px solid #ccc; padding-bottom: 8px; min-height: 20px; font-size: 20px; }

.In_t:after { content: ""; display: block; position: absolute; right: -8px; top: -9px; width: 40px; height: 40px; background: url(/images/a9_4.png) no-repeat center; transition: all 0.3s; }

.In_value { /* border-bottom: 1px solid #ccc; */ /* color: #999; */ /* padding: 5px 0; */ }

.In_select { position: relative; margin-top: 10px; width: 110%; left: -10%; overflow: hidden; max-height: 0; transition: all 0.3s; font-size: 18px; }

.In_option { padding: 5px 10%; cursor: pointer; }

.In_option:hover { background: #f7f7f7; }
.In_img img { width: 100%; }

.In_li.active .In_select { max-height: 400px; }

.In_li.active .In_t:after { transform: rotate(180deg); }

.vid_content video { width: 100%; }

.cu_page:nth-child(7) .cu_li:nth-child(1), .cu_page:nth-child(4) .cu_li:nth-child(1) { padding-top: 10%; }

.heC_content { position: fixed; top: 100px; left: 0; width: 100%; background: #f7f7f7; z-index: 990; border-bottom: 1px solid #eee; display: none; }

.heC_left { width: 600px; background: #f7f7f7; }

.heC_ul { position: absolute; left: 8.6%; margin-left: 368px; top: 0; padding: 30px 0; display: none; min-height: 100%; box-sizing: border-box; }

.heC_ti { line-height: 55px; opacity: 0.4; position: relative; cursor: pointer; transition: all 0.3s; }

.heC_ulBl { padding: 30px 0; padding-left: 245px; }

.heC_ti:after { content: ""; display: block; position: absolute; right: 0; top: 0; width: 60px; height: 55px; background: url(/images/a9_4.png) no-repeat center; transform: rotate(-90deg); opacity: 0; }

.heC_liBl:hover { }

.heC_liBl:hover .heC_ti { opacity: 1; }

.heC_liBl:hover .heC_ul { /* display: block; */ }

a.heC_a { display: block; line-height: 45px; padding-left: 80px; padding-right: 80px; }

.heB_li:hover .heC_content { display: block; }

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

.heC_content, .heC_ul, .fo_wxImg, .hes_content { animation: fadeIn 0.3s ease backwards; }

a.he_logo img { width: 90px; margin: auto; }

.In_text li { list-style-type: disc; position: relative; left: 16px; margin: 5px 0; }

.fo_wxImg { position: absolute; bottom: 16px; width: 120px; left: -42px; padding-bottom: 32px; display: none; }

.fo_wxImg img { box-shadow: 0 0 10px 0 #ccc; }

.fo_li:hover .fo_wxImg { display: block; }

.cur_content { display: none; }

h1.cu_t1 { font-size: 24px; text-align: center; position: relative; overflow: hidden; height: 28px; transition: all 0.3s; margin-bottom: 0; }

.cu_li.active h1.cu_t1 { /* height: 0; */ margin-bottom: 15px; }

.cu_li.active h2.cu_ti { max-height: 100px; }

.c1_t2 { float: left; }

.cl_select .cl_li { float: left; width: 120px; border-bottom: 0; padding: 0; position: relative; top: -8px; }

.cl_select .cl_tUl { position: absolute; top: 34px; left: -15px; background: #fff; padding: 0 15px; }

.cu_title.cl_t1.t2 { width: 500px; left: 50%; margin-left: -300px; }

.co_content { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9990; }

.co_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; }

.co_block { max-height: 100%; height: auto; max-width: 700px; width: 90%; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 90; background: #fff; padding: 60px; padding-top: 50px; }

.co_ti { font-size: 26px; margin-bottom: 60px; }

.co_close { position: absolute; right: 20px; top: 18px; color: #444; display: none; }

.co_text { margin-bottom: 60px; }

span.co_button { border: 1px solid #ccc; padding: 14px 40px; margin: 0 10px; transition: all 0.3s; cursor: pointer; }

.co_buttonBlock { text-align: center; padding: 14px 0; }

span.co_button:hover { background: #eae8e4; }

span.co_button:nth-child(2) { /* background: #000; */ /* color: #fff; */ }

span.co_button:nth-child(2):hover { background: #eae8e4; color: #000; }

a.heB_a { color: #101010; }

.hes_content { position: fixed; top: 100px; left: 0; width: 100%; background: #f7f7f7; z-index: 990; border-bottom: 1px solid #eee; padding: 28px 0; display: none; }

.hes_Inner { position: relative; width: 784px; margin: auto; }

.hes_input { border: 1px solid #ddd; position: relative; background: url(/images/a9_5.png) no-repeat 22px; width: 650px; outline: none; margin: 0 auto; }

.hes_input input { height: 40px; line-height: 40px; border: 0; background: url(); z-index: 90; padding-left: 50px; width: 100%; box-sizing: border-box; outline: none; }

.hes_close { position: absolute; right: 0; top: 0; width: 114px; height: 42px; line-height: 42px; background: #101010 url(/images/a9_6.png) no-repeat 22px; color: #fff; box-sizing: border-box; padding-left: 50px; text-transform: uppercase; cursor: pointer; }

/*.he_seek:hover .hes_content { display: block; }*/

.con_content:after { content: ""; display: block; clear: both; }

.con_img { position: relative; width: 46.5%; float: right; padding-top: 85px; }

.con_block { position: relative; width: 52%; float: left; box-sizing: border-box; padding: 84px 9% 85px 0%; }

.con_title { font-size: 30px; margin-bottom: 25px; }

.con_te { line-height: 1.6em; margin-bottom: 25px; }

.con_input input { width: 100%; height: 40px; margin-bottom: 15px; border: 1px solid #ccc; padding: 0 20px; box-sizing: border-box; outline: none; color: #000; }

.con_textarea textarea { width: 100%; border: 1px solid #ccc; padding: 15px 20px; box-sizing: border-box; height: 120px; outline: none; color: #000; margin-bottom: 15px; display: block; }

.con_button { width: 100%; background: #000; text-align: center; height: 42px; line-height: 42px; color: #fff; display: inline-block; border: 0; }

.con_bottom:after { content: ""; display: block; clear: both; }

.con_bottom { position: relative; margin-top: 45px; border-top: 1px solid #eee; padding-top: 35px; }

.con_left { float: left; width: 53%; }

.con_right { float: right; width: 120px; margin-right: -26px; }

.con_right:after { content: ""; display: block; clear: both; }

.con_li { float: left; font-size: 12px; background-repeat: no-repeat; background-position: left; font-size: 16px; box-sizing: border-box; padding-left: 30px; display: block; height: 30px; line-height: 30px; margin-bottom: 12px; color: #999; cursor: pointer; position: relative; }

.con_li > div { display: none; }
.con_li img { border: 1px solid #ccc; padding: 5px; margin-bottom: 5px; display: none; position: absolute; bottom: 28px; z-index: 90; background: #fff; left: 0px; animation: fadeIn 0.3s ease backwards; }

.con_ti { font-size: 30px; margin-bottom: 10px; }

.con_t { font-size: 14px; line-height: 1.6em; }

.con_content { width: 1200px; margin: auto; position: relative; }

.con_li:hover img { display: block; }

.jo_img { position: relative; width: 100%; overflow: hidden; margin-top: 60px; margin-bottom: 40px; }

.jo_img img { width: 100%; }

.jo_content { position: relative; width: 80%; margin: auto; padding-bottom: 60px; }

.con_te { line-height: 1.8em; }

.jo_ul { position: relative; width: 102%; }

.jo_ul .con_input { float: left; width: 48%; margin-right: 2%; }

.jo_upload { border: 1px solid #ccc; width: 148px; padding: 10px 0; padding-left: 42px; background: url(/images/d2_2.png) no-repeat 20px 14px; margin-bottom: 6px; }

.jo_uploadBlock { margin-bottom: 40px; }

.jo_t { color: #999; font-size: 14px; }

.jo_content a.con_button { width: 200px; }
.webuploader-container { position: relative; }
.webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick-disable { opacity: 0.6; pointer-events: none; }
.jo_uploadBlock .progress { display: none; }

.he_eT { opacity: 0; transition: all 0.3s; }

a.he_en:hover .he_eT { opacity: 1; }