/*banner*/
*{padding:0;margin:0;}
.banner{width:100%;height:570px;position:relative;overflow: hidden;}
.videoContainer{ position: absolute;top: 0px;max-width: initial;width: 1920px;height:100%;overflow:hidden;}
.video-element{ object-fit: initial;width:100%;position: absolute;top: -50%;}
.banner .video-light{background:url(../images/video-light1.png) repeat;width:100%;height:100%;position:absolute;left:0;top:0;}
.banner .bannerBox{position: absolute;width: 100%;height: 100%;}
.banner .bannerBox .banner-font{width: 1200px;min-width: 800px;margin: auto;color: #ddd;padding-top: 220px;}
.banner .bannerBox .banner-font span{font-size: 35px;border-bottom: 1px solid #ddd;padding-right: 10px;padding-bottom: 5px;}
.banner .bannerBox .banner-font h2{font-size: 20px;padding-top: 20px;font-weight: normal;}
.banner .bannerBox .banner-font a{font-size: 20px;color: #ddd}
.banner .slide a.banner_a{width: 100%;height: 570px;display: block;}
.banner-box .bx-wrapper{position: relative;}
.banner-box .bx-wrapper .bx-controls-direction a {position: absolute;top: 45%;outline: 0;width: 60px;height: 60px;text-indent: -9999px;z-index: 9999;display: none;}
.banner-box .bx-wrapper .bx-prev {left: 10%;background: url(../images/left3.png) no-repeat;}
.banner-box .bx-wrapper .bx-next {right: 10%;background: url(../images/right3.png) no-repeat;}
/*.bx-wrapper .bx-prev:hover {background: url(../images/left2.png) no-repeat;}
.bx-wrapper .bx-next:hover {background: url(../images/right2.png) no-repeat;}*/


/*product*/
.index-title{text-align: center;}
.index-title h4{font-size: 14px;color: #D4D4D4;}
.index-title h2{font-size: 34px;color: #BB965E;}
.product-box-1{width: 100%;height: 510px;background: #F5F5F5;}
.product-top{width: 1240px;margin: auto;}
.product-top .index-title{padding: 90px 0;}
.product-nav li{display: block;width: 292px;height: 196px;border: 1px solid #e0e0e0;float: left;margin-left: 22px;position: relative;cursor: pointer;}
.product-nav li:first-child{margin-left: 0;}
.product-nav li .product-nav-icon{display: block;width: 100px;height: 100px;position: absolute;top: 48px;left: 96px;transition: top .3s ease;}
.product-nav li .product-nav-light{display: block;width: 290px;height: 144px;position: absolute;top: 12px;left: 0px;background: url(../images/idx-1-2.png) center no-repeat;opacity: 0;transition: all .6s ease;}
.product-nav li.li-1{background: url(../images/idx-1.png) center no-repeat;}
.product-nav li.li-1 .product-nav-icon{background: url(../images/idx-1-1.png) center no-repeat;}
.product-nav li.li-2{background: url(../images/idx-2.png) center no-repeat;}
.product-nav li.li-2 .product-nav-icon{background: url(../images/idx-2-1.png) center no-repeat;}
.product-nav li.li-3{background: url(../images/idx-3.png) center no-repeat;}
.product-nav li.li-3 .product-nav-icon{background: url(../images/idx-3-1.png) center no-repeat;}
.product-nav li.li-4{background: url(../images/idx-4.png) center no-repeat;}
.product-nav li.li-4 .product-nav-icon{background: url(../images/idx-4-1.png) center no-repeat;}
.product-nav li h3{display: block;width: 230px;height: 60px;position: absolute;bottom: -30px;left: 30px;text-align: center;overflow: hidden;transition: bottom .3s ease;
    font-weight: normal;line-height: 60px;background: #fff;font-size: 16px;cursor: pointer;box-shadow:0 0 4px 0 rgba(0,0,0,.1);z-index: 1;}
.product-nav li.current h3{background: linear-gradient(to right, #D01E3B , #FF7E31);color: #fff;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#D01E3B, endColorstr=#FF7E31);}
/* .product-nav li h3::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(to right, #D01E3B , #FF7E31);
    z-index:-1;
    -webkit-transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);
    transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    -webkit-transition:-webkit-transform .3s,opacity .3s,background-color .3s;
    transition:transform .3s,opacity .3s,background-color .3s
}
.product-nav li h3:hover::before {
    opacity:1;
    background:linear-gradient(to right, #D01E3B , #FF7E31);
    -webkit-transform:rotate3d(0,0,1,0deg);
    transform:rotate3d(0,0,1,0deg);
    -webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);
    transition-timing-function:cubic-bezier(.2,1,.3,1)
} */
.product-nav li:hover h3,.product-nav li.current h3{color: #fff;bottom: -22px;background: linear-gradient(to right, #D9A85F , #D19B4A);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#D01E3B, endColorstr=#FF7E31);}
.product-nav li:hover .product-nav-icon,.product-nav li.current .product-nav-icon{top: 40px;}
.product-nav li:hover .product-nav-light,.product-nav li.current .product-nav-light{opacity: 1;top: 0px;}
.product-center{width: 100%;height: 490px;background: #fff;box-shadow: 2px -2px 2px rgba(0,0,0,.1);position: relative;}
.product-content{width: 1240px;position: absolute;top: 0;left: 50%;margin-left: -620px;opacity: 0;z-index: 1;}
.product-content.current{opacity: 1;z-index: 2;}
.product-content::after {position: absolute;display: inline-block;top: -18px;left: 440px;width: 0;height: 0px;content: '';border-style: solid;border-width: 20px;border-color: #fff #fff transparent transparent;transform: rotate(-45deg);box-shadow: 2px -2px 2px rgba(0,0,0,.1);}
.product-content-1::after{left: 122px;}
.product-content-2::after{left: 440px;}
.product-content-3::after{left: 760px;}
.product-content-4::after{left: 1076px;}
.product-content .cont h3{font-size: 20px;color: #BB965E;text-align: center;padding: 80px 0 20px;}
.product-content .cont p{font-size: 16px;text-align: center;color: #666;line-height: 36px;}
.product-slide-box{width: 1100px;margin: 50px auto;position: relative;}
.product-slide .slide{width: 1100px;height: 151px;text-align: center;font-size: 14px;}
.product-slide .slide a{display: inline-block;width: 160px;height: 124px;padding-top: 20px;border: 1px solid #ececec;margin: 2px 26px;}
.product-slide .slide a:hover{box-shadow: 0 0px 10px 2px #ececec;}
.product-slide .slide a img{width: 65px;height: 65px;margin-bottom: 5px;}
.product-slide-box .bx-prev{width: 70px;height: 50px;display: block;background: #F4F4F4;text-indent: -9999px;position: absolute;top: 50px;left: -100px;transition: background .6s;}
.product-slide-box .bx-prev em{width: 30px;height: 30px;display: block;background: url(../images/icon-all.png) -102px 74px;position: absolute;top: 10px;left: 20px;}
.product-slide-box .bx-next{width: 70px;height: 50px;display: block;background: #F4F4F4;text-indent: -9999px;position: absolute;top: 50px;right: -100px;transition: background .6s;}
.product-slide-box .bx-next em{width: 28px;height: 30px;display: block;background: url(../images/icon-all.png) -76px 74px;position: absolute;top: 10px;left: 20px;}
.product-slide-box .bx-prev:hover,.product-slide-box .bx-next:hover{background: linear-gradient(to right, #D9A85F , #D19B4A);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#D01E3B, endColorstr=#FF7E31);}
.product-slide-box .bx-prev:hover em{background-position: -155px 74px}
.product-slide-box .bx-next:hover em{background-position: -129px 74px}
.product-bottom{width: 100%;height: 100px;background: linear-gradient(to right, #D9A85F , #D19B4A);padding-top: 26px;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#D01E3B, endColorstr=#FF7E31);}
.product-bottom .product-more{width: 230px;height: 48px;line-height: 48px;color: #c00000;text-align: center;margin: 0 auto;position: relative;background: #fff;}
.product-bottom .product-more em{width: 16px;height: 16px;display: inline-block;vertical-align: middle;background: url(../images/icon-all.png) -26px 58px;margin-left: 100px;}

/*news*/
.news-top .index-title{padding: 110px 0 50px;}
.news-center{height: 550px;width: 1240px;margin: auto;}
.news-slide-box{width: 1240px;position: relative;margin: auto;}
.news-slide-box .slide{width: 400px;height: 506px;}
.news-slide-box .slide .slide-shadow{width: 390px;height: 485px;margin-top: 18px;margin-left: 5px;box-sizing: border-box;padding: 30px;position: relative;border: 1px solid #fff;transition:all .3s ease;}
.news-slide-box .slide-shadow:hover{box-shadow: 0 5px 14px 1px #e7e7e7;transform:translateY(-10px);}
.news-slide-box .slide img{width: 340px;height: 215px;}
.news-slide-box .slide h3{font-size: 16px;font-weight: normal;color: #D4D4D4;padding-top: 12px;}
.news-slide-box .slide h4{font-size: 18px;color: #333;padding: 12px 0 15px;position: relative;}
.news-slide-box .slide h4 em{display: block;width: 25px;height: 2px;position: absolute;bottom: 0;left: 0;background: #D4D4D4;}
.news-slide-box .slide p{font-size: 14px;color: #666;line-height: 25px;padding-top: 5px;}
.news-slide-box .slide a{line-height: 40px;font-size: 14px;color: #bababa;position: absolute;bottom: 30px;left: 30px;z-index: 1;}
.news-slide-box .slide a:hover{color: #606060;}
.news-slide-box .slide:hover h4{color: #c00000;}
.news-slide-box .bx-prev{width: 70px;height: 50px;display: block;background: #F4F4F4;text-indent: -9999px;position: absolute;top: 50%;margin-top: -25px;left: -100px;transition: background .6s;}
.news-slide-box .bx-prev em{width: 30px;height: 30px;display: block;background: url(../images/icon-all.png) -102px 74px;position: absolute;top: 10px;left: 20px;}
.news-slide-box .bx-next{width: 70px;height: 50px;display: block;background: #F4F4F4;text-indent: -9999px;position: absolute;top: 50%;margin-top: -25px;right: -100px;transition: background .6s;}
.news-slide-box .bx-next em{width: 28px;height: 30px;display: block;background: url(../images/icon-all.png) -76px 74px;position: absolute;top: 10px;left: 20px;}
.news-slide-box .bx-prev:hover,.news-slide-box .bx-next:hover{background: linear-gradient(to right, #D01E3B , #FF7E31);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#D01E3B, endColorstr=#FF7E31);}
.news-slide-box .bx-prev:hover em{background-position: -155px 74px}
.news-slide-box .bx-next:hover em{background-position: -129px 74px}
.news-bottom{width: 100%;height: 60px;margin-top: 40px;margin-bottom: 80px;}
.news-bottom .news-more{width: 230px;height: 60px;line-height: 60px;color: #BB965E;text-align: center;margin: 0 auto;border: 1px solid #BB965E;cursor: pointer;position: relative;overflow: hidden;z-index: 1;}
.news-bottom .news-more em{width: 16px;height: 16px;display: inline-block;vertical-align: middle;background: url(../images/icon-all.png) -26px 58px;margin-left: 100px;}
.news-bottom .news-more:hover{background: linear-gradient(to right, #D9A85F , #D19B4A);color: #fff;}
.news-bottom .news-more:hover em{background-position: -26px 70px;}

.news-box{width: 390px;height: 540px;box-shadow: 0px 0px 10px 5px #e7e7e7;padding: 25px;float: left;}
.news-box:nth-child(2){margin: 0 35px;}
.news-box-top{}
.news-box-top h3{font-size: 18px;font-weight: bold;color: #BB965E;display: inline-block;}
.news-box-top .news-icon-1{width: 18px;height: 18px;display: inline-block;background: url("../images/in-1.png") no-repeat;vertical-align: middle;margin-top: -2px;margin-right: 5px;}
.news-box-top .news-icon-2{width: 16px;height: 20px;display: inline-block;background: url("../images/in-2.png") no-repeat;vertical-align: middle;margin-top: -2px;margin-right: 5px;}
.news-box-top .news-icon-3{width: 18px;height: 18px;display: inline-block;background: url("../images/in-3.png") no-repeat;vertical-align: middle;margin-top: -2px;margin-right: 5px;}

.news-box-top a{float: right;margin-top: 5px;}
.news-box-i img{width: 340px;height: 215px;margin-top: 20px;}
.news-box-i a{color: #333;}
.news-box-i a h4{font-size: 16px;padding: 20px 0;}
.news-box-a{width: 340px;height: 50px;position: relative;padding-left: 15px;overflow: hidden;margin-bottom: 8px;}
.news-box-a .news-icon-2{display: inline-block;width: 8px;height: 9px;background: url("../images/in-4.png") no-repeat;position: absolute;left: 0px;top: 6px;}
.news-box-a a{line-height: 24px;}
.news-box a:hover{color: #BB965E;}

    /*case*/
.case{width: 100%;height: 1530px;background: url(../images/idx-5.png)no-repeat center top;}
.case-title .index-title{padding: 75px 0 40px;}
.case-title .index-title h2{}
.case-title .index-title p{color: #fff;font-size: 16px;line-height: 30px;margin-top: 30px;}
.case-center{width: 1241px;height: 500px;margin: auto;box-shadow: 0px 2px 6px rgba(0,0,0,.1);background: #fff;position: relative;}
.case-nav ul li{width: 414px;height: 100px;float: left;background: #EEEEEE;border-left: 1px solid #fff;text-align: center;transition: background .6s;position: relative;cursor: pointer;}
.case-nav ul li:first-child{border: none;width: 413px;}
.case-nav ul li h3{color: #C1C1C1;padding-top: 28px;font-size: 16px;font-weight: bold;}
.case-nav ul li h4{color: #D4D4D4;padding-top: 5px;font-size: 14px;font-weight: normal;}
.case-nav ul li:hover,.case-nav ul li.current{background: linear-gradient(to right, #D9A85F , #D19B4A);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#D01E3B, endColorstr=#FF7E31);}
.case-nav ul li:hover h3,.case-nav ul li:hover h4,.case-nav ul li.current h3,.case-nav ul li.current h4{color: #fff;}
.case-nav ul li.current::after{position: absolute;display: inline-block;bottom: -6px;left: 202px;width: 0;height: 0px;content: '';border-style: solid;border-width: 6px;border-color: #fff #fff transparent transparent;transform: rotate(-45deg);}
.case-cont ul li{box-sizing: border-box;padding: 20px;width: 1241px;height: 400px;position: absolute;top: 100px;left: 0;display: none;}
.case-cont ul li.current{display: block;}
.case-cont ul li img{width: 590px;height: 360px;}
.case-cont ul li .case-intr{width: 520px;height: 360px;float: right;margin-right: 10px;position: relative;}
.case-cont ul li .case-intr h3{font-size: 18px;font-weight: bold;padding-top: 40px;}
.case-cont ul li .case-intr h4{font-size: 16px;padding: 20px 0;color: #c00000;}
.case-cont ul li .case-intr p{font-size: 14px;line-height: 25px;max-height: 125px;overflow: hidden;}
.case-cont ul li .case-intr a{display: block;width: 126px;height: 40px;line-height: 40px;font-size: 14px;color: #666;text-align: center;
     border: 1px solid #e0e0e0;transition: background .6s;cursor: pointer;position: absolute;bottom: 30px;left: 0px;}
.case-cont ul li .case-intr a:hover{background: linear-gradient(to right, #D9A85F , #D19B4A);color: #fff;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#D01E3B, endColorstr=#FF7E31);}
.partners-title{width: 1240px;margin: auto;position: relative;font-size: 30px;color: #000;padding: 70px 0;text-align: center;color: #BB965E;}
.partners-title em{position: absolute;display: block;width: 310px;height: 1px;background: #e0e0e0;top: 50%;}
.partners-title em.line1{left: 50%;margin-left: -430px}
.partners-title em.line2{right: 50%;margin-right: -430px}
.partners-box{height: 370px;overflow-y: hidden;padding: 4px 0;}
.partners-slide-box{width: 1240px;height: 360px;margin: auto;box-shadow: 0 0px 13px 1px #e5e5e5;padding: 40px 50px;position: relative;}
.partners-slide .slide{width: 1140px;height: 280px;}
.partners-slide .slide li{width: 250px;height: 30px;line-height: 30px;float: left;position: relative;padding-left: 40px;margin-top: 20px;margin-left: 35px;}
.partners-slide .slide li img{height: 22px;position: absolute;left: 0;top: 4px;}
.partners-slide .slide li a:hover{color: #BB965E;}
.partners-slide-box .bx-prev{width: 70px;height: 50px;display: block;background: #F4F4F4;text-indent: -9999px;position: absolute;top: 50%;margin-top: -25px;left: -100px;transition: background .6s;}
.partners-slide-box .bx-prev em{width: 30px;height: 30px;display: block;background: url(../images/icon-all.png) -102px 74px;position: absolute;top: 10px;left: 20px;}
.partners-slide-box .bx-next{width: 70px;height: 50px;display: block;background: #F4F4F4;text-indent: -9999px;position: absolute;top: 50%;margin-top: -25px;right: -100px;transition: background .6s;}
.partners-slide-box .bx-next em{width: 28px;height: 30px;display: block;background: url(../images/icon-all.png) -76px 74px;position: absolute;top: 10px;left: 20px;}
.partners-slide-box .bx-prev:hover,.partners-slide-box .bx-next:hover{background: linear-gradient(to right, #D9A85F , #D19B4A);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#D01E3B, endColorstr=#FF7E31);}
.partners-slide-box .bx-prev:hover em{background-position: -155px 74px}
.partners-slide-box .bx-next:hover em{background-position: -129px 74px}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 10px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #ddd;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #BB965E;}

/** 解决方案 **/
.solution{width: 100%;height: 780px;background: url(../images/solution-bg.png)no-repeat center top;overflow-y: hidden;}
.solution .index-title{padding: 100px 0 80px;}
.solution .index-title h2{}
.solution-box{height: 300px;padding: 4px 0;margin-top: 50px;}
.solution-slide-box{width: 1240px;height: 300px;margin: auto;position: relative;}
.solution-slide .slide{width: 1240px;height: 300px;}
.solution-slide .slide li{width: 250px;height: 30px;line-height: 30px;float: left;position: relative;padding-left: 40px;margin-top: 20px;margin-left: 35px;}
.solution-slide .slide li img{height: 22px;position: absolute;left: 0;top: 4px;}
.solution-slide .slide li a:hover{color: #c00000;}
.solution-slide-box .bx-prev{width: 70px;height: 50px;display: block;background: url(../images/solution-left.png);text-indent: -9999px;position: absolute;top: 50%;margin-top: -60px;left: -100px;transition: background .6s;}
.solution-slide-box .bx-next{width: 70px;height: 50px;display: block;background: url(../images/solution-right.png);text-indent: -9999px;position: absolute;top: 50%;margin-top: -60px;right: -100px;transition: background .6s;}
.solution-slide-box .bx-prev:hover{background: url(../images/solution-left-hover.png);}
.solution-slide-box .bx-next:hover{background: url(../images/solution-right-hover.png);}
.solution-slide-box .bx-prev:hover em{background-position: -155px 74px}
.solution-slide-box .bx-next:hover em{background-position: -129px 74px}
.solution-item{width: 380px;height: 300px;text-align: center;float: left;display: block;position: relative;}
.solution-slide-box .solution-item:nth-child(3n-1){margin: 0 49px;}
.solution-item img{padding: 40px 0 20px;}
.solution-item h4{color: #fff;font-size: 18px;font-weight: normal;opacity: .6;transition: all .6s ease;}
.solution-slide-box .solution-item:nth-child(n+4){margin-top: 30px;}
.solution-item .solution-hover{width: 183px;height: 164px;display: block;position: absolute;top: 39px;left: 98px;background: url(../images/solution-hover.png);opacity: 0;transition: all .6s ease;}
.solution-item:hover .solution-hover{opacity: 1;top: 49px;}
.solution-item:hover h4{opacity: 1;}
.solution-slide-box .bx-wrapper .bx-pager{padding-top: 50px;}
.solution-slide-box .bx-wrapper .bx-pager.bx-default-pager a {background: #fff;opacity: .4}
.solution-slide-box .bx-wrapper .bx-pager.bx-default-pager a:hover,
.solution-slide-box .bx-wrapper .bx-pager.bx-default-pager a.active {opacity: .8}

    /** 按钮特效 **/
.set_8_button2{
    border: 1px solid #fff;
    transition:all 300ms;
}
.set_8_button2:hover{
    font-size: 16px;
}
/* .set_8_button2 {
    padding:0 25px;
    line-height:45px;
    text-decoration:none;
    margin-right:2em;
    cursor:pointer;
    text-align:center;
    transition:background 300ms
}
.set_8_button2.outline {
    overflow:hidden;
    position:relative
}
.set_8_button2.outline:before,
.set_8_button2.outline:after,
.set_8_button2.outline .lines:before,
.set_8_button2.outline .lines:after {
    background-color:#fff;
    content:"";
    height:1px;
    left:0;
    position:absolute;
    top:0;
    transition:transform 300ms;
    width:100%
}
.set_8_button2.outline:before {
    bottom:0;
    top:auto
}
.set_8_button2.outline .lines {
    display:block;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:0
}
.set_8_button2.outline .lines:before,
.set_8_button2.outline .lines:after {
    height:100%;
    width:1px;
}
.set_8_button2.outline .lines:after {
    left:auto;
    right:0
}
.set_8_button2:hover:before {
    transform:translateX(-100%)
}
.set_8_button2:hover:after {
    transform:translateX(100%)
}
.set_8_button2:hover .lines:before {
    transform:translateY(-100%)
}
.set_8_button2:hover .lines:after {
    transform:translateY(100%)
} */