@charset "utf-8";
body, html, button, dd, div, dl, dt, ul, li, form, iframe, input, ol, p, select, table, td, th, tr, textarea, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 12px }
body, html { width: 100%; height: 100%; }
body { zoom: 1; background: #fff; font-family: '΢���ź�', Microsoft YaHei, Arial; }
img { border: 0 none; vertical-align: middle }
li, ol, ul { list-style: none }
body, button, input, select, textarea { font-size: 12px; overflow-x: hidden }
table, td, th, tr { border: 0 none; vertical-align: middle; border-collapse: collapse }
button { cursor: pointer }
address, cite, em, i { font-style: normal }
a { text-decoration: none; outline: 0; }
a:link { text-decoration: none; cursor: pointer }
a:active, a:hover { text-decoration: none; }
.toTop { width: 100%; height: 50px; /*padding: 10px;*/
cursor: pointer; }
.sb-menu { background: #dbdbdb url(../image/memu.png) no-repeat; width: 50px; height: 50px; border-bottom: 1px solid #e6e6e6; }
.sb-menu:hover { background: #dbdbdb url(../image/menu-hover.png) no-repeat; }
* html .toTop { position: absolute; bottom: auto;  top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
margin-bottom: 80px; }
a:focus { outline: 0 }
.ui-loader-default { display: none }
.row { margin-left: 0; margin-right: 0; }
/* preloader */
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #111; z-index: 9999999999999; background: #000; }
.bl_load_bg { width: 100%; height: 100%; background: url(../image/loading_bg.jpg) center center; }
#status { position: absolute; width: 280px; height: 1px; left: 52.4%; top: 58%; margin-left: -132px; }
#status>div { height: 1px; width: 264px; background: #fff; }
#status i { width: 50px; background: #cd1728; height: 1px; position: absolute; left: 0; top: 0; animation: logo_rotate 3s infinite; -webkit-animation: logo_rotate 3s infinite; -o-animation: logo_rotate 3s infinite; -moz-animation: logo_rotate 3s infinite; }
#status p { letter-spacing: 3.8px; color: #fff; font-size: 16px; position: absolute; top: -30px; }
 @keyframes logo_rotate {  0 {
transform: translateX(0)
}
 50% {
transform: translateX(214px)
}
 100% {
transform: translateX(0)
}
}
 @-webkit-keyframes logo_rotate /* Safari �� Chrome */ {  0 {
transform: translateX(0)
}
 50% {
transform: translateX(214px)
}
 100% {
transform: translateX(0)
}
}
 @-o-keyframes logo_rotate /* Safari �� Chrome */ {  0 {
transform: translateX(0)
}
 50% {
transform: translateX(214px)
}
 100% {
transform: translateX(0)
}
}
 @-moz-keyframes logo_rotate /* Safari �� Chrome */ {  0 {
transform: translateX(0)
}
 50% {
transform: translateX(214px)
}
 100% {
transform: translateX(0)
}
}
/*nav*/
.nav-box { /*background: #ffc700;*/
width: 100%; /*height: 1080px;*/
    /*padding-top: 50px;*/
position: relative; }

.navbar-default { background: none; border: none; }
.logo { position: absolute; top: 50px; left: 85px; z-index: 999; height: 50px; padding-left: 6px; }
.menu { position: absolute; top: 70px; z-index: 999; right: 500px; height: 50px; font-size: 0; }
.menu ul li { float: left; }
.menu ul li a { width: 100%; height: 20px; font-size: 16px; color: #fff; position: relative; display: block; /*padding: 0 30px;*/overflow: hidden; text-align: center; }
.menu ul li a:hover { color: #ce1c24; }
.menu ul li a span { font-size: 16px; display: inline-block; }
.menu ul li a .nav1 { position: absolute; left: 0; top: 0; color:#fff }
.menu ul li a .nav2 { position: absolute; left: 0; top: 19px; }
.menu ul li { width: 70px; margin-right: 20px; height: 20px; overflow: hidden; }
.menu-contact { display: block; right: 150px; position: absolute; top: 61px; width: 350px; text-align: right; z-index: 999; transition: all .5s; }
.odometer-formatting-mark { display: none; }
.saibo-btn2 { width: 110px; height: 100px; position: fixed; right: 0; bottom: -7%; cursor: pointer; opacity: 0; transition: all .5s; z-index: 10000; }
.scroll2 { bottom: 0; opacity: 1; }
.saibo-btn2 ul li.icon-menu { background: #ce1c24; }
.saibo-btn2 p { text-align: center; margin-top: 10px; }
.saibo-btn2 li.icon-menu a { background: url(../image/icon-saibo.png) no-repeat center; display: block; width: 50px; height: 50px; }
.menulist { position: fixed; top: 0; display: none; width: 100%; background: #fff; z-index: 99999; transition: all 0.5s; height: 100%; }
/*�ർ��ҳ��*/
.basic a { width: 100%; height: 32px; font-size: 36px; line-height: 32px; position: relative; display: block; padding: 0; overflow: hidden; text-align: center; margin-bottom: 20px; ; }
.basic a:hover { color: #ce1c24; }
.basic a span { display: inline-block; }
.basic a .nav1 { position: absolute; left: 0%; width: 100%; top: 0; font-family: Raleway; }
.basic a .nav2 { position: absolute; left: 0%; top: -33px; width: 100%; font-family: '΢���ź�', Microsoft YaHei, Arial; font-size: 30px; ; }

.nav-box .arrow-down { display: block; position: absolute; bottom: 50px; left: 50%; margin-top: -50px; z-index: 9999999; margin-left: -35px; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-animation: opatiy 3s cubic-bezier(0.435, 0.225, 0.335, 0.435) 0s infinite alternate; -moz-animation: opatiy 3s cubic-bezier(0.435, 0.225, 0.335, 0.435) 0s infinite alternate; -o-animation: opatiy 3s cubic-bezier(0.435, 0.225, 0.335, 0.435) 0s infinite alternate; animation: opatiy 3s cubic-bezier(0.435, 0.225, 0.335, 0.435) 0s infinite alternate; }
.nav-box .arrow-down img { transform: scale(0.8); }
 @keyframes opatiy {  from, 20%, 40%, 60%, 80%, to {
 animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);
}
 0% {
 bottom: 30px;
}
 20% {
 bottom: 20px;
}
 40% {
 bottom: 30px;
}
 60% {
 bottom: 20px;
}
 80% {
 bottom: 30px;
}
to { bottom: 20px; }
}
.menu-contact .icon-phone { transition: all .8s cubic-bezier(.4, .8, .6, 1); -moz-transition: all .8s cubic-bezier(.4, .8, .6, 1); -webkit-transition: all .8s cubic-bezier(.4, .8, .6, 1); }
.menu-contact ul { transition: all .8s cubic-bezier(.4, .8, .6, 1); -moz-transition: all .8s cubic-bezier(.4, .8, .6, 1); -webkit-transition: all .8s cubic-bezier(.4, .8, .6, 1); }
.menu-contact .icon-phone { display: inline-block; vertical-align: middle; height: 40px; line-height: 40px; position: relative; top: -2px; }
.menu-contact ul { display: inline-block; line-height: 40px; vertical-align: middle; right: -150px; 
position: absolute; font-size: 14px; }
.linecon-icon-eye { width: 12px; height: 12px; display: block; position: absolute; margin-left: 95px; top: 11px; }
.menu-contact ul a { font-size: 14px; color: #fff; margin:0 3px;}
.menu-contact ul li{font-size: 14px; color: #fff; }
.menu-contact ul a:hover { color: #fff; }


 @media screen and (max-width: 1200px) {

.contact-box .contact-banner .txt01 p.t1 { font-size: 34px; }
.contact-box .contact-banner .txt01 p.t2 { font-size: 18px; color: #ce1c24; }
.main-slider .carousel-inner .item figure figcaption.fig3 { top: 3% }
}
 @media screen and (max-width: 768px) {
.menusj {/* position: absolute; right: 10px; top: 20px; width: 50px; height: 45px; z-index: 1000000000; transition: all 0.5s*/ }
.menusj a.icon { width: 50px; height: 45px; display: block; background: url(../image/hbb-icon.png) center center no-repeat; }
.sjslide { display: block; }
.pcslide { display: none; }
.logo { left: -15px; top: 15px; transform: scale(0.8); }
.menu { position: absolute; top: 18px; z-index: 999; right: 4px; height: 50px; font-size: 0; }
}


/*******  index  *******/
.bl_nav { position: fixed; left: 0; top: 0; height: 78px; width: 100%; z-index: 10001; background: rgba(0,0,0,0); transition: all .5s; }
.bl_nav .menu a:hover { color: #c81c24!important; }
.bl_nav .menu a:hover .nav2{ color: #c81c24!important; }
.bl_banner_scroll { background: #fff; box-shadow: 0 0 1px #ddd; -webkit-box-shadow : 0 0 2px #aaa; background: rgba(250, 250, 250, 0.95); }
.bl_banner_scroll .logo { top: 50%; margin-top: -25px; }
.bl_banner_scroll .menu { top: 50%; margin-top: -10px; }
.bl_banner_scroll .menu-contact { top: 34%; }
.logo, .menu { transition: all 0.5s; }
.bl_nav .menu-contact ul { display: inline-block; line-height: 40px; right: 0px; position: absolute; }
.bl_contact.menu-contact ul a { color: #c81c24; }
.bl_contact.menu-contact { right: 0; top: 0; }
.bl_contact_outer { position: absolute; right: 0px; top: 0px; width: 0px; height: 40px; overflow: hidden; transition: width 1s cubic-bezier(.29, 1, 0.29, 1); }
.menu-contact:hover .bl_contact_outer { width: 400px; }
.menu-contact>ul a.bl_black, .menu ul li a.bl_black { color: #888; }
.bl_white { color: #fff; }
.bl_nav > .menu-contact.bl_nav_r_t { right: 90px; top: 60px; }
.bl_nav > .menu-contact.bl_nav_r_t_c { right: 90px; top: 44px; }
.menu.bl_nav_menu_r_c { right: 200px; }
.menu.bl_nav_menu_r { right: 180px; }
.bl_banner_1 { display: none; }
.hwslider { width: 100%; height: 800px; min-width: 280px; min-height: 200px; position: relative; overflow: hidden; }
.hwslider ul { width: 100%; height: 100%; position: absolute; z-index: 1; display: block!important; }
.ban_bg { position: absolute; left: 0; top: 0; width: 100%; z-index: -1; }
.hwslider ul li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; visibility: hidden; opacity: 0; }
.hwslider ul li.bl_ban_li1 { display: block; }
.hwslider ul li.active { visibility: visible; opacity: 1; }
.hwslider ul li > img { width: 100%; max-width: 100%; height: 100%; ; display: block }
.bl_banner_load { position: absolute; top: 0px; left: 0px; z-index: 3; width: 100%; }
.bl_banner_load i { width: 0%; display: block; height: 2px; background: #f00; }
#progressBar { position: absolute; top: 0; left: 0; }
#progressBar #bar { background: #c91c24; }

/*******  about  *******/
.news-banner .bl_contact_outer .menu-contact ul a { color: #c81c24; }
.bl_nav > .menu-contact { top: 60px; right: 90px; }
.menu-contact > ul { opacity: 1; transition: opacity .5s; }
.bl_nav > .menu-contact:hover > ul { opacity: 0; }
.news-box .news-banner .menu-contact ul a { font-size: 16px; }
.menu { right: 180px; }
.news-box .news-banner { background: url(../image/bl_aboutbanner.jpg) center center no-repeat; }
.news-box .banner-tit p { line-height: 1.15em; font-family: '΢���ź�', Microsoft YaHei, Arial; }
.news-banner .menu ul li a.bl_black, .bl_about .news-box .news-banner .menu-contact ul a.bl_black { }

@media (max-width: 1366px) {
.bl_nav { height: 74px; }
.bl_nav > .menu-contact.bl_nav_r_t_c { top: 30px; }
}
@media (max-width: 1300px) {
/****  bl_about  ****/
.bl_about_box1_r p br:nth-child(1) { display: none; }
.bl_about_box1_r p { line-height: 1.5em; }
}
@media (max-width: 1200px) {
.menu-contact { opacity: 0; display: none; }
.menu.bl_nav_menu_r_c { right: 50px; }
/****  bl_about  ****/
.bl_about_box1_r p br:nth-child(2) { display: none; }
.bl_about_box1 { width: 95%; }
.menu { right: 90px; }
}
@media (max-width: 1024px) {
.bl_phone { width: 122px; height: 60px; right: 62px; bottom: -90px; }
.bl_phone_fade { bottom: 0; }
.bl_phone>div { width: 60px; float: left; height: 100%; }
.bl_phone>div:nth-child(2) { }
.bl_phone>div:nth-child(1) {
display:; margin-right: 2px; }
.saibo-btn2 { width: 60px; height: 60px; }
.saibo-menu ul { background: rgba(200,28,36,.85); }
.saibo-menu ul img { top: -25px; }
.bl_about_we, #aboutus .more a { margin: 0; background: url(../image/bl_red.9bg.png) }
.bl_about_wo_con { background: none; }
#aboutus .bl_more { width: 100%; }
#aboutus .bl_more div { position: relative; top: -20px; left: 40px; }
#aboutus .more a:hover .line i { width: 0; }
#aboutus .more a:hover .maa { color: #FFF; }
#aboutus .more a:hover .line small { opacity: 1; }

.bl_hover_txtline:hover em { opacity: 1; }
.bl_about_box1, .bl_about_box1_r, .bl_about_box1_l { width: 100%; }
.bl_about_box1_r h1 { padding: 15px 0 20px; }
.bl_hover_txtline i { display: none; }
.bl_about_box1_r .bl_hover_txtline { padding: 10px 0 30px; }
.bl_about .news-box .banner-tit p:nth-child(1) { font-size: 24px; }
.bl_about_team .owl-buttons, .bl_about_team_tit { width: 100%; }
.bl_about_box1_r p { font-size: 16px; }
.bl_hover_txtline em, .bl_hover_txtline i { font-size: 26px; }
.bl_img_hover_big { display: none; }
.bl_img_sj { display: block; }
.bl_about_box1 { margin-top: 0; }
.bl_about_box1_r h1, .bl_hover_txtline em, .bl_hover_txtline i { font-size: 22px; }
.bl_banner_1 { display: block; }
video { display: none; }
.bl_banner_txt h1 { color: rgba(255,255,255,.9) }
.bl_banner_txt h2 { color: rgba(255,255,255,.95) }
.bl_banner_txt h3 { color: #fff }
.bl_banner_txt h4 { background: rgba(166,1,27,.95); color: #fff; }
.saibo-menu ul:hover img { top: -30px; }
.bl_load_bg { background-size: cover; }
#status p { letter-spacing: 4px; }
.bl_banner_load { display: none; }
.news-box .news-tit a span { display: none; }
#preloader { display: none; }
}
 @media (max-width: 768px) {
.menu-contact { opacity: 0; }
.bl_about .news-box .banner-tit p:nth-child(1) { font-size: 30px; line-height: 1.5em; }
.bl_about_box1_r p i { display: none; }
.bl_banner_txt h3 { font-size: 60px; padding-bottom: 15px; }
.bl_banner_txt h2 { font-size: 30px; padding-bottom: 10px; }
.bl_banner_txt h1 { letter-spacing: 20px; padding-left: 16px; }
.bl_banner_txt h4 { width: 200px; height: 40px; line-height: 40px; }
.bl_about_wo_con div div p { font-size: 12px; padding: 10px 0 30px; }
.bl_about_we_txt { padding-left: 0px; }
.bl_about_we_txt h1 { height: 70px; line-height: 70px; width: 70px; font-size: 30px; }
footer.contact .adr .left p, footer.contact .adr .right p { font-size: 14px; }
.bl_nav { height: 50px; }
.news .more { background: none; }
.sline22 { display: none; }
.bl_about_team_txt { width: 90%; font-size: 24px; margin-left: -340px; }
#status>div { height: 1px; width: 265px; background: #fff; }
#status p { letter-spacing: 3.8px; color: #fff; font-size: 16px; position: absolute; top: -30px; }
 @keyframes logo_rotate {  0 {
transform: translateX(0)
}
 50% {
transform: translateX(215px)
}
 100% {
transform: translateX(0)
}
}
 @-webkit-keyframes logo_rotate /* Safari �� Chrome */ {  0 {
transform: translateX(0)
}
 50% {
transform: translateX(215px)
}
 100% {
transform: translateX(0)
}
}
#tel_ccsb { display: block; }
}
@media (max-width: 750px) {
.bl_about_team_txt { display: none; }
}
@media (max-width: 660px) {
.aboutus { padding: 0; }
.bl_about_wo_con .bl_about_wo_tit img { width: 90%; }
.bl_about_wo_con div div { width: 100%; padding: 10px 0; }
.bl_about_wo_con div div br { display: none; }
.bl_about_we_txt { display: none; }
.bl_sj.bl_about_we_txt { display: block; }
.bl_about_we_txt { width: 100%; text-align: center; padding: 0 0 20px; }
#aboutus .bl_more div { left: 0px; }
}
@media (max-width: 520px) {
.contactus h2 { font-size: 18px; }
.contactus { width: 100%; left: 0; margin-left: 0; padding: 20px 10px; height: 200px; }
.lxwm { width: 100%; height: 50px; line-height: 50px; }

.contactus .txt { width: 70%; font-size: 14px; height: 50px; top: -2px; }
.jtkf { width: 29%; height: 48px; border-radius: 0; margin-left: 0; }
.lxwm:before { width: 100%; height: 48px; }
.lxwm:hover { width: 100%; height: 48px; line-height: 48px; }
.contactus .txt2 { width: 100%; }
.zbxy { width: 48%; padding-left: 0; font-size: 18px; background: url(../image/delete.png) 0 10px no-repeat; }
.ljzx { width: 50.5%; height: 48px; border-radius: 0; font-size: 18px; margin-top: 0; background: #ce1c24 url(../image/zx.png) no-repeat 2px center; margin-left: 0; padding-left: 42px; }
}
@media (max-width: 495px) {
.bl_banner_txt h3 { font-size: 30px; padding-bottom: 15px; }
.bl_banner_txt h2 { font-size: 14px; padding-top: 80px; }
.bl_banner_txt h1 {/*display: none;*/ }
.bl_banner_txt h4 { width: 150px; height: 30px; line-height: 30px; font-size: 16px; }
.logo { left: -18px; top: 6px; width: 170px; }
.menusj { right: 10px; top: 6px; }
.bl_menusj_b_r.menusj { top: 6px; }
.sj-service .service-box .txt p { font-size: 14px; line-height: 2em; }
/*.bl_phone>div div{background-size: 50%!important;}
	.bl_phone{width:50px;height: 100px;}
	.saibo-btn2{width:50px;height: 50px;}
	.saibo-menu ul img,.saibo-menu ul:hover img{top:-29px;}*/
footer.contact .adr .left p, footer.contact .adr .right p { font-size: 12px; padding: 0; }
.aboutus { padding: 0; }
.bl_about_wo_con .bl_about_wo_tit img { width: 90%; }
.bl_about_wo_con div div { width: 100%; padding: 10px 0; }
.bl_about_wo_con div div br { display: none; }
.bl_about_we_txt { display: none; }
.bl_sj.bl_about_we_txt { display: block; }
.bl_about_we_txt { width: 100%; text-align: center; padding: 0 0 20px; }
#aboutus .bl_more div { left: 0px; }
.bl_about_wo_con .bl_about_wo_tit { padding: 40px 0; }
.bl_nav { height: 50px; z-index: 3; }
.bl_menusj_b.menusj { right: 15px; top: 5px; }
.bl_about .news-box .banner-tit p:nth-child(1) { font-size: 22px; }
.news-box .banner-tit { left: 17px; }
.news-box .news-banner { background: url(../image/bl_aboutbanner.jpg) center right no-repeat; }
.bl_about_team_hover i { font-size: 14px; }
.bl_about_team_hover em { font-size: 20px; }
.bl_about_team_hover:hover em { margin-top: -38px }
}
@media (max-width: 375px) {
.bl_banner_txt h2 { padding-top: 45px; }
.bl_banner_txt h3 { font-size: 26px; padding-bottom: 10px; }
.bl_about .news-box .banner-tit p:nth-child(1) { font-size: 16px; }
.bl_about_box1_r p { font-size: 14px; }
.bl_about_box1_r h1, .bl_hover_txtline em, .bl_hover_txtline i { font-size: 20px; }
}

/******   5.23�޸�   ******/

.hwslider { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
@media (max-width: 768px) {
height:966px;
}
/*  ajax���ض���  */
body { position: relative; }
.bl_loading_ball { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(255,255,255,.8); display: none; z-index: 10002; }
.bl_loading_ball div { position: absolute; top: 50%; left: 50%; }
.bl_loading_ball i { width: 20px; height: 20px; display: inline-block; border-radius: 50%; background: #00b3d5; }
.bl_loading_ball i:first-child { animation: loading9-ani2 0.5s linear infinite; opacity: 0; transform: translate(-20px); }
.bl_loading_ball i:nth-child(2), .bl_loading_ball i:nth-child(3) { animation: loading9-ani3 0.5s linear infinite; }
.bl_loading_ball i:last-child { animation: loading9-ani1 0.5s linear infinite; }
@keyframes loading9-ani1 {  100% {
 transform:translate(40px);
 opacity: 0;
}
}
@keyframes loading9-ani2 {  100% {
 transform:translate(20px);
 opacity: 1;
}
}
@keyframes loading9-ani3 {  100% {
 transform:translate(20px);
}
}
/*  ajax���ض���  */
body { position: relative; }
.bl_loading_ball { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(255,255,255,.8); display: none; z-index: 10002; }
.bl_loading_ball div { position: absolute; top: 50%; left: 50%; }
.bl_loading_ball i { width: 20px; height: 20px; display: inline-block; border-radius: 50%; background: #00b3d5; }
.bl_loading_ball i:first-child { animation: loading9-ani2 0.5s linear infinite; opacity: 0; transform: translate(-20px); }
.bl_loading_ball i:nth-child(2), .bl_loading_ball i:nth-child(3) { animation: loading9-ani3 0.5s linear infinite; }
.bl_loading_ball i:last-child { animation: loading9-ani1 0.5s linear infinite; }
@keyframes loading9-ani1 {  100% {
 transform:translate(40px);
 opacity: 0;
}
}
@keyframes loading9-ani2 {  100% {
 transform:translate(20px);
 opacity: 1;
}
}
@keyframes loading9-ani3 {  100% {
 transform:translate(20px);
}
}
/* 2017.6.19 */
.news-box .bl_banner { height: auto; }
.menu-contact, .menu-contact:hover .bl_contact_outer { width: 90px; }
/*.menu.bl_nav_menu_r_c { right: 325px; }*/
.bl_nav > .menu-contact.bl_nav_r_t_c { top: 18px; }
.bl_banner_scroll { background: rgba(0,0,0,.7); box-shadow: 0 0 1px #444; -webkit-box-shadow: 0 0 2px #444; }
.menu-contact>ul a.bl_black, .menu ul li a.bl_black { color: #fff; }
.bl_controls { position: absolute; left: 50%; width: 50%; top: 0; height: 18.5%; }
.bl_con_line1 { position: absolute; left: 0; top: 0; width: 1px; height: 35%; background: #bbb; }
.bl_con_line2 { position: absolute; left: 0; bottom: 0; width: 1px; height: 15%; background: #bbb; }
a.carousel-arrow-prev { right: 96.8%; top: 36%; }
a.carousel-arrow-next { left: 38%; top: 36%; }
a.carousel-arrow { margin-top: 1.88%; }
.carousel-indicators>li { background: #bbb; width: 15%; height: 16px; border-radius: 9px; border: none; margin: 0 4px; text-indent: 0; text-align: center; color: #fff; font-size: 12px; }
.carousel-indicators>li:nth-child(1).active { background: #db2526; width: 35%; height: 16px; }
.carousel-indicators>li:nth-child(2).active { background: #ff6d00; width: 35%; height: 16px; }
.carousel-indicators>li:nth-child(3).active { background: #4db0cf; width: 35%; height: 16px; }
.carousel-indicators>li:nth-child(4).active { background: #489bd6; width: 35%; height: 16px; }
.carousel-indicators { width: 35%; left: 33%; bottom: 35%; }
.home-slider #item-4 { background-image: url(../image/news-8.jpg); }
.home-slider h4 p { position: relative; }
.bl_jrtd { position: absolute; left: 18.5%; bottom: 0; }
.sj-service .bl_jrtd { position: static; }
#f_a { float: left; width: 100%; }
.f_a_box { width: 1100px; margin: 26px auto 0; }
.f_a_tit { border: 1px solid #a0a0a0; border-radius: 5px; width: 86px; height: 26px; line-height: 26px; margin-bottom: 10px; }
.f_a_ul { width: 100%; text-align: left; }
.f_a_ul li { display: inline-block; margin: 0 15px 6px 0; }
.f_a_ul li a { color: #989898; }
.f_a_ul li a:hover { color: #fff; }
footer.contact .adr.bl_about_foot { padding-bottom: 30px; }
/*2017.6.20*/
/*��һ������*/	

/*
.menu-contact, .menu-contact:hover .bl_contact_outer { width: 150px; }
.menu.bl_nav_menu_r_c { right: 325px; }
.bl_nav > .menu-contact.bl_nav_r_t_c { top: 20px; }*/



/*��һ��רע*/			
.bl_banner li.active .bl_banner_r { animation: bl_banner_r 5s; -webkit-animation: bl_banner_r 5s; }
.bl_banner_r { position: absolute; right: -5%; top: 31%; visibility: hidden; opacity: 0; }
@keyframes bl_banner_r {  0% {
right: -5%;
visibility: hidden;
opacity: 0;
}
 20% {
right: 10%;
visibility: visible;
opacity: 1;
}
 90% {
right: 10%;
visibility: visible;
opacity: 1;
}
 100% {
right: -5%;
visibility: hidden;
opacity: 0;
}
}
@-webkit-keyframes bl_banner_r {  0% {
right: -5%;
visibility: hidden;
opacity: 0;
}
 20% {
right: 10%;
visibility: visible;
opacity: 1;
}
 90% {
right: 10%;
visibility: visible;
opacity: 1;
}
 100% {
right: -5%;
visibility: hidden;
opacity: 0;
}
}
@keyframes bl_banner_l {  0% {
left: -30%;
visibility: hidden;
opacity: 0;
}
 20% {
left: 0%;
visibility: visible;
opacity: 1;
}
 90% {
left: 0%;
visibility: visible;
opacity: 1;
}
 100% {
left: -30%;
visibility: hidden;
opacity: 0;
}
}
@-webkit-keyframes bl_banner_l {  0% {
left: -30%;
visibility: hidden;
opacity: 0;
}
 20% {
left: 0%;
visibility: visible;
opacity: 1;
}
 90% {
left: 0%;
visibility: visible;
opacity: 1;
}
 100% {
left: -30%;
visibility: hidden;
opacity: 0;
}
}
/*��һ��̤ʵ*/
.bl_banner_l { position: absolute; left: 10%; bottom: 18%; }
.bl_banner_l>img { position: relative; left: -30%; visibility: hidden; opacity: 0; }
.bl_banner li.active .bl_banner_l>img { animation: bl_banner_l 5s .5s; -webkit-animation: bl_banner_l 4.5s .5s; }
.bl_banner_l > p { color: #fff; font-size: 22px; margin-top: 20px; position: relative; left: -30%; visibility: hidden; opacity: 0; }
.bl_banner li.active .bl_banner_l > p { animation: bl_banner_l 4.5s 1s; -webkit-animation: bl_banner_l 4.3s .7s; }
/*�ڶ���*/
.bl_banner_pz { position: absolute; left: -5%; top: 40%; visibility: hidden; opacity: 0; }
.bl_banner li.active .bl_banner_pz { -webkit-animation: bl_banner_pz 5s 5s; animation: bl_banner_pz 5s 5s; }
 @keyframes bl_banner_pz {  0% {
left: -5%;
visibility: hidden;
opacity: 0;
}
 15% {
left: 10%;
visibility: visible;
opacity: 1;
}
 92% {
left: 10%;
visibility: visible;
opacity: 1;
}
 100% {
left: -5%;
visibility: hidden;
opacity: 0;
}
}
@-webkit-keyframes bl_banner_pz {  0% {
left: -5%;
visibility: hidden;
opacity: 0;
}
 15% {
left: 10%;
visibility: visible;
opacity: 1;
}
 90% {
left: 10%;
visibility: visible;
opacity: 1;
}
 100% {
left: -5%;
visibility: hidden;
opacity: 0;
}
}
.bl_banner_sd { position: absolute; right: 10%; top: 40%; }
/*˵����������*/
.bl_banner_sd img:first-child { visibility: hidden; opacity: 0; position: relative; top: 0px; }
.bl_banner li.active .bl_banner_sd img:first-child { animation: bl_banner_sd 5.2s 5s; -webkit-animation: bl_banner_sd 5.2s 5s; }
@keyframes bl_banner_sd {  0% {
top: 80px;
visibility: hidden;
opacity: 0;
}
 15% {
top: -20px;
visibility: visible;
opacity: 1;
}
 90% {
top: -20px;
visibility: visible;
opacity: 1;
}
 100% {
top: 80px;
visibility: hidden;
opacity: 0;
}
}
@-webkit-keyframes bl_banner_sd {  0% {
top: 80px;
visibility: hidden;
opacity: 0;
}
 15% {
top: -20px;
visibility: visible;
opacity: 1;
}
 90% {
top: -20px;
visibility: visible;
opacity: 1;
}
 100% {
top: 80px;
visibility: hidden;
opacity: 0;
}
}
@keyframes bl_banner_yz {  0% {
top: 80px;
visibility: hidden;
opacity: 0;
}
 15% {
top: 0;
visibility: visible;
opacity: 1;
}
 90% {
top: 0;
visibility: visible;
opacity: 1;
}
 100% {
top: 80px;
visibility: hidden;
opacity: 0;
}
}
@-webkit-keyframes bl_banner_yz {  0% {
top: 80px;
visibility: hidden;
opacity: 0;
}
 15% {
top: 0px;
visibility: visible;
opacity: 1;
}
 90% {
top: 0px;
visibility: visible;
opacity: 1;
}
 100% {
top: 80px;
visibility: hidden;
opacity: 0;
}
}
/*Ҫ���������*/
.bl_banner_sd .bl_banner_yz { visibility: hidden; opacity: 0; position: relative; top: 0px; }
.bl_banner li.active .bl_banner_sd .bl_banner_yz { animation: bl_banner_yz 4.9s 5.2s; }
/*��Ϊ���ȵ�*/
.bl_banner_sd > p { padding-left: 86px; color: #fff; font-size: 22px; margin-top: 20px; visibility: hidden; opacity: 0; position: relative; top: 0; }
.bl_banner li.active .bl_banner_sd p.bl_banner_p1 { animation: bl_banner_yz 4.6s 5.4s; }
/*Ϊ��ȫ������*/
.bl_banner_sd > p.bl_banner_p2 { padding-left: 86px; }
.bl_banner li.active .bl_banner_p2 { animation: bl_banner_yz 4.3s 5.6s; }
/*������*/
.bl_fadeL { position: relative; right: 150px; visibility: hidden; opacity: 0; }
.bl_banner li.active .bl_fadeL { right: 0; visibility: visible; opacity: 1; }
.bl_banner_cz { position: absolute; left: 10%; bottom: 23%; }
.bl_banner_jz { position: absolute; right: -5%; top: 39%; visibility: hidden; opacity: 0; z-index: 2 }
.bl_banner li.active .bl_banner_jz { position: absolute; right: 10%; visibility: visible; opacity: 1; }
/*�ɳ�·��*/
.bl_banner_czls { margin-bottom: 20px; transition-delay: .5s; -webkit-transition-delay: .5s; }
/*����һ��*/
.bl_banner_wmyq { transition-delay: 1s; -webkit-transition-delay: 1s; }
.bl_banner_cz>p { color: #fff; font-size: 22px; right: 200px; margin-top: 60px; position: relative; left: -20%; visibility: hidden; opacity: 0; transition-delay: 1.5s; -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; }
.bl_banner li.active .bl_banner_cz>p { left: 0; visibility: visible; opacity: 1; }
/*��������*/
.bl_banner_p3, .bl_banner_p2b, .bl_banner_1 { animation: bl_banner_p3 50s infinite linear; -webkit-animation: bl_banner_p3 50s infinite linear; }
/*����*/
.dots { position: absolute; bottom: 0; height: 6%; line-height: 60px; text-align: center; width: 30%; z-index: 2; background: rgba(255,255,255,.7); border-radius: 15px 15px 0 0; }
.dots span { display: inline-block; width: 20px; height: 8px; border-radius: 4px; background: #231815; margin-right: 8px; cursor: pointer; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s;margin-top: 25px; }
.dots span.active { background: #da171a; width: 40px; }
.arr { position: absolute; z-index: 3; width: 36px; height: 100%; bottom: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.arr i { position: absolute; top: 50%; ; width: 0px; height: 2px; background: #231815; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.arr.prev i { right: 10px; }
.arr.next i { left: 10px; }
.arr:hover i { width: 36px; }
.arr.prev:hover { left: 10%; }
.arr.next:hover { right: 10%; }
.arr.prev { left: 6%; }
.arr.next { right: 6%; }
.arr.prev i:before, .arr.prev i:after, .arr.next i:before, .arr.next i:after { content: ''; position: absolute; width: 10px; height: 2px; background: #231815; }
.arr.prev i:before { bottom: 3px; left: -1px; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); }
.arr.prev i:after { top: 2px; left: -2px; transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); }
.arr.next i:before { bottom: 3px; right: 1px; transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); }
.arr.next i:after { top: 2px; right: 0; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); }
 @-webkit-keyframes bl_banner_p3 { 0% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
50% {
transform: scale(1.5);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
}
@keyframes bl_banner_p3 { 0% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
50% {
transform: scale(1.5);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
}


@keyframes bl_maa_arr {  0% {
top:-25px;
}
 10% {
top:-22px
}
 70% {
top:-30px;
}
 100% {
top:-25px;
}
}
@-webkit-keyframes bl_maa_arr {  0% {
top:-25px;
}
 10% {
top:-22px
}
 70% {
top:-30px;
}
 100% {
top:-25px;
}
}
.news .news-left { padding-right: 30px; }
#bl_banner { perspective: 1000px; -webkit-perspective: 1000px; -moz-perspective: 1000px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; }
#bl_banner .bl_cons { transform-origin: bottom; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; transform: rotateX(0deg) translate3d(0, 0, 0); -webkit-transform: rotateX(0deg) translate3d(0, 0, 0); -moz-transform: rotateX(0deg) translate3d(0, 0, 0); transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s; -webkit-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s; -moz-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s; display:none}
#bl_banner .bl_cons.bl_tran3d { transform: rotateX(118deg) translate3d(0, 0, 0); -webkit-transform: rotateX(118deg) translate3d(0, 0, 0); -moz-transform: rotateX(118deg) translate3d(0, 0, 0); }
#bl_banner .bl_cons { position: absolute; bottom: 0; height: 6%; line-height: 60px; text-align: center; width: 30%; left: 35%; z-index: 2; background: rgba(255,255,255,.7); border-radius: 15px 15px 0 0; }
.bl_cons .dots { position: static; background: none; margin: 0 auto; }
.bl_ab_owl .bl_cons .dots span { margin-bottom: 6px; }
.bl_ab_owl .bl_cons { position: absolute; bottom: -76%; left: 0; }
.menu ul li a span { font-size: 16px; }
 @keyframes an_maker {  0% {
display: none;
}
 100% {
display: block;
}
}
.bl_ban_an1 { animation: an_maker 1s infinite 2s }
footer.contact .adr .left p, footer.contact .adr .right p { font-size: 14px; }
#f_a * { font-size: 12px; }
/*�ײ������±�������*/
footer.contact .adr .left { border-right: 1px solid #555; }
footer.contact .adr .left p, footer.contact .adr .right p { padding: 1.5px 5px; }
footer.contact .adr .left p:first-child, footer.contact .adr .right p:first-child { position: relative; top: -6px; }
footer.contact .adr .left p:last-child, footer.contact .adr .right p:last-child { position: relative; bottom: -6px; }
/*�ײ���������������*/
.bl_about_foot_nav a { width: 60px; }
.bl_about_foot_nav a:hover i { width: 15px; }
.bl_about_foot_nav i { display: inline-block; width: 0; height: 1px; margin: 0 6px 5px 0; background: #fff; transition: 0.4s cubic-bezier(0.35, 0.45, 0.55, 1); -webkit-transition: 0.4s cubic-bezier(0.35, 0.45, 0.55, 1); -o-transition: 0.4s cubic-bezier(0.35, 0.45, 0.55, 1); -moz-transition: 0.4s cubic-bezier(0.35, 0.45, 0.55, 1); }
/*2017.6.20*/
.bl_banner_zzwz { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.bl_banner_zzwz img { width: 50%; margin: 0 auto; padding-top: 5%; visibility: hidden; opacity: 0; transition: 2s cubic-bezier(.29, 1, .29, 1); -o-transition: 2s cubic-bezier(.29, 1, .29, 1); -webkit-transition: 2s cubic-bezier(.29, 1, .29, 1); -moz-transition: 2s cubic-bezier(.29, 1, .29, 1); }
#video_up.active .bl_banner_zzwz img { padding-top: 15%; visibility: visible; opacity: 1; }
#video_up:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.2); }
.bl_banner_txt h1 { position: relative; top: -66px; font-size: 60px; color: #fff; letter-spacing: 54px; padding: 31% 0 15px 45px; visibility: hidden; opacity: 0; transition: 2s .5s cubic-bezier(.29, 1, .29, 1); -webkit-transition: 2s .5s cubic-bezier(.29, 1, .29, 1); -o-transition: 2s .5s cubic-bezier(.29, 1, .29, 1); -moz-transition: 2s .5s cubic-bezier(.29, 1, .29, 1); }
#video_up.active .bl_banner_txt h1 { visibility: visible; opacity: 1; top: 0; }
.bl_banner_txt h2 { font-size: 30px; color: rgba(255,255,255,.8); margin: 30px 0 0; letter-spacing: 40px; padding-left: 60px; padding-bottom: 30px; visibility: hidden; opacity: 0; transition: 2s .8s cubic-bezier(.29, 1, .29, 1); -webkit-transition: 2s .8s cubic-bezier(.29, 1, .29, 1); -moz-transition: 2s .8s cubic-bezier(.29, 1, .29, 1); -o-transition: 2s .8s cubic-bezier(.29, 1, .29, 1); position: relative; top: -66px; }
#video_up.active .bl_banner_txt h2 { top: 0; visibility: visible; opacity: 1; }
.bl_banner_txt h4 { margin-top: 50px; width: 200px; color: rgba(255,0,0,.8); font-size: 22px;/*background: rgba(166,1,27,.8);*/ margin: 0 auto; height: 55px; line-height: 55px; transition: all 0.6s; visibility: hidden; opacity: 0; transition: 2s 1.2s cubic-bezier(.29, 1, .29, 1); -webkit-transition: 2s 1.2s cubic-bezier(.29, 1, .29, 1); -moz-transition: 2s 1.2s cubic-bezier(.29, 1, .29, 1); -o-transition: 2s 1.2s cubic-bezier(.29, 1, .29, 1); position: relative; top: -66px; }
.bl_banner_txt h5 { margin-top: 50px; width: 200px; color:#ac0706; font-size: 16px; margin: 0 auto; height: 55px; line-height: 55px; transition: all 0.6s; visibility: hidden; opacity: 0; transition: 2s 1.2s cubic-bezier(.29, 1, .29, 1); -webkit-transition: 2s 1.2s cubic-bezier(.29, 1, .29, 1); -moz-transition: 2s 1.2s cubic-bezier(.29, 1, .29, 1); -o-transition: 2s 1.2s cubic-bezier(.29, 1, .29, 1); position: relative; top: -66px; }
#video_up.active .bl_banner_txt h4 { top: 0; visibility: visible; opacity: 1; }
#video_up.active .bl_banner_txt h5 { top: 0; visibility: visible; opacity: 1; }
.bl_banner_txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 2; color: #fff; }
.bl_banner_1_m { display: none; }
.bl_sdbr { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; color: #fff; }
.bl_sdbr_table { display: table; width: 100%; height: 100%; vertical-align: middle; }
.bl_sdbr_table>div { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; }
.bl_sdbr_table .bl_typed_zw_out { font-size: 26px; margin-top: 30px; display: inline-block; position: relative; top: 50px; visibility: hidden; opacity: 0; transition: .6s; -webkit-transition: 1.6s; -moz-transition: .6s; -o-transition: .6s; }
#bl_banner li.active .bl_typed_zw_out { top: 0; visibility: visible; opacity: 1; }
.bl_sdbr_table>div img { max-width: 80%; position: relative; top: -50px; visibility: hidden; opacity: 0; transition: .6s; -webkit-transition: 1.6s; -moz-transition: .6s; -o-transition: .6s; }
#bl_banner li.active .bl_sdbr_table>div img { top: 0; visibility: visible; opacity: 1; }
.typed-cursor { opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; position: relative; top: -2px; font-size: 26px; }
@keyframes blink {  0% {
opacity:1;
}
 50% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-webkit-keyframes blink {  0% {
opacity:1;
}
 50% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-moz-keyframes blink {  0% {
opacity:1;
}
 50% {
opacity:0;
}
 100% {
opacity:1;
}
}
.typed-fade-out { opacity: 0; animation: 0; transition: opacity .25s; }
.bl_banner2_txt { position: absolute; top: 4.5%; right: 11.2%; width: 24%; transition: .8s cubic-bezier(0.29, 1, 0.29, 1); -webkit-transition: .8s cubic-bezier(0.29, 1, 0.29, 1); visibility: hidden; opacity: 0; }
.bl_banner2_txt img { width: 100%; }
#bl_banner li.active .bl_banner2_txt { top: 24.5%; visibility: visible; opacity: 1; }
.hwslider { background: #000; }
@media (max-width:1024px) {
#bl_banner {/*height:200px!important;*/ }
#bl_banner .bl_cons {/*display:none;*/ }
.arr:hover i { width: 20px; }
.bl_nav > .menu-contact { display: none; }
/*.bl_banner_txt h1{display:block;font-size: 18px;letter-spacing: 8px;padding:25% 0 5px;}
	.bl_banner_txt h2{font-size: 16px;padding: 0;margin:0 0 8px;color:#fff;letter-spacing: 0}
	.bl_banner_txt h4{background: none;font-size: 14px;color:#fff;height: 10px;line-height: 10px;}*/
.bl_banner_txt h1, .bl_banner_txt h2, .bl_banner_txt h4 {/*display:none;*/ }
#video_up.active .bl_banner_zzwz img {/*padding-top:23%;*/ }
.bl_banner_1_m { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }
.bl_banner_1_m img { width: 100%; }
#video_up:before { background: rgba(0,0,0,0.1); }
#bl_banner li.active .bl_typed_zw_out { display: none; }
}
/*2017.6.22*/
.sd622 { position: absolute; bottom: 18%; left: 8%; color: #fff; font-size: 28px; width: 35.84%; }
.sd622 img { width: 66%; }
.sd622_1 { margin-bottom: 30px; position: relative; left: -30%; visibility: hidden; opacity: 0; transition: 1s ease-out; -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; }
#bl_banner li.active .sd622_1 { left: 0; visibility: visible; opacity: 1; }
.sd622_2 { margin-bottom: 60px; position: relative; left: -30%; visibility: hidden; opacity: 0; transition: 1s .6s ease-out; -webkit-transition: 1s .6s ease-out; -moz-transition: 1s .6s ease-out; }
#bl_banner li.active .sd622_2 { left: 0; visibility: visible; opacity: 1; }
.sd622 p { font-size: 18px; position: relative; left: -30%; visibility: hidden; opacity: 0; transition: 1s .8s ease-out; -webkit-transition: 1s 1.2s ease-out; -moz-transition: 1s 1.2s ease-out; }
#bl_banner li.active .sd622 p { left: 0; visibility: visible; opacity: 1; word-break: keep-all; white-space: nowrap; color:#fff}
.bl_banner_line.bl_trans_1 { -moz-transition: all 1s linear; -webkit-transition: all 1s linear; -o-transition: all 1s linear; -ms-transition: all 1s linear; transition: all 1s linear; }
.bl_banner_line { width: 0; height: 1px; background: #fff; position: relative; bottom: 6px; display: inline-block; visibility: hidden; opacity: 0; }
.bl_banner li.active .bl_banner_line { margin-right: 10px; visibility: visible; opacity: 1; width: 78px; transition-delay: 1.8s; -webkit-transition-delay: 1.8s; -moz-transition-delay: 1.8s; }
@media (max-width:1024px) {
.sd622_1 { margin-bottom: -18px; }
.sd622_2 { margin-bottom: 0; }
#bl_banner li.active .sd622 p { display: none; }
}
/*2017.7.8*/
.news-box .hwslider { background: none; }
.bl_nav .logo h1 { height: 50px; overflow: hidden; }
.bl_nav .logo h1 img{ height: 50px; }
#get_news { overflow: hidden; width: 100%; display: none; text-align: center; }
.case-list ul { margin-top: 50px; }
.case-list ul li { margin: 0; width: 25%; padding: 5px; }
.news-box .case-cont { padding: 0; }
.grid li { padding: 0; }
.grid { margin-top: 0; }
@media (max-width:1023px) {
.case-list ul li { width: 50%; }
}
/*2017.7.10*/
a, a:active, a:focus, input:focus, a:hover, input:focus, img, img:active, img:focus, li:active, li:focus, li:focus, div, div:active, div:focus, div:hover, button, button:active, button:focus, button:hover { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-modify: read-write-plainteeet-only; outline: none; -webkit-tap-highlight-color: transparent; }
.case-list ul li>a { position: relative; }
.case-list ul li >a:after { content: ''; position: absolute; left: 0; bottom: 0; right: 0; top: 0; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; background: rgba(0,0,0,.2); }
.case-list ul li.bl_case_end >a:after { display: none; }
.case-list ul li >a:hover:after { background: rgba(0,0,0,0); }
/*2017.7.13*/
  
.bl_case_end a { display: block; height: 100%; transition: .2s; position: relative; }
.case-list ul li a { overflow: hidden; }
.case-list ul li.bl_case_end:hover img { top: 0; }
.bl_case_end .bl_project { position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
.bl_project_table { display: table; text-align: center; width: 100%; height: 100%; }
.bl_project_cell { display: table-cell; vertical-align: middle; color: #fff; }
.bl_case_next p { font-size: 20px; margin-bottom: 15px; }
.bl_case_click { font-size: 15px; color: rgba(255,255,255,.8); position: relative; top: 16px; }
.bl_case_next { width: 58px; height: 58px; line-height: 58px;/*overflow: hidden;*/ margin: 0 auto; ; position: relative; transition: .5s; }
.bl_case_next p { margin: 6px 0; height: 1.5em; display: block; text-overflow: ellipsis; white-space: nowrap; }
.bl_case_next p, .bl_case_click { opacity: 0; visibility: hidden; position: relative; transition: 0.3s; }
.bl_case_next:after { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; right: auto; width: 8px; margin-left: -4px; background: #e5a7a3;/*background: rgba(255,255,255,.5)*/ z-index:;
transition: .5s; transition-delay: .3s }
.bl_case_next:before { content: ''; position: absolute; ; left: 0; right: 0; top: 50%; bottom: auto; height: 8px; margin-top: -4px; background: #e5a7a3;/*background: rgba(255,255,255,.5)*/ z-index:;
transition: .5s; }
.bl_project_cell:hover .bl_case_next { width: 240px; height: 45px; line-height: 45px; }
.bl_project_cell:hover .bl_case_next:after { top: 0; bottom: 0; left: 0; right: 0; border-radius: 5px; width: 100%; background: #d72900; margin: 0; }
.bl_project_cell:hover .bl_case_next:before { top: -8px; bottom: -8px; left: -8px; right: -8px; border-radius: 5px; height: auto; margin: 0; background: #db6d65; }
.bl_project_cell:hover .bl_case_click { opacity: 1; visibility: visible; z-index: 2; }
.bl_project_cell:hover .bl_case_next p { opacity: 1; visibility: visible; width: 100%; z-index: 2; }
 @media (max-width:768px) {
	 #bl_banner {height:200px!important; }
#service_loc { margin-bottom: 20px; }
.sd622 { width: 56%; }
.sd622 img { width: 100%; }
.sd622_1 { margin-bottom: 20px; }
.hwslider ul li > img.banner3_0726 { display: none; }
.bl_nav .logo h1 img{ height: 40px; margin-top:5px;}
}
.browserupgrade { display: block; position: fixed; margin: 0; width: 100%; height: 60px; font-size: 15px; line-height: 60px; z-index: 1000; background-color: #666; color: #fff; text-align: center }
.browserupgrade a { color: #eee; text-decoration: underline; font-size: 18px; }
.browserupgrade a:hover { color: #eee }
/*2017.7.19*/
@font-face { font-family: bl_pf; src: url(fzfs_s.ttf); }
.bl_abt_outer { position: relative; width: 100%; height: 100%; overflow: hidden; }
.bl_abt_in { position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; }
.bl_abt_in>img { visibility: hidden; opacity: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; }
.bl_abt_in.cur>img { visibility: visible; opacity: 1; }
.bl_abt_in.cur { visibility: visible; z-index: 2; }
.bl_abttt { width: 100%; height: 960px; position: relative; overflow: hidden; transition: height .4s; }
.bl_abt_outer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.bl_abt_tttit { position: relative; z-index: 99; width: 100%; text-align: center; padding-top: 11%; }
.bl_abt_cl { position: absolute; top: 42%; left: 0; right: 0; height: auto; }
.bl_abt_cl_inner { width: 1300px; margin: 0 auto; }
.bl_abt_cl_inner_img { transition: 2s .3s cubic-bezier(.29, 1, .29, 1); width: 0; overflow: hidden; }
.bl_abt_in.cur .bl_abt_cl_inner_img { width: 420px; }
.bl_abt_line { width: 100%; height: 1px; background: #fff; margin: 3% 0; transition: 3s .2s cubic-bezier(.29, 1, .29, 1); transform: scale(0, 1); transform-origin: 0 0; }
.bl_abt_in.cur .bl_abt_line { transform: scale(1); }
.bl_abt_cl_inner p { color: #fff; font-size: 34px; margin-bottom: 10px; opacity: 0; transform: translateY(100%); transition: 1s .6s; font-family: simsun, bl_pf, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Noto Sans CJK SC, WenQuanYi Micro Hei, Arial, sans-serif; }
.bl_abt_cl_inner p:nth-child(4) { transition: 1s .8s; }
.bl_abt_cl_inner p:nth-child(5) { transition: 1s 1s; }
.bl_abt_in.cur .bl_abt_cl_inner p { transform: translateY(0); opacity: 1; }
.bl_abt_nav { position: absolute; bottom: 0; left: 50%; z-index: 100; margin-left: -120px; }
.bl_abt_nav>span { width: 40px; height: 30px; margin-right: 40px; position: relative; display: block; cursor: pointer; color: #505050; transition: .5s; float: left; }
.bl_abt_nav>span:before { content: ''; position: absolute; bottom: 0; left: 0; height: 25px; width: 1px; background: #505050; transition: .5s; }
.bl_abt_nav>span:after { content: ''; position: absolute; bottom: 0; right: 0; height: 20px; width: 1px; background: #505050; }
.bl_abt_nav>span:last-child:after { display: none; }
.bl_abt_nav>span.cur:before, .bl_abt_nav>span:hover:before { height: 30px; background: #e41311; color: #e41311; }
.bl_abt_nav>span.cur, .bl_abt_nav>span:hover { color: #e41311; }
.bl_abt_nav>span i { position: absolute; left: -4px; top: -20px; width: 30px; height: 30px; }
.bl_abt_in.bl_ontop { z-index: 9; }
/*2017.7.26*/
.bl_about_box1_more { width: 100%; text-align: center; }
.bl_about_box1_more .more { margin: 3% auto 0; width: 86%; }
.news .more { width: 100%; }
.bl_about_wo_tit { text-align: center; }
.bl_about_wo_tit img { max-width: 90%; }
.bl_view_num { padding-left: 15px; }
.detail-cont p.date { font-size: 12px; }
.bl_print { padding-left: 15px; margin-left: 15px; background: url(../image/bl_print.jpg) 0 0 no-repeat; color: #949494; cursor: pointer; }
.bl_font { padding-left: 15px; }
.bl_font a { color: #949494; margin: 0 3px; cursor: pointer; }
.bl_font a:hover { color: #b50b2b; }
.bl_font a.on { color: #f00; }
.bl_new0727 .detail-cont { width: calc(100% - 360px); float: left; }
.bl_hot_news { width: 320px; margin-left: 36px; float: left; margin-top: 54px; }
.detail-cont .txt p { line-height: 1.8em; font-size: 16px!important; }
.detail-cont .txt p * { font-size: 16px!important; }
.rblock { background: #FDFDFD; border: 1px solid #F1F1F1; min-height: 365px; height: auto; margin-bottom: 20px; }
.rblock_tit { margin: 10px 8px; border-bottom: 1px solid #F1F1F1; background: url(../image/r_tit.jpg) 2px 4px no-repeat; padding: 0px 10px 8px 15px; font-weight: bold; position: relative; font-size: 14px; }
.rblock_tit:after { content: ''; position: absolute; left: 0; top: 2px; width: 3px; height: 15px; background: #d11725; }
.rblock_con { margin: 10px 8px; }
.rblock_con ul { list-style: none; overflow: hidden; }
.rblock_con ul li { padding: 5px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; }
.rblock_con ul li span { width: 18px; display: inline-block; vertical-align: middle; margin: 0px 3px; background: url(../image/rb_li.jpg) 0px 4px no-repeat; text-align: center; color: #fff; font-family: Arial, Helvetica, sans-serif; }
.rblock_con ul li span.an { background: #ff0000; border-radius: 2px; text-align: center; color: #fff; }
.rblock_con ul li a { color: #333333; padding-left: 16px; font-size: 14px; vertical-align: middle; background: url(../image/hot_new.jpg) 0 3px no-repeat; }
.bl_about_box1_r { padding: 5%; }
.bl_about_box1_r:hover .bl_hover_txtline em { opacity: 0; }
.bl_hover_txtline i.bl_hover_txtline em { font-size: 28px; }
.bl_about_box1_r .bl_hover_txtline { margin-top: 8%; }
.bl_about_box1_r h1 { font-size: 32px; }
/*2017.7.27*/
.detail-cont h1 { font-size: 28px; }
.rblock_con ul li a:hover { color: #f00 }
.detail-cont .txt .bl_font_bbb { font-size: 18px!important; }
.detail-cont .txt .bl_font_mmm { font-size: 16px!important; }
.detail-cont .txt .bl_font_sss { font-size: 14px!important; }
 @media (max-width:1400px) {
.bl_about_box1_r { padding: 3% 4% 0; }
}
@media (max-width:1300px) {
.bl_abt_cl_inner { width: 100%; padding: 6%; }
.bl_abt_in.cur .bl_abt_cl_inner_img { width: 30%; }
.bl_abt_cl_inner_img img { width: 100%; }
.bl_abt_cl_inner p { font-size: 24px; }
.bl_abt_cl { top: 37%; }
.bl_abt_in > img { height: 100%; }
.bl_abttt { height: 750px; }
.bl_about_box1_r h1 { font-size: 28px; }
.bl_hover_txtline em, .bl_hover_txtline i { font-size: 20px; }
}
.bl_icon_close { display: none; }
@media (max-width:1023px) {
.bl_about_box1_r:hover .bl_hover_txtline em { opacity: 1; }
.bl_about_box1_r .bl_hover_txtline { margin-top: 1%; }
/*2017.7.27*/
.bl_new0727 .detail-cont { width: calc(100% - 288px); }
.bl_hot_news { width: 266px; margin-left: 20px; }
.detail-cont h1 { font-size: 26px; }
.hwslider ul li>img.bl_banner_3, .bl_banner2_txt>img, .hwslider ul li>img.bl_banner3_pc { display: none; }
#video_up.active .bl_banner_zzwz img { padding-top: 60%; width: 80%; }
.bl_banner_txt h1 { font-size: 28px; letter-spacing: 13px; padding-top: 86%; padding-left: 6px; }
.bl_banner_txt h2 { font-size: 18px; letter-spacing: 6px; margin-top: 0; padding: 0; color: #fff; }
.bl_banner_txt h4 { font-size: 18px; background: none; color: #f01600; }
.sd622_1 { transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; }
.sd622_2 { transition-delay: 0.25s; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; }
/*2017.7.24*/
/*#bl_banner .bl_cons { width: 68%; left: 17%; height: 44px; }*/
#bl_banner .bl_cons .dots { line-height: 38px; width: 58%; }
.bl_banner_txt h1, .bl_banner_txt h2, .bl_banner_txt h4, .bl_banner_zzwz img { transition-property: opacity; -webkit-transition-property: opacity; }
.bl_banner_txt h1 { transition-delay: .1s; }
.bl_banner_txt h2 { transition-delay: .2s; }
.bl_banner_txt h4 { transition-delay: .3s; }
/*2017.7.26*/
.bl_cons .arr { display: none; }
.bl_about_wo_tit { margin: 20px 0; }
.bl_about_box1_more .more { width: 100%; }
.bl_about_box1_more { margin: 5% 0 0; width: 95%; }
.more .line { width: 85%; }
.more .maa { width: 13%; }
.bl_abt_nav>span { width: 30px; margin-right: 30px; }
.bl_abt_nav { margin-left: -94px; }
.bl_new0727 .detail-cont { width: calc(100% - 288px); }
.bl_hot_news { width: 266px; margin-left: 20px; }
.ipad_only { display: block!important; }
/*2017.8.2*/
.saibo-btn2 { right: 20px; }
.bl_phone { right: 82px; }
.bl_icon_close { width: 18px; position: fixed; bottom: -7%; right: 0; height: 60px; background: #f00; background: rgba(200,28,36,.85) url(../image/arrow_right.png) center center no-repeat; background-size: 80%; display: block; opacity: 0; transition: .5s; z-index: 101 }
.iamclosed { background-image: url(../image/arrow_left.png); height: 30px; border-radius: 30px 0 0 30px; }
.bl_icon_close.scroll2 { opacity: 1; bottom: 0; }
.saibo-menu ul:hover img { top: -25px; }
.saibo-menu ul:hover { background: rgba(200,28,36,.85); }
.saibo-menu ul:active { background: #000; }
}

.go_next { position: absolute; bottom: 0; left: 0; height: 15px; width: 100%; z-index: 5; }
.go_next a { width: 40px; height: 9px; margin: 0 auto; background: url(../image/icon_go_next.png) center center no-repeat; display: block; animation: bl_hang 1s linear infinite; -webkit-animation: bl_hang 1s linear infinite; position: relative; }
@keyframes bl_hang {  0% {
 top: 0px;
}
 30% {
 top: 6px;
}
 50% {
 top: 6px;
}
 100% {
 top: 0;
}
}
@-webkit-keyframes bl_hang {  0% {
 top: 0px;
}
 30% {
 top: 6px;
}
 50% {
 top: 6px;
}
 100% {
 top: 0;
}
}