:root{ --orange2:#fc6f00; --orange3:#e96904; --orange2_transparent:rgba(252,111,0,.9); --inside_bg:#f8f8f8; --window_scroll_val:0px; --fa:'FontAwesome'; --ts:.5s all cubic-bezier(.4, 0, .2, 1); --ts2:.8s all cubic-bezier(.4, 0, .2, 1); --index_tit_s:180px; /*首页模块之间的间距*/ --tit_t_s:140px; /*标题跟上面的模块间距*/ --tit_b_s:90px; /*标题跟上面的模块间距*/ --box_s:120px; /*模块与模块之间的间距*/ --detail_s:40px; /*内页顶部的间距*/ } @font-face { font-family: 'Archivo-Bold'; src:url('../fonts/Archivo-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal } body{overflow-x:hidden;} ul,li,dl,dt,dd{padding: 0;margin: 0;} a,a:hover,a:focus{text-decoration: none;} img{max-width:100%;} i,em,b{font-style: normal;} .container{} .row{margin: 0;} .hide{display: none;} @keyframes bg_move{ 0%{width:0;} 100%{width:100%;} } @keyframes nav_fixed_move{ 0%{top:-100px;} 100%{top:0px;} } /*共用*/ .com_title{text-align: center;position: relative;margin-bottom: 30px;} .com_title .ct_bg{color:rgba(255,254,254,.15);font-size: 130px;letter-spacing:1px;text-align: center;height:105px;line-height:104px;text-transform:uppercase;} .com_title .ct_txt{color:#fff;font-size: 36px;margin-top:-28px;} .com_title2{} .com_title2 span{display: block;font-size: 16px;font-weight: bold;margin-bottom: 10px;} .com_title2 h3{display: inline-block;position: relative;} .com_title2 h3:before{position: absolute;content: '';left: 0;bottom: 3px;width: 100%;height: 4px;background: var(--orange2);z-index:0;} .com_title2 h3 font{font-size: 32px;position: relative;display: inline-block;position: relative;z-index: 1;} .com_title2 p{color: #666;margin-top: 5px;} .com_title3{background:var(--orange2);height:50px;line-height:50px;} .com_title3 font{display: inline-block;color: #fff;padding: 0 20px;font-weight: bold;} .com_title3 font.active{background: #000;} .com_line{width: 40px;text-align: left;margin: 0;border-color:var(--orange2);} .com_btn{background:var(--orange2);color: #fff;padding: 12px 60px;font-size: 15px;font-weight: bold;display: inline-block;border: none;} .com_btn:hover{color: #fff;background:var(--orange3);} .com_nav{margin-bottom: 60px;} .com_nav ul{text-align: center;font-size: 0;} .com_nav ul li{display: inline-block;} .com_nav ul li a{color:rgba(255,255,255,.85);font-size: 14px;display: block;padding:25px 25px;background: #333;position: relative;} .com_nav ul li a:before{display: none;content: '';position: absolute;height: 0;width: 0;border: 6px solid transparent;border-top-color:#fc6f00;bottom: -12px;left: 0;right: 0;margin:auto;} .com_nav ul li a:hover,.com_nav ul li.active a{background: #fc6f00;} .com_nav ul li a:hover:before,.com_nav ul li.active a:before{display: block;} .custom_nav{} .custom_nav ul li a{background: #fff;color: #000;} .custom_nav ul li a:hover,.custom_nav ul li.active a{background:var(--orange2);color: #fff;} .com_contact{background:url(../index_img_69.png) no-repeat center 0px;padding-top: 80px;} .com_contact .row{height: 450px;margin-top:var(--tit_b_s);} .com_contact .cc_left{background: #fff;padding: 60px 60px 0;} .com_contact .cc_left dl{} .com_contact .cc_left dl dt{border-bottom: 1px solid #e4e4e4;position: relative;margin-bottom: 10px;} .com_contact .cc_left dl dt:before{height: 3px;position: absolute;content: '';width: 100px;background: #ed760b;left: 0;bottom: -1px;} .com_contact .cc_left dl dt h3{color: #333;font-size: 24px;display: inline-block;font-weight: bold;margin-bottom: 15px;} .com_contact .cc_left dl dt p{font-size: 17px;color: #c9c9c9;position: relative;display: inline-block;padding-left: 10px;font-weight: normal;} .com_contact .cc_left dl dt p:before{content: '/';position: absolute;left: 0;top: 0;} .com_contact .cc_left dl dd{} .com_contact .cc_left dl dd span{border-bottom: 1px solid #e4e4e4;display: block;line-height: 48px;color: #666;font-size: 15px;} .com_contact .cc_left dl dd span:nth-last-of-type(1){border: none;} .com_contact .cc_left dl dd span font{font-weight: bold;} .com_contact .cc_left dl dd span p{display: inline-block;margin-bottom: 0;} .com_contact .cc_left dl dd .btn_box{margin-top: 50px;} .com_contact .cc_left dl dd .btn_box .com_btn{padding:12px 40px;} .com_contact .cc_right{background: #fc6f00;} .com_contact .cc_right{padding: 60px 60px 0;} .com_contact .cc_right dl{} .com_contact .cc_right dl dt{margin-bottom: 20px;} .com_contact .cc_right dl dt h3{text-align: center;color: #fff;line-height: 1;} .com_contact .cc_right dl dt h3 span{font-size: 24px;margin-right: 5px;font-weight: bold;} .com_contact .cc_right dl dt h3 font{font-size: 17px;color: #c9c9c9;position: relative;display: inline-block;padding-left: 10px;font-weight: normal;color: #fff;} .com_contact .cc_right dl dt h3 font:before{content: '/';position: absolute;left: 0;top: 0;} .com_contact .cc_right dl dd{} .com_contact .cc_right dl dd span{display: block;margin-bottom: 10px;} .com_contact .cc_right dl dd span.s_flex{display: flex;justify-content:space-between;} .com_contact .cc_right dl dd span select{width: 100%;border: 1px solid #e2e4e4;height: 40px;padding: 0 10px;} .com_contact .cc_right dl dd span input{border: 1px solid #e2e4e4;height: 40px;padding: 0 10px;} .com_contact .cc_right dl dd span.s_flex input{width: 49%;} .com_contact .cc_right dl dd span textarea{border: 1px solid #e2e4e4;width: 100%;padding: 10px;max-height:150px;} .com_contact .cc_right dl dd span button{background:#000;color:#fff;border: none;padding: 12px 80px;} .com_media_box {position: relative;} .com_media_box .media_close_btn{width: 40px;height: 40px;font-size: 12px;cursor:pointer;background: #fff;border-radius: 50%;position:absolute;top:10px;right:10px;font-size: 24px;left:auto;transform:none;display: none;} .com_media_box .media_close_btn:hover{background:var(--orange2);color: #fff;} .com_media_box .media_close_btn:before{position:absolute;transform:translate(-50%,-50%);left:51%;top:48%;} /*内页公共样式*/ .inside{padding-bottom: 80px;padding-top:80px;} .inside_banner{position: relative;margin:0 auto;max-width:1920px;} .inside_banner .ib_title{position: absolute;top:30%;left: 20%;color: #fff;} .inside_banner .ib_title h3{font-size: 56px;font-weight: bold;position: relative;display: inline-block;margin-bottom: 0;text-transform: uppercase;padding-bottom: 5px;} .inside_banner .ib_title h3:before{position: absolute;content: '';left: 0;bottom: 0;height: 1px;width: 100%;background-image:linear-gradient(to right,#f66e04,rgba(255,255,255,0));} .inside_banner .ib_title p{font-size: 32px;} .inside_banner .ib_img{text-align:center;} .inside_banner .ib_img img{display:block;margin:0 auto;} .inside_nav{background: #000;} .inside_nav ul{text-align: center;font-size: 0;} .inside_nav ul li{display: inline-block;vertical-align:top;} .inside_nav ul li a{color: #fff;display: flex;position: relative;height: 70px;font-size: 16px;padding:0 80px 0 30px;justify-content:center;flex-direction:column;} .inside_nav ul li.active a,.inside_nav ul li a:hover{background:#fc6f00;} .inside_nav ul li a:before,.inside_nav ul li a:after{width: 0;height: 0;top: 0;content: '';position: absolute;border: 35px solid transparent;border-right: 50px solid #000;left:-50px;border-left: none;} .inside_nav ul li.active a:before,.inside_nav ul li a:hover:before{border-right-color: #fc6f00;z-index:2;} .inside_nav ul li a:after{border-right-color: #000;right:0px;left: auto;z-index:1;} .inside_nav ul li h3{display: inline-block;font-size: 21px;margin-bottom: 0;font-weight: bold;} .inside_nav ul li span{display: block;font-size: 12px;text-transform: uppercase;min-height:18px;} .inside .com_title{margin-bottom:var(--tit_b_s);} .inside .com_title .ct_bg{color: #e8e8e8;font-weight: bold;letter-spacing: 2px;} .inside .com_title .ct_txt{color:#fc6f00;font-weight: bold;} .inside .com_title .ct_p{font-size: 20px;margin-top: 10px;} .inside .com_contact{background-image: url(../inside_contact_bg_02.png);padding: var(--tit_t_s) 0 var(--tit_b_s);} .inside .com_contact .com_title .ct_bg{color:rgba(255, 255 ,255,.2);} .page{text-align: center;} .page a{font-size: 14px;display: inline-block;margin: 0 2px;background: #f4f4f4;padding: 10px 20px;color: #000;} .page a.active,.page a:hover{background: var(--orange2);color: #fff;} .inside_site{border-bottom: 1px solid #eee;height:50px;line-height: 50px;} .inside_site a{color: #999;} .inside_site span{color: #666;} .inside_rec_pro .irp_tit{color:var(--orange2);margin-bottom: 40px;} .inside_rec_pro .irp_tit h3{font-weight: bold;font-size: 36px;} .inside_rec_pro .irp_list{position: relative;} .inside_rec_pro .irp_list .swiper-slide{background: #fff;padding-bottom:0px;} .inside_rec_pro .irp_list .swiper-slide a{display: block;color: #000;border: 1px solid #ededed;padding-bottom: 0px;position: relative;} .inside_rec_pro .irp_list .swiper-slide a:hover{color:var(--orange2);} .inside_rec_pro .irp_list .swiper-slide a i{display: block;position: relative;text-align: center;padding: 20px 40px;} .inside_rec_pro .irp_list .swiper-slide a i img{} .inside_rec_pro .irp_list .swiper-slide a i .srp_layout{position: absolute;top: calc(-100% - 2px);left: 0;height: calc(100% + 1px);padding: 20px 20px 10px;width: 100%;transition:var(--ts);background:var(--orange2_transparent);text-align: left;overflow:hidden;} .inside_rec_pro .irp_list .swiper-slide a:hover i .srp_layout{top: 0;} .inside_rec_pro .irp_list .swiper-slide a i .srp_layout p{color: #000;} .inside_rec_pro .irp_list .swiper-slide a span{display: block;margin-top:0px;text-align: center;font-size: 18px;border-top:1px solid #ededed;height: 60px;line-height: 60px;} .inside_rec_pro .irp_list .swiper-slide a:hover span{background:var(--orange2);color: #000;} .inside_rec_pro .irp_list .swiper-button-prev{} .inside_rec_pro .irp_list .rp-arrow{position: absolute;width: 80px;height: 50px;background:var(--orange2);color: #fff;cursor:pointer;top:-90px;right:83px;} .inside_rec_pro .irp_list .rp-arrow.swiper-button-disabled{background: #000;} .inside_rec_pro .irp_list .rp-arrow:before{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);font-size: 18px;} .inside_rec_pro .irp_list .rp-arrow.swiper-rp-button-next{right:0;} .online {position:fixed;top:50%;transform:translateY(-50%);right:10px;z-index:999;color:#999;} .online a {color:#666;} .online a:hover {text-decoration:none;} .online dl {background:#E2550E;padding:10px 8px;margin-bottom:1px;position:relative;border-radius:5px;} .online dl dd {color:#fff;text-align:center;line-height:1.2;cursor:pointer;font-size:12px;} .online dl dd i {font-size:28px;} .online dl:hover {background:var(--orange3);} .online dl dt {position:absolute;width:150px;top:0px;right:65px;color:#fff;background:var(--orange2);z-index:9999;display:none;line-height:36px;padding:10px;border-radius:5px;} .online dl:nth-child(3) dt{width: 90px;} .online dl dt p{margin-bottom: 0;} .online dl dt h3 {display:block;font-size:16px;color:#666;border-bottom:1px solid #ccc;padding-bottom:5px;} .online dl dt h3 i {margin-right:5px;} .online dl dt h3 span {float:right;cursor:pointer;} .online dl dt input {border:1px solid #ccc;border-radius:5px;margin-top:15px;height:40px;line-height:40px;padding:3px 5px;width:100%;} ..online dl dt button {margin:10px 0;border:none;border-radius:5px;width:100%;font-size:18px;height:40px;line-height:40px;background:#28a7e1;color:#fff;cursor:pointer;} /*头部*/ header{background: #000;} header .h_top{background:#fc6f00;height:38px;line-height:38px;} header .h_top .ht_icon{float: left;margin-right: 50px;} header .h_top .ht_icon dl{} header .h_top .ht_icon dl dt{float: left;margin-right: 10px;} header .h_top .ht_icon dl dt span{margin:0 5px;display: inline-block;height: 38px;} header .h_top .ht_icon dl dt span i{color:#333;transition:var(--ts);} header .h_top .ht_icon dl dt span:hover i{color:#000;} header .h_top .ht_icon dl dd{float: left;height: 38px;overflow:hidden;} header .h_top .ht_icon dl dt span:first-child{position: relative;} header .h_top .ht_icon dl dt span:first-child .eject_code{position: absolute;left: 50%;transform:translateX(-50%);top:37px;width: 100px;z-index:11111111;display: none;} header .h_top .ht_icon dl dt span:first-child:hover .eject_code{display: block;} header .h_top .ht_icon dl dt span:first-child .eject_code:before{position: absolute;content: '';border: 12px solid transparent;border-bottom-color: #fff;top:-22px;left: 50%;transform:translate(-50%);} header .h_top .ht_icon dl dt span:first-child .eject_code img{} header .h_top .ht_lang{float: right;} header .h_top .ht_lang .bootstrap-select{max-width:60px;height: 32px;vertical-align: top;margin-top: 3px;} header .h_top .ht_lang .bootstrap-select .dropdown-menu{z-index:111111;} header .h_top .ht_lang .bootstrap-select>.dropdown-toggle{vertical-align: top;height: 100%;background: none;border: none;padding: 0;color: #000;outline:none !important;} header .h_top .ht_lang .bootstrap-select>.dropdown-toggle:focus{outline:none !important;box-shadow: none;} header .h_top .ht_lang .bootstrap-select .dropdown-menu li a.dropdown-item{text-align: center;padding: .25rem 5px;} header .h_top .ht_lang .bootstrap-select .dropdown-toggle .filter-option-inner-inner img{vertical-align: top;} header .h_down{height: 100px;position: relative;z-index: 1111;width: 100%;transition:var(--ts);background: rgba(0,0,0,.6);} header.active .h_down{position: fixed;top:0;animation:nav_fixed_move .5s;} header .h_down .container{height:100%;} header .h_down .hd_logo{float: left;position: relative;top: 50%;transform:translateY(-50%);max-width:280px;} header .h_down .hd_logo a{} header .h_down .hd_logo img{} header .h_down .hd_nav{float: right;margin-right: 20px;} header .h_down .hd_nav ul{} header .h_down .hd_nav ul li{float: left;padding:0 10px;line-height: 100px;position: relative;} header .h_down .hd_nav ul li:last-child{border: none;} header .h_down .hd_nav ul li:before{content: '';position: absolute;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);height: 16px;background: #adadad;right: 0;width: 1px;} header .h_down .hd_nav ul li:last-child:before{display: none;} header .h_down .hd_nav ul li:nth-child(3):hover{} header .h_down .hd_nav ul li a{color: #fff;font-size: 15px;} header .h_down .hd_nav>ul>li>a{position: relative;} header .h_down .hd_nav>ul>li>a:after{content: '';position: absolute;bottom: -40px;left: 0;width: 100%;height: 3px;background:var(--orange2);display: none;} header .h_down .hd_nav>ul>li:hover>a{color:var(--orange2);} header .h_down .hd_nav>ul>li.active>a:after,header .h_down .hd_nav>ul>li:hover>a:after{display: block;} header .h_down .hd_nav li .two_nav_com{position:absolute;left: 0;top:110%;transition:all .4s cubic-bezier(.4, 0, .2, 1);opacity:0;pointer-events:none;background: #eee;} header .h_down .hd_nav li:hover .two_nav_com,header .h_down .hd_nav li .app_column.active{top:100%;opacity:1;pointer-events:visible;} header .h_down .hd_nav li .two_nav_def{position:absolute;width:120px;left:50%;transform:translateX(-50%);} header .h_down .hd_nav li .two_nav_def a{display:block;width:100%;line-height:50px;text-align:center;color:#000;} header .h_down .hd_nav li .two_nav_def a:hover{background:var(--orange2);color: #000;} header .h_down .hd_nav li .app_column{width:calc(100vw - var(--scrollbar-width));left:50%;transform:translateX(-50%);display: block;position:fixed;top:160px;} header .h_down .hd_nav li:hover .app_column,header .h_down .hd_nav li .two_nav_com.app_column.active,header .h_down .hd_nav li:hover .pro_nav,header .h_down .hd_nav li .two_nav_com.pro_nav.active{top:calc(138px - var(--window_scroll_val));} header .h_down .hd_nav li.del_hover:hover .two_nav_com{opacity:0;pointer-events:none;} header .h_down .hd_nav li .app_column .ac_list{padding: 30px 0;} header .h_down .hd_nav li .app_column ul{margin: 0 -20px;text-align: center;font-size: ;} header .h_down .hd_nav li .app_column ul:after{clear: both;content: '';display: table;} header .h_down .hd_nav li .app_column ul li{width: 16.6666%;padding: 0 20px;border: none;float:none;display: inline-block;} header .h_down .hd_nav li .app_column ul li:before{display: none;} header .h_down .hd_nav li .app_column ul li a{line-height: initial;} header .h_down .hd_nav li .app_column ul li:hover a:hover{color:var(--orange2);} header .h_down .hd_nav li .app_column ul li p{height:160px;overflow: hidden;position: relative;} header .h_down .hd_nav li .app_column ul li p img{position: absolute;left: 50%;transform:translate(-50%);max-width: none;max-height: 100%;} header .h_down .hd_nav li .app_column ul li span{display: block;border-bottom: 1px solid #dedede;padding-bottom: 15px;} header .h_down .hd_nav li .app_column ul li span:after{content: '';display: table;clear: both;} header .h_down .hd_nav li .app_column ul li span font{float: left;font-size: 18px;font-weight: bold;color: #000;} header .h_down .hd_nav li .app_column ul li:hover span font{color:var(--orange2);} header .h_down .hd_nav li .app_column ul li span i{float: right;color: #adadad;font-size: 18px;} header .h_down .hd_nav li .app_column ul li:hover span i{color:var(--orange2);} header .h_down .hd_nav li .pro_column{width:760px;position:absolute;left:0;background:#fff;opacity:0;pointer-events:none;top:90%;} header .h_down .hd_nav li .pro_column ul{background: #f6f6f6;width:250px;float:left;cursor:pointer;} header .h_down .hd_nav li .two_nav_com.active{top:100%;opacity:1;pointer-events:visible;} header .h_down .hd_nav li .pro_column ul li{float: none;padding: 0;} header .h_down .hd_nav li .pro_column ul li:before{display: none;} header .h_down .hd_nav li .pro_column ul li a{padding:0 30px 0 50px;line-height:50px;border-bottom:1px solid #fff;display: block;font-size: 16px;color: #000;} header .h_down .hd_nav li .pro_column ul li.active a{color:var(--orange2);} header .h_down .hd_nav li .pro_column ul li span{display:block;float:left;position:relative;width:18px;height:18px;overflow:hidden;margin:16px 20px 0 0;} header .h_down .hd_nav li .pro_column ul li span img,header .h_down .hd_nav li .pro_column ul li:hover span img:nth-child(1){display: none;} header .h_down .hd_nav li .pro_column ul li span img:nth-child(1),header .h_down .hd_nav li .pro_column ul li:hover span img:nth-child(2){display:block;} header .h_down .hd_nav li .pro_column ul li font{} header .h_down .hd_nav li .pro_column ul li i{float: right;} header .h_down .hd_nav li .pro_column ul li i:before{content: '\f105';font-family:var(--fa);} header .h_down .hd_nav li .pro_column dl{background: #fff;width:calc(100% - 250px);float:right;height:100%;position:relative;min-height:200px;overflow:hidden;} header .h_down .hd_nav li .pro_column dl dd{display: none;} header .h_down .hd_nav li .pro_column dl dd.active{display:block;} header .h_down .hd_nav li .pro_column dl dd a{display:block;width:25%;height:50px;line-height: 50px;float:left;text-align:center;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} header .h_down .hd_nav li .pro_column dl dd a:hover{color:var(--orange2);text-decoration:underline;} header .h_down .hd_nav li .pro_nav{position: fixed;height: auto;width: 100%;left:0;background: none;top:160px;} header .h_down .hd_nav li .pro_nav .container{width: auto;padding: 0;text-align: center;} header .h_down .hd_nav li .pro_nav.active{} header .h_down .hd_nav li .pro_nav .pn_box{display: flex;justify-content:left;padding:20px 30px 10px;background: #eee;text-align: left;flex-wrap:wrap;width: 100%;} /*header .h_down .hd_nav li .pro_nav .pn_box dl{line-height: initial;display: inline-block;vertical-align: top;padding-right: 15px;width: 9.09%;margin-bottom: 10px;} header .h_down .hd_nav li .pro_nav .pn_box dl:nth-child(11n){padding-right: 0;} header .h_down .hd_nav li .pro_nav .pn_box dl:last-child{margin-right: 0;} header .h_down .hd_nav li .pro_nav .pn_box dl dt{margin-bottom: 15px;border-bottom: 1px solid #DCDCDC;padding-bottom: 15px;} header .h_down .hd_nav li .pro_nav .pn_box dl dt a{color:#000;font-size: 18px;font-weight: bold;} header .h_down .hd_nav li .pro_nav .pn_box dl dt a:hover{color:var(--orange2);} header .h_down .hd_nav li .pro_nav .pn_box dl dd{} header .h_down .hd_nav li .pro_nav .pn_box dl dd a{display: block;color:rgba(0,0,0,1);margin-bottom: 10px;padding-left: 0;position: relative;font-family:'FontAwesome';} header .h_down .hd_nav li .pro_nav .pn_box dl dd a:hover{color:var(--orange2);} header .h_down .hd_nav li .pro_nav .pn_box dl dd a:before{content: '\f105';position: absolute;left: 5px;top: 50%;transform:translateY(-50%);font-size: 16px;display: none;} header .h_down .hd_nav li .pro_nav .pn_box dl dd a font{font-size: 15px;} header .h_down .hd_nav li .pro_nav .pn_box dl dd a i{margin-left: 30px;font-size: 16px;position: absolute;right: 20px;top: 0;bottom: 0;margin: auto;height: 16px;}*/ header .h_down .hd_nav li .pro_nav .pn_box dl{line-height: initial;display: inline-block;vertical-align: top;padding-right: 5%;width:auto;flex:1;margin-bottom: 10px;} header .h_down .hd_nav li .pro_nav .pn_box dl:nth-child(11n){padding-right: 0;} header .h_down .hd_nav li .pro_nav .pn_box dl:last-child{margin-right: 0;padding-right: 0;} header .h_down .hd_nav li .pro_nav .pn_box dl dt{margin-bottom: 15px;border-bottom: 1px solid #DCDCDC;padding:12px 0;} header .h_down .hd_nav li .pro_nav .pn_box dl dt a{color:#000;font-size: 23px;font-weight: bold;} header .h_down .hd_nav li .pro_nav .pn_box dl dt a:hover{color:var(--orange2);} header .h_down .hd_nav li .pro_nav .pn_box dl dd{} header .h_down .hd_nav li .pro_nav .pn_box dl dd a{display: block;color:rgba(0,0,0,1);margin-bottom: 10px;padding-left: 0;position: relative;font-family:'FontAwesome';} header .h_down .hd_nav li .pro_nav .pn_box dl dd a:hover{color:var(--orange2);} header .h_down .hd_nav li .pro_nav .pn_box dl dd a:before{content: '\f105';position: absolute;left: 5px;top: 50%;transform:translateY(-50%);font-size: 16px;display: none;} header .h_down .hd_nav li .pro_nav .pn_box dl dd a font{font-size: 15px;} header .h_down .hd_nav li .pro_nav .pn_box dl dd a i{margin-left: 30px;font-size: 16px;position: absolute;right: 20px;top: 0;bottom: 0;margin: auto;height: 16px;} header .h_down .hd_nav li .pro_nav .pn_box dl dd .three_cat{margin-bottom: 15px;} header .h_down .hd_nav li .pro_nav .pn_box dl dd .three_cat .three_cat_a{display: block;} header .h_down .hd_nav li .pro_nav .pn_box dl dd .three_cat .three_cat_a font{font-size: 18px;font-weight: bold;} header .h_down .hd_nav li .pro_nav .pn_box dl dd .three_cat .four_cat{white-space:initial;width: 100%;font-size: 0;} header .h_down .hd_nav li .pro_nav .pn_box dl dd .three_cat .four_cat a{width: 50%;display: inline-block;font-size: 14px;} header .h_down .hd_nav li .about_column{} header .h_down .hd_nav li .about_column:after{position: absolute;bottom: 30px;width: 100%;height: 1px;background: #e1e1e1;left: 0;content: '';} header .h_down .hd_nav li .about_column ul{margin: 0 -8px;display: flex;} header .h_down .hd_nav li .about_column ul li{width: auto;padding:0 8px;} header .h_down .hd_nav li .about_column ul li p img{position: static;transform:none;} header .h_down .hd_nav li .about_column ul li span{border: none;} header .h_down .hd_nav li .about_column ul li span i{border-radius: 50%;background: #f2f2f2;height: 30px;width: 30px;position: relative;} header .h_down .hd_nav li .about_column ul li span i:before{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);} header .h_down .hd_search{float: right;position: relative;top: 50%;transform:translateY(-50%);font-size: 0;} header .h_down .hd_search input{height: 36px;font-size: 15px;border: none;padding-left: 10px;max-width: 150px;} header .h_down .hd_search button{border: none;background: #fc6f00;height: 36px;padding: 0 20px;} header .h_down .hd_search button i{color: #fff;font-size: 16px;} /*底部*/ footer{background: #000;padding-top: 10px;overflow:hidden;} footer .f_logo{margin: 30px 0 50px;} footer .f_top{margin-bottom: 50px;} footer .f_top .ft_left{padding: 0;display: flex;justify-content:space-between;padding-right: 20px;} footer .f_top .ft_left dl{} footer .f_top .ft_left dl dt{margin-bottom: 20px;} footer .f_top .ft_left dl dt a{color: #fff;font-size: 16px;display: block;} footer .f_top .ft_left dl dt a:hover{color:var(--orange2);} footer .f_top .ft_left dl dd{} footer .f_top .ft_left dl dd a{color:rgba(255,255,255,.5);font-size: 14px;display: block;margin-bottom: 10px;} footer .f_top .ft_left dl dd a:hover{color:var(--orange2);} footer .f_top .ft_right{padding: 0;color: #fff;border-left: 1px solid #999;} footer .f_top .ft_right .ftr_code{display: flex;font-size: 14px;justify-content:center;} footer .f_top .ft_right .ftr_code span{margin: 0 5px;} footer .f_top .ft_right .ftr_code span i{display: block;margin-bottom: 10px;padding: 0 5px;} footer .f_top .ft_right .ftr_code span i img{max-width:150px;} footer .f_top .ft_right .ftr_code span p{} footer .f_top .ft_right .ftr_code span p font{display: block;color:rgba(255,255,255,.5);} footer .f_top .ft_right .ftr_txt{padding: 0;} footer .f_top .ft_right .ftr_txt h4{font-size: 16px;} footer .f_top .ft_right .ftr_txt span{font-size: 14px;color:rgba(255,255,255,.5);} footer .f_top .ft_right .ftr_txt span p{margin-bottom: 3px;} footer .f_top .ft_right .ftr_txt span .code_box i{color:rgba(255,255,255,.9);margin: 0 5px;opacity:.6;transition:var(--ts);} footer .f_top .ft_right .ftr_txt span .code_box:hover i{opacity:1;} footer .f_top .ft_right .ftr_txt span .code_box i>img{height:14px;vertical-align: top;} footer .f_top .ft_right .ftr_txt span .code_box{display: inline-block;position: relative;} footer .f_top .ft_right .ftr_txt span .code_box font img{display: none;width: 130px;position: absolute;left: 50%;max-width:none;transform:translateX(-50%);bottom:24px;} footer .f_top .ft_right .ftr_txt span .code_box font:before{content: '';position: absolute;border: 6px solid transparent;border-top: 6px solid #fff;top:-4px;left: 50%;transform:translateX(-50%);display: none;} footer .f_top .ft_right .ftr_txt span .code_box:hover font:before{display: block;} footer .f_top .ft_right .ftr_txt span .code_box:hover font img{display: block;} footer .f_down{position: relative;background: #fc6f00;padding: 20px 0;} footer .f_down:before{position: absolute;background:#000 url(../index_img_82.png) no-repeat center top;height:30px;width: 100%;content: '';left: 0;top: 0;z-index:0;} footer .f_down .fw_txt{position:relative;text-align: center;} /*首页*/ .index .com_title{margin-bottom: 60px;} .index .com_nav{margin-bottom: 70px;} .index .com_title .ct_bg{color:rgba(255,255,255,.07);font-family:Archivo-Bold;} .index .com_title .ct_txt{margin-top: -40px;} .index_banner{} .index_banner .swiper-container{width:100%;} .index_banner .swiper-slide img{display:block;margin:0 auto;} .index_banner .swiper-pagination.swiper-pagination-bullets{bottom:30px;width:auto;right:0;left:0;margin:auto;} .index_banner .swiper-pagination .swiper-pagination-bullet{background: rgba(255,255,255,.3);width: 70px;height:4px;/*transform:skew(-48deg,0);*/border-radius: 0;opacity:1;} .index_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(255,255,255,1);position: relative;} .index_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{position: absolute;width: 100%;content:'';left: 0;top: 0;height: 100%;background: var(--orange2);animation:bg_move 4.6s infinite;} .index_banner .swiper-button-prev,.index_banner .swiper-button-next{opacity:1;color:var(--orange2);} .index_banner .swiper-button-prev{left:5%;} .index_banner .swiper-button-next{right:5%;} .index_banner .swiper-button-prev.swiper-button-disabled,.index_banner .swiper-button-next.swiper-button-disabled{opacity:1;color:#adadad;pointer-events:initial;} .index_banner .swiper-button-prev:after,.index_banner .swiper-button-next:after{display: none;} .index_banner:hover .swiper-button-prev:after,.index_banner:hover .swiper-button-next:after{display: block;} .index_cat{margin-bottom: var(--index_tit_s);z-index:1;position: relative;} .index_cat ul{column-count:3;column-gap:15px;margin-top:130px;} .index_cat ul li{position: relative;margin-bottom: 15px;overflow: hidden;} .index_cat ul li:nth-child(n+4){margin-bottom: 0;} .index_cat ul li:nth-child(5){margin-bottom: 15px;} .index_cat ul li a{ display: block;position: relative;} .index_cat ul li .ic_img{overflow: hidden;} .index_cat ul li .ic_img i{position: absolute;background-image:linear-gradient(45deg,rgba(234,106,4,1) -8%,rgba(187,88,0,.7),rgba(161,103,66,.45));left: 0;top: 100%;width: 100%;height: 100%;transition:.5s all cubic-bezier(.4, 0, .2, 1);} .index_cat ul li:hover .ic_img i{top:0;} .index_cat ul li .ic_txt{position: absolute;bottom: 40px;color: #fff;width:80%;margin:auto;left: 0;right: 0;line-height: 30px;height: 30px;} .index_cat ul li .ic_txt font{float: left;font-size: 20px;font-weight: bold;} .index_cat ul li .ic_txt i{float: right;border-radius: 50%;background: rgba(255,255,255,.2);width:50px;height:50px;font-size: 16px;position: relative;top:50%;transform:translateY(-50%);transition:var(--ts);} .index_cat ul li:hover .ic_txt i{background: rgba(255,255,255,1);color: #ed770c;} .index_cat ul li .ic_txt i:before{position: absolute;top: 0;bottom: 0;margin: auto;left: 0;right: 0;width: 8px;height: 14px;} .index_pro{margin-bottom:var(--index_tit_s);position: relative;} .index_pro:before{position: absolute;left: 0;top:-110px;background-image:linear-gradient(to bottom,#000 70%,rgba(0,0,0,.2));height: 400px;content:'';width: 100%;z-index:0;} .index_pro .com_nav{margin-top: 60px;margin-bottom: 70px;} .index_pro .ip_list{margin-bottom:50px;min-height:400px;} .index_pro .ip_list .tab_item{display: none;} .index_pro .ip_list .tab_item:first-child{display: block;} .index_pro .ip_list ul{text-align: left;font-size: 0;} .index_pro .ip_list ul li{display: inline-block;padding: 0 3px;margin-bottom:6px;width: 33.333%;text-align: center;vertical-align: top;} .index_pro .ip_list ul li a,.index_pro .ip_list ul li a .ipl_layout span{font-size: 16px;display:flex;background: #fff;padding: 30px 7%;font-size: 0;position: relative;overflow:hidden;} .index_pro .ip_list ul li a .ipl_img{display: inline-block;width: 52%;padding-right: 5%;text-align: right;align-self:center;} .index_pro .ip_list ul li a .ipl_img img{} .index_pro .ip_list ul li a .ipl_txt{display:flex;width: 48%;/*flex-direction:column;align-items:center;*/justify-content:space-between;flex-wrap:wrap;text-align: left;} .index_pro .ip_list ul li a .ipl_txt h3,.index_pro .ip_list ul li a .ipl_layout span h3{color: #ed760b;font-size: 32px;height: 76px;overflow: hidden;font-weight: bold;width: 100%;} .index_pro .ip_list ul li a .ipl_txt font{position: relative;font-size: 16px;padding: 10px 25px;display: inline-block;background: #fc6f00;color: #000;align-self:flex-end;z-index:111;transition:var(--ts);overflow: hidden;} .index_pro .ip_list ul li:hover a .ipl_txt font{background: #fff;} .index_pro .ip_list ul li a .ipl_txt font:before,.index_pro .ip_list ul li a .ipl_txt font:after{content: '';width: 2px;height: 26px;background: #fff;transform:rotate(45deg);position: absolute;left:8px;top:-4px;} .index_pro .ip_list ul li:hover a .ipl_txt font:before,.index_pro .ip_list ul li:hover a .ipl_txt font:after{background:var(--orange2);} .index_pro .ip_list ul li a .ipl_txt font:after{right:8px;bottom:-4px;left: auto;top:auto;} .index_pro .ip_list ul li a .ipl_layout{position: absolute;height: 100%;width: 100%;background:var(--orange2);left: 0;bottom: 100%;transition:var(--ts);} .index_pro .ip_list ul li:hover a .ipl_layout{bottom: 0;} .index_pro .ip_list ul li a .ipl_layout span{height: 100%;background:var(--orange2);flex-wrap:wrap;justify-content:flex-start;align-items:baseline;text-align: left;align-content:flex-start;} .index_pro .ip_list ul li a .ipl_layout span h3{color:rgba(0,0,0,.8);display: block;margin-bottom: 17px;width: 100%;height: auto;} .index_pro .ip_list ul li a .ipl_layout span p{font-size: 18px;width: 100%;color:rgba(0,0,0,.7);} .index_pro .ip_more{text-align: center;} .index_media{position: relative;margin-bottom: var(--index_tit_s);} .index_media:before{position: absolute;content: '';background:url(../index_bg_04.jpg);height:;top:-1108px;left:;width: 100%;height: 2703px;z-index: -1;} .index_media .im_box{margin-bottom: 60px;margin-top: 90px;} .index_media .im_box .swiper-slide{position: relative;} .index_media .im_box video{width: 100%;} .index_media .im_box i{border-radius: 50%;position:absolute;background: #fff;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 40px;height: 40px;font-size: 12px;cursor:pointer;} .index_media .im_box i.hide{display: none;} .index_media .im_box i:hover{background:var(--orange2);color: #fff;} .index_media .im_box i:before{position: absolute;top: 52%;left: 54%;transform:translate(-50%,-50%);} .index_media .im_box i.close_media{top:10px;right:10px;font-size: 24px;left:auto;transform:none;display: none;} .index_media .im_box i.close_media:before{left:52%;top:50%;} .index_media .im_box span{position: absolute;bottom: 50px;text-align: center;color: #fff;left: 50%;transform:translateX(-50%);font-weight: bold;max-width:200px;} .index_media .im_box .im-arrow{color:rgba(255,255,255,1);} .index_media .im_box .swiper-button-prev{left:2%;} .index_media .im_box .swiper-button-next{right:2%;} .index_media .im_box dl{display: flex;} .index_media .im_box dl dt{width: 50%;margin-right: 7px;} .index_media .im_box dl dt a{position: relative;} .index_media .im_box dl dt a i{display: none;} .index_media .im_box dl dt a:hover i{display: block;} .index_media .im_box dl dd{width: 50%;margin-left: 7px;} .index_media .im_box dl dd a{display: block;margin-bottom: 14px;position: relative;} .index_media .im_box dl dd a i{display: none;} .index_media .im_box dl dd a:hover i{display: block;} .index_media .im_more{text-align: center;} .index_about {margin-bottom: var(--index_tit_s);margin-top: 0;background-image: linear-gradient(to bottom,rgba(0,0,0,.3) 1%,rgba(0,0,0,1));} .index_about .row{background:url(../index_bg_05.jpg) no-repeat center center;height:670px;border: 1px solid #555552;margin-top: 50px;} .index_about .ia_left{color: #fff;display: flex;justify-content:space-between;flex-direction:column;padding: 120px 5% 80px;} .index_about .ia_left .ial_txt{} .index_about .ia_left .ial_txt h3{margin-bottom: 20px;} .index_about .ia_left .ial_txt span{display: block;line-height: 28px;} .index_about .ia_left .ial_txt span font{color:rgba(255,255,255,.75);} .index_about .ia_left .ial_txt span a{color: #ed760b;display: inline-block;margin-left: 10px;} .index_about .ia_left .ial_btn{text-align: left;} .index_about .ia_left .ial_btn a{font-size: 18px;font-weight: normal;padding: 15px 80px;} .index_about .ia_right{height: 100%;padding: 0;} .index_about .ia_right ul{font-size: 0;height: 100%;} .index_about .ia_right ul li{color: #fff;height: 50%;width: 33.333%;border-left: 1px solid #555552;display: inline-block;vertical-align: top;padding: 80px 0px 0 20px;} .index_about .ia_right ul li:hover{background:rgba(255,121,0,.15);} .index_about .ia_right ul li:nth-child(n+3){border-top: 1px solid #555552;} .index_about .ia_right ul li i{margin-bottom: 20px;display: block;} .index_about .ia_right ul li h4{white-space: nowrap;} .index_about .ia_right ul li h4 span{color: #ed760b;font-size:36px;} .index_about .ia_right ul li h4 font{font-size: 16px;font-weight: bold;color: #fff;} .index_about .ia_right ul li p{font-size: 14px;color:rgba(255,255,255,.75);} .index_news{margin-bottom: var(--index_tit_s);margin-top: 0;} .index_news .in_list{margin-bottom: 50px;} .index_news .in_list .tab_item{display: none;} .index_news .in_list .tab_item:first-child{display: block;} .index_news .in_list ul{font-size: 0;display:flex;flex-wrap:wrap;} .index_news .in_com_list .cl_item{display: inline-block;width: 25%;padding: 0 3px;margin-bottom: 6px;vertical-align: top;} .index_news .in_com_list .cl_item a{display: block;color: #fff;height: 100%;background:#444;} .index_news .in_com_list .cl_item .inl_img{position: relative;} .index_news .in_com_list .cl_item .inl_img span{background:rgba(252,111,0,.6);position: absolute;left: 0;top: 0;display: none;width: 100%;height: 100%;} .index_news .in_com_list .cl_item:hover .inl_img span{display: block;} .index_news .in_com_list .cl_item .inl_img span i{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 50px;height: 50px;border: 1px solid #fff;font-size: 58px;font-style: normal;} .index_news .in_com_list .cl_item .inl_img span i:before{content:"+";position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);height: 28px;line-height: 23px;} .index_news .in_com_list .cl_item .inl_txt{background: #444;padding: 20px;} .index_news .in_com_list .cl_item .inl_txt h3{font-size: 18px;} .index_news .in_com_list .cl_item:hover .inl_txt h3{color:var(--orange2);} .index_news .in_com_list .cl_item .inl_txt p{font-size: 14px;color:rgba(225,225,225,.75);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .index_news .in_com_list .cl_item .inl_txt .inl_info{font-size: 12px;} .index_news .in_com_list .cl_item .inl_txt .inl_info:after{content: '';clear: both;display: table;} .index_news .in_com_list .cl_item .inl_txt .inl_info .fl{} .index_news .in_com_list .cl_item .inl_txt .inl_info .fl i{} .index_news .in_com_list .cl_item .inl_txt .inl_info .fl font{margin-left: 5px;} .index_news .in_com_list .cl_item .inl_txt .inl_info .fr{color: #7c7c7c;} .index_news .in_more{text-align: center;} .index_contact{margin-bottom: 80px;margin-top: var(--index_tit_s);padding-top: 10px;} .index_media_layout{position:fixed;left: 0;top: 0;height: 100%;width: 100%;display: none;z-index:11111111;background: #000;} .index_media_layout video{height: 100%;width: 100%;} .index_media_layout i{position: absolute;right: 16px;top: 8px;color: #9d9d9d;font-size: 28px;cursor:pointer;} .about_media_layout .modal{left:50%;width:40%;transform:translate(-50%,-50%);top:50%;height: auto;} .about_media_layout .modal .modal-dialog{margin-top: 0;max-width:none;} .index_about .ia_left .about_media_layout video{max-height: 500px;background:#000;width: 100%;} /*企业简介*/ .about{padding-bottom: 0;padding-top:0px !important;} .about .a_group1{position: relative;padding: 60px 0 var(--box_s);} .about .a_group1:before{background:url(../about_bg_02.png) center -198px no-repeat;height:1201px;width: 100%;position: absolute;content: '';top: 0;left: 50%;transform:translateX(-50%);z-index: -1;} .about .a_group1 .ag1_box{} .about .a_group1 .ag1_box .ag1_img{padding: 0;padding-right: 10px;} .about .a_group1 .ag1_box .ag1_img img{} .about .a_group1 .ag1_box .ag1_txt{padding: 0;padding-left: 20px;} .about .a_group1 .ag1_box .ag1_txt h3{font-size: 32px;font-weight: bold;margin-bottom: 40px;} .about .a_group1 .ag1_box .ag1_txt span{} .about .a_group1 .ag1_box .ag1_txt span p{line-height: 22px;margin-bottom: 40px;color: #525252;font-size: 13px;} .about .a_group1 .ag1_box .ag1_txt span p:last-child{margin-bottom: 0;} .about .a_group1 .ag1_list{margin-top: 20px;} .about .a_group1 .ag1_list ul{display: flex;justify-content:space-between;} .about .a_group1 .ag1_list ul li{background: #444;flex:1;color: #fff;padding:30px 20px;} .about .a_group1 .ag1_list ul li:nth-child(even){background: #fc6f00;} .about .a_group1 .ag1_list ul li i{display: block;margin-bottom: 20px;} .about .a_group1 .ag1_list ul li i img{} .about .a_group1 .ag1_list ul li h3{} .about .a_group1 .ag1_list ul li h3 font{color: #fc6f00;font-size: 28px;} .about .a_group1 .ag1_list ul li:nth-child(even) font{color: #444;} .about .a_group1 .ag1_list ul li h3 p{display: inline-block;font-size: 16px;margin-bottom: 0;font-weight: bold;} .about .a_group1 .ag1_list ul li span{color: #ebeaeb;font-size: 15px;} .about .a_group2{background: url(../about_bg_04.jpg) center top no-repeat;padding-bottom: var(--box_s);} .about .a_group2 .com_title .ct_bg{color:rgba(232,232,232,.2);padding-top: var(--tit_t_s);box-sizing:content-box;} .about .a_group2 .ag2_media{text-align: center;} .about .a_group2 .ag2_media .row{display: inline-block;position: relative;} .about .a_group2 .ag2_media video{max-width:100%;} .about .a_group2 .ag2_media span{position: absolute;left:50%;transform:translateX(-50%);bottom:205px;} .about .a_group2 .ag2_media span i{width: 110px;height: 110px;border: 2px solid #dacfd4;background:rgba(0,0,0,.5);font-size:32px;color: #fff;position: relative;} .about .a_group2 .ag2_media span i:before{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);} .about .a_group2 .ag2_media span p{} .about .a_group2 .ag2_media span p a{color: #fff;} .about .a_group3{padding-top:var(--tit_t_s);margin-bottom: var(--tit_t_s);} .about .a_group3 .ag3_nav{text-align: center;margin-bottom: 40px;} .about .a_group3 .ag3_nav ul{border-bottom: 1px solid #dbdbdb;display: inline-block;} .about .a_group3 .ag3_nav ul li{margin-right:60px;display: inline-block;} .about .a_group3 .ag3_nav ul li:last-child{margin-right:0px;} .about .a_group3 .ag3_nav ul li a{font-size: 18px;font-weight: bold;padding-bottom: 5px;color: #000;display: inline-block;border-bottom: 1px solid transparent;position: relative;bottom: -1px;} .about .a_group3 .ag3_nav ul li.active a,.about .a_group3 .ag3_nav ul li a:hover{color: #fc6f00;border-bottom-color:#fc6f00;} .about .a_group3 .ag3_list{} .about .a_group3 .ag3_list .ag3_item{display: none;} .about .a_group3 .ag3_list .ag3_item.active{display: block;} .about .a_group3 .ag3_list .ag3_item .row{display:flex;} .about .a_group3 .ag3_list .ag3_item .li_left{flex:1;padding-right: 50px;display: flex;justify-content:center;flex-direction:column;} .about .a_group3 .ag3_list .ag3_item .li_left span{position: relative;display:block;height:92px;line-height: 87px;} .about .a_group3 .ag3_list .ag3_item .li_left span i{font-size:120px;color: rgb(0, 0, 0,.1);height:92px;display: block;font-weight: bold;} .about .a_group3 .ag3_list .ag3_item .li_left span font{position: absolute;left: 0;bottom: 0;color: #fc6f00;font-weight: bold;line-height:initial;} .about .a_group3 .ag3_list .ag3_item .li_left h3{font-size: 18px;font-weight: bold;margin-bottom: 20px;margin-top: 10px;line-height: 26px;} .about .a_group3 .ag3_list .ag3_item .li_left p{font-size: 14px;color: #666;margin-bottom: 50px;} .about .a_group3 .ag3_list .ag3_item .li_left hr{width: 40px;text-align: left;margin: 0;border-color: #fc6f00;} .about .a_group3 .ag3_list .ag3_item .li_left ul{margin-top: 20px;} .about .a_group3 .ag3_list .ag3_item .li_left ul li{margin-bottom: 15px;} .about .a_group3 .ag3_list .ag3_item .li_left ul li:after{content: '';display: table;clear: both;} .about .a_group3 .ag3_list .ag3_item .li_left ul li i{float: left;margin-right: 10px;padding-top: 2px;} .about .a_group3 .ag3_list .ag3_item .li_left ul li i img{} .about .a_group3 .ag3_list .ag3_item .li_left ul li span{line-height:initial;height: auto;float: left;} .about .a_group3 .ag3_list .ag3_item .li_left ul li span h4{margin-bottom: 5px;font-weight: bold;font-size: 21px;} .about .a_group3 .ag3_list .ag3_item .li_left ul li span p{line-height: initial;margin-bottom: 0;} .about .a_group3 .ag3_list .ag3_item .li_right{flex:1;} .about .a_group4{background:url(../about_bg_06.jpg) center top no-repeat;padding:var(--tit_t_s) 0 var(--tit_b_s);} .about .a_group4 .com_title .ct_bg{color: rgb(255, 255, 255,.2);} .about .a_group4 .ag4_list{} .about .a_group4 .ag4_list ul{font-size: 0;} .about .a_group4 .ag4_list ul li{display: inline-block;width: 25%;margin-bottom: 16px;padding:0 8px;position: relative;} .about .a_group4 .ag4_list ul li:before{content:'';position: absolute;top: 0;left: 0;background:rgba(0,0,0,0.3);transition:var(--ts);width: 100%;height: 100%;} .about .a_group4 .ag4_list ul li:hover:before{background:rgba(0,0,0,0);} .about .a_group4 .ag4_list ul li img{} .about .a_group5.com_contact{background-image: url(../inside_contact_bg.jpg);} /*招聘*/ .join{padding-bottom: 0;padding-top: 0 !important;} .join .j_group1{background: url(../join_bg_02.jpg) center top no-repeat;padding:150px 0 120px;} .join .j_group1 .jg1_list{margin-top: 80px;} .join .j_group1 .jg1_list ul{text-align: center;font-size: 0;} .join .j_group1 .jg1_list ul li {width: 25%;display: inline-block;padding: 0 20px;vertical-align: top;} .join .j_group1 .jg1_list ul li i {} .join .j_group1 .jg1_list ul li i img{} .join .j_group1 .jg1_list ul li h3{font-size: 18px;font-weight: bold;border-bottom: 1px solid var(--orange2);margin:30px 0 20px;padding-bottom: 20px;} .join .j_group1 .jg1_list ul li span{font-size: 14px;text-align: left;display: block;} .join .j_group2{padding: 60px 0;background: #f8f8f8;} .join .j_group2 .jg2_list{margin-top: 50px;} .join .j_group2 .jg2_list ul{margin:0 -10px;font-size: 0;} .join .j_group2 .jg2_list ul li{display: inline-block;width: 33.333%;padding: 0 10px;margin-bottom: 20px;vertical-align: top;} .join .j_group2 .jg2_list ul li a{position: relative;display: block;} .join .j_group2 .jg2_list ul li a .jg2_img{} .join .j_group2 .jg2_list ul li a .jg2_img img{width: 100%;} .join .j_group2 .jg2_list ul li a .jg2_txt{background: #fff;padding: 20px 15px;position: relative;bottom:0;left: 0;width: 100%;} .join .j_group2 .jg2_list ul li a:hover .jg2_txt{height:150px;position: absolute;bottom:-61px;} .join .j_group2 .jg2_list ul li a .jg2_txt h3{color: #000;font-size: 18px;margin-bottom: 0;} .join .j_group2 .jg2_list ul li a:hover .jg2_txt h3{display: none;} .join .j_group2 .jg2_list ul li a .jg2_txt span{font-size: 15px;color: #444;display: none;font-weight: bold;} .join .j_group2 .jg2_list ul li a:hover .jg2_txt span{display: block;} .join .j_group2 .jg2_list ul li a .jg2_txt i{position: absolute;right:13px;bottom:22px;font-size: 16px;color: #000;} .join .j_group2 .jg2_list ul li a:hover .jg2_txt i{color:var(--orange2);} .join .j_group3{background: #f8f8f8;padding-bottom: 80px;display: none;} .join .j_group3 .jg3_list{margin-top: 20px;} .join .j_group3 .jg3_list ul{font-size: 0;margin: 0 -8px;} .join .j_group3 .jg3_list ul li{vertical-align: top;display: inline-block;padding: 0 8px;margin-bottom: 16px;width: 50%;} .join .j_group3 .jg3_list ul li a{display: block;background: #fff;padding:15px 20px;color: #555;border: 1px solid #e2e4e4;} .join .j_group3 .jg3_list ul li a dl{} .join .j_group3 .jg3_list ul li a dl dt{margin-bottom: 5px;} .join .j_group3 .jg3_list ul li a dl dt:after{content: '';display: table;clear: both;} .join .j_group3 .jg3_list ul li a dl dt h3{font-size: 18px;float: left;font-weight: bold;} .join .j_group3 .jg3_list ul li a dl dt span{color: #707070;float: right;font-size: 14px;} .join .j_group3 .jg3_list ul li a dl dt span i{} .join .j_group3 .jg3_list ul li a dl dt span font{font-size: 13px;font-weight: normal;margin-left: 5px;} .join .j_group3 .jg3_list ul li a dl dd{font-size: 0;} .join .j_group3 .jg3_list ul li a dl dd span{font-size: 14px;display: inline-block;width: 33.333%;margin-bottom: 2px;} .join .j_group3 .jg3_list ul li a dl dd span font{font-weight: bold;} /*售后支持*/ .postsale{background:var(--inside_bg);padding-bottom: 0;} .postsale .p_group1{padding-bottom: 100px;} .postsale .pg1_tab{} .postsale .pg1_tab .pg1_nav{margin-bottom: 60px;} .postsale .pg1_tab .pg1_nav ul{font-size: 0;text-align: center;} .postsale .pg1_tab .pg1_nav ul li{display: inline-block;margin: 0 50px;} .postsale .pg1_tab .pg1_nav ul li a{} .postsale .pg1_tab .pg1_nav ul li a i{} .postsale .pg1_tab .pg1_nav ul li a i img{} .postsale .pg1_tab .pg1_nav ul li a i img:nth-child(2){display: none;} .postsale .pg1_tab .pg1_nav ul li a:hover i img:nth-child(1),.postsale .pg1_tab .pg1_nav ul li.active a i img:nth-child(1){display: none;} .postsale .pg1_tab .pg1_nav ul li a:hover i img:nth-child(2),.postsale .pg1_tab .pg1_nav ul li.active a i img:nth-child(2){display: inline;} .postsale .pg1_tab .pg1_nav ul li a h3{font-size: 24px;color: #000;margin-top: 10px;} .postsale .pg1_tab .pg1_nav ul li a:hover h3,.postsale .pg1_tab .pg1_nav ul li.active a h3{color:var(--orange2);} .postsale .pg1_tab .pg1_list{} .postsale .pg1_tab .pg1_list .pg1_item{display: none;} .postsale .pg1_tab .pg1_list .pg1_item.active{display: block;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1{} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_1{} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_1 ul{text-align: center;font-size: 0;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_1 ul li{display: inline-block;width: 25%;background: #fff;border-right: 1px solid var(--inside_bg);padding: 80px 5%;text-align: center;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_1 ul li:last-child{border: none;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_1 ul li h3{font-weight: bold;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_1 ul li h3 span{font-size: 48px;color:var(--orange2);margin-right: 5px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_1 ul li h3 font{font-size: 16px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_1 ul li p{font-size: 16px;font-weight: bold;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_2{text-align: center;margin: 60px 0;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_2 {} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_2 span{font-size: 26px;display: block;margin-bottom: 10px;font-weight: bold;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_2 h3{font-weight: bold;color:var(--orange2);} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_3{background: #fff;padding: 30px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_3 dl{margin-bottom: 30px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_3 dl dt{font-size: 24px;font-weight: bold;margin-bottom: 20px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_3 dl dd{} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_3 dl dd span{font-size: 18px;font-weight: bold;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_3 dl dd p{font-size: 16px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2{background: #fff;padding: 50px 30px 30px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .t2_tit{font-size: 21px;color:var(--orange2);text-align: center;font-weight: bold;margin-bottom: 40px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_nav{position: relative;z-index: 2;bottom: 0;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_nav ul{text-align: center;font-size: 0;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_nav ul li{display: inline-block;padding: 0 5px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_nav ul li.active{} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_nav ul li a{font-size: 21px;display: block;padding: 20px 20px;color: #000;border-left: 1px solid transparent;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_nav ul li.active a{box-shadow:2px -3px 3px #bebebe;color:var(--orange2);border-left: 1px solid rgba(239,239,239,.6);background: #fff;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_list{position: relative;z-index: 1;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_list ul{box-shadow:2px -2px 3px #bebebe;border-left: 1px solid rgba(239,239,239,.6);border-bottom: 1px solid rgba(239,239,239,.6);} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_list ul li{display: none;min-height:200px;padding: 20px 25px;position: relative;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_list ul li.active{display:block;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_list ul li .qt_txt{padding: 0;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_list ul li .qt_link{position: absolute;right: 20px;top: 20px;font-size: 15px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_list ul li .qt_link span{font-weight: bold;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_list ul li .qt_link a{color:var(--orange2);font-weight: bold;} .postsale .pg1_tab .pg1_list .pg1_item.tab_3{margin-top:100px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_3 .row{display: flex;justify-content: center;align-items:center;} .postsale .pg1_tab .pg1_list .pg1_item.tab_3 i{padding-right: 50px;display: block;border-right: 1px solid #000;} .postsale .pg1_tab .pg1_list .pg1_item.tab_3 i img{height: 120px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_3 span{padding-left: 50px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_3 span p{margin-bottom: 10px;font-weight: bold;} /*申请代理*/ .apply{padding-bottom: 0;} .apply .a_group1{margin-bottom: 80px;} .apply .a_group1 .row{} .apply .a_group1 .r_txt{display: flex;flex-direction:column;justify-content:center;} .apply .a_group1 .r_txt h3{font-weight: bold;} .apply .a_group1 .r_txt p{margin: 20px 0 30px;color: #666;} .apply .a_group1 .r_img{} .apply .a_group2{background: #fff url(../apply_bg_02.jpg) 0 0 no-repeat;padding: var(--tit_t_s) 0 var(--tit_b_s);} .apply .a_group2 .com_title{} .apply .a_group2 .com_title .ct_bg{color:rgba(255,255,255,.2);} .apply .a_group2 .com_title .ct_p{color:#fff;} .apply .a_group2 .ag2_list{} .apply .a_group2 .ag2_list ul{text-align: center;font-size:0;margin: 0 -8px;} .apply .a_group2 .ag2_list ul li{width: 20%;padding: 0 8px;display: inline-block;margin-bottom: 20px;} .apply .a_group2 .ag2_list ul li a{} .apply .a_group2 .ag2_list ul li i{display: block;overflow: hidden;} .apply .a_group2 .ag2_list ul li i img{transition:var(--ts2);} .apply .a_group2 .ag2_list ul li:hover i img{transform:scale(1.1);} .apply .a_group2 .ag2_list ul li h3{font-size: 17px;margin-top: 8px;color: #fff;} .apply .a_group3{position: relative;} .apply .a_group3 .ag3_txt{text-align: center;position: absolute;top: 50%;width: 100%;transform:translateY(-50%);} .apply .a_group3 .ag3_txt h3{color:var(--orange2);font-weight: bold;margin-bottom: 30px;} .apply .a_group3 .ag3_txt span{font-size: 20px;color: #000;display: block;margin-bottom: 30px;} .apply .a_group3 .ag3_txt span p{margin-bottom: 0;} .apply .a_group3 .ag3_txt a{display: inline-block;border-radius: 24px;color: #fff;padding: 10px 30px;background:var(--orange2);} .apply .a_group4{background: url(../apply_bg_04.jpg) top center no-repeat;padding: var(--tit_t_s) 0 var(--tit_b_s);overflow:hidden;} .apply .a_group4 .com_title .ct_bg{color:rgba(255,255,255,.2);} .apply .a_group4 .com_title .ct_p{color: #fff;font-size: 18px;} .apply .a_group4 .ag4_list{} .apply .a_group4 .ag4_list ul{font-size: 0;margin:0 -10px;} .apply .a_group4 .ag4_list ul li{display: inline-block;width: 50%;vertical-align: top;padding:0 10px;margin-bottom: 20px;} .apply .a_group4 .ag4_list ul li a{display: flex;} .apply .a_group4 .ag4_list ul li .ag4_img{flex:1;overflow:hidden;} .apply .a_group4 .ag4_list ul li .ag4_img img{transition:var(--ts2);} .apply .a_group4 .ag4_list ul li .ag4_img:hover img{transform:scale(1.1);} .apply .a_group4 .ag4_list ul li .ag4_txt{background: #fff;flex:1;display: flex;flex-direction:column;justify-content:center;padding: 0 40px;} .apply .a_group4 .ag4_list ul li .ag4_txt h3{color:var(--orange2);font-size: 24px;margin-bottom: 20px;} .apply .a_group4 .ag4_list ul li .ag4_txt span{display: inline-block;text-align: left;color: #000;} .apply .a_group4 .ag4_list ul li .ag4_txt span p{font-size: 16px;margin-bottom: 0;} .apply .a_group5{margin-bottom: var(--tit_t_s);margin-top:var(--tit_t_s);} .apply .a_group5 .ag5_img{padding-top: 20px;} .apply .a_group6 .com_title{margin-bottom: var(--tit_b_s);} .apply .a_group6 .ag6_list{margin-bottom: var(--tit_t_s);} .apply .a_group6 .ag6_list ul{font-size: 0;text-align: center;} .apply .a_group6 .ag6_list ul li{display: inline-block;margin: 0 30px;width: 25%;vertical-align: top;} .apply .a_group6 .ag6_list ul li a{background: #e9e9e9;border-radius: 8px;display: block;padding: 30px 20px;height: 300px;display: flex;flex-direction:column;justify-content:center;} .apply .a_group6 .ag6_list ul li a:hover{background:var(--orange2);} .apply .a_group6 .ag6_list ul li i{} .apply .a_group6 .ag6_list ul li i img{display: none;} .apply .a_group6 .ag6_list ul li i img:nth-child(1){display:inline;} .apply .a_group6 .ag6_list ul li a:hover img:nth-child(1){display: none;} .apply .a_group6 .ag6_list ul li a:hover img:nth-child(2){display:inline;} .apply .a_group6 .ag6_list ul li h3{font-size: 28px;color: #000;font-weight: bold;margin: 20px 0;} .apply .a_group6 .ag6_list ul li a:hover h3{color:#fff;} .apply .a_group6 .ag6_list ul li span{font-size: 15px;color: #000;} .apply .a_group6 .ag6_list ul li a:hover span{color: #fff;} /*产品中心*/ .pro{padding-top: 50px;background:var(--inside_bg);} .pro .p_top_cate .com_nav{margin-bottom: 0;} .pro .p_top_cate .com_nav ul li a{font-size: 18px;font-weight: bold;color:rgba(0,0,0,.9);} .pro .p_top_cate .custom_nav ul li a:hover,.pro .p_top_cate .custom_nav ul li.active a{color: #fff;} .pro .p_top{border-bottom: 1px solid #eee;border-top: 1px solid #eee;height:60px;line-height: 50px;margin-top:0px;} .pro .p_top:after{con:'';display: table;clear: both;} .pro .p_top .pt_cate{float: left;} .pro .p_top .pt_cate .ptc_item{} .pro .p_top .pt_cate .ptc_item.active{display: block;} .pro .p_top .pt_cate ul{font-size: 0;} .pro .p_top .pt_cate ul li{display: inline-block;margin-right: 20px;vertical-align: top;position: relative;} /*.pro .p_top .pt_cate ul li:after{position: absolute;left:50%;transform:translateX(-50%);border: 6px solid transparent;border-top-color:var(--orange2);content: '';top: -1px;display: none;} .pro .p_top .pt_cate ul li:hover:after{display: block;}*/ .pro .p_top .pt_cate ul li a{font-size: 18px;color: #000;line-height: 57px;display: block;border-bottom: 3px solid transparent;} .pro .p_top .pt_cate ul li.on a,.pro .p_top .pt_cate ul li a:hover{border-bottom-color:var(--orange2);color:var(--orange2);} /*.pro .p_top .pt_cate ul li .two_cate{display: none;position: absolute;top: -51px;white-space:nowrap;height:50px;line-height:50px;} .pro .p_top .pt_cate ul li:hover .two_cate{display: block;} .pro .p_top .pt_cate ul li .two_cate li{background: #fff;display: inline-block;} .pro .p_top .pt_cate ul li .two_cate li a{color: #000;display: block;padding: 0 15px;font-size: 16px;position: relative;} .pro .p_top .pt_cate ul li .two_cate li a:hover{background:var(--orange2);color: #fff;}*/ .pro .p_top .pt_search{float: right;height: 40px;margin-top: 10px;font-size: 0;} .pro .p_top .pt_search span{display: inline-block;line-height: 40px;vertical-align: top;} .pro .p_top .pt_search span.com_btn{height:40px;padding: 0 20px;display: inline-block;} .pro .p_top .pt_search span input{height: 40px;background: #eee;border: none;padding-left: 10px;font-size: 16px;} .pro .p_top .pt_search span i{} .pro .p_top .pt_search span button{background: none;border: none;color: #fff;} .pro .p_sort{height: 50px;line-height: 50px;padding: 10px 0;box-sizing:content-box;} .pro .p_sort:after{display: table;clear: both;content: '';} .pro .p_sort .ps_box{float: right;font-size: 15px;} .pro .p_sort .ps_box span{} .pro .p_sort .ps_box select{border: none;background: none;} .pro .p_main{} .pro .p_main .pm_left{padding: 0;} .pro .p_main .pm_left dl{margin-bottom: 30px;} .pro .p_main .pm_left dl dt{margin-bottom: 20px;} .pro .p_main .pm_left dl dd{} .pro .p_main .pm_left dl dd span{display: block;} .pro .p_main .pm_left dl dd label{overflow: hidden;position: relative;} .pro .p_main .pm_left dl dd input{position: absolute;top: -100px;left: -100px;} .pro .p_main .pm_left dl dd i{font-size: 24px;margin-right: 5px;height: 23px;border: 1px solid #dedede;display: inline-block;overflow: hidden;border-radius: 6px;} .pro .p_main .pm_left dl dd i:before{content: '\f0c8';color: #f4f4f4;position: relative;top: -2px;} .pro .p_main .pm_left dl dd input:checked+i:before{content: '\f14a';color:var(--orange2);} .pro .p_main .pm_left dl dd font{display: inline-block;vertical-align: top;font-size: 15px;} .pro .p_main .pm_com_filter .pm_attribute .pma_btn{display: block !important;} .pro .p_main .pm_com_filter .pm_attribute .pma_btn.active{} .pro .p_main .pm_com_filter .pm_attribute .pma_btn a{width:auto;padding: 8px 30px;margin-right: 5px;margin-bottom: 5px;} .pro .p_main .pm_right{padding: 0;} .pro .p_main .pm_right .pmr_list{font-size: 0;margin:0 -10px;margin-bottom: 50px;display: flex;justify-content:space-between;flex-wrap:wrap;} .pro .p_main .pm_right .pmr_list li{display: inline-block;width: calc(25%);padding:0 7px;margin-bottom: 14px;} .pro .p_main .pm_right .pmr_list li.flex_fill{flex:1;margin-bottom: 0;} .pro .p_main .pm_right .pmr_list li .swiper-button-next,.pro .p_main .pm_right .pmr_list li .swiper-button-prev{background:var(--orange2);color:#fff;padding: 30px 15px;z-index: 1;pointer-events: initial;opacity:1;display: none;} .pro .p_main .pm_right .pmr_list li:hover .swiper-button-next,.pro .p_main .pm_right .pmr_list li:hover .swiper-button-prev{display: flex;} .pro .p_main .pm_right .pmr_list li .swiper-button-next.swiper-button-disabled,.pro .p_main .pm_right .pmr_list li .swiper-button-prev.swiper-button-disabled{background: #ccc;} .pro .p_main .pm_right .pmr_list li .swiper-button-next:after,.pro .p_main .pm_right .pmr_list li .swiper-button-prev:after{font-size:24px;} .pro .p_main .pm_right .pmr_list li .li_bg{background: #fff;padding: 15px;height:100%;} .pro .p_main .pm_right .pmr_list li .p_thumb{} .pro .p_main .pm_right .pmr_list li .p_thumb .swiper-slide a{display: block;padding: 20px;} .pro .p_main .pm_right .pmr_list li .p_thumb .swiper-slide a img{} .pro .p_main .pm_right .pmr_list li .p_tit{margin: 20px 0 0px;} .pro .p_main .pm_right .pmr_list li .p_tit h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;} .pro .p_main .pm_right .pmr_list li .p_tit h3 a{font-size: 15px;color: #000;font-weight: bold;} .pro .p_main .pm_right .pmr_list li .p_tit h3 a:hover{color:var(--orange2);} .pro .p_main .pm_right .pmr_list li .p_tit p{font-size: 13px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 24px;margin-bottom: 10px;text-align: center;} .pro .p_main .pm_right .pmr_list li .p_icon{font-size: 0;border-bottom: 1px solid #c8c8c8;margin-bottom: 15px;padding-bottom: 15px;display: flex;} .pro .p_main .pm_right .pmr_list li .p_icon span{font-size: 14px;display: inline-block;text-align: center;position: relative;color: #c8c8c8;flex:1;width: 33.333%;padding: 0 3px;} .pro .p_main .pm_right .pmr_list li .p_icon span:before{content: '';position: absolute;height: 70%;right: 0;top: 50%;transform:translateY(-50%);width: 1px;background: #c8c8c8;} .pro .p_main .pm_right .pmr_list li .p_icon span:last-child:before{display: none;} .pro .p_main .pm_right .pmr_list li .p_icon span i{} .pro .p_main .pm_right .pmr_list li .p_icon span i img{} .pro .p_main .pm_right .pmr_list li .p_icon span p{margin-bottom: 0px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .pro .p_main .pm_right .pmr_list li .p_link{font-size: 14px;} .pro .p_main .pm_right .pmr_list li .p_link a{} .pro .p_main .pm_right .pmr_list li .p_link a:nth-child(1){border: 1px solid #c8c8c8;border-radius: 24px;padding: 0 10px;font-size: 12px;color: #333;vertical-align: top;margin-right: 20px;} .pro .p_main .pm_right .pmr_list li .p_link a:nth-child(2) img{height: 18px;vertical-align: top;} /*产品详情*/ .pro_detail{background:var(--inside_bg);padding: 50px 0 80px;} .pro_detail .com_title3{background: #333;} .pro_detail .com_title3 font.active{background:var(--orange2);} .pro_detail .pd_main{padding-top: 40px;margin-bottom: 80px;} .pro_detail .pd_main .pdm_left{padding: 0;} .pro_detail .pd_main .pdm_left .pdm_gallry{background: #fff;height:500px;margin-bottom:20px;} .pro_detail .pd_main .pdm_left .pdm_gallry .swiper-gallry{height: 100%;} .pro_detail .pd_main .pdm_left .pdm_gallry .swiper-gallry .swiper-slide{padding:0px 50px;} .pro_detail .pd_main .pdm_left .pdm_gallry .swiper-gallry .swiper-slide span{display: block;overflow: hidden;height: 100%;position: relative;width: 100%;} .pro_detail .pd_main .pdm_left .pdm_gallry .swiper-gallry .swiper-slide img{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);max-height:100%;} .pro_detail .pd_main .pdm_left .pdm_gallry .swiper-gallry .swiper-slide:first-child img.hide{display: none;} .pro_detail .pd_main .pdm_left .pdm_gallry .swiper-gallry .play_btn{position: absolute;bottom:20px;left:8px;height: 36px;width: 36px;border:2px solid #404040;cursor: pointer;z-index: 11;color:#404040;border-radius: 50%;} .pro_detail .pd_main .pdm_left .pdm_gallry .swiper-gallry .play_btn i{position: absolute;top: 52%;left: 58%;transform:translate(-50%,-50%);color: #404040;font-size: 18px;} .pro_detail .pd_main .pdm_left .pdm_gallry .swiper-gallry .play_close_btn{position: absolute;top: 15px;right: 10px;width: 36px;height: 36px;background: #A0A0A0;border-radius: 50%;cursor:pointer;display: none;z-index:111;} .pro_detail .pd_main .pdm_left .pdm_gallry .swiper-gallry .play_close_btn.active{display: block;} .pro_detail .pd_main .pdm_left .pdm_gallry .swiper-gallry .play_close_btn i{font-size: 24px;color: #fff;position: absolute;left: 50%;top: 48%;transform:translate(-50%,-50%);} .pro_detail .pd_main .pdm_left .pdm_gallry .swiper-gallry .gallry_media{height: 100%;position:absolute;width: 100%;background:#fff;top: 0;left: 0;z-index:1;display: none;} .pro_detail .pd_main .pdm_left .pdm_gallry .swiper-gallry video{display:none;max-width: 100%;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);z-index:111;background:#fff;height:100%;} .pro_detail .pd_main .pdm_left .pdm_gallry .swiper-gallry video.playing{display:block;} .pro_detail .pd_main .pdm_left .pdm_thumb{padding: 0 43px;position: relative;} .pro_detail .pd_main .pdm_left .pdm_thumb .swiper-thumbs{} .pro_detail .pd_main .pdm_left .pdm_thumb .swiper-thumbs .swiper-slide{background: #fff;padding: 5px;border: 2px solid transparent;} .pro_detail .pd_main .pdm_left .pdm_thumb .swiper-thumbs .swiper-slide.swiper-slide-thumb-active{border:2px solid var(--orange2);} .pro_detail .pd_main .pdm_left .pdm_thumb .swiper-thumbs .swiper-slide img{} .pro_detail .pd_main .pdm_left .pdm_thumb .swiper-button-prev,.pro_detail .pd_main .pdm_left .pdm_thumb .swiper-button-next{right:auto;left:-2px;background:var(--orange2);height:100%;top:-2px;opacity:1;margin: 0;padding: 0 5px;box-sizing:content-box;color:var(--orange2);border: 1px solid #eee;border-radius: 8px;} .pro_detail .pd_main .pdm_left .pdm_thumb .swiper-button-prev.swiper-button-disabled,.pro_detail .pd_main .pdm_left .pdm_thumb .swiper-button-next.swiper-button-disabled{background:#fff;} .pro_detail .pd_main .pdm_left .pdm_thumb .swiper-button-prev:after,.pro_detail .pd_main .pdm_left .pdm_thumb .swiper-button-next:after{font-size:24px;position: absolute;left: 56%;top: 50%;transform:translate(-50%,-50%);color:#fff;} .pro_detail .pd_main .pdm_left .pdm_thumb .swiper-button-prev.swiper-button-disabled:after,.pro_detail .pd_main .pdm_left .pdm_thumb .swiper-button-next.swiper-button-disabled:after{color:var(--orange2);} .pro_detail .pd_main .pdm_left .pdm_thumb .swiper-button-next{right:-2px;left:auto;} .pro_detail .pd_main .pdm_right{padding: 0;display: flex;flex-direction:column;justify-content:start;padding-left: 50px;} .pro_detail .pd_main .pdm_right .pdm_tit{margin-bottom: 20px;} .pro_detail .pd_main .pdm_right .pdm_tit h3{color:var(--orange2);font-size: 32px;font-weight: bold;} .pro_detail .pd_main .pdm_right .pdm_desc{background: #5b5b5b;color: #fff;font-weight: bold;padding: 15px;font-size: 15px;margin-bottom: 10px;} .pro_detail .pd_main .pdm_right .pdm_desc p{margin-bottom: 0px;} .pro_detail .pd_main .pdm_right .pdm_items{line-height: 45px;margin-bottom: 50px;} .pro_detail .pd_main .pdm_right .pdm_items span{display: block;border-bottom: 1px solid #eee;font-size: 15px;} .pro_detail .pd_main .pdm_right .pdm_items span:last-child{border-bottom: none;} .pro_detail .pd_main .pdm_right .pdm_items span font{display: inline-block;width: 160px;} .pro_detail .pd_main .pdm_right .pdm_items span p{display: inline-block;margin-bottom: 0;} .pro_detail .pd_main .pdm_right .pdm_btn{} .pro_detail .pd_main .pdm_right .pdm_btn a{margin-right: 10px;} .pro_detail .pd_main .pdm_right .pdm_btn a:nth-child(2),.pro_detail .pd_main .pdm_right .pdm_btn a.bg_black{background: #333;} .pro_detail .pd_main .pdm_right .pdm_btn a img{margin-right: 10px;height: 28px;} .pro_detail .pd_parts{} .pro_detail .pd_parts .pdp_list{padding: 10px 0 30px;} .pro_detail .pd_parts .pdp_list ul{font-size: 0;margin: 0 -5px;} .pro_detail .pd_parts .pdp_list ul li{display: inline-block;padding: 0 5px;width: 16.6666%;} .pro_detail .pd_parts .pdp_list ul li a{display: block;} .pro_detail .pd_parts .pdp_list ul li i{display: block;background: #fff;padding: 10px;} .pro_detail .pd_parts .pdp_list ul li i img{} .pro_detail .pd_parts .pdp_list ul li span{background: #e8e8e8;font-size: 16px;display: block;text-align: center;line-height: 40px;color: #000;font-weight: bold;} .pro_detail .pd_detail{margin-bottom: 80px;} .pro_detail .pd_detail .com_title3 font{cursor: pointer;} .pro_detail .pd_detail .pdd_txt{min-height:300px;margin-top: 20px;} .pro_detail .pd_detail .pdd_txt .pdd_item{display: none;} .pro_detail .pd_detail .pdd_txt .pdd_item:first-child img{display: block;margin:0 auto;height:auto;} .pro_detail .pd_detail .pdd_txt .pdd_item.active{display:block;} .pro_detail .pd_detail .pdd_txt .pdd_item video{height: 500px;background: #000;} .pro_detail .pd_detail .pdd_txt .com_contact{background: none;padding-top: 0;} .pro_detail .pd_detail .pdd_txt .com_contact .cc_right{padding:0px;background: none;} .pro_detail .pd_rec{} /*新闻中心*/ .news{background:var(--inside_bg);padding: 60px 0;} .news .n_list{background: #fff;padding:40px 10px 10px;margin-bottom: 60px;} .news .n_list ul{font-size: 0;} .news .n_list ul li{display: inline-block;width: 33.333%;padding: 0 30px;margin-bottom: 30px;} .news .n_list ul li a{display: block;font-size: 16px;} .news .n_list ul li .nl_img{text-align: center;} .news .n_list ul li .nl_img img{width: 100%;} .news .n_list ul li .nl_txt{display: flex;justify-content: space-between;margin-top: 20px;padding: 0 5px;} .news .n_list ul li .nl_txt:after{content: '';display: table;clear: both;} .news .n_list ul li .nl_txt .nlt_left{color: #666;text-align: center;margin-right: 22px;padding-right: 18px;position: relative;} .news .n_list ul li .nl_txt .nlt_left:after{content: '';position: absolute;right: 0;top: 50%;transform:translateY(-50%);height: 50px;width: 1px;background:var(--orange2);} .news .n_list ul li .nl_txt .nlt_left span{font-size: 23px;display: block;white-space:nowrap;} .news .n_list ul li .nl_txt .nlt_left font{font-size: 32px;font-weight: bold;} .news .n_list ul li .nl_txt .nlt_left p{font-size: 24px;margin-bottom: 0;} .news .n_list ul li .nl_txt .nlt_right{overflow: hidden;} .news .n_list ul li .nl_txt .nlt_right:after{content: '';display: table;clear: both;} .news .n_list ul li .nl_txt .nlt_right h3{font-size: 20px;font-weight: bold;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: normal;margin-bottom: 15px;padding-top: 3px;} .news .n_list ul li:hover .nl_txt .nlt_right h3{color:var(--orange2);} .news .n_list ul li .nl_txt .nlt_right p{font-size: 12px;color: #666;margin-bottom: 10px;} .news .n_list ul li .nl_txt .nlt_right font{font-size: 12px;color: #666;float: right;} /*新闻详情*/ .news_info{background:var(--inside_bg);padding: 10px 0 60px;} .news_info .ni_box{background: #fff;padding: 40px 40px;margin-top: 30px;margin-bottom: 40px;} .news_info .ni_box .ni_tit{font-size: 36px;margin-bottom: 25px;font-weight: bold;} .news_info .ni_box .ni_info{border-bottom: 1px solid #eee;margin-bottom: 30px;padding-bottom: 20px;} .news_info .ni_box .ni_info span{margin-right: 20px;} .news_info .ni_box .ni_info span i{margin-right: 3px;} .news_info .ni_box .ni_info span font{color: #999;} .news_info .ni_box .ni_con{font-size: 14px;color: #696969;line-height:2.1;} .news_info .ni_box .ni_con:after{content: '';clear: both;display: table;} .news_info .ni_box .ni_con h4{color:#595959;font-size: 22px;margin-bottom: 30px;} .news_info .ni_box .ni_con p{margin-bottom: 0;} .news_info .ni_next{margin-bottom: 60px;} .news_info .ni_next a{margin: 0 5px;background:#f4f4f4;color: #000;} .news_info .ni_next a:hover{background:var(--orange2);color:#fff;} .news_info .ni_other{} .news_info .ni_other .nio_tit{color:var(--orange2);font-size: 32px;font-weight: bold;margin:30px 0 40px;} .news_info .ni_other ul{display: flex;justify-content:space-between;} .news_info .ni_other ul li{width: 32%;background: #fff;} .news_info .ni_other ul li .niol_img{position: relative;overflow:hidden;height: 320px;} .news_info .ni_other ul li .niol_img img{position:absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);} .news_info .ni_other ul li .niol_txt{padding: 20px;} .news_info .ni_other ul li .niol_txt font{color: #969696;font-size: 15px;} .news_info .ni_other ul li .niol_txt h3{font-size: 24px;height:74px;overflow:hidden;line-height: 1.4;margin-bottom: 0;margin-top: 5px;font-weight: bold;border-bottom: 1px solid #eee;padding-bottom: 10px;} .news_info .ni_other ul li:hover .niol_txt h3 a{color:var(--orange2);} .news_info .ni_other ul li .niol_txt span{margin-top: 10px;display: block;} .news_info .ni_other ul li .niol_txt span:after{content: '';display: table;clear: both;} .news_info .ni_other ul li .niol_txt span a{float: left;} .news_info .ni_other ul li:hover .niol_txt span a{color:var(--orange2);} .news_info .ni_other ul li .niol_txt span i{float: right;position: relative;border-radius: 50%;background: #f2f2f2;color:#000;display:inline-block;height: 30px;width: 30px;font-size: 16px;} .news_info .ni_other ul li:hover .niol_txt span i{color:var(--orange2);} .news_info .ni_other ul li .niol_txt span i:before{position: absolute;top: 50%;left: 56%;transform:translate(-50%,-50%);} /*视频中心*/ .media{background:var(--inside_bg);} .media .m_list{margin-bottom: 40px;} .media .m_list ul{font-size: 0;margin: 0 -8px;} .media .m_list ul li {display: inline-block;padding: 0 8px;width: 33.333%;vertical-align: top;margin-bottom: 15px;} .media .m_list ul li a{display: block;} .media .m_list ul li a .ml_img{position: relative;background: #6d6d6d;height: 320px;overflow: hidden;} .media .m_list ul li a .ml_img:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(255,255,255,.4);display: none;} .media .m_list ul li a .ml_img img{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);} .media .m_list ul li:hover a .ml_img:after{display: block;} .media .m_list ul li a .ml_img span{position: absolute;border: 1px solid #fff;background:rgba(255,255,255,.4);top: 50%;left: 50%;transform:translate(-50%,-50%);width: 50px;height: 50px;z-index: 1;} .media .m_list ul li:hover a .ml_img span{border-color: var(--orange2);background:var(--orange2);} .media .m_list ul li a .ml_img i{position: absolute;font-size: 16px;color: #fff;top: 50%;left: 53%;transform:translate(-50%,-50%);width: 13px;height: 16px;} .media .m_list ul li a .ml_img i:before{position: absolute;} .media .m_list ul li a .ml_txt{margin-top: 10px;padding: 0 5px;} .media .m_list ul li a .ml_txt h3{font-size: 18px;font-weight: bold;} .media .m_list ul li:hover a .ml_txt h3{color:var(--orange2);} .media .m_list ul li a .ml_txt p{font-size: 15px;color: #555;} .media .n_list{background: none;} .media .n_list ul li .nl_txt .nlt_right{flex-basis:100%;} .media .n_list ul li .nl_txt .nlt_right font{display: none;} /*视频详情*/ .media_info{} .media_info .mi_con{margin-bottom: 30px;position: relative;text-align: center;font-size: 0;display:inline-block;left:50%;transform:translate(-50%,0);} .media_info .mi_con video{max-width: 100%;width: auto;background: #000;height: 500px;} .media_info .mi_con span{position: absolute;width: 40px;height: 40px;border-radius: 50%;background: #fff;left: 50%;top: 50%;transform:translate(-50%,-50%);cursor: pointer;} .media_info .mi_con span i{font-size: 16px;width: 13px;height: 16px;left: 53%;top: 50%;transform:translate(-50%,-50%);color: #000;position: absolute;} /*下载中心*/ .download{background:var(--inside_bg);padding-top: 50px;} .download .d_list{margin-bottom: 40px;} .download .d_list ul{display: flex;justify-content:space-between;flex-wrap:wrap;} .download .d_list ul li{width: 45%;background: #fff;display: flex;padding: 20px;margin-bottom:5%;align-items:center;} .download .d_list ul li .dl_img{} .download .d_list ul li .dl_txt{padding-left: 20px;} .download .d_list ul li .dl_txt h3{font-size: 18px;font-weight: bold;position: relative;padding-bottom: 10px;} .download .d_list ul li .dl_txt h3:before{content: '';position: absolute;width: 40px;background: var(--orange2);bottom: 0;left: 0;height: 1px;} .download .d_list ul li .dl_txt p{margin-bottom: 20px;} .download .d_list ul li .dl_txt span{display: block;} .download .d_list ul li .dl_txt span a{display: inline-block;background:var(--orange2);color: #fff;padding: 5px 15px;} .download .d_list ul li .dl_txt span a:nth-child(2){background: #000;margin-left: 10px;} /*研发合作,供应链合作*/ .develop{padding-top: 50px;} .develop .d_box{display: flex;align-items:center;justify-content:space-between;} .develop .d_box .db_txt{flex-basis: 45%;} .develop .d_box .db_txt .dbt_top{margin-bottom: 25%;} .develop .d_box .db_txt .dbt_top h3{font-size: 21px;font-weight: bold;margin-bottom:30px;} .develop .d_box .db_txt .dbt_top p{font-size: 14px;color: #666;margin-bottom: 30px;} .develop .d_box .db_txt .dbt_down{} .develop .d_box .db_txt .dbt_down dl{} .develop .d_box .db_txt .dbt_down dl dt{margin-bottom: 30px;} .develop .d_box .db_txt .dbt_down dl dt h3{font-size: 21px;font-weight: bold;} .develop .d_box .db_txt .dbt_down dl dd{} .develop .d_box .db_txt .dbt_down dl dd span:first-child{border-top: 1px solid #eee;} .develop .d_box .db_txt .dbt_down dl dd span{border-bottom: 1px solid #eee;display: block;line-height: 52px;} .develop .d_box .db_txt .dbt_down dl dd span i{width: 24px;height: 24px;display: inline-block;border: 1px solid #000;color: #000;border-radius: 50%;position: relative;font-size: 14px;margin-right: 10px;vertical-align:middle;top: -1px;} .develop .d_box .db_txt .dbt_down dl dd span i:before{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);} .develop .d_box .db_txt .dbt_down dl dd span font{font-size: 14px;vertical-align: top;position: relative;top: 0px;} .develop .d_box .db_img{flex-basis: 50%;} /*常见问题*/ .question{background:var(--inside_bg);} .question .qt_list{background: #fff;padding: 50px 30px;} .question .qt_list .qt_ul{margin-bottom: 40px;} .question .qt_list ul{font-size: 0;columns:2;column-count:2;} .question .qt_list ul li{display: block;padding: 0 10px;margin-bottom: 5px;} .question .qt_list ul li.active{margin-bottom: 0;} .question .qt_list ul li a{display: inline-block;box-shadow: 3px 3px 5px #adadad;padding: 20px;width: 100%;margin: 8px 0px;} .question .qt_list ul li a .qtl_tit{font-size: 16px;line-height: 40px;} .question .qt_list ul li a .qtl_tit:after{content: '';display: table;clear: both;} .question .qt_list ul li a .qtl_tit font{float: left;display: inline-block;border-radius: 50%;background:var(--orange2);height: 40px;width: 40px;position: relative;} .question .qt_list ul li a .qtl_tit font i {color: #fff;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);} .question .qt_list ul li a .qtl_tit h3{float: left;font-size: 21px;font-weight: bold;margin-left: 30px;margin-bottom: 0;line-height: 40px;} .question .qt_list ul li:hover a .qtl_tit h3{color:var(--orange2);} .question .qt_list ul li a .qtl_tit span{float: right;} .question .qt_list ul li a .qtl_tit span i{font-weight: normal;} .question .qt_list ul li:hover a .qtl_tit span i{color:var(--orange2);} .question .qt_list ul li.active a .qtl_tit span i:nth-child(1){display: none;} .question .qt_list ul li a .qtl_tit span i:nth-child(2){display: none;} .question .qt_list ul li.active a .qtl_tit span i:nth-child(2){display:inline-block;} .question .qt_list ul li a .qtl_p{font-size: 16px;display: none;} .question .qt_list ul li.active a .qtl_p{display: block;} .question .qt_list ul li a .qtl_p .qtlp_bg{display: flex;justify-content:space-between;margin-top: 10px;} .question .qt_list ul li a .qtl_p h3{flex-basis:40px;text-align: center;} .question .qt_list ul li a .qtl_p h3 i{display:inline-block;background:#f8f8f8;border-radius:50%;width:30px;height:30px;font-size:20px;line-height:27px;font-weight:bold;} .question .qt_list ul li:hover a .qtl_p h3 i{color: #000;} .question .qt_list ul li a .qtl_p span{flex-basis:auto;color: #252525;flex-basis:calc(100% - 40px);padding-left: 30px;padding-top: 5px;font-size: 14px;line-height: 1.6;} /*发展历程*/ .history{padding-bottom: 160px;} .history .h_slide{position: relative;} .history .h_slide .swiper-history{} .history .h_slide .swiper-history .swiper-slide{text-align: center;} .history .h_slide .swiper-history .swiper-slide h3{margin-bottom: 60px;} .history .h_slide .swiper-history .swiper-slide h3 font{color: #666;font-size: 100px;font-weight: bold;} .history .h_slide .swiper-history .swiper-slide h3 font:nth-child(2){color:var(--orange2);} .history .h_slide .swiper-history .swiper-slide span{display: block;width: 40%;text-align: center;margin:0 auto;font-size: 18px;color: #666;line-height:2;} .history .h_slide .hs-arrow{width: 82px;height: 82px;position: absolute;top: 50%;transform:translateY(-50%);left: 10%;z-index:11;cursor: pointer;} .history .h_slide .hs-arrow.hs-swiper-prev{background-image: url(../history_img_05.png);} .history .h_slide .hs-arrow.hs-swiper-prev.swiper-button-disabled{background-image: url(../history_icon_03.png);} .history .h_slide .hs-arrow.hs-swiper-next{background-image: url(../history_img_07.png);left: auto;right: 10%;} .history .h_slide .hs-arrow.hs-swiper-next.swiper-button-disabled{background-image: url(../history_icon_05.png);} .history .h_slide .swiper-line{border-bottom: 1px dashed #333;margin-top: 100px;} .history .h_slide .swiper-line .swiper-pagination{left:50%;transform:translateX(-50%);width: 100%;} .history .h_slide .swiper-line .swiper-pagination .swiper-pagination-bullet{background: none;width:auto;margin: 0 15px;position: relative;opacity:1;top:10px;font-size: 14px;} .history .h_slide .swiper-line .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color:var(--orange2);} .history .h_slide .swiper-line .swiper-pagination .swiper-pagination-bullet:before{content:'';position: absolute;height: 6px;left: 50%;transform:translateX(-50%);top:-17px;width: 1px;background: #333;} .history .h_slide .swiper-line .swiper-pagination .swiper-pagination-bullet:after{content: '';position: absolute;border: 6px solid transparent;border-top-color: var(--orange2);border-bottom: none;left: 50%;transform:translateX(-50%);top:-5px;display: none;} .history .h_slide .swiper-line .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{display: block;} /*防伪查询*/ .check{padding-top: 50px;} .check .c_txt {background: #f2f2f2;padding: 30px 20px;} .check .c_txt .ct_info{} .check .c_txt .ct_info span{display:flex;align-items:center;margin-bottom:30px;} .check .c_txt .ct_info span font{font-size: 42px;color:var(--orange2);height: 51px;line-height: 45px;} .check .c_txt .ct_info span p{display: inline-block;margin-bottom: 0;font-size: 16px;font-weight: bold;} .check .c_txt .ct_desc{} .check .c_txt .ct_desc h4{font-weight: bold;margin-bottom: 10px;} .check .c_txt .ct_desc span{} .check .c_txt .ct_desc span p{margin-bottom: 5px;font-weight: bold;font-size: 15px;} /*经销商查询*/ .dealer{padding-top: 50px;background:var(--inside_bg);} .dealer .d_query{display: flex;justify-content:space-between;margin-bottom: 60px;} .dealer .d_query .dq_left{flex-basis:200px;margin-top: 8%;} .dealer .d_query .dq_left span{display: block;margin-bottom: 15px;} .dealer .d_query .dq_left span select{background: #e9e9e9;border: none;width: 100%;height:40px;padding: 0 10px;font-size: 15px;} .dealer .d_query .dq_left span input{background: #e9e9e9;border: none;width: 100%;font-size: 14px;padding: 0 10px;height:40px;} .dealer .d_query .dq_left span i{margin-right: 5px;} .dealer .d_query .dq_left span button{background:var(--orange2);color: #fff;border: none;width: 100%;height: 40px;} .dealer .d_query .dq_right{flex-basis:calc(100% - 200px);} .dealer .d_query .dq_right .map_container{position: relative;} .dealer .d_query .dq_right .map_container:before{position: absolute;content: '';background:url(../big_map.png) no-repeat;background-size:100% 100%;width: 116px;height: 175px;right: 30px;bottom: -20px;} .dealer .d_query .dq_right .map_container .jsmap-container{margin: 0 auto;} .dealer .d_list{margin-bottom: 50px;} .dealer .d_list table{width: 100%;} .dealer .d_list table tr{} .dealer .d_list table tr td{height:50px;padding: 0 20px;font-size: 15px;color: #333;} .dealer .d_list table tr:nth-child(odd) td{background: #e9e9e9;} .dealer .d_list table tr:nth-child(even) td{background: #fff;} /*联系我们*/ /* .contact{background:var(--inside_bg);} */ .contact .c_box{display: flex;justify-content:space-between;align-items:center;} .contact .c_box .cb_left{width: 50%;} .contact .c_box .cb_left .cbl_top{margin-bottom: 60px;} .contact .c_box .cb_left .cbl_top dl{} .contact .c_box .cb_left .cbl_top dl dt{} .contact .c_box .cb_left .cbl_top dl dt h3{font-size: 24px;font-weight: bold;margin-bottom: 20px;} .contact .c_box .cb_left .cbl_top dl dt h5{margin-bottom: 0;line-height: 50px;font-size: 15px;font-weight: bold;} .contact .c_box .cb_left .cbl_top dl dd{border-top: 1px solid #e5e5e5;font-size: 0;} .contact .c_box .cb_left .cbl_top dl dd:after{clear: both;content: '';display: table;} .contact .c_box .cb_left .cbl_top dl dd span{display:flex;width: 50%;font-size: 14px;border-bottom: 1px solid #e5e5e5;height: 40px;vertical-align:top;float: left;align-items:center;padding-left: 10px;} .contact .c_box .cb_left .cbl_top dl dd span:nth-child(odd){border-right: 1px solid #e5e5e5;} .contact .c_box .cb_left .cbl_top dl dd span i{height: 24px;width: 24px;position: relative;border-radius: 50%;border: 1px solid #000;vertical-align: middle;margin-right: 5px;} .contact .c_box .cb_left .cbl_top dl dd span i:before{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);} .contact .c_box .cb_left .cbl_top dl dd span font{line-height: 1.2;font-size: 13px;flex-basis:calc(100% - 29px);} .contact .c_box .cb_left .cbl_down{} .contact .c_box .cb_left .cbl_down.com_contact{padding: 0;background: none;} .contact .c_box .cb_left .cbl_down.com_contact .cc_right{padding: 0;background: none;} .contact .c_box .cb_left .cbl_down.com_contact .cc_right dl dt h3{color: #000;text-align: left;font-size: 21px;font-weight: bold;margin-bottom: 30px;} .contact .c_box .cb_left .cbl_down.com_contact .cc_right dl dd span textarea{height: 120px;} .contact .c_box .cb_left .cbl_down.com_contact .cc_right dl dd span button{background:var(--orange2);} .contact .c_box .cb_right{width: 47%;} /*品牌荣耀*/ .honor{padding-top: 50px;} .honor .h_list{/*background: url(../honor_bg3_03.png) 0 0 repeat-y;*/background-size:100% auto;padding:0 50px 40px;} .honor .h_list ul{font-size: 0;} .honor .h_list ul li{width: 25%;display: inline-block;padding: 0 10px;position: relative;margin-bottom: 80px;position: relative;} .honor .h_list ul li:before{content: '';position: absolute;left: 0;bottom: 0;} .honor .h_list ul li:after{content: '';position: absolute;background:url(../honor_bg3_033_02.png) no-repeat;left:calc(-140px * 1);bottom:-118px;display: none;height: 140px;width: calc(1728px * 1);background-size: 100% auto;z-index:-2;} .honor .h_list ul li:nth-child(4n+1):after{display: block;} .honor .h_list ul li a{font-size: 14px;display: block;text-align: center;} .honor .h_list ul li a:hover{color: var(--orange2);} .honor .h_list ul li a span{display: block;position: relative;top:-5px;} .honor .h_list ul li a img{height: 310px;} .zoom_img{position: fixed;top: 0;left: 0;height: 100%;width: 100%;display: none;z-index:11111;} .zoom_img .zi_bg{position: absolute;height: 100%;width: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;} .zoom_img .zi_box img{position: absolute;left: 50%;top:50%;transform:translate(-50%,-50%);max-height:100%;} .zoom_img i{color:#fff;position: absolute;top:10px;right: 20px;font-size: 36px;cursor:pointer;} /*内页大图跟栏目的间距*/ .inside,.pro,.about .a_group1,.honor,.news,.dealer,.check,.download,.develop{padding-top:var(--tit_t_s);} .pro_detail,.news_info,.media_info{padding-top: var(--detail_s);} @media all and (min-width:1600px){ .container{width: 1600px;max-width:1570px;} .index_pro .ip_list ul li a{height:270px;} .pro_detail .container{width: 1400px;} .news_info .container{width: 1400px;} .honor .h_list ul li{margin-bottom: 100px;vertical-align:bottom;} .honor .h_list ul li a img{height: auto;} header .h_down .hd_nav ul li{padding: 0 22px;} header .h_down .pro_nav .container{max-width:1200px;} header .h_down .hd_nav li .app_column ul li p{height: 140px;} .dealer .d_query .dq_right .map_container:before{right:160px;bottom: -20px;} } @media all and (min-width:1200px) and (max-width:1599px){ .container{width: 1200px;max-width:1170px;} header .h_down .hd_nav li .app_column ul li p{height: 101px;} .honor .h_list ul li{margin-bottom: 75px;} .honor .h_list ul li:after{left:calc(-140px * 0.4);width:calc(1728px * .67);bottom:-123px;} .honor .h_list ul li a img{height: 295px;} .dealer .d_query .dq_right .map_container:before{right:15px;bottom: -20px;} header .h_down .container{display: flex;} header .h_down .hd_logo{order:1;height:32px;} header .h_down .hd_nav{order:2;margin: 0 10px;} header .h_down .hd_nav ul{display: flex;white-space:nowrap;} header .h_down .hd_search{order:3;height:36px;} header .h_down .hd_search form{display: flex;} footer .f_top .ft_right .ftr_code span i img{max-width: 120px;} } @media all and (min-width:996px) and (max-width:1199px){ header .h_down .container{display: flex;align-items:center;} header .h_down .hd_logo{order:1;height:32px;} header .h_down .hd_nav{order:2;margin: 0 10px;} header .h_down .hd_nav ul{display: flex;white-space:nowrap;} header .h_down .hd_nav li .about_column .container{overflow-x:auto;} header .h_down .hd_search{order:3;height:36px;} header .h_down .hd_search form{display: flex;} footer .f_top .ft_right .ftr_code span i img{max-width: 100px;} } @media all and (max-width:1199px){ .com_contact .row{height: auto;} .honor .h_list{background: none;} .honor .h_list ul li a img{height: auto;} .honor .h_list ul li:nth-child(n):after{background: none;display: none;} header .h_down{height: auto;} header .h_down .hd_logo{transform: none;top: auto;} header .h_down .hd_search{display: none;} header .h_down .hd_nav{margin-right: 0;} header .h_down .hd_nav li .pro_nav .pn_box dl dd a i{display: none;} .index_pro .ip_list ul li a .ipl_img{padding-left: 5%;padding-right: 0;} .index_about .ia_right ul li h4 span{font-size: 23px;} .pro_detail .pd_main .pdm_right .pdm_btn a{padding: 12px 45px;} .index_pro .ip_list ul li a .ipl_layout span h3{margin-bottom: 10px;} .index_pro .ip_list ul li a .ipl_layout span p{font-size: 16px;} .index_pro .ip_list ul li:hover a .ipl_txt font{opacity:0;} .index_media:before{background-position:center 0;} } @media all and (max-width:767px){ :root{ --index_tit_s:100px; --tit_t_s:70px; --tit_b_s:45px; --box_s:60px; --detail_s:20px; } html{font-size: 40px;} /* body *{font-size: .35rem;} */ .row{width: 100%;} .com_btn{padding: 10px 40px;font-size: 14px;} .com_title .ct_bg{font-size: 1rem;letter-spacing: 0;height: 33px;line-height: 33px;} .com_title .ct_txt{margin-top: -15px;font-size: .6rem;} .com_title .ct_txt font{font-size: .7rem;} .com_title2 h3 font{font-size: .7rem;} .com_nav ul li{padding: 1px;} .com_nav ul li a{padding: 10px;} .com_contact .row{height: auto;margin-top: 0;} .com_contact .cc_left{padding: 20px 20px 0;} .com_contact .cc_left dl dt{margin-bottom: 0;} .com_contact .cc_left dl dt p{margin-bottom: 0;} .com_contact .cc_left dl dd span p{line-height: 1.6;} .com_contact .cc_right{padding: 20px 20px 10px;} .com_contact .cc_right dl dd span textarea{height: 100px;} .inside{padding-top:var(--tit_t_s);} .inside_banner .ib_title{top:25%;left: 10%;} .inside_banner .ib_title h3{font-size: .5rem;padding-bottom: 5px;} .inside_banner .ib_title p{font-size: .4rem;} .inside_nav ul{display: flex;justify-content:space-between;} .inside_nav ul li{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;flex:1;} .inside_nav ul li a{padding: 8px 4px;height: 50px;} .inside_nav ul li h3{font-size: .33rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .inside_nav ul li span{display: none;} .inside_nav ul li a:before, .inside_nav ul li a:after{display: none;} .inside .com_title{margin-bottom: var(--tit_b_s);} .inside .com_title .ct_p{font-size: .45rem;} .pro_detail, .news_info, .media_info{padding-top: var(--detail_s);} .inside_site .container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .inside_rec_pro .irp_tit{margin-bottom: 30px;} .inside_rec_pro .irp_tit h3{font-size: .6rem;} .inside_rec_pro .irp_list .rp-arrow{top: -63px;right:53px;width: 50px;height: 36px;} .inside_rec_pro .irp_list .swiper-slide a i{padding: 15px;} .inside_rec_pro .irp_list .swiper-slide a i .srp_layout{display: none;} .inside_rec_pro .irp_list .swiper-slide a span{height: 50px;line-height: 50px;font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} header .h_top{display: none;} header .h_top .fr{float:none;} header .h_top .ht_icon dl dt span{display: inline-block;} header .h_top .ht_icon dl dt span i{font-size: .4rem;vertical-align: middle;position: relative;} header .h_top .ht_icon dl dd{font-size: .4rem;} header .h_top .ht_lang .bootstrap-select>.dropdown-toggle:after{font-size: .4rem;} header .h_down{height: auto;overflow:initial;} footer .f_down:before{display: none;} header .h_down .hd_logo{max-width: 200px;display: none;} header .h_down .hd_search{display: none;} header .h_down .hd_nav{display: none;} header .h_down .navbar{padding: 10px;} header .h_down .navbar .h_phone{color: #fff;vertical-align: middle;margin-top: 13px;display: inline-block;margin-right: 0;} header .h_down .navbar .h_phone i{color: #cdcdcd;font-size: 25px;} header .h_down .navbar .navbar-brand{padding: 0;font-size: 0;} header .h_down .navbar .navbar-brand img{max-height: 50px;max-width: 190px;} header .h_down .navbar .navbar-toggler{padding: 6px 8px;font-size: 0;border: none;} header .h_down .navbar .navbar-toggler:focus{outline:none;} header .h_down .navbar .navbar-toggler .navbar-toggler-icon{font-size: .5rem;} header .h_down .navbar .navbar-collapse{display: block;width: 0;height: 0;overflow:hidden;position: fixed;left: 0;top: 0;z-index:9999;} header .h_down .navbar .navbar-collapse.active{height: 100%;width: 100%;} header .h_down .navbar .navbar-collapse .navbar_bg{background:rgba(0,0,0,.5);position: absolute;height: 100%;width: 100%;top: 0;left: 0;opacity:0;transition:var(--ts);} header .h_down .navbar .navbar-collapse.active_move .navbar_bg{opacity:1;} header .h_down .navbar .navbar-collapse .navbar_close{position: absolute;top:32px;left: 0;height: 22px;width:20%;text-align: center;z-index: 111;opacity: 0;transition:var(--ts);} header .h_down .navbar .navbar-collapse.active_move .navbar_close{opacity:1;} header .h_down .navbar .navbar-collapse .navbar_close i{color:#fff;font-size:45px;opacity:0.8;height:22px;line-height:19px;font-weight:normal;} header .h_down .navbar .navbar-collapse .navbar-nav{position:absolute;width: 80%;right: -80%;top: 0;height: 100%;background: #000;transition:var(--ts);z-index:111;padding:20px 12px 30px;overflow:auto;} header .h_down .navbar .navbar-collapse.active_move .navbar-nav{right: 0;} header .h_down .navbar .navbar-nav .nav-item{border-bottom: 1px solid #5d5d5d;padding: 12px 5px;} header .h_down .navbar .navbar-nav .nav-item:last-child{} header .h_down .navbar .navbar-nav .nav-link{font-size: .5rem;color: #fff;line-height: .9;position: relative;padding: 0;} header .h_down .navbar .navbar-nav .nav-link:after{content: '';display: table;clear: both;} header .h_down .navbar .navbar-nav a{position:relative;} header .h_down .navbar .navbar-nav a font{line-height: 1.2;font-size: .45rem;} header .h_down .navbar .navbar-nav a i{position: absolute;right: 0px;top:0;bottom:0;margin:auto;height: 17px;} header .h_down .navbar .navbar-nav .nav-item.active>a>i:before{content:'\f068';} header .h_down .navbar .navbar-nav .nav-item .wap_two_nav{display: none;margin-top: 3px;width: 95%;margin: 0 auto;border-bottom:1px solid #5d5d5d;padding:0 5px 5px;} header .h_down .navbar .navbar-nav .nav-item .wap_two_nav:nth-child(2){margin-top: 10px;} header .h_down .navbar .navbar-nav .nav-item .wap_two_nav:last-child{border: none;} header .h_down .navbar .navbar-nav .nav-item.active .wap_two_nav{display: block;} header .h_down .navbar .navbar-nav .nav-item .wap_two_nav a{display: block;color: #fff;margin-top: 7px;font-size: .35rem;} header .h_down .navbar .navbar-nav .nav-item .wap_two_nav a font{font-size: .35rem;} header .h_down .navbar .navbar-nav .nav-item .wap_two_nav>a>i{height: 13px;} header .h_down .navbar .navbar-nav .nav-item .wap_two_nav.active>a>i:before{content:'\f068';} header .h_down .navbar .navbar-nav .nav-item .wap_two_nav .wap_three_nav{display: none;width: 90%;margin: 0 auto;padding-bottom: 5px;border-bottom: 1px solid #5d5d5d;} header .h_down .navbar .navbar-nav .nav-item .wap_two_nav .wap_three_nav:last-child{border-bottom: none;} header .h_down .navbar .navbar-nav .nav-item .wap_two_nav.active .wap_three_nav{display: block;} header .h_down .navbar .navbar-nav .nav-item .wap_two_nav .wap_three_nav.active>a>i:before{content:'\f068';} header .h_down .navbar .navbar-nav .nav-item .wap_two_nav .wap_three_nav .wap_four_nav{width: 85%;margin:0 auto;display: none;padding-bottom: 5px;} header .h_down .navbar .navbar-nav .nav-item .wap_two_nav .wap_three_nav.active .wap_four_nav{display: block;} header .h_down .navbar .navbar-nav .nav-item .wap_two_nav .wap_three_nav .wap_four_nav a{} header .h_down .navbar .navbar-nav .nn_from{display: flex;margin-bottom: 15px;} header .h_down .navbar .navbar-nav .nn_from span{height: 30px;} header .h_down .navbar .navbar-nav .nn_from span.flex_1{flex:1;} header .h_down .navbar .navbar-nav .nn_from span:nth-child(2){flex-basis:35px;} header .h_down .navbar .navbar-nav .nn_from span input{width: 100%;background:#fff;border: none;height: 100%;} header .h_down .navbar .navbar-nav .nn_from span button{height: 100%;background: var(--orange2);border: none;width: 100%;} header .h_down .navbar .navbar-nav .nn_from span button i{color: #fff;} header .h_down .navbar .navbar-nav .nn_lang{text-align: center;margin-top: 30px;} header .h_down .navbar .navbar-nav .nn_lang a{display: inline-block;padding: 8px 10px;background: #000;color: #adadad;margin: 0 1px;} footer .f_top .ft_left{display: none;} footer .f_top .ft_right{border: none;} footer .f_top .ft_right .ftr_code{padding: 0;justify-content:space-between;} footer .f_top .ft_right .ftr_code span{padding: 0;} footer .f_top .ft_right .ftr_code span i{padding: 0;} footer .f_top .ft_right .ftr_code span i img{max-width:100%;} footer .f_top .ft_right .ftr_txt{padding: 0;} footer .f_top .ft_right .ftr_txt span{display: block;margin-bottom: 10px;} footer .f_top .ft_right .ftr_txt span:last-child{text-align: center;} footer .f_top .ft_right .ftr_txt span i{font-size: .6rem;} footer .f_top .ft_right .ftr_txt span i img{height: 24px;} footer .f_top .ft_right .ftr_txt span .code_box i>img{height: 24px;} footer .f_top .ft_right .ftr_txt span .code_box:hover font:before{top:-7px;} footer .f_top .ft_right .ftr_txt span .code_box font img{bottom: 33px;} .foot_fixed{} .foot_fixed .ff_height{height:60px;background: #000;} .foot_fixed .ff_box{position: fixed;bottom: 0;width: 100%;left: 0;height: 60px;background: #000;z-index:11;} .foot_fixed .ff_box ul{display: flex;height: 100%;} .foot_fixed .ff_box ul li{width: 25%;background: #000;margin-right: 1px;padding-top: 5px;} .foot_fixed .ff_box ul li:last-child{margin-right: 0;} .foot_fixed .ff_box ul li a{display: block;text-align: center;} .foot_fixed .ff_box ul li a i{color: #fff;font-size: 24px;} .foot_fixed .ff_box ul li a span{display: block;color: #fff;} .index .com_title .ct_bg{color:rgba(255,255,255,.1);} .index_banner .swiper-pagination.swiper-pagination-bullets{bottom:12px;} .index_banner .swiper-pagination .swiper-pagination-bullet{width: 45px;height:3px;} .index .com_title .ct_txt{margin-top: -18px;} .index .com_title .ct_bg{font-size: 1.5rem;} .index_banner .swiper-button-prev, .index_banner .swiper-button-next{display: none;} .index_cat{margin-bottom:35px;} .index_cat .container{padding: 0 8px;} .index_cat ul{column-count:initial;column-gap:0;margin-top: 40px;display: flex;flex-wrap:wrap;} .index_cat ul li{padding-bottom: 8px;margin-bottom: 0;width: 50%;} .index_cat ul li:nth-child(1){order:1;padding-right:4px;} .index_cat ul li:nth-child(2){order:4;padding-left:4px;} .index_cat ul li:nth-child(3){order:2;padding-left:4px;} .index_cat ul li:nth-child(4){order:5;padding-right:4px;padding-bottom: 0;} .index_cat ul li:nth-child(5){order:3;padding-right:4px;} .index_cat ul li:nth-child(6){order:6;padding-left:4px;padding-bottom: 0;} .index_cat ul li:nth-child(n+7){display: none;} .index_cat ul li .ic_img{height:130px;position: relative;} .index_cat ul li .ic_img img{height: 100%;max-width:none;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .index_cat ul li .ic_img i{display: none;} .index_cat ul li .ic_txt{bottom:5px;text-align: center;} .index_cat ul li .ic_txt font{font-size: .4rem;float: none;} .index_cat ul li .ic_txt i{display: none;} .index_about .ia_right ul li h4{white-space:normal;} .index_pro{margin-bottom: 70px;} .index_pro .container{padding: 0 8px;} .index_pro .ip_list{min-height:300px;} .index_pro .ip_list ul{text-align:left;} .index_pro .ip_list ul li{width: 50%;padding: 0 1px;margin-bottom: 2px;} .index_pro .ip_list ul li a{flex-direction:unset;align-items:top;padding: 8px 5%;} .index_pro .ip_list ul li a .ipl_txt{width: 40%;order:1;flex:2;} .index_pro .ip_list ul li a .ipl_txt h3{font-size: .42rem;margin-bottom: 10px;height:auto;font-weight: normal;position: relative;} .index_pro .ip_list ul li a .ipl_txt h3 span{display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: absolute;max-width: 100%;} .index_pro .ip_list ul li a .ipl_txt font{font-size: .3rem;display: none;} .index_pro .ip_list ul li a .ipl_img{width: 60%;order:2;flex:3;} .index_pro .ip_list ul li a .ipl_layout{display: none;} .index_media .im_box{margin-top: 0;margin-bottom: 50px;} .index_media .im_box video{max-width: 100%;} .index_media .im_box span{font-size: .3rem;} .index_media .im_box dl{flex-wrap:wrap;} .index_media .im_box dl dt{width: 100%;margin: 0;margin-bottom: 12px;} .index_media .im_box dl dt a i{display: block;} .index_media .im_box dl dd{width: 100%;margin: 0;} .index_media .im_box dl dd a{margin-bottom: 12px;} .index_media .im_box dl dd a:last-child{margin-bottom: 0;} .index_media .im_box dl dd a i{display: block;} .index_about .row{height: auto;margin-top: 0;} .index_about .ia_left{padding: 50px 5%;border-bottom: 1px solid #555552;} .index_about .ia_left .ial_txt{margin-bottom: 10px;} .index_about .ia_left .ial_txt h3{font-size: .5rem;} .index_about .ia_left .ial_txt span font{font-size: .35rem;} .index_about .ia_left .ial_btn a{font-size: .35rem;padding: 10px 30px;} .index_about .ia_right ul li{width: 50%;padding: 50px 15px 0 15px;} .index_about .ia_right ul li:nth-child(odd){border-left: none;} .index_about .ia_right ul li h4 span{font-size: .65rem;margin-right:5px;} .index_about .ia_right ul li p{font-size: .32rem;} .index_news .container{padding: 0 15px;} .index_news .wap_in_list{margin-bottom: 50px;} .index_news .wap_in_list .swiper-wrapper{flex-wrap:wrap;} .index_news .wap_in_list .swiper-slide{margin-bottom: 15px;} .index_news .wap_in_list .swiper-slide:last-child{margin-bottom: 0;} .index_news .in_com_list .cl_item {width: 100%;padding: 0;margin-bottom: 0;} .index_news .in_com_list .cl_item a{display: flex;flex-wrap:wrap;} .index_news .in_com_list .cl_item .inl_img{overflow: hidden;position: relative;flex-basis:100%;} .index_news .in_com_list .cl_item .inl_img img{width: 100%;} .index_news .in_com_list .cl_item .inl_txt{width:100%;background: ##3d3d3d;padding:20px 15px;} .index_news .in_com_list .cl_item .inl_txt h3{margin-bottom:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: .4rem;font-weight: bold;} .index_news .in_com_list .cl_item .inl_txt p{margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 13px;color: #fff;display: none;} .index_news .in_com_list .cl_item .inl_txt .inl_info{display: none;} .index_news .in_com_list .cl_item .inl_txt .inl_info .fl font{font-size: 13px;} .index_news .in_com_list .cl_item .inl_txt .inl_info .fr{float: left;color: #fff;margin-left: 20px;} .about_media_layout .modal{width: 90%;} .about_media_layout .modal .modal-header{padding:10px;} .about_media_layout .modal .modal-header .close{padding: 0px;font-size: .7rem;height: 20px;line-height: 20px;margin: 0;margin-top: 1px;} .about_media_layout .modal .modal-body{padding: 10px;} .about_media_layout .modal .modal-dialog{margin: 0;} .index .com_title{margin-bottom: 40px;} .index .com_title .ct_bg{height: 44px;line-height: 54px;} .index_cat,.index_pro,.index_media,.index_about,.index_news,.index_contact{margin-bottom:var(--index_tit_s);margin-top: 0;padding-top: 0;} /*常见问题*/ .question .com_nav{margin-bottom: 20px;} .question .qt_list{padding: 20px 0px;background: none;} .question .qt_list .qt_ul{columns: initial;column-count: initial;} .question .qt_list ul li{width: 100%;padding: 0;} .question .qt_list ul li a{margin: 8px 0 0;padding: 10px 20px;box-shadow: none;border-radius:8px;background: #fff;} .question .qt_list ul li a .qtl_tit{display: flex;} .question .qt_list ul li a .qtl_tit h3{width: 80%;font-size: .4rem;margin-left: 15px;} .question .qt_list ul li a .qtl_tit span{text-align: right;width: 20px;margin-left: 0px;} .question .qt_list ul li a .qtl_tit font{height: 30px;width: 30px;align-self:center;} .question .qt_list ul li a .qtl_p span{padding-left: 12px;} /*防伪查询*/ .check .c_txt .ct_info span font{font-size: .5rem;white-space: nowrap;} .check .c_txt .ct_info span p{font-size: .35rem;} /*联系我们*/ .contact .c_box{flex-direction:column;} .contact .c_box .cb_left{width: 100%;margin-bottom: 20px;} .contact .c_box .cb_left .cbl_top dl dd span{height: 60px;} .contact .c_box .cb_right{width: 100%;display: none;} /*申请代理*/ .apply .a_group1 .r_txt h3{font-size: .6rem;margin-bottom: 0;} .apply .a_group2{background-color: #000;} .apply .a_group2 .ag2_list ul li{width: 50%;} .apply .a_group2 .ag2_list ul li h3{margin-bottom: 0;} .apply .a_group3 .ag3_txt h3{font-size: .4rem;} .apply .a_group3{position: relative;height: 280px;} .apply .a_group3 img{position:absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);max-width: none;height: 100%;} .apply .a_group3 .ag3_txt{padding: 0 15px;} .apply .a_group3 .ag3_txt h3{line-height: 1.6;margin-bottom: 20px;} .apply .a_group3 .ag3_txt span{margin-bottom: 20px;} .apply .a_group4 .ag4_list ul li{width: 100%;} .apply .a_group4 .ag4_list ul li .ag4_txt{padding: 0 20px;} .apply .a_group4 .ag4_list ul li .ag4_txt h3{font-size: .48rem;margin-bottom: 10px;} .apply .a_group4 .ag4_list ul li .ag4_txt span p{font-size: .35rem;margin-bottom: 0;} .apply .a_group6 .ag6_list ul li{width: 100%;margin: 0;margin-bottom: 10px;} .apply .a_group6 .ag6_list ul li a{padding: 20px;height: auto;} .apply .a_group6 .ag6_list ul li a h3{font-size: .5rem;} /*供应链合作*/ .develop .d_box{flex-direction:column;} .develop .d_box .db_txt{margin-bottom: 10%;} .develop .d_box .db_txt .dbt_top{margin-bottom:10%;} /*招聘页面*/ .join{padding-top: 0;} .join .j_group1{padding: 60px 0 30px;} .join .j_group1 .jg1_list{margin-top: 30px;} .join .j_group1 .jg1_list ul li{width: 50%;padding: 0 6px;margin-bottom: 20px;} .join .j_group1 .jg1_list ul li h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .join .j_group2 .jg2_list ul li{width: 50%;} .join .j_group2 .com_title2 h3{display: block;} .join .j_group2 .com_title2 h3:before{bottom:1px;} .join .j_group2 .com_title2 h3 font{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .join .j_group3 .jg3_list ul li{width: 100%;} .join .j_group3 .jg3_list ul li a dl dt h3{margin-bottom: 5px;} .join .j_group3 .jg3_list ul li a dl dt span{display: none;} .join .j_group4.com_contact .cc_right{padding: 0;} /*售后服务*/ .postsale.inside .com_title .ct_bg{font-size: .8rem;} .inside.postsale .com_title .ct_txt{font-size: .5rem;margin-bottom: 10px;margin-top: -22px;} .postsale .pg1_tab .pg1_nav{margin-bottom: 20px;} .postsale .pg1_tab .pg1_nav ul{display: flex;justify-content: space-evenly;} .postsale .pg1_tab .pg1_nav ul li{width:auto;margin: 0 13px;} .postsale .pg1_tab .pg1_nav ul li a h3{font-size: .45rem;} .postsale .pg1_tab .pg1_nav ul li a i img{height: 45px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_1 ul li{width: 50%;border-bottom: 1px solid var(--inside_bg);padding: 30px 5%;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_1 ul li p{margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 15px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_2 span{font-size: .55rem;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_3 dl dt{font-size: .55rem;} .postsale .pg1_tab .pg1_list .pg1_item.tab_1 .box_3 dl dd p{margin-bottom: 10px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_list ul li{padding: 15px 20px 40px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_nav ul{overflow:auto;white-space:nowrap;padding-top: 10px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_nav ul li a{font-size: .34rem;} .postsale .pg1_tab .pg1_list .pg1_item.tab_2 .qt_list ul li .qt_link{right: auto;left: 20px;bottom: 10px;top: auto;} .postsale .pg1_tab .pg1_list .pg1_item.tab_3{margin-top: 50px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_3 i{border: none;padding: 0;margin-bottom: 20px;} .postsale .pg1_tab .pg1_list .pg1_item.tab_3 span{padding: 0;} .postsale .p_group2.com_contact .cc_left{padding-bottom: 30px;} .postsale .p_group2.com_contact .cc_right{padding: 0;} /*下载中心*/ .download{background: #fff;} .download .d_list ul{flex-wrap:initial;} .download .d_list ul li{width:100%;margin-bottom: 15px;padding: 10px;justify-content: space-between;} .download .d_list ul li .dl_img{width: 42%;position: relative;padding: 7px;padding-right: 0;overflow: hidden;} .download .d_list ul li .dl_img:before{position:absolute;content:'';height:calc(100% + 20px);width:calc(100% + 20px);background:var(--orange2);transform:skew(-25deg,0deg) translate(-105px,-10px);display: none;} .download .d_list ul li .dl_img img{position: relative;z-index:1;} .download .d_list ul li .dl_txt{padding: 0;margin-top: 0px;width: 58%;margin-left: 20px;} .download .d_list ul li .dl_txt h3{padding-bottom: 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .download .d_list ul li .dl_txt h3:before{width: 60px;height: 3px;} .download .d_list ul li .dl_txt span a{width: 50%;text-align: center;padding: 10px 15px;} .download .d_list ul li .dl_txt span a:nth-child(2){margin-left: 0;} /*经销商查询*/ .dealer .d_query{margin-bottom: 20px;} .dealer .d_query .dq_left{flex-basis:100%;} .dealer .d_query .dq_right{display: none;} .dealer .d_list{} .dealer .d_list ul{} .dealer .d_list ul li{} .dealer .d_list ul li a{padding:15px 15px;display: block;border:1px solid #dedede;border-radius: 4px;} .dealer .d_list ul li a h3{margin-bottom: 5px;font-size: .46rem;} .dealer .d_list ul li a span{color: #5d5d5d;} /*新闻中心*/ .news .com_nav{margin-bottom: 30px;} .news .n_list{margin-bottom: 60px;padding: 0;background: none;} .news .n_list ul li{width: 100%;margin-bottom: 10px;padding: 15px 15px;background: #fff;} .news .n_list ul li .nl_txt{margin-top: 15px;} .news .n_list ul li .nl_txt .nlt_left:after{top:19%;transform:none;} .news .n_list ul li .nl_txt .nlt_left p{margin-bottom:0px;font-size: 18px;} .news .n_list ul li .nl_txt .nlt_left font{font-size: 24px;} .news .n_list ul li .nl_txt .nlt_left span{font-size: 18px;} .news .n_list ul li .nl_txt .nlt_right h3{font-size: .45rem;margin-bottom: 10px;} /*新闻详情*/ .news_info .ni_box{padding: 20px;} .news_info .ni_box .ni_tit{font-size: .6rem;} .news_info .ni_box .ni_con h4{font-size: .45rem;} .news_info .ni_other ul{flex-wrap:wrap;} .news_info .ni_other ul li{width: 49%;margin-bottom: 10px;} .news_info .ni_other ul li .niol_img{height: 140px;} .news_info .ni_other ul li .niol_txt{padding: 12px;} .news_info .ni_other ul li .niol_txt h3{height: auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .news_info .ni_other ul li .niol_txt span i{width: 24px;height: 24px;font-size: 12px;} .news_info .ni_next a{padding:8px 40px;} /*企业简介*/ .about .a_group1 .ag1_box .ag1_img{padding-right: 0;} .about .a_group1 .ag1_box .ag1_txt{padding-left: 0;margin-top: 10px;} .about .a_group1 .ag1_box .ag1_txt h3{font-size: .6rem;margin-bottom: 10px;} .about .a_group1 .ag1_box .ag1_txt span p{margin-bottom: 10px;} .about .a_group1 .ag1_list ul{flex-wrap:wrap;} .about .a_group1 .ag1_list ul li{width:33.333%;flex:inherit;padding: 15px;} .about .a_group1 .ag1_list ul li i{margin-bottom: 15px;} .about .a_group1 .ag1_list ul li i img{height: 36px;} .about .a_group1 .ag1_list ul li h3{margin-bottom: 10px;} .about .a_group1 .ag1_list ul li h3 font{display: block;font-size: 19px;} .about .a_group1 .ag1_list ul li h3 p{font-size: 15px;} .about .a_group1 .ag1_list ul li span{font-size: 12px;display: block;line-height:1.5;} .about .a_group1 .ag1_list ul li span br{display: none;} .about .a_group2 .ag2_media video{max-width:100%;} .about .a_group2 .ag2_media span{bottom:auto;top:50%;transform:translate(-50%,-50%);} .about .a_group2 .ag2_media span i{height: 50px;width: 50px;font-size: .45rem;} .about .a_group2 .ag2_media span p{margin-bottom: 0px;} .about .a_group3 .container{padding: 0;} .about .a_group3 .ag3_nav ul li{margin-right: 15px;} .about .a_group3 .ag3_list .ag3_item{border-bottom: 1px solid #dedede;display: block;padding: 0 15px 0px;} .about .a_group3 .ag3_list .ag3_item .ag3i_tit{line-height:50px;height:50px;display: flex;justify-content:space-between;align-items:center;} .about .a_group3 .ag3_list .ag3_item .ag3i_tit span{font-size: .45rem;} .about .a_group3 .ag3_list .ag3_item.active .ag3i_tit i:before{content:'\f068';} .about .a_group3 .ag3_list .ag3_item .row{flex-wrap:wrap;transition:var(--ts);max-height:0;height: 0;overflow:hidden;} .about .a_group3 .ag3_list .ag3_item.active .row{max-height:2000px;height:auto;padding-bottom: 20px;margin-top: 20px;} .about .a_group3 .ag3_list .ag3_item .li_left{flex-basis:100%;margin-bottom: 20px;} .about .a_group3 .ag3_list .ag3_item .li_left p{margin-bottom: 10px;} .about .a_group3 .ag3_list .ag3_item .li_right{flex-basis:100%;} .about .a_group4 .ag4_list ul li{width: 50%;} /*发展历程*/ .history .h_slide .swiper-history .swiper-slide h3{margin-bottom: 20px;} .history .h_slide .swiper-history .swiper-slide h3 font{font-size: 1.5rem;} .history .h_slide .swiper-history .swiper-slide span{width: 70%;line-height: 1.8;font-size: .34rem;} .history .h_slide .hs-arrow{background-size:100% 100%;height: 40px;width: 40px;left:2%;top:calc(50% - 40px);} .history .h_slide .hs-arrow.hs-swiper-next{right:2%;} .history .h_slide .swiper-line{margin-top: 80px;} .history .h_slide .swiper-line .swiper-pagination{height:50px;bottom:-42px;overflow-x: auto;overflow-y: hidden;white-space: nowrap;width:100%;} .history .h_slide .swiper-line .swiper-pagination .swiper-pagination-bullet{height:20px;padding-top: 6px;top: 14px;} .history .h_slide .swiper-line .swiper-pagination .swiper-pagination-bullet:before{top: -13px;} .history .h_slide .swiper-line .swiper-pagination .swiper-pagination-bullet:after{top:0;} /*品牌荣耀*/ .honor .h_list{padding: 0 0px 20px;} .honor .h_list ul li{width: 50%;margin-bottom: 30px;} /*产品中心*/ .inside.pro{padding-top: 0px;} .inside.pro .com_title{margin-bottom: 10px;display: none;} .pro .p_top{height: auto;padding: 10px 0 20px;border: none;} .pro .p_top .pt_cate{float: none;} .pro .p_top .pt_cate>ul>li{} .pro .p_top .pt_cate>ul>li>a{line-height: 40px;} .pro .p_top .pt_search{float: none;} .pro .p_top .pt_search span{width: 100%;} .pro .p_top .pt_search span input{width: 100%;} .pro .p_top .pt_search span.com_btn{display: none;} .pro .p_top:after{content: '';display: table;clear: both;} .pro .p_top .pt_cate>ul>li{margin-right: 15px;} .pro .p_sort{height: 40px;line-height: 40px;margin-bottom: 15px;border-bottom: 1px solid #eee;} .pro .p_sort .ps_box{float: left;} .pro .p_parameter{} .pro .p_parameter ul{display: flex;justify-content:space-between;} .pro .p_parameter ul li{flex:1;text-align: center;margin-right: 5px;} .pro .p_parameter ul li:last-child{margin-right: 0;} .pro .p_parameter ul li a{display: block;border: 1px solid #ededed;padding: 5px;background: #fff;} .pro .p_parameter ul li a:after{content: '';clear: both;display: table;} .pro .p_parameter ul li a font{float: left;} .pro .p_parameter ul li a i{float: right;margin-top: 3px;font-size: 16px;} .pro .p_main .pm_left dl{margin-bottom: 15px;} .pro .p_main .pm_left dl:last-child{margin-bottom: 0;} .pro .p_main .pm_left dl dt{margin-bottom: 10px;} .pro .p_main .pm_left dl dd span{display: inline-block;margin-right: 10px;} .pro .p_main .pm_left dl dd label{margin-bottom: 0;} .pro .p_main .pm_right .pmr_list{margin: 0 -5px;} .pro .p_main .pm_right .pmr_list li{width: 100%;padding: 0 5px;margin-bottom: 10px;} .pro .p_main .pm_right .pmr_list li .li_bg{padding: 0;} .pro .p_main .pm_right .pmr_list li .p_tit{margin: 10px 0 30px;padding: 0 15px;} .pro .p_main .pm_right .pmr_list li .p_tit h3{margin-bottom: 5px;text-align: center;font-weight: bold;} .pro .p_main .pm_right .pmr_list li .p_tit h3 a{font-size: .5rem;} .pro .p_main .pm_right .pmr_list li .p_tit p{margin-bottom: 0;font-size: .35rem;text-align: center;font-weight: bold;color: #999;} .pro .p_main .pm_right .pmr_list li .p_icon{margin-bottom: 0;padding-bottom: 0;border-top: 1px solid #efefef;border-bottom: none;} .pro .p_main .pm_right .pmr_list li .p_icon span{padding: 15px 0 10px;} .pro .p_main .pm_right .pmr_list li .p_icon span:before{height: 100%;background: #efefef;} .pro .p_main .pm_right .pmr_list li .p_icon span p{font-weight: bold;} .pro .p_main .pm_right .pmr_list li .p_link{display: none;} .pro .p_main .pm_com_filter{background: #fff;width: 100%;max-height:0;height: 0;overflow: hidden;transition:var(--ts);} .pro .p_main .pm_com_filter.wap_active{max-height:3000px;height: auto;margin-top: 10px;} .pro .p_main .pm_com_filter .pm_title{height: 30px;line-height: 30px;display: flex;align-items:center;justify-content:space-between;} .pro .p_main .pm_com_filter .pm_title:after{content:'';display: table;clear: both;} .pro .p_main .pm_com_filter .pm_title font{display: block;width: 50%;font-size: 16px;font-weight: bold;} .pro .p_main .pm_com_filter .pm_title i{display: block;text-align: right;width: 50%;} .pro .p_main .pm_com_filter .pmc_box{padding: 10px;} .pro .p_main .pm_com_filter.condition-cate{background: none;} .pro .p_main .pm_com_filter.condition-cate .pmc_box{padding:0px;} .pro .p_main .pm_com_filter.condition-cate .pmc_box dl{background:#fff;padding: 10px;margin-bottom: 10px;border-radius: 2px;} .pro .p_main .pm_com_filter.condition-cate .pmc_box dl dt{background:none;padding: 0;margin-bottom: 0;} .pro .p_main .pm_com_filter.condition-cate .pmc_box dl dt a{background:none;} .pro .p_main .pm_com_filter.condition-cate .pmc_box dl.open dd{margin-top: 5px;} .pro .p_main .pm_com_filter .pmc_list dl dt{padding: 5px;margin-bottom: 5px;background: #F4F4F4;} .pro .p_main .pm_com_filter .pmc_list dl dt a{width: 100%;background: #F4F4F4;display:flex;justify-content:space-between;align-items:center;} .pro .p_main .pm_com_filter .pmc_list dl dt a span{width: 50%;display: block;} .pro .p_main .pm_com_filter .pmc_list dl dt a p{width: 50%;display: block;text-align: right;font-size: 18px;padding-right: 10px;margin-bottom: 0;} .pro .p_main .pm_com_filter .pmc_list dl dt a p i{transition:var(--ts);} .pro .p_main .pm_com_filter .pmc_list dl.open dt a p i{transform:rotate(90deg);} .pro .p_main .pm_com_filter .pmc_list dl dd{display: flex;justify-content:space-between;height: 0;max-height: 0;transition:var(--ts2);overflow: hidden;flex-wrap:wrap;} .pro .p_main .pm_com_filter .pmc_list dl.open dd{max-height:3000px;height: auto;} .pro .p_main .pm_com_filter .pmc_list dl dd a{display: block;width: 49%;background: #F4F4F4;margin-bottom: 5px;padding: 5px;font-size: .3rem;color: #3d3d3d;border-radius: 2px;} .pro .p_main .pm_com_filter .pm_attribute .pma_btn{font-size: 0;} .pro .p_main .pm_com_filter .pm_attribute .pma_btn a{width: calc(50% - 5px);margin-right:5px;padding: 8px 40px;text-align: center;} .pro .p_main .pm_com_filter .pm_attribute .pma_btn a:nth-child(2){margin-left:5px;margin-right: 0;} .pro .bootstrap-select .dropdown-menu li a.opt{padding-left: 2em;} .pro .dropdown-menu{padding: 5px 0;} .pro .dropdown-header{padding: 5px 10px 5px 1em;font-size: .4rem;} .pro .dropdown-item{padding: 5px;} .pro .dropdown-divider{margin: 5px 0;} .pro .p_main .pm_filter{display: flex;justify-content:space-between;width: 100%;margin-bottom: 20px;} .pro .p_main .pm_filter .pmf_item{width: 32%;} .pro .p_main .pm_filter .bootstrap-select{width: 100%;max-width:100%;border: 1px solid #efefef;} .pro .p_main .pm_filter .bootstrap-select .btn{padding: 5px;font-size: .5rem;background: #fff;border-radius: 0;box-shadow:none;outline:none;} .pro .p_main .pm_filter .bootstrap-select .dropdown-toggle .filter-option-inner-inner{color: #333;text-align: center;} .pro .p_main .pm_result{background: #fff;width: 100%;padding: 5px 10px;margin-bottom: 10px;margin-top: 10px;} .pro .p_main .pm_result:after{content: '';clear: both;display: table;} .pro .p_main .pm_result span{font-size: 12px;float: right;} .pro .p_main .pm_result span font{color:var(--orange2);} /*产品详情*/ .pro_detail .pd_main .pdm_left .pdm_gallry{height: auto;padding: 20px;} .pro_detail .pd_main .pdm_left .pdm_gallry .swiper-gallry .swiper-slide img{position: static;transform:none;} .pro_detail .pd_main .pdm_right{padding-left: 0;margin-top: 30px;} .pro_detail .pd_main .pdm_right .pdm_tit h3{margin-bottom: 0;font-size: 20px;} .pro_detail .pd_main .pdm_right .pdm_btn{display: flex;} .pro_detail .pd_main .pdm_right .pdm_btn a{padding: 12px 0px;text-align: center;width: 45%;} .pro_detail .pd_parts .pdp_list ul li{width: 50%;} .pro_detail .pd_detail .com_title3{display: flex;} .pro_detail .pd_detail .com_title3 font{flex:1;padding: 0 5px;text-align: center;} .pro_detail .pd_detail .pdd_txt .pdd_item p{margin-bottom: 0;} .pro_detail_layout .modal{width: 90% !important;} .pro_detail_layout .modal-header{padding: 0px;} .pro_detail_layout .modal-header .close{font-size: 24px;padding: 0;margin: 0;} .pro_detail_layout .modal-body{padding: 20px 0;} .pro_detail_layout .modal-body p{margin-bottom: 0;} .pro_detail_layout .modal-content{} .pro_detail_layout .modal-footer{padding: 10px;} .pro_detail_layout .modal-footer .btn{padding: 5px 20px;font-size: 16px;} /*视频中心*/ .media .m_list ul{margin: 0;} .media .m_list ul li{width: 100%;} .media .m_list ul li a .ml_img{height: auto;} .media .m_list ul li a .ml_img img{position: static;transform:none;} .media .m_list ul li a .ml_img span{width: 36px;height: 36px;} .media .m_list ul li a .ml_txt h3{margin-bottom: 10px;} .media .m_list ul li a .ml_txt p{margin-bottom: 0;} .media .n_list ul li .nl_txt .nlt_right font{display: block;} } @media all and (max-width:575px){ .d-xs-none{display: none !important;} .d-xs-block{display:block !important;} .d-xs-inline{display:inline !important;} .d-xs-inline-block{display:inline-block !important;} .d-xs-flex{display:flex !important;} }