@charset "utf-8";
body, html, button, dd, div, dl, dt, ul, li, form, iframe, input, ol, p, select, table, td, th, tr, textarea, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 12px
}

body, html {
    width: 100%;
    height: 100%;

}

body {
    zoom: 1;
    background: #fff;
    font-family: Arial, "微软雅黑";

}

img {
    border: 0 none;
    vertical-align: middle;
}

li, ol, ul {
    list-style: none
}

body, button, input, select, textarea {
    font-size: 12px;

    overflow-x: hidden
}

table, td, th, tr {
    border: 0 none;
    vertical-align: middle;
    border-collapse: collapse
}

button {
    cursor: pointer
}

address, cite, em, i {
    font-style: normal
}

a {
    text-decoration: none;
    outline: 0;
}

a:link {
    text-decoration: none;
    cursor: pointer
}

a:active, a:hover {
    text-decoration: none;

}

.toTop {
    width: 100%;
    height: 50px;
    /*padding: 10px;*/
    cursor: pointer;
}

.sb-menu {
    background: #dbdbdb url(../images/memu.png) no-repeat;
    width: 50px;
    height: 50px;
    border-bottom: 1px solid #e6e6e6;
}

.sb-menu:hover {
    background: #dbdbdb url(../images/menu-hover.png) no-repeat;
}

* html .toTop {
    position: absolute;
    bottom: auto;
    top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    margin-bottom: 80px;
}

a:focus {
    outline: 0
}

.ui-loader-default {
    display: none
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.jrtd a{ color:#FFF;}

.layout-detail img{ max-width: 100%; text-indent: 0;}
/* preloader */
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #111;
z-index: 9999999999999;
background:#000;
}
.bl_load_bg{width:100%;height:100%;background: url(../images/loading_bg.jpg) center center;}
#status {
	position:absolute;
	width: 280px;
	height: 1px;
	left: 52.4%;
	top: 58%;
	margin-left: -132px;
}
#status>div{height:1px;width: 264px;background: #fff;}
#status i{width:50px;background: #cd1728;height: 1px; position: absolute;left: 0;top: 0;animation:logo_rotate 3s infinite;-webkit-animation:logo_rotate 3s infinite;-o-animation:logo_rotate 3s infinite;-moz-animation:logo_rotate 3s infinite;}
#status p{letter-spacing:3.8px;color:#fff;font-size: 16px; position: absolute;top: -30px;}
.menu{right:380px; font-size:16px;}
 
	@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: 50%;
    margin-top: -25px;
    left: 0;
    z-index: 999;
    height: 50px;
    padding-left: 85px;
}

.navbar-default {
    background: none;
    border: none;
}

.logo {
    position: absolute;
    left: 85px;
    z-index: 999;
    height: 50px;
    padding-left: 6px;
}

.menu {
    position: absolute;
top: 50%;
    margin-top: -10px;
    z-index: 999;
    height: 50px;
    font-size: 0; font-family:"微软雅黑", "宋体";

}

.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 .on a .nav1{ 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:80px;
    margin-right: 20px;
    height: 20px;
    overflow: hidden;
}


.menu-contact {
    display: block;
    right: 150px;
    position: absolute;
    top: 61px;
    width: 350px;
    text-align: right;
    z-index: 999;
	transition: all .5s;

}

.odometer-formatting-mark {
    display: none;
}
.menu.bl_nav_menu_r_c{right:420px;}
/*.carousel-control.left {*/
/*background: url(../img/ban_pre.png);*/
/*background-size: cover;*/
/*width: 50px;*/
/*height: 88px;*/
/*left: 20px;*/
/*}*/

/*.carousel-control.right {*/
/*background: url(../img/ban_next.png);*/
/*width: 50px;*/
/*height: 88px;*/
/*right: 20px;*/
/*}*/

/*.carousel-control {*/
/*position: absolute;*/
/*top: 50%;*/

/*}*/
/*侧导航*/
.saibo-btn2 {
    width: 110px;
	height: 100px;
    position: fixed;
    right: 0;
    bottom: -7%;
    cursor: pointer;
    opacity: 0;
    transition: all .5s;
    z-index: 10000;

}

.scroll2 {bottom: 0;opacity: 1;}

.saibo-btn2 ul li.icon-menu {
    background: #ce1c24;
}

.saibo-btn2 p {
    text-align: center;
    margin-top: 10px;
}

.saibo-btn2 li.icon-menu a {
    background: url(../images/icon-saibo.png) no-repeat center;
    display: block;
    width: 50px;
    height: 50px;
}

.menulist {

    position: fixed;
    top: 0;

    display: none;
    width: 100%;
    background: #fff;
    z-index: 99999;
    transition: all 0.5s;
    height: 100%;
}

/*侧导航页面*/
.basic a {

    width: 100%;
    height: 32px;
    font-size: 36px;
    line-height: 32px;
    position: relative;
    display: block;
    padding: 0;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px; font-family:"微软雅黑", "宋体";

}

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

/* =========================
    Intro Slider
   =========================
   ================================================== */
.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(../images/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(../images/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(../images/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;
}

.intro {
    position: relative
}

.intro .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}

.intro .main-nav ul.main-menu {
    float: right;
    margin-top: 20px;
}

.intro .main-nav .sticky-wrapper.is-sticky ul.main-menu {
    margin-top: 0;
}

.intro .main-nav ul.main-menu li {
    margin-right: 5px;
    position: relative;
}

.intro .main-nav ul.main-menu li a {
    color: #ffffff;
    font-weight: 600;
    padding: 6px 15px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.sticky-wrapper.is-sticky nav ul.main-menu li a {
    margin-bottom: 0
}

.intro .main-nav ul.main-menu li ul li a {
    margin-bottom: 0
}

.intro .main-nav ul.main-menu li.active a {
    color: #ff8724
}

.intro .main-nav ul.main-menu li a:hover,
.intro .main-nav ul.main-menu li a:focus {
    background: none;
    color: #ff8724;
    outline: none;
}

.intro .main-nav ul.main-menu li a::before {
    background: transparent none repeat scroll 0 0;
    border-left: 1px solid #FF8724;
    border-top: 1px solid #FF8724;
    content: "";
    height: 10px;
    left: -70px;
    position: absolute;
    top: 0;
    width: 25px;
    visibility: hidden;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    opacity: 0;
}

.intro .main-nav ul.main-menu li a::after {
    background: transparent none repeat scroll 0 0;
    border-right: 1px solid #FF8724;
    border-bottom: 1px solid #FF8724;
    content: "";
    height: 10px;
    right: 70px;
    position: absolute;
    bottom: 0;
    width: 25px;
    visibility: hidden;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    opacity: 0;
}

.intro .main-nav ul.main-menu li a:hover::before {
    visibility: visible;
    opacity: 1;
    left: 0;
}

.intro .main-nav ul.main-menu li a:hover::after {
    visibility: visible;
    opacity: 1;
    right: 0;
}

.intro .main-nav ul.main-menu li.active a::before {
    background: transparent none repeat scroll 0 0;
    border-left: 1px solid #FF8724;
    border-top: 1px solid #FF8724;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 0;
    width: 25px;
    visibility: visible;
    opacity: 1;
}

.intro .main-nav ul.main-menu li.active a::after {
    background: transparent none repeat scroll 0 0;
    border-right: 1px solid #FF8724;
    border-bottom: 1px solid #FF8724;
    content: "";
    height: 10px;
    right: 0;
    position: absolute;
    bottom: 0;
    width: 25px;
    visibility: visible;
    opacity: 1;
}

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

.main-slider .carousel-inner .item figure {
    position: relative
}

.main-slider .carousel-inner .item figure::before {
    background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
    content: "";
    /*height: 100%;*/
    /*position: absolute;*/
    /*width: 100%;*/
}
.fig3{
    display: inline-block;
    text-transform: uppercase;
     -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    position: absolute;
    left: 0;
    top: 0%;
}
.main-slider .carousel-inner .item figure figcaption.fig1 {
    /*bottom: 0;*/
    /*left: 3.8%;*/
    margin: 0 auto;
    position: absolute;
    right: 9%;
    top: 24.5%;
    width: 100%;
    /*padding: 0 15px;*/
}
.main-slider .carousel-inner .item figure figcaption.fig3 {
    /*bottom: 0;*/
    /*left: 3.8%;*/
    margin: 0 auto;
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    /*padding: 0 15px;*/
}
.main-slider .carousel-inner .item figure figcaption.fig2 {

    left: 27.8%;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 40%;
    padding: 0 15px;
}

.main-slider .carousel-inner .item figure figcaption .fpic {
    margin: 0 0 20px 0;
    color: #ffffff;
    font-family: "Lora", serif;
    font-size: 45px;
    font-weight: 600;
    /*width: 50%;*/
    line-height: 50px;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    float: right
}

.main-slider .carousel-inner .item figure figcaption p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 30px;
    width: 50%;
}

.main-slider .carousel-inner .item figure figcaption h1 {
    margin: 0;
    color: #ffffff;
    font-family: "Lora", serif;
    font-size: 45px;
    font-weight: 600;
    width: 24%;
    line-height: 50px;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    float: right;
}

.main-slider .carousel-inner .item figure figcaption.fig2 h1 {
    margin: 0 0 20px 0;
    color: #ffffff;
    font-family: "Lora", serif;
    font-size: 45px;
    font-weight: 600;
    width: 45%;
    line-height: 50px;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    float: none
}

.main-slider .carousel-inner .item figure figcaption.fig2 a {
    width: 45%;
}

.main-slider .carousel-inner .item figure figcaption h1 img {
    max-width: 100%;
    max-height: 100%;
}

.main-slider .carousel-inner .item figure figcaption.fig2 h1 img {
    max-width: 100%;
}

.main-slider .carousel-inner .item figure figcaption a {
    display: inline-block;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    padding: 10px 40px;
    border-bottom-width: 4px;
    margin-bottom: 4px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    position: absolute;
    left: 0;
    top: 0%;
}

.main-slider .carousel-inner .item figure figcaption a:hover {
    text-decoration: none;
    border-bottom-color: #FF8724;

}

.main-slider .carousel-indicators li {
    margin: 0;
    height: 5px;
    width: 50px;
    border-radius: 0;
    background: #fff;
    border: none;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.carousel-indicators {
    bottom: 10px;
}

.main-slider .carousel-indicators li:hover {
    background: #cd1c24
}

.main-slider .carousel-indicators .active {
    background-color: #cd1c24;
    height: 5px;
    margin: 0;
    width: 50px;
}

#top-slider .carousel-indicators li {
    margin-right: 10px;
}

.home-slider {
    margin-top: 0;
    overflow: hidden;
	/*height: 725px;*/
}

/*鼠标向下箭头*/
.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: 14px;
}

.linecon-icon-eye {
    background: /*url(../images/add-icon.png) no-repeat*/;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    margin-left: 95px;
    top: 11px;
}

.menu-contact ul a {
    font-size: 24px;
    color: #fff;
}

.menu-contact ul a:hover {
    color: #fff;
}

/*.menu-contact:hover ul {
    transform: translateX(-142px);
    -moz-transform: translateX(-142px);
    -webkit-transform: translateX(-142px);
    opacity: 1;
    position: absolute;
}

.menu-contact:hover ul li a {
    margin-right: 10px;
}*/

/* ===== Homepage Slider ===== */

.home-slider .carousel-inner > .item {
    padding: 0% 0 20%;
    /*height: 590px;*/
    overflow: hidden;
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover !important;
}

.home-slider #item-1 {
    background-image: url(../images/news-1.jpg);
    background-position: bottom center;
    background-size: cover;
}

.home-slider #item-2 {
    background-image: url(../images/news-2.jpg);
    background-size: cover;
}

.home-slider #item-3 {
    background-image: url(../images/news-3.jpg);
    background-size: cover;
}

.home-slider #item-4 {
    background-image: url(../images/news-4.jpg);
    background-size: cover;
}


.home-slider #item-5 {
    background-image: url(../images/news-5.jpg);
    background-size: cover;
}

.home-slider #item-6 {
    background-image: url(../images/news-6.jpg);
    background-size: cover;
}

.home-slider h3 {
    margin-bottom: 0;
    padding-top: 6%;
    width: 83%;
    padding-left: 15%;
}

.home-slider h3.h32 {
    margin-bottom: 0;
    padding-top: 12%;
    width: 81%;
    padding-left: 17%;
}
.home-slider h4 p {
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    padding-left: 18.5%;
    padding-top: 6%;
}

.home-slider h3 {
    text-align: center;
}

.home-slider h3 img {
    margin: 0 auto;
    display: inline-block;
}

/* ===== Carousel ===== */
/*** Slideshow controls ***/
a.carousel-arrow {
    height: 53px;
    width: 55px;
    border-radius: 0;
    line-height: 53px;
    text-align: center;
    position: absolute;
    display: block;
    top: 13%;
    margin-top: -25px;
    background: transparent;
    color: transparent;
    font-size: 32px;
    font-weight: 300;
    cursor: pointer;
    -webkit-transition: background 300ms, color 300ms;
    transition: background 300ms, color 300ms;
}

.carousel:hover a.carousel-arrow {

    color: #FFF;
}

.carousel a.carousel-arrow:hover {

}

a.carousel-arrow:hover,
a.carousel-arrow:active {
    text-decoration: none;
}

a.carousel-arrow-prev {
    right: 50%;
    left: auto;
    padding-right: 5px;
    background: url(../images/large_left.png);
}

a.carousel-arrow-next {
    left: 50%;
    right: auto;
    padding-left: 5px;
    background: url(../images/large_right.png);
}

a.carousel-arrow-prev:hover {

    background: url(../images/large_left.png) bottom;
}

a.carousel-arrow-next:hover {

    background: url(../images/large_right.png) bottom;
}

/*** First Slider ***/
.home-slider h1 {
    color: #1a242f;
    font-size: 42px;
    margin-bottom: 2%;
}

.home-slider h1 span {
    padding: 5px 15px;
    color: #ffffff;
    border-radius: 4px;
}

.home-slider h2 > span {
    padding: 5px 15px;
    color: #ffffff;
    border-radius: 4px;
}

.home-slider h4 > span {
    display: inline-block;
    margin-bottom: 3px;
    padding: 5px 15px;
    background: rgb(243, 156, 18);
    font-size: 18px;
    color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.175);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.175);
}

.home-slider a.jrts {
    font-size: 18px;
    color: #fff;
    width: 130px;
    height: 40px;
    line-height: 40px;
    background: #035;
    text-align: center;
    margin-top: 3%;
    display: block;
}

.home-slider ul {
    list-style-type: none;
    padding: 0;
}

/*** Second Slider ***/
.home-slider #item-2 ul {
    margin-top: 20px;
}

.home-slider #item-2 ul > li {
    text-align: left;
}

.home-slider #item-2 ul > li > span {
    font-size: 25px;
    display: inline-block;
    margin-bottom: 3px;
    padding: 20px 15px;
    background: rgb(243, 156, 18);
    color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.175);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.175);
}

.home-slider #item-2 ul.string > li > span {
    background: #f07057;
}

.home-slider #item-2 ul > li h2 {
    color: #1a242f;
}

/*** Third Slider ***/
.home-slider #item-3 ul {
    margin: 30px 0;
}

.home-slider #item-3 ul > li {
    font-size: 18px;
    padding: 5px 0;
    color: #1a242f;
}

.home-slider #item-3 ul > li > i {
    color: #f07057;
}

.home-slider #item-3 img {
    /*max-width: 300px;*/
    margin: 0 auto;
}

.pc-service {
    display: block;
}

.sj-service {
    display: none;
}

/*lcjs*/
.lcjs {
    /*border-top: 1px solid #eee;*/
    padding-top: 5%;


}

.sline {
    width: 1px;
    height: 70px;
    background: #eee;
    margin: 0 auto;
}

.lcjs h1 {
    margin: 0 auto;
    font-size: 60px;
    text-align: center;

}

.lcjs h1 b {

}

.lcjs h2 {
    margin: 25px auto 45px auto;
    font-size: 24px;
    text-align: center;
    font-family: Arial, "微软雅黑";
    color: #999;

}

.count_to {
    width: 150px;
    height: 48px;
    /*-webkit-transform: translateX(-50%);*/
    /*-moz-transform: translateX(-50%);*/
    /*-ms-transform: translateX(-50%);*/
    /*-o-transform: translateX(-50%);*/
    /*transform: translateX(-50%);*/
    position: relative;
    text-align: center;

}

.tp-simpleresponsive a.jrts {
    font-size: 22px;
    color: #fff;

    padding-top: 55px;
    display: block;
}

.tp-simpleresponsive a.jrts:hover {
    color: #ce1c24;
}
.odometer {
    line-height: 48px;

    font-style: normal;
    color: #444;
    font-size: 30px;
}

.odometer-digit {
    width: 23px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #c81c24;
    font-size: 48px;
}

.lcjs-box:hover .odometer-digit {
    color: #fff;
}

.odometer-value {
    font-size: 42px;
}

.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(../images/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;
}

.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: 14px;
    text-align: center;
    position: relative;
    color: #999;
}

.lcjs-box:hover h3 {
    color: #fff;
}

.animated_counter {
    position: relative;
    top: -6px;
}

.numcirle {
    margin: 0 auto;
    width: 56.25%
}
@media (max-width:1100px)
{
    .numcirle {
    margin: 0 auto;
    width: 70%
}
    }
/*information*/
.information {
    border-top: 1px solid #eee;
    padding-top: 6%;
    padding-bottom: 6.5%;
    margin-top: 6%;
}

.information h1 img {
    margin: 0 auto;
}

.information h2 img {
    margin: 4.5% auto 1.5% auto;

}

.information h3 {
    font-size: 24px;
    color: #999;
    text-align: center;

    font-family: Arial, "微软雅黑";
    margin-bottom: 5%;
}

.forcefullwidth_wrapper_tp_banner {

}

.infor-cont {
    background-color: #4a9ec0;
    height: auto;
    padding-top: 4%;
    width: 100%;
    padding-bottom: 4%;
}

.infor-cont .cont-box {
    width: 71.145%;
    margin: 0 auto;
}

.tp-caption .line {
    height: 1px;
    width: 320px;
}

.tp-caption .line small {
    height: 1px;
    background: #fff;
    display: block;
    width: 100%;

}

.tp-caption .line {
    position: relative;
    margin-top: 130px;
    margin-left: 50px;
}

.tp-caption .line i {
    height: 1px;
    background: #ce1c24;
    display: block;
    width: 0;
    -webkit-transition: all 1.5s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
}

.information h1 {
    margin-bottom: 5%;
}

.tp-caption:hover .line i {
    width: 100%;
    display: block;
}

.tp-caption:hover small {
    opacity: 0
}

.tp-caption:hover i {
    opacity: 1
}

.tp-caption i {
    transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -webkit-transition: all 1.5s ease-in-out;
}

.tp-caption small {
    transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -webkit-transition: all 1.5s ease-in-out;
}

.infor-cont .icon-infor {
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.infor-cont .icon-infor .icon_holder {
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;

}

.infor-cont .icon-infor .icon_holder .icon_bgr {
    margin: 0px auto 24px auto;
    text-align: center;
    width: 130px;
    height: 130px;
    border-radius: 130px;
    border: 3px solid #fff;
    background-color: #fff;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));
    background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.infor-cont .icon-infor:hover .icon_holder .icon_bgr {
    border: 2px solid #fff;
    background: transparent;
    z-index: 1;
    position: relative;
}

.infor-cont .icon-infor .icon_holder .icon_bgr:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    top: 0;
    left: 0;
    padding: 0;
    border: 2px solid #fff;
    opacity: 0.5;
    z-index: -1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.icon_center {
    position: absolute;
    z-index: 1000;
    top: 0;
    width: 100%;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.infor-cont .icon-infor .icon_holder i {
    font-size: 46px;
    line-height: 100px;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.infor-cont .icon-infor:hover .icon_holder i {
    color: #08ada7;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

.infor-cont .icon-infor i.icon {
    display: block;
    width: auto;
    height: auto;
    vertical-align: inherit;
    margin: 0;
}

.icon-infor:hover .icon_holder .icon_bgr:after {
    opacity: 0;
    border: 2px solid #fff;
    z-index: 1;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -ms-transition: 1s ease;
    transition: 1s ease;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}

.infor-cont .icon-infor .icon_holder .icon-tools1 {
    background: url(../images/icon-1.png) no-repeat center;
    width: 130px;
    height: 130px;
    z-index: 999;
    position: relative;
    margin: 0 auto;

}

.infor-cont .icon-infor:hover .icon_holder .icon-tools1 {
    background: url(../images/icon-1-hover.png) no-repeat center;
    transform: scale(1);
}

.infor-cont .icon-infor .icon_holder .icon-tools2 {
    background: url(../images/icon-2.png) no-repeat center;
    width: 130px;
    height: 130px;
    z-index: 999;
    position: relative;
    margin: 0 auto;

}

.infor-cont .icon-infor:hover .icon_holder .icon-tools2 {
    background: url(../images/icon-2-hover.png) no-repeat center;
    transform: scale(1);
}

.infor-cont .icon-infor .icon_holder .icon-tools3 {
    background: url(../images/icon-3.png) no-repeat center;
    width: 130px;
    height: 130px;
    z-index: 999;
    position: relative;
    margin: 0 auto;

}

.infor-cont .icon-infor:hover .icon_holder .icon-tools3 {
    background: url(../images/icon-3-hover.png) no-repeat center;
    transform: scale(1);
}

.infor-cont .icon-infor .icon_holder .icon-tools4 {
    background: url(../images/icon-4.png) no-repeat center;
    width: 130px;
    height: 130px;
    z-index: 999;
    position: relative;
    margin: 0 auto;

}

.infor-cont .icon-infor:hover .icon_holder .icon-tools4 {
    background: url(../images/icon-4-hover.png) no-repeat center;
    transform: scale(1);
}

.infor-cont .icon-infor h3 {
    font-size: 16px;
    color: #fff;
}

.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: 14px;
    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: 87.7604%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 0;

}

.works .works-con {
    background: #f2f2f2;
    /*overflow: hidden;*/
    padding-top: 3%;
    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 .works-con .works-list {
   margin-left: -7.1198%;
    margin-right: -7.1198%;
}

.works .works-con .works-list ul li {
    width: 25%;
    float: left;
    position: relative;
    overflow: hidden;
}

.works .works-con .works-list ul li .project h6 {
    margin-top: 4px;
    width: 100%;
    float: left;
    text-align: center;
}

.works .works-con .works-list ul li:hover img {
    filter: none;
    -webkit-filter: grayscale(0);
    top: -80px;
}

.works .works-con .works-list ul li img {
   
    position: relative;
    top: -15px;
}
@media (min-width:768px)
{
	
 #rightFloat a:nth-child(3){ display:none}
	
    .works .works-con .works-list ul li img { /*-moz-filter: grayscale(100%);

    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: url(css/desaturate.svg#greyscale);*/
    -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: 50px;
    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: 10px;
    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)
  {
	  
	 #rightFloat a:nth-child(2){ display:none}  

#rightFloat{display:none}
	  
      .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: 50px;
    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*/
.news {

    padding: 3% 0 3% 0;
    position: relative;
    width: 88.0281%;
    margin: 0 auto;

}

.news > div.line {
    height: 1px;
    background: #eee;
    margin-bottom: 5%;
}

.news .newslist ul li{
    margin-bottom:3%;
}

.news .newslist ul li p.txt {
    margin-top: 2%;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    font-size: 14px;
}

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

.news .newslist a {
    color: #777;
    display: block;
}

.news .newslist a .news-date {
    margin-top: 1%;
    display: block;
    font-size: 16px;
    margin-bottom: 1%;
}

.news .newslist h5 {
    font-size: 20px;
}

.news .newslist a h5 {
    position: relative;

}

.news .newslist a h5 small {
    font-size: 20px;
    font-family: Arial, "微软雅黑";
}

.infor-box h2 img {
    margin: 0 auto;
}

.news .newslist a h5 i {
    font-size: 20px;
    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: 14px;
    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
}

/*ahoutus*/
.aboutus {
    padding: 2% 5.7291%;
    background: url(../images/bl_about_we_bg.jpg) center center no-repeat;
    overflow: hidden;

    margin: 0 auto;
}

.aboutus h1 {
    margin-top: 5%;
}

.aboutus-con {
    background: #fdfcfd url(../images/aboutus-bg.jpg) no-repeat;
    /*padding-top: 110px;*/
    overflow: hidden;
    background-size: cover;
}

.aboutus-con h1 img {
    margin: 0 auto;

}

.aboutus-con h2 {
    font-size: 24px;
    color: #999;
    text-align: center;
    margin-top: 30px;
    font-family: Arial, "微软雅黑";

}

.aboutus-con .infor {
    padding-left: 7.396%;
    padding-top:0%;
    width: 100%

}
.aboutus-con .infor .in-con{
    padding-left: 0%;
    padding-top: 5.525%;
    width: 63.396%

}
.aboutus-con .infor p {
    line-height: 28px;
    font-family: Arial, "微软雅黑";
    font-size: 16px;
}

.infor p.txt {
    padding-left: 7.396%;
    padding-top: 4.5%;
    padding-bottom: 6.5%;
    font-size: 32px;
    font-family: Arial, "微软雅黑";
}

/*footer*/

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;
    background: url(../images/logo-gray.png) no-repeat;
    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(../images/logo.png) no-repeat;
    margin: 3% auto 0 auto;
    width: 200px;
    height: 50px;
}

footer.contact .phone-con {
    width: 450px;
    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: 14px;
    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;
}

.bdshare-button-style0-16 .share-wx a {
    background: url(../images/share-wx.png) no-repeat center;
    width: 45px;
    height: 35px;
    display: block;
    margin: 0 auto;
}

.case-info .share-wx a {
    background: url(../images/share-wx.png) no-repeat center;
    width: 45px;
    height: 35px;
    display: block;
    margin: 0 auto;
    transform: scale(0.8);
}

.bdshare-button-style0-16 .share-wx1 a {
    background: url(../images/share-wx1.png) no-repeat center;
    width: 45px;
    height: 35px;
    display: block;
    margin: 0 auto;
}

.case-info .share-wx a:hover {
    background: url(../images/share-wx-hover.png) no-repeat center;

}

.bdshare-button-style0-16 .share-wx a:hover, .share-wx1 a:hover {
    background: url(../images/share-wx-hover.png) no-repeat center;

}

.bdshare-button-style0-16 .share-sina a {
    background: url(../images/share-sina.png) no-repeat center;
    width: 45px;
    height: 35px;
    display: block;
    margin: 0 auto;

}

.case-info .share-sina a {
    background: url(../images/share-sina.png) no-repeat center;
    width: 45px;
    height: 35px;
    display: block;
    margin: 0 auto;
    transform: scale(0.8);
}

.bdshare-button-style0-16 .share-sina1 a {
    background: url(../images/share-sina1.png) no-repeat center;
    width: 45px;
    height: 35px;
    display: block;
    margin: 0 auto;

}

.bdshare-button-style0-16 .share-sina a:hover, .share-sina1 a:hover {
    background: url(../images/share-sina-hover.png) no-repeat center;

}

.case-info .share-sina a:hover {
    background: url(../images/share-sina-hover.png) no-repeat center;

}

.bdshare-button-style0-16 .share-rr a {
    background: url(../images/share-rr.png) no-repeat center;
    width: 45px;
    height: 35px;
    display: block;
    margin: 0 auto;
}

.case-info .share-rr a {
    background: url(../images/share-rr.png) no-repeat center;
    width: 45px;
    height: 35px;
    display: block;
    margin: 0 auto;
    transform: scale(0.8);
}

.bdshare-button-style0-16 .share-rr1 a {
    background: url(../images/share-rr1.png) no-repeat center;
    width: 45px;
    height: 35px;
    display: block;
    margin: 0 auto;
}

.bdshare-button-style0-16 .share-rr a:hover, .share-rr1 a:hover {
    background: url(../images/share-rr-hover.png) no-repeat center;

}

.case-info .share-rr a:hover {
    background: url(../images/share-rr-hover.png) no-repeat center;

}

.bdshare-button-style0-16 .share-tx a {
    background: url(../images/share-tx.png) no-repeat center;
    width: 45px;
    height: 35px;
    display: block;
    margin: 0 auto;
    transform: scale(0.8);
}

.case-info .share-tx a {
    background: url(../images/share-tx.png) no-repeat center;
    width: 45px;
    height: 35px;
    display: block;
    margin: 0 auto;
}

.bdshare-button-style0-16 .share-tx1 a {
    background: url(../images/share-tx1.png) no-repeat center;
    width: 45px;
    height: 35px;
    display: block;
    margin: 0 auto;
}

.bdshare-button-style0-16 .share-tx a:hover, .share-tx1 a:hover {
    background: url(../images/share-tx-hover.png) no-repeat center;

}

.case-info .share-tx a:hover {
    background: url(../images/share-tx-hover.png) no-repeat center;

}

/*slider*/

/*newslist 页面*/
.news-box {
    position: relative;
}

.news-box .news-banner {
    background: url(../images/news-banner.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 325px;
    position: relative; overflow:hidden;

}

.news-box .news-banner img{ max-width:100%; height:auto;}

.news-box .bnnimg{ padding-top:140px;}
.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 {

    font-size: 16px;
}

.news-box .news-banner .menu-contact ul a {
    font-size: 16px;
    color: #fff;
}

.news-box .banner-tit {
    position: absolute;
    top: 180px;
    left: 145px;
    color: #fff;
    font-family: Arial, "微软雅黑";
}

.news-box .banner-tit p:nth-child(1) {
    font-size: 30px;
}

.news-box .news-cont {
    padding: 1.5% 9.675%;
    overflow: hidden;
}

.news-box .news-tit a {
    color: #949494;

    display: inline-block;
    margin-right: 25px;
    line-height: 40px;
    width: 85px;
    font-size: 14px;
}
.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-tit h3 {
    color: #949494;

    display: inline-block;
    margin-right: 25px;
    line-height: 40px;
    width: 85px;
    font-size: 14px;
}

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

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

}

.list-news a dl dd h2 small {
    font-size: 24px;
    font-family: Arial, "微软雅黑";


}

.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: 14px;
    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;
}

div.digg li{
    border: none; float:left; font-size:14px;
}

div.digg a:hover {
    border: none;
}

div.digg a {

    border: none;
    color: #ce1c24
}
















.detail-cont {
    border-top: 1px solid #f7f7f7;
    margin-top: 10px;
    padding-top: 10px;
    font-family: Arial, "微软雅黑";
}

.detail-cont h1 {
    font-size: 36px;
    text-align: center;
    color: #1a1a1a;
}

.detail-cont p.date {
    text-align: center;
    color: #949494;
    margin: 45px 0;

}

.detail-cont .txt p {
    line-height: 25px;

    font-size: 14px;
    color: #4d4d4d;
}

.detail-cont .txt p a{ 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: 14px;
    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
}

/*联系我们*/
.contact-box .contact-banner {
    background: url(../images/contact-bg.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    /*height: 1080px;*/
    position: relative;

}

.contact-box .contact-banner .menu ul li a {
    color: #fff;
}

.contact-box .contact-banner .menu ul li a:hover {
    color: #ce1c24;
}

.contact-box .contact-banner .txt01 {
    font-family: Arial, "微软雅黑";

    color: #fff;
    margin: 0 auto;
    text-align: center;
    margin-top: 15%;
    padding-bottom: 15%;
}

.contact-box .contact-banner .txt01 p.t1 {
    font-size: 60px;
}

.contact-box .contact-banner .txt01 p.t2 {

    font-size: 32px;
    color: #ce1c24;
}

/*.contact-box .contact-banner .txt02 {*/
/*font-family: Arial, "微软雅黑";*/

/*margin: 0 auto;*/
/*text-align: center;*/
/*position: absolute;*/
/*left: 50%;*/
/*margin-left: -180px;*/

/*}*/

.arrow-down2 {
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -25px;
}

.submit-infor {
    background: #eee;
    padding: 4.9479% 9.375%;
    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: 14px;
}

/*case页面*/
.news-box .case-banner {
    background: url(../images/case-banner.jpg) no-repeat;
}

.news-box .case-cont {
    padding-bottom: 0;
}

.case-cont p {
    width: 100%;
    margin: 0 auto;
    /*text-align: center;*/
    /*margin-top:50px;*/
    font-size:14px;
}

.case-cont p img {
    margin: 0 auto;
}

.case-info {
    /*padding: 0 193px;*/
    width: 100%;
}

.case-info .txt {
    margin-bottom: 55px;
    /*text-align: center;*/
    /*float: left;*/
    line-height: 30px;
    color: #666;

}

.case-info .txt a{color: #666;}

.case-info .txt img{ max-width: 100%; text-indent: 0;}

.case-info .share {
    text-align: right; margin-top:20px; margin-bottom:10px;

}

.case-info .share a {

    width: 50px;
    display: inline-block;
    height: 40px;
}

.case-cont .lo {
    margin: 65px auto 180px auto;
}

.case-cont .tty {
    margin: 65px auto;
    width: 380px;
    overflow: hidden;

}

.case-cont .tty a {
    display: block;
}

.case-cont .tty dl {
    float: left;
    width: 75px;
    text-align: center;
}

.case-cont .tty dl dt {
    margin-left: 10px;
}

.case-cont .tty dl dd {
    margin-top: 15px;
    color: #949494;
    font-size: 14px;

}

.case-cont .tty dl:nth-child(1) dt {
    background: url(../images/case-06.png) 0 -58px;

}
.case-cont .tty dl dt {

    width: 55px;
    height: 55px;
    transition: all 0.5s;
}
.case-cont .tty dl dt:hover {
    transition: all 0.5s;
}
.case-cont .tty dl:nth-child(1) dt:hover {
    background: url(../images/case-06.png) 0 0px;
}

.case-cont .tty dl:nth-child(2) dt {
    background: url(../images/case-06.png) 279px -58px;
}

.case-cont .tty dl:nth-child(2) dt:hover {
    background: url(../images/case-06.png) 279px 0px;
}
.case-cont .tty dl:nth-child(3) dt {
    background: url(../images/case-06.png) 205px -58px;
}
.case-cont .tty dl:nth-child(3) dt:hover {
    background: url(../images/case-06.png) 205px 0px;
}
.case-cont .tty dl:nth-child(4) dt {
   background: url(../images/case-06.png) 130px -58px;
}
.case-cont .tty dl:nth-child(4) dt:hover {
    background: url(../images/case-06.png) 130px 0px;
}
.case-cont .tty dl:nth-child(5) dt {
    background: url(../images/case-06.png) 55px -58px;
}
.case-cont .tty dl:nth-child(5) dt:hover {
    background: url(../images/case-06.png) 55px 0px;
}
.case-cont .tty dl a:hover dd {
    color: #ce1c24;
}

.news-box .caselist-banner {
    background: url(../images/caselist-banner.jpg) no-repeat;
}

.news-box .caselist-banner .banner-tit p {
    font-size: 38px;
    line-height: 42px;
}

/*caselist页面*/
.case2-list {
    /*padding-bottom: 170px;*/
    overflow: hidden;
}

.case2-list ul li {
    width: 32.3%;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0.8% 0.5%;

}


.case2-list ul {
    width: 100%;
}

.case2-list ul li img {
    text-align: center;
    margin: 0 auto;
}

.case2-list ul li .project h6 {
    margin-top: 4px;
    width: 100%;
    float: left;
    text-align: center;
}

.case2-list ul li:hover img {
    filter: none;
    -webkit-filter: grayscale(0);
    top: -80px;
}

.case2-list ul li img {
     /*-moz-filter: grayscale(60%);

    filter: grayscale(60%);
    -webkit-filter: grayscale(60%);
   filter: url(css/desaturate.svg#greyscale);*/
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    transition-duration: 0.4s;
    position: relative;
    top: 0;
}

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

.case2-list ul li .project h5 {
    font-weight: 600;
    font-style: normal;
    margin-top: 17px;
    width: 100%;
    float: left;
    text-align: center;
}

.case2-list ul li .project h5 a {
    color: #4d4d4d;
    font-size: 19px;
}

.case2-list ul li .project h6 {
    color: #bebebe;
}

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

.news-box .case-cont {
    padding: 2.9166% 8.59375%;
    overflow: hidden;
}

.news-box .case-detail {
    padding: 0
}

.pc {
    display: block;
}

.pc1440 {
    display: none
}

.pc1366 {
    display: none
}

/*infor页面*/

/*联系我们*/
.infor-box .infor-banner {
    background: url(../images/infor-banner.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    /*height: 1080px;*/
    position: relative;
    padding-bottom: 15%;

}

.infor-box .infor-banner .txt01 p.t1 {
    font-size: 54px;
}

.infor-box .infor-banner .txt01 p.t2 {

    font-size: 32px;
    color: #4a9ec0;
}

.infor-box .infor-banner .menu ul li a {
    color: #fff;
}

.infor-box .infor-banner .menu ul li a:hover {
    color: #ce1c24;
}

.infor-box .infor-banner .txt01 {

    font-size: 60px;
    color: #fff;
    margin: 0 auto;
    text-align: center;

}

.lcjs h1 img {
    margin: 0 auto
}

.arrow-down3 {
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -25px;
}

/*tab切换*/

.infor-box .layout-title {

    text-align: center;
    margin-top: 50px;
}

.wbfw > h2 {
    margin: 80px auto;
    text-align: center;
    margin-top: 0;
}

.wbfw > h2 img {
    margin: 0 auto;
}

.content {
    width: 800px;
    margin: 0px auto;
    background-color: #ffffff;
    padding: 20px;
}

h1 {
    color: #221A69;
    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%;
}

.tabslider {
    width: 300%;
}

.tabslider div.tab-con {
    float: left;
    width: 33.33333%;
    margin: 0px;
    padding: 0px;
    /*margin-right: 40px;*/
}

.tabslider div.tab-con a {
    color: #ffffff;
    text-decoration: none;
}

.tabslider div.tab-con a:hover {
    color: #aaaaaa;
}

.infor-box .layout-title li {
    display: inline-block;
    padding: 13px 25px;
    position: relative;
    font-size: 16px;
    cursor: pointer;
}

.infor-box .layout-title li.current {
    color: #fff;

    background-color: #4a9ec0;
    border-radius: 20px;
}

.infor-box .layout .layout-con {
    margin-top: 80px;
}

.infor-box .layout-title li a {
    color: #333;
    font-size: 18px
}

.infor-box .layout-title li.current a {
    color: #fff;
}

.infor-box .layout-con .layout-detail {
    display: none;
}

.infor-box .layout-con .layout-detail.on {
    display: block;
}

.wbfw {
    /*padding: 100px;*/
    border-top: 1px solid #eee;
    margin-top: 100px;
    position: relative;
    padding-bottom: 110px;

}

.infor-box .sline3 {
    width: 1px;
    height: 40px;
    background: #eee;
    margin: 0 auto;
    position: absolute;
    left: 50%;

    bottom: -65px;
}

.infor-box .sline4 {
    width: 1px;
    height: 60px;
    background: #eee;
    margin: 0 auto;
    position: absolute;
    left: 50%;

    bottom: 54px;
}

.infor-box .sline5 {
    width: 1px;
    height: 60px;
    background: #eee;
    margin: 0 auto;
    position: absolute;
    left: 50%;

    top: -127px;
}

.infor-box .sline6 {
    width: 1px;
    height: 60px;
    background: #eee;
    margin: 0 auto;
    position: absolute;
    left: 50%;

    top: 0;
}

.wbfw .wbfw-con {
    background: #e6e6e6;
    overflow: hidden;
}

.wbfw .wbfw-con .wbfw-left {
    background: url(../images/infor01.jpg) no-repeat;
    background-size: cover;
    width: 50%;
    height: auto;
    float: left;
    padding: 0;
}

.wbfw .wbfw-con .wbfw-left .left-txt {
    width: 56%;
    height: auto;
    float: right;
    background: #4a9ec0;
    margin-top: 10.7692%;
    margin-bottom: 10.7692%;
    padding: 11.6548%;

    color: #fff;
    line-height: 30px;
}

.wbfw .wbfw-con .wbfw-right {
    float: left;
    padding: 0;

}

.infor-box .sline6 {
    width: 1px;
    height: 60px;
    background: #eee;
    margin: 0 auto;
    position: absolute;
    left: 50%;

    bottom: -158px;
}

.wbfw .wbfw-con .wbfw-right .right-txt {

    margin: 10.7692% 11% auto 0;
    float: left;
    background: #fff;

    color: #4d4d4d;
    line-height: 25px;
    font-family: Arial, "微软雅黑";
    padding: 8.5%;

}

.wbfw-right ul.infor-cont .icon-infor h3 {
    font-size: 12px;
    color: #4d4d4d;
    text-align: center;
}

.wbfw .wbfw-con .wbfw-right .right-txt h2 {
    font-size: 21px;
    color: #4a9ec0;
    margin-bottom: 10px;
}

.wbfw-right ul li {
    float: left;
    width: 25%;
}

.wbfw-right ul.infor-cont {
    width: 100%;
    background: none;

    padding-left: 0;
    padding-right: 0;
    padding-top: 30px;

}

.wbfw-right ul.infor-cont .icon-infor .icon_holder .icon_bgr {
    margin: 0px auto 24px auto;
    text-align: center;
    width: 100px;
    height: 100px;
}

.wbfw-right ul.infor-cont .icon-infor .icon_holder .icon-tools1 {
    background: #fff url(../images/icon-infor01.png) no-repeat center;
    width: 100px;
    height: 100px;
    z-index: 99;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #949494;

}

.wbfw-right ul.infor-cont .icon-infor:hover .icon_holder .icon-tools1 {
    background: url(../images/icon-infor01-hover.png) no-repeat center;
    transform: scale(1);
}

.wbfw-right ul.infor-cont .icon-infor .icon_holder .icon-tools2 {
    background: #fff url(../images/icon-infor02.png) no-repeat center;
    width: 100px;
    height: 100px;
    z-index: 99;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #949494;
}

.wbfw-right ul.infor-cont .icon-infor:hover .icon_holder .icon-tools2 {
    background: url(../images/icon-infor02-hover.png) no-repeat center;
    transform: scale(1);
}

.wbfw-right ul.infor-cont .icon-infor .icon_holder .icon-tools3 {
    background: #fff url(../images/icon-infor03.png) no-repeat center;
    width: 100px;
    height: 100px;
    z-index: 99;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #949494;
}

.wbfw-right ul.infor-cont .icon-infor:hover .icon_holder .icon-tools3 {
    background: url(../images/icon-infor03-hover.png) no-repeat center;
    transform: scale(1);
}

.wbfw-right ul.infor-cont .icon-infor .icon_holder .icon-tools4 {
    background: #fff url(../images/icon-infor02.png) no-repeat center;
    width: 100px;
    height: 100px;
    z-index: 99;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #949494;
}
.icon-infor:hover .icon_center i{border-color:#ddd!important;} 
.wbfw-right ul.infor-cont .icon-infor:hover .icon_holder .icon-tools4 {
    background: url(../images/icon-infor02-hover.png) no-repeat center;
    transform: scale(1);
}

.wbfw-right ul.infor-cont .icon-infor:hover .icon_holder .icon_bgr:after {
    opacity: 1;
    border: 2px solid transparent;
    z-index: 1;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -ms-transition: 1s ease;
    transition: 1s ease;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    background: #4a9ec0;
}

.wlxtaq {
    background: url(../images/infor1.jpg) no-repeat;
    background-size: cover;
    overflow: hidden;
    /*padding-bottom: 11%;*/
    position: relative;
    margin-bottom: 120px;
}

.wlxtaq h2 {
    text-align: center;
    margin: 4.1% 0;
    margin-bottom: 4.9%;
}

.wlxtaq .box-left {
    width: 100%;
    padding: 6.25%;
    background: #4a9ec0;
    /*height:270px;*/

}

.wlxtaq .infor-sec {

    background: #1d8aa9;
   width: 88%;
    margin: 0 auto;
}

.wlxtaq .box-right {

    padding: 6.25%;
    width: 100%;
    background: #1d8aa9;

}

.wlxtaq p {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
}

.wlxtaq h3 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}

.ma {
    margin-top: 40px;
}

.itxt {
    border-top: 1px solid #eee;
    padding-top: 88px;
    padding-left: 110px;
    padding-right: 110px;
    position: relative;
}

.itxt h2 {
    text-align: center;
    margin: 0 auto;
}

.itxt p.tit {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 25px;
    margin-top: 90px;
    margin-bottom: 40px;
}

.itxt-con {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.itxt-con .itxt-right {
    padding-left: 3%;
    padding-right: 0;
    padding-bottom: 0;
    /*padding-top: 20px;*/
}

.itxt-con h3 {
    font-size: 21px;
    color: #4a9ec0;
    margin-top: 3%;
    margin-bottom: 1.5%;
}

.itxt-con p {
    font-size: 14px;
    line-height: 25px;
}

.sjzx {
    border-top: 1px solid #eee;
    height: 760px;
    overflow: hidden;
    padding-top: 4.5%;
    margin-top: 5%;
    position: relative;
}

.sixt {
    background: #4a9ec0;
    overflow: hidden;
    width: 90%;
    margin: 0 auto
}

.sizx-cont {
    background: url(../images/infor-bg.png) no-repeat;
    height: 500px;
    background-size: cover;
}

.sjzx h2 {
    text-align: center;
    margin: 71px 0;
}

.sjzx .box-left {
    width: 100%;
    padding: 7.2%;
    background: #4a9ec0;

}

.sjzx .box-right {
    width: 100%;
    padding: 5.9%;
    background: #1d8aa9;

}

.sjzx p {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
}

.sjzx h3 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}

.sizx-cont ul {
    padding: 0 15.625%;
    margin: 0 auto;
    margin-top: 64px;
    overflow: hidden;

}

.sizx-cont ul li {
    width: 14.28%;
    margin: 0 auto;
    float: left;
}

.sizx-cont ul li p {
    width: 130px;
    height: 130px;
    background-color: rgba(255, 255, 255, 0.5);

    border-radius: 50%;
    padding-top: 15px;
    margin: 0 auto;
}

.sizx-cont ul li p span {
    width: 100px;
    height: 100px;
    background: #1d8aa9;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
    font-size: 26px;
    line-height: 100px;
    display: block;
}

.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, "微软雅黑";

}

#menu-toggle {
    left: 30px
}

#menu-toggle {
    left: 0
}

#home #menu-toggle {
    left: 30px;
}

#menu-toggle.active, #book-toggle.active {
    background: #fff;
    left: 30px;
    width: 80px;
}

#menu-toggle {
    background: none;
    left: 0px;
    width: 140px;
    border: none
}

#menu-toggle {
    position: absolute;
    top: -1px;
    width: 55px;
    height: 65px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    display: block;
    left: -12px;
    border: none;
    outline: 0;
}

#menu-toggle.active span {
    background-color: rgba(181, 172, 151, 0);
}

#menu-toggle span, #menu-toggle span:before, #menu-toggle span:after, #book-toggle span:before, #book-toggle span:after {
    background-color: #fff;
}

#menu-toggle span, #book-toggle span {
    position: absolute;
    top: 50%;
    left: 25px;
    width: 30px;
    height: 3px;
    font-size: 0;
    margin-top: -3px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    display: block;
}

#menu-toggle.active span:before, #book-toggle.active span:before {
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}

#menu-toggle.active span:before, #menu-toggle.active span:after, #book-toggle.active span:before, #book-toggle.active span:after {
    background-color: #b5ac97;
}

#menu-toggle span:before {
    -webkit-transform: translateY(-8px) rotate(0deg);
    transform: translateY(-8px) rotate(0deg);
}

#menu-toggle span, #menu-toggle span:before, #menu-toggle span:after, #book-toggle span:before, #book-toggle span:after {
    background-color: #fff;
}

#menu-toggle span:before, #menu-toggle span:after, #book-toggle.active span:before, #book-toggle.active span:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s cubic-bezier(0, 0.985, 0.17, 0.99);
    transition: all .2s cubic-bezier(0, 0.985, 0.17, 0.99);
    content: '';
}

#menu-toggle.active span:after, #book-toggle.active span:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}

#menu-toggle.active span:before, #menu-toggle.active span:after, #book-toggle.active span:before, #book-toggle.active span:after {
    background-color: #b5ac97;
}

#menu-toggle span:after {
    -webkit-transform: translateY(8px) rotate(0deg);
    transform: translateY(8px) rotate(0deg);
}

#menu-toggle span, #menu-toggle span:before, #menu-toggle span:after, #book-toggle span:before, #book-toggle span:after {
    background-color: #fff;
}

#menu-toggle span:before, #menu-toggle span:after, #book-toggle.active span:before, #book-toggle.active span:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s cubic-bezier(0, 0.985, 0.17, 0.99);
    transition: all .2s cubic-bezier(0, 0.985, 0.17, 0.99);
    content: '';
}

#menu-toggle.active em, #book-toggle.active em {
    display: none;
}

#menu-toggle em {
    position: absolute;
    top: 0;
    right: 25px;
    font: 300 18px/64px Raleway, sans-serif;
    color: #fff;
    text-transform: lowercase;
}

#menu-toggle:hover span:after {
    -webkit-transform: translateY(0) rotate(-90deg);
    transform: translateY(0) rotate(-90deg)
}

#menu-toggle:hover span:before {
    -webkit-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg)
}

#menu-toggle.active:hover span:after, #book-toggle.active:hover span:after {
    -webkit-transform: translateY(0) rotate(180deg);
    transform: translateY(0) rotate(180deg)


}

#menu-toggle.active:hover span:before, #book-toggle.active:hover span:before {
    -webkit-transform: translateY(0) rotate(180deg);
    transform: translateY(0) rotate(180deg)
}

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: 14px;
    font-family: Arial, "微软雅黑";
    line-height: 20px;
    color: #4d4d4d;
}

.menulist .adr .left {
    text-align: right;
}

.menulist .adr .right {
    text-align: left;
}

.layer-slider-wrapper {
    font-size: 20px;
    overflow: hidden;
    border: 0;
    padding: 0
}

.container .layer-slider-wrapper {
    border-radius: 3px 3px 3px 3px
}

.layer-slider-static #layerslider {
    height: 540px !important
}

.layer-slider-dynamic {
    max-height: auto !important
}

.layer-slider-wrapper .title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    text-transform: capitalize
}

.layer-slider-wrapper .title-xs {
    font-size: 24px;
    line-height: 28px
}

.layer-slider-wrapper .title-sm {
    font-size: 36px;
    line-height: 46px
}

.layer-slider-wrapper .title-md {
    font-size: 64px;
    line-height: 68px
}

.layer-slider-wrapper .title-lg {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: 2px
}

.layer-slider-wrapper .text-shadow {
    text-shadow: 0 2px 2px #222
}

.layer-slider-wrapper .subtitle {
    font-size: 22px;
    line-height: 30px;
    color: #03c9a9;
    text-transform: capitalize
}

.layer-slider-wrapper .list-item {
    font-size: 18px;
    line-height: 30px;
    padding-left: 30px;
    color: #03c9a9;
    text-transform: capitalize
}

.layer-slider-wrapper .list-item-2 span {
    background: #03c9a9;
    font-size: 18px;
    padding: 10px 15px;
    color: #fff
}

.layer-slider-wrapper .list-item-2 i {
    padding: 12px 12px 11px 12px;
    font-size: 20px;
    background: #f00;
    color: #030
}

.layer-slider-wrapper .text-standard {
    font-size: 16px;
    line-height: 24px
}

.layer-slider-wrapper .text-bordered {
    padding: 30px;
    border: 2px solid #fff
}

.layer-slider-wrapper .text-wrapped {
    padding: 30px
}

.layer-slider-wrapper .text-wrapped.style-1 {
    background: #fff;
    opacity: .7
}

.layer-slider-wrapper .text-wrapped.style-2 {
    background: #111;
    opacity: .9
}

.layer-slider-wrapper .form-control {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important
}

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

.saibo-menu {
    /*position: fixed;*/
    /*right: 20px;*/
    /*top: 360px;*/
    width: 100%;

}

.saibo-menu ul {width: 100%;background: rgba(200,28,36,.85);transition: all 0.5s;}
.saibo-menu ul a{position:relative;}
.saibo-menu ul a i{position:absolute;left:19px;top: -5px;width: 2px;height: 0px;background: #fff;transition: all 0.2s;}
.saibo-menu ul:hover {background: #000;}
.saibo-menu ul img{position:relative;top: -8px;transition: all .5s;}
.saibo-menu ul:hover img{top:-13px}
.saibo-menu ul.bl_arr_up a i{height:30px}


.saibo-menu p {
    text-align: center;
    width: 55px;
    margin-bottom: 10px;
}

.saibo-menu ul li {padding: 5px 0;text-align: center;height: 100px;line-height: 100px;}


.saibo-menu li.icon-menu a {
    background: url(../images/icon-saibo.png) no-repeat center;
    display: block;
    width: 55px;
    height: 50px;
}

.saibo-menu li.icon-menu:hover a {
    background: url(../images/icon-saibo-hover.png) no-repeat center;
    display: block;
    outline: 0;
}

.send {

    width: 100%;
}

.sjslide {
    display: none;
}

.pcslide {
    display: block;
}

/*浮动框*/

.contactus {
	opacity: 0;
    width: 555px;
    height: 320px;
    background: rgba(206, 28, 36, 0.85);
    position: fixed;
    top: -350px;
    left: 50%;
    margin-left: -277.5px;
    padding: 45px;
    z-index: 10000;
    transition: all  .6s;
    border:1px solid #c16467;
}
/*.contactus:hover{*/
    /*background: rgba(242, 242, 242, 0);*/
    /*transition: all  0.5s;*/
/*}*/

.contactus h2 {
    color: #fff;
    font-size: 26px;
    font-family: Arial, "微软雅黑";

}

.contactus .txt {
    width: 280px;
    height: 70px;

    font-size: 18px;
    font-family: Arial, "微软雅黑";

    border: none;
    position: relative;
    outline: none;
    background: none;
    color: #949494;
}

.contactus .txt2 {
    transition: all .6s ease;
    display: inline-block;
    width: 460px;
    height: 70px;
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
    z-index: 0;
    margin-top: 20px;
    padding-left: 20px;
}

.jtkf {
    width: 115px;
    height: 50px;
    border-radius: 30px;
    background: #ce1c24;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 18px;

    border: none;
    outline: none;
    font-family: Arial, "微软雅黑";
    margin-left: 15px;
}

.ljzx {
    width: 225px;
    height: 50px;
    border-radius: 30px;

    display: inline-block;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 26px;
    border: none;
    outline: none;
    font-family: Arial, "微软雅黑";
    margin-top: 9px;
    background: #ce1c24 url(../images/zx.png) no-repeat 20px center;
    margin-left: 15px;
    padding-left: 57px;
}

.txt2 {
    background: #fff;
}

.zbxy {
    background: url(../images/delete.png) no-repeat;
    width: 172px;
    height: 100%;
    display: inline-block;
    padding-left: 50px;
    font-size: 26px;
    color: #4d4d4d;
    cursor: pointer;

}

.boxes .column .image {
    background: #e4e1db;
    overflow: hidden
}

.lxwm {
    /*background: rgba(255, 255, 255, 0.3);*/
    margin: 0 auto;
    /*padding: 27px 50px 25px;*/
    text-align: center;
    /*border: 1px solid rgba(255, 255, 255, 0.2);*/
    /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);*/
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    display: inline-block;
    width: 460px;
    height: 70px;
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
    z-index: 0;
    margin-top: 20px;

    -webkit-transition: all .4s ease;
    transition: all .4s ease;

    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

}

.lxwm:hover {
    /*-webkit-animation-name: wobble;
    animation-name: wobble;*/
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.lxwm:hover {
    /*border: 1px solid rgba(181,172,151,0);*/
    width: 460px;
    height: 70px;
    /*box-shadow: 0 0 5px 0 rgba(0,0,0,0);*/
}
.contactus .lxwm:hover .txt{color:#FFF;}
.lxwm:before {
    background: #ce1c24;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    /* transform-origin: 0 50%; */
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-property: -webkit-transform, -webkit-transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    z-index: -1;
    width: 460px;
    height: 70px;
    color: #fff;
}

.lxwm:hover: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);
}

.lxwm input::-webkit-input-placeholder {
    color: #949494;
}

.lxwm:hover input::-webkit-input-placeholder {
    color: #fff;
}

.lxwm:hover .jtkf {
    background: #fff;
    color: #ce1c24;
}

@-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)
    }

}

.lxwm:hover {
    border: none;
}

.lxwm:hover .zbxy {
    color: #fff;
    background: url(../images/delete-hover.png) no-repeat;
}

.lxwm:hover .ljzx {

    color: #ce1c24;
    background: #fff url(../images/zx-hover.png) no-repeat 20px center;
}

#overlay {

    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    display: none;
}
#btn_close {

    cursor: pointer;
}

#overlay {
    z-index: -1;
}

/*浮动menu*/
.basic a {

    width: 100%;
    height: 32px;
    font-size: 30px;
    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;
}

#menu-toggle {
    background-color: #ce1c24;
    left: 241px;
    width: 140px;
}

#book-toggle {
    background-color: #b5ac97;
    right: 30px;
    font: 200 30px/64px Raleway, sans-serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

#menu-toggle {
    left: 30px;
}

#menu-toggle, #book-toggle {
    position: absolute;
    top: 0;
    width: 150px;
    height: 65px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    display: block;
}

#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;
}

#book-toggle {
    background-color: #ce1c24;
    right: 30px;
    font: 200 30px/64px Raleway, sans-serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border: none;
}

#book-toggle a {
    color: #fff;
}

#menu-toggle span, #book-toggle span {
    position: absolute;
    top: 50%;
    left: 25px;
    width: 30px;
    height: 3px;
    font-size: 0;
    margin-top: -3px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    display: block;
}

#menulist.active, #book.active {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    z-index: 999;
}

body.menu-active header a.logo, body.book-active header a.logo {
    display: none !important
}

body.menu-active, body.book-active {
    position: fixed;
    overflow-y: scroll;
    width: 100%
}

body.menu-active header .inner, body.book-active header .inner {
    background: transparent !important
}

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

.logo1 {
    top: -100px;
    left: 80px;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.logo1 {
    background: #fff;
    position: absolute;
    top: 0;
    left: 30px;
    min-width: 161px;
    min-height: 35px;
    margin: 0 auto;
    padding: 15px 25px;
    display: block;
}

.saibo-btn.scroll .logo1 {
    top: 0;
    left: 80px;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.saibo-btn.scroll .logo1 {
    left: 80px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

.saibo-btn.scroll {
    position: fixed;
    top: 0;
}

.saibo-btn.scroll .inner {
    height: 65px;
}

.saibo-btn.scroll {
    position: fixed;
    top: 0;
    left: 100px;
}

.saibo-btn.scroll .inner {
    height: 65px
}

.saibo-btn.scroll .logo1 {
    left: 80px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.saibo-btn.scroll #menu-toggle, header.scroll #book-toggle {
    top: 0
}

.saibo-btn.scroll #book-toggle {
    right: 99px;
}

.saibo-btn.scroll #menu-toggle {
    left: 0
}

.saibo-btn.scroll #menu-toggle em {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.saibo-btn.scroll .logo1 {
    top: 0;
    left: 80px;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.saibo-btn.scroll #menu-toggle {
    left: 0
}
.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(../images/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: 60px;
        text-align: center;
        width: 90%;
    }

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

    .sj-service .service-tit img {
        display: inline-block;
    }

    .sj-service {
        display: block;
    }

    .sj-service .service-box {
        padding: 13.020%;
        padding-right: 0;
    }

    .sj-service .service-box .txt {
        margin-top: 35px;
    }

    .sj-service .service-box .txt p {
        font-size: 18px;
        line-height: 40px;
        color: #fff;
    }



    .saibo-btn2 {

        right: 0%;

    }

    .scroll2 {

        right: 0%

    }

    .color01 {
        background: #cd1c24;
    }

    .color02 {
        background: #489bd6;
    }

    .color03 {
        background: #ff6c00;
    }
    .color04 {
        background: #4db0cf;
    }
	
	
	.color05 {
        background: #85148a;
    }




.color06 {
        background: #34ab75;
    }



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

    .main-slider .carousel-indicators li {
        margin: 0;
        height: 2px;
        width: 30px;
    }

    .main-slider .carousel-indicators .active {
        background-color: #cd1c24;
        height: 2px;
        margin: 0;
        width: 30px;
    }

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

    }
    .nav-box .arrow-down img {
        width: 35px;
        height: 35px;
        margin-left: 11.5px;
    }

    #top-slider .carousel-control {
        position: absolute;
        top: 60%;
    }

    #top-slider .main-slider:hover .carousel-control.left {
        left: 0;
        opacity: 1;
    }

    #top-slider .main-slider:hover .carousel-control.right {
        right: 0;
        opacity: 1;
    }

    .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(../images/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: 14px;
        color: #4a9ec0;
    }

    .carousel-control.right {
        background: url(../images/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);
    }

    .tp-leftarrow.default {
        transform: scale(0.6);
    }

    .tp-rightarrow.default {
        margin-right: 105px;
    }

    .menusj {

        position: absolute;
        right: 10px;
        width: 50px;
        height: 45px;
        z-index: 1000000000;
		transition:all 0.5s

    }

    .menusj a {

        width: 50px;
        height: 45px;
        display: block;
		background: url(../images/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: 2px;
        transform: scale(0.8);margin-top:0;
    }

    .basic a .nav2 {
        font-size: 24px;

    }

    /*.information h1 img {*/
    /*transform: scale(0.8);*/
    /*}*/
    /*.home-slider h1 img{*/
    /*transform: scale(1);*/
    /*}*/
    .information h2 img {
        transform: scale(0.6);
    }

    .information h3 {
        font-size: 16px;
        line-height: 25px;
    }

    .information h2 img {
        margin: 30px auto 25px auto;
    }

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

    .navbar-default .navbar-toggle {
        border: none;
        margin-right: 7px;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background: transparent;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 30px;
        height: 2px;
        border-radius: 1px;
    }

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 6px;
    }

    .menu-contact .icon-phone {
        display: none;
    }

    .news-box .banner-tit {
        position: absolute;
        bottom: 10px;
		top:inherit;
        left: 25px; font-size:20px;
    }
.news-box .banner-tit p:nth-child(1) {
    font-size:20px;
}
    .news-box .news-banner {
        height: 185px;

    }
	
.news-box .bnnimg {padding-top:70px;}

    .news-box .news-cont {
        padding: 10px 15px;
        overflow: hidden;
    }

    .news-box .news-tit a {
        margin-right: 4px;
        width: 68px;
    }

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

        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(../images/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: 30px 0;
    }

    .list-news a dl dt {
        margin: 0 auto;
        float: none
    }

    .list-news:nth-child(even) {
        padding-left: 0;
    }

    .list-news {
        padding-left: 0;
        padding-right: 0;

    }

    .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: 5px 0;
    }

    div.digg {

        display: inline-block;
    }

    .page-box {
        text-align: center;
    }

    .news-box .pull-right {
        float: none !important;
    }

    .case-info {
        padding: 0;

    }

    .case-info .txt {
        text-align: left;
    }

    .case-info .txt {
        margin-bottom: 30px;
    }

    .case-info .share {

        margin-bottom: 10px;
    }

    .case2-list ul li {
        width: 100%;
    }

    .case2-list ul li {
        margin: 2% 0;
    }

    .news-box .caselist-banner .banner-tit p {
        font-size: 20px;
        line-height: 30px;
    }
	


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

    .itxt-con {
        border-top: none;
        border-bottom: none;
    }

    .itxt {
        border-top: 0;
        padding-top: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .itxt p.tit {
        margin: 50px 0;
    }

    .itxt-con h3 {
        margin-top: 20px;
    }

    .sjzx .box-left {
        width: 100%;
        height: auto;
        padding: 15px;
        background: #4a9ec0;
    }

    .sjzx {

        padding-top: 0;
        height: auto;
        margin-top: 50px;
    }

    .sizx-cont ul {
        width: 100%;
        padding-left: 45px;
    }

    .sizx-cont {
        background: url(../images/infor-bg.png) no-repeat bottom;
        height: auto;
        background-size: cover;
    }

    .sizx-cont ul li {
        margin-right: 0px;
        margin-bottom: 15px;
        width: 50%;

    }

    .sizx-cont ul {

        margin-top: 4%;
        padding: 20px;
    }

    .sjzx .box-right {
        width: 100%;
        height: auto;
        padding: 15px;
        background: #1d8aa9;
    }

    .itxt-con .itxt-right {
        padding: 0;

        padding-top: 20px;
    }

    .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: 14px;
        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 {


 
    }

    .list-news {


    }

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

    .case2-list ul li {

        margin: 0.5%;
    }

    .tp-rightarrow.default {
        margin-right: 452px;
    }

    .tp-leftarrow.default {

        margin-left: -29px;
    }

    .menu {
        position: absolute;
        top: 38px;
        z-index: 999;
        right: 10px;
        height: 50px;
        font-size: 0;
    }
	.menu ul li{ width:60px;}

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

    .case2-list ul {
        width: 100%;
    }

    .case2-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(../images/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(../images/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;
    }

    .case2-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(../images/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(../images/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;

    }

    .case2-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(../images/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(../images/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;
    }

    .case2-list ul li {

        margin: 0.5%;
    }

    .tp-rightarrow.default {
        margin-right: 452px;
    }

    .tp-leftarrow.default {

        margin-left: -29px;
    }

    .menu {
        position: absolute;
        z-index: 999;
        right: 27px;
        height: 50px;
        font-size: 0;
    }

    .logo {
        position: absolute;
        top: 33px;
    }

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

    .case2-list ul {
        width: 100%;
    }

    .case2-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(../images/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(../images/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(../images/page2.png) no-repeat 10px 13px;
    width: 50px;
    height: 50px;
    border-bottom: 1px solid #e6e6e6;
}
.zx:hover{
    background: #ce1c24 url(../images/page3.png) no-repeat 10px 13px;
}
.up{
    background:#dbdbdb url(../images/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(../images/page1.png) no-repeat 11px 17px;
}
.zav .up:hover{background:none;}
.qq{
    background:#dbdbdb url(../images/qq.png) no-repeat 0 -100px;
    width: 50px;
    height: 50px;
    border-bottom: 1px solid #e6e6e6;
}
.qq:hover{
    background: #ce1c24 url(../images/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(../images/case-arrow.png) no-repeat left top;
    overflow: hidden;
}
.case-prve:hover{ background: url(../images/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(../images/case-arrow.png) no-repeat -94px 0px;
    overflow: hidden;
}
.case-next:hover{ background: url(../images/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: 14px;
}
.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;
    }

}
/**************   saibo Blacker   ***************/

/**  reset  **/
.bl_p0{padding: 0;}

/**  class  **/
/*run*/
.bl_hover_txtline{position:relative;width: 100%;height: auto;}
.bl_hover_txtline em{font-family: 'Rjdaoico';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,.7);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;}
 
.menu.bl_nav_menu_r_c{right:380px;}
.menu.bl_nav_menu_r{right:380px;}
.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(../images/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_saibo-btn2.saibo-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:5%;}

/**  phone  **/
.bl_phone{position:fixed;opacity: 0; right: -110px;bottom:102px;width: 110px;height: 244px;-webkit-transition:all .5s;transition:all .5s;z-index: 101;}	
.bl_phone_fade{opacity:1;right: 0;}
.bl_phone_fadeOut{opacity:0;right:-110px;}
.bl_phone div{cursor: pointer;margin-bottom:2px;width: 100%; height:49.5%; background: rgba(200,28,36,.85);z-index: 3;-webkit-transition:all .5s;transition:all .5s; }
.bl_phone>div:nth-child(1) div{background:url(../images/bl_phone.png) center center no-repeat; height: 100%;}
.bl_phone>div:nth-child(2) div{background:url(../images/bl_qq.png) center center no-repeat; height: 100%;}
.bl_phone>div:nth-child(2) div:hover{background-image:url(../images/bl_qq.gif)}
.bl_phone>div:nth-child(1) div:hover{background-image:url(../images/bl_phone.gif)}
.bl_phone div:hover{background:#000;}
.bl_fade{top: 240px;opacity: 1;}
.bl_fadeOut{top:-350px;opacity: 0;}
.bl_phone a{display:block;width: 100%;height: 100%;}

/*******  about  *******/
.news-banner .bl_contact_outer .menu-contact ul a{color:#c81c24;}
.bl_nav > .menu-contact{top:20px;}
.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:24px;}

 
.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{margin: 85px auto 0;width: 85%;background:#f2f2f2;}
.bl_about_box1_l img{width: 100%;}
.bl_about_box1_r{padding: 3% 5%;text-align: justify;}
.bl_about_box1_r p{font-size:16px; line-height: 2em;margin-top:10px;}
.bl_about_box1_r h1{font-size:38px; color: #cb1c24;padding-bottom: 40px;}
.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 .adr.bl_about_foot a{color: #909090;}
footer.contact{padding:0;}
.bl_about_foot_nav ul{padding:30px 0 20px;}
.bl_about_foot_nav ul li{display: inline-block;padding: 0 5px;}
.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:24px;}
#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(../images/hbb-icon.png) center center no-repeat;}
.bl_menusj_b.menusj{right: 30px;top: 4px;}
.bl_menusj_b_r.menusj a{background:url(../images/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;}
	
	.menu ul li {
    width:70px;
    margin-right: 10px;}

}
@media (max-width: 1200px){
	.menu-contact{opacity: 0;display:none;}
	.menu{ right:70px;}
	
	.menu.bl_nav_menu_r_c{right:20px;}
		/****  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;}
	.saibo-btn2{width:60px;height: 60px;}
	.saibo-menu ul{background: rgba(200,28,36,.85);}
	.saibo-menu ul img{top:-25px;}
	.bl_about_we,#aboutus .more a{margin:0;background: url(../images/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;}
    .saibo-menu ul:hover img{top:-30px;}
    .bl_load_bg{background-size:cover;}
    #status p{letter-spacing:4px;}
    .bl_banner_load{display:none;}
    .news-box .news-tit a span{display:none;}
    #preloader{display:none;}

}

@media (max-width: 768px){
	.menu-contact{opacity: 0;}
	.bl_about .news-box .banner-tit p:nth-child(1){font-size:30px;line-height: 1.5em;}
	.bl_about_box1_r p i{display:none;}
	.bl_banner_txt h3{font-size:60px;padding-bottom: 15px;}
	.bl_banner_txt h2{font-size:30px;padding-bottom: 10px;}
	.bl_banner_txt h1{letter-spacing: 20px;padding-left: 16px;}
	.bl_banner_txt h4{width: 200px;height: 40px;line-height: 40px;}
	.bl_about_wo_con div div p{font-size:12px;padding: 10px 0 30px;}
	.bl_about_we_txt{padding-left:0px;}
	.bl_about_we_txt h1{height:70px;line-height: 70px;width: 70px;font-size: 30px;}
	footer.contact .adr .left p, footer.contact .adr .right p{font-size:14px;}
	.bl_nav{height:50px;}
	.news .more{background:none;}
	.sline22{display:none;}
	.bl_about_team_txt{width:90%;font-size: 24px;margin-left: -340px;}
	#status>div{height:1px;width: 265px;background: #fff;}
    #status p{letter-spacing:3.8px;color:#fff;font-size: 16px; position: absolute;top: -30px;}
	@keyframes logo_rotate
	{
	0 {transform: translateX(0)}
	50% {transform: translateX(215px)}
	100% {transform: translateX(0)}
	}
	@-webkit-keyframes logo_rotate /* Safari 和 Chrome */
	{
	0 {transform: translateX(0)}
	50% {transform: translateX(215px)}
	100% {transform: translateX(0)}
	}
	#tel_ccsb{display:block;}
	
}
@media (max-width: 750px){
	.bl_about_team_txt{display:none;}
}
@media (max-width: 660px){
	.aboutus{padding:0;}
	.bl_about_wo_con .bl_about_wo_tit img{width:90%;}
	.bl_about_wo_con div div{width:100%;padding: 10px 0;}
	.bl_about_wo_con div div br{display:none;}
	.bl_about_we_txt{display:none;}
	.bl_sj.bl_about_we_txt{display:block;}
	.bl_about_we_txt{width:100%;text-align: center;padding: 0 0 20px;}
	#aboutus .bl_more div{left:0px;}
}
@media (max-width: 520px){
	.contactus h2{font-size:18px;}
	.contactus{width:100%;left: 0;margin-left: 0;padding: 20px 10px;height: 200px;}
	.lxwm{width:100%;height: 50px;line-height: 50px;}
	.contactus .txt{width:70%;font-size: 14px;height: 50px;top: -2px;}
	.jtkf{width:29%;height: 48px; border-radius:0;margin-left: 0;}
	.lxwm:before{width:100%;height: 48px;}
	.lxwm:hover{width:100%;height: 48px;line-height: 48px;}
	.contactus .txt2{width:100%;}
	.zbxy{width:48%;padding-left: 0;font-size: 18px;background: url(../images/delete.png) 0 10px no-repeat;}
	.ljzx{width: 50.5%;height: 48px; border-radius: 0;font-size: 18px;margin-top: 0;background: #ce1c24 url(../images/zx.png) no-repeat 2px center;margin-left: 0;padding-left: 42px;}
}
@media (max-width: 495px){
	.bl_banner_txt h3{font-size:30px;padding-bottom: 15px;}
	.bl_banner_txt h2{font-size:14px;padding-top: 80px;}
	.bl_banner_txt h1{/*display: none;*/}
	.bl_banner_txt h4{width: 150px;height: 30px;line-height: 30px;font-size: 16px;}
	.logo {left: -18px;top: 6px;width: 170px;}
	.menusj {right: 10px;top: 6px;}
	.bl_menusj_b_r.menusj{top: 6px;}
	.sj-service .service-box .txt p{font-size:14px;line-height: 2em;}
	/*.bl_phone>div div{background-size: 50%!important;}
	.bl_phone{width:50px;height: 100px;}
	.saibo-btn2{width:50px;height: 50px;}
	.saibo-menu ul img,.saibo-menu ul:hover img{top:-29px;}*/
	footer.contact .adr .left p, footer.contact .adr .right p{font-size:12px;padding: 0;}
	.aboutus{padding:0;}
	.bl_about_wo_con .bl_about_wo_tit img{width:90%;}
	.bl_about_wo_con div div{width:100%;padding: 10px 0;}
	.bl_about_wo_con div div br{display:none;}
	.bl_about_we_txt{display:none;}
	.bl_sj.bl_about_we_txt{display:block;}
	.bl_about_we_txt{width:100%;text-align: center;padding: 0 0 20px;}
	#aboutus .bl_more div{left:0px;}
	.bl_about_wo_con .bl_about_wo_tit{padding:40px 0;}
	.bl_nav{height:50px;z-index: 3;}
	.bl_menusj_b.menusj {right: 15px;top: 5px;}
	.bl_about .news-box .banner-tit p:nth-child(1){font-size:22px;}
	.news-box .banner-tit{left:17px;}
	.news-box .news-banner {background: url(../images/bl_aboutBanner.jpg) center right no-repeat;}
	.bl_about_team_hover i{ font-size: 14px;}
    .bl_about_team_hover em{font-size: 20px;}
    .bl_about_team_hover:hover em{margin-top:-38px}


}
@media (max-width: 375px){
	.bl_banner_txt h2{padding-top: 45px;}
	.bl_banner_txt h3{font-size:26px;padding-bottom: 10px;}
	.bl_about .news-box .banner-tit p:nth-child(1) {font-size: 16px;}
	.bl_about_box1_r p{font-size:14px;}
	.bl_about_box1_r h1, .bl_hover_txtline em, .bl_hover_txtline i{font-size:20px;}
}

/******   5.23修改   ******/

.hwslider{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}
@media (max-width: 768px){height:966px;}

/*  ajax加载动画  */
body{position:relative;}
.bl_loading_ball{position:fixed;left:0;right:0;bottom:0;top:0;background:rgba(255,255,255,.8);display:none;z-index:10002;}
.bl_loading_ball div{position:absolute;top:50%;left:50%;}
.bl_loading_ball i{
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  background: #00b3d5;
 
}
.bl_loading_ball i:first-child{
  animation:loading9-ani2 0.5s linear infinite;
  opacity: 0;
  transform:translate(-20px);
}
.bl_loading_ball i:nth-child(2),
.bl_loading_ball i:nth-child(3){
  animation:loading9-ani3 0.5s linear infinite;
}
.bl_loading_ball i:last-child{
  animation:loading9-ani1 0.5s linear infinite;
}
@keyframes loading9-ani1{
  100%{
    transform:translate(40px);
    opacity: 0;
  }
}
@keyframes loading9-ani2{
  100%{
    transform:translate(20px);
    opacity: 1;
  }
}
@keyframes loading9-ani3{
  100%{
    transform:translate(20px);
  }
}
/* 2017.6.19 */
.news-box .bl_banner{height:auto;}
.menu-contact,.menu-contact:hover .bl_contact_outer{width:280px;}

.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: 12%;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: 20%;height: 16px;}
.carousel-indicators>li:nth-child(2).active{background:#489bd6;width: 20%;height: 16px;}
.carousel-indicators>li:nth-child(3).active{background:#ff6c00;width: 20%;height: 16px;}
.carousel-indicators>li:nth-child(4).active{background:#4db0cf;width: 35%;height: 16px;}
.carousel-indicators>li:nth-child(5).active{background:#85148a;width: 20%;height: 16px;}
.carousel-indicators>li:nth-child(6).active{background:#34ab75;width: 20%;height: 16px;}
.carousel-indicators{width:47%;left:33%;bottom:35%;}
.home-slider #item-4{ background-image: url(../images/news-4.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:230px;}

.bl_nav > .menu-contact.bl_nav_r_t_c{top:20px;}
.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:70%;top: 36%;}
a.carousel-arrow{margin-top: 1.88%;}
.carousel-indicators>li{background:#bbb;width: 10%;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: 20%;height: 16px;}
.carousel-indicators>li:nth-child(2).active{background:#489bd6;width: 20%;height: 16px;}
.carousel-indicators>li:nth-child(3).active{background:#ff6c00;width: 20%;height: 16px;}
.carousel-indicators>li:nth-child(4).active{background:#4db0cf;width: 20%;height: 16px;}
.carousel-indicators>li:nth-child(5).active{background:#85148a;width: 20%;height: 16px;}
.carousel-indicators>li:nth-child(6).active{background:#34ab75;width: 20%;height: 16px;}
.carousel-indicators{width:67%;left:33%;bottom:35%;}
.home-slider #item-4{ background-image: url(../images/news-4.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:14px;}
#f_a *{font-size:12px;}
/*底部新闻下边那条线*/
footer.contact .adr .left{border-right:1px solid #555;}
footer.contact .adr .left p, footer.contact .adr .right p{padding:1.5px 5px;}
footer.contact .adr .left p:first-child, footer.contact .adr .right p:first-child{position:relative;top: -6px;}
footer.contact .adr .left p:last-child, footer.contact .adr .right p:last-child{position:relative;bottom: -6px;}

/*底部导航交互那条线*/
.bl_about_foot_nav a{width:70px;}
.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: 14px;color:#fff;height: 10px;line-height: 10px;}*/
	.bl_banner_txt h1,.bl_banner_txt h2,.bl_banner_txt h4{/*display:none;*/}
	#video_up.active .bl_banner_zzwz img{/*padding-top:23%;*/}
	.bl_banner_1_m{display:block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;}
	.bl_banner_1_m img{width:100%;}
	#video_up:before{    background: rgba(0,0,0,0.1);}
	#bl_banner li.active .bl_typed_zw_out{display:none;}
}
/*2017.6.22*/
.sd622{position:absolute;bottom: 18%;left: 8%; color:#fff;font-size: 28px;width: 35.84%;}
.sd622 img{width:66%;}
.sd622_1{margin-bottom:30px;position: relative;left: -30%;visibility: hidden;opacity: 0;transition: 1s ease-out;-webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;}
#bl_banner li.active .sd622_1{left:0;visibility: visible;opacity: 1;}

.sd622_2{margin-bottom:60px;position: relative;left:-30%;visibility: hidden;opacity: 0;transition: 1s .6s ease-out;-webkit-transition: 1s .6s ease-out;-moz-transition: 1s .6s ease-out;}
#bl_banner li.active .sd622_2{left:0;visibility: visible;opacity: 1;}

.sd622 p{font-size:18px;position: relative;left: -30%;visibility: hidden;opacity: 0;transition: 1s .8s ease-out;-webkit-transition: 1s 1.2s ease-out;-moz-transition: 1s 1.2s ease-out;}
#bl_banner li.active .sd622 p{left:0;visibility: visible;opacity: 1;word-break:keep-all; white-space:nowrap; }

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

.case2-list ul{margin-top:50px;}
.case2-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){
.case2-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;}

.case2-list ul li>a{position:relative;}
.case2-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);}
  .case2-list ul li.bl_case_end >a:after  {display:none;}
    
  
.case2-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;}
.case2-list ul li a{overflow:hidden;}
.case2-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%;}
.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(../images/bl_print.jpg) 0 0 no-repeat;color:#949494;cursor: pointer;}
.bl_font{padding-left:15px;}
.bl_font a{color:#949494;margin: 0 3px;cursor: pointer;}
.bl_font a:hover{color:#b50b2b;}
.bl_font a.on{color:#f00;}
.bl_new0727 .detail-cont{width:calc(100% - 360px);float: left;}
.bl_hot_news{width:320px;margin-left:36px;float: left;margin-top: 54px;}
.detail-cont .txt p{line-height:1.9em;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(../images/r_tit.jpg) 2px 4px no-repeat; padding:0px 10px 8px 15px; font-weight:bold;position: relative;font-size: 14px;}
.rblock_tit:after{content:'';position: absolute;left: 0;top:2px;width: 3px;height: 15px;background:#d11725;}
.rblock_con{margin:10px 8px;}
.rblock_con ul{ list-style:none; overflow:hidden;}
.rblock_con ul li{ padding:5px 0px; white-space:nowrap; overflow:hidden;  text-overflow:ellipsis; line-height:20px;}
.rblock_con ul li span{ width:18px; display:inline-block; vertical-align:middle;   margin:0px 3px;background:url(../images/rb_li.jpg) 0px 4px no-repeat; text-align:center; color:#fff;  font-family:Arial, Helvetica, sans-serif;}
.rblock_con ul li span.an{background:#ff0000; border-radius:2px; text-align:center; color:#fff;}
.rblock_con ul li a{ color:#333333; padding-left:16px; font-size: 14px; vertical-align:middle;background: url(../images/hot_new.jpg) 0 3px no-repeat;}
.bl_about_box1_r{padding:5%;}
.bl_about_box1_r:hover .bl_hover_txtline em{opacity:0;}
.bl_hover_txtline i.bl_hover_txtline em{font-size:28px;}
.bl_about_box1_r .bl_hover_txtline{margin-top:8%;}
.bl_about_box1_r h1{font-size:32px;}
/*2017.7.27*/
.detail-cont h1{font-size:28px;}
.rblock_con ul li a:hover{color:#f00}
.detail-cont .txt .bl_font_bbb{font-size:18px!important;}
.detail-cont .txt .bl_font_mmm{font-size:16px!important;}
.detail-cont .txt .bl_font_sss{font-size:14px!important;}

 

@media (max-width:1400px){
	.bl_about_box1_r{padding:3% 4% 0;}
}
@media (max-width:1300px){
	.bl_abt_cl_inner{width:100%;padding: 6%;}
	.bl_abt_in.cur .bl_abt_cl_inner_img{width:30%;}
	.bl_abt_cl_inner_img img{width:100%;}
	.bl_abt_cl_inner p{font-size:24px;}
	.bl_abt_cl{top:37%;}
	.bl_abt_in > img{height:100%;}
	.bl_abttt{height:750px;}
	.bl_about_box1_r h1{font-size:28px;}
	.bl_hover_txtline em, .bl_hover_txtline i{font-size:20px;}
}
.bl_icon_close{display:none;}
@media (max-width:1023px){
	.bl_about_box1_r:hover .bl_hover_txtline em{opacity:1;}
	.bl_about_box1_r .bl_hover_txtline{margin-top:1%;}
	/*2017.7.27*/
	.bl_new0727 .detail-cont{width:calc(100% - 288px);}
	.bl_hot_news{width:266px;margin-left:20px;}
	.detail-cont h1{font-size:26px;}
	.hwslider ul li>img.bl_banner_3,.bl_banner2_txt>img,.hwslider ul li>img.bl_banner3_pc{display:none;}
	#video_up.active .bl_banner_zzwz img{padding-top:60%;width:80%;}
	.bl_banner_txt h1{font-size:28px;letter-spacing: 13px;padding-top:86%;padding-left:6px;}
	.bl_banner_txt h2{font-size:18px;letter-spacing: 6px;margin-top: 0;padding: 0;color:#fff;}
	.bl_banner_txt h4{font-size:18px;background: none;    color:#f01600;}
	.sd622_1{transition-delay: 0s;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;}
	.sd622_2{transition-delay: 0.25s;-webkit-transition-delay: 0.25s;-moz-transition-delay: 0.25s;}
	/*2017.7.24*/
	#bl_banner .bl_cons{width:68%;left: 17%;height: 44px;}
	#bl_banner .bl_cons .dots{line-height:38px; width:58%;}
	.bl_banner_txt h1,.bl_banner_txt h2,.bl_banner_txt h4,.bl_banner_zzwz img{transition-property:opacity;-webkit-transition-property:opacity;}
	.bl_banner_txt h1{transition-delay:.1s;}
	.bl_banner_txt h2{transition-delay:.2s;}
	.bl_banner_txt h4{transition-delay:.3s;}
	/*2017.7.26*/
	.bl_cons .arr{display:none;}
	.bl_about_wo_tit{margin:20px 0;}
	.bl_about_box1_more .more{width:100%;}
	.bl_about_box1_more{margin: 5% 0 0;width: 95%;}
	.more .line{width:85%;}
	.more .maa{width:13%;}
	.bl_abt_nav>span{width:30px;margin-right: 30px;}
	.bl_abt_nav{margin-left:-94px;}
	.bl_new0727 .detail-cont{width:calc(100% - 288px);}
	.bl_hot_news{width:266px;margin-left:20px;}
	.ipad_only{display:block!important;}
	/*2017.8.2*/
	.saibo-btn2 {right:20px;}
	.bl_phone{right:82px;}
	.bl_icon_close{width:18px;position: fixed;bottom:-7%;right: 0;height: 60px;background:#f00;background:rgba(200,28,36,.85) url(../images/Arrow_right.png) center center no-repeat ;background-size: 80%; display: block;opacity: 0;transition: .5s;z-index:101}
	.iamclosed{background-image:url(../images/Arrow_left.png);height: 30px;border-radius:30px 0 0 30px;}
	.bl_icon_close.scroll2{opacity:1;bottom: 0;}
	.saibo-menu ul:hover img{top:-25px;}
	.saibo-menu ul:hover{background: rgba(200,28,36,.85);}
	.saibo-menu ul:active{background:#000;}
}
@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;}
    }

.bl_moveToBottomEasing {
	-webkit-animation: moveToBottom .7s ease-in-out both;
	-moz-animation: moveToBottom .7s ease-in-out both;
	animation: moveToBottom .7s ease-in-out both;
}
.bl_moveFromTop {
	-webkit-animation: moveFromTop .6s ease both;
	-moz-animation: moveFromTop .6s ease both;
	animation: moveFromTop .6s ease both;
}
.bl_moveToTopEasing {
	-webkit-animation: moveToTop .7s ease-in-out both;
	-moz-animation: moveToTop .7s ease-in-out both;
	animation: moveToTop .7s ease-in-out both;
}
.bl_moveFromBottom {
	-webkit-animation: moveFromBottom .6s ease both;
	-moz-animation: moveFromBottom .6s ease both;
	animation: moveFromBottom .6s ease both;
}
@-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(../images/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;
	}
}












/*about*/





.gy {
	padding:0 0 80px 0;
	text-align: center;
}

.g1 {
	color: #333;
	font-size: 36px;
	line-height: 1;
	margin-bottom: 0.52rem;
}

.g2 {
	width: 1020px;
	display: inline-block;
	font-size: 16px;
	color: #666;
	line-height: 35px;
}


.gu {
	height: 5rem;
	background: url(../images/z-g1_02.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 5rem;
}

.gup {
	width: 1020px;
	margin: 0 auto;
	line-height: 50px;
	display: inline-block;
	vertical-align: middle;
}

.g-tb {
	width: 11.8rem;
	height: 4.7rem;
	margin: 0.8rem auto;
}

.wrapper {
	width: 11.8rem;
	height: 4.7rem;
	position: relative;
}

.imgList {
	width: 6.65rem;
	height: 4.1rem;
	z-index: 10;
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden;
}

.imgList li{
	position: absolute;
	left: 0;
	top: 0;	
}

.imgList li a img {
	width: 6.65rem;
	height: 4.1rem;
	overflow: hidden;
}
.imgList li:first-child{
	display: block;
	opacity: 1;
	margin-left: 0;
}
.imgList li {
	opacity: 0;
	margin-left: .8rem;
}

.infoList {
	width: 10.64rem;
	height: 4.22rem;
	background-color: #307BDA;
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
}

.infoList li {
	opacity: 0;
	position: absolute;
	left: 0.8rem;
	top: 0;
}
.infoList li:first-child{
	opacity: 1;
	left: 0;
}

.g-tb1 {
	font-size: 14px;
	color: #84b7f6;
	margin-left: 6.45rem;
	margin-top: 1.2rem;
}

.g-tb2 {
	font-size: 36px;
	margin-left: 6.45rem;
	margin-top: 0.2rem;
}

.g-tb3 {
	width: 4.1rem;
	font-size: 16px;
	line-height: 1.6;
	/*margin-left: 6.45rem;*/
	/*margin-top: 0.55rem;*/
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-right: 1rem;	
	overflow: hidden;
	position: absolute;
	/*bottom: -1.5rem;*/
	top: 2.8rem;
	left: 6.45rem;
}

.g-tb3 p {
	width: 4rem;
	height: 0.3rem;
	overflow: hidden;
}

.g-pre,
.g-next {
	width: 1.95rem;
	height: 0.5rem;
	color: #fff;
	font-size: 0.16rem;
	text-align: center;
	line-height: 0.5rem;
	z-index: 300;
	position: absolute;
	bottom: 0.23rem;
	cursor: pointer;
}

.g-pre {
	right: 2.6rem;
	background: url(../images/z-left_03.png) 0.3rem center no-repeat;
	background-size: 0.1rem 0.17rem;
	background-color: #5A98E9;
}

.g-next {
	right: 0.6rem;
	background: url(../images/z-right_03.png) 1.55rem center no-repeat;
	background-size: 0.1rem 0.17rem;
	background-color: #5A98E9;
}
.g-pre:hover,.g-next:hover{
	background:#37C2D3; 
}
.g-md{
	display: none;
	margin-bottom: .5rem;
}
.g-md-con{
	width: 15rem;
	margin: 0 auto;
}
.g-md img{
	width: 15rem;
}
.g-mdp{
	color: #666;
	line-height: .92rem;
	font-size: 14px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
}
.g-mdc{
	
}
.g-wd img {
	width: 19.2rem;
	height: 6.5rem;
	max-width: 100%;
}

.g-foot {
	height: 2.8rem;
	background-color: #F1F1F1;
	overflow: hidden;
}
.g-foot1{
	width: 14.6rem;
	margin: 1rem auto;
	overflow: hidden;
	text-align: center;
	
}
.g-foot1>div {
	width: 25%;
	float: left;
	font-size: 0;
}
.g-foot div p:first-child {
	font-size: 0.7rem;
	color: #333;
	line-height: .6;   
	margin-top: .1rem;
}
.g-foot1>div:last-child{
	padding-right: .6rem;
}
.g-foot div p:last-child {
	font-size: 14px;
	color: #666;
	margin-top: .09rem;
	line-height: 1;
}
.g-foot div p:last-child span{
	line-height: 1;
}
.number1,
.number2,
.number3,
.number4 {/*
	height: .7rem;
	line-height: .7rem;*/
	display: inline-block;
	text-align: center;
}





/*服务*/





.d-title {
	color: #333333;
	text-align: center;
}

.d-title p {
	display: block;
	color: #666666;
	font-size: 20px;
}

.d-title h3 {
	padding-bottom: 35px;
	color: #333333;
	font-size: 36px;
	padding-top: 95px;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

.d-content {
	/*width: 1800px;*/
	margin: 0 auto;
	padding: 0 60px;
	padding-top: 75px;
}

.d-content .d-list {
	float: left;
	width: 33.3%;
	box-sizing: border-box;
	border: 1px solid #f0f0f0;
	padding-bottom: 120px;
	box-sizing: border-box;
}
.d-content .d-list em {
	display: block;
	color: #666666;
	font-size: 16px;
	margin-top: 40px;
	text-align: center;
	margin-bottom: 28px;
}

.d-content .d-list span {
	color: #333333;
	font-size: 38px;
	margin-bottom: 25px;
	display: block;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.d-content .d-list p {
	width: 310px;
	margin: 0 auto;
	color: #666666;
	font-size: 14px;
	line-height: 22px;
	text-align: center;	
	/*height: .7rem;*/
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.d-content .d-list img {
	display: block;
	margin: 0 auto;
	margin-top: 120px;
}

.d-content .d-list:hover {
	box-shadow: 0px 0px 30px  rgba(0,0,0,.1);
}
.d-content .d-list img{
	transition: all ease-out .5s;
}
.d-content .d-list:hover span {
	color: #357dd7;
}

.d-case {
	overflow: hidden;
	width: 1180px;
	/*width: 11.8rem;*/
	/*width: 80%;*/
	margin: 0 auto;
	padding-top: 80px;
	position: relative;
	padding-bottom: 80px;
}

.d-case .left {
	width: 455px;
	float: left;
	margin-top: 30px;
}

.d-case .left span {
	display: block;
	text-align: center;
	color: #333333;
	font-size: 30px;
	margin-bottom: 70px;
}

.d-case .left p {
	color: #666666;
	font-size: 14px;
	line-height: 34px;
}

.d-case .left a {
	display: block;
	width: 220px;
	height: 60px;
	box-sizing: border-box;
	border: 1px solid #b5b5b5;
	color: #357dd7;
	font-size: 14px;
	line-height: 60px;
	text-align: center;
	margin: 0 auto;
	margin-top: 85px;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
}
.d-case .left a:hover{
	background-color: #357dd7;
	color: #fff;
	border: 1px solid #357dd7;
}
.d-case .right{
	float: right;
}
.d-case .right .al1 {
	position: absolute;
	right: 0;
}

.d-case .right .al2 {
	position: absolute;
	right: 2.85rem;
	top: 4.5rem;
}

.d-case .right .al3 {
	position: absolute;
	right: 0;
	top: 4.5rem;
}




.pull-right {
    float: none!important;
}


.page-box{ text-align:center;}

div.digg {
    display: inline-block;
}

div.digg {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 14px;
}




#rightFloat {
	position: fixed;
	top: 350px;
	right: 0;
	width: 50px;
	z-index: 9998; font-size:14px;
}

#rightFloat a {
	transition: all .3s ease-in-out;
	left: 0;
	color: #FFF;
	display: block;
	width: 500px;
	height: 50px;
	line-height: 50px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.8);
	margin-bottom: 2px;
	position: relative;
}

#rightFloat a.sildeLeft:hover {
	left: -110px
}

#rightFloat a img {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 10px 13px 0 13px;
}

.erweima {
	display: none;
	transition: all .3s ease-in-out;
	position: absolute;
	left: -130px;
	top: 48px;
	width: 130px;
	height: 140px;
	padding: 10px 10px 20px 10px;
	background-image: url(../images/erweima-bg.png);
}

.erweima img {
	display: block;
	width: 110px;
	height: 110px;
}


/*分页*/
.pagination {
    TEXT-ALIGN: center; margin-top:20px;
    padding-bottom:30px; font-size:14px;
    color: #888;
}


.pagination a {
    display: inline-block;
    font-size: 14px;
    height: 33px;
    line-height: 33px;
    padding: 0 12px;
    margin: 3px;
    background-color: #f5f5f5;
    border-radius: 3px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid #e6e6e6;
    text-align: center;
    color: #333;
}


.pagination span {
    display: inline-block;
    font-size: 14px;
    height: 33px;
    line-height: 33px;
    padding: 0 14px;
    background-color: #f5f5f5;
    border-radius: 3px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid #e6e6e6;
    text-align: center;
    color: #333;
}

.pagination li {
    display: inline;
  text-decoration:none;
  color:#808080;
}
 

.pagination .active a{
	
	display: inline-block;
    font-size: 14px;
    height: 33px;
    line-height: 31px;
    padding: 0 14px;
    margin: 5px;
    background-color: #fff;
    border-radius: 3px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid #e6e6e6;border:1px #e62022 solid;
    text-align: center;
    color: #333;
}

.pagination a:hover{
  color:#e62022;
  background: white;
  border:1px #e62022 solid;
}

.pagination .thisclass {
    background: #2a6eb5;
 
  background:#e62022;
  color:#fff;
}


.pagination .current {
    background: #2a6eb5;

  background:#e62022;
  color:#fff;
}

.pagination ul li a {
    color: #888;
}