:root{--safe_area:1200px;--theme:#000;--wrap_padding:90px 0;--theme_border_color:#3b3b3b;--theme_button_color:#777;--m_side_padding:.2rem;--m_wrap_padding:.8rem .2rem;--theme_title_color:#666;--assist:#f3bf22;--default_bg:#0c0c0c;--theme_bg:#0c0c0c;}
body{margin:0;background:var(--default_bg);}
div,a{box-sizing: border-box;}
img,a{display:block;}
a{text-decoration: none;}
h1,h2{font-weight:normal;margin-block-start:0;margin-block-end:0;text-transform:Uppercase;}
ul,p{margin-block-start: 0;margin-block-end: 0;padding-inline-start:0;}
img,iframe{max-width:100%;}
.tip{font-size:16px;color:#fff;}
.item,.prev,.next,input[type=submit]{cursor:pointer;}
.img_box{display: flex;justify-content: center;align-items: center;overflow: hidden;}
.details p{color:#6d6d6d;padding:30px 0;}
.index_guide .title{font-size:30px;color:#fff;text-align:center;}
.index_guide .title_en{font-size:14px;color:#3b3b3b;margin-top:10px;text-align:center;text-transform:Uppercase;}
.index_guide .class_list{display:flex;justify-content:center;margin-top:90px;}
.index_guide .class_list .item{width:140px;height:45px;font-size:14px;color:var(--theme_button_color);display:flex;justify-content:center;align-items:center;background:var(--theme);border:1px solid var(--theme_border_color);margin-left:70px;}
/*.index_guide .class_list .item:hover,*/.index_guide .class_list .item.active{background:var(--assist);color:var(--theme);border:none;}
.index_guide .class_list .item.first_item{margin-left:0;}
.index_guide .class_list .line{width:1px;height:14px;background:#b3b3b3;}
.index_more{display:flex;justify-content:center;align-items:center;width:180px;height:50px;font-size:14px;color:var(--theme);margin:0 auto;background:var(--assist);margin-top:90px;}
.m_index_guide .title{font-size:.3rem;color:#fff;text-align:center;}
.m_index_guide .title_en{font-size:.14rem;color:#3b3b3b;margin-top:.1rem;text-align:center;}
.m_index_more{display:flex;width:1.8rem;height:.5rem;justify-content:center;align-items:center;font-size:.2rem;color:var(--theme_button_color);margin: .5rem auto 0 auto;}
.swiper-pagination-bullet{background:#fff;}
.header .welcome_hotline_wrap{background: var(--theme_background);}
.header .welcome_hotline{width:var(--safe_area);height:40px;margin:0 auto;display: flex;justify-content: space-between;align-items: center;font-size:14px;color:#808080;}
.header .logo_navbar_wrap{background:none;position:fixed;top:0;left:0;right:0;z-index:999;border-bottom:1px solid #3f3f3f;}
.header .logo_navbar_wrap.scroll{background: rgba(0,0,0,.5);}
.header .logo_navbar{width:var(--safe_area);height:90px;margin:0 auto;display: flex;justify-content: space-between;align-items: center;}
.header .logo_navbar .logo{width:auto;display:flex;align-items:center;}
.header .logo_navbar .logo h1{font-size: 40px;font-weight:bold;color:#fff;letter-spacing:5px;font-family:"微软雅黑";}
.header .logo_navbar .logo h2{font-size:12px;color:#5b5b5b;margin-top:5px;text-transform:Uppercase;letter-spacing:-1px;}
.header .logo_navbar .navbar{width:715px;display: flex;justify-content: space-between;}
.header .logo_navbar .navbar .item{width:100px;height:40px;display: flex;justify-content: center;align-items: center;font-size:14px;color:#fff;position:relative;}
.header .logo_navbar .navbar .item:hover,.header .logo_navbar .navbar .item.current{background:var(--assist);color:#000;}
.header .logo_navbar .navbar .item .en,.header .logo_navbar .navbar .item:hover .zh,.header .logo_navbar .navbar .item.active .zh{display:none;text-transform:Uppercase;}
.header .logo_navbar .navbar .item:hover .en,.header .logo_navbar .navbar .item.active .en,.header .logo_navbar .navbar .item .zh{display:inline;}
.header .logo_navbar .navbar .item .son{position:absolute;top:65px;left:-50px;width:200px;display:none;}
.header .logo_navbar .navbar .item.active .son{display: block;}
.header .logo_navbar .navbar .item .son .son_item,.header .logo_navbar .navbar .item .grandson_item{height:50px;background: #171717;display:flex;justify-content:center;align-items:center;color:#3b3b3b;border-top:1px solid rgba(255,255,255,.2);}
.header .logo_navbar .navbar .item .son .son_item.first_item,.header .logo_navbar .navbar .item .grandson_item.first_item{border-top:none;}
.header .logo_navbar .navbar .item .grandson{position: absolute;top:50px;right:-200px;width:200px;display:none;}
.header .logo_navbar .navbar .son_item.active .grandson{display: block;}
.header .logo_navbar .navbar .son_item.active,.header .logo_navbar .navbar .grandson_item:hover{background: #232323!important;color:#fff!important;}
.m_header .logo{height: 1.1rem;background: var(--theme_bg);display:flex;justify-content:center;align-items:center;}
.m_header .logo img{width: 25%;}
.m_header .nav_list{display:flex;flex-wrap:wrap;}
.m_header .nav_list .item{width:25%;height:.6rem;display:flex;justify-content:center;align-items:center;font-size:.2rem;color:#fff;background:#000;}
.m_header .nav_list .item.active{background: var(--assist);color:#000;}
.m_header .hamburger{width: 0.35rem;}
.m_pop_up .layer_md{position: fixed;top:0;right:100%;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:1000;}
.m_pop_up.active .layer_md{right:0;}
.m_pop_up .layer_top{position: fixed;top:0;right:0;bottom:0;width:0;background:rgba(0,0,0,.8);padding-top:.5rem;transition:all .5s;z-index:1001;}
.m_pop_up.active .layer_top{width:65%;}
.m_pop_up .layer_top .item{padding:.2rem 0;font-size:.32rem;font-weight:bold;color:#fff;white-space:nowrap;text-indent:1rem;border-bottom:1px solid rgba(255,255,255,.2);display:block;}
.m_search{display: flex;padding:.2rem;justify-content: space-between;align-items: center;background:var(--theme);}
.m_search input[type=text]{width: 75%;height: .6rem;color:#fff;display:block;background:none;border:1px solid var(--theme_border_color);box-sizing:border-box;border-radius:.1rem;}
.m_search input[type=submit]{width: 20%;height: .6rem;background: none;color:var(--theme_button_color);display:block;border:1px solid var(--theme_border_color);border-radius:.1rem;}
.m_location{font-size:.2rem;background:var(--theme_bg);display:flex;padding:.2rem .2rem 0 .2rem;}
.m_location,.m_location a,.m_location span{color:#999;}
.m_location a{white-space:nowrap;}
.swiper-container img{max-width:100%;}
.footer_wrap{padding: var(--wrap_padding);padding-bottom:0;background:url(../images/index_footer_bg.png) no-repeat;background-size:auto 100%;height:765px;position:relative;}
.footer_wrap .last_wrap{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #1f1f1f;background:none;}
.footer{width:var(--safe_area);margin:0 auto;}
.footer .index_guide .title,.footer .index_guide .title_en{text-align: left;}
.footer .main{margin-top:44px;display:flex;justify-content:space-between;}
.footer .main .contact_method{width:40%;}
.footer .main .message{width:55%;}
.footer .main .message .message_guide{font-size: 16px;color:#ffffff;}
.footer .main .message .message_guide_en{font-size:14px;color:#3b3b3b;margin-top:10px;}
.footer .main .message .f1{display: flex;justify-content: space-between;margin-top:50px;}
.footer .main .message .f1 input{display: inline-block;width:30%;height:45px;background:none;border:none;border-bottom:1px solid #1e1e1e;padding-bottom:5px;color:#fff;}
.footer .main .message .f2{width: 100%;height:80px;border:none;border-bottom:1px solid #1e1e1e;margin-top:30px;color:#fff;background:none;padding-top:10px;}
.footer .main .message .f3{width:180px;height:50px;margin-top:60px;;background:var(--assist);color:var(--theme);border:none;}
.last_wrap{background:var(--default_bg);border-top:1px solid #1f1f1f;}
.last{display: flex;justify-content: space-around;height:50px;align-items:center;margin:0 auto;width:var(--safe_area);}
.last .item{font-size:14px;color:#3b3b3b;}
.last .support{display: inline-block;color:#3b3b3b;}
.m_footer{height:1.5rem;position:fixed;bottom:0;left:0;right:0;padding:.2rem;z-index:999;background:var(--theme);}
.m_footer .tab_bar{width:100%;height: 100%;border-radius:.55rem;background-image:linear-gradient(to bottom,#141414,#1b1b1b,#141414);display:flex;justify-content:space-between;align-items:center;}
.m_footer .tab_bar .item{width: 33.3%;display:flex;justify-content:center;align-items:center;height:100%;}
.m_footer .tab_bar .item:nth-child(1){border-right:1px solid #121212;}
.m_footer .tab_bar .item:nth-child(2){border-left:1px solid #202020;border-right:1px solid #121212;}
.m_footer .tab_bar .item:nth-child(3){border-left:1px solid #202020;}
.m_footer .tab_bar .item img{width: .5rem;}
.m_footer .wechat{position:fixed;bottom:1.5rem;left:0;right:0;display:none;z-index:999;justify-content:center;}
.m_footer .wechat.active{display:flex;}
.m_footer .wechat .close{position:absolute;right:.2rem;top:.2rem;width:.5rem;}
.m_bounce{height:1.5rem;}
.location{display: flex;}
.location,.location a,.location span{color:#6d6d6d;font-size:14px;}
.sidebar{padding:50px 0;width:var(--safe_area);margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.sidebar .class_list{display: flex;}
.sidebar .class_list .item{color:#3b3b3b;font-size:14px;margin-left:60px;white-space:nowrap;}
.sidebar .class_list .item:hover,.sidebar .class_list .item.active{color:#fff;}
.class3_list{display: flex;justify-content: center;flex-wrap:wrap;width:var(--safe_area);margin:0 auto;}
.class3_list .item{width: 140px;height:45px;border: 1px solid var(--theme_border_color);color:var(--theme_button_color);display: flex;justify-content: center;align-items: center;margin-bottom:30px;margin-left:35px;margin-right:35px;}
.class3_list .item.active,.class3_list .item:hover{background:var(--assist);color:var(--theme);border:none;}
.m_sidebar{padding-top:.8rem;background:var(--theme);display:flex;justify-content:center;flex-wrap:wrap;}
.m_sidebar .item{width:1.6rem;height:.5rem;margin:0 .2rem .2rem 0;display:flex;justify-content:center;align-items:center;color:var(--theme_button_color);font-size:.2rem;border:1px solid var(--theme_border_color);}
.m_sidebar .item.active{background:#fff;color:var(--theme);}
.m_sidebar .item.last_column{margin-right:0;}
.m_pagination{background: var(--theme);}
.m_pagination .pagination{display: flex;justify-content: center;}
.m_pagination .pagination span,.m_pagination .pagination a{font-size:.3rem;color:#fff;display:flex;justify-content:center;border:1px solid var(--theme_border_color);margin:0 .1rem;width:.5rem;}
.m_pagination .pagination .active span,.m_pagination .pagination .active a,.m_pagination .pagination .disabled span,.m_pagination .pagination .disabled a{color:#666;}
.index_product_wrap{padding:var(--wrap_padding);background:url(../images/index_product_bg.png) no-repeat;background-size:auto 100%;height:1060px;}
.index_product{width:var(--safe_area);margin:0 auto;}
.index_product .product_banner{height:460px;margin-top:90px;display:none;}
.index_product .product_banner.active{display: block;}
.index_product .product_banner .swiper-wrapper{height:390px;}
.index_product .product_banner .img_box{height:290px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#a0a0a0;}
/*.index_product .product_banner .img_box img{max-width: 100%;max-height: 100%;}*/
.index_product .product_banner .img_box img{height:100%;}
.index_product .product_banner .text{height:85px;background:#000;display:flex;justify-content:center;align-items:center;position:relative;}
.index_product .product_banner .swiper-slide .text .mark{position:absolute;width: 5px;height: 0;background: var(--assist);top:22px;left:0;transition:all .5s;}
.index_product .product_banner .swiper-slide:hover .text .mark{height:40px;}
.index_product .product_banner .text .title,.index_product .product_banner .text .specification{font-size:14px;color:#fff;text-align:left;}
.index_product .product_banner .text .specification{margin-top:10px;}
.index_product .navigation{position: relative;}
.index_product .navigation .prev{position: absolute;bottom:290px;left:-65px;width:65px;height:65px;background:#000;color:#fff;font-size:30px;display:flex;justify-content:center;align-items:center;}
.index_product .navigation .next{position: absolute;bottom:290px;right:-65px;width:65px;height:65px;background:#000;color:#fff;font-size:30px;display:flex;justify-content:center;align-items:center;}
.index_product .navigation .swiper-button-disabled{color:#999;}
.m_index_product{padding:var(--m_wrap_padding);background:url(../images/m_index_product_bg.png) no-repeat;background-size:100% auto;background-position:left bottom;}
.m_index_product .class_list{margin-top:.5rem;display: flex;justify-content: center;flex-wrap:wrap;}
.m_index_product .class_list .item{width:1.6rem;height:.5rem;margin:0 .35rem .3rem .35rem;display:flex;justify-content:center;align-items:center;color:var(--theme_button_color);font-size:.2rem;border:1px solid var(--theme_border_color);}
.m_index_product .class_list .item.active{background:var(--assist);color:var(--theme);border:none;}
.m_index_product .class_list .item.last_column{margin-right:0;}
.m_index_product .class_list .item.last_row{margin-bottom:0;}
.m_index_product .list{margin-top:.5rem;display:none;justify-content:space-between;flex-wrap:wrap;}
.m_index_product .list.active{display: flex;}
.m_index_product .list .item{margin-bottom:.3rem;width:48%;height:4.45rem;}
.m_index_product .list .item.last_row{margin-bottom:0;}
.m_index_product .list .item .img_box{height:3.45rem;display:flex;justify-content:center;align-items:center;overflow:hidden;}
/*.m_index_product .list .item .img_box img{max-width:100%;max-height:100%;}*/
.m_index_product .list .item .img_box img{height:100%;}
.m_index_product .list .item .text{height:1rem;padding-top:.2rem;}
.m_index_product .list .item .text .title,.m_index_product .list .item .text .specification{font-size:.2rem;color:#666;text-align:center;}
.m_index_product .list .item .text .specification{margin-top:.2rem;}
.index_about_wrap{height:960px;background:url(../images/index_about_bg.jpg) no-repeat;background-size:auto 100%;background-position:center top;padding:var(--wrap_padding);}
.index_about{width:var(--safe_area);margin:0 auto;}
.index_about .index_guide .title,.index_about .index_guide .title_en{text-align: left;}
.index_about .decoration{margin-top:150px;width:760px;height:260px;border:1px solid #464646;display:flex;justify-content:center;align-items:center;overflow:hidden;}
.index_about .decoration img{transition: all .5s;}
.index_about .decoration:hover img{transform:scale(1.1);}
.index_about .description{font-size:14px;color:#f5f5f5;line-height:30px;margin-top:30px;width:655px;}
.index_about .index_more{margin:30px 0 0 0;}
.m_index_about{padding:var(--m_wrap_padding);background:url(../images/m_index_about_bg.jpg) no-repeat;background-size:100% auto;height:10.77rem;}
.m_index_about .decoration{width:100%;margin-top:.8rem;}
.m_index_about .description{font-size:.2rem;line-height:.45rem;color:#f5f5f5;margin-top:.5rem;text-indent:.5rem;}
.index_news_wrap{background:#0c0c0c;padding:var(--wrap_padding);}
.index_news{width:var(--safe_area);margin:0 auto;}
.index_news .index_guide .title,.index_news .index_guide .title_en{text-align:left;}
.index_news .list{margin-top:90px;display: flex;flex-wrap: wrap;}
.index_news .list .item{display: block;width:580px;height:360px;background-size:100% 100%;background-position:left top;background-repeat:no-repeat;padding:40px;border:1px solid rgba(255,255,255,.5);margin:0 40px 40px 0;position:relative;}
.index_news .list .item .mask{position: absolute;top:0;right:0;bottom:0;left:100%;background:rgba(0,0,0,.6);}
.index_news .list .item:hover .mask{left:0;}
.index_news .list .item.last_column{margin-right:0;}
.index_news .list .item.last_row{margin-bottom:0;}
.index_news .list .item .text{transition:all .5s;}
.index_news .list .item:hover .text{transform:translateY(50px);}
.index_news .list .item .text .title{font-size:16px;color:#ffffff;}
.index_news .list .item .text .date,.index_news .list .item .text .description{font-size:14px;color:#6d6d6d;margin-top:10px;line-height:30px;}
.index_news .list .item .text .description{height:60px;}
.index_news .list .item .text .see_more{font-size:14px;color:#3b3b3b;margin-top:10px;}
.index_news .list .item:hover .text .date,.index_news .list .item:hover .text .description,.index_news .list .item:hover .text .see_more{color:#c1c1c1;}
.index_news .list .item img{width: 150px;margin-top: 20px;}
.m_index_news{padding:var(--m_wrap_padding);background:#0c0c0c;}
.m_index_news .list{margin-top:.5rem;}
.m_index_news .list .item{padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.2);}
.m_index_news .list .item .title{font-size:.2rem;color:#fff;}
.m_index_news .list .item .date,.m_index_news .list .item .description{font-size:.2rem;color:#6d6d6d;line-height:.35rem;margin-top:.2rem;}
.m_index_news .list .item .description{text-indent: .5rem;}
.contact{width:var(--safe_area);margin:0 auto;}
.contact .f1{height: 400px;display:flex;}
.contact .f1 .item{width:50%;height:100%;border:1px solid rgba(255,255,255,.2);}
.contact .f1 .right{padding:80px;}
.contact .c_f2{padding-top:90px;padding-bottom:90px;}
.contact .c_f2 .message_guide{font-size: 16px;color:#ffffff;}
.contact .c_f2 .message_guide_en{font-size:14px;color:#3b3b3b;margin-top:10px;}
.contact .c_f2 .f1{display: flex;justify-content: space-between;margin-top:50px;}
.contact .c_f2 .f1 input{display: inline-block;width:30%;height:45px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:5px;color:#fff;}
.contact .c_f2 .f2{width: 100%;height:80px;border:none;border-bottom:1px solid rgba(255,255,255,.5);margin-top:30px;color:#fff;background:none;padding-top:10px;}
.contact .c_f2 .f3{width:180px;height:50px;margin-top:60px;border:1px solid var(--theme_border_color);background:none;color:var(--theme_button_color);}
.contact .c_f2 .f3:hover{background:#fff;color:var(--theme);}
.m_index_contact{padding:var(--m_wrap_padding);background:url(../images/m_index_contact_bg.jpg) no-repeat;background-size:100% auto;height:18rem;}
.m_index_contact .list{margin-top:.5rem;}
.m_index_contact .list .item{display: block;width: 100%;height:.6rem;border:1px solid var(--theme_border_color);outline:none;margin-bottom:.2rem;padding-left:.2rem;box-sizing:border-box;background:none;color:#fff;}
.m_index_contact .list .textarea{height:2.5rem;padding-top:.1rem;}
.m_index_contact .list .item[type=submit]{background: #fff;color:var(--theme);margin-top:.3rem;}
.m_index_contact .contact_method{margin-top:.5rem;}
.m_index_contact .contact_method p{height:.5rem;}
.m_index_contact .contact_method p:first-child{height:auto;}
.m_index_contact .contact_method span{display: block;}
.m_index_contact p{margin-block-start: 0;margin-block-end: 0;}
.product{width:var(--safe_area);margin:0 auto;padding:20px 0 50px 0;display:flex;justify-content:space-between;}
.product .item{width: 280px;margin-right: 26px;margin-bottom:26px;}
.product .item.last_column{margin-right: 0;}
.product .item.last_row{margin-bottom:0;}
.product .item .img_box{height:290px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.product .item .img_box img{max-width: 100%;max-height: 100%;transition:all .5s;}
.product .item:hover .img_box img{transform:scale(1.1);}
.product .item .text{height:85px;background:#060606;position:relative;display:flex;justify-content:center;align-items:center;padding:0 10px;}
.product .item .text .title,.product .item .text .specification{font-size: 14px;color:#fff;text-align:left;}
.product .item .text .specification{margin-top: 15px;}
.product .item .text .mark{position: absolute;width: 5px;height: 0;background: var(--assist);top:22px;left:0;transition:all .5s}
.product .item:hover .text .mark{height:40px;}
.productshow{width: var(--safe_area);margin: 0 auto;padding:50px 0;}
.productshow .title{font-size:24px;color:#fff;}
.productshow .material{font-size:14px;color:#6d6d6d;margin-top:10px;}
.productshow .line{height: 1px;margin-top: 30px;background: #1f1f1f;}
.productshow .attribute{margin-top:60px;display:flex;justify-content:space-between;}
.productshow .attribute .item{font-size:16px;color:#6d6d6d;}
.productshow .attribute .qr_box{display: flex;}
.productshow .attribute .qr_box img{width: 100px;margin-left:40px;}
.productshow .main_banner{/*height:600px;*/margin-top:50px;}
.productshow .thumb_banner{width: 560px;/*height: 85px;*/margin:50px auto 0 auto;}
.productshow .prev_a_next{width:560px;margin:0 auto;position:relative;}
.productshow .prev_a_next .item{font-size:40px;color:#ccc;font-weight:lighter;position: absolute;bottom:65px;}
.productshow .prev_a_next .item.swiper-button-disabled{color:#999;}
.productshow .prev_a_next .prev{left:-50px;}
.productshow .prev_a_next .next{right:-50px;}
.productshow .details_guide{margin-top: 90px;font-size: 16px;color:#6d6d6d;}
.m_product{padding:.5rem .2rem .3rem .2rem;display:flex;justify-content:space-between;flex-wrap:wrap;background:var(--theme_bg);}
.m_product .item{width:48%;margin-bottom:.2rem;}
.m_product .item .img_box{height:3.4rem;display: flex;justify-content: center;align-items: center;overflow:hidden;border:1px solid #eee;}
.m_product .item .img_box img{width:100%;}
.m_product .item .title{text-align: center;font-size:.24rem;color:var(--theme_title_color);}
.m_productshow{padding: var(--m_wrap_padding);}
.m_productshow .main_pic{width:100%;}
.m_productshow .title{font-size:.2rem;color:#fff;text-align:center;margin-top:.2rem;}
.m_productshow .description{font-size:.2rem;line-height: .4rem;color:#666;margin-top:.2rem;}
.about{width: var(--safe_area);margin: 0 auto;}
.about .description{font-size:14px;color:#6d6d6d;line-height:35px;text-align:left;}
.about .line{height: 1px;background: rgba(255,255,255,.2);margin-top:50px;}
.about .img_box{margin-top: 50px;}
.about .img_box img{width: 100%;transition: all .5s;}
.about .img_box:hover img{transform:scale(1.1);}
.about .number_box{width:1100px;height:180px;margin:0 auto;background:#0c0c0c;display:flex;justify-content:space-around;align-items:center;position:relative;bottom:100px;}
.about .number_box .item .f1{font-size: 14px;color:#6d6d6d;text-align:center;}
.about .number_box .item .f2{font-size:12px;color:#3b3b3b;margin-top:10px;text-align:center;}
.about .number_box .item .f3{margin-top:10px;text-align:center;}
.about .number_box .item .f3 span{font-size:14px;color:#fff;}
.about .number_box .item .f3 .number{font-size:30px;color:#ffffff;}
.about .slogan{width: 1150px;margin: 0 auto;font-size: 14px;color:#6d6d6d;text-align:center;padding-bottom:50px;line-height:35px;}
.m_about{padding: var(--m_wrap_padding);}
.m_about .description{font-size: .2rem;line-height: .35rem;color:#999;text-indent:.5rem;}
.m_about img{margin-top: .5rem;}
.m_about .list{margin-top: .5rem;display:flex;justify-content:space-between;flex-wrap:wrap;}
.m_about .list .item{width: 48%;}
.m_about .list .item .zh{font-size:.26rem;color:#ccc;text-align:center;}
.m_about .list .item .en{font-size: .2rem;color:#999;text-align: center;margin-top:.2rem;}
.m_about .list .item .num{color: #999;text-align: center;transform:scale(0.5);transform-origin:center top;}
.m_about .list .item span{font-size: .8rem;}
.m_about .list .item .num sub{font-size:.4rem;transform:scale(0.5);position:relative;bottom:.2rem;}
.project{width: var(--safe_area);margin:100px auto 0 auto;display:flex;flex-wrap:wrap;}
.project .item{width:380px;margin-right:30px;margin-bottom:30px;}
.project .item.last_column{margin-right:0;}
.project .item .img_box{height: 260px;display:flex;justify-content:center;align-items:center;}
.project .item .img_box img{width:100%;transition:all .5s;}
.project .item:hover .img_box img{transform: scale(1.1);}
.project .item .text{height: 90px;display:flex;justify-content:space-between;align-items:center;}
.project .item .text .left{transition: all .5s;}
.project .item:hover .text .left{transform: translateX(20px);}
.project .item .text .left .title{font-size: 16px;color: #6d6d6d;}
.project .item:hover .text .title{color:#fff;}
.project .item .text .left .title_en{font-size:14px;color:#6d6d6d;margin-top:10px;}
.project .item .text .arrow{font-size:35px;color:#6d6d6d;transition: all .5s;opacity:0;}
.project .item:hover .text .arrow{opacity:1;}
.preview{position: fixed;top: 0;right: 0;bottom: 0;left: 0;justify-content: center;align-items: center;z-index: 999;display: none;background: rgba(0,0,0,.8);}
.preview.active{display: flex;}
.preview .img_box{width: 800px;height: 494px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.preview .img_box img{width:100%;}
.preview .close{width: 50px;position: absolute;top:50px;right: 100px;}
.news{width:var(--safe_area);margin:100px auto 0 auto;display:flex;flex-wrap:wrap;}
.news .item{width: 580px;height:540px;border-bottom:1px solid rgba(255,255,255,.2);position:relative;margin-right:40px;margin-bottom:40px;}
.news .item.last_column{margin-right: 0;}
.news .item .img_box{height:340px;display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #999;}
.news .item .img_box img{max-width: 100%;max-height:100%;width:100%;height:100%;transition: all .5s;}
.news .item:hover .img_box img{transform: scale(1.1);}
.news .item .title{font-size: 16px;color:#fff;margin-top:30px;}
.news .item .date,.news .item .description{font-size: 14px;line-height: 30px;color:#6d6d6d;margin-top:10px;}
.news .item .description{height: 60px;}
.news .item .more{font-size:14px;color:#3b3b3b;margin-top:10px;}
.news .item .line{position: absolute;bottom:0;left:0;width: 0;height:1px;transition: all .5s;background:#fff;}
.news .item:hover .line{width:100%;}
.newsshow{width: var(--safe_area);margin: 100px auto 0 auto;}
.newsshow .title{font-size: 30px;text-align: center;color:#999;}
.newsshow .date{font-size:14px;color:#666;text-align:right;margin-top:20px;}
.newsshow .line{height: 1px;margin-top: 10px;background: rgba(255,255,255,.2);}
.newsshow .details{padding: 50px 0;}
@media screen and (min-width:768px) {
    .m_header,.m_search,.m_location,.m_footer,.m_bounce,.m_sidebar,.m_pagination,.m_banner,.m_index_product,.m_index_about,.m_index_news,.m_index_contact,.m_product,.m_productshow,.m_about,.join_xs,.m_product_wrap{display: none;}
    .pc_pagination{width: var(--safe_area);margin:0 auto;padding:50px 0;}
    .pc_pagination .pagination{display: flex;justify-content: center;}
    .pc_pagination .pagination li{width: 40px;height:40px;border: 1px solid var(--theme_border_color);display:flex;justify-content:center;align-items:center;margin:0 5px;}
    .pc_pagination .pagination li a,.pc_pagination .pagination li span{color:var(--theme_button_color);}
    .pc_pagination .pagination li.active{background: var(--assist);}
    .pc_pagination .pagination li.active span{color:var(--theme);}
    .pc_pagination .prev_a_next{display: flex;justify-content: space-between;margin-top: 50px;}
    .pc_pagination .prev_a_next a{color:#999;}
    .pc_pagination .prev_a_next a:hover{color:#ccc;}
    .pc_pagination .prev_a_next span{color:#666;}
}
@media screen and (max-width:768px) {
    .header,.footer_wrap,.sidebar,.pc_pagination,.banner,.index_product_wrap,.index_about_wrap,.index_news_wrap,.product,.productshow,.about,.contact,.project,.news,.newsshow,.last_wrap,.location{display: none;}
    .details{margin-top:.2rem;}
    .details p,.details span,.about p,.about span{font-size:.24rem;line-height:.45rem;color:#666;}
    .m_pagination .prev_a_next{display:flex;justify-content:space-between;padding:.2rem .2rem .5rem .2rem;}
    .m_pagination .prev_a_next a,.m_pagination .prev_a_next span{padding:.1rem .2rem;border:1px solid var(--theme_border_color);border-radius:.1rem;display:block;max-width:45%;}
    .m_pagination .prev_a_next a{font-size:.2rem;color:#fff;}
    .m_pagination .prev_a_next span{color:#666;font-size:.2rem;}
}