/*头部（logo+导航）*/
.header { 
	z-index: 99999;position: fixed;left: 0;top: 0;width: 100%;height: 120px;padding: 20px 5%;background-color: rgba(255,255,255,0.8); 
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-animation: gupIn 1s 0.1s both;
	-moz-animation: gupIn 1s 0.1s both;
	animation: gupIn 1s 0.1s both;
}
.header .logo img { height: 72px;}
.header_menu .nav{ margin-right: 60px;}
.header_menu ul li{ float: left; }
.header .header_menu ul li a{ font-size: 16px; color: #222;line-height: 70px; margin: 0 15px;padding-bottom: 18px;}
.header_phone{ font:normal 22px/128px 'gotham-medium'; color: #222; padding-left: 30px;line-height: 70px; float: right;background: url(../images/Tel.png) no-repeat center left;}

.header_menu ul li a:hover { color: #f16200; border-bottom: 1px solid #F16200;}
.header_menu .nav ul .active_nav a { color: #f16200; border-bottom: 1px solid #F16200;}

.header_hide{ height: 80px;padding-top: 10px;}
.header_hide .logo img{ height: 56px;}
.header_hide .header_menu{ padding-top: 5px;}
.header_hide .header_menu ul li a{ padding-bottom: 10px;}


/*banner*/
.index-banner li{list-style-type:none;}
.js-container {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
    -webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
    -moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
}
.js-container.active {
    transform:translateX(560px);
    -webkit-transform: translateX(560px);
    -moz-transform: translateX(560px);
    transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
    -webkit-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
    -moz-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
}
/*.js-container.on {*/
    /*transform: translateX(10px);*/
    /*-webkit-transform: translateX(10px);*/
    /*-moz-transform: translateX(10px);*/
/*}*/
@media (max-width:1400px){
    .navBar {width:60px;height:170px;}
    .navBar .bar-logo {right:14px;width:35px;height:35px;}
    .navBar .bar-logo img:first-child {max-width:100%;}
    .navBar .bar-menu {width:60px;height:70px;}
    .navBar .bar-menu i {left:18px;}
    .navBar .bar-menu i.bar-top{ bottom:44px;}
    .navBar .bar-menu i.bar-cen{ bottom:37px;}
    .navBar .bar-menu i.bar-bom{ bottom:30px;}
    .navBar .bar-menu i.bar-left,
    .fixed-menu .close-bar i.bar-left,
    .navBar .bar-menu i.bar-right,
    .fixed-menu .close-bar i.bar-right{  bottom:37px;  }
    .fixed-menu .sub-menu-phone {padding:0 30px;}
    .fixed-menu .sub-menu-phone ul li a font {font-size:26px;}
    .fixed-menu .sub-menu-phone ul li a small {font-size:28px;}
}
@media (max-width:991px){
    .navBar {transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        top: 0;
        margin-top: auto;
        width: 100%;
        height: 60px;
        background-color: #fff;}
    .navBar.show {background:#fff;}
    .navBar.visble {transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);}
    .serviceNavBarWrap .navBar.show,.serviceNavBarWrap .navBar {background:#0e0e0e;}
    .serviceNavBarWrap .navBar .bar-menu i span {background: #fff;}
}
@media (max-width:991px){
    .navBar .bar-logo {top:13px;left:4.5%; width:auto;height:34px;}
    .navBar .bar-logo img:first-child {display:none}
    .navBar .bar-logo img:last-child {display:block;width:auto;height:100%;}
    .navBar .bar-menu {z-index:1001;position:fixed;right:4.5%;width:60px;height:60px;}
    .navBar .bar-menu i span {background:#333;}
    .navBar .bar-menu.active i span {background:#fff;}
    .navBar .bar-menu i.bar-top {bottom:35px;}
    .navBar .bar-menu i.bar-cen,
    .navBar .bar-menu i.bar-left,
    .navBar .bar-menu i.bar-right{  bottom: 30px;  }
    .navBar .bar-menu i.bar-bom {  bottom: 25px;  width: 22px;  }
    .fixed-menu {z-index:999;left:auto;right:0;width:80%;transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);}
    .fixed-menu .close-bar {    z-index: 1001;  position: fixed;top:10px;  right: 10px; display:block; width: 60px;  height: 60px;cursor:pointer;}
    .fixed-menu .close-bar i.bar-right,
    .fixed-menu .close-bar i.bar-left {left:15px;bottom:30px;}
    .fixed-menu .sub-menu-phone {left:auto;right:0;width:100%;}
    .fixed-menu .sub-menu-phone ul {top:45%;width:100%;padding:0 30px;}
    .fixed-menu .sub-menu-phone .phone-wrap {left:auto;}
    .fixed-menu .sub-menu-phone .phone-wrap .phone a{font-size:18px;}
    .js-container.active {transform: translateX(-80%);
        -webkit-transform: translateX(-80%);
        -moz-transform: translateX(-80%);}
}

.index-banner {
    position:static;
    width:100%;
    height:100vh;
    overflow:hidden;
}
.index-banner .en {
    font-family:'gotham-medium';
}
.index-banner .swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.index-banner .carousel-inner{
    position: absolute;
    top: -60px;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 60px;
    overflow: hidden;
    /*cursor: -webkit-grab!important;*/
    /*cursor: grab!important;*/
}
.page-header-fullscreen-trame {
    position:absolute;
    left:-10%;
    top:-10%;
    width:120%;
    height:120%;

}
@media (min-width: 768px) {
    .index-banner .carousel-inner{
        position: absolute;
        top: 0;
        padding-top: 0;}

}
.index-banner .carousel-item {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 10;
    opacity:0;
    transition: .6s opacity cubic-bezier(.19,1,.22,1);
    cursor: move;
    touch-action: pan-y;
    user-select: none;
}
.index-banner .carousel-item .video-inner {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 8;
    width: 2560px;
    margin-left: -1280px;
    background-color: #fff;
    text-align: center;
}
.index-banner .carousel-item .video video {
    position:relative;
    display: inline-block;
    vertical-align: baseline;
}
.index-banner .carousel-item.carousel-item-prev {
    transform-origin:center right;
    transform: translateX(-100%);
}
.index-banner .carousel-item.carousel-item-next {
    transform-origin:center right;
    transform: translateX(100%);
}
.index-banner .carousel-item:active {
    cursor: -webkit-grab!important;
    cursor: grab!important;
}
.index-banner .carousel-item.active {
    z-index: 15;
    opacity:1;
    transform-origin:center right;
}
.static .carousel-item {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    cursor: default !important
}

.static.is-mobile .carousel-item {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 0
}
.index-banner .carousel-item-inner {
    position: absolute;
    width: 100%;
    height: 100%;
}
.carousel-item-image-wrapper {
    position:relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.carousel-item-image-wrapper:before {
    z-index: 20
}

.carousel-item-image-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .2;
    background-color: #000;
    z-index: 8
}

@media (min-width: 768px) {
    .carousel-item-image-wrapper:after {
        content: none
    }
}

.carousel-item-image {
    /*position: relative;*/
    height: 100%;
    width: 100%;
    overflow: hidden
}

.carousel-item-image:before {
    opacity: .2;
    z-index: 20
}
.banner-background {
    position:absolute;
    left:0;
    top:0;
    width:100%;}
.carousel-item-image img {
    position:relative;
    width: 100%;
    height:100%;
    max-width: none;
    z-index: 10;
}
.index-banner .swiper-inner-text-wrap {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    text-align:center;
}
.carousel-item1 .page-header-fullscreen-text { background:rgba(0,0,0,.1);}

.index-banner .swiper-inner-text {
    position:absolute;
    top:50%;
    left:12%;
    right:12%;
    width:auto;
    color:#fff;
    line-height:1.3;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
}
.index-banner .carousel-item2 .swiper-inner-text {
   text-align:left;
}
.index-banner .carousel-item2 .cansual-title {
    font-size:48px;
    color:#fff;
}
.index-banner .cansual-line {
    width:0;
    height:3px;
    margin:25px 0 20px;
    background:#fff;
}
.index-banner .cansual-des {
    font-size:18px;
    color:#fff;
    line-height:1.8;
}
.index-banner .carousel-item3 .cansual-des {width:50%;margin-bottom:25px;}
.index-banner .carousel-item2 .cansual-des {
    text-align:left;
    font-size:38px;
}
.index-banner .carousel-item .cansual-title {
    margin-bottom:10px;
    font-size:48px;
    color:#fff;
    text-align:left;
}
.index-banner .carousel-item3 .cansual-item-title .en-word {
    display:block;
    padding-bottom:15px;
    font-family:'AkzidenzGrotesk-BoldCondAlt';
    font-size:84px;
    color:#fff;
    line-height:.9;
}
.index-banner .carousel-item4 .swiper-inner-text {
    padding-left:50%;
    text-align:left;
}
.index-banner .carousel-item4 .cansual-item-title {
    font-size:48px;
    color:#fff;
}
.index-banner .carousel-item3 .cansual-des {
    margin-bottom:35px;
}
.index-banner .cansual-item-title {
    position:relative;
    margin-bottom:15px;
}
.index-banner .cansual-item-title .small-title {
    display:block;
    margin-bottom:-10px;
    font-size:20px;
}
.index-banner .cansual-item-title .number {
    font:normal 180px/1 'AkzidenzGrotesk-BoldCondAlt';
    color:#fff;
}
.index-banner .carousel-item3 .cansual-item-title .number {
    padding-bottom:15px;
    font:normal 84px/1 'AkzidenzGrotesk-BoldCondAlt';
}
.index-banner .cansual-item-title .number .add-icon {
    font-size:60px;
    line-height:180px;
    vertical-align:40px;
}
.carousel-item-subtitle-line {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 32px;
    height: 1px;
    margin-left: -16px;
    background-color: rgba(255, 255, 255, .55);
    content: ''
}
.index-banner .cansual-item-title .small-title,
.index-banner .cansual-item-title .number,
.index-banner .cansual-sub-title,
.index-banner .carousel-item .cansual-des,
.index-banner .carousel-item .cansual-line,
.index-banner .carousel-item3 .cansual-title,
.index-banner .carousel-item3 .radiu-button {
    display:block;
    opacity: 0;
    transform: translate3d(0, 150%, 0);
    transition:all 1s;
    transition-delay:.2s;
    overflow:hidden;
}
.index-banner .carousel-item2 .cansual-des {
    transform: translate3d(150%, 0, 0);
}
.index-banner .carousel-item3 .cansual-des,
.index-banner .carousel-item3 .cansual-line,
.index-banner .carousel-item3 .cansual-title,
.index-banner .carousel-item3 .radiu-button {
    text-align:left;
    transform: translate3d(0, -150%, 0);
}
.index-banner .carousel-item .cansual-line {transition-delay:.2s;}
.index-banner .carousel-item3 .cansual-des {transition-delay:.4s;}
.index-banner .active .cansual-item-title .small-title,
.index-banner .active .cansual-item-title .number,
.index-banner .active .cansual-sub-title,
.index-banner .carousel-item.active .cansual-des,
.index-banner .carousel-item3.active .cansual-title,
.index-banner .carousel-item.active .cansual-line,
.index-banner .carousel-item3.active .radiu-button{
    opacity: 1;
    transform: none;
}
.index-banner .carousel-item2 .cansual-title{
    opacity:0;
    transform: matrix(1, 0, 0, 1, 0, -80);
    -webkit-transform: matrix(1, 0, 0, 1, 0, -80);
    -moz-transform: matrix(1, 0, 0, 1, 0, -80);
    transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
    -webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
    -moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;}
.index-banner .carousel-item2.active .cansual-title {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
}
.index-banner .carousel-item .cansual-line {
   width:45px;
}
.index-banner .carousel-item3 .radiu-button {color:#fff;text-align:center;border:1px solid #fff;background:transparent;}
.index-banner .carousel-item3 .radiu-button:hover {color:#333;background:#fff;}

@media (min-width: 768px) {
    .carousel-item-subtitle-line {
        width: 599px;
        margin-left: -300px
    }
}

@media (min-width: 1200px) {
    .carousel-item-subtitle-line {
        width: 799px;
        margin-left: -400px
    }
}

.carousel-item-subtitle-line-timer {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    display: block;
    height: 100%;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}
.active .carousel-item-subtitle-line-timer {
    animation:linewidth 19s;
    -moz-animation:linewidth 19s;
    -webkit-animation:linewidth 19s;
    -o-animation:linewidth 19s;
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
@keyframes linewidth
{
    from {width:0;}
    to {width:100%;}
}

@-moz-keyframes linewidth
{
    from {width:0;}
    to {width:100%;}
}

@-webkit-keyframes linewidth
{
    from {width:0;}
    to {width:100%;}
}

@-o-keyframes linewidth
{
    from {width:0;}
    to {width:100%;}
}
.page-header-fullscreen-text{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 25
}

.collapsing .page-header-fullscreen-text {
    transition: .8s -webkit-transform cubic-bezier(.19, 1, .22, 1);
    transition: .8s transform cubic-bezier(.19, 1, .22, 1)
}

@media (min-width: 768px) {
    .page-header-fullscreen-text {
        padding-top: 100px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .page-header-fullscreen-text:before {
        position: absolute;
        display: block;
        content: "";
        width: 0;
        height: 0;
        background-color: transparent;
        border-radius: 100px;
        box-shadow: 0 0 157px 142px rgba(0, 0, 0, .17);
        left: 50%;
        top: 50%
    }
}

@media (min-width: 768px) and (max-height: 750px) {
    /*.page-header-fullscreen-text {*/
    /*bottom: 150px*/
    /*}*/
}

@media (min-width: 768px) and (min-height: 900px) {
    /*.page-header-fullscreen-text {*/
    /*bottom: 250px*/
    /*}*/
}

.index-banner .cansual-sub-title span {
    display:block;
    font-size:20px;
    line-height:32px;
}
.page-header-bar {
    position: absolute;
    right: 0;
    left:0;
    bottom: 0;
    height: 80px;
    line-height: 80px;
    z-index: 55;
    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;
}
.page-header-bar.active {
    transform: rotateX(90deg) translate3d(0,0,0);
    -webkit-transform: rotateX(90deg) translate3d(0,0,0);
    -moz-transform: rotateX(90deg) translate3d(0,0,0);
}
@media (min-width: 768px) {
    .page-header-collapsed .page-header-bar {
        visibility: hidden;
        transition: none
    }

    .page-header-bar:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -70px;
        height: 70px;
        width: 100%;
        background-color: #fff
    }

    .page-header-bar-hidden .page-header-bar:after, .static.home .page-header-bar:after {
        transition: visibility .4s steps(1, end);
        visibility: hidden
    }

    .no-transition .page-header-bar:after {
        transition: none
    }

    .page-header-collapsed .page-header-bar:after {
        visibility: hidden;
        transition: none
    }
}

@media (min-width: 1200px) {
    .page-header-bar {
        height: 80px;
        line-height: 100px;
        margin-top: -80px;
    }
}

.page-header-bar-inner {
    transition: -webkit-transform .4s;
    transition: transform .4s;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.page-header-bar-hidden .page-header-bar-inner, .static.home .page-header-bar-inner {
    transition: visibility .4s steps(1, end), -webkit-transform .4s;
    transition: visibility .4s steps(1, end), transform .4s;
    visibility: hidden;
    -webkit-transform: rotateX(94deg) rotateZ(0);
    transform: rotateX(94deg) rotateZ(0)
}

.no-transition .page-header-bar-inner {
    transition: none
}

.page-header-collapsed .page-header-bar-inner {
    visibility: hidden;
    transition: none
}

@media (min-width: 768px) {
    .page-header-bar-inner {
        position: absolute;
        width: auto;
        height: 100%;
        right:4.5%;
        left:4.5%;
    }
}

.carousel-bar-inner {
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .carousel-bar-inner {
        width: auto
    }
}
.carousel-bar-title-word {
    padding-left:75px;
    font-size:12px;
    color:#666;
}
@media (max-width:991px) {
    .carousel-bar-title {position:relative;height:100%;}
    .carousel-bar-title-word{position:absolute;top:50%; width:40%; padding-left:4.5%;line-height:1.5;transform:translateY(-50%);}
}
.carousel-scroll-btn {
    z-index:56;
    position:absolute;
    left:50%;
    width:44px;
    height:44px;
    margin-left:-22px;
    border:1px solid #fff;
    border-radius:100%;
    overflow:hidden;
    cursor:pointer;
}
.carousel-scroll-btn .carousel-scroll-btn-icon {
    position:absolute;
    display:block;
    width:44px;
    height:44px;
    margin:0 auto;
    background:url(../images/down-icon2.png) no-repeat center center;
    cursor:pointer;
    animation: downico 1.5s ease-out infinite;
}
@keyframes downico {
    0% {
        top: 0;
        opacity: 1;
    }
    35% {
        top: 50%;
        opacity: 0;
    }
    65% {
        top: -50%;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.carousel-controls {
    position:absolute;
    right:0;
    top:0;
    width:330px;
    height:80px;
    background: rgba(255,255,255,0.75);
}
.carousel-controls .count {
    position:absolute;
    left:0;
    width:135px;
    padding-left:35px;
    font:bold 16px/80px 'Gotham-Book';
    color:#999;
}
.carousel-controls .count span {
    display:inline-block;
    padding:0 3px;
}
.carousel-controls .count .current {color:#333;}
.carousel-controls .controls {
    position:absolute;right:0;}
.carousel-controls .carousel-line {
    z-index:1;
    position:absolute;
    left:50%;
    top:20px;
    display:block;
    width:1px;
    height:30px;
    background:#e5e5e5;
}
.carousel-controls .carousel-control {
    float:left;
    width:60px;
    height:60px;
    cursor:pointer;
}
@media (min-width:1200px){
    .carousel-controls .carousel-line {height:40px;}
    /*.carousel-item2 .carousel-scroll-btn {left:0;margin-left:0;}*/
    .carousel-scroll-btn {bottom:36px;}
    .carousel-controls .carousel-control {width:80px;  height:80px;}
}
.carousel-controls .swiper-button-next,
.carousel-controls .swiper-button-prev {
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
}
.carousel-controls .swiper-button-line {
    z-index:1;
    position:absolute;
    top:31px;
    left:35px;
    display:block;
    width:10px;
    height:18px;
    transition: all .45s ease-out 0s;
    -webkit-transition: all .45s ease-out 0s;
    -moz-transition: all .45s ease-out 0s;
}
.carousel-controls .swiper-button-prev .swiper-button-line {background:url(../images/left-icon3.png) no-repeat center center;}
.carousel-controls .swiper-button-next .swiper-button-line {margin-left:1px;background:url(../images/right-icon3.png) no-repeat center center;}
.carousel-controls .swiper-button-prev:hover .swiper-button-line{ left: 25px;}
.carousel-controls .swiper-button-next:hover .swiper-button-line{ left: 44px;}
.carousel-controls .swiper-button:after{
    content:'';
    position:absolute;
    top:39px;
    display:block;
    width: 14px;
    height: 2px;
    background-color: #333;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.25,.46,.45,.94) 0s;
    transition: transform .45s cubic-bezier(.25,.46,.45,.94) 0s;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.carousel-controls .swiper-button-prev:after {left:28px;}
.carousel-controls .swiper-button-next:after {right:28px;}
@media(min-width:1200px){
    .carousel-controls .swiper-button:hover:after{
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
    }
}

/*我们的服务*/
.index_service { background:#fff; position:relative; padding:90px 0 100px; overflow:hidden; }
@media (max-width:1449px){ .index_service .container {width:91%;}}
.index_service .ser-title{ text-align: center;}
.ser-title .h2-title{ font-size:30px; color: #222; line-height: 40px; }
.ser-title .h2-title .line{ width: 80px; height: 2px; background-color: #bbb;position: absolute;top: 112px;left: 50%;display: block;}
.ser-title .h2-title .fl-line{margin-left:-180px}
.ser-title .h2-title .fr-line{margin-left:100px}
.ser-title span{ font-size:24px;  }

.ser_list{ margin-top: 60px;}
.ser_list ul li{ padding: 4% 2%; background-color: #fff;}
.ser_list ul li .ser_list_icon{ z-index: 1; position: relative; display: inline-block;width: 72px; height: 72px; transition: all .5s ease-in-out;}
.ser_list ul li .icon1{ background: url(../images/ser_icon_1.png) no-repeat center center;}
.ser_list ul li .icon2{ background: url(../images/ser_icon_2.png) no-repeat center center;}
.ser_list ul li .icon3{ background: url(../images/ser_icon_3.png) no-repeat center center;}
.ser_one{margin: 0 2%;}
.ser_list ul li .ser_title{font-size: 24px/2; color: #222;margin-top: 30px;line-height: 36px;font-weight: 700;}
.ser_list ul li .ser_title span{font-size: 16px/1.5; color: #999; padding: 10px 0; font-weight: 100;}
.ser_list ul li .line{ width: 60px; height: 2px; background-color: #F16200;display: block;margin: 15px 0 15px ;}
.ser_list ul li .ser_txt{font-size: 14px; color: #666;line-height: 24px; }

.ser_list ul li:hover{ background-color: #1b86ef; color: #fff;}
.ser_list ul li:hover .ser_title,.ser_list ul li:hover .ser_title span,.ser_list ul li:hover .ser_txt{ background-color: #1b86ef; color: #fff;}
.ser_list ul li:hover .line{ background-color: #FFFFFF;}
.ser_list ul li:hover .icon1{ background: url(../images/ser_icon_1a.png) no-repeat center center;}
.ser_list ul li:hover .icon2{ background: url(../images/ser_icon_2a.png) no-repeat center center;}
.ser_list ul li:hover .icon3{ background: url(../images/ser_icon_3a.png) no-repeat center center;}

/*我们的案例*/
.index_case { background:#f6f6f6; position:relative; padding:90px 0 100px; overflow:hidden;}
/*@media (max-width:1449px){ .index_case .container {width:91%;}}*/

.index_case .ser-title{ text-align: center; width: 1200px;}
.index_case .ScrollTxtBox .case_list{margin-top: 60px;}
.index_case .ScrollTxtBox .case_list ul{ overflow:hidden; zoom:1; }
.index_case .ScrollTxtBox .case_list ul li{ background-color: #fff; margin: 0 20px;float:left; _display:inline; overflow:hidden; text-align:center;width: 360px; }
.index_case .ScrollTxtBox .case_list ul li .case_img img{-moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
.index_case .ScrollTxtBox .case_list ul li .case_img:hover img{-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  transform: scale(1.1);}
.index_case .ScrollTxtBox .case_list ul li .txt_box{ padding: 20px; text-align: left;}
.index_case .ScrollTxtBox .case_list ul li .txt_box .txt_title{ font-size: 16px;color: #222;padding-bottom: 10px;font-weight: 600;}
.index_case .ScrollTxtBox .case_list ul li .txt_box .txt_t1{ font-size: 14px;color: #666;line-height: 24px;}
.index_case .ScrollTxtBox .case_list ul li .txt_more{ text-align: left;font-size: 14px;color: #666;line-height: 60px;margin: 0 20px;border-top: 1px solid #ddd;background: url(../images/more.png) no-repeat center right;}

.index_case .ScrollTxtBox .case_list ul li:hover{ background-color: #1B86EF;box-shadow: 0 0 12px #999;/*阴影*/ } 
.index_case .ScrollTxtBox .case_list ul li:hover .txt_box .txt_title,.index_case .ScrollTxtBox .case_list ul li:hover .txt_box .txt_t1,.index_case .ScrollTxtBox .case_list ul li:hover .txt_more{ color: #fff;}
.index_case .ScrollTxtBox .case_list ul li:hover .txt_more{ background: url(../images/more_0a.png) no-repeat center right;}
.index_case .ScrollTxtBox .case_list ul li:hover .txt_more a{color:#fff;}



/*更多切换及翻页*/
.page_m{ padding-top:50px;text-align:center; }
.page_m .prev{ position:relative;display:inline-block;width:60px;height:60px;padding-top:20px;background:#fff;border-radius:100%; -moz-border-radius:100%;-webkit-border-radius:100%;margin-right: 10px;}
.page_m .prev .page_m_left{ z-index:1;position:relative;display:inline-block;width:20px;height:20px;background:url(../images/left-icon3.png);transition:all .5s ease-in-out;}
.page_m .next{ position:relative;display:inline-block;width:60px;height:60px;padding-top:20px;background:#fff;border-radius:100%; -moz-border-radius:100%;-webkit-border-radius:100%;margin-right: 10px;}
.page_m .next .page_m_right{ z-index:1;position:relative;display:inline-block;width:20px;height:20px;background:url(../images/right-icon3.png);transition:all .5s ease-in-out;}
.page_m .page_more1{ position:relative;display:inline-block;width:60px;height:60px;padding-top:20px;background:#fff;border-radius:100%; -moz-border-radius:100%;-webkit-border-radius:100%;margin-right: 10px;}
.page_m .page_more1 .page_m_more{ z-index:1;position:relative;display:inline-block;width:20px;height:20px;background:url(../images/more_1.png);transition:all .5s ease-in-out;}

.page_m .next:hover,.page_m .page_more1:hover,.page_m .prev:hover{background-color: #1B86EF;}
.page_m .prev:hover .page_m_left{ background-image: url(../images/left-icon3a.png);}
.page_m .next:hover .page_m_right{ background-image: url(../images/right-icon3a.png);}
.page_m .page_more1:hover .page_m_more{ background-image: url(../images/more_1a.png);}

/*关于我们*/
.index_About { background:#fff; position:relative; padding:90px 0 100px; overflow:hidden;}
@media (max-width:1449px){ .index_About .container {width:91%;}}

.index_About .index_About_img{max-width: 800px;overflow:hidden;}
.index_About .index_About_img img{-moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.index_About .index_About_img .about-home-img:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);  transform: scale(1.1);}
.index_About .index_About_txt{ background-color: #4a4a4a;padding: 80px 20px 0;}
.index_About .index_About_txt .About_title{ color: #fff;font-weight: 700;font-size: 24px;}
.index_About .index_About_txt .About_title .about_icon{ width: 80px; height: 2px; background-color: #fff;position: relative;top: -15px;left: 32%;display: block;}
.index_About .index_About_txt .About_txt_t1{ color: #fff;font-size: 14px;padding-top: 40px;line-height: 24px;}

.index_About .index_About_txt .About_txt_m{ padding-top:60px; }
.index_About .index_About_txt .About_txt_m .About_txt_more{ text-align:center;position:relative;display:inline-block;width:60px;height:60px;padding-top:20px;border:1px solid #fff;border-radius:100%; -moz-border-radius:100%;-webkit-border-radius:100%;margin-right: 10px;}
.index_About .index_About_txt .About_txt_m .About_txt_more .About_txt_icon{ z-index:1;position:relative;display:inline-block;width:20px;height:20px;background:url(../images/right-icon3a.png);transition:all .5s ease-in-out;}

.index_About .index_About_txt .About_txt_m .About_txt_more:hover{background-color: #fff;}
.index_About .index_About_txt .About_txt_m .About_txt_more:hover .About_txt_icon{ width:20px;height:20px;background-image: url(../images/right-icon3.png);}

/*热门新闻*/
.index_news { background:#f6f6f6; position:relative; padding:90px 0 100px; overflow:hidden;}
@media (max-width:1449px){ .index_news .container {width:91%;}}

.index_news .ser-title{text-align: center;}
.index_news .ser-title{ text-align: center; width: 1200px;}
.index_news .ScrollnewsBox .New_list{margin-top: 60px;}
.index_news .ScrollnewsBox .New_list ul{ overflow:hidden; zoom:1; }
.index_news .ScrollnewsBox .New_list ul li{ background-color: #fff; margin: 0 20px;float:left; _display:inline; overflow:hidden; text-align:center;width: 360px; }
.index_news .ScrollnewsBox .New_list ul li .case_img img{-moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
.index_news .ScrollnewsBox .New_list ul li .case_img:hover img{-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  transform: scale(1.1);}
.index_news .New_list ul li .txt_box{ padding: 15px 20px 30px; text-align: left;}
.index_news .New_list ul li .txt_box .New_time{ border-bottom: 1px solid #ddd;padding-bottom: 15px;font-family: Gotham;color: #999999;background: url(../images/more.png) no-repeat center right;}
.index_news .New_list ul li .txt_box .New_time .New_time_day{ font-size: 40px;font-weight: 700;}
.index_news .New_list ul li .txt_box .New_time .New_time_month{ font-size: 14px;}
.index_news .New_list ul li .txt_box .txt_title{ font-size: 16px;color: #222;padding: 20px 0 10px;font-weight: 600;}
.index_news .New_list ul li .txt_box .txt_t1{ font-size: 14px;color: #666;line-height: 24px;}
.New_one{ margin: 0 2.5%;}

.index_news .New_list ul li:hover{ background-color: #1B86EF;box-shadow: 0 0 12px #999;/*阴影*/ }
.index_news .New_list ul li:hover .txt_box .txt_title{color: #FFFFFF;}
.index_news .New_list ul li:hover .txt_box .txt_t1{color: #FFFFFF;}
.index_news .New_list ul li:hover .txt_box .New_time{ color: #fff;background: url(../images/more_0a.png) no-repeat center right;;}

/*页脚*/
footer { background:#373536; position:relative; padding:90px 0 20px; overflow:hidden;}
@media (max-width:1449px){ footer .container {width:91%;}}

footer .f_CQ{ border-bottom: 1px solid #999999;padding-bottom: 20px;}
footer .f_cont{ color: #F6F6F6;}
footer .f_cont .f_cont_title{ font-size: 20px;font-weight: 600;}
footer .f_cont .f_cont_title .f_icon{ width: 80px; height: 2px; background-color: #f6f6f6;position: relative;top: 15px;display: block;}
footer .f_cont .f_cont_txt{ padding-top: 40px;}
footer .f_cont .f_cont_txt .f_cont_txt_tel{ font-family: Gotham;font-size: 30px;font-weight: 100;line-height: 36px;}
footer .f_cont .f_cont_txt .f_cont_txt_e_mail{ font-size: 14px;line-height: 30px;}
footer .f_cont .f_cont_txt .f_cont_txt_add{  font-size: 14px;line-height: 30px;}

footer .f_QRC{ text-align: right;}
footer .f_QRC .f_QRCode{ display: block;}
footer .f_QRC .f_copyright{  font-size: 12px;line-height: 30px;color: #F6F6F6;padding-top: 20px;}

footer .f_Links{ font-size: 14px;color: #F6F6F6;padding-top: 20px;}
footer .f_Links span{ float: left;font-size: 14px;color: #F6F6F6;}
footer .f_Links ul li{ float: left;padding: 0 10px;padding-bottom: 15px;}
footer .f_Links ul li a{ font-size: 14px;color: #F6F6F6;}
footer .f_Links ul li a:hover{ color: #F16200;}

/*公共部分*/
.tit_icon{ width: 80px; height: 2px; background-color: #F16200;position: relative;top: 20px;display: block;}
.tit_icon1{ width: 40px; height: 4px; background-color: #aaa;position: relative;top: 10px;display: block;}

/*内页banner*/
.ind_banner{  position:static;width:100%;height:560px;overflow:hidden;}
.ind_banner .ind_banner_txt{ color: #fff;padding-top: 250px;font-size: 36px;font-weight: 700;}
.ind_banner .ind_banner_txt .ind_banner_txtE{ font-family: Gotham;}
.ind_banner .ind_banner_txt span{ width: 100px; height: 3px; background-color: #fff;position: relative;top: -20px;display: block;}

/*案例展示页面*/

/*案例二级导航栏*/
.Case_nav{ background-color: #f5f5f5;padding: 30px 0;position: relative;}
.Case_nav ul{ border-left: 1px solid #ddd;padding:0 5px;border-right: 1px solid #ddd}
.Case_nav ul li{ float: left;width:130px;line-height: 30px;text-align: center;}

.Case_nav ul li:hover a{ color: #F16200;}
.Case_nav ul li.on a{ color: #F16200;}

/*案例列表*/
.Case_list{ margin: 60px 0;}
.Case_list .Case_list_cont ul li{ border: 1px solid #ddd;width: 590px;margin-bottom: 20px;}
.Case_list .Case_list_cont ul li .Case_list_cont_img{ padding: 15px; float: left;max-width:270px;overflow:hidden;}
.Case_list .Case_list_cont ul li .Case_list_cont_img img{-moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
.Case_list .Case_list_cont ul li .Case_list_cont_img:hover img{-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  transform: scale(1.1);}
.Case_list .Case_list_cont ul li .Case_list_cont_box{ padding: 15px;}
.Case_list .Case_list_cont ul li .Case_list_cont_box .txt_tlt{ font-size: 16px;color: #222;line-height: 30px;margin-bottom: 15px;height:30px;overflow:hidden;}
.Case_list .Case_list_cont ul li .Case_list_cont_box .txt_t1{ font-size: 14px;color: #666;line-height: 24px;}
.Case_list .Case_list_cont ul li .Case_list_cont_box .txt_icon{ font-size: 14px;color: #666;line-height: 24px;padding-top: 20px;}
.Case_list .Case_list_cont ul li .Case_list_cont_box .txt_icon{ font-size: 14px;color: #999;line-height: 24px;padding-top: 20px;}
.Case_list .Case_list_cont ul li .Case_list_cont_box .txt_icon .txt_icon_eye{ padding-left: 20px;}

.Case_list .Case_list_cont ul li:hover{ box-shadow: 0 0 6px #999;/*阴影*/}


/*翻页*/
.page_one{ padding-top:30px;text-align:center; }
.page_one .page_left1,.page_one .page_right1,.page_one .page_one1{ margin-right: 10px;position:relative;display:inline-block;width:60px;height:60px;background:#F5F5F5;border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}
.page_one .page_left1,.page_one .page_right1{ padding-top:18px;}
.page_one .page_one1{ line-height: 60px;}
.page_one .page_left1 .page_m_left,.page_one .page_right1 .page_m_right{ z-index:1;position:relative;display:inline-block;width:20px;height:20px;transition:all .5s ease-in-out;}
.page_one .page_one1 .page_one_a{ font-size: 20px;color:#222;}
.page_one .page_right1 .page_m_right{ background:url(../images/right-icon3.png);}
.page_one .page_left1 .page_m_left{ background:url(../images/left-icon3.png);}

.page_one .page_left1:hover,.page_one .page_one1:hover,.page_one .page_right1:hover{background-color: #1B86EF; }
.page_one .page_one1:hover .page_one_a{ color: #fff;}
.page_one .active{background:#1B86EF;}
.page_one .active .page_one_a{color:#fff;}
.page_one .page_left1:hover .page_m_left{ background-image: url(../images/left-icon3a.png);}
.page_one .page_right1:hover .page_m_right{ background-image: url(../images/right-icon3a.png);}

/*面包屑导航栏*/
.Breadcrumbs{ background-color: #F5F5F5;padding: 20px 0;}
.Breadcrumbs .fa-home{ font-size: 16px;padding-right: 10px;}
.Breadcrumbs .fa-angle-right{ font-size: 16px;padding-right: 5px;}
.Breadcrumbs a{ font-size: 12px;padding-right: 5px;color: #666;}
.Breadcrumbs span{ font-size: 12px;color: #454545;}

.Breadcrumbs a:hover{ color: #F16200;}

/*案例详情页面*/
.Case_De_cont{ margin: 60px 0;}
.Case_De_cont .Case_De_txt{ padding-right: 30px;}
.Case_De_cont .Case_De_txt .Case_De_title{ font-size: 24px;color: #222;}
.Case_De_cont .Case_De_txt .Case_De_title .Case_De_title_icon{ width: 80px; height: 2px; background-color: #F16200;position: relative;top: 20px;display: block;}
.Case_De_cont .Case_De_txt .Case_De_txte{ font-size: 14px;color: #666;line-height: 24px;padding-top: 40px;text-indent: 20px;}

.prev_next{border-top: 1px solid #ddd;margin-top: 50px;padding-top: 20px;}
.prev_next .prev,.prev_next .next{ line-height: 30px; font-size: 16px;color: #222;}
.prev_next .prev a,.prev_next .next a{ font-size: 14px;color: #666;}
.prev_next .prev a:hover,.prev_next .next a:hover{ color: #00BBEE;}

.Case_De_cont .Case_Related{ margin: 50px 0;}
.Case_De_cont .Case_Related .Case_Related_title{ font-size: 16px;font-weight: 600;line-height: 30px;border-left: 1px solid #ddd;padding-left: 30px;}
.Case_De_cont .Case_Related .Case_Related_list{ padding-top: 10px;border-left: 1px solid #ddd;padding-left: 30px;}
.Case_De_cont .Case_Related .Case_Related_list ul li{ padding-top: 10px;}
.Case_De_cont .Case_Related .Case_Related_list ul li a{ color: #222;}
.Case_De_cont .Case_Related .Case_Related_list ul li .Case_Related_list_box .Case_Related_list_img{max-width:260px;overflow:hidden;}
.Case_De_cont .Case_Related .Case_Related_list ul li .Case_Related_list_box .Case_Related_list_img img{width:260px;-moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
.Case_De_cont .Case_Related .Case_Related_list ul li .Case_Related_list_box .Case_Related_list_img:hover img{-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  transform: scale(1.1);}
.Case_De_cont .Case_Related .Case_Related_list ul li .Case_Related_list_box .Case_Related_list_txt{ font-size: 16px;line-height: 30px;margin:10px 0 20px;}

.Case_De_cont .Case_Related .Case_Related_list ul li a:hover{ color: #00BBEE;}

/*服务项目*/

.Service_cont{ padding: 60px 0;}
.Service_cont .Service_list .ser_ul .ser_li{ border: 1px solid #ddd;width: 49%;margin-bottom: 30px;}
.Service_cont .Service_list .ser_ul .ser_li .service_box{ padding: 30px;}
.Service_cont .Service_list .ser_ul .ser_li .service_box .service_img{ margin-bottom: 30px;height:72px;}
.Service_cont .Service_list .ser_ul .ser_li .service_box .ser_img1{ background: url(../images/Service_1.png)no-repeat center left;}
.Service_cont .Service_list .ser_ul .ser_li .service_box .ser_img2{ background: url(../images/Service_2.png)no-repeat center left;}
.Service_cont .Service_list .ser_ul .ser_li .service_box .ser_img3{ background: url(../images/Service_3.png)no-repeat center left;}
.Service_cont .Service_list .ser_ul .ser_li .service_box .ser_img4{ background: url(../images/Service_4.png)no-repeat center left;}
.Service_cont .Service_list .ser_ul .ser_li .service_box .service_txt .service_txt_til{ font-size: 20px;font-weight: 600;color: #222;}
.Service_cont .Service_list .ser_ul .ser_li .service_box .service_txt .service_txt_til .service_icon{ width: 80px; height: 2px;background-color: #F16200;position: relative;top: 20px;display: block;}
.Service_cont .Service_list .ser_ul .ser_li .service_box .service_txt .service_txt_t1{ font-size: 14px;padding-top: 40px;color: #666;padding-bottom: 30px;}
.Service_cont .Service_list .ser_ul .ser_li .service_box .service_txt .service_txt_t2 ul li{ padding-left:25px;border: none; float: left;width: 20%;line-height: 30px;background:url(../images/list_1.png) no-repeat center left;}


.Service_cont .Service_list .ser_ul .ser_li:hover{ border: 1px solid #fff;box-shadow: 0 0 6px #999;/*阴影*/}
.Service_cont .Service_list .ser_ul .ser_li:hover .service_box .ser_img1{ background: url(../images/Service_1a.png)no-repeat center left;}
.Service_cont .Service_list .ser_ul .ser_li:hover .service_box .ser_img2{ background: url(../images/Service_2a.png)no-repeat center left;}
.Service_cont .Service_list .ser_ul .ser_li:hover .service_box .ser_img3{ background: url(../images/Service_3a.png)no-repeat center left;}
.Service_cont .Service_list .ser_ul .ser_li:hover .service_box .ser_img4{ background: url(../images/Service_4a.png)no-repeat center left;}

/*产品研发*/

.Prod_main{padding: 50px 0;}
.Prod_main .Prod_main_left{ width: 250px;}
.Prod_main .Prod_main_left ul dd{ color: #222;font-size: 24px;font-weight: 700;border-bottom: 1px solid #aaa;padding-bottom: 20px;margin-bottom: 10px;}
.Prod_main .Prod_main_left ul li{ border-bottom: 1px solid #ddd;padding: 20px 0;}
.Prod_main .Prod_main_left ul li a{ color: #666;font-size: 14px;}
.Prod_main .Prod_main_left ul li:hover a{ color: #F16200;}
.Prod_main .Prod_main_left ul .active_left a{ color: #F16200;}

.Prod_main .Prod_main_right{ padding-left: 30px;}
.Prod_main .Prod_main_right .Prod_main_right_tit{ font-size: 24px;color: #333;}
.Prod_main .Prod_main_right .Prod_main_right_txt{ padding-top: 50px;}
.Prod_main .Prod_main_right .Prod_main_right_txt p{ font-size: 14px;line-height: 24px;color: #666;}

/*公司新闻页面*/

.news_main{ padding:  60px 0;}
.news_main .news_main_list ul li{ padding: 20px;border: 1px solid #ddd;width: 49.5%;margin-bottom: 20px;}
.news_main .news_main_list ul li a{ font-size: 14px;}
.news_main .news_main_list ul li a .news_list_li1 .news_list_time{ border-right: 1px solid #ddd;padding: 5px 30px 5px 10px;}
.news_main .news_main_list ul li a .news_list_li1 .news_list_time .news_list_day{ font-size: 48px;color: #222;}
.news_main .news_main_list ul li a .news_list_li1 .news_list_time .news_list_month{ font-size: 16px;color: #666;padding-top: 20px;}
.news_main .news_main_list ul li a .news_list_li1 .news_list_txt{ padding-left: 30px;}
.news_main .news_main_list ul li a .news_list_li1 .news_list_txt .news_list_txt_title{ font-size: 18px;color: #222;line-height: 30px;}
.news_main .news_main_list ul li a .news_list_li1 .news_list_txt .news_list_txt_t1{ font-size: 14px;color: #666;line-height: 24px;margin-top: 5px;}
.news_main .news_main_list ul li a .news_list_li1 .news_list_txt .news_list_txt_more{ font-size: 14px;color: #666;padding-left: 30px;margin-top:15px;background: url(../images/more.png)no-repeat center left;}
.news_main .news_main_list ul li:hover{ box-shadow: 0 0 6px #999;/*阴影*/}

/*公司新闻详情*/
.News_De_main{ padding: 60px 0;}

.News_De_main .News_txt_left{ padding-right: 30px;}
.News_De_main .News_txt_left .News_txt_title{ font-size: 24px;color: #222;margin-bottom: 20px;}
.News_De_main .News_txt_left .News_txt_tl1{ font-size: 14px;color: #999;margin-bottom: 20px;}
.News_De_main .News_txt_left .News_txt_tl1 .News_txt_Views{ padding-left: 20px;}
.News_De_main .News_txt_left .News_txt{ font-size: 14px;color: #666;line-height: 24px;}

.News_De_main .News_Rel_right{ margin-top: 50px;width: 25%;}
.News_De_main .News_Rel_right .News_Rel_title{ border-left: 1px solid #ddd;padding-left: 30px;font-size: 16px;font-weight: 600;color: #222;padding-bottom: 10px;}
.News_De_main .News_Rel_right .News_Rel_list{ border-left: 1px solid #ddd;padding: 0 0 20px 30px;}
.News_De_main .News_Rel_right .News_Rel_list ul li{ border-bottom: 1px dashed #ddd;padding: 20px 0;}
.News_De_main .News_Rel_right .News_Rel_list ul li a .Rel_title{ font-size: 16px;color:#333;line-height: 24px;padding-bottom: 15px;}
.News_De_main .News_Rel_right .News_Rel_list ul li a .Rel_tv1{ font-size: 14px;color:#666;display: inline-block;}
.News_De_main .News_Rel_right .News_Rel_list ul li a .Rel_tv1{ font-size: 14px;color:#666;display: inline-block;}
.News_De_main .News_Rel_right .News_Rel_list ul li a .Rel_tv1 .txt_Views1{ font-size: 14px;color:#666;display: inline-block;padding-left: 20px;}

.News_De_main .News_Rel_right .News_Rel_list ul li:hover a .Rel_title{ color:#F16200;}

/*公司介绍*/

.about_main{ padding: 60px 0;}
.about_main .about_nav{ margin-bottom: 50px;}
.about_main .about_nav ul li{ padding: 20px 40px;background: #ededed;margin-right: 10px;}
.about_main .about_nav ul li a{ font-size: 16px;color: #222;}

.about_main .about_nav ul li:hover{ background: #F16200;}
.about_main .about_nav ul li:hover a{ color: #fff;}
.about_main .about_nav ul .active_anav{ background: #F16200;}
.about_main .about_nav ul .active_anav a{ color: #fff;}

.about_main .about_Pro .about_Pro_title{ font-size: 24px;font-weight: 600;color: #222;}
.about_main .about_Pro .about_Pro_txt{ margin-top: 50px;text-align: center;}
.about_main .about_Pro .about_Pro_txt p{text-align: left;line-height: 24px;padding-top: 20px;}

/*公司文化*/
.about_Pro .about_Culture{ padding-top: 50px;}
.about_Pro .about_Culture ul li{ padding-bottom: 20px;}
.about_Pro .about_Culture ul li .about_Culture_img{max-width:600px;overflow:hidden;}
.about_Pro .about_Culture ul li .about_Culture_img img{-moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
.about_Pro .about_Culture ul li .about_Culture_img:hover img{-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  transform: scale(1.1);}
.about_Pro .about_Culture ul li .about_Culture_txt{ padding: 50px 30px;}

.Culture_bg1{ background: #F5F5F5;}
.Culture_bg2{ background: #373536;}

.about_Pro .about_Culture ul li .Culture_bg1 h3{ font-size: 24px;color: #222;margin-bottom: 65px;}
.about_Pro .about_Culture ul li .Culture_bg1 h3 .tit_icon{ height: 4px;width: 20px;background: #aaa;top:35px;}
.about_Pro .about_Culture ul li .Culture_bg1 p{ line-height: 30px;font-size: 16px;color: #666;}
.about_Pro .about_Culture ul li .Culture_bg2 h3{ font-size: 24px;color: #fff;margin-bottom: 65px;}
.about_Pro .about_Culture ul li .Culture_bg2 h3 .tit_icon{ height: 4px;width: 20px;background: #fff;top:35px;}
.about_Pro .about_Culture ul li .Culture_bg2 p{ line-height: 30px;font-size: 16px;color: #fff;}

/*合作伙伴*/
.about_Pro .about_Partner{ padding-top: 50px;}
.about_Pro .about_Partner ul li{ border: 1px solid #ddd;margin-right: 13px;margin-bottom: 20px;float: left;max-width:225px;overflow:hidden;}
.about_Pro .about_Partner ul li img{-moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
.about_Pro .about_Partner ul li:hover img{-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  transform: scale(1.1);}

/*联系我们*/
.about_Pro .about_Contact{ padding-top: 50px;}
.about_Pro .about_Contact .Contact_Tel{ padding: 0 30px 30px;border-bottom: 1px dashed #aaa;}
.about_Pro .about_Contact .Contact_Tel p{ line-height: 36px;font-size: 16px;color: #666;}

.map{ padding: 30px;}
.map .map_sty1{ width:100%;height:400px;font-size:12px;}

.Online_f{ padding: 80px 0; background: #F5F5F5;}
.Online_f .Online_f_title{ }
.Online_f .Online_f_title h3{ font-size: 20px;color: #222;padding-bottom: 20px;}
.Online_f .Online_f_title p{ font-size: 14px;color: #999;padding-bottom: 20px;}
.Online_f .Online_f_box{ padding: 20px 0;width: 75%;}
.Online_f .Online_f_box .Online_txt1{ line-height: 50px;width: 31%;padding: 0 20px;border: 1px solid #aaa;background: #F5F5F5;}
.Online_f .Online_f_box #name,.Online_f .Online_f_box #tel{ margin-right: 3%;}
.Online_f .Online_f_box .Online_txt2{ line-height: 24px;width: 100%;height: 160px;padding: 20px;border: 1px solid #aaa;background: #F5F5F5;margin: 20px 0;}
.Online_f .Online_f_box .Online_btn{ line-height: 50px;width: 20%;background: #aaa;margin: 20px 0;color: #FFFFFF;border: none;}

.Online_f .Online_f_box .Online_btn:hover{ background: #1B86EF;}

/*BackTop star*/
.right_silderbar{ position: fixed; right: 0;bottom: 10%;z-index: 999;}
.right_silderbar li{ position: relative;right: -240px;}
.right_silderbar li a{ display: inline-block;height: 80px;background: #F16200;color: #fff;border-radius: 8px 0 0 8px; margin-bottom: 5px;font-size: 20px;}
.right_silderbar li a div{ display: inline-block;height: 80px;border-left: 1px solid #ddd;padding: 0 20px;height: 40px;line-height: 40px;}
.right_silderbar li img{width:80px;}
.right_silderbar li .rtbar_shwx{ position: absolute;left: -150px;top: 0;z-index: 998;display: none;}
.right_silderbar li .rtbar_shwx img{ width: 150px;height: 150px;}
.right_silderbar li.totop a{ background: #666;}

.right_silderbar li.rtbar_li1:hover{ right: -75px;}
.right_silderbar li.rtbar_li2:hover .rtbar_shwx{ display: block;}
.right_silderbar li.rtbar_li3:hover{ right: -93px;}
.right_silderbar li.rtbar_li4:hover{ right: 0;}
/*BackTop end!*/