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: 'Microsoft Yahei',Arial,Simsun; font-size: 14px; min-width: 1024px; overflow-x: hidden; 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()) }
.clear { display: block; clear: both }
img { margin-bottom: -4px }
p { line-height: 26px; text-align: justify; text-justify: inter-ideograph }
a:hover { color: #142e7c }
.desUl_textBlock, .desUl_block .desUl_img img, .desUl_block, .navIcon_block .wire, .ul_liBlock, .ind4_block, .footer_iconLi, .navUl_aBlock .wire, .navUl_aBlock, .sp_tr img, .sp_tr a, .news_liBlock, .news_img img, .news_moreBlock, .comm_img, .comm_li, .po_liBlock, .un_contentBlock a, .po_liBlock, .ceLe_navLi, .par_liBlock, .par_liBlock, .ser_liBlock, .ser_img img, .ceNav_img, .ceRi_liBlock, .co1_content, .co2_contentBlock, .me_liBlock, .desUl_text, .desUl_showText, .onNe_block, .masonry-brick, .onSw_block, .floor_liBlock, .floor_textBlock, .vis_submit, .sp_icon, .ind1_bg, .ind3_textContent, .ind3_li, .ev_rightTd, .evNav_block, .he_a, .he_a:after { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.header_navUl, .header_navContent, .ceLe_wire { -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 }
.desUl_block:hover .desUl_img img, .sp_tr a:hover img, .news_liBlock:hover .news_img img, .po_liBlock:hover, .ser_liBlock:hover .ser_img img, .ind1_left:hover .ind1_bg, .ind1_right:hover .ind1_bg, .ind2_left:hover .ind1_bg, .ind2_right:hover .ind1_bg, .ind3_block:hover .ind1_bg { -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 { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5) }
.king { -webkit-transform-origin: right; -ms-transform-origin: right; -moz-transform-origin: right; -o-transform-origin: right; transform-origin: right }
.ul_liBlock:hover, .ind3_li: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) }
.ind4_block:hover, .sp_tr a:hover, .news_liBlock:hover, .un_contentBlock a:hover, .par_liBlock:hover, .ser_liBlock:hover, .ceNav_img:hover, .ceRi_liBlock:hover, .co1_content:hover, .co2_contentBlock:hover, .me_liBlock:hover, .masonry-brick:hover, .onSw_block: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 5px 0px #ccc }
.par_liBlock:after, .me_liBlock: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 }
.par_liBlock:hover:after, .me_liBlock:hover:after { width: 150px; left: 600px; -webkit-transition: 1.2s; transition: 1.2s }
.king:hover:after { width: 150px; left: 1000px; -webkit-transition: 1.2s; transition: 1.2s }
.active_ink a:hover .ac_img img { width: 120% }
.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 }

@-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) }
    50% { -webkit-transform: translate(0,-10px) }
    100% { -webkit-transform: translate(0,0) }
}

@-ms-keyframes anim1 {
    0% { -ms-transform: translate(0,0px) }
    50% { -ms-transform: translate(0,-10px) }
    100% { -ms-transform: translate(0,0) }
}

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

@-moz-keyframes anim1 {
    0% { -moz-transform: translate(0,0px) }
    50% { -moz-transform: translate(0,-10px) }
    100% { -moz-transform: translate(0,0) }
}

@-o-keyframes anim1 {
    0% { -o-transform: translate(0,0px) }
    50% { -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) }
}

.button_top, .floor_li:hover .floor_liBlock { -webkit-animation: anim1 1s linear infinite; -ms-animation: anim1 1s linear infinite; animation: anim1 1s linear infinite; -moz-animation: anim1 1s linear infinite; -o-animation: anim1 1s linear infinite }
.big_imgBg, .ind3_liBlock img, .abInn_img { width: 100%; -webkit-animation: animScale 20s linear infinite; animation: animScale 20s linear infinite; -ms-animation: animScale 20s linear infinite; -moz-animation: animScale 20s linear infinite; -o-animation: animScale 20s 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 }
.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 }

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

.logo:after { -webkit-animation: anim09 5s ease-in-out infinite }
.big_content { position: relative; width: 100%; height: 408px; overflow: hidden }
.big_imgBg { position: relative; width: 100%; height: 100% }
.navUl_content { position: relative; width: 100%; border-bottom: 1px solid #eeeeee; z-index: 99 }
.navUl_contentBlock { position: relative; width: 1200px; margin: auto }
.desUl_content { position: relative; width: 101% }
.onLi_wireBlock { position: relative; width: 100%; height: 20px; background: #fff }
.navUl_ulBlock { position: relative; width: 100%; margin: auto; text-align: center }
.navUl_aBlock { position: relative; display: inline-block; line-height: 30px; height: 30px; padding: 19px 25px; color: #666 }
.des_content { position: relative; width: 100%; background: #efefef; min-height: 500px }
.des_content.color2 { background: #d9d9d9 }
.des_content.color3 { background: #fff }
.des_content.color3 .des_contentBlock { background: #eeeeee }
.des_contentBlock { position: relative; width: 1200px; margin: auto; padding-bottom: 100px }
.des_title { position: relative; width: 200px; margin: auto; padding: 50px 0; text-align: center; font-size: 28px; color: #494949 }
.des_worksT { position: relative; width: 100%; padding: 50px 0; text-align: center }
.des_worksT h2 { color: #515151; font-size: 28px }
.des_worksT p { text-align: center; color: #142e7c; margin-top: 20px; font-size: 20px }
.des_worksT em { display: block; margin: 0 auto; width: 30px; height: 2px; background: #142e7c; margin-top: 10px }
.footer_content { position: relative; width: 100% }
.desUl_block { position: relative; width: 100%; float: left; margin-right: 10px; overflow: hidden; min-height: 211px; display: block }
.desUl_img { position: relative; width: 100% }
.desUl_img img { width: 100% }
.desUl_textBlock { position: absolute; width: 100%; overflow: hidden; left: 0px; bottom: -1px; z-index: 99; background: #fff }
.desUl_textContent { position: relative; width: 100% }
.desUl_name { position: relative; width: 100%; padding: 21px 0; line-height: 24px; color: #333; text-align: center; border-bottom: 1px solid #ccb407 }
.desUl_text { position: relative; width: 314px; margin: auto; line-height: 24px; color: #333; text-align: justify; height: 0px; overflow: hidden; padding: 0px }
.desUl_block:hover .desUl_textBlock { background: #ffe109; bottom: -1px }
.header_content { position: fixed; top: 20px; left: 50%; z-index: 999; margin-left: -600px; width: 1200px }
.com_content { position: relative; width: 96%; margin: auto }
.bigImg_content { position: relative; width: 100%; height: 100% }
.bigImg_ulBlock { position: relative; width: 100%; margin: auto; min-width: 1024px; height: 100% }
.big_bg { 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 }
.big_img { -webkit-animation: animScale 12s linear infinite; animation: animScale 12s linear infinite; -ms-animation: animScale 12s linear infinite; -moz-animation: animScale 12s linear infinite; -o-animation: animScale 12s linear infinite }
.big_img { -webkit-animation: animScale 12s linear infinite; animation: animScale 12s linear infinite; -ms-animation: animScale 12s linear infinite; -moz-animation: animScale 12s linear infinite; -o-animation: animScale 12s linear infinite }
.big_imgBlock { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8; display: none }

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

.big_imgBlock.current { -webkit-animation: btssize 3s linear forwards }
.big_image { position: absolute; right: 50%; margin-right: -550px; bottom: 0px; z-index: 99; height: 461px }
.ul_ulBlock { position: absolute; top: 40%; right: 2%; z-index: 999 }
.button_top { position: absolute; right: 50%; margin-right: -600px; bottom: 30px; z-index: 99; display: none; }
.navIcon_block { position: absolute; z-index: 99; top: 55%; left: 5% }
.navIcon_block a { display: block; margin-bottom: 15px; color: #606060; font-size: 16px; position: relative; cursor: pointer }
.navIcon_block a.current { color: #142e7c }
.navIcon_block a .wire { position: absolute; top: 10px; left: -214px; width: 0px; height: 2px; background: #f3d900 }
.navIcon_block a.current .wire, .navIcon_block a:hover .wire { width: 200px }
.ul_liBlock { display: block; position: relative; cursor: pointer; width: 94px; height: 94px }
.header_logo { position: absolute; display: block; width: 110px; height: 110px; overflow: hidden; z-index: 99; top: 4px; left: 0px; border-radius: 200px }
.header_inputButton { position: absolute; top: 66px; right: 50%; width: 168px; height: 26px; background: url(../images/b_1.png) no-repeat center; z-index: 999; margin-right: -590px }
.header_icon { position: absolute; right: 0px; top: 0px; width: 36px; height: 28px; background: url(../images/b_2.png) no-repeat center; cursor: pointer; z-index: 99 }
.header_inputText { position: relative; line-height: 27px; padding-left: 20px; border: 0px; outline: none; height: 26px; width: 120px; background: url(../images/null.png); color: #666 }
.header_navContent { position: absolute; width: 110px; height: 82px; left: -8px; top: 4px; overflow: hidden; padding: 14px 0; z-index: 99 }
.header_navContent.he_cur:hover { height: 450px; }
.header_navContent.active { width: 1210px }
.header_navUl { position: absolute; width: 0px; background: url(../images/a_7.png) no-repeat left; height: 82px; top: 14px; left: 15px; border-radius: 200px; }
.header_navContent.active .header_navUl { width: 1190px }
.header_aBlock { position: relative; display: block; padding: 0px 20px; height: 82px; line-height: 82px; color: #666; float: left }
.header_ulBlock { position: relative; padding-left: 128px; width: 1062px }
.header_navContent:hover .header_navUl { width: 1190px }
.header_navContent:hover { width: 1210px }
.ind1_block { position: relative; width: 100%; margin-top: 1%; display: block }
.ind1_left { position: relative; width: 61.6%; float: left; overflow: hidden; display: block }
.ind1_right { position: relative; width: 37.4%; float: right; overflow: hidden; display: block }
.ind2_left { position: relative; width: 37.5%; float: left; overflow: hidden; display: block }
.ind2_right { position: relative; width: 61.5%; float: right; overflow: hidden; display: block }
.ind1_bg { position: relative; width: 100% }
.ind1_bg img { width: 100% }
.ind1_titleBlock { position: absolute; bottom: 30px; left: 80px; z-index: 88; color: #fff; font-size: 30px }
.ind3_textB { position: relative; width: 100%; text-align: justify; line-height: 30px; font-size: 16px; color: #333; margin-top: 30px; max-width: 1000px }
.ind3_title { font-size: 30px; color: #333 }
.ind1_icon { position: absolute; left: -30px; top: 0px }
.ind1_bg img { margin-bottom: -4px }
.ind3_content { position: relative; width: 100% }
.ind3_titleBlock { position: relative; width: 100%; padding: 40px 0; font-size: 32px; text-align: center; background: #e5e5e5; color: #333 }
.ind3_titleBlock span { font-size: 24px; margin-left: 20px }
.ind3_contentBlock { position: relative; width: 100%; background: #182d79 }
.ind3_navBlock { position: absolute; width: 47%; height: 100%; top: 0px; left: 0px; overflow: hidden }
.ind3_showBlock { position: relative; float: right; width: 52%; overflow: hidden }
.ind3_ulBlock { position: relative; width: 2000% }
.ind3_liBlock { position: relative; float: left; width: 5%; overflow: hidden; display: block }
.ind3_liBlock img { width: 100%; margin-bottom: -6px }
.ind3_bg { position: absolute; left: 0px; top: 0px; height: 100% }
.ind3_bg img { height: 100% }
.ind3_ul { position: absolute; right: 20%; width: 25%; top: 20% }
.ind3_li { position: relative; width: 100%; margin-bottom: 100%; display: block }
.ind3_li img { width: 100%; display: block }
.ind3_text { position: absolute; top: 0%; left: -3px; width: 167px; height: 168px; display: table; text-align: center; margin-top: 0px; font-size: 20px; color: #333; line-height: 40px }
.ind3_text p { display: table-cell; width: 127px; height: 168px; vertical-align: middle; padding: 0px 20px; text-align: center }
.ind3_leftButton { position: absolute; bottom: 25%; right: 3%; width: 36px; height: 40px; background: url(../images/m-prev.png) no-repeat center; margin-right: 38px; z-index: 99; cursor: pointer }
.ind3_rightButton { position: absolute; bottom: 8%; right: 3%; width: 36px; height: 40px; background: url(../images/m-next.png) no-repeat center; z-index: 99; cursor: pointer }
.ind4_titleBlock { position: relative; width: 100%; padding: 40px 0; font-size: 32px; text-align: center; background: #fff; color: #333 }
.ind4_titleBlock span { font-size: 24px; margin-left: 20px }
.ind4_content { position: relative; width: 100%; height: 415px }
.ind4_contentBlock { position: absolute; left: 50%; width: 1255px; top: 0px; margin-left: -627px; padding-bottom: 50px }
.ind4_block { position: relative; float: left; width: 240px; margin-right: 14px; display: block }
.ind4_nameBlock { position: relative; width: 100%; background: #e5e5e5; padding: 20px 0; text-align: center; font-size: 16px; min-height: 44px }
.ind4_nameCh { color: #666 }
.ind4_nameEn { font-size: 14px; padding: 2px 0; color: #666 }
.ind4_ulBlock { position: relative; width: 2000px }
.ind4_contentBlock .swiper-scrollbar { width: 100%; height: 1px; position: absolute; left: 0; bottom: -30px; z-index: 1 }
.ind4_contentBlock .swiper-scrollbar-cursor-drag { cursor: pointer }
.ind4_contentBlock .swiper-container { }
.onSw_content .swiper-scrollbar { width: 100%; height: 1px; position: absolute; left: 0; bottom: 10px; z-index: 1; background: #ccc }
.onSw_content .swiper-container { overflow: visible }
.swiper-scrollbar-drag { height: 3px; margin-top: -1px; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px }
.ind4_block:hover { box-shadow: 0px 0px 5px 0px #ccc }
.ind4_img { position: relative; width: 100%; height: 236px; overflow: hidden }
.footer_content { position: relative; width: 100%; background: #444848; padding: 40px 0; overflow: hidden }
.footer_contentBlock { position: relative; width: 1200px; margin: auto }
.footer_phone { position: relative; width: 100%; color: #777979 }
.footer_phoneBlock { position: relative; float: left }
.footer_num { position: relative; float: left; border-left: 1px solid #777979; margin-left: 14px; padding-left: 15px; font-size: 52px; line-height: 44px; height: 44px; margin-top: 6px; font-weight: bold }
.footer_ch { font-size: 28px; letter-spacing: 2px }
.footer_ulContent { position: relative; margin-top: 40px; width: 100% }
.footer_ulBlock { position: relative; float: left; width: 100% }
.footer_liBlock { position: relative; float: left; padding-right: 17px; margin-right: 17px; height: 300px; border-right: 1px solid #5e6262; }
.footer_title { font-size: 15px; color: #fff }
.footer_ul { position: relative; padding-top: 10px }
.footer_a { position: relative; color: #b2b3b3; display: block; padding: 8px 0; font-size: 13px }
.footer_rightBlock { position: absolute; right: 0px; top: 0px; width: 226px; text-align: justify; line-height: 26px; color: #fff }
.footer_rightBlock div { text-align: justify; line-height: 26px; color: #fff; font-size: 14px }
.footer_phoneText { position: relative; padding-top: 20px }
.footer_share { position: relative; margin-top: 20px; width: 100%; border-top: 1px solid #ccc; padding-top: 10px }
.footer_iconLi { position: relative; width: 48px; height: 48px; float: left; cursor: pointer }
.footer_iconLi.icon1 { background: url(../images/a1_6.png) no-repeat center }
.footer_iconLi.icon1:hover { background: url(../images/a1_61.png) no-repeat center }
.footer_iconLi a { display: block; width: 100%; height: 100% }
.footer_iconLi.icon2 { background: url(../images/a1_7.png) no-repeat center }
.footer_iconLi.icon2:hover { background: url(../images/a1_71.png) no-repeat center }
.footer_iconLi.icon3 { background: url(../images/a1_8.png) no-repeat center }
.footer_iconLi.icon3:hover { background: url(../images/a1_81.png) no-repeat center }
.footer_iconLi.icon4 { background: url(../images/a1_9.png) no-repeat center }
.footer_iconLi.icon4:hover { background: url(../images/a1_91.png) no-repeat center }
.footer_iconLi.icon5 { background: url(../images/a1_10.png) no-repeat center }
.footer_iconLi.icon5:hover { background: url(../images/a1_101.png) no-repeat center }
.footer_iconUl { position: relative; width: 115%; margin-left: -8px }
.foot_content { position: relative; width: 100%; background: #2f3232; height: 50px; font-size: 12px }
.foot_contentBlock { position: relative; width: 1200px; margin: auto }
.foot_text { position: absolute; left: 0px; top: 14px; color: #b2b2b2; line-height: 22px }
.foot_rightBlock { position: relative; float: right; color: #b2b2b2; padding-top: 12px; line-height: 22px }
.foot_rightBlock a, .foot_rightBlock span { color: #b2b2b2; margin: 0px 10px }
.foot_select { border: 1px solid #ccc; background: url(../images/null.png); font-size: 12px; outline: none; height: 22px; color: #b2b2b2; width: 98px; margin-left: 10px; padding-left: 10px }
.f-logo { width: 100%; text-align: center; margin-bottom: 5px }
.f-logo img { display: block }
.footer_iconLi .weCat_img { position: absolute; left: -54px; top: -175px; background: #444848; width: 226px; z-index: 99; display: none }
.weCat_img img { display: block; margin: 0 auto }
.footer_iconLi.icon2:hover .weCat_img { display: block }
.Scroll_top { position: fixed; right: 15px; bottom: 30%; width: 50px; margin-bottom: -25px; z-index: 999; display: none; cursor: pointer }
.Scroll_top img { width: 100% }
.ind3_liUl { position: relative; width: 100% }
.pro_content { position: absolute; width: 1010px; margin: auto; top: 90px; left: 50%; margin-left: -505px; z-index: 99 }
.pro_img { position: relative; width: 97px; margin: auto; border: 3px solid #142e7c; border-radius: 200px; overflow: hidden }
.pro_name { position: relative; width: 400px; margin: auto; text-align: center; padding-top: 10px }
.pro_nameCh { font-size: 18px }
.pro_numBlock { position: relative; padding-top: 30px; width: 200px; margin: auto }
.pro_attention { position: relative; float: left; padding-left: 22px; height: 22px; line-height: 22px; background: url(../images/a2_6.png) no-repeat left }
.pro_like { position: relative; float: right; padding-left: 22px; height: 22px; line-height: 22px; background: url(../images/a2_7.png) no-repeat left }
.pro_text { position: relative; padding-top: 15px; width: 100%; text-align: justify; height: 95px }
.pro_title { position: relative; padding: 20px 0px 30px 0; width: 120px; margin: auto; text-align: center }
.pro_num { color: #082da5; font-size: 26px }
.pro_titleText { font-size: 16px; color: #333 }
.ProIn_img { position: relative; width: 100%; height: 140px }
.proIn_content { position: relative; width: 1200px; margin: auto }
.proIn_nameContent { position: relative; width: 100%; padding: 30px 0 }
.proIn_nameImg { position: relative; width: 85px; border: 2px solid #142e7c; border-radius: 200px; float: left; overflow: hidden }
.proIn_nameImg img { width: 100% }
.proIn_nameBlock { position: absolute; left: 110px; top: 56px; background: #fff; z-index: 99; padding-right: 20px }
.proIn_nameEn { color: #666 }
.proIn_nameCh { font-size: 18px }
.des_content.color1 { background: #fff }
.proIn_wire { position: absolute; right: 0px; top: 91px; width: 80%; height: 1px; background: #ccc }
.proIn_contentBlock { position: relative; width: 100%; background: #f6f6f6; padding-top: 78px }
.proIn_InnerBlock { position: relative; width: 790px; margin: auto }
.proIn_image { position: relative; width: 100% }
.proIn_image img { width: 100% }
.proIn_textTitle { padding-top: 15px; font-size: 16px }
.proIn_textText { position: relative; padding-top: 15px; line-height: 24px; text-align: justify; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px }
.proIn_shareLi { position: relative; float: left; margin-right: 30px; padding-left: 20px; height: 22px; line-height: 22px }
.proIn_shareLi.icon1 { background: url(../images/a2_61.png) no-repeat left }
.proIn_shareLi.icon2 { background: url(../images/a2_6.png) no-repeat left }
.proIn_shareLi.icon3 { background: url(../images/a2_7.png) no-repeat left }
.proIn_shareLi.icon4 { background: url(../images/a2_62.png) no-repeat left }
.proIn_textareaBlock { position: relative; margin-top: 20px; width: 100% }
.proin_icon { position: absolute; top: -17px; left: 20px; z-index: 99 }
textarea.proIn_textarea { position: relative; width: 97%; height: 66px; padding: 10px 1.5%; border: 1px solid #dcdcdc; background: #f6f6f6; outline: none; color: #666; line-height: 24px }
.proIn_button { position: relative; float: right; padding: 4px 20px; background: #2c4d90; color: #fff; margin-top: 15px }
.proIn2_block { margin-top: 20px; position: relative; width: 100% }
.proIn2_title { font-size: 16px }
.proIn2_text { position: relative; line-height: 24px; padding: 15px 0px; border-top: 1px solid #ccc; margin-top: 10px; text-align: justify }
.proIn2_text_last { position: relative; line-height: 24px; padding: 15px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 10px; text-align: justify }
.proIn2_time { position: absolute; right: 0px; bottom: 10px }
.proIn3_block { position: relative; width: 100%; padding: 20px 0px 60px 0px; background: #eeeeee; margin-top: 20px }
.proIn3_InnerBlock { position: relative; width: 790px; margin: auto }
.proIn3_title { font-size: 16px }
.proIn3_ulBlock { position: relative; margin-top: 20px; width: 104% }
.proIn3_liBlock { position: relative; width: 256px; float: left; margin-right: 11px; margin-bottom: 11px }
.aboutUs_ulBlock .navUl_aBlock { padding: 19px 25px }
.navUl_aBlock.cur, .navUl_aBlock:hover { color: #192d7b }
.navUl_aBlock .wire { position: relative; width: 0%; height: 2px; background: #192d7b; margin: auto; margin-top: 17px }
.navUl_aBlock.cur .wire, .navUl_aBlock:hover .wire { width: 100% }
.comIn_content { position: relative; width: 100%; min-height: 500px }
.ab_content { position: relative; width: 100%; background: #f8f8f8; min-height: 240px; padding: 60px 0 }
.ab_contentBlock { position: relative; width: 1200px; margin: auto }
.ab_textBlock { position: relative; width: 565px }
.ab_title { font-size: 28px; color: #333333 }
.ab_text1 { position: relative; padding: 10px 0; width: 55% }
.ab_text { position: relative; padding-top: 30px; width: 100%; text-align: justify; line-height: 26px }
.ab_img { position: absolute; right: 0px; top: 0px; height: 240px; width: 485px }
.ab_img img { width: 100% }
.ab2_content { position: relative; width: 100%; padding: 40px 0px 40px 0px }
.ab2_contentBlock { position: relative; width: 1200px; margin: auto }
.ab3_content { position: relative; width: 100%; padding-bottom: 50px }
.ab3_img { position: static; left: 50%; top: 0px; margin-left: 0px; width: 46%; z-index: 99; float: left }
.ab3_img p { display: block; float: right; width: 521px; overflow: hidden }
.ab3_img img { width: 100%; height: 753px; display: block; }
.ab3_textContent { position: relative; float: right; width: 54%; background: #dde7f0 }
.ab3_textBlock { padding: 40px 0px 40px 80px; width: 548px; min-height: 380px }
.ab_text p { margin-bottom: 10px }
.ab4_content { position: relative; width: 100%; padding-bottom: 86px }
.ab4_textContent { width: 46%; position: relative; background: #f8f8f8 }
.ab4_textBlock { position: relative; float: right; width: 425px; padding: 60px 105px 60px 0; min-height: 320px }
.ab4_imgBlock { position: absolute; width: 54%; top: 0px; right: 0px }
.ab4_img { position: relative; float: left; width: 790px }
.ab4_img img { width: 100%; display: block; height: 493px }
.comIn_content.bgImg2 { background: url(../images/a4_1.jpg) }
.ev_content { position: relative; width: 760px; margin: auto; padding: 60px 0 100px 0 }
.ev_timeImg { position: absolute; top: 0px; left: 50%; margin-left: -27px; z-index: 99 }
.ev_bottomImg { position: absolute; bottom: 50px; left: 50%; margin-left: -21px; z-index: 99 }
.ev_wire { position: absolute; left: 50%; width: 2px; background: #ccc; margin-left: -1px; top: 0px; height: 100% }
.ev_contentBlock { position: relative; width: 100%; z-index: 88; padding-top: 60px }
.ev_tr { position: relative; width: 100% }
.ev_rightTd { position: relative; float: right; width: 330px }
.ev_leftTd { position: relative; width: 330px; text-align: right; margin-top: -150px; min-height: 240px }
.ev_time { font-size: 24px }
.ev_leftTd .ev_text { text-align: right }
.ev_title { font-size: 38px; position: relative; width: 600px; margin: auto; text-align: center; padding: 40px 0 }
.ev_rightIcon { position: absolute; left: -58px; top: 7px }
.ev_leftIcon { position: absolute; right: -58px; top: 7px }
.ev_text { position: relative; padding-top: 5px; line-height: 26px }
.ev_img { position: relative; padding-top: 20px }
.co_content { position: relative; width: 1200px; margin: auto; padding-top: 75px; padding-bottom: 80px }
.co1_content { position: relative; width: 100%; background: #f1f1f1 }
.co1_textBlock { position: relative; padding: 35px; width: 700px; padding-right: 0px; float: left }
.co1_title { font-size: 38px }
.co1_text { position: relative; margin-top: 20px }
.co1_text p { margin-bottom: 10px }
.co1_img { position: relative; float: right }
.co2_content { position: relative; width: 100%; margin-top: 28px }
.co2_contentBlock { position: relative; width: 100%; margin-bottom: 12px; background: #f2f2f2 }
.co2_imgBlock { position: relative; width: 239px; float: left }
.co2_img { position: relative; width: 100%; height: 234px }
.co2_nameBlock { position: relative; width: 100%; padding: 20px 0; text-align: center; font-size: 16px; background: #e5e5e5 }
.co2_textBlock { position: relative; width: 900px; float: right; padding: 30px; padding-left: 0px }
.co2_title { font-size: 18px }
.co2_wire { width: 90px; height: 1px; background: #ccc; margin-top: 20px }
.co2_text { position: relative; margin-top: 20px; width: 100% }
.co2_button { position: relative; width: 100%; height: 48px; background: #f2f2f2; text-align: center; line-height: 48px; cursor: pointer }
.ceNav_content { position: relative; width: 100%; background: #eeeeee; padding-top: 70px }
.ceNav_contentBlock { position: relative; width: 1200px; margin: auto }
.ceNav_leftButton { position: absolute; left: -60px; width: 60px; height: 60px; background: url(../images/a5_2.png) no-repeat center; top: 100px; cursor: pointer; z-index: 99 }
.ceNav_rightButton { position: absolute; right: -60px; width: 60px; height: 60px; background: url(../images/a5_3.png) no-repeat center; top: 100px; cursor: pointer; z-index: 99 }
.ceNav_showBlock { position: relative; width: 100%; overflow: hidden }
.ceNav_ulBlock { position: relative; width: 999999px }
.ceNav_liBlock { position: relative; float: left; width: 284px; margin-right: 20px; height: 345px; cursor: pointer }
.ceNav_liBlock.cur { border-bottom: 2px solid #182d79 }
.ceNav_img { position: relative; width: 282px; height: 282px; border: 1px solid #ccc; background: #fff }
.ceNav_img img { width: 100% }
.ceNav_title { position: relative; width: 100%; padding: 20px 0; text-align: center }
.navUl_contentBlock.aboutUs_width { position: relative; width: 940px }
.navUl_contentBlock.speed_width { width: 920px; margin: auto }
.navUl_contentBlock.design_width { width: 945px; margin: auto }
.sp_content { position: relative; width: 1200px; margin: auto; background: #fff }
.sp_titleBlock { position: relative; width: 1120px; padding: 60px 0; padding-left: 80px; background: #dfdfdf }
.sp_titleBlock em { color: #FFF; font-size: 14px; display: block; text-align: center; position: relative; top: 55px }
.sp_title { font-size: 38px }
.sp_icon { position: absolute; right: 80px; top: 40px; z-index: 99; width: 91px; height: 91px; background: url(../images/a6_9.png) no-repeat center }
.sp_icon.cur { /* background:url(../images/a6_91.png) no-repeat center */ }
.sp_contentBlock { position: relative; width: 100%; padding-bottom: 80px }
.sp_tr { position: relative; width: 100% }
.sp1_td, .sp2_td, .sp3_td, .sp4_td, .sp5_td, .sp6_td, .sp7_td, .sp8_td { position: relative; float: left; display: block }
.sp1_td { width: 480px }
.sp2_td { width: 192px }
.sp3_td { width: 207px }
.sp4_td { width: 321px }
.sp5_td { width: 207px }
.sp6_td { width: 273px }
.sp7_td { width: 399px }
.sp8_td { width: 321px }
.sp1_img, .sp2_img, .sp3_img, .sp4_img, .sp5_img, .sp6_img, .sp7_img, .sp8_img { position: relative; width: 100%; overflow: hidden }
.sp1_img { height: 270px }
.sp2_img { height: 108px }
.sp3_img { height: 115px }
.sp4_img { height: 177px }
.sp5_img { height: 115px }
.sp6_img { height: 359px }
.sp7_img { height: 222px }
.sp1_img img, .sp2_img img, .sp3_img img, .sp4_img img, .sp5_img img, .sp6_img img, .sp7_img img, .sp8_img img { width: 100% }
.sp1_title { position: relative; width: 100%; height: 88px; line-height: 88px; color: #fff; background: #182d79; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; text-align: center }
.sp2_title { position: relative; width: 160px; padding: 0 16px; padding-top: 80px; font-size: 16px; height: 170px; background: #e7cc09; line-height: 30px; color: #333 }
.sp3_title { position: relative; width: 141px; height: 173px; padding: 0px 33px; padding-top: 70px; background: #4c4c4c; color: #fff; font-size: 18px; line-height: 30px }
.sp4_title { position: relative; width: 281px; margin: auto; padding: 0px 20px; text-align: center; padding-top: 70px; font-size: 18px; background: #dfdfdf; height: 111px; color: #333 }
.sp5_title { position: relative; background: #4c4c4c; width: 80%; padding: 0px 10.1%; padding-top: 60px; color: #fff; height: 184px; font-size: 18px; line-height: 30px }
.sp7_title { position: relative; width: 80%; background: #dfdfdf; padding: 0px 10.1%; padding-top: 30px; text-align: center; font-size: 20px; line-height: 30px; height: 107px; color: #333 }
.sp8_td { width: 321px; height: 359px; background: #8181ff; float: right }
.sp_left { position: absolute; width: 60px; height: 30px; background: url(../images/a1_2.png) no-repeat center; right: 140px; bottom: 16%; cursor: pointer; z-index: 99 }
.sp_right { position: absolute; width: 60px; height: 30px; background: url(../images/a1_3.png) no-repeat center; right: 60px; bottom: 16%; cursor: pointer; z-index: 99 }
.sp_showBlock { position: relative; width: 100%; overflow: hidden; height: 717px }
.sp_ulBlock { position: relative; width: 2000% }
.sp_liBlock { position: relative; width: 5%; float: left; margin-right: 20px }
.spIn_content { position: relative; width: 820px; margin: auto; padding-top: 60px }
.bgColor2 { background: #f7f7f7 }
.spIn_textBlock img { width: 100% }
.spIn_title { font-size: 30px; width: 100%; text-align: center }
.spIn_textBlock { position: relative; width: 100%; padding-top: 40px }
.spIn_textBlock p { margin-bottom: 20px }
.spIn_textBlock h6 { padding-left: 15px; background: url(../images/a6_94.png) no-repeat left; margin-top: -10px }
.spIn_more { position: relative; display: block; width: 40px; padding: 20px; margin: auto }
.navUl_contentBlock.news_width { width: 368px }
.news_content { position: relative; width: 1200px; margin: auto; background: #f7f7f7; padding-bottom: 80px }
.news_titleBlock { position: relative; width: 400px; margin: auto; padding: 50px 0; text-align: center; font-size: 28px; color: #494949 }
.news_contentBlock { position: relative; width: 1100px; margin: auto; padding-bottom: 80px }
.news_ulBlock { position: relative; width: 105%; padding-bottom: 80px; padding-bottom: 20px }
.news_liBlock { position: relative; width: 355px; float: left; margin-right: 17px; height: 320px; background: #fff; margin-bottom: 20px; box-shadow: 0px 0px 5px 0px #ccc }
.news_img { position: relative; width: 100%; height: 203px; overflow: hidden }
.news_img img { width: 100% }
.news_textBlock { position: absolute; width: 320px; margin: auto; bottom: 0px; left: 0px; background: #fff; padding: 10px 18px; border-top: 1px solid #ccc; padding-bottom: 15px; z-index: 99 }
.news_title { position: relative; color: #e2b565; font-size: 21px; padding: 6px 0 }
.news_text { position: relative; width: 100%; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666; padding-bottom: 12px }
.neIn_content { position: relative; width: 968px; margin: auto; padding-top: 80px; padding-bottom: 80px }
.neIn_title { position: relative; width: 100%; font-size: 30px; color: #333 }
.neIn_block { position: relative; width: 100%; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 20px 0; margin: 20px 0 }
.neIn_blockUl { position: relative; width: 100% }
.neIn_blockLi { position: relative; float: left; margin-right: 30px }
.neIn_textBlock { position: relative; width: 100%; padding-top: 10px }
.neIn_textBlock p { margin-bottom: 15px }
.neIn_back { position: absolute; right: 0px; top: 20px; color: #666; padding-left: 15px; background: url(../images/a7_6.png) no-repeat left }
.neIn_share { position: absolute; top: 0px; left: 62px; width: 200px }
.header_aBlock.cur, .header_aBlock.cur a { color: #142e7c }
.navUl_contentBlock.community_width { width: 360px }
.news_mNav { position: relative; width: 100%; margin-bottom: 30px }
.news_mNav a { display: block; float: left; width: 49.6%; text-align: center; border: 1px solid #c3c3c3; color: #545454; height: 34px; line-height: 34px; font-size: 16px; letter-spacing: 1px }
.news_mNav a:hover, .news_mNav a.at { color: #393939; background: #ffe109; border: 1px solid #ffe109 }
.news_moreBlock { position: relative; width: 100%; height: 34px; background: #e8e8e8 url(../images/a8_3.png) no-repeat center; display: block }
.news_moreBlock:hover { background: #ddd url(../images/a8_3.png) no-repeat center }
.co_ulBlock { position: relative; width: 104%; padding-bottom: 30px }
.co_liBlock { position: relative; float: left; width: 390px; margin-right: 15px; margin-bottom: 15px }
.co_img { position: relative; width: 100% }
.co_img img { width: 100% }
.co_block { position: relative; width: 100%; background: #fff; padding: 10px 0; padding-left: 1px }
.co_time { position: relative; float: left; padding-left: 30px; background: url(../images/a8_5.png) no-repeat left; height: 22px; line-height: 22px; margin-left: 20px; color: #333 }
.co_title { position: relative; float: right; width: 240px; height: 22px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333 }
.comm_content { position: relative; width: 700px; margin: auto }
.bgColor1 { background: #fff }
.comm_ulBlock { width: 100%; height: 100%; position: absolute; top: 0px; right: 0px }
.comm_img { position: absolute; top: 0px; left: 0px; opacity: 0; filter: alpha(opacity=0) }
.comm_ul { width: 659px; height: 100%; position: absolute; top: 0px; right: 0px }
.comm_li { position: absolute; top: 200px; left: 188px; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; background: url(../images/b1_3.png) no-repeat center; cursor: pointer }
.comm_li:hover { background: url(../images/b1_31.png) no-repeat center }
.comm_li:hover .comm_block { display: block }
.comm_bgImg { position: absolute; right: 14px; bottom: 33px }
.comm_text { position: absolute; left: -398px; top: -80px; width: 300px }

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

.comm_block { position: relative; width: 100%; height: 100%; display: none; -webkit-animation: an01 0.4s ease backwards }
.comm_img.cur { opacity: 1; filter: alpha(opacity=100) }
.navUl_contentBlock.policy_width { width: 380px }
.po_ulBlock { position: relative; width: 100%; border-top: 1px solid #ccc }
.po_liBlock { position: relative; width: 100%; border-bottom: 1px solid #ccc; height: 30px; line-height: 30px; padding: 15px 0; display: block; color: #666 }
.po_text { position: relative; width: 440px; white-space: nowrap; padding-left: 28px; margin: auto; font-size: 16px }
.po_text span { margin-left: 20px; color: #c10808; opacity: 0.8; filter: alpha(opacity=80) }
.po_liBlock.cur .po_text { background: url(../images/b2_2.png) no-repeat left }
.po_textBlock { position: relative; float: right; padding-top: 20px; padding-right: 40px }
.po_liBlock:hover { background: #efcd0e; color: #333 }
.bgColor3 { background: url(../images/b2_3.jpg) no-repeat center top; background-size: 100% }
.poIn_content { position: relative; width: 1110px; margin: auto }
.poIn_title { position: relative; width: 100%; font-size: 30px; text-align: center; padding-top: 60px; padding-bottom: 40px }
.poIn_text { position: relative; width: 100%; margin-bottom: 30px }
.poIn_textTitle { position: relative; width: 100%; padding-bottom: 10px }
.poIn_text p { margin-bottom: 8px }
.poIn_textTime { position: relative; float: right; padding-right: 50px }
.un_content { position: relative; width: 100%; padding-bottom: 30px }
.un_contentBlock { position: relative; width: 100%; height: 628px; margin-bottom: 15px }
.un1_block { position: relative; display: block; width: 614px; height: 205px }
.un1_img { position: relative; float: left; width: 307px; height: 205px; overflow: hidden }
.un1_textBlock { position: absolute; left: 307px; top: 0px; width: 277px; height: 155px; background: #fff; padding: 25px 15px; color: #666 }
.un1_textTitle { position: relative; font-size: 18px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.un1_text { position: relative; width: 100%; text-align: justify; padding-top: 30px; line-height: 26px }
.un1_more { position: relative; padding-top: 30px; width: 100%; text-align: center; text-transform: uppercase }
.un2_block { position: absolute; left: 629px; width: 302px; top: 0px }
.un2_textBlock { position: relative; width: 272px; height: 155px; background: #fff; padding: 25px 15px; color: #666 }
.un2_textBlock .un1_text { padding-top: 15px }
.un2_textBlock .un1_more { padding-top: 15px }
.un2_img { position: relative; width: 302px; height: 204px; overflow: hidden }
.un3_block { position: absolute; right: 0px; top: 0px; width: 255px; height: 409px; background: #ffe109 }
.un3_textBlock { position: absolute; top: 30%; width: 86%; left: 7% }
.un6_block { position: absolute; left: 628px; bottom: 0px }
.un2_img img { width: 100% }
.un4_block { position: absolute; left: 0px; width: 300px; bottom: 0px; background: #00479d; height: 410px }
.un5_block { position: absolute; bottom: 0px; left: 312px }
.un4_block .un3_textBlock { color: #fff }
.un3_block .un3_textBlock { color: #666 }
.un6_block .un1_textBlock { width: 235px }
.un6_block .un1_text, .un6_block .un1_more { padding-top: 15px }
.un_contentBlock a:hover { box-shadow: 0px 0px 8px 0px #ccc }
.ce_content { position: relative; width: 1200px; margin: auto; padding-top: 30px }
.ce_contentBlock { position: relative; width: 100%; min-height: 600px }
.ceRi_content { position: relative; float: right; width: 894px }
.ceLe_block { position: relative; float: left; width: 280px }
.ceLe_img { position: relative; width: 100% }
.ceLe_img img { width: 100% }
.ceLe_textBlock { position: relative; padding-top: 20px; width: 100%; text-align: right }
.ceLe_name { position: relative; font-size: 22px; width: 100% }
.ceLe_text { position: relative; padding-top: 10px; width: 100% }
.ceLe_text p { text-align: right }
.ceRi_titleBlock { font-size: 18px; color: #333 }
.ceRi_text { position: relative; padding-top: 15px; width: 100% }
.ceRi_text p { margin-bottom: 5px }
.ceRi_ulContent { position: relative; width: 100%; padding-top: 50px }
.ceRi_ulTitle { font-size: 18px; color: #333; position: relative }
.ceRi_wire { position: absolute; left: 88px; top: 11px; width: 90%; height: 1px; background: #ccc }
.ceRi_ulBlock { position: relative; padding-top: 40px; width: 105%; padding-bottom: 60px }
.ceRi_liBlock { position: relative; width: 286px; margin-right: 16px; margin-bottom: 20px; float: left }
.ceRi_title { position: relative; width: 100%; text-align: center; height: 30px; line-height: 30px; padding: 10px 0; color: #666 }
.ceLe_navUl { position: relative; width: 280px; background: #f5f5f5; margin-top: 200px; padding: 20px 0 }
.ceLe_navLi { position: relative; margin-bottom: 20px; width: 100%; cursor: pointer }
.ceLe_navText { position: relative; float: right; padding: 0px 20px; background: #f5f5f5; z-index: 99; padding-left: 15px }
.ceLe_wire { position: absolute; left: 0px; top: 9px; width: 0%; height: 1px; background: #142e7c }
.ceLe_navLi:hover .ceLe_wire, .ceLe_navLi.cur .ceLe_wire { width: 90% }
.ceLe_navLi:hover, .ceLe_navLi.cur { color: #142e7c }
.flNav_content { position: relative; width: 100%; height: 140px; background: #fff }
.flNav_contentBlock { position: relative; width: 1200px; margin: auto; height: 100% }
.flNav_ulBlock { position: relative; padding-top: 50px; float: left; width: 50%; padding-left: 160px }
.flNav_liBlock { position: relative; width: 67px; height: 67px; background: url(../images/b4_6.png) no-repeat center; line-height: 67px; text-align: center; font-size: 32px; color: #fff; margin-right: 50px; cursor: pointer; float: left }
.flNav_liBlock.cur, .flNav_liBlock:hover { background: url(../images/b4_5.png) no-repeat center; color: #333 }
.flNav_titleBlock { position: relative; float: right; padding-top: 60px }
.flNav_En { font-size: 24px; text-transform: uppercase; color: #999; padding-top: 2px }
.flNav_ch { position: relative; font-size: 16px }
.floor_content { position: relative; width: 100%; padding: 80px 0; background: #eee }
.floor_contentBlock { position: relative; width: 1200px; margin: auto }
.ser_content { position: relative; width: 100%; background: #eee }
.ser_contentBlock { position: relative; width: 1100px; margin: auto }
.ser_ulBlock { position: relative; width: 100%; padding-bottom: 80px }
.ser_liBlock { position: relative; width: 100%; margin-bottom: 15px; background: #fff }
.ser_textBlock { position: relative; padding: 45px 0 30px 0; width: 530px }
.ser_img { position: relative; width: 436px; height: 326px; overflow: hidden }
.ser_img img { width: 100% }
.ser_right { float: right }
.ser_left { float: left }
.ser_textBlock.ser_left { padding-left: 70px }
.ser_textBlock.ser_right { padding-right: 70px }
.ser_title { font-size: 30px; color: #333 }
.ser_text { position: relative; padding-top: 20px; width: 100%; text-align: justify; line-height: 26px }
.ser_wire { position: relative; width: 35px; height: 3px; margin-top: 30px; background: #182d79 }
.par_content { position: relative; width: 1200px; margin: auto }
.par_contentBlock { position: relative; width: 100%; padding-top: 20px; padding-bottom: 80px }
.par_ulBlock { position: relative; width: 105% }
.par_liBlock { position: relative; float: left; width: 192px; margin-right: 10px; height: 167px; overflow: hidden; margin-bottom: 10px; background: #fff; overflow: hidden }
.par_liBlock img { width: 100% }
.par_liBlock:hover { box-shadow: 0px 0px 5px 0px #ccc }
.bgImage { background: url(../images/b5_1.jpg) no-repeat; background-size: cover }
.me_ulContent { position: relative; width: 100% }
.me_ulBlock { position: relative; width: 102% }
.me_liBlock { position: relative; float: left; width: 238px; border: 1px solid #ccc; height: 258px; overflow: hidden }
.me_liBlock img { width: 100% }
.de_logo { width: 68%; position: relative; margin: auto }
.de_logo img { width: 100% }
.de_block { position: relative; padding-top: 40px; background: #fff; height: 160px }
.de_name { padding-top: 20px; text-align: center }
.de_content .desUl_img { padding-bottom: 210px }
.masonry-brick:hover .desUl_text { height: auto; padding: 16px 0px 32px 0 }
.desUl_showText { position: relative; z-index: 99; background: #fff; padding: 20px 10px; width: 370px; height: 740px; overflow: hidden }
.desUl_ulText { position: relative; width: 370px; padding-bottom: 50px }
#main ul li .desUl_showText p { background: #fff }
.desUl_ulText h6 { padding-left: 10px; padding-top: 20px; font-size: 16px; color: #333; padding-bottom: 10px }
.masonry-brick:hover .desUl_showText { opacity: 1; filter: alpha(opacity=1) }
.prod_content .desUl_textBlock { bottom: -70px }
.onCity_content { position: relative; width: 100%; height: 55px; background: #f5f5f5 }
.onCity_left { position: absolute; top: 0px; left: 30px; width: 55px; height: 55px; background: url(../images/b5_8.png) no-repeat center; cursor: pointer; z-index: 99 }
.onCity_right { position: absolute; top: 0px; right: 30px; width: 55px; height: 55px; background: url(../images/b5_81.png) no-repeat center; cursor: pointer; z-index: 99 }
.onCity_ulShow { position: relative; width: 1020px; margin: auto; height: 55px; overflow: hidden }
.onCity_ulBlock { position: relative; width: 100%; text-align: center }
.onCity_liBlock { position: relative; width: 204px; display: inline-block; text-align: center; font-size: 16px; color: #333; line-height: 55px }
.onUl_ulBlock { position: relative; width: 105% }
.onUl_liBlock { position: relative; width: 298.4px; float: left; height: 30px; padding: 25px 0; overflow: hidden; text-align: center; color: #fff; background: #142e7c; margin-right: 2px; font-size: 18px }
.onUl_liBlock.cur { background: #ffe109; color: #333 }
.bgColor3 { background: #fff }
.bgColor4 { background: #e8e8e8 }
.bgColor5 { background: #eee }
.bgColor6 { background: #f4f4f4 }
.bgColor7 { background: #f2f2f2 }
.onBlock_content { position: relative; width: 100%; height: 60px; border-bottom: 1px solid #ccc; margin-bottom: 30px }
.onBlock_ulBlock { position: relative; width: 110% }
.onBlock_liBlock { position: relative; float: left; margin-left: 186px; margin-right: 92px; font-size: 20px; line-height: 60px }
.onBlock_liBlock.cur { border-bottom: 2px solid #1d2088; color: #1d2088 }
.onbl_content { position: relative; width: 100%; margin-top: 35px; overflow: hidden }
.onBl_ulBlock { position: relative; width: 100% }
.onBl_liBlock { position: relative; width: 100%; height: 412px; background: #848484; }
.tabCont .onBl_liBlock { display: none }
.onBl_video { position: relative; float: right; width: 758px; height: 412px; background: #000 }
.onBl_video img { width: 100% }
.onBl_video em { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(../images/play.png) no-repeat center }
.onBl_textBlock { position: absolute; top: 30%; left: 50px; width: 340px; color: #fff }
.onBl_textTitle { position: relative; width: 100%; text-align: center; font-size: 24px; color: #fff }
.onBl_text { position: relative; padding-top: 20px; line-height: 26px; width: 100%; text-align: justify; color: #fff }
.onCity_liBlock, .onUl_liBlock, .onBlock_liBlock { cursor: pointer }
.onLi_titleBlock { position: relative; width: 42px; margin: 30px auto; font-size: 20px; color: #142e7c; border-bottom: 1px solid #142e7c; padding-bottom: 15px; letter-spacing: 2px; white-space: nowrap }
.onCity_liBlock.cur { color: #142e7c }
.onNe_textBlock { position: absolute; bottom: 40px; left: 5%; width: 90%; border-bottom: 1px solid #70650d; border-top: 1px solid #70650d; padding: 10px 0 }
#main ul li .onNe_textBlock p { background: url(../images/null.png); height: 26px }
.onNe_block { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: url(../images/b5_9.png); opacity: 0; filter: alpha(opacity=0) }
.onBl_contentBlock { position: relative; width: 100% }
.onBl_videoBlock { position: relative; width: 100%; background: #595d68 }
.onBl1_textBlock { position: absolute; top: 16%; left: 38px; width: 370px; color: #fff }
.onBl1_textTitle { position: relative; width: 100%; text-align: center; font-size: 24px; color: #fff }
.onBl1_textTitle p { line-height: 36px }
.onBl1_text { position: relative; padding-top: 20px; line-height: 26px; width: 100%; text-align: justify; color: #fff }
.onBl1_textBlock p { color: #fff; text-align: center }
.onBl2_videoBlock { position: relative; width: 100%; background: #000 }
.onSw_content { position: relative; width: 100%; overflow: hidden; height: 460px; padding-top: 30px }
.onSw_block { position: relative; width: 292px; float: left; margin-right: 11px; display: block }
.onSw_ulBlock { position: relative; width: 104% }
.onSw_name { position: relative; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background: #fff }
.onBl3_videoBlock { position: relative; width: 100%; background: #ffe109 }
.desUl_block:hover .onNe_block, .onSw_block:hover .onNe_block { opacity: 1; filter: alpha(opacity=1) }
.onNe_textP { position: absolute; bottom: 0%; border-bottom: 1px solid #ccb407; width: 90%; padding-bottom: 15px; left: 0%; padding-left: 10%; line-height: 26px }
.onNe_text { height: 336px; overflow: hidden }
.onNe_name { font-size: 16px }
.onNe_wire { position: relative; width: 29px; height: 1px; background: #1d2088; margin-bottom: 15px }
.big_contentB { position: relative; width: 100%; height: 296px; overflow: hidden }
.big_contentB .pro_img { border: 2px solid #d5bd0e }
.big_contentB .pro_nameCh { color: #fff }
.pro_titleTextB { color: #333; font-size: 16px; padding-top: 30px }
.pro_back { position: absolute; right: 0px; top: 60px; padding-left: 34px; background: url(../images/b6_3.png) no-repeat left; z-index: 99; color: #666 }
.prInn_text { position: relative; padding-top: 20px; width: 100%; text-align: justify; border-top: 1px solid #ccc; margin-top: 20px; padding-bottom: 20px }
.prInn_textUl { position: relative; padding-top: 20px; width: 100% }
.prInn_back { position: absolute; right: 80px; top: 60px; padding-left: 34px; background: url(../images/b6_3.png) no-repeat left; z-index: 99; color: #666 }
.prInn_back2 { position: absolute; right: 80px; top: 25px; padding-left: 34px; background: url(../images/b6_3.png) no-repeat left; z-index: 99; color: #666 }
.prInn_content { position: relative; width: 100% }
.prInn_block { position: relative; width: 440px; height: 540px; margin: auto; overflow: hidden }
.prInn_block .swiper-container { width: 100%; height: 100% }
.prInn_left { position: absolute; top: 0px; left: 0px; width: 175px; height: 100%; background: url(../images/img3.png) no-repeat center; cursor: pointer; display: block }
.prInn_right { position: absolute; top: 0px; right: 0px; width: 175px; height: 100%; background: url(../images/img4.png) no-repeat center; cursor: pointer; display: block }
.assort_width { position: relative; width: 845px }
.ass_content { position: relative; width: 1200px; margin: auto }
.ass_contentBlock { position: relative; width: 1150px; padding-left: 50px }
.ass_block { position: relative; width: 100%; margin-bottom: 45px }
.ass_textBlock { position: relative; width: 506px; float: left }
.ass_imgBlock { position: relative; width: 614px; float: right }
.ass_rightText { position: relative; float: right; width: 562px; margin-right: 40px }
.ass_textTitle { position: relative; font-size: 24px; padding-top: 100px; color: #555 }
.ass_text { position: relative; width: 100%; padding-top: 30px; text-align: justify }
.ass_wire { border-bottom: 1px solid #ccc }
.ass_leftImg { position: relative; float: left; width: 505px }
.ass_leftImg img { width: 100% }
.ass_titleCh { font-size: 24px; color: #555 }
.ass_text { position: relative; color: #555; text-align: justify; width: 90%; padding-top: 40px }
.ass_ulBlock { position: relative; padding-top: 30px }
.ass_ulTitle { font-size: 24px; color: #142e7c }
.ass_ul { position: relative; padding-top: 20px }
.ass_ul p { margin-bottom: 10px; padding-left: 14px; background: url(../images/c2_5.png) no-repeat 0px 10px }
.assT_title { font-size: 24px; color: #142e7c; padding-bottom: 20px }
.assT_text { padding: 10px 0; position: relative; width: 100% }
.assT_ulText { position: relative; padding-top: 40px }
.assT_textTitle { position: relative; padding-left: 15px; background: url(../images/c2_6.png) no-repeat 0px 6px }
.assT_textBlock { position: relative; padding: 10px 0 }
.assT_imgBlock { position: relative; width: 600px; float: right }
.assT_img { position: relative; padding-left: 20px }
.mi_block { position: relative; width: 1200px; margin: auto; background: #e8e8e8; margin-bottom: 20px }
.mi_img { position: relative; float: left; width: 564px }
.mi_img img { width: 100% }
.mi_textBlock { position: relative; float: left; width: 516px; padding-left: 60px; padding-top: 60px }
.mi_textBlock p { margin-bottom: 20px }
.mi_content { position: relative; width: 100% }
.mi_contentBlock { position: relative; width: 1200px; margin: auto; padding: 30px 0 }
.miT_textBlock { position: relative; width: 60% }
.mi_title { font-size: 24px; color: #142e7c; margin-bottom: 20px }
.miT_title { position: relative; padding-left: 15px; background: url(../images/c2_6.png) no-repeat 0px 6px; font-size: 16px }
.miT_text p { margin-bottom: 10px; padding-left: 14px; background: url(../images/c2_5.png) no-repeat 0px 10px }
.miT_text { position: relative; width: 100%; margin-top: 15px }
.miUl_content { position: relative; width: 100%; padding-top: 30px; overflow: hidden; height: 310px; margin-top: 30px }
.miUl_ulBlock { position: relative; width: 9999px; overflow: hidden }
.miUl_liBlock { position: relative; width: 99999px }
.miUl_block { position: relative; float: left; width: 364px; margin-right: 54px }
.miUl_imgTitle { position: relative; padding-top: 20px; text-align: center; width: 100% }
.miUl_content .swiper-scrollbar { width: 100%; height: 1px; position: absolute; left: 0; bottom: -30px; z-index: 1 }
.miUl_content .swiper-container { overflow: visible }
.miUl_content .swiper-scrollbar { width: 100%; height: 1px; position: absolute; left: 0; top: 1px; z-index: 1; background: #ccc }
.mi2_content { position: relative; width: 100%; padding-top: 50px; background: #f4f4f4 url(../images/c3_4.jpg) no-repeat right bottom }
.mi2_block { position: relative; width: 100% }
.mi2_textBlock { position: relative; float: left; width: 520px; padding-left: 40px; padding-top: 50px }
.mi2_img { position: relative; float: right; width: 590px }
.mi2_title { position: relative; font-size: 24px; color: #142e7c }
.mi2_text { position: relative; width: 100%; padding-top: 30px }
.mi2_text p { margin-bottom: 20px }
.mi2_ulBlock { position: relative; width: 92%; margin: auto; margin-top: -62px }
.mi2_ulTitle { position: relative; font-size: 24px; padding-left: 18px; background: url(../images/c2_6.png) no-repeat 0px 12px }
.mi2_ul { position: relative; padding-top: 60px; width: 100% }
.mi2_li { position: relative; width: 170px; padding-left: 14px; background: url(../images/c2_5.png) no-repeat 0px 10px; float: left; margin-bottom: 20px; font-size: 16px }
.mi2_textBlock1 { position: relative; float: left; width: 520px; padding-left: 40px; padding-top: 30px; padding-bottom: 30px }
.mi2_textTitle1 { font-size: 18px; color: #2a4085 }
.mi2_text1 { position: relative; width: 100%; padding-top: 30px }
.mi2_text1 p { margin-bottom: 10px }
.mi3_content { position: relative; width: 100% }
.mi3_block { position: relative; width: 1160px; margin: auto; padding: 40px 0px 40px 40px }
.mi3_title { font-size: 24px; color: #142e7c; padding-bottom: 20px }
.mi3_ulBlock { position: relative; width: 100%; padding-bottom: 30px }
.mi3_img { position: relative; float: left }
.mi3_liBlock { position: relative; width: 100%; margin-bottom: 20px; background: #f4f4f4 }
.mi3_textBlock { position: relative; float: left; width: 484px; padding: 50px }
.mi3_textTitle { padding-left: 15px; background: url(../images/c2_6.png) no-repeat 0px 12px; font-size: 24px; margin-bottom: 30px }
.mi3_imgRight { position: relative; float: right }
.mi3_textLeft { position: relative; float: left; width: 505px; padding: 50px }
.ma_content { position: relative; width: 100% }
.ma_contentBlock { position: relative; width: 1200px; margin: auto; padding: 80px 0px }
.ma_leftBlock { float: left; width: 574px; position: relative }
.ma_rightBlock { float: right; width: 626px; position: relative }
.ma_title { position: relative; width: 100%; font-size: 28px }
.ma_textTitle { position: relative; font-size: 24px; margin-top: 30px }
.ma_text { position: relative; margin-top: 20px; width: 530px }
.ma_text p { margin-bottom: 20px }
.ma_text span { color: #142e7c }
.ma_img { position: relative; width: 100% }
.ma_img img { width: 100% }
.ma_textP { position: relative; margin-top: 20px; width: 586px; padding-left: 40px }
.ma_textP p { margin-bottom: 20px }
.ma_textP span { color: #142e7c }
.er_block { position: relative; width: 100%; background: #f2f2f2 }
.er_leftBlock { position: relative; float: left; width: 534px; padding: 40px 35px; padding-right: 0px }
.er_rightBlock { position: relative; width: 598px; float: right }
.er_rightBlock img { width: 100% }
.er_title { position: relative; width: 100%; font-size: 28px; margin-bottom: 40px }
.er_text { position: relative; width: 100% }
.er_text p { margin-bottom: 20px }
.er_text span { color: #142e7c }
.er_imgBlock { position: relative; width: 100%; padding: 40px 0 }
.gr_content { position: relative; width: 100% }
.gr_contentBlock { position: relative; width: 1200px; margin: auto; padding: 30px 0 }
.gr_block { position: relative; width: 100%; padding-top: 60px; border-bottom: 1px solid #ccc; padding-bottom: 10px }
.gr_textBlock { position: relative; float: left; width: 886px; padding-top: 40px }
.gr_title { position: relative; font-size: 28px }
.gr_text { position: relative; padding-top: 30px }
.gr_img { position: relative; float: right; width: 205px }
.grUl_ul { position: relative; width: 120% }
.grUl_title { position: absolute; top: 30px; left: 0px; z-index: 99; font-size: 24px }
.grUl_li { position: relative; float: left; width: 324px; padding-right: 70px; border-right: 1px solid #ccc; margin-right: 40px; padding-top: 100px; padding-bottom: 40px }
.grUl_li.last { border-right: 0px }
.grUl_img { position: relative; position: relative; width: 100px; margin: auto }
.grUl_textTitle { font-size: 16px; position: relative; width: 100%; text-align: center; color: #333 }
.grUl_text { padding-top: 20px; width: 100% }
.gr_content { position: relative; width: 100% }
.gr_content.bgImg6 { background: url(../images/c5_6.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(images/c5_6.jpg,sizingMethod='scale'); t .aspx }
.gr_contentBlock { position: relative; width: 1200px; margin: auto }
.grT_title { position: relative; width: 600px; margin: auto; text-align: center; color: #fff; font-size: 24px }
.grT_textBlock { position: relative; padding-top: 40px; width: 100% }
.grT_textTitle { font-size: 16px; color: #fff; background: url(../images/c5_91.png) no-repeat 0px 6px; padding-left: 18px; margin-bottom: 20px }
.grT_text p { position: relative; margin-bottom: 20px; color: #fff }
.gr_content { position: relative; width: 100% }
.gr3_ulBlock { position: relative; width: 110%; padding-top: 40px }
.gr3_liBlock { position: relative; width: 380px; float: left; margin-right: 26px }
.gr3_title { font-size: 16px; color: #555; background: url(../images/c6_1.png) no-repeat 0px 6px; padding-left: 18px; margin-bottom: 20px }
.gr3_text { position: relative; padding-top: 20px }
.gr3_imgTitle { position: relative; padding-top: 10px; padding-bottom: 30px; width: 100%; text-align: center; font-size: 16px }
.gr3_textP { position: relative; padding-top: 40px; width: 100% }
.gr3_textP span { color: #005ca3 }
.gr3_textTitle { padding-top: 10px }
.gr3_tUl { position: relative; width: 110%; margin-top: 30px }
.gr3_tLi { position: relative; float: left; padding-left: 35px; margin-right: 25px }
.gr3_num { position: absolute; width: 25px; height: 25px; background: url(../images/c5_9.png) no-repeat center; left: 0px; top: -3px; text-align: center; line-height: 25px }
.gr4_title { font-size: 24px; width: 600px; margin: auto; text-align: center }
.gr4_tUl { position: relative; width: 110%; margin-top: 50px }
.gr4_tLi { position: relative; width: 222px; margin-right: 35px; padding-right: 60px; float: left }
.gr4_icon { position: absolute; right: 0px; top: 0px }
.gr4_tTitle { font-size: 18px }
.gr4_t { position: relative; padding-top: 10px; line-height: 26px }
.ghr4_img { position: relative; width: 100%; margin-top: 40px }
.gr4_block { position: relative; width: 100%; border-top: 1px solid #ccc; margin-top: 20px; padding-top: 40px }
.gr4_imgTitle { position: relative; width: 600px; margin: auto; text-align: center; font-size: 24px }
.gr4_img { position: relative; width: 100%; padding-top: 30px }
.contactUs_width { position: relative; width: 920px }
.vis_block { position: relative; width: 800px; margin: auto }
.vis_title { position: relative; font-size: 28px; padding: 50px 0px 30px 0px; text-align: center }
.vis_textP p { position: relative; width: 100%; text-align: center; margin-bottom: 10px }
.vis_content { position: relative; width: 100%; height: 660px; margin-top: 60px }
.vis_bgImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/c6_2.jpg) no-repeat center; background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(images/c6_2.jpg,sizingMethod='scale'); t .aspx }
.vis_contentBlock { position: absolute; right: 50%; margin-right: -710px; width: 710px; bottom: 0px; height: 548px; background: url(../images/c6_3.png); z-index: 99 }
.vis_bTitle { position: relative; width: 100%; text-align: center; font-size: 18px; padding: 30px 0 }
.vis_inputContent { position: relative; width: 100% }
.vis_inputBlock { position: relative; width: 92%; margin: auto; margin-bottom: 38px }
.vis_text { position: relative; float: left; width: 190px; font-size: 15px; text-align: right; line-height: 26px; height: 26px }
.vis_inputText { position: relative; float: left; border: 0px }
.vis_inputText { position: relative; float: left; border: 0px; border-bottom: 1px solid #ccc; width: 440px; background: url(../images/null.png); height: 26px; line-height: 26px; color: #666; outline: none; margin-left: 10px }
.vis_submit { position: relative; float: right; width: 80px; height: 28px; background: #d7d7d7; text-align: center; line-height: 28px; font-size: 16px; color: #666; border: 0px; margin-right: 6%; cursor: pointer }
.vis_close { position: relative; float: right; width: 80px; height: 28px; background: #d7d7d7; text-align: center; line-height: 28px; font-size: 16px; color: #666; border: 0px; margin-right: 6%; cursor: pointer }
.si_content { position: relative; width: 1200px; margin: auto }
.si_textBlock { position: relative; width: 92%; background: #f1f1f1; padding: 3% 4% }
.si_title { font-size: 28px; margin-bottom: 30px }
.si_text { position: relative; width: 627px }
.si_text p { line-height: 30px }
.detail-box { height: 54px; line-height: 54px; position: relative; width: 100%; margin: 30px 0px }
.detail-box span { position: relative; font-size: 28px; z-index: 10; background: #FFF; padding-right: 10px }
.detail-box i { display: block; width: 100%; height: 1px; background: #666; position: absolute; top: 50%; left: 0px }
.sublaval { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #666 }
.sublaval .lt { float: left }
.sublaval .rt { float: right }
.img-boxs { width: 795px; height: 418px; overflow: hidden }
.site-text { width: 396px; height: 418px; background: #142e7c; color: #FFF }
.site-text-cont { padding: 150px 45px; vertical-align: middle; color: #ffe109 }
.site-text-cont i { display: block; height: 3px; width: 14px; background: #ffe109; margin-bottom: 5px }
.site-text-cont h1 { color: #ffe109; margin-bottom: 10px; font-size: 28px }
.both { width: 100%; height: 20px; clear: both; overflow: hidden }
.site-top { width: 100%; height: 146px; margin-bottom: 10px; background: url(../images/ttBg.png) no-repeat center }
.site-top .site-text-cont { padding: 30px 45px }
.si_img { position: relative; width: 100% }
.si_img img { width: 100% }
.si_tTitle { position: relative; padding: 20px 0; font-size: 18px }
.si_table { position: relative; width: 100%; color: #666; border: 1px solid #666; background: #f3f3f3 }
.si_table tr { height: 60px; text-align: center }
.si_table th { text-align: center; background: #e7d510; font-size: 16px }
.si_table { border-top: 1px solid #999; border-left: 1px solid #999 }
.si_table th, .si_table td { border-bottom: 1px solid #999; border-right: 1px solid #999 }
.si_textP { position: relative; padding: 20px 0 30px 0; width: 100%; border-bottom: 1px solid #ccc }
.si_inputContent { position: relative; width: 100%; padding-bottom: 60px }
.si_inputTitle { position: relative; width: 200px; margin: auto; font-size: 24px; text-align: center; padding: 40px 0 50px 0 }
.si_inputBlock { position: relative; width: 100%; padding-bottom: 40px; border-bottom: 1px solid #ccc }
.si_inputUl { position: relative; width: 105% }
.si_inputLi { position: relative; float: left; width: 49%; margin-bottom: 50px }
.si_name { position: relative; float: left; width: 80px; line-height: 26px; font-size: 16px }
.si_inputText { position: relative; float: left; border: 0px; border-bottom: 1px solid #ccc; width: 492px; background: url(../images/null.png); height: 26px; line-height: 26px; color: #666; outline: none; margin-left: 10px }
.com_content { position: relative; width: 100%; background: #f1f1f1 }
.com_contentBlock { position: relative; width: 1115px; margin: auto; padding: 40px 0px 80px 0 }
.com_title { position: relative; font-size: 28px; margin-bottom: 30px }
.com_img { position: relative; width: 100% }
.com_img img { width: 100% }
.com_block { position: relative; width: 100%; padding-top: 30px }
.com_textBlock { position: relative; float: left }
.com_wcBlock { position: relative; float: right; width: 505px }
.com_wb { position: relative; float: left; margin-left: 40px }
.com_textBlock p { margin-bottom: 20px; font-size: 15px }
.com_wbTitle { position: relative; width: 100%; padding-top: 10px; text-align: center; font-size: 16px }
.me_content { position: relative; width: 1200px; margin: auto; background: #fff; min-height: 500px; padding-bottom: 60px }
.me_img { position: relative; width: 100%; margin-top: 50px }
.me_img img { width: 100% }
.me_contentBlock { position: relative; width: 1162px; margin: auto; border: 1px solid #ccc; margin-top: 40px; padding-bottom: 60px }
.me_title { position: relative; width: 300px; margin: auto; text-align: center; font-size: 18px; padding: 30px 0 }
.me_block { position: relative; width: 96%; margin: auto; margin-bottom: 40px }
.me_text { position: relative; float: left; line-height: 26px; width: 80px; text-align: right }
.me_input { position: relative; float: left; border: 0px; border-bottom: 1px solid #ccc; width: 1010px; background: url(../images/null.png); height: 26px; line-height: 26px; color: #666; outline: none; margin-left: 10px }
.me_textarea { width: 987px; margin-left: 10px; padding: 5px 10px; height: 140px; color: #666; line-height: 24px; border: 1px solid #ccc; outline: none; background: url(../images/null.png) }
.me_InnBlock { position: relative; width: 47.5%; float: left }
.me_InnBlock .me_input { width: 420px }
.me_InnBlock.right { float: right }
.tal_content { position: relative; width: 100%; background: #fff; margin-top: 60px }
.tal_contentBlock { position: relative; width: 101% }
.tal_leftBlock { position: relative; width: 49.5%; float: left; padding-bottom: 60px }
.tal_rightBlock { position: relative; float: left; width: 49.5% }
.tal_block { position: relative; width: 545px; float: right; padding-right: 55px }
.tal_title { position: relative; width: 100%; font-size: 18px; padding: 40px 0; text-align: center }
.tal_liBlock { position: relative; width: 100%; margin-bottom: 42px }
.tal_text { position: relative; width: 80px; float: left; line-height: 26px }
.tal_inputText { position: relative; width: 420px; height: 26px; line-height: 26px; border: 1px solid #ccc; float: left; padding-left: 10px; color: #666 }
.tal_textarea { position: relative; width: 410px; height: 80px; line-height: 24px; border: 1px solid #ccc; float: left; padding: 5px 10px; color: #666 }
.tal_rightImg { position: relative; width: 100%; height: 758px; background: url(../images/c7_1.jpg) no-repeat center; background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(images/c7_1.jpg,sizingMethod='scale'); t .aspx }
.tal_leftImg { position: relative; width: 100%; height: 550px; background: url(../images/c7_2.jpg) no-repeat center; background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(images/c7_2.jpg,sizingMethod='scale'); t .aspx }
.tal_blockRight { position: relative; padding-left: 88px; width: 515px; padding-bottom: 100px }
.tal_blockRight .vis_submit { margin-right: 5px }
.tal_textBlock { position: relative; width: 100%; height: 246px; background: #182d79 }
.tal_textInn { position: relative; width: 600px; float: right }
.tal_textTitle { color: #fff; font-size: 24px; padding-top: 50px }
.tal_textP { color: #fff; font-size: 14px; width: 80%; padding-top: 30px }
.tal_textP p { margin-bottom: 10px }
.bus_content { position: relative; width: 1200px; margin: auto }
.bus_title { font-size: 24px; padding: 60px 0 40px 0 }
.bus_contentBlock { position: relative; width: 100%; padding-bottom: 80px }
.bus_leftBlock { position: relative; width: 615px; float: left }
.bus_img { position: relative; width: 575px; float: right }
.bus_textBlock { position: relative; width: 92%; padding-bottom: 20px }
.bus_textBlock p { margin-bottom: 10px }
.bus_block { position: relative; background: #fff; padding-left: 50px; height: 700px }
.bus_block .tal_title { padding-top: 30px }
.bus_block .vis_submit { margin-right: 9.5% }
.bus_textBlock span { color: #142e7c }
.cont_content { position: relative; width: 1200px; margin: auto; padding-bottom: 80px }
.cont_title { font-size: 24px; padding-top: 60px }
.cont_text { position: relative; padding: 30px 0 }
.cont_text span { color: #333 }
.cont_width { position: relative; width: 1198px }
.cont_textUl { position: relative; width: 100%; padding-top: 20px; border-bottom: 1px solid #ccc; padding-bottom: 30px }
.cont_textLi { position: relative; float: left; width: 204px; padding-left: 45px; margin-left: 30px }
.cont_textLi.first { width: 100px }
.cont_num { position: absolute; top: 5px; left: 0px; width: 32px; height: 32px; background: url(../images/c7_5.png) no-repeat center; line-height: 32px; text-align: center; font-size: 18px; color: #fff }
.cont_tName { position: relative; float: left }
.cont_tTitle { font-size: 16px; color: #333; margin-bottom: 5px }
.cont_tText { line-height: 24px }
.floor_ul { position: absolute; top: 0px; left: 0px; z-index: 99 }
.floor_li { position: absolute; width: 0px; height: 0px; background: #fff; cursor: pointer }
.floor_liBlock { position: absolute; width: 53px; height: 70px; background: url(../images/b4_2.png) no-repeat 0px 10px; left: -26px; bottom: -16px; padding-bottom: 10px; padding-top: 10px }
.floor_liBlock:hover, .floor_liBlock.cur { background: url(../images/b4_3.png) no-repeat 0px 10px }
.floor_text { position: absolute; bottom: -38px; width: 270px; left: -136px; text-align: center; color: #333 }
.floor_textP { position: relative; width: 430px; padding: 10px 20px; background: url(../images/c7_6.png) }
.floor_textBlock { position: absolute; bottom: 65px; left: -220px; overflow: hidden; height: 0px }
.floor_textP { position: relative; width: 400px; padding: 20px; background: url(../images/c7_6.png); border: 1px solid #eee; border-radius: 6px; line-height: 24px; color: #666; text-align: justify; height: 146px; overflow: hidden }
.floor_li:hover .floor_textBlock { height: 186px }
.floor_page { position: relative }
.spT_content { position: absolute; right: 60px; top: 0px; width: 650px; background: #eeeeee; z-index: 99; padding: 40px; display: none }
.spT_titleBlock { font-size: 18px }
.spT_contentBlock { position: relative; width: 620px; margin: auto; border: 1px solid #ccc; margin-top: 25px; padding-bottom: 20px; padding-top: 30px; overflow: hidden; padding-left: 22px }
.spT_title { position: relative; width: 300px; margin: auto; text-align: center; font-size: 18px; padding: 30px 0 }
.spT_block { position: relative; width: 108%; margin: auto; margin-bottom: 20px }
.spT_text { position: relative; float: left; line-height: 26px }
.spT_input { position: relative; float: left; border: 0px; border-bottom: 1px solid #ccc; width: 580px; background: url(../images/null.png); height: 26px; line-height: 26px; color: #666; outline: none; margin-left: 10px }
.spT_textarea { width: 607px; margin-top: 10px; padding: 5px 10px; height: 72px; color: #666; line-height: 24px; border: 1px solid #ccc; outline: none; background: url(../images/null.png) }
.spT_InnBlock { position: relative; width: 47.5%; float: left }
.spT_InnBlock .me_input { width: 420px }
.spT_InnBlock.right { float: right }
.spT_InnBlock .spT_input { width: 194px }
.spT_submitBlock { position: relative; margin-top: 25px }
.spT_submitBlock .vis_submit { background: #e7cc09 }
.spT_submitBlock .vis_submit:hover { background: #1d2088; color: #fff }
.ind3_block { overflow: hidden }
.ind3_textContent { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0%; background: url(../images/c8_1.png); z-index: 99; overflow: hidden }
.ind1_left:hover .ind3_textContent, .ind1_right:hover .ind3_textContent, .ind2_left:hover .ind3_textContent, .ind2_right:hover .ind3_textContent, .ind3_block:hover .ind3_textContent { height: 100% }
.ind3_textBlock { position: absolute; bottom: 15%; left: 10%; width: 80%; min-width: 500px }

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

.ind1_left:hover .ind3_title, .ind1_right:hover .ind3_title, .ind2_left:hover .ind3_title, .ind2_right:hover .ind3_title, .ind3_block:hover .ind3_title { -webkit-animation: topAn 0.6s ease 0s backwards }
.ind1_left:hover .ind3_textB, .ind1_right:hover .ind3_textB, .ind2_left:hover .ind3_textB, .ind2_right:hover .ind3_textB, .ind3_block:hover .ind3_textB { -webkit-animation: topAn 0.6s ease 0.2s backwards }
.ab_textBlock { position: relative; width: 100%; padding-top: 20px }
.ab_textBlock .ab_text { position: relative; padding-top: 10px }
.ab_textTitle { font-size: 16px; color: #333 }
.ab_textContent { position: relative; padding-top: 10px; width: 100% }
.evNav_content { position: relative; width: 100%; padding: 42px 0px 38px 0; overflow: hidden }
.evNav_contentBlock { position: relative; width: 101%; height: 60px; line-height: 60px; border-bottom: 1px solid #ccc }
.evNav_block { position: relative; float: left; width: 44.5%; font-size: 36px; color: #686868; cursor: pointer }
.evNav_leftBlock { text-align: right; padding-right: 5% }
.evNav_rightBlock { padding-left: 5% }
.evNav_block.cur { background: #ffe109; color: #333333 }
.evNav_block:hover { color: #333 }
.ev_ulContent { position: relative; width: 100% }
.navLi_ul { position: absolute; bottom: 30px; right: 5%; z-index: 99 }
.navLi_li { position: relative; width: 12px; height: 12px; background: #fff; float: left; margin-left: 12px; border-radius: 100px; cursor: pointer; border: 1px solid #ccc }
.navLi_li.cur { background: #192d7b; border: 1px solid #192d7b }
.abInn_img { position: relative; width: 100% }
.abInn_img img { width: 100% }
#popUp { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: url(../images/black.png); z-index: 1000; zoom: 1; visibility: hidden }
#popUp .webmain { width: 720px; height: 480px; padding: 10px; position: absolute; top: 50%; left: 50%; margin-left: -370px; margin-top: -220px; background: #FFF; visibility: hidden; opacity: 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
#popUp .btn-close { width: 66px; height: 22px; position: absolute; right: 0px; top: -25px; cursor: default; background: url(../images/lightbox-btn-close.gif) no-repeat }
#popUp .video-area { width: 100%; height: 100%; background: #000 }
#popUp.show { visibility: visible }
#popUp.show .webmain { opacity: 1; margin-top: -250px; visibility: visible }

.bu_ul { position: absolute; right: -110px; top: 36px; width: 117px; height: 47px; background: url(../images/bu_1.png) no-repeat center; z-index: 999; }

.bu_en { position: absolute; left: 15px; color: #fff; font-size: 16px; top: 11px; }

.bu_ch { position: absolute; right: -1px; top: -2px; width: 66px; height: 48px; background: url(../images/bu_2.png) no-repeat center; line-height: 48px; text-align: center; font-size: 16px; color: #283f84; display: block; }
#fgDiv { background: #f5f5f5 }
.grid_title { width: 100%; text-align: center; padding: 50px 0; font-size: 28px; color: #494949; }
.box-title { font-size: 30px; text-align: center; margin-bottom: 50px; }
.he_ul { position: absolute; top: 81px; left: 50%; width: 228px; margin-left: -114px; border: 1px solid #eee; display: none; background: url(../images/h_2.png); }

a.he_a { display: block; position: relative; width: 90%; background: url(../images/h_2.png); height: 45px; line-height: 45px; border-bottom: 1px solid #eee; padding-left: 10%; color: #0c0b0b; }
a.he_a:hover { background: url(../images/H_1.png); color: #fff; }
.he_a:after { content: ""; position: absolute; right: 30px; width: 20px; height: 20px; background: url(../images/h_3.png) no-repeat center; top: 50%; margin-top: -11px; opacity: 0; }
a.he_a:hover:after { opacity: 1; right: 20px; }

.he_ul.he_w1 { width: 260px; }

.he_ul.he_w2 { width: 140px; margin-left: -70px; }
.de_content { position: relative; width: 1201px; height: 639px; background: url(../images/h_6.jpg) no-repeat; margin-top: 40px; }
.de_contentBlock { float: right; width: 534px; height: 100%; background: url(../images/h_61.png); }

.de_ulblock { position: relative; width: 450px; margin: auto; padding-top: 40px; }

.de_liBlock { position: relative; width: 100%; margin-bottom: 22px; }

.de_title { font-size: 18px; }

.de_liTitle { float: left; font-size: 16px; min-width: 78px; }
.de_liTitle2 { float: left; font-size: 16px; min-width: 78px; padding-left: 22px; }

input.de_inputText { position: relative; float: left; border: 0px; border-bottom: 1px solid #ccc; width: 352px; background: url(../images/null.png); height: 26px; line-height: 26px; color: #666; outline: none; margin-left: 10px; }

textarea.de_textarea { position: relative; width: 96%; margin-top: 16px; background: url(); height: 78px; padding: 2%; }

.de_submit { position: relative; float: right; width: 80px; height: 28px; background: #d7d7d7; text-align: center; line-height: 28px; font-size: 16px; color: #666; border: 0px; cursor: pointer; float: right; background: #ccc; font-size: 16px; cursor: pointer; }
.de_inputText2 { position: relative; float: left; border: 0px; border-bottom: 1px solid #ccc; width: 120px; background: url(../images/null.png); height: 26px; line-height: 26px; color: #666; outline: none; margin-left: 10px; }
.he_aBlock { color: #666; }

.int_content { position: relative; width: 100%; }
.int_content.bg_01 { background: #eeeeee; margin-bottom: 20px; }
.int_contentBlock { position: relative; width: 1202px; margin: auto; }
.int_img { position: relative; float: left; width: 600px; }
.int_img img { width: 100%; }
.int_textBlock { position: relative; float: left; padding-top: 50px; width: 530px; padding-left: 30px; text-align: justify; padding-right: 40px; }
.int_ulBlock { position: relative; width: 100%; padding-bottom: 80px; }
.int_title { font-size: 24px; margin-bottom: 20px; }
.bu_ul.cur { right: -38px; }


video::-webkit-media-controls-enclosure { overflow: hidden; }
video::-webkit-media-controls-panel { width: calc(100% + 30px); }

/* video标签去除下载按钮 好像能的样子  */
video::-internal-media-controls-download-button { display: none; }
video::-webkit-media-controls-enclosure { overflow: hidden; }
video::-webkit-media-controls-panel { width: calc(100% + 30px); }

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

.tel_block { position: absolute; right: 94px; background: rgba(255,255,255,0.9); padding: 9px 15px; font-size: 18px; border-radius: 5px; color: #666; top: 27px; display: none; animation: fadeIn 0.3s ease-in-out backwards; }

.ul_liBlock:hover .tel_block { display: block; }

.ga1_page { position: relative; }

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

.ga1_bg img { width: 100%; }

.ga1_title { position: absolute; right: 6%; top: 6%; z-index: 90; color: #333; font-size: 80px; }

.ga1_title h2 { font-weight: 100; text-align: right; line-height: 1.2em; }

.ga2_page { position: relative; background: #f8b171; padding: 6% 0 2%; }

.ga2_img { position: relative; width: 41%; float: left; margin-left: 6%; }

.ga2_img img { width: 100%; }

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

.ga2_text { position: relative; width: 25%; float: left; margin-left: 5%; padding-top: 3%; }

.ga2_block { position: relative; margin-bottom: 2%; }

.ga2_te { text-align: justify; margin-top: 3%; }

h2.ga2_title { font-size: 36px; margin-bottom: 5%; }

.ga1_body img { max-width: 100%; display: block; margin-bottom: 0; }
.ga1_body { color: #333; font-size: 16px; }

.ga2_block:nth-child(2) .ga2_text { margin-left: 21%; }

.ga3_page { background: #fef0e5; padding: 3% 6% 0; position: relative; box-sizing: border-box; }

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

.ga3_block { float: left; width: 52%; background: #f8b171; padding: 6% 7.3%; position: relative; box-sizing: border-box; margin-top: 6%; padding-left: 8%; border-radius: 60px 0 0 60px; }

.ga3_wx { position: absolute; bottom: 0; right: 0; width: 14%; z-index: 90; }

h2.ga3_title { font-size: 36px; margin-bottom: 5%; }

.ga3_text p { margin-bottom: 5%; }

.pa3_img { position: relative; width: 25%; float: left; margin-left: -0.5%; z-index: 90; }

.ga4_page { background: #aad3fc; position: relative; padding-top: 3%; }

h2.pa4_title { font-size: 36px; text-align: center; margin-bottom: 2.5%; }

.pa4_block { position: relative; width: 53%; margin: auto; margin-bottom: 3%; padding-top: 15px; }

.pa4_te { position: relative; width: 80%; margin: auto; margin-top: 2%; line-height: 1.8em; }

.pa41_text { position: relative; width: 25%; float: left; line-height: 1.8em; padding-top: 6%; padding-left: 15%; margin-right: 15%; text-align: justify; }

.pa41_img { position: relative; width: 45%; float: left; }

.pa41_img img { width: 100%; }

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

.ga1_body div { line-height: 1.6em; }

.ga1_title h1 { line-height: 1.2em; margin-bottom: 10px; }

.ga5_page { background: #fef0e5; padding: 6% 0 1px; }

.ga5_page .pa41_img { width: 54%; }

.ga5_page .pa41_text { margin-right: 6%; }

.ga5_page .pa41_block { margin-bottom: 4%; }

.ga5_page .pa41_block:nth-child(2n) .pa41_text { padding-left: 6%; }

.pa6_page { position: relative; }

.pa6_block { position: absolute; right: 0%; top: 30%; z-index: 90; background: rgb(248,177,113,0.55); width: 58%; padding: 6%; box-sizing: border-box; padding-right: 15%; }

h2.pa6_title { font-size: 32px; margin-bottom: 20px; }

.pa6_name { position: absolute; right: 6%; bottom: 10%; z-index: 90; color: #fff; }

.pa6_name p { margin-bottom: 10px; }

.ga1_body h2 { line-height: 1.2em; font-size: 30px; margin-bottom: 12px; }