/* CSS Reset */ #think_page_trace_open{ /* display: none; */} html{-webkit-text-size-adjust:none; width: 100%; max-width: 100%;font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;font-size: 16px;} body{color: #222222;overflow-x:hidden;margin:0; padding:0; line-height: 1; font-family:Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; width: 100%; max-width: 100%;} input,select,textarea {border-radius: 0;outline: none; font:14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; border: 0; padding: 0; margin: 0;} input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;} a{font-size: 14px;text-decoration:none;color: #222222;} img{ vertical-align: top; max-width: 100%; margin: 0; padding: 0; border: 0;} *{ box-sizing: border-box;} .notblue{-moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none;} a{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} a:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} ::after,::before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;box-sizing: border-box;} .MoShow { display:none;} html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; line-height: 1;} p { margin: 0; padding: 0; border: 0; vertical-align: baseline; } .ohidden{ overflow: hidden;} .m-header-nav {display:none;} .IBg{ background: #031537;} .tra{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 2s ease 0s;-webkit-transform:all 2s ease 0s;} .tra:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;transition:all 2s ease 0s;-webkit-transform:all 2s ease 0s;} .tra2 img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 2s ease 0s;-webkit-transform:all 2s ease 0s;} .tra2:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;transition:all 2s ease 0s;-webkit-transform:all 2s ease 0s;} .tra3 .simg{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 2s ease 0s;-webkit-transform:all 2s ease 0s;} .tra3:hover .simg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;transition:all 2s ease 0s;-webkit-transform:all 2s ease 0s;} .dflex{ display: flex;} .jccenter{ justify-content: center;} input[type="submit"],input[type="button"],input[type="radio"],input[type="checkbox"]{ cursor: pointer;} .notBlue{-moz-user-select: none; /* 火狐 */ -webkit-user-select: none; /* webkit浏览器 */ -ms-user-select: none; /* IE10 */ -khtml-user-select: none; /* 早期浏览器 */ user-select: none;} .clamp1{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .clamp2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .clamp3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .clamp4{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } /* 滚动条 */ .ovyscroll.left{direction: rtl;overflow-y: auto;} .ovyscroll.left > * {direction: ltr;} .ovyscroll{overflow-y: auto;} .ovyscroll::-webkit-scrollbar-track{background-color:#e5e5e;border-radius:100px;} .ovyscroll::-webkit-scrollbar-thumb{background:#ccc;;border-radius:100px;} .ovyscroll::-webkit-scrollbar-button{background-color: #ffffff;display: none;border-radius:100px;} .ovyscroll::-webkit-scrollbar-corner{background-color: #ffffff;border-radius:100px;} .ovyscroll::-webkit-scrollbar{width: 5px;height: 0px;border-radius:100px;} .ovxscroll{overflow-x: auto;} .ovxscroll::-webkit-scrollbar-track{background-color:#e5e5e;border-radius:100px;} .ovxscroll::-webkit-scrollbar-thumb{background:#ccc;;border-radius:100px;} .ovxscroll::-webkit-scrollbar-button{background-color: #ffffff;display: none;border-radius:100px;} .ovxscroll::-webkit-scrollbar-corner{background-color: #ffffff;border-radius:100px;} .ovxscroll::-webkit-scrollbar{width: 0;height: 5px;border-radius:100px;} .FWBolder{ font-weight: bolder;} .FWBold{ font-weight: bold;} .FW500{ font-weight: 500;} .content_list_video{display:none; position: fixed; left:0; top:0; z-index: 1250; width: 100%; height: 100%;} .content_list_video.on{display:block;} .content_list_video .list_video_bg{position:fixed;background:rgba(0,0,0,.8);left:0;top:0;width:100%;height:100%;z-index:120;} .content_list_video .list_video_content{ width:1000px; max-width: 90%; position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:121;} .content_list_video .list_video_content .video_content_close{cursor:pointer;position:fixed;right:0;top:-35px;} .content_list_video .list_video_content .video_content_close span{color:#fff;font-size:25px;} .content_list_video .list_video_content video{width:100%;} .click_video{cursor:pointer;} /* 弹窗样式 Start */ .message_box{position: fixed; top: 0; bottom: 0; left: 0; right: 0;margin: 0; padding: 0; border: 0;z-index: 999999999;} .message_box .message_box_bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);display: flex; align-items: center; justify-content: center;opacity: 0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;transition:opacity .2s ease;z-index: 999999999;} .message_box .message_box_content{width: 18%;vertical-align: middle; background-color: #fff; border-radius: 4px; border: 1px solid #ebeef5; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); text-align: left; overflow: hidden; backface-visibility: hidden;} .message_box .message_box_content .content_top{position: relative; padding: 15px 15px 10px;display: flex; align-items: center; justify-content: space-between;} .message_box .message_box_content .content_top .content_top_title{padding-left: 0; margin-bottom: 0; font-size: 18px; line-height: 1; color: #303133;} .message_box .message_box_content .content_top .content_top_close{width: 15px; height: 15px; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center;} .message_box .message_box_content .content_top .content_top_close .top_close_li{width: 1px; height: 13px; border-radius: 100px;background-color: #909399; position: absolute; top: auto; right: auto; bottom: auto; left: auto;-webkit-transition:background-color .35s ease;-moz-transition:background-color .35s ease;transition:background-color .35s ease;} .message_box .message_box_content .content_top .content_top_close .top_close_left{transform: rotate(45deg);} .message_box .message_box_content .content_top .content_top_close .top_close_right{transform: rotate(315deg);} .message_box .message_box_content .content_top .content_top_close:hover .top_close_li{background: #de6c00;} .message_box .message_box_content .content_center{padding: 5px 15px;} .message_box .message_box_content .content_center p{line-height: 1.5;color: #606266; font-size: font-size: 14px;;} .message_box .message_box_content .content_center input{width: 100%; font-size: font-size: 14px;; padding: 5px; border: 1px solid #606266; border-radius: 4px; color: #606266; } .message_box .message_box_content .content_center input:focus{border-color: #244d9a;} .message_box .message_box_content .content_bottom{padding: 10px 15px 15px 15px;text-align: right;} .message_box .message_box_content .content_bottom .content_bottom_btns{display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #244d9a; border: 1px solid #244d9a; color: #fff; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0;font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 9px 16px; font-size: 12px; border-radius: 4px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .message_box .message_box_content .content_bottom .content_bottom_btns:hover{border-color: #de6c00; background-color: #de6c00;} .pcpopup .message_box_content .content_bottom .content_bottom_btns.no{margin-right: 12px;} .pcpopup .message_box_content .content_bottom .content_bottom_btns.no{border-color:#c1c1c1;background-color: #c1c1c1;color: #ffffff;} .pcpopup .message_box_content .content_bottom .content_bottom_btns.no:hover{border-color: #aaaaaa; background-color: #aaaaaa;} .prompts .message_box_content .content_top .content_top_title{font-size: 17px;} .prompts .message_box_content .content_center{padding: 8px 15px;} .message_box .message_box_bg.on{opacity: 1;} .notice_box{display: flex; width: 330px; border-radius: 8px; box-sizing: border-box; border: 1px solid #ebeef5; position: fixed; right: 20px; background-color: #fff; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s; overflow: hidden;z-index: 999999999;} .notice_box .notice_box_content{width: 100%;} .notice_box .notice_box_content .content_top{position: relative; padding: 18px 18px 7px 18px;display: flex; align-items: center; justify-content: space-between;} .notice_box .notice_box_content .content_top .content_top_title{padding-left: 0; margin-bottom: 0; font-size: 18px; line-height: 1; color: #303133;} .notice_box .notice_box_content .content_top .content_top_close{width: 15px; height: 15px; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center;} .notice_box .notice_box_content .content_top .content_top_close .top_close_li{width: 1px; height: 13px; border-radius: 100px;background-color: #909399; position: absolute; top: auto; right: auto; bottom: auto; left: auto;-webkit-transition:background-color .35s ease;-moz-transition:background-color .35s ease;transition:background-color .35s ease;} .notice_box .notice_box_content .content_top .content_top_close .top_close_left{transform: rotate(45deg);} .notice_box .notice_box_content .content_top .content_top_close .top_close_right{transform: rotate(315deg);} .notice_box .notice_box_content .content_top .content_top_close:hover .top_close_li{background: #244d9a;} .notice_box .notice_box_content .content_btm{padding: 8px 18px 18px 18px;} .notice_box .notice_box_content .content_btm p{color: #606266; font-size: 14px;} @media screen and (max-width:3820px){.message_box .message_box_content{width: 17%;}} @media screen and (max-width:2490px){.message_box .message_box_content{width: 18%;}} @media screen and (max-width:1920px){.message_box .message_box_content{width: 20%;}.message_box .message_box_content .content_bottom .content_bottom_btns{padding: 8px 15px;font-size: 12px;}} @media screen and (max-width:1740px){.message_box .message_box_content{width: 21%;}} @media screen and (max-width:1680px){.message_box .message_box_content{width: 22%;}} @media screen and (max-width:1560px){.message_box .message_box_content{width: 23%;}} @media screen and (max-width:1440px){.message_box .message_box_content{width: 25%;}} @media screen and (max-width:1366px){.message_box .message_box_content{width: 27%;}} @media screen and (max-width:1280px){.message_box .message_box_content{width: 28%;}} @media screen and (max-width:1240px){.message_box .message_box_content{width: 29%;}} @media screen and (max-width:1024px){.message_box .message_box_content{width: 30%;}} @media screen and (max-width:980px){.message_box .message_box_content{width: 38%;}} @media screen and (max-width:800px){.message_box .message_box_content{width: 70%;border-radius: 5px;}.message_box .message_box_content .content_top{padding: 12px 12px 10px;}.message_box .message_box_content .content_center{padding: 7px 12px;}.message_box .message_box_content .content_center{padding: 6px 12px;}.message_box .message_box_content .content_bottom{padding: 5px 12px 12px 12px;}.message_box .message_box_content .content_bottom .content_bottom_btns{padding: 8px 15px;font-size: 13px;border-radius: 5px;}} /* 弹窗样式 End */ .scrollable{overflow:auto} .scrollable::-webkit-scrollbar{width:6px;height:6px} .scrollable::-webkit-scrollbar-thumb{border-radius:5px;background:#ddd} .scrollable::-webkit-scrollbar-thumb:hover{border-radius:5px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#a1a1a1} .scrollable::-webkit-scrollbar-track{border-radius:5px;background:#f6f6f6} .search{position:fixed;width:100%;height:100%;left:0;top:0;right:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:1250;} .search .search_bg{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;} .search .search_bg .search_content{width:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);filter:scale(0);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;opacity:1;} .search .search_bg.on .search_content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;opacity:1;} .search .search_content .search_content_top{position:relative;} .search .search_content .search_content_top .search_close{position:absolute;right:0;top:-50px;color:#fff;font-size:30px;} .search .search_content .search_content_bottom{display:flex;align-items:center;justify-content:center;position:relative;border-radius:100px;overflow:hidden;} .search .search_content input[type="search"]{width:80%;background:inherit;height:80px;font-size:16px;color:#333;padding:0px 20px;z-index:1;position:relative;background:#fff;border:0px;} .search .search_content input[type="submit"]{width:20%;height:80px;font-size:16px;z-index:1;position:relative;color:#111;cursor:pointer;color:#fff;background:#fa4616;border:0px;} .pc_all .pc_all_content{ width: 1400px; margin: 0 auto; max-width: 90%;} .pc_all *{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease;} .pc_all *:hover{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease;} .pc_all2 .pc_all_content{ padding: 0 40px; margin: 0 auto;} .pc_all2 *{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease;} .pc_all2 *:hover{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease;} .bgcolor{ background: #f5f5f5;} .page{width: 100%;} .layui-laypage{display: flex;font-size:16px; color:#333; align-items: center; justify-content:center;} .layui-laypage a{font-size:16px;color:#333;height:40px;width:40px;text-align:center;border:#dbdbdb solid 2px;margin:0 10px;background:#fff;border-radius:100%;display:flex;align-items:center;justify-content:center} .layui-laypage-curr{border:#fa4616 solid 2px;color:#fa4616;font-size:16px;background:#fff;height:40px;width:40px;text-align:center;margin:0 10px;border-radius:100%;display:flex;align-items:center;justify-content:center} .layui-laypage-curr em,.layui-laypage-disabled em{font-style:inherit} .layui-laypage-disabled{font-size:16px;color:#333;height:40px;text-align:center;border:#dbdbdb solid 2px;margin:0 10px;background:#fff;border-radius:100%;width:40px;align-items:center;display:flex;align-items:center;justify-content:center} .layui-laypage-disabled:hover{border:#fa4616 solid 2px;color:#fa4616} .layui-laypage a:hover{border:#fa4616 solid 2px;color:#fa4616} .layui-laypage-count{display:none} .floatingBox{position: fixed; right: 20px; bottom: 64px; background-color: #fff; width: 40px; border-bottom-left-radius: 22px; border-bottom-right-radius: 22px; border-top-left-radius: 22px; border-top-right-radius: 22px; z-index: 2; box-shadow: 0 2px 21px rgba(0,0,0,.1);} .floatingBox .floatingBox_list{width: 40px; height: 40px; line-height: 40px; text-align: center; background: #fff; border-radius: 40px; display: flex; align-items: center; justify-content: center; transition: all .3s;color: #bfbfbf;position: relative;} .floatingBox .floatingBox_list .floatingBox_list_icon{width: 30px; height: 30px;} .floatingBox .floatingBox_list .floatingBox_list_icon svg{fill: #bfbfbf;width: 100%;height: 100%;} .floatingBox .floatingBox_list .floatingBox_list_down{min-width: 100px;width: auto; right: 55px; position: absolute; top: 50%; transform: translateY(-50%); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); display: none;} .floatingBox .floatingBox_list .floatingBox_list_down .list_down_box{width: 100%;padding: 15px 18px;background: white;border-radius: 5px;position: relative;} .floatingBox .floatingBox_list .floatingBox_list_down .down_box_dd{font-weight: 600;margin-bottom: 10px;color: #666;text-align: left;} .floatingBox .floatingBox_list .floatingBox_list_down .down_box_dt{white-space: nowrap;color: #999;} .floatingBox .floatingBox_list .floatingBox_list_down .down_box_img{width: 140px;height: 140px;} .floatingBox .floatingBox_list .floatingBox_list_down .down_box_img img{width: 100%;height: 100%;} .floatingBox .floatingBox_list .floatingBox_list_down .list_down_box:before{content:'';position:absolute;right:-14px;top:50%;transform:translateY(-50%);border:7px solid transparent;border-left-color:white;} .floatingBox .floatingBox_list:hover .floatingBox_list_icon svg{fill: #fa4616;} .floatingBox .floatingBox_list:hover .floatingBox_list_down{display: flex;} .hidden{opacity:0;display:none;transition:500ms} .show{opacity:1 !important;transition:500ms;z-index:2} .Header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 9999999999; background: #fff; display: flex; align-items: center; justify-content: space-between; height: 100px; padding: 0px 50px; box-shadow: 0px 0px 15px rgba(0,0,0,.1);} .Header .Header_logo img{ height: 51px;} .Header .Header_right{ display: flex; align-items: center;} .Header .Header_right .Header_nav{margin-right: 60px;display: flex; align-items: center;} .Header .Header_right .Header_nav .Header_nav_list{padding:40px 25px;position: relative;} .Header .Header_right .Header_nav .Header_nav_list .Header_nav_title{} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down{height: 610px;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box{height: 100%;display: flex;align-items: flex-start;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .down_box_list{padding: 0;height: 100%;width: 310px;overflow: auto;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;position: relative;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .down_box_list .box_list_li{width: 100%;padding: 14px 12%; cursor: pointer;background: #f9f9f9;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .down_box_list .box_list_li.on{color: #fa4616;background: #ffffff;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .down_box_list .box_list_li .list_li_li.on{color: #fa4616;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .one{background: #f9f9f9;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .two{background: #ffffff;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .two .box_list_li{display: none;position: absolute;left: 0;top: 0;]0;]0;];flex-direction: column;align-items: flex-start;justify-content: flex-start;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .two .box_list_li a{padding: 12px 12%; cursor: pointer;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .three{width: 50vw;padding: 50px;flex: 1;background: #fff;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .three .box_list_li{width: 100%; --aspect-ratio2: 41.5%;padding: 0;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .three .box_list_li .list_li_thumb{padding-top: 41.5%;position: relative; vertical-align: top; width: 100%;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .three .box_list_li .list_li_thumb img{position: absolute; left: 0; top: 0; height: 100%; width: 100%;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .three .box_list_li .list_li_info{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 20px 1vw; background: #e1e1e1;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .three .box_list_li .list_li_info .li_info_title{} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .three .box_list_li .list_li_info .li_info_link{display: flex;align-items: center;padding: 0 15px; height: 34px; line-height: 34px; text-align: center; border-radius: 34px; color: #fff; background: #fa4616;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .three .box_list_li .list_li_info .li_info_link .info_link_txt{margin-right: 8px;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .three .box_list_li .list_li_info .li_info_link img{width: auto;height: 11px;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .down_box_list .box_list_li.on{display: flex;} .Header .Header_right .Header_nav .Header_nav_list .Header_nav_down{position: absolute; top: 99px; width: auto; left: 50%; transform: translateX(-50%); display: none;padding: 0; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2); white-space: nowrap;} .Header .Header_right .Header_nav .Header_nav_list .Header_nav_down{display: none;} .Header .Header_right .Header_nav .Header_nav_list .Header_nav_down .nav_down_box{padding: 10px 0;display: flex;align-items: center;flex-direction: column;justify-content: center;} .Header .Header_right .Header_nav .Header_nav_list .Header_nav_down .nav_down_box a{padding: 12px 20px;display: inline-block;} .Header .Header_right .Header_nav .Header_nav_list .Header_nav_down .nav_down_box a:hover{color: #fa4616;} .Header .Header_right .Header_nav .Header_nav_list:after{content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 70%; height: 4px; transition: all .3s; background: transparent;} /* .Header .Header_right .Header_nav .Header_nav_list:nth-child(2) .Header_nav_down{position: fixed;} */ .Header .Header_right .Header_nav .Header_nav_list:hover .Header_nav_down{display: block;} .Header .Header_right .Header_nav .Header_nav_list:hover:after{background: #fa4616;} .Header .Header_right .Header_right_list{padding:40px 0;position: relative;} .Header .Header_right .Header_right_lang{position: relative;margin-right: 30px;} .Header .Header_right .Header_right_lang .right_list_icon{display: flex;align-items: center;} .Header .Header_right .Header_right_lang .right_list_icon img:first-child{width: auto;height: 22px;} .Header .Header_right .Header_right_lang .right_list_icon img:last-child{width: auto;height: 6px;} .Header .Header_right .Header_right_lang .right_list_icon .list_icon_txt{margin: 0 6px 0 8px;} .Header .Header_right .Header_right_lang .right_lang_down{position: absolute; top: 90%; width: auto; left: 50%; transform: translateX(-50%); display: none;padding: 0 15px; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2); white-space: nowrap;} .Header .Header_right .Header_right_lang .right_lang_down .lang_down_padding{padding: 8px;display: flex;align-items: center;flex-direction: column;justify-content: center;} .Header .Header_right .Header_right_lang .right_lang_down .lang_down_padding a{padding: 10px 20px;display: inline-block;font-size: inherit;} .Header .Header_right .Header_right_lang .right_lang_down .lang_down_padding a:hover{color: #fa4616;} .Header .Header_right .Header_right_lang:hover .right_lang_down{display: block;} .Header .Header_right .Header_right_search{cursor: pointer;} .Header .Header_right .Header_right_search .right_list_icon{} .Header .Header_right .Header_right_search .right_list_icon img{width: auto;height: 20px;} .Header .Header_right .Header_right_menu{} .Header .Header_right .Header_right_menu .right_menu_btn{position: relative; z-index: 1; margin-left: 44px; height: 25px; display: flex; cursor: pointer; justify-content: space-around; align-items: center; flex-direction: column;} .Header .Header_right .Header_right_menu .right_menu_btn:after,.Header .Header_right .Header_right_menu .right_menu_btn:before{content:""} .Header .Header_right .Header_right_menu .right_menu_btn:after,.Header .Header_right .Header_right_menu .right_menu_btn:before,.Header .Header_right .Header_right_menu .right_menu_btn span{display:block;width:24px;height:2px;background:#000;transition:all .3s} .Header .Header_right .Header_right_menu .right_menu_btn.open span{opacity:0} .Header .Header_right .Header_right_menu .right_menu_btn.open:before{transform:translateY(8px) rotate(45deg)} .Header .Header_right .Header_right_menu .right_menu_btn.open:after{transform:translateY(-8px) rotate(-45deg)} .Header .Header_right .Header_right_menu .right_menu_mian{width: 100%;height: 100vh;display: none;position: absolute;left: 0;top: 0;opacity: 0;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_mian_box{width: 100%;height: 100%;display: flex;align-items: center;justify-content: space-between;overflow: hidden;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_thumb{width: 50%;height: 100%;display: inline-block;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_thumb img{width: 100%;height: 100%;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content{width: 50%;height: 100%;position: relative;overflow: auto; padding: 90px 3vw 3vw;display: inline-block;background: white;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_top{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_top .content_top_list{width: 33.33333%;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_top .content_top_list dl{margin-bottom: 30px;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_top .content_top_list dl dt{padding-bottom: 20px;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_top .content_top_list dl dt a{font-weight: 700;color: #333;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_top .content_top_list dl dd{margin-left: 5px; line-height: 40px; border-left: 1px solid #dadada; padding-left: 40px;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_top .content_top_list dl dd a{color: #333;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_top .content_top_list a:hover{color: #fa4616;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom{padding: 90px 0 60px;display: flex;align-items: center;justify-content: space-between;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left{display: flex;align-items: center;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left .content_left_lang{position: relative;margin-right: 20px;cursor: pointer;padding: 15px 10px;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left .content_left_lang .right_list_icon{display: flex;align-items: center;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left .content_left_lang .right_list_icon img:first-child{width: auto;height: 22px;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left .content_left_lang .right_list_icon img:last-child{width: auto;height: 6px;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left .content_left_lang .right_list_icon .list_icon_txt{margin: 0 6px 0 8px;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left .content_left_lang .left_lang_down{position: absolute; top: -80px; width: auto; left: 50%; transform: translateX(-50%); display: none;padding: 0 15px; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2); white-space: nowrap;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left .content_left_lang .left_lang_down .lang_down_padding{padding: 8px 0;display: flex;align-items: center;flex-direction: column;justify-content: center;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left .content_left_lang .left_lang_down .lang_down_padding a{padding: 10px 10px;display: inline-block;font-size: inherit;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left .content_left_lang .left_lang_down .lang_down_padding a:hover{color: #fa4616;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left .content_left_lang:hover .left_lang_down{display: block;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left .content_left_search{cursor: pointer;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left .content_left_search .right_list_icon{} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left .content_left_search .right_list_icon img{width: auto;height: 20px;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_right{display: flex;align-items: center;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_right .bottom_right_li{position: relative;margin-right: 10px;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_right .bottom_right_li{position: relative;margin-right: 10px;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_right .bottom_right_li .right_li_icon{} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_right .bottom_right_li .right_li_icon img{width: auto;height: 32px;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_right .bottom_right_li .right_li_down{position: absolute;display: none;top: -130px;left: 50%;transform: translateX(-50%);} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_right .bottom_right_li .right_li_down .li_down_box{} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_right .bottom_right_li .right_li_down .li_down_box .down_box_qrcode{width: 120px;height: auto;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_right .bottom_right_li .right_li_down .li_down_box .down_box_qrcode img{width: 100%;height: auto;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_right .bottom_right_li:last-child{margin-right: 0;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_right .bottom_right_li:hover .right_li_down{display: block;} .banner{ position: relative;margin-top:100px;} /* .banner .banner_img{ position: relative;z-index: 2;} .banner .banner_img .banner_list{ position: relative;} .banner .banner_img .banner_list .banner_list_img img{ width: 100%; height: 100vh; object-fit: cover;} .banner .banner_img .swiper-pagination{ position: absolute; bottom: 20px; left: 0; width: 100%; display: flex; align-items: center; justify-content: center;} .banner .banner_img .swiper-pagination span{ background: #fff; width: 8px; height: 8px; margin: 0px 5px; position: relative; display: flex; align-items: center; justify-content: center;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s; opacity: 0.6;} .banner .banner_img .swiper-pagination span.swiper-pagination-bullet-active{ opacity: 1;background: #fa4616;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .banner .banner_img .swiper-button-li{width: 48px; height: 48px; line-height: 48px; border-radius: 50px; background: #000; opacity: .45;right: 10px;left: auto;} .banner .banner_img .swiper-button-li::after{display: none;} .banner .banner_img .swiper-button-li img{width: auto;height: 20px;} .banner .banner_img .swiper-button-prev{top: calc(50% - 35px);} .banner .banner_img .swiper-button-next{top: calc(50% + 35px);} */ .banner .keyvisual-inner{height:1080px;position:relative;} .banner .keyvisual-inner .keyvisual-image{height:100%;position:relative;overflow:hidden} @media print,screen and (max-width:768px){.banner .keyvisual-inner .keyvisual-image{height:100%;}} .banner .keyvisual-inner .keyvisual-image .image-inner{position:absolute;top:0;bottom:0;left:0;right:0} .banner .keyvisual-inner .keyvisual-image .image-inner .img-bg{background:center no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:-1000px;right:50%;overflow:hidden;-webkit-transform:skew(-45deg);transform:skew(-45deg)} .banner .keyvisual-inner .keyvisual-image .image-inner .img-bg .bg-obj{-webkit-transform:skew(45deg);transform:skew(45deg);-webkit-transform-origin:25% center;transform-origin:25% center;background:center no-repeat;background-size:cover;position:absolute;top:0;bottom:0;right:-50vw;width:100vw} .banner .keyvisual-inner .keyvisual-image .image-inner .image-filter{position:absolute;top:-25vw;bottom:-25vw;left:-250vw;right:50%;overflow:hidden;-webkit-transform:skew(-45deg);transform:skew(-45deg)} .banner .keyvisual-inner .keyvisual-image .image-inner .image-filter .filter-obj{background-color:#91001f;position:absolute;top:-100%;bottom:-100%;left:-100%;right:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:right center;transform-origin:right center;-webkit-transition:all .5s ease-out;transition:all .5s ease-out} .banner .keyvisual-inner .keyvisual-image .image-inner .image-filter .filter-obj.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)} .banner .keyvisual-inner .keyvisual-image .image-inner.image-right .img-bg{right:-1000px;left:50%} .banner .keyvisual-inner .keyvisual-image .image-inner.image-right .img-bg .bg-obj{left:-50vw;-webkit-transform-origin:75% center;transform-origin:75% center} .banner .keyvisual-inner .keyvisual-image .image-inner.image-right .image-filter{top:-25vw;bottom:-25vw;right:-250vw;left:calc(50% - 1px)} .banner .keyvisual-inner .keyvisual-image .image-inner.image-right .image-filter .filter-obj{background-color:#222;right:-100%;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:left center;transform-origin:left center} .banner .keyvisual-inner .keyvisual-image .image-inner[data-keyvisual-chemistry-visible=true] .image-filter .filter-obj,.banner .keyvisual-inner .keyvisual-image .image-inner[data-keyvisual-design-visible=true] .image-filter .filter-obj{-webkit-animation-name:keyvisual_open;animation-name:keyvisual_open;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:running;animation-play-state:running} .banner .keyvisual-inner .keyvisual-image .image-inner[data-keyvisual-chemistry-visible=false] .image-filter .filter-obj,.banner .keyvisual-inner .keyvisual-image .image-inner[data-keyvisual-design-visible=false] .image-filter .filter-obj{-webkit-animation-name:keyvisual_close;animation-name:keyvisual_close;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:cubic-bezier(0,0,0,.9);animation-timing-function:cubic-bezier(0,0,0,.9);-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:running;animation-play-state:running} .banner .keyvisual-inner .keyvisual-image .image-inner .img-bg .bg-obj[data-keyvisual-chemistry-zoom=true],.banner .keyvisual-inner .keyvisual-image .image-inner .img-bg .bg-obj[data-keyvisual-design-zoom=true]{-webkit-animation-name:keyvisual_zoom;animation-name:keyvisual_zoom;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:running;animation-play-state:running} .banner .keyvisual-inner .keyvisual-txt{position:absolute;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} @media print,screen and (min-width:768px){.banner .keyvisual-inner .keyvisual-txt{top:0;bottom:20px} }.banner .keyvisual-inner .keyvisual-txt .txt-ttl{color:#fff;font-weight:500;line-height:1;text-align:center} [lang=ja] .banner .keyvisual-inner .keyvisual-txt .txt-ttl{font-family:Noto Sans SC;letter-spacing:.05em} [lang=en] .banner .keyvisual-inner .keyvisual-txt .txt-ttl{font-family:Noto Sans SC;letter-spacing:.05em} [lang=cn] .banner .keyvisual-inner .keyvisual-txt .txt-ttl{letter-spacing:.05em} [lang=cn] .banner .keyvisual-inner .keyvisual-txt .txt-ttl{font-weight:700} @media print,screen and (min-width:768px){.banner .keyvisual-inner .keyvisual-txt .txt-ttl{letter-spacing:.1em;position:relative;margin-bottom: 67px;} }.banner .keyvisual-inner .keyvisual-txt .txt-sub{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content: center;line-height:1.25;letter-spacing:.1em;position:relative;} @media print,screen and (min-width:768px){.banner .keyvisual-inner .keyvisual-txt .txt-sub{padding-right:43px} }.banner .keyvisual-inner .keyvisual-txt .txt-sub .sub-txt{color:#fff;font-weight:500;min-width:40%} [lang=ja] .banner .keyvisual-inner .keyvisual-txt .txt-sub .sub-txt{font-family:Noto Sans SC;letter-spacing:.05em} [lang=en] .banner .keyvisual-inner .keyvisual-txt .txt-sub .sub-txt{font-family:Noto Sans SC;letter-spacing:.05em} [lang=cn] .banner .keyvisual-inner .keyvisual-txt .txt-sub .sub-txt{letter-spacing:.05em} [lang=cn] .banner .keyvisual-inner .keyvisual-txt .txt-sub .sub-txt{font-weight:700} @media print,screen and (min-width:768px){.banner .keyvisual-inner .keyvisual-txt .txt-sub .sub-txt{} }.banner .keyvisual-inner .keyvisual-txt .txt-sub .sub-txt.txt-right{margin-left:13px} @media print,screen and (min-width:768px){.banner .keyvisual-inner .keyvisual-txt .txt-sub .sub-txt.txt-right{margin-left:40px} } .banner .keyvisual-inner .keyvisual-txt .txt-sub .ttl-cross{display:inline-block;padding: 0 60px;} .banner .keyvisual-inner .keyvisual-txt .txt-sub .cross-src-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .banner .keyvisual-inner .keyvisual-txt .txt-sub .cross-src-box .cross-src{display:inline-block;width:20px} @media print,screen and (min-width:768px){.banner .keyvisual-inner .keyvisual-txt .txt-sub .cross-src-box .cross-src{width:36px} }.banner .keyvisual-inner .keyvisual-txt .txt-sub .cross-src-box .cross-src[data-keyvisual-cross=is-anim]{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 1s cubic-bezier(.69,.01,.48,.99);transition:all 1s cubic-bezier(.69,.01,.48,.99)} .banner .keyvisual-inner .keyvisual-txt .txt-copy{color:#fff;text-align:center;line-height:1.5;letter-spacing:.1em;font-weight:500;padding:0 16px} [lang=cn] .banner .keyvisual-inner .keyvisual-txt .txt-copy{font-weight:700} @media print,screen and (min-width:768px){.banner .keyvisual-inner .keyvisual-txt .txt-copy{top:20px;position:relative} }.banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn{position:absolute;background:center no-repeat;background-size:100% auto;bottom:50px;right:160px;border:none;padding:0;margin:0;width:30px;height:30px} .banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn:before{content:"";position:absolute;top:-22px;bottom:-22px;left:-22px;right:-22px;width:44px;height:44px;display:block;margin:auto} @media print,screen and (min-width:768px){.banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn{width:36px;height:36px;bottom:96px;right:229px;-webkit-transition:all .2s ease-out;transition:all .2s ease-out} }.banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn .btn-txt{position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important} .banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn[data-keyvisual-stop_start=start]{background-image:url(../images/svg/i_start_white_on.svg)} .banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn[data-keyvisual-stop_start=stop]{background-image:url(../images/svg/i_stop_white.svg)} [data-whatinput=keyboard] .banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn:focus[data-keyvisual-stop_start=start]{background-image:url(../images/svg/i_start_white.svg)} [data-whatinput=keyboard] .banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn:focus[data-keyvisual-stop_start=stop]{background-image:url(../images/svg/i_stop_white_on.svg)} @media print,screen and (min-width:1025px){.banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn:hover[data-keyvisual-stop_start=start]{background-image:url(../images/svg/i_start_white.svg)} .banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn:hover[data-keyvisual-stop_start=stop]{background-image:url(../images/svg/i_stop_white_on.svg)} }.banner .keyvisual-inner .keyvisual-scroll .scroll-link{cursor: pointer;position:absolute;overflow:hidden;display:block;bottom:20px;width:90px;right:40px} @media print,screen and (min-width:768px){.banner .keyvisual-inner .keyvisual-scroll .scroll-link{bottom:50px;right:50px;left:auto;width:130px} }.banner .keyvisual-inner .keyvisual-scroll .scroll-link::before{content:"";display:block;width:17px;height:16px;background:url(../images/svg/i_arrow-fff.svg) center no-repeat;background-size:100% auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;-webkit-transform:translateY(0) rotateZ(90deg);transform:translateY(0) rotateZ(90deg)} @media print,screen and (min-width:768px){.banner .keyvisual-inner .keyvisual-scroll .scroll-link::before{width:24px;height:22px} }.banner .keyvisual-inner .keyvisual-scroll .scroll-link .link-circle{-webkit-animation-name:scrolldown_circle;animation-name:scrolldown_circle;-webkit-animation-duration:14s;animation-duration:14s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:none;animation-fill-mode:none} [data-whatinput=keyboard] .banner .keyvisual-inner .keyvisual-scroll .scroll-link:focus::before{-webkit-animation-name:arrowLinkBottom;animation-name:arrowLinkBottom;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0;animation-delay:0} @media print,screen and (min-width:1025px){.banner .keyvisual-inner .keyvisual-scroll .scroll-link:hover::before{-webkit-animation-name:arrowLinkBottom;animation-name:arrowLinkBottom;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0;animation-delay:0} }.banner .keyvisual-inner .keyvisual-scroll .scroll-link[data-keyvisual-scroll-anim=true] .link-circle{-webkit-animation-play-state:running;animation-play-state:running} .banner .keyvisual-inner .keyvisual-scroll .scroll-link[data-keyvisual-scroll-anim=false] .link-circle{-webkit-animation-play-state:paused;animation-play-state:paused} .u-box-keyvisual .keyvisual-important .important-inner{padding:30px 16px} @media print,screen and (min-width:768px){.u-box-keyvisual .keyvisual-important .important-inner{max-width:1460px;margin:0 auto 0;padding:0 30px;-webkit-box-sizing:content-box;box-sizing:content-box} }.u-box-keyvisual .keyvisual-important .important-inner .important-wrap{position:relative;background-color:#fff} .u-box-keyvisual .keyvisual-important .important-inner .important-wrap>*:first-child{margin-top:0!important} .u-box-keyvisual .keyvisual-important .important-inner .important-wrap>*:first-child.m-box-section{padding-top:0} .u-box-keyvisual .keyvisual-important .important-inner .important-wrap>*:first-child.m-list-desc.desc-inlineblock{margin-top:-10px!important} @media print,screen and (min-width:768px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>.position-left:first-child+*,.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>.position-right:first-child+*{margin-top:0!important} }@media screen and (max-width:767px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>[data-gs]:first-child [data-gs-col]:first-child>*:first-child{margin-top:0!important} .banner .keyvisual-inner .keyvisual-scroll .scroll-link{right:20px} .banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn{right:130px} }@media print,screen and (min-width:1025px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>[data-gs]:first-child>[data-gs-col="12"]:nth-child(-n+1)>*:first-child{margin-top:0!important} }@media print,screen and (min-width:1025px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>[data-gs]:first-child>[data-gs-col="12"]:nth-child(-n+1)>[data-gs]:first-child>[data-gs-col="12"]:nth-child(-n+1)>*:first-child{margin-top:0!important} }@media print,screen and (min-width:1025px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>[data-gs]:first-child>[data-gs-col="12"]:nth-child(-n+1)>[data-gs]:first-child>[data-gs-col="6"]:nth-child(-n+2)>*:first-child{margin-top:0!important} }@media print,screen and (min-width:1025px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>[data-gs]:first-child>[data-gs-col="6"]:nth-child(-n+2)>*:first-child{margin-top:0!important} }@media print,screen and (min-width:1025px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>[data-gs]:first-child>[data-gs-col="6"]:nth-child(-n+2)>[data-gs]:first-child>[data-gs-col="12"]:nth-child(-n+1)>*:first-child{margin-top:0!important} }@media print,screen and (min-width:1025px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>[data-gs]:first-child>[data-gs-col="6"]:nth-child(-n+2)>[data-gs]:first-child>[data-gs-col="6"]:nth-child(-n+2)>*:first-child{margin-top:0!important} }@media print,screen and (min-width:1025px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>[data-gs]:first-child>[data-gs-col="4"]:nth-child(-n+3)>*:first-child{margin-top:0!important} }@media print,screen and (min-width:1025px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>[data-gs]:first-child>[data-gs-col="4"]:nth-child(-n+3)>[data-gs]:first-child>[data-gs-col="12"]:nth-child(-n+1)>*:first-child{margin-top:0!important} }@media print,screen and (min-width:1025px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>[data-gs]:first-child>[data-gs-col="4"]:nth-child(-n+3)>[data-gs]:first-child>[data-gs-col="6"]:nth-child(-n+2)>*:first-child{margin-top:0!important} }@media print,screen and (min-width:1025px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>[data-gs]:first-child>[data-gs-col="3"]:nth-child(-n+4)>*:first-child{margin-top:0!important} }@media print,screen and (min-width:1025px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>[data-gs]:first-child>[data-gs-col="3"]:nth-child(-n+4)>[data-gs]:first-child>[data-gs-col="12"]:nth-child(-n+1)>*:first-child{margin-top:0!important} }@media print,screen and (min-width:1025px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>[data-gs]:first-child>[data-gs-col="3"]:nth-child(-n+4)>[data-gs]:first-child>[data-gs-col="6"]:nth-child(-n+2)>*:first-child{margin-top:0!important} }@media print,screen and (min-width:1025px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>[data-gs-group]:first-child>[data-gs-col]>*:first-child{margin-top:0!important} }@media screen and (min-width:768px) and (max-width:1024px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>[data-gs-group]:first-child[data-gs-tab="1"]>[data-gs-col]:first-child>*:first-child{margin-top:0!important} }@media screen and (min-width:768px) and (max-width:1024px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap>[data-gs-group]:first-child[data-gs-tab="2"]>[data-gs-col]:nth-child(-n+2)>*:first-child{margin-top:0!important} }@media print,screen and (min-width:768px){.u-box-keyvisual .keyvisual-important .important-inner .important-wrap{margin-top:-110px;background-color:#8f001f;color:#fff;width:220px;height:220px;padding:10px 50px} }@-webkit-keyframes keyvisual_zoom{0%{-webkit-transform:skew(45deg);transform:skew(45deg)} 100%{-webkit-transform:scale(1.2) skew(45deg);transform:scale(1.2) skew(45deg)} }@keyframes keyvisual_zoom{0%{-webkit-transform:skew(45deg);transform:skew(45deg)} 100%{-webkit-transform:scale(1.2) skew(45deg);transform:scale(1.2) skew(45deg)} }@-webkit-keyframes keyvisual_open{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)} 100%{-webkit-transform:rotate(0);transform:rotate(0)} }@keyframes keyvisual_open{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)} 100%{-webkit-transform:rotate(0);transform:rotate(0)} }@-webkit-keyframes keyvisual_close{0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)} }@keyframes keyvisual_close{0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)} }@-webkit-keyframes scrolldown_circle{0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)} }@keyframes scrolldown_circle{0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)} }.instaPost .postList{margin:0 -1.5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} @media print{.instaPost .postList{display:block;letter-spacing:-.4em} }@media print,screen and (min-width:1025px){.instaPost .postList{margin:0 -2px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} }@media print{.instaPost .postList{display:block;letter-spacing:-.4em} }.instaPost .postList .listItem{width:calc(100% / 3);width:calc((100% / 3) - .1px) \0;padding:0 1.5px} @media print{.instaPost .postList .listItem{width:33.3333333333%;display:inline-block;padding:0 1.5px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;letter-spacing:normal} }@media print,screen and (min-width:1025px){.instaPost .postList .listItem{width:calc(100% / 4);width:calc((100% / 4) - .1px) \0;padding:0 2px} }@media print{.instaPost .postList .listItem{width:25%;display:inline-block;padding:0 2px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;letter-spacing:normal} } .instaPost .postList .listItem .itemInner{display:block} .learn-more-hover{color:#e4001e;width:162px;height:42px;text-align:center;line-height:42px;cursor:pointer;margin-top:30px;background-color:#333333;top:20px;position:relative} .learn-more-hover:hover{color: white !important; background-color: #e71a35 !important; border-color: transparent !important;} .banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn{position:absolute;background:center no-repeat;background-size:100% auto;bottom:50px;right:160px;border:none;padding:0;margin:0;width:30px;height:30px} .banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn:before{content:"";position:absolute;top:-22px;bottom:-22px;left:-22px;right:-22px;width:44px;height:44px;display:block;margin:auto} @media print,screen and (min-width:768px){.banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn{width:36px;height:36px;bottom:96px;right:229px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out} }.banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn .btn-txt{position:absolute !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;width:1px !important;height:1px !important;margin:-1px !important;padding:0 !important;border:0 !important} .keyvisual-start_stop,.keyvisual-scroll{position:relative;z-index:999;} .banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn[data-keyvisual-stop_start=stop] { background-image: url(../images/svg/i_stop_white.svg); } .banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn:focus[data-keyvisual-stop_start=start] { background-image: url(../images/svg/i_start_white.svg); } .banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn:focus[data-keyvisual-stop_start=stop] { background-image: url(../images/svg/i_stop_white_on.svg); } @media print, screen and (min-width: 1025px) { .banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn:hover[data-keyvisual-stop_start=start] { background-image: url(../images/svg/i_start_white.svg); } .banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn:hover[data-keyvisual-stop_start=stop] { background-image: url(../images/svg/i_stop_white_on.svg); } } .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)} .banner .swiper-scrollbar{position:absolute;left:1%;bottom:0;z-index:50;height:5px;width:98%;bottom:0!important;left:0!important;right:0!important;width:100%!important;position:relative;z-index:99;} .banner .swiper-scrollbar span{display:block;width:0;height:100%;background:#fa4616;transition:none} .banner .swiper-scrollbar.bar-animate span{width:100%;transition:all 3s ease-in} .banner .banner_bottom{width: 40%;padding: 18px 30px;position: absolute;left: 0;bottom: 5px;background: rgba(0,0,0,.5);z-index: 3;display: flex;align-items: center;justify-content: space-between;} .banner .banner_bottom .banner_bottom_left{width: 80%;display: flex;align-items: center;} .banner .banner_bottom .banner_bottom_left .bottom_left_txt{color: #fff;} .banner .banner_bottom .banner_bottom_left .swiper-container{width: calc(100% - 60px);} .banner .banner_bottom .banner_bottom_left .swiper-container .banner_list{display: none;opacity: 0;} .banner .banner_bottom .banner_bottom_left .swiper-container .banner_list.swiper-slide-thumb-active{display: flex;opacity: 1;} .banner .banner_bottom .banner_bottom_left .swiper-container .banner_list_txt{color: #fff;text-decoration: underline;} .banner .banner_bottom .banner_bottom_left .swiper-container .banner_list_txt:hover{color: #fa4615;} .banner .banner_bottom .banner_bottom_right{} .banner .banner_bottom .banner_bottom_right img{width: auto;height: 16px;} .btn{ display: flex; align-items: center; width: 155px; height: 44px; justify-content: center; border-radius: 100px; background: #fff; color: #fa4616; border: 1px solid #fa4616; text-transform: uppercase;} .btn img{ height: 11px;} .btn span{ display: flex; align-items: center; justify-content: center; position: relative; margin-left: 7px;} .btn span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .btn:hover{ background: #166204; color: #fff;} .btn:hover span img:last-child{ opacity: 1;} .btn:hover span img{ opacity: 0;} .btn2{ border-radius: 100px; background: #fff; color: #111111; border: 1px solid #dcdcdc; padding: 17px 22px; display: inline-block;} .btn2:hover{ color: #166204; border: 1px solid #166204;} .btn2.active{ color: #166204; border: 1px solid #166204;} .padding60{ padding: 60px 0px;} .padding60.paddingtop0{ padding-top: 0 !important;} .padding60.paddingbottom0{ padding-bottom: 0 !important;} .padding70{ padding: 70px 0px;} .padding70.paddingtop0{ padding-top: 0 !important;} .padding70.paddingbottom0{ padding-bottom: 0 !important;} .padding80{ padding: 80px 0px;} .padding80.paddingtop0{ padding-top: 0 !important;} .padding80.paddingbottom0{ padding-bottom: 0 !important;} .Title{margin-bottom: 40px;display: flex; align-items: center; justify-content: space-between;} .Title .Title_txt{font-weight: bold;} .Title .Title_txt.red{color: #fa4616;} .Title.nmb{margin-bottom: 0;} .borderafter{position: relative;} .borderafter:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid transparent; z-index: 1; box-sizing: border-box } .HSProduct{} .HSProduct .HSProduct_content{} .HSProduct .HSProduct_content .banner_list{} .HSProduct .HSProduct_content .banner_list .banner_list_thumb{width: 100%;height: 296px;position: relative;overflow: hidden;} .HSProduct .HSProduct_content .banner_list .banner_list_thumb:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid transparent; z-index: 1; box-sizing: border-box } .HSProduct .HSProduct_content .banner_list .banner_list_thumb img{width: 100%;height: 100%;} .HSProduct .HSProduct_content .banner_list .banner_list_title{width: 100%;padding: 20px 0 0 0;display: flex;align-items: center;justify-content: space-between;} .HSProduct .HSProduct_content .banner_list .banner_list_title .list_title_label{padding: 3px 12px;background: #fa4616;color: white;} .HSProduct .HSProduct_content .banner_list .banner_list_title .list_title_txt{width: calc(100% - 75px);font-weight: bold;} .HSProduct .HSProduct_content .banner_list:hover .banner_list_thumb:after {border-color: #fa4616;} .HSProduct .HSProduct_content .banner_list:hover .banner_list_title .list_title_txt{color: #fa4616;} .HSProduct .HSProduct_content .swiper-button-li{opacity: 1;top: calc(50% - 15px);} .HSProduct .HSProduct_content .swiper-button-li::after{display: none;} .HSProduct .HSProduct_content .swiper-button-li img{width: auto;height: 25px;} .HSProduct .HSProduct_content .swiper-button-prev{left: 13px;} .HSProduct .HSProduct_content .swiper-button-next{right: 13px;} .HDInspiration{} .HDInspiration .HDInspiration_content{} .HDInspiration .HDInspiration_content .HDInspiration_content_list{margin-right: 10px;position: relative;} .HDInspiration .HDInspiration_content .HDInspiration_content_list .content_list_thumb{width: 100%;height: 423px;overflow: hidden;} .HDInspiration .HDInspiration_content .HDInspiration_content_list .content_list_thumb img{width: 100%;height: 100%;} .HDInspiration .HDInspiration_content .HDInspiration_content_list .content_list_info{position: absolute; bottom: 0px; left: 0px; width: 294px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.5); padding: 12px 15px;} .HDInspiration .HDInspiration_content .HDInspiration_content_list:hover .borderafter:after {border-color: #fa4616;} .HDInspiration .HDInspiration_content .HDInspiration_content_list .content_list_info .list_info_title{margin-bottom: 10px;} .HDInspiration .HDInspiration_content .HDInspiration_content_list .content_list_info .list_info_li{} .HDInspiration .HDInspiration_content .HDInspiration_content_top{margin-bottom: 10px;display: flex;align-items: center;justify-content: space-between;} .HDInspiration .HDInspiration_content .HDInspiration_content_top .HDInspiration_content_list{width: calc(33.3333333333333% - 7px);} .HDInspiration .HDInspiration_content .HDInspiration_content_top .HDInspiration_content_list:last-child{margin-right: 0;} .HDInspiration .HDInspiration_content .HDInspiration_content_bottom{display: flex;align-items: center;justify-content: space-between;} .HDInspiration .HDInspiration_content .HDInspiration_content_bottom .HDInspiration_content_list{width: calc(50% - 5px);} .HDInspiration .HDInspiration_content .HDInspiration_content_bottom .HDInspiration_content_list:last-child{margin-right: 0;} .HBMNav{} .HBMNav .HBMNav_content{margin-bottom: 10px;display: flex;align-items: center;justify-content: space-between;} .HBMNav .HBMNav_content .HBMNav_content_list{width: calc(33.3333333333333% - 7px);margin-right: 10px;position: relative;} .HBMNav .HBMNav_content .HBMNav_content_list .content_list_thumb{width: 100%;height: 526px;overflow: hidden;} .HBMNav .HBMNav_content .HBMNav_content_list .content_list_thumb img{width: 100%;height: 100%;} .HBMNav .HBMNav_content .HBMNav_content_list .content_list_info{padding: 50px;position: absolute;left: 0;bottom: 0;z-index: 2;} .HBMNav .HBMNav_content .HBMNav_content_list .content_list_info .list_info_title{color: white;line-height: 1;font-weight: bold;} .HBMNav .HBMNav_content .HBMNav_content_list .content_list_info .list_info_desc{width: 65%;margin: 15px 0;color: white;line-height: 1.6;} .HBMNav .HBMNav_content .HBMNav_content_list .content_list_info .list_info_more{width: 40px;height: 40px;background: #a0a0a0;display: flex;align-items: center;justify-content: center;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease;} .HBMNav .HBMNav_content .HBMNav_content_list .content_list_info .list_info_more img{width: auto;height: 35%;} .HBMNav .HBMNav_content .HBMNav_content_list::before{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(0deg,rgba(0,0,0,.6),transparent); z-index: 1;} .HBMNav .HBMNav_content .HBMNav_content_list:hover .content_list_info .list_info_more{border-radius: 50%; background: #fa4616;} .HBMNav .HBMNav_content .HBMNav_content_list:hover .borderafter:after {border-color: #fa4616;} .Footer{} .Footer .Footer_top{display: flex;align-items: center;flex-direction: column;justify-content: center;} .Footer .Footer_top .Footer_top_logo{} .Footer .Footer_top .Footer_top_logo img{} .Footer .Footer_top .Footer_top_tel{margin: 30px 0 20px 0;} .Footer .Footer_top .Footer_top_copyright{} .Footer .Footer_top .Footer_top_copyright *{display: inline-block;} .Footer .Footer_top .Footer_top_copyright a{} .Footer .Footer_top .Footer_top_copyright span{margin: 0 5px;} .Footer .Footer_top .Footer_top_copyright p{} .Footer .Footer_bottom{padding: 20px 40px;border-top: 1px solid #e2e2e2;display: flex;align-items: center;justify-content: space-between;} .Footer .Footer_bottom .Footer_bottom_left{display: flex;align-items: center;} .Footer .Footer_bottom .Footer_bottom_left .bottom_left_li{margin-right: 15px;} .Footer .Footer_bottom .Footer_bottom_left .bottom_left_li:last-child{margin-right: 0;} .Footer .Footer_bottom .Footer_bottom_right{display: flex;align-items: center;} .Footer .Footer_bottom .Footer_bottom_right .bottom_right_li{position: relative;margin-right: 10px;} .Footer .Footer_bottom .Footer_bottom_right .bottom_right_li .right_li_icon{} .Footer .Footer_bottom .Footer_bottom_right .bottom_right_li .right_li_icon img{width: auto;height: 32px;} .Footer .Footer_bottom .Footer_bottom_right .bottom_right_li .right_li_down{position: absolute;display: none;top: -130px;left: 50%;transform: translateX(-50%);} .Footer .Footer_bottom .Footer_bottom_right .bottom_right_li .right_li_down .li_down_box{} .Footer .Footer_bottom .Footer_bottom_right .bottom_right_li .right_li_down .li_down_box .down_box_qrcode{width: 120px;height: auto;} .Footer .Footer_bottom .Footer_bottom_right .bottom_right_li .right_li_down .li_down_box .down_box_qrcode img{width: 100%;height: auto;} .Footer .Footer_bottom .Footer_bottom_right .bottom_right_li:last-child{margin-right: 0;} .Footer .Footer_bottom .Footer_bottom_right .bottom_right_li:hover .right_li_down{display: block;} .Breadcrumb{width: 100%;margin-top: 100px;} .Breadcrumb .pc_all_content{padding: 20px 0;display: flex;align-items: center;} .Breadcrumb .Breadcrumb_title{color: #303133;font-weight: 700;} .Breadcrumb .Breadcrumb_line{margin: 0 9px; font-weight: 700; color: #c0c4cc;} .Breadcrumb .Breadcrumb_name{font-weight: 700; color: #333;} .Breadcrumb .Breadcrumb_name:last-child{font-weight: 400; color: #606266;} .Breadcrumb a:hover{color: #fa4616;} /* 产品系列 */ .DBanner{ position: relative; } .DBanner .DBanner_img{ width: 100%;position: relative;} .DBanner .DBanner_img.bkcolor::after{content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);} .DBanner .DBanner_img img{ width: 100%;} .DBanner .DBanner_title{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bolder; text-transform: uppercase;flex-direction: column;} .DBanner .DBanner_title .DBanner_title_dd{margin-bottom: 15px;} .DBanner .DBanner_title .DBanner_title_dt{} .DBanner .DBanner_arrow_bottom{width: 60px; height: 60px;position: absolute; left: 50%; bottom: 46px; transform: translateX(-50%); border-radius: 50%; background: #fa4616; display: flex;align-items: center;justify-content: center;} .DBanner .DBanner_arrow_bottom img{height: 40%;} .arrow_bottom{width: 60px; height: 60px; border-radius: 50%; background: #fa4616; display: flex;align-items: center;justify-content: center;} .arrow_bottom img{height: 40%;} .arrow_bottom.pos{position: absolute; left: 50%; bottom: 46px; transform: translateX(-50%);} img{} .PSeries{} .PSeries .PSeriest_top{width: 100%;display: flex;align-items: center;justify-content: space-between;} .PSeries .PSeriest_top .PSeriest_top_left{width: 45%;} .PSeries .PSeriest_top .PSeriest_top_left .top_left_txt{margin-bottom: 20px;font-weight: 700;color: #fa4616;} .PSeries .PSeriest_top .PSeriest_top_right{width: 45%;line-height: 1.7;color: #333;} .PSeries .PSeries_content{width: 100%;margin-top: 60px;display: flex;align-items: flex-start;flex-wrap: wrap;} .PSeries .PSeries_content .PSeries_content_list{width: calc(33.333333333% - 10px);margin: 0 15px 50px 0;} .PSeries .PSeries_content .PSeries_content_list .content_list_thumb{width: 100%;height: 301px;overflow: hidden;} .PSeries .PSeries_content .PSeries_content_list .content_list_thumb img{width: 100%;height: 100%;} .PSeries .PSeries_content .PSeries_content_list .content_list_info{width: 100%;position: relative; padding: 20px 15px; background: #f9f9f9;display: flex;align-items: center;justify-content: space-between;} .PSeries .PSeries_content .PSeries_content_list .content_list_info .list_info_title{width: 60%;display: flex;align-items: center;justify-content: space-between;} .PSeries .PSeries_content .PSeries_content_list .content_list_info .list_info_title .info_title_label{padding: 3px 12px;background: #fa4616;color: white;} .PSeries .PSeries_content .PSeries_content_list .content_list_info .list_info_title .info_title_txt{width: calc(100% - 75px);font-weight: bold;} .PSeries .PSeries_content .PSeries_content_list .content_list_info .list_info_more{display: flex;align-items: center;transition: none;} .PSeries .PSeries_content .PSeries_content_list .content_list_info .list_info_more .info_more_txt{opacity: 0;color: white;padding: 0 0 0 9px;transition: none;} .PSeries .PSeries_content .PSeries_content_list .content_list_info .list_info_more .info_more_icon{width: 34px; height: 34px; background: #a0a0a0; display: flex;align-items: center;justify-content: center;transition: none;} .PSeries .PSeries_content .PSeries_content_list .content_list_info .list_info_more .info_more_icon img{height: 12px;} .PSeries .PSeries_content .PSeries_content_list:nth-child(3n){margin: 0 0 50px 0;} .PSeries .PSeries_content .PSeries_content_list:hover:after {border-color: #fa4616;} .PSeries .PSeries_content .PSeries_content_list:hover .content_list_info .list_info_more{background: #fa4616;border-radius: 50px;} .PSeries .PSeries_content .PSeries_content_list:hover .content_list_info .list_info_more .info_more_txt{opacity: 1;border-radius: 50px;} .PSeries .PSeries_content .PSeries_content_list:hover .content_list_info .list_info_more .info_more_icon{background: #fa4616;border-radius: 50px;} /* 产品系列列表 */ .LNLBanner{position: relative;} .LNLBanner .banner_list{} .LNLBanner .banner_list .banner_list_thumb{width: 100%;height: 400px;} .LNLBanner .banner_list .banner_list_thumb img{width: 100%;height: 100%;} .LNLBanner .swiper-pagination{position: absolute;left: 50%;transform: translateX(-50%);bottom: 20px;} .LNLBanner .swiper-pagination span{opacity: 0.6;width: 8px;height: 8px;margin: 0 4px;background: white;border-radius: 100%;} .LNLBanner .swiper-pagination span.swiper-pagination-bullet-active{opacity: 1;background: #fa4616;} .LNLBanner .swiper-button-li{width: 48px; height: 48px; line-height: 48px; border-radius: 50px; background: #000; opacity: .45;} .LNLBanner .swiper-button-li::after{display: none;} .LNLBanner .swiper-button-li img{width: auto;height: 20px;} .LNLBanner .swiper-button-prev{top: calc(50% - 24px);left: 20px;} .LNLBanner .swiper-button-next{top: calc(50% - 25px);right: 20px;} .PSLists{} .PSLists .PSLists_top{width: 100%; position: relative; z-index: 99;} .PSLists .PSLists_top .PSLists_top_top{width: 100%;} .PSLists .PSLists_top .PSLists_top_top .top_top_title{display: flex;align-items: center;} .PSLists .PSLists_top .PSLists_top_top .top_top_title .top_title_label{ padding: 5px 12px; color: #fff; line-height: 1; margin-right: 15px; background: #fa4616;} .PSLists .PSLists_top .PSLists_top_top .top_top_title .top_title_txt{color: #fa4616;font-weight: 700;} .PSLists .PSLists_top .PSLists_top_bottom{width: 100%;padding: 0 20px; margin-top: 20px;background: #f9f9f9;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_more{padding: 20px 0;display: flex;align-items: center;justify-content: space-between;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_more .bottom_more_txt{font-weight: 700;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_more .bottom_more_link{display: flex;align-items: center;background: #fa4616; width: auto; height: 34px; border-radius: 34px; padding: 0 12px; color: #fff; vertical-align: middle;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_more .bottom_more_link .more_link_txt{color: white;margin-right: 8px;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_more .bottom_more_link img{width: auto;height: 13px;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_class{width: 100%;display: flex;align-items: center;justify-content: space-between;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_class .bottom_class_li{width: 30.333333333%;padding: 0 37.5px; } .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_class .bottom_class_li .class_li_box{padding: 20px 0;border-top: 1px solid #e0e0e0;display: flex;align-items: center;justify-content: space-between;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_class .bottom_class_li .class_li_name{color: #999;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_class .bottom_class_li .class_li_link{display: flex;align-items: center;line-height: 1;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_class .bottom_class_li .class_li_link i{margin-left: 8px;line-height: 1;color: #606266;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_class .bottom_class_li .class_li_btn{display: flex;align-items: center;line-height: 1;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_class .bottom_class_li .class_li_btn .li_btn_drop{margin-left: 8px;line-height: 1;color: #606266;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_class .bottom_class_li .class_li_btn .li_btn_drop i{line-height: 1;color: #606266;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_class .bottom_class_li .class_li_btn .li_btn_drop{margin-left: 8px;position:relative;cursor: pointer;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_class .bottom_class_li .class_li_btn .li_btn_drop .btn_drop_down{position: absolute; top: 30px; left: 50%;transform: translateX(-50%); z-index: 999; padding: 10px 0; margin: 5px 0; background-color: #fff; border: 1px solid #ebeef5; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);display:none;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_class .bottom_class_li .class_li_box .li_btn_drop .btn_drop_down a{list-style: none; line-height: 36px; padding: 0 20px; margin: 0; color: #606266; cursor: pointer; outline: none; display: inline-block; white-space: nowrap;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_class .bottom_class_li .class_li_box .li_btn_drop .btn_drop_down a:hover{background-color: #ffede8; color: #fb6b45;} .PSLists .PSLists_content{width: 100%;background: #f9f9f9;} .PSLists .PSLists_content .PSeries_content_list{margin-top: 40px;width: 100%;height: 471px;display: flex;align-items: center;justify-content: space-between;position: relative;} .PSLists .PSLists_content .PSeries_content_list .content_list_thumb{width: 58.333333%;height: 100%;overflow: hidden;position: relative;} .PSLists .PSLists_content .PSeries_content_list .content_list_thumb img{width: 100%;height: 100%;} .PSLists .PSLists_content .PSeries_content_list .content_list_thumb .list_thumb_li{width: 100%;height: 100%;position: absolute;left: 0;top:0;overflow: hidden;} .PSLists .PSLists_content .PSeries_content_list .content_list_thumb .default{opacity: 1;} .PSLists .PSLists_content .PSeries_content_list .content_list_thumb .hover{opacity: 0;} .PSLists .PSLists_content .PSeries_content_list .content_list_info{width: 41.66667%;height: 100%;} .PSLists .PSLists_content .PSeries_content_list .content_list_info .list_info_box{position: relative; z-index: 1; padding: 60px;display: flex;flex-direction: column;align-items: flex-start;} .PSLists .PSLists_content .PSeries_content_list .content_list_info .list_info_title{font-weight: 700;} .PSLists .PSLists_content .PSeries_content_list .content_list_info .list_info_more{margin-top: 20px;padding: 12px 20px; background: #c7c7c7; color: #fff; vertical-align: middle;display: flex;align-items: center;justify-content: flex-start;} .PSLists .PSLists_content .PSeries_content_list .content_list_info .list_info_more .info_more_txt{margin-right: 8px;} .PSLists .PSLists_content .PSeries_content_list .content_list_info .list_info_more .info_more_icon{} .PSLists .PSLists_content .PSeries_content_list .content_list_info .list_info_more .info_more_icon img{width: auto;height: 12px;} .PSLists .PSLists_content .PSeries_content_list .content_list_info .list_info_imgs{margin-top: 40px; display: flex; flex-wrap: wrap;} .PSLists .PSLists_content .PSeries_content_list .content_list_info .list_info_imgs .info_imgs_li{margin: 2px;} .PSLists .PSLists_content .PSeries_content_list .content_list_info .list_info_imgs .info_imgs_li img{width: 25px;height: 25px;} .PSLists .PSLists_content .PSeries_content_list:hover:after {border-color: #fa4616;} .PSLists .PSLists_content .PSeries_content_list:hover .content_list_thumb .default{opacity: 0;} .PSLists .PSLists_content .PSeries_content_list:hover .content_list_thumb .hover{opacity: 1;} .PSLists .PSLists_content .PSeries_content_list:hover .content_list_info .list_info_title{color: #fa4616;} .PSLists .PSLists_content .PSeries_content_list:hover .content_list_info .list_info_more{border-radius: 100px;background: #fa4616; } .HSProduct{position: relative; padding-top: 60px; padding-bottom: 60px; background: #f4f3f1;} .HSProduct .Title{display: flex;align-items: center;justify-content: space-between;} .HSProduct .Title .Title_txt{font-weight: 700;} .HSProduct .Title .Title_btns{display: flex;align-items: center;} .HSProduct .Title .Title_btns .swiper-button-li{width: 40px; height: 40px; line-height: 40px; border-radius: 50px; background: #000; opacity: .45;position: relative;left: 0;top: 0;bottom: 0;right: 0;margin: 0;} .HSProduct .Title .Title_btns .swiper-button-li::after{display: none;} .HSProduct .Title .Title_btns .swiper-button-li img{width: auto;height: 16px;} .HSProduct .Title .Title_btns .swiper-button-prev{margin-right: 10px;} .HSProduct .HSProduct_content{} .HSProduct .HSProduct_content .banner_list{} .HSProduct .HSProduct_content .banner_list .banner_list_thumb{} .HSProduct .HSProduct_content .banner_list .banner_list_thumb img{} .HSProduct .HSProduct_content .banner_list .banner_list_title{} .HSProduct .HSProduct_content .banner_list .banner_list_title .list_title_txt{} /* 产品系列详情 */ .PSDetails{} .PSDetails .PSDetails_list{width: 100%;} .PSDetails .PSDetails_list .PSDetails_list_top{} .PSDetails .PSDetails_list .PSDetails_list_top .list_top_title{display: flex;align-items: center;} .PSDetails .PSDetails_list .PSDetails_list_top .list_top_title .top_title_type{padding: 5px 12px; color: #fff; line-height: 1; margin-right: 15px; background: #fa4616;} .PSDetails .PSDetails_list .PSDetails_list_top .list_top_title .top_title_series{font-weight: 700;color: #fa4616;} .PSDetails .PSDetails_list .PSDetails_list_top .list_top_title .top_title_txt{margin-left: 15px;font-weight: 700;} .PSDetails .PSDetails_list .PSDetails_list_bottom{padding-top: 40px;} .PSDetails .PSDetails_list .PSDetails_list_bottom p{line-height: 1.7;} .PSDetails .PSDetails_pdtshow{margin-top: 60px;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top{width: 100%;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_title{font-weight: 700;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select{margin-top: 30px;display: flex;align-items: center;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_label{} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select{-webkit-appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #dcdfe6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none;transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 216px;position: relative;display: flex;align-items: center;margin-right: 30px;cursor: pointer;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select.on{border-color: #fa4616;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select *{user-select: none;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select .select_select_tags{width: 100%;height: 100%;padding: 0 15px;display: flex;align-items: center;justify-content: space-between;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select .select_select_tags .select_tags_txt{color: #999999;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select .select_select_tags .select_tags_icon{display: flex;align-items: center;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select .select_select_tags .select_tags_icon img{width: 13px;transition: transform 0.45s;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select.on .select_select_tags .select_tags_icon img{transform: rotate(-180deg);} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select .select_select_down{width: 100%;position: absolute;top: 50px;left: 0; z-index: 9; display: none;background: white;border: 1px solid #e4e7ed;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);-webkit-transition:none;-moz-transition:none;transition:none;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select .select_select_down .select_down_box{width: 100%;max-height: 274px;display: flex;align-items: center;flex-direction: column;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select .select_select_down .select_down_box .down_box_li{border-color: #e9e9eb;color: #909399;width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 10px 15px;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select .select_select_down .select_down_box .down_box_li:hover{background-color: #f5f7fa;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select .select_select_down .select_down_box .down_box_li .box_li_txt{} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select .select_select_down .select_down_box .down_box_li .box_li_icon{opacity: 0;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select .select_select_down .select_down_box .down_box_li .box_li_icon img{height: 17px;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select .select_select_down .select_down_box .down_box_li.on .box_li_txt{color: #fa4616;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select .select_select_down .select_down_box .down_box_li.on .box_li_icon{opacity: 1;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected{display: flex;align-items: center;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected .select_selected_list{margin-right: 10px;display: flex;align-items: center;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected .select_selected_list .selected_list_li{background-color: #f4f4f5;padding: 8px 10px; border: 1px solid #e9e9eb; border-radius: 4px; box-sizing: border-box; white-space: nowrap;display: flex;align-items: center;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected .select_selected_list .selected_list_li .list_li_txt{color: #909399;margin-right: 5px;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected .select_selected_list .selected_list_li .list_li_close{border-radius: 50%; text-align: center; position: relative; cursor: pointer; height: 16px; width: 16px; vertical-align: middle; display: flex; justify-content: center; align-items: center;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected .select_selected_list .selected_list_li .list_li_close:before{content: ''; width: 1px; height: 8px; background: #909399; position: absolute; transform: rotate(45deg);} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected .select_selected_list .selected_list_li .list_li_close::after{content: ''; width: 1px; height: 8px; background: #909399; position: absolute; transform: rotate(-45deg);} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected .select_selected_reset{display: none;align-items: center;cursor: pointer;user-select: none;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected .select_selected_reset.on{display: flex;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected .select_selected_reset img{height: 15px;margin-right: 5px;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected .select_selected_list .selected_list_li .list_li_close:hover{background-color: #909399;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected .select_selected_list .selected_list_li .list_li_close:hover:before{background-color: white;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected .select_selected_list .selected_list_li .list_li_close:hover::after{background-color: white;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected .select_selected_reset .selected_reset_txt{} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom{width: 100%;margin-top: 30px;display: flex;align-items: flex-start;flex-wrap: wrap;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list{width: calc(25% - 12px);margin-bottom: 25px;border: 1px solid transparent; background: #f9f9f9;margin-right: 15px;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list:nth-child(4n){margin-right: 0;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list .bottom_list_thumb{position: relative; padding: 22px; background: #f9f9f9;border: 1px solid #ebebeb;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list .bottom_list_thumb .list_thumb_box{width: 100%;height: 218px;position: relative;display: flex;align-items: center;justify-content: center;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list .bottom_list_thumb .list_thumb_box .thumb_box_img{width: 100%;height: 100%;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list .bottom_list_thumb .list_thumb_box .thumb_box_img img{width: 100%;height: 100%;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list .bottom_list_thumb .list_thumb_box .thumb_box_hover{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;left: 0;top: 0;display: flex;align-items: center;justify-content: center;opacity: 0;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list .bottom_list_thumb .list_thumb_box .thumb_box_hover .box_hover_icon{width: 48px; height: 48px; border-radius: 50%; border: 1px solid #fff;display: flex;align-items: center;justify-content: center;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list .bottom_list_thumb .list_thumb_box .thumb_box_hover img{width: auto;height: 25px;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list .bottom_list_info{padding: 22px 22px 44px 22px;border-bottom: 1px solid #e1e1e1;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list .bottom_list_info .list_info_model{} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list .bottom_list_info .list_info_title{margin: 10px 0;font-weight: 700;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list .bottom_list_info .list_info_specs{} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list:hover{border-color: #fa4616;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list:hover .bottom_list_thumb .list_thumb_box .thumb_box_hover{opacity: 1;} .PSDetails .PSDetails_document{} .PSDetails .PSDetails_document .PSDetails_document_box{} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list{width: 100%;border-bottom: 1px solid #ebeef5;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_top{background: #e1e1e1; padding: 0 20px; height: 70px; line-height: 70px; display: flex;align-items: center;justify-content: space-between;cursor: pointer;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_top .list_top_txt{font-weight: 700;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_top .list_top_icon{display: flex;align-items: center;user-select: none;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_top .list_top_icon img{width: 16px;height: auto;transform: rotate(-90deg);} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom{width: 100%;display: none;-webkit-transition:none;-moz-transition:none;transition:none;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li{width: 100%;padding: 20px; display: flex;align-items: center;justify-content: space-between;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file{width: 70%;display: flex;align-items: center;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file .li_file_icon{display: flex;align-items: center;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file .li_file_icon img{width: auto;height: 20px;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file .li_file_title{margin: 0 10px;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file .li_file_type{color: #fa4616;position: relative;padding-left: 10px;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file .li_file_type:before{content: '';width: 1px;height: 18px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #dcdfe6;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_link{display: flex;align-items: center;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_link img{width: auto;height: 18px;margin-right: 8px;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_link .li_link_txt{} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list.on .box_list_top .list_top_icon img{transform: rotate(0deg);} /* 产品系列-筛选 */ .PSFilter{} .PSFilter .PSFilter_nav{width: 100%;} .PSFilter .PSFilter_nav .PSFilter_nav_top{width: 100%;} .PSFilter .PSFilter_nav .PSFilter_nav_top .nav_top_left{display: flex;align-items: center;} .PSFilter .PSFilter_nav .PSFilter_nav_top .nav_top_left .top_left_label{padding: 5px 12px; color: #fff; line-height: 1; margin-right: 15px; background: #fa4616;} .PSFilter .PSFilter_nav .PSFilter_nav_top .nav_top_left .top_left_title{font-weight: 700;color: #fa4616;} .PSFilter .PSFilter_nav .PSFilter_nav_top .nav_top_left .top_left_txt{} .PSFilter .PSFilter_nav .PSFilter_nav_bottom{width: 100%;margin-top: 30px;padding: 0 20px;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list{width: 100%;padding: 24px 0 16px 0; border-bottom: 1px solid #dfdfdf;display: flex;align-items:flex-start;justify-content: space-between;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info{width: calc(100% - 70px);display: flex;align-items: flex-start;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dd{width: 100px;font-weight: 700;padding-top: 4px;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt{width: calc(100% - 100px);display: flex;flex-wrap: wrap;height: 33px; overflow: hidden; flex: 1;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt .info_dt_li{height: 25px;line-height: 25px;margin-right: 30px; margin-bottom: 8px; display: flex;align-items: center;cursor: pointer;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt .info_dt_li *{user-select: none;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt .info_dt_li .dt_li_check{position: relative;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt .info_dt_li .dt_li_check span{width: 16px; height: 16px;display: inline-block; position: relative; border: 1px solid #dcdfe6; border-radius: 2px; box-sizing: border-box; background-color: #fff; z-index: 1; transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt .info_dt_li .dt_li_check span::after{box-sizing: content-box; content: ""; border: 1px solid #fff; border-left: 0; border-top: 0; height: 7px; position: absolute; left: 5px; top: 2px; transform: rotate(45deg) scaleY(0); width: 3px; transition: transform .15s ease-in .05s; transform-origin: center;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt .info_dt_li .dt_li_check input{width: 16px; height: 16px;opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt .info_dt_li .dt_li_txt{padding-left: 10px;color: #606266;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt .info_dt_li.check .dt_li_check span{background-color: #fa4616; border-color: #fa4616;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt .info_dt_li.check .dt_li_check span::after{transform: rotate(45deg) scaleY(1);} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt .info_dt_li.check .dt_li_check input{z-index: 2;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt .info_dt_li.check .dt_li_txt{color: #fa4616;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt .info_dt_li:hover .dt_li_check span{border-color: #fa4616;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_btn{padding-top: 4px;display: flex;align-items: center;cursor: pointer;user-select: none;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_btn .list_btn_txt{margin-right: 6px;user-select: none;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_btn img{width: 13px;user-select: none;transition: none;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list.on .bottom_list_info .list_info_dt{height: auto;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list.on .bottom_list_btn.on img{transform: rotate(-180deg);} .PSFilter .PSFilter_content{width: 100%;margin-top: 30px;display: flex;flex-wrap: wrap;} .PSFilter .PSFilter_content .PSFilter_content_list{width: calc(25% - 12px);margin-bottom: 25px;border: 1px solid transparent; background: #f9f9f9;margin-right: 15px;} .PSFilter .PSFilter_content .PSFilter_content_list:nth-child(4n){margin-right: 0;} .PSFilter .PSFilter_content .PSFilter_content_list .content_list_thumb{position: relative; padding: 22px; background: #f9f9f9;border: 1px solid #ebebeb;} .PSFilter .PSFilter_content .PSFilter_content_list .content_list_thumb .list_thumb_box{width: 100%;height: 218px;position: relative;display: flex;align-items: center;justify-content: center;} .PSFilter .PSFilter_content .PSFilter_content_list .content_list_thumb .list_thumb_box .thumb_box_img{width: 100%;height: 100%;} .PSFilter .PSFilter_content .PSFilter_content_list .content_list_thumb .list_thumb_box .thumb_box_img img{width: 100%;height: 100%;} .PSFilter .PSFilter_content .PSFilter_content_list .content_list_thumb .list_thumb_box .thumb_box_hover{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;left: 0;top: 0;display: flex;align-items: center;justify-content: center;opacity: 0;} .PSFilter .PSFilter_content .PSFilter_content_list .content_list_thumb .list_thumb_box .thumb_box_hover .box_hover_icon{width: 48px; height: 48px; border-radius: 50%; border: 1px solid #fff;display: flex;align-items: center;justify-content: center;} .PSFilter .PSFilter_content .PSFilter_content_list .content_list_thumb .list_thumb_box .thumb_box_hover img{width: auto;height: 25px;} .PSFilter .PSFilter_content .PSFilter_content_list .content_list_info{padding: 22px 22px 44px 22px;border-bottom: 1px solid #e1e1e1;} .PSFilter .PSFilter_content .PSFilter_content_list .content_list_info .list_info_model{} .PSFilter .PSFilter_content .PSFilter_content_list .content_list_info .list_info_title{margin: 10px 0;font-weight: 700;} .PSFilter .PSFilter_content .PSFilter_content_list .content_list_info .list_info_specs{} .PSFilter .PSFilter_content .PSFilter_content_list:hover{border-color: #fa4616;} .PSFilter .PSFilter_content .PSFilter_content_list:hover .content_list_thumb .list_thumb_box .thumb_box_hover{opacity: 1;} /* 产品系列-筛选-详情 */ .PSFDetails{} .PSFDetails .PSFDetails_content{width: 100%;} .PSFDetails .PSFDetails_content .PSFDetails_content_top{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_thumb{width: 45.5%;position: relative;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_thumb .top_thumb_img{width: 100%;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_thumb .top_thumb_img a{width: 100%;display: block;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_thumb .top_thumb_img img{width: 100%;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_thumb .top_thumb_btn{position: absolute;bottom: 20px;right: 20px;display: flex;align-items: center;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_thumb .top_thumb_btn .thumb_btn_li{width: 48px; height: 48px; border-radius: 50%; line-height: 48px; background: rgba(0,0,0,.5); margin-left: 15px; cursor: pointer; position: relative; overflow: hidden;display: flex;align-items: center;justify-content: center;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_thumb .top_thumb_btn .thumb_btn_li img{width: auto;height: 55%;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_thumb .top_thumb_btn .thumb_btn_scale{margin-right: 15px;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_thumb .top_thumb_btn .thumb_btn_down img{width: auto;height: 45%;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list{width: 49.5%;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list .top_list_info{width: 100%;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list .top_list_info .list_info_left{} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list .top_list_info .list_info_left .info_left_model{display: flex;align-items: center;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list .top_list_info .list_info_left .info_left_model .left_model_label{padding: 5px 12px; color: #fff; line-height: 1; margin-right: 15px; background: #fa4616;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list .top_list_info .list_info_left .info_left_model .left_model_txt{color: #fa4616;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list .top_list_info .list_info_left .info_left_title{margin: 25px 0;font-weight: 700;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list .top_list_param{width: 100%;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list .top_list_param .list_param_li{width: 100%; height: 52px;display: flex;align-items: center;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list .top_list_param .list_param_top{background-color: #e1e1e1;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list .top_list_param .list_param_top .param_li_li{font-weight: 700;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list .top_list_param .list_param_li .param_li_dd{width: 45%;padding: 0 20px;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list .top_list_param .list_param_li .param_li_dt{width: 55%;padding: 0 20px;} .PSFDetails .PSFDetails_content .PSFDetails_content_bottom{padding-top: 60px;} .PSFDetails .PSFDetails_content .PSFDetails_content_bottom p{line-height: 1.7;} /* 设计灵感 */ .Inspiration{} .Inspiration .Inspiration_nav{width: 100%;} .Inspiration .Inspiration_nav *{user-select: none;} .Inspiration .Inspiration_nav p{text-align:center;} .Inspiration .Inspiration_nav .Inspiration_nav_title{display: flex;align-items: center;} .Inspiration .Inspiration_nav .Inspiration_nav_title .nav_title_dd{color: #fa4616;font-weight: 700;margin-right: 10px;} .Inspiration .Inspiration_nav .Inspiration_nav_title .nav_title_dt{} .Inspiration .Inspiration_nav .Inspiration_nav_hox{width: 100%;padding-top: 30px;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_top{padding: 0 50px; border: 1px solid #e1e1e1; border-radius: 50px;position: relative;display: inline-block;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_top .hox_top_action{display: inline-block;position: absolute;left: 0;height: 50px; line-height: 50px; padding: 0 20px;background-color: #fa4616;border-radius: 100px;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_top .hox_top_li{height: 50px; line-height: 50px; padding: 0 20px; text-align: center; box-sizing: border-box; display: inline-block; font-weight: 500; color: #303133; position: relative;cursor: pointer;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_top .hox_top_li.on{color: white;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom{width: 100%;margin-top: 15px;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom .hox_bottom_list{width: 100%;display: none;flex-wrap: wrap;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom .hox_bottom_list .bottom_list_li{height: 25px; line-height: 25px; margin-right: 30px; margin-bottom: 8px; display: flex; align-items: center; cursor: pointer;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom .hox_bottom_list .bottom_list_li .list_li_check{position: relative;user-select: none;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom .hox_bottom_list .bottom_list_li .list_li_check span{width: 16px; height: 16px; display: inline-block; position: relative; border: 1px solid #dcdfe6; border-radius: 2px; box-sizing: border-box; background-color: #fff; z-index: 1; transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom .hox_bottom_list .bottom_list_li .list_li_check span::after{box-sizing: content-box; content: ""; border: 1px solid #fff; border-left: 0; border-top: 0; height: 7px; position: absolute; left: 5px; top: 2px; transform: rotate(45deg) scaleY(0); width: 3px; transition: transform .15s ease-in .05s; transform-origin: center;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom .hox_bottom_list .bottom_list_li .list_li_check input{width: 16px; height: 16px; opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom .hox_bottom_list .bottom_list_li .list_li_txt{padding-left: 10px; color: #606266;user-select: none;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom .hox_bottom_list .bottom_list_li:hover .list_li_check span{border-color: #fa4616;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom .hox_bottom_list .bottom_list_li.check .list_li_check span{background-color: #fa4616; border-color: #fa4616;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom .hox_bottom_list .bottom_list_li.check .list_li_check span::after{transform: rotate(45deg) scaleY(1);} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom .hox_bottom_list .bottom_list_li.check .list_li_check input{z-index: 2;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom .hox_bottom_list .bottom_list_li.check .list_li_txt{color: #fa4616;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom .hox_bottom_list.on{display: flex;} .Inspiration .Inspiration_nav .Inspiration_nav_option{display: flex;align-items: center;margin: 15px 0 30px 0;padding-bottom: 40px;border-bottom: 1px solid #dcdfe6;} .Inspiration .Inspiration_nav .Inspiration_nav_option .nav_option_list{display: flex;align-items: center;} .Inspiration .Inspiration_nav .Inspiration_nav_option .nav_option_list .option_list_li{background-color: #f4f4f5; padding: 8px 10px; border: 1px solid #e9e9eb; border-radius: 100px; box-sizing: border-box; white-space: nowrap; display: flex; align-items: center;margin-right: 12px;} .Inspiration .Inspiration_nav .Inspiration_nav_option .nav_option_list .option_list_li .list_li_txt{color: #909399; margin-right: 5px;} .Inspiration .Inspiration_nav .Inspiration_nav_option .nav_option_list .option_list_li .list_li_close{border-radius: 50%; text-align: center; position: relative; cursor: pointer; height: 16px; width: 16px; vertical-align: middle; display: flex; justify-content: center; align-items: center;} .Inspiration .Inspiration_nav .Inspiration_nav_option .nav_option_list .option_list_li .list_li_close:before{content: ''; width: 1px; height: 8px; background: #909399; position: absolute; transform: rotate(45deg);} .Inspiration .Inspiration_nav .Inspiration_nav_option .nav_option_list .option_list_li .list_li_close::after{content: ''; width: 1px; height: 8px; background: #909399; position: absolute; transform: rotate(-45deg);} .Inspiration .Inspiration_nav .Inspiration_nav_option .nav_option_list .option_list_li .list_li_close:hover{background-color: #909399;} .Inspiration .Inspiration_nav .Inspiration_nav_option .nav_option_list .option_list_li .list_li_close:hover:before{background-color: white;} .Inspiration .Inspiration_nav .Inspiration_nav_option .nav_option_list .option_list_li .list_li_close:hover:after{background-color: white;} .Inspiration .Inspiration_nav .Inspiration_nav_option .nav_option_reset{display: none;align-items: center;cursor: pointer;} .Inspiration .Inspiration_nav .Inspiration_nav_option .nav_option_reset img{width: auto;height: 16px;margin-right: 6px;} .Inspiration .Inspiration_nav .Inspiration_nav_option .nav_option_reset .option_rese_txt{} .Inspiration .Inspiration_nav .Inspiration_nav_option .nav_option_reset.on{display: flex;} .Inspiration .Inspiration_content{width: 100%;display: flex;flex-wrap: wrap;} .Inspiration .Inspiration_content p{width: 100%;text-align:center;color: #fa4616;} .Inspiration .Inspiration_content .Inspiration_content_list{margin-right: 10px; margin-bottom: 10px; position: relative;} .Inspiration .Inspiration_content .Inspiration_content_list .content_list_thumb{width: 100%;height: 423px;overflow: hidden;} .Inspiration .Inspiration_content .Inspiration_content_list .content_list_thumb img{width: 100%;height: 100%;} .Inspiration .Inspiration_content .Inspiration_content_list .content_list_info{position: absolute; bottom: 0px; left: 0px; width: 294px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.5); padding: 12px 15px;} .Inspiration .Inspiration_content .Inspiration_content_list:hover .borderafter:after {border-color: #fa4616;} .Inspiration .Inspiration_content .Inspiration_content_list .content_list_info .list_info_title{margin-bottom: 10px;} .Inspiration .Inspiration_content .Inspiration_content_list .content_list_info .list_info_li{} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(1){width: calc(33.3333333% - 7px);} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(2){width: calc(33.3333333% - 7px);} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(3){width: calc(33.3333333% - 7px);margin-right: 0;} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(4){width: calc(50% - 5px);} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(5){width: calc(50% - 5px);margin-right: 0;} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(6){width: calc(33.3333333% - 7px);} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(7){width: calc(33.3333333% - 7px);} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(8){width: calc(33.3333333% - 7px);margin-right: 0;} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(9){width: calc(50% - 5px);} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(10){width: calc(50% - 5px);margin-right: 0;} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(11){width: calc(33.3333333% - 7px);} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(12){width: calc(33.3333333% - 7px);} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(13){width: calc(33.3333333% - 7px);margin-right: 0;} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(14){width: calc(50% - 5px);} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(15){width: calc(50% - 5px);margin-right: 0;} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(16){width: calc(33.3333333% - 7px);} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(17){width: calc(33.3333333% - 7px);} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(18){width: calc(33.3333333% - 7px);margin-right: 0;} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(19){width: calc(50% - 5px);} .Inspiration .Inspiration_content .Inspiration_content_list:nth-child(20){width: calc(50% - 5px);margin-right: 0;} /* 设计灵感详情 */ .INSDetails{width: 100%;height: 100vh;padding: 80px 0 30px;position: relative;} .INSDetails .INSDetails_close{position: absolute;right: 30px;top: 30px;z-index: 9;} .INSDetails .INSDetails_close img{width: 20px;height: auto;} .INSDetails .pc_all_content{height: 100%;display: flex;align-items: flex-start;justify-content: space-between;} .INSDetails .INSDetails_thumb{width:65%;height: 100%;padding: 0 5%;} .INSDetails .INSDetails_thumb .INSDetails_thumb_top{width: 100%;padding: 0 5%;} .INSDetails .INSDetails_thumb .INSDetails_thumb_top .banner_list{} .INSDetails .INSDetails_thumb .INSDetails_thumb_top .banner_list .banner_list_img{width: 100%;height: 79vh;} .INSDetails .INSDetails_thumb .INSDetails_thumb_top .banner_list .banner_list_img img{width: 100%;height: 100%;} .INSDetails .INSDetails_thumb .INSDetails_thumb_bottom{margin-top: 15px;position: relative;} .INSDetails .INSDetails_thumb .INSDetails_thumb_bottom .banner_list{opacity: .4;} .INSDetails .INSDetails_thumb .INSDetails_thumb_bottom .banner_list .banner_list_img{width: 100%;height: 100px;} .INSDetails .INSDetails_thumb .INSDetails_thumb_bottom .banner_list .banner_list_img img{width: 100%;height: 100%;} .INSDetails .INSDetails_thumb .INSDetails_thumb_bottom .banner_list.swiper-slide-thumb-active{opacity: 1 !important;} /*.INSDetails .INSDetails_thumb .INSDetails_thumb_bottom .banner_list.swiper-slide-active{opacity: 1;}*/ .INSDetails .INSDetails_thumb .swiper-button-li{width: 48px; height: 48px; line-height: 48px; border-radius: 50px; background: #00000045; right: 10px; left: auto;user-select: none;} .INSDetails .INSDetails_thumb .swiper-button-li img{width: auto; height: 20px;} .INSDetails .INSDetails_thumb .swiper-button-li::after{display: none;} .INSDetails .INSDetails_thumb .swiper-button-li:hover{background-color:#fa4616;} .INSDetails .INSDetails_thumb .swiper-button-prev{left: -5%;} .INSDetails .INSDetails_thumb .swiper-button-next{right: -5%;} .INSDetails .INSDetails_list{width: 35%;height: 100%;} .INSDetails .INSDetails_list::-webkit-scrollbar{width: 8px;height: 0px;border-radius:100px;} .INSDetails .INSDetails_list .INSDetails_list_title{width: 100%;} .INSDetails .INSDetails_list .INSDetails_list_title .list_title_txt{padding: 15px 0;color: #fa4616;margin: 0;} .INSDetails .INSDetails_list .INSDetails_list_title .list_title_addr{} .INSDetails .INSDetails_list .INSDetails_list_param{width: 100%;margin: 25px 0;padding: 30px 0;border-top: 1px solid #dcdfe6;border-bottom: 1px solid #dcdfe6;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list{width: 80%;margin-bottom: 20px;display: flex;align-items: flex-start;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_dd{width: 98px;padding-bottom: 6px;font-weight: bold;word-spacing: normal;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_dt{display: flex;align-items: center;justify-content: flex-start;min-width: 100px;position:relative;padding-bottom: 6px;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_dt .list_dt_label{padding: 2px 6px; margin-right: 3px; color: #fff; line-height: 1; background: #fa4616;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_dt .list_dt_txt{margin-right: 3px;position:relative;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_box{display: flex;align-items: center;justify-content: flex-start;min-width: 100px;position:relative;padding-bottom: 6px;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_dt span{width: 14px;height: 14px;position: relative;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_dt span img{width: auto;height: 12px;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_box .list_box_item{display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_box .list_box_item .box_item_li{margin-bottom: 6px !important;position:relative;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_box .list_box_item .box_item_li:last-child{margin-bottom: 0 !important;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_dt span img:first-child{opacity: 1;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_dt span img:last-child{opacity: 0;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_dt:hover .list_dt_txt{color: #fa4616;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_dt:hover span img:first-child{opacity: 0;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_dt:hover span img:last-child{opacity: 1;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_dt:hover .list_dt_txt:after {content: ""; position: absolute; left: 0; right: 0; height: 0; bottom: -5px; border-bottom: 1px solid #fa4616; width: calc(100% + 17px);} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_box .list_box_item .box_item_li:hover:after {content: ""; position: absolute; left: 0; right: 0; height: 0; bottom: 0px; border-bottom: 1px solid #fa4616; width: calc(100% + 17px);} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_box .list_box_item .box_item_li:hover .list_dt_txt:after{display:none;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .swiper-container{width: calc(100% - 98px);} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list:last-child{margin-bottom: 0;} .INSDetails .INSDetails_list .INSDetails_list_related{width: 100%;} .INSDetails .INSDetails_list .INSDetails_list_related .list_related_title{font-weight: 700;} .INSDetails .INSDetails_list .INSDetails_list_related .list_related_box{width: 100%;margin-top: 30px;} .INSDetails .INSDetails_list .INSDetails_list_related .list_related_box .related_box_list{width: 100%;margin-bottom: 15px;display: flex;align-items: center;justify-content: space-between;} .INSDetails .INSDetails_list .INSDetails_list_related .list_related_box .related_box_list .box_list_thumb{width: 143px; height: 94px;} .INSDetails .INSDetails_list .INSDetails_list_related .list_related_box .related_box_list .box_list_thumb img{width: 100%;height: 100%;} .INSDetails .INSDetails_list .INSDetails_list_related .list_related_box .related_box_list .box_list_info{width: calc(100% - 158px);} .INSDetails .INSDetails_list .INSDetails_list_related .list_related_box .related_box_list .box_list_info .list_info_title{} .INSDetails .INSDetails_list .INSDetails_list_related .list_related_box .related_box_list .box_list_info .list_info_color{margin: 12px 0;} .INSDetails .INSDetails_list .INSDetails_list_related .list_related_box .related_box_list .box_list_info .list_info_model{} .INSDetails .INSDetails_list .INSDetails_list_related .list_related_box .related_box_list:hover .box_list_info div{color: #fa4616;} .INSDetails_list_param .swiper-slide, .INSDetails_list_related .swiper-slide { display: block !important; opacity: 1 !important; } /* 技术支持 */ .TSupport{} .TSupport .TSupport_content{width: 100%;} .TSupport .TSupport_content .TSupport_content_list{width: 100%;display: flex;align-items: center;justify-content: space-between;transition: all .3s; border-bottom: 1px solid #e3e3e3; background-position: right -10px bottom; background-repeat: no-repeat;} .TSupport .TSupport_content .TSupport_content_list .content_list_thumb{width: 35%;padding: 130px;display: flex;align-items: center;justify-content: center;} .TSupport .TSupport_content .TSupport_content_list .content_list_thumb img{} .TSupport .TSupport_content .TSupport_content_list .content_list_info{width: 65%;display: flex;flex-direction: column;align-items: flex-start;} .TSupport .TSupport_content .TSupport_content_list .content_list_info .list_info_title{font-weight: 700;} .TSupport .TSupport_content .TSupport_content_list .content_list_info .list_info_desc{margin: 20px 0;} .TSupport .TSupport_content .TSupport_content_list .content_list_info .list_info_more{display: flex; align-items: center; transition: none;} .TSupport .TSupport_content .TSupport_content_list .content_list_info .list_info_more .info_more_txt{color: white; height: 34px; padding: 0 0 0 9px;width: 0;display: flex;align-items: center;} .TSupport .TSupport_content .TSupport_content_list .content_list_info .list_info_more .info_more_icon{width: 34px; height: 34px; background: #a0a0a0; display: flex; align-items: center; justify-content: center; transition: none;} .TSupport .TSupport_content .TSupport_content_list .content_list_info .list_info_more .info_more_icon img{height: 11px;} .TSupport .TSupport_content .TSupport_content_list:hover{background-color: #f9f9f9; background-image: url(../images/bn10.png); box-shadow: 0 2px 32px rgba(0,0,0,.1);} .TSupport .TSupport_content .TSupport_content_list:hover .content_list_info .list_info_more{background: #fa4616; border-radius: 50px;} .TSupport .TSupport_content .TSupport_content_list:hover .content_list_info .list_info_more .info_more_txt{width: auto; border-radius: 50px;} .TSupport .TSupport_content .TSupport_content_list:hover .content_list_info .list_info_more .info_more_icon{width: 30px;background: #fa4616; border-radius: 50px;} /* 技术支持-相关文档 */ .TSDocs{} .TSDocs .TSDocs_document{width: 100%;margin-top: 60px;} .TSDocs .TSDocs_document .TSDocs_document_box{width: 100%;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list{width: 100%;border-bottom: 1px solid #ebeef5;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_top{background: #e1e1e1; padding: 0 20px; height: 70px; line-height: 70px; display: flex;align-items: center;justify-content: space-between;cursor: pointer;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_top .list_top_txt{font-weight: 700;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_top .list_top_icon{display: flex;align-items: center;user-select: none;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_top .list_top_icon img{width: 16px;height: auto;transform: rotate(-90deg);} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom{width: 100%;display: none;-webkit-transition:none;-moz-transition:none;transition:none;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li{width: 100%;padding: 20px; display: flex;align-items: center;justify-content: space-between;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file{width: 70%;display: flex;align-items: center;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file .li_file_icon{display: flex;align-items: center;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file .li_file_icon img{width: auto;height: 20px;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file .li_file_title{margin: 0 10px;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file .li_file_type{color: #fa4616;position: relative;padding-left: 10px;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file .li_file_type:before{content: '';width: 1px;height: 18px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #dcdfe6;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_link{display: flex;align-items: center;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_link img{width: auto;height: 18px;margin-right: 8px;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_link .li_link_txt{} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list.on .box_list_top .list_top_icon img{transform: rotate(0deg);} /* 技术支持-问题与解答 */ .TSQAnswers{} .TSQAnswers .Title .Title_txt{color: #fa4616;} .TSQAnswers .TSQAnswers_document{width: 100%;margin-top: 60px;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box{width: 100%;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list{width: 100%;border-bottom: 1px solid #ebeef5;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_top{background: #e1e1e1; padding: 0 20px; height: 70px; line-height: 70px; display: flex;align-items: center;justify-content: space-between;cursor: pointer;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_top .list_top_txt{font-weight: 700;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_top .list_top_icon{display: flex;align-items: center;user-select: none;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_top .list_top_icon img{width: 16px;height: auto;transform: rotate(-90deg);} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_bottom{width: 100%;display: none;-webkit-transition:none;-moz-transition:none;transition:none;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_bottom .list_bottom_list{width: 100%;padding: 0 20px 0 20px;margin-bottom: 30px;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_bottom .list_bottom_list:first-child{padding: 20px 20px 0 20px;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_bottom .list_bottom_list .bottom_list_dd{font-weight: 700;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_bottom .list_bottom_list .bottom_list_dt{margin-top: 15px;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_bottom .list_bottom_list .bottom_list_dt p{margin-bottom: 10px;font-size: inherit;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_bottom .list_bottom_list .bottom_list_dt p:last-child{margin-bottom: 0;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list.on .box_list_top .list_top_icon img{transform: rotate(0deg);} /* 绿色足迹 */ .Sustainability{} .Sustainability .Sustainability_desc{width: 100%;} .Sustainability .Sustainability_desc p{width: 100%;line-height: 1.7;margin-bottom: 10px;} .Sustainability .Sustainability_desc p:last-child{margin-bottom: 0;} .Sustainability .Sustainability_content{width: 100%;margin-top: 50px;display: flex;align-items: center;justify-content: space-between;} .Sustainability .Sustainability_content .Sustainability_content_list{width: calc(50% - 5px);margin-right: 10px;position: relative;} .Sustainability .Sustainability_content .Sustainability_content_list .content_list_thumb{width: 100%;height: 445px;overflow: hidden;} .Sustainability .Sustainability_content .Sustainability_content_list .content_list_thumb img{width: 100%;height: 100%;} .Sustainability .Sustainability_content .Sustainability_content_list .content_list_info{padding: 50px;position: absolute;left: 0;bottom: 0;z-index: 2;} .Sustainability .Sustainability_content .Sustainability_content_list .content_list_info .list_info_title{color: white;line-height: 1;font-weight: bold;} .Sustainability .Sustainability_content .Sustainability_content_list .content_list_info .list_info_desc{width: 65%;margin: 15px 0;color: white;line-height: 1.6;} .Sustainability .Sustainability_content .Sustainability_content_list .content_list_info .list_info_more{width: 40px;height: 40px;background: #a0a0a0;display: flex;align-items: center;justify-content: center;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease;} .Sustainability .Sustainability_content .Sustainability_content_list .content_list_info .list_info_more img{width: auto;height: 35%;} .Sustainability .Sustainability_content .Sustainability_content_list::before{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(0deg,rgba(0,0,0,.6),transparent); z-index: 1;} .Sustainability .Sustainability_content .Sustainability_content_list:hover .content_list_info .list_info_more{border-radius: 50%; background: #fa4616;} .Sustainability .Sustainability_content .Sustainability_content_list:hover .borderafter:after {border-color: #fa4616;} /* 绿色足迹 - 环保承诺 */ .SECommitment{} .SECommitment .SECommitment_content{width: 100%;} .SECommitment .SECommitment_content .SECommitment_content_list{width: 100%;margin-top: 40px;} .SECommitment .SECommitment_content .SECommitment_content_list .content_list_dd{margin-bottom: 18px;font-weight: 700;} .SECommitment .SECommitment_content .SECommitment_content_list .content_list_dt{line-height: 1.7;} .SECommitment .SECommitment_content .SECommitment_content_list .content_list_dt p{line-height: 1.7;} .SECommitment .SECommitment_content .SECommitment_content_list:first-child{margin-top: 0;} /* 绿色足迹 - 荣誉奖项 */ .SHonors{} .SHonors .SHonors_content{width: 100%;} .SHonors .SHonors_content .SHonors_content_desc{width: 100%;} .SHonors .SHonors_content .SHonors_content_desc p{font-size: inherit;} .SHonors .SHonors_content .SHonors_content_honor{width: 100%;display: flex;align-items: flex-start;justify-content: space-around;} .SHonors .SHonors_content .SHonors_content_honor .content_honor_list{display: flex;align-items: center;justify-content: center;flex-direction: column;} .SHonors .SHonors_content .SHonors_content_honor .content_honor_list .honor_list_thumb{} .SHonors .SHonors_content .SHonors_content_honor .content_honor_list .honor_list_thumb img{} .SHonors .SHonors_content .SHonors_content_honor .content_honor_list .honor_list_title{font-weight: 700;line-height: 1.5;} .SHonors .SHonors_content .SHonors_content_honor .content_honor_list:hover .honor_list_title{color: #fa4616;} /* 新闻中心 */ .News{} .News .News_desc{width: 100%;font-weight: 700;text-align: center;} .News .News_content{width: 100%;} .News .News_content .News_contentt_list{width: 100%;margin-top: 60px;display: flex;align-items: flex-start;justify-content: space-between;} .News .News_content .News_contentt_list .content_list_thumb{width: 50%;height: 403px;overflow: hidden;} .News .News_content .News_contentt_list .content_list_thumb img{width: 100%;height: 100%;} .News .News_content .News_contentt_list .content_list_info{width: 50%;padding: 40px;display: flex;flex-direction: column;align-items: flex-start;} .News .News_content .News_contentt_list .content_list_info .list_info_title{font-weight: 700;} .News .News_content .News_contentt_list .content_list_info .list_info_time{margin: 15px 0;} .News .News_content .News_contentt_list .content_list_info .list_info_desc{width: 100%;line-height: 1.7;} .News .News_content .News_contentt_list .content_list_info .list_info_line{margin: 24px 0;width: 20%;height: 1px;background: #dcdfe6;} .News .News_content .News_contentt_list .content_list_info .list_info_more{opacity: 0;display: flex;align-items: center;padding: 10px 12px;background: #fa4616;border-radius: 100px;} .News .News_content .News_contentt_list .content_list_info .list_info_more .info_more_txt{margin-right: 5px;color: white;} .News .News_content .News_contentt_list .content_list_info .list_info_more img{width: auto;height: 12px;} .News .News_content .News_contentt_list:hover .content_list_info .list_info_line{width: 100%;background: #fa4616;} .News .News_content .News_contentt_list:hover .content_list_info .list_info_more{opacity: 1;} /* 新闻中心详情 */ .NDetails{} .NDetails .NDetails_top{width: 100%;} .NDetails .NDetails_top .NDetails_top_left{} .NDetails .NDetails_top .NDetails_top_left .top_left_title{font-weight: 700;} .NDetails .NDetails_top .NDetails_top_left .top_left_time{margin-top: 20px;color: #fa4616;} .NDetails .NDetails_content{width: 100%;margin-top: 50px;} .NDetails .NDetails_content p{font-size: inherit;margin-bottom: 10px;line-height: 1.7;} .NDetails .NDetails_content p:last-child{margin-bottom: 0;} .NDetails .NDetails_content_fenye{width: 100%;margin-top: 24px;padding-top: 24px;border-top: 1px solid #dcdfe6;display: flex;align-items: center;justify-content: space-between;} .NDetails .NDetails_content_fenye .content_fenye_li{} .NDetails .NDetails_content_fenye .content_fenye_li a{padding: 12px 40px; background: #d0d0d0; color: #fff; border-radius: 100px;;display: flex;align-items: center;justify-content: center;} .NDetails .NDetails_content_fenye .content_fenye_btn{} .NDetails .NDetails_content_fenye .content_fenye_btn a{display: flex;align-items: center;justify-content: center;} .NDetails .NDetails_content_fenye .content_fenye_btn a img{width: 28px; height: 28px;} .NDetails .NDetails_content_fenye .content_fenye_li a:hover{background: #fa4616;} /*关于我们 */ .Aboutus{} .Aboutus .Aboutus_logo{} .Aboutus .Aboutus_logo img{} .Aboutus .Aboutus_content{width: 100%;margin: 30px 0;} .Aboutus .Aboutus_content p{line-height: 1.7;margin-bottom: 20px;} .Aboutus .Aboutus_content p:last-child{margin-bottom: 0;} .Aboutus .Aboutus_values{width: 100%;} .Aboutus .Aboutus_values .Aboutus_values_list{width: 100%;margin-bottom: 30px;display: flex;align-items: flex-start;} .Aboutus .Aboutus_values .Aboutus_values_list .values_list_dd{font-weight: 700;} .Aboutus .Aboutus_values .Aboutus_values_list .values_list_dt{} .Aboutus .Aboutus_values .Aboutus_values_list .values_list_dt .list_dt_li{margin-bottom: 20px;display: flex;align-items: flex-start;} .Aboutus .Aboutus_values .Aboutus_values_list .values_list_dt .list_dt_li .dt_li_dd{font-weight: 700;} .Aboutus .Aboutus_values .Aboutus_values_list .values_list_dt .list_dt_li .dt_li_dt{} .Aboutus .Aboutus_values .Aboutus_values_list .values_list_dt .list_dt_li:last-child{margin-bottom: 0;} .Aboutus .Aboutus_honor{width: 100%;margin-top: 60px;} .Aboutus .Aboutus_honor .Aboutus_honor_title{font-weight: 700;} .Aboutus .Aboutus_honor .Aboutus_honor_box{margin-top: 30px;display: flex;flex-wrap: wrap;} .Aboutus .Aboutus_honor .Aboutus_honor_box .honor_box_li{width: calc(25% - 23px);margin: 0 30px 30px 0;} .Aboutus .Aboutus_honor .Aboutus_honor_box .honor_box_li .box_li_thumb{width: 100%;height: ;} .Aboutus .Aboutus_honor .Aboutus_honor_box .honor_box_li .box_li_thumb img{} .Aboutus .Aboutus_honor .Aboutus_honor_box .honor_box_li .box_li_info{width: 100%;padding-top: 15px;} .Aboutus .Aboutus_honor .Aboutus_honor_box .honor_box_li .box_li_info .li_info_dd{margin-bottom: 10px;text-align: center;color: #fa4616;font-weight: 700;} .Aboutus .Aboutus_honor .Aboutus_honor_box .honor_box_li .box_li_info .li_info_dt{text-align: center;} .Aboutus .Aboutus_honor .Aboutus_honor_box .honor_box_li:nth-child(4n){margin: 0 0 30px 0;} /* 联系我们 */ .Contactus{} .Contactus .Contactus_hotline{width: 100%;} .Contactus .Contactus_hotline .Contactus_hotline_title{font-weight: 700;} .Contactus .Contactus_hotline .Contactus_hotline_time{margin: 15px 0;} .Contactus .Contactus_hotline .Contactus_hotline_tel{display: flex;align-items: center;} .Contactus .Contactus_hotline .Contactus_hotline_tel .hotline_tel_icon{display: flex;align-items: center;} .Contactus .Contactus_hotline .Contactus_hotline_tel .hotline_tel_icon img{width: auto;height: 35px;margin-right: 10px;} .Contactus .Contactus_hotline .Contactus_hotline_tel .hotline_tel_txt{font-weight: 700;color: #fa4616;} .Contactus .Contactus_content{width: 100%;} .Contactus .Contactus_content .Contactus_content_title{width: 100%;} .Contactus .Contactus_content .Contactus_content_title .content_title_dd{font-weight: 700;} .Contactus .Contactus_content .Contactus_content_title .content_title_dt{margin-top: 20px;font-weight: 700;} .Contactus .Contactus_content .Contactus_content_box{width: 100%;margin-top: 30px;display: flex;flex-wrap: wrap;} .Contactus .Contactus_content .Contactus_content_box .content_box_list{width: calc(33.33333% - 27px);margin: 0 40px 50px 0;} .Contactus .Contactus_content .Contactus_content_box .content_box_list .box_list_dd{font-weight: 700;} .Contactus .Contactus_content .Contactus_content_box .content_box_list .box_list_dt{margin-top: 15px;} .Contactus .Contactus_content .Contactus_content_box .content_box_list .box_list_dt p{line-height: 1.5;margin-bottom: 5px;} .Contactus .Contactus_content .Contactus_content_box .content_box_list .box_list_dt p:last-child{margin-bottom: 0;} .Contactus .Contactus_content .Contactus_content_box .content_box_list:nth-child(3n){margin: 0 0 50px 0;} .Contactus .Contactus_message{width: 100%;} .Contactus .Contactus_message .Contactus_message_form{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;} .Contactus .Contactus_message .Contactus_message_form .message_form_list{width: calc(50% - 6px);} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_list{margin-bottom: 20px;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_list:first-child{margin-bottom: 0px;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_top{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_li{width: 100%;height: 50px;border-radius: 4px; border: 1px solid #dcdfe6;display: flex;align-items: center;justify-content: space-between;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_top .form_list_li{width: calc(50% - 6px);margin-bottom: 20px;} ems: center;justify-content: space-between;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_top .form_list_li:nth-child(3){margin-bottom: 0;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_top .form_list_li:nth-child(4){margin-bottom: 0;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_li .list_li_icon{width: 45px;height: 100%;display: flex;align-items: center;justify-content: center;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_li .list_li_icon img{width: auto;height: 50%;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_li .list_li_txt{width: calc(100% - 45px);} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_li .list_li_txt input{width: 100%;height: 100%;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_li .list_li_txt select{width: 100%;height: 100%;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_li .list_li_txt textarea{width: 100%;padding: 2px 0;min-height: 154px;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_textarea{padding: 15px 0;height: auto;align-items: flex-start;} .Contactus .Contactus_message .Contactus_message_form .message_form_textarea .form_list_list:last-child{margin-bottom: 0;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_submit{margin-top: 20px;display: flex;align-items: center;justify-content: flex-end;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_submit input{width: 140px; height: 50px;color: #fff; background-color: #fa4616; border-color: #fa4616;text-align: center;border-radius: 4px;cursor: pointer;} /* 职业发展 */ .Careers{} .Careers .Careers_content{width: 100%;} .Careers .Careers_content .Careers_content_list{width: 100%; border-bottom: 1px solid #ebeef5;} .Careers .Careers_content .Careers_content_list .content_list_top{background: #f2f2f2; padding: 0 20px; height: 50px; line-height: 50px; display: flex; align-items: center; justify-content: space-between; cursor: pointer;} .Careers .Careers_content .Careers_content_list .content_list_top .list_top_txt{} .Careers .Careers_content .Careers_content_list .content_list_top .list_top_icon{display: flex; align-items: center; user-select: none;} .Careers .Careers_content .Careers_content_list .content_list_top .list_top_icon img{width: 13px; height: auto; transform: rotate(-90deg);} .Careers .Careers_content .Careers_content_list .content_list_bottom{width: 100%; padding: 25px 20px; display: none; -webkit-transition: none; -moz-transition: none; transition: none;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_box{width: 100%;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_box .bottom_box_li{width: 100%;margin-bottom: 40px;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_box .bottom_box_li:last-child{margin-bottom: 0;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_box .bottom_box_li .box_li_top{width: 100%;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_box .bottom_box_li .box_li_bottom{width: 100%;margin-top: 15px;padding-left: 20px;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_box .bottom_box_li .box_li_bottom p{width: 100%;margin-bottom: 10px;line-height: 1.5;display: flex;align-items: center;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_box .bottom_box_li .box_li_bottom p span{margin-right: 8px;line-height: 1.5;display: flex;align-items: center;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_box .bottom_box_li .box_li_bottom p span img{width: auto;height: 14px;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_box .bottom_box_li .box_li_bottom p:last-child{margin-bottom: 0;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_btn{margin-top: 40px;display: flex;align-items: center;justify-content: flex-start;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_btn .bottom_btn_link{background: #fa4616; border-radius: 5px;padding: 14px 22px;display: flex;align-items: center;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_btn .bottom_btn_link img{width: auto;height: 15px;margin-right: 8px;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_btn .bottom_btn_link .btn_link_txt{color: #fff;} .Careers .Careers_content .Careers_content_list.on .content_list_top .list_top_icon img{transform: rotate(0deg);} .Careers .Careers_desc{width: 100%;margin-top: 30px;display: flex;align-items: center;} .Careers .Careers_desc a{margin-left: 10px;color: #fa4616;} /* 创新与可持续发展 */ .IASDevelopment{} .IASDevelopment .IASDevelopment_title{width: 100%;} .IASDevelopment .IASDevelopment_content{width: 100%;margin-top: 25px;} .IASDevelopment .IASDevelopment_content p{width: 100%;margin-bottom: 10px;line-height: 1.6;text-indent: 2em;} .IASDevelopment .IASDevelopment_content p:last-child{margin-bottom: 0;} .IASDevelopment .IASDevelopment_content img{} .ColorCenter * { transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .ColorCenter_title { font-weight: bolder; text-align: center; color: #fa4616; margin: 55px 0px; } .ColorCenter { display: flex; justify-content: space-between; align-items: center; } .ColorCenter .ColorCenter_content { width: 72%; margin: 0 auto; position: relative; } .ColorCenter .ColorCenter_content .ColorCenter_content_bg img { width: 100%; } .ColorCenter .ColorCenter_content .ColorCenter_content_Wall .content_Wall_list { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; } .ColorCenter .ColorCenter_content .ColorCenter_content_Wall .content_Wall_list.active { opacity: 1; } .ColorCenter .ColorCenter_content .ColorCenter_content_Ground .content_Ground_list { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; } .ColorCenter .ColorCenter_content .ColorCenter_content_Ground .content_Ground_list.active { opacity: 1; } .ColorCenter .ColorCenter_Wall, .ColorCenter .ColorCenter_Ground { width: 14%; } .ColorCenter .ColorCenter_Wall .ColorCenter_Wall_title, .ColorCenter .ColorCenter_Ground .ColorCenter_Ground_title { color: #111; font-weight: bolder; text-align: center; margin-bottom: 25px; } .ColorCenter .ColorCenter_Wall .ColorCenter_Wall_content, .ColorCenter .ColorCenter_Ground .ColorCenter_Ground_content { height: 705px; } .ColorCenter .ColorCenter_Wall .ColorCenter_Wall_content .Wall_content_list, .ColorCenter .ColorCenter_Ground .ColorCenter_Ground_content .Ground_content_list { width: 132px; margin: 0 auto 15px; cursor: pointer; text-align: center; } .ColorCenter .ColorCenter_Wall .ColorCenter_Wall_content .Wall_content_list:last-child, .ColorCenter .ColorCenter_Ground .ColorCenter_Ground_content .Ground_content_list:last-child { margin-bottom: 0; } .ColorCenter .ColorCenter_Wall .ColorCenter_Wall_content .Wall_content_list .content_list_title, .ColorCenter .ColorCenter_Ground .ColorCenter_Ground_content .Ground_content_list .content_list_title { color: #111; text-align: left; margin-bottom: 8px; } .ColorCenter .ColorCenter_Wall .ColorCenter_Wall_content .Wall_content_list .content_list_img, .ColorCenter .ColorCenter_Ground .ColorCenter_Ground_content .Ground_content_list .content_list_img { border: 3px solid transparent; } .ColorCenter .ColorCenter_Wall .ColorCenter_Wall_content .Wall_content_list .content_list_img img, .ColorCenter .ColorCenter_Ground .ColorCenter_Ground_content .Ground_content_list .content_list_img img { width: 100%; height: 45px; } .ColorCenter .ColorCenter_Wall .ColorCenter_Wall_content .Wall_content_list.active .content_list_title, .ColorCenter .ColorCenter_Ground .ColorCenter_Ground_content .Ground_content_list.active .content_list_title { color: #fa4616; } .ColorCenter .ColorCenter_Wall .ColorCenter_Wall_content .Wall_content_list.active .content_list_img, .ColorCenter .ColorCenter_Ground .ColorCenter_Ground_content .Ground_content_list.active .content_list_img { border: 3px solid #fa4616; } .ColorCenter_Ground_dots, .ColorCenter_Wall_dots { text-align: center; margin: 0 auto; margin-top: 20px; width: 132px; } .ColorCenter_Ground_dots span, .ColorCenter_Wall_dots span { display: inline-block; width: 10px; height: 10px; background: #ccc; border-radius: 50%; margin: 0 5px; cursor: pointer; } .ColorCenter_Ground_dots span.active, .ColorCenter_Wall_dots span.active { background: #fa4616; } @media screen and (max-width:1750px){ .Header{height: 90px;} .Breadcrumb{margin-top: 90px;} .padding60{ padding: 55px 0px;} .padding70{ padding: 65px 0px;} .padding80{ padding: 75px 0px;} .HBMNav .HBMNav_content .HBMNav_content_list .content_list_thumb{height: 500px;} .HDInspiration .HDInspiration_content .HDInspiration_content_list .content_list_thumb{height: 400px;} .PSeries .PSeries_content .PSeries_content_list .content_list_thumb{height: 290px;} .PSLists .PSLists_content .PSeries_content_list{height: 460px;} .Inspiration .Inspiration_content .Inspiration_content_list .content_list_thumb{height: 400px;} .News .News_content .News_contentt_list .content_list_thumb{height: 400px;} } .PTemplate{padding-top:120px;} .PTemplate .PTemplate_content{} .PTemplate .PTemplate_content .content_top{} .PTemplate .PTemplate_content .content_top .content_top_title{} .PTemplate .PTemplate_content .content_bottom{} .PTemplate .PTemplate_content .content_bottom *{font-size: inherit;} .PTemplate .PTemplate_content .content_bottom p{font-size: inherit; line-height: 1.5; margin-bottom: 5px;} .PTemplate .PTemplate_content .content_bottom p:last-child{margin-bottom:0;} @media screen and (max-width:1650px){ .layui-laypage{margin-top:58px;} .padding60{ padding: 50px 0px;} .padding70{ padding: 55px 0px;} .padding80{ padding: 65px 0px;} .Title{margin-bottom: 35px;} .Header{height: 80px;} .Breadcrumb{margin-top: 80px;} .Header .Header_logo img{height: 46px;} .Header .Header_right .Header_nav{margin-right: 40px;} .Header .Header_right .Header_nav .Header_nav_list{padding: 25px 20px;} .Header .Header_right .Header_right_list{padding: 35px 0;} .Header .Header_right .Header_right_lang{margin-right: 25px;} .Header .Header_right .Header_right_menu .right_menu_btn{margin-left: 35px;} .HSProduct .HSProduct_content .banner_list .banner_list_thumb{height:270px;} .Header .Header_right .Header_right_menu .right_menu_btn.open:after{transform: translateY(-9px) rotate(-45deg);} .HSProduct .HSProduct_content .banner_list .banner_list_thumb{height:260px;} .HBMNav .HBMNav_content .HBMNav_content_list .content_list_thumb{height: 460px;} .PSeries .PSeries_content .PSeries_content_list .content_list_thumb{height: 280px;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_top{height: 65px;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_top{height: 65px;} .News .News_content .News_contentt_list .content_list_thumb{height: 380px;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .three{width: 65vw;padding: 55px;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down{height: 550px;} } @media screen and (max-width:1550px){ .layui-laypage{margin-top:48px;} .padding60{ padding: 45px 0px;} .padding70{ padding: 50px 0px;} .padding80{ padding: 55px 0px;} .Title{margin-bottom: 30px;} .scrollable::-webkit-scrollbar{width:5px;height:5px} .Header{height: 65px;} .Breadcrumb{margin-top: 65px;} .Header .Header_logo img{height: 35px;} .Header .Header_right .Header_nav .Header_nav_list .Header_nav_down{top:65px;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down{height: 480px;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .down_box_list{width: 24%;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .three{width: 65vw;padding: 50px;} .Header .Header_right .Header_nav .Header_nav_list{padding: 21px 15px;} .Header .Header_right .Header_right_list{padding: 30px 0;} .Header .Header_right .Header_right_lang .right_list_icon img:first-child{height: 18px;} .Header .Header_right .Header_right_lang .right_list_icon img:last-child{height: 4px;} .Header .Header_right .Header_right_search .right_list_icon img{height: 15px;} .Header .Header_right .Header_right_menu .right_menu_btn{margin-left: 25px;height: 20px;} .Header .Header_right .Header_right_menu .right_menu_btn:after, .Header .Header_right .Header_right_menu .right_menu_btn:before, .Header .Header_right .Header_right_menu .right_menu_btn span{width: 20px;} .Header .Header_right .Header_nav .Header_nav_list:hover:after{height: 3px;} .Header .Header_right .Header_right_lang .right_lang_down .lang_down_padding a{padding: 8px 12px;} .Header .Header_right .Header_nav .Header_nav_list .Header_nav_down{padding: 0;} .Header .Header_right .Header_nav .Header_nav_list .Header_nav_down .nav_down_box a{} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left .content_left_lang .right_list_icon img:first-child{height: 18px;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left .content_left_lang .right_list_icon img:last-child{height: 4px;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom .box_content_left .content_left_search .right_list_icon img{height: 15px;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content{padding: 60px 3vw 3vw;} .Header .Header_right .Header_right_menu .right_menu_mian .menu_box_content .box_content_bottom{padding: 60px 0 30px;} .Header .Header_right .Header_right_menu .right_menu_btn.open:before{transform: translateY(8px) rotate(45deg);} .Header .Header_right .Header_right_menu .right_menu_btn.open:after{transform: translateY(-6px) rotate(-45deg);} .banner .banner_img .swiper-button-li{width: 40px; height: 40px; line-height: 40px;} .banner .banner_img .swiper-button-li img{height: 16px;} .banner .banner_img .swiper-button-prev{top: calc(50% - 20px);} .banner .banner_img .swiper-button-next{top: calc(50% + 20px);} .banner .banner_bottom .banner_bottom_right img{height: 16px;} .HSProduct .HSProduct_content .banner_list .banner_list_thumb{height:230px;} .HDInspiration .HDInspiration_content .HDInspiration_content_list .content_list_thumb{height: 330px;} .HBMNav .HBMNav_content .HBMNav_content_list .content_list_thumb{height: 400px;} .DBanner .DBanner_arrow_bottom{width: 40px; height: 40px;bottom: 30px;} .arrow_bottom{width: 40px; height: 40px;} .Inspiration .Inspiration_content .Inspiration_content_list .content_list_thumb{height: 330px;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_top{height: 60px;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_top{height: 60px;} .News .News_content .News_contentt_list .content_list_thumb{height: 360px;} .NDetails .NDetails_content_fenye .content_fenye_li a{padding: 10px 32px;} @media screen and (max-width:1450px){ .layui-laypage{margin-top:38px;} .padding60{ padding: 40px 0px;} .padding70{ padding: 45px 0px;} .padding80{ padding: 50px 0px;} .HBMNav .HBMNav_content .HBMNav_content_list .content_list_info{padding: 40px;} .HBMNav .HBMNav_content .HBMNav_content_list .content_list_thumb{height: 380px;} .Footer .Footer_top .Footer_top_logo img{width: auto;height: 60px;} .PSeries .PSeries_content .PSeries_content_list .content_list_thumb{height: 240px;} .PSLists .PSLists_content .PSeries_content_list{height: 400px;} .PSLists .PSLists_content .PSeries_content_list .content_list_info .list_info_box{padding: 40px;} .INSDetails .INSDetails_thumb{width: 65%;} .INSDetails .INSDetails_list{width: 35%;} .INSDetails .INSDetails_thumb .INSDetails_thumb_top .banner_list .banner_list_img{height: 68vh;} .INSDetails .INSDetails_thumb .INSDetails_thumb_bottom .banner_list .banner_list_img{height: 50px;} .INSDetails .INSDetails_thumb .swiper-button-li{width: 40px;height: 40px;} .INSDetails .INSDetails_thumb .swiper-button-li img{width: auto;height: 40%;} .INSDetails .INSDetails_list .INSDetails_list_related .list_related_box .related_box_list .box_list_thumb{width: 35%;} .INSDetails .INSDetails_list .INSDetails_list_related .list_related_box .related_box_list .box_list_thumb{height: 90px;} .INSDetails .INSDetails_list .INSDetails_list_related .list_related_box .related_box_list .box_list_info{width: 60%;} .TSupport .TSupport_content .TSupport_content_list .content_list_thumb{padding: 100px;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_top{height: 50px;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_top .list_top_icon img{width: 14px;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file .li_file_icon img{height: 16px;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file .li_file_type:before{height: 16px;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_link img{height: 16px;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_top{height: 50px;} .Sustainability .Sustainability_content .Sustainability_content_list .content_list_thumb{height: 380px;} .News .News_content .News_contentt_list .content_list_thumb{height: 340px;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_submit input{width: 120px; height: 45px;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_btn .bottom_btn_link img{height: 14px;} .Header .Header_right .Header_nav .Header_nav_list .Header_nav_down{top:65px;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .three{padding: 40px;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down{height: 400px;} } @media screen and (max-width:1366px){ .scrollable::-webkit-scrollbar{width:4px;height:4px} .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1280px;} .padding70{ padding: 40px 0px;} .padding80{ padding: 45px 0px;} .HSProduct .HSProduct_content .banner_list .banner_list_thumb{height:250px;} .HBMNav .HBMNav_content .HBMNav_content_list .content_list_thumb{height: 300px;} .HDInspiration .HDInspiration_content .HDInspiration_content_list .content_list_thumb{height: 300px;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list .bottom_list_thumb .list_thumb_box{height: 170px;} .PSFilter .PSFilter_content .PSFilter_content_list .content_list_thumb .list_thumb_box{height: 170px;} .Inspiration .Inspiration_content .Inspiration_content_list .content_list_thumb{height: 300px;} .News .News_content .News_contentt_list .content_list_thumb{height: 320px;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down .pdtnav_down_box .three{padding: 35px;} .Header .Header_right .Header_nav .Header_nav_list .Header_pdtnav_down{height: 350px;} } @media screen and (max-width:1280px){ .pc_all .pc_all_content{ width: 1124px;} .pc_all2 .pc_all_content{ width: 100%;} .padding70{ padding: 35px 0px;} .padding80{ padding: 40px 0px;} .HSProduct .HSProduct_content .banner_list .banner_list_thumb{height:190px;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list .bottom_list_thumb .list_thumb_box{height: 150px;} .PSFilter .PSFilter_content .PSFilter_content_list .content_list_thumb .list_thumb_box{height: 150px;} } @media screen and (max-width:1124px){ .pc_all .pc_all_content{ width: 1024px;} } @media screen and (max-width:1024px){ /*ipad-y*/ .Header,.HeaderNav{ display: none;} .pc_all .pc_all_content{width: 90%;} /* 手机导航 */ .m-header-nav *{-webkit-transition:all 0s ease;-moz-transition:all 0s ease;transition:all 0s ease;} .m-header-nav-height{ display:block;} .m-header-nav{display: block;position:fixed;top:0;z-index:1000;width:100%;transition:all ease 0.45s; background: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,.3);} .m-header-nav .sp_header{position: relative;top:0;z-index:10000;padding: 0% 4%; display:flex; align-items:center; justify-content:space-between; height: 62px;} .m-header-nav .sp_logo{padding: 0;display:flex; align-items:center;} .m-header-nav .sp_logo a{ display: flex; position: relative; align-items: center;} .m-header-nav .sp_logo img{margin:auto;transition:all ease 0.45s; height: 28px;} .m-header-nav .sp_logo img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .m-header-nav .sp_btn{ display: flex; position: relative;} .m-header-nav .sp_btn .sp_btn_list{ margin-right: 15px; position: relative; top: -2px;} .m-header-nav .sp_btn .sp_btn_list:last-child{ margin-right: 0px;} .m-header-nav .sp_btn .sp_btn_list .btn_list_title{ display: flex; align-items:center; color:#333;} .m-header-nav .sp_btn .sp_btn_list .btn_list_title img{ height: 18px;} .m-header-nav .sp_btn .sp_btn_list .btn_list_down{ position: absolute; width: 100px; top: 40px; left: 50%; background:#fff; transform: translateX(-50%); box-shadow: 0px 0px 20px rgba(0,0,0,.1); display: none;} .m-header-nav .sp_btn .sp_btn_list .btn_list_down a{ font-size: 14px; display: inline-block; width: 100%; text-align:center; line-height: 31px;} .m-header-nav .sp_login{ position: absolute; right: 75px;} .m-header-nav .sp_login img{ height: 24px;} .m-header-nav .sp_nav{width: 26px;float:right;position:relative;cursor:pointer;height:14px;z-index: 900;top: 0px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-header-nav .sp_nav span{display:block;background:#333;width: 26px;height: 2px;position:absolute;left: 0;transition:all ease 0.45s;} .m-header-nav .sp_nav span:nth-of-type(1){top:0px; width:18px;} .m-header-nav .sp_nav span:nth-of-type(2){top: 6px;} .m-header-nav .sp_nav span:nth-of-type(3){top: 13px;} .m-header-nav .sp_nav_se{ top: -5px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-header-nav .sp_nav_se span:nth-of-type(1){top: 11px;transform:rotate(45deg); width:26px;} .m-header-nav .sp_nav_se span:nth-of-type(2){width:0;transition:none;} .m-header-nav .sp_nav_se span:nth-of-type(3){top: 11px;transform:rotate(-45deg);} .m-header-nav .sjj_nav{display: block;position:fixed;z-index:9;background:white;width:70%;height:calc(100%);font-size: .95rem;;line-height:2.7rem;top:0px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.45s; border-top:1px solid #dcdcdc; z-index: 401111; left: -75%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-header-nav .sjj_nav.active{ left: 0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-header-nav .sjj_nav_bg{ position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 401110;} .m-header-nav .sjj_nav_bg{display: none;} .m-header-nav .nav_show{display: block;} .m-header-nav .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .m-header-nav .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 100px)} .m-header-nav .sjj_nav>ul>li:first-child .language{float:right;width:93px;overflow:hidden;line-height:40px;} .m-header-nav .sjj_nav>ul>li:first-child .language a{width:50%;float:left;border-left:1px #ededed solid;text-align:center;color:#999;} .m-header-nav .sjj_nav ul li i{position: absolute; top: 0px; right: 0px; border-left: 1px #ededed solid; padding: 0px 15.5px; display: flex; align-items: center; justify-content: flex-start;} .m-header-nav .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.45s} .m-header-nav .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .m-header-nav .sjj_nav ul li{border-top:1px #ededed solid;padding-left:1.1rem;position:relative;line-height:2.6rem; list-style: none;} .m-header-nav .sjj_nav>ul >li:last-child{border-bottom:1px #ededed solid;} .m-header-nav .sjj_nav ul li ul{display:none} .m-header-nav .sjj_nav ul li a{color:#666;width:100%;display: block;font-size: 14px;padding: 14px 0;} .m-header-nav .sjj_nav ul li ul li a{color:#666;display:block;text-align:left;} .m-header-nav .sjj_nav ul li i svg{width:.9rem;height: 2.6rem;fill:#cbcbcb;} .m-header-nav .sjj_nav ul li .sjj_nav_i_se svg{fill:#000;} .m-header-nav .sjj_nav ul li ul li>ul{margin-left:10px} .padding60{padding: 35px 0;} .padding70{padding: 35px 0;} .padding80{padding: 35px 0;} .pc_all2 .pc_all_content{padding: 0;} .Title{margin-bottom: 25px;} .Breadcrumb .pc_all_content{flex-wrap: wrap;} .search .search_bg .search_content{width: 80%;} .search .search_content .search_content_top .search_close{top: -38px;} .search .search_content input[type="search"]{height: 45px;} .search .search_content input[type="submit"]{height: 45px;} .banner{ margin-top: 62px;} .banner .banner_img .banner_list .banner_list_img img{ height:280px;} .banner .banner_bottom{width: 80%;padding: 13px 20px;} .banner .banner_bottom .banner_bottom_right img{height: 14px;} .banner .banner_bottom .banner_bottom_left .swiper-container{} .HSProduct .HSProduct_content .banner_list .banner_list_thumb{height: 230px;} .HDInspiration .HDInspiration_content .HDInspiration_content_top{margin-bottom: 0;flex-direction: column;justify-content: center;} .HDInspiration .HDInspiration_content .HDInspiration_content_top .HDInspiration_content_list{width: 100%;margin-right: 0;margin-bottom: 20px;} .HDInspiration .HDInspiration_content .HDInspiration_content_list .content_list_thumb{height: 230px;} .HDInspiration .HDInspiration_content .HDInspiration_content_bottom{flex-direction: column;justify-content: center;} .HDInspiration .HDInspiration_content .HDInspiration_content_bottom .HDInspiration_content_list{width: 100%;margin-right: 0;margin-bottom: 20px;} .HDInspiration .HDInspiration_content .HDInspiration_content_bottom .HDInspiration_content_list:last-child{margin-bottom: 0;} .HBMNav .HBMNav_content{margin-top: 5px;flex-direction: column;justify-content: center;} .HBMNav .HBMNav_content .HBMNav_content_list{width: 100%;margin-right: 0;margin-bottom: 20px;} .HBMNav .HBMNav_content .HBMNav_content_list:last-child{margin-bottom: 0;} .HBMNav .HBMNav_content .HBMNav_content_list .content_list_thumb{height: 330px;} .HBMNav .HBMNav_content .HBMNav_content_list .content_list_info{padding: 30px;} .HBMNav .HBMNav_content .HBMNav_content_list .content_list_info .list_info_desc{width: 70%;} .Footer .Footer_top{padding: 30px 0;} .Footer .Footer_top .Footer_top_tel{margin: 20px 0 12px 0;} .Footer .Footer_top .Footer_top_copyright{padding: 0 30px;display: flex;align-items: center;flex-direction: column;justify-content: center;} .Footer .Footer_top .Footer_top_copyright span{display: none;} .Footer .Footer_top .Footer_top_copyright a{line-height: 1.6;display: inline-block;font-size: 14px;} .Footer .Footer_top .Footer_top_copyright p{line-height: 1.6;font-size: 14px;} .Footer .Footer_bottom{padding: 20px 30px 25px 30px;flex-direction: column;justify-content: center;} .Footer .Footer_bottom .Footer_bottom_left .bottom_left_li{line-height: 1.7;} .Footer .Footer_bottom .Footer_bottom_left{flex-wrap: wrap;margin-bottom: 15px;} .Footer .Footer_bottom .Footer_bottom_right .bottom_right_li{margin: 0 10px;} .Breadcrumb{margin-top: 62px;} .DBanner{margin-top: 0;} .DBanner .DBanner_img img{ height: 240px; object-fit: cover;} .DBanner .DBanner_title .DBanner_title_dd{font-size: 20px;margin-bottom: 16px;text-align: center;line-height: 1.5;} .DBanner .DBanner_title .DBanner_title_dt{font-size: 24px;margin-bottom: 16px;text-align: center;} .DBanner .DBanner_arrow_bottom{width: 38px;height: 38px;bottom: 20px;} .arrow_bottom{width: 38px;height: 38px;} .PSeries .PSeriest_top{flex-direction: column;} .PSeries .PSeriest_top .PSeriest_top_left{width: 100%;} .PSeries .PSeriest_top .PSeriest_top_left .top_left_txt{width: 100%;line-height: 1.7;margin-bottom: 0;} .PSeries .PSeriest_top .PSeriest_top_left .arrow_bottom{display: none;} .PSeries .PSeriest_top .PSeriest_top_right{width: 100%;margin-top: 15px;} .PSeries .PSeries_content{margin-top: 25px;align-items: center;flex-direction: column;} .PSeries .PSeries_content .PSeries_content_list{width: 100%;margin: 0 0 20px 0;} .PSeries .PSeries_content .PSeries_content_list:nth-child(3n){margin: 0 0 20px 0;} .PSeries .PSeries_content .PSeries_content_list:last-child{margin-bottom: 0;} .PSeries .PSeries_content .PSeries_content_list .content_list_info .list_info_title .info_title_label{padding: 3px 10px;} .LNLBanner .banner_list .banner_list_thumb{height: 250px;} .LNLBanner .swiper-button-li{width: 40px;height: 40px;} .LNLBanner .swiper-button-li img{height: 40%;} .LNLBanner .swiper-button-prev{top: calc(50% - 10px); left: 20px;} .LNLBanner .swiper-button-next{top: calc(50% - 10px); right: 20px;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_class{width: 100%;justify-content: center;flex-direction: column;} .PSLists .PSLists_top .PSLists_top_bottom .top_bottom_class .bottom_class_li{width: 100%;padding: 0;} .PSLists .PSLists_content .PSeries_content_list{margin-top: 20px;height: auto;flex-direction: column;justify-content: center;} .PSLists .PSLists_content .PSeries_content_list .content_list_thumb{width: 100%;height: 250px;} .PSLists .PSLists_content .PSeries_content_list .content_list_info{width: 100%;} .PSLists .PSLists_content .PSeries_content_list .content_list_info .list_info_box{padding: 20px;} .PSLists .PSLists_content .PSeries_content_list .content_list_info .list_info_more{margin-top: 18px;padding: 11px 15px;} .PSLists .PSLists_content .PSeries_content_list .content_list_info .list_info_more .info_more_icon img{height: 10px;} .PSLists .PSLists_content .PSeries_content_list .content_list_info .list_info_imgs{margin-top: 20px;} .HSProduct .Title .Title_btns .swiper-button-li{width: 38px;height: 38px;} .HSProduct .Title .Title_btns .swiper-button-li img{height: 14px;} .HSProduct .HSProduct_content .banner_list .banner_list_thumb{height: 234px;} .PSDetails .PSDetails_list{padding: 20px 0;} .PSDetails .PSDetails_list .PSDetails_list_bottom{padding-top: 25px;} .PSDetails .PSDetails_pdtshow{margin-top: 0;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select{flex-direction: column;align-items: flex-start;flex-wrap: wrap;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_select{width: 100%;margin-top: 15px;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected{width: 100%;margin-top: 15px;flex-direction: column;align-items: center;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected .select_selected_list{flex-wrap: wrap;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected .select_selected_list .selected_list_li{margin: 0 10px 10px 0;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_top .pdtshow_top_select .top_select_selected .select_selected_reset{margin-top: 15px;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list{width: 100%;margin-right: 0;margin-bottom: 20px;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list:nth-child(4n){width: 100%;margin-right: 0;margin-bottom: 20px;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list .bottom_list_thumb .list_thumb_box{height: 220px;} .PSDetails .PSDetails_pdtshow .PSDetails_pdtshow_bottom .pdtshow_bottom_list:last-child{margin-bottom: 0;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_top{height: 45px;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_top .list_top_icon img{width: 13px;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li{flex-direction: column;justify-content: center;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file{width: 100%;justify-content: space-between;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file .li_file_icon img{height: 16px;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file .li_file_title{width: calc(100% - 80px);display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_link{margin-top: 10px;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_link img{height: 14px;margin-right: 5px;} .PSFilter{padding: 20px 0;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom{padding: 0;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list{padding: 18px 0 10px 0;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info{width: calc(100% - 47px);} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dd{width: 50px;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt{width: calc(100% - 50px);} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt .info_dt_li{height: 25px; line-height: 25px; margin-right: 15px;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt .info_dt_li .dt_li_check span{width: 14px;height: 14px;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt .info_dt_li .dt_li_txt{padding-left: 6px;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_btn .list_btn_txt{margin-right: 4px;} .PSFilter .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_btn img{width: 11px;} .PSFilter .PSFilter_content{flex-direction: column;} .PSFilter .PSFilter_content .PSFilter_content_list{width: 100%;margin-bottom: 20px;} .PSFilter .PSFilter_content .PSFilter_content_list .content_list_thumb{padding: 20px;} .PSFilter .PSFilter_content .PSFilter_content_list .content_list_thumb .list_thumb_box{height: 220px;} .PSFilter .PSFilter_content .PSFilter_content_list:last-child{margin-bottom: 0;} .PSFDetails{padding: 0 0 35px 0;} .PSFDetails .PSFDetails_content .PSFDetails_content_top{align-items: center;justify-content: center;flex-direction: column;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_thumb{width: 100%;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_thumb .top_thumb_btn .thumb_btn_li{width: 40px;height: 40px;line-height: 40px;margin-left: 0;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_thumb .top_thumb_btn .thumb_btn_scale{margin-right: 15px;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list{width: 100%;margin-top: 25px;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list .top_list_param .list_param_li{height: 45px;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list .top_list_param .list_param_li .param_li_dd{width: 50%;padding: 0 15px;} .PSFDetails .PSFDetails_content .PSFDetails_content_top .content_top_list .top_list_param .list_param_li .param_li_dt{width: 50%;} .PSFDetails .PSFDetails_content .PSFDetails_content_bottom{padding-top: 30px;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_top{height: 42px;padding: 0;width: 100%;display: flex;align-items: center;justify-content: center;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_top .hox_top_li{height: 42px;line-height: 42px;padding: 0 10px;font-size: 12px;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom .hox_bottom_list{justify-content: space-around;} .Inspiration .Inspiration_nav .Inspiration_nav_option .nav_option_list .option_list_li{margin: 0 12px 12px 0;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom .hox_bottom_list .bottom_list_li .list_li_check span{width: 14px;height: 14px;} .Inspiration .Inspiration_nav .Inspiration_nav_hox .nav_hox_bottom .hox_bottom_list .bottom_list_li .list_li_txt{padding-left: 6px;} .Inspiration .Inspiration_nav .Inspiration_nav_option{flex-direction: column;justify-content: center;} .Inspiration .Inspiration_nav .Inspiration_nav_option .nav_option_list{flex-wrap: wrap;} .Inspiration .Inspiration_nav .Inspiration_nav_option .nav_option_reset{margin-top: 10px;} .Inspiration .Inspiration_content{flex-direction: column;} .Inspiration .Inspiration_content .Inspiration_content_list{width: 100% !important;margin-bottom: 20px;} .Inspiration .Inspiration_content .Inspiration_content_list .content_list_thumb{height: 234px;} .Inspiration .Inspiration_content .Inspiration_content_list .content_list_info{width: 60%;} .Inspiration .Inspiration_content .Inspiration_content_list:last-child{margin-bottom: 0;} .INSDetails{height: auto;padding: 50px 0 20px;} .INSDetails .pc_all_content{flex-direction: column;align-items: center;justify-content: center;} .INSDetails .INSDetails_close{top: 20px;right: 20px;} .INSDetails .INSDetails_close img{width: 16px;} .INSDetails .INSDetails_thumb{width: 100%;height: auto;} .INSDetails .INSDetails_thumb .INSDetails_thumb_top{padding: 0 20px;} .INSDetails .INSDetails_thumb .INSDetails_thumb_top .banner_list .banner_list_img{height: 250px;} .INSDetails .INSDetails_list{width: 100%;height: auto;} .INSDetails .INSDetails_thumb .INSDetails_thumb_bottom .banner_list .banner_list_img{height: 60px;} .INSDetails .INSDetails_list{margin-top: 20px;} .INSDetails .INSDetails_list .INSDetails_list_param{padding: 20px 0;padding: 20px 0;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list{margin-bottom: 20px;} .INSDetails .INSDetails_list .INSDetails_list_param .list_param_list .param_list_dt img{height: 8px;} .INSDetails .INSDetails_list .INSDetails_list_related .list_related_box{margin-top: 20px;} .TSupport .TSupport_content .TSupport_content_list{flex-direction: column;} .TSupport .TSupport_content .TSupport_content_list .content_list_thumb{width: 100%;padding: 50px;} .TSupport .TSupport_content .TSupport_content_list .content_list_info{width: 100%;margin-bottom: 20px;} .TSupport .TSupport_content .TSupport_content_list .content_list_info .list_info_more{background: #fa4616; border-radius: 50px;} .TSupport .TSupport_content .TSupport_content_list .content_list_info .list_info_more .info_more_txt{width: auto; border-radius: 50px;} .TSupport .TSupport_content .TSupport_content_list .content_list_info .list_info_more .info_more_icon{background: #fa4616; border-radius: 50px;} .TSupport .TSupport_content .TSupport_content_list:last-child{margin-bottom: 0;} .TSDocs .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dd{width: 71px;} .TSDocs .PSFilter_nav .PSFilter_nav_bottom .nav_bottom_list .bottom_list_info .list_info_dt{width: calc(100% - 70px);} .TSDocs .TSDocs_document{margin-top: 30px;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_top .list_top_icon img{width: 12px;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li{flex-direction: column; justify-content: center;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file{width: 100%; justify-content: space-between;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file .li_file_icon img{height: 16px;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_file .li_file_title{width: calc(100% - 80px); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .PSDetails .PSDetails_document .PSDetails_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_link img{height: 14px; margin-right: 5px;} .TSDocs .TSDocs_document .TSDocs_document_box .document_box_list .box_list_bottom .list_bottom_li .bottom_li_link{margin-top: 10px;} .TSQAnswers{padding: 20px 0 20px 0;} .TSQAnswers .TSQAnswers_document{margin-top: 25px;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_top{height: 45px;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_top .list_top_icon img{width: 13px;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_bottom .list_bottom_list{margin-bottom: 20px;padding: 0 20px 0 20px;} .TSQAnswers .TSQAnswers_document .TSQAnswers_document_box .document_box_list .box_list_bottom .list_bottom_list:first-child{padding: 20px 20px 0 20px;} .Sustainability .Sustainability_content{margin-top: 30px;flex-direction: column;justify-content: center;} .Sustainability .Sustainability_content .Sustainability_content_list{width: 100%;margin-right: 0;margin-bottom: 20px;} .Sustainability .Sustainability_content .Sustainability_content_list:last-child{margin-bottom: 0;} .Sustainability .Sustainability_content .Sustainability_content_list .content_list_thumb{height: 300px;} .Sustainability .Sustainability_content .Sustainability_content_list .content_list_info{padding: 25px;} .Sustainability .Sustainability_content .Sustainability_content_list .content_list_info .list_info_desc{width: 75%;} .SECommitment .SECommitment_content .SECommitment_content_list{margin-top: 30px;} .SECommitment .SECommitment_content .SECommitment_content_list .content_list_dd{margin-bottom: 15px;font-size: 18px;} .SHonors .SHonors_content .SHonors_content_desc{font-size: 15px;line-height: 1.7;} .SHonors .SHonors_content .SHonors_content_honor{margin-top: 20px;} .SHonors .SHonors_content .SHonors_content_honor .content_honor_list{width: 48%;} .News .News_desc{font-size: 15px;line-height: 1.7;} .News .News_content .News_contentt_list{margin-top: 20px;align-items: center;justify-content: center;flex-direction: column;} .News .News_content .News_contentt_list .content_list_thumb{width: 100%;height: 250px;} .News .News_content .News_contentt_list .content_list_info{width: 100%;padding: 25px;} .News .News_content .News_contentt_list .content_list_info .list_info_line {width: 100%;margin: 18px 0; background: #fa4616;} .News .News_content .News_contentt_list .content_list_info .list_info_more{opacity: 1;} .News .News_content .News_contentt_list .content_list_info .list_info_more img{height: 9px;} .NDetails{padding: 0 0 30px;} .NDetails .NDetails_top .NDetails_top_left .top_left_title{font-size: 24px;line-height: 1.5;} .NDetails .NDetails_top .NDetails_top_left .top_left_time{font-size: 16px;margin-top: 10px;} .NDetails .NDetails_content{margin-top: 25px;} .NDetails .NDetails_content p{font-size: 16px;} .NDetails .NDetails_content_fenye{margin-top: 20px; padding-top: 20px;} .NDetails .NDetails_content_fenye .content_fenye_li a{padding: 10px 25px;} .Aboutus{padding: 35px 0 20px 0;} .Aboutus .Aboutus_content p{font-size: 15px;margin-bottom: 10px;} .Aboutus .Aboutus_values .Aboutus_values_list{margin-bottom: 20px;} .Aboutus .Aboutus_values .Aboutus_values_list .values_list_dt{font-size: 15px;line-height: 1.5;} .Aboutus .Aboutus_values .Aboutus_values_list .values_list_dt{width: calc(100% - 100px);line-height: 1.5;} .Aboutus .Aboutus_values .Aboutus_values_list .values_list_dt .list_dt_li{margin-bottom: 10px;} .Aboutus .Aboutus_values .Aboutus_values_list .values_list_dt .list_dt_li .dt_li_dd{font-size: 15px;line-height: 1.5;} .Aboutus .Aboutus_values .Aboutus_values_list .values_list_dt .list_dt_li .dt_li_dt{width: calc(100% - 100px);font-size: 15px;line-height: 1.5;} .Aboutus .Aboutus_honor{margin-top: 25px;} .Aboutus .Aboutus_honor .Aboutus_honor_title{font-size: 20px;} .Aboutus .Aboutus_honor .Aboutus_honor_box{margin-top: 25px;flex-direction: column;} .Aboutus .Aboutus_honor .Aboutus_honor_box .honor_box_li{width: 100%;} .Aboutus .Aboutus_honor .Aboutus_honor_box .honor_box_li .box_li_info .li_info_dd{font-size: 15px;} .Aboutus .Aboutus_honor .Aboutus_honor_box .honor_box_li .box_li_info .li_info_dy{font-size: 15px;} .Aboutus .Aboutus_honor .Aboutus_honor_box .honor_box_li:last-child{margin-bottom: 0;} .Contactus .Contactus_hotline .Contactus_hotline_tel .hotline_tel_icon img{height: 26px;} .Contactus .Contactus_content{padding: 0 0 35px 0;} .Contactus .Contactus_content .Contactus_content_box{flex-direction: column;} .Contactus .Contactus_content .Contactus_content_box .content_box_list{margin: 0 0 20px 0;width: 100%;} .Contactus .Contactus_content .Contactus_content_box .content_box_list:nth-child(3n){margin: 0 0 20px 0;} .Contactus .Contactus_content .Contactus_content_box .content_box_list .box_list_dd{font-size: 16px;} .Contactus .Contactus_content .Contactus_content_box .content_box_list .box_list_dt{} .Contactus .Contactus_content .Contactus_content_box .content_box_list .box_list_dt p{font-size: 15px;} .Contactus .Contactus_content .Contactus_content_box .content_box_list:last-child{margin-bottom: 0;} .Contactus .Contactus_message .Contactus_message_form{align-items: center;justify-content: center;flex-direction: column;} .Contactus .Contactus_message .Contactus_message_form .message_form_list{width: 100%;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_li{height: 45px;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_li select{background: no-repeat;color: #aaaaaa;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_textarea{height: auto;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_textarea .list_li_icon img{height: 20px;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_li .list_li_txt textarea{min-height: 154px;} .Contactus .Contactus_message .Contactus_message_form .message_form_list .form_list_submit input{width: 100px; height: 40px;} .Careers .Careers_content .Careers_content_list .content_list_top .list_top_icon img{width: 11px;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_box .bottom_box_li{margin-bottom:30px;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_box .bottom_box_li .box_li_top{font-size: 15px;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_btn{margin-top: 30px;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_btn .bottom_btn_link{padding: 12px 18px;} .Careers .Careers_content .Careers_content_list .content_list_bottom .list_bottom_btn .bottom_btn_link img{height: 13px;margin-right: 5px;} .Careers .Careers_desc{line-height: 1.6;display: flex;flex-direction: column;align-items: center;justify-content: center;} .Careers .Careers_desc a{line-height: 1.6;} .IASDevelopment .IASDevelopment_title{font-size: 20px;} .IASDevelopment .IASDevelopment_content{width: 100%;margin-top: 20px;overflow-x: hidden;} .IASDevelopment .IASDevelopment_content p{width: 100%;font-size: 15px;line-height: 1.65;} .IASDevelopment .IASDevelopment_content img{max-width: 100%;} } @media screen and (max-width:980px){ /*ipad-x*/ img{ max-width:100%;} .padding100{ padding: 40px 0px;} } @media screen and (max-width:766px){ /*iphone*/ .pc_all .pc_all_content,.banner .banner_list_po,.DBanner .DBanner_po,.pc_all2 .pc_all_content{ max-width: 90%; width: 100%;} .PcShow { display:none;} .MoShow { display:block;} .padding100{ padding: 40px 0px;} .content_list_video .list_video_content{ width: 100%;} .content_list_video .list_video_bg{ z-index: 1120;} .content_list_video .list_video_content{ z-index: 1121;} .banner .keyvisual-inner{height: 340px;} .banner .keyvisual-inner .keyvisual-txt .txt-ttl{height: 73px; padding: 0 20px; margin-bottom: 30px; display: flex; align-items: flex-end; justify-content: center;overflow:hidden;} .banner .keyvisual-inner .keyvisual-txt .txt-ttl span{font-size: 26px;line-height:1.4;} .banner .keyvisual-inner .keyvisual-txt .txt-sub{margin-bottom:20px;} .banner .keyvisual-inner .keyvisual-txt .txt-sub .sub-txt{min-width: 1%;} .banner .keyvisual-inner .keyvisual-txt .txt-sub .sub-txt span{font-size: 20px;line-height:1.4;} .banner .keyvisual-inner .keyvisual-txt .txt-copy{font-size: 18px;line-height:1.4;} .banner .keyvisual-inner .keyvisual-scroll .scroll-link{width:60px;height:60px;} .banner .keyvisual-inner .keyvisual-scroll .scroll-link img{width:100%;height:100%;} .learn-more-hover{ width: 100px; height: 35px; line-height: 35px; margin: 10px 0 40px 0; top: 10px; } .banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn{bottom: 35px; right: 100px;} .banner .keyvisual-inner .keyvisual-start_stop .start_stop-btn:before{ top: -12px; bottom: -12px; left: -12px; right: -12px; width: 35px; height: 35px;} .PTemplate{padding-top:90px;} .SearchPage {padding-top:40px;padding-bottom:0;} .SearchPage .SearchPage_top {width:100%;margin:0 auto 30px auto;} .SearchPage .SearchPage_top input[type="search"] {width:75%;height:45px;padding:0px 20px;} .SearchPage .SearchPage_top input[type="submit"] {width:25%;height:45px;} .SearchPage .SearchPage_title {margin-bottom:30px;} .SearchPage .SearchPage_title b {margin:0px 8px;} .SearchPage .SearchPage_content {padding-bottom:0;} .SearchPage .SearchPage_content .SearchPage_content_list{padding:18px;margin-bottom:20px;} .SearchPage .SearchPage_content .SearchPage_content_list .content_list_title{margin-top: 10px;margin-bottom:12px;} .SearchPage .SearchPage_content .SearchPage_content_list:last-child{margin-bottom:0;} }