html{width:100%;height:100%}
body{width:100%;height:100%;font-size:16px;color:#2a2a2a;font-family:"PingFang SC","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;background-color:#fff}
body.isOpen{position:fixed}
/*#333132*/
:focus{outline: none}
a{color:#333132}
a:hover{color:#E60012;text-decoration:none}
a:focus{text-decoration:none}
.text-truncate{word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.trans-all{transition:all .3s ease-out 0s}
.hover-shadow:hover,.hover-shadow.active{box-shadow:0 0 10px 0 rgb(0 0 0 / 50%)}
.box-shadow{box-shadow:0 0 50px rgb(0 0 0 / 10%)}
.no-space{margin:0;padding:0;list-style-type:none}

.header{background-color:#333132;transition:background .3s ease-in-out, padding .3s ease-in-out;box-shadow:0 1px 1px rgba(255,255,255,.4);z-index:999}
body.isOpen .header{position:fixed;width:100%;height:100%;background-color:rgba(14,14,14,.9)}

.bg-white{background-color:#fff}
.bg-gray{background-color:#f3f3f3}

.navbar-brand{height:60px;}
.navbar-brand img{max-height:100%}
.header .nav a{color:#fff}
.nav>li>a:focus, .nav>li>a:hover{color:#fff;background-color:#E60012}
.nav ul{margin:0;padding:0;list-style-type:none}
.navbar-toggle{border:none;margin-bottom:0;}
.navbar-toggle .icon-bar{width:40px;background-color:#fff;border-radius:0;-webkit-transition:all 0.2s;transition: all 0.2s;}
.navbar-toggle .icon-bar+.icon-bar{margin-top:10px}
.navbar-toggle .icon-bar:nth-of-type(1){-webkit-transform: rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin: 10% 10%;-ms-transform-origin:10% 10%;transform-origin:8% 16%}
.navbar-toggle .icon-bar:nth-of-type(2){opacity:0;filter:alpha(opacity=0)}
.navbar-toggle .icon-bar:nth-of-type(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:10% 90%;-ms-transform-origin:10% 90%;transform-origin:8% 96%}
.navbar-toggle.collapsed .icon-bar:nth-of-type(1){-webkit-transform:rotate(0);-ms-transform: rotate(0);transform: rotate(0)}
.navbar-toggle.collapsed .icon-bar:nth-of-type(2){opacity:1;filter:alpha(opacity=100)}
.navbar-toggle.collapsed .icon-bar:nth-of-type(3){-webkit-transform:rotate(0);-ms-transform:rotate(0);transform: rotate(0)}
.navbar-nav li{border-bottom:rgba(255,255,255,.4) solid 1px}
.navbar-nav>li>a{line-height:20px}
.navbar-fixed-top .navbar-collapse{height:100%}
.navbar-right{display:none}
body.isOpen .navbar-right{display:block;position:fixed;left:0;right:0;bottom:25px;text-align:center}
body.isOpen .navbar-right a{color:#fff;margin-left:auto;margin-right:auto;padding:6px 15px;border:#fff solid 1px}

.banner{width:100%;height:100%}
.banner .swiper-slide .banner-text{position:relative;padding:15px;width:100%;height:100%;font-weight:bold;vertical-align:middle;text-align:center;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
.banner .swiper-slide a{position:absolute;padding:25px;top:25%;left:15px;right:15px;display:block;color:#fff;background-color:rgba(255,50,50,.6)}
.banner .swiper-slide .banner-text h2{font-size:2.4rem}
.banner .swiper-slide .banner-text p{font-size:1.6rem;line-height: 2}
.swiper-pagination-bullet{background-color:#fff}
.swiper-pagination-bullet-active{background-color:#E60012}

.page-next{position:relative;width:24px;height:24px;bottom:100px;left:50%;margin-left:-12px;z-index:11}
.chevron {position: absolute;width: 28px;height: 8px;opacity: 0;transform: scale3d(0.5, 0.5, 0.5);animation: move 3s ease-out infinite}
.chevron:first-child {animation: move 3s ease-out 1s infinite;}
.chevron:nth-child(2) {animation: move 3s ease-out 2s infinite;}
.chevron:before, .chevron:after {content: ' ';position: absolute;top: 0;height: 100%;width: 51%;background: #fff}
.chevron:before {left: 0;transform: skew(0deg, 30deg)}
.chevron:after {right: 0;width: 50%;transform: skew(0deg, -30deg)}
@keyframes move {
    25% {opacity: 1}
    33% {opacity: 1;transform: translateY(30px)}
    67% {opacity: 1;transform: translateY(40px)}
    100% {opacity: 0;transform: translateY(55px) scale3d(0.5, 0.5, 0.5)}
}

.page-banner{padding-top:60px}
.page-banner img{width:100%;height:auto;min-height:150px;object-fit:cover}
.page-banner .heading{position:relative;padding:30px 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.page-banner .heading .container{position:relative;z-index:2}
.page-banner .heading h1,.page-banner-text h1{margin:0 0 5px;font-size:30px;line-height:40px;font-weight:500;color:#fff}
.page-banner .heading p,.page-banner-text p{display:inline-block;margin-bottom:0;padding:6px 20px;font-size:14px;line-height:30px;color:#e5e5e5;background-color:rgba(30,30,30,.4);border-radius:6px;text-transform:uppercase}
.page-banner .heading p a{color:#e5e5e5}
.page-banner .heading p a:hover{color:#fff}
.page-banner .heading:after,.page-banner .swiper-slide:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1}
.page-banner-text{position:absolute;width:100%;top:50%;margin-top:-50px;z-index:999}

.home-product-menu,.foot-product-menu{display:flex;flex-wrap:wrap}
.home-product-menu{margin-top:30px}
.home-product-menu .col,.foot-product-menu .col{width:50%;padding:1px}
.home-product-menu .col:last-child:nth-child(odd){width:100%}
.home-product-menu .col a{display:block;line-height:34px;text-align:center;background-color:#f5f5f5;transition:background-color .3s cubic-bezier(0.4, 0, 1, 1) 0s}

.box-header{padding:50px 0 0;text-align:center}
.box-header h3{margin:0;padding:0;color:#333;line-height:56px;font-size:32px}
.box-header-title{height:56px;line-height:56px;overflow:hidden}
.box-header-title span{position:relative;display:inline-block;padding-left:26px;padding-right:26px;vertical-align:baseline;zoom:1}
.box-header-title span:before{content:"";position:absolute;width:50vw;top:26px;right:100%;border-top:#e2e2e2 solid 1px}
.box-header-title span:after{content:"";position:absolute;width:50vw;top:26px;left:100%;border-top:#e2e2e2 solid 1px}
.box-header p{color:#999}

.box-main>div{margin-top:15px}
.product-box{padding:1px;background-color:#fff}
.product-box .product-title{text-align:center;font-size:14px;line-height:34px;color:#fff;background-color:#333132}

.home-about{padding-top:50px;padding-bottom:50px;background-color:#efefef}
.home-about-main{line-height:1.8}
.home-about-main h3.home-about-title{position:relative;margin:40px 0 30px;font-size:30px;font-weight:700;line-height:45px;color:#000}
.home-about-main h3.home-about-title:before{content:"";position:absolute;top:-30px;width:60px;height:2px;background-color:#E60012;font-size:0}

.btn-yaisu{padding:12px 30px;background-color:#333132;color:#fff;border-radius:0;border:none}
.btn-yaisu:hover,.btn-yaisu.focus, .btn-yaisu:focus{background-color:#E60012;color: #fff}

.btn-yaisu-red{padding:12px 30px;background-color:#E60012;color:#fff;border-radius:0;border:none}
.btn-yaisu-red:hover,.btn-yaisu-red.focus, .btn-yaisu-red:focus{background-color:#E60012;color: #fff}

.news-box-head{padding-top:40px;padding-bottom:60px;background:#333132 url("../images/service-bg.png") no-repeat 50% 50%;background-size:cover}
.news-box-head h3{position:relative;margin:0;padding:0;font-size:32px;color:#fff}
.news-box-head h3:after{content:"";position:absolute;width:50px;bottom:-25px;left:50%;margin-left:-25px;border-bottom:solid 2px #E60012;}

.news-item{position:relative;padding-top:25px;padding-bottom:25px;border-bottom:#eee solid 1px}
.news-item:first-child{padding-top:18px}
.news-item .news-calendar{position:absolute;width:80px;height:80px;color:#fff;text-align:center;background-color:#434343}
.news-item .news-calendar .news-calendar-day{display:block;height:40px;line-height:55px;font-size:32px;font-weight:700}
.news-item .news-calendar .news-calendar-month{display:block;line-height:35px;font-size:14px}
.news-item .news-text{display:block;margin-left:95px}
.news-item .news-title{display:block;font-size:16px;line-height:32px}
.news-item .news-desc{height:42px;margin-bottom:0;font-size:14px;color:#888;overflow: hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.news-item .news-time{color:#888}

.btn-box{margin-top:30px}
.home-product,.home-project{padding-bottom:40px}

.footer{margin-top:30px;padding-top:30px;color:#afafaf;background-color:#333132}
.footer a{color:#afafaf}
.footer a:hover{color:#E60012;}
.footer h4{margin:0;padding:0;font-size:16px;color:#fff;font-weight:normal}
.footer h4 a{color:#fff}
.footer ul{margin:0;padding:0;list-style-type:none}
.footer .foot-product-menu .col{margin-bottom:25px}
.footer .foot-product-menu ul,.foot-contact ul{margin-top:15px;line-height:1.8}
.footer .foot-product-menu ul+h4{margin-top:25px}
.footer .foot-product-menu h4+h4{margin-top:15px}
.footer .foot-product-menu ul a{font-size:14px}
.footer .copyright{padding-top:20px;padding-bottom:20px;border-top:rgba(255,255,255,.2) solid 1px;font-size:12px}
.foot-contact ul li{position:relative;padding-left:20px;line-height:1.6;padding-bottom:10px;font-size:14px}
.foot-contact ul li i.iconfont{position:absolute;display:block;font-size:16px;color:#eee;left:0;top:-1px}

.cndns-right{position:fixed;right:1px;top:50%;z-index:100}
.demo-icon{position:absolute;top:10px;left:15px;border:solid #848484;border-width: 0 5px 5px 0;display: inline-block;padding:6px;transform: rotate(-135deg);-webkit-transform:rotate(-135deg)}
.meau-top .cndns-right-btn i {margin-top:23px;display:block;color: #999;font-size:12px;font-style: normal}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn:hover{background-color:#E60012}
.cndns-right-btn:hover i{color:#fff}
.cndns-right-btn:hover .demo-icon{border-color:#fff}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height:calc(100vh - 120px)}

.job-box{position:relative;padding:35px 0;text-align:center;border:#333132 solid 1px;transition:transform .3s ease-out 0s;}
.job-box:hover{transform:translateY(-5px)}
.job-box .job-title{font-size:1.2em}
.job-box .job-desc{list-style-type:none;margin:20px 0 0;padding:0;font-size:.8em}
.job-box .job-desc em{font-style:normal}

.position{font-size:14px;line-height:40px}
.breadcrumb{margin-bottom:0}
.breadcrumb>li span.iconfont{position:relative;font-size:18px;top:1px}
.breadcrumb>li+li:before{padding:0 0 0 5px}

.page-main{padding:30px 0}
.page-content{padding:20px}
.page-text img,.page-text table,.page-text video{max-width:100%;height:auto;vertical-align:top}
.page-text p{margin-bottom:1em;line-height:1.8}

.position{background-color:#e1e1e1}
.position .breadcrumb{background-color:transparent}
.sub-cate{margin:0;padding:0;width:100%;list-style-type:none}
.sub-cate li{float:left;}
.sub-cate li a{display:block;padding-right:10px;padding-left:10px;line-height:42px;text-align:center;transition:background-color .3s cubic-bezier(0.4, 0, 1, 1) 0s}
.sub-cate li a:hover,.sub-cate li a.active{color:#fff;background-color:#E60012}
.sub-product-cate .sub-cate li a{line-height:1.5;padding-top:8px;padding-bottom:8px}

.job-list{font-size:12px}
.job-list-head{padding:0 15px;color:#fff;background-color:#b4b4b4}
.job-list-item{display:flex;margin:0;padding:0;list-style-type:none}
.job-list-item li{flex:1;text-align:center;line-height:60px;white-space: nowrap;}
.job-list-body{padding:0 15px 15px;background-color:#fff;}
.job-list-body .job-list-item{border-bottom:1px solid #e6e6e6}
.job-list-body .job-list-item-body{padding:25px;line-height:1.8;background-color:#f8f8f8}
.job-list-body .job-list-item-body h4{font-size:14px;font-weight:500}

.contact-box{position:relative;padding-top:120px;padding-bottom:120px}
.contact-box .contact-main{position:relative;width:530px;padding:50px;background-color:#fff;z-index:9}
.contact-box .contact-main h3{margin-bottom:40px;font-size:28px;color:#333}
.contact-box .contact-main p{position:relative}
.contact-box .contact-main p span{color:#b1b1b1}
.contact-box .contact-main p:last-child{margin-bottom:0;padding-bottom:0}
.contact-box .map-box{position:absolute;width:100%;height:100%;left:0;top:0;bottom:0;z-index:1}

.custom-info{position:relative;padding:20px 20px 30px 60px;width:460px;font-size:16px;color:#fff;background-color:#333132;border-radius:6px}
.custom-info .icon{position:absolute;left:22px;top:20px;font-size:25px;}
.custom-info .info-top{margin-bottom:5px;font-size:24px}
.custom-info:after{content:"";position:absolute;display:block;top:-15px;left:210px;border-bottom:15px solid #333132;border-left:15px solid transparent;border-right:15px solid transparent;}

.page-news,.page-news-detail{margin-top:30px}
.news-list{margin:15px 0}
.news-list a h5{margin:0 0 15px;padding:20px 20px 0;font-size:16px;line-height:1.7}
.recommend-news .news-list a h5{margin-bottom:5px}
.news-list p{margin-bottom:20px;padding:0 20px;font-size:14px;color:#808080;line-height:1.6}
.news-list .news-time{padding-left:20px;font-size:14px;color:#808080;line-height:40px}
.news-list .news-list-foot{background-color:#f3f3f3}

.page-news-detail .page-title{line-height:1.4;margin-bottom:20px}
.page-news-detail .post-date{margin:20px 0;color:#888}
.last-next li{padding-top:10px;padding-bottom:10px}
.recommend-news .recommend-news-header {padding: 20px 0 10px;line-height: 20px}
.recommend-news .recommend-news-header h3{font-size:18px;color:#333}
.recommend-news .recommend-news-header a{font-size:14px}

.relevant-products{margin-top:40px}
.relevant-products .box-header{padding-top:10px;font-size:14px}
.relevant-products .box-header-title{height:40px;line-height:40px;font-size:20px}
.relevant-products .box-header-title span{padding-left:20px;padding-right:20px}
.relevant-products .box-header-title span:before,.relevant-products .box-header-title span:after{top:20px}

.pagelist{margin-top:30px;text-align:center}

.sub-product-cate{margin-top:30px}
.sub-product-cate .sub-cate li{padding-right:1px}
.sub-product-cate .sub-cate li a{padding-right:18px;padding-left:18px;background-color:#e1e1e1;}
.sub-product-cate .sub-cate li a:hover,.sub-product-cate .sub-cate li a.active{background-color:#E60012;}

@media (max-width: 767px) {
    .down-menu{padding-bottom:6px}
    .down-menu .flex-box:after{content:"";display:table;width:100%;clear:both;}
    .down-menu .flex-box .flex-item{float:left;width:50%;padding:1px;border-bottom:none}
    .down-menu .flex-box .flex-item a{display:block;line-height:40px;text-align:center;background-color:rgba(0,0,0,.5)}
    .down-menu .flex-box .flex-item:last-child:nth-child(odd){width:100%}
}
@media (max-width:991px) {
    .box-main>div:nth-child(even){padding-left:7px}
    .box-main>div:nth-child(odd){padding-right:7px}
    .down-menu .container,.position .container{width:100%!important;}
    .position .container{padding-left:0;padding-right:0}
    .sub-cate li{padding:5px}
    .sub-cate li a{color:#fff;background-color:rgba(0,0,0,.3)}
    .sub-product-cate .sub-cate li a{color:#333132}
    .sub-product-cate .sub-cate li a.active{color:#fff}
}

@media (min-width:768px) {
    .navbar-nav li{border-bottom:none}
    /* 导航 */
    .nav>li{position: inherit}
    .nav>li:hover .down-menu{display:block}
    .down-menu{position:absolute;display:none;width:100%;left:0;right:0;border-color:rgba(255,255,255,.2);border-width:1px 0;border-style:solid;background-color:#3a3a3a}
    .down-menu .flex-box{display:flex;border-left:solid 1px rgba(255,255,255,.2)}
    .down-menu .flex-item{flex:1;padding:30px 15px;border-right:solid 1px rgba(255,255,255,.2)}
    .down-menu .down-menu-title{position:relative}
    .down-menu .down-menu-title:after{position:absolute;content:"";width:18px;left:0;bottom:-7px;border-top:#4a4a4a solid 1px}
    .down-menu .down-menu-title:hover:after{border-top-color:#ddd}
    .down-menu ul ul{margin-top:16px;font-size:14px}
    .down-menu ul ul li{line-height:30px}
    .header .nav .down-menu ul ul li a{color: #a0a0a0}
    .header .nav .down-menu ul ul li a:hover{color: #fff}
}

/* PC */
@media (min-width: 992px) {
    .navbar-brand{height:90px;}
    .header .nav{margin-left:6%}
    .header .navbar{margin-bottom:0;border-radius:0;border:none}
    .header .nav>li>a{position:relative;padding-left:15px;padding-right:15px;color:#fff;font-size:16px;line-height:60px;transition:background-color .3s cubic-bezier(0.4, 0, 1, 1) 0s}
    .nav>li>a:hover,.nav>li.active>a,.top-nav .nav>li>a:hover,.top-nav .nav>li.active>a,.nav>li:hover>a{background-color:#E60012;color:#fff}
    .navbar-right{display:block}
    .language-bar{background-color:rgba(255,255,255,.3)}
    .language-bar a{display:block;padding-right:15px;padding-left:15px;color:#fff;font-size:16px;line-height:90px;text-decoration:none}
    .language-bar a:hover{color:#fff;background-color:#E60012}
    .banner .swiper-slide a{left:15%;right:15%}
    .banner .swiper-slide .banner-text h2{font-size:52px;font-weight:bold}
    .banner .swiper-slide .banner-text p{margin-top:45px;font-size:28px}
    .page-banner{padding-top:90px}
    .page-banner .heading{padding-top:135px;padding-bottom:135px}
    .page-banner .heading h1,.page-banner-text h1{font-size:40px;line-height:60px}
    .page-banner .heading p,.page-banner-text p{font-size:20px}

    .home-product-menu,.foot-product-menu{flex-wrap:nowrap}
    .home-product-menu .col,.foot-product-menu .col{flex:1}
    .home-product-menu .col a:hover{color:#fff;background-color:#E60012}
    .box-main>div{margin-top:30px}
    .product-box .product-title{font-size:16px;line-height:45px}
    .product-box .product-image{display:block;position:relative}
    .product-box .product-image:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:url("../images/arrow-ro-right.png") no-repeat 50% 40%;background-size:32px 32px;opacity:0;transition:all 0.35s ease 0.1s;z-index:2}
    .product-box .product-image:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;transition:background-color .3s cubic-bezier(0.4, 0, 1, 1) 0s;z-index:1}
    .product-box a:hover .product-image:before{opacity:1;background-position:50% 50%}
    .product-box a:hover .product-image:after{background-color:rgba(10,16,38,.8);}
    .product-box a:hover .product-title{background-color:#E60012}
    .news-box{margin-top:20px}
    .foot-link{padding-top:20px}
    .foot-link ul{list-style-type:none;margin:10px 0 15px;padding:0}
    .foot-link ul li{display: inline-block;font-size:14px;margin-right:2em}
    .position{height:58px}
    .position .breadcrumb{float:left}
    .position .sub-cate{border-left:#cfcfcf solid 1px}
    .position .sub-cate{float:right;width:auto}
    .position .sub-cate a{padding:8px 20px;font-size:16px;border-right:#cfcfcf solid 1px}
    .job-list{font-size:14px}
    .job-list-body .job-list-item-body{padding:40px}
    .news-list a h5{height:75px;overflow:hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2}
    .news-list p{height:67px;overflow:hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3}
}

@media (min-width:1200px) {
    .header .nav>li>a{padding-left:25px;padding-right:25px}
}

@media (min-width:1400px) {
    .container{width:1320px}
    .header .nav{margin-left:15%}
    .position .sub-cate a{padding-right:30px;padding-left:30px}
}

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}