@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;  }
body, html { width: 100%; height: 100%; }
body { zoom: 1; background: #fff; font-family: "微软雅黑"; font-size:14px; }
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(memu.png) no-repeat; width: 50px; height: 50px; border-bottom: 1px solid #e6e6e6; }
.sb-menu:hover { background: #dbdbdb url(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 }

.botyt{ text-align:left}
.abouts { visibility: visible; animation-name: fadeInDown; margin-top: 70px }
.cpant { display: block; width: 80%; margin: auto; padding-top: 20px }
.newti { text-align: center; margin-top: 70px; margin-bottom: 10px }

.cptitle{ display:block; line-height:40px; font-size:16px}
#dituContent { width: 600px; height: 325px; float: left; margin-top: 150px; }
#dituContent img { width:100%; height:auto;border: #ccc solid 1px;  }
.noFilterClass { filter: none !important; }
.caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; }
.caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width: 100% !important; height: 100% !important; display: none }
.leftviews { z-index: 100; cursor: pointer; position: relative; background: url(../images/large_left.png) no-Repeat top left; width: 40px; height: 40px; }
.leftviews.round { z-index: 100; cursor: pointer; position: relative; background: url(../images/small_left.png) no-Repeat top left; width: 19px; height: 14px; margin-right: 0px; float: left; margin-top: 0px; }
.leftviews.round-old { z-index: 100; cursor: pointer; position: relative; background: url(../images/arrow_left.png) no-Repeat top left; width: 26px; height: 26px; margin-right: 0px; float: left; margin-top: 0px; }
.leftviews.navbar { z-index: 100; cursor: pointer; position: relative; background: url(../assets/small_left_boxed.png) no-Repeat top left; width: 20px; height: 15px; float: left; margin-right: 6px; margin-top: 12px; }
.leftviews.navbar-old { z-index: 100; cursor: pointer; position: relative; background: url(../assets/arrowleft.png) no-Repeat top left; width: 9px; height: 16px; float: left; margin-right: 6px; margin-top: 10px; }
.leftviews.navbar-old.thumbswitharrow { margin-right: 10px; }
.leftviews.square { z-index: 100; cursor: pointer; position: relative; background: url(../assets/arrow_left2.png) no-Repeat top left; width: 12px; height: 17px; float: left; margin-right: 0px; margin-top: 0px; }
.leftviews.square-old { z-index: 100; cursor: pointer; position: relative; background: url(../assets/arrow_left2.png) no-Repeat top left; width: 12px; height: 17px; float: left; margin-right: 0px; margin-top: 0px; }
.leftviews.default { z-index: 100; cursor: pointer; position: relative; background: url(../images/large_left.png) no-Repeat 0 0; width: 55px; height: 52.5px; }
.leftviews:hover, .tp-rightarrow:hover { background-position: bottom left; }
 @media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets { display: none }
.responsive .tparrows { display: none; }
}
.vjs-tech { margin-top: 1px }
[class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; }
.crusher { text-align: center; margin-top: 30px }
.crusher h2 { font-size: 30px; text-align: center }
.crusher .icon-ellipsis-h { float: right; font-size: 30px; color: #fb3a4a; padding-top: 5px }
.crusher p { line-height: 1.5; margin-top: 20px;font-size: 16px;color: #333; text-align:left}
.crusher .tit { font-size: 16px; height: 50px; line-height: 50px;color: #333;}
.crusher img { max-width: 100%; height: auto }


.crusher a:hover .tit { background: #fb3a4a; font-weight: bold; color: #fff; }
.xm4 { width: calc(50% - 10px); float: left; margin-right: 15px; margin-bottom: 15px; }
.line-big li:nth-child(2n) { margin-right: 0px; }
.line-big .xg:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); z-index: 9990; }
.line-big .xg img { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.line-big .xg { width: 100%; overflow: hidden; border: 1px solid #CCC; }

.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(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; }
#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; }
/*pages*/.pagination-wrapper { margin: 20px 0; }
 
.clear { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
 
.catContl { padding: 50px 0px 0px 20px; width: 450px; float: left;  }
.catctlTitle { color: rgb(72, 72, 72); font-size: 24px; }
.catctlCon { padding: 42px 0px 0px; color: rgb(72, 72, 72); line-height: 32px; font-size: 14px }
 
 @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; }
.logo { position: absolute; top: 50px; left: 0; z-index: 999; height: 50px; padding-left: 85px; }
.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; }
.menu ul li a .nav2 { position: absolute; left: 0; top: 19px; }
.menu ul li { width: 35px; margin-right: 20px; height: 20px; overflow: hidden; }
.clear { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.h70 { height: 70px; width: 100% }
.h30 { height: 30px; width: 100% }
.menu-contact { display: block; right: 150px; position: absolute; top: 61px; width: 350px; text-align: right; z-index: 999; transition: all .5s; }
 
.mucsl-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; }
.mucsl-btn2 ul li.icon-menu { background: #ce1c24; }
.mucsl-btn2 p { text-align: center; margin-top: 10px; }
.mucsl-btn2 li.icon-menu a { background: url(icon-mucsl.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: 微软雅黑; font-size: 30px; ; }

.main-slider { overflow: hidden }
.main-slider .carousel-inner .item figure { margin: 0 }
.main-slider .carousel-inner .item figure > img { width: 100% }
.carousel-control.left, .carousel-control.right { background: none }
.carousel-indicators { z-index: 1; }
.carousel { z-index: 0; }
.carousel-control { border: 4px solid #fff; bottom: auto; height: 65px; margin-top: -50px; text-shadow: none; top: 50%; width: 65px; padding-top: 14px; border-radius: 100px; color: #fff; }
.carousel-control.left { left: -100px; opacity: 0; -webkit-transition: .6s ease; transition: .6s ease; background: url(ban_pre.png) no-repeat; width: 50px; height: 88px; border: none; }
.carousel-control:hover, .carousel-control:focus { width: 50px; height: 88%; }
.main-slider .carousel-control:hover, .carousel-control:focus { background: url(ban_pre.png) no-repeat; width: 50px; height: 88%; }
.main-slider .carousel-control.right { right: -100px; opacity: 0; -webkit-transition: .6s ease; transition: .6s ease; background: url(ban_next.png) no-repeat; width: 50px; height: 88px; border: none; }
.main-slider:hover .carousel-control.left { left: 30px; opacity: 1; }
.main-slider:hover .carousel-control.right { right: 30px; opacity: 1; }

.main-nav nav { margin-bottom: 0; -webkit-transition: 1s ease; transition: 1s ease; }

.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:hover .icon-phone {
    transform: translateX(-210px);
    -moz-transform: translateX(-210px);
    -webkit-transform: translateX(-210px);
    opacity: 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; /*opacity: 0;*/
position: absolute; font-size: 16px; }
.linecon-icon-eye {
 background: /*url(add-icon.png) no-repeat*/; width: 12px; height: 12px; display: block; position: absolute; margin-left: 95px; top: 11px; }
.menu-contact ul a { font-size: 16px; color: #fff; }
.menu-contact ul a:hover { color: #fff; }

 


 

.lcjs {
padding-top: 5%; background-color: #f0f0f0; padding-bottom: 70px; }
.sline { width: 1px; height: 70px; background: #eee; margin: 0 auto; }
.lcjs h1 { margin: 0 auto; font-size: 30px; text-align: center; }
.lcjs h1 b { }
.lcjs h2 { margin: 25px auto 45px auto; font-size: 16px; text-align: center; color: #666 }
.count_to { width: 150px; height: 48px;
position: relative; text-align: center; font-size:48px; }
 
.odometer { line-height: 48px; font-style: normal; color: #444; font-size: 30px; }
.odometer-digit { color: #c81c24; font-size: 40px; }
.lcjs-box:hover .odometer-digit { color: #fff; }

.contact-box .sline3 { width: 1px; height: 40px; background: #eee; margin: 0 auto; position: absolute; left: 50%; bottom: -65px; }
.lcjs-box { width: 150px; margin: 0 auto; border: 2px solid transparent; border-radius: 50%; height: 150px; padding-top: 45px; position: relative; display: inline-block; }
.slider-box { position: relative; }
.slider-box .slider-line { background: url(sline01.png) no-repeat; width: 12px; height: 170px; margin-left: -6px; position: absolute; left: 50%; z-index: 99999; top: 131px; }
.border-cirle { width: 150px; border: 2px solid #ddd; border-radius: 50%; height: 150px; position: absolute; left: -2px; top: -2px; opacity: 1; transition: all 0.5s; background-color: #fff }
.lcjs-box:hover .border-cirle { border: 2px solid #ddd; border-radius: 50%; position: absolute; left: -1px; top: -1px; transform: scale(1.3); opacity: 0; transition: all 0.5s; }
.lcjs-box:hover { border: 1px solid #ce1c24; background: #ce1c24; color: #fff; transition: all 1s; }
.lcjs-box h3 { font-size: 16px; text-align: center; position: relative; color: #999; padding-top:10px }
.lcjs-box:hover h3 { color: #fff; }
.animated_counter { position: relative; top: -16px; }
.numcirle { margin: 0 auto; width: 56.25% }
@media (max-width:1100px) {
.numcirle { margin: 0 auto; width: 70% }
}
 
.mrl { margin-left: -293px; }
.mr2 { margin-left: -193px; margin-top: -40px; }
.tp-rightarrow.default { margin-right: 891px; }
.mr3 { margin-left: -193px; margin-top: -40px; }
.mr4 { margin-left: -173px; }
.mr6 { position: absolute; top: 400px; display: block; width: 490px; height: 100px; color: #fff; font-size: 16px; line-height: 25px; }
.mr7 { position: absolute; top: 0; display: block; width: 490px; height: 100px; z-index: 130; }
.mr8 { position: absolute; top: 0; display: block; width: 490px; height: 100px; z-index: 120 }
.mr9 { height: 1070px; overflow: hidden }
.mbg { width: 710px; height: 850px; background: rgba(0, 0, 0, .1); z-index: 99; }
/*works*/
.works { border-top: 1px solid #eee; width: 100%; margin: 0 auto; position: relative; background: #f0f0f0; }
.works .works-con {; /*overflow: hidden;*/
padding-top: 6%; height: auto; float: left; }
.sline2 { width: 1px; height: 70px; background: #eee; margin: 0 auto; position: absolute; left: 50%; top: 0 }
.works .works-con h1 img { margin: 0 auto; }
.works .works-con h2 { font-size: 24px; color: #999; text-align: center; margin-top: 1.5%; font-family: Arial, "微软雅黑"; margin-bottom: 5.5%; }
.works-list { width: 100%; margin: auto }
.works-list ul li { width: 25%; float: left; }
 @media (min-width:768px) {
.works .works-con .works-list ul li img { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; }
}
.works .works-con .works-list ul li .project { background-color: #ffffff; height: 80px; width: 100%; position: absolute; bottom: -92px; left: 0; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; }
.works .works-con .works-list ul li .project h5 { font-style: normal; margin-top: 17px; width: 100%; float: left; text-align: center; }
.works .works-con .works-list ul li .project h5 a { color: #4d4d4d; font-size: 19px; }
.works .works-con .works-list ul li .project h6 { color: #bebebe; }
.works .works-con .works-list ul li:hover .project { background-color: #ffffff; height: 80px; width: 100%; position: absolute; bottom: 0px; left: 0; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; }
 @media (max-width:768px) {
.works .works-con .works-list ul li:hover img { filter: none; top: -80px; }
.works .works-con .works-list ul li .project { background-color: #ffffff; height: 80px; width: 100%; position: absolute; bottom: 0px; left: 0; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; }
}
.works .works-con .works-more { margin: 60px 0; float: left; height: 17px; width: 90%; }
.works-more .line { padding-left: 0; padding-right: 0; }

.news { padding: 7% 0 6% 0; position: relative; width: 88.0281%; margin: 0 auto; }
.news > div.line { height: 1px; background: #eee; margin-bottom: 5%; }
.news .newslist ul li:nth-child(1) { margin-bottom: 5%; }
.news .newslist ul li p.txt { margin-top: 3%; line-height: 20px; height: 40px; overflow: hidden; font-size: 16px; }
.news h1 { margin-bottom: 5%; }
.news h1 img { margin: 0 auto; }
.news .news-left { padding: 0; overflow: hidden; }
.news .news-left p { margin-right: 6%; width: 94%; overflow: hidden; }
.news .newslist { padding-right: 0; }
.news .newslist li { position: relative; }
.news .newslist p.line { width: 40px; background: #cf1b24; height: 2px; margin-bottom: 5%; }
.news .newslist a { color: #777; display: block; }
.news .newslist a .news-date { margin-top: 2%; display: block; font-size: 16px; margin-bottom: 5%; }
.news .newslist h5 { font-size: 24px; }
.news .newslist a h5 { position: relative; }
.news .newslist a h5 small { font-size: 24px; font-family: Arial, "微软雅黑"; }
.infor-box h2 img { margin: 0 auto; }
.news .newslist a h5 i { font-size: 24px; white-space: nowrap; display: block; width: 0; overflow: hidden; position: absolute; left: 0; top: 0; font-family: Arial, "微软雅黑"; color: #cf1b24; }
.news .newslist a:hover h5 small { opacity: 0; }
.news .newslist a:hover h5 i { width: 100%; opacity: 1; }
.news .newslist a h5 i { transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; }
.news .newslist a h5 small { transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; }
.news .newslist a div.line small { height: 1px; background: #eee; display: block; }
.news .newslist a div.line { position: relative; }
.news .newslist a div.line i { height: 1px; background: #cf1b24; display: block; width: 0; -webkit-transition: all 1s ease-in-out; position: absolute; left: 0; top: 0; }
.news .newslist a:hover div.line i { width: 100%; display: block; }
.news .newslist a:hover small { opacity: 0 }
.news .newslist a:hover i { opacity: 1; width: 100%; }
.news .newslist a i { transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; }
.news .newslist a small { transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; }
/*more*/
.more { height: 17px; width: 90%; margin-top: 5%; }
.more a { display: block; width: 100%; height: 17px; }
.more .line { position: relative; height: 1px; margin-top: 8px; }
.more a .line i { transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; }
.more a .line small { transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; }
.more .maa { font-size: 16px; line-height: 17px; color: #4d4d4d }
.more a:hover .maa { color: #cf1b24 }
.more a .line small { height: 1px; background: #ddd; display: block; width: 100%; }
.more a .line i { height: 1px; background: #cf1b24; display: block; width: 0; -webkit-transition: all 1.5s ease-in-out; position: absolute; left: 0; top: 0; overflow: hidden; }
.more a:hover .line i { width: 100%; display: block; }
.more a:hover .line small { opacity: 0 }
 
footer.contact { padding: 30px 0; width: 100%; text-align: center; overflow: hidden; position: relative; position: relative; }
footer.contact { padding: 6% 0; }
footer.contact h2 { font-size: 24px; color: #999; text-align: center; margin-top: 30px; font-family: Arial, "微软雅黑"; }
footer.contact h1 img { margin: 0 auto; }
footer.contact h2 { font-size: 24px; color: #999; text-align: center; margin-top: 30px; font-family: Arial, "微软雅黑"; }
footer.contact .tit-logo { margin: 3% auto 0 auto; width: 200px; height: 50px; }
footer.contact .tit-logo a { display: block; width: 200px; height: 50px; }
footer.fone { padding-top: 0; }
footer.contact .tit-logo:hover { background: url(logo.png) no-repeat; margin: 3% auto 0 auto; width: 200px; height: 50px; }
footer.contact .phone-con { width: 800px; margin: 3% auto 2% auto; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 25px 0; line-height: 48px; }
footer.contact .phone-con .phone { position: relative; }
.contact small { display: block; font-size: 48px; line-height: 42px; text-align: left; }
footer.contact .phone { line-height: 42px; }
footer.contact .phone i { position: absolute; left: 0; top: 0px; display: block; overflow: hidden; width: 0; }
footer.contact .phone:hover small { opacity: 0; }
footer.contact .phone:hover i { opacity: 1; }
.contact .phone:hover i { width: 100%; }
footer.contact .phone i { transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; display: inline-block; }
footer.contact .phone small { transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; display: inline-block; }
footer.contact .share { margin: 0 auto; display: inline-block; margin-bottom: 20px; }
footer.contact .share li { float: left; width: 70px; text-align: center; }
footer.contact .adr { font-size: 16px; font-family: Arial, "微软雅黑"; line-height: 20px; color: #4d4d4d; margin-top: 15px; }
footer.contact .adr .left { text-align: right; }
footer.contact .adr .right { text-align: left; }

 

.news-box { position: relative; }
.news-box .news-banner { background: url(news-banner.jpg) no-repeat; background-size: cover; width: 100%; height: 325px; position: relative; }
.bl_about .news-box .news-banner { height: 0; }
.news-box .news-banner .menu ul li a { color: #fff; font-size: 16px; }
.news-box .news-banner .menu ul li a:hover { color: #ce1c24; }
.news-box .caselist-banner .menu ul li a:hover { color: #fff; }
.news-box .menu { top: 60px; font-size: 16px; }
.news-box .news-banner .menu-contact ul a { font-size: 16px; color: #fff; }
.news-box .banner-tit { position: absolute; bottom: 85px; left: 145px; color: #fff; font-family: Arial, "微软雅黑"; }
.news-box .banner-tit p:nth-child(1) { font-size: 38px; }
.news-box .news-cont { width: 89%; margin: auto; overflow: hidden; max-width:1200px; }
.news-box .news-tit { margin-top: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; }
.news-box .news-tit a { color: #333; display: inline-block; margin-right: 25px; line-height: 60px; font-size: 16px; }
.news-box .news-tit a:hover { color: #cf1b24; }
.news-box .news-tit a.current { color: #cf1b24; }
.news-box .news-tit a.current span { width: 15px; }
.news-box .news-tit a span { width: 0; height: 0; border-top: 1px solid #cf1b24; transition: all 0.4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; display: inline-block; margin-top: -3px; margin-right: 5px; vertical-align: middle; }
.news-box .news-tit a:hover span { width: 15px; }
.news-box .news-tit h3 { color: #333; display: inline-block; line-height: 40px; font-size: 16px; }
.news-box .news-tit h3 span { width: 0; height: 0; border-top: 1px solid #a5a5a5; transition: all 0.4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; display: inline-block; margin-top: -3px; margin-right: 5px; vertical-align: middle; }
.news-box .news-tit h3:hover span { width: 15px; }
.layout-detail { margin-left: -15px; margin-right: -15px; }
.detail-cont .layout-detail { margin-left: 0; margin-right: 0; }
 
 
.detail-cont { border-top: 1px solid #f7f7f7; margin-top: 55px; padding-top: 55px; font-family: Arial, "微软雅黑"; }
.detail-cont h1 { font-size: 36px; text-align: center; color: #1a1a1a; }
.detail-cont p.date { text-align: center; color: #333;  }
.detail-cont .txt p { line-height: 25px; margin-bottom: 5px; font-size: 16px; color: #4d4d4d; }
.detail-cont .fz { margin: 0 auto; text-align: center; }
.zav { position: relative; width: 392px; height: 55px; border: 1px solid #ddd; border-radius: 50px; overflow: hidden; margin: 0 auto; margin-top: 80px; }
.zav ul { position: relative; z-index: 99; }
.zav-item { position: relative; float: left; width: 130px; height: 55px; line-height: 55px; text-align: center; font-size: 16px; z-index: 999; color: #8b8b8b; transition: color .5s; -webkit-transition: color .5s; }
.zav-item a { display: block; height: 55px; color: #8b8b8b; position: relative; z-index: 100; transition: color .5s; -webkit-transition: color .5s; }
.zav-item:hover a, .zav-item:hover { color: #fff; }
.move-bg { display: none; position: absolute; left: 0; top: 0; width: 120px; height: 55px; border-radius: 50px; background: #4d4d4d; z-index: 0 }
 
.arrow-down2 { position: absolute; bottom: -25px; left: 50%; margin-left: -25px; z-index: 999 }
.submit-infor {  width:1200px; margin: 0 auto; font-size: 16px; height: auto; color: #4d4d4d; overflow: hidden; }
.submit-infor label { color: #4d4d4d; font-weight: 400; }
.submit-infor a { color: #4d4d4d; }
.submit-infor a:hover { color: #ce1c24; }
.submit-infor ul li .line { position: relative; height: 1px; margin-top: 8px; display: block; }
.submit-infor ul li .line small { height: 1px; background: #ddd; display: block; width: 100%; -webkit-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; }
.submit-infor ul li .line i { height: 1px; background: #cf1b24; display: block; width: 0; -webkit-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; position: absolute; left: 0; top: 0; overflow: hidden; }
.submit-infor ul li:hover .line i { width: 100%; display: block; }
.submit-infor ul li:hover .line small { opacity: 0 }
.submit-infor ul { float: left; }
.submit-infor ul { width: 100%; }
.submit-infor ul li { width: 31%; float: left; margin-right: 1%; margin-bottom: 15px; }
.submit-infor ul li input { outline: none; border: none; background: none; }
.submit-infor .send-txt { width: 100%; height: 30px; border: none; background: none; padding-left: 0; margin-top: 20px; margin-bottom: 5px; resize: none; }
.submit-infor .send a { padding: 3px 0; display: block; width: 95%; float: left; }
.submit-infor .send .line { position: relative; height: 1px; margin-top: 8px; display: block; }
.submit-infor .send .line small { height: 1px; background: #ddd; display: block; width: 100%; -webkit-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; }
.submit-infor .send .line i { height: 1px; background: #cf1b24; display: block; width: 0; -webkit-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; position: absolute; left: 0; top: 0; overflow: hidden; }
.submit-infor .send:hover .line i { width: 100%; display: block; }
.submit-infor .send:hover .line small { opacity: 0 }
.submit-infor .submit { width: 60px; height: 20px; line-height: 20px; background: none; border: none; float: right; color: #4d4d4d; }
textarea { outline: none; font-size: 16px; }
/*case页面*/
.news-box .case-banner { background: url(case-banner.jpg) no-repeat; }
.news-box .case-cont { padding-bottom: 0; }
 
.news-box .caselist-banner { background: url(caselist-banner.jpg) no-repeat; }
.news-box .caselist-banner .banner-tit p { font-size: 38px; line-height: 42px; }
 
.news-box .case-detail { padding: 0 }
.pc { display: block; }
.pc1440 { display: none }
.pc1366 { display: none }
/*infor页面*/

 
.lcjs h1 img { margin: 0 auto }
 
 
 
.content { width: 800px; margin: 0px auto; background-color: #ffffff; padding: 20px; }
h1 { font-weight: normal; text-decoration: none; }
.tabbed_content { /*background-color: #000000;*/
width: 71.875%; overflow: hidden; margin: 0 auto; }
.tabs { height: 55px; position: relative; width: 71.7391%; border: 1px solid #eee; border-radius: 30px; margin: 0 auto; margin-bottom: 84px; }
.tabs .moving_bg { padding: 18px; background-color: #4a9ec0; position: absolute; width: 33.3333%; z-index: 190; left: 0; background-position: bottom left; background-repeat: no-repeat; border-radius: 30px; }
.tabs .tab_item { display: block; float: left; /*padding: 15px;*/
width: 33.33333%; color: #4d4d4d; text-align: center; z-index: 200; position: relative; cursor: pointer; height: 55px; line-height: 55px; font-size: 16px; }
.tabs .tab_item.current { color: #fff; }
.tabbed_content .slide_content { overflow: hidden; position: relative; width: 100%; }
 
.ma { margin-top: 40px; }
  
.basic { width: 300px; margin: 0 auto; }
.basic p { border: none; text-decoration: none; font-size: 18px; margin: 0px; text-align: center; list-style: none; color: #ce1c24; margin-bottom: 10px; }
.basic > a { cursor: pointer; display: block; padding: 5px; margin-top: 0; text-decoration: none; font-weight: bold; font-size: 36px; color: #4d4d4d; text-align: center; width: 100%; height: 60px; }
.basic a:hover { color: #ce1c24; }
.basic a.selected { color: black; color: #ce1c24; }
.basic a.selected p a { color: black; color: #ce1c24; }
.menulist { margin-bottom: 220px; color: #949494; font-family: Arial, "微软雅黑"; }
  
body.menu-active { position: fixed; overflow-y: scroll; width: 100%; }
.phone-con { width: 42%; margin: 80px auto 40px auto; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 25px 0; line-height: 48px; padding-left: 125px; }
.menulist .phone-con .phone { position: relative; }
.menulist small { display: block; font-size: 48px; line-height: 42px; text-align: left; }
.menulist .phone { line-height: 42px; }
.menulist .phone i { position: absolute; left: 0; top: 0; display: block; overflow: hidden; width: 100%; color: #ce1c24; width: 0; white-space: nowrap; line-height: 42px; font-size: 48px; text-align: left; }
.menulist .phone:hover small { opacity: 0 }
.menulist .phone:hover i { opacity: 1 }
.menulist .phone:hover i { width: 100% }
.menulist .phone i { transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; }
.menulist .phone small { transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; }
.menulist .share { margin: 40px auto; display: inline-block; }
.menulist .share li { float: left; width: 125px; text-align: center; }
.menulist .adr { font-size: 16px; font-family: Arial, "微软雅黑"; line-height: 20px; color: #4d4d4d; }
.menulist .adr .left { text-align: right; }
.menulist .adr .right { text-align: left; }
 
.boxedcontainer { max-width: 1170px; margin: auto; padding: 0 30px }
.tp-banner-container { width: 100%; position: relative; padding: 0 }
.tp-banner { width: 100%; position: relative }
.tp-banner-fullscreen-container { width: 100%; position: relative; padding: 0 }
.slider-wrapper .title { font-size: 36px; line-height: 44px; font-weight: 700; text-transform: capitalize; font-family: "Raleway", sans-serif }
.slider-wrapper .title-xs { font-size: 24px; line-height: 28px }
.slider-wrapper .title-sm { font-size: 36px; line-height: 46px }
.slider-wrapper .title-md { font-size: 64px; line-height: 68px }
.slider-wrapper .title-lg { font-size: 72px; line-height: 80px; letter-spacing: 2px }
.slider-wrapper .title-wrapped { padding: 20px }
.mucsl-menu { /*position: fixed;*/
    /*right: 20px;*/
    /*top: 360px;*/
width: 100%; }
.mucsl-menu ul { width: 100%; background: rgba(200,28,36,.85); transition: all 0.5s; }
.mucsl-menu ul a { position: relative; }
.mucsl-menu ul a i { position: absolute; left: 19px; top: -5px; width: 2px; height: 0px; background: #fff; transition: all 0.2s; }
.mucsl-menu ul:hover { background: #000; }
.mucsl-menu ul img { position: relative; top: -8px; transition: all .5s; }
.mucsl-menu ul:hover img { top: -13px }
.mucsl-menu ul.bl_arr_up a i { height: 30px }
.mucsl-menu p { text-align: center; width: 55px; margin-bottom: 10px; }
.mucsl-menu ul li { padding: 5px 0; text-align: center; height: 100px; line-height: 100px; }
.mucsl-menu li.icon-menu a { background: url(icon-mucsl.png) no-repeat center; display: block; width: 55px; height: 50px; }
.mucsl-menu li.icon-menu:hover a { background: url(icon-mucsl-hover.png) no-repeat center; display: block; outline: 0; }
.send { width: 100%; }
.sjslide { display: none; }
.pcslide { display: block; }
 
 
 
 @-webkit-keyframes wobble {  16.65% {
 -webkit-transform: translateX(8px);
 transform: translateX(8px)
}
 33.3% {
 -webkit-transform: translateX(-6px);
 transform: translateX(-6px)
}
 49.95% {
 -webkit-transform: translateX(4px);
 transform: translateX(4px)
}
 66.6% {
 -webkit-transform: translateX(-2px);
 transform: translateX(-2px)
}
 83.25% {
 -webkit-transform: translateX(1px);
 transform: translateX(1px)
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0)
}
}
 
 
.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: 微软雅黑; font-size: 30px; ; }
.menulist { padding-top: 60px; }
/*daohang*/
.inner { background: rgba(255, 255, 255, 0); position: relative; width: 100%; max-width: 1920px; margin: 0 auto; -webkit-transition: all .2s ease; transition: all .2s ease; height: 65px; text-align: center; }
 
#menulist, #book { background: rgba(255, 255, 255, 1); position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center;  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; z-index: -1; }
 
 
#menulist.active, #book.active {
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; z-index: 999; }
 
.mucsl-btn { position: absolute; top: 90px; width: 100%; height: auto; padding: 0; -webkit-transition: all .2s ease; transition: all .2s ease; z-index: 9999; }
#menu-toggle.active, #book-toggle.active { background: #fff; left: 30px; width: 80px; }
 
 
.menulist footer.contact { padding: 0; }
.cdh { padding-bottom: 5%; }
#btn { background: #e6e6e6; border: none; outline: 0; position: absolute; left: 50px; top: 60px; padding: 10px; }
.inner { display: none; }
.slideInner { height: 1080px; }
.slides { width: 100%; height: 1080px; }
.slideInner a { display: block; height: 1080px; }
.nav a.next { position: absolute; right: 0; top: 400px; margin-top: -58px; background: url(ban_next.png) no-repeat; }
.sj-vis { display: none; }
 @media (max-width: 992px) {
/* Adjusting for small devices */
.home-slider .carousel-inner > .item { padding-top: 50px; }
}
.sj-service .service-box .txt .jrtd a { width: 180px; background: #fff; border: 10px solid #018dcb; border-radius: 50px; color: #017dcf; text-align: center; font-weight: 600; margin-top: 20px; display: block; }
.bl_jrtd a { width: 180px; background: #fff; border: 10px solid #dfb042; border-radius: 50px; color: #f4bf43; text-align: center; font-weight: 600; margin-top: 20px; display: none; }
.home-slider h4 p.bl_jrtd { padding-top: 0; }
@media screen and (max-width: 768px) {
.main-slider .carousel-inner .item figure figcaption.fig2 { left: 25.8%; }
.case-cont .tty dl { width: 59px; }
.case-cont .tty dl dt { margin-left: 2px; margin-right: 2px; }
.aboutus-con .infor .in-con { width: 100%; }
.wlxtaq .infor-sec { width: 100%; }
.sixt { width: 100%; }
.lcjs h1 { margin: 0 auto; font-size: 24px; text-align: center; width: 90%; }
.lcjs { padding-bottom: 0px }
.h70 { height: 10px; }
.crusher p { line-height: 1.5; margin-top: 20px; text-align: left;font-size: 16px; }
.mh70 { width: 100%; height: 30px }
#dituContent { width: 100%; height: 300px; border: #ccc solid 1px; float: none; margin-top: 40px; }
.w90 { width: 95%; margin: auto }
.catContl { padding: 0px; width: 100%; float: none; margin-left: 0px; margin-top: 30px }
.catctlCon { padding: 22px 0px 0px; color: rgb(72, 72, 72); line-height: 32px; font-size: 16px; }
.da-thumbs li { float: left; margin: 5px; background: #fff; padding: 8px; position: relative; box-shadow: 0 1px 3px  rgba(0,0,0,0.1); width: calc(50% - 10px); }
h1.fadeInDown .img-responsive { width: 60% }
.newti { text-align: center; margin-top: 30px; margin-bottom: 10px }
.works { border-top: 1px solid #eee; padding: 0px 0px; padding-bottom: 30px; width: 100%; }
.works-list ul li { width: 50%; float: left; }
.abouts { margin-top: 0px; }
.xm4 { width: 100%; margin: auto; float: none; }
.main-slider .carousel-inner .item figure figcaption a { left: 5px; top: 6%; }
.sj-service .service-tit { width: 80%; padding: 6.510% 0; margin: 0 auto; background: #f2f2f2; text-align: center; }
footer.contact h2.sj-vis { display: block; font-size: 24px; line-height: 30px; }
.news .more { height: 17px; width: 100%; padding-top: 25px; padding-bottom: 45px; background: #f2f2f2; margin: 20px 0 0 0; }
 
.mucsl-btn2 { right: 0%; }
.scroll2 { right: 0% }
.color01 { background: #cd1c24; }
.color02 { background: #ff6c00; }
.color03 { background: #f4bf43; }
.color04 { background: #4db0cf; }
.pc-service { display: none; }
.numcirle { padding: 0 15px; }
.news .newslist h5 { font-size: 20px; }
.news .newslist a h5 small { font-size: 20px; }
.news .newslist a h5 i { font-size: 20px; }
.cire { padding: 0; }
.works .works-con .works-list ul li { width: 100%; margin: 0 auto; margin-bottom: 0; }
/*.home-slider .carousel-inner > .item {*/
    /*padding: 0% 0% 15%;}*/
.home-slider h4 p { line-height: 20px; font-size: 12px; color: #fff; padding-left: 15%; padding-top: 7%; }
a.carousel-arrow-prev { right: 12%; transform: scale(0.7); }
.home-slider a.jrts { font-size: 16px; }
a.carousel-arrow-next { left: 83%; transform: scale(0.7); }
.carousel-indicators { bottom: 35px; }
 
.menulist { padding-top: 50px; z-index: 99999999; }
#btn { left: 21px; top: 9px; padding: 10px; }
.basic a { width: 100%; height: 24px; font-size: 24px; line-height: 24px; }
 @keyframes opatiy {  from, 20%, 40%, 60%, 80%, to {
 animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);
}
 0% {
 bottom: 5px;
}
 20% {
 bottom: 0px;
}
 40% {
 bottom: 5px;
}
 60% {
 bottom: 0px;
}
 80% {
 bottom: 5px;
}
to { bottom: 0px; }
}
 
.works .works-con .works-list ul li img { margin: 0 auto; }
.aboutus-con .infor { padding: 5px; padding-top: 110px; width: 100% }
.infor p.txt { padding-left: 5px; }
footer.contact .adr .left { text-align: left; }
footer.contact .phone i { display: block; font-size: 27px; }
.news .line.col-xs-11 { width: 82.666667%; }
footer.contact .share li { float: left; width: 70px; text-align: center; }
footer.contact .share { margin: 30px auto; }
.share-tx a { width: 70px; }
}
 @media screen and (max-width: 1600px) {
/*.contact-box .contact-banner {*/
    /*height: 600px;*/
    /*}*/
.wbfw .wbfw-con .wbfw-left .left-txt { padding-bottom: 6.3548%; }
.main-slider .carousel-inner .item figure figcaption.fig3 { top: 3% }
.information .home-slider h1 { /*margin-bottom: 5%;*/
margin-top: 5%; }
.news .newslist p.line { margin-bottom: 3%; }
}

 @media screen and (max-width: 1600px) {
/*.contact-box .contact-banner {*/
    /*height: 500px;*/
    /*}*/
.infor-box .infor-banner .txt01 p.t1 { font-size: 34px; }
.infor-box .infor-banner .txt01 p.t2 { font-size: 22px; }
}
 @media screen and (max-width: 1200px) {
/*.contact-box .contact-banner {*/
    /*height: 500px;*/
    /*}*/
.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) {
.carousel-control.left { background: url(ban_pre.png); background-size: cover; width: 50px; height: 88px; left: 10px; transform: scale(0.5); }
.sj-hide { display: none; }
.information { border-top: 0; }
.infor-box .sline3 { height: 25px; bottom: -25px; }
.arrow-down3 { display: none; }
.basic a { margin-bottom: 15px; }
.sline { width: 1px; height: 30px; }
.sline2 { width: 1px; height: 30px; }
.infor-box .infor-banner .txt01 p.t1 { font-size: 18px; }
.infor-box .infor-banner .txt01 p.t2 { font-size: 16px; color: #4a9ec0; }
.carousel-control.right { background: url(ban_next.png); width: 50px; height: 88px; right: 10px; transform: scale(0.5); }
.carousel-control { position: absolute; top: 37%; }
.slider-box .slider-line { display: none; }
.news-left img { width: 100%; }
.wbfw-right ul.infor-cont { padding-top: 0; }
.phone-con { width: 100%; line-height: 48px; }
.aboutus-con { background: none; /* padding-top: 110px; */
overflow: hidden; margin-top: 25px; }
.menulist .share li { width: 86px; }
.infor-box .sline4 { bottom: -10px; }
.wlxtaq { margin: 50px 0; background: none; padding-bottom: 0; }
.wlxtaq h2 { background: #001530; padding: 4.1% 0; margin: 0; }
.menulist .adr .left { text-align: center; }
.infor-box .sline5 { top: -122px; }
.menulist small { font-size: 24px; }
.menulist .phone i { font-size: 24px; }
.tp-rightarrow.default { transform: scale(0.6); }
.leftviews.default { transform: scale(0.6); }
.tp-rightarrow.default { margin-right: 105px; }
.menusj { position: absolute; right: 10px; top: 20px; width: 50px; height: 45px; z-index: 1000000000; transition: all 0.5s }
.menusj a { width: 50px; height: 45px; display: block; background: url(hbb-icon.png) center center no-repeat; }
.sjslide { display: block; }
.pcslide { display: none; }
.mr6 { top: 146px; left: 77px; font-size: 12px; }
.mr7 { top: 34px; left: 208px; }
.mr8 { top: 23px; left: 210px; }
.mr9 { height: 350px; }
.tp-caption .line { margin-left: 207px; margin-top: 90px; width: 141px; }
.navbar-toggle { height: 46px; overflow: hidden }
.menulist #menu-toggle span, #book-toggle span { left: 0; }
.collapse.navbar-collapse { display: none; }
.logo { left: -15px; top: 15px; transform: scale(0.8); }
.basic a .nav2 { font-size: 24px; font-family: Raleway; }
/*.information h1 img {*/
    /*transform: scale(0.8);*/
    /*}*/
    /*.home-slider h1 img{*/
    /*transform: scale(1);*/
    /*}*/
 
.news-box .menu, .contact-box .menu, .infor-box .menu { position: absolute; top: 25px; z-index: 999; right: 0px; height: 50px; font-size: 0; overflow: hidden; }
.contact-box .contact-banner .menu ul li a { color: #4d4d4d; }
.navbar-collapse { margin: 0; width: 130px; background: transparent; text-align: center; }
.news-box .news-banner .menu ul li a { color: #4d4d4d; text-align: center; }
.menu ul li { margin-right: 0; margin: 0 auto; float: none; margin-bottom: 15px; }
.navbar-nav { margin: 20px 0; }
 
.menu-contact .icon-phone { display: none; }
.news-box .banner-tit { position: absolute; bottom: 22px; left: 25px; }
.news-box .news-banner { height: 185px; }
.news-box .news-cont { padding: 0px; overflow: hidden; }
.news-box .news-tit a { margin-right: 14px; }
.crusher { text-align: center; margin-top: 10px; }
.container { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }
.crusher h2 { font-size: 18px; text-align: center; }
.botyt { min-height: 400px }
.cpant { display: block; width: 100%; margin: auto; padding-top: 10px; color: #999; TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; }
.bl_about_foot_nav ul li { display: inline-block; padding: 0px; }
.news-box .news-tit a { color: #949494; display: inline-block; margin-right: 15px; line-height: 30px; font-size: 16px; }
.botyt, .botyt p { TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; }
.wbfw > h2 img { transform: scale(0.8); }
.infor-cont .icon-infor { margin-top: 15px; }
.wlxtaq > h2 img { transform: scale(0.8); }
.sjzx > h2 img { transform: scale(0.8); }
.case-info .txt { line-height: 25px; }
.news-box .news-tit a:hover span { width: 7px; }
.detail-cont { border-top: 1px solid #f7f7f7; margin-top: 0px; padding-top: 30px; font-family: Arial, "微软雅黑"; }
.zav { margin-top: 0; width: 302px; }
.move-bg { width: 100px; }
.zav-item { position: relative; float: left; width: 100px; }
.detail-cont h1 { font-size: 28px; line-height: 35px; }
.contact-box .contact-banner { background: url(contact-bg.jpg) no-repeat; background-size: cover; width: 100%; position: relative; }
.contact-box .contact-banner .txt01 { font-size: 24px; }
.infor-box .infor-banner .txt01 { font-size: 16px; left: 20%; margin-left: 0; }
.infor-box .infor-banner .txt02 { font-size: 16px; left: 2%; margin-left: 0 }
.submit-infor { background: #eee; padding: 25px 30px; }
.submit-infor ul li { width: 100%; margin-right: 0; margin-bottom: 15px; }
.send { width: 100%; }
.submit-infor .send-txt { width: 100%; min-height: 50px; }
.submit-infor .submit { margin-top: 10px; }
.contact-box .sline3 { height: 25px; bottom: -50px; }
footer.contact { padding: 0px 15px; }
footer.contact .tit-logo { margin: 30px auto 0 auto; }
footer.contact .phone-con { width: 100%; margin: 20px auto 10px auto; padding: 10px 0; line-height: 48px; }
.contact small { display: block; font-size: 24px; }
footer.contact .phone i { display: block; font-size: 27px; }
.news .line.col-xs-11 { width: 82.666667%; }
footer.contact .share li { float: left; width: 65px; text-align: center; }
footer.contact .share { margin: 10px auto; }
.share-tx a { width: 70px; }
footer { margin-bottom: 30px; }
footer.contact .adr .left { text-align: center; margin-bottom: 15px; }
footer.contact .adr .right { text-align: center; }
.list-news a dl { padding: 10px 0; }
.list-news a dl dd h2 small { font-size: 18px; font-family: Arial, "微软雅黑"; text-align: left }
.list-news a dl dd p.txt { color: #4d4d4d; font-size: 12px; line-height: 1.5; margin-top: 30px; margin-bottom: 40px; height: 96px; overflow: hidden; }
.list-news a dl dt { margin: 0 auto; float: none; display: none }
.list-news:nth-child(even) { padding-left: 0; }
.list-news { padding-left: 0; padding-right: 0; margin-top: 30px; }
.list-news:nth-child(odd) { padding-right: 0px; }
.list-news a dl dd { margin-top: 20px; }
.list-news a dl dd { margin-left: 0; text-align: center; float: none; width: 100%; }
.list-news a dl dd p.txt { text-align: left; }
.detail-cont p.date { margin: 25px 0; }
div.digg { display: inline-block; }
.page-box { text-align: center; }
.news-box .pull-right { float: none !important; }
 
.news-box .caselist-banner .banner-tit p { font-size: 24px; line-height: 42px; }
.tabs .tab_item { width: 120px; height: 42px; line-height: 42px; }
.tabs .moving_bg { width: 120px; height: 42px; padding: 0; line-height: 42px; }
.tabbed_content { width: 100%; }
.tabs { height: 42px; position: relative; width: 362px; }
.wbfw { padding: 15px; border-top: none; margin-top: 0; }
.wbfw > h2 { margin: 45px auto; }
.tabs { margin-bottom: 45px; }
.infor-box .infor-banner { height: 275px; }
.wbfw .wbfw-con .wbfw-left .left-txt { float: none; margin: 0 auto; padding: 15px; margin: 15px; width: auto; }
.wbfw .wbfw-con .wbfw-right .right-txt { margin: 15px; float: none; overflow: hidden; padding: 15px; margin-top: 0; }
.infor-box .sline4 { width: 1px; height: 25px; }
.wbfw-right ul li { float: left; width: 50%; }
.tabslider div.tab-con { float: left; width: 33.3333%; }
.wlxtaq .box-left { width: 100%; height: auto; padding: 15px 15px 15px 15px; background: #4a9ec0; }
.wlxtaq .box-right { width: 100%; height: auto; padding: 15px; background: #1d8aa9; }
 
.sjzx h2 { margin: 50px 0; }
.infor-box .sline6 { width: 1px; height: 25px; }
.infor-box .sline5 { display: none; }
.wbfw .wbfw-con .wbfw-left { width: 100%; float: none; padding: 0; margin: 0 auto; padding-top: 0px; background: none; }
.tabslider { width: 300%; }
.numcirle { margin: 0 auto; width: 100%; margin-left: 0px;/*padding-left: 19px;*/
}
.information h3 { /*margin-bottom: 10px;*/
padding: 10px; padding-left: 20px; padding-bottom: 0; }
.home-slider .carousel-inner > .item { padding: 0; }
.infor-cont { width: 100%; background-color: #4a9ec0; /*height: 486px;*/

padding: 50px 0 50px 0; }
.lcjs-box { display: inline-block; margin: 15px 0; }
.more { height: 17px; width: 100%; margin-top: 39px; margin-bottom: 30px; }
.aboutus-con h2 { padding: 0 15px; font-size: 16px; margin: 30px 0; line-height: 25px; }
.aboutus-con p.txt { font-size: 24px; }
.infor-cont { padding: 15px 0; padding-left: 15px; padding-right: 15px; }
footer.contact h1 { width: 90%; text-align: center; margin: 0 auto; margin-top: 5%; }
footer.contact h1 img { display: inline-block; }
footer.contact h2 { font-size: 16px; line-height: 25px; padding: 0 15px; }
.information { padding-bottom: 0px; }
.works { border-top: 1px solid #eee; padding: 30px 0px; padding-bottom: 0; width: 100%; }
.works .works-con .works-list ul li { width: 50%;/*margin-bottom: 30px*/
}
.lcjs h2 { margin: 25px auto 25px auto; font-size: 16px; line-height: 25px; padding: 0 15px; }
.works .works-con h1 { width: 90%; text-align: center; margin: 0 auto; }
.works .works-con h1 img { margin: 0 auto }
.lcjs h1 img { display: inline-block; }
.works .works-con h2 { font-size: 16px; padding: 0 15px; }
.news h1 { width: 90%; text-align: center; margin: 0 auto; margin-bottom: 5%; }
.news h1 img { display: inline-block; }
.aboutus-con h1 { width: 90%; margin: 0 auto }
.aboutus-con h1 img { display: inline-block; }
.works .works-con { padding: 8%; position: relative; margin-top: 6%; }
.works .works-con h1 { margin-bottom: 8%; }
.works .works-con { margin-left: 0; margin-right: 0; padding: 0; padding-top: 8%; }
.works .works-con { overflow: hidden; }
.works .works-con .works-more { width: 100%; margin: 30px 0 30px 0; }
.works .works-con .works-list { margin-left: 0%; margin-right: 0%; }
.infor-cont .cont-box { width: 100%; }
.news { padding: 30px 15px 0 15px; width: 100%; }
.news .newslist { padding-left: 0; margin-top: 20px; }
.information h1 { width: 90%; margin: 0 auto; margin-bottom: 8%; }
.sline22 { width: 1px; height: 25px; background: #eee; margin: 0 auto; position: absolute; left: 50%; bottom: 7px; }
.aboutus { padding: 30px 15px; background: none; }
.aboutus h1 { margin-top: 0%; }
.aboutus-con .infor { padding-left: 15px; padding-right: 15px; padding-top: 6.5%; width: 100%; line-height: 28px; font-family: Arial, "微软雅黑"; font-size: 16px; background: #f2f2f2; }
.aboutus-con .txt { padding: 2.55% 1.2% 3.52% 1.2%; text-align: center; }
.menu { position: absolute; top: 18px; z-index: 999; right: 4px; height: 50px; font-size: 0; }
}
 @media screen and (max-width: 992px) {
.numcirle { width: 100%; margin-bottom: 30px; }
.lcjs-box { margin-bottom: 30px; }
}
 @media screen and (max-width: 1400px) {
.contact small { font-size: 36px; }
footer.contact .phone i { font-size: 36px; }
footer.contact .tit-logo { margin-top: 6%; }
footer.contact .tit-logo:hover { margin-top: 6%; }
.wbfw .wbfw-con .wbfw-left .left-txt { padding-bottom: 9.6548%; }
}
 @media screen and (max-width: 1400px) {
.zav { margin-top: 50px; }
}
 @media screen and (min-width: 1170px) {
.pic-show { width: 1170px; margin: 0 auto; }
}
 @media screen and (max-width: 1600px) {
.detail-cont { margin-top: 0px; padding-top: 35px; }
.list-news { margin-top: 0px; }
.detail-cont p.date { text-align: center; color: #949494; margin-top: 15px; }
.list-news a dl dd p.txt { margin-top: 10px; margin-bottom: 20px; }
}
 @media (min-width: 1366px)and (max-width: 1600px) {
.tabbed_content { width: 77%; }
.news .newslist ul { padding-left: 2%; }
.news .newslist a .news-date { margin-bottom: 3%; }
}
 @media screen and (max-width: 1050px) and (min-width: 769px) {
.case-info .share { float: right; margin-right: -5px; }
.aboutus-con .infor .in-con { width: 100%; }
.aboutus-con .infor .in-con { padding-left: 2%; }
.infor p.txt { padding-left: 2%; font-size: 30px; }
.news .newslist ul { padding-left: 2%; }
.news-left { padding-right: 60px; overflow: hidden; }
.itxt-con .pull-right img { margin-top: 24px; }
.infor-box .sline5 { top: -124px; }
.news-box .menu { top: 44px; font-size: 16px; }
.case-list ul li { margin: 0.5%; }
.tp-rightarrow.default { margin-right: 452px; }
.leftviews.default { margin-left: -29px; }
.menu { position: absolute; top: 38px; z-index: 999; right: 27px; height: 50px; font-size: 0; }
.case-list ul li { width: 49%; }
.mr3 { margin-left: 27px }
.slider-box .slider-line { height: 150px; top: 94px; margin-top: 20px; }
.logo { left: 33px; }
.slideInUp { left: 222px; }
.mrl { margin-left: 15px; }
.mbg { width: 419px; }
.mbg { height: 753px; }
.works .works-con .works-list { top: 432px; }
.mr5 { left: 201px; }
.news-box .banner-tit { left: 99px }
.menu-contact { right: 37px; top: 85px; }
.news-box .news-cont { padding: 36px 20px; overflow: hidden; }
.detail-cont { border-top: 1px solid #f7f7f7; margin-top: 20px; padding-top: 10px; }
.list-news a dl { padding: 30px 0px; overflow: hidden }
.list-news a dl dd { float: left; width: 220px; margin-left: 10px; }
.list-news { padding-left: 0; padding-right: 0; margin-top: 20px; }
.list-news a dl dd p.txt { margin-bottom: 20px; margin-top: 20px; }
.case-list ul { width: 100%; }
.case-list ul li img { /*width: 475px;*/
        /*height: 475px;*/
}
.tabbed_content { /* background-color: #000000; */
width: 924px; }
.tabslider div.tab-con { float: left; width: 924px; }
.tabs { width: 924px; }
.tabs .tab_item { width: 307px; }
.tabs .moving_bg { width: 307px; }
.wbfw { padding: 50px; }
.itxt p.tit { width: 100% }
.wlxtaq { height: 419px; }
.sjzx { padding-top: 0 }
.sjzx .box-left { width: 440px; }
.sjzx .box-right { width: 440px; }
.sizx-cont { background: url(infor-bg.png) no-repeat; height: auto; background-size: cover; }
.sjzx .box-left { padding: 15px; }
.sizx-cont ul li { /*margin-right: 6px;*/
}
.sjzx .box-right { padding: 15px; }
.sizx-cont ul { width: 100%; margin: 0 auto; margin-top: 0; padding: 30px; overflow: hidden; }
.wlxtaq .box-left { width: 466px; overflow: hidden; height: 169px; }
.wbfw-right ul li { float: left; width: 50%; margin-top: 10px; }
.wlxtaq .box-right { width: 468px; height: 169px; }
.wbfw .wbfw-con .wbfw-left .left-txt { padding: 30px;/*height: 597px;*/
}
.ma { margin-top: 15px; }
.infor-box .sline4 { bottom: -7px; }
.wlxtaq { background: url(infor4.jpg) no-repeat -12px; background-size: cover; margin-top: 50px; }
.wlxtaq .box-left { padding: 15px; }
.wlxtaq .box-right { padding: 15px; }
.sjzx { border-top: 1px solid #eee; height: 610px; }
.itxt { border-top: 1px solid #eee; padding-top: 88px; padding-left: 50px; padding-right: 50px; }
.itxt-con .itxt-right { padding: 20px; padding-bottom: 10px; padding-top: 0px; padding-right: 0; }
.works { padding: 100px 50px; padding-bottom: 0; }
.aboutus-con { background: #fdfcfd; /* padding-top: 110px; */
overflow: hidden; }
.aboutus { padding: 125px 50px; }
.aboutus-con .infor { padding-left: 70px; padding-right: 70px; width: 100% }
.sline2 { height: 40px; }
.news { padding: 100px 50px; }
.news .newslist p.line { margin-bottom: 10px; }
.news .newslist a .news-date { margin-bottom: 8px; margin-top: 8px; }
.sline { width: 1px; height: 40px; }
.news .newslist ul li:nth-child(1) { margin-bottom: 20px; }
.news .newslist ul li p.txt { margin-top: 15px; }
.more { margin-top: 64px; }
}
 @media screen and (max-width: 1365px) and (min-width: 1051px) {
.tabbed_content { /* background-color: #000000; */
width: 1040px; }
.tabslider div.tab-con { float: left; width: 1040px; }
}
 @media screen and (max-width: 1440px) and (min-width: 1365px) {
.case-info .share { float: right; margin-right: 16px; }
footer.contact .phone-con { width: 52%; }
.news-box .news-cont { padding: 56px 80px; overflow: hidden; }
.list-news a dl { padding: 30px 0 0 0 }
.list-news a dl dd { width: 320px; margin-left: 20px; }
.detail-cont { padding-top: 40px; }
.case-list ul li img { /*width: 383px;*/
        /*height: 383px;*/
}
.tabbed_content { /* background-color: #000000; */
width: 1266px; }
.tabslider div.tab-con { float: left; width: 1266px; }
.wbfw { padding: 50px; }
.itxt p.tit { width: 100% }
.wbfw .wbfw-con .wbfw-right .right-txt { margin: 70px 70px 66px 0; padding: 46px; }
.wlxtaq { height: 544px; }
.wlxtaq .box-left { width: 608px; height: 259px; padding: 20px; padding-bottom: 29px; }
.wlxtaq .box-right { width: 609px; height: 260px; padding: 20px; background: #1d8aa9; }
.wlxtaq h2 { margin-bottom: 20px; }
.itxt { margin-top: 60px; }
.itxt-con h3 { font-size: 21px; color: #4a9ec0; margin-top: 0; margin-bottom: 10px; padding-top: 11px; }
.itxt-con .itxt-right { padding-top: 0px; }
.itxt-con p { line-height: 22px; }
.sjzx { padding-top: 0 }
.sjzx .box-left { width: 630px; }
.sjzx .box-right { width: 630px; }
.sizx-cont { background: url(infor-bg.png) no-repeat; height: auto; background-size: cover; }
.sjzx .box-left { padding: 36px; }
.sjzx .box-right { padding: 36px; }
.sizx-cont ul { width: 1320px; margin: 0 auto; margin-top: 0; padding: 30px 0; overflow: hidden; margin-left: 67px; }
.wlxtaq .box-left { width: 650px; }
.wlxtaq .box-right { width: 650px; }
.wlxtaq { background: url(infor4.jpg) no-repeat 0px; background-size: cover; }
.wlxtaq .box-left { padding: 37px; }
.wlxtaq .box-right { padding: 37px; }
.sjzx { border-top: 1px solid #eee; height: 610px; }
}
 @media screen and (max-width: 1450px) and (min-width: 1369px) {
.case-info .share { float: right; margin-right: 52px; }
.sjzx { border-top: 1px solid #eee; height: 610px; }
.list-news a dl dd { width: 350px; }
.case-list ul li img { /*width: 407px;*/
        /*height: 407px;*/
}
.wbfw { padding: 20px; }
.wlxtaq { height: 583px; margin-top: 20px; }
.itxt { margin-top: 60px; }
.tp-rightarrow.default { margin-right: 658px; }
.itxt-con h3 { font-size: 21px; color: #4a9ec0; margin-top: 0; margin-bottom: 10px; padding-top: 11px; }
.itxt-con .itxt-right { padding-top: 0px; }
.sjzx { padding-top: 0 }
.sjzx .box-left { width: 630px; }
.sjzx .box-right { width: 630px; }
.sizx-cont { background: url(infor-bg.png) no-repeat; height: auto; background-size: cover; }
.sjzx .box-left { padding: 36px; }
.sjzx .box-right { padding: 36px; }
.sizx-cont ul { width: 1320px; margin: 0 auto; margin-top: 0; padding: 30px 0; overflow: hidden; margin-left: 0; display: inline-block; }
.wlxtaq .box-left { width: 650px; }
.wlxtaq .box-right { width: 650px; }
.wlxtaq { background: url(infor4.jpg) no-repeat -10px; background-size: cover; }
.wlxtaq .box-left { padding: 37px; }
.wlxtaq .box-right { padding: 37px; }
}
 @media screen and (max-width: 800px) and (min-width: 600px) {
footer.contact .phone-con .phone { position: relative; width: 560px; margin: 0 auto; }
footer.contact .phone small img { width: 560px; height: 35px; }
footer.contact .phone i img { width: 560px; height: 35px; }
}
 @media screen and (max-width: 600px) and (min-width: 400px) {
footer.contact .phone small img { width: 380px; height: 24px; }
footer.contact .phone i img { width: 380px; height: 24px; }
footer.contact .phone-con .phone { position: relative; width: 380px; margin: 0 auto; }
}
 @media screen and (max-width: 400px) and (min-width: 200px) {
footer.contact .phone-con .phone { position: relative; width: 300px; margin: 0 auto; }
footer.contact { padding: 0px 0px; padding-top: 25px; }
footer.contact .phone-con { width: 100%; margin: 20px auto 10px auto; padding: 10px 0; line-height: 48px; }
footer.contact .phone small img { width: 300px; height: 18.75px; }
footer.contact .phone i img { width: 300px; height: 18.75px; }
}
 @media screen and (max-width: 1050px) and (min-width: 769px) {
.case-info .share { float: right; margin-right: -5px; }
.contact-box .contact-banner { height: 500px; }
.news-left { padding-right: 60px; overflow: hidden; }
.itxt-con .pull-right img { margin-top: 24px; }
.infor-box .sline5 { top: -124px; }
.news-box .menu { top: 44px; font-size: 16px; }
.case-list ul li { margin: 0.5%; }
.tp-rightarrow.default { margin-right: 452px; }
.leftviews.default { margin-left: -29px; }
.menu { position: absolute; top: 50px; z-index: 999; right: 27px; height: 50px; font-size: 0; }
.logo { position: absolute; top: 33px; }
.case-list ul li { width: 49%; }
.mr3 { margin-left: 27px }
.slider-box .slider-line { height: 150px; top: 94px; margin-top: 20px; }
.logo { left: 33px; }
.slideInUp { left: 222px; }
.mrl { margin-left: 15px; }
.mbg { width: 419px; }
.mbg { height: 753px; }
.works .works-con .works-list { top: 432px; }
.mr5 { left: 201px; }
.news-box .banner-tit { left: 99px }
.menu-contact { right: 37px; top: 85px; }
.news-box .news-cont { padding: 36px 20px; overflow: hidden; }
.detail-cont { border-top: 1px solid #f7f7f7; margin-top: 20px; padding-top: 30px; }
.list-news a dl { padding: 30px 0px; overflow: hidden }
.list-news a dl dd { float: left; width: 220px; margin-left: 10px; }
.list-news { padding-left: 0; padding-right: 0; margin-top: 20px; }
.list-news a dl dd p.txt { margin-bottom: 20px; margin-top: 20px; }
.case-list ul { width: 100%; }
.case-list ul li img { /*width: 475px;*/
        /*height: 475px;*/
}
.tabbed_content { /* background-color: #000000; */
width: 924px; }
.tabslider div.tab-con { float: left; width: 924px; }
.tabs { width: 924px; }
.tabs .tab_item { width: 307px; }
.tabs .moving_bg { width: 307px; }
/*.wbfw {*/
    /*padding: 50px;*/
    /*}*/
.itxt p.tit { width: 100% }
.wbfw .wbfw-con .wbfw-right .right-txt { margin: 10.7692% 11% auto 0; padding: 30px; padding-bottom: 20px; }
.wlxtaq { height: 419px; }
.wbfw-right ul.infor-cont { padding-top: 10px; }
.infor-cont .icon-infor .icon_holder .icon_bgr { margin: 0 auto; }
.wbfw-right ul.infor-cont .icon-infor .icon_holder .icon_bgr { margin: 0 auto; margin-bottom: 10px; }
.wlxtaq .box-left { width: 100%; padding: 20px; padding-bottom: 29px; }
.wlxtaq .box-right { width: 100%; padding: 20px; background: #1d8aa9; }
.wlxtaq h2 { margin-bottom: 20px; }
.itxt { margin-top: 60px; }
.itxt-con h3 { font-size: 21px; color: #4a9ec0; margin-top: 0; margin-bottom: 10px; padding-top: 11px; }
.itxt-con .itxt-right { padding-top: 0px; }
.itxt-con p { line-height: 22px; }
.sjzx { padding-top: 0 }
.sjzx .box-left { width: 440px; }
.sjzx .box-right { width: 440px; }
.sizx-cont { background: url(infor-bg.png) no-repeat; height: auto; background-size: cover; }
.sjzx .box-left { padding: 15px; }
.sizx-cont ul li { /*margin-right: 6px;*/
transform: scale(0.8); }
.sjzx .box-right { padding: 15px; }
.sizx-cont ul { width: 100%; margin: 0 auto; margin-top: 0; padding: 30px; overflow: hidden; }
.wlxtaq .box-left { width: 100%; overflow: hidden; }
.wbfw-right ul li { float: left; margin-top: 10px; width: 25%; transform: scale(0.8); }
.wlxtaq .box-right { width: 100%; }
.wbfw .wbfw-con .wbfw-left .left-txt { padding: 30px;/*height: 597px;*/
}
.ma { margin-top: 15px; }
.infor-box .sline4 { bottom: -7px; }
.wlxtaq { background: url(infor4.jpg) no-repeat -12px; background-size: cover; margin-top: 50px; }
.wlxtaq .box-left { padding: 15px; }
.wlxtaq .box-right { padding: 15px; }
.sjzx { border-top: 1px solid #eee; height: 610px; }
.itxt { border-top: 1px solid #eee; padding-top: 88px; padding-left: 50px; padding-right: 50px; }
.itxt-con .itxt-right { padding: 20px; padding-bottom: 10px; padding-top: 0px; padding-right: 0; }
.infor-cont { padding-top: 4%; padding-bottom: 4%; }
.works .works-con { }
.works { padding: 100px 50px; padding-bottom: 0; }
.aboutus-con { background: #fdfcfd; /* padding-top: 110px; */
overflow: hidden; }
.aboutus { padding: 0px; }
.aboutus-con .infor { padding-left: 3%; padding-right: 3%; width: 100%; }
.sline2 { height: 40px; }
.news { padding: 50px 15px; }
.news { width: 100%; }
.news .newslist p.line { margin-bottom: 17px; }
.news .newslist a .news-date { margin-bottom: 8px; margin-top: 8px; }
.sline { width: 1px; height: 40px; }
.news .newslist ul li:nth-child(1) { margin-bottom: 20px; }
.news .newslist ul li p.txt { margin-top: 15px; }
.more { margin-top: 64px; }
}
 @media screen and (max-width: 400px) {
.tabs .tab_item { width: 95px; height: 42px; line-height: 42px; font-size: 12px; }
.tabs { width: 287px; }
.tabs .moving_bg { width: 95px; height: 42px; padding: 0; line-height: 42px; }
}

/*@media screen and (max-width: 1023px) and (min-width: 769px){*/
/*.tabbed_content {*/
/*!* background-color: #000000; *!*/
/*width: 720px;*/
/*}*/
/*.tabslider div.tab-con {*/
/*float: left;*/
/*width: 720px;*/
/*}*/
/*.wbfw{*/
/*padding: 0;*/
/*}*/

/*}*/
@media screen and (max-width: 1365px) and (min-width: 1024px) {
.itxt-con h3 { font-size: 21px; color: #4a9ec0; margin-top: 0; margin-bottom: 10px; padding-top: 11px; }
.itxt-con .itxt-right { padding-top: 0px; }
.itxt-con p { line-height: 22px; }
.sizx-cont ul { padding: 0 }
}
 @media screen and (max-width: 1600px) and (min-width: 1451px) {
.wlxtaq .box-left { width: 100%; padding: 4.55%; }
.itxt-con h3 { font-size: 21px; color: #4a9ec0; margin-top: 0; margin-bottom: 10px; padding-top: 11px; }
.itxt-con .itxt-right { padding-top: 0px; padding: 2%; }
.itxt-con p { line-height: 22px; }
}
 @media screen and (max-width: 1000px) and (min-width: 769px) {
.tabslider div.tab-con { float: left; width: 669px; }
.tabbed_content { /* background-color: #000000; */
width: 669px; }
.tabs { width: 669px; }
.tabs .tab_item { width: 222px; }
.tabs .moving_bg { width: 222px; }
.wbfw-right ul li { width: 50%; }
}
 @media (max-width: 306px) {
.home-slider h1 { font-size: 36px; margin-bottom: 35px; }
}
.hidden-sm { display: block !important; }
/*caselist加载更多*/

.grid { width: 100%; list-style: none; margin: 30px auto; padding: 0; }
.grid li { display: block; float: left; padding: 7px; width: 33%; opacity: 0; }
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li { opacity: 1; }
.grid li a, .grid li img { outline: none; border: none; display: block; max-width: 100%; }
/* Effect 2: Move Up */
.grid.effect-2 li.animate { -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; }
 @-webkit-keyframes moveUp {  0% {
}
 100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
 @keyframes moveUp {  0% {
}
 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
/*20170009增加*/
.zx { background: #dbdbdb url(page2.png) no-repeat 10px 13px; width: 50px; height: 50px; border-bottom: 1px solid #e6e6e6; }
.zx:hover { background: #ce1c24 url(page3.png) no-repeat 10px 13px; }
.up { background: #dbdbdb url(page4.png) no-repeat 11px 17px; width: 50px; height: 50px; border-bottom: 1px solid #e6e6e6; }
.zav .up { display: block; background: none; height: 55px; width: 100%; position: relative; z-index: 100; }
.up:hover { background: #ce1c24 url(page1.png) no-repeat 11px 17px; }
.zav .up:hover { background: none; }
.qq { background: #dbdbdb url(qq.png) no-repeat 0 -100px; width: 50px; height: 50px; border-bottom: 1px solid #e6e6e6; }
.qq:hover { background: #ce1c24 url(qq.png) no-repeat 0 0; }
/*case页面*/
.case-prve { position: fixed; color: #666; left: 10%; top: 70%; z-index: 99; margin-top: -45px; text-indent: -1000px; width: 60px; height: 91px; text-align: center; line-height: 91px; background: url(case-arrow.png) no-repeat left top; overflow: hidden; }
.case-prve:hover { background: url(case-arrow.png) no-repeat left -117px; }
.case-next { right: 10%; position: fixed; color: #666; top: 70%; z-index: 99; margin-top: -45px; text-indent: -1000px; width: 60px; height: 91px; text-align: center; line-height: 91px; background: url(case-arrow.png) no-repeat -94px 0px; overflow: hidden; }
.case-next:hover { background: url(case-arrow.png) no-repeat -94px -117px; }
@media screen and (max-width: 768px) {
.case-prve { top: 85%; left: -1%; transform: scale(0.5); }
.case-next { top: 85%; transform: scale(0.5); right: -5%; }
}
/*20170217增加内容*/
.job-list { padding-top: 5%; }
.job-list .job-box { margin-bottom: 60px }
.job-list .job-box h3 { font-size: 24px; height: 32px; line-height: 32px; padding-left: 30px; border-left: 1px solid #e71c24; color: #e71c24 }
.job-list .job-box p { line-height: 24px; font-size: 16px; }
.job-list p img { margin: 0 auto; }
.job-list .job-box .txt { padding-top: 30px; font-size: 20px; padding-bottom: 15px; }
.job-list .job-box .txt3 { margin-top: 20px; }
.menu ul li .submenu { display: none; }
.menu ul li:nth-child(6) { position: relative; z-index: 10; }
.menu ul li { overflow: visible; }
.menu ul li:nth-child(6):hover { height: 50px; }
.menu ul li:hover .submenu { display: block; position: absolute; top: 25px; z-index: 99999999999999999999999999; float: left; width: 104px; }
.menu ul li:hover .submenu a { float: left; width: 52px; text-align: center; font-size: 12px; }
 @media screen and (max-width: 768px) {
.job-list { padding: 0; padding-top: 20%; }
.job-list p { text-align: justify; }
.job-list .job-box .txt { font-size: 18px; }
.job-list .job-box .txt { padding-top: 20px; }
.job-list .job-box { margin-bottomo: 40px; }
}
/**************   mucsl Blacker   ***************/

/**  reset  **/
.bl_p0 { padding: 0; }
/**  class  **/
/*run*/
.bl_hover_txtline { position: relative; width: 100%; height: auto; }
.bl_hover_txtline em { opacity: 1; font-size: 30px; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; }
.bl_hover_txtline i { font-size: 30px; position: absolute; left: 0; top: 0; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; width: 0; color: #fb4848; white-space: nowrap; display: block; width: 0; overflow: hidden; }
.bl_hover_txtline:hover i { width: 100%; }
.bl_hover_txtline:hover em { opacity: 0; }
/*img_hover_big*/
.bl_img_hover_big { width: auto; height: auto; overflow: hidden; }
.bl_img_hover_big img { -moz-transition: all 3s; -webkit-transition: all 3s; -o-transition: all 3s; -ms-transition: all 3s; transition: all 3s; }
.bl_img_hover_big:hover img { -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); }
/*transition*/
.bl_trans_03 { -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.bl_trans_05 { -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
.bl_trans_08 { -moz-transition: all .8s; -webkit-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
.bl_trans_1 { -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; }
/**  css3_class  **/
	/* Bounce To Right */
.hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { color: white; }
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
/* Sweep To Right */
.hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .8s; transition-duration: .8s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.bl_about_we_txt:hover .hvr-sweep-to-right, .bl_about_we_txt:focus .hvr-sweep-to-right, .bl_about_we_txt:active .hvr-sweep-to-right { color: #c91c24; }
.bl_about_we_txt:hover .hvr-sweep-to-right:before, .bl_about_we_txt:focus .hvr-sweep-to-right:before, .bl_about_we_txt:active .hvr-sweep-to-right:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
/*******  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_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: 60px; 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: 110px; top: 123px; }
.bl_nav > .menu-contact.bl_nav_r_t_c { right: 150px; top: 44px; }
.menu.bl_nav_menu_r_c { right: 500px; }
.menu.bl_nav_menu_r { right: 90px; }
.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; }
.bl_about_we { width: 100%; margin: 50px 0; }
.bl_about_wo_con .bl_about_wo_tit { width: 100%; text-align: center; padding: 100px 0 40px; ; }
.bl_about_wo_con { width: 100%; margin: 0 auto; background: url(bl_red.9bg.png); color: #fff; }
.bl_about_wo_con div { padding: 0 3%; }
.bl_about_wo_con div div { width: 24.5%; display: inline-block; }
.bl_about_wo_con div div p { font-size: 16px; }
.bl_about_wo_con div div>i { width: 13px; background: #fff; position: relative; top: -5px; display: block; height: 1px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; }
.bl_about_wo_con div div:hover i { width: 32px; }
.bl_about_we_txt { width: 24.5%; display: inline-block; padding: 20px 0 40px 30px; }
.bl_about_we_txt h1 { width: 90px; height: 90px; text-align: center; line-height: 90px; font-size: 46px; border-radius: 45px; border: 1px solid #fff; color: #fff; display: inline-block; margin-right: 10px; }
.bl_about_we_txt:hover h1 { background: #fff; color: #c91c24; }
.bl_about_we_txt h2 { display: inline-block; position: relative; top: -10px; -moz-transition: color 1s; -webkit-transition: color 1s; -o-transition: color 1s; -ms-transition: color 1s; transition: color 1s; }
.bl_about_we_txt em, .bl_about_we_txt i { width: 25%; width: 30px; font-size: 18px; display: inline-block; text-align: center; height: 30px; line-height: 30px; border: 1px solid #fff; }
.bl_about_we_txt em { border-right: none; color: #c91c24; background: #fff; }
.bl_more { margin: 0 auto; padding: 40px 0 0px; width: 1000px; }
.bl_more.more .maa { color: #fff; }
.bl_mucsl-btn2.mucsl-btn2 { display: none; }
/**  foot  **/
footer.contact .adr .left p, footer.contact .adr .right p { font-size: 16px; padding: 5px; }
footer.bl_contact.contact { padding-top: 6%; }
 

 .container{max-width:1200px !important} 
 
.news-banner .bl_contact_outer .menu-contact ul a { color: #c81c24; }
.bl_nav > .menu-contact { top: 123px; right: 110px; }
.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: 90px; }
.news-box .news-banner { background: url(bl_aboutBanner.jpg) center center no-repeat; }
.news-box .banner-tit p { line-height: 1.15em; font-family: 微软雅黑 }
.news-banner .menu ul li a.bl_black, .bl_about .news-box .news-banner .menu-contact ul a.bl_black {/*color:#888;*/ }
/*box1*/
.bl_about_box1 { width: 89%;  margin: auto;max-width:1200px !important }
.bl_about_box1_l img { width: 100%; }
.bl_about_box1_r { text-align: justify; }
.bl_about_box1_r p { font-size: 16px; line-height: 28px;  }
.bl_about_box1_r h1 { font-size: 30px; padding-bottom: 10px; }
.bl_about_box1_r .bl_hover_txtline { margin-top: 20px; }
.bl_about_box1_r:hover .bl_hover_txtline i { width: 100%; }
.bl_about_line { margin: 0 auto 50px; width: 1px; }
/* bl_about_team */
.bl_about_team { width: 100%; position: relative; }
.bl_about_team_tit { width: 1000px; margin: 0 auto; text-align: center; background: #f2f2f2; height: 100px; line-height: 100px; }
.bl_about_owl { width: 100%; overflow: hidden; }
.bl_about_owl .owl-item div img { width: 100%; }
/* team_hover */
.bl_about_team_hover { position: relative; }
.bl_about_team_hover img { position: relative; z-index: -2; }
.bl_about_team_hover em, .bl_about_team_hover i { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; opacity: 0; color: #fff; -moz-transition: all .5s; -webkit-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all .5s; }
.bl_about_team_hover i { margin-top: -12px; font-size: 16px; }
.bl_about_team_hover em { margin-top: -8px; font-size: 26px; }
.bl_about_team_imgline1, .bl_about_team_imgline2 { position: absolute; top: 50%; width: 0px; height: 1px; background: #fff; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all 1s; }
.bl_about_team_hover:hover .bl_about_team_imgline1, .bl_about_team_hover:hover .bl_about_team_imgline2 { width: 70px; }
.bl_about_team_hover:hover em { margin-top: -45px; opacity: 1; }
.bl_about_team_hover:hover i { margin-top: 12px; opacity: 1; }
.bl_about_team_imgline1 { left: 50%; }
.bl_about_team_imgline2 { right: 50%; }
.bl_about_team_hover_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; -ms-transition: all .5s; transition: all .5s; z-index: -1; }
.bl_about_team_hover:hover .bl_about_team_hover_bg { background: rgba(203,28,36,.95); }
.bl_about_team .owl-buttons { width: 1000px; margin: 0 auto; background: #f2f2f2; }
.bl_about_team .owl-theme .owl-controls .owl-buttons div { padding: 0; margin: 0; width: 70px; line-height: 70px; height: 70px; background: #d0d0d0; border-radius: 0; text-align: center; position: relative; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
.bl_about_team .owl-theme .owl-controls .owl-buttons div img { position: relative; left: 0; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
.bl_about_team .owl-theme .owl-controls .owl-buttons div.owl-prev:hover img { left: -10px; }
.bl_about_team .owl-theme .owl-controls .owl-buttons div.owl-next:hover img { left: 10px; }
.bl_about_team .owl-theme .owl-controls .owl-buttons div:hover { background: #cb1c24; }
.bl_about_team .owl-theme .owl-controls { margin: 0; text-align: right; }
.bl_next_line, .bl_prev_line { position: absolute; width: 0px; height: 1px; background: #fff; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
.bl_prev_line { top: 35px; left: 17px; }
.bl_next_line { top: 35px; right: 17px; }
.bl_about_team .owl-buttons div:hover .bl_next_line { width: 35px; }
.bl_about_team .owl-buttons div:hover .bl_prev_line { width: 35px; }
.bl_about_team_txt { position: absolute; left: 50%; top: 49%; margin-left: -385px; margin-top: -45px; color: #fff; background: rgba(225,0,0,.8); width: 770px; height: 110px; text-align: center; line-height: 110px; font-size: 32px; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
.bl_about_team_txt i { padding-left: 20px; font-weight: bold; }
.bl_about_team_txt:hover { background: #000; }
/*about_foot*/
.bl_about_foot { background: #333; }
footer.contact .adr.bl_about_foot { color: #909090; padding-bottom: 60px; }
footer.contact { padding: 0; }
.bl_about_foot_nav ul { padding: 30px 0 20px; }
.bl_about_foot_nav ul li { display: inline-block; padding: 0px; }
.bl_about_foot_nav ul li a { display: block; font-size: 16px; color: #989898; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
.bl_about_foot_nav ul li a:hover { color: #fff; }
.bl_contact { margin-bottom: 0px; }
.news-box .news-banner .menu-contact ul a { font-size: 16px; }
#tel_ccsb { display: none; }
/********  information  *********/
.infor-box .infor-banner .menu ul li a.bl_black, .contact-box .contact-banner .menu ul li a.bl_black, .news-box .news-banner .menu-contact ul a.bl_black {/*color:#888;*/ }
#service_loc { width: 1px; height: 1px; margin: 0 auto 88px; position: relative; top: 20px; }
/*******************    Responsive    *******************/
.bl_menusj_b.menusj a { background: url(hbb-icon.png) center center no-repeat; }
.bl_menusj_b.menusj { right: 30px; top: 4px; }
.bl_menusj_b_r.menusj a { background: url(hbb-icon.png) center center no-repeat; }
.bl_menusj_b_r.menusj { right: 10px; top: 20px; }
.bl_about_we_txt.bl_sj { display: none; }
.bl_img_sj { display: none; }
 @media (max-width: 1700px) {
/****  bl_about  ****/
.bl_hover_txtline em, .bl_hover_txtline i { font-size: 22px }
/*.bl_about_box1_r h1 { font-size: 28px; padding-bottom: 10px; }*/
.bl_about_box1_r { padding: 2%; }
}
@media (max-width: 1520px) {
/****  bl_about  ****/
.bl_about_box1_r .bl_hover_txtline { margin-top: 10px; }
.bl_about_box1_r p { line-height: 1.7em; }
}
@media (max-width: 1400px) {
.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: 100px }
.bl_banner_txt h2 { font-size: 40px; padding-bottom: 10px; }
.bl_banner_txt h1 { font-size: 16px; }
}
@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%; }
}
@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; }
.mucsl-btn2 { width: 60px; height: 60px; }
.mucsl-menu ul { background: rgba(200,28,36,.85); }
.mucsl-menu ul img { top: -25px; }
.bl_about_we, #aboutus .more a { margin: 0; background: url(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_about  ****/
.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; }
.mucsl-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: 16px; }
.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: 16px; 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(0_delete.png) 0 10px no-repeat; }
.ljzx { width: 50.5%; height: 48px; border-radius: 0; font-size: 18px; margin-top: 0; background: #ce1c24 url(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: 16px; 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: 16px; line-height: 2em; }
/*.bl_phone>div div{background-size: 50%!important;}
	.bl_phone{width:50px;height: 100px;}
	.mucsl-btn2{width:50px;height: 50px;}
	.mucsl-menu ul img,.mucsl-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(bl_aboutBanner.jpg) center right no-repeat; }
.bl_about_team_hover i { font-size: 16px; }
.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: 16px; }
.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);
}
}
/* 2017.6.19 */
.news-box .bl_banner { height: auto; }
.menu-contact, .menu-contact:hover .bl_contact_outer { width: 280px; }
.menu.bl_nav_menu_r_c { right: 425px; }
.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(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*/
/*第一屏背景*/	

/*第一屏专注*/			
.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; }
.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);
}
}
/*2017.6.19*/
.news-box .bl_banner { height: auto; }
.menu-contact, .menu-contact:hover .bl_contact_outer { width: 280px; }
.menu.bl_nav_menu_r_c { right: 425px; }
.bl_nav > .menu-contact.bl_nav_r_t_c { top: 20px; }
.bl_banner_scroll { background: rgba(0,0,0,0); box-shadow: 0 0 0px #444; -webkit-box-shadow: 0 0 0px #444; background-image: linear-gradient(180deg, rgba(0,0,0,0.75),rgba(255,255,255,0));}
.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(news-8.jpg); }
.home-slider h4 p { position: relative; }
/**/
/*.bl_about_wo_con{background:none;}
.aboutus{padding:2% 12%;}
.bl_ab_owl{width: 100%;height:auto;min-width:280px;min-height: 160px; position: relative;}
.bl_ab_owl ul{width: 100%; height:auto; position: absolute; z-index: 1}
.bl_ab_owl ul li{position:absolute; left:0; top:50px; width: 100%;height:auto;visibility: hidden;opacity: 0;font-size: 25px;line-height: 2em;}
.bl_ab_owl ul li.active{visibility: visible;opacity: 1;top: 0;}
.bl_ab_owl .arr{display:none;}
.bl_ab_owl .dots{line-height:normal;background: none;left: 0!important;width: 40px;padding: 0;text-align: inherit;}
.bl_ab_owl .dots span{background: #fff;}
.bl_ab_owl .dots span.active{background: #da171a;}
#aboutus .bl_about_wo_con div.bl_about_wo_tit {padding:70px 0 138px;}
#aboutus .bl_about_wo_con div{padding:0;}
#aboutus .bl_more{width:115%;margin:-5% 0 15%;}
.more a .line i,.more a .line m{transition:1s;-webkit-transition:1s;-webkit-transition-timing-function: cubic-bezier(0.29,1,0.29,1);transition-timing-function: cubic-bezier(0.29,1,0.29,1);}
.bl_in_ab_t{width:83.33333%;}
.bl_in_ab_t p{color:#fff;font-size: 18px;transition:1s;-webkit-transition:1s;display: inline-block;}
#aboutus .more a:hover p{transform:translateX(5%);-webkit-transform:translateX(5%);-moz-transform:translateX(5%);}
.maa{position:relative;}
.bl_maa_arr{position:absolute;left:25px;top: -25px;font-size: 20px;color:#FFF;animation: bl_maa_arr 1.2s infinite linear;-webkit-animation: bl_maa_arr 1.2s infinite linear;}
.bl_in_ab_m{float:right;color:#FFF;font-size: 16px;}
#aboutus{padding-bottom:120px;    background-size: cover;}*/
@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; }
#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: 16px; }
#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,.68); }
.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; }
#video_up.active .bl_banner_txt h4 { 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: 16px;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; }
.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; }
#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) {
#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; }
}
.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%; max-width:1200px }
.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(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 { }
.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(r_tit.jpg) 2px 4px no-repeat; padding: 0px 10px 8px 15px; font-weight: bold; position: relative; font-size: 16px; }
.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(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: 16px; vertical-align: middle; background: url(hot_new.jpg) 0 3px no-repeat; }
.bl_about_box1_r { padding: 4%; padding-top:0px; }
.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; }*/

.list-news { padding: 0 15px; }
.list-news .line3 { position: relative; height: 1px; margin-top: 8px; display: block; }
.list-news .line3 small { height: 1px; background: #ddd; display: block; width: 100%; -webkit-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; }
.list-news .line3 i { height: 1px; background: #cf1b24; display: block; width: 0; -webkit-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; position: absolute; left: 0; top: 0; overflow: hidden; }
.list-news a:hover .line3 i { width: 100%; display: block; }
.list-news a:hover .line3 small { opacity: 0 }
.list-news a dl dt img { border: 1px solid #f2f2f2; }
.list-news a dl { padding: 5%; overflow: hidden; float: left; width: 100%; }
.list-news a dl dt { float: left; width: 35%; }
.list-news a dl dd { float: right; width: 60%; overflow: hidden; }
.list-news a { color: #777; }
.list-news a dl dd h2 { position: relative; font-size: 24px; color: #777; display: block; width: 100%; white-space: nowrap; display: block; text-overflow: ellipsis; overflow: hidden; text-align: left }
.list-news a dl dd h2 small { font-size: 24px; font-family: Arial, "微软雅黑"; color: #333 }
.list-news a dl dd h2 i { font-size: 24px; white-space: nowrap; display: block; width: 0; text-overflow: ellipsis; overflow: hidden; position: absolute; left: 0; top: 0; font-family: Arial, "微软雅黑"; color: #cf1b24; }
.list-news a:hover dl dd h2 small { opacity: 0; }
.list-news a:hover dl dd h2 i { width: 100%; opacity: 1; }
.list-news a dl dd h2 small { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.list-news a dl dd h2 i { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.list-news a dl dd p.txt { color: #4d4d4d; font-size: 16px; line-height: 24px; margin-top: 30px; margin-bottom: 40px; height: 96px; overflow: hidden; }
.list-news a dl dd p.date { font-size: 16px; color: #949494; text-align: left; }
 
.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 {  }
}
@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: 16px; }
.bl_about_foot_nav a { width: 50px; }

}
.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%; }

.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%; }
 
.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%; }
 
/*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*/
.mucsl-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(Arrow_right.png) center center no-repeat; background-size: 80%; display: block; opacity: 0; transition: .5s; z-index: 101 }
.iamclosed { background-image: url(Arrow_left.png); height: 30px; border-radius: 30px 0 0 30px; }
.bl_icon_close.scroll2 { opacity: 1; bottom: 0; }
.mucsl-menu ul:hover img { top: -25px; }
.mucsl-menu ul:hover { background: rgba(200,28,36,.85); }
.mucsl-menu ul:active { background: #000; }
}
@media (max-width:768px) {
.bl_abttt { height: 550px; }
.bl_abt_tttit > img { width: 88%; }
.bl_abt_cl { top: 32%; }
.bl_abt_in.cur .bl_abt_cl_inner_img { width: 50%; }
.bl_abt_cl_inner p { font-size: 18px; }
.bl_abt_line { margin: 5% 0; }
/*2017.7.27*/
.bl_new0727 .detail-cont { width: 100%; }
.bl_hot_news { width: calc(100% - 40px); }
.ipad_only { display: none!important; }
#bl_banner .bl_cons { background: none; }
.dots span { background: #fff; }
.bl_abt_tttit { padding-top: 30%; }
.news-box { position: relative; z-index: 100; }
.f_a_box { width: 100%; }
.f_a_ul { text-align: center; }
}
@media (max-width:414px) {
.bl_hot_news { width: 100%; margin-left: 0; }
}
 @media (max-width:359px) {
.numcirle { padding: 0; }
}
 
@-webkit-keyframes moveFromBottom {  from {
-webkit-transform: translateY(100%);
}
}
@-moz-keyframes moveFromBottom {  from {
-moz-transform: translateY(100%);
}
}
@keyframes moveFromBottom {  from {
transform: translateY(100%);
}
}
@-webkit-keyframes moveToTop {  to {
-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes moveToTop {  to {
-moz-transform: translateY(-100%);
}
}
@keyframes moveToTop {  to {
transform: translateY(-100%);
}
}
@-webkit-keyframes moveFromTop {  from {
-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes moveFromTop {  from {
-moz-transform: translateY(-100%);
}
}
@keyframes moveFromTop {  from {
transform: translateY(-100%);
}
}
@-webkit-keyframes moveToBottom {  to {
-webkit-transform: translateY(100%);
}
}
@-moz-keyframes moveToBottom {  to {
-moz-transform: translateY(100%);
}
}
@keyframes moveToBottom {  to {
transform: translateY(100%);
}
}
.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(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;
}
}

.bl_about_box1_r p{ margin-bottom:15px}