.banner{background-attachment:fixed;position: relative;width: 100%;height: 480px;}
.index-banner {width: 100%;height:100%;}
.index-banner .item {
    width: 100%;
    height: 480px;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
    padding: 0 100px;
}
.index-banner .item .text {
    height: 100%;
    align-items: center;
    text-align: left;
    padding-top: 12%;
}
.index-banner .item h4 {
    font-size: 50px;font-family: "DINPro-Bold";
    line-height:50px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 50px;
    -webkit-animation: fadeOutInUp 1s both;
    animation: fadeOutInUp 1s both;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
    font-weight: 600;letter-spacing: 3px;
}
.index-banner .item h4 span {color: #fcc419;font-weight: 600;font-family: "DINPro-Bold";}
.index-banner .item p {
    display: block;
    color: #fff;
    font-size: 25px;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 50px;
    margin-bottom: 50px;
    -webkit-animation: fadeOutInUp 1s both;
    animation: fadeOutInUp 1s both;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
}
.index-banner .item p span{display: inline-block;padding: 5px 25px;border: 1px solid rgba(255,255,255,0.3);margin: 0 10px 0 0;font-size: 22px;font-weight: 400;}
.index-banner .item a.left{margin:0 auto 0 0;}
.index-banner .item a.center{margin:0 auto;}
.index-banner .item a.right{margin:0 0 0 auto;}
@media (max-width: 1440px) {
    .banner{height: 400px;}
    .index-banner .item {height: 400px;}
    .index-banner .item .text {padding: 12% 0 0 0;}
    .index-banner .item h4 {font-size: 40px!important;margin-bottom: 30px!important;line-height:40px!important;}
    .index-banner .item p {font-size: 22px!important;margin-bottom: 50px!important;line-height: 32px!important;font-weight: 400;}
    .index-banner .item p span{padding: 5px 15px;font-size: 18px;}
}
@media (max-width: 992px) {
    .banner{height:250px;padding-top: 60px;}
    .index-banner {width: 100%;}
    .index-banner .item {height:250px;padding: 0 20px;background-size:200% auto;background-position:center top}
    .index-banner .item .info {padding:12% 0 0 0;width: 100%;flex-wrap: wrap;background-color: #fff;}
    .index-banner .item .info .text {width:100%;}
    .index-banner .item h4 {font-size: 2.5rem!important;margin-bottom: 10px!important;line-height: 3.5rem;letter-spacing: 0!important;}
    .index-banner .item p {font-size: 1.6rem!important;margin-bottom: 30px!important;line-height:2.8rem;}
}

.index-banner .item.slick-active .img {-webkit-animation: fadeInRight 1s both 1s;animation: fadeInRight 1s both 1s;}
.index-banner .item.slick-active h4 {-webkit-animation: fadeInUp 1s both 1.5s;animation: fadeInUp 1s both 1.5s;}
.index-banner .item.slick-active p {-webkit-animation: fadeInUp 1s both 2s;animation: fadeInUp 1s both 2s;}
.index-banner .item.slick-active a {-webkit-animation: fadeInUp 1s both 2.5s;animation: fadeInUp 1s both 2.5s;}
.index-banner .item.slick-active {-webkit-animation: fadeIn 2.5s both;animation: fadeIn 2.5s both;}
.slick-slider {
    float: left;
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
.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;}
.index-banner .NextArrow,.index-banner .PrevArrow{
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: none;
    background:rgba(0,0,0,0.15);
    text-align: center;
    z-index: 999;
    outline: none;
    bottom: 50%;
    opacity: 0.5;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.index-banner .NextArrow i,.index-banner .PrevArrow i{font-size:2.8rem;color:#fff;}
.index-banner .PrevArrow{left:0;}
.index-banner .NextArrow{right:0;transform: rotate(-180deg)}
.index-banner .NextArrow:hover,
.index-banner .PrevArrow:hover{opacity: 1;}
.index-banner .NextArrow:hover i,.index-banner .PrevArrow:hover i{color:#fcc419}
.index-banner .slick-dots {display: none!important;}
@media (max-width: 991px) {
    .index-banner .NextArrow,.index-banner .PrevArrow{opacity:0;}
    .index-banner .item.slick-active h4 {-webkit-animation: fadeInUp 1s both 1s;animation: fadeInUp 1s both 1s;}
    .index-banner .item.slick-active p {-webkit-animation: fadeInUp 1s both 1.5s;animation: fadeInUp 1s both 1.5s;}
    .index-banner .item.slick-active a {-webkit-animation: fadeInUp 1s both 2s;animation: fadeInUp 1s both 2s;}
    .index-banner .item.slick-active {-webkit-animation: fadeIn 2s both;animation: fadeIn 2s both;}
}
.title{position: relative;width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.title b{font-size: 30px;position: relative;color:#495057;font-weight: 600;}
.en .title b{text-transform: uppercase;}
.title b i{font-size:3rem;font-weight: 500;color:#f39700;}
.title p{font-size: 22px;color:#868e96;text-transform: uppercase;font-weight:500;padding: 5px 0;font-family: "Microsoft Yahei"}
.en .title p{font-size: 16px;font-family:MiSans,system-ui,Arial, "sans-serif"!important}
.title span a{margin-left: 30px;}
.title a{font-size: 16px;color: #868e96;margin: 0 0 0 auto;font-family: "Microsoft Yahei";text-transform: uppercase;}
.title a i{font-size:1.4rem;margin-left:5px;position:relative;top:0;color: #adb5bd}
.title a:hover{color:#212529;}
@media (max-width: 1200px) {}
@media (max-width: 992px) {
    .title{margin-bottom:10px;}
    .title b{font-size: 2rem;letter-spacing: 0;font-weight: 600;}
    .title b i{font-size:2.2rem;margin-right:5px;}
    .title p{font-size: 1.3rem;padding:5px 0 0 0;font-weight: 400;display: none}
    .en .title p{font-size: 1.2rem}
    .title span a{display: none;}
    .title span a:last-child{display: block;}
    .title a{font-size: 1.3rem;margin-top:12px;height:30px;}
    .title a i{font-size:1.3rem;margin-left:5px;}
}
/*section-title*/
.section-title{padding: 30px 0;text-align: center}
.section-title h4{font-weight:600;font-size: 40px;letter-spacing: 1px;color: #495057;position: relative;}
.en .section-title h4{text-transform: uppercase;font-size: 35px;letter-spacing:0}
.section-title h4:after{content: '';width: 50px;height:3px;background-color:#f39700;position: absolute;left:50%;margin-left: -25px;top:-20px;}
.section-title h4 span{color:#f39700;}
.section-title p{font-size:18px;font-weight: 500;color: #495057;text-transform: uppercase;font-family: "DINPro-Bold";padding:10px 0 0 0;}
.en .section-title p{font-size:16px;font-family:MiSans,system-ui,Arial, "sans-serif"!important;text-transform: uppercase}
@media screen and (max-width: 1440px){
    .section-title h4{font-size: 30px;}
    .section-title p{font-size:16px;}
}
@media screen and (max-width: 991px){
    .section-title{padding: 30px 0 0 0;}
    .section-title h4{font-size: 2.5rem;}
    .en .section-title h4{font-size: 2rem}
    .section-title h4:after{height:2px;width:40px;margin-left: -20px;}
    .section-title p{font-size:1.3rem;}
}

/*bj*/
.bj{padding:20px 0;position: relative;background-color:#fff;}
.bj .container{}
.bj .title{padding: 20px 0;margin-bottom: 0;}
.bj .title p{font-size: 25px;line-height: 50px;position: relative;color:#444;font-weight: 600;letter-spacing: 1px;}
.bj .title b{padding-left: 20px;font-size: 16px;color:#495057;font-weight: 300;font-family: "Microsoft Yahei"}
.bj .title span{color:#f39700;font-style: normal;font-weight: 300;letter-spacing: 0;}
.bj .bj-form{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.bj .bj-form input{width: 32%;margin-right: 2%;line-height: 45px;border-radius: 6px;border: 1px solid #ddd;padding: 0 20px;color: #666;font-size: 16px;display: block;text-transform: uppercase}
.bj .bj-form input:last-child{margin-right: 0;}
.bj .bj-form input[type=text]{}
.bj .bj-form input[type=button]{
    width: 31%;margin: 0 0 0 auto;
    color: #fff;font-size: 16px;border:none;
    background-image:-webkit-gradient(linear,0% 100%,0% 100%, from(#f39700), to(#ffe066));
    background-image:-webkit-linear-gradient(45deg, #f39700, #ffe066);
    background-image:-o-linear-gradient(45deg, #f39700, #ffe066);
    background-image:linear-gradient(45deg, #f39700, #ffe066);
    box-shadow:0 10px 20px rgba(243,151,0,0.3);
    -webkit-box-shadow:0 10px 20px rgba(243,151,0,0.3);
    -moz-box-shadow:0 10px 20px rgba(243,151,0,0.3);
    position: relative;
}

.bj .bj-list-ul{padding: 50px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

}
.bj .bj-list-ul li{width: 24.25%;margin-right: 1%;
    background-color: #fff;border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.08);
    overflow: hidden;
}
.bj .bj-list-ul li:last-child{margin-right: 0;}
.bj .bj-list-ul li a{display: block;padding:30px 20px;position: relative;background-color: #fff;}
.bj .bj-list-ul li h4{font-size: 22px;color: #495057;font-weight: 600;margin-bottom: 10px;}
.en .bj .bj-list-ul li h4{text-transform: uppercase;font-size:18px;}
.bj .bj-list-ul li p{font-size: 15px;color: #868e96;font-family: "Microsoft Yahei"}
.en .bj .bj-list-ul li p{font-family: MiSans,system-ui,Arial, "sans-serif";font-size: 14px;}
.bj .bj-list-ul li img{position: absolute;right: 20px;top:50%;width: 60px;margin-top: -23px;}
.bj .bj-list-ul li a:hover{
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 20px 1px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
}
.bj .bj-list-ul li a:hover img{
    transition: 2s cubic-bezier(0.28, 0, 0.12, 1);
    -webkit-transform: scale3d(1.12, 1.12, 1);
    transform: scale3d(1.12, 1.12, 1);
}
.bj .bj-ico-ul{display: none;}

@media (max-width: 1440px) {
    .bj .bj-list-ul{padding: 30px 0;}

}
@media (max-width: 991px) {
    .bj{padding:10px 0;background-color: #fff;margin-bottom: 10px;}
    .bj .title{padding: 20px 0 0 0;text-align: center}
    .bj .title p{font-size: 1.5rem;line-height:2rem;font-weight:800;letter-spacing:0;}
    .bj .title b{padding-left: 10px;font-size: 1.2rem;}
    .bj .title span{padding-left:5px;font-size: 1.2rem;}
    .bj .bj-form{flex-wrap: wrap;padding:10px 0;}
    .bj .bj-form input{width: 48.5%;margin-right: 3%;line-height: 40px;border-radius: 4px;padding: 0 10px;font-size: 1.3rem;margin-bottom: 3%;}
    .bj .bj-form input:nth-child(2n){margin-right: 0;}
    .bj .bj-form input[type=button]{width: 48.5%;font-size:1.3rem;margin: 0 auto 0 0;line-height: 20px;height:40px;}
    .bj .bj-list-ul{padding:10px 0 0 0;flex-wrap: wrap;background-color: #f6f6f6;display: none}
    .bj .bj-list-ul li{width:49%;margin-right: 2%;margin-bottom:2%;border-radius: 4px;}
    .bj .bj-list-ul li:nth-child(2n){margin-right: 0;}
    .bj .bj-list-ul li a{padding:15px 15px;}
    .bj .bj-list-ul li h4{font-size: 1.4rem;margin-bottom:5px;}
    .bj .bj-list-ul li p{font-size: 1.2rem;}
    .en .bj .bj-list-ul li p{font-size: 1.2rem;}
    .bj .bj-list-ul li img{right: 10px;width: 36px;margin-top: -18px;}
    .bj .bj-ico-ul{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding: 5px 0 20px 0;
        background-color: #fff;
    }
    .bj .bj-ico-ul li{width: 25%;text-align: center;}
    .bj .bj-ico-ul li a{display: block;}
    .bj .bj-ico-ul li a .ico{width: 100%;}
    .bj .bj-ico-ul li a .ico img{width: 60%;margin:10px auto;display: block;}
    .bj .bj-ico-ul li a h5{font-size: 1.4rem;font-family: "Noto Sans SC";color: #666;font-weight: 500;}
    .bj .bj-ico-ul li a:hover{color: #00913a;}
    .bj .bj-ico-ul li a:hover h5{color:#00913a;}
}


/*pro*/
.pro{padding: 50px 0;background-color:#f8f9fa;}
.pro .overflow-hide{overflow:hidden;}
.pro .pro-wrap{width: 100%;}
.pro .pro-left{width: 20%;margin-right: 3%;background-color: #fff;padding:0;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.08);
}
.pro .pronav{padding:0;}
.pro .pronav li{line-height: 25px; font-size: 18px;color: #666;border-top: 1px solid #eee;padding: 25px 20px;font-weight: 500;}
.en .pro .pronav li{font-size: 16px;text-transform: uppercase;padding:25px 10px;}
.pro .pronav li i {font-size: 2.2rem;color: #fff;display: inline-block;vertical-align: middle;margin-right: 20px;width: 35px;height: 35px;line-height: 35px;border-radius: 50%;background-color: #00913a;text-align: center}
.en .pro .pronav li i{margin-right:10px;}
.pro .pronav li{cursor:pointer;}
.pro .pronav li:first-child{border-top: none;}
.pro .pronav li.on{background-color: #00913a;color: #fff; }
.pro .pronav li.on i{color: #00913a;background-color: #fff}
.pro .pro-right{width:77%;position:relative;}
.pro .pro-content{position:absolute;top:65px;transition:all .5s linear;opacity:0;z-index:-1;height:0;width:100%;}
.pro .pro-content.show{height:auto;opacity:1;top:0;z-index:1;background-color: transparent;border-radius: 0;box-shadow:none!important;-webkit-box-shadow:none!important;}
.pro .pro-content .pro-list{flex-wrap: wrap;background-color: transparent!important;}
.pro .pro-content .pro-list .item{width:22.75%;margin-right: 3%;margin-bottom: 3%;background-color: #fff;padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.05);
}
.pro .pro-content .pro-list .item a{}
.pro .pro-content .pro-list .item a:hover{}
.pro .pro-content .pro-list .item:nth-child(4n){margin-right: 0;}
.pro .pro-content .pro-list .item .img{width: 100%;overflow: hidden;}
.pro .pro-content .pro-list .item .img img{width: 100%;}
.pro .pro-content .pro-list .item .info{font-size: 16px;color:#495057;line-height: 20px;padding:12px 0;display: inline-block;white-space: nowrap;width: 100%;overflow: hidden;text-overflow:ellipsis;text-align: center}
.pro .pro-content .pro-list .item a:hover .info{color:#f39700;}

@media (max-width: 1440px) {
    .pro .pronav li{line-height: 20px;padding: 20px 20px;}
    .en .pro .pronav li{font-size: 14px;padding:18px 10px;}
}
@media (max-width: 992px) {
    .pro{padding:20px 0 0 0;background-color:#f1f3f5;}
    .pro .pro-wrap{flex-wrap: wrap;}
    .pro .pro-left{width: 100%;margin-right: 0;padding: 10px 0 0 0;background-color: transparent;box-shadow:none;-webkit-box-shadow:none;}
    .pro .pro-left h4{display: none;}
    .pro .pronav{
        padding:0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .pro .pronav li{line-height:2.2rem;font-size:1.4rem;color:#495057;border:none;padding:10px 0;width:32%;margin-right: 2%;margin-bottom: 2%;border-radius:0;background-color:#fff;text-align: center;}
    .en .pro .pronav li{font-size: 1.2rem;padding:10px 5px;}
    .pro .pronav li:nth-child(3n){margin-right: 0;}
    .pro .pronav li i {display: none;}
    .pro .pronav li{cursor:pointer;}
    .pro .pro-right{width:100%;padding:0;height:700px;}
    .pro .pro-content.show{padding: 0!important;box-shadow:none!important;-webkit-box-shadow:none!important;}
    .pro .pro-content .pro-list{padding: 0;}
    .pro .pro-content .pro-list .item{width:49%;margin-right:2%;margin-bottom:2%;padding:5px;box-shadow:none;-webkit-box-shadow:none;}
    .pro .pro-content .pro-list .item:nth-child(2n){margin-right: 0;}
    .pro .pro-content .pro-list .item .img{height: 120px;}
    .pro .pro-content .pro-list .item .info{font-size:1.4rem;line-height:2rem;padding:5px 0;}

}

.pro-pj{padding: 50px 0;position: relative;background-color: #fff;}
.pro-pj .container{position: relative;}
.pro-pj .container:after{
    content: '';
    position: absolute;left: -40px;bottom:10px;width: 125px;height: 126px;
    background-image: url(../images/bg.png);background-repeat: no-repeat;z-index: 1;
}
.pro-pj .container:before{
    content: '';
    position: absolute;right:-35px;top:100px;width: 125px;height: 126px;
    background-image: url(../images/bg.png);background-repeat: no-repeat;z-index: 1;
}

.pro-pj-ul{padding:30px 0 50px 0;position: relative;z-index: 2;}
.pro-pj-ul li{width: 30.66%;margin-right: 4%;border:6px solid #f6f6f6;background-color: #fff;}
.pro-pj-ul li:nth-child(2){border: 6px solid #fddc8e;}
.pro-pj-ul li:nth-child(3n){margin-right: 0;}
.pro-pj-ul li a{display: block;padding:10px;}
.pro-pj-ul li a .img{text-align: center;width: 100%;align-items: center;}
.pro-pj-ul li a .img img{width:100%;}
.pro-pj-ul li a .info{}
.pro-pj-ul li a .info p{font-size:18px;font-family: "Microsoft Yahei";text-align: center;padding:20px 10px;color:#495057}
.pro-pj-ul li a .info span{
    display: block;
    font-size: 14px;
    font-family: "Microsoft Yahei";
    width:140px;
    border-radius:25px;
    margin: 0 auto 10px auto;
    text-align: center;
    line-height: 35px;
    color: #868e96;
    border: 1px solid #eee;
}
.pro-pj-ul li a .info span i{font-size: 1.4rem;}
.pro-pj-ul li a:hover .info span{
    color: #fff;
    background-image:-webkit-gradient(linear,0% 100%,0% 100%, from(#f39700), to(#ffe066));
    background-image:-webkit-linear-gradient(45deg, #f39700, #ffe066);
    background-image:-o-linear-gradient(45deg, #f39700, #ffe066);
    background-image:linear-gradient(45deg, #f39700, #ffe066);
    box-shadow:0 10px 20px rgba(243,151,0,0.3);
    -webkit-box-shadow:0 10px 20px rgba(243,151,0,0.3);
    -moz-box-shadow:0 10px 20px rgba(243,151,0,0.3);
    border: none;width: 140px;
}
.pro-pj-ul li a:hover{
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}
@media (max-width: 992px) {
    .pro-pj{padding: 20px 0;}
    .pro-pj .container{position: relative;padding: 0 10px;}
    .pro-pj .container:after{display: none;}
    .pro-pj .container:before{display: none;}
    .pro-pj .pro-nav li{margin-right:2%;width: 32%;}
    .pro-pj .pro-nav li:nth-child(3n){margin-right: 0;}
    .pro-pj .pro-nav li a{min-width:auto;}
    .pro-pj-ul{padding:20px 0 20px 0;flex-wrap: wrap}
    .pro-pj-ul li{width: 32%;margin-right: 2%;border:3px solid #f8f8f8;}
    .pro-pj-ul li:nth-child(2){border:3px solid #fddc8e;}
    .pro-pj-ul li:nth-child(3n){margin-right: 0;}
    .pro-pj-ul li a{display: block;padding:10px 0;}
    .pro-pj-ul li a .img{height:100px;}
    .pro-pj-ul li a .img img{width:100%;}
    .pro-pj-ul li a .info p{font-size:1.2rem;padding:10px 0;}
    .pro-pj-ul li a .info span{display: none;}
}

/*about*/
.about{padding:60px 0;background-image: url("../images/aboutbg.jpg");background-size: cover;background-position: center bottom;}
.about .info{width: 100%;}
.about .info .about-text{margin-bottom: 50px;text-align: center;}
.about .info .about-text p{font-size: 18px;line-height:36px;font-weight:500;color: #495057;font-family: "DINPro-Bold";padding: 30px 0;}
.en .about .info .about-text p{font-size: 15px;line-height: 30px;font-weight: 400;font-family:MiSans,system-ui,Arial, "sans-serif"!important}
.about .info-ul{margin: 50px auto 60px auto;width: 100%;align-items: center;}
.about .info-ul li{width:25%;text-align: center;position: relative;border-right: 1px solid #ddd;padding: 0;}
.about .info-ul li:last-child{border-right: none;}
.about .info-ul li h6{color:#00913a;}
.about .info-ul li h6 span{font-size: 60px;font-family: "DINPro-Bold"!important;line-height:60px; }
.about .info-ul li h6 em{font-style: normal;font-size: 30px;font-family: "DINPro-Bold"!important;}
.about .info-ul li p{font-size: 18px;line-height: 18px;font-weight: 500;color: #495057;padding:0!important;}
.en .about .info-ul li p{font-size: 14px;text-transform: uppercase;font-family:MiSans,system-ui,Arial, "sans-serif"!important}
.about .info a{display: block;font-size: 18px;font-weight: 500;padding:12px 0;width: 170px;border-radius:30px;text-align: center;margin: 0 auto;
    color: #fff;
    background-image:-webkit-gradient(linear,0% 100%,0% 100%, from(#f39700), to(#ffe066));
    background-image:-webkit-linear-gradient(45deg, #f39700, #ffe066);
    background-image:-o-linear-gradient(45deg, #f39700, #ffe066);
    background-image:linear-gradient(45deg, #f39700, #ffe066);
    box-shadow:0 10px 20px rgba(243,151,0,0.3);
    -webkit-box-shadow:0 10px 20px rgba(243,151,0,0.3);
    -moz-box-shadow:0 10px 20px rgba(243,151,0,0.3);
}
.about .info a i{margin-left:5px;font-size: 1.6rem;position: relative;top:-1px;}
.about .info a:hover{}
@media (max-width: 1440px) {
    .about{padding:50px 0;}
    .about .info .about-text p{font-size: 16px;line-height:30px;padding:20px 0;}
    .en .about .info .about-text p{font-size: 1.4rem;line-height:2.2rem}
    .about .info-ul li h6 span{font-size: 45px;line-height:45px; }
    .about .info-ul li h6 em{font-size: 25px;}
    .about .info-ul li p{font-size: 16px;line-height:25px;}
    .en .about .info-ul li p{font-size:1.4rem}
    .about .info a{font-size: 14px;padding:8px 0;width: 150px;}
    .about .info a i{font-size: 1.6rem;}
}
@media (max-width: 991px) {
    .about{background-color: #fff;padding: 20px 0;}
    .about .info{width: 100%;padding: 0;margin-bottom:10px;}
    .about .info .about-text{margin-bottom: 10px;}
    .about .info .about-text p{font-size: 1.4rem;line-height:2.5rem;margin-bottom: 10px;color: #868e96;}
    .about .info-ul{margin: 20px auto;flex-wrap: wrap;}
    .about .info-ul li{width:33.33%;}
    .about .info-ul li h6 span{font-size:3rem;line-height:2.5rem; }
    .about .info-ul li h6 em{font-size: 1.5rem;}
    .about .info-ul li p{font-size: 1.2rem!important;line-height:2.5rem;}
    .about .info a{font-size: 1.4rem;padding:12px 0;width: 130px;}
    .about .info a i{font-size: 1.4rem;}
}


.zs{padding: 50px 0 60px 0;background-color: #f1f3f5;background-image: url(../images/about-bg.jpg);background-size: cover;background-position: center;}
.zs .title b{color: #fff;}
.zs .title p{color: #fff;}
.zs-ul .owl-wrapper-outer{margin:0 auto;}
.zs-ul{
    padding:30px 10px 10px 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content: space-between;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.02);
}
.zs-ul li{width: 88%;margin: 0 6%;position: relative;}
.zs-ul li .ico{width:100%;text-align: center;margin: 0 auto;}
.zs-ul li .ico img{ width: 100%;border: 3px solid #f1f3f5;padding:5px;background-color: #fff}
.zs-ul li .info{padding:10px 0;width: 100%;}
.zs-ul li .info h4{font-size:18px;font-weight: 500;color:#666;text-align: center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.zs-ul li:hover{}
.zs-ul li:hover .ico img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}
.zs-ul li:hover .info h4{color:#f39700;}

@media (max-width: 992px) {
    .zs{padding:20px 0;background-color:#fff;}
    .zs-ul{padding:10px 0;width: 100%;background-color: transparent}
    .zs-ul li{height:auto;width:100%;margin:0;}
    .zs-ul li .ico{padding: 10px;}
    .zs-ul li .ico img{width: 100%;border:none;padding:0;background-color:transparent}
    .zs-ul li .info{padding:0;border-bottom: none;}
    .zs-ul li .info h4{font-size: 1.2rem;color: #fff;}
    .zs-ul li:hover .ico img{transform: scale(1,1);-webkit-transform: scale(1,1);}
    .zs-ul li:hover .info h4{color:#fff;}
}

/*news*/
.news {padding: 50px 0;background-color: #fff}
.news .title{margin-bottom: 50px;position: relative;}
.news .title span{font-size:30px;color: #333;font-weight:600;}
.en .news .title span{text-transform: uppercase;font-size: 28px}
.news .title span i{font-size: 3.5rem;color:#f39700;font-weight: 500; }
.news .title a{display: block;border-radius: 20px;width:120px;font-weight:500;height: 35px;line-height:32px;text-align: center;font-size: 15px;color: #fff;font-family: "Microsoft Yahei";
    background-image:-webkit-gradient(linear,0% 100%,0% 100%, from(#f39700), to(#ffe066));
    background-image:-webkit-linear-gradient(45deg, #f39700, #ffe066);
    background-image:-o-linear-gradient(45deg, #f39700, #ffe066);
    background-image:linear-gradient(45deg, #f39700, #ffe066);
    box-shadow:0 10px 20px rgba(243,151,0,0.3);
    -webkit-box-shadow:0 10px 20px rgba(243,151,0,0.3);
    -moz-box-shadow:0 10px 20px rgba(243,151,0,0.3);
}
.en .news .title a{font-size: 14px;width:100px;}
.news .title a:hover{}
.news .title:after{
    content: '';
    background-image:-webkit-gradient(linear,0% 100%,0% 100%, from(#f39700), to(#ffe066));
    background-image:-webkit-linear-gradient(45deg, #f39700, #ffe066);
    background-image:-o-linear-gradient(45deg, #f39700, #ffe066);
    background-image:linear-gradient(45deg, #f39700, #ffe066);
    box-shadow:0 10px 20px rgba(243,151,0,0.3);
    -webkit-box-shadow:0 10px 20px rgba(243,151,0,0.3);
    -moz-box-shadow:0 10px 20px rgba(243,151,0,0.3);
}
.news .newlist {width: 55%;margin-right: 5%;}
.news .newlist ul {}
.news .newlist ul li{padding: 0 0 30px 0;}
.news .newlist .time{font-family: "DINPro-Bold";display: block;height:75px;width: 10%;border: 1px solid #efefef;font-size: 12px;line-height: 30px;color: #666;text-align: center;}
.news .newlist .time span{font-family: "DINPro-Bold";font-size: 32px;color: #FFF;background-color:#f39700;text-align: center;height:45px;display: block;line-height:45px;}
.news .newlist .content{width: 85%;margin-left: 5%}
.news .newlist .content a{font-weight:500;font-family: "Microsoft Yahei";font-size: 16px;color:#343a40;display: block;line-height: 25px;margin-bottom: 5px;}
.news .newlist .content a:hover {color: #f39700;}
.news .newlist .content p{font-size: 14px;line-height: 22px;color:#868e96;font-family: "Microsoft Yahei";
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news .faq {width: 45%;}
.news .faq ul {}
.news .faq li {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dashed #DDD;}
.news .faq .faq-q {font-size: 15px;line-height: 25px;font-weight:500;font-family: "Microsoft Yahei";text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.news .faq .faq-q a {color:#343a40;text-decoration: none;font-weight:500;font-family: "Microsoft Yahei";text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.news .faq .faq-q a:hover {color:#f39700;text-decoration: underline;}
.news .faq .faq-a {font-size: 14px;line-height: 25px;color:#868e96;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family: "Microsoft Yahei";}
.news .faq .faq-q .q {font-size: 14px;line-height: 22px;background-color: #9a9a9a;text-align: center;display: inline-block;height: 22px;width: 22px;border-radius:3px;font-style: normal;color: #FFF;margin-right: 10px;}
.news .faq .faq-a .a {
    background-image:-webkit-gradient(linear,0% 100%,0% 100%, from(#f39700), to(#ffe066));
    background-image:-webkit-linear-gradient(45deg, #f39700, #ffe066);
    background-image:-o-linear-gradient(45deg, #f39700, #ffe066);
    background-image:linear-gradient(45deg, #f39700, #ffe066);
    box-shadow:0 5px 10px rgba(243,151,0,0.3);
    -webkit-box-shadow:0 5px 10px rgba(243,151,0,0.3);
    -moz-box-shadow:0 5px 10px rgba(243,151,0,0.3);
    font-size: 14px;line-height: 22px;text-align: center;display: inline-block;height: 22px;width: 22px;border-radius:3px;font-style: normal;color: #FFF;margin-right: 10px;
}
@media (max-width: 992px) {
    .news {padding:20px 0;}
    .news .container{padding: 0 20px;flex-wrap: wrap;}
    .news .title{margin-bottom:20px;align-items: center;}
    .news .title span{font-size:2rem;}
    .en .news .title span{font-size: 1.8rem}
    .news .title span i{font-size: 2.5rem;}
    .news .title a{width:90px;height: 30px;line-height:28px;font-size:1.2rem;}
    .news .newlist {width: 100%;margin-right: 0;margin-bottom: 20px;border-bottom: 1px solid #ddd;}
    .news .newlist ul {padding: 10px 0;}
    .news .newlist ul li{padding: 0 0 20px 0;}
    .news .newlist .time {height:60px;width: 16%;font-size:1.1rem;line-height:2rem;border: none;box-shadow: 0 5px 10px rgba(0,0,0,0.06);}
    .news .newlist .time span {font-size:2.5rem;height:4rem;line-height:4rem;}
    .news .newlist .content {width: 78%;margin-left:4%;}
    .news .newlist .content a {font-size: 1.4rem;line-height:2rem;font-weight:700;color: #495057}
    .news .newlist .content p {font-size: 1.2rem;line-height:1.6rem;}
    .news .faq {width:100%;}
    .news .faq ul {padding: 10px 0;}
    .news .faq li {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed #DDD;}
    .news .faq .faq-q {}
    .news .faq .faq-q a {color:#495057;font-size: 1.4rem;line-height:2.5rem;font-weight:700}
    .news .faq .faq-q a:hover {;text-decoration:none;}
    .news .faq .faq-a {font-size: 1.2rem;line-height: 2.5rem;margin-bottom: 5px;}
    .news .faq .faq-q .q {font-size:1.2rem;line-height:2rem;}
    .news .faq .faq-a .a {font-size: 1.2rem;line-height:2rem;}
}

/*about-cj*/
.about-cj{width: 100%;padding:50px 0;background-color:#f8f9fa;}
.about-cj #cjimg{padding:30px 20px 20px 20px;background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.02);}
.about-cj #cjimg .owl-wrapper-outer{margin:0 auto;}
.about-cj #cjimg .item{margin:0 3%;text-align: center;}
.about-cj #cjimg .item a{display: block;position:relative;width:100%;height:100%;}
.about-cj #cjimg .item a img{width:100%;}
.about-cj #cjimg .item a p{background-color: rgba(0,0,0,0.4);font-size: 16px;color: #fff;line-height: 40px;position: absolute;bottom: 0;left: 0;width: 100%;}
.about-cj #cjimg .item a:hover{text-decoration: none;}
@media (max-width: 992px) {
    .about-cj{padding:20px 0;background-color: #f1f3f5}
    .about-cj #cjimg{padding:0;-webkit-box-shadow:none;box-shadow:none;background-color: transparent}
    .about-cj #cjimg .item{padding:10px;margin: 0 2%;background-color: #fff;}
    .about-cj #cjimg .item a{padding:0}
    .about-cj #cjimg .item a p{font-size: 1.2rem;line-height:30px;bottom: 0;left: 0;}
}
.owl-theme .owl-controls .owl-buttons div{position:absolute;margin:0;padding:0;background-color:transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev,.owl-theme .owl-controls .owl-buttons .owl-next{background-color:transparent;width: 80px;height:80px;top:50%;margin-top: -40px;font-weight: 800;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-80px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-80px;}
.owl-theme .owl-controls .owl-buttons i{font-size: 4rem;color: #fff}
.owl-theme .owl-controls{
    margin-top: 10px;
    text-align: center;
}

.owl-theme .owl-controls .owl-buttons div{
    color: #666;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    margin: 5px;
    padding: 3px 5px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #111;
    filter: Alpha(Opacity=30);/*IE7 fix*/
    opacity: 0.3;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=40);/*IE7 fix*/
    opacity: 0.4;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background:#ddd;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.owl-item.loading{
    min-height: 150px;
    background: url(../images/AjaxLoader.gif) no-repeat center center
}
@media screen and (max-width: 1440px){
    .owl-theme .owl-controls .owl-buttons .owl-prev{left:-70px;}
    .owl-theme .owl-controls .owl-buttons .owl-next{right:-70px;}
    .owl-theme .owl-controls .owl-buttons i{font-size:3.2rem;}
}

@media screen and (max-width: 992px){
    .owl-theme .owl-controls .owl-buttons .owl-prev,.owl-theme .owl-controls .owl-buttons .owl-next{display: none;}
    .owl-theme .owl-controls .owl-buttons .owl-prev{left:0;}
    .owl-theme .owl-controls .owl-buttons .owl-next{right:0;}
    .owl-theme .owl-controls .owl-page span{width: 10px;height: 10px;margin: 4px;}
}

.vcr{padding:60px 0;background-color: #f1f3f5}
.vcr-ul{padding:10px 0 30px 0}
.vcr-ul li{width: 32%;margin-right: 2%;background-color: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.08);
}
.vcr-ul li a{display:block;padding: 0}
.vcr-ul li:nth-child(3n){margin-right: 0}
.vcr-ul li .img{width: 100%;height: 235px;position: relative;overflow: hidden;}
.vcr-ul li .img:after{content: '';width: 100%;height: 100%;background-color:rgba(0,0,0,0.45);z-index: 1;position: absolute;left: 0;top:0;}
.vcr-ul li .img img{width: 100%;}
.vcr-ul li .img i{font-size:8rem;line-height: 220px;color: #fff;width: 100%;height: 100%;text-align: center;position: absolute;left: 0;top:0;z-index: 2}
.vcr-ul li .info{text-align: center;padding:15px 10px;}
.vcr-ul li .info p{font-size: 18px;font-weight: 500;color: #495057;}
.vcr-ul li .info p{font-size: 16px;font-family:MiSans,system-ui,Arial, "sans-serif"!important}
.zmb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; background:rgba(0,0,0,0.8); display:none; z-index:99999;}
.tc_video{ width:900px; height:500px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -450px; background:white; display:none; z-index:100000;}
.tc_video video, .tc_video p{ width:100%; height:auto; position:absolute; left:0; top:0;}
.tc_video p iframe{width:100%; height:100%;}
@media (max-width: 1440px) {
    .vcr{padding:40px 0;}
    .vcr-ul{padding:10px 0}
    .vcr-ul li .img{width: 100%;height: 200px;}
    .vcr-ul li .img i{font-size:7rem;line-height: 200px;}
    .vcr-ul li .info{padding:10px 10px;}
    .vcr-ul li .info p{font-size: 16px;}
}
@media  screen and (max-width:991px){
    .vcr{padding:20px 0;}
    .vcr-ul li{width: 49%;margin-right: 2%;}
    .vcr-ul li:last-child{display: none;}
    .vcr-ul li .img{height:90px;}
    .vcr-ul li .img i{font-size:4rem;line-height:80px;}
    .vcr-ul li .info{padding:8px 10px;}
    .vcr-ul li .info p{font-size: 1.4rem;}
    .tc_video{ width:760px; height:300px; margin:-150px 0 0 -380px;}
}
@media  screen and (max-width:767px){
    .tc_video{ width:90%; height:250px; margin:-125px 0 0 0; left:5%;}
}