@charset "UTF-8";
/* 
全局css变量定义
--mainColor     // 主色调
--helpColor     // 辅助深色调
--bgColor       // 辅助背景色 
--borderColor //底部背景色
*/
:root{
    --mainColor:#ff5a00;
    --helpColor:#888888;
    --bgColor:#f5f5f5;
    --borderColor:#e0e0e0;
}

html{transition:all ease .5s;}

/* --------------------------全局公用 start ------------------------------ */
.main{width:100%;max-width:1920px;margin:0 auto;padding:0 8.333333%;}
main{overflow:hidden !important;background-color:var(--bgColor);}

.flexbox{display:flex;justify-content:space-between;align-items:center;}
.flex_start{display:flex;align-items:center;justify-content:flex-start;}
.hide{display:none;}

.swiper-container {width: 100%;height: 100%;}
/* 幻灯片文本垂直居中 */
.swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
@media(max-width:1240px){
    .main{padding:0 5%;}
}
@media(max-width:1080px){
    .main{padding:0 4%;}
}
/* --------------------------全局公用 end ------------------------------ */

/* ------------------头部 start------------------ */
.top1{height:146px;width:100%;}
.top_fixed{background-color:#fff;transition:all ease .3s;}
.top_fixed_left{line-height:36px;}
.top_fixed_left p{font-size:28px;font-weight:bold;white-space: nowrap;}
.top_fixed_left span{font-size:16px;white-space: nowrap;}
.top_fixed_search{border:var(--mainColor) solid 2px;width:calc(680 / 1920 * 100vw);margin-bottom:13px;}
.top_fixed_search button{border:unset;background-color:var(--mainColor);color:#fff;line-height:40px;font-size:18px;font-weight:bold;padding:0 25px;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0);}
.top_fixed_search input{flex:1;padding-left:10px;font-size:16px;}
.top_fixed_right ul{color:var(--helpColor);font-size:14px;}
.top_fixed_right ul li{padding:0 13px;white-space:nowrap;}
.top_fixed_right ul li:not(:last-child){border-right:var(--borderColor) solid 1px;}

.top_fixed.scroll{left:0;right:0;width:100%;height:100px;z-index:99999;box-shadow: 0 4px 12px rgb(0 0 0 / 10%);}
.top_fixed.scroll .main{height:100%;}
.pro_nav_btn{display:none;}
/* 产品导航 */
.nav_pro_type{width:280px;margin-right:40px;position:relative;}
.nav_pro_type h3{height:46px;width:100%;background-color:var(--mainColor);padding:0 30px;}
.nav_pro_type h3 a{width:100%;display:block;color: #fff;font-size: 16px;line-height:46px;background: url(../images/inc/nav-icon01.png) no-repeat 2px center;text-indent: 40px;}
.nav_pro_type ul{position:absolute;width:100%;height:560px;max-height:0px;padding:0;overflow:hidden;transition:all .5s;top:46px;z-index:999;}
.nav_pro_type:hover ul{min-height:560px;overflow:unset;}
.nav_pro_type ul li{position:relative;}
/* .nav_pro_type ul li:first-child{margin-top:28px;} */
/* .nav_pro_type ul li:last-child{margin-bottom:28px;} */
.nav_pro_type h5 a{line-height:46px;padding:0 30px;font-size:16px;color:#fff;display:block;background-color:rgba(51,51,51,.6);}
.nav_pro_type ul li::after{content:'';position:absolute;right:30px;top:50%;width:8px;height:8px;border:#fff solid;border-width:1px 1px 0 0;transform:translateY(-50%) rotate(45deg);}
.nav_pro_type ul li:hover h5 a{color:var(--mainColor);background-color:rgba(64,64,64,.6);}
.nav_pro_type ul li:hover::after{border-color:var(--mainColor);}
/* 产品二级 */
.second_nav{display:none;}
.second_nav{position:absolute;width:720px;background-color:#fff;padding:30px;top:0;left:100%;}
.second_nav dl dt{width:100%;padding-bottom:30px;border-bottom:var(--borderColor) solid 1px;color:var(--mainColor);font-size:16px;font-weight:bold;}
.second_nav dl dd{display:flex;flex-wrap:wrap;margin-top:20px;font-size:14px;}
.second_nav dl dd a{background-color:unset;color:var(--helpColor);position:relative;line-height:36px;}
.second_nav dl dd a:hover{color:var(--mainColor);}
.second_nav dl dd a:not(:last-child){margin-right:40px;}
.second_nav dl dd a:not(:last-child)::after{content:"";display:block;width:1px;height:18px;position:absolute;top:50%;transform:translateY(-50%);right:-20px;background-color:var(--borderColor);}
.nav_pro_type ul li:hover .second_nav{display:block;}

/* 页面导航 */
.nav_list{width:calc(100% - 280px - 40px);}
.nav_list .flex_start{white-space:nowrap;overflow:auto;width:100%;}
.nav_list ul li a{line-height:46px;display:block;padding:0 40px;white-space:nowrap;font-size:16px;color:var(--helpColor);font-weight:bold;}
.nav_list ul li a:hover{color:var(--mainColor);}
.active > a{font-size:16px;color:var(--mainColor) !important;}
@media(max-width:1440px){
.nav_list ul li a{padding:0 20px;}
.top_fixed_logo{width:95px;}
.top_fixed_left{line-height:28px;}
.top_fixed_left p{font-size:24px;}
.top_fixed_left span{font-size:14px;}
.top_fixed_search{width:450px;margin-bottom:5px;}
.top_fixed_right ul li{padding:0 5px;}
.top1{height:116px;}
.top_fixed.scroll{height:90px;}
.nav_pro_type{width:220px;margin-right:20px;}
.nav_pro_type h3,.nav_pro_type h5 a{padding:0 20px;}
.second_nav{width:520px;}
}
@media(max-width:1080px){
.top_fixed.scroll{box-shadow:unset;}
.top_fixed_right1,.nav_pro_type{display:none;}
.top_fixed_right2{display:block;width:calc(100% - 4% - 24px);}
.top_fixed_right2 .top_fixed_search{margin:0;}
.top1,.top_fixed.scroll{height:80px;}
.top_fixed_logo{width:80px;margin-right:5px;}
.top_fixed_txt{line-height:20px;}
header nav{padding-bottom:20px;box-shadow: 0 8px 12px rgb(0 0 0 / 10%);position:fixed;top:80px;width:100%;z-index:99999;background-color:#fff;}
.nav_cont{position:relative;}
.top_fixed_search{border-width:1px;width:100%;}
.top_fixed_search input{font-size:14px;line-height:30px;display:block;}
.top_fixed_search button{line-height:30px;font-size:14px;}
/* 导航点击 */
.icon-nav-btn{width:24px;height:24px;display:block !important;z-index:9999;position:absolute;right: 4%;cursor:auto;-webkit-tap-highlight-color:rgba(255,255,255,0);}
.icon-nav-btn span{width:100%;display:block;height:2px;background:var(--mainColor);opacity:1;border-radius:4px;position:absolute;left:0;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.icon-nav-btn .nav-line01{top:3px;}
.icon-nav-btn .nav-line02{top:50%;transform:translateY(-50%);}
.icon-nav-btn .nav-line03{bottom:3px;}
.open .nav-line01{top:11px;left:50%;transform:translateX(-50%) rotate(-45deg);}
.open .nav-line02{opacity:0;}
.open .nav-line03{bottom:11px;left:50%;transform:translateX(-50%);transform:translateX(-50%) rotate(45deg);}
.nav-share{z-index:2;position: fixed;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,.7);display:none;}
.nav_list{width:272px;position:fixed;left:-280px;top:0;background-color: rgba(255,255,255,1);height: 100vh;z-index: 999;transition: all 0.3s;}
.nav_list ul{flex-wrap:wrap;}
.nav_list ul li{width:100%;}

/* 产品导航跳转按钮 */
.pro_nav_btn{position:fixed;display:block;width:60px;height:60px;background-color:#fff;bottom:100px;right:10px;border-radius:50%;font-size:14px;color:var(--mainColor);display:flex;justify-content:center;align-items:center;font-weight:bold;z-index:9999;box-shadow: 0 2px 12px rgb(0 0 0 / 30%);}
}
@media(max-width:768px){
.top_fixed_left p{font-size:20px;}
}
@media(max-width:475px){
.top_fixed_logo{width:60px;}
.top_fixed_left p{font-size:16px;}
.top1,.top_fixed.scroll{height:60px;}
header nav{padding-bottom:15px;top:60px;}
.top_fixed_left span{white-space:nowrap;font-size:12px;transform: scale(0.8) !important;display:block;margin-left:-28px;}
}
/* ------------------头部 end------------------ */


/* ------------------侧边通栏 start------------------ */
.side{position:fixed;left:-180px;top:200px;text-align:center;z-index:999999;transition:all ease .5s;background-color:#fff;padding-bottom:10px;}
.side_img{width:150px;}
.side p{font-size:16px;color:var(--helpColor);}

.side_right{position:fixed;right:-130px;top:150px;text-align:center;z-index:999999;transition:all ease .5s;}
.side_right_top,.side_right_bottom{width:110px;position:relative;}
.side_right_close{width:20px;height:20px;position:absolute;top:1px;right:1px;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0);}
.side_right_item{width:77px;display:block;margin:0 auto;}
.side_right_item a{width:100%;display:block;margin:0 auto;}
.side_right_item:first-child{margin:0 auto 15px;}
.side_right_center{background-image: url(../images/inc/middle.gif);background-size:100% 100%;padding:10px 0;}
@media(max-width:1080px){
    .side,.side_right{display:none !important;}
}
/* ------------------侧边通栏 end------------------ */

/* ------------------移动端产品搜索页面 start------------------ */
.search_main{background-color:var(--bgColor);height:100vh;}
.search_header{width:100%;height:60px;background-color:#fff;display:flex;justify-content:center;align-items:center;border-bottom:var(--borderColor) solid 1px;}
.search_nav{width:160px;height:calc(100vh - 60px);background-color:#fff;margin-right:20px;}
.search_nav ul li h5{line-height:40px;font-size:16px;padding-left:20px;}
.search_nav_active{background-color:var(--bgColor);color:var(--mainColor);}
.search_list{flex:1;height:calc(100vh - 60px);padding-right:20px;}
.search_item h5{line-height:40px;font-size:16px;font-weight:bold;}
.search_second{background-color:#fff;padding:10px;display:flex;justify-content:flex-start;flex-wrap:wrap;}
.search_second a{border:var(--borderColor) solid 1px;margin:8px;padding:10px;border-radius:4px;color:var(--helpColor);font-size:14px;}
.search_nav{overflow:hidden;}
.search_list{overflow:auto;}
.search_nav ul{display:block;width:100%;height:100%;overflow:auto;}
@media(max-width:768px){
.search_nav{width:140px;}
.search_nav ul li h5{font-size:14px;}
}
@media(max-width:475px){
.search_nav{margin-right:15px;}
.search_second a{width:100%;text-align:center;margin:0 0 10px;font-size:12px;;padding:5px;}
.search_nav ul li h5{padding-left:15px;}
}
/* ------------------移动端产品搜索页面 end------------------ */




/* ------------------底部样式 start------------------ */
footer{width:100%;position:relative;background-color:#eeeeee;border-top:var(--mainColor) solid 4px;}
.footer_head{padding:40px 0;border-bottom:#dedede solid 1px;flex-wrap:wrap;}
.footer_head_clire{width:68px;height:68px;line-height:62px;;border:var(--mainColor) solid 2px;font-weight:bold;color:var(--mainColor);font-size:28px;border-radius:50%;overflow:hidden;text-align:center;margin-right:20px;}
.footer_head_txt{font-size:18px;font-weight:bold;color:#000000;}
.footer_main{padding:80px 0;align-items:flex-start;border-bottom:#dedede solid 1px;}
.footer_nav{width:calc(960 / 1920 * 100vw);align-items:flex-start;}
.footer_nav ul{padding:20px 60px 0;position:relative;width:calc(100% / 3);}
.footer_nav ul:not(:first-child)::after,.footer_right::after{content:'';border-left:#dedede solid 1px;display:block;height:220px;position:absolute;left:0;top:0;}
.footer_nav ul li:first-child{margin-bottom:25px;}
.footer_nav ul li:first-child a{color:#000;font-size:20px;}
.footer_nav ul li:hover a{text-decoration:underline;color:var(--mainColor);}
.footer_nav ul li{margin-bottom:15px;text-align:left;font-size:16px;}
.footer_nav ul li a{color:var(--helpColor);}
.footer_nav ul li:last-child{margin-bottom:0;}

.footer_right{padding:20px 60px 0;position:relative;flex:1;align-items:flex-start;}
.footer_right_time p{color:var(--mainColor);font-size:36px;font-weight:bold;}
.footer_right_time span{color:var(--helpColor);font-size:16px;}
.footer_right_qrcode p{font-size:20px;margin-bottom:20px;}
.footer_right_img{padding:12px;border-radius:8px;overflow:hidden;background-color:#fff;width:148px;height:148px;margin:0 auto;}
/* 网站版权 */
.footer_record{font-size:16px;padding:60px 0 80px;color:#888;text-align:center;}
.footer_record p:first-child{margin-bottom:23px;}
.footer_record a{color:#888;}
.footer_record a:hover{color:var(--mainColor);}
.footer_record_pay{margin-top:40px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.footer_record_pay_item{margin:0 5px;border:solid 1px var(--borderColor);width:168px;height:56px;display:flex;justify-content:center;align-items:center;}
.footer_record_pay_item img{width:102px;}
@media(min-width:1920px){
.footer_right{min-width:640px;}
}
@media(max-width:1680px){
    .footer_main{padding:60px 0;}
    .footer_nav ul,.footer_right{padding:15px 40px 0;}
    .footer_nav ul li{margin-bottom:10px;}
    .footer_nav ul li:first-child{margin-bottom:20px;}
    .footer_nav ul:not(:first-child)::after,.footer_right::after{height:200px;}
    .footer_record p:first-child{margin-bottom:10px;}
    .footer_record{padding:40px 0 60px;}
    .footer_right_time p{font-size:32px;}
    .footer_right_qrcode p{font-size:18px;margin-bottom:15px;}
    .footer_right_img{width:128px;height:128px;}
}
@media(max-width:1560px){
    .footer_head{padding:20px 0 ;}
    .footer_head_clire{width:48px;height:48px;line-height:42px;font-size:24px;margin-right:15px;}
    .footer_head_txt{font-size:16px;}

    .footer_main{padding:40px 0;}
    .footer_nav ul:not(:first-child)::after,.footer_right::after{height:180px;}
    .footer_nav ul li{margin-bottom:10px;}
    .footer_nav ul li:first-child{margin-bottom:20px;}
    .footer_nav ul li:first-child a{font-size:18px;}
    .footer_nav ul li a{font-size:14px;}
    .footer_record,.footer_right_time span{font-size:14px;}
    .footer_record_pay{margin-top:30px;}
    .footer_right_time p{font-size:28px;}
}
@media(max-width:1080px){
    .footer_head_item{width:50%;justify-content:center;margin:5px 0;}
    .footer_right{width:100%;justify-content:space-around;padding-top:0;}
    /* .footer_nav{width:100%;flex-wrap:wrap;order:2;} */
    .footer_nav{display:none;}
    .footer_nav ul:not(:first-child)::after,.footer_right::after{display:none;}

    .footer_main{flex-wrap:wrap;padding:50px 0;}
    .footer_line{display:none;}
    .footer-logo{width:100%;}
    .footer-logo img{width:185px;margin:0 auto 20px;}
    .footer_nav ul{width:100%;margin-right:0;transition:all ease .5s;max-height:43px;overflow:hidden;padding:0;}
    .footer_nav ul li{padding:0 2.5%;margin-bottom:0;line-height:30px;cursor:pointer;max-height:0;overflow:hidden;transition:all ease .5s;}
    .footer_nav ul li a{display:block;width:100%;font-size:16px;}
    .footer_nav ul li:hover a{text-decoration:none;}
    .footer_nav ul li:first-child{font-size:16px;font-weight:unset;margin-bottom:0px;line-height:42px;border-bottom:rgba(255,255,255,.1) solid 1px;padding:0 10px;max-height:45px !important;position:relative;}
    .footer_nav ul li:first-child a{display:inline;}
    .footer_nav ul li:first-child::after{content:'';display:block;position:absolute;width:8px;height:8px;border:#888 solid;border-width:2px 2px 0 0;top:50%;right:10px;transform:translateY(-50%) rotate(135deg);transition:all ease .3s;}
    .footer_nav ul .footer-arrow::after{transform:translateY(-50%) rotate(-45deg) !important;}
    .footer_right{padding-bottom:30px;}
    .footer_record_pay{justify-content:flex-start;}
    .footer_record_pay_item{margin:5px;}
}
@media(max-width:768px){
    .footer_head_clire{width:35px;height:35px;line-height:29px;font-size:18px;margin-right:10px;}
    .footer_head_txt{font-size:14px;}

    .footer-logo img{width:145px;}
    .footer_record p{justify-content:center;}
    .footer_nav ul li{font-size:14px;}
    .footer_record{font-size:14px;padding:40px 0;}
    .footer_right_time p{font-size:22px;}
}
@media(max-width:600px){
    .footer_record_pay_item{width:calc((100% - 30px) / 3);}
    .footer_right{padding:0 0 30px;flex-wrap:wrap;}
}
@media(max-width:475px){
    .footer_right_time,.footer_right_qrcode{width:100%;text-align:center;}
    .footer_right_qrcode{order:-1;margin-bottom:20px;}
    .footer_head_clire{width:30px;height:30px;line-height:24px;font-size:16px;margin-right:5px;}
    .footer_head_txt{font-size:12px;}

    .footer_main{padding:40px 0;box-sizing:border-box;}
    .footer_record_pay_item{width:calc((100% - 30px) / 3);margin:5px;height:40px;}
    .footer_record_pay_item img{width: 100%;}
}
/* ------------------底部样式 end------------------ */