@charset "utf-8";
.clear{ clear:both;}

    .w1400 {
        position: relative;
        max-width: 1400px;
        margin: 0 auto;
        width: 100%
    }




    .wel-case .flex-control-nav {
        bottom: 1px
    }

    .wel-banner .flex-control-nav li,
    .wel-case .flex-control-nav li {
        margin: 0 2px
    }

    .wel-banner .flex-control-nav li a,
    .wel-case .flex-control-nav li a {
        width: 12px;
        height: 12px;
        background: url(../images/btn01.png) no-repeat center;
        background-size: 100% 100%;
        transition: background .3s;
        box-shadow: none
    }

    .manage-bot .flex-control-nav {
        display: none
    }

    .wel-banner .flex-control-paging li a.flex-active,
    .wel-banner .flex-control-paging li a:hover,
    .wel-case .flex-control-nav li a:hover,
    .wel-case .flex-control-nav li a.flex-active {
        background: url(../images/btn01_h.png) no-repeat center;
        background-size: 100% 100%;
        box-shadow: none
    }

    .wel-case {
        padding:0px;
        width: 100%;
        position: relative;
        overflow: hidden
    }

    
    .wel-case-title {
        font-size: 24px;
        color: #24272b;
        font-weight: bold;
        line-height: 42px;
        margin-bottom: 22px
    }

    .wel-case-list {
        padding-bottom: 0px
    }

    .wel-case .flex-viewport {
        overflow: visible !important
    }

    .wel-case .slides li {
        overflow: hidden;
        position: relative;
        float: left;
        width: 450px;
        margin-right: 25px
    }

    .wel-case .slides .con {
        position: absolute;
        bottom: -72%;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        display: block;
        padding: 9% 50px 0;
        transition: bottom .3s
    }

    .wel-case .slides .bg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #fff;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .wel-case .slides .font-bg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 60px;
        background: #000;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0);
        transition-property: opacity;
        transition-duration: .3s;
        transition-delay: .2s
    }

    .wel-case .slides .tit {
        font-size: 18px;
        color: #fff;
        line-height: 25px;
        color: #fff;
    }

    .wel-case .slides .en {
        font-size: 16px;
        color: #fff;
        opacity: .6;
        filter: alpha(opacity=60);
        line-height: 24px;
        min-height: 24px
    }

    .wel-case .slides .font {
        font-size: 18px;
        color: #fff;
        line-height: 34px;
        margin-top: 18px
    }

    .wel-case .slides .more {
        margin-top: 40px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, .3);
        background: url(../images/wel02.png) no-repeat center
    }

    .wel-product {
        padding-bottom: 1px
    }

    .wel-product-title {
        font-size: 24px;
        color: #24272b;
        line-height: 42px;
        margin-bottom: 22px;
        font-weight: bold;
        position: relative
    }

    .wel-product-title a {
        display: inline-block;
        font-size: 14px;
        color: #24272b;
        position: absolute;
        top: 0;
        right: 0;
        width: 95px;
        transition: color .3s
    }

    .wel-product-title span {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #b0b0b0 url(../images/wel04.png) no-repeat center;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -12px;
        transition: background .3s
    }

    .wel-product .left {
        
        width: 50%;
        float: left
    }

    .wel-product .right {
        padding: 0 0 0 10px;
        width: 50%;
        float: right
    }

    .wel-product .product-1 {
        padding: 0 10px 0 0;
        margin-bottom: 13px;
        height: 190px;
        text-align: center;
		float:left;
    }

    .wel-product .container a {
        width: 100%;
        text-align: center;
        height: 100%;
        display: block;
        background: #fff;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        transition: box-shadow .3s
    }

    .wel-product .product-2 {
        padding: 0 0 0 0px;
        margin-bottom: 20px;
        height: 190px;
        text-align: center
    }

    .wel-product .product-3 {
        width: 100%;
        height: 393px;
        padding: 0
    }

    .wel-product .product-3 .pic {
        height: 100%;
        position: relative;
        width: 100%
    }

    .wel-product .product-3 img {
        height: 100%;
        position: absolute;
        left: 50%;
        margin-left: -345px
    }

    .wel-product .contrast {
        width: 14px;
        height: 16px;
        background: url(../images/wel09.png) no-repeat center;
        position: absolute;
        bottom: 15px;
        right: 20px;
        cursor: pointer;
        transition: background .3s
    }

    .wel-product .ico-1 img {
        max-height: 100%;
        max-width: 100%
    }

    .wel-product .ico-1.ico_11 img {
        max-height: 100%;
        max-width: 350px
    }

    .wel-product .container {
        width: 100%;
        padding: 0
    }

    .wel-product .container .row {
        margin: 0
    }

    .wel-product .ico-1 h2 {
        font-size: 16px;
        color: #fff;
        position: absolute;
        bottom: 5px;
        line-height: 26px;
        height: 26px;
        width: 100%;
        text-align: left;
        padding: 0 15px 0 15px;
        overflow: hidden
    }

    .wel-product .ico-1 .bg {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #dd231f;
        display: block;
        height: 0;
        transition: height .3s
    }

    .wel-product .product-4 {
        margin-bottom: 20px;
        width: 100%;
        padding: 0px;
        height: 393px
    }

    .wel-product .product-4 img {
        max-height: 100%;
        position: relative;
        left: 50%;
        margin-left: -101%
    }

    .wel-product .product-4 .con {
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: left;
        padding: 16px 45px 20px
    }

    .wel-product .product-4 h2 {
        font-size: 16px;
        color: #fff;
        line-height: 26px;
        height: 26px;
        width: 100%;
        overflow: hidden
    }

    .wel-product .container h2,
    .wel-product .container p.font {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .wel-product .product-4 .bg {
        width: 100%;
        background: #dd231f;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 0;
        transition: height .3s
    }

    .wel-product .product-4 .font {
        font-size: 14px;
        color: #fff;
        opacity: .7;
        filter: alpha(opacity=70);
        line-height: 24px;
        height: 24px;
        overflow: hidden
    }

    .wel-product .product-3 .contrast,
    .wel-product .product-4 .contrast {
        position: absolute;
        bottom: 40px;
        right: 45px
    }



    .wel-case-list .flex-direction-nav a {
        opacity: 1;
        filter: alpha(opacity=100);
        width: 66px;
        height: 77px;
        margin: -38px 0 0;
        text-shadow: none;
        background-size: 100% !important;
        transition: background .3s;
        z-index: 1
    }

    .wel-case-list .flex-direction-nav a:before {
        font-size: 0
    }

    .wel-case .flex-viewport {
        overflow: visible !important
    }

    .wel-case-list .flex-direction-nav .flex-prev {
        background: url(../images/a32.png) no-repeat center;
        left: -121px
    }

    .wel-case-list .flex-direction-nav .flex-next {
        background: url(../images/a33.png) no-repeat center;
        right: -121px
    }

    .wel-case-list .flex-direction-nav .flex-prev:hover {
        background: url(../images/a32_h.png) no-repeat center
    }

    .wel-case-list .flex-direction-nav .flex-next:hover {
        background: url(../images/a33_h.png) no-repeat center
    }

    .wel-case .slides li:hover .con {
        bottom: 0
    }

    .wel-case .slides li:hover .font-bg {
        opacity: .3;
        filter: alpha(opacity=30)
    }

    .wel-product-title a:hover {
        color: #dd231f
    }

    .wel-product-title a:hover span {
        background: #dd231f url(../images/wel04.png) no-repeat center
    }

    .wel-product .container a:hover {
        box-shadow: 0 0 30px rgba(0, 0, 0, .1)
    }

    .wel-product a:hover .bg {
        height: 46px
    }

    .wel-product a:hover .contrast {
        background: url(../images/wel09_h.png) no-repeat center
    }

    .wel-product .container a:hover h2,
    .wel-product .container a:hover p.font {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .wel-product .product-4 a:hover .bg {
        height: 86px
    }


    .clearfix {
        z-index: 1;
        position: relative;
        padding-bottom: 0px
    }
.case-channel {
        padding: 62px 0 50px;
        background: #fff
    }

    .case-channel .title {
        text-align: center;
        margin-bottom: 55px
    }

    .case-channel .title h2 {
        font-size: 32px;
        color: #333;
        line-height: 52px
    }

    .case-channel .title p {
        font-size: 16px;
        color: #666;
        line-height: 26px
    }

    .case-channel .list {
        width: 100%
    }

    .case-channel .list li {
        width: 32.1%;
        float: left;
        margin: 0 1.2% 20px 0;
        overflow: hidden;
        position: relative
    }
    .case-channel .list li.cut {
        margin-right: 0
    }

    .case-channel .list img {
        width: 100%;
        transition: transform .3s
    }

    .case-channel .list .bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .5);
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: opacity .3s
    }

    .case-channel .list .con {
        width: 100%;
        position: absolute;
        bottom: -58px;
        left: 0;
        padding: 0 6% 45px 4%;
        z-index: 2;
        background: url(../images/case14_h.png) no-repeat center -7px;
        transition: bottom .3s
    }

    .case-channel .list .red {
        width: 9px;
        height: 16px;
        position: absolute;
        bottom: 6%;
        right: 4%;
        background: url(../images/case13.png) no-repeat center;
        z-index: 3;
        opacity: 1;
        filter: alpha(opacity=100);
        transition: opacity .3s
    }

    .case-channel .list h2 {
        font-size: 22px;
        color: #fff;
        line-height: 39px
    }

    .case-channel .list p.font {
        font-size: 14px;
        color: #fff;
        line-height: 23px;
        height: 46px;
        overflow: hidden;
        margin-bottom: 32px
    }

    .case-channel .list .more {
        width: 120px;
        height: 34px;
        text-align: center;
        line-height: 34px;
        background: #d9271b;
        color: #fff;
        font-size: 14px;
        border-radius: 20px
    }

    .case-top {
        width: 100%;
        padding: 65px 0 60px;
        background: #fff
    }

    .case-top h2 {
        font-size: 32px;

        color: #333;
        line-height: 52px;
        margin-bottom: 14px
    }

    .case-top p {
        font-size: 14px;
        color: #666;
        line-height: 24px
    }

    .case-list {
        background: #f5f5f5;
        padding: 30px 0 36px
    }

    .case-list .case-listp li {
        width: 25%;
        background: url(../images/case15.png) no-repeat 1% center;
        font-size: 16px;
        color: #666;
        float: left;
        line-height: 33px;
        padding: 8px 0 8px 4%;
        cursor: pointer;
        transition: background .3s, color .3s
    }

    .case-list .case-listp a {
        color: #666;
        transition: color .3s
    }

    .case-list .case-listm {
        height: 0;
        overflow: hidden
    }

    .case-bot {
        background: #fff;
        width: 100%;
        padding: 47px 0 59px
    }

    .case-list .case-listp li.on {
        background: url(../images/case15_h.png) no-repeat 1% center
    }

    .case-list .case-listp li.on a {
        color: #d9271b
    }

    .case-link-list {
        padding-bottom: 110px;
        width: 100%
    }

    .case-link-list ul {
        width: 100%
    }

    .case-link-list li {
        width: 100%;
        padding: 23px 0;
        float: left
    }

    .case-link-list a {
        display: block;
        width: 100%
    }

    .case-link-list .pic {
        width: 20.5%;
        float: left;
        overflow: hidden
    }

    .case-link-list img {
        width: 100%;
        transition: transform .3s
    }

    .case-link-list .con {
        float: right;
        width: 75%;
        float: right
    }

    .case-link-list h2 {
        font-size: 20px;
        color: #333;
        line-height: 40px;
        margin: 10px 0 5px;
        font-weight: bold;
        height: 40px;
        overflow: hidden;
        transition: color .3s
    }

    .case-link-list .font {
        font-size: 14px;
        color: #777;
        line-height: 24px;
        height: 48px;
        overflow: hidden
    }

    .case-link-list .more {
        width: 125px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        border: 1px solid #e4e4e4;
        font-size: 14px;
        color: #666;
        border-radius: 2px;
        margin-top: 25px;
        transition: color .3s, border .3s, background .3s
    }

    .case-success {
        padding-bottom: 100px
    }

    .su-title {
        font-size: 34px;
        color: #333;
        line-height: 54px;
        margin-bottom: 30px
    }

    .case-success-list {
        width: 100%;
        padding-bottom: 60px;
        position: relative
    }

    .case-success-list .slides li {
        width: 450px;
        float: left;
        margin-right: 25px
    }

    .case-success-list .slides .pic {
        width: 100%;
        overflow: hidden;

    }

    .case-success-list .slides img {
        width: 100%;
        transition: transform .3s
    }

    .case-success-list .slides h2 {
        font-size: 20px;
        color: #333;
        line-height: 40px;
        margin: 35px 0 5px;
        height: 40px;
        overflow: hidden;
        font-weight: bold
    }

    .case-success-list .slides .font {
        font-size: 14px;
        color: #777;
        line-height: 24px;
        width: 80%
    }

    .case-success-list .slides .more {
        width: 125px;
        text-align: center;
        line-height: 36px;
        border: 1px solid #e4e4e4;
        font-size: 14px;
        color: #666;
        margin-top: 35px;
        transition: background .3s, color .3s
    }

.img1 {transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.img1:hover { transform: rotate(360deg);-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.img4 { transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.img4:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px); -o-transform: translate(0, -10px);-ms-transform: translate(0, -10px);}
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }
.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }


.gywm{max-width: 80%; overflow: hidden;margin: 0 auto; padding: 100px 0;}
.gywm_tp{
    float: left;
    width:50%;
    overflow: hidden;
}
.gywm_tp img{width:100%;}
.gywm_text{width:46%; float: right; padding-top: 60px;}
.gywm_tit{background: url(../images/a_01.jpg) no-repeat top right;}
.tao1{width:90px; height: 5px; background: #424c6f; overflow: hidden; margin-bottom: 55px;}
.gywm_tit h4{font-size: 40px; color: #666;font-weight: bold;}
.gywm_tit h2{font-size: 36px; color: #424c6f; line-height: 90px; padding-bottom: 30px;}
.gywm_tit p{font-size: 16px; line-height:30px;color: #666666;}
.gywm_tit a{transition: All 0.4s ease-in-out;display: block;width:198px; height: 58px; border:1px solid #333; font-size: 16px; color: #000; line-height: 58px; text-align: center; margin-top: 70px;}
.gywm_tit a:hover{color: #fff; background: #333;}
.gywm_tit span{
    font-size: 18px;
    vertical-align: middle;
}

.bj1{background: #f5f5f5; padding-bottom: 100px;}
.newsbox { max-width:80%; margin:0 auto;}
.news_tit{padding-top: 35px;}
.news_tit h2{font-size: 60px; text-align: center;line-height: 170px;}
.news ul{overflow: hidden; }
.news li{float: left;padding: 0 10px 20px 10px; width:33.33%;box-sizing: border-box;}
.news img{width:100%;}

.xwbox{position: relative;}
.xwtp{ overflow:hidden;}
.xw_text{padding: 10px 30px 0 30px;background: #fff;}
.xw_text h2{font-size: 18px; color: #000; line-height: 52px; width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news a:hover h2{color: #135da9;}
.xw_text p{font-size: 16px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 24px; color: #666666; padding-bottom: 28px;}
.xw_text h4{font-size: 14px; color: #666; border-top:1px dashed #999999; line-height: 80px; background: url(../images/a_03.jpg) no-repeat left center; padding-left: 35px;}
.xwbox span {margin:auto;display:inline-block;position:absolute;bottom:0px;left:0;width:0px;height:2px; background:#135da9;transition:.5s;border-radius:50px;}
.news a:hover span{width:100%;}
.news a:hover .xwbox{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3);-moz-box-shadow:0 0 10px rgba(0, 0,0, .3);box-shadow:0 0 10px rgba(0, 0, 0, .3);  }
.btn2{transition: All 0.4s ease-in-out;display: block;width:198px; height: 58px; border:1px solid #333; font-size: 16px; color: #000; line-height: 58px; text-align: center; margin: 60px auto 0 auto;}
.btn2:hover{color: #fff; background: #333;}

.gywm_a {padding-top: 70px;}
.gywm_a ul{overflow: hidden;background: #fff;}
.gywm_a li{float: left; width:50%; }


@media screen and (max-width: 1000px) {

.gywm{ padding: 20px 3%;}
    .gywm_tp{width:100%;}
    .gywm_text{width:100%; padding-top: 20px;}
    .gywm_tit{background: url(../images/a_01.jpg) no-repeat top right; background-size:20%;}
    .tao1{ margin-bottom: 15px;}
    .gywm_tit h4{font-size: 16px; }
    .gywm_tit h2{font-size: 20px;line-height: 32px; padding-bottom: 0px;}
    .gywm_tit a{text-align: center; height:30px; line-height:30px; width:120px; margin: 15px auto 0 auto;}


    .news_tit{padding-top: 20px;}
    .news_tit h2{font-size: 18px; line-height: 38px;}
    .news ul{overflow: hidden; }
    .news li{padding:0; width:100%;}


    
}
@media screen and (max-width: 750px) {

    .gywm{ padding: 20px 3%;}
    .gywm_tp{width:100%;}
    .gywm_text{width:100%; padding-top: 20px;}
    .gywm_tit{background: url(../images/a_01.jpg) no-repeat top right; background-size:20%;}
    .tao1{ margin-bottom: 15px;}
    .gywm_tit h4{font-size: 16px; }
    .gywm_tit h2{font-size: 20px;line-height: 32px; padding-bottom: 0px;}
    .gywm_tit a{text-align: center; height:30px; line-height:30px; width:120px; margin: 15px auto 0 auto;}

    .news_tit{padding-top: 20px;}
    .news_tit h2{font-size: 18px; line-height: 38px;}
    .news ul{overflow: hidden; }
 
}



/*公共样式*/
*{margin: 0; padding: 0;}
html,body{overflow-x: hidden; position: relative;}
body{font-size: 18px; background: #fff; font-family: "Microsoft YaHei",Arial,"Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; line-height: 1.3; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,ul,li{list-style: none;}
body.bg{background: #f2f2f2;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; cursor: pointer;}
a:focus{outline: none;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
img{border: 0; max-width: 100%; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.wrapper{width: 80%; margin: 0 auto; position: relative;}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center;}
.tl{text-align: left!important;}
.tr{text-align: right!important;}
.hide{display: none;}
.sH64{height: 64px;}
.fwno{font-weight: normal!important;}
.w100{width: 100%!important; margin: 0!important;}
.prodetails-bg1{background-color: #1f1f23;}
.prodetails-bg2{background-color: #25252a;}
.maxwno img{max-width: none;}
.prod-lg-6{width: 50%;}
.prod-lg-6{width: 50%;}
.prod-lg-4{width: 37%; min-height: 1px;}
.prod-lg-8{width: 63%; min-height: 1px;}
.prod-lg-3{width: 35%; min-height: 1px;}
.prod-lg-9{width: 65%; min-height: 1px;}
.prod-lg-5{width: 42%; min-height: 1px;}
.prod-lg-7{width: 58%; min-height: 1px;}
.mr-3{margin-right: -3%;}
.mr-8{margin-right: -8%;}
.mr-12{margin-right: -12%;}
.ml-3{margin-left: -3%;}
.ml-6{margin-left: -6%;}
.ml-12{margin-left: -12%;}
.pr10{padding-right: 10%;}
.prod-mt-lg-b30{margin-top: 30%;}
.vmiddle-lg-top{vertical-align: top!important;}
.fs14{font-size: 14px;}




/*字体图标*/
@font-face {
  font-family: 'iconfont';
  src: url('../image/iconfont.eot');
  src: url('../image/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../image/iconfont.woff2') format('woff2'),
  url('../image/iconfont.woff') format('woff'),
  url('../image/iconfont.ttf') format('truetype'),
  url('../image/iconfont.svg') format('svg');
}
.iconfont{font: 16px/1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.inner-title{font-size: 30px; font-weight: bold; text-align: center;}
.inner-desc{font-size: 16px; text-align: center; margin-top: 40px;}
.box-row{padding: 70px 0;}
.layui-layer{max-width: 94%; max-height: 96%;}
/*slick*/
.slick-slider{position: relative; z-index: 2;}
.slick-list{position: relative; z-index: 2; overflow: hidden;}
.slick-list:focus{outline: 0;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative;}
.slick-track:before,.slick-track:after{content: ""; display: table;}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{float: left; height: 100%; min-height: 1px; display: none; position: relative; z-index: 1;}
.slick-slide:focus{outline: 0;}
.slick-slide.slick-active{z-index: 2;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-prev,.slick-next{display:block; width: 20px; height: 20px; line-height: 0; font-size: 0; cursor: pointer; position: absolute; top: 50%; margin-top: -10px; z-index: 4;}
.slick-prev:focus,.slick-next:focus{outline: 0;}
.slick-prev{left: -25px;}
.slick-next{right: -25px;}
.slick-dots{width: 100%; font-size: 0; text-align: center; position: absolute; bottom: 30px; z-index: 4;}
.slick-dots li{position: relative; display: inline-block; *display: inline; *zoom: 1; margin: 0 4px;}
.slick-dots li button{display: block; width: 14px; height: 14px; line-height: 0; font-size: 0; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; cursor: pointer;}
.slick-dots li.slick-active button{background: #006ec7;}
/*IE提示*/
#browser-modal{display: none; width: 100%; height: 100%; font-size: 0; text-align: center; position: fixed; left: 0; top: 0; z-index: 99999999;}
#browserModal-cover{width: 100%; height: 100%; background: #111; filter: alpha(opacity: 50); -webkit-opacity: .5; -moz-opacity: .5; -ms-opacity: .5; -o-opacity: .5; opacity: .5; position: absolute; left: 0; top: 0; z-index: 1;}
#browser-modal > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; z-index: 2; font-size: 14px;}
.browserModal-midden{width: 0; height: 100%;}
.browserModal-dialog{width: 700px; max-width: 90%; max-height: 100%; overflow-y: auto; background: #fff; position: relative; z-index: 3; border-radius: 4px;}
.browserModal-body{padding-top: 30px; padding-bottom: 80px; text-align: center;}
.browser-logo{margin: 45px 0 40px 0;}
.browser-title{font-size: 20px; color: #707473; font-weight: 500; line-height: 24px;}
.browser-desc{margin: 60px 0;}
.browser-list ul{font-size: 0; text-align: center;}
.browser-list li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 6px 25px;}
.browser-list li .title{color: #44a8f2; margin-top: 16px; font-size: 18px; font-weight: 700;}
/*右侧菜单*/
.rightmenu{position: fixed; top: 50%; right: 0; margin-top: -91px; z-index: 999999;}
.rightmenu li{margin-bottom: 1px; position: relative;}
.rightmenu li a{display: block; width: 60px; height: 60px; line-height: 60px; background: #333; overflow: hidden; text-align: center;}
.rightmenu li a i.iconfont{font-size: 22px; color: #fff;}
.rightmenu li:hover a{background: #0085cd;}
.rmenu_open{height: 60px; line-height: 60px; position: absolute; right: 60px; top: 0; opacity: 0; visibility: hidden; transition: all .5s;}
.rightmenu .rtel{background: #0085cd; font-size: 20px; color: #fff; white-space: nowrap; padding: 0 20px;}
.rightmenu .rwmewm{width: 120px; height: 120px; border: 1px solid #eee;}
.rightmenu .rwmewm img{width: 120px; height: 120px;}
.rightmenu li:hover .rmenu_open{opacity: 1; visibility: visible;}
.rightmenu li.Gototop{display: none;}
/*头部*/
#header{width: 100%; height: 90px; position: fixed; left: 0; top: 0; z-index: 999; transition: all .3s ease; background: #fff;}
#header > .wrapper{position: static;}
.logo{height: 80px; float: left; margin-top: 5px;}
.logo a{display: block; height: 100%;}
.logo img{height: 100%;}
.pc-logo{display: block!important;}
.m-logo{display: none!important;}
.nav-collapse{float: right; margin-right: 66px;}
.nav-collapse ul > li{float: left; font-size: 18px; padding: 0 10px;}
.nav-collapse ul > li > a{display: block; height: 90px; line-height: 90px; color: #000; padding: 0 3px; position: relative; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s;}
.nav-collapse ul > li > a i{display: block; width: 0; height: 2px; background: #303233; position: absolute; left: 0; bottom: 0;}
.nav-collapse ul > li.active > a i,.nav-collapse ul > li:hover > a i{width: 100%;}
.nav-collapse ul > li > a:hover{color: #fe8d6f!important;}
.nav-collapse ul > li.relative{position: relative;}
.language{height: 44px; line-height: 44px; float: right; margin-right: 24px; margin-top: 22px; font-size: 16px; color: #000;}
.language a{color: #000;}
.language a:hover{color: #fe8d6f!important;}
.language em{padding: 0 6px;}
.nav-search{float: right; height: 20px; line-height: 20px; margin-top: 22px;}
.nav-search a{font-size: 20px; color: #fff;}
#header.active,#header:hover,#header.searching{background: #fff; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.15); -moz-box-shadow: 0 0 4px rgba(0,0,0,.15); -ms-box-shadow: 0 0 4px rgba(0,0,0,.15); -o-box-shadow: 0 0 4px rgba(0,0,0,.15); box-shadow: 0 0 4px rgba(0,0,0,.15);}
#header.active .pc-logo,#header.searching .pc-logo,#header:hover .pc-logo{display: none!important;}
#header.active .m-logo,#header.searching .m-logo,#header:hover .m-logo{display: block!important;}
#header.active *,#header:hover *,#header.searching{color: #333;}

.dropdown-nav{width: 100%; background: #fff; border-top: 1px solid #f0f1f2; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05); -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05); -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05); -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05); box-shadow: 0 2px 2px 0 rgba(0,0,0,.05); display: none; position: absolute; left: 0; top: 100%;}
.dropdown-nav li .title{font-size: 190px; font-weight: 600; color: #3b3e40; margin-bottom: 8px;}
.dropdown-nav li .title a{color: #3b3e40!important;}

.index-pszz{padding-top:14px;margin-bottom:10px;}
.container-tit h2{
    width:100%;
    text-align: center;
    font-size: 40px;
    color: #21252E;
    letter-spacing: 0;
    line-height:32px;
    position: relative;
    margin-bottom:62.5px;
	font-weight:bold;
}
.index-jxcp .container-tit h2{
    margin-bottom: 46px;
}
.container-tit p{
    margin-bottom: 40px;
}
.container-tit h2::after{
    display:block;
    content: '';
    width:92px;
    height:6px;
    background: #424c6f;
    position: absolute;
    left:50%;
    margin-left:-46px;
    bottom:-22px;
}



.dropdown-nav li .title a:hover{text-decoration: underline;}
.dropdown-nav li .desc{color: #6c7073!important; font-size: 12px; height: 16px; line-height: 16px; margin-bottom: 16px;}
.dropdown-nav li .list p{height: 24px; line-height: 24px; margin-bottom: 8px;}
.dropdown-nav li .list p a{color: #303233;}
.dropdown-nav li .list p a:hover{text-decoration: underline;}

.dropdown-single{width: 160px; left: 50%; margin-left: -80px;}
.dropdown-single li{font-size: 12px; text-align: center;}
.dropdown-single li a{display: block; height: 44px; line-height: 44px; color: #303233;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dropdown-single li a:hover{background:#ebeff2;}

.dropdown-screen{padding: 24px 0;}
.dropdown-screen ol{margin: 0 -12px;}
.dropdown-screen li .item{padding: 0 8px; margin: 24px 0; border-left: 1px solid #f0f1f2; position: relative;}
.dropdown-screen li .line{width: 100%; height: 1px; background: #f0f1f2; position: absolute; left: 0; bottom: -24px;}
.dropdown-screen li.first .item{border-left-width: 0;}
.dropdown-screen li .pic{width: 160px; height: 160px; float: left;}
.dropdown-screen li .text{margin-left: 176px;}

.dropdown-service{padding: 24px 0 48px 0;}
.dropdown-service ol{margin: 0 -23px;}
.dropdown-service li .item{padding: 0 23px; border-left: 1px solid #f0f1f2;}
.dropdown-service li.first .item{border-left-width: 0;}
.nav-collapse ul > li:hover .dropdown-nav{display: block;}
.navbar-group-search{width: 100%; height: 64px; display: none; position: absolute; left: 0; right: 0; top: 0;}
.search-form{height: 40px; position: absolute; left: 170px; right: 0; top: 12px; margin-left: 200px; margin-right: 200px; padding-left: 40px;}
.search-form .iconfont{font-size: 20px;}
.search-form .search-btn{display: block; width: 30px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; position: absolute; left: 0; top: 0;}
.search-form .search-input{display: block; width: 100%; font-size: 16px; height: 24px; line-height: 24px; padding: 8px 0;}
.navbar-group-search .close-btn{font-size: 24px; text-align: center; width: 24px; height: 40px; line-height: 40px; position: absolute; right: 0; top: 12px; cursor: pointer;}
#header.searching .nav-collapse,#header.searching .nav-search{display: none!important;}
#header.searching .search-form .search-input{-webkit-animation-name: slideInRight; animation-name: slideInRight; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease; animation-timing-function: ease;}
#header.searching .navbar-group-search{display: block;}
@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
/*底部*/
#footer{background: #424c6f; color: #fff; position: relative; overflow: hidden;}
#footer a{color: #fff;}
#footer a:hover{color: #ccc!important;}
.foot-model{padding: 70px 0;}
.foot-nav{float: left; margin-right: 30px; width: 120px;}
.foot-nav dt{font-size: 22px;}
.foot-nav dd{margin-top: 14px;}
.foot-nav li{height: 30px; line-height: 30px;}
.foot-nav.last,.foot-nav.last ul{margin-right: 0;}
.foot-wechat{float: right; text-align: center;}
.foot-wechat ul{margin: 0 -11px;}
.foot-wechat li{width: 108px; float: left; margin: 0 11px;}
.foot-wechat li img{width: 108px; height: 108px; border: 1px solid #e6e6e6;}
.foot-wechat li p{text-align: center; margin-top: 6px;}
.foot-copy{padding: 20px 0; font-size: 16px; line-height: 1.8; color: #ac8f55; text-align: center; border-top: 1px solid #ac8f55;}
#footer .foot-copy a{color: #ac8f55;}
.foot-copy #beian{font-size: 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.foot-copy #beian > *{display: inline-block; *display: inline-block; *zoom: 1; vertical-align: middle; font-size: 12px;}
.foot-copy #beian img{margin-right: 4px;}
/*广告图切换*/
.banner{width: 100%; position: relative; z-index: 2; overflow: hidden;}
.banner .slick-slide{display: block; height: 750px; position: relative; text-align: center; opacity: 0; visibility: hidden; background-repeat: no-repeat; background-position: center; background-size: cover;}
.banner .slick-slide a{display: block; height: 100%;}
.ban-top{width: 100%; color: #fff; position: absolute; left: 0; top: 130px; opacity: 0; transition: all .6s ease; -webkit-transform: translateY(-70px); transform: translateY(-70px);}
.ban-top .title{font-size: 48px;}
.ban-top .desc{font-size: 20px; margin-top: 6px;}
.ban-pic{width: 100%; position: absolute; left: 0; bottom: 40px; opacity: 0; transition: all .6s; -webkit-transform: translateY(120px); transform: translateY(120px);}
.ban-pic img{max-width: 80%;}
.banner .slick-active{opacity: 1; visibility: visible;}
.banner .slick-active .ban-top{opacity: 1; -webkit-transform: none; transform: none;}
.banner .slick-active .ban-pic{opacity: 1; -webkit-transform: none; transform: none;}
.ban-scroller{font-size: 14px; color: #fff; position: absolute; left: 50%; margin-left: -600px; bottom: 30px; z-index: 6;}
.ban-scroller li{height: 30px; line-height: 30px; padding-left: 24px; cursor: pointer; position: relative;}
.ban-scroller li.active i{display: block; width: 2px; height: 16px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -8px;}
.banner .slick-dots{display: none;}


.homepage-banner{width: 100%; position: relative; z-index: 2;}
.banner-swiper-slide{height: 750px; text-align: center; overflow: hidden; opacity: 0; visibility: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/banner-sbg.jpg);}
.banner-swiper-slide a{display: block; width: 100%; height: 100%;}
.banner-swiper-slide.swiper-slide-active{opacity: 1; visibility: visible;}
.banner-swiper-slide.swiper-slide-active .ban-top{opacity: 1; -webkit-transform: none; transform: none;}
.banner-swiper-slide.swiper-slide-active .ban-pic{opacity: 1; -webkit-transform: none; transform: none;}

.swiper-scroller{height: 150px;}
.swiper-scroller .swiper-slide{height: 30px; line-height: 30px; color: #fff; font-size: 14px;}
.swiper-scroller .swiper-slide a{color: #fff; display: block; padding-left: 24px; position: relative;}
.swiper-scroller .swiper-slide-active i{display: block; width: 2px; height: 16px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -8px;}
.swiper-scroller .sdtop,.swiper-scroller .sdbot{width: 100%; height: 50%; position: absolute; left: 0; z-index: 3;}
.swiper-scroller .sdtop{top: 0;}
.swiper-scroller .sdbot{bottom: 0;}
/*首页*/
.index-row{padding-top: 40px;}
.index-product ul{margin: 0 -10px;}
.index-product li .item{margin: 0 10px; position: relative;}
.index-product li .item a{display: block;}
.index-product li .item a img{width: 100%;}
.index-product li .text{color: #fff; line-height: 1.5; position: absolute; left: 50px; right: 50px; bottom: 40px;}
.index-product li .title{font-size: 24px;}
.index-product li .desc{font-size: 15px; margin-top: 6px;}
.slider-grid-container{position: relative; overflow: hidden;}
.slider-grid-container .slider-track{-webkit-transition: all 1s cubic-bezier(0.7,0,0.3,1); -moz-transition: all 1s cubic-bezier(0.7,0,0.3,1); -ms-transition: all 1s cubic-bezier(0.7,0,0.3,1); -o-transition: all 1s cubic-bezier(0.7,0,0.3,1); transition: all 1s cubic-bezier(0.7,0,0.3,1);}
.slider-grid-container .slick-slide img{-webkit-transition: all 1s cubic-bezier(0.7,0,0.3,1); -moz-transition: all 1s cubic-bezier(0.7,0,0.3,1); -ms-transition: all 1s cubic-bezier(0.7,0,0.3,1); -o-transition: all 1s cubic-bezier(0.7,0,0.3,1); transition: all 1s cubic-bezier(0.7,0,0.3,1); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.slider-grid-container .slick-slide.slick-active img{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.slider-grid-container .slick-prev,.slider-grid-container .slick-next{width: 64px; height: 128px; line-height: 128px; font-size: 28px; text-align: center; color: #fff; margin-top: -64px; opacity: 0; transition: all .6s;}
.slider-grid-container .slick-prev{left: 0;}
.slider-grid-container .slick-next{right: 0;}
.slider-grid-container .slick-prev:hover,.slider-grid-container .slick-next:hover{color: #ccc;}
.slider-grid-container:hover .slick-prev,.slider-grid-container:hover .slick-next{opacity: 1;}
#slider-prod2{margin-bottom: 4.2%;}
#slider-prod2 .text{bottom: auto; top: 10%;}
#slider-prod2 .title{font-size: 40px;}
#slider-prod2 .slick-prev,#slider-prod2 .slick-next{width: 40px;}
#slider-prod3 .text{bottom: auto; left: 60%; top: 10%;}
#slider-prod3 .title{font-size: 26px; color: #000;}
#slider-prod3 .desc{font-size: 14px; color: #333; margin-top: 2px;}
#slider-prod3 .slick-prev,#slider-prod3 .slick-next{width: 40px; color: #333;}

.index-promotion ul{margin: 0 -10px;}
.index-promotion li .item{display: block; margin: 0 10px; position: relative; overflow: hidden;}
@media only screen and (min-width: 768px){
	.index-promotion li .item{background: none;}
}
.index-promotion li img{width: 100%; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
.index-promotion li .text{color: #333; line-height: 1.5; position: absolute; left: 50px; right: 50px; bottom: 34px; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
.index-promotion li .title{font-size: 40px;}
.index-promotion li .title .iconfont{vertical-align: middle; font-size: 18px; font-weight: bold; margin-left: 20px;}
.index-promotion li .desc{font-size: 15px; margin-top: 6px;}
.index-promotion li .item:hover img{-webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);}
.index-promotion li .item:hover .text{bottom: 44px;}

.index-service{padding-bottom: 64px; color: #303233;}
.index-service li{background: #fff;}
.index-service li .item{display: block; padding: 55px 40px; border-left: 1px solid #f2f2f2; position: relative;}
.index-service li .line{width: 3px; height: 46px; background: #c2c8cc; position: absolute; left: 0; top: 50%; margin-top: -23px; border-radius: 0 3px 3px 0; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.index-service li .item:hover .line{background: #303233;}
.index-service li .title{font-size: 24px; line-height: 32px;}
.index-service li .desc{font-size: 15px; line-height: 24px;}



/*内页广告图*/
.ny-banner{height: 400px; margin-top: 64px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.ny-banner .wrapper{font-size: 0; height: 100%;}
.ny-banner .wrapper > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.ny-banner .wrapper > i{width: 0; height: 100%;}
.ny-banner .text{width: 100%; color: #fff;}
.ny-banner .title{font-size: 36px; font-weight: bold; line-height: 1.2; letter-spacing: 4px;}
.ny-banner .desc{font-size: 16px; margin-top: 12px; line-height: 1.6;}
/*产品列表*/
.container-list{padding: 40px 0; overflow: hidden;}
.product-grid{margin: 0 -10px;}
.sidernav-menu{margin: 0 10px; min-height: 484px; background: #fff;}
.sidernav-menu ul{padding: 24px 32px;}
.sidernav-menu li{height: 32px; line-height: 32px; padding: 8px 0; font-size: 16px;}
.sidernav-menu li a{display: block; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s;}
.sidernav-menu li i{font-size: 14px; margin-left: 6px; font-weight: bold; opacity: 0; visibility: hidden;}
.sidernav-menu li.active a,.sidernav li a:hover{font-weight: bold;}
.sidernav-menu li.active a i,.sidernav li a:hover i{opacity: 1; visibility: visible;}
.product-list li .item{background: #fff; margin: 0 10px 20px 10px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.product-list li .pic{display: block; text-align: center;}
.product-list li .pic span{display: block; max-width: 300px; margin: 0 auto;}
.product-list li .pic img{width: 100%;}
.product-list li .text{padding: 8px 32px 42px 32px;}
.product-list li .title{height: 24px; line-height: 24px; font-size: 24px; font-weight: bold; margin-bottom: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.product-list li .desc{height: 48px; line-height: 24px; margin-bottom: 26px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product-list li .more{font-size: 16px; font-weight: bold;}
.product-list li .more i{font-weight: bold; font-size: 12px; vertical-align: middle; margin-left: 6px; vertical-align: 1px;}
.product-list li .more:hover{color: #000;}
.product-list li .item:hover{-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.1); -ms-box-shadow: 0 0 10px 0 rgba(0,0,0,.1); -o-box-shadow: 0 0 10px 0 rgba(0,0,0,.1); box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}




.prodshow-section-s1{height: calc( 100vh - 64px); min-height: 800px; position: relative; z-index: 2;}
.pordsection-bg{background-repeat: no-repeat; background-position: left bottom; background-size: cover; background-attachment: fixed; position: relative; height: 100%;}
.pordsection-bg .wrapper{height: 100%;}
.prodshow-pic{text-align: center; position: absolute; left: 0; right: 0; bottom: 16px;}
.prodshow-pic img{max-width: 80%;}
.prodshow-text{width: 100%; padding-top: 10%; text-align: right; position: absolute; left: 0; top: 0; color: #fff; text-align: center;}
.prodshow-text .title{font-size: 50px;}
.prodshow-text .desc{font-size: 20px; line-height: 1.8; margin-top: 18px;}



.prodshow-section-s2{height: 690px; overflow: hidden; position: relative; max-height: 100%; z-index: 3;}
.prodshow-section-s2 .watch-video{width: 100%; min-width: 100%; min-height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.watch-video-wrap{height: 100%; font-size: 0; text-align: center; position: relative; z-index: 2;}
.watch-video-wrap > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.watch-video-wrap > i{width: 0; height: 100%;}
.watch-video-btn{text-align: center;}
.watch-video-btn em{display: block; width: 100px; height: 100px; line-height: 100px; margin: 0 auto; text-align: center; color: #fff; position: relative; border-radius: 50%; overflow: hidden;}
.watch-video-btn em span{display: block; width: 100%; height: 100%; background: #fff; filter: alpha(opacity: 15); -webkit-opacity: .15; -moz-opacity: .15; -ms-opacity: .15; -o-opacity: .15; opacity: .15; position: absolute; left: 0; top: 0; z-index: 1;}
.watch-video-btn em i{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 30px; position: relative; z-index: 2; padding-left: 5px;}
.watch-video-btn b{display: block; font-weight: normal; font-size: 24px; color: #fff; margin-top: 20px;}
.layui-layer-video{background: none!important;}
.layui-layer-video .layui-layer-content{overflow: visible!important;}
.prod-video-open{position: relative; height: 100%;}
.prod-close{display: block; width: 30px; height: 30px; line-height: 30px; font-size: 20px; color: #fff; text-align: center; position: absolute; right: -40px; top: -40px;}
.prod-video-open video{width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; bottom: 0;}
.prodshow-area{background: #141414; color: #fff;}
.prodshow-area-box{margin-top: 50px;}
.prodshow-area-box .text{margin-right: 20px;}
.prodshow-area-box .title{font-size: 30px; font-weight: bold; margin-top: 16px; padding-bottom: 24px; border-bottom: 1px solid #fff;}
.prodshow-area-box .desc{font-size: 16px; line-height: 1.874; color: #999; text-indent: 2em; text-align: justify; margin-top: 14px;}
.prodshow-area-box .sbtn{border: 1px solid #fff; font-size: 16px; color: #fff; text-align: center; padding: 8px 0; margin-top: 10px;}
.prodshow-area-box .fr{float: right;}
#KeyShotXR{margin: 0 auto;}
.prodshow-chara{background: #fff;}
.prodshow-chara-box{margin-top: 46px;}
#prodshow-chara-top{padding: 0 120px;}
#prodshow-chara-top .slick-track{margin: 0 auto;}
#prodshow-chara-top .slick-slide{filter: alpha(opacity: 50); -webkit-opacity: .5; -moz-opacity: .5; -ms-opacity: .5; -o-opacity: .5; opacity: .5;}
#prodshow-chara-top .slick-slide .item{margin: 0 10px; padding-bottom: 8px; text-align: center; cursor: pointer; position: relative;}
#prodshow-chara-top .slick-slide .icon img{width: 64px;}
#prodshow-chara-top .slick-slide .title{font-size: 16px; line-height: 24px; margin-top: 8px; color: #3b3e40;}
#prodshow-chara-top .slick-current{filter: alpha(opacity: 100); opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1;}
#prodshow-chara-top .slick-current .line{width: 24px; height: 2px; background: #3b3e40; position: absolute; left: 50%; bottom: 0; margin-left: -12px;}
#prodshow-chara-top .slick-prev,#prodshow-chara-top .slick-next{width: 30px; height: 60px; line-height: 60px; font-size: 20px; font-weight: bold; margin-top: -30px; color: #898989;}
#prodshow-chara-top .slick-prev{left: 90px;}
#prodshow-chara-top .slick-next{right: 90px;}
#prodshow-chara-pic{max-width: 1000px; margin: 30px auto 0;}
#prodshow-chara-pic .slick-slide{text-align: center;}
#prodshow-chara-pic img{width: 100%;}
#prodshow-chara-pic .slick-prev,#prodshow-chara-pic .slick-next{width: 200px; height: 100%; top: 0; margin-top: 0;}
#prodshow-chara-pic .slick-prev{left: 0;}
#prodshow-chara-pic .slick-next{right: 0;}
.prodshow-contrast{background: #101010;}
.prodshow-contrast .inner-title{color: #fff;}
.prodshow-contrast-box{margin-top: 50px;}
.prodshow-contrast-box ul{margin: 0 -34px;}
.prodshow-contrast-box li .item{margin: 10px 34px;}
.prodshow-contrast-box li .pic{padding: 18px; text-align: center; position: relative;}
.prodshow-contrast-box li .pic span{display: block; border: 1px solid #d2d2d2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; filter: alpha(opacity: 10); -webkit-opacity: .1; -moz-opacity: .1; -ms-opacity: .1; -o-opacity: .1; opacity: .1;}
.prodshow-contrast-box li .pic img{max-width: 100%; position: relative; z-index: 2;}
.prodshow-contrast-box li .title{font-size: 24px; font-weight: bold; color: #fff; text-align: right; margin-top: 22px;}
.prodshow-contrast-box li .line{height: 2px; margin-top: 16px;}
.prodshow-contrast-box li .line i{display: block; width: 24px; height: 2px; background: #fff; float: right;}
.prodshow-contrast-box li .info{margin-top: 26px;}
.prodshow-contrast-box li .info p{overflow: hidden; line-height: 24px; padding: 10px 12px 10px 20px; position: relative; font-size: 14px; color: #fff; margin-bottom: 4px;}
.prodshow-contrast-box li .info p > *{position: relative; z-index: 2;}
.prodshow-contrast-box li .info p i{display: block; width: 100%; height: 100%; background: #fff; filter: alpha(opacity: 5); -webkit-opacity: .05; -moz-opacity: .05; -ms-opacity: .05; -o-opacity: .05; opacity: .05; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; position: absolute; left: 0; top: 0; z-index: 1;}
.prodshow-contrast-box li .info p span{color: #999;}
.prodshow-contrast-box1 ul{margin: 0 -12px;}
.prodshow-contrast-box1 li .item{margin-left: 12px; margin-right: 12px;}
.prodshow-safe{background: #fff; padding: 70px 0;}
.prodshow-safe li{text-align: center;}
.prodshow-safe li i.iconfont{display: block; width: 56px; height: 56px; line-height: 56px; margin: 0 auto; border: 2px solid #333; font-size: 32px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.prodshow-safe li .title{font-size: 24px; font-weight: bold; margin-top: 32px; margin-bottom: 24px;}
.prodshow-safe li .more{font-size: 16px; color: #666;}
.prodshow-safe li .more:hover{filter: alpha(opacity: 80); -webkit-opacity: .8; -moz-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8;}
/*关于我们*/
#about-menu{position: fixed; left: 43px; top: 50%; margin-top: -131px; z-index: 99;}
.about-logo{margin-bottom: 50px; margin-left: 24px;}
.about-menu li{height: 34px; line-height: 34px; position: relative; padding-left: 28px; font-size: 15px;}
.about-menu li a{color: #666;}
.about-menu li.active a{color: #000;}
.about-menu li.active i{width: 4px; height: 24px; background: #000; position: absolute; left: 0; top: 50%; margin-top: -12px;}

.about-box{position: relative; z-index: 8;}

.about-page{position: relative; height: 100vh;}
.about-page .pined-page{position: absolute; left: 39px; top: 0; right: 39px; bottom: 39px; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden;}

.about-page .pined-page.active{position: fixed;}

.about-box .page-1{z-index: 11;}


.page1-text{width: 100%; height: 100%; font-size: 0; text-align: center; position: absolute; left: 0; top: 0;}
.page1-text > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.page1-text .middle{width: 0; height: 100%;}
.page1-text .text{width: 780px; max-width: 60%; font-size: 15px; line-height: 34px; color: #000; text-align: left; text-align: justify;}

.pined-paged{font-size: 0; bottom: 0!important;}
.pined-paged > *{display: inline-block; *display: inline; *zoom: 1; width: 50%; min-height: 1px; vertical-align: middle;}
.paged-pic{height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}
.paged-text .text{padding-left: 290px; padding-right: 86px;}
.paged-text .title{font-size: 24px;}
.paged-text .desc{font-size: 15px; line-height: 34px; color: #666; margin-top: 34px; text-align: justify;}


.about-box .page-2{z-index: 12;}


.about-box .page-3{z-index: 13;}


.about-box .page-3 .paged-text .text{padding: 0 130px;}




.about-box .page-4{z-index: 14;}
.about-box .page-4 .pined-page{left: 0; right: 0; bottom: 0;}
.page4-text{width: 100%; height: 100%; font-size: 0; text-align: center; position: absolute; left: 0; top: 0;}
.page4-text > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.page4-text .middle{width: 0; height: 100%;}
.page4-text .text{width: 830px; max-width: 60%; font-size: 15px; line-height: 34px; color: #000; text-align: left; text-align: justify;}

.about-box .page-5{z-index: 15; background: #fff;}
.about-box .page-5 .pined-page{left: 0; bottom: 0; margin-left: 398px;}



.history-page{position: relative; height: 100%; border-left: 1px solid #e0e0e0; display: flex;}
.history-page li{position: relative; width: 9.5%; height: 100%; float: left;}
.history-page li .item{position: relative; height: 100%; border-right: 1px solid #e0e0e0;}
.history-page li .phead{position: absolute; left: 10px; right: 10px; top: 72px; -webkit-animation: fly .6s 1 both; animation: fly .6s 1 both; transition: all .7s cubic-bezier(.19,1,.22,1);}
.history-page li .title{font-size: 24px; font-weight: bold; text-align: center; word-wrap: break-word;}
.history-page li .desc{font-size: 15px; line-height: 26px; margin-top: 40px; margin-right: 30px; opacity: 0; visibility: hidden;}
.history-page li .desc p{position: relative; padding-left: 16px;}
.history-page li .desc p i{display: block; width: 5px; height: 5px; background: #1d1d1d; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; top: 10px;}



.history-page li .picimg{position: absolute; left: 14px; right: 14px; bottom: 0; display: none;}
.history-page li .picimg span{display: block; width: 0; -webkit-animation: scaleIn .6s 1 both; animation: scaleIn .6s 1 both; transition: all .7s cubic-bezier(.19,1,.22,1); position: relative;}
.history-page li .picimg img{width: 100%;}
.history-page li .picimg .name{font-size: 24px; color: #fff; position: absolute; left: 40px; top: 40px; right: 40px; bottom: 40px;}



.history-page li.active{width: 51.5%;}
.history-page li.active .phead{left: 30px; right: 30px;}
.history-page li.active .title{text-align: left;}
.history-page li.active .desc{opacity: 1; visibility: visible;}
.history-page li.active .picimg{display: block;}
.history-page li.active .picimg span{width: 100%;}

@-webkit-keyframes fly{0%{opacity:1;font-size:24px;-webkit-transform:translateY(0)}0.1%{opacity:0;font-size:46px;-webkit-transform:translateY(30px)}to{font-size:46px;-webkit-transform:translateY(0)}}
@keyframes fly{0%{opacity:1;font-size:24px;-webkit-transform:translateY(0);transform:translateY(0)}0.1%{opacity:0;font-size:46px;-webkit-transform:translateY(30px);transform:translateY(30px)}to{font-size:46px;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes scaleIn{0%{width:0}to{width:100%}}
@keyframes scaleIn{0%{width:0}to{width:100%}}


/*列表分页*/
#list-pages{text-align: center; margin-top: 50px; margin-bottom: 20px; font-size: 0;}
#list-pages > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 14px; height: 24px; line-height: 24px; padding: 5px 18px; border: 1px solid #eee; margin: 3px 2px;}
#list-pages .pageinfo{border-color: #fff; color: #999;}
#list-pages .pageinfo strong{font-weight: normal;}
#list-pages .thisclass{background: #272727; border-color: #272727; color: #fff;}
/*下载列表*/
.download-banner{height: 168px!important;}
.download-banner .title{font-size: 30px!important;}
.download-banner .desc{margin-top: 4px!important; font-size: 14px!important; color: #999;}
.download-banner .desc *{color: #999;}
.list-title{font-size: 18px;}
.download-list{margin-top: 30px;}
.download-list li{height: 50px; line-height: 50px; background: #f7f9fa; font-size: 16px; padding: 0 48px 0 16px;}
.download-list li a{color: #1296db;}
.download-list li .r{float: right;}
.download-list li .r .iconfont{font-size: 14px; margin-left: 2px;}
.download-list li .title{font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 100px;}
.download-list li .title a{color: #333;}
.download-list li .title a:hover{color: #1296db;}
.download-list li.n2{background: #fff;}
/*人才招聘列表*/
.recruit-grid{background: #fff; padding: 40px 50px;}
.recruit-list-table{width: 100%; color: #606266;}
.recruit-list-table a{color: #707473;}
.recruit-list-table a:hover{color: #333;}
.recruit-list-table .cell{padding: 16px 10px;}
.recruit-list-table th{background: #f5f5f5; border-bottom: 1px solid #ebeef5; font-size: 18px; color: #616466;}
.recruit-list-table td{border-bottom: 1px solid #ebeef5; -webkit-transition: background-color .25s ease; -moz-transition: background-color .25s ease; -ms-transition: background-color .25s ease; -o-transition: background-color .25s ease; transition: background-color .25s ease;}
.recruit-list-table td .iconfont{font-size: 12px;}
.recruit-list-table tr:hover td{background-color: #f5f7fa;}
.recruit-list-table .w150{width: 150px;}
.recruit-list-table .w160{width: 160px;}
.recruit-list-table .w158{width: 158px;}
/*人才招聘详情*/
.job-sbox{max-width: 780px;}
.recruit-details{padding-top: 0!important;}
.recruitd-title{font-size: 22px; line-height: 1.4; color: #707473; padding: 24px 0 16px 0;}
.job-base li{float: left; color: #979797; margin-right: 30px;}
.job-base li.sb2{margin-right: 120px;}
.job-base li.sb3{margin-right: 0;}
.job-body{margin: 32px 0; border-top: 1px solid #ebebeb; color: #707473; padding: 24px 0;}
.article-return{text-align: right; font-size: 16px; border-top: 1px solid #ddd; padding-top: 16px; margin-top: 15px;}
.article-return a{color: #333!important;}
/*新闻列表*/
.news-banner .desc{margin-top: 6px!important;}
.newsnav{background: #f7f8f9; padding: 22px 0; font-size: 14px; color: #666;}
.newsnav a{color: #666;}
.news-title ul{font-size: 0; text-align: center; margin: 0 -25px;}
.news-title li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 18px; margin: 0 25px;}
.news-title li a{-webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s;}
.news-title li.active a,.news-title li a:hover{font-weight: bold;}
.news-list{margin-top: 20px;}
.news-list li{padding: 14px 0; position: relative;}
.news-list li .left{width: 554px; float: left; font-size: 0; text-align: left;}
.news-list li .left > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.news-list li .pic{width: 376px; height: 226px; overflow: hidden; margin-right: 40px;}
.news-list li .pic a{display: block; width: 100%; height: 100%;}
.news-list li .pic img{width: 100%; min-height: 100%; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.news-list li .pic:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.news-list li .time{font-size: 18px;}
.news-list li .time span{display: block; font-size: 36px;}
.news-list li .time em{display: block; margin-top: 4px;}
.news-list li .right{margin-left: 554px; margin-top: 59px;}
.news-list li .title{font-size: 24px; height: 32px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-list li .desc{height: 62px; line-height: 31px; font-size: 16px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 14px;}
/*新闻详情*/
.details{margin: 0 -15px; color: #707473;}
.details a{color: #707473;}
.details .nbox{padding: 15px;}
.details-left{margin-right: 20px;}
.details-title{font-size: 18px; font-weight: bold; margin-bottom: 18px; color: #44a8f2;}
.details-intfo{font-size: 0;}
.details-intfo > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 12px;}
.details-intfo a{font-size: 12px; background: #6a6d69; color: #fff; line-height: 20px; padding: 0 5px; margin-right: 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}
.details-body{margin-top: 50px;}
.details-body img{max-width: 100%;}
.details-right{margin-left: 80px;}
.details-rdtitle{font-size: 18px; margin-bottom: 12px;}
.newsroom-nav,.newsroom-tags{margin-bottom: 40px;}
.newsroom-nav .details-rdtitle{font-weight: bold;}
.newsroom-nav li{font-size: 16px; font-weight: bold; line-height: 30px;}
.newsroom-nav li a{color: #44a8f2;}
.tags-list ul{margin-right: 5px;}
.tags-list li{float: left; margin-right: 5px; margin-bottom: 5px;}
.tags-list li a{display: block; height: 26px; line-height: 26px; border: 1px solid #44a8f2; padding: 0 6px; font-size: 12px; color: #44a8f2; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}
.tags-list li a:hover{text-decoration: underline;}
.recent-news li{margin-bottom: 40px;}
.recent-news li .pic-box{display: block;}
.recent-news li .pic{max-height: 180px; overflow: hidden;}
.recent-news li .pic img{width: 100%; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
.recent-news li .pic:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.recent-news li .title{font-size: 14px; height: 24px; line-height: 24px; margin-top: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #44a8f2;}
.recent-news li .bt{font-size: 0; margin-top: 10px;}
.recent-news li .bt > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 12px;}
.recent-news li .bt a{font-size: 12px; background: #6a6d69; color: #fff; line-height: 20px; padding: 0 5px; margin-right: 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}
/*维修支持*/
.repair-banner{height: 580px!important;}
.repair-banner .text{color: #333; vertical-align: bottom!important; margin-bottom: 12%;}
.repair-banner .desc{margin-top: 8px!important;}
.repair-list{padding: 50px 0;}
.repair-list ul{margin: 0 -50px;}
.repair-list li{text-align: center;}
.repair-list li .item{display: block; margin: 10px 50px; text-align: center;}
.repair-list li .iconfont{font-size: 54px; color: #8a8a8a;}
.repair-list li .title{font-size: 16px; font-weight: bold; color: #666; margin-top: 24px;}
.repair-list li .item:hover *{color: #272727;}
/*维修支持---远程协助*/
.long-range{margin-top: 50px;}
.long-range li{text-align: center; position: relative;}
.long-range li i.iconfont{font-size: 50px; color: #8a8a8a;}
.long-range li .title{font-size: 16px; margin-top: 22px;}
.long-range li span.iconfont{font-size: 32px; color: #8a8a8a; position: absolute; right: 0; bottom: 42px;}
.other-service{background: #f7f8f9;}
.other-service .wrapper{padding: 20px 0;}
.other-service .repair-list{padding: 0; margin-top: 30px;}
/*服务支持---安全使用*/
.safe-use{padding: 20px 0;}
.safe-use .inner-title{font-weight: normal;}
.safe-use-box ul{margin: 0 -6px;}
.safe-use-box li .item{margin: 60px 6px; text-align: center;}
.safe-use-box li .iconfont{font-size: 60px; color: #8a8a8a;}
.safe-use-box li .desc{font-size: 14px; min-height: 48px; line-height: 24px; margin-top: 44px;}
.safe-use-box li.line .item{margin: 0 6px; border-bottom: 1px solid #eee;}
/*行业应用*/
.industry-s1{padding: 24px 0; background: #f2f2f2;}
.industry-s1box{margin-top: 10px;}
.industry-s1box ul{margin: 0 -14px;}
.industry-s1box li .item{background: #fff; padding: 14px; margin: 14px;}
.industry-s1box li .pic{overflow: hidden;}
.industry-s1box li .pic img{width: 100%; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
.industry-s1box li .pic:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.industry-s1box li .title{font-size: 18px; font-weight: bold; margin-top: 13px;}
.industry-s1box li .desc{font-size: 14px; color: #999; margin-top: 12px;}
.industry-s2{background: #fff; padding: 40px 0;}
.industry-slider{position: relative; z-index: 12;}
.industry-slider .slick-slide img{width: 100%;}
.industry-slider .slick-slide .bcx{color: #fff; padding: 40px; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.industry-slider .slick-slide .title{font-size: 26px; font-weight: bold;}
.industry-slider .slick-slide .desc{margin-top: 25px; font-size: 16px;}
.industry-slider .slick-slide .bclist{margin-top: 28px;}
.industry-slider .slick-slide .bclist ul{font-size: 0; margin: 0 -12px;}
.industry-slider .slick-slide .bclist li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 14px; position: relative;}
.industry-slider .slick-slide .bclist li a{display: block; height: 20px; line-height: 20px; padding: 0 12px; color: #fff;}
.industry-slider .slick-slide .bclist li i{display: block; width: 1px; height: 100%; background: #fff; position: absolute; left: 0; top: 0;}
.industry-slider .slick-slide .bclist li a:hover{filter: alpha(opacity: 80); -webkit-opacity: .8; -moz-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8;}
.control-container{width: 28%; height: 100%; position: absolute; left: 0; top: 0; z-index: 30;}
.control-container ul{padding: 20px 25px 40px 75px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-right: 1px solid #fff; border-right: 1px solid rgba(255,255,255,.3);}
.control-container li{color: #fff; height: 76px; line-height: 76px; font-size: 24px; cursor: pointer;}
.control-container li > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.control-container li .iconfont{font-size: 36px; margin-right: 20px; opacity: 0; visibility: hidden;}
.control-container li span{font-size: 24px;}
.control-container li.active .iconfont{opacity: 1; visibility: visible;}
.industry-s3{background: #f2f2f2; padding: 64px 0;}
.industry-s3 .title{font-size: 18px; font-weight: bold; text-align: center;}
.industry-s3 .cbtn{display: block; width: 140px; height: 38px; line-height: 38px; background: #272727; font-size: 16px; color: #fff; text-align: center; margin: 18px auto 0;}
.industry-s3 .cbtn:hover{filter: alpha(opacity: 80); -webkit-opacity: .8; -moz-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8;}
/*行业应用列表*/
.industry-clist{background: #f7f8f9;}
.industry-grid{padding: 20px 0;}
.industry-nav{width: 224px; float: left;}
.industry-nav li{height: 30px; line-height: 30px; font-size: 14px; position: relative;}
.industry-nav li i{display: block; width: 2px; height: 16px; background: #272727; position: absolute; left: 0; top: 50%; margin-top: -8px; opacity: 0; visibility: hidden;}
.industry-nav li a{padding-left: 22px; color: #666;}
.industry-nav li.active i{opacity: 1; visibility: visible;}
.industry-nav li.active a,.industry-nav li a:hover{color: #333;}
.industry-entry{margin-left: 227px;}
.industry-title{font-size: 18px; color: #666;}
.industry-list{padding: 16px 0; margin-bottom: 20px;}
.industry-list ul{margin: 0 -3px;}
.industry-list li .item{display: block; margin: 3px;}
.industry-list li .pic{background: #fff; border: 2px solid #ddd;}
.industry-list li .pic img{width: 100%;}
.industry-list li .pic:hover{border-color: #666;}
.industry-list li .title{height: 26px; line-height: 26px; font-size: 14px; color: #666; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 4px;}
/*联系我们*/
.contact-banner .text{color: #333;}
.contact-top{margin: 30px 0;}
.contact-top-intro .desc{font-size: 18px; color: #666; line-height: 1.8; margin-top: 34px;}
.contact-top-intro .title{font-size: 16px; color: #999; margin-top: 30px;}
.contact-top-ilist{margin-top: 18px;}
.contact-top-ilist ul{margin: 0 -6px;}
.contact-top-ilist li .item{margin: 6px;}
.contact-top-ilist li .pic{margin-bottom: 6px;}
.contact-top-ilist li .pic img{width: 100%;}
.contact-top-ilist li p{font-size: 14px; line-height: 1.4;}
.contact-top-ilist li p.p1{font-size: 18px; margin-bottom: 4px;}
.contact-top-form{width: 38.3%; float: right; padding-top: 24px; margin-top: -24px; position: relative;}
.contact-top-form .titpic{position: absolute; left: 14px; right: 14px; top: 0;}
.contact-top-form .title{font-size: 32px; line-height: 1.3; position: relative; padding-left: 28px; margin-top: 6px;}
.contact-top-form .title i{display: block; width: 7px; height: 32px; background: #333; position: absolute; left: 0; top: 50%; margin-top: -16px;}
.contact-top-formbox{margin-top: 26px;}
.contact-top-formbox li{border: 1px solid #bfbfbf; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; overflow: hidden; margin-bottom: 12px; padding-left: 15px; padding-right: 15px;}
.contact-top-formbox li.pr_0{padding-right: 0;}
.contact-top-formbox li .input{display: block; width: 100%; font-size: 16px; height: 30px; line-height: 30px; padding: 5px 0;}
.contact-top-formbox li .textarea{display: block; width: 100%; height: 80px; line-height: 30px; font-size: 16px; padding: 5px 0;}
.contact-top-formbox li.submit{border-width: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding-left: 0; margin-bottom: 4px;}
.contact-top-formbox li.submit .sbtn{display: block; width: 170px; height: 43px; line-height: 43px; text-align: center; background: #333; font-size: 18px; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s;}
.contact-top-formbox li.submit .sbtn:hover{filter: alpha(opacity: 80); -webkit-opacity: .8; -moz-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8;}
.contact-top .line{width: 1px; height: 100%; background: #ddd; position: absolute; left: 56.3%; top: 0;}
.contact-bot{background: #f7f8f9; padding: 70px 0;}
.contact-mapinfo{width: 56.3%; float: left;}
#domestic-map{width: 100%; height: 470px;}
#domestic-map img{max-width: none;}
#domestic-map h3{font-size: 16px;}
#domestic-map p{color: #666; font-size: 13px; margin-top: 8px;}
.domestic-list{width: 38.3%; float: right;}
.domestic-list li{border-bottom: 1px solid #ddd; padding-bottom: 30px; margin-bottom: 30px;}
.domestic-list li .title{font-size: 20px; cursor: pointer; line-height: 26px;}
.domestic-list li .desc{font-size: 14px; line-height: 30px; margin-top: 20px;}
.domestic-list li.active .title{font-size: 22px; font-weight: bold;}
/*维修支持-预约*/
.step-container{margin-top: 30px;}
.steps-gotham{padding-bottom: 18px; margin-bottom: 30px; border-bottom: 1px solid #eee;}
.steps-gotham ul{font-size: 0;}
.steps-gotham li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 14px; color: #999;}
.steps-gotham li span{padding: 0 20px;}
.steps-gotham li.active{color: #333;}
.sub-step-title{font-size: 18px; font-weight: bold; padding-top: 16px;}
.sub-step-list{margin-bottom: 34px; margin-top: 10px;}
.sub-step-list ul{margin: 0 -10px;}
.sub-step-list li .item{display: block; margin: 10px; border: 1px solid #ddd; text-align: center; font-size: 14px; color: #666;}
.sub-step-list li .item.active,.sub-step-list li .item:hover{border-color: #272727; color: #333;}
.sub-step-btn{font-size: 0; margin-right: -28px;}
.sub-step-btn > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.sub-step-btn .btn-action{width: 178px; height: 46px; line-height: 46px; background: #272727; border: 1px solid #272727; color: #fff; font-size: 18px; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-align: center; margin-right: 28px;}
.sub-step-btn .btn-action:hover{filter: alpha(opacity: 80); -webkit-opacity: .8; -moz-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8;}
.sub-step-btn .btn-action-primpy{background: none; border-color: #999; color: #999;}
.sub-step-btn .next-tip{margin-left: 30px; font-size: 14px; color: #e08383;}
#sub-product-list li .pic{padding-top: 14px;}
#sub-product-list li .name{font-size: 14px; padding: 14px 0;}
#sub-type-list li,#sub-date-list li,#sub-time-list li{min-width: 21%;}
#sub-type-list li a{line-height: 30px; padding: 22px 0;}
#sub-date-list li a,#sub-time-list li a{line-height: 23px; padding: 15px 0;}
#sub-date-list li a > *,#sub-time-list li a > *{display: block;}
.sub-steps2{display: none;}
.pre-text-list{font-size: 0; margin-bottom: 18px;}
.pre-text-item{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; max-width: 80%; padding: 18px 22px; border: 1px solid  #272727; font-size: 14px; line-height: 24px;}
.pre-text-item #pre-time{margin-left: 10px;}
#reserve-form{margin-top: 10px;}
#reserve-form ul{margin: 0 -15px;}
#reserve-form li .item{margin: 10px 15px; border-bottom: 1px solid #979797; position: relative;}
#reserve-form li .phone{padding-left: 40px;}
#reserve-form li span{display: block; width: 34px; height: 19px; line-height: 19px; border: 1px solid #ddd; background: #fcfcfd; position: absolute; left: 0; top: 50%; margin-top: -11px; font-size: 12px; color: #666; text-align: center;}
#reserve-form li input[type="text"]{display: block; width: 100%; font-size: 12px; height: 24px; line-height: 24px; padding: 4px 0; text-indent: 3px;}
#reserve-form li textarea{display: block; width: 100%; padding: 5px 0; font-size: 12px; height: 26px; line-height: 26px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
#reserve-form li textarea:active,#reserve-form li textarea:focus{outline: none; height: 100px;}
#reserve-form li .checkbox-item{border-width: 0;}
#reserve-form li .checkbox-box{position: relative; font-weight: normal; display: block; padding-left: 20px; margin-bottom: 30px; margin-top: 20px;}
#reserve-form li .checkbox-box input[type="checkbox"]{opacity: 0;}
#reserve-form li .checkbox-box input[type="checkbox"],#reserve-form li .checkbox-box .iconfont{width: 12px; height: 12px; line-height: 12px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position: absolute; left: 0; top: 50%; margin-top: -7px;}
#reserve-form li .checkbox-box input[type="checkbox"]:checked+.iconfont{background: #44a8f2; border: 1px solid #44a8f2; font-size: 12px;}
#reserve-form li .checkbox-box input[type="checkbox"]:checked+.iconfont:before{content: "\e6ef"; color: #fff;}
#reserve-form li .checkbox-box a{color: #44a8f2;}
#reserve-form li .checkbox-box a:hover{text-decoration: underline;}
/*维修支持-维修中心*/
.repair-wrapper{padding: 60px 0 80px 0;}
.font-gotham{min-width: 240px; float: left; margin-right: 8px;}
.info-select-panel .loading-box{float: left;}
.info-select-panel .loading-box .iconfont{display: block; overflow: hidden; opacity: 0; visibility: hidden; font-size: 20px; line-height: 40px;}
.fa-spin{-webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear;}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.filter-box{position: relative;}
.filter-box select{display: none;}
.filter-text{height: 100%; overflow: hidden; position: relative; cursor: pointer; padding: 0 36px 0 15px; background: #fff; border: 1px solid #e6e6e6;}
.filter-text input{font-size: 14px;}
.filter-text .filter-title{display: block; width: 100%; height: 40px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;}
.filter-list{display: none; background: #fff; max-height: 252px; font-size: 14px; border: 1px solid #e6e6e6; position: absolute; top: 46px; left: 0; right: 0; z-index: 99; overflow: auto;}
.filter-list li.filter-null a{color: #d2d2d2;}
.filter-list li a{display: block; padding: 0 10px; height: 36px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s;}
.filter-list li:hover{background: #f2f2f2;}
.filter-list li.filter-selected{background: #979797;}
.filter-list li.filter-selected a{color: #fff;}
.filter-list li.filter-disabled{background: #fff;}
.filter-list li.filter-disabled a{display: block; color: #d2d2d2;}
.filter-list li.filter-disabled:hover a{cursor: not-allowed!important; background: #fff;}
.filter-box .iconfont{width: 20px; height: 20px; line-height: 20px; font-size: 14px; text-align: center; color: #939393; position: absolute; right: 10px; top: 50%; margin-top: -10px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.filter-box .iconfont.filter-show{-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg);}
.filter-list::-webkit-scrollbar{width: 4px;}
.filter-list::-webkit-scrollbar-track{background: #fff;}
.filter-list::-webkit-scrollbar-thumb{background: #707473; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.info-map{margin-top: 50px;}
#map{width: 100%; height: 660px;}
#map img{max-width: none;}
#map .BMap_pop .map-tit{font-size: 14px; font-weight: bold; margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #eee!important; padding-bottom: 24px; padding-top: 10px;}
#map .meta{margin-left: 10px; margin-right: 10px; font-size: 16px; color: #666; line-height: 32px; margin-top: 24px;}
#map .meta p{position: relative; padding: 4px 0 4px 30px;}
#map .meta p .iconfont{display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 16px; color: #8a8a8a; position: absolute; left: 0; top: 10px;}
#map .meta .support-list-panel{position: relative;}
#map .meta .support-list-panel a{font-size: 16px; line-height: 1.5;}
#map .meta .support-list-panel .float-panel{display: none; min-width: 80%; padding: 16px; font-size: 14px; line-height: 1.1; background: #fff; border: 1px solid #d4d7d9!important; position: absolute; left: 0; bottom: 36px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
#map .meta .support-list-panel .float-panel::after{content: ""; width: 10px; height: 10px; background: #fff; position: absolute; bottom: -6px; left: 20%; margin-left: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-right: 1px solid #d4d7d9; border-bottom: 1px solid #d4d7d9;}
#map .meta .support-list-panel:hover .float-panel{display: block;}
#map .BMap_pop *{border: 0!important;}
.info-col{border: 1px solid #ddd; height: 658px; overflow: hidden; overflow-y: auto;}
.info-col li{font-size: 14px; padding: 20px 10px 34px 15px; border-bottom: 1px solid #ddd; cursor: pointer;}
.info-col li .title{font-size: 14px;}
.info-col li .address{font-size: 14px; line-height: 24px; color: #999; position: relative; margin-top: 8px; padding-left: 20px;}
.info-col li .address .iconfont{position: absolute; left: 0; top: 4px;}
.info-col li.active .title{font-weight: bold;}
.info-col li.active .address .iconfont{color: #333;}
/*商务合作*/
.business-banner .text{width: auto; color: #333; margin-right: 5%;}
.business-banner .title{text-align: left;}
.business-banner .desc{margin-top: 8px!important;}
.business-wp .inner-desc{margin-top: 20px; line-height: 1.875; color: #666;}
.business-wp1{padding: 60px 0;}
.business-wp1-box{position: relative; margin-top: 50px;}
.business-wp1-box .linebg{width: 1444px; height: 138px; background: url(../images/business-linebg.png) no-repeat center; position: absolute; left: 50%; top: 0; margin-left: -722px;}
.business-wp1-slider .slick-list{padding: 14px 0;}
.business-wp1-slider .slick-slide .item{margin: 0 20px; text-align: center;}
.business-wp1-slider .slick-slide .iconfont{width: 118px; height: 118px; line-height: 118px; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: 0 auto; font-size: 56px; color: #666; text-align: center; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.business-wp1-slider .slick-slide .text{padding-top: 18px; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.business-wp1-slider .slick-slide .title{font-size: 20px;}
.business-wp1-slider .slick-slide .desc{font-size: 14px; line-height: 24px; margin-top: 12px;}
.business-wp1-slider .slick-slide .item:hover .iconfont{background: #272727; border-color: #272727; color: #fff; transform: translateY(-14px);}
.business-wp1-slider .slick-slide .item:hover .text{transform: translateY(14px);}
.business-wp1-slider .slick-dots{bottom: -24px;}
.business-wp1-slider .slick-dots li button{background: #ccc;}
.business-wp1-slider .slick-dots li.slick-active button{background: #333;}
.business-wp2{padding: 50px 0; background: #f7f8f9;}
.business-wp2-slider{margin: 0 -8px; position: relative;}
.business-wp2-slider .slick-list{padding-top: 30px;}
.business-wp2-slider .slick-slide .item{margin: 8px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.business-wp2-slider .slick-slide .icon{width: 84px; height: 84px; margin: 0 auto; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: relative; z-index: 2;}
.business-wp2-slider .slick-slide .bg{width: 100%; height: 100%; background: #272727; filter: alpha(opacity: 15); -webkit-opacity: .15; -moz-opacity: .15; -ms-opacity: .15; -o-opacity: .15; opacity: .15; position: absolute; left: 0; top: 0; z-index: 2;}
.business-wp2-slider .slick-slide .iconfont{display: block; width: 70px; height: 70px; line-height: 70px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; z-index: 3; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 38px; color: #2c2c2c; text-align: center;}
.business-wp2-slider .slick-slide .text{padding: 60px 16px 26px 16px; background: #fff; position: relative; z-index: 1; margin-top: -42px;}
.business-wp2-slider .slick-slide .title{font-size: 16px; text-align: center;}
.business-wp2-slider .slick-slide .desc{font-size: 12px; line-height: 2; color: #999; text-align: justify; margin-top: 12px;}
.business-wp2-slider .slick-slide .item:hover{-webkit-transform: translateY(-16px); -moz-transform: translateY(-16px); -ms-transform: translateY(-16px); -o-transform: translateY(-16px); transform: translateY(-16px);}
.business-wp2-slider .slick-slide .item:hover .iconfont{background: #272727; color: #fff;}
.business-wp2-slider .slick-dots{bottom: -24px;}
.business-wp2-slider .slick-dots li button{background: #ccc;}
.business-wp2-slider .slick-dots li.slick-active button{background: #333;}
.business-wp2-btn{font-size: 0; text-align: center; margin-top: 44px;}
.business-wp2-btn a{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 146px; height: 40px; line-height: 40px; font-size: 16px; background: #2c2c2c; color: #fff; text-align: center;}
.business-wp2-btn a:hover{filter: alpha(opacity: 90); -webkit-opacity: .9; -moz-opacity: .9; -ms-opacity: .9; -o-opacity: .9; opacity: .9;}
/*系统模块---云平台*/
.Cplatform-banner{height: 825px!important;}
.Cplatform-banner .Cplatform-banpic{margin-bottom: 4%;}
.Cplatform-banner .inner-desc{line-height: 1.625; margin-top: 30px!important;}
.prodetails-item{height: 825px!important; font-size: 0; text-align: center; color: #fff; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
.prodetails-item .middle{width: 0!important; height: 100%!important; vertical-align: middle;}
.prodetails-item  > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.prodetails-item .text-box{min-width: 100%; text-align: left;}
.prodetails-item .text-box > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-align: left;}
.prodetails-item .inner-desc{line-height: 1.8; margin-top: 30px;}
/*系统模块详情-传感单元*/
.Sensor-banner .text > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.Sensor-banner .Sensor-banpic{width: 73.6%; margin-left: -4%;}
.Sensor-banner .text-box{min-width: 0!important; width: 23.4%; margin-left: 3%;}
.Sensor-banner .inner-desc{line-height: 1.8;}
.Sensor-banner .inner-desc p b{font-weight: bold; margin-right: 10px;}
.prodetails-item .lpic{width: 50%; position: absolute; left: 0; bottom: 0;}
.prodetails-item .rpic{width: 50%; position: absolute; right: 0; bottom: 0;}
/*系统模块详情-直角机器人*/
.Robot-banner .text > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.Robot-banpic,.text-box{float: none!important;}
.Robot-banner .text-box{margin-left: 3%; min-width: 0!important;}
.Robot-banner .text-box > *{display: block!important;}
.Robot-banner .inner-desc{line-height: 1.8;}
.Robot-banner .inner-desc p b{font-weight: bold; margin-right: 10px;}
.prodetails-table{margin-left: -4px; margin-right: -4px; margin-top: 30px;}
.prodetails-table table{width: 100%; border-spacing: 5px; border-collapse: separate;}
.prodetails-table th,.prodetails-table td{padding: 8px 10px; font-size: 16px; color: #999; line-height: 1.5;}
.prodetails-table th{background: #1e1e22;}
.prodetails-table td{background: #303035;}
.prodetails-table .w110{width: 110px;}
/*系统模块详情-Delta机器人*/

.Robot-rpic{max-width: 63.54%; position: absolute; right: 0; top: 0;}

.prod-ljtitle{margin-top: 30px;}
.prod-ljtitle li{width: 58px; height: 58px; float: left; margin-right: 20px; background: #878787; line-height: 58px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #26262b; cursor: pointer;}
.prod-ljtitle li .iconfont{vertical-align: middle; font-size: 40px; padding-left: 2px;}
.prod-ljtitle li.active{background: #fff;}
/*系统模块详情-拾取单元*/
.Art-banner .grpic{max-width: 50%; position: absolute; right: 12%; top: 0;}