@charset "utf-8";
.my-container{width:1380px;margin:0 auto;}
@media (max-width:1380px){
        .my-container{width:100%;padding:0 10px;}
    }
/*导航开始*/
.nav-box{position:fixed;left:0;top:0;height:110px;width:100%;z-index:99;border-bottom:1px solid rgba(255,255,255,.3);box-sizing:border-box;}
.nav-box .logo{margin-top:26px;float:left;width:20%;}
.nav-box .logo img{max-width:210px;}
.nav-box .logo img.logo2{display:none;}
.nav-box .nav{text-align:center;width:60%;float:left;}
.nav-box .nav ul{display:inline-block;}
.nav-box .nav ul li{float:left;}
.nav-box .nav ul li .submenu{position:absolute;left:0;top:110px;width:100%;display:none;background:#fff;border-bottom:1px solid rgba(255,255,255,.2);padding:20px 0;}
.nav-box .nav ul li .submenu .container{position:relative;z-index:2;}
.nav-box .nav ul li .submenu .bg{width:50%;height:100%;background-color:#f7f7f7;position:absolute;right:0;top:0;z-index:1;}
.nav-box .nav ul li .submenu .d-l{float:left;width:50%;text-align:left;border-right:1px dotted rgba(255,255,255,.4);padding-left:200px;padding-top:20px;}
.nav-box .nav ul li .submenu .d-l p a{font-size:18px;color:#333;line-height:32px;margin-bottom:10px;display:block;}
.nav-box .nav ul li .submenu .d-l p a:hover{color:#78b80a; }
.nav-box .nav ul li .submenu .d-r{width:50%;float:left;text-align:left;padding-left:100px;padding-top:20px;}
.nav-box .nav ul li .submenu .d-r .pic{width:400px;}
.nav-box .nav ul li .submenu .d-r p{color:#333;font-size:18px;margin-top:27px;}
.nav-box .nav ul li .submenu .d-pro{display:flex;justify-content:center;}
.nav-box .nav ul li .submenu .d-pro p{float:left;display:inline-block;margin:0 20px;}
.nav-box .nav ul li .submenu .d-pro p a{color:#fff;font-size:16px;}
.nav-box .nav ul li .yiji{line-height:110px;width:100px;display:block;text-align:center;font-weight:bold;font-size:18px;color:#fff;}
.nav-box .nav ul .active .yiji,
.nav-box .nav ul li:hover .yiji{background:url(../img/bot.png) no-repeat bottom center;}
.nav-box .mi{max-width:168px;float:right;width:50%;position:relative;}
.nav-box .mi .serch{width:50px;padding-left:20px;height:110px;}
.nav-box .mi .serch img{margin-top:52px;cursor:pointer;}
.nav-box .mi .serch img.se2{display:none;}
.nav-box .mi .lang{margin-top:42px;}
.nav-box .mi .lang a{color:#fff;font-size:14px;display:block;padding:3px 5px;border:2px solid transparent;margin:0 3px;}
.nav-box .mi .lang .active a{border:2px solid #fff;}
.nav-box .mi .nav-btn{display:none;height:30px;width:40px;float:right;margin-top:27px;position:relative;cursor:pointer;}
.nav-box .mi .nav-btn div{height:3px;width:26px;position:absolute;margin:auto;top:0px;bottom:0px;left:0;right:0;background:#fff;border-radius:2px;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;}
.nav-box .mi .nav-btn div.x{top:-25px;}
.nav-box .mi .nav-btn div.z{top:25px;}
.nav-box .mi .nav-btn-h div.z{top:0px;transform:rotate(-45deg);}
.nav-box .mi .nav-btn-h div.x{top:0px;transform:rotate(45deg);}
.nav-box .mi .nav-btn-h div.y{display:none;}
.nav-box .sousuo{position:absolute;top:110px;left:-60px;width:218px;height:37px;border:1px solid rgba(255,255,255,.6);display:none;}

/*.nav-box .mi .serch:hover .sousuo{
    display: block;
}*/
.nav-box .sousuo input{width:164px;margin:2px;height:30px;}
.nav-box .sousuo button{background:green;color:#fff;width:37px;height:29px;font-size:13px;position:relative;top:-1px;left:0;}
.nav-box .nav-m{display:none;position:absolute;top:80px;left:0;background:rgba(0,0,0,.9);width:100%;padding:30px 0;}
.nav-box .nav-m ul li{padding:0 30px;position:relative;}
.nav-box .nav-m ul li .jh{width:26px;height:30px;position:absolute;right:31px;top:1px;}
.nav-box .nav-m ul li .jh:after{content:'+';position:absolute;top:4px;right:7px;color:#fff;}
.nav-box .nav-m ul li .yiji{text-align:left;color:#fff;font-size:16px;line-height:32px;display:block;border-bottom:1px dotted rgba(255,255,255,.4);}
.nav-box .nav-m ul li .sub-m{display:none;}
.nav-box .nav-m ul li .sub-m p{padding-left:20px;}
.nav-box .nav-m ul li .sub-m p a{display:block;color:#fff;font-size:14px;line-height:32px;border-bottom:1px dotted rgba(255,255,255,.2);}
.nav-box2{background:#fff;}
.nav-box2 .logo img.logo1,
.nav-box2 .mi .serch img.se1{display:none;}
.nav-box2 .logo img.logo2,
.nav-box2 .mi .serch img.se2{display:block;}
.nav-box2 .nav ul li .yiji{color:#000;}
.nav-box2 .mi .lang .active .yiji{border:2px solid #000;}
.nav-box2 .mi .lang a{color:#000;}
.nav-box2 .mi .nav-btn div{background:#000;}

/*导航结束*/

/*banner开始*/
.top{position:relative;}
.top .banner{width:100%;}
.top .nav1{width:100%;height:110px;position:fixed;left:0;top:-110px;transition:all .6s;-webkit-transition:all .6s;z-index:999;background:rgba(255,255,255,1);opacity:0;border-bottom:1px solid rgba(0,0,0,.1)}
.top .nav1 .nav ul li a{color:#333;}
.top .nav1 .mi .lang a{color:#333;}
.top .nav1 .mi .lang .active a{border:2px solid #333;}
.top .nav2{top:0;opacity:1;}
.top .nav2 .nav ul li .submenu{background:rgba(0,0,0,.4);}
.top .ban-cen{position:absolute;width:100%;top:35%;left:0;z-index:9;}
.top .ban-t p{display:block;color:#fff;text-align:center;font-size:58px;font-weight:bold;}
.top .ban-t span{display:block;color:#fff;text-align:center;font-size:20px;font-weight:bold;margin-top:10px;}
.top .ban-s{text-align:center;margin-top:70px;}
.top .ban-s a{color:#78b80a;font-size:16px;width:214px;background:#fff;display:inline-block;height:44px;border-radius:25px;line-height:44px;text-align:left;padding-left:30px;}
.top .ban-s a img{float:right;margin:5px 5px 0 0;}
.top .drap{position:absolute;left:50%;transform:translateX(-50%);z-index:9;}
.top .drap img{display:block;margin:10px 0;}
.top .drap1{width:50px;bottom:70px;}
.top .drap2{width:44px;bottom:40px;}
.top .drap2 img{position:relative;animation:tb .8s linear both alternate infinite;    /* Safari 与 Chrome: */-webkit-animation:tb .8s linear both alternate infinite;}
.tit p{font-size:36px;color:#000;font-weight:bold;}
.tit span{display:block;font-size:16px;color:#666666;margin-top:20px;}
.product{margin-top:60px;overflow:hidden;}
.product .pro-m{display:none;}
.product .pro-con{margin-top:60px;height:500px;}
.product .pro-con-l{width:calc(100% - 350px);float:left;height:100%;}
.product .pro-con-l .menus{width:330px;float:left;overflow:hidden;height:100%;position:relative;left:-2px;}
.product .pro-con-l .menus li{line-height:74px;height:70px;font-size:18px;color:#000;padding-left:60px;position:relative;}
.product .pro-con-l .menus li a{display:block;display:block;position:relative;left:-86px;padding-left:60px;transition:left .3s;-webkit-transition:left .3s;}
.product .pro-con-l .menus .bg{font-size:20px;border-left:3px #78b80a solid;position:relative;z-index:3;left:0;}
.product .pro-con-l .menus .bg a{font-weight:bold;background:url(../img/jt_03.png) no-repeat left center;left:-60px;color:#78b80a;}
.product .pro-con-l .menus .bg:before{content:'';position:absolute;}
.product .pro-con-l .menus li:after{content:'';position:absolute;right:0;top:0;height:100%;width:25%;background:url(../img/wj_03.png) no-repeat 35px center;z-index:2;opacity:0;transition:opacity .6s;-webkit-transition:opacity .6s;}
.product .pro-con-l .menus .bg:after{opacity:1;}
.product .pro-con-l .right{width:calc(100% - 330px);float:left;overflow:hidden;height:100%;}
.product .pro-con-l .right .scroll{transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s}
.product .pro-con-l .right .scroll .tab_right{height:500px;width:100%;background-position:center;background-size:cover;background-repeat:no-repeat;}
.product .pro-con-l .box{position:relative;height:100%;border-left:2px solid #dddddd;}
.product .pro-con-l .more{position:absolute;bottom:10px;left:36px;background:#78b80a;border-radius:20px;border:1px solid #78b80a;height:30px;line-height:14px;}
.product .pro-con-l .more a{background:url(../img/jt_r_03.png) no-repeat 110px center;display:inline-block;padding:7px 60px 7px 28px;color:#fff;}
.product .pro-con-l .more:hover{border:1px solid #78b80a;background:#fff;}
.product .pro-con-l .more:hover a{color:#78b80a;background:url(../img/jt_r_05.png) no-repeat 110px center;}
.product .pro-con-r{height:100%;width:340px;float:right;background:url(../img/pro-bg_03.jpg) no-repeat;background-size:100% 100%;padding:80px 25px;}
.product .pro-con-r .pro-td{width:33.33%;float:left;text-align:center;position:relative;z-index:2;}
.product .pro-con-r .pro-td>div{text-align:center;}
.product .pro-con-r .pro-td>div img{transition:all 2s;-webkit-transition:all 2s;}
.product .pro-con-r .pro-td>div:hover img{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);}
.product .pro-con-r .pro-td p{font-size:18px;color:#333333;text-align:center;margin-top:10px;width:85px;height:64px;display:inline-block;}
.product .pro-con-r .ren{position:absolute;right:-30px;bottom:0;z-index:1;}
.case{width:100%;height:auto;background:url(../img/case_bg_02.jpg) no-repeat top center;margin-top:60px;padding-top:100px;position:relative;overflow:hidden;}
.case .container{position:relative;}
.case .case-btn{position:absolute;right:0;top:0;}
.case .case-btn>div{display:inline-block;}
.case .swiper-pagination{display:none;}
.case .tit p,
.case .tit span{color:#fff;}
.case .case-con{width:119%;margin-top:70px;}
.case .case1{position:relative;}
.case .case1 .c-box{position:relative;}
.case .case1 .c-box .bg{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);}
.case .case1 .case-t{position:absolute;bottom:30px;left:50px;width: 80%;}
.case .case1 .case-t p{color:#fff;font-size:48px;font-weight:bold;}
.case .case1 .case-t span{color:#fff;font-size:24px;}
.case .owl-theme .owl-controls{position:absolute;right:280px;top:-100px;}
.case .owl-theme .owl-controls .owl-pagination{display:none;}
.case .owl-theme .owl-controls .owl-buttons div{font-size:28px;width:50px;height:50px;background:transparent;color:#fff;line-height:35px;text-align:center;border-radius:50%;border:2px solid #fff;opacity:.8;}
.company{width:100%;height:557px;background:url(../img/abt-bg_02.jpg) no-repeat bottom center;margin-top:50px;}
.company .cp-l{width:55%;padding:20px 20px 0 0;position:relative;}
.company .cp-l:after{content:'';position:absolute;width:450px;height:155px;background:url(../img/1990_03.jpg) no-repeat;right:0;top:0;background-size:100% 100%;z-index:-1;}
.company .cp-l .heng{width:30px;height:2px;background:#78b80a;margin-left:1px;margin-top:15px;}
.company .cp-l .cp p{font-size:24px;color:#78b80a;font-weight:bold;margin-top:50px;}
.company .cp-l .cp span{display:block;color:#666666;font-size:16px;margin-top:20px;line-height:26px;}
.company .more{background:#78b80a;border-radius:20px;display:inline-block;margin-top:30px;}
.company .more a{background:url(../img/jt_r_03.png) no-repeat 110px center;display:inline-block;padding:7px 60px 7px 28px;color:#fff;}
.company .more:hover{border:1px solid #78b80a;background:#fff;}
.company .more:hover a{color:#78b80a;background:url(../img/jt_r_05.png) no-repeat 110px center;}
.company .cp-r{width:45%;padding:20px;}
.company .cp-r>div{overflow:hidden;}
.company .cp-r>div img{transition:all .6s;-webkit-transition:all .6s;}
.company .cp-r>div img:hover{transform:scale(1.05);}
.news{margin-top:60px;}
.news .news1{width:33.33%;float:left;}
.news .news1 a{display:block;margin:15px;}
.news .news1 .pic{position:relative;overflow:hidden;}
.news .news1 .pic:after{content:'';width:100%;height:100%;background:url(../img/shadow_06.png) no-repeat bottom;position:absolute;bottom:0;left:0;z-index:2;}
.news .news1 .pic img{transition:all .6s;-webkit-transition:all .6s;}
.news .news1 .pic h1{position:absolute;bottom:20px;left:30px;font-size:18px;color:#fff;z-index:3;width:87%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news .news1 .con .time{display:block;font-size:16px;color:#666666;margin-top:30px;}
.news .news1 .con h1{font-size:18px;color:#333333;font-weight:bold;margin-top:10px;}
.news .news1 .con .cut{width:20px;height:2px;background:#ccc;margin-top:10px;}
.news .news1 .con .des{font-size:16px;display:block;color:#666666;margin-top:16px;line-height:24px;height:48px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.news .news1 a:hover .pic img{transform:scale(1.1);}
.news .news1 a:hover .con h1{color:#78b80a;}
.news-box{margin-top:60px;}
.footer{background:url(../img/foot_bg_02.jpg) no-repeat top center;margin-top:60px;background-size:100% 100%;}
.footer .foot-t{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.2)}
.footer .logo{width:20%;max-width:200px;float:left;}
.footer .foot-nav{width:70%;float:right;text-align:right;}
.footer .foot-nav ul{display:inline-block;margin-top:22px;}
.footer .foot-nav ul li{float:left;}
.footer .foot-nav ul li a{display:inline-block;font-size:16px;color:#fff;width:120px;text-align:center;border-right:2px solid #fff;}
.footer .foot-nav ul li:last-child a{border:none;}
.footer .foot-m .er{width:20%;max-width:130px;margin:30px;float:left;}
.footer .foot-m .contact{float:left;width:80%;margin-top:30px;}
.footer .foot-m .ct-box{float:left;width:33.33%;padding-left:60px;border-right:1px solid rgba(255,255,255,.3);}
.footer .foot-m .ct-box:last-child{border-right:none;}
.footer .foot-m .ct-box p{font-size:16px;color:#999999;margin-top:15px;font-weight:bold;}
.footer .foot-m .ct-box span{display:block;font-size:18px;margin-top:15px;color:#fff;}
.footer .foot-m{border-bottom:1px solid rgba(255,255,255,.2)}
.footer .foot-b{padding:20px 0;}
.footer .foot-b p,
.footer .foot-b p a{font-size:14px;color:#cccccc;}
.footer .foot-b p a{margin-left:5px;}
.footer .foot-b p:first-child{width:85%;}
@keyframes tb{
    0%{top:0px;}
    100%{top:8px;}
}
@-webkit-keyframes tb{
    0%{top:0;}
    100%{top:8px;}
}
.ban-mobile{display: none;}
@media (max-width: 768px){
.ban-mobile{display: block;}
.ban-pc{display: none;}
}