@charset "utf-8";

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{
    font-size:16px;
    overflow-x:hidden;
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
    -moz-tap-highlight-color:rgba(0, 0, 0, 0);  
    -ms-tap-highlight-color:rgba(0, 0, 0, 0);  
    -o-tap-highlight-color:rgba(0, 0, 0, 0);  
    tap-highlight-color:rgba(0, 0, 0, 0);
}

body{ font-family:"Source Han Sans CN","Heiti SC",Helvetica,Arial,sans-serif; font-size:16px;color:#666;}
body.en{ font-family:Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;color:#717072}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
h1,h2,h3,h4,h5{ font-weight:normal}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
video:focus{ outline:none}
.col-blue{color: var(--blue-color-dark);}
.align-l{text-align: left;}
.align-c{text-align: center;}
.flex{display: flex;display: -webkit-flex;}

input,textarea,select,button{ outline:none; font-size:16px;font-family:Helvetica,Arial,sans-serif;text-transform: capitalize;-webkit-appearance: none;}
::-webkit-input-placeholder {
color: #999;
}
::-moz-placeholder {
color: #999;
}
:-moz-placeholder {
color: #999;
}
:-ms-input-placeholder {
color: #999;
}

:root{
    --gradient-background-color-black:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));
    --yellow-color:#f08300;
    --black-color:#000;
}

@font-face{
    font-family:'bebas';
    src:url("../fonts/bebas.eot");
    src:url("../fonts/bebas.eot") format("embedded-opentype"),
    url("../fonts/bebas.woff2") format("woff2"),
    url("../fonts/bebas.woff") format("woff"),
    url("../fonts/bebas.ttf") format("truetype"),
    url("../fonts/bebas.svg#BEBAS") format("svg");
}

.wrap{ width:85%;padding:0 1rem;margin:0 auto}
.pic{overflow:hidden; position:relative}
.pic:before{content:""; display: block;}
.pic img{ 
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0; 
    width:100%;
    height:100%;
    object-fit:cover;
    -moz-transition:.8s cubic-bezier(.64,.93,.88,1.07);
    -webkit-transition:.8s cubic-bezier(.64,.93,.88,1.07);
    transition:.8s cubic-bezier(.64,.93,.88,1.07);
}
.more{width: 150px;line-height: 48px;border: 1px solid #d8d8d8;border-radius: 25px;display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;padding-right: 10px;padding-left: 25px;}
.more span{color: #333;font-weight: 300;transition: .3s;}
.more i{width:30px;height:30px;border-radius: 50%;background:#333 url(../images/ico_mw.png) no-repeat center;transition: .5s;display: block;}
.more:hover{background-color: #f08300;border: 1px solid #f08300;}
.more:hover span{color: #fff;}
.more:hover i{background:#f29526 url(../images/ico_mw.png) no-repeat center;}

.i-news .more, .i-product .more{margin: 0 auto;}

.header{width: 100%;position: fixed;top: 0;left: 0;z-index: 9;transition: all ease-out 0.3s;}
.header_wrap{width: 100%;padding-left:3rem;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(255, 255, 255, 0.1);position: relative;z-index: 3;}

.logo{height:80px;position:relative;display: flex;display: -webkit-flex;align-items: center;}
.logo img{ display:block;transition: .3s;}
.head-r{display: flex;display: -webkit-flex;}
.menu{z-index: 2;margin-right: 40px;}
.menu>ul{display:flex;display:-webkit-flex;justify-content:space-between}
.menu>ul>li{font-size:1.125em; margin:0 40px;white-space: nowrap;}
.menu .menu_a{color:#fff;line-height:80px;position:relative;display: block;font-weight: 500;}
.menu .menu_a:after{content: '';width: 0;height: 2px;background-color: #f08300;position: absolute;left: 50%;bottom: 0;-webkit-transition: .4s;-moz-transition: .4s;transition: .4s;}

.menu .sub{ position:absolute;left:0;top: 81px; width:100%;background:#fafafa;visibility: hidden;opacity: 0;overflow: hidden;z-index: 1;}
.menu .sub .box{max-width: 1200px;margin: 0 auto;padding: 60px 0;display: flex;display: -webkit-flex;justify-content: space-between;align-items: flex-start;}
.menu .sub .list{width: 48%;}
.menu .sub .list a{ display:block;border-bottom:1px solid #ddd;color:#333;font-weight: 500;line-height: 1.4;padding:15px 0;padding-right: 20px;background: url(../images/ico_m.png) no-repeat right center;}
.menu .sub .list a:hover{color:#f08300;background: url(../images/ico_mh.png) no-repeat right center;}
.menu .sub .pic{width: 45%;}
.menu .sub .pic:before{padding-top: 50%;}
.menu .sub-pro .list{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.menu .sub-pro .list a{width: 46%;}
.menu li:hover .sub{visibility: visible;opacity: 1;transition: .4s;}
.menu li:hover .menu_a{color: #f08300;}
.menu li:hover .menu_a:after{width: 100%;left: 0;}

.lang{cursor: pointer;position: relative;}
.lang .ico{width: 80px;height: 80px;background-color: #f08300;display: flex;justify-content: center;align-items: center;}
.lang .sub{position: absolute;top: 100%;left: 0;width: 100%;background: #fff;box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);display: none;}
.lang .sub a {border-bottom: 1px solid #f0f0f0;color: #666;font-size: 14px;line-height: 3;transition: all ease-out 0.3s;display: block;text-align: center;}
.lang .sub a:last-child {border-bottom: none;}
.lang .sub a:hover {color: #fabe00;}
.lang:hover .sub{display: block;}

.search{ position:relative;margin-right: 30px;margin-left: 30px;height: 110px;}
.search-icon{width: 35px;height: 35px;border-radius: 50%; background:url(../images/ico-search.png) no-repeat center var(--blue-color);background-size: 15px;margin-top: 38px; cursor:pointer}
.search-box{ position:fixed; width:100%; height:100%; background:#333;top:0; left:0; z-index:100; display:none}
.search-box .close{ width:30px; height:30px;display:block; position:absolute; top:10%; right:10%; transition:.3s; cursor:pointer}
.search-box .close:before{ content:""; width:100%; height:2px; background:#fff; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);position: absolute;left: 0;top: 50%;}
.search-box .close:after{ content:""; width:100%; height:2px; background:#fff; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);position: absolute;left: 0;top: 50%;}
.search-form{
    position: absolute;
    top: 100%;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    background: #fff;
    right: 0;
    display: none;
    transition: .5s all ease-in-out;
}
.search-form.active {
    display: block;
    transition: .5s all ease-in-out;
}
.search-form .inp{
    width: 300px;
    border: 1px #dedede solid;
    height: 42px;
    outline: 0;
    padding-left: 10px;
}
.search-form .submit{
    border: none;
    font-size: 16px;
    background: var(--blue-color);
    width: 90px;
    color: #fff;
    height: 42px;
    cursor: pointer;
}
.search-box .close:hover{ transform:rotate(90deg)}

.header.hbg, .header.hbg-scroll{background-color: #fff;}
.header.hbg .header_wrap, .header.hbg-scroll .header_wrap{border-bottom: 1px solid #e8e8e8;}
.header.hbg .menu .menu_a, .header.hbg-scroll .menu .menu_a{color: #000;}
.headroom--unpinned {top: -80px;}
.headroom--pinned {top: 0;}
/*banner*/
.banner{ position:relative; z-index:1;width: 100%;height: 100vh;}
.banner img{ display:block; width:100%;height: 100%;object-fit: cover;}
.banner .swiper-slide{ position:relative;z-index: -1;}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:30px; height:30px; margin-top:-15px; outline:none; opacity:0.4; top:50%; overflow:hidden; transition: .3s;}
.banner .swiper-button-prev{border-top: 2px solid #fff;border-left: 2px solid #fff; transform: rotate(-45deg);left:2%}
.banner .swiper-button-next{border-top: 2px solid #fff;border-right: 2px solid #fff; transform: rotate(45deg);right:2%}
.banner .swiper-button-prev:after, .banner .swiper-button-next:after{ content:"";}
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{ opacity:1;}
.banner .swiper-pagination{bottom:4%;font-size: 0;}
.banner .swiper-pagination-bullet{width: 18px;height: 18px;margin: 0 10px !important;opacity:.45;position: relative;border: 2px solid #fff;outline: none;background-color: transparent;transition: .3s;}
.banner .swiper-pagination-bullet:after{content: '';position: absolute;left: 3px;top: 3px;width: calc(100% - 6px);height: calc(100% - 6px);border-radius: 50%;background-color: #fff;transition: .3s;opacity: 0;}
.banner .swiper-pagination-bullet-active{border: 2px solid var(--yellow-color);opacity: 1;} 
.banner .swiper-pagination-bullet-active:after{background-color: var(--yellow-color);opacity: 1;}

.banner .swiper-slide-active{z-index: 1;}

.space{ padding:90px 0}
.title{ margin-bottom:1em; font-size:3.125rem; color:#000;position:relative; line-height: 1.2;text-align: center;font-weight: 500;}

.i-product form{width: 530px;max-width: 100%;margin:0 auto;height:60px;border-bottom: 1px solid #d8d8d8;display: flex;}
.i-product form .txt{width: calc(100% - 30px);font-size: 18px;color: #111;height: 100%;border: 0;}
.i-product form .btn {width: 30px;height: 100%;background: url(../images/ico_searh.png) center right no-repeat;cursor: pointer;border: 0;}
.i-product-list{margin:60px 0;position: relative;}
.i-product-list a{display: block;padding:90px 36px 36px;position: relative;text-align: center;
    background: -webkit-linear-gradient(#dfe2e4, #f4f7f8);
    background: -o-linear-gradient(#dfe2e4, #f4f7f8);
    background: -moz-linear-gradient(#dfe2e4, #f4f7f8);
    background: linear-gradient(#dfe2e4, #f4f7f8); }
.i-product-list a:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background: -webkit-linear-gradient(#f08300, #fdf9f4);
    background: -o-linear-gradient(#f08300, #fdf9f4);
    background: -moz-linear-gradient(#f08300, #fdf9f4);
    background: linear-gradient(#f08300, #fdf9f4); 
    transition: .3s;
}
.i-product-list a>div{position: relative;z-index: 2;}
.i-product-list .pic{padding-top: 100%;margin-bottom: 40px;}
.i-product-list .tit{font-size: 24px;color: #333;margin-bottom:1em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.2;min-height: 2.4em;}
.i-product-list .mor{height: 10px;background: url(../images/ico_mh.png) no-repeat center;opacity: 0;transition: .3s;}
.i-product-list a:hover::after, .i-product-list a:hover .mor{opacity: 1;}
.i-product-list a:hover .tit{color: #000;}
.i-product-list a:hover .pic img{-webkit-transform: scale(1.02);-moz-transform: scale(1.02);transform: scale(1.02);}
.i-product-list .swiper-button{display:flex;display: -webkit-flex;align-items: center;position: absolute;left: 0;bottom: -110px;}
.i-product-list .swiper-button>div{display: block;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #d8d8d8;position: relative;outline: none;cursor: pointer;margin-right: 20px;}
.i-product-list .swiper-button-prevv{background: url(../images/ico_m_l.png) no-repeat center;transition: .3s;}
.i-product-list .swiper-button-nextt{background: url(../images/ico_m.png) no-repeat center;transition: .3s}
.i-product-list .swiper-button-prevv:hover{background: url(../images/ico_mw_l.png) #f08300 no-repeat center;border: 1px solid #f08300;}
.i-product-list .swiper-button-nextt:hover{background: url(../images/ico_mw.png) #f08300 no-repeat center;border: 1px solid #f08300;}

.i-about{background: url(../images/abt-bg.jpg) no-repeat;background-size: cover;padding: 150px 0 150px;}
.i-aboutCon{width: 35%;color: #fff;}
.i-aboutCon .title{text-align: left;color: #fff;}
.i-aboutCon .txt{font-size: 18px;line-height: 32px;margin-bottom: 100px;}
.i-aboutCon .txt ul{display: flex;display: -webkit-flex;margin-top: 60px;}
.i-aboutCon .txt li{width: 150px;height: 150px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.4);background-color: rgba(0, 0, 0, .1);text-align: center;font-size: 20px;flex-shrink: 0;}
.i-aboutCon .txt li:not(:last-child){margin-right: 50px;}
.i-aboutCon .txt li .ico{margin-top: 30px;margin-bottom: 5px;height: 45px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.i-aboutCon .txt li .ico img{display: block;max-height: 100%;}
.i-about .more{background-color: #f08300;border: 1px solid #f08300;}
.i-about .more span{color: #fff;}
.i-about .more i{background:#f29526 url(../images/ico_mw.png) no-repeat center;}

.i-case .title-box{display: flex;display: -webkit-flex;justify-content: space-between;align-items: flex-start;position: relative;}
.i-case .swiper-button{display:flex;display: -webkit-flex;align-items: center;}
.i-case .swiper-button>div{display: block;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #d8d8d8;position: relative;outline: none;cursor: pointer;margin-left: 20px;}
.i-case .swiper-button-prevv{background: url(../images/ico_m_l.png) no-repeat center;transition: .3s;}
.i-case .swiper-button-nextt{background: url(../images/ico_m.png) no-repeat center;transition: .3s}
.i-case .swiper-button-prevv:hover{background: url(../images/ico_mw_l.png) #f08300 no-repeat center;border: 1px solid #f08300;}
.i-case .swiper-button-nextt:hover{background: url(../images/ico_mw.png) #f08300 no-repeat center;border: 1px solid #f08300;}
.i-case-list .box{display: flex;display: -webkit-flex;justify-content: space-between;}
.i-case-list .box .left{width: 63%;}
.i-case-list .box .right{width: 36%;display: flex;display: -webkit-flex;flex-direction: column;justify-content: space-between;}
.i-case-list .box a{display: block;position: relative;}
.i-case-list .box .pic:before{padding-top: 57.5%;}
.i-case-list .box .pic:after{content: '';width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;background: var(--gradient-background-color-black);}
.i-case-list .box .txt{position: absolute;left: 0;right: 0;width: 100%;bottom: 0;padding: 0 36px 30px;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.i-case-list .box h3{color: #fff;font-size: 24px;max-width: calc(100% - 60px);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.i-case-list .box .mor{width: 50px;height: 50px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, .15);background: url(../images/ico_mw.png) no-repeat center;}
.i-case-list .box .right .pic:before{padding-top: 49%;}
.i-case-list .box .left .pic:hover img{-moz-transform: scale(1.04);-webkit-transform: scale(1.04);transform: scale(1.04);}
.i-case-list .box .right .pic:hover img{-moz-transform: scale(1.08);-webkit-transform: scale(1.08);transform: scale(1.08);}

.i-news.space{padding-top: 30px;}
.i-news-list{margin-bottom: 50px;}
.i-news-list a{display: block;border: 1px solid #ebebeb;}
.i-news-list .pic::before{padding-top: 64%;}
.i-news-list .txt{ background-color: #fcfcfc;padding: 40px 36px 0;}
.i-news-list h3{font-size: 22px;color: #000;line-height: 1.4;margin-bottom: 1em;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.i-news-list .intro{color: #999;line-height: 1.5;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;}
.i-news-list .bot{border-top: 1px solid #ebebeb;margin-top: 2em;display: flex;display: -webkit-flex;justify-content: space-between;font-weight: 300;color: #999;padding: 15px 0 25px;}
.i-news-list .bot .mor{width: 14px;background: url(../images/ico_m.png) no-repeat center;}
.i-news-list a:hover .pic img{-moz-transform: scale(1.08);-webkit-transform: scale(1.08);transform: scale(1.08);}
.i-news-list a:hover h3{color: #f08300;}
.i-news-list a:hover .bot .mor{background: url(../images/ico_mh.png) no-repeat center;}
.i-news-list .swiper-pagination{display: none;}

/*footer*/
.footer{background-color:#ebebeb;padding-top: 60px;position: relative;color: #999;}
.footer a:hover{ color:#f08300}
.footer-top{padding-bottom:40px;position: relative;border-bottom: 1px solid #e2e2e2;}
.footer-top .left{max-width: 25%;}

.f-logo img{display: block;}
.f-nav{position: relative;max-width: 70%;}
.f-nav ul{ display:flex; display:-webkit-flex;justify-content:space-between;}
.f-nav li{position:relative;text-transform: capitalize;}
.f-nav li:not(:first-child){margin-left: 150px;}
.f-nav h4{font-size: 18px;margin-bottom: 1em;}
.f-nav h4 a{color:#333;}
.f-nav .sub{font-size: 15px;}
.f-nav .sub a{display: block;margin-bottom: .8em;line-height: 1.5;}
.f-nav .sub a:hover{color:#f08300;}
.f-contact{margin-top: 40px;}
.f-contact div{color: #000;font-size: 22px;font-weight: bold;}
.f-contact div:nth-child(3){margin-bottom: 25px;}
.f-contact div span{font-size: .72em;font-weight: 300;}
.f-ewm{text-align: center;display: inline-block;font-size: 14px;margin-top: 30px;}
.f-ewm img{display: block;width: 110px;margin-bottom:5px;}
.footer-bot{font-size: 14px;color: #999;padding: 20px 0;text-transform: uppercase;}
.footer-bot a{color: #999;}


/*about*/
.n-header .header{background-color:rgb(255,255,255,.7);box-shadow: 0 0 10px rgba(0,0,0,.2);}
.n-header .header.header-scroll{background-color: #fff;}
.nbanner{position:relative;overflow:hidden;}
.nbanner::before{content: '';padding-top: 27.5%;display: block;}
.nbanner img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.nbanner .tit{position: absolute;left: calc(7.5% + 1rem);bottom: 20%;color: #fff;font-weight: 500;font-size: 2.5rem;}
.nbanner .tit span{display: block;font-weight: 300;}
.inner-nav{border-bottom: 1px solid #e8e8e8;}
.inner-nav ul{display: flex;display: -webkit-flex;justify-content: center;}
.inner-nav li{position: relative;margin-right: 60px;}
.inner-nav li::before {content: '';background: #ececec;width: 1px;height: 18px;position: absolute;right: -30px;top: 50%;transform: translateY(-50%);}
.inner-nav li:last-child{margin-right: 0;}
.inner-nav li:last-child::before{display: none;}
.inner-nav a{display: block;padding: 27px 0;font-size: 18px;position: relative;}
.inner-nav a:after{content: '';width: 0;height: 3px;background-color: #f08300;position: absolute;left: 50%;bottom: 0;transition: .4s;}
.inner-nav li.cur a::after{width: 100%;left: 0;}
.inner-nav li.cur a{color:#f08300}
.inner-nav li:hover a:after{left: 0;width: 100%;}

.anchor {
    display: block;
    top: -80px;
    visibility: hidden;
    position: absolute;
}


.main{position: relative;}
.main .content{line-height: 1.875;}
.main .content img{max-width: 100%;}
.main .section{position: relative;}
.main_2{background-color: #f5f5f5;}

.main_about:nth-child(2n+1){background-color: #f5f5f5;}
.content_about1{display: flex;display: -webkit-flex;background-color: #f5f5f5;}
.content_about1 .img, .content_about1 .txt{width: 50%;}
.content_about1 .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.content_about1 .txt{padding: 4%;font-size: 18px;color: #333;}
.content_about1 .txt p{margin-bottom: 15px;}
.content_about2{display: flex;display: -webkit-flex;justify-content: space-between;}
.content_about2 .title{text-align: left;}
.content_about2 .left{width: 45%;}
.content_about2 .right{width: 50%;}
.ability-list li{background-color: #fff;margin-bottom: 10px;}
.ability-list .tit{font-size: 24px;padding: 15px 35px;position: relative;color: #333;cursor: pointer;}
.ability-list .tit span{width: 25px;height: 25px;border-radius: 50%;background-color: #eee;position: absolute;right: 35px;top: 25px;;}
.ability-list .tit span:after{content:'';width:6px;height:6px;border-bottom:1px solid #333;border-right:1px solid #333;transform:rotate(45deg);position:absolute;left:9px;top:8px;}
.ability-list .con{padding:20px 35px;display: none;}
.ability-list .con p{background: url(../images/ico_dot.png) no-repeat left 8px;padding-left: 20px;margin-bottom: 8px;}
.ability-list .cur .tit{background-color: #f08300;color: #fff;}
.ability-list .cur span{background-color:#f29526;transform:scaleY(-1);}
.ability-list .cur span:after{border-bottom:1px solid #fff;border-right:1px solid #fff;}
.honorList a{display: block;background-color: #f5f5f5;padding: 35px;cursor: default;}
.honorList .pic:before{padding-top: 66%;}
.honorList .pic img{object-fit: contain;}
.honorList p{text-align: center;font-size: 1.25em;color: #333;margin-top: 20px;line-height: 1.2;}
.honorList a:hover .pic img{transform: scale(1.03);}
.honorList .swiper-container{padding-bottom: 45px;}
.honorList .swiper-pagination{bottom: 0;}
.honorList .swiper-pagination-bullet{width: 15px;height: 15px;margin: 0 10px !important;opacity:1;position: relative;border: 2px solid #ddd;outline: none;background-color: transparent;transition: .3s;}
.honorList .swiper-pagination-bullet:after{content: '';position: absolute;left: 1px;top: 1px;width: calc(100% - 2px);height: calc(100% - 2px);border-radius: 50%;background-color: #fff;transition: .3s;opacity: 0;}
.honorList .swiper-pagination-bullet-active{border: 2px solid var(--yellow-color);opacity: 1;} 
.honorList .swiper-pagination-bullet-active:after{background-color: var(--yellow-color);opacity: 1;}

.main_product .wrap{width: 100%;padding: 0; background-color: #f5f5f5;position: relative;}
.main_product .left{width: 400px;float: left;background-color:#f5f5f5;position: sticky;top:80px;max-height: calc(100vh - 80px);overflow-y: auto;}
.main_product .left::-webkit-scrollbar {width: 3px; /* 设置滚动条的宽度 */}
.main_product .left::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, .1); /* 设置滚动条滑块的背景色 */}
  
.main_product .nav{font-size: 1.15em;}
.main_product .nav li{border-bottom: 1px solid #e8e8e8;}
.main_product .nav li>a{position: relative;display: block;padding:20px 70px;color: #333;}
.main_product .nav li>a span{width: 8px;height: 8px;position: absolute;right:55px;top:28px;border-top: 1px solid #999;border-right: 1px solid #999;transform: rotate(45deg);}
.main_product .nav .sub{background-color: #fbeddb;padding: 15px 0;font-size: .9em;display: none;}
.main_product .nav .sub a{display: block;padding:8px 70px;}
.main_product .nav li:hover>a{color: #f08300;}
.main_product .nav li:hover>a span{border-top: 1px solid #f08300;border-right: 1px solid #f08300;}
.main_product .nav .cur>a{background-color: #f08300;}
.main_product .nav .cur>a{color: #fff !important;}
.main_product .nav li.cur>a span{border-top: 1px solid #fff;border-right: 1px solid #fff;}
.main_product .nav li.cur .sub{display: block;}
.main_product .nav .sub a:hover, .main_product .nav .sub a.cur{color: #f08300;}

.main_product .right{width: calc(100% - 400px);padding-right: 7.5%;padding-left: 5%;background-color: #fff;float: right;min-height:500px;}
.main_product .pro-tit{font-size: 3.125rem;color: #000;margin-bottom: .6em;line-height: 1.5;}
.main_product .pro-infor{display: flex;display: -webkit-flex;justify-content: space-between;flex-direction: row-reverse;margin-bottom: 4em;}
.main_product .pro-infor .img{width: 42%;}
.main_product .pro-infor .img img{display: block;width: 100%;}
.main_product .pro-infor .txt{width: 50%;line-height: 1.8;}
.main_product .pro-infor .txt h4{font-size: 1.25em;color: #333;margin-bottom: .5em;}
.main_product .pro-infor .txt p{margin-bottom: 1em;background: url(../images/ico_dot.png) no-repeat left 7px;padding-left: 20px;}
.main_product .pro-infor .txt table{margin-top: 2em;width: 100%;}
.main_product .pro-infor .txt th{background-color: #f08300;color: #fff;font-weight: normal;text-align: left;padding:0 15px;font-size: 1.25em;}
.main_product .pro-infor .txt td{border-bottom: 1px solid #333;padding: 5px 15px;}
.productsList ul{display: flex;display: -webkit-flex;margin-right: -3%;flex-wrap: wrap;}
.productsList li{width: 30.33%;margin-right: 3%;margin-bottom: 3%;position: relative;background: -webkit-linear-gradient(#dfe2e4, #f4f7f8);
    background: -o-linear-gradient(#dfe2e4, #f4f7f8);
    background: -moz-linear-gradient(#dfe2e4, #f4f7f8);
    background: linear-gradient(#dfe2e4, #f4f7f8);}
.productsList a{display: block;padding: 45px;position: relative;z-index: 2;}
.productsList li:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background: -webkit-linear-gradient(#f08300, #fdf9f4);
    background: -o-linear-gradient(#f08300, #fdf9f4);
    background: -moz-linear-gradient(#f08300, #fdf9f4);
    background: linear-gradient(#f08300, #fdf9f4); 
    transition: .3s;
}
.productsList .pic::before{padding-top: 100%;}
.productsList .txt{display: flex;display: -webkit-flex;justify-content: space-between;margin-top: 20px;}
.productsList .tit{max-width: 80%;line-height: 1.2;font-size: 1.375em;color: #333;transition: .3s;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.productsList .mor{width: 14px;background: url(../images/ico_m.png) no-repeat center;transition: .3s;}
.productsList li:hover .pic img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03); transform:scale(1.03)}
.productsList li:hover .tit{color: #f08300;}
.productsList li:hover .mor{background: url(../images/ico_mh.png) no-repeat center;}
.productsList li:hover::after{opacity: 1;}
.productDetail{display: flex;display: -webkit-flex;justify-content: space-between;margin-top: 2%;}
.productDetail-imgslide{width:40%;}
#proimgslide{border: 1px solid #e8e8e8;}
#proimgslide .pic:before{padding-top: 100%;}
#proimgslide .pic img{width: 90%;height: 90%;object-fit: contain;margin: auto;}
#thumb-list{margin-top: 15px;}
#thumb-list .pic{border: 1px solid #e8e8e8;cursor: pointer;}
#thumb-list .pic:before{padding-top: 100%;}
#thumb-list .pic img{width: 90%;height: 90%;object-fit: contain;margin: auto;}
#thumb-list .swiper-slide-thumb-active .pic{border: 1px solid #f08300;}
.productDetail-txt{width: 55%;font-size: 1.15em;}
.productDetail-txt p{margin-bottom:.5em;}
.productDetail-txt .intro p{background: url(../images/ico_dot.png) no-repeat left 10px;padding-left: 20px;}
.productDetail-txt h4{color: #f08300;font-size: 1.15em;margin-top:1em;margin-bottom: .5em;}
.productDetail-txt .intro h4{margin-top: 0;}
.productDetail-txt table{font-size: .85em;margin-bottom: 1em;width: 100%;}
.productDetail-txt th, .productDetail-txt td{word-break: break-word;}
.productDetail-txt td{border: 1px solid #ddd;text-align: center;padding: 8px 10px;line-height: 1.5;}
.productDetail-txt tr td:first-child{border-left: 0;}
.productDetail-txt tr td:last-child{border-right: 0;}
.productDetail-txt th{font-weight: normal;line-height: 1.2;padding: 10px 15px;}
.productDetail-txt .bg{background-color: #f08300;color: #fff;}
.productDetail-txt .bg td, .productDetail-txt .bg th{border: 1px solid rgba(255, 255, 255, .3);}
.productDetail-txt table p{margin-bottom: 0;}
.productDetail-txt .table_jscs{width: 100%;}
.productDetail-txt .table_jscs th{background-color: #f08300;color: #fff;font-weight: normal;text-align: left;padding:10px 15px;font-size: 1.25em;}
.productDetail-txt .table_jscs td{border-bottom: 1px solid #333;padding: 5px 15px;border-right: 0;border-left: 0;text-align: left}
.productDetail-txt .npro-list li{display: flex;display: -webkit-flex;border-bottom: 1px dashed #d8d8d8;padding:30px 0;justify-content: space-between;}
.productDetail-txt .npro-list .img{width: 45%;}
.productDetail-txt .npro-list .img img{display: block;width: 100%;}
.productDetail-txt .npro-list .txt{width: 52%;}
.productDetail-txt .npro-list .tit{font-weight: bold;color: #333;margin-bottom: .6em;line-height: 1.4;}

.newsList li{margin-bottom:4%;}
.newsList a{display: flex;display: -webkit-flex;justify-content:space-between;background-color: #fafafa;}
.newsList .pic{ width:30%; position:relative; overflow:hidden;}
.newsList .pic:before{padding-top:62%}
.newsList .txt{width:70%;padding: 3%;}
.newsList h3{ font-size:1.6em;font-weight: 500;line-height: 1.5;color:#333; margin-bottom:.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.newsList .intro{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;line-height: 1.5;font-weight: 300;margin-bottom: 2.5em;}
.newsList .tm{font-size: 1rem;margin-bottom: .5em;font-weight: 300;}
.newsList .more{transition: .4s;font-size: .9em;line-height: 42px;width: 140px;}
.newsList .more i{width: 25px;height: 25px;}
.newsList li:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05); transform:scale(1.05)}
.newsList li:hover h3{color: #f08300;}

.newsContent{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.newsContent img{max-width: 100%;}
.newsContent .left{width: 68%;}
.newsContent .right{width: 25%;}
.newsContent .left .newstit, .newsContent .left .newstm{text-align: left}
.newstit{color:#000;font-size:2.25em;line-height: 1.4;text-align: center;}
.newstm{ color:#999;font-size:.9em;margin-top:1em;text-align: center;}
.newstm span{margin-right:10px;}
.newsdetail{ border-top: 1px solid #e8e8e8;padding:3em 0 0;margin-top: 2em;}
.newsdetail p{ margin-bottom: .6em;}
.newsdetail b, .newdetail strong{color:#333;}
.pageturn{position: relative;border-top: 1px solid #e8e8e8;padding-top: 2em;margin-top: 3em;}
.pageturn p{width: 60%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 2;}
.pageturn p a:hover{color: #f08300;}
.pageturn .more{ position: absolute;right: 0;top:2em;line-height:42px;font-size: .9em;width: 140px;}
.pageturn .more i{width: 25px;height: 25px;}
.related-news{background-color: #f5f5f5;padding: 25px 35px;}
.related-news .tit{color: #333;font-size: 1.25em;margin-bottom:.6em;}
.related-news li{border-bottom: 1px dashed #ddd;padding-bottom: 20px;margin-bottom: 20px;}
.related-news a{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.related-news .pic{width: 40%;}
.related-news .pic::before{padding-top: 62%;}
.related-news .txt{width: 56%;}
.related-news .tm{color: #999;font-size: .9em;}
.related-news h3{font-size:1em;line-height: 1.5;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.related-news a:hover .pic img{transform: scale(1.03);}
.related-news a:hover h3{color: #f08300;}


.inner-nav2{display: flex;display: -webkit-flex;margin-bottom: 40px;line-height: 1.5;font-size: 1.15em;}
.inner-nav2 .tit{padding: 5px 0;min-width: 95px;}
.inner-nav2 ul{display: flex;display: -webkit-flex;flex-wrap:wrap;font-size:.9em;}
.inner-nav2 li{margin-left: 10px;margin-bottom: 10px;}
.inner-nav2 li a{display: block;background-color: #f2f2f2;border-radius: 5px;padding:5px 15px;}
.inner-nav2 li a:hover{background-color:#f08300;color: #fff;}
.caseList ul{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -2%;}
.caseList li{width: 31.33%;margin-bottom: 2%;margin-right: 2%;}
.caseList .pic{border: 1px solid #e8e8e8;}
.caseList .pic:before{padding-top:60%;}
.caseList .pic span{position: absolute;right:25px;top:25px;font-size: .85em;background-color: rgba(240, 131, 0, .9);background-color: rgba(255, 255, 255, .3);color:#fff;;padding: 2px 10px;border-radius: 15px;}
.caseList .txt{display: flex;display: -webkit-flex;justify-content: space-between;padding-top: 15px;}
.caseList h3{font-size: 1.25em;color:#333;-webkit-transition: .4s;-moz-transition: .4s;transition: .4s;max-width: calc(100% - 80px);}
.caseList .mor{width: 14px;background: url(../images/ico_m.png) no-repeat center;}
.caseList li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.caseList li:hover h3{color:#f08300;}
.caseList li:hover .mor{background: url(../images/ico_mh.png) no-repeat center;}
.related-case{position: relative;}
.related-case .pic:before{padding-top: 60%;}
.related-case .pic:after{content: '';width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;background: var(--gradient-background-color-black);}
.related-case .txt{width: 61%;position: absolute;left: 0;right: 0;width: 100%;bottom: 0;padding: 0 25px 20px;z-index: 2;}
.related-case h3{color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;font-size:20px;line-height: 1.4;}
.related-case a:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05); transform:scale(1.05)}
.related-case .swiper-pagination{width: 100%;margin-top: 20px;position: relative;}
.related-case .swiper-pagination-bullet{width: 15px;height: 15px;margin: 0 10px !important;opacity:1;position: relative;border: 2px solid #ddd;outline: none;background-color: transparent;transition: .3s;}
.related-case .swiper-pagination-bullet:after{content: '';position: absolute;left: 1px;top: 1px;width: calc(100% - 2px);height: calc(100% - 2px);border-radius: 50%;background-color: #fff;transition: .3s;opacity: 0;}
.related-case .swiper-pagination-bullet-active{border: 2px solid var(--yellow-color);opacity: 1;} 
.related-case .swiper-pagination-bullet-active:after{background-color: var(--yellow-color);opacity: 1;}
.main_yjb{background-color: #f5f5f5;}
.table_yjb{background-color: #fff;}
.table_yjb table{width: 100%;}
.table_yjb th{font-weight: normal;line-height: 1.2;padding: 12px 15px;background-color: #f08300;color: #fff;border: 1px solid rgba(255, 255, 255, .3);font-size: 1.25em;}
.table_yjb td{border: 1px solid #ddd;text-align: center;padding:10px;line-height: 1.5;}
.table_yjb tr td:first-child{border-left: 0;}
.table_yjb tr td:last-child{border-right: 0;}

.main_hr:nth-child(2n+1){background-color: #f5f5f5;}
.fulidy{display: flex;display: -webkit-flex;justify-content: space-between;}
.fulidy .img{width: 50%;}
.fulidy .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.fulidy .txt{width: 46%;font-size: 18px;}
.fulidy li{background: url(../images/ico_dh.png) no-repeat left center;padding-left: 30px;margin-top: 1em;}
.hrBox{font-size: 1.125em;}
.hrBox .top{background: #f08300; color:#fff;margin-bottom: 15px;}
.hrBox .top .colm, .hrList .colm{ float:left;padding: 15px 3%;width:25%; text-align:center}
.hrBox .top .colm5, .hrList .colm5{position:relative}
.hrList .colm1{ text-align:left}
.hrList .colm5:after{ content:""; width:8px; height:8px; border-right:1px solid #666; border-bottom:1px solid #666; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);position: absolute;top: 10px;}
.hrList .ttit{display: flex;display:-webkit-flex;align-items: center; cursor:pointer;}
.hrList li{background-color: #f5f5f5;margin-bottom: 15px;}
.hrList li.cur .colm5:after{ -webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);top:12px;border-right:1px solid #810903; border-bottom:1px solid #810903;}
.hrList .hide{ background:#f5f5f5; padding:2% 3% 3%; display:none;border-top: 1px solid #d8d8d8;font-size: .9em;}
.hrList .hide strong{color: #333;}
.hrList .hide p{margin-bottom: 6px;}

/*===========================contact================================*/
.nbanner-contact .conn{position: absolute;left: 0;bottom: 20%;width: 100%;padding: 0 14%;display: flex;display: -webkit-flex;justify-content: space-between;}
.nbanner-contact .tit-fl{color: #fff;font-size: 1.35em;}
.nbanner-contact .tit-fl h3{font-size: 2.5em;}
.nbanner-contact .tit-fl h5{font-size: 2em;}

.contact-list{ margin-bottom:60px;font-size: 1.15em;}
.contact-list ul{ display:flex;display:-webkit-flex;justify-content: space-between;}
.contact-list li{ width:25%; padding:0 3%; text-align:center; color: #333; position:relative;}
.contact-list .ico{display: flex;display: -webkit-flex;justify-content: center;align-items: center;width:100px;height:100px;border-radius: 50%;background-color: #f08300;margin: 0 auto;position: relative;}
.contact-list .ico::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(240, 131, 0, 0.3);
    animation: Run 1.5s forwards linear infinite;
    z-index: -1;
  }
.contact-list .ico img{ display:block; margin:0 auto; height:32px}
.contact-list p{line-height: 1.5;}
.contact-list .tit{margin-top:30px; margin-bottom:5px;color:#999;font-weight: 300;}
@keyframes Run {
    0% {
      width: 100%;
      height: 100%;
    }
    70% {
      opacity: 1;
    }
    100% {
      width: 140%;
      height: 140%;
      opacity: 0;
    }
  }

#allmap{width:100%;height:600px;line-height:22px; font-size:14px; border:0;}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}
.BMap_bubble_content{color: #888; font-size:13px}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}
#allmap .map-address-name {
	text-align: center;
	font-size: 16px;
	line-height: 1.1;
	color: #333;
	padding: 10px 0;
}

#allmap .map-address-detail {
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	color: #888;
}
.message{background-color: #fff;padding: 4% 8%;}
.message .row{display: flex;display: -webkit-flex;justify-content: space-between;margin-bottom: 1%;}
.message .colum{width: 49.5%;}
.message input[type=text]{width: 100%;border: 1px solid #ddd;line-height:50px;height:50px;padding: 0 15px;transition: border-color .5s;}
.message textarea{width: 100%;height:200px; display:block;border: 1px solid #ddd;line-height:24px;padding:15px;transition: border-color .5s;}
.message input[type=text].inp{width: 300px;}
.message .submit{ width:160px; line-height:55px; height:55px; text-align:center; cursor:pointer; font-size:18px; border:0; background:#f08300; color:#fff; margin:30px auto 0; display:block;border-radius:5px;transition:.3s}
.message input[type=text]:hover, .message textarea:hover{box-shadow: 0 0 5px rgba(0,0,0,0.1);overflow:hidden}
.message .submit:hover{border-radius: 25px;}

.pagination{height: auto !important;padding-bottom: 0 !important;}
.en .more{padding-left: 15px;}
.en .title{text-transform: capitalize;}
.m-navlist{display: none;background-color: #f5f5f5;margin-top: 20px;}
.m-navlist ul{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;}
.m-navlist li{width: 49.5%;margin-bottom: 1%;border-bottom: 0;background-color:#f08300;}
.m-navlist li:nth-last-child(-n+2){margin-bottom:0;}
.m-navlist li>a{background-color: #f08300;padding: 10px;display: block;position: relative;color: #fff;}
.m-navlist li>a span{width: 6px;height: 6px;position: absolute;right:10px;top:17px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);}