/* CSS Reset */ #think_page_trace_open{ display: none; } html{-webkit-text-size-adjust:none; width: 100%; max-width: 100%;} 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; font-size: 14px; 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; object-fit: cover;} *{ 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 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .tra:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s 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 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .tra2:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s 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; } .BWeight{ font-weight: bolder;} .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:14px;} .message_box .message_box_content .content_center input{width: 100%; 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 */ .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:99999999999;} .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:#006934;border:0px;} .pc_all .pc_all_content{ width: 1600px; margin: 0 auto; max-width: 90%;} .pc_all *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pc_all *:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pc_all2 .pc_all_content{ width: 1600px; margin: 0 auto; max-width: 90%;} .bgcolor{ background: #f5f5f5;} .page{width: 100%;margin-top: 40px;} .layui-laypage {display:flex;font-size:16px;color:#333;align-items:center;justify-content:center;} .layui-laypage .layui-laypage-disabled { margin:0 7px; border-radius: 100px; border: 1.5px solid #dcdcdd;} .layui-laypage .layui-laypage-count { margin-right: 7px; padding: 0 11px; height: 40px; font-size: 16px; line-height: 40px; color: #333; background-color: #f9f9f9; border: 1.5px solid #dcdcdd; display: none; border-radius: 100px;} .layui-laypage span{ width:40px; height:40px; font-size:16px; border-radius: 100px; color:#333; text-align:center; margin:0 7px; font-family:Arial; position:relative; font-weight:100; transition:all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s; background-color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 100px; border: 1.5px solid #dcdcdd;} .layui-laypage a { width:40px; height:40px; color:#333; font-size:16px; color:#333; border: 1.5px solid #dcdcdd; text-align:center; margin:0 7px; font-family:Arial; background-color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 100px;} .layui-laypage-curr { width:40px; height:40px; font-size:16px; border-radius: 100px; color:#333; text-align:center; margin:0 7px; font-family:Arial; position:relative; font-weight:100; transition:all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s; background-color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 100px; } .layui-laypage-curr em,.layui-laypage-disabled em { font-style:inherit; font-family:Arial; border-radius: 100px; } .layui-laypage-curr em:last-child{width:100%;height:100%;color:#fff;font-weight:100;background-color: #006934;display: flex; align-items: center; justify-content: center;} .layui-laypage .layui-laypage-disabled{ width:40px; height:40px; border-radius: 100px; display:flex; align-items:center; justify-content:center; font-size:16px; color:#333; font-weight:100; transition:all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s; background-color: #f9f9f9; cursor: not-allowed;} .layui-laypage .layui-laypage-disabled:hover{color:#999;background-color: #f9f9f9;} .layui-laypage-curr em,.layui-laypage-disabled em{font-style:inherit;}.layui-laypage-disabled{font-size:16px;color:#333;height:40px;text-align:center;margin:0 5px;width:40px;align-items:center;display:flex;align-items:center;justify-content:center;border-radius:100%;border:1.0003px solid #dadada;}.layui-laypage-disabled:hover{background:#005ac8;color:#fff;border:1.0003px solid #005ac8;} .layui-laypage span:hover{color:#999;background-color: #f9f9f9;} .layui-laypage a:hover {color:#fff;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;background-color: #006934;border-color: #006934;} .layui-laypage-limits,.layui-laypage-skip {display:none;} .layui-laypage i::after, .layui-laypage i::before{color:#333;} .layui-laypage a:hover i::after{color: #fff;} .layui-laypage a:hover i::before{color: #fff;} .FloatingBox *{transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .FloatingBox *:hover{transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .FloatingBox{ position: fixed; right: 0; top: 50%; z-index: 25;} .FloatingBox .FloatingBox_box{ box-shadow: 0px 0px 20px rgba(0,0,0,.1); border-radius: 10px;} .FloatingBox .FloatingBox_box:last-child{ margin-top: 20px;} .FloatingBox .FloatingBox_box:last-child .FloatingBox_list .FloatingBox_list_title{ border-radius: 10px;} .FloatingBox .FloatingBox_list{ position: relative; cursor: pointer;} .FloatingBox .FloatingBox_list .FloatingBox_list_title{ background:#fff; width: 80px; text-align:center; padding: 15px 0px;} .FloatingBox .FloatingBox_list:nth-child(2) .FloatingBox_list_title{ padding: 5px 0px;} .FloatingBox .FloatingBox_list:first-child .FloatingBox_list_title{ border-radius: 10px 10px 0px 0px;} .FloatingBox .FloatingBox_list:last-child .FloatingBox_list_title{ border-radius: 0px 0px 10px 10px;} .FloatingBox .FloatingBox_list .FloatingBox_list_title .list_title_icon{ display: flex; align-items:center; justify-content:center;} .FloatingBox .FloatingBox_list .FloatingBox_list_title .list_title_icon span{ display: flex; align-items:center; justify-content:center; position: relative; margin-bottom: 10px;} .FloatingBox .FloatingBox_list .FloatingBox_list_title .list_title_icon span img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .FloatingBox .FloatingBox_list .FloatingBox_list_title .list_title_dd{ color:#333;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_title .list_title_dd{ color:#fff;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_title{ background:#244d9a;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_title .list_title_icon span img{ opacity: 0;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_title .list_title_icon span img:last-child{ opacity: 1;} .FloatingBox .FloatingBox_list.wx .FloatingBox_list_down{ position: absolute; left: -130px; width: 130px; top: 0; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 20px rgba(0,0,0,.1);} .FloatingBox .FloatingBox_list.wx .FloatingBox_list_down img{ width: 100%;} .FloatingBox .FloatingBox_list.phone .FloatingBox_list_down{ position: absolute; left: -215px; width: 215px; height: 100%; align-items: center; justify-content: center; top: 0; background: #244d9a; color: #fff; border-radius: 10px 0px 0px 10px} .FloatingBox .FloatingBox_list .FloatingBox_list_down{ display: none;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_down{ display: flex;} /* .Home section{width: 100%;height: 100vh;} .Home section .pc_all{height: 100%;} .Home section.sectionLast{height: auto !important;} */ .Home section {width: 100%;height: 100vh;display: flex;align-items: center;overflow: hidden;} .Home .Home_item{width: 100%;height: 100%;position: relative;display: flex;align-items: center;} .Home section.sectionLast{height: auto !important;display: block !important;display: block;} .header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 9999999; display: flex; align-items: center; justify-content: space-between; padding: 0px 66px; height: 110px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .header .header_logo span{ display: flex; align-items: center; justify-content: center; position: relative;} .header .header_logo span img{ height: 52px;} .header .header_logo span img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .header .header_nav{ display: flex; align-items: center;} .header .header_nav .header_nav_list{ margin-right: 63px;} .header .header_nav .header_nav_list:last-child{ margin-right: 0;} .header .header_nav .header_nav_list .nav_list_title{ color: #fff;} .header .header_nav .header_nav_list.active .nav_list_title{color: #03a955 !important;} .header .header_right{ display: flex; align-items: center;} .header .header_right .header_right_list{ margin-right: 48px;position: relative;} .header .header_right .header_right_list:last-child{ margin-right: 0;} .header .header_right .header_right_list .nav_list_title{ color: #fff; display: flex; align-items: center;} .header .header_right .header_right_list .nav_list_title span{ margin-right: 9px; display: flex; align-items: center; justify-content: center; position: relative;} .header .header_right .header_right_list .nav_list_title span img{ height: 20px; opacity: 1;} .header .header_right .header_right_list .nav_list_title span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .header .header_right .header_right_list.language .nav_list_down{position: absolute; top: 100%; width: 105px; left: 50%; transform: translateX(-50%); padding-top: 20px; display: none;} .header .header_right .header_right_list.language .nav_list_down .list_down_box{border-radius: 5px; position: relative;} .header .header_right .header_right_list.language .nav_list_down .list_down_box:before{ content:""; display:inline-block; width:0; height:0; border-right:10px solid transparent; border-left:10px solid transparent; border-bottom:10px solid rgba(0,0,0,.5); position:absolute; top:-10px; left:0; right:0; margin:0 auto;} .header .header_right .header_right_list.language .nav_list_down .list_down_box a{display: inline-block; width: 100%; line-height: 38px; font-size: inherit; text-align: center; color: #fff; background: rgba(0,0,0,.5);} .header .header_right .header_right_list.language .nav_list_down .list_down_box a:hover{background: #006a36; color: #fff;} .header .header_right .header_right_list:hover .nav_list_down{display: block;} .header .header_right .header_right_list.language{cursor: pointer;} .header .header_right .header_right_list.srh{cursor: pointer;} .header.active{ background: #fff; box-shadow: 0px 3px 15px rgba(0,0,0,.08);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; height: 90px;} .header.active .header_logo span img{ opacity: 1;} .header.active .header_logo span img:last-child{ opacity: 1;} .header.active .header_right .header_right_list .nav_list_title span img{ opacity: 0;} .header.active .header_right .header_right_list .nav_list_title span img:last-child{ opacity: 1;} .header.active .header_nav .header_nav_list .nav_list_title{ color: #111111;} .header.active .header_right .header_right_list .nav_list_title{ color: #666666;} .Home .Home_item.banner{justify-content: center;} .banner{ height: 100vh; overflow: hidden;} .banner .banner_list .banner_list_po{ position: absolute; left: 0; right: 0; top: 0; height: 100%; display: flex; flex-direction: column; justify-content: center;} .banner .banner_list .banner_list_po .list_po_title{ margin-bottom: 70px;} .banner .banner_list .banner_list_po .list_po_title .po_title_dd{ color: #fff;font-family: none;} .banner .banner_list .banner_list_po .list_po_title .po_title_dd span{ margin-left: 45px;font-size: inherit;font-family: none;} .banner .banner_list .banner_list_po .list_po_title .po_title_dd b{ color: #03a955;font-size: inherit;font-weight: bold;font-family: none;} .banner .banner_list .banner_list_po .list_po_title .po_title_dt{ color: #fff; margin-top: 33px;} .banner .banner_list .banner_list_img{ height: 100vh;} .banner .banner_list .banner_list_img img{ height: 100vh; width: 100%; object-fit: cover;} .banner .banner_bottom{ position: absolute; bottom: 75px; display: flex; align-items: center; justify-content: space-between; z-index: 3;} .banner .banner_bottom .swiper-pagination{ position: relative; text-align: left;} .banner .banner_bottom .swiper-pagination span{ width: 23px; height: 23px; background: none; border-radius: 100%; margin-right: 14px; position: relative;} .banner .banner_bottom .swiper-pagination span::before{ content: ""; display: inline-block; width: 7px; height: 7px; background: #fff; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);} .banner .banner_bottom .swiper-pagination span svg{ opacity: 0; position: relative; left: -2px; top: -1px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .banner .banner_bottom .swiper-pagination span.swiper-pagination-bullet-active svg{ opacity: 1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .banner .banner_bottom .banner_bottom_right{ transform: rotate(90deg);} .banner .banner_bottom .banner_bottom_right .bottom_right_title{ color: #fff; position: relative; display: flex; justify-content: flex-end;} .banner .banner_bottom .banner_bottom_right .bottom_right_icon{ width: 105px; height: 2px; background: rgba(255,255,255,.5); position: relative; margin-bottom: 12px;} .banner .banner_bottom .banner_bottom_right .bottom_right_icon span{ width: 20px; height: 4px; background: #fff; border-radius: 100px; display: inline-block; position: absolute; right: 10px; top: -1px;animation: SCROLL 2s linear infinite;} @keyframes SCROLL{ 0% { right: 0; } 50% { right: 20px;; } 100% { right: 0; } } .padding110{ padding: 100px 0px;} .padding120{ padding: 120px 0px;} .padding130{ padding: 130px 0px;} .padding140{ padding: 140px 0px;} .btn{ display: flex; align-items: center; padding: 12px 30px; color: #006934; border: 1px solid #eeeeee; border-radius: 100px; position: relative; top: 0;} .btn span{ margin-left: 7px; position: relative; display: flex; align-items: center; justify-content: center;} .btn span img{ height: 16px; opacity: 0;} .btn span img:last-child{ position: absolute; left: 0; top: 0; opacity: 1;} .btn.active{ background: #03a955; color: #fff; border: 1px solid #03a955;} .btn.active span img{ height: 16px; opacity: 1;} .btn.active span img:last-child{ opacity: 0;} .btn:hover{ background: #03a955; color: #fff; border: 1px solid #03a955; top: -5px;} .btn:hover span img{ height: 16px; opacity: 1;} .btn:hover span img:last-child{ opacity: 0;} .btn.color2{ color: #fff; border: 1px solid #fff;} .btn.color2 span img{ height: 16px; opacity: 1;} .btn.color2 span img:last-child{ opacity: 0;} .btn.color2:hover{ background: #03a955; color: #fff; border: 1px solid #03a955;} .btn.color3{} .btn.color3{ padding: 10px 32px; background: #006a36; color: #fff; border: 1px solid #006a36;} .btn.color3 span img{ height: 18px; opacity: 1;} .btn.color3 span img:last-child{ opacity: 0;} .btn.color3:hover{ background: #fff; color: #006a36; border: 1px solid #dddddd;} .btn.color3:hover span img:first-child{ opacity: 0;} .btn.color3:hover span img:last-child{ opacity: 1;} .title.marginbottom55{ margin-bottom: 55px;} .title.dflex{ display: flex; align-items: flex-end; justify-content: space-between;} .title.dfacjs{display: flex; align-items: center; justify-content: space-between;} .title .title_left .title_left_dd{ color: #111;} .title .title_left .title_left_dd img{ height: 14px; position: relative; top: -8px;} .title .title_left .title_left_dt{ color: #006a36; margin-top: 25px; font-weight: bolder;} .title .title_left .title_left_p{ margin-top: 55px;} .title .title_left .title_left_p p{ color: #333333; line-height: 1.7; margin-bottom: 14px;font-size: inherit;} .title .title_left .title_left_p p:last-child{ margin-bottom: 0;} .title .title_nav{display: flex; flex-wrap: wrap;} .title .title_nav a{padding: 17px 58px;margin-right: 10px;margin-bottom:10px;color: #000;border: 1px solid #dcdcdc;border-radius: 100px;position: relative; top: 0;} .title .title_nav a:hover{ background: #006934 !important; color: #fff; border: 1px solid #006934; top: -5px;color: white;} .title .title_nav a:last-child{margin-right: 0;} .title .title_nav a.on{background: #006934 !important; color: #fff; border: 1px solid #006934;color: white;} .title .title_nav a.on:hover{top: 0;} .title.color .title_left .title_left_dd{ color: #fff;} .title.color .title_left .title_left_dt{ color: #fff;} .title.color .title_left .title_left_p p{ color: #fff;} .Home .Home_item .title .title_left{max-width:70%;} .Home .About .title .title_left{max-width:100%;} .About{ background: url(../images/bg1on.jpg) no-repeat 50%/cover; overflow: hidden;} .About .About_top{ display: flex; align-items: center; justify-content: space-between;} .About .About_top .About_top_left{ width: 55%;} .About .About_top .About_top_left .title .title_left{ margin-bottom: 60px;} .About .About_top .About_top_right{ position: relative; width: 36.5%;} .About .About_top .About_top_right .top_right_icon{animation: rotateAnimation 50s linear infinite;} .About .About_top .About_top_right .top_right_icon img{ width: 100%;} .About .About_top .About_top_right .top_right_img{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; left: 0; top: 0;} .About .About_top .About_top_right .top_right_img img{ width: 81%;} @keyframes rotateAnimation { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .About .About_botttom{ display: flex; align-items: center; justify-content: space-between; position: relative; padding-bottom: 60px; margin-top: 45px;} .About .About_botttom::before{ content: ""; display: inline-block; width: 200vw; height: 5px; background: url(../images/bn7.png) repeat-x; position: absolute; left: -50vw; bottom: 0;} .About .About_botttom .About_botttom_list{ display: flex; align-items: center; position: relative; z-index: 2;} .About .About_botttom .About_botttom_list .botttom_list_icon{ margin-right: 20px;} .About .About_botttom .About_botttom_list .botttom_list_title .list_title_dd{ margin-bottom: 13px; color: #111111;} .About .About_botttom .About_botttom_list .botttom_list_title .list_title_dt{ color: #666666;} .About .About_botttom .About_botttom_list::before{ content: ""; display: inline-block; width: 161px; height: 45px; background: url(../images/bn8.png) no-repeat 50% 50%; position: absolute; bottom: -75px; left: 0; right: 0; margin: 0 auto; opacity: 0;} .About .About_botttom .About_botttom_list:hover .botttom_list_title .list_title_dd{ color: #006a36;} .About .About_botttom .About_botttom_list:hover .botttom_list_title .list_title_dt{ color: #006a36;} .About .About_botttom .About_botttom_list:hover::before{ opacity: 1;} .IProduct{ overflow: hidden;} .IProduct .IProduct_img{ width: 100%; height: 100vh;} .IProduct .IProduct_img .IProduct_img_list:first-child{ position: relative;} .IProduct .IProduct_img .IProduct_img_list{ position: absolute; left: 0;width: 100%; height: 100vh; top: 0; opacity: 0; background: #006a36;} .IProduct .IProduct_img .IProduct_img_list.active{ opacity: 1;} .IProduct .IProduct_img .IProduct_img_list img{ width: 100%; height: 100vh; object-fit: cover;} .IProduct .IProduct_bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: url(../images/bn9.png) no-repeat 50%/cover; display: flex; align-items: center;} .IProduct .IProduct_bg .pc_all_content{ display: flex; flex-direction: column; align-items: flex-end;} .IProduct .IProduct_bg .title{ width: 40%;} .IProduct .IProduct_bg .IProduct_txt{ width: 40%; margin-bottom: 25px;} .IProduct .IProduct_bg .IProduct_txt .IProduct_txt_list{ color: rgba(255,255,255,.8); line-height: 1.65; display: none;} .IProduct .IProduct_bg .IProduct_txt .IProduct_txt_list.active{ display: block;} .IProduct .IProduct_bg .IProduct_content{ display: flex; flex-wrap: wrap; width: 40%; justify-content: space-between;} .IProduct .IProduct_bg .IProduct_content .IProduct_content_list{ display: flex; width: 45%; border-bottom: 1px solid rgba(255,255,255,.2); padding: 27px 0px; align-items: center; justify-content: space-between; opacity: .7; cursor: pointer;} .IProduct .IProduct_bg .IProduct_content .IProduct_content_list .content_list_left{ display: flex; align-items: center; color: #fff;} .IProduct .IProduct_bg .IProduct_content .IProduct_content_list .content_list_left span{ margin-right: 16px;} .IProduct .IProduct_bg .IProduct_content .IProduct_content_list .content_list_left span img{ width: 22px;} .IProduct .IProduct_bg .IProduct_content .IProduct_content_list .content_list_right img{ height: 12px;} .IProduct .IProduct_bg .IProduct_content .IProduct_content_list.active{ opacity: 1;} .IProduct .IProduct_bg .IProduct_content .IProduct_content_list.active{ border-bottom: 1px solid #fff;} .HNews .HNews_content{ display: flex; justify-content: space-between;} .HNews .HNews_content .content_left_list{ width: calc(33.33% - 20px); display: inline-block; border-radius: 10px; overflow: hidden;background: #f5f5f5; border-bottom: 2px solid #006934;} .HNews .HNews_content .content_left_list .left_list_img{width: 100%;height: 267px;overflow: hidden;} .HNews .HNews_content .content_left_list .left_list_img img{ width: 100%;height: 100%;} .HNews .HNews_content .content_left_list .left_list_txt{ background: #f5f5f5; padding: 35px;} .HNews .HNews_content .content_left_list .left_list_txt .list_txt_time{ color: #006934;} .HNews .HNews_content .content_left_list .left_list_txt .list_txt_dd{ color: #111111; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin: 17px 0px;} .HNews .HNews_content .content_left_list .left_list_txt .list_txt_dt{ color: #666666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .HNews .HNews_content .content_left_list .left_list_txt .list_txt_btn{ display: flex; align-items: center; margin-top: 32px;} .HNews .HNews_content .content_left_list .left_list_txt .list_txt_btn img{ margin-left: 9px; height: 7px;} .HNews .HNews_content .content_left_list:hover .left_list_img img{transform: scale(1.15);} .HNews .HNews_content .content_left_list:hover .list_txt_dd{color: #006934;} .HNews .HNews_content .HNews_content_right{ width: calc(33.33% - 20px); background: #f5f5f5; padding: 0px 30px; border-radius: 10px; border-bottom: 2px solid #006934;} .HNews .HNews_content .HNews_content_right .content_right_list{ display: inline-block; width: 100%; padding: 33px 0px; border-bottom: 1px solid #e1e1e1;} .HNews .HNews_content .HNews_content_right .content_right_list:last-child{ border-bottom: 0;} .HNews .HNews_content .HNews_content_right .content_right_list .right_list_dd{ color: #006934;} .HNews .HNews_content .HNews_content_right .content_right_list .right_list_dt{ color: #111111; margin-top: 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .HNews .HNews_content .HNews_content_right .content_right_list:hover .right_list_dt{ color: #006934;} .ESG .ESG_bg{ width: 100%; height: 100vh;} .ESG .ESG_bg img{ width: 100%; height: 100vh; object-fit: cover;} .ESG .pc_all_content{ position: absolute; left: 0; right: 0;top: 50%;transform: translateY(-50%);} .ESG .title{ width: 75%;} .ESG .title .title_left{ margin-bottom: 55px;} .ESG .title .title_left .title_left_p{ margin-top: 40px;} footer{ width: 100%;} .Footer{ padding-top: 80px; padding-bottom: 110px;} .Footer .pc_all_content{ display: flex; justify-content: space-between;} .Footer .Footer_left{ width: 25%;} .Footer .Footer_left .Footer_left_logo{ margin-bottom: 25px;} .Footer .Footer_left .Footer_left_logo img{ height: 52px;} .Footer .Footer_left .Footer_left_content .left_content_list{ display: flex; align-items: center; margin-bottom: 10px; justify-content: space-between;} .Footer .Footer_left .Footer_left_content .left_content_list:last-child{ margin-bottom: 0;} .Footer .Footer_left .Footer_left_content .left_content_list .content_list_icon img{ width: 18px;} .Footer .Footer_left .Footer_left_content .left_content_list .content_list_title{ color: #666666; width: calc(100% - 28px); line-height: 1.55;} .Footer .Footer_right{ display: flex; width: 75%; justify-content: flex-end;} .Footer .Footer_right .Footer_right_nav{ display: flex;} .Footer .Footer_right .Footer_right_nav .right_nav_list{ margin-right: 40px;} .Footer .Footer_right .Footer_right_nav .right_nav_list .nav_list_title a{ color: #111;} .Footer .Footer_right .Footer_right_nav .right_nav_list .nav_list_title a:hover{ color: #006835;} .Footer .Footer_right .Footer_right_nav .right_nav_list .nav_list_txt{ margin-top: 15px;} .Footer .Footer_right .Footer_right_nav .right_nav_list .nav_list_txt p{ margin-bottom: 12px;} .Footer .Footer_right .Footer_right_nav .right_nav_list .nav_list_txt p a{ color: #666;line-height:1.3;} .Footer .Footer_right .Footer_right_nav .right_nav_list .nav_list_txt p a:hover{ color: #006835;} .Footer .Footer_right .Footer_right_nav .right_nav_list .nav_list_txt p:last-child{ margin-bottom: 0;} .Footer .Footer_right .Footer_right_img{ text-align: center;} .Footer .Footer_right .Footer_right_img .right_img_dd{ border: 1px solid #dcdcdc; display: flex; justify-content: center; border-radius: 5px; overflow: hidden;} .Footer .Footer_right .Footer_right_img .right_img_dt{ color: #666; line-height: 1.6; margin-top: 18px;} .Copyright{ background: #f5f5f5;} .Copyright .pc_all_content{ display: flex; justify-content: space-between; height: 75px; align-items: center;} .Copyright .pc_all_content .Copyright_left{ color: #999;} .Copyright .pc_all_content .Copyright_right{ color: #999;} .Copyright .pc_all_content .Copyright_left a{ color: #999; margin-left: 15px;} .Copyright .pc_all_content .Copyright_right a{ color: #999;} .Copyright .pc_all_content .Copyright_right a:hover{ color: #006835;} .HBanner{width: 100%;} .HBanner .HBanner_content{width: 100%;position: relative;} .HBanner .HBanner_content .HBanner_content_thumb{width: 100%;} .HBanner .HBanner_content .HBanner_content_thumb img{width: 100%;} .HBanner .HBanner_content .HBanner_content_info{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);} .HBanner .HBanner_content .HBanner_content_info .content_info_entitle{margin-bottom: 15px;color: white;text-transform: uppercase;} .HBanner .HBanner_content .HBanner_content_info .content_info_title{color: white;} .AboutUs{background: url(../images/bn17.png) no-repeat;background-position: 25px 98%;} .AboutUs .title .title_left .title_left_p p{color: #666666;} .AboutUs .About_botttom{width: 100%;display: flex; align-items: center; justify-content: space-between; position: relative; padding-bottom: 60px; margin-top: 45px;} .AboutUs .About_botttom .About_botttom_list{ display: flex; align-items: center; position: relative; z-index: 2;} .AboutUs .About_botttom .About_botttom_list .botttom_list_icon{ margin-right: 20px;} .AboutUs .About_botttom .About_botttom_list .botttom_list_title .list_title_dd{ margin-bottom: 11px; color: #111111;} .AboutUs .About_botttom .About_botttom_list .botttom_list_title .list_title_dt{ color: #666666;} .AboutUs .About_botttom .About_botttom_list::before{ content: ""; display: inline-block; width: 1px; height: 48px; background: #ededed; position: absolute; right: -8vw; bottom: 50%;transform: translateY(50%);} .AboutUs .About_botttom .About_botttom_list:hover .botttom_list_title .list_title_dd{ color: #006a36;} .AboutUs .About_botttom .About_botttom_list:hover .botttom_list_title .list_title_dt{ color: #006a36;} .AboutUs .About_botttom .About_botttom_list:last-child::before{display: none;} .AboutUs .About_thumb{width: 100%;} .AboutUs .About_thumb img{width: 100%;} .ACCulture{background: #f5f5f5;} .ACCulture .ACCulture_content{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .ACCulture .ACCulture_content .ACCulture_content_list{width: calc(33.3333% - 28px);height: 450px;margin-right: 32px;border-radius: 12px;position: relative;overflow: hidden;} .ACCulture .ACCulture_content .ACCulture_content_list:last-child{margin-right: 0;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_top{width: 100%;height: 100%;padding: 38px;background: white;position: relative;z-index: 1;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_top .list_top_icon{display: flex;align-items: center;justify-content: flex-end;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_top .list_top_icon img{width: 36px;height: 36px;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_top .list_top_thumb{width: 100%;margin-bottom: 35px;display: flex;align-items: center;justify-content: center;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_top .list_top_thumb img{width: 178px;aspect-ratio: 1 / 1; object-fit: cover;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_top .list_top_info{width: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_top .list_top_info .top_info_title{color: #006a36;margin-bottom:15px;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_top .list_top_info .top_info_entitle{margin: 8px 0 15px 0;color: #006a36;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_top .list_top_info .top_info_desc{width: 100%;color: #666666;line-height: 1.6;text-align: center;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_bottom{width: 100%;height: 100%;padding: 38px;display: flex ; flex-direction: column; justify-content: space-between;position: absolute;left: 0;top: 0;background: #006a36;opacity: 0;z-index: 2;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_bottom .list_bottom_top{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_bottom .list_bottom_top .bottom_top_left{} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_bottom .list_bottom_top .bottom_top_left img{} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_bottom .list_bottom_top .bottom_top_right{width: 80px;height: 80px;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_bottom .list_bottom_top .bottom_top_right img{width: 100%;height: 100%;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_bottom .list_bottom_bottom{width: 100%;margin-bottom: 10px;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_bottom .list_bottom_bottom .bottom_bottom_title{color: white;margin-bottom:15px;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_bottom .list_bottom_bottom .bottom_bottom_entitle{margin: 8px 0 15px 0;color: white;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_bottom .list_bottom_bottom .bottom_bottom_desc{width: 100%;color: white;line-height: 1.6;} .ACCulture .ACCulture_content .ACCulture_content_list:hover .content_list_bottom{opacity: 1;} .ASArea{} .ASArea .ASArea_content{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;} .ASArea .ASArea_content .ASArea_content_list{width: calc(25% - 19px);height: 485px;margin-right: 25px;border-radius: 12px;position: relative;overflow: hidden;} .ASArea .ASArea_content .ASArea_content_list .content_list_thumb{width: 100%;height: 100%;} .ASArea .ASArea_content .ASArea_content_list .content_list_thumb img{width: 100%;height: 100%;} .ASArea .ASArea_content .ASArea_content_list .content_list_title{width: 100%;padding: 80px 0 36px 0;background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0.6));position: absolute;left: 0;bottom: 0;z-index: 2;color: white;text-align: center;} .ASArea .ASArea_content .ASArea_content_list:last-child{margin-right: 0;} .AHonor{height: 887px;background: #f7f7f7;display: flex; align-items: center;overflow: hidden;} .AHonor .AHonor_content{display: flex;align-items: center;justify-content: space-between;} .AHonor .AHonor_content .content_info_param{} .AHonor .AHonor_content .content_info_param .info_param_list{margin-bottom: 40px;} .AHonor .AHonor_content .content_info_param .info_param_list .param_list_dd{margin-bottom: 5px;color: #006a36;} .AHonor .AHonor_content .content_info_param .info_param_list .param_list_dd span{color: #006a36;} .AHonor .AHonor_content .content_info_param .info_param_list .param_list_dt{color: #666666;} .AHonor .AHonor_content .content_info_param .info_param_list :last-child{margin-bottom: 0;} .AHonor .AHonor_content .AHonor_content_thumb{} .AHonor .pc_all_content .AHonor_right{ display: flex; align-items: flex-start; width: 59%; position: relative;} .AHonor .pc_all_content .AHonor_right *{ -webkit-transition:all inherit;-moz-transition:　inherit;transition:　inherit; } .AHonor .pc_all_content .AHonor_right .AHonor_right_l{ display: flex; justify-content: space-between; width: 100%; overflow: inherit !important; opacity: 0; position: absolute;} .AHonor .pc_all_content .AHonor_right .AHonor_right_l.active{ opacity: 1; z-index: 2;} .AHonor .pc_all_content .AHonor_right .AHonor_right_l:first-child{ position: relative;} .AHonor .pc_all_content .AHonor_right .AHonor_right_list{ width: 30%;} .AHonor .pc_all_content .AHonor_right .AHonor_right_list .right_list_li{ display: flex; padding: 20px; box-shadow: 0px 12px 32px rgba(3,39,82,.15); margin-bottom: 50px;} .News { width: 100%; background: #f5f5f5;} .News .News_content { } .News .News_content .News_content_top { width: 100%; margin-bottom: 30px;position: relative;} .News .News_content .News_content_top .swiper-container {width: 100%; } .News .News_content .News_content_top .swiper-container .swiper-wrapper { } .News .News_content .News_content_top .swiper-slide.banner_list { width: 100%;height: 528px;background: white;border-radius: 12px;overflow: hidden;display: flex;align-items: center;justify-content: space-between;} .News .News_content .News_content_top .swiper-slide.banner_list .banner_list_thumb { width: 50.813%; height: 100%;} .News .News_content .News_content_top .swiper-slide.banner_list .banner_list_thumb img { width: 100%;height: 100%;} .News .News_content .News_content_top .swiper-slide.banner_list .banner_list_info { width: 49.187%;height: 100%;padding: 55px;display: flex;flex-direction: column;justify-content: center;} .News .News_content .News_content_top .swiper-slide.banner_list .banner_list_info .list_info_time {width: 100%; font-weight: 200;color: #006a36;} .News .News_content .News_content_top .swiper-slide.banner_list .banner_list_info .list_info_title {width: 100%; margin: 18px 0 25px 0; color: #111111;} .News .News_content .News_content_top .swiper-slide.banner_list .banner_list_info .list_info_desc {width: 100%;margin-bottom: 25px; color: #666666; line-height: 1.65;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .News .News_content .News_content_top .swiper-slide.banner_list .banner_list_info .list_info_more {width: 100%;display: flex;align-items: center;} .News .News_content .News_content_top .swiper-slide.banner_list .banner_list_info .list_info_more .info_more_txt { margin-right: 5px; color: #666666; } .News .News_content .News_content_top .swiper-slide.banner_list .banner_list_info .list_info_more img { width: 8px;height: 14px;} .News .News_content .News_content_top .swiper-slide.banner_list:hover .banner_list_info .list_info_title{color: #006a36;} .News .News_content .News_content_top .swiper-pagination{text-align: left; left: 54.5%; bottom: 76px; z-index: 9;} .News .News_content .News_content_top .swiper-pagination span{ width: 12px; height: 12px; background: #cce1d6; border-radius: 100%; margin-right: 10px; position: relative;} .News .News_content .News_content_top .swiper-pagination span.swiper-pagination-bullet-active{background: #006a36;} .News .News_content .News_content_top .swiper-pagination { } .News .News_content .News_content_bottom { } .News .News_content .News_content_bottom .content_bottom_list {width: 100%;padding: 20px;margin-bottom: 20px;border-radius: 12px;background: white;display: flex;align-items: center;justify-content: space-between;overflow: hidden;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_thumb {width: 436px;height: 281px;border-radius: 12px;overflow: hidden;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_thumb img {width: 100%;height: 100%;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_info {width: calc(100% - 436px); padding: 20px 60px;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_info .list_info_time {width: 100%; font-weight: 200;color: #999999;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_info .list_info_title {width: 100%; margin: 18px 0 25px 0; color: #111111;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_info .list_info_desc {width: 100%;margin-bottom: 25px; color: #666666; line-height: 1.65;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_info .list_info_more {width: 100%;display: flex;align-items: center;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_info .list_info_more .info_more_txt { margin-right: 5px; color: #999999;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_info .list_info_more img { width: 7px;height: 12px;} .News .News_content .News_content_bottom .content_bottom_list:last-child{margin-right: 0;} .News .News_content .News_content_bottom .content_bottom_list:hover .bottom_list_thumb img {transform: scale(1.15);} .News .News_content .News_content_bottom .content_bottom_list:hover .bottom_list_info .list_info_title{color: #006a36;} .Recruit { } .Recruit .Recruit_content { width: 100%;} .Recruit .Recruit_content .Recruit_content_box { width: 100%;} .Recruit .Recruit_content .Recruit_content_box .content_box_list {width: 100%; margin-bottom: 20px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top {width: 100%;padding: 30px;user-select: none;display: flex;align-items: center;justify-content: space-between;background: white;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top .list_top_info {} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top .list_top_info .top_info_title {margin-bottom: 18px;color: #111;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top .list_top_info .top_info_param {display: flex;align-items: center;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top .list_top_info .top_info_param .info_param_li {margin-right: 40px;color: #666666;font-size: inherit;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top .list_top_info .top_info_param .info_param_li:last-child{margin-right: 0;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top .list_top_btn {padding: 10px 0;display: flex;align-items: center;cursor: pointer;user-select: none;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top .list_top_btn .top_btn_txt {margin-right: 10px;color:#666666;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top .list_top_btn svg {width: 16px;height: 16px;fill: #666666;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom {width: 100%; padding: 50px;transition: all 0s !important;background: white;display: none;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom *{transition: all 0s !important;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom .list_bottom_info { width: 100%;margin-bottom: 30px;display: flex;align-items: flex-start;justify-content: space-between;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom .list_bottom_info .bottom_info_list { width: 45%;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom .list_bottom_info .bottom_info_list .info_list_dd {width: 100%;margin-bottom: 25px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom .list_bottom_info .bottom_info_list .info_list_dt {width: 100%;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom .list_bottom_info .bottom_info_list .info_list_dt p {width: 100%; line-height: 1.65; margin-bottom: 10px;font-size: inherit;color: #666666;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom .list_bottom_btn {user-select: none;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom .list_bottom_btn a {display: inline-block; padding: 9.5px 28px; background: #006a36; color: white; border-radius: 7px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list:last-child{margin-bottom: 0;} .Recruit .Recruit_content .Recruit_content_box .content_box_list.on{box-shadow: 0 0 10px 0 rgba(0,0,0,0.03);} .Recruit .Recruit_content .Recruit_content_box .content_box_list.on .box_list_top{background: #006934;} .Recruit .Recruit_content .Recruit_content_box .content_box_list.on .box_list_top .list_top_info .top_info_title{color: white;} .Recruit .Recruit_content .Recruit_content_box .content_box_list.on .box_list_top .list_top_info .top_info_param .info_param_li {color: white;} .Recruit .Recruit_content .Recruit_content_box .content_box_list.on .box_list_top .list_top_btn .top_btn_txt{color: white;} .Recruit .Recruit_content .Recruit_content_box .content_box_list.on .box_list_top .list_top_btn svg {fill: #ffffff;transform: rotate(-180deg);} .NDetails { } .NDetails .NDetails_content {display: flex;align-items: flex-start;justify-content: space-between;} .NDetails .NDetails_content .NDetails_content_left {width: 1155px;padding: 45px;background: white;border-radius: 12px;} .NDetails .NDetails_content .NDetails_content_left .content_left_top {width: 100%;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #eeeeee;} .NDetails .NDetails_content .NDetails_content_left .content_left_top .left_top_title {margin-bottom: 10px;line-height: 1.5;color: #111111;} .NDetails .NDetails_content .NDetails_content_left .content_left_top .left_top_patam {display: flex;align-items: center;} .NDetails .NDetails_content .NDetails_content_left .content_left_top .left_top_patam .top_patam_li { margin-right: 40px;color: #666;display: flex;align-items: center;} .NDetails .NDetails_content .NDetails_content_left .content_left_top .left_top_patam .top_patam_li img{margin-right: 6px;} .NDetails .NDetails_content .NDetails_content_left .content_left_top .left_top_patam .top_patam_li:nth-child(1) img { width: 18px;height: 18px;} .NDetails .NDetails_content .NDetails_content_left .content_left_top .left_top_patam .top_patam_li:nth-child(2) img { width: 24px;height: 24px;} .NDetails .NDetails_content .NDetails_content_left .content_left_top .left_top_patam .top_patam_li:last-child{margin-right: 0;} .NDetails .NDetails_content .NDetails_content_left .content_left_content {width: 100%;} .NDetails .NDetails_content .NDetails_content_left .content_left_content p {margin-bottom: 15px;line-height: 1.6;font-size: inherit;color: #666666;} .NDetails .NDetails_content .NDetails_content_left .content_left_content p :last-child{margin-bottom: 0;} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom {width: 100%;padding-top: 30px;margin-top: 30px;border-top: 1px solid #eeeeee;display: flex;align-items: center;justify-content: space-between;} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom .left_bottom_fenye {width: 75%;} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom .left_bottom_fenye .bottom_fenye_li {width: 100%;display: flex;align-items: center;justify-content: space-between;} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom .left_bottom_fenye .bottom_fenye_li .fenye_li_txt {width: 72px;font-size: inherit;} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom .left_bottom_fenye .bottom_fenye_li a {width: calc(100% - 72px);font-size: inherit;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .NDetails .NDetails_content .NDetails_content_left .content_left_bottom .left_bottom_fenye .bottom_fenye_li:hover .fenye_li_txt{ color: #006934;} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom .left_bottom_fenye .bottom_fenye_li:hover a{ color: #006934;} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom .left_bottom_fenye .bottom_fenye_li:first-child{margin-bottom: 22px;} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom .left_bottom_btn {padding: 12px 30px;border: 1px solid #ddd;border-radius: 100px;display: flex;align-items: center;justify-content: center;} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom .left_bottom_btn .bottom_btn_txt {margin-right: 10px;color: #006a36;} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom .left_bottom_btn img { } .NDetails .NDetails_content .NDetails_content_right {width: calc(100% - 1180px);border-radius: 12px;} .NDetails .NDetails_content .NDetails_content_right .content_right_list {width: 100%;padding: 20px;margin-bottom: 20px;display: inline-block;background: white;border-radius: 12px;} .NDetails .NDetails_content .NDetails_content_right .content_right_list .right_list_thumb {width: 100%;height: 196px; margin-bottom: 20px; border-radius: 12px;overflow: hidden;} .NDetails .NDetails_content .NDetails_content_right .content_right_list .right_list_thumb img {width: 100%;height: 100%;} .NDetails .NDetails_content .NDetails_content_right .content_right_list .right_list_info {width: 100%;} .NDetails .NDetails_content .NDetails_content_right .content_right_list .right_list_info .list_info_time {margin-bottom: 8px; color: #006934;} .NDetails .NDetails_content .NDetails_content_right .content_right_list .right_list_info .list_info_title {width: 100%;line-height: 1.5;color: #111111;} .NDetails .NDetails_content .NDetails_content_right .content_right_list:last-child{margin-bottom: 0;} .NDetails .NDetails_content .NDetails_content_right .content_right_list:hover .right_list_thumb img {transform: scale(1.15);} .NDetails .NDetails_content .NDetails_content_right .content_right_list:hover .right_list_info .list_info_title{ color: #006934;} .CService { } .CService .title .title_left .title_left_p p{color: #666666;} .CService .CService_content {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} .CService .CService_content .CService_content_list {width: calc(20% - 20px);height: auto;padding: 55px 28px 28px 28px;margin-right: 24px;background: white;border-radius: 12px;} .CService .CService_content .CService_content_list .content_list_icon {width: 100%;margin-bottom: 30px;display: flex;align-items: center;justify-content: center;} .CService .CService_content .CService_content_list .content_list_icon img { width: auto;height: 55px;} .CService .CService_content .CService_content_list .content_list_txt {line-height: 1.6;color: #666666;} .CService .CService_content .CService_content_list:last-child{margin-right: 0;} .Contact { } .Contact .Contact_content {display: flex;align-items: center;justify-content: space-between;} .Contact .Contact_content .Contact_content_info {width:50%;} .Contact .Contact_content .Contact_content_info .title { } .Contact .Contact_content .Contact_content_info .title .title_left { } .Contact .Contact_content .Contact_content_info .title .title_left .title_left_dd { } .Contact .Contact_content .Contact_content_info .content_info_box {margin-bottom: 50px;} .Contact .Contact_content .Contact_content_info .content_info_box .info_box_list {padding-bottom: 23px; padding-right: 20px; margin-bottom: 23px; border-bottom: 2px solid #eef4f2; display: flex; align-items: center; justify-content: space-between;} .Contact .Contact_content .Contact_content_info .content_info_box .info_box_list .box_list_icon { width: 60px; height: 60px;border-radius: 100px;border: 2px solid #eef4f2;display: flex;align-items: center;justify-content: center;} .Contact .Contact_content .Contact_content_info .content_info_box .info_box_list .box_list_icon img{width: auto;height: 50%; } .Contact .Contact_content .Contact_content_info .content_info_box .info_box_list .box_list_txt {width: calc(100% - 75px); color: #666666; display: flex;align-items: center;} .Contact .Contact_content .Contact_content_info .content_info_box .info_box_list .box_list_txt span{font-size: inherit;} .Contact .Contact_content .Contact_content_info .content_info_box .info_box_list:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;} .Contact .Contact_content .Contact_content_info .content_info_btn { display: flex;align-items: center;} .Contact .Contact_content .Contact_content_info .content_info_btn .btn { } .Contact .Contact_content .Contact_content_info .content_info_btn .btn span { } .Contact .Contact_content .Contact_content_map {width:45%; display: flex;align-items: center;} .Contact .Contact_content .Contact_content_map img{ } .COFilling {width: 100%;} .COFilling .title .title_left .title_left_p {margin-top: 30px; } .COFilling .title .title_left .title_left_p p{line-height: 1.2;color: #666666;} .COFilling .title .title_left .title_left_p a{font-size: inherit;color: #006934;font-weight: 600;} .COFilling .COFilling_content {width: 100%; margin-top: 50px; display: flex; align-items: center; justify-content: space-between; position: relative;} .COFilling .COFilling_content .COFilling_content_list {width: calc(50% - 20px); display: flex; align-items: center; position: relative; z-index: 2;border-radius: 12px;overflow: hidden;} .COFilling .COFilling_content .COFilling_content_list .content_list_thumb {width: 100%;height: 466px;} .COFilling .COFilling_content .COFilling_content_list .content_list_thumb img {width: 100%;height: 100%;} .COFilling .COFilling_content .COFilling_content_list .content_list_info{width: 100%; padding: 80px 42px 42px 42px; background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0.6)); position: absolute; left: 0; bottom: 0; z-index: 2; color: white; text-align: center;} .COFilling .COFilling_content .COFilling_content_list .content_list_info .list_info_box {width: 100%;display: flex;align-items: center;justify-content: space-between;} .COFilling .COFilling_content .COFilling_content_list .content_list_info .list_info_txt {color: white;} .COFilling .COFilling_content .COFilling_content_list .content_list_info .btn {color: white;} .COFilling .COFilling_content .COFilling_content_list::before {content: ""; display: inline-block; width: 1px; height: 48px; background: #ededed; position: absolute; right: -8vw; bottom: 50%; transform: translateY(50%);} .COFilling .COFilling_content .COFilling_content_list:hover .content_list_info .list_info_txt { } .COFilling .COFilling_content .COFilling_content_list:hover .content_list_info .btn { } .COFilling .COFilling_content .COFilling_content_list:last-child::before {display: none;} .Product .title .title_nav a{padding: 15px 18px;margin-right: 8px;background: white;} .Product .Product_content{width: 100%;} .PAntisepsis .Product_content{display: flex;align-items: flex-start;flex-wrap: wrap;} .PAntisepsis .Product_content .Product_content_list{width: calc(25% - 23px);margin: 0 30px 30px 0;border-radius: 12px;background: white;overflow: hidden;} .PAntisepsis .Product_content .Product_content_list:nth-child(4n){margin: 0 0 30px 0;} .PAntisepsis .Product_content .Product_content_list .content_list_thumb{width: 100%;height: 414px;overflow: hidden;} .PAntisepsis .Product_content .Product_content_list .content_list_thumb img{width: 100%;height: 100%;} .PAntisepsis .Product_content .Product_content_list .content_list_title{width: 100%;padding: 25px;text-align: center;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .PAntisepsis .Product_content .Product_content_list:hover{background: #006934;} .PAntisepsis .Product_content .Product_content_list:hover .content_list_thumb img{transform: scale(1.15);} .PAntisepsis .Product_content .Product_content_list:hover .content_list_title{color: white;} .PPCustom .Product_content .Product_content_top{width: 100%;display: flex;align-items: center;justify-content: space-between;} .PPCustom .Product_content .Product_content_top .content_top_info{width:60%;} .PPCustom .Product_content .Product_content_top .content_top_info .title{} .PPCustom .Product_content .Product_content_top .content_top_info .top_info_desc{width: 100%;line-height: 1.6;color: #666666;} .PPCustom .Product_content .Product_content_top .content_top_info .top_info_btn{display: flex;align-items: center;} .PPCustom .Product_content .Product_content_top .content_top_thumb{} .PPCustom .Product_content .Product_content_top .content_top_thumb img{} .PPCustom .Product_content .Product_content_bottom{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list{width: calc(33.3333% - 22px);height: 606px;padding: 50px 70px;margin-right: 32px;border: 1px solid #e2e2e2;background: white;border-radius: 12px;overflow: hidden;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list .bottom_list_thumb{width: 100%;margin-bottom: 30px;display: flex;align-items: center;justify-content: center;position: relative;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list .bottom_list_thumb .backimg{width: auto;height: 180px;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list .bottom_list_thumb .list_thumb_icon{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);} .PPCustom .Product_content .Product_content_bottom .content_bottom_list .bottom_list_thumb .list_thumb_icon img{width: auto;height: 45px;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list .bottom_list_info{width: 100%;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list .bottom_list_info .list_info_title{width: 100%;margin-bottom: 20px;text-align: center;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list .bottom_list_info .list_info_desc{width: 100%;line-height: 1.6;color: #666;text-align:center;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list:last-child{margin-right: 0;} .PAdhesive .Product_content{display: flex;align-items: flex-start;flex-wrap: wrap;} .PAdhesive .Product_content .Product_content_list{width: calc(33.3333% - 15px);margin: 0 22px 22px 0;} .PAdhesive .Product_content .Product_content_list:nth-child(3n){margin: 0 0 20px 0;} .PAdhesive .Product_content .Product_content_list .content_list_thumb{width: 100%;height: 321px;border-radius: 12px;overflow: hidden;} .PAdhesive .Product_content .Product_content_list .content_list_thumb img{width: 100%;height: 100%;} .PAdhesive .Product_content .Product_content_list .content_list_info{width: 100%;padding: 20px 0 10px 0;} .PAdhesive .Product_content .Product_content_list .content_list_info .list_info_title{width: 100%;margin-bottom: 12px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .PAdhesive .Product_content .Product_content_list .content_list_info .list_info_desc{width: 100%;height: 48px;line-height: 1.5;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .PAdhesive .Product_content .Product_content_list:hover .content_list_thumb img{transform: scale(1.15);} .PAdhesive .Product_content .Product_content_list:hover .content_list_info .list_info_title{color: #006934;} .SProtection .Product_content{height: 475px;display: flex;align-items: center;justify-content: center;} .SProtection .Product_content .SProtection_list{height: 100%;padding: 20px 0;display: flex;flex-direction: column;justify-content: space-between;} .SProtection .Product_content .SProtection_list .SProtection_list_li{display: flex;align-items: center;} .SProtection .Product_content .SProtection_list .SProtection_list_li span{width: 15px;height: 15px;border: 2px solid #006934;border-radius: 100px;display: flex;align-items: center;justify-content: center;position: relative;} .SProtection .Product_content .SProtection_list .SProtection_list_li span:before{content: "";width: 5px;height: 5px;background: #006934;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);border-radius: 100px;} .SProtection .Product_content .SProtection_list .SProtection_list_li span:after{content: "";width: 50px;height: 2px;background: #006934;position: absolute;left: 100%;top: 50%;transform: translateY(-50%);} .SProtection .Product_content .SProtection_list .SProtection_list_li .list_li_txt{width: 270px; padding: 15px; line-height: 1.35; text-align: center;;border-radius: 100px;background: #006934;color: white;display: flex;align-items: center;justify-content: center;} .SProtection .Product_content .SProtection_list.left .SProtection_list_li .list_li_txt{margin-right: 15px;} .SProtection .Product_content .SProtection_list.right .SProtection_list_li .list_li_txt{margin-left: 15px;} .SProtection .Product_content .SProtection_list.right .SProtection_list_li span::after{right: 100%;left: auto;} .SProtection .Product_content .SProtection_thumb{margin:0 47px;height: 100%;;} .SProtection .Product_content .SProtection_thumb img{width: auto;height: 100%;;} .PFlooring .Product_content .PFlooring_thumb{width: 100%;} .PFlooring .Product_content .PFlooring_thumb img{width: 100%;} .PFlooring .Product_content .PFlooring_info{margin-top: 28px;display: flex;align-items: flex-end;justify-content: center;} .PFlooring .Product_content .PFlooring_info .PFlooring_info_li{margin: 0 3vw; display: flex; flex-direction: column; align-items: center; justify-content: center;} .PFlooring .Product_content .PFlooring_info .PFlooring_info_li span{width: 15px;height: 15px;margin-bottom: 12px;border: 2px solid #006934;border-radius: 100px;display: flex;align-items: center;justify-content: center;position: relative;} .PFlooring .Product_content .PFlooring_info .PFlooring_info_li span:before{content: "";width: 5px;height: 5px;background: #006934;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);border-radius: 100px;} .PFlooring .Product_content .PFlooring_info .PFlooring_info_li span:after{content: "";width: 2px;height: 30px;background: #006934;position: absolute;left: 50%;bottom: 100%;transform: translateX(-50%);} .PFlooring .Product_content .PFlooring_info .PFlooring_info_li .info_li_txt{padding: 11px 32px;border: 1px solid #006934;color: #006934;background: white;border-radius: 100px;display: flex;align-items: center;justify-content: center;position: relative;font-weight: bold !important;} .SearchPage{ background: #f5f5f5;} .SearchPage .Search_content .Search_content_box{width: 100%;Display: flex;justify-content: space-between;flex-wrap: wrap;} .SearchPage .Search_content .Search_content_box .content_box_list{ margin-top: 20px; width: calc(50% - 10px); padding: 20px; position: relative; top: 0; background: #fff; border-radius: 10px; overflow: hidden;} .SearchPage .Search_content .Search_content_box .content_box_listi:nth-child(-n+2){margin-top: 0;} .SearchPage .Search_content .Search_content_box .content_box_list:hover{ background: #006934; top: -10px; box-shadow: 0px 0px 20px rgba(0,0,0,.2);} .SearchPage .Search_content .Search_content_box .content_box_list .box_list_time{width: 100%;} .SearchPage .Search_content .Search_content_box .content_box_list .box_list_title{width: 100%;margin: 15px 0;line-height: 1.5;} .SearchPage .Search_content .Search_content_box .content_box_list .box_list_more{width: 100%;} .SearchPage .Search_content .Search_content_box .content_box_list b{font-size: inherit;color: #006934;} .SearchPage .Search_content .Search_content_box .content_box_list:hover .box_list_time{ color: #fff;} .SearchPage .Search_content .Search_content_box .content_box_list:hover .box_list_title{ color: #fff;} .SearchPage .Search_content .Search_content_box .content_box_list:hover .box_list_more{ color: #fff;} .SearchPage .Search_content .Search_content_box .content_box_list:hover .box_list_more i{ color: #fff;} .SearchPage .Search_content .Search_content_box .content_box_list:hover b{color: #fff;} @media screen and (max-width:1650px){ .page{margin-top:38px;} .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1550px;} .padding110{ padding: 100px 0px;} .title.marginbottom55{margin-bottom: 45px;} .btn{padding: 13px 20px;} .header .header_logo span img{height: 50px;} .header .header_nav .header_nav_list{margin-right: 55px;} .Footer .Footer_right{width: 73%;} .AHonor{height: 800px;} .PAntisepsis .Product_content .Product_content_list .content_list_thumb{height: 351px;} .PAntisepsis .Product_content .Product_content_list .content_list_title{padding: 22px;} .AHonor .AHonor_content .AHonor_content_thumb{height: 700px;} .AHonor .AHonor_content .AHonor_content_thumb img{height: 100%;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_top .list_top_thumb img{width: 160px;} .News .News_content .News_content_top .swiper-slide.banner_list{height: 500px;} .NDetails .NDetails_content .NDetails_content_right .content_right_list .right_list_thumb{height: 175px;} .CService .CService_content .CService_content_list{width: calc(20% - 16px); height: auto; padding: 40px 25px 25px 25px;margin-right: 20px;} .COFilling .COFilling_content .COFilling_content_list .content_list_thumb{height: 450px;} .COFilling .COFilling_content .COFilling_content_list .content_list_info{padding: 75px 40px 40px 40px;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list{height:564px;} } @media screen and (max-width:1550px){ .page{margin-top:35px;} .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1450px;} .padding110{ padding: 90px 0px;} .padding120{ padding: 100px 0px;} .padding130{ padding: 110px 0px;} .padding140{ padding: 120px 0px;} .title.marginbottom55{margin-bottom: 40px;} .title .title_left .title_left_p{margin-bottom: 45px;} .btn{padding: 12px 29px;} .btn span img{height: 14px;} .header.active{height: 80px;} .header .header_logo span img{height: 45px;} .header .header_nav .header_nav_list{margin-right: 50px;} .header .header_right .header_right_list{margin-right: 40px;} .About .About_top .About_top_left .title .title_left{margin-bottom: 50px;} .About .About_botttom .About_botttom_list .botttom_list_title .list_title_dd{margin-bottom: 10px;} .Footer .Footer_right{width: 73%;} .Footer .Footer_right .Footer_right_nav .right_nav_list{margin-right: 22px;} .AHonor{height: 700px;} .IProduct .IProduct_bg .IProduct_content .IProduct_content_list .content_list_left span img{width: 18px;} .HNews .HNews_content .content_left_list .left_list_img{height:267px;} .HNews .HNews_content .content_left_list .left_list_txt{padding: 30px;} .HNews .HNews_content .content_left_list .left_list_txt .list_txt_btn{margin-top: 28px;} .HNews .HNews_content .HNews_content_right .content_right_list{padding: 28px 0;} .HNews .HNews_content .HNews_content_right .content_right_list .right_list_dt{margin-top: 10px;} .IProduct .IProduct_bg .IProduct_content .IProduct_content_list{padding: 24px 0px;} .Product .title .title_nav a{padding: 14px 17px;} .title .title_left .title_left_dt{margin-top: 20px;} .PAntisepsis .Product_content .Product_content_list .content_list_thumb{height: 283px;} .PAntisepsis .Product_content .Product_content_list .content_list_title{padding: 20px;} .PAdhesive .Product_content .Product_content_list .content_list_thumb{height: 278px;} .SProtection .Product_content{height: 410px;} .SProtection .Product_content .SProtection_list .SProtection_list_li .list_li_txt{width: 210px; padding: 15px 0;margin-right: 10px;} .SProtection .Product_content .SProtection_list .SProtection_list_li span:after{width: 40px;} .SProtection .Product_content .SProtection_thumb{margin: 0 38px;} .PFlooring .Product_content .PFlooring_info .PFlooring_info_li .info_li_txt{padding: 10px 30px;} .PPCustom .Product_content .Product_content_top .content_top_info{width: 48%;} .PPCustom .Product_content .Product_content_top .content_top_thumb{width: 50%;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list{width: calc(33.3333% - 19px); height: 590px; padding: 45px 60px; margin-right: 28px;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list .bottom_list_thumb{margin-bottom: 28px;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list .bottom_list_thumb .backimg{height: 150px;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list .bottom_list_thumb .list_thumb_icon img{height: 38px;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list .bottom_list_info .list_info_titleb{margin-bottom: 20px;} .AboutUs .About_botttom .About_botttom_list .botttom_list_title .list_title_dd{margin-bottom: 10px;} .AboutUs .About_botttom .About_botttom_list::before{right: -7vw;} .ACCulture .ACCulture_content .ACCulture_content_list{width: calc(33.3333% - 20px); height: 420px; margin-right: 30px;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_bottom .list_bottom_top .bottom_top_right{width: 70px; height: 70px;} .ASArea .ASArea_content .ASArea_content_list{height: 450px;} .AHonor .AHonor_content .AHonor_content_thumb{height: 650px;} .AHonor .AHonor_content .AHonor_content_info{padding: 0;} .News .News_content .News_content_top .swiper-slide.banner_list{height: 470px;} .News .News_content .News_content_top .swiper-slide.banner_list .banner_list_info{padding: 50px;} .News .News_content .News_content_top .swiper-pagination{bottom: 56px;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_thumb{width: 375px; height: 250px;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_info{width: calc(100% - 375px); padding: 20px 50px;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_info .list_info_title{margin: 16px 0 22px 0;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_info .list_info_desc{margin-bottom: 22px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top{padding: 28px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom{padding: 48px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom .list_bottom_info .bottom_info_list{width: 46%;} .NDetails .NDetails_content .NDetails_content_left{width: 72.2%;} .NDetails .NDetails_content .NDetails_content_right{width: 26%;} .NDetails .NDetails_content .NDetails_content_right .content_right_list .right_list_thumb{height: 160px;} .NDetails .NDetails_content .NDetails_content_left{padding: 40px;} .NDetails .NDetails_content .NDetails_content_left .content_left_top{padding-bottom: 25px; margin-bottom: 25px;} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom{padding-top: 25px; margin-top: 25px;} .CService .CService_content .CService_content_list{width: calc(25% - 21px); height: auto; padding: 50px 30px 30px 30px;margin-right: 28px;margin-bottom: 28px;} .CService .CService_content .CService_content_list:nth-child(4n){margin-right: 0;} .Contact .Contact_content .Contact_content_info{width: 45%;} .Contact .Contact_content .Contact_content_info .content_info_box{margin-bottom: 40px;} .Contact .Contact_content .Contact_content_info .content_info_box .info_box_list{padding-bottom: 18px; padding-right: 15px; margin-bottom: 18px;} .Contact .Contact_content .Contact_content_info .content_info_box .info_box_list .box_list_icon{width: 50px;height: 50px;} .Contact .Contact_content .Contact_content_info .content_info_box .info_box_list .box_list_txt{width: calc(100% - 70px);} .Contact .Contact_content .Contact_content_map{width: 48%;} .COFilling .title .title_left .title_left_p p{line-height: 1.55;} .COFilling .title .title_left .title_left_p a{line-height: 1.55;} .COFilling .COFilling_content .COFilling_content_list .content_list_thumb{height: 420px;} .COFilling .COFilling_content .COFilling_content_list .content_list_info{padding: 70px 35px 35px 35px;} .IProduct .IProduct_bg .title{width: 50%;} .IProduct .IProduct_bg .IProduct_content{width: 50%;} } @media screen and (max-width:1450px){ .page{margin-top:30px;} .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1366px;} .padding110{ padding: 80px 0px;} .padding120{ padding: 90px 0px;} .padding130{ padding: 100px 0px;} .padding140{ padding: 110px 0px;} .Btn .Btn_left{ padding: 0px 14px;} .Btn .Btn_right{ width: 36px; height: 36px;} .title.marginbottom55{margin-bottom: 35px;} .title .title_left .title_left_p{margin-bottom: 45px;margin-top: 45px;} .header .header_logo span img{height: 40px;} .header .header_nav .header_nav_list{margin-right: 45px;} .About .About_top .About_top_left .title .title_left{margin-bottom: 40px;} .About .About_botttom .About_botttom_list .botttom_list_title .list_title_dd{margin-bottom: 8px;} .HNews .HNews_content .content_left_list .left_list_img{height:255px;} .Footer .Footer_right .Footer_right_nav .right_nav_list{margin-right: 18px;} .PAntisepsis .Product_content .Product_content_list .content_list_title{padding: 18px;} .ASArea .ASArea_content .ASArea_content_list{height: 430px;} .AHonor{height: 650px;} .AHonor .AHonor_content .AHonor_content_thumb{height: 600px;} .News .News_content .News_content_top .swiper-slide.banner_list{height: 450px;} .News .News_content .News_content_top .swiper-slide.banner_list .banner_list_info{padding: 45px;} .News .News_content .News_content_top .swiper-pagination{bottom: 52px;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_info{padding: 20px 40px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top{padding: 26px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom{padding: 38px;} .NDetails .NDetails_content .NDetails_content_right .content_right_list .right_list_thumb{height: 150px;} .COFilling .COFilling_content .COFilling_content_list .content_list_thumb{height: 360px;} .COFilling .COFilling_content .COFilling_content_list .content_list_info{padding: 65px 30px 30px 30px;} } @media screen and (max-width:1366px){ .page{margin-top:25px;} .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1280px;} .padding110{ padding: 70px 0px;} .padding120{ padding: 80px 0px;} .padding130{ padding: 85px 0px;} .padding140{ padding: 90px 0px;} .header.active{height: 70px;} .header .header_right .header_right_list{margin-right: 35px;} .header .header_nav .header_nav_list{margin-right: 35px;} .title.marginbottom55{margin-bottom: 30px;} .title .title_left .title_left_p{margin-bottom: 30px;margin-top: 30px;} .About .About_top .About_top_left .title .title_left{margin-bottom: 35px;} .btn{padding: 10px 22px;} .btn:hover span img{height: 14px;} .Footer .Footer_right .Footer_right_nav .right_nav_list{margin-right: 15px;} .AHonor{height: 600px;} .HNews .HNews_content .content_left_list .left_list_img{height:230px;} .HNews .HNews_content .content_left_list .left_list_txt{padding: 25px;} .HNews .HNews_content .content_left_list .left_list_txt .list_txt_btn{margin-top: 18px;} .HNews .HNews_content .HNews_content_right .content_right_list{padding: 20px 0;} .IProduct .IProduct_bg .IProduct_content .IProduct_content_list{padding: 20px 0px;} .title .title_left .title_left_dt{margin-top: 15px;} .Product .title .title_nav a{padding: 10px 13px;margin-right: 10px;} .PAntisepsis .Product_content .Product_content_list .content_list_thumb{height: 244px;} .PAntisepsis .Product_content .Product_content_list .content_list_title{padding: 15px;} .PAdhesive .Product_content .Product_content_list .content_list_thumb{height: 196px;} .SProtection .Product_content{height: 345px;} .SProtection .Product_content .SProtection_list .SProtection_list_li .list_li_txt{width: 190px; padding: 15px 0;margin-right: 8px;} .SProtection .Product_content .SProtection_list .SProtection_list_li span:after{width: 30px;} .SProtection .Product_content .SProtection_thumb{margin: 0 26px;} .SProtection .Product_content .SProtection_list.left .SProtection_list_li .list_li_txt{font-size: 15px;} .PFlooring .Product_content .PFlooring_info .PFlooring_info_li{margin: 0 2vw;} .PFlooring .Product_content .PFlooring_info .PFlooring_info_li .info_li_txt{padding: 8px 20px;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list{width: calc(33.3333% - 17px); height: 593px; padding: 35px 40px; margin-right: 25px;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list .bottom_list_thumb{margin-bottom: 25px;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list .bottom_list_thumb .backimg{height: 130px;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list .bottom_list_thumb .list_thumb_icon img{height: 33px;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list .bottom_list_info .list_info_titleb{margin-bottom: 15px;} .AboutUs .About_botttom .About_botttom_list::before{right: -5.2vw;} .ACCulture .ACCulture_content .ACCulture_content_list{width: calc(33.3333% - 17px); height: 400px; margin-right: 25px;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_top .list_top_thumb img{width: 140px;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_bottom .list_bottom_top .bottom_top_right{width: 60px; height: 60px;} .ASArea .ASArea_content .ASArea_content_list{height: 410px;} .AHonor .AHonor_content .AHonor_content_thumb{height: 550px;} .News .News_content .News_content_top .swiper-slide.banner_list{height: 400px;} .News .News_content .News_content_top .swiper-slide.banner_list .banner_list_info{padding: 40px;} .News .News_content .News_content_top .swiper-pagination{bottom: 48px;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_thumb{width: 315px; height: 210px;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_info{width: calc(100% - 315px); padding: 18px 30px;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_info .list_info_title{margin: 12px 0 16px 0;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_info .list_info_desc{margin-bottom: 20px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top{padding: 25px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom{padding: 35px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom .list_bottom_info .bottom_info_list{width: 47%;} .NDetails .NDetails_content .NDetails_content_right .content_right_list .right_list_thumb{height: 140px;} .NDetails .NDetails_content .NDetails_content_right .content_right_list{padding: 18px; margin-bottom: 18px;} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom .left_bottom_fenye{width: 74%;} .NDetails .NDetails_content .NDetails_content_left{padding: 30px;} .CService .CService_content .CService_content_list .content_list_icon img{height: 45px;} .CService .CService_content .CService_content_list .content_list_icon{margin-bottom: 18px;} .CService .CService_content .CService_content_list{height: auto; padding: 35px 25px 25px 25px;} .Contact .Contact_content .Contact_content_info .content_info_box{margin-bottom: 35px;} .Contact .Contact_content .Contact_content_info .content_info_box .info_box_list{padding-bottom: 15px; padding-right: 10px; margin-bottom: 15px;} .Contact .Contact_content .Contact_content_info .content_info_box .info_box_list .box_list_icon{width: 45px;height: 45px;} .Contact .Contact_content .Contact_content_info .content_info_box .info_box_list .box_list_txt{width: calc(100% - 60px);} .COFilling .COFilling_content .COFilling_content_list .content_list_thumb{height: 320px;} .COFilling .COFilling_content .COFilling_content_list .content_list_info{padding: 60px 25px 25px 25px;} } @media screen and (max-width:1280px){ .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1124px;} .header .header_nav .header_nav_list{margin-right: 30px;} .AHonor{height: 550px;} .ACCulture .ACCulture_content .ACCulture_content_list .content_list_top .list_top_thumb img{width: 130px;} } @media screen and (max-width:1124px){ .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1024px;} } @media screen and (max-width:1024px){ /*ipad-y*/ .Home section {height: auto;} .Home .Home_item{height: auto;} .Home section.sectionFirst{margin-top: 62px;} .header{ display: none;} .pc_all .pc_all_content,.banner .banner_list_po,.DBanner .DBanner_po,.pc_all2 .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: 38px;} .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:#006431;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} .page{margin-top: 20px;} .btn{padding: 8px 18px} .btn.active span img{height: 14px;} .btn.color3{padding: 9px 25px;} .btn.color3 span img{height: 15px;} .padding110{ padding: 60px 0px;} .padding140{padding: 60px 0;} .title.dflex{flex-direction: column;align-items: flex-start; justify-content: center;} .title.dflex .title_left{margin-bottom: 20px;} .title .title_nav{display: flex;flex-wrap: wrap;} .title .title_nav a{padding: 9px 25px;} .title .title_left .title_left_p{margin-bottom: 18px; margin-top: 18px;} .title.marginbottom55{margin-bottom: 20px;} .Product .title .title_nav a{display: inline-block;padding: 9px 18px;margin: 0 15px 15px 0;} .Home .Home_item .title .title_left{max-width: 100%;} .Home .Home_item.banner{height: 270px;} .banner .banner_bottom .banner_bottom_right{display: none;} .banner .swiper-container{height: 100%;} .banner .banner_list .banner_list_img{height: 100%;} .banner .banner_list .banner_list_img img{height: 100%;} .banner .banner_list .banner_list_po{height: 100%;} .banner .banner_list .banner_list_po .list_po_title{margin-bottom: 30px;} .banner .banner_list .banner_list_po .list_po_title .po_title_dt{margin-top: 15px;} .banner .banner_list .banner_list_po .list_po_title .po_title_dd span{ margin-left: 20px;} .banner .banner_bottom{bottom: 20px;right: 25px;left: auto;} .banner .banner_bottom .swiper-pagination{display: flex;align-items: center;justify-content: flex-end;width: 100%;} .banner .banner_bottom .swiper-pagination span{width: 15px;height: 15px;} .banner .banner_bottom .swiper-pagination span svg{left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%) scale(0.65);} .banner .banner_bottom .swiper-pagination span::before{width: 5px;height: 5px;} .About{padding: 40px 0 30px 0;} .About .About_top{flex-direction: column;justify-content: center;} .About .About_top .About_top_left{width: 100%;margin-bottom: 10px;} .About .About_top .About_top_right{width: 100%;} .About .title .title_left .title_left_p{margin-bottom: 15px; margin-top: 15px;} .About .title .title_left .title_left_p p{text-align: left;} .About .About_botttom{flex-wrap: wrap;} .About .About_botttom .About_botttom_list{width: 45%;} .About .About_botttom .About_botttom_list:nth-child(-n+2){margin-bottom: 20px;} .About .About_botttom .About_botttom_list::before{bottom: -20px;width: 100%; height: 20px;} .IProduct{} .IProduct .IProduct_img{width: 100%;height: 430px;} .IProduct .IProduct_img .IProduct_img_list{width: 100%;height: 100%;} .IProduct .IProduct_img .IProduct_img_list img{width: 100%;height: 100%;} .IProduct .IProduct_bg{width: 100%;height: 430px;padding: 40px 0;} .IProduct .IProduct_bg .title{width: 100%;} .IProduct .IProduct_bg .IProduct_txt{width: 100%;margin-bottom: 15px;} .IProduct .IProduct_bg .IProduct_content{width: 100%;} .IProduct .IProduct_bg .IProduct_content .IProduct_content_list{padding: 15px 0;} .IProduct .IProduct_bg .IProduct_content .IProduct_content_list .content_list_left{font-size: 15px;} .IProduct .IProduct_bg .IProduct_content .IProduct_content_list .content_list_left span{margin-right: 10px;} .IProduct .IProduct_bg .IProduct_content .IProduct_content_list .content_list_left span img{width: 16px;} .HNews{padding: 40px 0;} .HNews .title.dflex{justify-content: center;} .HNews .title.dflex .title_left{width: 100%;} .HNews .title .dflex{width: 100%;display: flex;align-items: center;justify-content: center;} .HNews .HNews_content{flex-direction: column;justify-content: center;} .HNews .HNews_content .content_left_list{width: 100%;margin-bottom: 20px;} .HNews .HNews_content .content_left_list .left_list_txt{padding: 20px;} .HNews .HNews_content .content_left_list .left_list_txt .list_txt_dd{margin: 12px 0;} .HNews .HNews_content .content_left_list .left_list_img{height: 200px;} .HNews .HNews_content .HNews_content_right{width: 100%;padding: 0px 20px;} .ESG .ESG_bg{height: 350px;} .ESG .ESG_bg img{height: 100%;} .ESG .title{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;} .ESG .title .title_left{margin-bottom: 20px;} .ESG .title .title_left .title_left_p{margin-top: 15px;margin-bottom: 0;} .ESG .pc_all_content{padding: 0;} .Footer{padding-top: 25px; padding-bottom: 30px;} .Footer .pc_all_content{justify-content: center; flex-direction: column;} .Footer .Footer_left{width: 100%;margin-bottom: 20px;} .Footer .Footer_right{width: 100%;flex-direction: column;justify-content: flex-start;} .Footer .Footer_right .Footer_right_nav{width: 100%;margin-bottom: 0;flex-wrap: wrap;justify-content: space-around;} .Footer .Footer_right .Footer_right_nav .right_nav_list{width: 32%;margin-right: 0;margin-bottom: 20px;} .Footer .Footer_right .Footer_right_nav .right_nav_list .nav_list_txt{margin-top: 15px;} .Footer .Footer_right .Footer_right_nav .right_nav_list .nav_list_txt p{margin-bottom: 8px;} .Footer .Footer_right .Footer_right_img{display: flex; flex-direction: column; align-items: center;} .Copyright .pc_all_content{height: auto;padding: 15px 15px 20px 15px;flex-direction: column;justify-content: center;} .Copyright .pc_all_content .Copyright_left{text-align: center;margin-bottom: 4px;} .HBanner{margin-top: 62px;} .HBanner .HBanner_content .HBanner_content_thumb img{height: 220px;} .PAntisepsis .Product_content{justify-content: space-between;} .PAntisepsis .Product_content .Product_content_list{width: 47.85%;margin: 0 0 18px 0;border-radius: 10px;} .PAntisepsis .Product_content .Product_content_list:nth-child(4n){margin: 0 0 18px 0;} .PAntisepsis .Product_content .Product_content_list .content_list_title{font-size: 16px;} .PAntisepsis .Product_content .Product_content_list .content_list_thumb{height: 190px;} .PAdhesive .Product_content .Product_content_list{width: 100%;margin: 0 0 18px 0;border-radius: 10px;} .PAdhesive .Product_content .Product_content_list:nth-child(3n){margin: 0 0 18px 0;} .PAdhesive .Product_content .Product_content_list .content_list_info{padding: 18px 0 0 0;} .PAdhesive .Product_content .Product_content_list .content_list_info .list_info_title{margin-bottom: 10px;} .PAdhesive .Product_content .Product_content_list .content_list_thumb{height: 225px;} .SProtection .Product_content{flex-direction: column;height: auto;} .SProtection .Product_content .SProtection_list{width: 100%;height: auto;flex-direction: unset;} .SProtection .Product_content .SProtection_list .SProtection_list_li{flex-direction: column;} .SProtection .Product_content .SProtection_list .SProtection_list_li .list_li_txt{padding: 15px;width: auto;writing-mode: vertical-rl;margin-right: 0;} .SProtection .Product_content .SProtection_list:first-child{align-items: flex-end;} .SProtection .Product_content .SProtection_list:last-child{align-items: flex-start;} .SProtection .Product_content .SProtection_list .SProtection_list_li span:after{width: 2px;height: 30px;top: 100%;left: 50%; transform: translateX(-50%);} .SProtection .Product_content .SProtection_thumb{width: 100%;padding: 0;position: relative;z-index: 9;} .SProtection .Product_content .SProtection_thumb img{width: 100%;} .SProtection .Product_content .SProtection_list.left .SProtection_list_li .list_li_txt{margin-right: 0;margin-bottom: 10px;} .SProtection .Product_content .SProtection_list.right .SProtection_list_li .list_li_txt{margin-left: 0;} .SProtection .Product_content .SProtection_list.right .SProtection_list_li span{margin-bottom: 10px;} .SProtection .Product_content .SProtection_list.right .SProtection_list_li span:after{top: auto; bottom: 100%; left: 50%; transform: translateX(-50%);} .PFlooring .Product_content .PFlooring_thumb{position: relative;z-index: 9;} .PFlooring .Product_content .PFlooring_info{align-items: flex-start;justify-content: space-around;} .PFlooring .Product_content .PFlooring_info .PFlooring_info_li .info_li_txt{padding: 15px 10px;writing-mode: vertical-rl;margin: 0;} .PPCustom .Product_content .Product_content_top{flex-direction: column;} .PPCustom .Product_content .Product_content_top .content_top_info{width: 100%;margin-bottom: 10px;} .PPCustom .Product_content .Product_content_top .content_top_thumb{width: 100%;} .PPCustom .Product_content .Product_content_bottom{flex-direction: column;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list{width: 100%;height: auto;margin-right: 0;margin-bottom: 18px;} .PPCustom .Product_content .Product_content_bottom .content_bottom_list:last-child{margin-bottom: 0;} .AboutUs .About_botttom{padding-bottom: 5px; margin-top: 20px;flex-wrap: wrap;justify-content: space-between;} .AboutUs .About_botttom .About_botttom_list{width: 45%;margin-bottom: 20px;} .AboutUs .About_botttom .About_botttom_list::before{display: none;} .AboutUs .About_botttom .About_botttom_list .botttom_list_title .list_title_dd{margin-bottom: 8px;} .ACCulture .ACCulture_content{flex-direction: column;} .ACCulture .ACCulture_content .ACCulture_content_list{width: 100%;height: 400px;margin-right: 0;margin-bottom: 20px;} .ACCulture .ACCulture_content .ACCulture_content_list:last-child{margin-bottom: 0;} .ASArea .ASArea_content{justify-content: space-between;} .ASArea .ASArea_content .ASArea_content_list{width: 48%;height: 240px;margin-right: 0;margin-bottom: 20px;} .ASArea .ASArea_content .ASArea_content_list:last-child{margin-bottom: 0;} .ASArea .ASArea_content .ASArea_content_list .content_list_title{padding: 30px 0 15px 0;font-size: 18px;} .AHonor{padding: 40px 0;height: auto;} .AHonor .AHonor_content{flex-direction: column;} .AHonor .AHonor_content .title.dflex .title_left{margin-bottom: 5px;} .AHonor .AHonor_content .AHonor_content_info{width: 100%;margin-bottom: 10px;} .AHonor .AHonor_content .AHonor_content_thumb{height: auto;} .AHonor .AHonor_content .AHonor_content_thumb img{height: auto;} .AHonor .AHonor_content .content_info_param{display: flex;align-items: flex-start;justify-content: space-between;} .AHonor .AHonor_content .content_info_param .info_param_list{margin-bottom: 25px;} .AHonor .pc_all_content .AHonor_right{width: 100%;height: 400px;overflow: hidden;} .AHonor .pc_all_content .AHonor_right .AHonor_right_list .right_list_li{ display: flex; padding: 15px; box-shadow: 0px 10px 20px rgba(3,39,82,.15); margin-bottom: 25px;} .News .title.dflex{flex-direction: column;justify-content: space-between;} .News .News_content .News_content_top .swiper-slide.banner_list{height: auto;flex-direction: column;justify-content: center;} .News .News_content .News_content_top .swiper-slide.banner_list .banner_list_thumb{width: 100%;height: 250px;} .News .News_content .News_content_top .swiper-slide.banner_list .banner_list_info{width: 100%; height: auto; padding: 20px;} .News .News_content .News_content_top .swiper-slide.banner_list .banner_list_info .list_info_title{margin: 10px 0 12px 0;line-height: 1.5;} .News .News_content .News_content_top .swiper-pagination{right: 20px;bottom: 25px;left: auto;} .News .News_content .News_content_top .swiper-pagination span{width: 10px;height: 10px;} .News .News_content .News_content_top .swiper-slide.banner_list .banner_list_info .list_info_more img{width: 6px;height: 11px;} .News .News_content .News_content_bottom .content_bottom_list{flex-direction: column;padding: 18px;margin-bottom: 18px;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_info .list_info_title{margin: 10px 0 12px 0;line-height: 1.5;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_thumb{width: 100%;height: 230px;} .News .News_content .News_content_bottom .content_bottom_list .bottom_list_info{width: 100%;padding: 18px 0;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top{padding: 18px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top .list_top_info .top_info_param{flex-direction: column;align-items: flex-start;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top .list_top_info .top_info_title{margin-bottom: 12px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top .list_top_info .top_info_param .info_param_li{margin-bottom: 6px;margin-right: 0;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top .list_top_info .top_info_param .info_param_li:last-child{margin-bottom: 0;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_top .list_top_btn svg{width: 14px;height: 14px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom{padding: 20px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom .list_bottom_info{margin-bottom: 18px;flex-direction: column;align-items: center;justify-content: center;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom .list_bottom_info .bottom_info_list{width: 100%;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom .list_bottom_info .bottom_info_list:first-child{margin-bottom: 18px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom .list_bottom_info .bottom_info_list .info_list_dd{margin-bottom: 18px;} .Recruit .Recruit_content .Recruit_content_box .content_box_list .box_list_bottom .list_bottom_btn a{padding: 9px 23px;} .NDetails .NDetails_content{flex-direction: column;} .NDetails .NDetails_content .NDetails_content_left{width: 100%;padding: 20px;margin-bottom: 18px;} .NDetails .NDetails_content .NDetails_content_left .content_left_top{padding-bottom: 18px; margin-bottom: 18px;} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom{padding-top: 18px; margin-top: 18px;flex-direction: column;justify-content: center;} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom .left_bottom_fenye{width: 100%;margin-bottom: 18px;} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom .left_bottom_fenye .bottom_fenye_li .fenye_li_txt{width:45px;} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom .left_bottom_fenye .bottom_fenye_li a{width: calc(100% - 45px);} .NDetails .NDetails_content .NDetails_content_left .content_left_bottom .left_bottom_fenye .bottom_fenye_li:first-child{margin-bottom: 18px;} .NDetails .NDetails_content .NDetails_content_right{width: 100%;} .NDetails .NDetails_content .NDetails_content_right .content_right_list .right_list_thumb{height: 170px;margin-bottom: 18px;} .CService .CService_content{flex-direction: column;} .CService .CService_content .CService_content_list{width: 100%;height: auto; padding: 20px;margin-right: 0;margin-bottom: 20px;} .CService .CService_content .CService_content_list .content_list_icon{margin-bottom: 15px;} .CService .CService_content .CService_content_list .content_list_txt{line-height: 1.65;} .CService .CService_content .CService_content_list:last-child{margin-bottom: 0;} .Contact .Contact_content{flex-direction: column;justify-content: center;} .Contact .Contact_content .Contact_content_info{width: 100%;margin-bottom: 18px;} .Contact .Contact_content .Contact_content_info .content_info_box{margin-bottom: 25px;} .Contact .Contact_content .Contact_content_info .content_info_box .info_box_list .box_list_txt{width: calc(100% - 55px);white-space: unset;} .Contact .Contact_content .Contact_content_info .content_info_box .info_box_list .box_list_txt span{white-space: nowrap;} .Contact .Contact_content .Contact_content_info .title .title_left{margin-bottom: 5px;} .Contact .Contact_content .Contact_content_map{width: 100%;} .COFilling .title .title_left .title_left_p{margin-top: 20px;} .COFilling .COFilling_content{margin-top: 20px;flex-direction: column;} .COFilling .COFilling_content .COFilling_content_list{width: 100%;} .COFilling .COFilling_content .COFilling_content_list:first-child{margin-bottom: 20px;} .COFilling .COFilling_content .COFilling_content_list .content_list_thumb{height: 230px;} .COFilling .COFilling_content .COFilling_content_list .content_list_info{padding: 35px 18px 18px 18px;} .COFilling .COFilling_content .COFilling_content_list .content_list_info .list_info_txt{font-size: 18px;} .SearchPage .Search_content .Search_content_box{ flex-wrap: wrap;} .SearchPage .Search_content .Search_content_box .content_box_list{ width: 100%; padding: 20px;} .SearchPage .Search_content .Search_content_box .content_box_list:first-child{margin-top: 0;} .SearchPage .Search_content .Search_content_box .content_box_list .box_list_title{ margin: 10px 0px;} .SearchPage .Search_content .Search_content_box .content_box_list .box_list_more{ margin-top: 20px;} } @media screen and (max-width:980px){ /*ipad-x*/ img{ max-width:100%;} .padding110{ padding: 50px 0px;} .padding140{padding: 55px 0;} } @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%;} .padding110{ padding: 40px 0px;} .padding140{padding: 40px 0;} .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;} .search .search_bg .search_content{ width: 90%;} .search .search_content input[type="search"],.search .search_content input[type="submit"]{ height: 55px; font-size: 14px;} .content_list_video .list_video_content{ width: 100%;} .layui-laypage{ flex-wrap: wrap;} }