﻿/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #666; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
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: ''; }
abbr, acronym { border: 0; }
a { text-decoration: none; outline: none; blr: expression(this.onFocus=this.blur()); color: #666; }
a:hover, a.cur { color: #cd927a; }
.clear { display: block; clear: both; }
.relative { position: relative; }
.grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ }
img { max-width: 100%; }
div { letter-spacing: 1px; }
/* css reset */
html, body { position: relative; width: 100%; }
.ind1_liBlock, .ind1_li, .ind2_liBlock, .ind5_liIn, .ind8_li, .ind6_liBlock, .ind6_imgBlock, .buUl_liBlock, .bu_li:after, .sc_aBlock, .InR_liBlock, .ne_aBlock, .ne_img, .caIn_aBlock, .ab2_li img, .wx_img, .wx_text, .ind6_imgBlock, .biImg_rightBu, .biImg_leftBu, .biImg_rightBu, .biImg_leftBu, .wx_img, .bu_aBl, .ro_img, .sc_li, .we3_liInn, .we3_wire, .buUl_text, .pr_aBlock, .pr_li, he_aLi, .he_aBg { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.ind1_wire, .we2_wire, .we2_title, .wi_block, .we3_wire, .roUl_block, .ind6_img, .ind2_wire, .ind4_tCh, .buUl_title, .ind3_play, .swiper-containerImg .swiper-slide, .img_block { -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.ind6_imgBlock:hover .ind6_img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.king:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.ind1_li:hover, .ind5_liIn:hover, .ind8_li:hover, .sc_aBlock:hover, .caIn_aBlock:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); /*box-shadow: 0px 0px 10px 0px #ccc;*/ }
.InR_liBlock:hover, .ne_aBlock:hover, .ab2_li:hover img, .pr_aBlock:hover { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); box-shadow: 0px 0px 10px 0px #ccc; }
.ind2_liBlock:hover, .ind2_liBlock.cur { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
.header_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; -webkit-transform: skewx(-25deg); -webkit-transition: 0s; }
.king { width: 150px; left: 600px; -webkit-transition: 1.2s; transition: 1.2s; }
.king { width: 150px; left: 1000px; -webkit-transition: 1.2s; transition: 1.2s; }
.ind6_imgBlock:hover { box-shadow: 0px 0px 10px 0px #ccc; }
.ind5_more:after { position: absolute; top: 0px; left: 0px; content: ""; display: block; width: 0%; height: 0%; border-top: 1px solid #cd927a; border-right: 1px solid #cd927a; display: none; }
.ind5_more:before { position: absolute; bottom: -1px; right: 0px; content: ""; display: block; width: 0%; height: 0%; border-bottom: 1px solid #cd927a; border-left: 1px solid #cd927a; display: none; }
::-webkit-scrollbar { width: 5px; height: 8px; background-color: rgba(210, 210, 210, 0.48); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; }
::-webkit-scrollbar-thumb { background-color: rgba(123, 121, 121, 0.7); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; }

@-webkit-keyframes anim21 {
    0% { width: 0%; height: 0%; }
    60% { width: 100%; height: 0%; }
    100% { width: 100%; height: 100%; }
}

.ind5_more:hover:after, .ind5_more:hover:before { -webkit-animation: anim21 0.6s ease-in-out forwards; display: block; }
.wx_liBlock:hover .wx_img { padding-bottom: 20px; margin-top: -30px; }
.ro_li:hover .ro_img { padding-bottom: 10px; margin-top: -15px; }

@-webkit-keyframes anim09 {
    0% { left: -200px; }
    30% { left: 600px; }
    100% { left: 600px; }
}

.header_logo:after { -webkit-animation: anim09 5s ease-in-out infinite; }

@-webkit-keyframes anim1 {
    0% { -webkit-transform: translate(0,0px); }
    25% { -webkit-transform: translate(0,-20px); }
    75% { -webkit-transform: translate(0,10px); }
    100% { -webkit-transform: translate(0,0); }
}

@-ms-keyframes anim1 {
    0% { -ms-transform: translate(0,0px); }
    25% { -ms-transform: translate(0,-20px); }
    75% { -ms-transform: translate(0,10px); }
    100% { -ms-transform: translate(0,0); }
}

@keyframes anim1 {
    0% { transform: translate(0,0px); }
    25% { transform: translate(0,-20px); }
    75% { transform: translate(0,10px); }
    100% { transform: translate(0,0); }
}

@-moz-keyframes anim1 {
    0% { -moz-transform: translate(0,0px); }
    25% { -moz-transform: translate(0,-20px); }
    75% { -moz-transform: translate(0,10px); }
    100% { -moz-transform: translate(0,0); }
}

@-o-keyframes anim1 {
    0% { -o-transform: translate(0,0px); }
    25% { -o-transform: translate(0,-20px); }
    75% { -o-transform: translate(0,10px); }
    100% { -o-transform: translate(0,0); }
}

@keyframes animScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@-webkit-keyframes animScale {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}

@-ms-keyframes animScale {
    0% { -ms-transform: scale(1); }
    50% { -ms-transform: scale(1.1); }
    100% { -ms-transform: scale(1); }
}

@-moz-keyframes animScale {
    0% { -moz-transform: scale(1); }
    50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}

@-o-keyframes animScale {
    0% { -o-transform: scale(1); }
    50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}

@-webkit-keyframes animRotate {
    0% { -webkit-transform: rotate(0); }
    50% { -webkit-transform: rotate(360deg); }
    100% { -webkit-transform: rotate(0); }
}

@-ms-keyframes animRotate {
    0% { -ms-transform: rotate(0); }
    50% { -ms-transform: rotate(360deg); }
    100% { -ms-transform: rotate(0); }
}

@keyframes animRotate {
    0% { transform: rotate(0); }
    50% { transform: rotate(360deg); }
    100% { transform: rotate(0); }
}

@-moz-keyframes animRotate {
    0% { -moz-transform: rotate(0); }
    50% { -moz-transform: rotate(360deg); }
    100% { -moz-transform: rotate(0); }
}

@-o-keyframes animRotate {
    0% { -o-transform: rotate(0); }
    50% { -o-transform: rotate(360deg); }
    100% { -o-transform: rotate(0); }
}

.king { -webkit-animation: anim1 2s linear infinite; -ms-animation: anim1 2s linear infinite; animation: anim1 2s linear infinite; -moz-animation: anim1 2s linear infinite; -o-animation: anim1 2s linear infinite; }
.img_imgBg, .ind2_bgImg, .ind4_bgImg, .ind6_bg, .we_img, .we_liBg, .bu_imgBg, .bu_img img, .In_imgBg, .res_img img { -webkit-animation: animScale 10s linear infinite; animation: animScale 10s linear infinite; -ms-animation: animScale 10s linear infinite; -moz-animation: animScale 10s linear infinite; -o-animation: animScale 10s linear infinite; }
.king:hover { -webkit-animation: animScale 2s linear infinite; animation: animScale 2s linear infinite; -ms-animation: animScale 2s linear infinite; -moz-animation: animScale 2s linear infinite; -o-animation: animScale 2s linear infinite; }
.king { -webkit-animation: animRotate 100s linear infinite; animation: animRotate 100s linear infinite; -ms-animation: animRotate 100s linear infinite; -moz-animation: animRotate 100s linear infinite; -o-animation: animRotate 100s linear infinite; }
.he_content { position: absolute; left: 0px; top: 0px; width: 100%; height: 90px; background: #fff; z-index: 999; box-shadow: 0px 0px 6px 0px #ccc; }

@-webkit-keyframes anim02 {
    0% { -webkit-transform: translate(0,-100px); opacity: 1; }
    100% { -webkit-transform: translate(0); opacity: 1; }
}

@-webkit-keyframes anim03 {
    0% { -webkit-transform: translate(0,0px); opacity: 1; }
    100% { -webkit-transform: translate(0,-100px); opacity: 1; }
}

@-ms-keyframes anim02 {
    0% { -ms-transform: translate(0,-100px); opacity: 1; }
    100% { -ms-transform: translate(0); opacity: 1; }
}

@-ms-keyframes anim03 {
    0% { -ms-transform: translate(0,0px); opacity: 1; }
    100% { -ms-transform: translate(0,-100px); opacity: 1; }
}

@keyframes anim02 {
    0% { transform: translate(0,-100px); opacity: 1; }
    100% { transform: translate(0); opacity: 1; }
}

@keyframes anim03 {
    0% { transform: translate(0,0px); opacity: 1; }
    100% { transform: translate(0,-100px); opacity: 1; }
}

.he_content.current { position: fixed; }
.anim02 { -webkit-animation: anim02 0.6s ease-in-out forwards; -ms-animation: anim02 0.6s ease-in-out forwards; animation: anim02 0.6s ease-in-out forwards; }
.anim03 { -webkit-animation: anim03 0.6s ease-in-out forwards; -ms-animation: anim03 0.6s ease-in-out forwards; animation: anim03 0.6s ease-in-out forwards; }
.he_contentBlock { position: relative; width: 88%; margin: auto; }
a.he_logo { position: relative; float: left; padding-top: 16px; z-index: 99; background: #fff; padding-right: 10px; width: 150px; }
.he_ulContent { position: absolute; float: right; right: 0px; top: 0px; width: 960px; }
.he_ulBlock { position: relative; float: left; padding: 15px 0; padding-right: 20px; }
.he_shareUl { position: absolute; float: left; padding: 14px 0; margin-right: -20px; top: 0px; right: 0px; height: 62px; }
.he_wx { position: relative; width: 32px; height: 32px; background: url(/content/images/wx.png) no-repeat center; padding: 15px; float: left; cursor: pointer; }
.he_wb { position: relative; width: 32px; height: 32px; background: url(/content/images/wb.png) no-repeat center; padding: 15px; float: left; cursor: pointer; display: none; }
.he_wx:hover { background: url(/content/images/wx_1.png) no-repeat center; }
.he_wb:hover { background: url(/content/images/wb_1.png) no-repeat center; }
.he_li { position: relative; float: left; font-size: 15px; }
.he_a { padding: 20px 18px 36px; display: block; }
.fo_content { position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 2; }
.coUs_content { position: relative; width: 100%; height: 360px; background: url(/content/images/h_1.jpg); }
.fo_contentBlock { position: relative; width: 100%; height: 60px; background: #000000; }
.fo_textBlock { float: right; padding-right: 22%; padding-top: 20px; color: #fff; opacity: 0.8; }
.fo_textBlock a { color: #fff; }
.fo_textBlock a.fo_a2 { margin-left: 40px; }
.fo_a1 { margin-left: 15px; }
.coUs_contentBlock { position: relative; width: 88%; margin: auto; top: 60px; color: #fff; z-index: 99; }
.coUs_title { font-size: 24px; height: 40px; }
.coUs_title div { float: left; margin-right: 20px; }
.coUs_En { font-size: 16px; padding-top: 14px; opacity: 0.56; }
.coUs_ulBlock { position: relative; float: right; top: 25px; width: 75%; opacity: 0.8; }
.coUs_share { float: left; }
.coUs_textBlock { position: relative; float: right; min-width: 600px; width: 60%; }
.coUs_shTitle { font-size: 18px; padding-left: 18px; letter-spacing: 8px; }
.coUs_wx { position: relative; width: 32px; height: 32px; background: url(/content/images/wx_2.png) no-repeat center; padding: 15px; float: left; cursor: pointer; margin-right: 10px; }
.coUs_wx:hover { background: url(/content/images/wx_3.png) no-repeat center; }
.coUs_wb { position: relative; width: 32px; height: 32px; background: url(/content/images/wb_2.png) no-repeat center; padding: 15px; float: left; cursor: pointer; }
.coUs_wb:hover { background: url(/content/images/wb_3.png) no-repeat center; }
.coUs_ul { padding-top: 15px; }
.coUs_tTitle { font-size: 18px; }
.coUs_tUl { position: relative; width: 100%; padding-top: 40px; }
.coUs_tLi { float: left; width: 50%; margin-bottom: 20px; }
.com_content { position: relative; width: 100%; padding-top: 90px; z-index: 99; margin-bottom: 420px; padding-bottom: 1px; overflow-y: hidden; }
.com_contentBlock { position: relative; width: 100%; background: #fff; padding-bottom: 1px; overflow: hidden; }
.img_block { position: relative; width: 100%; height: 100%; overflow: hidden; }
.img_title { position: relative; width: 100%; height: 100%; z-index: 99; }
.img_imgBg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: 100%; background-position: top; }
.ind_content { position: relative; width: 100%; overflow: hidden; }
.biImg_block { position: absolute; bottom: 0px; left: 0px; z-index: 99; background: #fff; padding: 30px 6%; width: 17%; font-size: 25px; min-width: 220px; }
.biImg_content { position: relative; width: 100%; overflow: hidden; }
.biImg_contentBlock { position: relative; width: 100%; overflow: hidden; height: 860px; }
.biImg_numBlock div { float: left; margin-right: 10px; }
.biImg_num { font-size: 39px; color: #101010; margin-top: -12px; }
.biImg_icon { }
.biImg_buttonUl { float: right; width: 80px; position: relative; }
.biImg_numBlock { float: left; position: relative; padding-top: 10px; }
.biImg_leftBu { float: left; padding: 10px; cursor: pointer; width: 12px; height: 26px; background: url(/Content/images/a1_8.png) no-repeat center; }
.biImg_leftBu:hover { background: url(/Content/images/a1_81.png) no-repeat center; }
.biImg_rightBu { float: right; padding: 10px; cursor: pointer; width: 12px; height: 26px; background: url(/Content/images/a1_9.png) no-repeat center; }
.biImg_rightBu:hover { background: url(/Content/images/a1_91.png) no-repeat center; }
.biImg_img { position: absolute; left: 50%; border-right: 1px solid #ccc; height: 20px; top: 14px; }
.ind1_content { position: relative; width: 100%; height: 740px; background: #fff; }
.indCom_content { position: relative; width: 88%; margin: auto; z-index: 99; }
.ind2_content { position: relative; width: 100%; height: 640px; }
.ind2_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.ind2_bgImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
.ind3_content { position: relative; width: 100%; }
.ind3_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.ind4_content { position: relative; width: 100%; }
.ind4_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; z-index: 20; overflow: hidden; }
.ind4_bgImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.ind5_content { position: relative; width: 100%; background: #eeeeee; padding-bottom: 60px; }
.ind6_content { position: relative; width: 100%; height: 660px; overflow: hidden; }
.ind6_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.ind8_content { position: relative; width: 100%; background: #eeeeee; }
.ind_contentBlock { position: relative; width: 100%; z-index: 99; }
.ind_bgBlock { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
.ind_null { position: fixed; top: 0px; left: 0px; height: 0px; width: 0px; overflow: hidden; }
.com_InnBg { position: relative; width: 100%; height: 100%; }
.ind1_titleBlock { width: 100%; position: relative; height: 60px; padding-top: 80px; color: #3c3c3c; }
.ind1_tCh { font-size: 30px; float: left; }
.ind1_tEn { font-size: 19px; float: left; padding-left: 20px; padding-top: 18px; text-transform: uppercase; opacity: 0.8; }
.ind1_contentBlock { position: relative; width: 100%; }
.ind1_ulBlock { float: left; position: relative; width: 26.5%; padding-top: 55px; }
.ind1_ulCoontent { float: left; width: 73%; position: relative; z-index: 99; }
.ind1_buttonBlock { position: absolute; left: -0%; top: 240px; }
.indUl_liBlock.cur .ind1_buttonBlock { left: -10%; -webkit-transition: all .3s ease .3s; }
.arrow-left { padding: 10px; cursor: pointer; margin-bottom: 20px; width: 24px; height: 38px; background: url(/Content/images/a1_12.png) no-repeat center; }
.arrow-left:hover { background: url(/Content/images/a1_121.png) no-repeat center; }
.arrow-right { padding: 10px; cursor: pointer; background: #fff; width: 24px; height: 38px; background: url(/Content/images/a1_13.png) no-repeat center; }
.arrow-right:hover { background: url(/Content/images/a1_131.png) no-repeat center; }
.ind1_li { position: relative; width: 430px; display: block; border: 1px solid #eee; margin-right: 30px; min-height: 100px; background: #fff; }
.ind1_liImg { position: relative; width: 100%; height: 280px; overflow: hidden; }
.ind1_liImg img { width: 100%; margin-bottom: -4px; }
.ind1_liText { position: relative; width: 100%; text-align: center; padding: 15px 0; background: #eee; font-size: 16px; }
.ind1_ul { position: relative; width: 1400px; height: 416px; overflow: hidden; }
.we3_contentBlock .swiper-container { position: relative; width: 100%; padding: 40px 0; height: 100%; }
.ind1_liBlock { font-size: 16px; margin-bottom: 30px; position: relative; cursor: pointer; padding-left: 40px; }
.ind1_wire { position: absolute; left: 148px; width: 0px; height: 1px; background: #dcdcdc; top: 14px; }
.ind1_liBlock.cur, .ind1_liBlock:hover { font-size: 22px; }

@-webkit-keyframes anim05 {
    0% { -webkit-transform: translate(20px,0px); opacity: 0; }
    100% { -webkit-transform: translate(0,0px); opacity: 1; }
}

.ind1_icon { -webkit-animation: anim05 0.6s ease-in-out backwards; }
.ind1_icon { position: absolute; left: 0px; top: 5px; display: none; }
.ind1_liBlock.cur .ind1_wire, .ind1_liBlock:hover .ind1_wire { width: 330px; }
.ind1_liBlock.cur .ind1_icon, .ind1_liBlock:hover .ind1_icon { display: block; }
.ind2_Color { color: #fff; }
.ind2_hover { display: none; position: absolute; top: -8%; left: -8%; z-index: 99; width: 116%; }
.ind2_ulContetn { position: relative; width: 100%; margin-top: 120px; }
.ind2_ulBlock { position: relative; width: 3000px; height: 210px; }
.ind2_liBlock { float: left; position: relative; text-align: center; color: #fff; z-index: 99; padding: 0px 75px; }
.ind2_tTi { padding-top: 40px; font-size: 18px; }
.ind2_tTe { padding-top: 10px; opacity: 0.8; display: none; }
.ind2_wire { position: absolute; top: 70px; left: 80px; width: 2140px; height: 1px; background: #a7a9aa; opacity: 0.6; }

@-webkit-keyframes anim06 {
    0% { -webkit-transform: scale(0.8); opacity: 0; }
    100% { -webkit-transform: scale(1); opacity: 1; }
}

.ind2_hover { -webkit-animation: anim06 0.6s ease-in-out backwards; }

@-webkit-keyframes anim08 {
    0% { -webkit-transform: translate(0,20px); opacity: 0; }
    100% { -webkit-transform: translate(0); opacity: 1; }
}

.ind2_hover { -webkit-animation: anim06 0.4s ease-in-out backwards; }
.ind2_tTe { -webkit-animation: anim08 0.4s ease-in-out backwards; }
.ind2_liBlock:hover .ind2_hover, .ind2_liBlock:hover .ind2_tTe, .ind2_liBlock.cur .ind2_hover, .ind2_liBlock.cur .ind2_tTe { display: block; }
.ind3_contentBlock { position: relative; width: 100%; height: 100%; z-index: 99; }
.ind1_titleBlock.ind3_title { position: relative; color: #fff; padding-top: 8%; left: 6%; padding-bottom: 100px; }
.ind3_videoBlock { position: relative; width: 54%; z-index: 99; padding-top: 80px; cursor: pointer; }
.ind3_videoDiv { position: relative; width: 100%; }
video.ind3_video { position: relative; width: 100%; }
.ind3_playBlock { position: absolute; top: 50%; left: 50%; width: 240px; color: #fff; margin-left: -120px; text-align: center; margin-top: -34px; }
.ind3_play { position: relative; width: 80px; margin: auto; margin-top: 0px; padding-bottom: 0px; }
.ind3_play img { width: 100%; }
.ind2_playText { letter-spacing: 12px; font-size: 22px; padding-top: 15px; width: 100%; position: relative; text-align: center; }
.ind3_teContent { position: relative; width: 50%; background: #e7e7e7; padding: 4% 6%; float: right; margin-top: -288px; z-index: 88; margin-bottom: 80px; }
.ind3_teBlock { position: relative; padding-left: 32%; }
.ind3_teNum { float: left; width: 100px; }
.ind3_teNum img { width: 100%; }
.ind3_teTitle { float: left; padding-top: 52px; font-size: 20px; margin-left: 10px; }
.ind3_text { position: relative; padding-top: 30px; font-size: 14px; line-height: 26px; text-align: justify; }
.ind3_wire { position: relative; width: 40px; height: 1px; background: #999; margin-top: 30px; }
.ind3_tUl { position: relative; width: 105%; }
.ind3_tLi { float: left; text-align: center; margin-top: 40px; width: 20%; white-space: nowrap; }
.ind3_tNum { font-size: 40px; color: #cd927a; min-height: 41px; position: relative; overflow: hidden; height: 45px; }
.ind3_tNum sub { font-size: 15px; top: -8px; position: relative; margin-left: 4px; }
.ind3_tNum sup { margin-left: 4px; font-size: 22px; }
.ind3_tT { padding-top: 5px; font-size: 16px; }
.ind2_playText span { letter-spacing: 2px; margin-right: 10px; }
.ind4_ul { position: absolute; top: 0px; left: 0px; z-index: 99; width: 100%; height: 100%; }
a.ind4_aBlock { position: relative; width: 20%; float: left; height: 100%; }
.in4_title { position: absolute; top: 50%; margin-top: -60px; color: #fff; left: 0px; width: 100%; text-align: center; font-size: 24px; opacity: 0.9; letter-spacing: 2px; }
.ind4_tCh { padding-bottom: 12px; }
.ind4_wire { position: absolute; right: 0px; top: 0px; border-left: 1px solid #848484; height: 100%; }
.ind4_bgImg { position: relative; width: 100%; }
.ind4_bgImg img { width: 100%; }
.ind5_ulBlock { margin-top: 50px; position: relative; width: 106.4%; }
a.ind5_liBlock { position: relative; float: left; width: 22%; margin-right: 2%; margin-bottom: 3%; min-width: 280px; }
.ind5_img { position: relative; width: 100%; height: 250px; }
.ind5_img img { width: 100%; }
.ind5_icon { position: absolute; right: 0px; top: 0px; padding: 22px 5%; background: #f4f4f2; z-index: 99; height: 16px; width: 24px; background: url(/Content/images/a4_7.png) no-repeat center; }
.ind5_liBlock:hover .ind5_icon { background: url(/Content/images/a4_71.png) no-repeat center; }
.ind5_tiBlock { position: relative; width: 90%; padding: 20px 5%; font-size: 16px; }
a.ind5_more { position: relative; width: 120px; text-align: center; display: block; margin: auto; padding: 10px 0; font-size: 16px; }
.ind8_ulBlock { position: relative; margin-top: 20px; width: 112%; padding-bottom: 80px; margin-left: -20px; }
a.ind8_li { float: left; position: relative; margin-right: 30px; padding: 10px 20px; }
a.ind8_li img { width: 100%; }
.ind6_contentBlock { position: relative; width: 100%; margin-top: 40px; }
a.ind6_imgBlock { width: 35%; height: 370px; position: relative; display: block; float: left; overflow: hidden; }
.ind6_teContent { position: relative; width: 60%; float: right; }
.ind6_img { position: relative; width: 100%; height: 100%; }
.ind6_bgImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; }
.ind6_title { position: absolute; bottom: 60px; z-index: 99; left: 0px; width: 100%; text-align: center; color: #fff; opacity: 0.8; font-size: 18px; }
.ind6_teUl { position: relative; font-size: 16px; border-bottom: 1px solid #ccc; padding-bottom: 12px; }
a.ind6_teLi { float: left; margin-right: 40px; }
a.ind6_more { position: absolute; right: 0px; top: 3px; color: #cd927a; }
.ind6_ulContent { position: relative; width: 110%; height: 336px; overflow: hidden; }
.ind6_ulBlock { position: relative; width: 91%; }
.ind6_liBlock { position: relative; width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 16px; padding-top: 16px; display: block; }
.ind6_textBlock { position: relative; padding-right: 260px; }
.ind6_tTitle { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; margin-bottom: 10px; }
.ind6_tText { position: relative; width: 100%; line-height: 24px; height: 48px; overflow: hidden; }
.ind6_timeBlock { position: absolute; right: 0px; top: 20px; padding-right: 40px; border-left: 1px solid #ccc; padding-left: 70px; }
.ind6_day { font-size: 32px; padding-bottom: 10px; }
.ind6_year { font-size: 18px; }
a.ind6_teLi.cur, a.ind6_teLi:hover { color: #cd927a; }
.indUl_showBlock { position: absolute; width: 130%; left: -160px; overflow: hidden; height: 680px; top: -106px; }
.inUl_UlBlock { position: absolute; left: 160px; top: 100px; }
.indUl_liBlock { position: relative; width: 100%; }
.ind6_liBlock:hover { background: #cd927a; color: #fff; padding-left: 40px; }
.we_content { position: relative; width: 100%; }
.we_bgContent { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
.we_imgBlock { position: relative; width: 100%; height: 522px; z-index: 99; overflow: hidden; }
.we_img { position: relative; width: 100%; height: 522px; }
.we_contentBlock { position: relative; z-index: 99; width: 100%; margin-top: 432px; }
.we1_content { position: relative; width: 100%; background: #fff; }
.we_title { position: absolute; top: 250px; left: 16%; z-index: 99; color: #fff; font-size: 30px; opacity: 0.8; text-transform: uppercase; letter-spacing: 2px; }
.we_title span { margin-left: 10px; }
.we1_ul { position: absolute; left: 85%; top: 0px; padding: 15px 20px; white-space: nowrap; }
.we1_contentBlock { position: relative; width: 68%; margin: auto; padding-top: 70px; top: -65px; background: #fff; padding-bottom: 40px; }
.we1_title { font-size: 26px; padding-bottom: 40px; letter-spacing: 2px; color: #cd927a; width: 88%; margin: auto; }
.we1_text { position: relative; width: 88%; margin: auto; line-height: 30px; text-align: justify; }
a.we1_home { padding-left: 20px; background: url(/content/images/a5_3.png) no-repeat left; margin-left: 7px; padding-top: 1px; }
a.we1_a { padding-left: 20px; background: url(/content/images/a5_4.png) no-repeat left; padding-top: 1px; margin-left: 7px; }
.we_ulBg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
.we_ulBgB { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
.we_liBg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.we2_content { position: relative; width: 100%; }
.we2_ul { position: relative; width: 100.3%; }
a.we2_li { position: relative; width: 24.9%; float: left; padding: 4% 0; border-bottom: 1px solid #bdbfc3; border-right: 1px solid #bdbfc3; color: #fff; }
.we2_liIn { position: relative; width: 75%; margin: auto; height: 251px; z-index: 99; }
.we2_title { font-size: 28px; text-align: center; padding-bottom: 25px; padding-top: 108px; }
.we2_wire { position: relative; width: 0%; background: #cd927a; height: 1px; margin: auto; }
.we2_text { position: relative; padding-top: 22px; line-height: 24px; text-align: justify; display: none; height: 96px; overflow: hidden; }
.we2_icon { position: relative; width: 45px; margin: auto; margin-top: 30px; display: none; }
a.we2_li.cur { background: url(/content/images/a5_9.png); }
.we3_content { position: relative; width: 100%; background: #f1f1f1; padding: 60px 0; }
.we3_title { position: relative; width: 100%; text-align: center; font-size: 30px; }
.we3_contentBlock { position: relative; width: 88%; margin: auto; padding-top: 50px; height: 290px; }
.we3_ulBlock { position: relative; width: 110%; }
.we3_liBlock { position: relative; width: 38%; float: left; display: block; padding-left: 4%; padding-right: 4%; }
.we3_ulBlock:after { content: ""; display: block; clear: both; }
.we3_tTi { font-size: 22px; padding-bottom: 20px; }
.we3_tText { position: relative; line-height: 26px; height: 52px; overflow: hidden; }
.we3_wire { position: relative; width: 71px; height: 2px; background: #959595; margin: 20px 0; }
.we3_date { font-size: 26px; }
.we2_li:hover { color: #cd927a; }
.we2_li:hover .we2_title { padding-top: 0px; }
.we2_li:hover .we2_wire { width: 100%; }

@-webkit-keyframes anim12 {
    0% { -webkit-transform: translate(0,50px); opacity: 0; }
    100% { -webkit-transform: translate(0,0); opacity: 1; }
}

.we2_li:hover .we2_text, .we2_li:hover .we2_icon { display: block; }
.we2_text { -webkit-animation: anim12 0.6s ease-in-out 0s backwards; }
.we2_icon { -webkit-animation: anim12 0.6s ease-in-out 0.3s backwards; }
.we3_contentBlock .pagination { position: absolute; left: 0; text-align: center; bottom: 5px; width: 100%; z-index: 99; }
.we3_contentBlock .swiper-pagination-switch { display: inline-block; width: 20px; height: 20px; background: url(/Content/images/a5_7.png) no-repeat center; margin: 0 6px; cursor: pointer; }
.we3_contentBlock .swiper-active-switch { background: url(/Content/images/a5_8.png) no-repeat center; }
a.we1_home:hover { background: url(/content/images/a5_31.png) no-repeat left; }
.fo_bgBlock, .gradient { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.bu_content { position: relative; width: 100%; margin-top: 342px; }
.bu_imgBlock { position: relative; width: 100%; height: 334px; overflow: hidden; z-index: 99; }
.bu_imgBg { position: relative; width: 100%; height: 434px; }
.bu_imgTitle { position: absolute; left: 16%; top: 240px; z-index: 99; color: #fff; opacity: 0.8; font-size: 30px; letter-spacing: 2px; }
.bu_ulContent { position: relative; width: 100%; height: 60px; background: #fff; overflow: hidden; }
.bu_ulBlock { position: relative; width: 77%; margin: auto; }
.bu_ul { float: left; position: relative; background: #fff; z-index: 80; }
a.bu_li { float: left; position: relative; height: 60px; line-height: 60px; margin-right: 35px; font-size: 15px; }
.bu_aBlock { position: absolute; float: right; padding: 19px 0; font-size: 15px; right: 0px; top: 0px; }
.bu_contentBlock { position: relative; width: 100%; padding-top: 60px; background: #fff; overflow: hidden; }
.bu_InnBlock { position: relative; width: 88%; margin: auto; padding-bottom: 60px; }
.bu_title { position: relative; width: 50%; font-size: 28px; padding-bottom: 40px; color: #cd927a; padding-left: 6%; }
.bu_text { position: relative; width: 50%; text-align: justify; line-height: 34px; font-size: 16px; padding-left: 6%; }
.bu_teConten { position: relative; width: 100%; margin-top: 60px; padding-bottom: 60px; }
.bu_textBlock { position: absolute; top: 50%; width: 34%; background: #fff; padding: 68px 6%; z-index: 99; margin-top: -205px; }
.bu_tBlock { position: relative; width: 64%; float: right; overflow: hidden; }
.bu_teConten:after { content: ""; display: block; clear: both; }
.bu_img { position: relative; width: 100%; overflow: hidden; }
.bu_img img { width: 100%; }
.bu_tWire { position: relative; width: 40px; height: 3px; background: #fead00; margin-bottom: 30px; }
.bu_tTi { font-size: 24px; letter-spacing: 2px; margin-bottom: 40px; }
.bu_tText { position: relative; line-height: 26px; text-align: justify; }
.buUl_content { position: relative; width: 100%; }
.buUl_ulBlock { position: relative; width: 101.3%; }
.buUl_liBlock { float: left; position: relative; width: 16.4%; padding: 8% 0; color: #fff; border-right: 1px solid #fff; text-align: center; }
.buUl_title { font-size: 22px; padding-bottom: 20px; text-align: left; }
.buUl_text { line-height: 26px; text-align: justify; min-height: 235px; }
/*.buUl_liBlock:hover {
    background: url(/content/images/a5_9.png);
}*/
.buUl_liText { position: relative; width: 80%; margin: auto; min-width: 160px; min-height: 180px; max-width: 400px; }
.buI_img { position: relative; width: 100%; }
.buI_img img { width: 100%; }
.buI_block { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.bu_teConten .nav_Ul { position: absolute; left: 0; text-align: right; bottom: 20px; width: 100%; z-index: 99; }
.bu_teConten .swiper-pagination-switch { display: inline-block; width: 20px; height: 20px; margin: 0 12px; cursor: pointer; font-size: 20px; color: #999; }
.bu_teConten .swiper-active-switch { color: #333; }
.wi_ul { position: absolute; bottom: 0px; width: 100%; height: 3px; background: #fff; z-index: 99; }
.wi_block { position: relative; width: 0%; height: 100%; background: #fead00; }
.wx_ulBlock { position: relative; width: 100%; padding-top: 60px; }
.wx_liBlock { position: relative; float: left; width: 25%; text-align: center; display: block; }
.wx_text { font-size: 18px; padding-top: 12px; }
.wx_titleBlock { position: relative; width: 100%; text-align: center; padding-bottom: 50px; }
.wx_titleBlock .t1 { font-size: 40px; letter-spacing: 2px; margin-bottom: 20px; }
.t2 { }
.wx_titleBlock .t2 { font-size: 18px; letter-spacing: 5px; }
.bu_ul2 .buUl_liBlock { width: 49.8%; }
.bu_ul3 .buUl_liBlock { width: 33%; }
.bu_ul4 .buUl_liBlock { width: 24.8%; }
.bu_ul5 .buUl_liBlock { width: 19.8%; }
.buUl_color { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(/content/images/a5_9.png); display: none; }
.ind1_ul .swiper-container { padding: 60px 0; }
.we3_liBlock:hover .we3_wire { width: 100%; }
a.bu_aBl { position: relative; display: block; margin: auto; width: 120px; text-align: center; margin-top: 50px; font-size: 16px; background: url(/content/images/a6_9.png) no-repeat center; background-size: 100%; letter-spacing: 2px; }
a.bu_aBl:hover { background: url(/content/images/a6_91.png) no-repeat center; background-size: 90%; }

@-webkit-keyframes anim16 {
    0% { -webkit-transform: scale(0.8); opacity: 0; }
    100% { -webkit-transform: scale(1); opacity: 1; }
}

.buUl_color { -webkit-animation: anim16 0.3s ease-in-out backwards; }
.buUl_liBlock:hover .buUl_color, .we2_li:hover .buUl_color, .ind4_aBlock:hover .buUl_color { display: block; }
.buUl_liBlock:hover, .ind4_aBlock:hover .in4_title { color: #cd927a; }
.ind4_aBlock:hover .ind4_tCh { padding-bottom: 40px; margin-top: -20px; letter-spacing: 4px; }
.ro_content { position: relative; width: 100%; padding: 100px 0; }
.ro_contentBlock { position: relative; width: 54%; background: url(/content/images/a7_2.png); margin: auto; padding: 4%; }
.ro_title { text-align: center; font-size: 20px; }
.ro_ul { position: relative; width: 100%; padding-top: 20px; }
.ro_li { position: relative; width: 20%; float: left; text-align: center; padding: 22px 0; height: 146px; }
.roUl_content { position: relative; width: 100%; background: #fff; padding: 100px 0; }
.roUl_ul { position: relative; width: 88%; text-align: center; z-index: 99; margin: auto; }
.roUl_li { position: relative; float: left; width: 25%; height: 242px; }
.roUl_block { position: relative; width: 240px; padding: 40px 0; margin: 0px auto; height: 160px; border-radius: 0px; }
.roUl_block:hover { box-shadow: 0px 0px 30px 1px #ccc; border-radius: 200px; }
.roUl_ul:after { content: ""; display: block; clear: both; }
.roUl_wire { position: absolute; left: 0px; width: 100%; height: 1px; background: #ccc; top: 48.8%; }
.roUl_title { font-size: 20px; height: 35px; padding-top: 31px; }
.roUl_icon { position: relative; width: 20px; height: 20px; background: url(/content/images/a7_4.png) no-repeat center; margin: auto; }
.roUl_text { position: relative; width: 80%; margin: auto; padding-top: 10px; line-height: 22px; }
.roUl_li:hover .roUl_icon { background: url(/content/images/a7_41.png) no-repeat center; }
a.bu_li.cur { color: #cd927a; }
a.bu_li:after { content: ""; display: block; width: 0%; height: 2px; background: #cd927a; margin: auto; margin-top: -10px; }
a.bu_li.cur:after { width: 100%; }
.he_li.cur { color: #cd927a; }
.bu_imgTitle span { text-transform: uppercase; opacity: 0.8; }
.or_titleImg { position: relative; width: 857px; margin: auto; margin-bottom: -75px; margin-top: 50px; }
.bu_center .buUl_title { padding-top: 60px; }
.pr_content { position: relative; width: 100%; background: #fff; }
.pr_title { position: relative; width: 88%; margin: auto; font-size: 24px; padding-bottom: 30px; border-bottom: 1px solid #ccc; padding-top: 20px; }
.pr_title span { text-transform: uppercase; margin-left: 12px; opacity: 0.8; }
.pr_ulBlock { position: relative; width: 88%; margin: auto; padding-bottom: 80px; }
.pr_aBlock { position: relative; width: 100%; padding: 40px 0; border-bottom: 1px solid #ccc; }
a.pr_img { display: block; position: relative; float: left; }
.pr_textBlock { position: relative; padding-left: 580px; }
.pr_ti { font-size: 20px; padding-bottom: 20px; letter-spacing: 2px; }
.pr_wire { position: relative; width: 86px; border-bottom: 1px solid #999; margin-bottom: 18px; }
.pr_text { position: relative; width: 100%; line-height: 26px; text-align: justify; }
a.pr_more { position: absolute; right: 0px; top: 5px; letter-spacing: 1px; text-transform: uppercase; font-size: 16px; }
.pr_ul { position: relative; width: 104%; margin-top: 40px; }
a.pr_li { border: 1px solid #999; padding: 3px 10px 4px 10px; float: left; display: block; margin-right: 30px; margin-bottom: 20px; border-radius: 10px; }
.sc_content { position: relative; width: 100%; background: #fff; padding-bottom: 60px; }
.sc_InnBlock { position: relative; width: 88%; margin: auto; }
.sc_ul { position: relative; font-size: 16px; margin-bottom: 50px; }
a.sc_li { margin-right: 10px; display: block; float: left; padding: 3px 20px; border-radius: 100px; margin-bottom: 10px; padding-bottom: 4px; }
a.sc_li:hover, a.sc_li.cur { background: #cd927a; color: #fff; }
.sc_contentBlock { position: relative; width: 100%; padding-bottom: 60px; min-height: 300px; }
a.sc_aBlock { position: relative; width: 21%; float: left; margin-bottom: 50px; display: block; margin-right: 3%; border: 1px solid #ccc; min-width: 300px; }
.sc_img img { width: 100%; }
.sc_textBlock { position: relative; width: 88%; margin: auto; padding: 6%; }
.sc_title { font-size: 20px; position: relative; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc_icon { position: absolute; right: 6%; top: 5px; padding-top: 6%; }
.sc_wire { position: relative; width: 100%; height: 1px; background: #999; margin: 15px 0; }
.sc_text { position: relative; width: 100%; text-align: justify; line-height: 26px; overflow: hidden; height: 78px; }

@media screen and (max-width: 1500px) {
    a.sc_aBlock { width: 29%; }
}

.sc_aBlock div { color: #666; }
.In_imgBlock { position: relative; width: 100%; height: 242px; overflow: hidden; }
.In_imgBg { position: relative; width: 100%; height: 100%; }
.In_title { position: absolute; top: 41%; left: 6%; z-index: 99; color: #fff; font-size: 30px; opacity: 0.8; }
.In_content { position: relative; width: 100%; margin-top: 60px; }
.In_contentBlock { position: relative; width: 88%; margin: auto; }
.In_leftBlock { position: relative; width: 70%; float: left; padding-bottom: 60px; }
.In_rightBlock { position: relative; width: 26%; float: right; }
.In_img img { width: 100%; }
.In_leftBlock { }
.In_img { position: relative; width: 100%; }
.In_textBlock { position: relative; padding: 40px 0; border-bottom: 1px dashed #ccc; margin-bottom: 40px; }
.In_tTitle { font-size: 20px; padding-bottom: 20px; }
.In_tText { position: relative; width: 100%; text-align: justify; line-height: 26px; }
.In_ulTitle { font-size: 20px; padding-bottom: 20px; }
.In_ul { position: relative; width: 105.3%; padding: 20px 0; }
.In_li { position: relative; width: 45%; float: left; margin-right: 5%; }
.In_liImg { position: relative; width: 100%; }
.In_liImg img { width: 100%; }
.In_liTitle { position: relative; width: 100%; font-size: 16px; padding: 15px 0; border-bottom: 1px solid #ccc; margin-bottom: 15px; }
.In_liText { position: relative; width: 100%; text-align: justify; line-height: 24px; }
.In_ulBlock { position: relative; width: 100%; border-bottom: 1px dashed #ccc; margin-bottom: 30px; padding-bottom: 20px; }
.In_teTi { font-size: 20px; padding-bottom: 20px; }
.In_teTe { position: relative; width: 100%; text-align: justify; line-height: 26px; }
.In_teTe p { margin-bottom: 10px; }
.In_teBlock { position: relative; width: 100%; }
.InR_textBlock { position: relative; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #ccc; }
.InR_title { font-size: 20px; padding-bottom: 20px; }
.InR_text { line-height: 26px; position: relative; width: 100%; text-align: justify; }
.InR_ulContent { margin-top: 35px; position: relative; }
.InR_ulTitle { font-size: 18px; padding-top: 2px; }
select.InR_select { position: absolute; right: 0px; top: 0px; border: 1px solid #ccc; color: #666; padding-bottom: 4px; padding-top: 2px; }
.InR_ulBlock { position: relative; width: 100%; padding-top: 30px; }
a.InR_liBlock { position: relative; width: 94%; display: block; border: 1px solid #ccc; margin-bottom: 20px; padding: 3%; color: #666; }
.InR_img { position: relative; width: 40%; float: left; overflow: hidden; }
.InR_img img { width: 100%; margin-bottom: -3px; }
.InR_ulText { float: right; width: 55%; }
.InR_ulTi { padding-bottom: 4px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.InR_ulTe { color: #999; line-height: 22px; height: 44px; position: relative; overflow: hidden; }
.ca_content { position: relative; width: 100%; background: #fff; }
.ca_title { position: relative; text-align: center; font-size: 26px; letter-spacing: 2px; padding-bottom: 40px; padding-top: 40px; }
.sc_img img { margin-bottom: -3px; }
.sc_contentBlock .sc_aBlock { background: #f6f6f5; }
.ne_seekBlcok { position: absolute; right: 0px; top: 0px; padding-right: 32px; }
.ne_button { position: absolute; right: 0px; top: 0px; width: 32px; height: 32px; background: #a4a4a4 url(/content/images/a9_4.png) no-repeat center; cursor: pointer; }
input.ne_seek { position: relative; width: 140px; padding-left: 10px; height: 28px; line-height: 29px; outline: none; color: #666; }
.ne_ulBlock { position: relative; width: 88%; margin: auto; padding-bottom: 50px; }
a.ne_aBlock { position: relative; padding: 30px 0; display: block; width: 100%; min-height: 229px; color: #666; }
.ne_img { position: absolute; left: 0px; top: 0px; width: 383px; }
.ne_img img { width: 100%; }
.ne_textContent { position: relative; padding-left: 440px; padding-top: 40px; }
.ne_textBlock { position: relative; padding-right: 220px; }
.ne_date { position: absolute; right: 0px; top: 60px; border-left: 1px solid #ccc; padding-left: 60px; text-align: right; }
.ne_date div { }
.ne_year { font-size: 18px; padding-bottom: 12px; }
.ne_day { font-size: 35px; padding-bottom: 12px; }
.ne_icon img { padding-right: 8px; }
.ne_tTi { font-size: 20px; white-space: nowrap; overflow: hidden; position: relative; text-overflow: ellipsis; padding-bottom: 30px; }
.ne_tTe { position: relative; width: 100%; text-align: justify; line-height: 26px; height: 108px; overflow: hidden; }
.ne_aBlock:hover { padding: 42px; margin-left: -42px; }
.ne_InBl { position: relative; width: 100%; }
.neIn_content { position: relative; width: 100%; }
.neIn_contentBlock { position: relative; width: 88%; margin: auto; }
.neIn_title { font-size: 22px; padding-bottom: 30px; padding-top: 20px; }
.neIn_InnBlock { position: relative; width: 100%; padding-bottom: 80px; }
.neIn_leftBlock { float: left; position: relative; width: 68%; }
.neIn_rightBlock { position: relative; width: 27%; float: right; }
.neIn_ulBlock { position: relative; width: 100%; padding-bottom: 12px; border-bottom: 1px dashed #ccc; margin-bottom: 20px; }
.neIn_li { float: left; margin-right: 40px; }
a.neIn_li { float: right; margin-right: 0px; }
.neIn_textBlock { position: relative; width: 100%; line-height: 26px; text-align: justify; }
.neIn_textBlock img { max-width: 100%; padding: 10px 0; }
.neIn_textBlock p { margin-bottom: 20px; }
.neIn_textBlock h3 { font-size: 18px; padding-top: 10px; padding-bottom: 10px; }
.neRI_block { border: 1px solid #ccc; width: 100%; position: relative; }
.neRI_logo { padding-top: 20px; padding-left: 20px; }
.neRI_rImg { position: relative; width: 38%; margin: auto; padding-top: 20px; }
.neRI_rImg img { width: 100%; }
.neRI_textBlock { position: relative; width: 100%; text-align: center; padding-bottom: 40px; padding-top: 5px; letter-spacing: 2px; font-size: 16px; }
.neRI_ulContent { position: relative; width: 100%; padding-top: 40px; }
.neRI_ulTi { font-size: 20px; }
.neRI_ul { position: relative; padding-top: 20px; width: 115%; }
a.neRI_aBl { position: relative; margin-right: 20px; margin-bottom: 20px; display: block; float: left; background: #f5f5f5; padding: 5px 15px; }
a.neRI_aBlock { position: relative; width: 100%; display: block; margin-bottom: 20px; }
.neRI_buBlock { position: relative; width: 100%; padding-top: 20px; }
.neRI_button { position: relative; margin-bottom: 12px; width: 82px; background: #fff; z-index: 99; }
.neRI_button img { position: relative; top: 5px; padding-right: 8px; }
.neRI_wire { position: absolute; top: 13px; width: 100%; height: 1px; left: 0px; background: #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.neRI_text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; width: 100%; }
.but_img { position: relative; width: 40px; margin: auto; padding: 20px 0; }
.but_img { position: relative; width: 40px; margin: auto; padding: 20px 0; }
.but_ul { position: relative; width: 100%; text-align: center; padding-top: 30px; }
a.but_li { background: #eee; padding: 8px 30px; margin: 0px 20px; border-radius: 10px; }
.caIn_content { position: relative; width: 88%; margin: auto; padding-top: 40px; }
.caIn_title { text-align: center; font-size: 26px; }
.caIn_text { position: relative; width: 60%; margin: auto; padding-top: 40px; line-height: 26px; text-align: justify; padding-bottom: 40px; }
a.caIn_aBlock { position: relative; width: 120px; margin: auto; display: block; padding: 8px 0; background: #ffc000; text-align: center; color: #666; font-size: 16px; margin-bottom: 60px; }
.caIn_ulImg { position: relative; width: 100%; margin-top: 40px; padding-bottom: 100px; }
.caIn_ulImg img { width: 100%; }
.caIn_ulImg.touch img { width: 33%; }
.ab_en { margin-top: -40px; }
.ab_title { color: #666; }
.ab_content { position: relative; width: 74%; background: #fff; padding: 20px 13%; padding-bottom: 50px; }
.ab_leftBlock { float: left; position: relative; width: 40%; }
.ab_rightBlock { position: relative; float: right; width: 40%; }
.ab_textBlock { position: relative; width: 100%; text-align: justify; padding-top: 60px; }
.ab_tTi { font-size: 26px; padding-bottom: 20px; }
.ab_tTe { position: relative; width: 100%; line-height: 26px; margin-bottom: 30px; }
.ab_tTi2 { position: relative; font-size: 20px; padding-bottom: 8px; }
.ab_wire { position: relative; width: 40px; height: 2px; background: #ffa200; margin-top: 10px; margin-bottom: 30px; }
.ab_img { margin-left: -5px; margin-top: -8px; }
.ab2_content { position: relative; width: 100%; background: #fff; padding: 80px 0; }
.abUl_content { position: relative; width: 100%; }
.abUl_tUl { position: relative; width: 88%; margin: auto; }
.abUl_tLi { position: relative; float: left; color: #fff; padding: 180px 0; text-align: center; width: 20%; font-size: 20px; }
.abUl_tNum { font-size: 45px; padding-bottom: 15px; letter-spacing: 3px; }
.abUl_tNum sub { font-size: 20px; top: -10px; position: relative; }
.abUl_tT { letter-spacing: 2px; }
.ab2_textContent { position: relative; width: 41%; float: left; padding: 65px 6%; background: url(/content/images/b_4.jpg); }
.ab2_textBlock { position: relative; width: 420px; color: #fff; }
.ab2_ulContent { position: absolute; top: 160px; width: 46%; left: 49%; background: #fff; padding: 34px 4%; height: 330px; overflow: hidden; max-width: 740px; }
.ab2_ul { position: relative; width: 104%; }
a.ab2_li { position: relative; display: block; width: 20%; float: left; margin-right: 5%; padding: 20px 0; max-width: 180px; }
.ab2_ti { font-size: 30px; letter-spacing: 4px; padding-bottom: 30px; }
.ab2_te { position: relative; width: 100%; text-align: justify; line-height: 26px; }
.ab2_ti2 { position: relative; text-align: center; font-size: 20px; padding-top: 40px; letter-spacing: 2px; padding-bottom: 10px; }
.ab2_num { position: relative; text-align: center; font-size: 60px; letter-spacing: 6px; }
.ab_navUl { position: absolute; bottom: 0px; right: 10%; z-index: 999; padding: 10px 0; cursor: pointer; max-width: 82%; }
.ab_navUl span.swiper-pagination-switch { width: 30px; height: 3px; background: #ccc; display: block; float: left; margin-left: 12px; }
.ab_navUl span.swiper-pagination-switch.swiper-visible-switch.swiper-active-switch { background: #ffb502; }
.ab2_swiper { position: relative; width: 100%; height: 100%; }
.swiper-container { position: relative; width: 100%; height: 100%; }
.wx_img { position: relative; width: 100%; height: 101px; }
.wx_img1 { background: url(/Content/images/a6_8.png) no-repeat center; }
.wx_img2 { background: url(/Content/images/a6_81.png) no-repeat center; }
.wx_img3 { background: url(/Content/images/a6_82.png) no-repeat center; }
.wx_img4 { background: url(/Content/images/a6_83.png) no-repeat center; }
.wx_liBlock:hover .wx_img1 { background: url(/Content/images/a6_801.png) no-repeat center; }
.wx_liBlock:hover .wx_img2 { background: url(/Content/images/a6_811.png) no-repeat center; }
.wx_liBlock:hover .wx_img3 { background: url(/Content/images/a6_821.png) no-repeat center; }
.wx_liBlock:hover .wx_img4 { background: url(/Content/images/a6_831.png) no-repeat center; }
.pr_li:hover { border: 1px solid #cd927a; background: #cd927a; color: #fff; }
.ind41_block { position: relative; width: 100%; height: 100%; z-index: 99; }
.buUl_liBlock:hover .buUl_title { padding-bottom: 40px; margin-top: -10px; letter-spacing: 4px; }
.we3_liInn { position: relative; width: 100%; height: 100%; left: 0px; }
.we3_liInn:hover { color: #666; box-shadow: 0px 0px 5px 1px #ccc; left: -20px; padding: 20px; margin-top: -20px; }
.we3_liInn:hover .we3_wire { background: #ccc; opacity: 0.5; }
.we31_content { position: relative; width: 106%; margin-left: -3%; overflow: hidden; }
.we31_contentBlock { position: relative; width: 94%; margin: auto; height: 290px; }
.we31_contentBlock .swiper-container { overflow: visible; }
.ind3_videoBlock:hover .ind3_play { padding-bottom: 20px; margin-top: -10px; }
.vid_block { position: absolute; top: 100px; left: 0px; width: 100%; height: 100%; z-index: 99; display: none; }
.ind3_videoDiv img { width: 100%; }
.vid_block video { width: 100%; height: auto; position: relative; }
.ind3_videoDiv.cur { opacity: 0; }
.pr_aBlock:hover { padding: 40px; margin-left: -40px; }

@-webkit-keyframes indAn1 {
    0% { -webkit-transform: translate(0,100px); opacity: 0; }
    100% { -webkit-transform: translate(0,0px); opacity: 1; }
}

@-webkit-keyframes indAn2 {
    0% { -webkit-transform: translate(0,100px); opacity: 1; }
    100% { -webkit-transform: translate(0,0px); opacity: 1; }
}

.img_title { -webkit-animation: indAn1 0.6s ease-in-out backwards; }
.biImg_block { -webkit-animation: indAn2 0.6s ease-in-out 0.3s backwards; }
.animNode .ind1_titleBlock, .animNode .ind1_titleBlock { -webkit-transform: translate(0,40px); opacity: 0; -webkit-transition: all 0.6s ease; }
.animPlay .ind1_titleBlock, .animPlay .ind1_titleBlock { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind1_contentBlock, .animNode .ind2_ulContetn, .animNode .ind8_ulBlock { -webkit-transform: translate(0,40px); opacity: 0; -webkit-transition: all 0.6s ease 0.4s; }
.animPlay .ind1_contentBlock, .animPlay .ind2_ulContetn, .animPlay .ind8_ulBlock { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind3_videoBlock { -webkit-transform: translate(-100px,0px); opacity: 0; -webkit-transition: all 1s ease; }
.animPlay .ind3_videoBlock { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind3_teContent { -webkit-transform: translate(100px,0px); opacity: 0; -webkit-transition: all 1s ease 0.3s; }
.animPlay .ind3_teContent { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind3_title { -webkit-transform: translate(0px,40px); opacity: 0; -webkit-transition: all 1s ease 0.6s; }
.animPlay .ind3_title { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind4_aBlock:nth-child(1) { -webkit-transform: translate(100px,0px); opacity: 0; -webkit-transition: all 1s ease; }
.animPlay .ind4_aBlock:nth-child(1) { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind4_aBlock:nth-child(2) { -webkit-transform: translate(100px,0px); opacity: 0; -webkit-transition: all 1s ease 0.3s; }
.animPlay .ind4_aBlock:nth-child(2) { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind4_aBlock:nth-child(3) { -webkit-transform: translate(100px,0px); opacity: 0; -webkit-transition: all 1s ease 0.6s; }
.animPlay .ind4_aBlock:nth-child(3) { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind4_aBlock:nth-child(4) { -webkit-transform: translate(100px,0px); opacity: 0; -webkit-transition: all 1s ease 0.9s; }
.animPlay .ind4_aBlock:nth-child(4) { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind4_aBlock:nth-child(5) { -webkit-transform: translate(100px,0px); opacity: 0; -webkit-transition: all 1s ease 1.2s; }
.animPlay .ind4_aBlock:nth-child(5) { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind6_imgBlock { -webkit-transform: translate(-100px,0px); opacity: 0; -webkit-transition: all 1s ease 0.3s; }
.animPlay .ind6_imgBlock { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind6_teContent { -webkit-transform: translate(100px,0px); opacity: 0; -webkit-transition: all 1s ease 0.6s; }
.animPlay .ind6_teContent { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind5_liBlock:nth-child(1) { -webkit-transform: translate(0,40px); opacity: 0; -webkit-transition: all 0.6s ease 0.3s; }
.animPlay .ind5_liBlock:nth-child(1) { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind5_liBlock:nth-child(2) { -webkit-transform: translate(0,40px); opacity: 0; -webkit-transition: all 0.6s ease 0.4s; }
.animPlay .ind5_liBlock:nth-child(2) { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind5_liBlock:nth-child(3) { -webkit-transform: translate(0,40px); opacity: 0; -webkit-transition: all 0.6s ease 0.5s; }
.animPlay .ind5_liBlock:nth-child(3) { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind5_liBlock:nth-child(4) { -webkit-transform: translate(0,40px); opacity: 0; -webkit-transition: all 0.6s ease 0.6s; }
.animPlay .ind5_liBlock:nth-child(4) { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind5_liBlock:nth-child(5) { -webkit-transform: translate(0,40px); opacity: 0; -webkit-transition: all 0.6s ease 0.7s; }
.animPlay .ind5_liBlock:nth-child(5) { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind5_liBlock:nth-child(6) { -webkit-transform: translate(0,40px); opacity: 0; -webkit-transition: all 0.6s ease 0.8s; }
.animPlay .ind5_liBlock:nth-child(6) { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind5_liBlock:nth-child(7) { -webkit-transform: translate(0,40px); opacity: 0; -webkit-transition: all 0.6s ease 0.9s; }
.animPlay .ind5_liBlock:nth-child(7) { -webkit-transform: translate(0,0px); opacity: 1; }
.animNode .ind5_liBlock:nth-child(8) { -webkit-transform: translate(0,40px); opacity: 0; -webkit-transition: all 0.6s ease 1s; }
.animPlay .ind5_liBlock:nth-child(8) { -webkit-transform: translate(0,0px); opacity: 1; }
iframe.fo_iframe { position: relative; width: 100%; height: 100%; overflow: hidden; border: 0px; }
.ind5_liIn { position: relative; width: 100%; background: #f4f4f2; }
.vid_close { position: absolute; bottom: 11%; right: 20px; z-index: 99; color: #fff; width: 50px; padding: 5px 10px; text-align: center; display: none; }
.vid_close.cur { display: block; }
.vid_close:after { position: absolute; top: 0px; left: 0px; content: ""; display: block; width: 0%; height: 0%; border-top: 1px solid #cd927a; border-right: 1px solid #cd927a; display: none; }
.vid_close:before { position: absolute; bottom: -1px; right: 0px; content: ""; display: block; width: 0%; height: 0%; border-bottom: 1px solid #cd927a; border-left: 1px solid #cd927a; display: none; }

@-webkit-keyframes anim21 {
    0% { width: 0%; height: 0%; }
    60% { width: 100%; height: 0%; }
    100% { width: 100%; height: 100%; }
}

.vid_close:hover:after, .vid_close:hover:before { -webkit-animation: anim21 0.6s ease-in-out forwards; display: block; }
/* pages */
.pagination { width: 100%; height: 30px; text-align: center; }
.pagination span { display: inline-block; height: 30px; line-height: 30px; padding: 0 15px; margin: 0 3px; font-size: 16px; background-color: #eee; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; }
.pagination a { display: inline-block; height: 30px; line-height: 30px; padding: 0 15px; margin: 0 3px; font-size: 16px; background-color: #eee; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; }
.pagination a.page_current, .pagination a:hover { color: #FFF; background-color: #cd927a; }
.wx_code { text-align: center; }
.wx_code img { width: 150px; }
.BuInner_content { position: relative; width: 100%; padding: 50px 0; }
.BuInner_contentBlodck { position: relative; width: 31.3%; float: left; margin: 5px 1%; }
.BuInner_contentBlodck img { width: 100%; }
.incontent_aLocation { color: #040000; font-size: 16px; }
.incontent_aLocation:hover { color: #1ab7ea; }
.aboutUs_position { position: absolute; top: 80px; left: 0px; }
.swiper-container { width: 100%; height: auto; padding-bottom: 20px; }
.swiper-slide { width: auto; position: relative; }
.red-slide { width: 398px; height: auto; float: left; }
.red-slide p img { width: 90%; }
.swiper-scrollbar { width: 100%; height: 4px; position: absolute; left: 0; bottom: 5px; z-index: 1; }
.point-on { width: 80px; height: 55px; position: absolute; top: 50%; left: 0; margin-top: -22.5px; z-index: 99; }
/*业务内页提示左滑箭头*/
@-webkit-keyframes slideRight {
    0% { -webkit-transform: translate(0,0px); }
    50% { -webkit-transform: translate(-20px,0px); }
    100% { -webkit-transform: translate(0,0); }
}

.lpoint { -webkit-animation: slideRight 1s ease-in-out infinite; -moz-animation: slideRight 1s ease-in-out infinite; -o-animation: slideRight 1s ease-in-out infinite; -ms-anmation: slideRight 1s ease-in-out infinte; }
.inner_wechat ..swiper-container { overflow: visible; }

@-webkit-keyframes R_01 {
    0% { -webkit-transform: translate(-40px,0px); opacity: 0; }
    100% { -webkit-transform: translate(0,0); opacity: 1; }
}

.he_logo { -webkit-animation: R_01 0.6s ease-in-out backwards; }

@-webkit-keyframes L_01 {
    0% { -webkit-transform: translate(40px,0px); opacity: 0; }
    100% { -webkit-transform: translate(0,0); opacity: 1; }
}

.he_ulBlock { -webkit-animation: L_01 0.6s ease-in-out 0.2s backwards; }
.he_wx { -webkit-animation: L_01 0.6s ease-in-out 0.3s backwards; }
.he_wb { -webkit-animation: L_01 0.6s ease-in-out 0.4s backwards; }
.buI_block .swiper-container { height: 100%; }
a.ind8_li:hover { background: #fff; }

@-webkit-keyframes T_01 {
    0% { -webkit-transform: translate(0px,40px); opacity: 0; }
    100% { -webkit-transform: translate(0,0); opacity: 1; }
}

@-webkit-keyframes T_02 {
    0% { -webkit-transform: translate(0px,20px); opacity: 0; }
    100% { -webkit-transform: translate(0,0); opacity: 1; }
}

.we_title, .bu_imgTitle, .In_title, .bu_imgTitle { -webkit-animation: T_01 0.6s ease-in-out 0.2s backwards; }
.we1_title, .bu_title, .pr_title, .In_leftBlock, .ca_title, .caIn_title, .neIn_title, .ab_leftBlock { -webkit-animation: T_01 0.6s ease-in-out 0.3s backwards; }
.we1_text, .bu_text, .pr_ulBlock, .In_rightBlock, .caIn_text, .neIn_leftBlock, .ab_rightBlock { -webkit-animation: T_01 0.6s ease-in-out 0.4s backwards; }
.bu_teConten, .wx_ulBlock, .ro_content, .buUl_liText, .or_titleImg, .sc_InnBlock, .caIn_aBlock, .neIn_rightBlock { -webkit-animation: T_01 0.6s ease-in-out 0.5s backwards; }
.caIn_ulImg, .ne_ulBlock { -webkit-animation: T_01 0.6s ease-in-out 0.6s backwards; }
.we1_ul, .bu_aBlock { -webkit-animation: L_01 0.6s ease-in-out 0.3s backwards; }
.bu_ul { -webkit-animation: R_01 0.6s ease-in-out 0.3s backwards; }
.animNode01 { -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.animNode01 { opacity: 0; top: 100px; }
.anPlay01 { opacity: 1; top: 0px; }
.swiper-container { height: 100%; }
.indImg_img { position: relative; width: 100%; height: 100%; }
.indUl_liBlock.indUl_li3 .ind1_ul { height: 668px; top: -110px; }
.indUl_liBlock.indUl_li3 .ind1_liImg { height: 518px; }
.indUl_liBlock.indUl_li3 .ind1_li { width: 317px; }
.max_1440 a.ind5_liBlock { width: 29.33%; margin-right: 3%; }
.max_1440 a.ind8_li { margin-right: 10px; }
.he_wxImg { position: absolute; top: 60px; left: -26px; width: 100px; border: 1px solid #eee; padding: 5px; background: #fff; height: 100px; display: none; -webkit-animation: T_02 0.4s ease-in-out backwards; }
.fo_content .he_wxImg { display: block; top: 0px; left: -10px; }
.coUs_wx:hover .he_wxImg, .he_wx:hover .he_wxImg { display: block; }
.he_phone { display: none; }
.swiper-containerImg { background: #fff; }
.swiper-containerImg .img_block { -webkit-transform: scale(0.9); }
.swiper-containerImg .swiper-slide-active .img_block { -webkit-transform: scale(1); }
.ind1_null { position: relative; width: 430px; display: block; min-height: 100px; }
.ind1_titleBlock.ind3_title { position: absolute; bottom: 20px; left: 6%; }
.coUs_tLi { color: #fff; }
.ind2_img { position: relative; width: 100%; }
.tr2_te { line-height: 22px; }
.abBg_img { background: url(/Content/images/b_1.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(/Content/images/b_1.jpg,sizingMethod='scale'); t .aspx; }
.he_aBl { position: absolute; top: 75px; left: -260px; padding-left: 310px; background: #1b1a1a; width: 310px; border-top: 2px solid #cd927a; overflow: hidden; display: none; -webkit-animation: T_02 0.4s ease-in-out backwards; }
.he_li:hover .he_aBl { display: block; }
.he_aUl { position: relative; width: 100%; }
.he_img { position: absolute; left: 0px; width: 310px; height: 100%; }
.he_i1 { background: url(/content/images/1.png) no-repeat center; background-size: cover; }
.he_i2 { background: url(/content/images/2.png) no-repeat center; background-size: cover; }
.he_i3 { background: url(/content/images/3.png) no-repeat center; background-size: cover; }
.he_i4 { background: url(/content/images/4.png) no-repeat center; background-size: cover; }
.he_i5 { background: url(/content/images/5.png) no-repeat center; background-size: cover; }
a.he_aLi { position: relative; width: 155px; float: left; padding: 15px 0; font-size: 14px; text-align: center; color: #d2d2d2; }
.he_aUl:after { content: ""; display: block; clear: both; }
.he_aTe { position: relative; z-index: 99; }
.he_aBg { position: absolute; top: 0px; left: 0px; width: 0px; background: #cd927a; height: 100%; }
a.he_aLi:hover .he_aBg { width: 100%; }
a.he_aLi:hover { /*background: #faab02;*/ color: #fff; }
.he_tiBl { position: absolute; left: 0px; top: 50%; width: 100%; text-align: center; margin-top: -18px; font-size: 22px; color: #fff; letter-spacing: 4px; line-height: 36px; height: 36px; display: none; }
.he_li:hover .he_a, .he_li.cur .he_a { color: #cd927a; }
.he_aBl2 { width: 155px; left: -338px; }
.he_aBl.he_aBl3 { width: 465px; left: -508px; }
div#ascrail2000 { background: #fff; }
.we_ul a.bu_li { margin-right: 25px; }
.we_ul { min-width: 910px; }

@-webkit-keyframes fIn {
    0% { opacity: 0.5; }
    100% { opacity: 1; }
}

body { -webkit-animation: fIn 0.6s ease-in-out backwards; }
.he_play { position: relative; width: 50px; height: 62px; background: url(/content/images/pl.png) no-repeat center; background-size: 22px; float: left; cursor: pointer; margin-right: -10px; margin-left: 5px; }
.he_plBl { position: absolute; right: 0px; top: 60px; display: none; -webkit-animation: T_02 0.4s ease-in-out backwards; }
.he_plTe { height: 30px; border: 1px solid #ccc; width: 180px; padding-left: 12px; outline: none; }
.he_play:hover .he_plBl { display: block; }
.he_play { -webkit-animation: L_01 0.6s ease-in-out 0.6s backwards; }
.he_play:hover { background: url(/content/images/pl2.png) no-repeat center; background-size: 22px; }
.pr_aBlock:after { content: ""; display: block; clear: both; }
.brand-list { columns: 304px 5; -webkit-columns: 304px 5; -moz-columns: 304px 5; }
.brand-list a.sc_aBlock { float: initial; height: 100%; overflow: auto; width: initial; min-width: initial; }

.res_banner { position: relative; width: 100%; background: #333333; color: #fff; }

.com_InnContent { position: relative; width: 88%; margin: auto; height: 100%; }

.res_title { font-size: 22px; position: relative; top: 50%; transform: translate(0px, -50%); }

.res_title h2 { font-size: 40px; margin-bottom: 12px; }

a.res_button { width: 135px; height: 30px; background: #ff4141; color: #fff; font-size: 16px; display: block; text-align: center; line-height: 30px; border-radius: 200px; margin-top: 45px; }

.res_ico { position: absolute; left: 60%; width: 250px; height: 200px; background: #cd927a; bottom: 0; display: none; }

.res_ico:after { content: ""; display: block; position: absolute; right: 0; width: 65%; height: 45px; bottom: 100%; background: #cd927a; }

.res_contentBlock { background: #f1f1f1; padding: 60px 0 80px; }

h3.res_ti { font-size: 24px; color: #cd927a; margin-bottom: 50px; }

.res_ul:after { content: ""; display: block; clear: both; }

.res_li { float: left; font-size: 18px; padding: 10px 50px; border-radius: 30px 30px 0 0; cursor: pointer; }

.res_li.active { background: #fff; }

.res_table { border: 1px solid #ccc; position: relative; }

.res_table table { width: 100%; }

.res_ulBl { background: #fff; position: relative; padding: 50px; }

.res_table .th:after, .res_table .tr:after { content: ""; display: block; clear: both; }

.res_table .td { float: left; padding: 15px 0; width: 7%; overflow: hidden; text-align: center; word-break: break-all; }

.res_table .tr { border-top: 1px solid #ccc; cursor: pointer; }
.res_table .tr.active { background: #cd927a !important; color: #fff; }
.res_table .tr.active a { color: #fff; }

.res_table .th .td { text-align: center; white-space: nowrap; }

.res_table .th { background: #eee; }

.res_table .td:nth-child(4) { width: 28%; text-align: left; margin: 0 1%; }

.res_table .td:nth-child(8) { width: 17%; text-align: left; margin-left: 1%; }

.res_table .td:nth-child(3) { width: 10%; }

.res_table .td:nth-child(6) { width: 9%; }

.res_table .td:nth-child(7) { width: 12%; }

.res_table .th .td:nth-child(4), .res_table .th .td:nth-child(8) { text-align: center; }

.res_wr { position: absolute; left: 7%; height: 100%; border-right: 1px solid #ccc; }

.res_wr.w2 { left: 14%; }

.res_wr.w3 { left: 24%; }

.res_wr.w4 { left: 54%; }

.res_wr.w5 { left: 61%; }

.res_wr.w6 { left: 70%; }

.res_wr.w7 { left: 82%; }

.export { position: fixed; bottom: 50px; right: 50px; background: #cd927a; color: #fff; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; z-index: 99; }
.res_liBl { position: relative; clear: both; }

.set_block { position: relative; margin-bottom: 30px; padding: 3% 5%; background: #f9f9f9; border-radius: 10px; padding-left: 16%; }

.set_ti { font-size: 20px; position: relative; margin-bottom: 20px; }

.set_num { position: absolute; right: 0; top: 0; font-size: 22px; }

.set_m { position: absolute; left: 4%; font-size: 60px; top: 50%; transform: translate(0px, -50%); }

.set_textBlock p { line-height: 2em; }

.set_textBlock { font-size: 16px; }

.set_ti .set_text { font-size: 20px; }

.he_img.he_i31 { background: url(/content/images/31.jpg) no-repeat center; background-size: cover; }

.res_img img { width: 100%; }

.res_img { position: relative; width: 100%; overflow: hidden; }

.res_baTitle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 90; }

.res_block { position: relative; width: 400px; border: 1px solid #ccc; margin: auto; margin-bottom: 50px; float: right; border-radius: 200px; overflow: hidden; }

.res_se { position: absolute; right: 0; top: 0; padding: 14px 20px; border-left: 1px solid #ccc; cursor: pointer; transition: all 0.3s; }

.res_block input { padding: 15px 20px; border: 0px; width: 288px; font-size: 14px; outline: none; }

.res_se:hover { background: #cd927a; color: #fff; }

.res_all { padding: 13px 28px; border: 1px solid #ccc; transition: all 0.3s; float: left; cursor: pointer; border-radius: 200px; }

.res_all:hover, .res_all.active { background: #cd927a; color: #fff; }
