@charset "utf-8";body{margin:0px; font-size:14px; color:#232323; font-family:"\5FAE\8F6F\96C5\9ED1"; cursor:default;}
*{padding:0px; margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family:"\5FAE\8F6F\96C5\9ED1"}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal;}
input,select,button{font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1"; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#232323; text-decoration:none;}
a:hover{color:#ff4422;}
.clear{overflow:hidden; clear:both; height:0px;}
.lf{float:left;}
.rt{float:right;}
.HanBocm_Biaoti{width:100%; font-size:40px; line-height:50px; text-align:center; color:#1b1915; margin:0 auto 30px; overflow:hidden;}
.HanBocm_Biaoti span{font-size:14px; color:#b1b1b1; display:block;}
.HanBocm_Biaoti img{vertical-align:middle; padding-left:10px;}
.HanBocm_Biaoti h2{font-size:32px; line-height:42px; color:#1e1b16; font-weight:bold; margin:0 auto;}
.HanBocm_Biaoti h3{font-size:16px; line-height:30px; color:#9a9a9a;}
.HanBocm_Biaoti_black{width:100%; font-size:40px; line-height:50px; text-align:center; color:#ffffff; padding:30px 0; background:#232323;}
.HanBocm_Biaoti_black span{font-size:14px; color:#b1b1b1; display:block;}
.HanBocm_Biaoti_black img{vertical-align:middle; padding-left:10px;}
.HanBocm_Biaoti_black h2{font-size:31px; line-height:42px; color:#ffffff;}
.HanBocm_Biaoti_black h3{font-size:14px; line-height:30px; color:#9a9a9a;}

.HanBocm_index_more a{width:120px; height:38px; line-height:38px; margin:0 auto; overflow:hidden; display:block; background:#ffffff; border:1px solid #ebf0fa; font-size:14px; text-align:center;transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.04);}
.HanBocm_index_more a:hover{width:160px; background:#ff4422; color:#ffffff; border:1px solid #ff4422; font-weight:bold;}
/* 头部 */
/* 头部菜单 */
.HanBocm_common_header {background:url(HanBocm_common_header_bar.png) repeat-x; width:100%; position:absolute; z-index:999;}
.HanBocm_topbar_header {transition:0.3s linear; width:100%; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -o-transition:all .3s linear;}
.HanBocm_topbar {width:100%; height:40px; line-height:40px; font-size:0px;}
.HanBocm_topbar_wrapper {line-height:1; float:right; _width:806px;}
.HanBocm_input_container {padding:0px 22px 0px 10px; border:1px solid rgba(251, 251, 251, 0.1); transition:0.3s linear; border-image:none; width:200px; height:24px; line-height:24px; margin-top:8px; margin-right:17px; float:left; position:relative; z-index:999; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -o-transition:all .3s linear;}
.HanBocm_topbar_ul {float:right;}
.HanBocm_input_container input {border:currentColor; border-image:none; width:100%; color:rgba(251, 251, 251, 0.1); color:#ffffff; font-size:14px; vertical-align:middle; background:transparent; -webkit-transition:transparent; -moz-transition:transparent; -o-transition:transparent;}
.HanBocm_input_container div.HanBocm_search_button{top:0px; right:10px; bottom:0px; position:absolute; z-index:998;}
.HanBocm_input_container div.HanBocm_search_button button{background:none; border:currentColor; border-image:none; cursor:pointer;}
.HanBocm_input_container div.HanBocm_search_button img{margin-top:6px;}
.HanBocm_input_container:hover {border:2px solid rgba(251, 251, 251, 0.1); border-image:none; width:300px;}
.HanBocm_topbar_wrapper #HanBocm_topbar_span{display:inline-block;}
input[name='color']:-ms-input-placeholder {color:#ebf0fa;}
.HanBocm_topbar_ul li {position:relative; z-index:10;}
.HanBocm_select_city {padding-top:13px; float:left; margin-left:20px; }
.HanBocm_select_city a {color:#ebf0fa; font-size:14px;}
.HanBocm_select_city a:hover {color:#ff4422;}
#HanBocm_topbar_wrapper_last {margin-right:50px;}
.HanBocm_select_city_common { position:relative;}
#HanBocm_select_city {line-height:40px; padding-top:0px; padding-right:15px; padding-left:15px; margin-right:0px; vertical-align:middle; z-index:9999; _margin-top:10px; _height:40px;}
#HanBocm_select_city span {margin:0px 10px; color:#ebf0fa; font-size:14px; vertical-align:middle;}
.HanBocm_select_city_bar {left:0px; top:40px; width:145px; text-align:left; color:#ebf0fa; padding-top:20px; padding-bottom:20px; padding-left:0px; font-size:0px; display:none; position:absolute; z-index:9999; background:#26282a;}
.HanBocm_select_city_bar-1-wrapper {left:-2px; bottom:34px; padding-bottom:14px; position:absolute;}
.HanBocm_select_city_bar-1 {padding:24px 20px; border:1px solid rgba(251, 251, 251, 0.8); border-image:none; width:155px; text-align:left; color:#ebf0fa; display:none; z-index:9999; background:#303235;}
.HanBocm_selected_city:hover {color:#ff4422;}
.HanBocm_select_city_bar ul li {line-height:30px; display:block; padding-left:25px; }
#HanBocm_select_city_bar_ul_li_last {margin-bottom:0px;}
.HanBocm_select_shiye {padding-top:13px; float:left;}
.HanBocm_select_shiye a {color:#ebf0fa; font-size:14px;}
.HanBocm_select_shiye a:hover {color:#ff4422;}
.HanBocm_select_shiye_common { position:relative;}
#HanBocm_select_shiye {line-height:40px; padding-top:0px; padding-right:15px; padding-left:15px; margin-left:-15px; vertical-align:middle; z-index:9999; _margin-top:10px; _height:40px;}
#HanBocm_select_shiye span {margin:0px 10px; color:#ebf0fa; font-size:14px; vertical-align:middle;}
.HanBocm_select_shiye_bar {left:0px; top:40px; width:145px; text-align:left; color:#ebf0fa; padding-top:20px; padding-bottom:20px; padding-left:3px; font-size:0px; display:none; position:absolute; z-index:9999; background:#26282a;}
.HanBocm_select_shiye_bar-1-wrapper {left:-2px; bottom:34px; padding-bottom:14px; position:absolute;}
.HanBocm_select_shiye_bar-1 {padding:24px 20px; border:1px solid rgba(251, 251, 251, 0.1); border-image:none; width:155px; text-align:left; color:#ebf0fa; display:none; z-index:9999; background:#303235;}
.HanBocm_select_shiye:hover {color:#ff4422;}
.HanBocm_select_shiye_bar ul li {line-height:30px; height:30px; overflow:hidden; display:block; padding-left:23px; width:40px; float:left;}
#HanBocm_select_shiye_bar_ul_li_last {margin-bottom:0px;}
.rotateIcon {transform:rotate(180deg);}
.HanBocm_Nav {position:relative; z-index:1000;}
.menu-dropdown {transition:0.2s linear; left:0px; top:50px; width:100%; right:0px; color:#ffffff; line-height:1; display:none; position:absolute; z-index:998; background:#26282a; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear;}
.menu-dropdown-wrapper {margin:0px auto; width:88%; max-width:2560px; height:100%; overflow:hidden;}
.menu-dropdown-sidebar {height:100%; text-align:right; float:left;}
.menu-dropdown-sidebar ul {padding-top:28px; padding-bottom:40px;}
.menu-dropdown-sidebar ul li {line-height:1; font-size:14px;}
.selected {color:#ff4422 !important; display:block;}
.menu-dropdown-sidebar ul li:last-child {margin-bottom:0px;}
#menu-dropdown-sidebar-ul li a {color:#ffffff; padding:0 33px; height:40px; line-height:40px;}
#menu-dropdown-sidebar-ul li a:hover {color:#ff4422;}
#menu-dropdown-content-wrapper {border-left-color:rgba(251, 251, 251, 0.1); border-left-width:1px; border-left-style:solid; float:left;}
#menu-dropdown-sidebar-ul-li{padding-bottom:105px;}
.menu-dropdown-content {padding-top:40px; padding-bottom:42px; padding-left:40px; display:inline-block; min-height:136px;}
.menu-dropdown-content ul {float:left;}
.menu-dropdown-content ul li {width:260px; line-height:1; font-size:14px; margin-right:8px; overflow:hidden;}
.menu-dropdown-content ul:last-child li {margin-right:0px;}
.menu-dropdown-content ul li p:last-child {color:#959595; line-height:14px;}
.menu-dropdown-content ul li p {color:#c7c7c7 !important;}
.menu-dropdown-content ul li p.menu-dropdown-p {color:#666666 !important; line-height:14px; font-size:14px; margin-top:10px; margin-bottom:30px;}
.menu-dropdown-content ul li p span{display:none;}
.menu-dropdown-content ul li:hover p {color:#ff4422 !important;}
.menu-dropdown-content-tab {display:none;}
.menu-dropdown-content-wrapper {padding-top:50px; padding-bottom:50px;}
.menu-dropdown-content-2 {font-size:14px;}
.menu-dropdown-content-2 ul li {padding:0px 20px; float:left;}
.menu-dropdown-content-2 ul li a{color:#c7c7c7;}
.menu-dropdown-content-2 ul li a:hover{color:#ff4422;}
.slescted-tab {display:inline-block;}
.HanBocm_Nav-wrapper {height:58px; line-height:58px; font-size:0px; border-top-color:rgba(251, 251, 251, 0.1); border-bottom-color:rgba(251, 251, 251, 0.1); border-top-width:1px; border-bottom-width:1px; border-top-style:solid; border-bottom-style:solid;}
.HanBocm_Nav-wrapper ul {line-height:1; float:left;}
.HanBocm_Nav-wrapper-li {margin:0px 20px; height:50px; float:left;}
.HanBocm_Nav-wrapper-li a { cursor:pointer; box-sizing:border-box;}
.nav-item {height:60px; color:#ffffff; line-height:60px; font-size:18px; font-weight:bold; display:inline-block;}
.nav-item:hover {color:#ff4422;}
#HanBocm_Nav-wrapper-li-first{padding:0px 30px 0px 15px; line-height:50px; margin-left:35px; vertical-align:middle; display:inline-block;}
#HanBocm_logo img {margin-top:14px; height:35px;}
#HanBocm_diqu{height:58px; line-height:60px; font-size:16px; color:#ffffff; font-weight:bolder; float:right; width:45px; overflow:hidden; padding-left:5px;}
#HanBocm_Nav-wrapper-ul li a.act {}
.tel {text-align:right; color:#ffffff; padding-right:50px; font-size:26px; float:right; display:inline-block; font-family:"Arial Black";}
.tel a{color:#ff4422; font-weight:bolder; font-family:"Arial Black";}
#tel_m{display:none !important;}
#tel_pc{display:block;}
/* 首页头部文字 */
.HanBocm_Banner_Biaoti{width:100%; height:550px; padding-top:300px; text-align:center; color:#ffffff; background:url(HanBocm_Banner_video_cover.png); position:absolute; top:0; left:0; z-index:2;}
.HanBocm_Banner_Biaoti h1{font-size:48px; font-weight:bold;}
.HanBocm_Banner_Biaoti h2{font-size:48px; font-weight:bold; margin-top:10px;}
.HanBocm_Banner_Biaoti h3{margin-top:40px; font-size:26px; font-weight:bold;}
.HanBocm_Banner_Biaoti h4{font-size:16px; font-weight:bold; line-height:20px; margin-top:-15px;}
.HanBocm_Banner_Biaoti h4 font{display:none;}
.HanBocm_Banner_Biaoti h4 strong{line-height:50px; font-size:32px; font-family:"Arial Black" ;}
.HanBocm_Banner_Biaoti p{font-size:16px; line-height:28px;}
.HanBocm_Banner_Biaoti a{width:200px; font-size:18px; color:#ffffff; line-height:36px; margin:20px auto 0; display:block;transition:all 0.1s;-webkit-transition:all 0.1s;-moz-transition:all 0.1s;-ms-transition:all 0.1s;-o-transition:all 0.1s;}
.HanBocm_Banner_Biaoti i{width:86px; height:86px; display:block; border:2px solid #eaeaea; border-radius:100%; background-image:url(sp.png); background-repeat:no-repeat; background:rgba(255,255,255,.5); margin:0 auto 10px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.HanBocm_Banner_Biaoti a:hover i{background:rgba(255,255,255,.8);}
.HanBocm_Banner_Biaoti a:hover{color:#ff4422;}
/* 首页banner */
.HanBocm_index_banner .swiper-wrapper{width:100%; height:100%;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide{width:100%; height:100%; overflow:hidden;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item{width:100%; height:100%; position:relative; background:#3367d6;background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover;-o-background-size:cover; background-size:cover;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .txt{z-index:2; position:relative; width:100%; height:100%; display:table;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .txt .inner{display:table-cell; vertical-align:middle;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .txt span{display:block;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item  font{font-family: "Times New Roman";}
.HanBocm_index_banner .swiper-wrapper .swiper-slide video{width:auto; min-width:100%; height:auto; min-height:100%; position:absolute; left:50%; margin-left:-50%; top:0px; z-index:1;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner01{color:#ffffff; padding:0; text-align:center; /*text-shadow:0 0 0.2em #001099, -0 -0 0.2em #001099;*/}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner01 h1{font-size:60px; font-weight:bold;margin-top:50px;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner01 h2{font-size:60px; font-weight:bold; margin-top:10px;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner01 h3{margin-top:40px; font-size:26px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner01 h4{font-size:16px; font-weight:bold; line-height:20px;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner01 h4 font{display:none;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner01 h4 strong{line-height:50px; font-size:32px; font-family:"Arial Black";}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner01 h4 p{font-size:16px; line-height:28px;}

.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner02{padding:0; padding-left:10%; text-align:right; width:65%; margin:0 auto; color:#ffffff;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner02 span.t01{font-size:60px; line-height:80px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner02 span.t01 font{font-size:24px; line-height:24px; text-transform:capitalize;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner02 span.t02{font-size:26px; margin:20px 0 10px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner02 span.t03{font-size:26px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner03{padding:0; padding-right:10%; text-align:left; width:65%; margin:0 auto; color:#3367d6;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner03 span.t01{font-size:60px; line-height:80px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner03 span.t01 font{font-size:24px; line-height:24px; text-transform:capitalize;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner03 span.t02{font-size:26px; margin:20px 0 10px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner03 span.t03{font-size:26px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner04{padding:0; padding-left:10%; text-align:right; width:65%; margin:0 auto; color:#ffffff;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner04 span.t01{font-size:60px; line-height:80px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner04 span.t01 font{font-size:24px; line-height:24px; text-transform:capitalize;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner04 span.t02{font-size:26px; margin:20px 0 10px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner04 span.t03{font-size:26px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner05{padding:0; padding-left:10%; text-align:right; width:65%; margin:0 auto; color:#3367d6;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner05 span.t01{font-size:60px; line-height:80px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner05 span.t01 font{font-size:24px; line-height:24px; text-transform:capitalize;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner05 span.t02{font-size:26px; margin:20px 0 10px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner05 span.t03{font-size:26px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner06{padding:0; padding-right:10%; text-align:left; width:65%; margin:0 auto; color:#ffffff;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner06 span.t01{font-size:60px; line-height:80px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner06 span.t01 font{font-size:24px; line-height:24px; text-transform:capitalize;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner06 span.t02{font-size:26px; margin:20px 0 10px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner06 span.t03{font-size:26px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner07{padding:0; padding-left:10%; text-align:right; width:65%; margin:0 auto; color:#ffffff;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner07 span.t01{font-size:60px; line-height:80px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner07 span.t01 font{font-size:24px; line-height:24px; text-transform:capitalize;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner07 span.t02{font-size:26px; margin:20px 0 10px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner07 span.t03{font-size:26px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner08{padding:0; padding-right:10%; text-align:left; width:65%; margin:0 auto; color:#ffffff;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner08 span.t01{font-size:60px; line-height:80px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner08 span.t01 font{font-size:24px; line-height:24px; text-transform:capitalize;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner08 span.t02{font-size:26px; margin:20px 0 10px; font-weight:bold;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner08 span.t03{font-size:26px; font-weight:bold;}
.HanBocm_index_banner .HanBocm_banner_page{position:absolute; text-align:center; z-index:3;}
.HanBocm_index_banner .HanBocm_banner_page .swiper-pagination-bullet{width:10px; height:10px; background:#e0e0e0; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; opacity:1; filter:alpha(opacity=100);}
.HanBocm_index_banner .HanBocm_banner_page .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ff4422; width:30px;}

.HanBocm_yuangong{background:rgba(51,103,214,1); width:300px; border-radius:8px; position: absolute; z-index:996; top:35%; right:12.5%; color:#ffffff; -webkit-box-shadow:0 0 0 5px rgba(0,0,0,.1);box-shadow:0 0 0 5px rgba(0,0,0,.1);}
.HanBocm_yuangong img{position:absolute; z-index:997; top:-37%; left:-35%;}
.HanBocm_yuangong:hover{background:rgba(51,103,214,1);}
.HanBocm_yuangong_title{background:#ff4422; padding:20px 0; border-radius:8px; line-height:40px; text-align:center; color:#ffffff;}
.HanBocm_yuangong_title h1{font-size:22px; font-weight:bold; position:relative; z-index:998;}
.HanBocm_yuangong_title p{font-size:12px; line-height:12px;}
.HanBocm_yuangong_neirong{padding:40px 0; position:relative; z-index:998;}
.HanBocm_yuangong_neirong p{height:40px; text-align:center; font-weight:bold;}
.HanBocm_yuangong_input{height:30px; line-height:30px; border-radius:3px; padding:0 5px; color:#3367d6; font-size:14px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.9); -webkit-box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);}
.HanBocm_yuangong_input:hover{background:rgba(255,255,255,1);}

.HanBocm_yuangong_submit{height:32px; line-height:32px; border-radius:3px; padding:0 30px; color:#ffffff; font-size:14px; border:1px solid ff4422; background:#ff4422; -webkit-box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);box-shadow:3px 3px 3px 0 rgba(0,0,0,.1); font-weight:bold;}
.HanBocm_yuangong_submit:hover{background:#ff3311;}
/* 首页banner end */
/* 首页滚动数字 */
.HanBocm_index_number{width:100%; overflow:hidden; position:absolute; z-index:2; bottom:0px; padding-top:200px; filter:alpha(opacity:50); opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5;}
.HanBocm_index_number ul {padding:30px 0; overflow:hidden; width:88%; max-width:2560px; margin:0 auto; padding-left:6%;}
.HanBocm_index_number li {float:left; height:90px; color:#ffffff; width:14.2%;}
.HanBocm_index_number li p {font-size:24px; line-height:1; display:inline-block; position:relative; margin:20px 0 5px; font-weight:bold;}
.HanBocm_index_number li strong {font-size:14px; font-weight:normal; display:block;}
.HanBocm_index_number li p i {font-style:normal; font-size:26px; color:#ffffff; font-family:"Times New Roman";}
.HanBocm_index_number li p sup {position:absolute; font-size:20px; right:-15px; top:-3px;}
.HanBocm_index_number li p em {font-style:normal; font-size:14px; font-weight:100; padding-left:2px; position:relative; top:-4px;}
.HanBocm_index_number li:hover {font-weight:bold; color:#ffffff;}
.HanBocm_index_number li:hover p i{color:#ffffff;}
/* 首页滚动数字 end */
/* 首页套餐 */
.HanBocm_index_Taocan{width:100%; padding:50px 0; background:#ebf0fa url(HanBocm_index_beijing.jpg) repeat-x top center; overflow:hidden;}
.HanBocm_index_Taocan_neirong{width:88%; max-width:2560px; margin:0 auto; overflow:hidden;}
.HanBocm_index_Taocan_neirong ul{width:100%;}
.HanBocm_index_Taocan_neirong ul li{width:25%; border:0px solid #e5e5e5; background:#ffffff; padding:10px 0% 30px; float:left; display:block; margin:20px 0% 40px; position:relative; overflow:hidden;transition:all .1s;-o-transition:all .1s;-ms-transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.04);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s; transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;}
.HanBocm_index_Taocan_neirong ul li:hover{padding:30px 0% 50px; margin:0px 0% 0px; background:#ffffff; border:0px solid #c7c7c7; color:#000000; box-shadow:0 0 40px #ebf0fa; z-index:2;}
.HanBocm_index_Taocan_neirong ul li h3, .HanBocm_index_Taocan_neirong ul li h3 a{font-size:30px; height:36px; overflow:hidden; text-align:center; color:#232323; font-weight:bold; padding-top:10px; border-right:1px solid #ebf0fa;}
.HanBocm_index_Taocan_neirong ul li:hover h3, .HanBocm_index_Taocan_neirong ul li:hover h3 a{color:#000000;}
.HanBocm_index_Taocan_neirong ul li.HanBocm_index_Taocan_on{border:0px solid #ff4422;}
.HanBocm_index_Taocan_beijing{width:100%; position:absolute; top:0; left:0;}
.HanBocm_index_Taocan_beijing img{width:100%;}
.HanBocm_index_Taocan_tuijian{position:absolute; top:0; left:0; z-index:999;}
.HanBocm_index_Taocan_tupian{width:80%; text-align:center; margin:0 auto; position:relative;}
.HanBocm_index_Taocan_tupian img{width:100%; margin-top:30px;transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
.HanBocm_index_Taocan_neirong ul li:hover .HanBocm_index_Taocan_tupian img{margin-top:20px; margin-bottom:10px;}
.HanBocm_index_Taocan_xianjia{font-size:20px; height:36px; color:#7a7a7a; font-weight:bold; text-align:center; margin:10px auto; border-right:1px solid #ebf0fa; animation:jump 0.6s infinite alternate; display:none;}
.HanBocm_index_Taocan_neirong ul li:hover .HanBocm_index_Taocan_xianjia{}
.HanBocm_index_Taocan_xianjia span{display:none;}
.HanBocm_index_Taocan_xianjia i{font-style:normal; font-size:14px; color:#ff4422;}
.HanBocm_index_Taocan_xianjia em{font-style:normal; font-weight:bold; font-size:22px; color:#ff4422;}
.HanBocm_index_Taocan_yuanjia{font-size:15px; height:20px; color:#7a7a7a; text-align:center; margin:10px auto; border-right:1px solid #ebf0fa; display:none;}
.HanBocm_index_Taocan_yuanjia span{display:none;}
.HanBocm_index_Taocan_yuanjia i{font-style:normal; font-size:12px; padding:5px 5px 5px 8px; background:url(hanbocm_index_Taocan_yuanjia.png) no-repeat center; color:#ffffff; margin-left:2px;}
.HanBocm_index_Taocan_yuanjia em{font-style:normal; color:#7a7a7a; text-decoration:line-through;}
.HanBocm_index_Taocan_hengxian{width:45%; height:2px; background:#ff4422; margin:20px auto 20px; display:block;}
.HanBocm_index_Taocan_jieshao{font-size:16px; height:150px; line-height:46px; color:#232323; text-align:center; overflow:hidden; white-space:nowrap;border-right:1px solid #ebf0fa;}
.HanBocm_index_Taocan_neirong ul li:hover .HanBocm_index_Taocan_jieshao{color:#000000; font-weight:bold;}
.HanBocm_index_Taocan_jieshao i{font-style:normal; color:#ff4422;}
.HanBocm_index_Taocan_jieshao span{display:block; border-top:1px solid #ebf0fa;}
.HanBocm_index_Taocan_gengduo{width:100%; margin:20px auto 15px; overflow:hidden; text-align:center;}
.HanBocm_index_Taocan_gengduo a{width:40%; height:38px; line-height:38px; display:block; margin:0 auto; font-size:14px; background:#ffffff; text-align:center; border:1px solid #ebf0fa;transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
.HanBocm_index_Taocan_neirong ul li.HanBocm_index_Taocan_on .HanBocm_index_Taocan_gengduo a{color:#ffffff;  background:#ff4422;}
.HanBocm_index_Taocan_neirong ul li:hover .HanBocm_index_Taocan_gengduo a{width:60%; margin:0 auto; color:#ffffff;  background:#ff4422; font-weight:bold;}
.HanBocm_index_Taocan_gengduo img{width:30%; height:auto; display:none;}
.HanBocm_index_Taocan_gengduo_wx{display:block;}
.HanBocm_index_Taocan_gengduo_tel{display:none !important;}
.HanBocm_index_Taocan_neirong ul li:hover .HanBocm_index_Taocan_gengduo img{display:none; position:absolute; bottom:26px;}
.HanBocm_index_Taocan_neirong ul li:hover .HanBocm_index_Taocan_hengxian{width:35%;transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
/* 首页环境滚动数字 */
.HanBocm_index_shuzi{width:100%; background:#232323; overflow:hidden; padding-bottom:15px;}
.HanBocm_index_shuzi ul {padding:15px 0; overflow:hidden; width:88%; max-width:2560px; margin:0 auto; padding-left:6%;}
.HanBocm_index_shuzi li {width:14.2%; float:left; color:#c7c7c7; overflow:hidden;}
.HanBocm_index_shuzi li:hover{color:#ffffff;}
.HanBocm_index_shuzi li p {font-size:24px; line-height:1; display:inline-block; position:relative; margin:20px 0 5px; font-weight:bold;}
.HanBocm_index_shuzi li strong{font-size:14px; display:block; font-weight:normal; color:#7a7a7a;}
.HanBocm_index_shuzi li:hover strong{color:#ffffff;}
.HanBocm_index_shuzi li p i {font-style:normal; font-size:26px; font-family:"Times New Roman";}
.HanBocm_index_shuzi li p sup {position:absolute; font-size:20px; right:-15px; top:-3px;}
.HanBocm_index_shuzi li p em {font-style:normal; font-size:14px; font-weight:100; padding-left:2px; position:relative; top:-4px;}
/* 首页环境滚动数字结束 *
/
/* 首页环境 */
.HanBocm_index_bangong{width:100%; padding:50px 0 0; overflow:hidden;}
.HanBocm_index_bangong_neirong{width:100%; background:#ebf0fa; overflow:hidden; padding:0 0 50px;}
.HanBocm_index_bangong_17{position:absolute; z-index:2; margin-top:-100px; right:8%;}
.HanBocm_index_bangong_17 img{animation:jump 0.6s infinite alternate;}
.HanBocm_index_bangong_neirong ul{width:88%; max-width:2560px; margin:30px auto 30px; overflow:hidden;}
.HanBocm_index_bangong_neirong ul li{width:50%; max-height:320px; border:0px solid #ffffff; float:left; display:block; margin:0px 0%; position:relative; overflow:hidden;transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);background:#ffffff;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s;}
.HanBocm_index_bangong_neirong ul li img{width:100%; height:auto; max-height:320px; transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;}
.HanBocm_index_bangong_neirong ul li:hover img{transform:scale(1.04);-moz-transform:scale(1.04);-o-transform:scale(1.04);-webkit-transform:scale(1.04);-ms-transform:scale(1.04);}
.HanBocm_index_bangong_neirong ul li p{width:96%; padding:10px 2%; background:rgba(0, 0, 0, 0.1); position:absolute; left:0; bottom:0; font-size:14px; color:#bbbbbb; line-height:16px;}
.HanBocm_index_bangong_neirong ul li p strong{font-size:18px; display:block; line-height:24px; font-weight:bold;}
.HanBocm_index_bangong_neirong ul li:hover p{background:rgba(0, 0, 0, 0.2);}
.HanBocm_index_bangong_neirong ul li:hover p strong{color:#ffffff; font-size:22px; line-height:24px; padding-bottom:5px; transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
.HanBocm_index_bangong_neirong ul li.HanBocm_index_bangong_heng{width:88%; max-width:2560px; margin-right:0;}
.HanBocm_index_bangong_neirong ul li.HanBocm_index_bangong_heng img{width:100%; height:100%; max-height:320px;}
.HanBocm_index_bangong_neirong ul li span{width:85px; height:100px; text-align:center; line-height:35px; position:absolute; bottom:-100px;}
.HanBocm_index_bangong_neirong ul li span img{width:100%; height:auto;}
.HanBocm_index_bangong_neirong ul li:hover span{width:100px; height:120px; display:block; position:absolute; right:30px; bottom:20px; font-size:14px; color:#ffffff; z-index:2; transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
.HanBocm_index_bangong_neirong ul li:hover span img{transform:rotate(360deg);}
/* 首页案例 */
.HanBocm_index_Anli{width:100%; padding:50px 0 0; overflow:hidden;}
.HanBocm_index_Anli_neirong{width:100%; background:#ebf0fa; padding-bottom:50px; overflow:hidden;}
.HanBocm_index_Anli_lanmu{width:100%; height:120px; background:#232323; overflow:hidden;}
.HanBocm_index_Anli_lanmu ul{width:88%; max-width:2560px; margin:25px auto; overflow:hidden;}
.HanBocm_index_Anli_lanmu ul li{width:14.28%; height:24px; line-height:24px; float:left; overflow:hidden;}
.HanBocm_index_Anli_lanmu ul li a{display:block; color:#bbbbbb; font-size:14px; font-weight:normal;}
.HanBocm_index_Anli_lanmu ul li a:hover{color:#ffffff; font-weight:bold;}
.HanBocm_index_Anli_neirong ul{width:100%; margin:0px auto 20px; padding-top:20px; overflow:hidden;}
.HanBocm_index_Anli_neirong ul li{width:16.66%; float:left; display:block; margin:6px 0px 20px; overflow:hidden; background:#ffffff; transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}

.HanBocm_index_Anli_neirong ul li img{width:100%; height:auto;}
.HanBocm_index_Anli_neirong ul li img.HanBocm_index_Anli_neirong_erweima{width:0px; height:0px; position:relative; margin:0px 25px 0 0; float:right;}
.HanBocm_index_Anli_neirong ul li img.HanBocm_index_Anli_neirong_jian{width:0px; height:0px; position: absolute;}
.HanBocm_index_Anli_neirong ul li p{padding:20px 25px; display:block; overflow:hidden; position:relative; border-right:1px solid #ebf0fa; clear:both;transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
.HanBocm_index_Anli_neirong ul li strong,.HanBocm_index_Anli_neirong ul li h3{font-size:24px; color:#232323; line-height:36px; height:36px; overflow:hidden; padding-right:30%; display:block; font-weight:bold; overflow:hidden;}
.HanBocm_index_Anli_neirong ul li span{font-size:14px; line-height:22px; color:#9a9a9a; overflow:hidden; display:block; height:44px;}
.HanBocm_index_Anli_neirong ul li font{font-size:14px; line-height:22px; color:#9a9a9a; font-style:normal;}
.HanBocm_index_Anli_neirong ul li i{width:20%; height:3px; margin:10px 0; background:#ff4422; display:block;}
.HanBocm_index_Anli_neirong ul li em{width:45px; height:44px; overflow:hidden; padding:3px 0 0 3px; font-size:14px; font-weight:bold; letter-spacing:3px; text-align:center; color:#ffffff; line-height:20px; background:#ff4422; position:absolute; top:28px; right:25px; font-style:normal;transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
.HanBocm_index_Anli_neirong ul li em font{display:none;}
.HanBocm_index_Anli_neirong ul li:hover{background:#fafafa; box-shadow:0 0 20px #9a9a9a; color:#000000; position:relative; z-index:2;}
.HanBocm_index_Anli_neirong ul li:hover img.HanBocm_index_Anli_neirong_erweima{width:90px; height:90px; margin:-90px 25px 0 0; transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s; transform:rotate(360deg);}
.HanBocm_index_Anli_neirong ul li:hover img.HanBocm_index_Anli_neirong_jian{width:42px; height:40px; transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
.HanBocm_index_Anli_neirong ul li:hover strong, .HanBocm_index_Anli_neirong ul li:hover h3{ padding-right:40%; font-weight:bold;}
.HanBocm_index_Anli_neirong ul li:hover i{width:100%;transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
.HanBocm_index_Anli_neirong ul li:hover em{width:80px; height:40px; padding:5px 5px 3px 5px; font-size:14px; letter-spacing:1px; top:0px; right:24px;}
.HanBocm_index_Anli_neirong ul li:hover em font{display:block; color:#ffffff; font-size:16px; line-height:18px; font-weight:bold; margin-bottom:10px; animation:jump 0.6s infinite alternate;}
.HanBocm_index_Anli_neirong ul li.HanBocm_index_Anli_neirong_m{display:none;}
/* 首页合作 */
.HanBocm_index_Hezuo{width:100%; padding:50px 0 0; overflow:hidden;}
.HanBocm_index_Hezuo_neirong{width:100%; background:url(HanBocm_index_Hezuo_beijing.jpg) fixed top; padding:30px 0 50px;}
.HanBocm_index_Hezuo_tupian{width:88%; max-width:2560px; height:40px; margin:0px auto; color:#ffffff; text-align:right;}
.HanBocm_index_Hezuo_tupian img{height:60px; margin-left:10px; margin-top:-40px; display:none;}
.HanBocm_index_Hezuo_17{position:absolute; z-index:2; margin-top:-160px; left:10%;}
.HanBocm_index_Hezuo_17 img{animation:jump 0.6s infinite alternate;}
.HanBocm_index_Hezuo_neirong ul{width:88%; max-width:2560px; margin:0px auto 30px; border-top:1px solid #ebf0fa; border-left:1px solid #ebf0fa; background:#ffffff; overflow:hidden;}
.HanBocm_index_Hezuo_neirong ul li{width:14.22%; height:90px; border-bottom:1px solid #ebf0fa; border-right:1px solid #ebf0fa; float:left; display:block; overflow:hidden; background:#ffffff; text-align:center;transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
.HanBocm_index_Hezuo_neirong ul li.HanBocm_index_Hezuo_neirongli_m{display:none;}
.HanBocm_index_Hezuo_neirong ul li img{max-height:90%; max-width:100%; margin:5px 0 100px; transition:transform .6s; transform-style: preserve-3d;}
.HanBocm_index_Hezuo_neirong ul li:hover{background:#ebf0fa;}
.HanBocm_index_Hezuo_neirong ul li:hover img{transform:rotateX(360deg);}
.HanBocm_index_Hezuo_neirong .HanBocm_Wenzi{width:88%; max-width:2560px; text-align:center; margin:0px auto; padding:10px 0 0; color:#9a9a9a; font-size:14px; clear:both;}
/* 首页动态 */
.HanBocm_index_Dongtai{width:100%; background:#ffffff; padding:50px 0; overflow:hidden;}
.HanBocm_index_Dongtai_neirong{width:88%; max-width:2560px; margin:0 auto 50px; overflow:hidden;}
.HanBocm_index_Dongtai_neirong li{width:14.28%; float:left; display:block;}
.HanBocm_index_Dongtai_tupian{width:100%; overflow:hidden;}
.HanBocm_index_Dongtai_tupian img{width:100%; transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;}
.HanBocm_index_Dongtai_neirong li:hover .HanBocm_index_Dongtai_tupian img{transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-webkit-transform:scale(1.10);-ms-transform:scale(1.10);}

.HanBocm_index_Dongtai_neirong li font{display:block; width:0px !important; height:0px; position:relative; margin:0px 25px 0 0; float:right; text-align:center; color:#ffffff; font-weight:bold; font-size:14px;}
.HanBocm_index_Dongtai_neirong li font img{margin-bottom:5px;}
.HanBocm_index_Dongtai_neirong li:hover font{width:84px !important; height:100px; margin:-110px 25px 0 0; transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s; transform:rotate(360deg);}

.HanBocm_index_Dongtai_neirong li span{background:#ebf0fa; width:70px; height:3px; margin:0 auto; display:block;}
.HanBocm_index_Dongtai_neirong li div{width:100%; height:250px; overflow:hidden; position:relative; padding-top:30px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);background:#ffffff;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s;transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
.HanBocm_index_Dongtai_neirong li div h3{padding:0 25px; margin-bottom:15px; font-size:18px; font-weight:bold;}
.HanBocm_index_Dongtai_neirong li div p{padding:0 25px; line-height:22px; color:#ebf0fa;}
.HanBocm_index_Dongtai_neirong li div a{color:#ebf0fa; display:block;}
.HanBocm_index_Dongtai_neirong li div h3 a{color:#ffffff;}
.HanBocm_index_Dongtai_neirong li div a.height22{height:22px; line-height:22px; overflow:hidden;}
.HanBocm_index_Dongtai_neirong li div a.height23{height:22px; line-height:22px; overflow:hidden; margin-top:150px;}

.HanBocm_index_Dongtai_neirong li:hover div{color:#ffffff;}
.HanBocm_index_Dongtai_neirong li:hover div h3{font-size:22px; -webkit-transition:-webkit-box-shadow .6s;transition:-webkit-box-shadow .6s;transition:box-shadow .6s;transition:box-shadow .6s,-webkit-box-shadow .6s;transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;}
.HanBocm_index_Dongtai_neirong li:hover div a{color:#ffffff;}
.HanBocm_index_Dongtai_neirong li:hover div a.height23{height:22px; line-height:22px; overflow:hidden; margin-top:0px;}
.HanBocm_index_Dongtai_neirong li:hover span{background:#ff4422; width:40%; transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
.HanBocm_index_Dongtai_neirong li .HanBocm_index_Dongtai_jieshaoA{background:#6633bb; margin-bottom:50px;}
.HanBocm_index_Dongtai_neirong li:hover .HanBocm_index_Dongtai_jieshaoA{background:#5533aa; margin-bottom:0; padding:40px 0;}
.HanBocm_index_Dongtai_neirong li .HanBocm_index_Dongtai_jieshaoB{background:#ff7722; margin-top:50px;}
.HanBocm_index_Dongtai_neirong li:hover .HanBocm_index_Dongtai_jieshaoB{background:#ff6622; margin-top:0; padding:40px 0;}
.HanBocm_index_Dongtai_neirong li .HanBocm_index_Dongtai_jieshaoC{background:#4a65cc; margin-bottom:50px;}
.HanBocm_index_Dongtai_neirong li:hover .HanBocm_index_Dongtai_jieshaoC{background:#3550b8; margin-bottom:0; padding:40px 0;}
.HanBocm_index_Dongtai_neirong li .HanBocm_index_Dongtai_jieshaoD{background:#0da056; margin-top:50px;}
.HanBocm_index_Dongtai_neirong li:hover .HanBocm_index_Dongtai_jieshaoD{background:#1c9558; margin-top:0; padding:40px 0;}
.HanBocm_index_Dongtai_neirong li .HanBocm_index_Dongtai_jieshaoE{background:#ff3333; margin-bottom:50px;}
.HanBocm_index_Dongtai_neirong li:hover .HanBocm_index_Dongtai_jieshaoE{background:#ee3333; margin-bottom:0; padding:40px 0;}
.HanBocm_index_Dongtai_neirong li .HanBocm_index_Dongtai_jieshaoF{background:#8833ee; margin-top:50px;}
.HanBocm_index_Dongtai_neirong li:hover .HanBocm_index_Dongtai_jieshaoF{background:#8855dd; margin-top:0; padding:40px 0;}
.HanBocm_index_Dongtai_neirong li.HanBocm_index_Dongtai_H{display:none;}
.HanBocm_index_Dongtai_neirong li .HanBocm_index_Dongtai_jieshaoG{background:#00aa88; margin-bottom:50px}
.HanBocm_index_Dongtai_neirong li:hover .HanBocm_index_Dongtai_jieshaoG{background:#00bb88; margin-bottom:0; padding:40px 0;}
.HanBocm_index_Dongtai_neirong li .HanBocm_index_Dongtai_jieshaoH{background:#0055dd; margin-top:50px;}
.HanBocm_index_Dongtai_neirong li:hover .HanBocm_index_Dongtai_jieshaoH{background:#1166dd; margin-top:0; padding:40px 0;}
/* 首页全球数字 */
.HanBocm_index_shuzhi{width:100%; background:#232323;}
.HanBocm_index_shuzhi ul {padding:15px 0; overflow:hidden; width:88%; max-width:2560px; margin:0 auto; padding-left:6%;}
.HanBocm_index_shuzhi li {float:left; height:90px; width:14.28%; color:rgba(255, 255, 255, 0.48);}
.HanBocm_index_shuzhi li:hover {font-weight:bold; color:rgba(255, 255, 255, 1.00);}
.HanBocm_index_shuzhi li b {font-size:20px; display:inline-block; position:relative; margin:18px 0 0; line-height:30px; color:rgba(255, 255, 255, 1.00)}
.HanBocm_index_shuzhi li p {font-size:14px;}
.HanBocm_index_shuzhi li b i {font-style:normal; font-size:26px; color:rgba(255, 255, 255, 1.00); margin-top:10px;}
.HanBocm_index_shuzhi li b sup {position:absolute; font-size:20px; right:-15px; top:-3px;}
.HanBocm_index_shuzhi li b em {font-style:normal; font-size:14px; font-weight:100; padding-left:2px; position:relative; top:-4px;}
/* 首页全球 */
.HanBocm_index_quanqiu{width:100%; padding:50px 0 0; overflow:hidden; background:#ebf0fa;}
.HanBocm_index_quanqiu_neirong{width:100%; overflow:hidden; margin:0 auto;}
.HanBocm_index_quanqiu_neirong ul#HanBocm_index_img_area{width:1200px; margin:0px auto 0px; overflow:hidden; position:relative;}
.HanBocm_index_quanqiu_neirong ul#HanBocm_index_img_area img{width:1200px;}
#HanBocm_index_quanqiu_qizhi{width:88%; max-width:2560px; margin:0px auto 20px; overflow:hidden; position:relative;}
#HanBocm_index_quanqiu_qizhi li{width:4.16%; overflow:hidden; float:left; height:88px; font-size:12px;}
#HanBocm_index_quanqiu_qizhi li img{width:88%; height:auto;}
#HanBocm_index_quanqiu_qizhi li p{width:48px; height:40px; line-height:20px; overflow:hidden; padding-top:8px;}
#HanBocm_index_quanqiu_qizhi li p span{display:block; color:#9a9a9a;}
#HanBocm_index_quanqiu_qizhi li p font{padding-top:10px;}
#HanBocm_index_quanqiu_qizhi li:hover a{color:#ff4400; font-weight:bold;}
#HanBocm_index_quanqiu_qizhi li:hover img{animation:jump 0.6s infinite alternate;}
@keyframes jump{0%{transform: translateY(0);} 50%{transform: translateY(2px);} 100%{transform: translateY(5px);}}
#HanBocm_index_quanqiu_qizhi li:hover span{font-weight:normal;}
/* 首页全球地图 */
/*
#HanBocm_index_img_area.paused .HanBocm_index_point_area .point-20:after{animation-play-state:paused;-webkit-animation-play-state:paused;}
#HanBocm_index_img_area.paused .HanBocm_index_point_area .point-30:after{animation-play-state:paused;-webkit-animation-play-state:paused;}
#HanBocm_index_img_area.paused .HanBocm_index_point_area .point-40:after{animation-play-state:paused;-webkit-animation-play-state:paused;}
#HanBocm_index_img_area.paused .HanBocm_index_point_area .point-50:after{animation-play-state:paused;-webkit-animation-play-state:paused;}
#HanBocm_index_img_area.paused .HanBocm_index_point_area .point-60:after{animation-play-state:paused;-webkit-animation-play-state:paused;}
#HanBocm_index_img_area.paused .HanBocm_index_point_area .point-70:after{animation-play-state:paused;-webkit-animation-play-state:paused;}
#HanBocm_index_img_area.paused .HanBocm_index_point_area .point-80:after{animation-play-state:paused;-webkit-animation-play-state:paused;}
#HanBocm_index_img_area.paused .HanBocm_index_point_area .point-90:after{animation-play-state:paused;-webkit-animation-play-state:paused;}
#HanBocm_index_img_area.paused .HanBocm_index_point_area .point-100:after{animation-play-state:paused;-webkit-animation-play-state:paused;}
*/
.HanBocm_index_point_area{text-align:center;position:relative;width:150px;height:150px;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;-o-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out;}
.point{position:absolute;top:0;left:0;right:0;bottom:0;width:10px;height:10px; overflow:hidden;margin:auto;-webkit-border-radius:50%;-webkit-background-clip:padding-box;-moz-border-radius:50%;-moz-background-clip:padding;border-radius:50%;background-clip:padding-box;background:transparent;color:#6699ff;}
.point-shadow:after{-webkit-box-shadow:inset 0 0 5em rgba(102, 153, 255, 0.46);-moz-box-shadow:inset 0 0 5em rgba(102, 153, 255, 0.46);box-shadow:inset 0 0 5em rgba(102, 153, 255, 0.46);}
.point-white{background-color:#ffffff;border:1px solid #ff4422;}
.point-dot{z-index:1;background-color:#6699ff;border:1px solid rgba(51, 103, 214, 0.50);}
.point-dot strong{ font-size:1px;}
.HanBocm_index_point_area:hover .point-dot{z-index:1;background-color:#0066cc;border:2px solid rgba(51, 103, 214, 0.50);}
.point-10{width:100%;height:100%;}
.point-10:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #99ccff;opacity:0;-webkit-animation:ripple 4500ms ease-out 225ms infinite;-moz-animation:ripple 4500ms ease-out 225ms infinite;-o-animation:ripple 4500ms ease-out 225ms infinite;animation:ripple 4500ms ease-out 225ms infinite;}
.point-20{width:100%;height:100%;}
.point-20:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #99ccff;opacity:0;-webkit-animation:ripple 4500ms ease-out 450ms infinite;-moz-animation:ripple 4500ms ease-out 450ms infinite;-o-animation:ripple 4500ms ease-out 450ms infinite;animation:ripple 4500ms ease-out 450ms infinite;}
.point-30{width:100%;height:100%;}
.point-30:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #99ccff;opacity:0;-webkit-animation:ripple 4500ms ease-out 675ms infinite;-moz-animation:ripple 4500ms ease-out 675ms infinite;-o-animation:ripple 4500ms ease-out 675ms infinite;animation:ripple 4500ms ease-out 675ms infinite;}
.point-40{width:100%;height:100%;}
.point-40:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #99ccff;opacity:0;-webkit-animation:ripple 4500ms ease-out 900ms infinite;-moz-animation:ripple 4500ms ease-out 900ms infinite;-o-animation:ripple 4500ms ease-out 900ms infinite;animation:ripple 4500ms ease-out 900ms infinite;}
.point-50{width:100%;height:100%;}
.point-50:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #99ccff;opacity:0;-webkit-animation:ripple 4500ms ease-out 1125ms infinite;-moz-animation:ripple 4500ms ease-out 1125ms infinite;-o-animation:ripple 4500ms ease-out 1125ms infinite;animation:ripple 4500ms ease-out 1125ms infinite;}
.point-60{width:100%;height:100%;}
.point-60:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #99ccff;opacity:0;-webkit-animation:ripple 4500ms ease-out 1350ms infinite;-moz-animation:ripple 4500ms ease-out 1350ms infinite;-o-animation:ripple 4500ms ease-out 1350ms infinite;animation:ripple 4500ms ease-out 1350ms infinite;}
.point-70{width:100%;height:100%;}
.point-70:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #99ccff;opacity:0;-webkit-animation:ripple 4500ms ease-out 1575ms infinite;-moz-animation:ripple 4500ms ease-out 1575ms infinite;-o-animation:ripple 4500ms ease-out 1575ms infinite;animation:ripple 4500ms ease-out 1575ms infinite;}
.point-80{width:100%;height:100%;}
.point-80:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #99ccff;opacity:0;-webkit-animation:ripple 4500ms ease-out 1800ms infinite;-moz-animation:ripple 4500ms ease-out 1800ms infinite;-o-animation:ripple 4500ms ease-out 1800ms infinite;animation:ripple 4500ms ease-out 1800ms infinite;}
.point-90{width:100%;height:100%;}
.point-90:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #99ccff;opacity:0;-webkit-animation:ripple 4500ms ease-out 2025ms infinite;-moz-animation:ripple 4500ms ease-out 2025ms infinite;-o-animation:ripple 4500ms ease-out 2025ms infinite;animation:ripple 4500ms ease-out 2025ms infinite;}
.point-100{width:100%;height:100%;}
.point-100:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #99ccff;opacity:0;-webkit-animation:ripple 4500ms ease-out 2250ms infinite;-moz-animation:ripple 4500ms ease-out 2250ms infinite;-o-animation:ripple 4500ms ease-out 2250ms infinite;animation:ripple 4500ms ease-out 2250ms infinite;}
lesshat-selector{-lh-property:0; }
@-webkit-keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -webkit-transform:scale(1)}
}
@-moz-keyframes ripple{ 0%{opacity:0;-moz-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -moz-transform:scale(1)}
}
@-o-keyframes ripple{ 0%{opacity:0;-o-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -o-transform:scale(1)}
}
@keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1);-moz-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
/* 首页全球地图 end */
/* 首页底部 */
#HanBocm_index_Lianxi{background:#232323; clear:both; overflow:hidden;}
#HanBocm_index_Lianxi ul{width:88%; max-width:2560px; margin:0 auto; padding:35px 0; font-size:14px; line-height:24px; color:#9a9a9a; overflow:hidden; clear:both; overflow:hidden;}
#HanBocm_index_Lianxi ul li{float:left;}
#HanBocm_index_Lianxi ul li a{display:block; color:#9a9a9a;}
#HanBocm_index_Lianxi ul li a:hover{color:#ffffff; padding-left:1px; font-weight:bold;}
#HanBocm_index_Lianxi ul li a span{display:none;}
#HanBocm_index_Lianxi ul li strong{display:block; margin-bottom:5px; color:#cccccc;}
#HanBocm_index_Lianxi_hangye{width:17%; overflow:hidden;}
#HanBocm_index_Lianxi_dizhi{width:23%; overflow:hidden;}
#HanBocm_index_Lianxi_yewu{width:15%; overflow:hidden;}
#HanBocm_index_Lianxi_shiye{width:10%; overflow:hidden;}
#HanBocm_index_Lianxi_erweima{width:18%; overflow:hidden; float:right; text-align:right;}
#HanBocm_index_Lianxi_erweima img{width:94px; margin-left:10px; margin-bottom:10px; transition: transform .6s; transform-style: preserve-3d;}
#HanBocm_index_Lianxi_erweima img:hover{transform: rotateY(360deg);}
#HanBocm_index_Lianxi_erweima a{color:#ff4422 !important;}
#HanBocm_index_Lianxi span{font-size:30px; font-family:"Arial Black"; display:block; line-height:36px; margin-top:20px;}
#HanBocm_index_Lianxi em{font-size:30px; font-family:"Arial Black"; font-style:normal; display:block;}
#HanBocm_index_Lianxi_shiye font{font-size:24px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-weight:bold;}
#HanBocm_index_Lianxi div{width:88%; max-width:2560px; margin:0 auto; padding:15px 0; font-size:14px; line-height:24px; color:#9a9a9a; overflow:hidden; border-top:1px solid #2e2e2e; clear:both; overflow:hidden;}
#HanBocm_index_Lianxi div a{color:#9a9a9a; margin-right:5px;}
#HanBocm_index_Lianxi div a:hover{color:#ffffff; font-weight:bold;}
#HanBocm_index_Copyright{padding:16px 0; background:#1e1e1e; font-size:14px; line-height:24px; color:#9a9a9a; clear:both; overflow:hidden;}
#HanBocm_index_Copyright ul{width:88%; max-width:2560px; margin:0 auto;}
#HanBocm_index_Copyright ul a{color:#9a9a9a;}
#HanBocm_index_Copyright ul a:hover{color:#ffffff; font-weight:bold;}
#HanBocm_index_Copyright_kouhao{float:left; font-size:14px; line-height:48px; font-weight:bold;}
#HanBocm_index_Copyright_links,
#HanBocm_index_Copyright_copy{text-align:right;}
#HanBocm_index_Copyright_links a{margin-left:5px;}
/* Online-Beratung右侧人物 */
@keyframes scaleToggleOne { 0{transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(2);-webkit-transform:scale(2)}100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleTwo { 0{transform:scale(1);-webkit-transform:scale(1)}20%{transform:scale(1);-webkit-transform:scale(1)}60%{transform:scale(2);-webkit-transform:scale(2)}100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleThree { 0{transform:scale(1);-webkit-transform:scale(1)}33%{transform:scale(1);-webkit-transform:scale(1)}66%{transform:scale(2);-webkit-transform:scale(2)}100%{transform:scale(1);-webkit-transform:scale(1)}
}
.livechat { -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation:jump 0.6s infinite alternate;}
#livechat-girl-ask{display:block;}
#livechat-girl-tel{display:none;}
.livechat-girl { width:60px; height:60px; border-radius:50%; position:fixed; bottom:30px; right:10px; opacity:0; -webkit-box-shadow:0 5px 10px 0 rgba(35,50,56,.3); box-shadow:0 5px 10px 0 rgba(35,50,56,.3); z-index:999; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); cursor:pointer; -webkit-transition:all 1s cubic-bezier(.86, 0, .07, 1); transition:all 1s cubic-bezier(.86, 0, .07, 1);}
.livechat-girl:hover { width:60px; height:60px;}
.livechat-girl:focus { outline:0;}
.livechat-girl.livechat { opacity:1; transform:translateY(-40px); -webkit-transform:translateY(-40px); -ms-transform:translateY(-40px);}
.livechat-girl:after { content:'1'; width:14px; height:14px; font-size:10px; font-weight:bold; text-align:center; border-radius:50%; background-image:linear-gradient(to bottom, #ff4422, #ff4422); position:absolute; right:1px; top:1px; z-index:998; color:#ffffff;animation:jump 0.6s infinite alternate;}
.livechat-girl span{position:absolute; right:5px; top:0px; z-index:999; color:#ffffff; font-weight:bold; font-size:14px;}
.livechat-girl .girl { position:absolute; top:0; left:0; width:60px; height:auto; z-index:996; }
.livechat-girl:hover .girl{transform: rotate(360deg); transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;}
.livechat-girl .livechat-text{ content:'咨询'; width:36px; height:18px; line-height:18px; font-size:14px; font-weight:bold; text-align:center; border-radius:30%; background-image:linear-gradient(to bottom, #3367d6, #3367d6); position:absolute; right:14px; bottom:1px; z-index:999; color:#ffffff;}
.livechat-girl:hover .livechat-text{width:40px; height:20px; line-height:20px; font-size:15px; right:10px; bottom:0px;}
.livechat-girl .HanBocm_ask_qq { position:absolute; top:-70px; left:0; width:60px; height:auto; z-index:997; display:none;}
.livechat-girl .livechat-circles .circle { background:rgba(51,103,214,.45); width:60px; height:60px; border-radius:50%; position:absolute; z-index:990; transform:scale(1); -webkit-transform:scale(1);}
.livechat-girl .livechat-circles.livechat .c-1 { animation:3s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards;}
.livechat-girl .livechat-circles.livechat .c-2 { animation:3.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards;}
.livechat-girl .livechat-circles.livechat .c-3 { animation:4s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards;}
.livechat-girl .livechat-circles#livechat-circles .circle{ background:rgba(51,103,214,.25); top:-70px; width:60px; height:60px; border-radius:50%; position:absolute; z-index:990; transform:scale(1); -webkit-transform:scale(1); display:none;}
.livechat-girl .livechat-circles#livechat-circles.livechat .c-1 { animation:1s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards;}
.livechat-girl .livechat-circles#livechat-circles.livechat .c-2 { animation:1.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards;}
.livechat-girl .livechat-circles#livechat-circles.livechat .c-3 { animation:2s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards;}
.livechat-girl.livechat-stopped .circle { opacity:0!important;}
.livechat-girl.livechat-stopped .circle { opacity:0!important;}
.livechat-girl .livechat-hint { position:absolute; right:40px; top:50%; margin-top:-20px; opacity:0; z-index:0; -webkit-transition:all .3s cubic-bezier(.86, 0, .07, 1); transition:all .3s cubic-bezier(.86, 0, .07, 1);}
.livechat-girl .livechat-hint.show_hint { -webkit-transform:translateX(-40px); transform:translateX(-40px); opacity:1;}
.livechat-girl .livechat-hint.hide_hint { opacity:0; -webkit-transform:translateX(0); transform:translateX(0);}
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width:auto; overflow:hidden; text-overflow:ellipsis;}
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content a{display:block; color:#ffffff;}
.rd-notice-tooltip { -webkit-box-shadow:0 2px 2px rgba(0,0,0,.2); box-shadow:0 2px 2px rgba(0,0,0,.2); font-size:14px; border-radius:3px; line-height:1.25; position:absolute; z-index:995; max-width:350px; opacity:1;}
.rd-notice-tooltip:after { position:absolute; display:block; content:''; height:20px; width:20px; -webkit-box-shadow:none; box-shadow:none; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; z-index:994;}
.rd-notice-tooltip .rd-notice-content { background:0; border-radius:3px; width:100%; color:#ffffff; position:relative; z-index:993; padding:20px; font-weight:400; line-height:1.45;}
.rd-notice-type-success { background-color:#3367d6; -webkit-box-shadow:0 5px 10px 0 rgba(51,103,214,.2); box-shadow:0 5px 10px 0 rgba(51,103,214,.2);}
.rd-notice-type-success .rd-notice-content { background-color:#3367d6;}
.rd-notice-type-success:after { background-color:#3367d6; -webkit-box-shadow:0 5px 10px 0 rgba(51,103,214,.2); box-shadow:0 5px 10px 0 rgba(51,103,214,.2);}
#rd-notice-content-ask{display:block;}
#rd-notice-content-tel{display:none;}
.rd-notice-position-left { margin-left:-20px;}
.rd-notice-position-left:after { right:-6px; top:50%; margin-top:-10px;}
.rd-notice-tooltip.single-line .rd-notice-content { height:40px; padding:0 20px; line-height:40px; white-space:nowrap;}
/* Online-Beratung右侧人物 end */
/* Online-Beratung中间 */
.HanBocm_ask_mid{display:none; width:325px; height:50px; padding:200px 10px 10px 65px; background:url(HanBocm_ask_mid.png) no-repeat; position:fixed; left:50%; top:50%; margin-left:-200px; margin-top:-80px; z-index:995;}
.HanBocm_ask_mid #close{width:30px; height:30px; display:block; border:none; outline:0; text-indent:-999px; overflow:hidden; position:absolute; right:5px; top:40px; z-index:996;}
/*.HanBocm_ask_mid a[href^="tel:"]{display:block; font-size:48px; font-family:'AvantGardeBold'; color:#ffffff;}*/
.HanBocm_ask_mid input,.HanBocm_ask_mid_submit{ height:30px; line-height:30px; font-size:14px; float:left; appearance:none; -moz-appearance:none; -webkit-appearance:none; margin:0; padding:0; border:0; background:none; overflow:hidden;}
.HanBocm_ask_mid .HanBocm_ask_mid_text{width:152px; text-indent:8px; color:#565656;}
.HanBocm_ask_mid .HanBocm_ask_mid_submit{width:90px; cursor:pointer; color:#ffffff; text-align:center;}
.HanBocm_ask_mid .HanBocm_ask_mid_submit:hover{font-weight:bold;}
.HanBocm_ask_mid a.HanBocm_ask_mid_shangqiao{display:block; width:70px; height:30px; line-height:30px; overflow:hidden; float:left; text-align:center; margin-left:3px; color:#ffffff;}
.HanBocm_ask_mid a.HanBocm_ask_mid_shangqiao:hover{color:#ffffff; font-weight:bold;}
.HanBocm_ask_mid a.HanBocm_ask_mid_tel{display:none;}
#HanBocm_ask_mid_feedback1{display:none;}
/* Online-Beratung中间 end */
/* Online-Beratung左侧 */
#HanBocm_ask_left{/*width:100px;*/ width:0px; height:200px; overflow:hidden; position:fixed; left:0px; background:url(HanBocm_ask_right.png) no-repeat 0 0; top:40%; z-index:9999; display:block;}
#HanBocm_ask_left #HanBocm_ask_left_top{width:100px; height:80px; padding-left:0px;}
#HanBocm_ask_left #HanBocm_ask_left_main{width:100px; height:75px; overflow:hidden; text-align:left;}
#HanBocm_ask_left #HanBocm_ask_left_main img{width:75px; height:75px; margin-left:6px;}
#HanBocm_ask_left #HanBocm_ask_left_bottom{ width:100px; height:45px; }
#HanBocm_ask_left #HanBocm_ask_left_bottom p{ height:45px; text-align:center;}
#HanBocm_ask_left #HanBocm_ask_left_bottom p a{ height:40px; padding-top:2px; line-height:18px; font-size:14px; font-weight:bolder; padding-left:0;display:block; text-decoration:none; color:#ffffff;}
#HanBocm_ask_left #HanBocm_ask_left_bottom p a span{ font-size:14px; font-family:"Arial Black"; transform:scale(1,1.5); -ms-transform:scale(1,1.5); -webkit-transform:scale(1,1.5); -moz-transform:scale(1,1.5); -o-transform:scale(1,1.5);}
/* Online-Beratung左侧 end */
/* HanBocm_tel_mid */
.HanBocm_tel_mid{width:640px; margin:0px auto 0;}
.HanBocm_tel_mid_nomore{width:480px; margin:30px auto 0px;}
.HanBocm_tel_mid input,.HanBocm_tel_mid_submit{height:38px; line-height:38px; font-size:14px; float:left; appearance:none; -moz-appearance:none; -webkit-appearance:none; margin:0; padding:0; border:0; background:none; overflow:hidden;transition:all .1s;-o-transition:all .1s;-ms-transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.04);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s;}
.HanBocm_tel_mid .HanBocm_tel_mid_text{width:310px; text-indent:14px; font-size:14px; font-weight:bold; background:#ffffff; color:#3367d6; border:1px solid #ebf0fa;}
.HanBocm_tel_mid .HanBocm_tel_mid_submit{width:160px; height:40px; cursor:pointer; background:#3367d6; color:#ffffff; border:1px solid #3367d6; text-align:center;font-weight:bold;}
.HanBocm_tel_mid .HanBocm_tel_mid_submit:hover{background:#ff4422; border:1px solid #ff4422;}
.HanBocm_tel_mid a.HanBocm_tel_mid_shangqiao{display:block; width:70px; height:30px; line-height:30px; overflow:hidden; float:left; text-align:center; margin-left:3px; color:#232323;}
.HanBocm_tel_mid a.HanBocm_tel_mid_shangqiao:hover{color:#232323; font-weight:bold;}
.HanBocm_tel_mid a.HanBocm_tel_mid_tel{display:none;}
#HanBocm_tel_mid_feedback1{display:none;}
.HanBocm_tel_mid_m{display:none;}
/* HanBocm_tel_mid end */
/* 列表导航 */
.k_pagelist{clear:both; overflow:hidden; width:100%; max-width:88%; max-width:2560px; margin:10px auto; line-height:30px; text-align:right; font-size:14px;}
/* {king:pagelist/} 分页列表 构成:div a|strong|span */
.k_pagelist a{margin:0px 0px; background:#ffffff; border:1px solid #ebf0fa; padding:8px 17px; display:block; float:right;}
.k_pagelist a:hover{background:#ff4422; border:1px solid #ff4422; padding:8px 30px; color:#ffffff; font-weight:bold;}
.k_pagelist strong{margin:0px 0px; border:1px solid #3367d6; background:#3367d6;  padding:8px 30px; color:#ffffff; font-weight:bold; display:block; float:right;}
.k_pagelist em{background:#ffffff; border:1px solid #ebf0fa; padding:8px 17px; display:block; float:right; font-size:14px;}
/* 列表导航 end */
/* 新闻内页 */
.HanBocm_news{width:100%; background:#ebf0fa; padding-bottom:50px; overflow:hidden;}
.HanBocm_news_lanmu{clear:both; overflow:hidden; width:88%; max-width:2560px; margin:20px auto; height:60px; line-height:60px; text-align:center; font-size:14px;}
.HanBocm_news_lanmu li{float:left; width:10%;}
.HanBocm_news_lanmu li a{display:block; background:#ffffff; border:1px solid #ebf0fa; border-left:none; padding:0 15px; font-size:14px; color:#000000; font-weight:bold;}
.HanBocm_news_lanmu li a:hover{background:#ff4422; border:1px solid #ff4422; border-left:none; color:#ffffff; font-weight:bold;}
.HanBocm_news_lanmu li h2, .HanBocm_news_lanmu li h3, .HanBocm_news_lanmu li strong{border:1px solid #3367d6; background:#3367d6;  padding:0 15px; color:#ffffff; font-weight:bold; border-right:20px solid #ff4422; font-size:14px; display:block;}
.HanBocm_news_neirong{width:84%; margin:0 auto; background:#ffffff; padding:30px 2%; line-height:24px; font-size:14px;}
.HanBocm_news_list{width:84%; margin:0 auto; background:#ffffff; padding:30px 2%; margin-bottom:30px; clear:both; overflow:hidden; font-size:14px;}
.HanBocm_news_list li{float:left; width:50%; height:50px; line-height:50px; overflow:hidden; border-bottom:1px solid #ebf0fa;}
.HanBocm_news_list li a{display:block; padding:0 15px;}
.HanBocm_news_list li:hover a{background:#ff4422; color:#ffffff; font-weight:bold;}
.HanBocm_news_list li span{float:right; padding:0 15px; color:#ebf0fa; font-size:14px;}
.HanBocm_news_list li:hover span{color:#ebf0fa; display:none;}
.HanBocm_news_neirong h1{font-size:24px; color:#000000; margin:20px 0 40px; font-weight:bold; text-indent:28px;}
.HanBocm_news_neirong h2, .HanBocm_news_neirong h3{font-size:20px; color:#000000; margin:30px 0 10px; text-indent:28px; font-weight:bold;}
.HanBocm_news_neirong p{margin:10px 0; text-indent:28px;}
.HanBocm_news_neirong a{color:#3367d6; font-weight:bold;}
.HanBocm_news_neirong a:hover{color:#ff4422; font-weight:bold; text-decoration:underline;}
.HanBocm_news_neirong ul{width:100%; overflow:hidden; clear:both;}
.HanBocm_news_neirong ul li{width:33.3%; height:24px; line-height:24px; overflow:hidden; float:left; text-indent:28px;}
.HanBocm_news_neirong ol{width:100%; overflow:hidden; clear:both;}
.HanBocm_news_neirong ol li{width:25%; height:24px; line-height:24px; overflow:hidden; float:left; text-indent:28px;}
/* 新闻内页 end */
.HanBocm_Nav-wrapper-li-w{display:block;}

.HanBocm_Biaoti, .HanBocm_index_number ul, .HanBocm_index_Taocan_neirong, .HanBocm_index_shuzi ul, .HanBocm_index_bangong_neirong ul, .HanBocm_index_Anli_lanmu ul, .HanBocm_index_Hezuo_tupian, .HanBocm_index_Hezuo_neirong ul, .HanBocm_index_Dongtai_neirong, .HanBocm_index_shuzhi ul, #HanBocm_index_quanqiu_qizhi, #HanBocm_index_Lianxi ul, #HanBocm_index_Lianxi div, #HanBocm_index_Copyright ul{width:92%;}
/*************************************************************************************************************************************/
@media screen and (min-width:3840px){
.HanBocm_index_Hezuo_neirong ul li{width:12.45%;}
.HanBocm_index_Anli_lanmu ul li a{font-size:18px;}
.HanBocm_index_Anli_neirong ul li strong,.HanBocm_index_Anli_neirong ul li h3{padding-right:75px;}
}
/*************************************************************************************************************************************/
@media screen and (min-width:2560px){
.HanBocm_index_Taocan_neirong ul li{width:25%; padding:20px 0 30px;}
.HanBocm_index_Taocan_neirong ul li h3, .HanBocm_index_Taocan_neirong ul li h3 a{font-size:30px; height:48px; line-height:48px;}
.HanBocm_index_Taocan_jieshao{font-size:18px; letter-spacing:2px; line-height:42px; height:130px;}
.HanBocm_tel_mid{margin:30px auto 0;}
.HanBocm_index_Hezuo_neirong ul li{width:12.45%;}
.HanBocm_index_Anli_neirong ul li{width:12.5%;}
.HanBocm_index_Anli_neirong ul li.HanBocm_index_Anli_neirong_m{display:none;}
.HanBocm_index_Dongtai_neirong li{width:12.5%;}
.HanBocm_index_Dongtai_neirong li.HanBocm_index_Dongtai_G{display:block;}
.HanBocm_index_Dongtai_neirong li.HanBocm_index_Dongtai_H{display:block;}
#HanBocm_index_quanqiu_qizhi li{height:150px;}
}
/*************************************************************************************************************************************/
@media screen and (min-width:1921px){
.HanBocm_index_Hezuo_neirong ul li{width:12.42%;}
#HanBocm_index_quanqiu_qizhi li{height:100px;}
}
/*************************************************************************************************************************************/
@media screen and (max-width:1919px){
.HanBocm_Biaoti h2{font-weight:bold;}
.HanBocm_Biaoti h3{font-size:14px;}
.HanBocm_index_Taocan_neirong ul li h3, .HanBocm_index_Taocan_neirong ul li h3 a{font-size:26px; padding:20px 0px 0px;}
.HanBocm_index_Taocan_jieshao{ font-weight:normal;}
.HanBocm_index_Anli_neirong ul li{width:20%;}
.HanBocm_index_Anli_neirong ul li.HanBocm_index_Anli_neirong_m{display:block;}
.HanBocm_index_Hezuo_neirong ul li{width:14.20%;}
.HanBocm_index_Dongtai_neirong li{width:16.66%;}
.HanBocm_index_Dongtai_neirong li.HanBocm_index_Dongtai_G{display:none;}
.HanBocm_index_Dongtai_neirong li.HanBocm_index_Dongtai_H{display:none;}
}
/*************************************************************************************************************************************/
@media screen and (max-width:1600px){
.HanBocm_index_Taocan_jieshao{height:200px; line-height:30px; padding:0 30px; white-space:normal;}
.HanBocm_index_Taocan_jieshao span{display:block; margin-top:10px}
.HanBocm_index_Hezuo_neirong ul li{width:16.58%; height:80px; }
.HanBocm_index_Hezuo_neirong ul li.HanBocm_index_Hezuo_neirongli_pc{display:none;}
.HanBocm_index_Hezuo_neirong ul li.HanBocm_index_Hezuo_neirongli_d{display:none;}
}
/*************************************************************************************************************************************/
@media screen and (max-width:1366px){
.HanBocm_index_number ul, .HanBocm_index_Taocan_neirong, .HanBocm_index_shuzi ul, .HanBocm_index_bangong_neirong ul, .HanBocm_index_Anli_lanmu ul, .HanBocm_index_Hezuo_tupian, .HanBocm_index_Hezuo_neirong ul, .HanBocm_index_Dongtai_neirong, .HanBocm_index_shuzhi ul, #HanBocm_index_quanqiu_qizhi, #HanBocm_index_Lianxi ul, #HanBocm_index_Lianxi div, #HanBocm_index_Copyright ul{width:94%;}
.HanBocm_index_Taocan_neirong ul li h3, .HanBocm_index_Taocan_neirong ul li h3 a{padding:20px 10px 10px;}
#HanBocm_topbar_wrapper_last {margin-right:15px;}
.HanBocm_Nav-wrapper-li {margin:0px 13px;}
#HanBocm_Nav-wrapper-li-first{margin-left:0px;}
.tel {padding-right:15px; font-size:22px;}
.HanBocm_index_Taocan_jieshao{font-size:16px; height:200px; line-height:30px;}
.HanBocm_index_Taocan_jieshao span{display:block; margin-top:10px}
.HanBocm_index_Taocan_xianjia{height:30px; margin:0px auto;}
.HanBocm_index_Taocan_gengduo{margin:10px auto 5px;}
.HanBocm_index_Taocan_gengduo a{width:60%;}
.HanBocm_index_Taocan_neirong ul li:hover .HanBocm_index_Taocan_gengduo a{width:65%;}
.HanBocm_index_Hezuo_neirong ul li{width:16.55%; height:70px;}
.HanBocm_index_Anli_neirong ul li{width:20%;}
.HanBocm_index_Dongtai_neirong li{width:16.66%;}
}
/*************************************************************************************************************************************/
@media screen and (max-width:1151px){
.HanBocm_Biaoti, .HanBocm_index_number ul, .HanBocm_index_Taocan_neirong, .HanBocm_index_shuzi ul, .HanBocm_index_bangong_neirong ul, .HanBocm_index_Anli_lanmu ul, .HanBocm_index_Hezuo_tupian, .HanBocm_index_Hezuo_neirong ul, .HanBocm_index_Dongtai_neirong, .HanBocm_index_shuzhi ul, #HanBocm_index_quanqiu_qizhi, #HanBocm_index_Lianxi ul, #HanBocm_index_Lianxi div, #HanBocm_index_Copyright ul{width:96%;}

.HanBocm_index_Taocan_jieshao{font-size:14px; padding:0 20px; height:170px; line-height:25px; color:#000000; text-align:center; white-space:normal; letter-spacing:0px;}
.HanBocm_index_Taocan_jieshao span{ margin-top:10px;}
.HanBocm_index_bangong_17{right:2%;text-align:right;}
.HanBocm_index_bangong_17 img{width:75%;}
.HanBocm_index_Hezuo_17{left:2%;}
.HanBocm_index_Hezuo_17 img{width:75%;}
.HanBocm_index_Hezuo_neirong ul li{width:19.88%;}
.HanBocm_index_Hezuo_neirong ul li.HanBocm_index_Hezuo_neirongli_pc{display:none;}
.HanBocm_index_Hezuo_neirong ul li.HanBocm_index_Hezuo_neirongli_d{display:block;}
.HanBocm_index_Anli_neirong ul li{width:25%;}
.HanBocm_index_Anli_neirong ul li.HanBocm_index_Anli_neirong_m{display:none;}
.HanBocm_index_Dongtai_neirong li{width:25%;}
.HanBocm_index_Dongtai_neirong li.HanBocm_index_Dongtai_G{display:block;}
.HanBocm_index_Dongtai_neirong li.HanBocm_index_Dongtai_H{display:block;}
.HanBocm_index_quanqiu_neirong ul#HanBocm_index_img_area{margin-left:-8%;}
#HanBocm_index_quanqiu_qizhi li{width:8.32%; margin-top:10px;}
#HanBocm_index_quanqiu_qizhi li p{padding-top:3px; line-height:18px; margin-bottom:10px;}
.HanBocm_index_number ul, .HanBocm_index_shuzi ul, .HanBocm_index_shuzhi ul{padding-left:0;}
}
/*************************************************************************************************************************************/
@media screen and (max-width:960px){
.HanBocm_Biaoti, .HanBocm_index_number ul, .HanBocm_index_Taocan_neirong, .HanBocm_index_shuzi ul, .HanBocm_index_bangong_neirong ul, .HanBocm_index_Anli_lanmu ul, .HanBocm_index_Dongtai_neirong, .HanBocm_index_shuzhi ul, #HanBocm_index_quanqiu_qizhi, #HanBocm_index_Lianxi ul, #HanBocm_index_Lianxi div, #HanBocm_index_Copyright ul{width:100%;}
.HanBocm_index_number{display:none;}
.HanBocm_Biaoti h2{font-size:28px; line-height:32px; padding:10px 50px;}
.HanBocm_Biaoti h3{font-size:16px; line-height:20px; padding:0px 10px;}
/* 头部菜单 */
.HanBocm_topbar {height:58px;}
.HanBocm_input_container {display:none;}
.HanBocm_topbar_ul {float:right; display:none;}
.HanBocm_topbar_wrapper #HanBocm_topbar_span{display:none;}
.HanBocm_Nav-wrapper ul {float:right; padding-right:0px;}
.HanBocm_Nav-wrapper-li {margin:0px 15px 0px 15px;}
#HanBocm_Nav-wrapper-li-first{position:absolute; top:-58px;}
.menu-dropdown{ height:0px;}
.tel {position:absolute; top:-58px; right:0px;}
.tel a{color:#ffffff !important; font-weight:bolder !important;}

/* 首页banner */
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner01{padding:0; text-align:right; width:90%; margin:0 auto; color:#ffffff; }
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner01 h1{font-size:42px; line-height:42px;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner01 h2{font-size:42px; line-height:42px; margin-top:10px;}

.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner01 h3{font-size:24px; line-height:30px;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner01 h4{display:none;}

.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner02,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner03,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner04,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner05,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner06,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner07,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner08{padding:0; width:90%; text-align:right;}

.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner02 span.t01,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner03 span.t01,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner04 span.t01,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner05 span.t01,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner06 span.t01,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner07 span.t01,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner08 span.t01{font-size:42px; line-height:42px; font-weight:bolder; margin-top:0px;}

.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner02 span.t02,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner03 span.t02,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner04 span.t02,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner05 span.t02,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner06 span.t02,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner07 span.t02,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner08 span.t02{font-size:24px; line-height:30px; margin:20px 0px 0px 80px; font-weight:bold;}

.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner02 span.t03,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner03 span.t03,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner04 span.t03,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner05 span.t03,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner06 span.t03,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner07 span.t03,
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner08 span.t03{font-size:36px; display:none;}

.swiper-button-white{display:none;}

.HanBocm_index_Taocan_neirong ul li h3, .HanBocm_index_Taocan_neirong ul li h3 a{font-size:24px; line-height:24px; height:48px; padding:20px 20px 0;}
.HanBocm_index_bangong_neirong ul li p strong{font-size:14px;}
.HanBocm_index_bangong_neirong ul li:hover span{width:80px; height:100px; font-size:14px;}
.HanBocm_index_Hezuo_neirong ul{width:98%;}
.HanBocm_index_Hezuo_neirong ul li{width:24.8%; height:60px;}
.HanBocm_index_Hezuo_neirong ul li img{max-height:100%; max-width:100%; margin:0px 0 100px;}
.HanBocm_index_Hezuo_neirong ul li.HanBocm_index_Hezuo_neirongli_pc{display:block;}
.HanBocm_index_Hezuo_neirong ul li.HanBocm_index_Hezuo_neirongli_d{display:block;}
.HanBocm_index_Anli_neirong ul li{width:33.33%;}
.HanBocm_index_Anli_neirong ul li.HanBocm_index_Anli_neirong_m{display:none;}
.HanBocm_index_Dongtai_neirong li div{height:150px;}
.HanBocm_index_quanqiu_neirong ul#HanBocm_index_img_area{margin-left:-25%;}
#HanBocm_index_quanqiu_qizhi{width:98%;}
/* 首页瀚;博底部 */
#HanBocm_index_Lianxi ul{width:98%;}
#HanBocm_index_Lianxi_hangye{display:none;}
#HanBocm_index_Lianxi_dizhi{width:35%;}
#HanBocm_index_Lianxi_yewu{width:22%;}
#HanBocm_index_Lianxi_shiye{width:20%;}
#HanBocm_index_Lianxi_erweima{width:23%;}
#HanBocm_index_Lianxi_erweima img{width:80px; margin-left:0px;}
#HanBocm_index_Lianxi div{display:none;}
#HanBocm_index_Copyright_kouhao{font-size:14px; padding-left:1%;}
#HanBocm_index_Copyright_links,
#HanBocm_index_Copyright_copy{display:none;}
.HanBocm_ask_mid{display:none; height:0px; width:0px; padding:0; overflow:hidden;}
/* HanBocm_tel_mid */
.HanBocm_tel_mid{width:100%;margin:10px auto 0;}
.HanBocm_tel_mid_nomore{width:100%;margin:10px auto 0px;}
.HanBocm_tel_mid input,.HanBocm_tel_mid_submit{ height:48px; line-height:48px;}
.HanBocm_tel_mid .HanBocm_tel_mid_text{width:60%; text-indent:8px; border:none; border-top:1px solid #ebf0fa; font-size:14px;}
.HanBocm_tel_mid .HanBocm_tel_mid_submit{width:40%;height:48px; border:none; border-top:1px solid #ebf0fa; overflow:hidden; background:#ff4422;}
.HanBocm_tel_mid a.HanBocm_tel_mid_tel{display:block !important; width:100%; margin:0px auto 0 !important; background:#3367d6; color:#ffffff; height:48px; line-height:48px; overflow:hidden; clear:both; float:none; text-align:center; font-weight:bold; font-size:14px;}
.HanBocm_tel_mid .HanBocm_index_more{display:none;}
.HanBocm_tel_mid_m{display:block;}
/* HanBocm_tel_mid end */
/* 新闻瀚]博内页 */
.HanBocm_news{width:100%; background:#ebf0fa; padding-bottom:30px; overflow:hidden;}
.HanBocm_news_lanmu{clear:both; overflow:hidden; width:100%; margin:20px auto; height:50px; line-height:48px; text-align:center; font-size:14px;}
.HanBocm_news_lanmu li{float:left; width:10%;}
.HanBocm_news_lanmu li a{display:block; background:#ffffff; border:1px solid #ebf0fa; padding:0 5px; font-size:14px; color:#000000; font-weight:bold;}
.HanBocm_news_lanmu li h2, .HanBocm_news_lanmu li h3, .HanBocm_news_lanmu li strong{border:1px solid #3367d6; background:#3367d6;  padding:0 10px; color:#ffffff; font-weight:bold; border-right:20px solid #ff4422; font-size:14px; display:block;}
.HanBocm_news_neirong{width:96% !important; margin:0 auto; background:#ffffff; padding:30px 2%; line-height:24px; font-size:14px;}
.HanBocm_news_list{width:100% !important; margin:0 auto; background:#ffffff; padding:30px 0; margin-bottom:30px; clear:both; overflow:hidden; font-size:14px;}
/* 新闻内页 end */
}
/*************************************************************************************************************************************/
@media screen and (max-width:720px){
.HanBocm_Biaoti h2{padding:10px 100px;}
.HanBocm_Nav-li{display:none;}
#tel_m{display:block !important;}
#tel_pc{display:none !important;}
.HanBocm_Nav-wrapper-li {margin:0px 15px 0px 10px;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item h1, .HanBocm_index_banner .swiper-wrapper .swiper-slide .item h2,.HanBocm_index_banner .swiper-wrapper .swiper-slide .item span.t01{font-size:36px !important; line-height:36px; padding-left:50px;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide video{display:none;}
.HanBocm_index_number li p i,.HanBocm_index_shuzi li p i{font-size:16px; font-family:"\5FAE\8F6F\96C5\9ED1";}
.HanBocm_index_Taocan_neirong ul li{width:50%; padding:0px 0% 20px; margin:0px 0% 20px;}
.HanBocm_index_Taocan_neirong ul li:hover{padding:0px 0% 20px; margin:0px 0% 20px;}

.HanBocm_index_Taocan_neirong ul li h3, .HanBocm_index_Taocan_neirong ul li h3 a{font-size:24px; height:30px; padding:20px 0px 10px;}
.HanBocm_index_Taocan_jieshao{font-size:14px; height:100px; line-height:24px; white-space:nowrap;}
.HanBocm_index_Anli_neirong ul{margin:0px auto 0px;}
.HanBocm_index_Anli_neirong ul li{width:50%;}
.HanBocm_index_Dongtai_neirong li{width:33.33%;}
.HanBocm_index_Dongtai_neirong li.HanBocm_index_Dongtai_G{display:none;}
.HanBocm_index_Dongtai_neirong li.HanBocm_index_Dongtai_H{display:none;}
.HanBocm_index_quanqiu_neirong ul#HanBocm_index_img_area{margin-left:-45%;}
#HanBocm_index_quanqiu_qizhi li{width:12.5%;}
#HanBocm_index_Lianxi_dizhi{width:45%;}
#HanBocm_index_Lianxi_yewu{display:none;}
#HanBocm_index_Lianxi_shiye{width:25%;}
#HanBocm_index_Lianxi_erweima{width:30%; float:right; text-align:right; padding-bottom:0px;}
#HanBocm_index_Lianxi_erweima img{width:80px; margin-left:10px;}
#HanBocm_index_Lianxi_erweima a{font-weight:bolder; color:#ff4422 !important;}
}
/*************************************************************************************************************************************/
@media screen and (max-width:640px){
.HanBocm_Biaoti h2{font-size:22px; line-height:24px; padding:10px 80px;}
.HanBocm_Biaoti h3{font-size:14px; line-height:18px;padding:0px 10px;}
.HanBocm_index_banner .swiper-wrapper .swiper-slide .item .HanBocm_index_banner01 h2{display:none;}
.HanBocm_index_Taocan_jieshao{font-size:14px; height:170px; line-height:24px; white-space:normal; padding:0 20px;}
.HanBocm_index_Hezuo_neirong ul li{width:33.15%;}
.HanBocm_index_Hezuo_neirong ul li.HanBocm_index_Hezuo_neirongli_m{display:block;}
.HanBocm_index_Dongtai_neirong li{width:50%;}
.HanBocm_index_Dongtai_neirong li.HanBocm_index_Dongtai_G{display:block;}
.HanBocm_index_Dongtai_neirong li.HanBocm_index_Dongtai_H{display:block;}
#HanBocm_index_Lianxi_hangye{display:none;}
#HanBocm_index_Lianxi_dizhi{width:45%;}
#HanBocm_index_Lianxi_shiye{width:25%;}
#HanBocm_index_Lianxi_erweima{width:30%;}
#HanBocm_index_Lianxi_erweima img{margin-left:0px;}
.HanBocm_tel_mid .HanBocm_tel_mid_text{font-size:14px;}
.HanBocm_tel_mid a.HanBocm_tel_mid_tel{font-size:14px;}
}
/*************************************************************************************************************************************/
@media screen and (max-width:560px){
.HanBocm_Nav-wrapper-li {margin:0px 15px 0px 0px;}
.HanBocm_index_Taocan_neirong ul li h3, .HanBocm_index_Taocan_neirong ul li h3 a{font-size:22px; padding:20px 0px 10px;}
.HanBocm_index_Taocan_jieshao{font-size:14px; height:170px; line-height:24px; white-space:normal; padding:0 8px;}
.HanBocm_index_bangong_neirong ul li{width:100%; float:none; margin:0px 0; max-height:230px;}
.HanBocm_index_bangong_neirong ul li img{max-height:230px;}
.HanBocm_index_Hezuo_neirong ul li{width:33.05%; height:50px;}
.HanBocm_index_Hezuo_neirong ul li img{margin:3px 0 100px;}
.HanBocm_index_quanqiu_neirong ul#HanBocm_index_img_area{margin-left:-50%;}
#HanBocm_index_quanqiu_qizhi li{width:16.66%;}
#HanBocm_index_Lianxi_dizhi{width:60%;}
#HanBocm_index_Lianxi_shiye{display:none;}
#HanBocm_index_Lianxi_erweima{width:40%;}
}
@media screen and (max-width:480px){
.nav-item {font-size:16px;}
}
/*************************************************************************************************************************************/
@media screen and (max-width:420px){
.nav-item {font-size:18px;}
.HanBocm_Biaoti h2{padding:10px 40px;}
#HanBocm_Nav-wrapper-li-first{padding:0px 20px 0px 5px;}
.HanBocm_index_Taocan_neirong ul li h3, .HanBocm_index_Taocan_neirong ul li h3 a{font-size:20px; line-height:24px; height:48px; padding:10px 20px 10px;}
.tel {padding-right:5px; font-size:20px;}
.HanBocm_Nav-wrapper-li {margin:0px 5px 0px 5px;}
.HanBocm_Nav-wrapper-li-m{ display:none;}
.HanBocm_index_Taocan_gengduo a{width:70%;}
.HanBocm_index_Taocan_neirong ul li:hover .HanBocm_index_Taocan_gengduo a{width:75%;}
.HanBocm_index_Anli_neirong ul li p{padding:20px 10px;}
.HanBocm_index_Anli_neirong ul li em{right:10px;}
.HanBocm_index_Anli_neirong ul li:hover img.HanBocm_index_Anli_neirong_erweima{width:80px; height:80px; margin:-80px 10px 0 0;}
.HanBocm_index_Anli_neirong ul li:hover em{width:60px; height:36px; overflow:hidden; padding:3px 10px 3px 10px;right:9px;}
.HanBocm_index_Anli_neirong ul li:hover em font{font-size:14px; line-height:16px;}
.HanBocm_index_Hezuo_neirong ul li{width:33.00%;}
.HanBocm_index_Hezuo_neirong ul li img{margin:0px 0 100px;}
.HanBocm_index_Dongtai_neirong li{width:50%; float:left; display:block;}
.HanBocm_index_Dongtai_neirong li div{padding-top:30px;}
.HanBocm_index_Dongtai_neirong li div h3{padding:0 15px;}
.HanBocm_index_Dongtai_neirong li div p{padding:0 15px; height:48px; overflow:hidden;}
.HanBocm_index_Dongtai_neirong li.HanBocm_index_Dongtai_G{display:block;}
.HanBocm_index_Dongtai_neirong li.HanBocm_index_Dongtai_H{display:block;}
.HanBocm_index_quanqiu_neirong ul#HanBocm_index_img_area{margin-left:-110%;}
#HanBocm_index_quanqiu_qizhi{margin:-150px auto 20px;}
#HanBocm_index_Lianxi_dizhi{display:none;}
#HanBocm_index_Lianxi_erweima{width:220px; margin:0 auto; float:none; text-align:left;}
#HanBocm_index_Lianxi_erweima img{width:100px; margin-right:10px;}
#HanBocm_index_Lianxi span{margin-top:0px !important;}
#HanBocm_index_Copyright_kouhao{line-height:18px; padding:10px 1px;}
}
@media screen and (max-width:360px){
.nav-item {font-size:16px;}
.HanBocm_Biaoti h2{padding:10px 20px;}	
.HanBocm_index_Taocan_neirong ul li h3, .HanBocm_index_Taocan_neirong ul li h3 a{font-size:18px; line-height:24px; height:48px; padding:10px 20px 10px;}
.HanBocm_index_Hezuo_neirong ul li{width:32.90%; height:50px;}
.HanBocm_index_quanqiu_neirong ul#HanBocm_index_img_area{margin-left:-130%;}
#HanBocm_index_quanqiu_qizhi li{width:16.66%;}
}
@media screen and (max-width:320px){
.tel {padding-right:5px; font-size:18px; letter-spacing:-1px;}
.nav-item {font-size:14px;}
.HanBocm_index_Taocan_neirong ul li h3, .HanBocm_index_Taocan_neirong ul li h3 a{font-size:18px; line-height:24px; height:48px; padding:10px 10px 10px;}
.HanBocm_index_Taocan_jieshao{font-size:14px; height:250px; line-height:24px; white-space:normal; padding:0 5px;}

.HanBocm_index_Taocan_xianjia i{font-size:14px;}
.HanBocm_index_Taocan_xianjia em{font-size:16px;}

.HanBocm_index_Taocan_yuanjia{font-size:11px; letter-spacing:-1px;}

.HanBocm_index_Taocan_yuanjia i{font-size:10px; padding:5px 2px 5px 2px;margin-left:0px;}
.HanBocm_index_Hezuo_neirong ul li{height:30px;}
.HanBocm_index_quanqiu_neirong ul#HanBocm_index_img_area{margin-left:-155%;}
}
@media screen and (max-width:290px){
#HanBocm_logo img {margin-top:14px; height:30px;}
.tel {padding-right:2px; font-size:16px; letter-spacing:-1px;}
.HanBocm_Nav-wrapper-li {margin:0px 2px 0px 2px; letter-spacing:-1px;}
.HanBocm_index_quanqiu_neirong ul#HanBocm_index_img_area{margin-left:-180%;}
#HanBocm_index_quanqiu_qizhi li{width:25%;}
}
@media screen and (max-width:260px){
#HanBocm_Nav-wrapper-li-first{padding:0px 20px 0px 2px;}
.HanBocm_Nav-wrapper-li {margin:0px 2px 0px 2px; letter-spacing:-1px;}
.tel {padding-right:2px; font-size:14px; letter-spacing:-1px;}
.nav-item {font-size:14px;}
.HanBocm_index_Taocan_neirong ul li h3, .HanBocm_index_Taocan_neirong ul li h3 a{font-size:18px; line-height:24px; height:72px; padding:10px 8px 10px;}
.HanBocm_index_quanqiu_neirong ul#HanBocm_index_img_area{margin-left:-210%;}
}
@media screen and (max-width:239px){
.tel { display:none;}
.HanBocm_index_Hezuo_neirong ul li{width:49%;}
}
/*缓慢瀚$博动态加载开始*/
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);han_bo.cm;}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}100%{opacity:1;-webkit-transform:translateX(0);han`bo.cm;-ms-transform:translateX(0);transform:translateX(0);}}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;han*bo.cm;}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes fadeInUpBig{0%{opacity:0;hanb;o.cm;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;han*bo.cm;}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes fadeInDownBig{0%{opacity:0;hanb;o.cm;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}
@-webkit-keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}
@-webkit-keyframes zoomIn{ 0%{opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3);} 50%{opacity:1;}}
@keyframes zoomIn{ 0%{opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3);} 50%{opacity:1;}}
.zoomIn{-webkit-animation-name:zoomIn; animation-name:zoomIn;}
@-webkit-keyframes bounce{ 0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} 40%, 43%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0);}70%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0);} 90%{-webkit-transform:translate3d(0,-4px,0); transform:translate3d(0,-4px,0);}}
@keyframes bounce{ 0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} 40%, 43%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0);}70%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0);} 90%{-webkit-transform:translate3d(0,-4px,0); transform:translate3d(0,-4px,0);}}
.bounce{-webkit-animation-name:bounce; animation-name:bounce;-webkit-transform-origin:center bottom;   -ms-transform-origin:center bottom; transform-origin:center bottom;}
@-webkit-keyframes rotateIn{ 0%{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0, 0, 1, -200deg); transform:rotate3d(0, 0, 1, -200deg); opacity:0;} 100%{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@keyframes rotateIn{ 0%{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0, 0, 1, -200deg); transform:rotate3d(0, 0, 1, -200deg); opacity:0;} 100%{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
.rotateIn{-webkit-animation-name:rotateIn; animation-name:rotateIn;}
@-webkit-keyframes bounceIn{ 0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3);} 20%{-webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1);} 40%{-webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9);} 60%{opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03);} 80%{-webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97);} 100%{opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1);}}
@-webkit-keyframes flip{ 0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg); transform:perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out;} 40%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out;} 50%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;} 80%{-webkit-transform:perspective(400px) scale3d(.95, .95, .95); transform:perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;} 100%{-webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;}}
@keyframes flip{ 0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg); transform:perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out;} 40%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out;} 50%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;} 80%{-webkit-transform:perspective(400px) scale3d(.95, .95, .95); transform:perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;} 100%{-webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;}}
.animated.flip{-webkit-backface-visibility:visible; backface-visibility:visible;-webkit-animation-name:flip; animation-name:flip;}
/*缓慢动态加载结束*/
/*控制首页banner开始*/
/* Most modern mobile touch slider hanbo.cm and framework with hardware accelerated transitions
* 翻译：翰博最现代的移动触摸滑块和框架，硬件加速过渡
*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;ha.nbo.cm;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;han/bo.cm; pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.HanBocm_index_banner_next,.HanBocm_index_banner_prev{position:absolute;bottom:30%; width:35px;height:45px; z-index:3;cursor:pointer;-moz-background-size:27px 36px;-webkit-background-size:27px 36px;hanb.o.cm;background-size:27px 36px;background-position:center;background-repeat:no-repeat;background:#000000; padding:0px 6px; filter:alpha(opacity:30); opacity:0.3; -moz-opacity:0.3; -khtml-opacity:0.3;}.HanBocm_index_banner_next.swiper-button-disabled,.HanBocm_index_banner_prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.HanBocm_index_banner_prev,.swiper-container-rtl .HanBocm_index_banner_next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");background-position:center;background-repeat:no-repeat; left:auto;right:15.2%;}.HanBocm_index_banner_prev.swiper-button-black,.swiper-container-rtl .HanBocm_index_banner_next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");background-position:center;background-repeat:no-repeat;}.HanBocm_index_banner_prev.swiper-button-white,.swiper-container-rtl .HanBocm_index_banner_next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");background-position:center;background-repeat:no-repeat;}.HanBocm_index_banner_next,.swiper-container-rtl .HanBocm_index_banner_prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");background-position:center;background-repeat:no-repeat;right:12.5%;left:auto;}.HanBocm_index_banner_next.swiper-button-black,.swiper-container-rtl .HanBocm_index_banner_prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");background-position:center;background-repeat:no-repeat;}.HanBocm_index_banner_next.swiper-button-white,.swiper-container-rtl .HanBocm_index_banner_prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");background-position:center;background-repeat:no-repeat;}.swiper-pagination{position:absolute;text-align:center;han|bo.cm;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:3}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:20px;left:0;width:100%}.swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:100%;background:#000;opacity:.2;}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#ffffff;}.swiper-pagination-bullet-active{opacity:1;background:#ff4422;}.swiper-pagination-white .swiper-pagination-bullet-active{background:#ffffff;}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000000;}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#ffffff;}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000000;}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:3}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));ha/nbo.cm;background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(20px);filter:blur(20px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;h,anbo.cm;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:4;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:4;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:3;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}
}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}
}
/*///////////////////////////////////////////////////////////*/
/*控制首页banner结束*/