@import "../iconfont/iconfont.css";.fyc{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;box-pack:center} .fwbet{display:flex;flex-wrap:wrap;justify-content:space-between} .wrap{width:88vw;max-width:1560px;margin-left:auto;margin-right:auto} @media (max-width:639px){.wrap{width:92vw} } .wrap2{width:88vw;max-width:1560px;margin-left:auto;margin-right:auto} @media (max-width:639px){.wrap2{width:92vw} } @media (min-width:1680px){.wrap2{max-width:1320px} } :root{ --main-color: #0069EA; } .ver>*{display:inline-block;vertical-align:middle} .table-cell{display:table;width:100%} .table-cell>*{display:table-cell;vertical-align:middle} .row-pv0{margin-left:0;margin-right:0} .row-pv0>*{padding-left:0;padding-right:0} .mv0{margin-left:0 !important;margin-right:0 !important} .pv0{padding-left:0 !important;padding-right:0 !important} .pt0{padding-top:0px !important} .pb0{padding-bottom:0px !important} .mb0{margin-bottom:0 !important} .mt0{margin-top:0 !important} .bggray{background:#f8f8f8} .bgf{background:#fff} .c{color:#0069EA} .bgc{background-color:#0069EA} .cf{color:#fff} .bg0{background-color:#131210} .hv:hover{color:#0069EA} .hvf:hover{color:#fff} .bghover{transition:.6s} .bghover:Hover{background-color:#0069EA;color:#fff} .l{border:1px solid #eeeeee} .lb{border-bottom:1px solid #eeeeee} .lt{border-top:1px solid #eeeeee} .coverbox{position:relative;display:block;overflow:hidden} .coverbox .coverimg{width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:contain;background-position:center;z-index:1;transition:transform .6s ease 0s} .coverbox .coverimg.cover{background-size:cover} .coverbox ._bg{width:100%;visibility:hidden;display:block} @media (min-width:993px){.coverbox.scale:hover .cover-tip{opacity:1;filter:alpha(opacity=1)} .coverbox.scale:hover .coverimg{transform:scale(1.05,1.05)} .coverbox.scale:hover .icon-bofang1{font-size:.6rem} } .cover-tip{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;filter:alpha(opacity=0);transition:all .4s ease 0s;z-index:55} .cover-tip .bgbox{display:block;width:100%;height:100%;background-color:#000;opacity:.6;filter:alpha(opacity=60)} .cover-tip .bgbox.blue{background-color:rgba(0,161,230,0.8)} .cover-tip .stit{font-size:16px;line-height:30px;width:100%;text-align:center;position:absolute;left:0;top:50%;margin-top:-15px;color:#fff} .cover-tip .stit{font-size:16px;line-height:30px;width:100%;text-align:center;position:absolute;left:0;top:50%;margin-top:-15px;color:#fff} .cover-tip .line{display:inline-block;width:100px;height:1px;background-color:#f2f2f2;position:absolute;left:50%;margin-left:-50px;transition:all .6s ease 0s} .cover-tip .linet{top:0} .cover-tip .lineb{bottom:0} .cover-tip:hover .line{width:6px;margin-left:-3px;opacity:.6;filter:alpha(opacity=60)} .wrap2{width:88vw;max-width:1560px;margin-left:auto;margin-right:auto} @media (max-width:639px){.wrap2{width:92vw} } @media (min-width:1680px){.wrap2{max-width:1320px} } .iconfont{font-size:inherit} .fancybox-container{z-index:999999999} .lb0{border-bottom:0 !important} .cover-box ._bg{width:100%} .medium{font-family:medium} .bgf{background:#fff !important} .datas .val{font-family:medium} .fadeIntop{opacity:0;filter:alpha(opacity=0);transform:translateY(30px)} .fadeIntop.show{opacity:1;filter:alpha(opacity=100);transform:translateY(0);transition:all .3s ease 0s} .pt0{padding-top:0 !important} .c{color:#0069EA} @media (max-width:768px){.swiper-pagination-bullet{width:6px;height:6px} } .swiper-pagination-bullet-active{background-color:#0069EA !important} .cItem:not(.active){display:none} .bsBox{box-sizing:content-box} .bsBox>*{box-sizing:content-box} .pagination{text-align:center;display:block} .pagination li{margin:0} .pagination li>*{padding:0 !important;font-size:16px;border-radius:50% !important;color:#999} @media (max-width:640px){.pagination li>*{font-size:14px} } .pagination .active>a,.pagination .active>span,.pagination .active>a:hover,.pagination .active>span:hover,.pagination .active>a:focus,.pagination .active>span:focus{color:#fff;background-color:#0069EA} .pagination li>a,.pagination li>span{float:none;display:inline-block;cursor:pointer;color:#000;padding:0;width:.56rem !important;height:.56rem !important;line-height:.56rem !important;text-align:center !important;border:1px solid #eeeeee;border:0} .pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#fff;background-color:#0069EA} #totop{width:50px;height:50px;background:url('../images/top.png') no-repeat center center;background-color:#a8a8a8;background-color:rgba(0,0,0,0.3);position:fixed;right:50px;bottom:50px;z-index:5555;cursor:pointer;border-radius:50%;transition:.6s;opacity:0;transform:translateY(20px)} @media (max-width:640px){#totop{right:10px;bottom:10px;width:40px;height:40px;background-size:20px} } @media (min-width:768px){#totop:hover{background-color:#0069EA} } #totop.show{transform:translateY(0);opacity:1} main{margin-top: 1.1rem;} @media (max-width:768px){main{margin-top:60px} } header{transition: .6s; position: fixed !important; left: 0; right: 0; top: 0; z-index: 99999; background: #fff; overflow: hidden;} header:hover{background:rgba(255, 255, 255, 0.5);overflow:visible} header .logo{width:3rem;height:100%;background:url('../images/logo.png') no-repeat left center;display:block;transition:.6s;background-size:contain;margin-right:1rem} header.background{background:rgba(255, 255, 255, 1);} @media (max-width:1680px){header .logo{margin-right:.5rem} } .head_wrap{transition:.6s;height:1.1rem;padding:0 36px;display:flex;max-width:1920px;margin:0 auto} @media (max-width:768px){.head_wrap{height:60px} } @media (max-width:480px){.head_wrap{padding:0 20px} header .logo{width:4rem;} } .header_nav{display:flex;justify-content: center;flex:1} @media (min-width:1200px){.header_nav{overflow:hidden} .header_nav:hover{overflow:visible} } .header_nav .header_inner{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:center;box-pack:center;-webkit-justify-content:center;justify-content:center;padding-right:.2rem} @media (min-width:1361px){.header_nav .header_inner{position:relative} } @media (max-width:1200px){.header_nav .header_inner{justify-content:space-between} } .header_nav .nav_li{margin-right:.6rem} @media (max-width:1680px){.header_nav .nav_li{margin-right:.4rem} } header .header_nac{display:block;position:relative;line-height:1.1rem;font-size:20px;font-weight:bold} @media (max-width:1360px){header .header_nac{font-size:18px} } header .header_nac::after{content:'';display:block;position:absolute;height:3px;background-color:#0069EA;left:50%;transform:translateX(-50%);bottom:0;width:0;transition:.6s} header .drop{position:absolute;left:50%;transform:translateX(-50%);z-index:5;top:1.1rem;min-width:200px;transition:.6s;opacity:0;white-space:nowrap;z-index:55;padding:0;font-size:18px;text-align:center;background:#fff;box-shadow:0 10px 10px rgba(0,0,0,0.1)} @media (max-width:1360px){header .drop{font-size:16px} } header .drop a{overflow:hidden;display:block;line-height:3.5;border-bottom: 1px solid #eee;padding:0 24px} header .drop a:hover{color:#0069EA} header .drop a.active{background:#0069EA;color:#fff} header .nav_li{position:relative} header .nav_li.active .header_nac{color:#0069EA} header .nav_li.active .header_nac::after{width:100%} header .nav_li .header_nac.active{color:#0069EA} header .nav_li .header_nac.active::after{width:50px} header .nav_li:hover{overflow:visible} header .nav_li:hover .header_nac{color:#0069EA} header .nav_li:hover .header_nac::after{width:100%} header .nav_li:hover .drop{opacity:1} .hd_product:hover .hd_product_drop{display:block} .hd_product_drop{width:100vw;background:#fff;position:fixed;top:1.1rem;left:0;right:0;z-index:55555;border-top:1px solid #eeeeee;box-shadow:0 20px 20px rgba(0,0,0,0.1);display:none} .hd_product_drop::after{content:'';display:block;position:absolute;width:100%;height:2px;background:#fff;left:0;bottom:0} .hd_product_drop .wrap{display:flex;align-items:stretch} .hd_product_drop .lbox .cell2,.hd_product_drop .rbox .proitem:nth-child(3),.hd_product_drop .rbox .proitem:nth-child(4){padding-bottom:.76rem} .hd_product_drop .lbox{width:46%} .hd_product_drop .lbox .cell2{float:left;width:42%;margin-right:8%} .hd_product_drop .lbox dl{padding-bottom:20px} .hd_product_drop .lbox dl+dl{border-top:1px solid #eeeeee;padding-top:40px} .hd_product_drop .rbox{flex:1;display:flex;flex-wrap:wrap} .hd_product_drop .rbox .proitem{width:50%;padding-left:1rem;margin-left:-1px;border-left:1px solid #eeeeee;border-right:1px solid #eeeeee} @media (max-width:1360px){.hd_product_drop .rbox .proitem{padding-left:8%} } .hd_product_drop .rbox .proitem:nth-child(1){position:relative} .hd_product_drop .rbox .proitem:nth-child(1)::before{content:'';display:block;position:absolute;width:200%;border-bottom:1px solid #eeeeee;left:0;bottom:0} .hd_product_drop .proitem{padding:32px 0} .hd_product_drop h3{font-size:24px;margin-bottom:20px;font-weight:bold} .hd_product_drop dl dt{font-size:16px;margin-bottom:10px} .hd_product_drop dl dd{line-height:30px} .hd_product_drop dl dd a{color:#666;display:block} .hd_product_drop dl dd a:hover{color:#0069EA} @media (max-width:1200px){.hd_product_drop dl dd a{font-size:12px} } .menu_but{position: relative;} .menu_but .menu_but_box{height: 1.1rem;align-items: center; -webkit-box-align: center;display: -webkit-box;cursor: pointer;margin-right: 0.4rem;} .menu_but .menu_but_box a{display: block; font-size: 0.16rem; padding: 10px 14px; background: #006aeb; color: #fff; border-radius: 20px;} .m_menu_but{position: relative;} .m_menu_but .m_menu_but_box{height: 1.1rem;align-items: center; -webkit-box-align: center;cursor: pointer;margin-top: 0.4rem;} .m_menu_but .m_menu_but_box a{display: block; font-size: 0.4rem; text-align:center;padding: 10px 14px; background: #006aeb; color: #fff; border-radius: 20px;} .menu_phone{position: relative;} .menu_phone .menu_phone_box{height: 1.1rem;align-items: center; -webkit-box-align: center;display: -webkit-box;cursor: pointer;margin-right: 0.4rem; } .menu_phone .menu_phone_box .menu_phone_item{} .menu_phone .menu_phone_box p{color:#666;} .menu_phone .menu_phone_box i{color: #006aeb; font-size: 0.2rem;font-style:normal; font-weight: 700;} .header_language{font-size:16px} @media (max-width:1299px) and (min-width:1199px){ .header_nav .nav_li{margin-right: 0.3rem;} } @media (max-width:1199px) and (min-width:769px){.header_language{font-size:18px} } .header_language .tit{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;height:1.1rem;cursor:pointer;z-index:555} @media (max-width:768px){.header_language .tit{height:60px} } .header_language .tit em{padding:0 8px 0 5px} @media (max-width:480px){.header_language .tit em{padding:0 5px 0 0;font-size:18px} .menu_but,.menu_phone{display: none;} } .header_language .tit .arr{color:#0069EA;font-size:12px;font-weight:bold} .header_language .drop{font-size:16px} @media (max-width:992px){.header_language .drop{min-width:120px !important} .header_language .drop a{padding:0 6px;line-height:2} } .header_language:hover .tit{color:#0069EA} .header_language:hover .drop{display:block} .header_search{font-size:14px} .header_search .head_search{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;position:relative;height:1.1rem} @media (max-width:1460px){.header_search .head_search{display:none} .menu_but .menu_but_box{margin-right:0.2rem;} .menu_phone .menu_phone_box{margin-right:0.2rem;} .header_nav .header_inner{padding-left:0;} } .header_search .head_search input{border-bottom:2px solid #333;height:50px;font-size:16px;width:3.18rem;display:block;padding-left:2px} .header_search .head_search input input::-webkit-input-placeholder,.header_search .head_search input textarea::-webkit-input-placeholder{color:#ababab} .header_search .head_search input input:-moz-placeholder,.header_search .head_search input textarea:-moz-placeholder{color:#ababab} .header_search .head_search input input::-moz-placeholder,.header_search .head_search input textarea::-moz-placeholder{color:#ababab} .header_search .head_search input input:-ms-input-placeholder,.header_search .head_search input textarea:-ms-input-placeholder{color:#ababab} .header_search .head_search input:focus{border-bottom-color:#0069EA} .header_search .head_search .submit{position:absolute;top:50%;transform:translateY(-50%);z-index:5;right:0;cursor:pointer;font-size:20px} .header_search .head_search .submit:hover{color:#0069EA} .header_search .hd_search_btn{line-height:1.1rem;text-align:center;cursor:pointer;font-weight:bold;font-size:15px;display:none} .header_search .hd_search_btn>*{display:inline-block;vertical-align:middle} @media (max-width:1190px){.header_search .hd_search_btn{display:block} .header_language{margin-right: .4rem;} } .header_search .hd_search_btn i{font-size:22px} @media (max-width:992px){.header_search .hd_search_btn i{font-size:20px} } @media (max-width:768px){.header_search .hd_search_btn{line-height:60px} } .header_btn{font-size:18px;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:center;box-pack:center;-webkit-justify-content:center;justify-content:center} .header_btn .offer{margin-right:34px;color:#fff} .header_btn .offer:hover{color:#0069EA} .header_btn .contact{background-color:#0069EA;color:#fff;width:92px;height:40px;line-height:40px;text-align:center} .header_btn .contact .ac{color:#fff} @media (max-width:992px){.header_btn .contact{height:34px;width:72px} .header_btn .contact span{height:34px;line-height:34px} } .hd-search-box{position:fixed;left:0;right:0;background:#fff;padding:20px .5rem;z-index:55555;display:none;border-top:1px solid #eeeeee;top:1.1rem} @media (max-width:768px){.hd-search-box{top:60px} } .hd-search-box .inner{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:end;box-pack:end;-webkit-justify-content:end;justify-content:end;height:40px} .hd-search-box form{border:1px solid #0069EA;display:block;position:relative;border-radius:3px;width:80%;max-width:500px} .hd-search-box form input{font-size:16px} .hd-search-box form input::-webkit-input-placeholder,.hd-search-box form textarea::-webkit-input-placeholder{color:#ccc} .hd-search-box form input:-moz-placeholder,.hd-search-box form textarea:-moz-placeholder{color:#ccc} .hd-search-box form input::-moz-placeholder,.hd-search-box form textarea::-moz-placeholder{color:#ccc} .hd-search-box form input:-ms-input-placeholder,.hd-search-box form textarea:-ms-input-placeholder{color:#ccc} .hd-search-box .key{width:90%;height:40px;line-height:40px;text-indent:20px} .hd-search-box .submit{position:absolute;right:0;top:50%;transform:translateY(-50%);border-left:1px solid #0069EA;text-align:center;width:50px;font-size:20px;line-height:40px;height:40px;background-color:#0069EA} .hd-search-box .submit .iconfont{font-size:20px;color:#fff} .hd-search-box .submit:hover{opacity:.8} .hd-search-box ._close{height:40px;line-height:42px;margin-left:20px;margin-right:4px;text-align:center;font-size:20px;display:block;cursor:pointer} .hd-search-box ._close:hover{color:#0069EA} @media (max-width:768px){.hd-search-box{padding:20px 4%;top:60px} .hd-search-box .inner{width:100%} .hd-search-box form{min-width:auto;width:90%} .hd-search-box ._close{position:relative} } @media (max-width:480px){.hd-search-box{bottom:0;height:auto} } .m-menus{width:100%;max-width:640px;height:100vh;position:fixed;top:80px;right:-100%;background:#fff;overflow:hidden;line-height:32px;font-size:15px;z-index:-999;padding-top:2%;border-top:1px solid #0069EA} @media (max-width:768px){.m-menus{top:60px} } .m-menus .inner{height:calc((100vh - 85px));padding:10px 30px 40px;overflow-x:hidden;overflow-y:auto} @media (max-width:768px){.m-menus{top:60px} .m-menus .inner{height:calc((100vh - 60px))} } .m-menus a{display:block} .m-menus.active{z-index:999;transition:.6s;right:0} .m-menus .item{cursor:pointer;transition:.3s;position:relative;text-align:center;border-bottom:1px solid rgba(0,0,0,0.1);text-align:left} .m-menus .item .tit{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center} .m-menus .item>a,.m-menus .tit{display:block;line-height:50px;position:relative;font-size:16px} .m-menus .tit{position:relative} .m-menus .tit a{display:inline-block;min-width:50vw} .m-menus .tit .iconfont{position:absolute;right:0;top:50%;transform:translateY(-50%);color:inherit;padding:0 10px;font-size:17px} .m-menus .xs-menu{display:none;text-align:left} .m-menus .xs-menu dd{line-height:30px;font-size:14px} .m-menus .active .tit a,.m-menus .open .tit a{color:#0069EA} .m-menus .active .iconfont::before,.m-menus .open .iconfont::before{content:"\e627"} .m-menus .active .xs-menu,.m-menus .open .xs-menu{padding:0px 0 30px;border-top:1px solid rgba(255,255,255,0.14)} .menu_btn_box{min-width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:center;box-pack:center;-webkit-justify-content:center;justify-content:center} .menu_btn{width:50px;height:50px;z-index:101;cursor:pointer;transform-origin:center center;position:relative;display:block;top:-5px} .menu_btn i{position:absolute;width:26px;height:2px;background-color:#0069EA;left:12px;display:block;transition:all .4s ease-in-out} .menu_btn i:nth-of-type(1){top:20px} .menu_btn i:nth-of-type(2){top:30px} .menu_btn i:nth-of-type(3){top:40px} .menu_btn.active i:nth-of-type(1){transform:rotate(225deg) translate(-7px,-7px)} .menu_btn.active i:nth-of-type(3){opacity:0} .menu_btn.active i:nth-of-type(2){transform:rotate(-225deg) translate(0,0)} .bggray{background:#f8f8f8} footer{background-color:#20222e} .foot_up{padding:.76rem 0 0 0;} .foot_up .ft-navs li:nth-child(5),.foot_up .ft-navs li:nth-child(6){display: none;} @media (min-width:1200px){.foot_up .wrap{display:flex;justify-content:space-between} .foot_up .ft-navs{display:flex;justify-content:space-between} .foot_up .ft-navs .ft-contact{order:-1} } @media (max-width:1199px){.ft_contactitem h4{display:none} .ft_contactitem .info{display:block !important;padding:30px 0 !important} } .ft_contactitem .tel{color:#999;font-size:32px;font-weight:bold;line-height:1.3} .ft_contactitem .txt{margin-bottom:.7rem;font-size:16px;color:#666;line-height:1.8;margin-top:.26rem} .ft_contactitem .icons{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center} .ft_contactitem .icons .iitem{width:60px;height:60px;line-height:60px;text-align:center;border-radius:50%;font-size:24px;color:#000 !important;margin-right:16px;background-color:#d9d9d9;display:block} @media (max-width:480px){.ft_contactitem .icons .iitem{width:50px;height:50px;line-height:50px;text-align:center} } .ft_contactitem .icons .iitem:hover{background-color:#0069EA;color:#fff !important} .ft_contactitem .icons .wechat{font-size:26px;position:relative;cursor:pointer} .ft_contactitem .icons .wechat:hover .code{display:block} .ft_contactitem .icons .wechat .code{display:none;background:#fff;padding:10px;position:absolute;left:50%;transform:translateX(-50%);z-index:5;bottom:100%;margin-bottom:20px;box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:4px} .ft_contactitem .icons .wechat .code::after{content:'';width:0;height:0;border:8px solid transparent;border-top-color:#fff;position:absolute;left:50%;transform:translateX(-50%);z-index:5;top:100%} .ft_contactitem .icons .wechat .code img{max-width:130px;max-height:130px;width:130px;height:130px} .ft_contactitem .icons .top{font-size:96%;font-weight:bold} @media (min-width:1200px){.ft-navs{display:flex;justify-content:space-between} } @media (min-width:1200px){.ft-navs .navitem{margin-right:.4rem} } @media (min-width:1200px){.foot_up .navitem{margin-bottom:.5rem} } .foot_up .navitem h4{font-size:18px;position:relative;margin-bottom:16px;color:#777;font-weight:bold} .foot_up .navitem h4 a{color:#777;} .foot_up .navitem h4 a:hover{color:#fff;} .foot_up .navitem .icon-jia{float:right;transition:.3s;display:none;margin-right:10px} .foot_up .navitem .info{line-height:34px;font-size:15px} .foot_up .navitem .info a{color:#777;display:block} .foot_up .navitem .info a:hover{color:#0069EA} @media (max-width:1199px){.foot_up{margin-bottom:.5rem} .foot_up .navitem{width:100%} .foot_up .navitem .icon-jia{display:block} .foot_up .navitem h4{position:relative;border-bottom:1px solid rgba(0,0,0,0.1);line-height:50px;margin:0;font-weight:normal} .foot_up .navitem .info{display:none;font-size:15px;padding:10px 30px;line-height:2} .foot_up .navitem.active h4{font-weight:bold} .foot_up .navitem.active .iconfont::before{content:"\e627"} } @media (max-width:768px){.foot_up .navitem h4{font-size:16px} } .foot_down{background-color:#20222e;padding:.24rem 0;color:#777;line-height:1.8;border-top:1px solid rgba(255,255,255,0.1)} @media (min-width:1200px){.foot_down .wrap{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} } .foot_down a{color:#666} .foot_down a:hover{color:#0069EA} .foot_down .lbox,.foot_down .rbox{padding:.1rem 0} .index_banner{position:relative;overflow:hidden;width:100vw} @media (min-width:1920px){.index_banner{height:8.62rem;max-height:calc((100vh - 1.1rem))} } .index_banner .pnext{position:absolute;left:5%;width:1.6rem;top:64%} .index_banner .pnext *{border-radius:50%;border:1px solid rgba(255,255,255,0.5);width:.7rem;height:.7rem;color:#fff;font-size:20px} .index_banner .pnext *::after{font-size:inherit} .index_banner .pnext *:hover{background:#fff;color:#0069EA} .index_banner .pnext .swiper-button-prev{left:0} .index_banner .pnext .swiper-button-next{right:0} .index_banner .swiper-pagination{bottom:.5rem} @media (max-width:480px){.index_banner .swiper-pagination{bottom:.2rem} } .index_banner .swiper-pagination .swiper-pagination-bullet{background:#fff;opacity:.6;width:.9rem;height:4px;margin:0 5px;border-radius:0} @media (max-width:480px){.index_banner .swiper-pagination .swiper-pagination-bullet{width:30px;height:2px;margin:0 2px} } .index_banner .swiper-pagination .swiper-pagination-bullet-active{background:#fff !important;opacity:1} .index_banner li{position:relative;width:100vw;overflow:hidden} .index_banner li .link{position:absolute;left:0;top:0;width:100%;height:100%;z-index:6} .index_banner video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:555} .index_banner .bg{display:block;height:100%;transition:transform 3.6s cubic-bezier(.04,.79,1,1) !important;transform:scale(1.1);background-repeat:no-repeat;background-size:cover;background-position:center;width:100vw} .index_banner .bg img{visibility:hidden} .index_banner .content{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;top:52%;width:88vw;max-width:1560px;margin-left:auto;margin-right:auto;padding-bottom:1rem;color:#fff;text-align:center} @media (max-width:639px){.index_banner .content{width:92vw} } @media (min-width:768px){} .index_banner .content .inner{max-width:1200px;margin:0 auto} .index_banner .content h3{font-size:.66rem;font-weight:bold;line-height:1.2;text-shadow:0 0 10px rgba(0,0,0,0.2);margin-bottom:.1rem} .index_banner .content .en{font-size:.4rem} @media (max-width:768px){.index_banner .content h3{font-size:.5rem} } .index_banner video{width:100%;height:100%;object-fit:cover} .index_banner .swiper-slide-active .bg{transform:scale(1)} .vhd{font-size:.58rem;font-weight:bold} @media (max-width:1919px) and (min-width:1200px){.vhd{font-size:3vw;} } @media (max-width:1400px) and (min-width:1200px){.vhd{font-size:3vw;} .ft-navs .navitem{margin-right: .5rem;} } @media (max-width:1919px) and (min-width:1400px){.vhd{font-size:3vw;} .ft-navs .navitem{margin-right: 1rem;} } @media (max-width:1200px){.vhd{font-size:.5rem} } .fs52{font-size:.52rem;font-weight:bold} @media (max-width:1920px){.fs52{font-size:3vw} } @media (max-width:992px){.fs52{font-size:.58rem;font-weight:bold} } @media (max-width:992px) and (max-width:1919px) and (min-width:1200px){.fs52{font-size:3vw} } @media (max-width:992px) and (max-width:1200px){.fs52{font-size:.5rem} } .index_news{padding:.9rem 0 1rem;overflow:hidden} @media (max-width:580px){.index_news .wrap{width:100vw} } .index_news .hd{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:.6rem} .index_news .hd .pnexts{width:1.5rem;position:relative} @media (max-width:640px){.index_news .hd .pnexts{width:90px} .index_news .hd .pnexts .pnext{width:40px;height:40px;font-size:16px} } .index_news .hd .pnexts .swiper-button-prev{left:0} .index_news .hd .pnexts .swiper-button-next{right:0} .index_news .hd .pnexts .swiper-button-next:not(.disabled){background-color:#0069EA;color:#fff} .index_news .hd .pnext{width:.7rem;height:.7rem;border-radius:50%;z-index:555;background-color:#f8f8f9;font-size:18px;color:#333;font-weight:bold} .index_news .hd .pnext::after{font-size:inherit} .index_news .hd .pnext:hover{background-color:#0069EA;color:#fff} .index_news .bd{position:relative;z-index:55} .index_news .swiper{overflow:visible;margin-left:-30px;margin-right:-30px;padding-bottom:.6rem} @media (max-width:1680px){.index_news .swiper{margin-left:-0.2rem;margin-right:-0.2rem} } @media (max-width:640px){.index_news .swiper{padding-bottom:1rem} } .index_news .swiper li{width:500px} @media (max-width:580px){.index_news .swiper li{width:100%} } .index_news .swiper .inner{margin:0 30px;position:relative} @media (max-width:1680px){.index_news .swiper .inner{margin:0 .2rem} } @media (max-width:580px){.index_news .swiper .inner{margin:0 4vw} } .index_news .swiper .info{margin-bottom:.5rem} .index_news .swiper .tags{margin-bottom:.3rem} .index_news .swiper .tags .tag{color:#0069EA;line-height:30px;border-radius:2em;border:1px solid #0069EA;padding:0 8px} .index_news .swiper .tags .time{font-weight:bold;margin-left:18px} .index_news .swiper .tit{font-size:22px;line-height:28px;font-weight:bold;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;height:56px;transition:.6s} @media (max-width:992px){.index_news .swiper .tit{font-size:20px} } @media (max-width:640px){.index_news .swiper .tit{font-size:18px} } .index_news .swiper .tit:hover{color:#0069EA} .index_news .swiper .coverbox{position:relative} .index_news .swiper .coverbox .tit{position:absolute;left:.5rem;bottom:.5rem;z-index:55} .index_news .swiper .inner:hover .coverbox .tit{opacity:0} .index_news .swiper .inner:hover .content{opacity:1} @media (max-width:640px){.index_news .swiper .coverbox .tit{opacity:0} .index_news .swiper .content{opacity:1} } .index_service{background:url('../images/app-promotion-bg.252059a.png') no-repeat center center;background-size:cover;padding:1.2rem 0 1.3rem;text-align:center;color:#fff} .index_service .tit{font-size:22px} @media (max-width:992px){.index_service .tit{font-size:20px} } @media (max-width:640px){.index_service .tit{font-size:16px} } .index_service .desc{font-size:.48rem;margin:.16rem 0 .5rem} @media (max-width:480px){.index_service .desc{margin:12px 0 36px} } .btn_rec{color:#fff;border:1px solid rgba(255,255,255,0.5);display:inline-block;padding:0 .46rem;line-height:.6rem;font-size:18px} .btn_rec em{display:block} .btn_rec i{font-size:80%;font-weight:bold;padding-left:6px} .btn_rec:hover{background-color:#0069EA;color:#fff;border-color:#0069EA} .btn_rec:hover:hover{color:#0069EA;background:#fff !important;border-color:#0069EA} .btn_rec.bgf{background:#fff;color:#222} .btn_rec.bgf:hover{color:#0069EA;border-color:#fff} .btn_rec.bgc{background-color:#0069EA} .btn_rec.bgc:hover{color:#0069EA;background:#fff !important;border-color:#0069EA} @media (max-width:992px){.btn_rec{line-height:auto;padding:.1rem .6rem;font-size:16px} } .index_logos{padding:.5rem 0 .3rem;background-color:#f6f6f6;border-bottom:1px solid #eeeeee} @media (max-width:640px){.index_logos{padding:30px 0} } .index_logos .swiper_logos{margin-left:-0.2rem;margin-right:-0.2rem;padding-bottom:50px} .index_logos li{width:14.28%} .index_logos li .coverbox{margin:0 .2rem} @media (max-width:1360px){.index_logos li{width:16.66%} } @media (max-width:992px){.index_logos li{width:20%} } @media (max-width:768px){.index_logos li{width:25%} } @media (max-width:640px){.index_logos li{width:33.33%} } .index_product{padding:1rem 0 2rem 0;background:url('../images/bga01.jpg') no-repeat center center;background-size:cover;position:relative;z-index:55} .index_product .hd{margin-bottom:.56rem} .index_product .hd .desc{font-size:22px;padding-top:6px;color: #666;} .index_yingyong .hd .desc{font-size:22px;padding-top:6px;color: #666;} @media (max-width:992px){.index_product .hd .desc,.index_yingyong .hd .desc{font-size:20px} } @media (max-width:640px){.index_product .hd .desc,.index_yingyong .hd .desc{font-size:18px} .index_product{padding:1rem 0 0 0;} } .index_product .bd{position:relative} @media (max-width:1199px){.index_product .bd{display:none} } @media (min-width:1200px){ .index_product .navbox{width:25%;max-width:4.7rem} .index_product .infobox{position:absolute;top:30%;transform:translateY(-50%);z-index:5;padding-left:5%;left:25%;width:100%;margin-top:0.84rem} .index_product .infobox .cItem{position:relative;} .index_product .infobox .swiper_order ul{} .index_product .infobox .swiper_order ul li{width:20%;margin-left:1%;} .index_product .infobox .swiper_order ul li .order_inner{border:3px solid #e6e6e6;border-radius: 6px;overflow:hidden;transition: .6s;} .index_product .infobox .swiper_order ul li .order_inner .order_title{padding: .15rem; text-align: center; background-color: #f8f9fb; border-bottom: 1px solid gainsboro; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif;} .index_product .infobox .swiper_order ul li .order_inner .order_content{margin: 30px 15px 5px 15px; text-align: center;} .index_product .infobox .swiper_order ul li .order_inner .order_content .subscription{height: 38px;line-height: 28px;margin-bottom: 40px;font-size: 0.3rem;margin-top: .35rem;color:#555;} .index_product .infobox .swiper_order ul li .order_inner .order_content .tiny { font-size: 0.2rem; } .index_product .infobox .swiper_order ul li .order_inner .order_content .tinyblock {font-size: 0.15rem; display: block;} .index_product .infobox .swiper_order ul li .order_inner .order_content .order_text{font-size:0.15rem;line-height: 0.25rem;color:#777;} .index_product .infobox .swiper_order ul li .order_inner .order_content .order_cart{cursor: pointer;margin:.3rem 0;} .index_product .infobox .swiper_order ul li .order_inner .order_content .order_cart a{display: block;height:40px;line-height: 40px;background:#0069EA;color:#fff;border-radius:20px;} .index_product .infobox .swiper_order ul li .order_inner .order_content .order_cart .pro_i{display:none;} .index_product .infobox .swiper_order ul li .order_inner .order_foot{font-size:0.14rem;padding:12px 0;text-align: center; background-color: #f8f9fb; border-top: 1px solid gainsboro; } .index_product .infobox .swiper_order ul li .order_inner .order_foot a{color:#666;} .index_product .infobox .swiper_order ul li .order_inner .order_foot a:hover{color:#0069EA;} .index_product .infobox .swiper_order ul li .order_inner:hover{border-color:#0069EA;} } @media (min-width:1200px) and (max-width:1919px){.index_product .infobox{left:25%} } @media (min-width:1200px) and (max-width:1680px){.index_product .infobox{padding-left:5%} } .index_product .navbox{background:#fff;padding:.1rem .42rem .7rem} @media (max-width:1199px){.index_product .navbox{display:none} } .index_product .navbox li{line-height:.8rem;font-size:18px;border-bottom:1px solid #eeeeee;cursor:pointer;position:relative} .index_product .navbox li i{position:absolute;right:0;top:50%;transform:translateY(-50%);font-weight:bold;font-size:80%} .index_product .navbox li::after{content:'';display:block;position:absolute;width:0px;height:4px;background-color:#0069EA;left:0;bottom:-1px;transition:.6s} .index_product .navbox li.active{color:#0069EA} .index_product .navbox li.active::after{width:100%} .index_product .infobox .content,.index_product .proinner .content{padding:1rem 1rem 1rem;position:relative} @media (max-width:768px){.index_product .infobox .content,.index_product .proinner .content{padding:1rem 6%} } .index_product .infobox h3,.index_product .proinner h3{font-size:.46rem} @media (max-width:1919px) and (min-width:1200px){.index_product .infobox h3,.index_product .proinner h3{font-size:2.39vw} } .index_product .infobox .txt,.index_product .proinner .txt{font-size:17px;line-height:36px;height:72px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;margin:.16rem 0 .3rem} @media (max-width:640px){.index_product .infobox .txt,.index_product .proinner .txt{font-size:15px;line-height:28px;height:56px} } .index_product .infobox .nav,.index_product .proinner .nav{display:flex;flex-wrap:wrap;line-height:2.5;margin-bottom:.5rem;font-size:20px} @media (max-width:640px){.index_product .infobox .nav,.index_product .proinner .nav{font-size:16px} } .index_product .infobox .nav a,.index_product .proinner .nav a{min-width:33.33%;padding-right:.4rem;padding-left:12px;position:relative} .index_product .infobox .nav a::before,.index_product .proinner .nav a::before{content:'';width:5px;height:5px;border-radius:50%;background:#000;position:absolute;top:50%;transform:translateY(-50%);z-index:5;left:0} .index_product .infobox .nav a em,.index_product .proinner .nav a em{display:inline-block;position:relative} .index_product .infobox .nav a em::before,.index_product .proinner .nav a em::before{content:'';width:0;height:1px;background:#000;left:0;bottom:0;position:absolute;transition:.6s} .index_product .infobox .nav a:hover em::before,.index_product .proinner .nav a:hover em::before{width:100%} @media (max-width:1199px){.index_product .infobox,.index_product .proinner{margin-top:-1.5rem} .index_product .infobox .content,.index_product .proinner .content{background:url('../images/bga02.png') no-repeat center center;background-size:cover} .index_product .infobox .img,.index_product .proinner .img{position:relative;top:1.5rem;width:60%;left:20%} } @media (max-width:1199px) and (max-width:480px){.index_product .infobox,.index_product .proinner{margin-top:-1.2rem} } @media (max-width:1199px) and (max-width:480px){ } @media (max-width:1199px){ .index_product .order_m .hd_m{margin-bottom:20px;} .index_product .order_m .hd_m ul{display: flex;background:#e6e6e6;border-radius: 6px;overflow:hidden;} .index_product .order_m .hd_m ul li{width:33.33333%;text-align:center;height:36px;line-height: 36px;font-size: 0.33rem;color:#666;} .index_product .order_m .hd_m ul li.active{background:#0069EA;color:#fff;} .index_product .order_m .bd_m .product_swiper ul li .order_inner{border:3px solid #e6e6e6;border-radius: 6px;overflow:hidden;transition: .6s;} .index_product .order_m .bd_m .product_swiper ul li .order_inner .order_title{padding: .2rem; text-align: center; background-color: #f8f9fb; border-bottom: 1px solid gainsboro; font-size: .5rem; font-family: 'Open Sans Condensed', sans-serif;} .index_product .order_m .bd_m .product_swiper ul li .order_inner .order_content{margin: 30px 15px 5px 15px; text-align: center;} .index_product .order_m .bd_m .product_swiper ul li .order_inner .order_content .subscription{height: 38px;line-height: 28px;margin-bottom: 40px;font-size: 0.7rem;color:#555;} .index_product .order_m .bd_m .product_swiper ul li .order_inner .order_content .tiny { font-size: 0.4rem; } .index_product .order_m .bd_m .product_swiper ul li .order_inner .order_content .tinyblock {font-size: 0.32rem; display: block;} .index_product .order_m .bd_m .product_swiper ul li .order_inner .order_content .order_text{font-size:0.35rem;line-height: 0.6rem;color:#777;} .index_product .order_m .bd_m .product_swiper ul li .order_inner .order_content .order_cart{margin:.3rem 0;} .index_product .order_m .bd_m .product_swiper ul li .order_inner .order_content .order_cart a{display: block;height:40px;line-height: 40px;background:#0069EA;color:#fff;} .index_product .order_m .bd_m .product_swiper ul li .order_inner .order_content .order_cart .pro_i{display:none;} .index_product .order_m .bd_m .product_swiper ul li .order_inner .order_foot{font-size:0.3rem;padding:12px 0;text-align: center; background-color: #f8f9fb; border-top: 1px solid gainsboro; } .index_product .order_m .bd_m .product_swiper ul li .order_inner .order_foot a{color:#666;} .index_product .order_m .bd_m .product_swiper ul li .order_inner .order_foot a:hover{color:#0069EA;} .index_product .order_m .bd_m .product_swiper ul li .order_inner:hover{border-color:#0069EA;} .index_product .order_m .bd_m .product_swiper .pnexts .pnext{width:40px;height:40px;border-radius: 50%;background:#0069EA;opacity: .35;} .index_product .order_m .bd_m .product_swiper .pnexts .pnext:after{color:#fff;font-size: 0.4rem;} } .index_product .order_m{padding-bottom:50px} @media (min-width:1200px){.index_product .order_m{display:none} } .index_yingyong{padding:1rem 0;overflow: hidden;} .index_yingyong .hd{overflow: hidden;margin-bottom: .56rem;} .index_yingyong .bd{} .yy_left{width:20%;float:left;} .yy_right{width:77%;float:right;} .yy_left ul li{background: #0069EA;height:100px;line-height: 100px;color:#fff;margin-bottom: 20px;text-align: center;font-size:0.24rem;} .yy_left ul li:nth-child(1){background:#2b61ff;} .yy_left ul li:nth-child(2){background:#2778fd;} .yy_left ul li:nth-child(3){background:#4289fd;} .yy_left ul li:nth-child(4){background:#81b0fe;} .yy_right .yy_right_b1{padding:10px 10px;margin-bottom: 20px;box-shadow: 0px 0px 10px 1px rgba(202, 209, 229, 0.4);transition: .6s;} .yy_right .yy_right_b1 h2{height:22px;line-height:22px;font-size:0.2rem;text-align:center;margin:10px 0;} .yy_right .yy_right_b1 ul{display: flex;} .yy_right .yy_right_b1 ul li{width:16.6666%;text-align: center;color:#555;background: #f3f3f3;margin:0 1%;padding: 8px 0 0 0;border-radius: 4px;} .yy_right .yy_right_b1 ul li p img{height:42px;} .yy_right .yy_right_b1 ul li h3{height:30px;line-height: 30px;font-size:0.15rem;font-weight:400;overflow:hidden;} .yy_right .yy_right_b2{background: linear-gradient(to right, #2b61ff, #4289fd);text-align:center;margin-bottom: 20px;box-shadow: 0px 0px 10px 1px rgba(202, 209, 229, 0.4);} .yy_right .yy_right_b2 .yy_right_b2bd{padding:15px 0;} .yy_right .yy_right_b2 .yy_right_b2bd p img{height:70px;} .yy_right .yy_right_b2 .yy_right_b2bd span{color:#fff;font-size:0.3rem;margin-left:10px;} .yy_right .yy_right_b3{margin-bottom: 20px;box-shadow: 0px 0px 10px 1px rgba(202, 209, 229, 0.4);transition: .6s;} .yy_right .yy_right_b3 ul{display: flex;padding:10px 10px;} .yy_right .yy_right_b3 ul li{width:16.6666%;text-align: center;color:#555;background: #f3f3f3;margin:0 1%;padding: 8px 0 0 0;border-radius: 4px;} .yy_right .yy_right_b3 ul li p img{height:42px;} .yy_right .yy_right_b3 ul li h3{height:30px;line-height: 30px;font-size:0.15rem;font-weight:400;overflow:hidden;} .yy_right .yy_right_b1:hover,.yy_right .yy_right_b3:hover{background: #d5e2f8;} .index_case{background:url('../images/customer01-min.png') no-repeat center center;background-size:cover;padding:0.75rem 0;} .index_case .hd{color:#fff;} .index_case .bd_title{margin:0.5rem 0;} .index_case .bd_title ul{display: flex;justify-content: center;} .index_case .bd_title ul li{cursor: pointer;height:44px;line-height: 44px;padding:0 30px;margin:0 10px;border-radius: 10px; font-size: 16px; background-color: rgb(242, 243, 245); border-radius: 24px;} .index_case .bd_title ul li.active{background:#0069EA;color:#fff;} .index_case .bd_content{width: 100%;} .index_case .bd_content li.bd_item{width: 100%;background:#f2f5f8;border-radius: 10px;overflow:hidden;} .index_case .bd_content li.bd_item .item_img{width:40%;float:left;} .index_case .bd_content li.bd_item .item_text{float:left;width:60%;background:#f2f5f8 url('../images/cosetextbg.png') no-repeat bottom right 100%;} .index_case .bd_content li.bd_item .item_text .itme_text_hd{padding:30px;font-size:0.3rem;} .index_case .bd_content li.bd_item .item_text .item_text_bd{padding:0 30px 20px 30px;font-size:0.16rem;color:#4e5969;line-height:0.28rem;} .index_case .bd_content li.bd_item .item_text .item_text_bd h2,.index_case .bd_content li.bd_item .item_text .item_text_bd h3{margin-top:0.2rem;font-size:0.2rem;color:#333;line-height:0.3rem;} .index_case .bd_content li.bd_item .item_text .item_tag{padding:0 30px 30px 30px;} .index_case .bd_content li.bd_item .item_text .item_tag_bd{display:flex;} .index_case .bd_content li.bd_item .item_text .item_tag_bd strong{padding:6px 0;font-size:0.16rem;font-weight:700;} .index_case .bd_content li.bd_item .item_text .item_tag_bd span{transition: .6s;margin-right:10px;padding:6px 15px;border:1px solid #c9cdd4;border-radius:20px;font-size: 0.16rem;color:#4e5969;} .index_case .bd_content li.bd_item .item_text .item_tag_bd span:hover{background:#006aeb;border:1px solid #006aeb;color:#fff;cursor: pointer;} .index_logos .logosbanner .swiper-slide{width:12.5%;padding:10px;background:#fff;text-align:center;border-radius: 6px;overflow: hidden;} .index_logos .logosbanner .swiper-slide img{height:50px;} .index_logos .logosbanner2{margin-top:0.3rem;} .index_about{clear:both;padding:1.5rem 0 1.24rem} .index_about .top{margin-bottom:1.46rem} @media (max-width:640px){.index_about .top{margin-bottom:1rem} } .index_about .type{color:#0069EA;font-size:.3rem} @media (max-width:992px){.index_about .type{font-size:26px} .yy_left ul li{height:88px;line-height:88px;font-size:0.25rem;} .yy_left ul li:nth-child(1){height:130px;line-height:130px;background:#2b61ff;} .yy_right .yy_right_b1 h2{font-size:0.3rem;} .yy_right .yy_right_b1 ul li p img{height:30px;} .yy_right .yy_right_b1 ul li h3{font-size:0.18rem;} .yy_right .yy_right_b2 .yy_right_b2bd{padding:9px 0;} .yy_right .yy_right_b2 .yy_right_b2bd p img{height:70px;} .yy_right .yy_right_b2 .yy_right_b2bd span{font-size:0.4rem;} .yy_right .yy_right_b3 ul li p img{height:30px;} .yy_right .yy_right_b3 ul li h3{font-size:0.18rem;} .index_case .bd_title{display: none;} .index_case .bd_content{margin-top:0.5rem;} .index_case .bd_content li.bd_item .item_img{width:100%;} .index_case .bd_content li.bd_item .item_text{width:100%;} .index_case .bd_content li.bd_item .item_text .itme_text_hd{padding:10px 10px;font-size:0.4rem;} .index_case .bd_content li.bd_item .item_text .item_text_bd{padding:0 10px 10px 10px;font-size:0.28rem;line-height: 0.48rem;} .index_case .bd_content li.bd_item .item_text .item_text_bd h2,.index_case .bd_content li.bd_item .item_text .item_text_bd h3{font-size:0.3rem;line-height:0.6rem;} .index_case .bd_content li.bd_item .item_text .item_text_bd table{margin:0.2rem 0;} .index_case .bd_content li.bd_item .item_text .item_tag{padding:0 10px 10px 10px;} .index_logos .logosbanner .swiper-slide{width:33.3333%;padding:10px;background:#fcfcfc;text-align:center;} } @media (max-width:768px){.index_about .type{font-size:22px} } @media (max-width:480px){.index_about .type{font-size:20px} } .index_about .vhd{line-height:1.1;margin-top:10px} .index_about .txt{font-size:18px;color:#666;line-height:1.88;max-width:960px;margin:.36rem 0 .7rem} @media (max-width:992px){.index_about .txt{font-size:16px} } .index_about .btnbox{display:flex;justify-content:space-between;align-items:flex-end} .index_about .btnbox .logo{width:72%} @media (max-width:992px){.index_about .btnbox .logo{width:60%} } @media (min-width:68px){.index_about .bottom{display:flex;justify-content:space-between} .index_about .bottom .lbox{width:51%;margin-right:8%} .index_about .bottom .rbox{flex:1} } @media (min-width:68px) and (max-width:991px){.index_about .bottom .lbox{width:46%} } @media (min-width:68px) and (max-width:767px){.index_about .bottom .lbox{width:30%;margin-right:5%} } @media (min-width:68px) and (max-width:767px){.index_about .bottom{align-items:stretch} .index_about .bottom .lbox .img{height:100%} } .index_about .rbox .tit{font-size:.54rem;line-height:1.1;margin-top:10px;margin-bottom:.4rem} @media (max-width:1680px){.index_about .rbox .tit{line-height:1.1;margin-top:10px} } .index_about .navbox li{line-height:.9rem;font-size:18px;border-bottom:1px solid #eeeeee;cursor:pointer;position:relative;padding-left:30px} @media (max-width:768px){.index_about .navbox li{font-size:16px;padding-left:20px} } .index_about .navbox li::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background-color:#bbbbbb;position:absolute;top:50%;transform:translateY(-50%);z-index:5;left:.1rem} .index_about .navbox li::after{content:'';display:block;position:absolute;width:0px;height:4px;background-color:#0069EA;left:0;bottom:-1px;transition:.6s} @media (min-width:992px){.index_about .navbox li.active{color:#0069EA} .index_about .navbox li.active::after{width:100%} .index_about .navbox li.active::before,.index_about .navbox li.active::after{background-color:#0069EA} } @media (max-width:767px){.index_scheme{background-color:#0069EA} } .index_scheme .wrap{position:relative} .index_scheme .imgs{position:relative;margin-left:1.2rem;margin-top:-3.64rem;max-width:1620px;width:calc((92vw - 1.2rem))} @media (max-width:992px){.index_scheme .imgs{margin-top:-3.2rem} } .index_scheme .img{position:relative;z-index:-1} .index_scheme .img_opa{opacity:.2;position:absolute;left:0;top:0;z-index:33;width:1620px} .index_scheme .bg{position:absolute;width:80%;height:3.64rem;max-width:8.5rem;background:linear-gradient(90deg,#0069EA,transparent 10%);left:1.2rem;top:3.15rem;left:0;top:0;z-index:44} @media (max-width:992px){.index_scheme .bg{height:3.2rem} } .index_scheme .content{position:relative;max-width:970px;background-color:#0069EA;padding-top:.8rem} @media (min-width:768px){.index_scheme .content{min-width:700px;width:80%;padding:.8rem 1.1rem 1.5rem 0} .index_scheme .content::before{content:'';display:block;position:absolute;width:50vw;top:0;bottom:0;height:100%;background-color:#0069EA;left:-50vw;z-index:111} } @media (max-width:991px){.index_scheme .content{padding-bottom:.5rem} } .index_scheme .content .inner{position:relative;color:#fff;z-index:5} .index_scheme .content .inner{position:relative;z-index:999} .index_scheme .content .type{font-size:.3rem} @media (max-width:992px){.index_scheme .content .type{font-size:26px} } @media (max-width:768px){.index_scheme .content .type{font-size:22px} } @media (max-width:480px){.index_scheme .content .type{font-size:20px} } @media (max-width:640px){.index_scheme .content .type{font-size:17px} } .index_scheme .content .vhd{line-height:1.1;padding-top:10px;margin-bottom:.8rem} .index_scheme .navs{position:relative;z-index:6666} @media (min-width:992px){.index_scheme .navs{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} } @media (max-width:991px){.index_scheme .navs{display:flex;flex-wrap:wrap} .index_scheme .navs li{width:20%;display:block;margin-bottom:.5rem} } @media (max-width:640px){.index_scheme .navs li{width:25%} } .index_scheme .navs a{color:#fff;display:block;text-align:center;font-size:18px} @media (max-width:640px){.index_scheme .navs a{font-size:16px} } .index_scheme .navs a .icon{width:.66rem;height:.66rem;display:block;background-repeat:no-repeat;background-size:contain;background-position:center;margin:0 auto 10px} .index_scheme .navs a em{display:inline-block;padding-bottom:20px;position:relative} .index_scheme .navs a em::after{content:'';display:block;width:0;height:4px;background:#fff;position:absolute;left:50%;transform:translateX(-50%);z-index:5;bottom:0;transition:.6s} .index_scheme .navs .active em::after,.index_scheme .navs a:hover em::after{width:100%} .banner_box{position:relative;height:4.5rem;overflow:hidden} .banner_box .bg{height:100%;background-repeat:no-repeat;background-size:cover;background-position:bottom center;transition:all 5.6s cubic-bezier(.04,.79,1,1) !important;transform:scale(1.1)} .banner_box .inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;box-pack:center} .banner_box h2{font-size:.68rem} @media (max-width:640px){.banner_box{height:4.5rem} .banner_box h2{font-size:.6rem} } .banner_box.animated .bg{transform:scale(1)} .banner_box.animated h2::after{width:46px} .vbtn{color:#fff;font-size:16px;border-radius:4px;text-align:center;background-color:#0069EA;padding:0 20px;line-height:48px} @media (max-width:640px){.vbtn{line-height:38px} } .vbtn:hover{background:#000;color:#fff} .vbtn_l{font-size:16px;border-radius:4px;line-height:46px;padding:0 20px;border:1px solid #666} @media (max-width:640px){.vbtn_l{line-height:36px} } .vbtn_l:hover{background:#000;color:#fff} .fs22{font-size:22px} @media (max-width:992px){.fs22{font-size:20px} } @media (max-width:640px){.fs22{font-size:18px} } .fs30{font-size:.3rem} @media (max-width:992px){.fs30{font-size:26px} } @media (max-width:768px){.fs30{font-size:22px} } @media (max-width:480px){.fs30{font-size:20px} } .fs36{font-size:.36rem} @media (max-width:768px){.fs36{font-size:24px} } @media (max-width:640px){.fs36{font-size:22px} } .fs40{font-size:.4rem} @media (max-width:768px){.fs40{font-size:28px} } @media (max-width:640px){.fs40{font-size:24px} } .fs42{font-size:.42rem;font-weight:bold;line-height:1} .fs48{font-size:.48rem} @media (min-width:1200px) and (max-width:1919px){.fs48{font-size:2.5vw} } @media (max-width:1199px){.fs48{font-size:28px} } @media (max-width:992px){.fs48{font-size:26px} } @media (max-width:640px){.fs48{font-size:24px} } @media (max-width:480px){.fs48{font-size:22px} } .hd2{text-align:center} .hd2 h2{font-size:.52rem} .hd2 .desc{font-size:16px;color:#595959} .channel_product{padding:.8rem 0 1.5rem} .channel_product .hd2{margin-bottom:.6rem} .channel_product .hd2 .desc{margin-top:10px} .channel_product .item+.item{margin-top:.48rem} @media (max-width:992px){.channel_product .item{padding-top:3rem} } @media (max-width:640px){.channel_product .item{padding-top:2rem} } .channel_product .inner{background:url('../images/catebg.jpg') no-repeat center center;background-size:cover;padding:1rem} @media (max-width:1360px){.channel_product .inner{padding:.8rem .6rem} } @media (max-width:480px){.channel_product .inner{padding:.5rem 6vw 1rem} } @media (min-width:1200px){.channel_product .inner{position:relative} .channel_product .inner .content{width:48%} .channel_product .inner .content .coverbox{max-width:612px} .channel_product .inner .img{width:50%;position:absolute;right:.8rem;top:50%;transform:translateY(-50%);top:56%} } @media (min-width:1200px) and (max-width:1360px){.channel_product .inner .img{padding-right:.3rem;width:47%;right:.2rem} } .channel_product .img{max-width:612px;margin-left:auto;margin-right:auto} @media (max-width:992px){.channel_product .img{position:relative;margin-top:-3.5rem} } @media (max-width:640px){.channel_product .img{width:80%;margin-top:-2.5rem} } @media (max-width:480px){.channel_product .img{width:100%;margin-top:-2rem;margin-bottom:.54rem} } .channel_product .content h3{font-size:.42rem;font-weight:bold;line-height:1} .channel_product .content .txt{font-size:16px;color:#565656;line-height:2.1;margin:.26rem 0 .6rem} @media (max-width:1200px){.channel_product .content .txt{font-size:15px;line-height:1.9} } .channel_product .navs{display:flex;flex-wrap:wrap;align-items:flex-start;font-weight:bold;min-height:1.4rem} .channel_product .navs a{font-size:16px;display:block;background-color:#dadada;line-height:.54rem;margin-right:.2rem;padding:0 .4rem;margin-bottom:.2rem} @media (max-width:992px){.channel_product .navs a{line-height:46px;font-size:15px} } .channel_product .navs a em{display:block;position:relative;padding-left:20px;min-width:5em;box-sizing:content-box} .channel_product .navs a em::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background-color:#4e4e4e;position:absolute;top:50%;transform:translateY(-50%);z-index:5;left:0} .channel_product .navs a:hover{background-color:#0069EA;color:#fff} .channel_product .navs a:hover em::before{background:#fff} .col_body{padding:1.3rem 0 1.3rem} @media (min-width:1200px){.col_body{display:flex} .col_body .col_sub{width:3.22rem;margin-right:.6rem} .col_body .col_main{flex:1} } @media (max-width:640px){.col_body{padding:.8rem 0 1rem} } .sub_menu dl{border-bottom:1px solid #eeeeee} @media (max-width:1199px){.sub_menu{display:none} } .sub_menu dt{padding:22px 20px 22px 0;position:relative;font-size:18px;cursor:pointer;font-weight:normal} .sub_menu dt a{display: block;padding-right:20px;} .sub_menu dt .iconfont{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:80%;font-weight:bold} .sub_menu dt:hover{color:#0069EA} .sub_menu .current dt{background-color:#0069EA;color:#fff} .sub_menu .open i::before{content:"\e677"} .sub_menu .open:not(.current) dt{color:#0069EA} .sub_menu dd{padding:20px 20px 20px 44px;display:none;background:#f8f8f8;font-size:16px} .sub_menu dd p{margin-bottom:4px} .sub_menu dd a{line-height:34px;display:inline-block} .sub_menu dd a:hover{color:#0069EA} .sub_menu dd .active{color:#0069EA;border-bottom:1px solid #0069EA} .sub_menu_xs{display:none;margin-bottom:.5rem} @media (max-width:1199px){.sub_menu_xs{display:block} } .sub_menu_xs .menu_top{text-align:center;color:#fff;line-height:1rem;height:1rem;background-color:#0069EA;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0 4%} .sub_menu_xs .menu_top h2{font-size:17px;font-weight:bold} .sub_menu_xs .menu_top h2 span{font-size:15px;font-weight:normal} .sub_menu_xs .menu_top.open .arr::before{content:"\ec21"} .sub_menu_xs .menu_list{display:none;background:#fff;padding:6px 0} .sub_menu_xs dl{border-bottom:1px solid #f8f8f8} .sub_menu_xs dt{background:#fff;line-height:42px;padding-left:4%;position:relative;font-size:16px;cursor:pointer;font-weight:normal} .sub_menu_xs dt .iconfont{position:absolute;top:50%;transform:translateY(-50%);z-index:5;right:4%;font-size:80%} .sub_menu_xs dt:hover{color:#0069EA} .sub_menu_xs .open dt{color:#0069EA;font-weight:bold;border-bottom:1px solid #f8f8f8} .sub_menu_xs .open dt .iconfont::before{content:"\ec21"} .sub_menu_xs .open dd{background:#f8f8f8} .sub_menu_xs dd{padding:16px 4% 16px 10%;display:none} .sub_menu_xs dd a{line-height:28px;display:block} .sub_menu_xs dd .active,.sub_menu_xs dd a:hover{color:#0069EA} .product_list{margin-left:-0.15rem !important;margin-right:-0.15rem !important;padding-bottom:.4rem} .product_list>*{padding-left:.15rem !important;padding-right:.15rem !important;margin-bottom:.3rem} .case_show_content{overflow: hidden;} .case_show_content h2{font-size:2vw;line-height: 2.4;font-weight: bold; margin-top:20px;margin-bottom: 20px;border-bottom:1px solid #e5e5e5;} .case_show_content h2:first-child{margin-top:0;} .case_show_content p{font-size: 0.18rem;line-height: 0.4rem;color:#555;} @media (max-width:480px){.product_list{margin-left:-0.1rem !important;margin-right:-0.1rem !important} .product_list>*{padding-left:.1rem !important;padding-right:.1rem !important;margin-bottom:.2rem} .case_show_content h2{font-size:5vw;line-height: 2;} .case_show_content p{font-size: 0.3rem;line-height: 0.5rem;} } .product_list._bgf .product_inner{background:#fff} .product_inner{background:#f8f8f8;text-align:center;padding:.5rem 16px;transition:.6s} @media (max-width:480px){.product_inner{padding:.5rem 8px} } @media (min-width:1200px){.product_inner:hover{box-shadow:0 6px 25px rgba(196,39,32,0.3);background:#fff} .product_inner:hover .more{background-color:#0069EA;color:#fff} .product_inner:hover .tit{color:#0069EA} } .product_inner .tit{display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin:16px 0 12px;font-size:20px} @media (max-width:1200px){.product_inner .tit{font-size:18px} } @media (max-width:480px){.product_inner .tit{font-size:17px;margin:14px 0 8px} } .product_inner .type{color:#999;margin-bottom:.36rem} .product_inner .more{border-radius:2em;background-color:#ebebeb;width:136px;height:40px;line-height:40px;text-align:center;display:inline-block} @media (max-width:640px){.product_inner .more{width:120px;height:36px;line-height:36px;text-align:center} } .search_box{background:#fff;padding:.9rem 0;border-top:1px solid #eeeeee} @media (min-width:640px){.search_box .wrap{width:70%;max-width:952px} } .search_box h5{text-align:center;font-size:.6rem;margin-bottom:.5rem} @media (max-width:1200px){.search_box h5{font-size:.58rem;font-weight:bold} } @media (max-width:1200px) and (max-width:1919px) and (min-width:1200px){.search_box h5{font-size:3vw} } @media (max-width:1200px) and (max-width:1200px){.search_box h5{font-size:.5rem} } .search_box form{position:relative;margin-bottom:.46rem} .search_box form input{display:block;height:.68rem;border-radius:34px;padding-left:.36rem;font-size:20px;background:#f8f8f8;border:1px solid #eeeeee;width:100%} .search_box form input:focus{border-color:#ccc} @media (max-width:1200px){.search_box form input{font-size:18px} } @media (max-width:992px){.search_box form input{height:50px;font-size:16px} } .search_box form .submit{position:absolute;right:0;top:50%;transform:translateY(-50%);width:80px;text-align:center;font-size:20px} .search_box form .submit:hover{color:#0069EA} @media (max-width:992px){.search_box form .submit{width:60px} } .search_box .tab{text-align:center} .search_box .tab .item{line-height:.6rem;border-radius:2em;font-size:16px;display:inline-block;border:1px solid #eeeeee;padding:0 .56rem} .search_box .tab .item+.item{margin-left:.2rem} .search_box .tab .active,.search_box .tab a:hover{background-color:#0069EA;color:#fff;border-color:#0069EA} @media (max-width:480px){.search_box .tab .item{line-height:40px} } .search_result{padding:1rem 0} .product_top_box{padding:1rem 0 .9rem} .crumbs.top{padding-top:.6rem} @media (min-width:768px){.crumbs{font-size:16px} } .crumbs a{color:#666} .crumbs a:hover{color:#0069EA} .crumbs i{font-size:70%;color:#666;font-weight:bold} .product_crumbs{position:relative;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center} .product_crumbs .return{line-height:.6rem;border-radius:2em;border:1px solid #0069EA;color:#0069EA;width:1.76rem;text-align:center} @media (min-width:768px){.product_crumbs .return{font-size:16px} } .product_crumbs .return:hover{background-color:#0069EA;color:#fff} @media (min-width:1200px){.product_top{display:flex;align-items:flex-start} .product_top .imgbox{width:50%;margin-right:7%} .product_top .content{flex:1} } @media (min-width:1200px) and (max-width:1360px){.product_top .imgbox{width:45%;margin-right:5%} } @media (max-width:1199px){.product_top .imgbox{max-width:700px;margin:0 auto .6rem} } .product_top .imgbox{background:#fff;padding:.4rem} .product_top .content h1{font-size:.48rem;font-weight:bold} @media (min-width:1200px) and (max-width:1919px){.product_top .content h1{font-size:2.5vw} } @media (max-width:1199px){.product_top .content h1{font-size:28px} } @media (max-width:992px){.product_top .content h1{font-size:26px} } @media (max-width:640px){.product_top .content h1{font-size:24px} } @media (max-width:480px){.product_top .content h1{font-size:22px} } .product_top .content .desc{line-height:2;font-size:16px;color:#666;margin:.2rem 0 .4rem} @media (max-width:480px){.product_top .content .desc{font-size:15px} } .product_top dl{padding:.36rem 0;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;margin-bottom:.76rem} .product_top dl dt{font-size:18px;margin-bottom:.2rem} .product_top dl dd{display:flex;flex-wrap:wrap} .product_top dl dd p{color:#666;padding-left:20px;position:relative;margin-bottom:.1rem} .product_top dl dd p::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background-color:#9f9f9f;position:absolute;top:50%;transform:translateY(-50%);z-index:5;left:0} @media (max-width:1360px){.product_top .desc{margin-bottom:.2rem} .product_top dl{padding:.26rem 0;margin-bottom:.4rem} } .product_top .btns a{display:inline-block;width:1.86rem;height:.63rem;line-height:.63rem;text-align:center;border-radius:2em;font-size:16px;font-weight:bold;background-color:#e5e5e5} @media (max-width:992px){.product_top .btns a{width:140px;height:46px;line-height:46px;text-align:center} } .product_top .btns .quote{margin-left:.2rem;background-color:#0069EA;color:#fff} .product_top .btns a:hover{background:#000;color:#fff} .prodinfo h2{font-size:.48rem;font-weight:bold;margin-bottom:20px} .product_info_des{font-size:16px;line-height:2.1;color:#666;padding:.6rem 0 .8rem;border-bottom:1px solid #eeeeee} .product_info_des p{margin-bottom:1.7em} .product_info_des img{display:block;margin:0 auto .5rem} .product_info_des h3{font-size:18px;color:#333;font-weight:bold;margin-bottom:1.7em} @media (min-width:1200px) and (max-width:1919px){.prodinfo h2{font-size:2.5vw} } @media (max-width:1199px){.prodinfo h2{font-size:28px} } @media (max-width:992px){.prodinfo h2{font-size:26px} } @media (max-width:640px){.prodinfo h2{font-size:24px} } @media (max-width:480px){.prodinfo h2{font-size:22px} } .product_info_nav{border-bottom:1px solid #eeeeee} .product_info_nav .wrap{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:center;box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:20px} .product_info_nav .wrap .item{min-width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;line-height:1rem} @media (max-width:991px){} @media (max-width:768px){.product_info_nav .wrap .item{font-size:18px} } .product_info_nav .wrap a{display:inline-block;position:relative;text-align:center} .product_info_nav .wrap a::after{content:'';display:block;position:absolute;height:3px;background-color:#0069EA;left:0;bottom:-1px} .product_info_nav .wrap a:hover{color:#0069EA} .product_info_nav .wrap a .ic1{background:url('../images/cpnav1.png') no-repeat center center} .product_info_nav .wrap a .ic2{background:url('../images/cpnav2.png') no-repeat center center} .product_info_nav .wrap a .ic3{background:url('../images/cpnav3.png') no-repeat center center} .product_info_nav .wrap a .ic4{background:url('../images/cpnav4.png') no-repeat center center} .product_info_nav .wrap a .ic5{background:url('../images/cpnav5.png') no-repeat center center} .product_info_nav .wrap a .icon{width:28px;height:28px;display:inline-block;vertical-align:middle;margin-right:2px;background-size:contain} .product_info_nav .wrap .active a::after{width:100%} .product_info_nav .wrap .active a,.product_info_nav .wrap .item:hover a{color:#0069EA} .product_info_nav .wrap .active a .ic1,.product_info_nav .wrap .item:hover a .ic1{background:url('../images/cpnavc1.png') no-repeat center center} .product_info_nav .wrap .active a .ic2,.product_info_nav .wrap .item:hover a .ic2{background:url('../images/cpnavc2.png') no-repeat center center} .product_info_nav .wrap .active a .ic3,.product_info_nav .wrap .item:hover a .ic3{background:url('../images/cpnavc3.png') no-repeat center center} .product_info_nav .wrap .active a .ic4,.product_info_nav .wrap .item:hover a .ic4{background:url('../images/cpnavc4.png') no-repeat center center} .product_info_nav .wrap .active a .ic5,.product_info_nav .wrap .item:hover a .ic5{background:url('../images/cpnavc5.png') no-repeat center center} .product_info_nav .wrap .active a .icon,.product_info_nav .wrap .item:hover a .icon{background-size:contain} .product_info_rec{padding:1rem 0 1.1rem} .product_info_rec .bd{display:flex;flex-wrap:wrap} @media (max-width:992px){.product_info_rec .bd{justify-content:space-between} } .product_info_rec .bd li{width:30%;font-size:20px;margin-right:5%;line-height:1.5;margin-bottom:4px;border-bottom:1px solid #eeeeee;padding:14px 0 14px} .product_info_rec .bd li p{position:relative;padding-left:.5rem} .product_info_rec .bd li p::before{content:'';display:block;position:absolute;width:5px;height:5px;background-color:#8b8b8b;border-radius:50%;top:10px;left:.3rem} .product_info_rec .bd li:nth-child(3n){margin-right:0} @media (max-width:992px){.product_info_rec .bd li{width:47%;margin-right:0 !important;font-size:18px} } @media (max-width:640px){.product_info_rec .bd li{font-size:17px} .product_info_rec .bd li p{padding-left:.3rem} .product_info_rec .bd li p::before{left:3px} } @media (max-width:639px){.product_info_rec .bd li{width:100%;font-size:16px} } .product_info_skill{padding:.8rem 0 .7rem} .product_info_skill .hd{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:.36rem} .product_info_skill .hd h2{margin-bottom:0} .product_info_skill .tabNav{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center} .product_info_skill .tabNav .item{background-color:#e5e5e5;line-height:.62rem;width:1.88rem;font-size:18px;text-align:center;cursor:pointer} @media (max-width:768px){.product_info_skill .tabNav .item{line-height:42px;font-size:17px} } @media (max-width:480px){.product_info_skill .tabNav .item{line-height:38px;font-size:16px} } .product_info_skill .tabNav .active{background-color:#0069EA;color:#fff} .product_info_skill table{width:100% !important} .product_info_skill table td{font-size:20px;padding:.3rem .5rem} @media (max-width:1200px){.product_info_skill table td{font-size:18px} } @media (max-width:768px){.product_info_skill table td{font-size:16px;padding:.3rem} } @media (max-width:480px){.product_info_skill table td{font-size:15px;padding:.3rem .2rem} } .product_info_skill table tr:nth-child(2n+1){background:#fff} .product_info_download{padding-top:.9rem} .product_info_download h2{margin-bottom:.4rem} @media (min-width:769px){.download_list{display:flex;flex-wrap:wrap;justify-content:space-between} .download_list li{width:48%} } .download_list li{background:#f8f8f8;margin-bottom:.5rem;font-size:20px;line-height:40px} @media (max-width:1200px){.download_list li{font-size:18px} } @media (max-width:640px){.download_list li{font-size:16px} } .download_list li a{padding:.27rem .3rem;display:flex;align-items:start} .download_list li a:hover{color:#0069EA} .download_list li .icon{color:#0069EA;margin-right:10px;font-size:120%} .download_list li .tit{flex:1;display:block;margin-right:.2rem} .download_list li .download{font-size:120%} .product_info_trade{padding:.4rem 0 1rem} .product_info_trade h2{margin-bottom:.44rem} .trade_list{margin-left:-0.35rem !important;margin-right:-0.35rem !important} .trade_list>*{padding-left:.35rem !important;padding-right:.35rem !important;margin-bottom:.7rem} @media (max-width:1200px){.trade_list{margin-left:-0.2rem !important;margin-right:-0.2rem !important} .trade_list>*{padding-left:.2rem !important;padding-right:.2rem !important;margin-bottom:.4rem} } @media (max-width:480px){.trade_list li{width:100%} } .trade_inner{background:#f8f8f8} .trade_inner:hover .tit{color:#0069EA} .trade_inner .info{padding:.28rem .36rem .3rem} @media (max-width:640px){.trade_inner .info{padding:20px} } .trade_inner .tit{display:block;font-size:22px} @media (max-width:640px){.trade_inner .tit{font-size:20px} } .trade_inner .desc{font-size:16px;color:#666;line-height:1.8;height:60px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;margin:.1rem 0 .3rem} @media (max-width:640px){.trade_inner .desc{font-size:15px;line-height:26px;height:52px} } .trade_inner .more{color:#999;font-size:16px} .trade_inner .more:hover{color:#0069EA} @media (max-width:640px){.trade_inner .more{font-size:15px} } .zcfw_main{padding:0 0 1rem} .zcfw_main .download_list{padding-bottom:.3rem} .commm_navbox{margin-bottom:.86rem;padding-top:.8rem;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .commm_navbox .nav{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center} .commm_navbox .nav a{line-height:.6rem;border-radius:2em;font-size:16px;border:1px solid #eeeeee;display:block;padding:0 .6rem} @media (max-width:992px){.commm_navbox .nav a{padding:0 .4rem} } @media (max-width:480px){.commm_navbox .nav a{line-height:40px;font-size:15px} } .commm_navbox .nav a+a{margin-left:.16rem} .commm_navbox .nav .active,.commm_navbox .nav a:hover{background-color:#0069EA;color:#fff;border-color:#0069EA} .skill_box h3{font-size:.58rem;font-weight:bold;text-align:center;line-height:1.2;margin-bottom:.76rem} @media (max-width:1919px) and (min-width:1200px){.skill_box h3{font-size:3vw} } @media (max-width:1200px){.skill_box h3{font-size:.5rem} } @media (min-width:1680px){.skill_box h3{font-size:.52rem} } .skill_box .list{margin-left:-0.28rem !important;margin-right:-0.28rem !important} .skill_box .list>*{padding-left:.28rem !important;padding-right:.28rem !important;margin-bottom:.56rem} @media (max-width:1200px){.skill_box .list{margin-left:-0.15rem !important;margin-right:-0.15rem !important} .skill_box .list>*{padding-left:.15rem !important;padding-right:.15rem !important;margin-bottom:.3rem} } .skill_box .item a{display:block;background:#f8f8f8;padding:.4rem} .skill_box .item a:hover .more{color:#0069EA} .skill_box .item a:hover h5{color:#0069EA} .skill_box .item h5{font-size:.3rem;margin-bottom:.1rem} @media (max-width:992px){.skill_box .item h5{font-size:26px} } @media (max-width:768px){.skill_box .item h5{font-size:22px} } @media (max-width:480px){.skill_box .item h5{font-size:20px} } .skill_box .item .desc{font-size:16px;color:#666;min-height:1rem;line-height:1.76} .skill_box .item .bottom{display:flex;align-items:flex-end;justify-content:space-between} .skill_box .item .ic1{background:url('../images/skill01.png') no-repeat center center} .skill_box .item .ic2{background:url('../images/skill02.png') no-repeat center center} .skill_box .item .ic3{background:url('../images/skill03.png') no-repeat center center} .skill_box .item .icon{width:.72rem;height:.72rem;display:block;background-size:contain} .skill_box .item .more{color:#999} .application_main{padding:1.4rem 0} .application_list{margin-left:-0.35rem !important;margin-right:-0.35rem !important} .application_list>*{padding-left:.35rem !important;padding-right:.35rem !important;margin-bottom:.7rem} @media (max-width:640px){.application_list{margin-left:-0.2rem !important;margin-right:-0.2rem !important} .application_list>*{padding-left:.2rem !important;padding-right:.2rem !important;margin-bottom:.4rem} } @media (max-width:600px){.application_list li{width:100%} } .application_inner{background:#fff} .application_inner:hover .more{background-color:#0069EA;color:#fff} .application_inner .info{padding:.34rem .46rem .5rem} @media (max-width:640px){.application_inner .info{padding:20px 20px 30px} } .application_inner .tit{display:block;font-size:22px} .application_inner .tit:hover{color:#0069EA} @media (max-width:640px){.application_inner .tit{font-size:20px} } .application_inner .desc{font-size:16px;color:#666;line-height:1.8;height:60px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;margin:.1rem 0 .3rem} @media (max-width:640px){.application_inner .desc{font-size:15px;line-height:26px;height:52px} } .application_inner .more{border:1px solid #0069EA;line-height:.46rem;border-radius:2em;width:1.47rem;color:#0069EA;display:inline-block;text-align:center} @media (max-width:640px){.application_inner .more{line-height:32px;width:110px} } .application_top{background-repeat:no-repeat;background-size:cover;background-position:center;padding-bottom:1.5rem;color:#fff} @media (max-width:480px){.application_top{padding-bottom:1rem} } .application_top .crumbs{padding-top:.54rem} .application_top .crumbs i{color:#fff} .application_top .crumbs a{color:#fff} .application_top .crumbs a:hover{color:#0069EA} .application_top .content{padding:1rem 0;min-height:4.5rem;display:flex;flex-direction:column;justify-content:center;max-width:780px;width:70%} @media (max-width:768px){.application_top .content{width:80%} } @media (max-width:640px){.application_top .content{width:100%} } .application_top h2{font-size:.52rem;font-weight:bold;margin-bottom:.3rem} @media (max-width:1920px){.application_top h2{font-size:3vw} } @media (max-width:992px){.application_top h2{font-size:.58rem;font-weight:bold} } @media (max-width:992px) and (max-width:1919px) and (min-width:1200px){.application_top h2{font-size:3vw} } @media (max-width:992px) and (max-width:1200px){.application_top h2{font-size:.5rem} } .application_top .desc{font-size:18px;line-height:1.8} @media (max-width:768px){.application_top .desc{font-size:16px} } @media (max-width:480px){.application_top .desc{font-size:15px} } .application_info{padding:1.4rem 0} @media (min-width:992px){.application_info{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .application_info .img,.application_info .info{width:46%} .application_info .info{padding-right:.7rem} } @media (max-width:991px){.application_info .info{padding-top:.5rem} } .application_info .info h5{font-size:.52rem;font-weight:bold;margin-bottom:.2rem} @media (max-width:1920px){.application_info .info h5{font-size:3vw} } @media (max-width:992px){.application_info .info h5{font-size:.58rem;font-weight:bold} } @media (max-width:992px) and (max-width:1919px) and (min-width:1200px){.application_info .info h5{font-size:3vw} } @media (max-width:992px) and (max-width:1200px){.application_info .info h5{font-size:.5rem} } .application_info .info .desc{font-size:16px;color:#666;line-height:2.1} @media (max-width:480px){.application_info .info .desc{font-size:15px;line-height:2} } .appinfo{padding:.74rem 0} .appinfo h2{margin-bottom:.46rem} .application_product{padding-bottom:1rem} .application_product .tc{padding-top:.3rem} .application_product .return{border-radius:2em;border:1px solid #0069EA;color:#0069EA;display:inline-block;width:1.78rem;height:.6rem;line-height:.6rem;text-align:center;font-size:16px} .application_product .return:hover{background-color:#0069EA;color:#fff} @media (max-width:992px){.application_product .return{width:150px;height:46px;line-height:46px;text-align:center} } @media (max-width:480px){.application_product .return{width:136px;height:42px;line-height:42px;text-align:center} } .meeting_list{margin-left:-0.33rem !important;margin-right:-0.33rem !important} .meeting_list>*{padding-left:.33rem !important;padding-right:.33rem !important;margin-bottom:.66rem} @media (min-width:1200px){.meeting_list{display:flex;align-items:stretch;flex-wrap:wrap} .meeting_list::before{display:none} } @media (max-width:1360px){.meeting_list{margin-left:-0.23rem !important;margin-right:-0.23rem !important} .meeting_list>*{padding-left:.23rem !important;padding-right:.23rem !important;margin-bottom:.46rem} } @media (max-width:600px){.meeting_list li{width:100%} } .meeting_list_lg{display:flex;align-items:stretch} .meeting_list_lg li{float:none} .meeting_list_lg::before{display:none} .meet_lg_inner{position:relative;height:100%;display:block;background-repeat:no-repeat;background-size:cover;background-position:center} .meet_lg_inner .date{position:absolute;left:.4rem;top:.4rem;background:#fff;width:96px;height:100px;text-align:center;z-index:55;display:flex;flex-direction:column;justify-content:center} .meet_lg_inner .tit{color:#fff;border-top:1px solid #fff;position:absolute;left:.4rem;right:.4rem;line-height:.94rem;bottom:.1rem;font-size:22px;z-index:55;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis} .meet_inner .date .d,.meet_lg_inner .date .d{font-size:.48rem;font-weight:bold;line-height:1} @media (min-width:1200px) and (max-width:1919px){.meet_inner .date .d,.meet_lg_inner .date .d{font-size:2.5vw} } @media (max-width:1199px){.meet_inner .date .d,.meet_lg_inner .date .d{font-size:28px} } @media (max-width:992px){.meet_inner .date .d,.meet_lg_inner .date .d{font-size:26px} } @media (max-width:640px){.meet_inner .date .d,.meet_lg_inner .date .d{font-size:24px} } @media (max-width:480px){.meet_inner .date .d,.meet_lg_inner .date .d{font-size:22px} } @media (max-width:640px){.meet_inner .date .d,.meet_lg_inner .date .d{font-size:30px} } .meet_inner .date .y,.meet_lg_inner .date .y{color:#999} @media (min-width:992px){.meet_inner .date .y,.meet_lg_inner .date .y{font-size:15px} } .meet_inner .tit,.meet_lg_inner .tit{font-size:22px} @media (max-width:1360px){.meet_inner .tit,.meet_lg_inner .tit{font-size:20px} } @media (max-width:1200px){.meet_inner .tit,.meet_lg_inner .tit{font-size:18px} } .meet_inner:hover .tit{color:#0069EA} .meet_inner .info{border:5px solid #f8f8f8;padding:.32rem .36rem .4rem;border-bottom:0} @media (max-width:1360px){.meet_inner .info{padding:.32rem} } @media (max-width:1200px){.meet_inner .info{padding:.32rem .2rem} } @media (max-width:640px){.meet_inner .info{padding:26px 14px} } .meet_inner .date{margin-bottom:.36rem} .meet_inner .date .d{font-size:.48rem;font-weight:bold;line-height:1} @media (min-width:1200px) and (max-width:1919px){.meet_inner .date .d{font-size:2.5vw} } @media (max-width:1199px){.meet_inner .date .d{font-size:28px} } @media (max-width:992px){.meet_inner .date .d{font-size:26px} } @media (max-width:640px){.meet_inner .date .d{font-size:24px} } @media (max-width:480px){.meet_inner .date .d{font-size:22px} } @media (max-width:640px){.meet_inner .date .d{font-size:30px} } .meet_inner .date .y{color:#999} @media (min-width:992px){.meet_inner .date .y{font-size:15px} } .meet_inner .tit{line-height:30px;height:60px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2} @media (max-width:1360px){.meet_inner .tit{line-height:28px;height:56px} } @media (max-width:1200px){.meet_inner .tit{line-height:26px;height:52px} } .skill_quote{padding:.5rem 0 1.4rem} .skill_quote .content{background:url('../images/quotebg.jpg') no-repeat center center;background-size:cover;color:#fff;padding:.96rem 1rem} @media (min-width:1200px){.skill_quote .content{display:flex;justify-content:space-between} } @media (max-width:1200px){.skill_quote .content{padding:.96rem .6rem} } @media (max-width:480px){.skill_quote .content{padding:.9rem .4rem} } .skill_quote .lbox h3{font-size:.52rem;font-weight:bold;line-height:1.2;margin-bottom:.2rem} @media (max-width:1920px){.skill_quote .lbox h3{font-size:3vw} } @media (max-width:992px){.skill_quote .lbox h3{font-size:.58rem;font-weight:bold} } @media (max-width:992px) and (max-width:1919px) and (min-width:1200px){.skill_quote .lbox h3{font-size:3vw} } @media (max-width:992px) and (max-width:1200px){.skill_quote .lbox h3{font-size:.5rem} } .skill_quote .lbox .desc{font-size:.3rem} @media (max-width:992px){.skill_quote .lbox .desc{font-size:26px} } @media (max-width:768px){.skill_quote .lbox .desc{font-size:22px} } @media (max-width:480px){.skill_quote .lbox .desc{font-size:20px} } @media (max-width:480px){.skill_quote .lbox .desc{font-size:16px} } @media (max-width:1199px){.skill_quote .lbox{margin-bottom:1rem} } .skill_quote .item{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center} .skill_quote .item .ic1{background:url('../images/quoe01.png') no-repeat center center} .skill_quote .item .ic2{background:url('../images/quoe02.png') no-repeat center center} .skill_quote .item .ic3{background:url('../images/quoe03.png') no-repeat center center} .skill_quote .item .icon{width:.72rem;height:.72rem;border-radius:50%;border:1px solid #fff;display:block;margin-right:.28rem} .skill_quote .item .tit{font-size:16px;margin-bottom:8px} .skill_quote .item .val{font-size:20px} @media (max-width:640px){.skill_quote .item .icon{background-size:20px} .skill_quote .item .tit{font-size:14px;margin-bottom:4px} .skill_quote .item .val{font-size:16px} } .skill_quote .item+.item{margin-top:.34rem} .skill_zclist{padding-top:1.6rem} @media (max-width:640px){.skill_zclist{padding-top:1rem} } .skill_zclist h2{font-size:.52rem;font-weight:bold;margin-bottom:.7rem} @media (max-width:1920px){.skill_zclist h2{font-size:3vw} } @media (max-width:992px){.skill_zclist h2{font-size:.58rem;font-weight:bold} } @media (max-width:992px) and (max-width:1919px) and (min-width:1200px){.skill_zclist h2{font-size:3vw} } @media (max-width:992px) and (max-width:1200px){.skill_zclist h2{font-size:.5rem} } .skill_zclist .row{margin-left:-0.39rem !important;margin-right:-0.39rem !important} .skill_zclist .row>*{padding-left:.39rem !important;padding-right:.39rem !important;margin-bottom:.78rem} @media (min-width:640px){.skill_zclist .row li:nth-child(2n) .inner{position:relative;top:-1.5rem} .skill_zclist .row li:nth-child(2n+1){clear:both} } @media (max-width:639px){.skill_zclist .row li{width:100%;margin-bottom:.8rem} } .skill_zclist .inner h6{font-size:.3rem;margin:.3rem 0 .22rem} @media (max-width:992px){.skill_zclist .inner h6{font-size:26px} } @media (max-width:768px){.skill_zclist .inner h6{font-size:22px} } @media (max-width:480px){.skill_zclist .inner h6{font-size:20px} } .skill_zclist .inner .desc{font-size:16px;line-height:1.8;color:#666} @media (max-width:640px){.skill_zclist .inner .desc{font-size:15px} } .skill_ban{background-repeat:no-repeat;background-size:cover;background-position:center;color:#fff} .skill_ban .wrap{height:7.64rem;padding:.4rem 0;display:flex;flex-direction:column;justify-content:center} @media (max-width:480px){.skill_ban .wrap{height:6rem} } .skill_ban h2{font-size:.52rem;font-weight:bold;margin-bottom:.26rem} @media (max-width:1920px){.skill_ban h2{font-size:3vw} } @media (max-width:992px){.skill_ban h2{font-size:.58rem;font-weight:bold} } @media (max-width:992px) and (max-width:1919px) and (min-width:1200px){.skill_ban h2{font-size:3vw} } @media (max-width:992px) and (max-width:1200px){.skill_ban h2{font-size:.5rem} } .skill_ban .desc{font-size:18px;line-height:1.9;max-width:750px} @media (min-width:992px){.skill_ban .desc{width:70%} } @media (max-width:640px){.skill_ban .desc{font-size:16px} } @media (max-width:480px){.skill_ban .desc{font-size:15px} } .skill_top{padding-top:.56rem;border-top:1px solid #eeeeee} .skill_top .bd{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:.78rem 0} .skill_top .bd h2{font-size:.52rem;font-weight:bold} @media (max-width:1920px){.skill_top .bd h2{font-size:3vw} } @media (max-width:992px){.skill_top .bd h2{font-size:.58rem;font-weight:bold} } @media (max-width:992px) and (max-width:1919px) and (min-width:1200px){.skill_top .bd h2{font-size:3vw} } @media (max-width:992px) and (max-width:1200px){.skill_top .bd h2{font-size:.5rem} } .skill_top .bd .return{color:#0069EA;border:1px solid #0069EA;line-height:.6rem;border-radius:2em;display:block;font-size:16px;width:1.78rem;text-align:center} .skill_top .bd .return:hover{background-color:#0069EA;color:#fff} .news_list_lg{margin-bottom:.96rem} @media (min-width:992px){.news_list_lg{display:flex;align-items:stretch;justify-content:space-between} .news_list_lg .lbox{width:56.7%;margin-right:4.5%} .news_list_lg .lbox .coverbox{height:100%} .news_list_lg .rbox{flex:1;overflow:hidden} } .news_list_lg .item{padding:.37rem 0 .4rem;position:relative;border-bottom:1px solid #eeeeee} .news_list_lg .item::after{content:'';width:0;height:2px;background-color:#0069EA;position:absolute;left:0;bottom:-1px;transition:.6s} .news_list_lg .item::first-child{padding-top:0} .news_list_lg .item .time,.news_list_lg .item .desc{font-size:16px;color:#666} .news_list_lg .item .tit{display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:22px;margin:.18rem 0 .2rem} .news_list_lg .item .tit:hover{color:#0069EA} .news_list_lg .item.active::after{width:100%} .news_main{padding-bottom:1.1rem} .news_list{margin-left:-0.35rem !important;margin-right:-0.35rem !important} .news_list>*{padding-left:.35rem !important;padding-right:.35rem !important;margin-bottom:.7rem} @media (max-width:1360px){.news_list{margin-left:-0.25rem !important;margin-right:-0.25rem !important} .news_list>*{padding-left:.25rem !important;padding-right:.25rem !important;margin-bottom:.5rem} } @media (max-width:1200px){.news_list{margin-left:-0.15rem !important;margin-right:-0.15rem !important} .news_list>*{padding-left:.15rem !important;padding-right:.15rem !important;margin-bottom:.3rem} } .news_list li{margin-bottom:.54rem} @media (max-width:600px){.news_list li{width:100%;margin-bottom:.8rem} } .news_inner:hover .info::after{width:100%} .news_inner .info{padding:10px 5% .34rem;border-bottom:1px solid #eeeeee;position:relative} @media (max-width:600px){.news_inner .info{padding:15px 5px 25px} } .news_inner .info::after{content:'';width:0;height:2px;background-color:#0069EA;position:absolute;left:0;bottom:-1px;transition:.6s} .news_inner .time,.news_inner .more{font-size:16px;color:#666} @media (max-width:1200px){.news_inner .time,.news_inner .more{font-size:14px} } .news_inner .tit{display:block;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;font-size:22px;line-height:30px;height:60px;margin:10px 0 20px} .news_inner .tit:hover{color:#0069EA} @media (max-width:1200px){.news_inner .tit{font-size:20px;line-height:26px;height:56px} } @media (max-width:768px){.news_inner .tit{font-size:18px;line-height:24px;height:48px} } .news_inner .more:hover{color:#0069EA} .news_body{padding:.6rem 0 1.6rem} .news_body .crumbs{margin-bottom:.5rem} @media (min-width:1200px){.news_body_inner{background:#fff;display:flex} .news_body_inner .n_main{flex:1;margin-right:8%} .news_body_inner .n_sub{width:4.5rem} } @media (max-width:1199px){.news_body_inner .n_main{margin-bottom:1rem;border-bottom:1px solid #eeeeee} } .subbox+.subbox{margin-top:.4rem} .subbox .hd{margin-bottom:20px;font-size:.48rem;font-weight:bold;margin-bottom:.5rem} @media (min-width:1200px) and (max-width:1919px){.subbox .hd{font-size:2.5vw} } @media (max-width:1199px){.subbox .hd{font-size:28px} } @media (max-width:992px){.subbox .hd{font-size:26px} } @media (max-width:640px){.subbox .hd{font-size:24px} } @media (max-width:480px){.subbox .hd{font-size:22px} } @media (max-width:1200px){.subbox .hd{margin-bottom:16px} } .news_article .hd{padding-bottom:.7rem;border-bottom:1px solid #eeeeee} .news_article .hd h1{font-size:.48rem;margin-bottom:.5rem;line-height:1.4;font-weight:bold} @media (min-width:1200px) and (max-width:1919px){.news_article .hd h1{font-size:2.5vw} } @media (max-width:1199px){.news_article .hd h1{font-size:28px} } @media (max-width:992px){.news_article .hd h1{font-size:26px} } @media (max-width:640px){.news_article .hd h1{font-size:24px} } @media (max-width:480px){.news_article .hd h1{font-size:22px} } @media (max-width:480px){.news_article .hd h1{font-size:24px} } .news_article .hd .data{color:#999;font-size:20px;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center} @media (max-width:1200px){.news_article .hd .data{font-size:18px} } @media (max-width:480px){.news_article .hd .data{font-size:14px} } .news_article .hd .data .time{margin-right:20px} .news_article .share{margin-left:.36rem;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center} .news_article .share a{border-radius:2em;width:.48rem;height:.48rem;line-height:.48rem;text-align:center;border:1px solid #eeeeee;display:block;font-size:20px;margin-left:6px} .news_article .share a:hover{background:#f8f8f8} .news_article .pnext{position:relative;line-height:20px;font-size:20px;margin-top:.4rem} @media (max-width:1680px){.news_article .pnext{font-size:18px} } @media (max-width:640px){.news_article .pnext{font-size:17px;line-height:1.5} } .news_article .pnext .item{margin-bottom:22px} @media (min-width:768px){.news_article .pnext .item{margin-right:36%;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis} } .news_article .pnext a:hover{color:#0069EA} .news_article .pnext .return{position:absolute;right:0;top:0;font-size:16px;color:#0069EA;border:1px solid #0069EA;border-radius:2em;width:1.78rem;height:.56rem;line-height:.56rem;text-align:center} .news_article .pnext .return:hover{background-color:#0069EA;color:#fff} .article{font-size:16px;line-height:2.1;color:#666;padding:.6rem 0 .8rem;border-bottom:1px solid #eeeeee} .article p{margin-bottom:1.7em} .article img{display:block;margin:0 auto .5rem} .article h3{font-size:18px;color:#333;font-weight:bold;margin-bottom:1.7em} .sub_news_list{background:#f8f8f8;padding:.38rem} .sub_news_list li+li{border-top:1px solid #eeeeee} .sub_news_list li{padding:.34rem 0 .2rem} .sub_news_list li .tit{font-size:16px;line-height:22px;margin-bottom:14px;display:block;font-weight:bold} .sub_news_list li .tit:hover{color:#0069EA} .sub_news_list li .time{color:#666} .zhishi_list{padding-bottom:.6rem} .zhishi_list .item{padding:.4rem 0 .3rem;border-bottom:1px solid #eeeeee;position:relative} .zhishi_list .item:first-child{padding-top:0} .zhishi_list .item::after{width:0;height:2px;background-color:#0069EA;content:'';position:absolute;left:0;bottom:-1px;transition:.6s} .zhishi_list .item:hover .tit{color:#0069EA} .zhishi_list .item:hover::after{width:100%} @media (min-width:768px){.zhishi_list .item{display:flex} .zhishi_list .item .coverbox{order:3} .zhishi_list .item .date{width:1.3rem;padding-left:.28rem;line-height:1.2} .zhishi_list .item .date .d{font-size:.48rem;font-weight:bold} .zhishi_list .item .date .y{font-size:16px;color:#666} .zhishi_list .item .info{padding-right:.6rem;flex:1} .zhishi_list .item .coverbox{width:3.7rem} .zhishi_list .item .date,.zhishi_list .item .info{padding-top:.24rem} } @media (min-width:768px) and (min-width:992px){.zhishi_list .item .info{padding-left:.6rem} } .zhishi_list .info{overflow:hidden} .zhishi_list .info .tit{font-size:.24rem;font-weight:bold} .zhishi_list .info .tit:hover{color:#0069EA} .zhishi_list .info .desc{font-size:16px;color:#666;line-height:30px;margin:.2rem 0 .46rem;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;height:60px} .zhishi_list .info .more{font-size:16px;color:#999} .zhishi_list .info .more:hover{color:#0069EA} @media (max-width:1200px){.zhishi_list .info .tit{font-size:20px} .zhishi_list .info .desc,.zhishi_list .info .more{font-size:15px} .zhishi_list .info .desc{line-height:28px;height:56px} } @media (max-width:991px){.zhishi_list .coverbox{margin-bottom:.5rem} .zhishi_list .time{color:#666;margin:.2rem 0 0} } .recruit_box{overflow:hidden;padding-top:.6rem;padding-bottom:.9rem} .recruit_box .head{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:.6rem} .recruit_box .more,.recruit_box .type{line-height:.58rem;font-size:16px;color:#0069EA;border-radius:2em;padding:0 .56rem;border:1px solid #0069EA;display:inline-block} .recruit_box .more:hover,.recruit_box .type:hover{background-color:#0069EA;color:#fff} @media (max-width:480px){.recruit_box .more,.recruit_box .type{line-height:38px} } .recruit_box .recruit_bd{padding-bottom:.3rem} .recruit_bd .hd{line-height:.9rem;color:#fff;font-size:20px;padding:0 .8rem 0 1rem;margin-bottom:.2rem} .recruit_bd .arrow{transition:.6s} .recruit_bd .item-hd,.recruit_bd .hd{display:flex} @media (min-width:1200px){.recruit_bd .item-hd li:not(:last-child),.recruit_bd .hd li:not(:last-child){flex:1} .recruit_bd .item-hd li:last-child,.recruit_bd .hd li:last-child{width:90px !important;text-align:center} } .recruit_bd .hd-wrap{background-color:#0069EA;padding:0 22px} .recruit_bd .item{padding:0 .8rem 0 1rem;background:#f8f8f8;margin-bottom:.2rem} @media (max-width:1200px){.recruit_bd .item{padding:0 .4rem 0 .6rem} } .recruit_bd .item-hd{padding-top:30px;padding-bottom:30px;position:relative} .recruit_bd li p{display:inline-block} .recruit_bd .item-hd{font-size:18px;cursor:pointer;line-height:1.8} .recruit_bd .item-hd .tit{display:none} .recruit_bd .item-bd{display:none;padding:30px 0 1rem;font-size:16px;position:relative} .recruit_bd .active{background:#fff;border:1px solid #eeeeee} .recruit_bd .active .item-hd{border-bottom:1px solid #eeeeee} .recruit_bd .active .arrow{transform:rotate(180deg);border-color:#0069EA;color:#0069EA} .recruit_bd .arrow{font-size:14px;color:#333;width:34px;height:34px;line-height:34px;text-align:center;border-radius:50%;border:1px solid #eaeaea;display:inline-block} @media (max-width:640px){.recruit_bd .arrow{width:28px;height:28px;line-height:28px;text-align:center} } @media (min-width:1200px){.recruit_bd dl{padding-right:160px} } .recruit_bd dl dt{font-size:18px;margin-bottom:6px} @media (max-width:640px){.recruit_bd dl dt{font-size:17px} } .recruit_bd dl dd{line-height:1.8;color:#666} .recruit_bd dl dd+dt{padding-top:.4rem} .recruit_bd .send{background-color:#0069EA;border-radius:2em;color:#fff;width:1.52rem;height:.56rem;line-height:.56rem;text-align:center;font-size:18px;display:inline-block} @media (min-width:1200px){.recruit_bd .send{position:absolute;right:0;bottom:1rem} } @media (max-width:1199px){.recruit_bd .send{margin-top:.5rem} } @media (max-width:992px){.recruit_bd .send{width:130px;height:42px;line-height:42px;text-align:center;font-size:16px} } @media (max-width:1200px){.recruit_bd .hd-wrap{display:none} .recruit_bd .item{width:88vw;max-width:1560px;margin-left:auto;margin-right:auto;width:96%} .recruit_bd .item-hd{font-size:16px;flex-wrap:wrap} .recruit_bd .item-hd .tit{margin-right:4px;display:inline-block} .recruit_bd .item-hd li{width:33%} .recruit_bd .item-bd{padding:20px 0 .6rem;margin:0} .recruit_bd .arrow{position:absolute;right:0;bottom:30px} } @media (max-width:1200px) and (max-width:639px){.recruit_bd .item{width:92vw} } @media (max-width:992px){.recruit_bd .item-hd li{width:50%} } @media (max-width:600px){.recruit_bd{border:0;width:100%} .recruit_bd .item{padding:20px;width:88vw;max-width:1560px;margin-left:auto;margin-right:auto} .recruit_bd .item-hd{padding:0 0 0;line-height:1.8;font-size:15px} .recruit_bd .item-hd .tit{margin-right:4px} .recruit_bd .item-hd li{padding-left:0;width:100%} .recruit_bd .item-hd li:first-child .val{color:#0069EA} .recruit_bd .item-bd{padding:20px 0 .6rem;color:#333} .recruit_bd .item-bd dd{font-size:14px;line-height:1.5} .recruit_bd .active .item-hd{padding-bottom:20px} } @media (max-width:600px) and (max-width:639px){.recruit_bd .item{width:92vw} } .contact_box{margin-bottom:1.9rem} @media (min-width:992px){.contact_box{display:flex;align-items:stretch} .contact_box .map{flex:1} .contact_box .content{width:6.26rem} } .contact_box .map{background:#000} @media (max-width:991px){.contact_box .map{height:6rem} } .contact_box .content{background:url('../images/mapbg.png') no-repeat center center;background-size:cover;color:#fff;padding:.6rem .5rem 1.2rem .5rem} @media (max-width:1200px){.contact_box .content{padding:.9rem .4rem 1rem .6rem} } .contact_box .content dt{font-size:.36rem;margin-bottom:.5rem} @media (max-width:768px){.contact_box .content dt{font-size:24px} } @media (max-width:640px){.contact_box .content dt{font-size:22px} } .contact_box .content .ic1{background:url('../images/lx01.png') no-repeat center center} .contact_box .content .ic2{background:url('../images/lx02.png') no-repeat center center} .contact_box .content .ic3{background:url('../images/lx03.png') no-repeat center center} .contact_box .content .ic4{background:url('../images/lx04.png') no-repeat center center} .contact_box .content .ic5{background:url('../images/lx05.png') no-repeat center center} .contact_box .content .ic6{background:url('../images/lx06.png') no-repeat center center} .contact_box .content .ic7{background:url('../images/lx07.png') no-repeat center center} .contact_box .content .icon{width:24px;height:30px;background-size:contain;position:absolute;left:0;top:0} .contact_box .content dd{margin-bottom:.2rem;font-size:16px;position:relative;padding-left:40px;line-height:30px} .contact_box .content dd .val{font-size:20px} @media (max-width:1200px){.contact_box .content dd{font-size:15px} .contact_box .content dd .val{font-size:18px} } @media (max-width:640px){.contact_box .content dd{padding-left:30px;font-size:14px} .contact_box .content dd .icon{width:20px;height:30px} .contact_box .content dd .val{font-size:16px} } .form_box h2{margin-bottom:.6rem} .form_box .row{margin-left:-0.19rem !important;margin-right:-0.19rem !important;padding-bottom:.3rem} .form_box .row>*{padding-left:.19rem !important;padding-right:.19rem !important;margin-bottom:.38rem} .form_box .row li{margin-bottom:.3rem} .form_box input,.form_box textarea{background:#f8f8f8;border:0;margin-bottom:0;font-size:16px} .form_box input{background:#f8f8f8;height:.68rem;padding-left:20px} @media (max-width:992px){.form_box input{height:48px} } .form_box textarea{padding:20px;height:3.1rem} @media (max-width:640px){.form_box textarea{height:5rem} } .form_box .submit{width:178px;height:60px;line-height:60px;text-align:center;border-radius:2em;background-color:#0069EA;color:#fff;margin:0 auto;font-size:16px;cursor:pointer;user-select:none} .form_box .submit:hover{opacity:.8} @media (max-width:640px){.form_box .submit{width:160px;height:46px;line-height:46px;text-align:center} } .recruit_main{padding-bottom:1rem} .recruit_one{position:relative;margin-bottom:.9rem} @media (min-width:992px){.recruit_one{padding-bottom:.9rem} .recruit_one img{width:74%} .recruit_one .content{position:absolute;right:0;bottom:0;width:50%} } .recruit_one .content{background:#f8f8f8;padding:1rem 5% 1rem} @media (max-width:480px){.recruit_one .content{padding:.6rem 5%} } .recruit_one .content h2{margin-bottom:.3rem} .recruit_one .content .info{font-size:20px;line-height:1.8} .recruit_one .content .info p{margin-bottom:.2rem} @media (max-width:1360px){.recruit_one .content .info{font-size:18px} } @media (max-width:768px){.recruit_one .content .info{font-size:15px} } .recruit_two{margin-bottom:.9rem} .recruit_two h2{margin:.5rem 0;} .recruit_two .swiper_recruit{padding-bottom:1.2rem;position:relative} @media (min-width:1200px){.recruit_two .swiper_recruit{margin-left:-0.31rem;margin-right:-0.31rem} } @media (max-width:1360px){.recruit_two .swiper_recruit{margin-left:-0.24rem;margin-right:-0.24rem} } @media (max-width:992px){.recruit_two .swiper_recruit{margin-left:-0.14rem;margin-right:-0.14rem} } .recruit_two .swiper_recruit .pnexts{width:1.24rem;position:absolute;left:50%;transform:translateX(-50%);z-index:5;bottom:0;height:.6rem} @media (max-width:640px){.recruit_two .swiper_recruit .pnexts{width:70px} .recruit_two .swiper_recruit .pnexts .pnext{width:30px;height:30px;font-size:12px} } .recruit_two .swiper_recruit .pnexts .swiper-button-prev{left:0} .recruit_two .swiper_recruit .pnexts .swiper-button-next{right:0} .recruit_two .swiper_recruit .pnext{width:.48rem;height:.48rem;border-radius:50%;z-index:555;background-color:#f8f8f9;font-size:14px;color:#333;font-weight:bold} .recruit_two .swiper_recruit .pnext::after{font-size:inherit} .recruit_two .swiper_recruit .pnext:hover{background-color:#0069EA;color:#fff} .recruit_two li{width:33.33%} @media (max-width:640px){.recruit_two li{width:50%} } .recruit_two li .inner{margin:0 .31rem;background:#f8f8f8} @media (max-width:1360px){.recruit_two li .inner{margin:0 .24rem} } @media (max-width:992px){.recruit_two li .inner{margin:0 .14rem} } .recruit_two li .tit{line-height:.8rem;padding:0 .4rem;font-size:.2rem} @media (max-width:1200px){.recruit_two li .tit{font-size:20px} } @media (max-width:992px){.recruit_two li .tit{font-size:18px} } @media (max-width:640px){.recruit_two li .tit{font-size:16px} } .recruit_three{background:url('../images/zp05.jpg') no-repeat center center;background-size:cover;padding:1rem 0 2.3rem} @media (max-width:639px){.recruit_three{padding-bottom:1.5rem} } .recruit_three h2{margin-bottom:1rem} @media (min-width:640px){.recruit_three .bd{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .recruit_three .bd .item{width:46%} } @media (min-width:640px) and (max-width:768px){.recruit_three .bd .item{width:48%} } .recruit_three .item{background:#fff;position:relative;padding:.5rem 1.1rem .68rem .5rem} @media (max-width:639px){.recruit_three .item{margin-bottom:.4rem} } .recruit_three .item h3{font-size:.32rem;margin-bottom:.7rem} @media (max-width:768px){.recruit_three .item h3{font-size:26px} } @media (max-width:640px){.recruit_three .item h3{margin-bottom:.4rem;font-size:22px} } .recruit_three .item .to{border:1px solid #0069EA;border-radius:2em;color:#0069EA;width:1.8rem;height:.5rem;line-height:.5rem;text-align:center;font-size:16px;display:block} .recruit_three .item .to:hover{background-color:#0069EA;color:#fff} @media (max-width:640px){.recruit_three .item .to{font-size:14px;height:auto;line-height:32px;width:120px} } .recruit_three .item .ic1{background:url('../images/ic_zp1.png') no-repeat center center} .recruit_three .item .ic2{background:url('../images/ic_zp2.png') no-repeat center center} .recruit_three .item .icon{width:1.5rem;height:1.5rem;width:24%;position:absolute;right:15%;top:50%;transform:translateY(-50%);background-size:contain} @media (max-width:992px){.recruit_three .item .icon{right:10%} } .gs_introduce{padding-bottom:1.3rem} @media (min-width:1200px){.gs_introduce .top{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .gs_introduce .top .content,.gs_introduce .top .img{width:47%} } .gs_introduce .top h2{margin-bottom:.3rem} .gs_introduce .top .txt{font-size:16px;line-height:2.1;color:#666} .gs_introduce .top .txt p+p{margin-top:1em} @media (max-width:1360px){.gs_introduce .top .txt{font-size:15px;line-height:1.8} } @media (max-width:1199px){.gs_introduce .top .txt{margin-bottom:.5rem} } .gs_introduce .datas{display:flex;margin-top:.8rem;align-items:center} @media (min-width:640px){.gs_introduce .datas{justify-content:space-between} .gs_introduce .datas .line{width:1px;height:.76rem;background:#f8f8f8;display:block} } @media (max-width:639px){.gs_introduce .datas{flex-wrap:wrap} .gs_introduce .datas .item{width:48%;margin-bottom:.4rem} .gs_introduce .datas .item .val{margin-bottom:4px} } .gs_introduce .datas .item .val{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;color:#0069EA;font-weight:bold;font-size:.4rem} .gs_introduce .datas .item .val em{font-size:.7rem} .gs_introduce .datas .item .val span{padding-left:3px} .gs_introduce .datas .item .val *{display:block} .gs_introduce .datas .item .tit{font-size:18px;padding-left:4px} @media (max-width:640px){.gs_introduce .datas .item .tit{font-size:16px} } .gs_introduce .datas .item:nth-child(2) .tit,.gs_introduce .datas .item:nth-child(3) .tit{padding-left:10px} .gs_step{background:url('../images/fzbg.jpg') no-repeat center center;background-size:cover;padding:.78rem 0 1.3rem} .gs_step h2{margin-bottom:.56rem} .gs_step .swiper_step li{display:flex} .gs_step .navbox{display:flex;position:relative;padding:0 .68rem;font-family:medium} .gs_step .pnext{width:.48rem;height:.48rem;border-radius:50%;background-color:#0069EA;color:#fff;font-size:14px;top:7px} @media (max-width:992px){.gs_step .pnext{top:14px} } .gs_step .pnext::after{font-size:inherit} .gs_step .pnext:hover{background:#333} @media (max-width:480px){.gs_step .pnext{width:26px;height:26px;font-size:12px} } .swiper_step_nav{margin-bottom:.3rem;font-weight:bold;padding-top:7px;position:relative} .swiper_step_nav::before{content:'';display:block;position:absolute;width:100%;border-top:1px dashed #d0d0d0} .swiper_step_nav li{width:10%;font-size:.36rem;color:#999;padding-top:.28rem;position:relative;text-align:center} .swiper_step_nav li::before{content:'';display:block;width:7px;height:7px;position:absolute;left:50%;transform:translateX(-50%);z-index:5;top:-3px;background-color:#d0d0d0;border-radius:50%} @media (max-width:768px){.swiper_step_nav li{width:16%} } .swiper_step_nav .swiper-slide-active{width:50%;text-align:center;font-size:.74rem;color:#333333;line-height:1} .swiper_step_nav .swiper-slide-active::before{background-color:#333333;width:14px;height:14px;top:-7px} @media (max-width:1360px){.swiper_step_nav li{font-size:.3rem} .swiper_step_nav .swiper-slide-active{font-size:.6rem} } .swiper_step{margin:0 .68rem} @media (min-width:640px){.swiper_step li{display:flex;align-items:center} .swiper_step .coverbox{width:45%} .swiper_step .info{margin-left:5%;flex:1} } @media (max-width:639px){.swiper_step li{display:block !important} .swiper_step .coverbox{margin:.24rem 0} } .swiper_step .info{display:block} .swiper_step .info .year{font-size:.24rem;font-family:medium} .swiper_step .info .year span{font-size:.6rem;padding-right:4px;font-weight:bold;position:relative;top:1px} .swiper_step .txt{font-size:.2rem;line-height:1.8;color:#666;max-width:5.8rem;margin-top:.2rem} @media (max-width:640px){.swiper_step .year{display:none} .swiper_step .txt{font-size:15px} } .gs_cultrue{background:url('../images/gsbg2.jpg') no-repeat center center;background-size:cover;color:#fff} @media (max-width:991px){.gs_cultrue{padding:1rem 0} .gs_cultrue h2{margin-bottom:.6rem;text-align:center} } @media (min-width:992px){.gs_cultrue h2{margin-bottom:2.6rem} .gs_cultrue .wrap{height:8.78rem;position:relative;padding:1.2rem 0 0} .gs_cultrue .bd{position:absolute;left:0;right:0;bottom:0;z-index:55} .gs_cultrue .bd .list{display:flex;align-items:flex-end;overflow:hidden} .gs_cultrue .item{flex:1;border-left:1px solid #fff;padding-left:.46rem;transition:.2s} .gs_cultrue .item *{transition:.2s} } @media (min-width:992px){.gs_cultrue .item{padding-bottom:1.4rem} } @media (max-width:991px){.gs_cultrue .item{margin-bottom:.6rem} } .gs_cultrue .item h3{font-size:.34rem;transition-delay:.1s} @media (max-width:992px){.gs_cultrue .item h3{font-size:24px;margin-top:7px} } @media (max-width:640px){.gs_cultrue .item h3{font-size:20px} } .gs_cultrue .item .ic1{background:url('../../../../../uploads/20230416/e1dbb7a2b231ccd00b875275d6a9bccd.png') no-repeat center center} .gs_cultrue .item .ic2{background:url('../../../../../uploads/20230416/9f661f81973254ad177a9016c9659f06.png') no-repeat center center} .gs_cultrue .item .ic3{background:url('../../../../../uploads/20230416/54f0fd8851333b4767112f8995a26a05.png') no-repeat center center} .gs_cultrue .item .icon{width:.74rem;height:.74rem;display:block;margin-bottom:.1rem;background-size:contain} .gs_cultrue .item .desc{font-size:18px;line-height:2.1;margin-top:.3rem} @media (min-width:992px){.gs_cultrue .item .desc{width:85%;transition-delay:.3s;max-width:440px} } @media (min-width:992px){.gs_cultrue .item .desc{height:0;opacity:0} } @media (max-width:768px){.gs_cultrue .item .desc{font-size:16px} } @media (max-width:480px){.gs_cultrue .item .desc{font-size:15px} } @media (min-width:992px){.gs_cultrue .active{flex:1.5} .gs_cultrue .active .desc{opacity:1;height:1.2rem} } .gs_honor{padding:1.1rem 0 1rem} @media (max-width:480px){.gs_honor{width:100vw} } .gs_honor h2{margin-bottom:.4rem;width:88vw;max-width:1560px;margin-left:auto;margin-right:auto} @media (max-width:639px){.gs_honor h2{width:92vw} } @media (max-width:480px){.gs_honor h2{margin-bottom:.2rem} } .gs_honor .swiper_honor{padding:.4rem 0 1.1rem} @media (max-width:768px){.gs_honor .swiper_honor{padding-bottom:1.5rem} } .gs_honor .swiper_honor li{width:20%} @media (max-width:992px){.gs_honor .swiper_honor li{width:33.33%} } @media (max-width:480px){.gs_honor .swiper_honor li{width:60%} .gs_honor .swiper_honor li .inner{margin:0 10px} } .gs_honor .swiper-slide-active .inner,.gs_honor .swiper-slide-prev .inner,.gs_honor .swiper-slide-next .inner{box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:5} .gs_honor .inner{background:#f8f8f8;text-align:center;position:relative;transition:.6s;padding:0 0 .2rem} .gs_honor .inner::after{content:'';display:block;position:absolute;width:0;height:3px;background-color:#0069EA;left:0;bottom:0;transition:.6s} .gs_honor .inner .imgbox{padding:.6rem;display:block} @media (max-width:1360px){.gs_honor .inner .imgbox{padding:.4rem} } .gs_honor .inner .tit{line-height:.6rem;font-size:20px;border-top:1px solid #eeeeee;margin:0 .2rem} @media (max-width:1680px){.gs_honor .inner .tit{font-size:18px} } @media (max-width:1200px){.gs_honor .inner .tit{font-size:16px} } .gs_honor .swiper-slide-active .inner{background:#fff;position:relative;z-index:555} @media (min-width:640px){.gs_honor .swiper-slide-active .inner{transform:scale(1.1)} } .gs_honor .swiper-slide-active .inner::after{width:100%} .gs_honor .pnexts{width:1.24rem;position:absolute;left:50%;transform:translateX(-50%);z-index:5;bottom:0;height:.6rem} @media (max-width:640px){.gs_honor .pnexts{width:70px} .gs_honor .pnexts .pnext{width:30px;height:30px;font-size:12px} } .gs_honor .pnexts .swiper-button-prev{left:0} .gs_honor .pnexts .swiper-button-next{right:0} .gs_honor .pnext{width:.48rem;height:.48rem;border-radius:50%;z-index:555;background-color:#f8f8f9;font-size:14px;color:#333;font-weight:bold} .gs_honor .pnext::after{font-size:inherit} .gs_honor .pnext:hover{background-color:#0069EA;color:#fff} .swiper_about_product{padding-bottom:.6rem;margin-left:-0.15rem;margin-right:-0.15rem;padding-top:.2rem;position:relative;margin-top:-0.2rem} @media (max-width:480px){.swiper_about_product{margin-left:-0.1rem;margin-right:-0.1rem;padding-bottom:40px} } .swiper_about_product li{width:25%} .swiper_about_product li .product_inner{margin:0 .15rem} @media (max-width:480px){.swiper_about_product li .product_inner{margin:0 .1rem} } @media (max-width:992px){.swiper_about_product li{width:33.33%} } @media (max-width:768px){.swiper_about_product li{width:50%} } .proform{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.4); z-index: 9999999; display: none; } .proform.on{ display: flex; display: -webkit-flex; justify-content: center; align-items: center; } .proform .formbox{ width: 500px; max-width: 90%; padding: 50px; padding-bottom: 65px; background-color: #fff; border-radius: 10px; position: relative; } .proform .close{ position: absolute; top: 20px; right: 20px; width: 26px; height: 26px; cursor: pointer; } .proform .close:before{ content: ""; display: block; width: 100%; height: 1px; background-color: #333; position: absolute; top: 13px; transform: rotateZ(-45deg); } .proform .close:after{ content: ""; display: block; width: 100%; height: 1px; background-color: #333; position: absolute; top: 13px; transform: rotateZ(45deg); } .proform .formbox .title{ font-size: 40px; color: #333; margin-bottom: 15px; } .proform .formbox .proname{ height: 60px; width: 100%; background-color: #f7f7f7; border: 1px solid #d2d2d2; border-radius: 10px; overflow: hidden; line-height: 60px; font-size: 16px; color: #333; margin-bottom: 10px; padding-left: 20px; box-sizing: border-box; } .proform .formbox input{ width: 100%; border-bottom: 1px solid #d2d2d2; padding: 15px 0; font-size: 16px; color: #666; margin-bottom: 10px; } .proform .formbox .des{ padding-top: 10px; font-size: 16px; color: #666; } .proform .formbox form .submitbtn{ display: flex; display: -webkit-flex; align-items: center; justify-content: center; margin-top: 20px; } .proform .formbox form .submitbtn button{ margin: 0 15px; width: 200px; border: none; outline: none; height: 60px; line-height: 60px; border-radius: 10px; background-color: var(--main-color); color: #fff; font-size: 18px; } .proform .formbox form .submitbtn input{ margin: 0 15px; width: 200px; border: none; outline: none; height: 60px; line-height: 60px; border-radius: 30px; background-color: #d0d0d0; color: #fff; padding: 0; font-size: 18px; } .proform .formbox form .submitbtn input[type = submit]{background-color: var(--main-color);} .proform .formbox form .submitbtn input:hover{ background-color: var(--main-color); }