.head-box{padding: 0 4vw; width: 100%; position: fixed; top: 0; left: 0;  color:#fff;height: 100px; z-index: 100;}
.head-box::after { transition: all .36s; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; display: block; content: ''; background: rgba(255, 255, 255, .15); 
    -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.head-box .logo{height: 100%;overflow: hidden;position: relative;z-index: 5;}
.head-box .logo a{height: 100%;}
.head-box .logo img{max-height: 100%;filter: drop-shadow(300px 0 0 #fff); transform: translateX(-300px); -webkit-filter: drop-shadow(300px 0 0 #fff); 
    -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -ms-transform: translateX(-300px); -o-transform: translateX(-300px);}
.head-box .input-box {float: left; width: 260px; height: 40px; line-height: 40px;  background:#fff; color: #000; outline: none; border-radius: 20px;margin-right: 10px;
padding: 0 20px;}
.head-box .sou { width: 40px; height: 40px; background: #fff; color: #333; text-align: center; line-height: 40px; font-size: 24px;border-radius: 50%;}
.head-box  input::-webkit-input-placeholder{ color: #bebebe; font-size: 14px; }
.head-box .nav-list>li{padding: 0 1.7vw;position: relative;z-index: 5;}
.head-box .nav-list>li>a {font-size: 18px; display: flex; align-items: center; justify-content: center; line-height: 100px;position: relative; color: #fff;}
.head-box .nav-list>li>a::after { width: 100%; height: 2px; background-color: #fff; transform: scale(0, 1); position: absolute; left: 0; bottom: 0; display: block; content: ''; 
    -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); }
.head-box .nav-list>li.active>a::after, .nav-box .nav-list>li:hover>a::after {transform: scale(1, 1);}
.head-box .right {height: 100%;position: relative;z-index: 5;}
.head-box .right .btn-item{margin-left: 2vw;height: 100%;cursor: pointer;position: relative;color: #fff;}
.head-box .right .btn-item i{font-size: 20px;}
.lgBtn{text-transform: uppercase;}
.topsearchBox,.topEwmBox{ visibility:hidden; opacity:0; filter:alpha(opacity=0);  box-shadow: 0 5px 10px rgba(0, 0, 0, .1); transform: translateY(10px); 
    -webkit-transform: translateY(10px); -moz-transform: translateY(10px);  -ms-transform: translateY(10px); -o-transform: translateY(10px); transition: all .36s;
     -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s;}
.topsearchBox { width: 300px; position: absolute; top: 110px; right: 0;background-color: #fff;}
.topsearchKey{ width: calc(100% - 60px); height: 60px;color: #555;padding-left: 20px; } 
.topsearchSubmit{background: url(../images/search-w.png) no-repeat center center #000 ;background-size: 30% auto; height:60px; width: 60px;cursor: pointer;}
.searchBtn:hover .topsearchBox{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); 
    -ms-transform:translateY(0); -o-transform:translateY(0); }
.topEwmBox{ width:130px; position: absolute;   top: 110px; left: 50%; margin-left: -100px; }
.ewmBtn:hover .topEwmBox{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); 
    -ms-transform:translateY(0); -o-transform:translateY(0); }

.head-box.scroll,.head-box.fixed{color: #333; box-shadow: 0 0 10px rgba(0, 0, 0, .15); }
.head-box.scroll::after,.head-box.fixed::after { height: 100%; background: #fff; }
.head-box.scroll .logo img,.head-box.fixed .logo img{filter: none; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0);
     -o-transform: translateX(0); -webkit-filter: none; }
.head-box.scroll .nav-list>li>a,.head-box.fixed .nav-list>li>a{color: #000;}
.head-box.scroll .nav-list>li.active>a::after,.head-box.fixed .nav-list>li.active>a::after  {background-color: #000;}
.head-box.scroll .right .btn-item,.head-box.fixed .right .btn-item{color: #000;}

.wap-show { display: none;z-index: 10; }
.h_nav{ height: 60px; width: 60px; background-color:#000; padding: 18px 8px ;    align-items: flex-end;   }
.h_nav.close{align-items: center; justify-content: center;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after { content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: #fff;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) { background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {opacity: 1;transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }  
.h_nav .burger:nth-of-type(2):after {transform: rotate(-45deg); }
  
@keyframes long {
    0% {
        width: 0
    }
  
    25% {
        width: 25%
    }
  
    50% {
        width: 100%
    }
  
    75% {
        width: 25%
    }
  
    to {
        width: 0
    }
  }
     
    
  
.banner{margin-top: 100px;}
.banner .swiper-container{width: 100%;height: 100%;}
.banner .swiper-container .swiper-slide{width: 100%;height: 100%;overflow: hidden;}
.banner .swiper-container .swiper-slide a{display: block; width: 100%;height: 100%;position: relative;overflow: hidden;}
.banner .swiper-container .swiper-slide img{width: 100%;height: 100%;object-fit: cover;display: block;}
.banner .swiper-container .swiper-slide-active img{-webkit-animation-name: bannerscale; animation-name: bannerscale; -webkit-animation-duration:9s; animation-duration: 9s; 
     -webkit-animation-fill-mode: both;   animation-fill-mode: both;  -webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.banner .swiper-container .swiper-slide .mobile{display: none;}
.banner .swiper-container .pagination-box{bottom: 54px;left:0 ;width: 100%;position: absolute;}
.banner .swiper-container .pagination-box .swiper-pagination{position: relative;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #5F5D5E;opacity: .2;border-radius: 5px;margin-left: 10px;}
.banner .swiper-pagination-bullet-active{width: 49px;background-color: #F08519;opacity: 1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px 0 0;}

.index-title{font-size: 42px;color: #333;font-weight: bold;line-height: 1;}

.index-part1{padding: 50px 0 75px 0;background-color: #fff;}
.index-part1 .index-title{margin-bottom: 50px;}
.index-part1 .top-box{display: flex;flex-wrap: wrap; justify-content: space-between;
/*margin-bottom: 45px;*/
}
.index-part1 .top-box .item{width:calc(50% - 20px);background-color: #fff; box-shadow: 0px 13px 26.39px 2.61px rgba(0, 0, 0, 0.09);
    transition: all .36s;-webkit-transition: all .36s; -moz-transition: all .36s;
     -ms-transition: all .36s; -o-transition: all .36s;}
.index-part1 .top-box .item .cont-box{width: 60%; padding: 65px 35px 65px 55px;}
.index-part1 .top-box .item .cont-box .tit{font-size: 26px;color: #333;font-weight: bold;margin-bottom: 15px;}
.index-part1 .top-box .item .cont-box .cont{font-size: 16px;color: #5F5D5E;line-height: 1.5;margin-bottom: 40px;}
.index-more{font-size: 16px;color: #000;border-bottom: 2px solid #000;padding-bottom: 10px;}
.index-more .iconfont{font-size: 26px;margin-left: 25px; transition: all .36s;-webkit-transition: all .36s; -moz-transition: all .36s;
     -ms-transition: all .36s; -o-transition: all .36s;}
.index-more:hover .iconfont{margin-left: 36px;}
.index-part1 .top-box .item .pic-box{width: 40%;}
.index-part1 .top-box .item .pic-box img{max-width: 100%;max-height: 100%;}
.index-part1 .top-box .item:hover{transform:translateY(-20px);}
.index-part1 .swiper-box .swiper-container{display: none;}
.index-part1 .swiper-box .swiper-slide{position: relative;padding-top: 14px;}
.index-part1 .swiper-box .swiper-slide .content{display: flex;align-items: center;background-color: #f6f6f6;}
.index-part1 .swiper-box .swiper-slide .cont-box{width: 70%; padding: 55px 0 55px 35px;height: 195px;display: flex;flex-direction: column;justify-content: space-between;}
.index-part1 .swiper-box .swiper-slide .cont-box .tit{font-size: 18px;color: #333;font-weight: bold;position: relative;}
.index-part1 .swiper-box .swiper-slide .cont-box .tit .text{position: relative;z-index: 3;}
.index-part1 .swiper-box .swiper-slide .cont-box .tit .num{position: absolute;z-index: 2;left: 0;bottom: 0;font-size: 42px; color: rgba(255, 255, 255, 0.129); font-weight: bold;
    opacity: 0;}
.index-part1 .swiper-box .swiper-slide .cont-box .more{width: 54px;height: 29px;font-size: 14px;border-radius: 20px;background-color: #e5e5e5;color: #000;}
.index-part1 .swiper-box .swiper-slide .pic-box{width: 40%;}
.index-part1 .swiper-box .swiper-slide .pic-box img{max-width: 100%;max-height: 100%;}
.index-part1 .swiper-box .swiper-slide::after{content:"";position: absolute;left: 50%;top:0; transform: translateX(-50%);width: 0; height: 0;
    border-style: solid; border-width: 0 10px 14px 10px; border-color: transparent transparent #F08519 transparent;opacity: 0;}
.index-part1 .swiper-box .swiper-slide:hover .content{background-color: #F08519;}
.index-part1 .swiper-box .swiper-slide:hover .cont-box .tit{color: #fff;}
.index-part1 .swiper-box .swiper-slide:hover .cont-box .tit .num{opacity: 1;}
.index-part1 .swiper-box .swiper-slide:hover .cont-box .more{background-color: #fdc705; color: #fff;}
.index-part1 .swiper-box .swiper-slide:hover::after{opacity: 1;}

.index-part2{background: #f5f5f5 url(../images/index-part2-back.png) 100% 100%;}
.index-part2 .left-box{width: calc(50% - 25px);border-right: 1px solid #e5e5e5;}
.index-part2 .left-box .title-box{padding: 75px 0 60px 0;position: relative;}
.index-part2 .left-box .title-box::after{content: "";position: absolute;right: 0;bottom: 0;width:100vw;border-bottom: 1px solid #e5e5e5;}
.index-part2 .left-box .sub-tit{margin-bottom: 30px;font-size: 26px;color: #333;}
.index-part2 .left-box .pic-box{padding: 75px 55px 75px 0;}
.index-part2 .right-box{width: calc(50% + 25px);padding-top: 75px;padding-left: 65px;}
.index-part2 .right-box .num-box{margin-bottom: 100px;}
.index-part2 .right-box .num-box .num-item{width: 33.3%;line-height: 1;display:flex;align-items: center;}
.index-part2 .right-box .num-box .num-item img{width: 75px;margin-right: 15px;}
.index-part2 .right-box .num-box .num-item .tit{color: #F08519; font-size: 28px;}
.index-part2 .right-box .num-box .num-item .tit span{font-size: 48px;font-weight: 700;}
.index-part2 .right-box .num-box .num-item .cont{ font-size: 20px;color: #333;padding-bottom: 5px;}
.index-part2 .right-box .cont-box{font-size: 18px;color: #5F5D5E; line-height: 1.778;margin-bottom: 55px;}

.index-part3{    padding-bottom: 70px;}
.index-part3 .title-box{ padding: 70px 0;}
.index-part3 .title-box .sub-tit{font-size: 26px;color: #333;margin-bottom: 30px;}
.index-part3 .swiper-container .swiper-slide a{display: block;}
.index-part3 .swiper-container .swiper-slide .pic-box{position: relative; overflow: hidden;}
.mask-white { position:absolute; top:0; left:0; width:100%; height:100%; z-index: 4; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; 
    transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0) }
.maskBox:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
.index-part3 .swiper-container .swiper-slide .pic-box img{height: 325px; width: 100%; object-fit: cover;vertical-align: middle; transition: all .6s; -webkit-transition: all .6s;
     -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s;}
.index-part3 .swiper-container .swiper-slide .cont-box{padding-top: 25px;line-height: 2;}
.index-part3 .swiper-container .swiper-slide .cont-box .time{font-size: 16px;font-family: 'DIN';color: #5F5D5E;}
.index-part3 .swiper-container .swiper-slide .cont-box .title{ font-weight: bold;font-size: 24px;color: #333; margin: 10px 0;}
.index-part3 .swiper-container .swiper-slide .cont-box .cont{    color: #5F5D5E;}
.index-part3 .swiper-container .swiper-slide:hover .pic-box .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
.index-part3 .swiper-container .swiper-slide:hover .pic-box img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }


footer{ background: #191919; color: rgba(255, 255, 255, .5);}
footer .top{ border-bottom: 1px solid rgba(255, 255, 255, .1);padding: 50px 0;}
footer .top .footNav{  width: 60%;}
footer .top .footNav a{color: #fff;font-size: 18px;}
footer .top .link-box{width: 160px;position: relative;height: 40px;border-radius: 20px;border: 1px solid rgba(255, 255, 255, .3);color: #fff;margin-left: 20px;}
footer .top .link-box .link-down{position: absolute;width: 100%;left: 0;top: 100%;background-color: #fff;display: none;}
footer .top .link-box:hover .link-down{display: block;}
footer .top .link-box .link-down a{display: flex;align-items: center;justify-content: center; text-align: center;width: 100%;min-height: 40px;padding:10px;box-sizing: border-box;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);}
footer .top .link-box .link-down a:hover{color: #F08519;}
footer .bottom{padding: 50px 0;}
footer .footPro{ width: 45%;}
footer .footPro dl{flex: 1;}
footer .footPro dt{margin-bottom: 15px;}
footer .footPro dt a{color: white;font-size: 20px;}
footer .footPro dd a{line-height: 2.4;font-size: 14px;}
footer .footContact .title a{color: #fff;font-size: 18px;margin-bottom: 15px;}
footer .footContact .phone{color: white;font-family: 'DIN';font-size: 40px;}
footer .footContact .cont{font-size: 14px;line-height: 2.4;}
footer .footEwm{width: 130px;text-align: center;}
footer .footEwm img{width:100%;}
footer .footEwm:last-child{margin-left:25px;}
footer .footEwm div{font-size: 14px;;margin-top: 10px;}
footer a:hover{ color: #fff;}
.foot-bottom{border-top: 1px solid rgba(255, 255, 255, .1);}
.foot-bottom a{font-size: 14px;color: rgba(255, 255, 255, 0.251);padding: 25px 0;line-height: 1.4;}

  

.page-aside { position: fixed; right: -6px; bottom: 180px; transform: translateX(100%); z-index: 25; opacity: 0; transition: transform .3s, opacity .3s; -webkit-transition: transform .3s, opacity .3s; -moz-transition: transform .3s, opacity .3s; -ms-transition: transform .3s, opacity .3s; -o-transition: transform .3s, opacity .3s; }
.page-aside.show {transform: translateX(0);opacity: 1}
.page-aside .img {max-width: 100%}
.page-aside-item {width: 54px;text-align: center;height: 50px;position: relative;z-index: 1;cursor: pointer;display: block;background-color:#000;margin: 4px 0;border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;padding-right: 6px;transition: transform .3s;display: flex;align-items: center;justify-content: center}
.page-aside-item .icon {width: 24px}


.inner-banner{margin-top:100px;}
/* 关于我们 */
.about-part1{padding: 130px 0 170px 0;background: #fff url(../images/about1icon.png) no-repeat bottom left;background-size: contain;display: flex;flex-wrap: wrap; justify-content: space-between;
    align-items: center;}
.about-sub{font-size: 18px;color: #5F5D5E5F5D5E; margin-bottom:25px;}
.about-title{font-size: 42px;color: #333; font-weight: bold;margin-bottom:30px;}
.about-part1 .content-box{width: calc(50vw - 30px);padding-left: calc((100vw - 1520px) / 2);}
.about-part1 .content-box .cont-box{height: 540px;overflow-y: scroll;padding-right: 40px;padding-top: 20px;}
.about-part1 .cont-box p{ font-size: 16px;color: #5F5D5E;line-height: 2;}
.about-part1 .pic-box{ width:calc(50vw - 35px);position: relative;}
.about-part1 .pic-box img{width: 100%;}
/*.about-part1 .pic-box::after{content: ""; position: absolute;width: 507px;height: 46px;background-color: #000; right: 0px;bottom: -20px;}*/

#myvideo { width: 50vw; }
.video-box { position: relative; }
.item-video .tu { display: block; display: flex; align-items: center; justify-content: center; }
.item-video .tu img { display: block; object-fit: cover; width: 100%; height: 100%; }
.item-video a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 67px; height: 67px; }
.item-video a::before { position: absolute; top: 10px; right: 10px; left: 10px; bottom: 10px; content: ''; display: block; border: 3px dashed #fff; border-radius: 100%;
	 transition: all 0.6s; transform: scale(0); animation: ro 15s infinite linear; opacity: 0; }
.item-video a:hover::before { opacity: 0.6; transform: scale(1); top: -10px; right: -10px; left: -10px; bottom: -10px; }
.video-popwrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 35F5D5E3; display: none; border-radius: 5px; border: 10px solid #fff }
.popbg { position: fixed; bottom: 0; left: 0; right: 0; top: 0; background: rgba(0, 0, 0, 0.8); z-index: 233; display: none; }
.popclose { position: absolute; top: -30px; right: -20px; border-radius: 100%; color: #fff; cursor: pointer; height: 50px; width: 50px; text-align: center; 
	line-height: 43px; font-size: 40px; z-index: 33333; background: #022; }

.about-part2{background: #fff url(../images/about2icon.png) no-repeat bottom right;line-height: 1;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: start;}
.about-part2 .pic-box{width:50vw;overflow:hidden;}
.about-part2 .pic-box img{width: 100%;transition:all .6s;}
.about-part2 .pic-box:hover img{transform:scale(1.1);}
.about-part2 .content-box{width: calc(50vw - 90px);padding-right: calc((100vw - 1520px) / 2);padding-top: 25px;}
.about-part2 .sub-title{font-size: 24px;color: #333;font-weight: bold; margin-bottom:20px;}
.about-part2 .title{font-size: 36px;color: #F08519;padding-bottom:40px;border-bottom: 1px solid #e5e5e5;}
.about-part2 .title i{font-size:30px;}
.about-part2 ul li{padding: 60px 0;border-bottom: 1px solid #e5e5e5;}
.about-part2 ul li .tit{font-size: 18px;color: #5F5D5E; margin-bottom:20px;}
.about-part2 ul li .cont{font-size: 24px;color: #F08519;}

.about-part3{padding: 85px 0;background:#fff url(../images/about3.png) no-repeat bottom left;}
.DevelopmentHistory .swiper_box{width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;  }
.DevelopmentHistory .swiper_box .banner{height: 415px; position: relative;margin-top: 0;}
.DevelopmentHistory .swiper_box .swiper-container{width: 100%; height: 100%;}
.DevelopmentHistory .swiper_box .swiper-slide{ padding-left:10px; padding-bottom:0; padding-right:45px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.DevelopmentHistory .swiper_box .swiper-slide .item{height: 146px; padding-left: 22px; position: relative; transition: .4s; top: 0; }
.DevelopmentHistory .swiper_box .swiper-slide .item .top{ font-size:28px; position: relative; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.DevelopmentHistory .swiper_box .active .item .top{font-size: 36px;color: #F08519;}
.DevelopmentHistory .swiper_box .swiper-slide .item .bot{ font-size: 16px; color: #5F5D5E; margin-top: 14px;line-height: 1.75; -webkit-transition: .4s; -o-transition: .4s;
      transition: .4s; }
.DevelopmentHistory .swiper_box .swiper-slide .item .bot p{ margin-bottom:20px; }
.DevelopmentHistory .swiper_box .swiper-slide .item .bot::before{ content: ''; position: absolute; left: -8px; top: 14px; width: 10px; height: 10px; border: 3px solid #F08519; 
    border-radius: 50%;  -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.DevelopmentHistory .swiper_box .swiper-slide .item .bot::after{ content: ''; position: absolute; left: 0; top: 30px; height: 100%; width: 1px; background: #ddd; }
.DevelopmentHistory .swiper_box .development-pic{position: absolute;width: 100vw;bottom:-50px;left: 0;}
.DevelopmentHistory .swiper_box .btn-box{margin-top:60px;}
.btn-box .button{ width: 66px; height: 66px;border-radius: 50%;display: flex; align-items: center;justify-content: center;background-color: white;
    color: #000;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); cursor: pointer; }
.btn-box .button.prev{margin-right: 30px;}
.btn-box .button i{font-size: 30px;}
.btn-box .button:hover{background-color: #000; color: #fff;}

.about-part4{background-color: #f5f5f5;padding: 75px 0;}
.honor .swiper-container{margin-top: 40px;}
.honor .swiper-container .swiper-slide{background-color: white;}
.honor .swiper-container .swiper-slide a{display: block;padding: 40px;}
.honor .swiper-container .swiper-slide .pic-box{ width: 100%; height: 300px;display: flex;align-items: center;justify-content: center;
    overflow: hidden;}
.honor .swiper-container .swiper-slide .pic-box img{ max-width: 100%; max-height: 100%;transition:all .3s}
.honor .swiper-container .swiper-slide .title{font-size: 16px;color: #333; margin-top: 30px;text-align: center;}
.honor .swiper-container .swiper-slide:hover .pic-box img{transform:scale(1.1)}
.honor .swiper-container .swiper-slide:hover .title{font-weight:700;}

.proLeft{width: 27%;}
.proLeft .title{font-size: 30px; height: 90px;line-height: 2; background-color: #000;color: white; padding-left: 5vw;}
.muneUl { line-height: 2.6; padding: 15px; }
.muneUl>li { border-bottom: 1px solid #e5e5e5; padding: 10px 0; padding-left: 5vw; }
.muneUl li.active>div, .muneUl li:hover>div>a { color: #000; }
.muneUl li>div{position: relative;}
.muneUl>li{font-size: 24px;}
.muneUl>li a {max-width: calc(100% - 20px);}
.muneUl .iconfont { height: 100%; cursor: pointer; position: absolute; right: 0;top: 0; display: flex;align-items: center; font-size: 20px;transition: all .6s; }

.muneUl li>ul {padding-left: 10px;display: none;}
.muneUl li>ul>ul {padding-left: 20px;}
.muneUl li.active>ul{ display: block;}
.muneUl li.active>div>a{ color: #000;font-weight: 700;}
.muneUl li.active .iconfont {transform: rotate(90deg);}
.muneUl li a.active{ color: #000;}

.two-muneUl li { width: 100%;}
.two-muneUl li .yuan{ margin-right: 10px;}
.muneUl>li a span{ font-size: 18px;}

.menuItem{  border-bottom: 1px solid #EBEBEB;  position: relative; }
.menuItem .topTitle{ height: 50px;font-size: 15px; font-weight: 500; opacity: 1; width: 92%; }
.menuItem .topTitle a{ display: block;color:#000; font-weight: bold; }
.menuItem .topBtn{  height: 40%; transition: all .6s;}
.menuItem.active .topBtn{ transform: rotate(-90deg);}
 

/* 产品列表 */
.proRight{ width: 73%;}
.proRight .box{padding: 70px 50px;background-color: #fff;}
.prolist{padding-bottom: 30px;}
.prolist li{width: 31%; margin-bottom: 45px; margin-right: 3.5%; border: 1px solid #e5e5e5;position: relative;overflow: hidden; padding:0 40px;
    transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s;}

.prolist li:nth-child(3n){ margin-right: 0;}
.prolist li::after{ width: 100%; height: 70%; background-color: rgba(240,133,25, .5); display: block; content: ''; position: absolute; top: 0; left: 0; 
    -webkit-clip-path: polygon(0 100%, 0% 0, 100% 0%); }

.prolist li .txt{ transform: translateX(-105%);width: 100%;height: 100%; position: absolute; left: 0; top: 0; padding: 70px;background: rgba(0, 0, 0, .5);-webkit-transform: translateX(-105%); 
    -moz-transform: translateX(-105%); -ms-transform: translateX(-105%); -o-transform: translateX(-105%); transition: all .6s;
    -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; z-index: 20;  }
.prolist li .txt .title{width: 100%; font-size: 24px;font-weight: bold;color: #fff;margin-bottom: 40px;text-align:center;}
.prolist li .txt .morebtn{width: 240px; height: 55px; position: relative;border: 1px solid rgba(255, 255, 255, .15);max-width: 100%;line-height: 2;color: #fff;
    font-size: 14px;margin-top: 40px;text-align: center;display: flex;justify-content: center;align-items: center;}
.prolist li .txt .morebtn > div{ position: absolute; border-style: solid; border-width: 0; width: 0.6em; height: 0.6em; transition: all 0.3s; -webkit-transition: all 0.3s;}
.prolist li .txt .morebtn .line_tl { left: -1px; top: -1px; border-top-width: 1px; border-left-width: 1px; border-color: #fff; }
.prolist li .txt .morebtn .line_tr { right: -1px; top: -1px; border-top-width: 1px; border-right-width: 1px; border-color: #fff; }
.prolist li .txt .morebtn span { position: relative; z-index: 1; }
.prolist li .txt .morebtn .line_bl { left: -1px; bottom: -1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #fff; }
.prolist li .txt .morebtn .line_br { right: -1px; bottom: -1px; border-bottom-width: 1px; border-right-width: 1px; border-color: #fff; }
.prolist li .txt .morebtn .line_all { width: auto; height: auto; border-color: #fff; top: -1px; bottom: -1px; left: -1px; right: -1px; transition: border-width 0s;
     -webkit-transition: border-width 0s; }
.prolist li .txt .morebtn:hover > div{ width:55%; height:55%;}
.prolist li .txt .morebtn:hover .line_all{width:auto; height:auto; border-width:1px; transition-delay:0.3s; -webkit-transition-delay:0.3s;}
.prolist li .morebtn:hover{ background-color: #000;}
.prolist li:hover .txt{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }

.prolist li .cont-box{width: 100%; padding: 45px 0;text-align: center;position: relative; z-index: 10;}
.prolist li .img{ height: 300px;position: relative; overflow: hidden;}
.prolist li .img img{ border: 0 none; max-width: 100%; vertical-align: middle; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s;}
.prolist li .text{ margin-top: 15px;font-size: 24px;font-weight: bold;text-align: center;color: #333;}
.prolist li:hover .img img{ transform:scale(0.95) ; -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; }
.prolist li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .15);}

.menuDetail{ width:92%; background:#f5f9fd; padding: 2% 4.7%; z-index: 99; display: none; }
.menuDetail li{ font-size: 14px; line-height:2.4; color:rgba(68,68,68,1); opacity:1; }
.menuDetail li a{ display: block; width: 100%; }
.menuDetail li:hover{ color: #000!important; }
.page-box a{padding:8px 15px ;border: 1px solid #efefef;color: #333;font-size: 16px;margin-right: 10px;}
.page-box a:last-child{margin-right: 0;}
.page-box a:hover,.page-box a.active{background-color: #333;color: #fff;}

/* 产品详情 */
.product-details{position: relative;padding-top: 100px;padding-bottom: 70px;}
.product-details .inner-banner{position: absolute;left: 0;top: 0;width: 100%;z-index: 5;}
.product-details .w1520{position: relative;z-index: 10;}
.locationinfo {padding-top: 66px;margin-bottom: 40px;color: #fff;}
.locationinfo .iconfont{ font-size: 20px;margin-right: 15px;}
.locationinfo a{color: #fff;}
.product-details .swiper-box{ width: 100%; padding: 45px;background-color: #fff;}
.proinfotext {width: 50%;}
.proinfotext .title{font-size: 40px;color: #333;font-weight: 700;}
.proinfotext .tag{ margin-top: 15px;}
.proinfotext .tag span{padding: 10px 20px;border: 1px solid #000;font-size: 16px;color: #333;border-radius: 40px;}
.proinfotext .line{height: 1px;background-color: #e5e5e5;position: relative; margin: 40px 0;}
.proinfotext .line::before{display: block; content: ''; background-color:#000; position: absolute; left: 0; top: -1px; height: 3px; width: 50px;}
.proinfotext .cont{ font-size: 18px;line-height: 2;color: #333;}
.proinfotext .button{margin-top: 30px;}
.proinfotext .button a{ width: 48%;border-radius: 40px;font-size: 22px;color: #000; display: flex;align-items: center;justify-content: center;font-family: 'DIN';position: relative;
    border:1px solid #000; height: 60px;transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.proinfotext .button a.phone{color: #fff; background-color: #1a1a1a;}
.proinfotext .button a.phone .light{ position: absolute; left: -100%; top: 0; width: 100%; height: 100%; transform: skewx(-25deg); z-index: 2; 
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));}
.proinfotext .button a img{margin-right: 15px;}
.proinfotext .button a.phone:hover .light{left: 100%; transition: 1s;}
.proinfotext .button a:hover{ box-shadow: 0 0 10px rgba(43 ,23, 110, .5);}
.proinfotext .tips{ font-size: 16px; color: #aaa; margin-top: 30px;}
.proinfoimg {width: 50%;}
.proinfoimg .swiper-slide{ padding: 45px; height: 550px;display: flex;align-items: center;justify-content: center;}
.proinfoimg .swiper-slide img { max-width: 100%; max-height: 100%; }
.product-details .content-box{ margin-top: 40px;background-color: #fff;}
.proinfoLine{padding-left: 70px;border-bottom: 1px solid #e5e5e5;}
.proinfoLine .title{padding:25px 0;line-height: 1;font-size: 30px;position: relative;display: inline-block;}
.proinfoLine .title::after { display: block; content: ''; background-color: #000; position: absolute; left: 0; bottom: -1px; height: 3px; width: 100%; }
.product-details .content-box .infoImg{padding: 45px 66px;line-height: 2.4;font-size: 16px;color: #333;word-break: break-all;}
.prevNext{margin-top:50px;}
.prevNext a{width: 100px;height: 50px;display:flex;align-items:center;justify-content:center;border:1px solid #1a1a1a; color:#1a1a1a;
    font-size: 18px;}
.prevNext a:last-child{margin-left:30px;}
.prevNext a:hover{background-color: #1a1a1a;color:#fff; }

/* 客户案例 */
.cases-box{padding: 66px 0;}
.caselist li{ width: calc((100% - 2vw)/2); margin-right: 2vw; margin-bottom: 2vw;overflow: hidden;}
.caselist li:nth-child(2n){ margin-right: 0;}
.caselist li .img img{ border: 0 none; max-width: 100%; vertical-align: middle; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s;
     -o-transition: all .6s;}
.caselist li .text{display:block; margin-top: -80px;padding: 30px;}
.caselist li .text .cont-box{padding: 50px;background-color: #f5f5f5; position: relative;}
.caselist li .text .cont-box .title{font-size: 24px;font-weight: bold;margin-bottom: 15px;color:#000;}
.caselist li .right{ width: 80px; height: 50px; position: absolute; right:30px; top: 50%;    background-color: #1a1a1a;color: #fff;
     transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s;
     -o-transition: all .6s; }
.caselist li:hover .img{ box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.caselist li:hover .img img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.caselist li:hover  .right{ transform: translateY(-60%); -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%);
     -o-transform: translateY(-60%); }

/* 新闻列表 */
/*.news-top{position: relative;padding-top: 100px;}*/
/*.news-top .inner-banner{position: absolute;left: 0;top: 0;width: 100%;height: 100%; z-index: 5;}*/
.news-top .inner-banner {width:100%;}
.news-top .inner-banner img{width: 100%;height: 100%;object-fit: cover;}
.newsBanbox{width: 100%;padding: 70px;position: relative;z-index: 10;}
.newsBanbox .w1520{position: relative;}
.newsBanbox .swiper-container {background-color: #fff}
.newsBanbox .swiper-slide .newsTj{padding: 50px;}
.newsBanbox .swiper-slide .newsTj .img{width: 50%;overflow: hidden;}
.newsTj .img img { height: 450px; width: 100%; object-fit: cover; vertical-align: middle; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; 
    -ms-transition: all .6s; -o-transition: all .6s;}
.newsTj .txt{width: 50%; line-height: 2;padding-left: 60px;}
.newsTj .txt .wmax{width: 100%;}
.newsTj .txt .time{font-family: 'DIN';font-size: 16px;color: #333;}
.newsTj .txt .title{ font-size: 34px;margin: 5px 0;color: #333;}
.newsTj .txt .cont{ font-size: 16px;color: #5F5D5E;}
.newsBanbox .button{ position: absolute;right: 0; bottom: 0;padding-bottom: 50px;padding-right: 50px; z-index: 12;}
.newsBanbox .button .caseBtn{width: 56px; height: 56px; border-radius: 8px;cursor: pointer; border: 1px solid #dadada;}
.newsBanbox .button .caseBtn:first-child{margin-right: 30px;}
.newsBanbox .button .caseBtn .iconfont{font-size: 20px;color: #333;}
.newsBanbox .button .caseBtn:hover{ background: #dadada;}
.newsTj:hover .img{box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.newsTj:hover .img img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.news-list{padding: 70px 0;}
.news-list ul{margin-bottom:2vw;}
.news-list li{padding: 60px 0;border-bottom: 1px solid #e5e5e5;}
.news-list li .pic-box{ width: 26%;position: relative;overflow: hidden;}
.news-list li .pic-box img{ height: 260px; width: 100%; object-fit: cover;transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s;
    -o-transition: all .36s;}
.news-list li .cont-box{  width: 70%;display: flex;flex-direction: column; justify-content: space-between; align-items: flex-start;}
.news-list li .cont-box .time{font-size: 16px;font-family: 'DIN';color: #333;}
.news-list li .cont-box .title{width: 100%;font-size: 24px;color: #333; margin: 10px 0;}
.news-list li .cont-box .cont{color: #5F5D5E;}
.news-list li :hover .pic-box img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.news-list li:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}

/* 新闻详情 */
.newDatilBox{ max-width: 1000px; margin-left: auto; margin-right: auto; margin-top: 100px;}
.newDatilBox .content-box{padding: 50px 0;}
.newDatilBox .title-box{ padding-bottom: 50px; border-bottom: 1px solid #e5e5e5;}
.newDatilBox .title{font-size: 40px;font-weight: bold;color: #333;}
.newDatilBox .cont{font-size: 18px;margin-top: 15px;color: #5F5D5E;}
.newDatilBox .cont .item .iconfont{font-size: 20px; margin-right: 10px;}
.newDatilBox .cont .item.liulan{margin-left: 40px;}
.newDatilBox .infoImg {padding: 50px 0;line-height: 2.8; font-size: 16px;}
.newspage {padding-top: 30px;margin-top: 50px;border-top: 1px solid #e5e5e5;}
.newspage .left{ width: 70%;line-height: 3;}
.newspage .left a{display: block;color: #333;}
.newspage .left a span{color: #5F5D5E; margin-right: 20px;}
.newspage .left a:hover{font-weight:700;}
.newspage .back{ padding:10px 25px ; color: white;border-radius: 40px; background-color: #1a1a1a;font-size: 16px;position:relative;}
.newspage .back .iconfont{ font-size: 20px;margin-right:10px;}
.newspage .back .light{ position: absolute; left: -100%; top: 0; width: 100%; height: 100%; transform: skewx(-25deg); z-index: 2; 
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));}
.newspage .back:hover .light{left: 100%; transition: 1s;}
/* 联系我们 */
.contact-us .top-box{padding: 70px 0 45px 0;background-color: #fff;}
.contact-us .title-line{font-size: 48px;text-align: center; color: #333333;line-height: 1.656;margin-bottom: 65px;}
.contact-us .top-box .info-item{width: 48%;height: 200px; padding: 30px 40px;border: 1px solid #e5e5e5;margin-bottom: 45px;}
.contact-us .top-box .info-item:nth-child(-n + 4){width:23.5% ;}
.contact-us .top-box .info-item .title{font-size: 17px;color: #999;margin-bottom: 15px;}
.contact-us .top-box .info-item .title .iconfont{font-size: 22px;color: #F08519;margin-right: 10px;}
.contact-us .top-box .info-item .phone{ font-size: 36px;color: #333; font-family: "DIN";}
.contact-us .top-box .info-item .cont{font-size: 24px;color: #333;}
/*.contact-us .top-box .info-item .code-item{width: 50px;height: 50px;position: relative;margin-right: 35px;}*/
.contact-us .top-box .info-item .code-item{margin-right: 35px;}
.contact-us .top-box .info-item .code-item .icon-box{width: 100%;height:  100%;color: #F08519;border-radius: 50%;display: flex;align-items: center;justify-content: center;
    font-size: 30px;border: 1px solid #e5e5e5;}
/*.contact-us .top-box .info-item .code-item .code{position: absolute;left: 50%;transform: translateX(-50%); top: 60px;width: 100px;*/
/*background-color:#fff;padding:4px 0; box-shadow: 0 5px 10px rgba(0, 0, 0, .1);display: none;}*/
.contact-us .top-box .info-item .code-item .code{width: 100px;background-color:#fff;}
.contact-us .top-box .info-item .code-item .code p{text-align:center;padding-top:4px;font-size:14px;color:#5F5D5E;}
.contact-us .top-box .info-item .code-item:hover .code{display: block;}
.contact-us .form-box{padding: 70px 0 45px 0;background-color: #f5f5f5;}
.contact-us .form-box .w1520{padding: 60px 50px; background-color: #fff;}
.contact-us .form-box .input-box{width:30%;height: 65px; padding: 10px 25px;border: 1px solid #e5e5e5;margin-bottom: 45px;display: flex;align-items: center;margin-right:5%}
.contact-us .form-box .input-box:nth-of-type(3n){margin-right:0;}
.contact-us .form-box .input-box .tit{width:120px; font-size: 14px;color: #999;display: flex;align-items: center;}
.contact-us .form-box .input-box .tit i{color: red;}
.contact-us .form-box .input-box input{flex: 1;height: 100%;padding-left: 20px;background-color:#F4F2F2;}
.contact-us .form-box .tex{width: 100%;height: 215px; padding: 30px 25px;border: 1px solid #e5e5e5;margin-bottom: 45px;}
.contact-us .form-box .submit{  width: 244px; height: 60px;display: flex;align-items: center;justify-content: center;background-color: #333;font-size: 20px;color: #fff;}
.contact-us .form-box .tips input{margin-right: 15px;}
.contact-us .form-box .tips{width: 100%;font-size: 14px;color: #999;margin-top: 45px;}
.contact-us .form-box .tips a{font-size: 14px; color: #F08519;margin-left: 5px;}
/*input[type='checkbox']{ width: 16px; height: 16px; background-color: #fff; -webkit-appearance:none; border: 1px solid #999; border-radius: 50%; outline: none; }*/

/*搜索结果*/
.searchTop{padding: 70px;margin-top: 100px;}
.searchTop .title{ text-align: center;font-size: 34px;margin-bottom: 40px;}
.searchTop .title .num{color: red;}
.searchTop form{width: 700px;}
.searchTop .text{width: calc(100% - 70px);background-color: white;padding: 15px;font-size: 18px;}
.searchTop .submit{width: 70px; height: 70px; background: url(../images/searchbig.png) no-repeat center center; background-size: 35% auto;background-color: white;
    font-size: 20px;cursor: pointer;text-align: center;}
.searchlist{padding-bottom: 70px;background-color: #fff;}
.searchlist ul{padding-bottom: 70px;}
.searchlist ul li{border-bottom: 1px solid #e5e5e5;line-height: 2.8;position: relative;}
.searchlist ul li a{padding:50px 0;}
.searchlist ul li .left{ width: 70%;}
.searchlist ul li .left .title{font-size: 24px;color: #333;}
.searchlist ul li .left .cont{font-size: 16px;color: #5F5D5E;}
.searchlist ul li .right{width: 70px; height: 70px;border-radius: 50%; border: 1px solid #e5e5e5;  
      transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s;}
.searchlist ul li .right .iconfont{font-size: 24px;}
.searchlist ul li::after{ width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background-color: #000; display: block; content: ''; 
    transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.searchlist ul li:hover::after{ width: 100%;}
.searchlist ul li:hover .right{ background-color: #000; color: #fff; transform: scale(0.95); -webkit-transform: scale(0.95); 
    -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }