@font-face { font-family: 'DIN'; src: url("../fonts/DIN-Medium.otf"); }
@font-face { font-family: 'DIN-BlackItalic'; src: url("../fonts/DIN-BlackItalic.otf"); }
.wrapper { width: 86%; max-width: 1440px; margin: 0 auto; position: relative; }
.wrapper:after { content: ''; display: block; clear: both; }
.fixed_consultation { position: fixed; right: 0; top: 26%; z-index: 9; }
.fixed_consultation .block { position: relative; width: 70px; height: 70px; }
.fixed_consultation .block:first-of-type .box { border: none; }
.fixed_consultation .block:nth-of-type(2) .box { /*background-color: #e06807;*/ }
.fixed_consultation .block:hover .hide.ho { opacity: 1; visibility: visible; }
.fixed_consultation .box { width: 100%; height: 100%; background-color: #108cee; text-align: center; border-top: 1px solid #fff; }
.fixed_consultation .box.totop { display: none; }
.fixed_consultation .box a { display: block; height: 100%; }
.fixed_consultation .box i { height: 18px; background-position: center; background-repeat: no-repeat; background-size: contain; display: block; }
.fixed_consultation .box span { font-size: 12px; color: #fff; display: block; margin-top: 5px; }
.fixed_consultation .hide { position: absolute; right: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-right: 10px; }
.fixed_consultation .hide.ho { opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.fixed_consultation .hide.hi { display: none; }
.fixed_consultation .hide:after { content: ''; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #fff; position: absolute; right: 2px; top: 50%; margin-top: -8px; }
.fixed_consultation .hide_cont { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 5px; padding: 15px 20px; white-space: nowrap; }
.fixed_consultation .hide_cont h3 { font-size: 18px; line-height: 20px; margin-bottom: 6px; position: relative; }
.fixed_consultation .hide_cont h3:before { content: ''; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/icon-16.png"); display: inline-block; vertical-align: middle; margin: -3px 10px 0 0; }
.fixed_consultation .hide_cont h3 i { position: absolute; right: 0; top: 0; font-size: 18px; cursor: pointer; color: #bbb; }
.fixed_consultation .hide_cont p { font-size: 14px; line-height: 20px; }
.fixed_consultation .hide_cont form { width: 210px; display: block; position: relative; padding-right: 75px; }
.fixed_consultation .hide_cont .form { width: 210px; display: block; position: relative; padding-right: 75px; }
.fixed_consultation .hide_cont input { width: 100%; height: 36px; border: 1px solid #e9e9e9; padding: 0 5px; font-size: 14px; color: #333; }
.fixed_consultation .hide_cont input#callBtn { position: absolute; right: 0px; top: 0px; width: 75px; height: 36px; background: none; border: none; z-index: 2; background-color: #108cee; ont-size: 14px; color: #fff; cursor: pointer; }
.fixed_consultation .hide_cont button { position: absolute; right: 0; top: 0; display: none; width: 75px; height: 36px; background-color: #108cee; font-size: 14px; color: #fff; cursor: pointer; }
.video_pop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 11; display: none; }
.video_pop .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 1; }
.video_pop .close { width: 32px; height: 32px; position: absolute; right: 20px; top: 20px; background: url("../images/close.png") center no-repeat; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; cursor: pointer; z-index: 2; }
.video_pop .close:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.video_pop video { position: absolute; top: 50%; left: 50%; z-index: 2; max-height: 60vh; max-width: 60vw; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.comm_inner_banner { background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url("../images/banner.jpg"); padding: 135px 0 60px; }
.comm_inner_banner .cont { padding: 6.25vw 0; }
.comm_inner_banner .inner_title:after { display: none; }
.fixed_header { position: fixed; top: 0; left: 0; right: 0; z-index: 10; background: #fff; height: 72px; padding: 0 30px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); display: none; }
.fixed_header .logo { display: inline-block; vertical-align: middle; margin: 16px 0; }
.fixed_header .logo img { display: block; }
.fixed_header .link { display: inline-block; vertical-align: middle; margin-left: 4vw; font-size: 0; }
.fixed_header .link a { font-size: 14px; line-height: 24px; color: #333; padding: 0 24px; display: inline-block; vertical-align: top; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.fixed_header .link a:after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -6px; width: 1px; height: 12px; background: #d9d9d9; }
.fixed_header .link a:first-of-type { padding-left: 0; }
.fixed_header .link a:last-of-type { padding-right: 0; }
.fixed_header .link a:last-of-type:after { display: none; }
.fixed_header .link a:hover { color: #118cee; }
.fixed_header .ope { position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; }
.fixed_header .ope .tel { display: inline-block; vertical-align: middle; padding-left: 32px; background-position: left center; background-repeat: no-repeat; background-image: url("../images/fixed-nav-icon1.png"); }
.fixed_header .ope .tel h3 { font-size: 12px; color: #808080; line-height: 18px; }
.fixed_header .ope .tel span { display: block; font-size: 18px; color: #118cee; font-family: 'DIN'; line-height: 24px; }
.fixed_header .ope a { display: inline-block; vertical-align: middle; width: 120px; line-height: 34px; text-align: center; border-radius: 5px; font-size: 12px; border: 1px solid transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.fixed_header .ope a:before { content: ''; width: 15px; height: 15px; background-position: center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-right: 6px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.fixed_header .ope a.btn1 { margin-left: 40px; margin-right: 10px; border-color: #118cee; color: #118cee; }
.fixed_header .ope a.btn1:before { background-image: url("../images/fixed-nav-icon2.png"); }
.fixed_header .ope a.btn1:hover { background: #e06807; border-color: #e06807; color: #fff; }
.fixed_header .ope a.btn1:hover:before { background-image: url("../images/fixed-nav-icon2-on.png"); }
.fixed_header .ope a.btn2 { background: #118cee; color: #fff; }
.fixed_header .ope a.btn2:before { background-image: url("../images/fixed-nav-icon3.png"); }
.comm_sub_nav { position: absolute; top: 72px; left: 0; right: 0; padding: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15); font-size: 0; z-index: 8; }
.comm_sub_nav .link a { display: inline-block; vertical-align: top; line-height: 58px; font-size: 14px; color: #fff; margin-right: 15px; padding: 0 15px; border-bottom: 3px solid transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.comm_sub_nav .link a.active { border-color: #fff; }
.comm_sub_nav .link a:hover { color: #108cee; }
.comm_sub_nav .btns { position: absolute; right: 0; top: 0; bottom: 0; }
.comm_sub_nav .btns a { display: inline-block; vertical-align: top; width: 150px; font-size: 14px; line-height: 60px; color: #fff; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.15); }
.comm_sub_nav .btns a:before { content: ''; height: 16px; display: inline-block; vertical-align: middle; margin: -3px 10px 0 0; background-position: center; background-repeat: no-repeat; background-size: contain; }
.comm_sub_nav .btns a:nth-of-type(1):before { width: 20px; background-image: url("../images/icon-1.png"); }
.comm_sub_nav .btns a:nth-of-type(2):before { width: 16px; background-image: url("../images/icon-2.png"); }
.comm_pos_nav { margin-top: -60px; position: relative; z-index: 1; }
.comm_pos_nav .cont { background: #fff; height: 120px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); font-size: 0; text-align: center; padding: 0 4vw; }
.comm_pos_nav .item { display: inline-block; vertical-align: top; height: 100%; position: relative; cursor: pointer; max-width: 300px; }
.comm_pos_nav .item i { display: block; margin: 0 auto; height: 32px; background-position: center; background-repeat: no-repeat; }
.comm_pos_nav .item span { display: block; font-size: 14px; color: #808080; margin-top: 5px; }
.comm_pos_nav .item:after { content: ''; width: 1px; height: 36px; background: #e6e6e6; position: absolute; right: 0; top: 50%; margin-top: -18px; }
.comm_pos_nav .item .line { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; transform-origin: left center; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.comm_pos_nav .item:last-of-type:after { display: none; }
.comm_pos_nav .item:nth-of-type(1) .line { background: #00758f; }
.comm_pos_nav .item:nth-of-type(2) .line { background: #3a913f; }
.comm_pos_nav .item:nth-of-type(3) .line { background: #942645; }
.comm_pos_nav .item:nth-of-type(4) .line { background: #0e7fa6; }
.comm_pos_nav .item:nth-of-type(5) .line { background: #f29209; }
.comm_pos_nav .item:nth-of-type(6) .line { background: #717378; }
.comm_pos_nav .item_3 .item { width: 33.33%; }
.comm_pos_nav .item_4 .item { width: 25%; }
.comm_pos_nav .item_5 .item { width: 20%; }
.comm_pos_nav .item_6 .item { width: 16.666%; }
.comm_pos_nav.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 5; background: #fff; margin-top: 0; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
.comm_pos_nav.fixed .cont { box-shadow: none; height: 80px; }
.comm_pos_nav.fixed .item.active .line { content: ''; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
.comm_fixed_nav { position: fixed; top: 0; left: 0; right: 0; z-index: 10; background: #fff; height: 72px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.comm_fixed_nav.active { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
.comm_fixed_nav .logo { display: inline-block; vertical-align: middle; margin: 0 20px; }
.comm_fixed_nav .items { font-size: 0; display: inline-block; vertical-align: middle; }
.comm_fixed_nav .item { display: inline-block; vertical-align: top; height: 100%; position: relative; cursor: pointer; padding: 20px 30px; }
.comm_fixed_nav .item i { display: inline-block; vertical-align: middle; margin: 0 auto; width: 40px; height: 32px; background-position: center; background-repeat: no-repeat; }
.comm_fixed_nav .item span { display: inline-block; vertical-align: middle; font-size: 14px; color: #808080; margin-top: 5px; margin-left: 10px; }
.comm_fixed_nav .item:after { content: ''; width: 1px; height: 36px; background: #e6e6e6; position: absolute; right: 0; top: 50%; margin-top: -18px; }
.comm_fixed_nav .item .line { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; transform-origin: left center; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.comm_fixed_nav .item:last-of-type:after { display: none; }
.comm_fixed_nav .item:nth-of-type(1) .line { background: #00758f; }
.comm_fixed_nav .item:nth-of-type(2) .line { background: #3a913f; }
.comm_fixed_nav .item:nth-of-type(3) .line { background: #942645; }
.comm_fixed_nav .item:nth-of-type(4) .line { background: #0e7fa6; }
.comm_fixed_nav .item:nth-of-type(5) .line { background: #f29209; }
.comm_fixed_nav .item:nth-of-type(6) .line { background: #717378; }
.comm_fixed_nav .item.active .line { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
.comm_fixed_nav .ope { position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; }
.comm_fixed_nav .ope .tel { display: inline-block; vertical-align: middle; padding-left: 32px; background-position: left center; background-repeat: no-repeat; background-image: url("../images/fixed-nav-icon1.png"); }
.comm_fixed_nav .ope .tel h3 { font-size: 12px; color: #808080; line-height: 18px; }
.comm_fixed_nav .ope .tel span { display: block; font-size: 18px; color: #118cee; font-family: 'DIN'; line-height: 24px; }
.comm_fixed_nav .ope a { display: inline-block; vertical-align: middle; width: 120px; line-height: 34px; text-align: center; border-radius: 5px; font-size: 12px; border: 1px solid transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.comm_fixed_nav .ope a:before { content: ''; width: 15px; height: 15px; background-position: center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-right: 6px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.comm_fixed_nav .ope a.btn2 { margin-left: 40px; background: #118cee; color: #fff; }
.comm_fixed_nav .ope a.btn2:before { background-image: url("../images/fixed-nav-icon3.png"); }
.comm_cont_bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 14; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.comm_cont_bg.active { opacity: 1; visibility: visible; }
.comm_cont_pop { width: 100vw; position: fixed; top: 0; left: -100%; bottom: 0; z-index: 15; visibility: hidden; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; }
.comm_cont_pop.active { left: 0; visibility: visible; }
.comm_cont_pop .icon { width: 34px; height: 34px; position: absolute; top: calc(8vh + 20px); right: calc(8vh + 20px); background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/close.svg"); cursor: pointer; z-index: 2; }
.comm_cont_pop .cont { position: absolute; top: 8vh; left: 0; bottom: 8vh; right: 8vh; background: #f7f7f7; }
.comm_cont_pop .b_tabtit { width: 126px; position: absolute; top: 0; left: 0; bottom: 0; z-index: 2; }
.comm_cont_pop .b_tabtit .bg { position: absolute; top: 0; left: 0; width: 110px; bottom: 0; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.comm_cont_pop .b_tabtit span { margin-right: 16px; position: relative; display: block; text-align: center; font-size: 14px; line-height: 20px; height: 7.4vh; color: #808080; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.comm_cont_pop .b_tabtit span .cell { max-width: 80px; }
.comm_cont_pop .b_tabtit span .cell:before { content: ''; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 16px solid #118cee; position: absolute; left: 100%; top: 50%; margin-top: -16px; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.comm_cont_pop .b_tabtit span:after { content: ''; width: 24px; height: 1px; margin: 0 auto; background: #e6e6e6; position: absolute; bottom: 0; left: 0; right: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.comm_cont_pop .b_tabtit span:last-of-type:after { display: none; }
.comm_cont_pop .b_tabtit span:not(.active):hover { color: #118cee; }
.comm_cont_pop .b_tabtit span.active { background: #118cee; color: #fff; }
.comm_cont_pop .b_tabtit span.active:after { display: none; }
.comm_cont_pop .b_tabtit span.active .cell:before { opacity: 1; }
.comm_cont_pop .b_tabtit .slick-arrow { position: absolute; left: 0; width: 110px; background-color: #118cee; background-position: center; background-repeat: no-repeat; background-size: auto 1.6vh; height: 7.4vh; font-size: 0; cursor: pointer; }
.comm_cont_pop .b_tabtit .slick-prev { bottom: calc(50% + 42vh - 7.4vh); background-image: url("../images/up.svg"); }
.comm_cont_pop .b_tabtit .slick-next { top: calc(50% + 42vh - 7.4vh); background-image: url("../images/down.svg"); }
.comm_cont_pop .b_tabcont { width: calc(100% - 110px); height: 100%; margin-left: 110px; }
.comm_cont_pop .b_child { padding-left: 6.8vw; position: relative; height: 0; overflow: hidden; }
.comm_cont_pop .b_child.active { height: 100%; }
.comm_cont_pop .m_tabtit { width: 110px; position: absolute; top: 0; left: 0; bottom: 0; }
.comm_cont_pop .m_tabtit .bg { position: absolute; top: 0; left: 0; width: 110px; bottom: 0; background-color: #fff; }
.comm_cont_pop .m_tabtit span { position: relative; display: block; text-align: center; font-size: 14px; height: 7.4vh; color: #808080; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.comm_cont_pop .m_tabtit span .cell { max-width: 80px; }
.comm_cont_pop .m_tabtit span:after { content: ''; width: 24px; height: 1px; margin: 0 auto; background: #e6e6e6; position: absolute; bottom: 0; left: 0; right: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.comm_cont_pop .m_tabtit span:not(.active):hover { color: #118cee; }
.comm_cont_pop .m_tabtit span.active { color: #118cee; }
.comm_cont_pop .m_tabtit .slick-arrow { position: absolute; left: 0; width: 110px; background-color: #118cee; background-position: center; background-repeat: no-repeat; background-size: auto 1.6vh; height: 7.4vh; font-size: 0; cursor: pointer; }
.comm_cont_pop .m_tabtit .slick-prev { bottom: calc(50% + 42vh - 7.4vh); background-image: url("../images/up.svg"); }
.comm_cont_pop .m_tabtit .slick-next { top: calc(50% + 42vh - 7.4vh); background-image: url("../images/down.svg"); }
.comm_cont_pop .m_tabcont { height: 100%; }
.comm_cont_pop .m_child { padding-left: 6.8vw; height: 0; overflow: hidden; }
.comm_cont_pop .m_child.active { height: 100%; }
.comm_cont_pop .s_tabtit { padding-top: 8.3vh; font-size: 0; margin-right: 6.8vw; }
.comm_cont_pop .s_tabtit span { position: relative; display: inline-block; vertical-align: top; margin-right: 24px; width: calc((100% - 120px) / 6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 40px; padding-bottom: 24px; font-size: 14px; line-height: 24px; color: #808080; cursor: pointer; }
.comm_cont_pop .s_tabtit span:last-of-type { margin-right: 0; }
.comm_cont_pop .s_tabtit span:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #e6e6e6; }
.comm_cont_pop .s_tabtit span:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #118cee; transform-origin: left center; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; }
.comm_cont_pop .s_tabtit span i { width: 24px; height: 24px; position: absolute; left: 0; top: 0; text-align: center; font-size: 12px; color: #808080; border: 1px solid #838383; border-radius: 50%; font-style: normal; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.comm_cont_pop .s_tabtit span.active { color: #118cee; }
.comm_cont_pop .s_tabtit span.active i { background-color: #118cee; color: #fff; border-color: #118cee; }
.comm_cont_pop .s_tabtit span.active:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
.comm_cont_pop .s_tabtit .slick-arrow { position: absolute; width: 50px; height: 50px; background-color: #fff; background-position: center; background-repeat: no-repeat; font-size: 0; cursor: pointer; top: 8.3vh; border-radius: 50%; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }
.comm_cont_pop .s_tabtit .slick-prev { left: -74px; background-image: url("../images/prev.png"); }
.comm_cont_pop .s_tabtit .slick-next { right: -50px; background-image: url("../images/next.png"); }
.comm_cont_pop .s_tabcont { margin-top: 10vh; position: relative; }
.comm_cont_pop .s_tabcont .s_child { display: none; }
.comm_cont_pop .s_tabcont .wire { width: 102%; position: absolute; top: 12%; left: 0; opacity: 0; -webkit-animation: popFade 0.3s linear forwards; -moz-animation: popFade 0.3s linear forwards; -ms-animation: popFade 0.3s linear forwards; animation: popFade 0.3s linear forwards; }
.comm_cont_pop .s_tabcont .wire img { display: block; width: 100%; }
.comm_cont_pop .s_tabcont .txt { position: absolute; left: 0; top: 50%; width: 25%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.comm_cont_pop .s_tabcont .txt .txt_box { position: relative; opacity: 0; -webkit-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards; -moz-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards; -ms-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards; animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.comm_cont_pop .s_tabcont .txt p { font-size: 32px; line-height: 40px; color: #333; font-weight: lighter; text-align: justify; max-height: 360px; overflow: auto; padding-right: 10px; }
.comm_cont_pop .s_tabcont .txt p span { color: #118cee; }
.comm_cont_pop .s_tabcont .txt a { width: 180px; line-height: 48px; font-size: 16px; color: #fff; text-align: center; display: block; background: #118cee; margin-top: 3.7vh; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.comm_cont_pop .s_tabcont .txt a:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); box-shadow: 0 10px 30px rgba(17, 140, 238, 0.5); }
.comm_cont_pop .s_tabcont .img_slick { margin-left: 37.4%; width: 50%; text-align: center; position: relative; opacity: 0; -webkit-animation: o-upfade-top 0.7s 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; -moz-animation: o-upfade-top 0.7s 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; -ms-animation: o-upfade-top 0.7s 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; animation: o-upfade-top 0.7s 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.comm_cont_pop .s_tabcont .img_slick .item { background-position: center; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("../images/pc.png"); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); padding: 8% 2% 2%; border-radius: 20px 20px 0 0; }
.comm_cont_pop .s_tabcont .img_slick .item.m { width: 32%; margin: 0 auto; border-radius: 22px; padding: 7% 2%; background-image: url("../images/m.png"); }
.comm_cont_pop .s_tabcont .img_slick .item.m img { border: 1px solid #d9d9d9; }
.comm_cont_pop .s_tabcont .img_slick img { width: 100%; }




 @media screen and (max-width: 1600px) {
.fixed_header .link a { padding: 0 12px; }
.comm_cont_pop .icon { top: calc(8vh + 10px); right: calc(8vh + 10px); }
.comm_cont_pop .s_tabcont .txt p { font-size: 20px; line-height: 32px; max-height: 288px; }
.comm_cont_pop .s_tabtit .slick-arrow { top: 6vh; }
.comm_cont_pop .s_tabcont { margin-top: 7vh; }
}
@media screen and (max-width: 1500px) {
.comm_sub_nav { top: 60px; }
.comm_pos_nav,  .comm_pos_nav_null { margin-top: -50px; }
.comm_pos_nav .cont { height: 100px; }
.comm_fixed_nav .item { padding: 23px 15px; }
.comm_fixed_nav .item i { width: 26px; height: 26px; background-size: contain; }
.comm_cont_pop .s_tabcont .txt { width: 28%; }
}
@media screen and (max-width: 1366px) {
.fixed_header .link { margin-left: 3vw; }
}
@media screen and (max-width: 1300px) {
.fixed_header .link { margin-left: 20px; }
.fixed_header .link a { padding: 0 7px; }
.fixed_header .ope .tel { display: none; }
.fixed_header .ope a.btn1 { margin-left: 0; }
.comm_sub_nav .link a { padding: 0 10px; margin-right: 10px; }
.comm_sub_nav .btns a { width: 120px; }
.comm_cont_pop .s_tabcont { margin-top: 10vh; }
.comm_cont_pop .s_tabcont .txt a { width: 160px; line-height: 44px; }
}
.hmc1Mes { height: 65px; position: absolute; z-index: 20; left: 0px; bottom: 0px; }


/*# sourceMappingURL=bundle.css.map */

/*new site CSS*/
.cor_000{color:#000}.cor_111{color:#111}.cor_222{color:#222}.cor_333{color:#333}.cor_444{color:#444}.cor_555{color:#555}.cor_666{color:#666}.cor_777{color:#777}.cor_888{color:#888}.cor_999{color:#999}.bgImg{background-position:center center; background-repeat:no-repeat; background-size:cover;}.bgImg img{display:none!important;}.mNoBgImg{background:none!important;}.mNoBgImg img{display:inline-block;}.overflowHide{overflow:hidden;position:relative;z-index:0}.scaleImg .bgImg{transition:all 0.5s ease-in-out;position:absolute;height:100%;width:100%;left:0;top:0}.scaleImg:hover .bgImg{transform:scale(1.1);}.scaleImg img{transition:all 0.5s ease;}.scaleImg:hover img{ transform:scale(1.1);}.scaleImg:hover img.iOpacity,.scaleImg:hover img.noScaleImg{ transform:scale(1);}.bd_weixin_popup{box-sizing:content-box;}#platform *{box-sizing:content-box;}.coverBg{ background-size:cover!important;}.wOpacity{opacity:0;}.nLink{}.backTop{}.borRds2{border-radius:0.2em;}.borRds3{border-radius:0.3em;}.borRds18{border-radius:1.8em;}.borRds50{border-radius:50%;}.iOpacity{opacity:0; transition:all 0.5s ease-in-out}.pubRow{}.hvrIopacity{}.hvrIopacity:hover .iOpacity{opacity:1;}.vhCenter{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}.txtBox-wp,.picBox-wp{ display:flex; align-items:center;}.picBox-wp img{max-width:100%; height:auto;}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.transition{transition:all 0.5s ease}.opacity{opacity:0}
.str_move{ position:absolute; left:0; white-space:nowrap; top:0; cursor:move;}
@keyframes mouseIcon {
  0% {
  top:5px;
  opacity:1;
  }
  100% {
  top:8px;
  opacity:0.5;
  }
}
@keyframes caseIcon {
  0% {
  transform:scale(0.7);
  opacity:1;
  }
  100% {
  transform:scale(1.2);
  opacity:0;
  }
}
@keyframes mesaiIcon {
  0% {
  transform:translateY(-10px);
  }
  50% {
  transform:translateY(0);
  }
  100% {
  transform:translateY(-10px);
  }
}
.container{ max-width:1400px; padding:0 15px; margin-left:auto; margin-right:auto;}
.container a{transition:all 0.5s ease-in-out;}
.container a:hover{ color: #084fea; }
body{opacity:0; transition:all 0.5s ease-out;}
.bodyIn{opacity:1;}
@media (max-width:1799px){
.container{ max-width:1230px;}	
}
@keyframes hmBgAni {
  0% {
  -webkit-filter: brightness(100%);
   filter: brightness(100%);
   -webkit-filter: hue-rotate(0deg); 
   filter: hue-rotate(0deg);
  }
  50% {
  -webkit-filter: brightness(150%);
   filter: brightness(150%);
   -webkit-filter: hue-rotate(30deg); 
   filter: hue-rotate(30deg);
  }
  100% {
  -webkit-filter: brightness(100%);
   filter: brightness(100%);
   -webkit-filter: hue-rotate(0deg); 
   filter: hue-rotate(0deg);
  }
}

.hmc1Bg{height:100%; animation:hmBgAni 5s linear infinite;}
.hmc1Bg2{height:100vh; position:absolute; left:0; top:0; width:100%; opacity:0; transition:all 3s ease-in-out;}
.hmc1Bg2.on{opacity:1;}
.hmCon1{ height: 100vh; background: #342b76; position:relative; background-size:cover; background-position:center center;}
.hmc1Imgs{position:absolute; left:0; top:0; width:100%; height:100%; z-index:5;}
.hmc1_jiu{height:100%; width:100%; position:relative;}
.hmc1Imgs .hmc1ImgBg:nth-child(1){ opacity:0; transform:translate(0px,-150px); transition:all 1.0s ease-in-out; transition-delay:0.5s}
.hmc1Imgs.on .hmc1ImgBg:nth-child(1){ opacity:1; transform:translate(0px,0px);}
.hmc1Imgs .hmc1ImgBg:nth-child(2){ opacity:0; transform:translate(150px,0px); transition:all 1.0s ease-in-out; transition-delay:0.5s}
.hmc1Imgs.on .hmc1ImgBg:nth-child(2){ opacity:1; transform:translate(0px,0px);}
.hmc1Imgs .hmc1ImgBg:nth-child(3){ opacity:0; transform:translate(-150px,0px); transition:all 1.0s ease-in-out; transition-delay:0.5s}
.hmc1Imgs.on .hmc1ImgBg:nth-child(3){ opacity:1; transform:translate(0px,0px);}
.hmc1Imgs .hmc1ImgBg:nth-child(4){ opacity:0; transform:translate(150px,0px); transition:all 1.0s ease-in-out; transition-delay:0.5s}
.hmc1Imgs.on .hmc1ImgBg:nth-child(4){ opacity:1; transform:translate(0px,0px);}
.hmc1Imgs .hmc1ImgBg:nth-child(5){ opacity:0;transition:all 0.8s ease-in-out; transition-delay:1.4s}
.hmc1Imgs.on .hmc1ImgBg:nth-child(5){ opacity:1;}
.hmc1Imgs .hmc1ImgBg:nth-child(6){ opacity:0;transition:all 0.8s ease-in-out; transition-delay:1.2s}
.hmc1Imgs.on .hmc1ImgBg:nth-child(6){ opacity:1;}
.hmc1Imgs .hmc1ImgBg:nth-child(7){ opacity:0;transition:all 0.8s ease-in-out; transition-delay:1.0s}
.hmc1Imgs.on .hmc1ImgBg:nth-child(7){ opacity:1;}
@media (max-width:1799px){
.hmc1_jiu{transform:scale(0.8); transform-origin:30% 70%}
}

.hmc1ImgBg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; transition:all 0.5s ease-in-out;}
.hmc1Mes{ position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5); color: #fff; width: 100%; height: 65px; line-height: 65px; }
.hmc1Msnm { background: url(../images/hmc1_i1.png) no-repeat left center; padding-left: 42px; font-size: 18px; font-weight: bold; float: left; }
.hmc1MsItems{ margin-left: 118px; position: relative; height: 65px; line-height: 65px; font-size: 18px; overflow:hidden; white-space:nowrap; }
.hmc1_a{color:#fff; white-space:nowrap; margin-right:195px;}
.hmc1_a:hover{text-decoration:underline;}
.nextBtn{ position: absolute; left: 50%; bottom: 110px; margin-left: -9px; border: 1px solid #FFF; z-index: 22; border-radius: 0.4em; height: 29px; width: 19px; }
.nextBtn:after{ content: ""; background: #FFF; height: 7px; width: 3px; position: absolute; left: 7px; top: 8px; border-radius:0.3em; animation:mouseIcon 1.5s linear infinite; }
.hmc1Btns{ height: 48px; width: 24.21vw; position: absolute; right: 18.85vw; z-index: 20; bottom: 28.24vh; }
.hmc1_btn1{ background: url(../images/hmc1_btn1.png) no-repeat center center; height: 48px; width: 214px; line-height: 45px; font-size: 16px; color: #2f2675; text-align: center; display: inline-block; float: left; border-radius:1.8em; overflow:hidden; position:relative; z-index:1; transition:all 0.5s ease-out; }
.hmc1_btn2{ line-height: 41px; background: url(../images/hmc1_btn2.png) no-repeat 45px center; float: right; height: 45px; width: 210px; padding-left: 79px; border: 2px solid #FFF; border-radius: 1.8em; font-size: 16px; color: #FFF; transition:all 0.5s ease-out; }
.hmc1_btn1:hover,.hmc1_btn2:hover{box-shadow:0 2px 5px 3px rgba(0,0,0,0.1); transform:translateY(-5px)}
@media (max-width:1799px){
.hmc1Mes{height: 44px; line-height:44px; }
.hmc1Msnm { padding-left: 29px; font-size: 14px; background-size:20px auto;}
.hmc1MsItems{ margin-left: 98px; height: 44px; line-height: 44px; font-size: 14px; }
.hmc1_a{ margin-right:105px;}
.nextBtn{bottom: 60px; }
.hmc1_btn1{ background-size:cover; width:174px; height:40px; line-height:38px;}
.hmc1_btn2{ line-height: 38px; background: url(../images/hmc1_btn2.png) no-repeat 35px center; background-size:17px auto; height: 40px; width: 174px; padding-left:65px; border:1px solid #FFF; font-size: 16px; }
.hmc1Btns{width:360px; bottom:23vh;}
}

.hmCon2 { margin: 72px 0px 8.14vh; height: 392px; position: relative; }
.hmc2Imgs { position: absolute; top: 0px; right: 0px; }
.hmc2_rimg1{position:absolute; left:0; top:0; width:100%; height:auto; transition:all 0.5s ease-out; opacity:0; transform:translateY(30px)}
.hmc2_rimg{position:absolute; left:0; top:0; width:100%; height:auto; transition:all 0.5s ease-out; opacity:0; transform:translateY(-180px)}
.on .hmc2_rimg1:nth-child(2){ opacity:1; transform:translateY(0); transition-delay:0.0s;}
.on .hmc2_rimg:nth-child(3){ opacity:1; transform:translateY(0); transition-delay:0.3s;}
.on .hmc2_rimg:nth-child(4){ opacity:1; transform:translateY(0); transition-delay:0.4s;}
.on .hmc2_rimg:nth-child(5){ opacity:1; transform:translateY(0); transition-delay:0.5s;}
.on .hmc2_rimg:nth-child(6){ opacity:1; transform:translateY(0); transition-delay:0.3s;}
.on .hmc2_rimg:nth-child(7){ opacity:1; transform:translateY(0); transition-delay:0.7s;}
.on .hmc2_rimg:nth-child(8){ opacity:1; transform:translateY(0); transition-delay:0.5s;}
.on .hmc2_rimg:nth-child(9){ opacity:1; transform:translateY(0); transition-delay:0.3s;}
.on .hmc2_rimg:nth-child(10){ opacity:1; transform:translateY(0); transition-delay:0.5s;}
.hmc2_rimg2{ animation:mesaiIcon 2s infinite linear; display:block;}
.hmc2Lx { padding: 12px 610px 0px 0px; float:none; width:auto; height:auto; }
.hmc2Lx strong { height: 108px; padding-top: 38px; line-height: 64px; background: url(../images/hmc2_tbg.png) no-repeat left center; font-size: 44px; display: block; position: relative; }
.hmc2Lx strong:after{ content: ""; background: #333; height: 2px; width: 40px; position: absolute; left: 0px; bottom: 0px; }
.hmc2Lx p { font-size: 18px; line-height: 36px; color: #777; max-height: 144px; overflow: hidden; margin: 25px 0px; }
.hmc2_more{ background: #185AF0; display: inline-block; height: 48px; width: 165px; color: #FFF; text-align: center; font-size: 16px; line-height: 48px; border-radius:1.8em;}
.hmc2_more:hover{ box-shadow: 0 2px 4px 3px rgba(0,0,0,0.1); transform: translateY(-5px); color: #FFF!important; }
.hmCon3{ margin-bottom: 14.07vh; overflow:hidden; padding-top:10px; }
.hmCon3 ul{margin:0 -72px;}
.hmCon3 li{ padding: 0px 72px; text-align: center; transition:all 0.5s ease-out; width:25%; float:left }
.hmCon3 li:hover{ transform:translateY(-10px);}
.hmc3nums{ font-size: 22px; color: #333; line-height: 42px; margin-top: 15px; display: block; font-weight: bold; }
.hmc3nums span{display:inline-block; margin-right:2px;}
.hmCon3 li p{ font-size: 16px; line-height: 34px; color: #6d6d6d; }
.m2layerBg{background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; width:100%; height:100%; z-index:60; display:none}
.m2layer{ width:90%; max-width:1000px; top:50%; left:50%; transform:translate(-50%,-50%); z-index:62; background:#fff; background:#fff; border-radius:0.6em; min-height:300px; position:fixed; height:90vh; padding:50px 35px 0; display:none}
.m2lay_t{font-size:28px; line-height:36px; height:36px; overflow:hidden; text-align:center;}
.m2layTxt{ font-size:14px; line-height:28px; position:absolute; left:35px; right:35px; top:100px; bottom:50px; overflow:hidden}
.m2closebtn{ background: url(../images/m2close.png) no-repeat center center; display: inline-block; height: 30px; width: 30px; position: absolute; top: 25px; right: 30px; cursor:pointer }
@media (max-width:1799px){
.hmCon2{margin:60px 0 10px;}
.hmc2Lx strong { height: 80px; padding-top: 20px; font-weight:normal; line-height: 46px; font-size: 28px; background-size:auto 80px;}
.hmc2Lx p{font-size:14px; line-height:28px;}
.hmc2Imgs{width:520px;}
.hmc2Imgs img{width:100%; height:auto;}
.hmc2Lx{padding-right:580px;}
.hmCon3 li p{font-size:14px;}
.hmCon3{overflow:hidden; margin-bottom:60px;}

.m2layer{ padding:38px 25px 0;}
.m2lay_t{font-size:22px; line-height:32px; height:32px; }
.m2layTxt{ font-size:13px; line-height:26px; left:25px; right:25px; top:88px; bottom:40px;}
.m2closebtn{ height: 26px; width: 26px; top: 20px; right: 25px;}
}


.hmCon4 { margin-bottom:9.44vh; }
.hmc4Tbox { background: url(../images/hmc2_tbg.png) no-repeat center center; height: 108px; text-align: center; font-size: 44px; line-height: 55px; padding-top: 30px; margin-bottom: 5.37vh; font-weight: bold; position: relative; }
.hmc4BtnWpr { margin-bottom: 7.87vh; text-align:center; }
.hmc4btns{ height: 52px; border: 1px solid #E4E4E4; border-radius:1.8em; display:inline-block;}
.hmc4btn{ display: inline-block; padding: 0px 28px; border-radius: 1.8em; font-size: 16px; line-height: 50px; height: 50px; transition:all 0.3s ease-in-out; }
.hmc4btn.on{ color: #FFF!important; background: #2D55FF; font-size: 16px; }
.hmc4btn:hover{ color: #2d55ff; }
.hmc4Items { height:571px; position:relative;}
.hmc4item{position:absolute; left:0; right:0; top:0; transition:all 0.9s ease-out; opacity:0;}
.hmc4item.on { opacity:1; transform:translateY(0); z-index:2; }
.hmc4Tbox:after{ content: ""; background: #333; height: 2px; width: 40px; position: absolute; left: 50%; margin-left:-20px; bottom: 8px; }
.hmc4Slick { position:relative; min-height:300px; }
.hmc4Slick .prev{ height: 65px; width: 65px; position: absolute; left: -108px; margin-top: -32px; top: 50%; display: inline-block; border-radius:50%; box-shadow:0 0 3px 2px rgba(0,0,0,0.06); transition:all 0.5s ease-in-out; }
.hmc4Slick .prev i{ transition: all 0.5s ease-in-out; background: url(../images/hmc4_btn.png) no-repeat left top; display: inline-block; height: 24px; width: 12px; margin-top: -12px; margin-left: -6px; position: absolute; left: 50%; top: 50%; }
.hmc4Slick .prev:hover{ background: #084fea; }
.hmc4Slick .prev:hover i{background: url(../images/hmc4_btn.png) no-repeat right top;}
.hmc4Slick .next{ height: 65px; width: 65px; position: absolute; right: -108px; margin-top: -32px; top: 50%; display: inline-block; border-radius:50%; box-shadow:0 0 3px 2px rgba(0,0,0,0.06); transform:rotate(180deg); transition:all 0.5s ease-in-out; }
.hmc4Slick .next i{ transition: all 0.5s ease-in-out; background: url(../images/hmc4_btn.png) no-repeat left top; display: inline-block; height: 24px; width: 12px; margin-top: -12px; margin-left: -6px; position: absolute; left: 50%; top: 50%; }
.hmc4Slick .next:hover{ background: #084fea; }
.hmc4Slick .next:hover i{background: url(../images/hmc4_btn.png) no-repeat right top;}
.hmc4Slx{width:50%; padding-right:11px; float:left;}
.hmc4Srx{width:50%; padding-left:11px; float:right;}
.hmc4Srx .hmc4ul { display:block; margin-top:0px; }
.hmc4aBox1 .overflowHide { height: 377px; border-radius:0.3em 0.3em 0 0; position:relative; }
.hmc4aBom{ padding: 32px 30px 20px; position:relative; height:194px; overflow:hidden; position:relative; }
.hmc4aBom:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; bottom: 0; transition: all 0.5s ease-in-out; background: url(../images/hmc4Bg.png) no-repeat center center; background-size:cover; border-radius:0 0 0.3em 0.3em; opacity:0 }
.hmc4aBom strong { font-size: 22px; line-height: 36px; display: block; height: 36px; margin: 0px 0px 10px; font-weight: normal; position:relative; z-index:2; transition:all 0.5s ease-in-out }
.hmc4aBom p { font-size: 14px; line-height: 24px; color: #9f9f9f; height: 48px; overflow: hidden; margin-bottom: 18px; display:block; position:relative; z-index:2; transition:all 0.5s ease-in-out }
.hmc4_tm { background: url(../images/hmc4_i1.png) no-repeat left center; display: inline-block; padding-left: 28px; font-size: 16px; line-height: 22px; height: 22px; color: #333; position:relative; z-index:2; transition:all 0.1s ease-in-out }
.hmc4aBox1:hover *{color:#fff;}
.hmc4aBox1:hover .hmc4_tm { background: url(../images/hmc4_i1a.png) no-repeat left center;}
.hmc4aBox1:hover .hmc4aBom:before{opacity:1;}
.hmc4ul li { margin-bottom: 20px; }
.hmc4ul li:last-child{margin-bottom:0;}
.hmc4aBox2{position:relative; display:block; overflow:hidden; border-radius:0.3em; position:relative; z-index:1;}
.hmc4aBox2.scaleImg .overflowHide { float: left; height: 177px; width: 297px; }
.hmc4aBox2:before{ content: ""; background: url(../images/hmc4Bg.png) no-repeat right center; background-size: auto 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; transition:all 0.5s ease-in-out; opacity:0 }
.hmc4Rx { margin-left: 328px; padding: 42px 38px 0px 0px; position:relative; }
.hmc4ul li .hmc4Rx strong { font-size: 20px; line-height: 42px; font-weight: normal; display: block; height: 42px; transition:all 0.5s ease-in-out }
.hmc4ul li .hmc4Rx p { font-size: 14px; line-height: 24px; margin-top:0px; color: #9f9f9f; height: 48px; overflow: hidden; transition:all 0.5s ease-in-out }
.hmc4aBox2:hover strong,.hmc4aBox2:hover p{color:#fff;}
.hmc4aBox2:hover:before{opacity:1;}

.hmc4SlkItems .play { position:absolute; left:0px; width:100%; height:100%; top:0px;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: pointer;
  background: url(../images/play-1.png) no-repeat center center;
  background-size:50px 50px;
  display:block;
}
.hmc4SlkItems .play:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

/*视频*/
.video_place{position: fixed;top:0px;left: 0px;right: 0px;
    bottom: 0px;background-color: rgba(255,255,255,0.6);
    z-index: 999999999;
}
.lt9 .video_place{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")}
.video_con{z-index:2;width: 70%;height: 70%;
    background-color: #000;position: absolute;top: 50%;left: 50%;
    transform: translate(-50%,-50%);text-align: center;
}
.lt9 .video_con{top:20%;left: 10%;background: #000;}
.video_con video{width: 100%;height: 100%;}
.video_close_btn{position: absolute;top:15%; margin-top:-40px;right:15%;
    width:120px;height: 35px;background: #e60012;
    color: #fff;text-align: center;line-height: 35px;
    cursor: pointer;
}
.video_place .con { position:relative; }
.video_place p {position:absolute;top:80%;left:10%;
    width:80%; padding:20px 0px; color: #333;text-align: center;
    cursor: pointer;}
/*视频结束*/


@media (max-width:1799px){
.hmc4Tbox { height: 80px; font-weight:normal; padding-top: 20px; line-height: 46px; font-size: 28px; background-size:auto 80px;}
.hmc4Tbox:after{bottom:2px;}
.hmc4aBox1 .overflowHide{height:298px;}
.hmc4aBom strong{font-size:18px; line-height:28px; height:28px; margin-bottom:5px;}
.hmc4aBom p{font-size:13px; margin-bottom:5px;}
.hmc4aBom{ padding: 18px 15px 20px; height:142px; }
.hmc4_tm{font-size:14px;}
.hmc4ul li{margin-bottom:12px;}
.hmc4ul li:last-child{margin-bottom:0;}
.hmc4aBox2.scaleImg .overflowHide{height:138px; width:225px;}
.hmc4Rx { margin-left: 255px; padding:24px 22px 0px 0px; position:relative; }
.hmc4Rx strong { font-size:16px; line-height: 34px; height: 34px; }
.hmc4Rx p { font-size: 13px; line-height: 22px; height: 44px; }
.hmc4aBox2:before{center; background-size: 100% 100%;}
.hmc4Slick .prev{ transform:scale(0.8); left:-100px;}
.hmc4Slick .next{ transform:scale(0.8) rotate(180deg); right:-100px;}
}
@media (max-width:1379px){
.hmc4Slick .prev{ transform:scale(0.6); left:-60px;}
.hmc4Slick .next{ transform:scale(0.6) rotate(180deg); right:-60px;}
}


.hmBom{ background: url(../images/hmBom_bg.png) no-repeat 5.46vw bottom; min-height:545px; padding-bottom:1.85vh; }
.hmc11ul{ margin:0 -11px 3.7vh;}
.hmc11ul li{ margin-bottom: 25px; padding: 0px 11px; float: left; width: 16.666%; }
.hmc11Abox{ display: block; height: 106px; border: 1px solid #EDEDED; position: relative;background:#fff;}
.hmc11Abox img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto; }
.hmc11Abox:hover{box-shadow:0 2px 10px 9px rgba(0,0,0,0.08);}
@media (max-width:1799px){
.hmc11Abox{ height: 82px;}
.hmc11ul{ margin:0 -8px 3.7vh;}
.hmc11ul li{ margin-bottom: 16px; padding: 0px 8px;}
}

.hmCon5 { background: #1a52d3 url(../images/hmc5bg.jpg) no-repeat fixed center center; background-size: cover; padding-top: 5.09vh; }
.hmCon5 .hmc4Tbox{color:#fff;}
.hmCon5 .hmc4Tbox:after{background:#fff;}
.hmc5Btns{ text-align: center; }
.hmc5Content{border-left:1px solid rgba(255,255,255,0.3); padding-bottom:9.4vh; padding-top:7.4vh;}
.hmc5_btn{ font-size: 22px; line-height: 62px; background: #FFF; height: 62px; width: 176px; text-align: center; display: inline-block; margin: 0px 12px; font-weight: bold; border-radius:1.8em; box-shadow:0 0 4px 3px rgba(255,255,255,0.2); }
.hmc5_btn:hover{transform:translateY(-5px);}
.hmc5menu{text-align:center; margin-top:-25px; position:relative; height:62px;}
.hmc5MenuBox{position:absolute; left:0; width:100%; height:62px; padding-top:5px;}
.hmc5MenuBox.hmc5MenuBoxFixed{position:fixed; left:0; top:72px; background:rgba(0,0,0,0.6); padding-top:8px; z-index:10}
.hmc5MenuBox.hmc5MenuBoxFixedNo{position:absolute; top:0; background:none; padding-top:5px;}
.hmc5MenuBoxFixed .hmc5m_a{height:46px; line-height:44px;}
.hmc5m_a,hmc5MenuBoxFixedNo .hmc5m_a{ line-height: 50px; display: inline-block; padding: 0px 30px; height: 52px; font-size: 20px; color: #FFF; border: 1px solid #FFF; border-radius: 1.8em; margin: 0 10px; }
.hmc5m_a:hover,.hmc5m_a.on{ color: #1d5df2; background: #FFF; }
.hmc5_tm{ font-size: 30px; color: #FFF; line-height: 50px; padding-left: 44px; position: relative; }
.hmc5_tm:before{ content: ""; background: #FFF; height: 10px; width: 10px; margin-top: -5px; position: absolute; left: -5px; top: 50%; border-radius:50%;}
.hmc5ul{ width:100%; max-width:1230px; margin:0 auto; overflow:hidden}
.hmc5ul li{ padding:100px 36px 0; width:50%; float:left; height:auto; border:none; line-height:normal; padding-right:0px; letter-spacing:0px;}
.hmc5_item{padding-bottom:9.44vh;}
.hmc5ul_a{ display: block; height: 188px; padding: 30px 235px 0px 40px; position: relative; border-radius:0.4em; background:#fff; box-shadow:0 5px 14px 12px rgba(0,0,0,0.06); z-index:5; }
.hmc5ul li:hover .hmc5ul_a{ transform:translateY(-30px);}
.hmc5ul_a .overflowHide { height: 130px; width: 182px; position: absolute; right: 30px; top: 30px; }
.hmc5_stm1{ color: #6293fe; opacity: 0.5; transition: all 0.5s ease-in-out; position: absolute; line-height: 44px; font-size: 18px; left: 0px; top: -44px; }
.hmc5_stm2{ color: #85abff; opacity: 0.5; transition: all 0.5s ease-in-out; font-size: 60px; line-height: 50px; top: -40px; right: 45px; position: absolute; }
.hmc5_stm2:after{ content:""; width:100%; height:10px; background:#fff; position:absolute; left:0; bottom:0;}
.hmc5Des{ transition:all 0.5s ease-in-out; transform:translateY(8px);}
.hmc5Des strong{ font-size: 30px; font-weight: 100; line-height: 42px; display: block; margin-bottom: 2px; height: 50px; }
.hmc5Des p{ font-size: 16px; line-height: 26px; color: #979797; height: 52px; overflow: hidden; }
.hmc5Des span{ font-size: 16px; line-height: 26px; color: #666; text-decoration: underline; display: inline-block; margin-top: 5px; transition:all 0.5s ease-in-out; opacity:0 }
.hmc5ul_a:hover .hmc5_stm1,.hmc5ul_a:hover .hmc5_stm2{opacity:1;}
.hmc5ul_a:hover .hmc5Des span{opacity:1;}
.hmc5ul_a:hover .hmc5Des{transform:translateY(0);}
@media (max-width:1799px){
.hmCon5{padding-top:48px;}
.hmc5m_a,hmc5MenuBoxFixedNo .hmc5m_a{ line-height: 40px; padding: 0px 28px; height: 42px; font-size: 15px; }
.hmc5Content{padding-top:32px;}
.hmc5_tm{ font-size: 20px; line-height: 40px; padding-left: 38px; }
.hmc5ul_a{ height: 148px; padding:20px 195px 0px 20px; }
.hmc5ul li:hover .hmc5ul_a{ transform:translateY(-15px);}
.hmc5ul li{ padding:60px 15px 0;}
.hmc5ul {padding-left:17px; padding-right:17px;}
.hmc5_stm1{font-size:16px;}
.hmc5_stm2{font-size:38px; right:25px;}
.hmc5ul_a .overflowHide { height: 108px; width: 162px; right: 20px; top: 20px; }
.hmc5Des strong{ font-size: 22px; line-height: 30px; height: 30px; margin-bottom:5px; }
.hmc5Des p{ font-size: 14px; line-height: 26px; }
.hmc5Des span{ font-size: 14px; line-height: 22px; margin-top: 3px;}
.hmc5_btn{ font-size: 16px; line-height: 50px; height: 50px; width: 156px;}
.hmc5MenuBoxFixed .hmc5m_a{ line-height:40px; height:42px;}
.hmc5MenuBox{height:58px;}
}


.hmCon6 { padding: 4.62vh 0px 9.25vh; }
.hmc6ul{ margin: 0px -5px; }
.hmc6ul li{ padding: 0px 5px; float: left; height:auto; width: 17.5%; transition:all 0.5s ease-in-out; }
.hmc6ul li.on{ width:47.5%;}
.hmc6ul_num6 li { width:10.5%; }
.hmc6ul_num6 li.on { width:47.5%; }

.hmc6aBox{ display: block; position: relative; height: 435px; background:#070c41; }
.hmc6aBox:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-image: linear-gradient(130deg, #022d90 20%,#1d5ef3 90%); transition:all 0.5s ease-in-out; opacity:1;}
.hmc6ul li.on .hmc6aBox:before{opacity:0;}
.hmc6_bi{position:absolute; right:0; top:0; height:100%; width:auto; transition:all 0.5s ease-in-out; max-width:100%; opacity:0; transform:scale(0.6) ; transform-origin:right center;}
.hmc6ul li.on .hmc6_bi{opacity:1; transform:scale(1);}
.hmc6_dft{ font-size: 24px; line-height: 40px; color: #FFF; position: absolute; left: 25px; top: 50px; transition:all 0.5s ease-in-out;}
.hmc6_dfm{ background: url(../images/hmc6_i1.png) no-repeat center center; height: 35px; width: 35px; border: 1px solid #FFF; display: inline-block; position: absolute; left: 25px; bottom: 52px; border-radius:50%; transition:all 0.5s ease-in-out;}
.hmc6ul li.on .hmc6_dft{ opacity:0; transform:translateX(50px);}
.hmc6ul li.on .hmc6_dfm{ opacity:0; transform:translateX(50px);}
.hmc6txt{ color: #fff; position: absolute; left: 40px; top: 50%; transform: translate(80px,-50%); font-size: 16px; line-height: 42px; z-index:5; transition:all 0.5s ease-in-out; opacity:0; }
.hmc6txt strong{ font-size: 44px; line-height: 50px; font-weight: normal; display: block; margin-bottom: 32px; }
.hmc6txt span{ font-size: 16px; line-height: 44px; color: #070c41; text-align: center; display: inline-block; height: 44px; width: 112px; margin-top: 45px; border-radius:1.8em; background:#fff;}
.hmc6ul li.on .hmc6txt{ opacity:1; transform:translate(0,-50%)}
.hmc6_sicon{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; height:auto; padding-left:5px; transition:all 0.5s ease-in-out;}
.hmc6ul li.on .hmc6_sicon{opacity:0;}
@media (max-width:1799px){
.hmc6aBox{height:345px;}
.hmc6txt{left: 30px; font-size: 14px; line-height: 32px; }
.hmc6txt strong{ font-size:28px; line-height: 40px; margin-bottom: 25px; }
.hmc6txt span{ font-size: 14px; line-height: 38px; height: 38px; width: 92px; margin-top: 25px;}
.hmc6_dft{font-size:20px; top:35px;}
.hmc6_dfm{ height: 28px; width: 28px; bottom: 35px; background-size:12px auto;}
}



.hmCon7{ background-attachment: fixed; background-position: center center; height:auto; text-align:left; background-size: cover; background-repeat: no-repeat; padding: 5.55vh 0px 13.7vh; }
.hmCon7 .hmc4Tbox{color:#fff;}
.hmCon7 .hmc4Tbox:after{background:#fff;}
.hmc7box{ margin-top: 10.96vh; height: 175px; position: relative;}
.hmc7_srt{ font-size: 30px; color: #FFF; line-height: 34px; display: inline-block; height: 34px; position: absolute; top: 50%; left: -130px; margin-top: -17px; font-weight: bold; }
.hmc7_srt ul{display:block; height:175px; position:relative;}
.hmc7box li:first-child{position:absolute; left:0; top:0; width:0}
.hmc7box li{ width: 16.666%; height: 175px; position: relative; float: left; }
.hmc7box li i{ background: #FFF; height: 4px; position: absolute; width: 92%; top: 86px; left:10px; }
.hmc7box li.active i{ background:#51C7E9;}
.hmc7box li:nth-child(2n) .hmc7_des{top:123px;}
.hmc7_des{position:absolute; white-space:nowrap; left:calc(100% - 10px); top:0; color:#fff; opacity:0.8;}
.hmc7_des strong{ font-size: 22px; font-weight: normal; line-height: 30px; display: block; }
.hmc7_des p{ font-size: 14px; line-height: 22px; }
.on .hmc7_des{opacity:1; transform:translateY(-20px)}
.on .hmc7_des strong{ font-size: 30px; font-weight: normal; line-height: 40px; display: block; font-weight:bold }
.on .hmc7_des p{ font-size: 20px; line-height: 32px; font-weight:bold }
.hmc7box li:before{ content: ""; background: #FFF; display: inline-block; height: 20px; width: 20px; position: absolute; top: 78px; right: -10px; border-radius:50%; z-index:5;}
.hmc7box li:first-child i{display:none;}
.hmc7box li.active:before{background:#51C7E9;}
.hmc7box li.active.on:before{background:#0178b6; border:7px solid #51C7E9; right:-18px; top:71px;}
.hmc7box li.active.on:after{ content: ""; background: url(../images/hmc6_lit.png) no-repeat center center; height: 67px; width: 67px; position: absolute; top: 54px; right: -34px; animation:caseIcon 1s linear infinite; }
.hmc7box li:last-child .hmc7_des{right:0; left:auto;}
@media (max-width:1799px){
.hmc7box{margin-left:60px;}
.hmc7_srt{font-size:20px; left:-100px;}
.hmc7_des strong{font-size:18px;}
.hmc7_des p{font-size:13px;}
.on .hmc7_des{transform:translateY(-5px)}
.on .hmc7_des strong{ font-size: 22px; line-height: 30px; }
.on .hmc7_des p{ font-size: 16px; line-height: 28px;}
.hmc7box li:before{transform:scale(0.8);}
.hmc7box li i{ height: 2px; width: 96%; top: 87px; left:6px; }
}


.hmCon8{ padding: 4.62vh 0px 6.48vh; background:#f6f8fb; }
.hmc8BtnWpr { margin-bottom: 7.87vh; text-align:center; }
.hmc8btns{ height: 52px; border: 1px solid #E4E4E4; border-radius:1.8em; display:inline-block;}
.hmc8btn{ display: inline-block; padding: 0px 28px; border-radius: 1.8em; font-size: 16px; line-height: 50px; height: 50px; transition:all 0.3s ease-in-out; }
.hmc8btn.on{ color: #FFF!important; background: #2D55FF; font-size: 16px; }
.hmc8btn:hover{ color: #2d55ff; }
.hmc8Items { height: 325px; position: relative; }
.hmc8item{height:325px; position:absolute; left:0; right:0; top:0; transition:all 0.9s ease-out; opacity:0; }
.hmc8item.on{opacity:1; transform:translateY(0); z-index:2}
.hmc8Slick{ margin: 0px auto; width: 920px; height:325px; }
.hmc8aBox{ display:block; overflow:hidden; border-radius:0.2em; position:relative; z-index:1; overflow:hidden; box-shadow:0 0 5px 4px rgba(0,0,0,0.03); background:#fff;}
.hmc8aBox.scaleImg .overflowHide { float: left; height: 230px; width: 460px; }
.hmc8Des { padding-top: 42px; margin: 0px 35px 0px 496px; }
.hmc8Des strong { font-size: 22px; line-height: 54px; display: block; font-weight: normal; }
.hmc8Des p { font-size: 16px; line-height: 26px; color: #9f9f9f; margin-bottom: 10px; }
.hmc8Slick .slick-dots{ height: 5px; width: 100%; position: absolute; left: 0px; bottom: 30px; text-align: center; }
.hmc8Slick .slick-dots li button{display:none;}
.hmc8Slick .slick-dots li{ background: #D6D6D6; display: inline-block; margin: 0px 5px; height: 5px; width: 19px; }
.hmc8Slick .slick-dots li.slick-active{ background: #2D55FF; }
.hmc8PrevImg,.hmc8NextImg{height:230px; width:calc((100% - 1080px)/2); position:absolute; left:0; top:0; border-radius:0.3em;}
.hmc8PrevImg:after,.hmc8NextImg:after{content:""; width:100%; height:100%; background:rgba(0,0,0,0.6); left:0; top:0; position:absolute;}
.hmc8PrevImg{background-position:right center;}
.hmc8NextImg{left:auto; right:0;background-position:left center;}
.hmc8item .prev{ height: 65px; width: 65px; position: absolute; right: -32px; margin-top: -32px; top: 50%; display: inline-block; border-radius:50%; box-shadow:0 0 3px 2px rgba(0,0,0,0.06); z-index:5; background:#fff; transition:all 0.5s ease-in-out; }
.hmc8item .prev i{ transition: all 0.5s ease-in-out; background: url(../images/hmc4_btn.png) no-repeat left top; display: inline-block; height: 24px; width: 12px; margin-top: -12px; margin-left: -6px; position: absolute; left: 50%; top: 50%; }
.hmc8item .prev:hover{ background: #084fea; }
.hmc8item .prev:hover i{background: url(../images/hmc4_btn.png) no-repeat right top;}
.hmc8item .next{ height: 65px; width: 65px; position: absolute; left: -32px; margin-top: -32px; top: 50%; display: inline-block; border-radius:50%; box-shadow:0 0 3px 2px rgba(0,0,0,0.06); transform:rotate(180deg); z-index:5; background:#fff;  transition:all 0.5s ease-in-out;}
.hmc8item .next i{ transition: all 0.5s ease-in-out; background: url(../images/hmc4_btn.png) no-repeat left top; display: inline-block; height: 24px; width: 12px; margin-top: -12px; margin-left: -6px; position: absolute; left: 50%; top: 50%; }
.hmc8item .next:hover{ background: #084fea; }
.hmc8item .next:hover i{background: url(../images/hmc4_btn.png) no-repeat right top;}
@media (max-width:1799px){
.hmc8btns{ height: 46px;}
.hmc8btn{ padding: 0px 22px; font-size: 14px; line-height: 42px; height: 44px; }
.hmc8btn.on{font-size: 14px; }
.hmc8Des strong { font-size: 20px; line-height: 46px;}
.hmc8Des p { font-size: 14px; line-height: 26px; }
.hmc8item .prev{transform:scale(0.8)}
.hmc8item .next{transform:scale(0.8) rotate(180deg);}
.hmc8Slick,.hmc8item,.hmc8Items{height:298px;}
.hmc8PrevImg,.hmc8NextImg{height:230px; width:calc((100% - 1020px)/2);}
}
@media (max-width:1379px){
.hmc8item .prev{transform:scale(0.6)}
.hmc8item .next{transform:scale(0.6) rotate(180deg);}
}

@keyframes hmp4Bg{
	0%  {opacity:0.5; transform:scale(0.72) rotate(0deg) skew(0deg,0deg);}
	50%  {opacity:1; transform:scale(0.85) rotate(45deg) skew(40deg,-40deg);}
	100%{opacity:0.5; transform:scale(0.72) rotate(0deg) skew(0deg,0deg);}
	}
.hmCon9{ padding: 6.48vh 0px 6.94vh; position:relative; overflow:hidden; }
.hmc9bg{ position: absolute; background: url(../images/hmc10bg.png) no-repeat center center; animation:hmp4Bg 25s linear infinite; width: 2600px; height:1000px;left: 50%;top: 50%;margin-left: -1300px;margin-top: -500px; }
.hmc9Wpr{ margin-top: 4.62vh; height: 700px; position: relative; padding-top: 200px; }
.hmc9slickSml{ position: relative; }
.hmc9slickSml .prev{ height: 65px; width: 65px; position: absolute; left:-108px; top:52px; display: inline-block; border-radius:50%; box-shadow:0 0 3px 2px rgba(0,0,0,0.06); z-index:5; background:#fff; transition:all 0.5s ease-in-out; }
.hmc9slickSml .prev i{ transition: all 0.5s ease-in-out; background: url(../images/hmc4_btn.png) no-repeat left top; display: inline-block; height: 24px; width: 12px; margin-top: -12px; margin-left: -6px; position: absolute; left: 50%; top: 50%; }
.hmc9slickSml .prev:hover{ background: #084fea; }
.hmc9slickSml .prev:hover i{background: url(../images/hmc4_btn.png) no-repeat right top;}
.hmc9slickSml .next{ height: 65px; width: 65px; position: absolute; right:-108px; top:52px; display: inline-block; border-radius:50%; box-shadow:0 0 3px 2px rgba(0,0,0,0.06); transform:rotate(180deg); z-index:5; background:#fff;  transition:all 0.5s ease-in-out;}
.hmc9slickSml .next i{ transition: all 0.5s ease-in-out; background: url(../images/hmc4_btn.png) no-repeat left top; display: inline-block; height: 24px; width: 12px; margin-top: -12px; margin-left: -6px; position: absolute; left: 50%; top: 50%; }
.hmc9slickSml .next:hover{ background: #084fea; }
.hmc9slickSml .next:hover i{background: url(../images/hmc4_btn.png) no-repeat right top;}
.hmc9slick1{ height: 208px; margin:0 -38px;}
.hmc9_item1{ padding: 0 38px; text-align: center; }
.hmc9simg.scaleImg .overflowHide { height: 168px; width: 168px; border: 6px solid #D7D7D7; border-radius: 50%; margin: 0px auto; }
.hmc9simg p{ font-size: 16px; line-height: 30px; margin-top: 6px; }
.hmc9slickBig{ height: 700px; width: 586px; position: absolute; left: 50%; top: 0px; margin-left: -293px; z-index:5;}
.hmc9_item2{padding:20px;}
.hmc9person{ display:block;}
.hmc9pimg{ height: 526px; width: 526px; position:relative; z-index:2;}
.hmc9sbg{ position:absolute; left:20px; top:20px; height: 526px; width: 526px; background: #FFF; border-radius:50%; box-shadow:0 0 16px 14px rgba(0,0,0,0.08);}
.hmc9pimg img{width:62%; height:auto; position:absolute; left:50%; top:4%; transform:translateX(-50%);}
.hmc9pimg:after{ content: ""; width: 430px; height: 430px; border-bottom: 1px dotted #E6E6E6; border-left: 1px dotted #E6E6E6; position: absolute; left: 50px; bottom: 60px; transform:rotate(-45deg); border-radius:50%;}
.hmc9person strong{ font-size: 30px; color: #0a51eb; line-height: 42px; margin-top: 36px; text-align: center; display: block; }
.hmc9person p{ text-align: center; font-size: 16px; line-height: 30px; color: #525252; }
.hmc9person p:last-child{ color: #adadad; }
.hmc9slick1 .slick-active1{ transform:translateX(-60px);}
.hmc9slick1 .slick-active2{ transform:translateX(-130px);}
.hmc9slick1 .slick-current + .slick-active{ transform:translateX(110px);}
.hmc9slick1 .slick-current + .slick-active + .slick-active{ transform:translateX(50px);}
@media (max-width:1799px){
.hmc9slickBig{transform:scale(0.8);}
.hmc9Wpr{margin-left:50px; margin-right:50px;}
.hmc9slickSml .prev{ transform:scale(0.8)}
.hmc9slickSml .next{ transform:scale(0.8) rotate(180deg)}
.hmc9simg.scaleImg .overflowHide{width:110px; height:110px; margin-top:20px;}
.hmc9Wpr{margin-top:-80px;}
.hmCon9{padding-bottom:0;}
}
@media (max-width:1379px){
.hmc9slickSml .prev{ transform:scale(0.6)}
.hmc9slickSml .next{ transform:scale(0.6) rotate(180deg)}
}


.hmCon10{ background: #084fea url(../images/hmc6_bg.jpg) no-repeat center bottom; padding-top: 52px; margin-bottom:5.55vh; position:relative; }
.hmCon10 .hmc4Tbox{color:#fff;}
.hmCon10 .hmc4Tbox:after{background:#fff;}
.hm10box{ background: url(../images/hm10line.png) no-repeat center bottom; height: 635px; width: 1277px; position:relative; margin:11.57vh auto 0; }
.hm10btn { display: inline-block; height: 10px; width: 10px; position: absolute; }
.hm10btn i{ height: 10px; width: 10px; background:#fff; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hm10yr{transition:all 0.5s ease-in-out; position:absolute; font-size: 24px; color: #FFF; line-height: 36px; }
.hm10btn.on i{ height: 22px; width: 22px; border: 5px solid #FFF; background: #0f55ec; }
.hm10btn.on i:before{ content: ""; background: url(../images/hm10lt.png) no-repeat center center; height: 53px; width: 53px; margin-top: -26px; margin-left: -26px; position: absolute; left: 50%; top: 50%; animation:caseIcon 1s linear infinite; }
.hm10btn.on .hm10yr{font-size:36px; transform:translate(-8px,-8px); text-shadow:0 0 10px #fff; display: inline-block; }
.hm10btn.hm10btn5.on .hm10yr{transform:translate(18px,-6px);}
.hm10btn6.on .hm10yr,.hm10btn7.on .hm10yr,.hm10btn8.on .hm10yr,.hm10btn9.on .hm10yr{font-size:36px; transform:translate(8px,-8px);}
.hm10btn1{ bottom: 24px; left: -4px;}
.hm10btn1 .hm10yr{right: 30px; bottom: -8px;}
.hm10btn2{ bottom: 251px; left: 51px;}
.hm10btn2 .hm10yr{right: 30px; bottom: -2px;}
.hm10btn3{ bottom: 453px; left: 194px;}
.hm10btn3 .hm10yr{right: 30px; bottom: 2px;}
.hm10btn4{ bottom: 581px; left: 388px;}
.hm10btn4 .hm10yr{right: 30px; bottom: 6px;}
.hm10btn5{ bottom: 630px; left:632px;}
.hm10btn5 .hm10yr{right: -17px; bottom: 32px;}
.hm10btn6{ bottom: 581px; right: 388px;}
.hm10btn6 .hm10yr{left: 30px; bottom: 6px;}
.hm10btn7{ bottom: 453px; right: 194px;}
.hm10btn7 .hm10yr{left: 30px; bottom: 2px;}
.hm10btn8{ bottom: 251px; right:51px;}
.hm10btn8 .hm10yr{left: 30px; bottom: -2px;}
.hm10btn9{ bottom: 24px; right: -4px;}
.hm10btn9 .hm10yr{left: 30px; bottom: -8px;}
.hmc10Layer{ height: 498px; width: 762px; position: absolute; left: 50%; bottom: 0px; margin-left: -381px; transform:translateY(150px);}
@keyframes logoAni{
	0%  { transform:translateY(-15px)}
	50% { transform:translateY(5px)}
	100%{ transform:translateY(-15px)}
	}
.hmc10_logo{ white-space: nowrap; text-align: center; display: inline-block; font-size: 12px; line-height: 36px; color: #FFF; position: absolute; opacity:0.5; transition:all 0.5s ease-in-out; }
.hmc10_logo:hover{opacity:1; transform:translateY(-10px);}
.hmc10_logo1{ left: -25px; top: 184px; animation:logoAni 3s infinite ease-out; }
.hmc10_logo2{ left: 162px; top: -8px; animation:logoAni 4s infinite ease-out; transition-delay:0.2s }
.hmc10_logo3{ left: 525px; top: 50px; animation:logoAni 3s infinite ease-out; transition-delay:0.2s  }
.hmc10_logo4{ left: 293px; top: 160px; animation:logoAni 4s infinite ease-out; }
.hmc10_logo5{ left: 135px; top: 343px; animation:logoAni 5s infinite ease-out; transition-delay:0.3s  }
.hmc10_logo6{ left: 570px; top: 290px; animation:logoAni 3s infinite ease-out; transition-delay:0.1s }
.hmc10item{transition:all 0.5s ease-in-out; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0}
.hmc10item.on{opacity:1; z-index:2;}
.hmc10_logo img{width:auto; height:auto; max-width:200px;}
@media (max-width:1799px){
.hm10box{transform:scale(0.85); transform-origin:center bottom; margin-top:-30px;}
.hmCon10{background-size:auto 800px;}
.hmc10Layer{transform:translateY(135px);}
.hmc10_logo{font-size:16px;}
}


.hmCon13 .vc_video-box { position:relative; background:#000; padding-bottom:56%; }
.hmCon13 .vc_video-box .vc_video-poster { position:absolute; background:#000; left:0px; z-index:2; width:100%; height:100%; }
.hmCon13 .vc_video-box .vc_video-poster video { position:absolute; left:0px; width:100%; height:100%; bottom:0px; right:0px;}
.hmCon13 .vc_video-box .vc_video-poster span { 
  display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
  display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -55px;
  margin-top: -55px;
  width: 110px;
  height: 110px;
  z-index: 4;
  log: true;
  log2: official;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: pointer;
  background: url(../images/play-1.png) no-repeat center/contain;
}
.hmCon13 .vc_video-box .vc_video-poster span:hover {
  log: true;
  log2: official;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.hmCon13 .vc_video-box .vc_video-poster .bg { position:absolute; z-index:3; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.hmCon13 .vc_video-box #review_video { background:#000; z-index:1; position:absolute; left:0px; top:0px; width:100%; height:100%; } 
.hmCon13 .vc_video-box.hover #review_video { z-index:5;  }


/*.fixed_consultation{display:none!important;}*/
.msgLay{ width:380px; min-height:180px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:62; background:rgba(255,255,255,0.9); border-radius:0.3em; text-align:center; padding:45px 25px; line-height:30px; display:none}
.msgLay strong{font-size:20px; line-height:30px; display:block; margin-bottom:15px}
.msgCloseBtn{ background: url(../images/m2close.png) no-repeat center center; display: inline-block; height: 20px; width: 20px; position: absolute; top: 20px; right: 20px; background-size:cover; cursor:pointer}
@media (max-width:1799px){
.msgLay{min-height:160px;}
.msgLay strong{font-size:16px; line-height:28px; margin-bottom:12px}	
.msgLay p{font-size:14px; line-height:26px;}
}

.header .main .ope .tel,.fixed_header .ope .tel{display:none;}



	.wenxintixing_wrap .title { font-size:46px; text-align:center; color:#333; font-weight:bold; letter-spacing:3px; padding:65px 0px 60px; }
	.wenxintixing_wrap .sub-tit { font-size:38px; color:#333; font-weight:bold; letter-spacing:3px; padding-bottom:11px; position:relative; }
	.wenxintixing_wrap .sub-tit i { position:absolute; left:0px; bottom:0px; width:40px; height:2px; background:#333; }
	.wenxintixing_wrap .sub-con { font-size:20px; color:#777; letter-spacing:1px; padding:30px 0px 10px; }
	.wenxintixing_wrap .careful-tit { font-size:26px; color:#ff5825; letter-spacing:1px; font-weight:bold; padding-bottom:8px; }
	.wenxintixing_wrap dl { padding:41px 0px 0px;}
	.wenxintixing_wrap dl dt span { background:#185af0; font-size:22px; color:#fff; display:inline-block; padding:7px 35px; border-radius:23px; }
	.wenxintixing_wrap dl dd { padding:22px 35px 16px; font-size:20px; color:#000; line-height:2.1; }
	.wenxintixing_wrap .codeimg { text-align:center; padding:54px 0px 69px; }
	.wenxintixing_wrap .codeimg img { max-width:100%; }
	.wenxintixing_wrap .top-img dd { text-align:center;padding:36px 35px 0px; font-size:20px; color:#777; position:relative;  }
	.wenxintixing_wrap .top-img dd img { max-width:100%; }
	.wenxintixing_wrap .top-img dd .p1 { color:#ff5825; letter-spacing:3px; line-height:1.2; padding-top:14px; font-size:30px; }
	.wenxintixing_wrap .top-img dd span { position:absolute; color:#000; left:35px; top:20px; }