:root{ --main: #cc1821; --color: #3bb775; } @font-face{ font-family:"MR"; src: url("Montserrat-Regular.otf") format("opentype"); } @font-face{ font-family:"ML"; src: url("Montserrat-Light.otf") format("opentype"); } @font-face{ font-family:"MM"; src: url("Montserrat-Medium.otf") format("opentype"); } @font-face{ font-family:"MSB"; src: url("Montserrat-SemiBold.otf") format("opentype"); } body{overflow-X: hidden;} .rotate { transform: rotate(180deg); transition: transform 0.2s; } .rotate180{transform: rotate(180deg);} .cw1760{max-width:1760px;width:92%;margin:auto;} .cw1300{max-width:1300px;width:92%;margin:auto;} .obj{object-fit: cover; } .i-pic .obj{width: 100%; height: 100%; object-position: top;} *{font-family: "AliPuHui"} *::-webkit-scrollbar {width: 3px;background: #fff;height: 5px;} *::-webkit-scrollbar-thumb {border-radius: 2px;background: #999;cursor:pointer;} /* 编辑器样式 */ .detail, .editor, .detail *, .editor *{font-size: 16px; line-height:24px;} .detail img, .editor img{font-size: 0 !important; max-width: 100%;} @media (max-width: 750px) { .detail, .editor, .detail *, .editor *{font-size: 30px !important; line-height: 1.6 !important;} [alert] .at-contents{padding: 31px 20px 20px; line-height: 1.5; font-size: 24px;} } /* page */ #page {display: flex;justify-content: center;} #page .box , #page .lyui_paging_btn, #page .lyui_paging_point{width: 60px !important;height: 60px !important;text-align: center;font-size: 18px;color: #292c33; font-family: 'MR'; margin: 0 5px;position: relative;z-index: 3;border: 2px solid #f2f4f6;box-sizing: border-box;background: transparent;border-radius: 50%; transition: all 0.3s ease;} #page .lyui_paging_number{margin: 0;} #page .lyui_paging{margin: 0 10px;} #page .pn, #page .lyui_paging_prev, #page .lyui_paging_next {margin: 0; width: 160px !important;height: 60px !important; line-height: 58px !important; text-align: center; background: transparent; border-radius: 30px; transition: all 0.3s ease; overflow: hidden;} #page .lyui_paging_prev{margin-right: 5px;} #page .lyui_paging_next{margin-left: 5px;} #page .lyui_paging_btn:hover, #page .box:hover {border-color: var(--main); color: var(--main);} #page .lyui_paging_btn.cur{border-color: var(--main); background: var(--main); color: #fff;} #page .end.hide {display: none;} .not_tip{font-size: 18px;color:#333;line-height:30px;text-align:center;} .index_tip{padding: 40px 0;} @media (max-width: 750px) { #page .box , #page .lyui_paging_btn, #page .lyui_paging_point{font-size: 24px;} } #head_top {background: #f6f6f6; height: 50px; color: #333;} #head_top .left{font-size: 16px; } #head_top .left span{display: inline-block; margin: 0 20px; color: #dadada;} #head_top .left .hd_nav_one .one-a{padding: 0 23px 0 10px; font-size: 14px; line-height: 50px; color:#333;} #head_top .left .hd_nav_two {width: 95px; top: 100%; left: 50%; transform: translateX(-50%); z-index: 21; height: 0; overflow: hidden; border-radius: 10px; box-shadow: 0 0 30px rgba(0,0,0,0.1);} #head_top .left .hd_nav_two .list{background-color: #fff; border-radius: 10px; height: max-content; max-height: 212px; overflow: auto;} #head_top .left .hd_nav_two .list .two-a{ padding: 5px 10px; font-size: 14px; color:#5d6266; line-height:25px;} #head_top .left .hd_nav_two .list .two-a:hover{background-color: var(--main); color: #fff;} #head_top .left .hd_nav_two .list .two-a:first-child{margin-top: 0;} #head_top .right{width: 35.23%;} #head_top .pro_search{width: 58.06%; height: 30px; border: 1px solid #e6e6e6; background: #fff; border-radius: 30px;} #head_top .pro_search .form-box{width: 100%;} #head_top .pro_search .search{width: 113px; height: 28px} #head_top .pro_search .select_li .select_box .write{width: 100%; padding-left: 15px; font-size: 14px; color: #333; line-height: 28px; background: url(/images/header-jt.png) no-repeat center right 14px;} #head_top .pro_search .select_li .select_box .two-box{width: 100%;background: #fff;position: absolute;top: calc(100% + 5px); left: 0;z-index: 21;border-radius: 10px;} #head_top .pro_search .select_li .select_box .two-box .cont{height: 113px;background: #fff;} #head_top .pro_search .select_li .select_box .two-box .sel_li{padding: 5px 10px; width:100%; font-size: 14px; line-height: 1.3;color: #666;text-align: center;} #head_top .pro_search .select_li .select_box .two-box .sel_li:hover{background: var(--main); color: #fff;} #head_top .pro_search .input{padding: 0 15px; width: 207px; height: 28px; position: relative;} #head_top .pro_search .input:before{content:"";display:block;width: 1px; height: 14px; background: #e6e6e6; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1;} #head_top .pro_search .input input{ font-size: 14px; line-height: 28px; color: #333;} #head_top .pro_search .input input::placeholder{color: #999;} #head_top .pro_search .right_btn{width: max-content;} #head_top .pro_search .right_btn .submit{ width: 38px; height: 28px; background: url(/images/header-search.png) no-repeat center center;} #head_top .right .phone{margin-left: 3.011%; font-size: 14px; color: #666;} #head_top .right .phone span{font-size: 20px; color: var(--main); font-family:"MM";} #head_bot{top: 50px; left: 0; height: 100px; width: 100%; z-index:15; background: #fff; } #head_bot.cur{top: 0; transform: translateY(0)} #head_bot.none{top: 0; transform: translateY(-100%);} #head_bot .logo{width: auto; height: 63px} #head_bot .right_head{width: 64.77%;} #head_bot .right_head .nav{width: 71.93%;} #head_bot .right_head .nav .one-nav .one-a{font-size: 16px; color: #333; line-height: 100px; position: relative;} #head_bot .right_head .nav .one-nav .one-a:hover, #head_bot .right_head .nav .one-nav.cur .one-a{color: var(--main); font-weight: 700;} #head_bot .right_head .lang{padding-left: 37px; background: url(/images/header-lang.png) no-repeat center left; font-size: 16px; color: #888;} #head_bot .right_head .lang span{display: inline-block; margin: 0 5px;} #head_bot .right_head .lang .a.cur{color: #333;} #head_bot .right_head .btn{min-width: 100px; padding: 0 20px; height: 36px; background: var(--main); border-radius: 30px; color: #fff; font-size: 16px;} #head_bot .right_head .btn:hover{opacity:0.8;} #m-nav, #m_header_blank, #head_bot .right_head .menu, #head_bot .pro_search.mb_search{display:none;} @media (max-width: 1680px) { #head_top .right{width: 38.23%;} } @media (max-width: 1536px) { #head_top .right{width: 43%;} #head_bot .right_head{width: 68.77%;} } @media (max-width: 1366px) { #head_top .right{width: 46%;} #head_bot .right_head{width: 74%;} } @media (max-width: 1280px) { #head_top .right{width: 50%;} #head_bot .right_head{width: 75%;} #head_bot .right_head .lang{padding-left: 27px;} } @media (max-width: 1200px) { #head_top .right{width: 53%;} #head_bot .right_head .nav .one-nav .one-a, #head_bot .right_head .lang{font-size: 15px;} } @media (max-width: 1024px) { #head_top .right{width: 62%} #head_top .left span, #head_top .left .hd_nav:last-child{display: none;} #head_bot, #head_bot .logo{height: 80px;} #head_bot .right_head{justify-content: flex-end;} #head_bot .right_head .nav, #head_bot .right_head .lang{display:none;} #head_bot .right_head .menu{display:block; margin-left: 20px; width: 40px; height: 40px;} #head_bot .right_head .menu img{transform: scale(1.3);} #head_bot .right_head .menu img:first-child{display: inline-block;} #head_bot .right_head .menu img:last-child{display: none;} #head_bot .right_head .menu.cur img:first-child{display: none;} #head_bot .right_head .menu.cur img:last-child{display: inline-block;} #head_bot:hover .right_head .menu .svg, #head_bot.cur .right_head .menu .svg, #head_bot.detail .right_head .menu .svg{fill: #666;} #m-nav{display: block;width: 100%;height: 0;z-index:50;left: 0;right: 0;top: 130px; background: #fff;overflow-y: auto;} #m-nav.cur{height: calc(100vh - 130px);border-top:1px solid #ebebeb;} #m-nav.mb_cur{top:80px;} #m-nav .nav .one-nav{line-height:60px;} #m-nav .nav .one-nav .one{cursor:pointer; margin: 0 30px;border-bottom: 1px solid #ebebeb; background: none;} #m-nav .nav .one-nav .one-a{font-size:18px;font-weight:500;color:#333;} #m-nav .nav .one-nav .two-nav{width: 100%;background: #f7f7f7;padding: 0 30px;} #m-nav .nav .one-nav .two-nav>div{border-bottom: 1px solid #ebebeb;} #m-nav .nav .one-nav .two-nav .two-a{font-size: 16px;color:#333;} /* #m-nav .nav .one-nav .two-nav .two-li{padding-right: 60px; background: url(/images/down.png) no-repeat right} */ #m-nav .nav .one-nav .one.bg{background: url(/images/down.png) no-repeat right;} #m-nav .nav .one-nav.cur .one.bg{background-image:url(/images/down-2.png);} #m-nav .nav {margin-bottom: 30px;} #m-nav .lang{ font-size: 20px; color: #888;} #m-nav .lang .in{padding-left: 37px; background: url(/images/header-lang.png) no-repeat center left;} #m-nav .lang span{display: inline-block; margin: 0 15px;} #m-nav .lang .a.cur{color: #333;} } @media (max-width: 950px) { #head_top .right{width: max-content;} #head_top .right .phone{display: none;} #head_top .pro_search{width: 365px;} } @media (max-width: 750px) { #header-blank{display:block;width:100%;height:70px;background-color:#fff;} #header{background-color:#fff;height:70px;} #header .logo .i1, #header .hright .search .i1{display: none;} #header .logo .i2, #header .hright .search .i2{display: inline-block;} #header .hnav .one-nav .nav-a{color: #333;} #header .hright .hotLine{color: var(--main); font-size: 30px;} #header .hright .menu .svg{fill: #666;} #head_bot{top: 70px; height: 100px; display: flex; align-items: center;} #head_bot .logo{height: auto;} #head_bot .right_head .btn{display: none; min-width: 180px; padding: 0 35px; height: 55px; font-size: 26px;} #head_bot .right_head .menu{width: 55px; height: 55px;} #head_bot .right_head .menu img{transform: scale(1.8);} #m-nav{top: 170px;} #m-nav.cur{height:calc(100vh - 70px);} #m-nav.mb_cur{top: 100px;} #m-nav .nav .one-nav{line-height: 90px;} #m-nav .nav .one-nav .one-a{font-size: 36px; width: 100%;} #m-nav .nav .one-nav .two-nav .two-a{font-size:30px;} #m-nav .nav .one-nav .two-nav .two-li{padding-right: 100px;} #m-nav .lang{ font-size: 30px;} #m-nav .lang .in{padding-left: 55px; background-size: 32px} #head_top{height: 70px;} #head_top .left .hd_nav_two{width: 190px; left: 0; transform: translateX(0);} #head_top .left .hd_nav_one .icon{transform: scale(1.3);} #head_top .left .hd_nav_one .one-a{padding: 0 25px; font-size: 26px;} #head_top .left .hd_nav_two .list .two-a{font-size: 26px; line-height: 1.5;} #head_top .pro_search{width: 450px; height: 55px;} #head_top .pro_search .search{width: 155px; height: 55px; display: flex; align-items: center;} #head_top .pro_search .select_li .select_box .write{font-size: 26px; background-size: 14px;} #head_top .pro_search .input{width: 238px; height: 55px;} #head_top .pro_search .input input{width: 100%; font-size: 24px; line-height: 55px;} #head_top .pro_search .right_btn .submit{width: 50px; height: 55px; background-size: 20px;} #head_top .pro_search .select_li .select_box .two-box{top: 50px;} #head_top .pro_search .select_li .select_box .two-box .cont{height: 170px;} #head_top .pro_search .select_li .select_box .two-box .sel_li{font-size: 24px;} } #banner{margin-top:100px; } #index-swiper{border-radius: 30px; overflow: hidden;} #index-swiper .slide .img .pic{width: 100%; padding-top: 46.59%;} #index-swiper .slide .img .pic video, #index-swiper .slide .img .pic img{object-fit: cover;} #index-swiper .slide .img .cont_text{z-index: 1; height: max-content; top: 25%;} #index-swiper .slide .img .cont_text .text .title{font-size: 110px; color: #333; line-height: 1.218; font-style: italic; } #index-swiper .slide .img .cont_text .text .brief{margin-top: 20px; font-size: 18px; color: #4c4b38; line-height: 1.333;} #index-swiper .swiper-pagination{bottom: 16px;} #index-swiper .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;width: 30px; height: 2px; background: #fff; opacity: 0.5;} #index-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;} #inner-banner{border-radius: 30px;} #inner-banner .cont{bottom: 0; left: 0; z-index: 2; width: 50%; border-radius: 30px;} #inner-banner .cont::before{content:"";display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(8px); position: absolute; top:0; left: 0; z-index: 1; border-radius: 30px;} #inner-banner .cont .in_box{position: relative; z-index: 3; padding: 60px 70px 50px; min-height: 300px; max-height: 400px; overflow: auto;} #inner-banner .cont .in_box .txt1{font-size: 46px; line-height: 64px; color: #fff; font-weight: bold;} #inner-banner .cont .in_box .txt2{display: inline-block; margin-top: 21px; font-size: 24px; line-height: 50px; background-color: var(--main); color: #fff; font-weight: 500; border-radius: 30px; padding: 0 25px;} #inner-banner .cont .in_box .txt3{ margin-top: 36px; font-size: 18px; line-height: 36px; color: #fff;} @media (max-width: 1680px) { #inner-banner .cont .in_box{padding: 60px 50px 50px;} } @media (max-width: 1440px) { #inner-banner .cont .in_box{padding: 50px 45px 40px; min-height: 285px;} #inner-banner .cont .in_box .txt1{font-size: 42px; line-height: 50px;} #inner-banner .cont .in_box .txt2{font-size: 20px; line-height: 40px;} #inner-banner .cont .in_box .txt3{margin-top: 20px; font-size: 16px; line-height: 28px;} } @media (max-width: 1366px) { #inner-banner .cont .in_box{ min-height: 260px;} } @media (max-width: 1200px) { #inner-banner .cont .in_box{padding: 45px 40px 40px;} #inner-banner .cont .in_box .txt1{font-size: 40px;} #inner-banner .cont .in_box .txt2{font-size: 18px;} #inner-banner .cont .in_box .txt3{font-size: 14px; line-height: 1.4;} } @media (max-width: 1024px) { #banner{margin-top: 80px;} } @media (max-width: 750px) { #banner{margin-top: 100px;} #index-swiper .slide .img .pic{padding-top: 120%;} #inner-banner .cont{width: 100%;} #inner-banner .cont .in_box{width: 100%; min-height: max-content;} #inner-banner .cont .in_box .txt1{font-size: 52px; line-height: 1.5;} #inner-banner .cont .in_box .txt2{font-size: 28px; line-height: 1.5;padding: 5px 25px;} #inner-banner .cont .in_box .txt3{margin-top: 26px; font-size: 26px; line-height: 1.5;} } #footer{background-color: #383838;} #footer .ftop{padding: 75px 0 45px; background-color: #383838;} #footer .ftop .tit{margin-bottom: 35px; font-size: 20px; line-height: 28px; color: #fff; font-weight: 500;} #footer .ftop .fleft{width: 16.48%;} #footer .ftop .fleft .ul .li{width: 45%; max-width: 48%;} #footer .ftop .fleft .ul .li .a{margin-bottom: 24px; font-size: 16px; color: #dfdfdf; word-break: break-word; } #footer .ftop .fleft .ul .li .a:hover{color: var(--main);} #footer .ftop .fleft .ul .li .a:last-child{margin: 0;} #footer .ftop .fcenter{width: 28.41%;} #footer .ftop .fcenter .ul .li{margin-bottom: 20px; padding-left: 26px; background: url(/images/index/footer-addr.png) no-repeat top left; font-size: 16px; color: #999; line-height: 20px;} #footer .ftop .fcenter .ul .li:last-child{margin-bottom: 0;} #footer .ftop .fright{width: 28.41%;} #footer .ftop .fright .tit{padding-left: 30px; display: inline-block; background: url(/images/index/footer-contact.png) no-repeat center left;} #footer .ftop .fright .ul{margin-bottom: 48px;} #footer .ftop .fright .li{width: 28%;} #footer .ftop .fright .li .pic{padding: 20px; width: 100%; border-radius: 20px; background-color: #fff;} #footer .ftop .fright .li .code{ width: 100%; padding-top: 100%; } #footer .ftop .fright .li .txt{margin-top: 15px; font-size: 16px; line-height: 25px; color: #999; word-break: break-word; } #footer .ftop .fright .phone{align-items: baseline; font-size: 14px; color: #999;} #footer .ftop .fright .phone span{font-size: 24px; line-height: 27px; color: #fff; font-family:"MSB";} #footer .fbot{padding: 18px 0; background-color: #333;} #footer .fbot *{font-size:16px; line-height: 24px; color: #999;} @media (max-width: 1680px) { #footer .ftop .fcenter{width: 29.41%;} } @media (max-width: 1536px) { #footer .ftop .fleft{width: 18.5%;} #footer .ftop .fcenter{width: 31.41%;} #footer .ftop .fright{width: 31.41%;} #footer .ftop .fright .li .pic{padding: 15px;} } @media (max-width: 1440px) { #footer .fbot *{font-size: 14px;} } @media (max-width: 1366px) { #footer .ftop .fcenter .ul .li{font-size: 15px;} } @media (max-width: 1280px) { #footer .ftop .fcenter{width: 33.41%;} #footer .ftop .fright{width: 33.41%;} } @media (max-width: 1200px) { #footer .ftop .fcenter{width: 38.41%;} } @media (max-width: 1024px) { #footer .ftop .box{flex-wrap: wrap;} #footer .ftop .fleft{width: 31.5%;} #footer .ftop .fcenter{width: 50%;} #footer .ftop .fright{width: 100%; margin-top: 45px;} #footer .ftop .fright .in{justify-content: flex-start;} #footer .ftop .fright .ul{justify-content: flex-start;} #footer .ftop .fright .li{width: 15%; margin-right:2%;} #footer .ftop .fright .phone{justify-content: flex-start;} } @media (max-width: 750px) { #footer .ftop{padding: 80px 0 40px;} #footer .ftop .fleft{width: 100%;} #footer .ftop .fleft .ul .li .a{font-size: 26px; line-height: 1.5;} #footer .ftop .fcenter{width: 100%; margin-top: 35px;} #footer .ftop .fcenter .ul .li{font-size: 26px; line-height: 1.5; background-position: 0 9px;} #footer .ftop .fright{width: 100%; margin-top: 35px;} #footer .ftop .fright .tit{padding-left: 45px; background-size: 30px;} #footer .ftop .fright .li{width: 23%;} #footer .ftop .fright .li .txt{font-size: 24px; line-height: 1.5;} #footer .ftop .fright .phone{font-size: 24px;} #footer .ftop .fright .phone span{font-size: 32px; line-height: 1.5;} #footer .ftop .tit{margin-bottom: 20px; font-size: 32px; line-height: 1.5;} #footer .fbot{padding: 20px 0;} #footer .fbot .box{ flex-direction: column;} #footer .fbot *{text-align: center; font-size: 24px; line-height: 1.5;} } /* 右侧悬浮 */ #popRight{width: 144px; position: fixed; top: 50%; right: 10px; transform: translate(100%, -50%); z-index: 20; opacity: 0;} #winRight{width: 144px; background: url(/images/right2.png) no-repeat left 5px bottom; } #winRight .icon{width: 144px; height: 104px;} #winRight .a{display: block; margin-bottom: 5px; width: 140px; height: 50px; font-size: 16px; line-height: 50px; font-weight: 500; color: #fff; background: url(/images/right3.svg) no-repeat center; cursor: pointer;} #winRight .a:hover{background-image: url(/images/right3-1.svg);} #winRight .top{padding: 8px 0 13px; flex-direction: column; align-items: center; justify-content: center; cursor: pointer;} #winRight .top .txt{font-size: 14px; line-height: 22px; color: #fff;} #winRight .wechat .code{display: none; top: 0; right: calc(100% + 10px); width: 140px; padding: 17px 17px 15px; background-color: #fff; border-radius: 10px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);} #winRight .wechat .code .pic{margin-bottom: 8px; padding-top: 100%;} #winRight .wechat .code .txt{font-size: 16px; line-height: 24px; color: #333;} /* #popRight .list{transform: translateX(100%); opacity: 0;} */ #popRight .close{margin: 10px auto 0; width: 30px; height: 30px; border-radius: 50%; border: 3px solid #fff; background-color: #f6f6f6; box-shadow: 0px 0px 30px 0px rgba(17, 55, 111, 0.3);} #defaultBtn{ width: 60px; height: 60px; background-color: #f6f6f6; border: 3px solid #fff; border-radius: 50%; box-shadow: 0px 0px 30px 0px rgba(17, 55, 111, 0.3); overflow: hidden; position: fixed; top: 50%; right: -35px; transform: translateY(-50%); z-index: 21;} #defaultBtn .svg{transform: translateX(-10px);} @media (max-width: 750px) { #winRightMb{padding: 25px 10px; width: max-content; height: max-content; right: 0; bottom: 89px; z-index: 20; background-color: var(--main); border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; box-shadow: 0 0 30px rgb(204 24 33 / 20%);} #winRightMb .icon{width: 30px; height: 30px;} #winRightMb .icon img{transform: scale(1.3);} #winRightMb .txt{margin-top: 10px; font-size: 24px; color: #fff; writing-mode: vertical-rl; text-orientation: mixed; } } /* 底部悬浮 */ .active_body #winBottom {display:none;} #winBottom{padding: 30px 0; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 20; background-color: #333;} #winBottom .close{width: 26px; height: 26px; top: 50%; right: 4.167%; transform: translateY(-50%); z-index: 1;} #winBottom .formBox{} #winBottom .formBox .li{min-width: 15%; border-right: 1px solid #717171;} #winBottom .formBox .li .p1{font-size: 24px; line-height: 1; color: #fff; font-weight: bold;} #winBottom .formBox .li .p2{margin-top: 10px; font-size: 14px; line-height: 1; color: #ccc;} #winBottom .formBox .li2{width: 12.71%; min-height: 48px; border-right: 1px solid #717171; font-size: 16px; color: #fff; justify-content: center; } #winBottom .formBox .li2 .in{justify-content: center; align-items: baseline;} #winBottom .formBox .li2 span{display: inline-block; margin-right: 13px; font-size: 26px; line-height: 1; color: #fff; font-family:"MSB";} #winBottom .formBox .li3{width: 16.07%;} #winBottom .formBox .li3 select {cursor: pointer; padding: 0px 40px 0 30px; width: 100%; height: 48px; line-height: 48px; border-right: 1px solid #717171; font-size: 16px; color: #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(/images/bottom.png) no-repeat center right 30px;} #winBottom .formBox .li3 select option{color: #333;} #winBottom .formBox .li4, #winBottom .formBox .li5{width: 13.36%; min-height: 48px; border-right: 1px solid #717171; font-size: 16px; color: #ccc;} #winBottom .formBox .li4 .input{margin-right: 5px; width: 58.82%;} #winBottom .formBox .li5{margin-right: 3.7%; padding: 0 30px; border: 0;} #winBottom .formBox .li5 .input{width: 100%; line-height: 48px; color: #fff;} #winBottom .formBox .li5 .input::placeholder{color: #cccc;} #winBottom .formBox .submit{padding: 0 20px; min-width: 160px; height: 48px; border-radius: 5px; background-color: var(--main); font-size: 18px; font-weight: bold; color: #fff;} #winBottom .formBox .submit:hover{opacity: 0.8;} #winBtn{ width: 60px; height: 60px; background-color: #f6f6f6; border: 3px solid #fff; border-radius: 50%; box-shadow: 0px 0px 30px 0px rgba(17, 55, 111, 0.3); overflow: hidden; position: fixed; bottom: 30px; right: -35px; z-index: 1;} #winBtn .svg{transform: translateX(-10px);} #winBottom.cur{bottom: -100%;} @media (max-width: 1440px) { #winBottom .formBox .li .p1{font-size: 22px;} } @media (max-width: 1280px) { #winBottom .formBox .li .p1{font-size: 20px;} #winBottom .formBox .li5{padding: 0 17px;} } @media (max-width: 1200px) { #winBottom .formBox .li{min-width: 16%;} #winBottom .formBox .li3 select{padding: 0px 20px 0 15px; background-position: center right 9px;} #winBottom .formBox .li4, #winBottom .formBox .li5{width: 12.36%;} #winBottom .formBox .li5{margin-right: 1.7%;} } @media (max-width: 1024px) { #winBottom .formBox .li{min-width: 20%;} #winBottom .formBox .li2{display: none;} #winBottom .formBox .li3{width: 18%;} #winBottom .formBox .li4, #winBottom .formBox .li5{width: 17.36%;} } @media (max-width: 950px) { #winBottom, #winBtn{display: none;} } /* 弹窗 */ @keyframes shineRing { 0% {transform: translate(-50%, -50%)scale(0.4); opacity: 0.4;} 100% {transform: translate(-50%, -50%)scale(1.2); opacity: 0;} } #inquiryPop{ width: 100%; height: 0; overflow: hidden; background: rgba(0,0,0,0.6); position: fixed; top: 0;left: 0; z-index: 25;} #inquiryPop.cur{height: 100vh;} #inquiryPop .back{width: 100%; height: 100%; top:0; left:0; z-index: 20;} #inquiryPop .in_box{margin: 0 auto; padding: 15px 0 45px; top: 50%; transform: translateY(-50%); z-index: 30; background: #fff; border-radius: 20px;} #inquiryPop .in_box .top{margin-bottom: 10px; margin-right: 15px;} #inquiryPop .in_box .top .close{width: 16px; height: 16px;} #inquiryPop .in_box .box{padding: 0 4%;} #inquiryPop .in_box .box .left{width: 41.3%;} #inquiryPop .in_box .box .left .one{margin-bottom: 15px;} #inquiryPop .in_box .box .left .one .text{width: 80%;} #inquiryPop .in_box .box .left .one .text .p1{font-size: 28px; line-height: 40px; color: #333; font-weight: bold;} #inquiryPop .in_box .box .left .one .text .p2{margin-top: 18px; font-size: 16px; line-height: 25px; color: #333; font-weight: bold;} #inquiryPop .in_box .box .left .one .text .p2 span{color: var(--main);} #inquiryPop .in_box .box .left .one .pic{width: 78px; height: 137px;} #inquiryPop .in_box .box .left .form_box{} #inquiryPop .in_box .box .left .form_box .li{width: 100%; height: 50px; margin-bottom: 20px; padding: 0 18px; border: 1px solid #ccc; border-radius: 5px;} #inquiryPop .in_box .box .left .form_box select {cursor: pointer; padding-right: 10px; width: 100%; height: 100%; font-size: 16px; color: #333; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(/images/form2.png) no-repeat center right ;} #inquiryPop .in_box .box .left .form_box select option{ font-size: 16px; color: #333;} #inquiryPop .in_box .box .left .form_box .li .input{width: 100%; font-size: 16px; color: #333;} #inquiryPop .in_box .box .left .form_box .li .input::placeholder{color: #ccc;} #inquiryPop .in_box .box .left .form_box .li.area .input{width: calc(100% - 30px);} #inquiryPop .in_box .box .left .form_box .li.area .txt{font-size: 16px; color: #333; top: 50%; right: 20px; transform: translateY(-50%); z-index: 2;;} #inquiryPop .in_box .box .left .form_box .li:hover, #inquiryPop .in_box .box .left .form_box .li:focus{border-color: var(--main);} #inquiryPop .in_box .box .left .form_box .tip{margin-bottom: 30px; font-size: 16px; line-height: 25px; color: #888;;} #inquiryPop .in_box .box .left .form_box .phone{padding-left: 40px; font-size: 24px; line-height: 30px; color: var(--main); font-family:"MSB"; background: url(/images/form3.png) no-repeat center left;} #inquiryPop .in_box .box .cen{width: 9%;} #inquiryPop .in_box .box .cen .cen_box {position: relative; z-index: 3; width: 80px; height: 80px; background: var(--main); border-radius: 50%; color: #fff; font-size: 20px; font-weight: 500; cursor: pointer;} #inquiryPop .in_box .box .cen .cen_box::before, #inquiryPop .in_box .box .cen .cen_box::after{position: absolute; z-index: -1; content: ""; display: block; background: var(--main); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: shineRing 2s 1.5s linear infinite; opacity: 0.4;} #inquiryPop .in_box .box .cen .cen_box::before { width: 200%; height: 200%; opacity: 0;} #inquiryPop .in_box .box .cen .cen_box::after { width: 150%; height: 150%; opacity:0;} #inquiryPop .in_box .box .right{width: 38%; padding: 36px 0 33px; background: url(/images/form6-1.png) no-repeat center top/100% 100%;} #inquiryPop .in_box .box .right .in{width: 79.85%; margin: 0 auto;} #inquiryPop .in_box .box .right .p1{margin-bottom: 20px; font-size: 24px; line-height: 33px; color: #333; font-weight: bold;} #inquiryPop .in_box .box .right .ul{padding-bottom: 30px; border-top: 2px solid #474e59; border-bottom: 1px dashed #9d9d9d; background-color: #f7f7f7; } #inquiryPop .in_box .box .right .ul .li{padding: 0 19px; height: 44px;} #inquiryPop .in_box .box .right .ul .li .txt1{font-size: 16px; color: #333;} #inquiryPop .in_box .box .right .ul .li .txt2{font-size: 18px; color: var(--main); font-weight: bold;} #inquiryPop .in_box .box .right .ul .li1{height: 80px; background: #e9ebee;} #inquiryPop .in_box .box .right .ul .li1 .txt1{font-size: 18px; font-weight: bold;} #inquiryPop .in_box .box .right .ul .li1 .txt2{font-size: 18px;} #inquiryPop .in_box .box .right .ul .li1 .txt2 span{font-size: 28px;} #inquiryPop .in_box .box .right .bot{padding-top: 20px;} #inquiryPop .in_box .box .right .bot .txt{width: 58%; font-size: 14px; line-height: 1.2; color: #888;} #inquiryPop .in_box .box .right .bot .pic{width: 116px; height: 31px;} @media (max-width: 1024px) { #inquiryPop .in_box .box .left .one .text .p1{font-size: 24px; line-height: 34px;} #inquiryPop .in_box .box .left .one .text .p2{font-size: 14px;} #inquiryPop .in_box .box .right .bot .txt{font-size: 12px;} } @media (max-width: 750px) { #inquiryPop .in_box .box{padding: 0 6%;} #inquiryPop .in_box .top .close{width: 45px; height: 45px;} #inquiryPop .in_box .top .close img{transform: scale(1.6);} #inquiryPop .in_box .box .left{width: 100%;} #inquiryPop .in_box .box .left .one{margin-top: 0;} #inquiryPop .in_box .box .left .one .text .p1{font-size: 34px; line-height: 1.5;} #inquiryPop .in_box .box .left .one .text .p2{font-size: 24px;} #inquiryPop .in_box .box .left .one .pic{width: 110px; height: 145px;} #inquiryPop .in_box .box .left .form_box .li{height: 65px;} #inquiryPop .in_box .box .left .form_box .li .input, #inquiryPop .in_box .box .left .form_box .li.area .txt, #inquiryPop .in_box .box .left .form_box select{font-size: 26px;} #inquiryPop .in_box .box .left .form_box select{padding-right: 25px; background-size: 15px;} #inquiryPop .in_box .box .left .form_box .cen_box {display: block; width: 100%; height: 55px; line-height: 55px; background: var(--main); border-radius: 50px; font-size: 26px; color: #fff;;} #inquiryPop .in_box .box .left .form_box .tip{width: 100%; margin-top: 15px; font-size: 24px; line-height: 1.5;} #inquiryPop .in_box .box .left .form_box .phone{font-size: 30px;;} #inquiryPop .in_box .box .cen{display: none;} #inquiryPop .in_box .box .right{display: none;} } /* 首页 */ #index_one{padding-top: 105px;} #index_one .left{width: 70.83%; background: #f1f1f3; padding: 140px 1.98% 60px;} #index_one .left .jt{width: 36px; height:36px;} #index_one .left .cen{width: 90.1%;} #index_one .left .container{width: 91.34%; margin: 0;} #index_one .left .container .slide{} #index_one .left .container .slide .text{margin-right: 5.68%; width: 17.06%;} #index_one .left .container .slide .text i{display: inline-block; margin-bottom: 12px; width: 60px; height: 1px; background-color: #333;} #index_one .left .container .slide .text .name_cn{font-size: 24px; line-height: 42px; color: #333;} #index_one .left .container .slide .text .name_en{font-size: 20px; line-height: 33px; color: #333; font-family:"MM";} #index_one .left .container .slide .text .brief{font-size:14px; line-height: 27px; color: #333;} #index_one .left .container .slide .pic{width: 77.25%; padding-top: 69.19%;} #index_one .left .cen .logo_txt{width: 120px; height: 20px; bottom: 35px; right: 60px; z-index: 2;} #index_one .right{width: 23.958%; padding-right: 10px;} #index_one .right .logo{width: max-content; height: 72px;} #index_one .right i{display: inline-block; margin: 34px 0 30px; width: 60px; height: 2px; background-color: #333;} #index_one .right .brief{margin-bottom: 95px; font-size:14px; line-height: 27px; color: #333;} #index_one .right .ul{} #index_one .right .ul .li{padding: 20px 0; border-top: 1px solid #333;} #index_one .right .ul .li:last-child{padding-bottom: 10px;} #index_one .right .ul .li .pic{width: 41.3%; background-color: #f1f1f1; padding: 20px;} #index_one .right .ul .li .pic .img{padding-top: 54%;} #index_one .right .ul .li .text{width: 51.522%;} #index_one .right .ul .li .text .p1{font-size: 24px; line-height: 32px; color: #333;} #index_one .right .ul .li .text .p2{margin-top: 7px; font-size: 14px; line-height: 23px; color: #333;} @media (max-width: 1536px) { #index_one .left .container{width: 95.34%;} #index_one .left .container .slide .text .name_cn{font-size: 22px; line-height: 1.5;} #index_one .left .container .slide .text .name_en{margin-top: 10px; font-size: 16px; line-height: 1.3;} #index_one .left .cen .logo_txt{right: 10px;} } @media (max-width: 1440px) { #index_one .right .ul .li .text .p1{font-size: 22px; line-height: 1.5;} } @media (max-width: 1366px) { #index_one .left{ padding: 120px 1.98% 60px;} #index_one .right .brief{margin-bottom: 60px;} } @media (max-width: 1280px) { #index_one .left .container .slide .text{margin-right: 2.68%; width: 20.06%;} #index_one .right i{margin: 25px 0;} #index_one .right .brief{margin-bottom: 30px;} #index_one .right .ul .li .text .p1{font-size: 20px;} #index_one .right .ul .li .text .p2{margin-top: 5px;} } @media (max-width: 1200px) { #index_one .right{width: 26.958%;} #index_one .right .logo{height: 65px;} #index_one .right .brief{line-height: 1.2;} #index_one .right .ul .li{padding: 15px 0;} } @media (max-width: 1024px) { #index_one{padding-top: 80px;} #index_one{max-width: 92%; margin: 0 auto; flex-direction: column-reverse;} #index_one .left{width: 100%; padding: 40px 2%; border-radius: 15px; overflow: hidden;} #index_one .left .container .slide .pic{padding-top: 58.19%;} #index_one .right{width: 100%;} #index_one .right .ul{display: none;} } @media (max-width: 750px) { #index_one .right .logo{height: 75px;} #index_one .right .brief{font-size: 28px; line-height: 1.5;} #index_one .left .jt{width: 53px; height: 53px;} #index_one .left .jt img{transform: scale(1.3);} #index_one .left .cen{width: 83.1%;} #index_one .left .container{width: 100%; margin: 0 auto;} #index_one .left .container .slide{flex-direction: column-reverse;} #index_one .left .container .slide .pic{width: 100%; padding-top: 78.19%;} #index_one .left .container .slide .text{width: 100%; margin: 30px 0 0 0; } #index_one .left .container .slide .text .name_cn{font-size: 32px; line-height: 1.5;} #index_one .left .container .slide .text .name_en{font-size: 28px; line-height: 1.5;} #index_one .left .container .slide .text .brief{font-size: 26px; line-height: 1.5;} #index_one .left .cen .logo_txt{ width: 124px; height: 30px; bottom: inherit; top: 390px; right: -15px;} } #index_two{padding-top: 100px;} #index_two .box{padding: 50px 2.84% 70px; background: #f6f6f6 url(/images/index/4.png) no-repeat center left; background-size: auto 100%; border-radius: 30px;} #index_two .box .left{width: 16.5%; padding-top: 10px;} #index_two .box .left .p1{margin-bottom: 60px; font-size: 32px; line-height: 40px; color: #fff; font-weight: bold;} #index_two .box .left .p2{margin-bottom: 18px; font-size: 16px; line-height: 27px; color: #fff; } #index_two .box .left .p3{font-size: 32px; line-height: 42px; color: #fff; font-weight: bold;} #index_two .box .right{width: 78.98%;} #index_two .box .right .li{background-color: #fbfbfb; border-radius: 20px;} #index_two .box .right .li .icon{margin-bottom: 25px; width: 46px; height: 46px;} #index_two .box .right .li .name{font-size: 20px; line-height: 28px; color: #333; font-weight: 500;} #index_two .box .right .one{width: 24.46%; padding: 50px 2.98% 40px;} #index_two .box .right .one .number{align-items: baseline; margin-top: 90px; font-size: 20px; color: var(--main); font-family: "ML";} #index_two .box .right .one .number span{display: inline; margin-right: 10px; font-size: 100px; line-height: 91px; font-family: "ML";} #index_two .box .right .ul{width: 74.82%;} #index_two .box .right .ul .li{width: 32.69%; margin-top: 10px; padding: 40px 3.98%;} #index_two .box .right .ul .li:nth-child(-n+3){margin: 0;} #index_two .box .right .ul .li .top{top: 100%; height: 100%; z-index: 1; overflow: hidden;} #index_two .box .right .ul .li .in{max-height: 100%; overflow: auto; background-color: #fff; padding: 33px 11.2% 23px;} #index_two .box .right .ul .li .in .name{margin-bottom: 22px; font-size: 20px; line-height: 28px; color: var(--main); font-weight: bold;} #index_two .box .right .ul .li .in .brief{font-size: 14px; line-height: 24px; min-height: calc(24px * 3); color: #888; } #index_two .box .right .ul .li:hover{box-shadow: 2.5px 4.33px 20px 0px rgba(17, 55, 111, 0.1);} #index_two .box .right .ul .li:hover .top{top: 0;} @media (max-width: 1280px) { #index_two .box{padding: 40px 2.84% 50px;} #index_two .box .right .one .number span{font-size: 85px; line-height: 80px;} } @media (max-width: 1200px) { #index_two .box .right .li .name{font-size: 18px; line-height: 1.3;} #index_two .box .right .ul .li .in .name{margin-bottom: 10px;} } @media (max-width: 1024px) { #index_two .box .left{width: 18.5%;} #index_two .box .left .p1{margin-bottom: 45px; font-size: 30px; line-height: 36px;} #index_two .box .left .p2{font-size: 14px; line-height: 24px;} #index_two .box .left .p3{font-size: 26px; line-height: 34px;} #index_two .box .right{width: 80%;} #index_two .box .right .one{padding: 30px 2.98% 25px; display: flex; flex-direction: column; justify-content: space-between;} #index_two .box .right .one .number span{font-size: 55px; line-height: 52px;} #index_two .box .right .ul .li{padding: 30px 3.98%;} #index_two .box .right .ul .li .in{padding: 24px 11.2% 20px;} #index_two .box .right .ul .li .in .name{font-size: 18px; line-height: 20px;} #index_two .box .right .ul .li .in .brief{line-height: 20px; min-height: calc(20px * 3);} } @media (max-width: 750px) { #index_two .box{flex-wrap: wrap; background: var(--main);} #index_two .box .left{width: 100%;} #index_two .box .left .p1{margin-bottom: 15px; font-size: 42px; line-height: 1.5;} #index_two .box .left .p2{font-size: 26px; line-height: 1.5;} #index_two .box .left .p3{font-size: 32px; line-height: 1.5;} #index_two .box .right{display: none; margin-top: 30px; width: 100%; flex-wrap: wrap;} #index_two .box .right .li .icon{margin-bottom: 60px; width: 60px; height: 60px;} #index_two .box .right .li .icon img{transform: scale(1.3);} #index_two .box .right .li .name{font-size: 30px; line-height: 1.5;} #index_two .box .right .one{width: 100%; padding: 30px 5.98%;} #index_two .box .right .one .number{margin-top: 36px; font-size: 24px;} #index_two .box .right .one .number span{font-size: 65px;} #index_two .box .right .ul{width: 100%;} #index_two .box .right .ul .li{width: 49.69%; min-height: 365px;} #index_two .box .right .ul .li:nth-child(-n+3){margin-top: 10px;} #index_two .box .right .ul .li .top{top: 0; padding: 30px 10%; background-color: #fff;} #index_two .box .right .ul .li .in{padding: 0; } #index_two .box .right .ul .li .in .icon{display: block; margin-bottom: 25px; width: 60px; height: 60px;} #index_two .box .right .ul .li .in .icon img{transform: scale(1.3);} #index_two .box .right .ul .li .in .name{font-size: 30px; line-height: 1.5;} #index_two .box .right .ul .li .in .brief{font-size: 26px; line-height: 1.5;} #index_two .mb_box{margin-top: 40px; padding-bottom: 40px; display: block; border-radius: 20px; background: #fff; overflow: hidden;} #index_two .mb_box .slide{padding: 40px;} #index_two .mb_box .slide .icon{margin-bottom: 40px; width: 80px; height: 80px;} /* #index_two .mb_box .slide .icon{margin-bottom: 40px;height: 80px;} */ #index_two .mb_box .slide .icon img{transform: scale(1.6);} #index_two .mb_box .slide .name{font-size: 34px; line-height: 1.5; color: #333; font-weight: 400;} #index_two .mb_box .slide .brief{margin-top: 20px; font-size: 26px; line-height: 1.5; color: #333;} #index_two .mb_box .slide .number{align-items: baseline; margin-top: 90px; font-size: 24px; color: var(--main); font-family: "ML";} #index_two .mb_box .slide .number span{display: inline; margin-right: 10px; font-size: 65px; line-height: 91px; font-family: "ML";} #index_two .mb_box .swiper-pagination{bottom: 16px;} #index_two .mb_box .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;width: 30px; height: 2px; background: var(--main); opacity: 0.5;} #index_two .mb_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;} } #index_three{padding-top: 100px;} #index_three .box{padding-bottom: 10px; background-color: #f6f6f6; border-radius: 30px;} #index_three .left{width: 50%; padding: 0 6.53% 0 5.11%;} #index_three .left .jt .svg{fill: #888;} #index_three .left .jt .svg:hover{fill: var(--main);} #index_three .left .container{width: 63.86%; padding-bottom: 145px;} #index_three .left .container .slide .name{margin-bottom: 6px; font-size: 32px; line-height: 50px; color: #333; font-weight: bold;} #index_three .left .container .slide .brief{margin-bottom: 55px; font-size: 16px; line-height: 21px; color: #333;} #index_three .left .container .slide .ul{margin-bottom: 65px;} #index_three .left .container .slide .ul .li{padding-left: 30px; background: url() no-repeat center left; font-size: 16px; line-height: 30px; color: #333;} #index_three .left .container .slide .ul .li:first-child{background-image: url(/images/index/8.png);} #index_three .left .container .slide .ul .li:last-child{background-image: url(/images/index/9.png); background-position: 0 5px;} #index_three .left .container .slide .designer{padding-top: 60px; border-top: 1px solid #888;} #index_three .left .container .slide .designer .one{margin-bottom: 60px;} #index_three .left .container .slide .designer .one .img{margin-right: 10px; width: 50px; height: 50px; border-radius: 50%;} #index_three .left .container .slide .designer .one .txt{font-size: 16px; line-height: 25px; color: #333;} #index_three .left .container .slide .designer .btn_ul{} #index_three .left .container .slide .designer .btn_ul .btn{padding: 0 20px; height: 40px; border: 1px solid #888; border-radius: 30px; font-size: 16px; color: #333; cursor: pointer;} #index_three .left .container .slide .designer .btn_ul .btn:first-child{min-width: 150px;} #index_three .left .container .slide .designer .btn_ul .btn:last-child{min-width: 270px;} #index_three .left .container .slide .designer .btn_ul .btn:hover{background: var(--main); color: #fff; border-color: var(--main);} #index_three .left .container .swiper-pagination{bottom: 0;} #index_three .left .container .swiper-pagination .swiper-pagination-bullet{margin: 0 5px; width: 18px; height: 18px; background: transparent; border: 1px solid #cdcdcd; opacity: 1;} #index_three .left .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--main); border-color: var(--main);} #index_three .right{width: 50%;} #index_three .right .slide{width: 100%; padding-top: 94.32%; border-radius: 30px;} @media (max-width: 1680px) { #index_three .left .container{width: 70.86%;} #index_three .left .container .slide .designer .btn_ul .btn:last-child{min-width: 250px;} } @media (max-width: 1536px) { #index_three .left{padding: 0 3.53%;} #index_three .left .container{padding-bottom: 80px;} #index_three .left .container .slide .brief{margin-bottom: 25px;} #index_three .left .container .slide .ul{margin-bottom: 35px;} #index_three .left .container .slide .designer{padding-top: 30px;} #index_three .left .container .slide .designer .one{margin-bottom: 30px;} } @media (max-width: 1366px) { #index_three .left .container{width: 75.86%; padding-bottom: 70px;} } @media (max-width: 1280px) { #index_three .left .container{width: 80%;} } @media (max-width: 1200px) { #index_three .left .container .slide .ul{margin-bottom: 25px;} #index_three .left .container .slide .designer{padding-top: 25px;} #index_three .left .container .slide .designer .btn_ul .btn{font-size: 14px;} #index_three .left .container .slide .designer .btn_ul .btn:first-child{min-width: 135px;} #index_three .left .container .slide .designer .btn_ul .btn:last-child{min-width: 235px;} } @media (max-width: 1024px) { #index_three .box{flex-direction: column-reverse;} #index_three .left{width: 100%; padding: 60px 3.53%;} #index_three .left .container .slide .designer .btn_ul{justify-content: flex-start;} #index_three .left .container .slide .designer .btn_ul .btn:first-child{min-width: 150px; margin-right: 20px;} #index_three .left .container .slide .designer .btn_ul .btn:last-child{min-width: 280px;} #index_three .right{width: 100%;} } @media (max-width: 750px) { #index_three .left{padding: 60px 3.53% 40px;} #index_three .left .container .slide .name{font-size: 36px; line-height: 1.5;} #index_three .left .container .slide .brief, #index_three .left .container .slide .ul .li, #index_three .left .container .slide .designer .one .txt{font-size: 26px; line-height: 1.5;} #index_three .left .container .slide .ul .li{padding-left: 0; background-image: none !important;} #index_three .left .container .slide .designer .one .img{display: none;} #index_three .left .container .slide .designer .btn_ul{flex-wrap: wrap;} #index_three .left .container .slide .designer .btn_ul .btn{width: 100%; height: 55px; font-size: 26px;} #index_three .left .container .slide .designer .btn_ul .btn:first-child{margin-bottom: 15px; margin-right: 0;} } #index_four{padding-top: 100px;} #index_four .box{padding-bottom: 10px; background-color: #f6f6f6; border-radius: 30px;} #index_four .big_swi{} #index_four .big_swi .slide{} #index_four .big_swi .slide .pic{width: 50%; padding-top: 47.16%; border-radius: 30px;} #index_four .big_swi .slide .info{width: 50%; padding-top: 90px; padding-left: 9.17%; } #index_four .big_swi .slide .info .in{width: 57.19%;} #index_four .big_swi .slide .info .in .name{margin-bottom: 5px; font-size: 32px; line-height: 50px; color: #333; font-weight: bold;} #index_four .big_swi .slide .info .in .brief{margin-bottom: 30px; font-size: 16px; line-height: 27px; color: #333;} #index_four .big_swi .slide .info .in .p1{margin-bottom: 8px; font-size: 16px; line-height: 27px; color: #333;} #index_four .big_swi .slide .info .in .p2{margin-bottom: 46px; font-size: 16px; line-height: 25px; color: #888;} #index_four .big_swi .slide .info .in .ul .li{padding-left: 30px; background: url() no-repeat center left; font-size: 16px; line-height: 30px; color: #333;} #index_four .big_swi .slide .info .in .ul .li:first-child{background-image: url(/images/index/8.png);} #index_four .big_swi .slide .info .in .ul .li:last-child{background-image: url(/images/index/9.png); background-position: 0 5px;} #index_four .big_swi .slide .info .in .btn_ul{margin-top: 60px;} #index_four .big_swi .slide .info .in .btn_ul .btn{padding: 0 20px; height: 40px; border: 1px solid #888; border-radius: 30px; font-size: 16px; color: #333; cursor: pointer;} #index_four .big_swi .slide .info .in .btn_ul .btn:first-child{min-width: 150px; margin-right: 10px;} #index_four .big_swi .slide .info .in .btn_ul .btn:last-child{min-width: 220px;} #index_four .big_swi .slide .info .in .btn_ul .btn:hover{background: var(--main); color: #fff; border-color: var(--main);} #index_four .small_box{width: 39.77%; bottom: 140px; right: 4.55%; z-index: 10;} #index_four .small_box .small_swi{width: 82.85%;} #index_four .small_box .small_swi .slide{cursor: pointer; opacity: 0.5; height: 100px; border-radius: 5px;} #index_four .small_box .small_swi .slide.swiper-slide-thumb-active{opacity: 1;} #index_four .small_box .jt{width: 19px;} #index_four .small_box .jt .svg{fill: #888;} #index_four .small_box .jt .svg:hover{fill: var(--main);} @media (max-width: 1680px) { #index_four .big_swi .slide .info .in{width: 80%;} #index_four .small_box{bottom: 70px;} } @media (max-width: 1536px) { #index_four .big_swi .slide .info .in .ul{margin-bottom: 35px;} #index_four .big_swi .slide .info .in .btn_ul{margin-top: 0;} } @media (max-width: 1440px) { #index_four .big_swi .slide .info{padding-top: 55px;} } @media (max-width: 1366px) { #index_four .big_swi .slide .info .in .p2{margin-bottom: 20px;} #index_four .small_box{bottom: 40px;} } @media (max-width: 1280px) { #index_four .big_swi .slide .info{padding-left: 7.17%;} #index_four .big_swi .slide .info .in{width: 88%;} #index_four .big_swi .slide .info .in .brief{margin-bottom: 20px;} #index_four .big_swi .slide .info .in .p2{margin-bottom: 20px;} #index_four .big_swi .slide .info .in .ul .li{padding-left: 27px; font-size: 14px; line-height: 25px;} #index_four .big_swi .slide .info .in .ul .li:last-child{ background-position: 0 1px;} #index_four .small_box{width: 43.77%;right: 2.55%; } } @media (max-width: 1200px) { #index_four .big_swi .slide .info .in .brief{margin-bottom: 10px;} #index_four .big_swi .slide .info .in .ul{margin-bottom: 22px;} #index_four .big_swi .slide .info .in .btn_ul .btn{font-size: 14px;} } @media (max-width: 1024px) { #index_four .big_swi .slide{flex-direction: column;} #index_four .big_swi .slide .pic{width: 100%; padding-top: 86.16%;} #index_four .big_swi .slide .info{width: 100%; padding: 60px 3.53%;} #index_four .big_swi .slide .info .in{margin: 0 auto;} #index_four .small_box{width: 100%; bottom: 18%; right: 0; transform: translateY(50%); padding: 0 2%;} #index_four .small_box .small_swi{display: none;} #index_four .big_swi .slide .info .in .ul .li:first-child{min-width: 150px; margin-right: 20px;} #index_four .big_swi .slide .info .in .ul .li:last-child{min-width: 280px;} } @media (max-width: 750px) { #index_four .big_swi .slide .info{padding: 60px 6.53% 40px;} #index_four .big_swi .slide .info .in .name{font-size: 36px; line-height: 1.5;} #index_four .big_swi .slide .info .in .brief, #index_four .big_swi .slide .info .in .p1, #index_four .big_swi .slide .info .in .p2, #index_four .big_swi .slide .info .in .ul .li{font-size: 26px; line-height: 1.5;} #index_four .big_swi .slide .info .in .ul .li{padding-left: 0; background-image: none !important;} #index_four .big_swi .slide .info .in .btn_ul{flex-wrap: wrap;} #index_four .big_swi .slide .info .in .btn_ul .btn{width: 100%; height: 55px; font-size: 26px;} #index_four .big_swi .slide .info .in .btn_ul .btn:first-child{margin-bottom: 15px; margin-right: 0;} #index_four .small_box{bottom: 315px;padding: 0 4%;} } #index_five{padding-top: 100px;} #index_five .box{padding: 54px 3.41% 70px; background-color: #f6f6f6; border-radius: 20px;} #index_five .box .left{width: 23.3%;} #index_five .box .left .p1{margin-bottom: 5px; font-size: 32px; line-height: 50px; color: #333; font-weight: bold;} #index_five .box .left .p2{margin-bottom: 36px; font-size: 16px; line-height: 25px; color: #888;} #index_five .box .left .btn{display: inline-flex; padding: 0 20px; min-width: 140px; height: 40px; border-radius: 30px; font-size: 16px; background: var(--main); color: #fff; cursor: pointer;} #index_five .box .left .btn:hover{opacity: 0.8;} #index_five .box .right{width: 65.06%;} #index_five .box .right .li{width: 6.136%;} #index_five .box .right .li .icon{margin-bottom: 17px; width: 100%; height: 90px; } #index_five .box .right .li .txt{font-size: 16px; line-height: 25px; color: #333;} @media (max-width: 1680px) { #index_five .box .right{width: 74.06%;} } @media (max-width: 1536px) { #index_five .box .left{width: 14%;} #index_five .box .right{width: 79.06%;} #index_five .box .right .li{width: 8.5%;} } @media (max-width: 1200px) { #index_five .box .right .li .txt{font-size: 14px;} } @media (max-width: 1024px) { #index_five .box{flex-direction: column; padding: 60px 3.41%;} #index_five .box .left{width: 100%; display: flex; flex-direction: column;} #index_five .box .left .btn{width: max-content;} #index_five .box .right{width: 100%; margin-top: 30px;} #index_five .box .right .li{width: 10%;} } @media (max-width: 750px) { #index_five .box .left .p1{font-size: 42px; line-height: 1.5;} #index_five .box .left .p2{font-size: 26px; line-height: 1.5; margin-top: 20px;} #index_five .box .left .btn{padding: 0 35px; font-size: 26px; height: 55px;} #index_five .box .right{flex-wrap: wrap;} #index_five .box .right .li{width: 32%; margin-top: 10px;} #index_five .box .right .li .icon img{transform: scale(1.3);} #index_five .box .right .li .txt{font-size: 26px; line-height: 1.5;} } #index_tit{font-size: 46px; line-height: 63px; color: #333; font-weight: bold;} #index_tit span{color: var(--main);} #index_brief{margin-top: 15px; font-size: 18px; line-height: 27px; color: #666;} @media (max-width: 1440px) { #index_tit{font-size: 42px; line-height: 50px;} } @media (max-width: 1200px) { #index_tit{line-height: 1.5;} #index_brief{font-size: 16px; line-height: 1.5;} } @media (max-width: 750px) { #index_brief{font-size: 26px; line-height: 1.5;} } #index_six{padding-top: 90px;} #index_six .box{margin-top: 57px;} #index_six .box .li{width: 7.38%; height: 480px; background: #f6f6f6; border-radius: 20px;} #index_six .box .li .info{position: relative; z-index: 2; padding: 55px 0; width: 100%; border-radius: 20px; justify-content: center;} #index_six .box .li .info .name{font-size: 20px; color: #333; font-weight: bolder; writing-mode: vertical-rl; text-orientation: mixed; } #index_six .box .li .info .brief{font-size: 14px; color: #999; font-family: "MM"; writing-mode: vertical-rl; text-orientation: mixed; } #index_six .box .li .pic{top: 0; right: 0; z-index: 1; width: 0; overflow: hidden; height: 100%;} #index_six .box .li.cur{width: 47.612%;} #index_six .box .li.cur .info{width: 16.48%; background: var(--main);} #index_six .box .li.cur .info .name{color: #fff;} #index_six .box .li.cur .info .brief{color: #fff;} #index_six .box .li.cur .pic{width: 89%; height: 100%; border-radius:20px;} @media (max-width: 1200px) { #index_six .box .li{height: 395px;} #index_six .box .li .info .name{font-size: 18px;} } @media (max-width: 1024px) { #index_six .box .li{height: 345px;} #index_six .box .li .info{padding: 35px 0;} } @media (max-width: 750px) { #index_six{padding-top: 100px;} #index_six .box{display: none; flex-wrap: wrap; margin-top: 30px;} #index_six .box .li{margin-top: 10px; width: 100%; height: 180px;} #index_six .box .li .info{padding: 30px 40px; flex-direction: column-reverse;} #index_six .box .li .info .name{writing-mode: lr; font-size: 32px; line-height: 1.5;} #index_six .box .li .info .brief{writing-mode: lr; font-size: 26px; line-height: 1.5;} #index_six .box .li .pic{right: inherit; top: inherit; bottom: 0; left: 0; width: 100%; height: 0; border-radius:20px;} #index_six .box .li.cur{width: 100%; height: 480px; align-items: flex-end;} #index_six .box .li.cur .pic{width: 100%; height: 100%;} #index_six .box .li.cur .info{width: 100%; height: max-content;} #index_six .mb_box{margin-top: 40px; padding-bottom: 40px; display: block; border-radius: 20px; background: var(--main); overflow: hidden;} #index_six .mb_box .slide{} #index_six .mb_box .slide .pic{width: 100%; padding-top: 64%; border-radius: 20px; overflow: hidden;} #index_six .mb_box .slide .info{padding: 30px 40px; width: 100%; border-radius: 20px; flex-direction: column-reverse;} #index_six .mb_box .slide .info .name{writing-mode: lr; font-size: 32px; line-height: 1.5; color: #fff;} #index_six .mb_box .slide .info .brief{writing-mode: lr; font-size: 26px; line-height: 1.5; color: #fff;} #index_six .mb_box .swiper-pagination{bottom: 16px;} #index_six .mb_box .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;width: 30px; height: 2px; background: #fff; opacity: 0.5;} #index_six .mb_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;} } #index_seven{padding-top: 90px;} #index_seven .box{margin-top: 55px; padding-bottom: 10px; background-color: #f6f6f6; border-radius: 20px;} #index_seven .left{width: 50%; padding: 0 6.534% 0 5.11%;} #index_seven .left .jt{width: 19px;} #index_seven .left .jt .svg{fill: #888;} #index_seven .left .jt .svg:hover{fill: var(--main);} #index_seven .left .container{padding-right: 3px; width: 68.57%; padding-bottom: 94px;} /* #index_seven .left .container .slide{} */ #index_seven .left .container .slide .name{margin-bottom: 23px; font-size: 32px; line-height: 50px; color: #333; font-weight: bold;} #index_seven .left .container .slide .tag{margin-bottom: 50px;} #index_seven .left .container .slide .tag .li{min-width: 40%; max-width: 48%; font-size: 16px; line-height: 30px; color: #999;} #index_seven .left .container .slide .tag .li span{color: #333;} #index_seven .left .container .slide .ul{margin-bottom: 52px;} #index_seven .left .container .slide .ul .li{padding-left: 30px; background: url() no-repeat center left; font-size: 16px; line-height: 30px; color: #333;} #index_seven .left .container .slide .ul .li:first-child{background-image: url(/images/index/8.png);} #index_seven .left .container .slide .ul .li:last-child{background-image: url(/images/index/9.png); background-position: 0 5px;} #index_seven .left .container .slide .schedule{margin-bottom: 65px;} #index_seven .left .container .slide .schedule .one{margin-bottom: 39px; align-items: baseline;} #index_seven .left .container .slide .schedule .one .p1{margin-right: 15px; font-size: 20px; line-height: 28px; color: #333; font-weight: 700;} #index_seven .left .container .slide .schedule .one .p2{font-size: 16px; line-height: 1; color: #888; } #index_seven .left .container .slide .schedule .one .p2 span{color: var(--main);} #scheLine .line{margin-bottom: 10px; width: 100%; height: 2px; background-color: #e2e2e2; position: relative;} #scheLine .line::before{content: " "; display: block; width: 10px; height: 10px; background-color: var(--color); border-radius: 50%; position: absolute; top: 50%; left:0; transform: translateY(-50%); z-index: 1;} #scheLine .line::after{content: " "; display: block; width: 10px; height: 10px; background-color: #e2e2e2; border-radius: 50%; position: absolute; top: 50%; right:0; transform: translateY(-50%); z-index: 1;} #scheLine .line.cur::after{background-color: var(--color);} #scheLine .line2 {position: absolute; top: 0; left: 0; z-index: 2; width: 10px; height: 100%; background-color: var(--color); } #scheLine .plan{justify-content: space-between;} #scheLine .plan .li{width: 33.33%; font-size: 14px; line-height: 22px; color: #999;} #scheLine .plan .li.cur{color: var(--color);} #scheLine .plan .li:last-child{width: max-content; white-space: nowrap;} #index_seven .left .container .slide .btn_ul{} #index_seven .left .container .slide .btn_ul .btn{padding: 0 20px; height: 40px; border: 1px solid #888; border-radius: 30px; font-size: 16px; color: #333; cursor: pointer;} #index_seven .left .container .slide .btn_ul .btn:first-child{min-width: 180px;} #index_seven .left .container .slide .btn_ul .btn:last-child{min-width: 270px;} #index_seven .left .container .slide .btn_ul .btn:hover{background: var(--main); color: #fff; border-color: var(--main);} #index_seven .left .container .swiper-pagination{bottom: 0; display: flex; justify-content: flex-start;} #index_seven .left .container .swiper-pagination .swiper-pagination-bullet{margin: 0 5px; width: 18px; height: 18px; background: transparent; border: 1px solid #cdcdcd; opacity: 1;} #index_seven .left .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--main); border-color: var(--main);} #index_seven .right{width: 50%; border-radius: 20px; overflow: hidden} #index_seven .right .slide{padding-top: 94.318%; border-radius: 20px;} @media (max-width: 1680px) { #index_seven .left .container{width: 75.57%;} #index_seven .left .container .slide .btn_ul .btn:last-child{min-width: 250px;} } @media (max-width: 1536px) { #index_seven .left{padding: 0 3.35%;} #index_seven .left .container{ padding-bottom: 65px;} #index_seven .left .container .slide .tag{margin-bottom: 35px;} #index_seven .left .container .slide .ul{margin-bottom: 30px;} #index_seven .left .container .slide .schedule{margin-bottom: 35px;} } @media (max-width: 1440px) { #index_seven .left .container .slide .schedule .one{margin-bottom: 17px;} #index_seven .left .container .slide .btn_ul .btn:first-child{min-width: 165px;} } @media (max-width: 1366px) { #index_seven .left .container{width: 78.57%;} #index_seven .left .container .slide .btn_ul .btn:first-child{min-width: 145px;} } @media (max-width: 1280px) { #index_seven .left .container{width: 80.57%; padding-bottom: 50px;} #index_seven .left .container .slide .name{margin-bottom: 20px;line-height: 45px;} #index_seven .left .container .slide .tag{margin-bottom: 30px;} #index_seven .left .container .slide .ul{margin-bottom: 25px;} #index_seven .left .container .slide .ul .li{padding-left: 27px; font-size: 14px; line-height: 25px;} #index_seven .left .container .slide .ul .li:last-child{ background-position: 0 1px;} #index_seven .left .container .slide .schedule{margin-bottom: 25px;} #index_seven .left .container .slide .schedule .one{margin-bottom: 25px;} } @media (max-width: 1200px) { #index_seven .left{padding: 0 2.35%;} #index_seven .left .container{width: 83%;} #index_seven .left .container .slide .tag{margin-bottom: 20px;} #index_seven .left .container .slide .tag .li{font-size: 14px; line-height: 25px;} #index_seven .left .container .slide .btn_ul .btn{font-size: 14px;} } @media (max-width: 1024px) { #index_seven .box{flex-direction: column-reverse;} #index_seven .left{width: 100%; padding: 60px 3.41% 30px;} #index_seven .left .container{padding-bottom: 50px;} #index_seven .left .container .slide{margin-bottom: 0;} #index_seven .left .container .slide .schedule{margin-bottom: 40px;} #index_seven .left .container .slide .btn_ul{justify-content: flex-start;} #index_seven .left .container .slide .btn_ul .btn:first-child{min-width: 150px; margin-right: 20px;} #index_seven .left .container .slide .btn_ul .btn:last-child{min-width: 280px;} #index_seven .right{width: 100%;} } @media (max-width: 750px) { #index_seven{padding-top: 100px;} #index_seven .left{padding: 60px 4.53% 40px;} #index_seven .left .container .slide .name{margin-bottom: 15px; font-size: 36px; line-height: 1.5;} #index_seven .left .container .slide .tag .li, #index_seven .left .container .slide .ul .li{font-size: 26px; line-height: 1.5;} #index_seven .left .container .slide .ul .li{padding-left: 0; background-image: none !important;} #index_seven .left .container .slide .tag .li{min-width: 100%; max-width: 100%;} #index_seven .left .container .slide .schedule{display: none;} #index_seven .left .container .slide .btn_ul{flex-wrap: wrap;} #index_seven .left .container .slide .btn_ul .btn{width: 100%; height: 55px; font-size: 26px;} #index_seven .left .container .slide .btn_ul .btn:first-child{margin-bottom: 15px; margin-right: 0;} #index_seven .right .slide{padding-top: 80%;} } #index_eight{padding-top: 90px;} #index_eight .box{margin-top: 55px; background-color: #fff; border-radius: 20px;} #index_eight .jt{width: 19px;} #index_eight .jt .svg{fill: #888;} #index_eight .jt .svg:hover{fill: var(--main);} #index_eight .big_swi {} #index_eight .big_swi .slide{} #index_eight .big_swi .slide .pic{width: 59.375%;} #index_eight .big_swi .slide .pic .one{width: 65.072%; padding-top: 45.93%; border-radius: 20px;} #index_eight .big_swi .slide .pic .two{width: 17.225%; padding-top: 45.93%; border-radius: 20px;} #index_eight .big_swi .slide .text{width: calc(100% - 59.375%); background-color: #f6f6f6; border-radius: 20px; overflow: hidden; } #index_eight .big_swi .slide .text .in{width: 100%; padding: 0 8.4% 40px; max-height: 180px; overflow: auto;} #index_eight .big_swi .slide .text .in .p1{margin-bottom: 18px; font-size: 24px; line-height:32px; color: #333; font-weight: bold;} #index_eight .big_swi .slide .text .in .p2{font-size: 16px; line-height: 24px; color: #666; } #index_eight .small_box{padding: 0 50px 0 20px; width: calc(100% - 59.375%); top: 70px; right: 0; z-index: 2;} #index_eight .small_box .cen{width: 84%; overflow: hidden} #index_eight .small_box .small_swi{width: 180px; margin: 0; overflow: visible; } #index_eight .small_box .small_swi .slide{width: 150px; border-radius: 10px;} #index_eight .small_box .small_swi .slide .pic{width: 100%; padding-top: 100%;} #index_eight .small_box .small_swi .slide .text{top: inherit; bottom: 0; padding: 8px 23px 10px; height: max-content; z-index: 2; background: #333; border-radius: 10px;} #index_eight .small_box .small_swi .slide .text .p1{font-size: 16px; line-height: 1.4; color: #fff; font-weight: 500;} #index_eight .small_box .small_swi .slide .text .p2{font-size: 12px; line-height: 1.4; color: #fff; font-weight: 500; opacity: 0.6;} #index_eight .small_box .small_swi .slide.swiper-slide-thumb-active{width: 180px;} #index_eight .small_box .small_swi .slide.swiper-slide-thumb-active .text{background-color: var(--main);} #index_eight .small_box .small_swi .slide.swiper-slide-thumb-active .text .p1{font-size: 18px;} #index_eight .small_box .small_swi .slide.swiper-slide-thumb-active .text .p2{font-size: 14px} @media (max-width: 1680px) { #index_eight .big_swi .slide .text .in{padding: 0 8.4% 30px;} #index_eight .small_box{top: 45px; width: calc(100% - 58.375%);} #index_eight .small_box .small_swi{width: 160px;} #index_eight .small_box .small_swi .slide{width: 130px;} #index_eight .small_box .small_swi .slide .text .p1{font-size: 14px;} #index_eight .small_box .small_swi .slide.swiper-slide-thumb-active{width: 160px;} } @media (max-width: 1536px) { #index_eight .small_box{top: 30px;} #index_eight .small_box .small_swi .slide{width: 110px;} #index_eight .small_box .small_swi, #index_eight .small_box .small_swi .slide.swiper-slide-thumb-active{width: 140px;} #index_eight .small_box .small_swi .slide .text{padding: 8px 10px 10px;} } @media (max-width: 1366px) { #index_eight .big_swi .slide .text .in .p1{margin-bottom: 10px;} #index_eight .big_swi .slide .text .in .p2{font-size: 14px; line-height: 20px; } #index_eight .small_box{padding: 0 25px;} } @media (max-width: 1200px) { /* #index_eight .small_box .small_swi{margin-left: -19px;} */ #index_eight .small_box .small_swi .slide{width: 90px;} #index_eight .small_box .small_swi, #index_eight .small_box .small_swi .slide.swiper-slide-thumb-active{width: 110px;} #index_eight .small_box .small_swi .slide .text .p2{display: none;} } @media (max-width: 1024px) { #index_eight .big_swi .slide{flex-direction: column;} #index_eight .big_swi .slide .pic{width: 100%;} #index_eight .big_swi .slide .text{width: 100%; padding: 50px 7.41% 60px;} #index_eight .big_swi .slide .text .in{padding: 0;} #index_eight .big_swi .slide .text .in .p3{display: block; margin-bottom: 15px; font-size: 24px; line-height:32px; color: #333; font-weight: bold;} #index_eight .big_swi .slide .text .in .p2{min-height: auto;} #index_eight .small_box{top: inherit; bottom: 105px; width: 100%; right: 50%; transform: translateX(50%);} /* #index_eight .small_box .small_swi{margin-left: -26px;} */ #index_eight .small_box .small_swi .slide{width: 130px;} #index_eight .small_box .small_swi, #index_eight .small_box .small_swi .slide.swiper-slide-thumb-active{width: 160px;} #index_eight .small_box .cen{display: none;} } @media (max-width: 750px) { #index_eight{padding-top: 100px;} #index_eight .big_swi .slide .text{padding: 50px 12.41% 40px;} #index_eight .big_swi .slide .text .in .p3{font-size: 36px; line-height: 1.5;} #index_eight .big_swi .slide .text .in .p1{font-size: 32px; line-height: 1.5;} #index_eight .big_swi .slide .text .in .p2{font-size: 26px; line-height: 1.5;} #index_eight .small_box{bottom: 160px} } #index_nine{padding: 90px 0 120px;} #index_nine .box{margin-top: 55px; margin-bottom: 60px;} #index_nine .box .left{width: 40.91%;} #index_nine .box .left .pic{width: 100%; padding-top: 63.89%; border-radius: 30px;} #index_nine .box .left .info{padding-top: 30px;} #index_nine .box .left .info .name{margin-bottom: 13px; font-size: 22px; line-height: 43px; color: #222; font-weight: 500;} #index_nine .box .left .info .time{margin-bottom: 19px; font-size: 16px; line-height: 22px; color: #aaaaaa; font-family:"MR";} #index_nine .box .left .info .brief{font-size: 16px; line-height: 30px; color: #666;} #index_nine .box .left:hover .info .name{color: var(--main);} #index_nine .box .list{width: 53.41%;} #index_nine .box .list .li{margin-bottom: 30px;} #index_nine .box .list .li:last-child{margin-bottom: 0;} #index_nine .box .list .li .time{width: 14.58%;} #index_nine .box .list .li .time .year{margin-bottom: 3px; font-size: 16px; line-height: 22px; color: #666; font-family:"MR";} #index_nine .box .list .li .time .day{font-size: 30px; line-height: 40px; color: #666; font-family:"MR";} #index_nine .box .list .li .info{width: 83.85%; padding-bottom: 35px; border-bottom: 1px solid #eaeaea;} #index_nine .box .list .li .info .name{margin-bottom: 6px; font-size: 20px; line-height: 38px; color: #222; font-weight: 500;} #index_nine .box .list .li .info .brief{font-size: 16px; line-height: 25px; color: #666; } #index_nine .box .list .li:hover .time .year, #index_nine .box .list .li:hover .time .day, #index_nine .box .list .li:hover .info .name{color: var(--main);} #index_nine .more{padding: 0 20px; min-width: 150px; height: 50px; border: 1px solid #888; border-radius: 30px; font-size: 16px; color: #333; } #index_nine .more:hover{background-color: var(--main); border-color: var(--main); color: #fff;} @media (max-width: 1536px) { #index_nine .box .list .li .info{padding-bottom: 25px;} } @media (max-width: 1440px) { #index_nine .box .left .info .name{margin-bottom: 10px; line-height: 35px;} #index_nine .box .left .info .time{margin-bottom: 15px;} #index_nine .box .list .li{margin-bottom: 25px;} #index_nine .box .list .li .info{padding-bottom: 25px;} #index_nine .box .list .li .time .day{line-height: 35px;} #index_nine .box .list .li .info .name{line-height: 35px;} } @media (max-width: 1280px) { #index_nine .box .left{width: 43%;} #index_nine .box .list .li .time .day{font-size: 26px; line-height: 28px;} #index_nine .box .list .li .info .name{font-size: 18px; line-height: 28px;} #index_nine .box .list .li .info .brief{font-size: 14px; line-height: 20px;} } @media (max-width: 1024px) { #index_nine .box{flex-direction: column;} #index_nine .box .left{width: 100%;} #index_nine .box .list{width: 100%; margin-top: 40px;} } @media (max-width: 750px) { #index_nine{padding: 100px 0;} #index_nine .box .left {padding-bottom: 25px; border-bottom: 1px solid #eaeaea;} #index_nine .box .left .info .name{font-size: 36px; line-height: 1.5;} #index_nine .box .left .info .time, #index_nine .box .left .info .brief{font-size: 26px; line-height: 1.5;} #index_nine .box .list{margin-top: 25px;} #index_nine .box .list .li .time{display: none;} #index_nine .box .list .li .info{width: 100%;} #index_nine .box .list .li .info .time2{display: block; font-size: 24px; line-height: 1.5;} #index_nine .box .list .li .info .name{font-size: 32px; line-height: 1.5;} #index_nine .box .list .li .info .brief{font-size: 26px; line-height: 1.5;} #index_nine .more{padding: 0 40px; font-size: 26px; height: 55px;} } /* 面包屑 */ #menu{width: 100%; height: 40px;} #menu .li{height: 100%;} #menu .li a, #menu .li span{font-size: 16px; color: #333; line-height: 1; transition: all 0.3s;} #menu .li span{display: inline-block; padding: 0 10px;} #menu .li a:hover{color: var(--main);} #menu .li span:last-of-type, #menu .li a:last-of-type{color: #888;} .cases_menu{padding: 50px 0;} .cons_menu{padding: 30px 0;} @media (max-width: 1536px) { .cases_menu{padding: 30px 0;} } @media (max-width: 750px) { #menu {display: none;} } /* 装修案例 */ #cases{padding-bottom: 123px;} #filterBox{padding: 40px 2.27% 50px; background: #f6f6f6; border-radius: 30px;} #filterBox .filter{} #filterBox .filter .cateName{width: 3.69%; margin-top: 10px; font-size: 16px; line-height: 40px; color: #888;} #filterBox .filter .ul{width: calc(100% - 3.69%);} #filterBox .filter .ul .li{margin-top: 10px; margin-right: 10px; background-color: #f6f6f6; border: 1px solid #999; border-radius: 30px; padding: 0 30px; min-width: 100px; font-size: 16px; line-height: 38px; color: #333; cursor: pointer;} #filterBox .filter .ul .li *{cursor: pointer;} #filterBox .filter .ul .li.cur{border-color: var(--main); background-color: rgb(255, 232, 233); color: var(--main);} #filterBox .filter .ul .li:hover{border-color: var(--main); color: var(--main);} @media (max-width: 1536px) { #filterBox .filter .cateName{width: 4.69%;} #filterBox .filter .ul{width: calc(100% - 4.69%);} } @media (max-width: 1280px) { .cases_menu{padding: 30px 0;} } @media (max-width: 1024px) { #filterBox .filter .cateName{width: 6.69%;} #filterBox .filter .ul{width: calc(100% - 6.69%);} } @media (max-width: 750px) { #filterBox{padding: 50px 3.27%;} #filterBox .filter{margin-top: 20px; flex-wrap: wrap;} #filterBox .filter:first-child{margin-top: 0;} #filterBox .filter .cateName{margin-top: 0; width: 100%; font-size: 26px;} #filterBox .filter .ul{width: 100%; } #filterBox .filter .ul .li{font-size: 26px; line-height: 50px;} } #cases .cont{margin-top: 44px;} /* #cases .list {display: grid;} */ #cases .list {column-count: 3; column-gap: 33px;} #cases .list .li{/*width: 32%;*/ min-height: 360px; margin-top: 16px; border-radius: 30px;} #cases .list .li:nth-of-type(3n){margin-right: 0 !important;} #cases .list .li .pic{width: 100%; overflow: hidden; border-radius: 30px;} #cases .list .li .info{padding: 0 7.01% 50px; background: url(/images/cases/bot.png) no-repeat center bottom/100% 100%;} #cases .list .li .info .in{width: 100%; height: max-content;} #cases .list .li .info .in .name{font-size: 24px; line-height: 35px; color: #fff; font-weight: 700;} #cases .list .li .info .in .p1{font-size: 18px; line-height: 23px; color: #fff;;} #cases .list .li .info .in .p2{margin-top: 10px; font-size: 18px; line-height: 27px; color: #fff; font-weight: 700;} #cases .list .li .info .in .bot{margin-top: 26px; height: 50px;} #cases .list .li .info .in .btn{top: 0; left: 0; z-index: 2; padding: 0 30px; min-width: 160px; height: 50px; font-size: 16px; line-height: 27px; color: #fff; border: 1px solid #fff; border-radius: 30px;;} #cases .list .li:hover .info .in .btn{background-color: var(--main); border-color: var(--main);} @media (max-width: 1536px) { #cases .list .li .info{padding: 0 7.01% 32px;} #cases .list .li .info .in .name{font-size: 22px; line-height: 30px;} #cases .list .li .info .in .p2{line-height: 20px;} #cases .list .li .info .in .bot{margin-top: 20px;} } @media (max-width: 1280px) { #cases .list .li{width: 31%;} } @media (max-width: 1200px) { #cases .list .li .info .in .name{font-size: 20px;} #cases .list .li .info .in .p1, #cases .list .li .info .in .p2{font-size: 16px;} } @media (max-width: 750px) { #cases .list {column-count: 1; column-gap: 0;} #cases .list .li{width: 100%;} #cases .list .li .info{padding: 0 7.01% 45px;} #cases .list .li .info .in .name{font-size: 34px; line-height: 1.5;} #cases .list .li .info .in .p1, #cases .list .li .info .in .p2{font-size: 26px; line-height: 1.5;} #cases .list .li .info .in .bot{height: 60px;} #cases .list .li .info .in .btn{min-width: 220px; height: 60px; font-size: 26px;} } /* 案例详情 */ #cases_detail_menu{margin-top: 100px; padding: 40px 0 20px;} @media (max-width: 1024px) { #cases_detail_menu{margin-top: 80px;} } @media (max-width: 750px) { #cases_detail_menu{margin-top: 100px;} } #cases_detail{} #cases_detail .detailOne{} #cases_detail .detailOne .left{width: 70%;} #cases_detail .detailOne .left .info{padding: 50px 6.12% 70px; background: #f4f4f4; border-radius: 20px;} #cases_detail .detailOne .left .info .name{font-size: 32px; line-height: 49px; color: #333; font-weight: 700;} #cases_detail .detailOne .left .info .li{margin-top: 55px; font-size: 16px; line-height: 25px; color: #888;} #cases_detail .detailOne .left .info .li span{color: #333;} #cases_detail .detailOne .left .info .list{margin-top: 7px;} #cases_detail .detailOne .left .info .list .ul{width: 25%;} #cases_detail .detailOne .left .info .list .li{margin-top: 25px;} #cases_detail .detailOne .left .detail{margin-top: 55px; font-size: 16px; line-height: 1.5; color: #666; } #cases_detail .detailOne .right{width: 25.7%;} #cases_detail .detailOne .right .designer{margin-bottom: 65px;} #cases_detail .detailOne .right .pic{margin-bottom: 15px; width: 100%; padding-top: 100%; border-radius: 30px;} #cases_detail .detailOne .right .info{margin-bottom: 15px;} #cases_detail .detailOne .right .info .p1{font-size: 20px; line-height: 29px; color: #333; font-weight: 500;} #cases_detail .detailOne .right .info .p2{font-size: 16px; line-height: 29px; color: #666; } #cases_detail .detailOne .right .btn{} #cases_detail .detailOne .right .btn .li{display: inline-flex; padding: 0 20px; min-width: 170px; height: 40px; border: 1px solid #888; border-radius: 5px; font-size: 16px; color: #333;} #cases_detail .detailOne .right .btn .li:hover{border-color: var(--main); background-color: var(--main); color: #fff;} /* #cases_detail .detailOne .right .formBox{margin-top: 65px;} */ #cases_detail .detailOne .right .formBox .p1{font-size: 24px; line-height: 33px; color: #333; font-weight: bold;} #cases_detail .detailOne .right .formBox .p2{font-size: 14px; line-height: 24px; color: #333;} #cases_detail .detailOne .right .formBox .form{margin-top: 25px;} #cases_detail .detailOne .right .formBox .form .li{padding: 0 20px; margin-bottom: 20px; width: 100%; height: 50px; border: 1px solid #ccc; font-size: 16px; color: #333;} #cases_detail .detailOne .right .formBox .form .li span{color: var(--main);} #cases_detail .detailOne .right .formBox .form .li .input{display: block; width: 100%;} #cases_detail .detailOne .right .formBox .form .li.area .input{width: 90%;} #cases_detail .detailOne .right .formBox .form .li.area .txt:last-child{width: max-content; max-width: 10%;} #cases_detail .detailOne .right .formBox .form .li select {cursor: pointer; padding-right: 0; width: 100%; height: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(/images/contact/8.png) no-repeat center right 10px;} #cases_detail .detailOne .right .formBox .form .li:hover, #cases_detail .detailOne .right .formBox .form .li:focus{border-color: var(--main);} #cases_detail .detailOne .right .formBox .form .submit {display: inline-flex; width: 100%; height: 50px; border-radius: 5px; background-color: var(--main); color: #fff; font-size: 18px; font-weight: 500;} #cases_detail .detailOne .right .formBox .form .submit:hover{opacity: 0.8;} #cases_detail .detailRel{padding: 90px 0 140px;} #cases_detail .detailRel.designerCases{padding: 90px 0 0;} #cases_detail .detailRel .tit{font-size: 32px; line-height: 49px; color: #333; font-weight: bold;} #cases_detail .detailRel .desc{margin-top: 6px; font-size: 16px; line-height: 25px; color: #666;} #cases_detail .detailRel .list{margin-top: 30px; } #cases_detail .detailRel .list .item{width: 32.14%; margin-right: 1.785%; margin-top: 60px;} #cases_detail .detailRel .list .item:nth-child(3n){margin-right: 0;} #cases_detail .detailRel .list .item:nth-child(-n+3){margin-top: 0;} #cases_detail .detailRel .list .item .pic{width: 100%; padding-top: 80%; border-radius: 20px;} #cases_detail .detailRel .list .item .info{margin-top: 25px;} #cases_detail .detailRel .list .item .info .title{font-size: 18px; line-height: 27px; color: #333; font-weight: 600;} #cases_detail .detailRel .list .item .info .brief{margin-top: 10px; font-size: 16px; line-height: 25px; color: #666; font-weight: 500;} #cases_detail .detailRel .list .item .info .designer{margin-top: 25px;} #cases_detail .detailRel .list .item .info .designer .face{margin-right: 10px; width: 50px; height: 50px; border-radius: 50%;} #cases_detail .detailRel .list .item .info .designer .name{font-size: 16px; color: #333; line-height: 1.1;} #cases_detail .detailRel .list .item:hover .info .title{color: var(--main);} @media (max-width: 1440px) { #cases_detail_menu{padding: 20px 0;} #cases_detail .detailOne .right .btn .li{min-width: 150px} #cases_detail .detailOne .right .info .p2{font-size: 14px;} } @media (max-width: 1280px) { #cases_detail .detailOne .left .info .list .ul{width: 31%;} #cases_detail .detailOne .right .btn .li{min-width: 145px} } @media (max-width: 1200px) { #cases_detail .detailOne .right .btn .li{min-width: 135px} } @media (max-width: 1024px) { #cases_detail .detailOne .right .btn {flex-wrap: wrap;} #cases_detail .detailOne .right .btn .li{min-width: 100%;} #cases_detail .detailOne .right .btn .li:last-child{margin-top: 10px;} } @media (max-width: 750px) { #cases_detail_menu{padding: 0;} #cases_detail .detailOne{flex-wrap: wrap;} #cases_detail .detailOne .left{width: 100%;} #cases_detail .detailOne .left .info .name{font-size: 42px; line-height: 1.5;} #cases_detail .detailOne .left .info .li, #cases_detail .detailOne .left .info .li{font-size: 26px; line-height: 1.5;} #cases_detail .detailOne .left .info .list .ul{width: 48%;} #cases_detail .detailOne .right{width: 100%; margin-top: 0px;} #cases_detail .detailOne .right .info .p1{font-size: 36px; line-height: 1.5;} #cases_detail .detailOne .right .info .p2{font-size: 26px; line-height: 1.5;} #cases_detail .detailOne .right .btn .li{font-size: 26px; height: 60px;;} #cases_detail .detailOne .right .designer{margin-bottom: 60px;} #cases_detail .detailOne .right .formBox .p1{font-size: 36px; line-height: 1.5;} #cases_detail .detailOne .right .formBox .p2{font-size: 26px; line-height: 1.5;} #cases_detail .detailOne .right .formBox .form .li{height: 60px; font-size: 26px;;} #cases_detail .detailOne .right .formBox .form .li select{background-size: 21px;} #cases_detail .detailOne .right .formBox .form .submit{font-size: 26px; height: 60px;} #cases_detail .detailRel{padding: 60px 0;} #cases_detail .detailRel .tit{font-size: 36px; line-height: 1.5;} #cases_detail .detailRel .desc{font-size: 26px; line-height: 1.5;} #cases_detail .detailRel .list .item{width: 100%; margin-right: 0; margin-top: 35px;} #cases_detail .detailRel .list .item:nth-child(-n+3){margin-top: 35px;} #cases_detail .detailRel .list .item:first-child{margin-top: 0;} #cases_detail .detailRel .list .item .info .title{font-size: 32px; line-height: 1.5;} #cases_detail .detailRel .list .item .info .brief, #cases_detail .detailRel .list .item .info .designer .name{font-size: 26px; line-height: 1.5;} #cases_detail .detailRel .list .item .info .designer .face{margin-right: 25px; width: 65px; height: 65px;} } /* 设计师 */ #designer{padding-bottom: 120px;} #designer .cont{margin-top: 60px;} #designer .list{margin-bottom: 95px;} #designer .list .li{width: 22.73%; margin-right: 3.01%; margin-top: 100px;} #designer .list .li:nth-child(4n){margin-right: 0;} #designer .list .li:nth-child(-n+4){margin-top: 0;} #designer .list .li .pic{width: 100%; padding-top: 140%; border-radius: 30px;} #designer .list .li .info{margin-top: 20px;} #designer .list .li .info .name{font-size: 24px; line-height: 43px; color: #333; font-weight: bold;} #designer .list .li .info .text{margin-top: 4px; font-size: 16px; line-height: 25px; color: #333;} #designer .list .li .info .text .li2{margin-left: 10%; } #designer .list .li .info .text .li2 span:first-child{color: #888;} #designer .list .li:hover .info .name{color: var(--main);} @media (max-width: 1280px) { #designer .list .li .info .name{font-size: 22px; line-height: 1.5;} } @media (max-width: 1024px) { #designer .list .li {width: 23.45%; margin-right: 2.01%; } } @media (max-width: 750px) { #designer .list .li {width: 48.85%; margin-right: 2.01%; margin-top: 60px;} #designer .list .li:nth-child(4n){margin-right: 2.01%;} #designer .list .li:nth-child(-n+4){margin-top: 60px;} #designer .list .li:nth-child(2n){margin-right: 0;} #designer .list .li:nth-child(-n+2){margin-top: 0;} #designer .list .li .info .name{font-size: 32px;} #designer .list .li .info .text{margin-top: 10px; flex-wrap: wrap; font-size: 26px;} #designer .list .li .info .text .li1{width: 100%;} #designer .list .li .info .text .li2{margin-left: 0; margin-top: 10px; width: 100%;} } #designerDetail{margin-top: 100px;} #designerDetail .menu{padding: 40px 0 25px;} #designerDetail .designerInfo{background: #f4f4f4; border-radius: 20px;} #designerDetail .designerInfo .left{padding: 90px 5.71% 100px; width: 38.64%;} #designerDetail .designerInfo .left .one{} #designerDetail .designerInfo .left .one .name{font-size: 32px; line-height: 50px; color: #333; font-weight: bold;} #designerDetail .designerInfo .left .one .job{margin-top: 14px; font-size: 20px; line-height: 30px; color: #333; font-weight: 600;} #designerDetail .designerInfo .left .one .style{font-size: 16px; line-height: 27px; color: #333;} #designerDetail .designerInfo .left .honor{margin-top: 60px; } #designerDetail .designerInfo .left .honor .in{height: 410px; overflow: auto;} #designerDetail .designerInfo .left .honor .box{margin-top: 40px;} #designerDetail .designerInfo .left .honor .box:first-child{margin-top: 0;} #designerDetail .designerInfo .left .honor .box .p1{margin-bottom: 9px; font-size: 16px; line-height: 25px; color: #333; font-weight: 600;} #designerDetail .designerInfo .left .honor .box .li{font-size: 16px; line-height: 27px; color: #666;} #designerDetail .designerInfo .left .btnul{margin-top: 60px; display: flex; flex-direction: column; align-items: flex-start;} #designerDetail .designerInfo .left .btnul .btn{display: inline-flex; width: auto; min-width: 180px; padding: 0 30px; height: 40px; border-radius: 40px; font-size: 16px; color: #fff; background-color: #333; border: 1px solid #333; } #designerDetail .designerInfo .left .btnul .btn:last-child{margin-top: 30px; background-color: transparent; color: #333; border-color: #888;} #designerDetail .designerInfo .left .btnul .btn:hover{background-color: var(--main); border-color: var(--main); color: #fff;} #designerDetail .designerInfo .right{width: 61.429%; padding-top: 67.857%; border-radius: 20px;} @media (max-width: 1440px) { #designerDetail .designerInfo .left{padding: 65px 3.71% 100px;} #designerDetail .designerInfo .left .honor .in{height: 375px;} #designerDetail .designerInfo .left .btnul{margin-top: 30px;} #designerDetail .designerInfo .right{padding-top: 64.857%;} } @media (max-width: 1200px) { #designerDetail .menu{padding: 0;} } @media (max-width: 1024px) { #designerDetail{margin-top: 80px;} #designerDetail .designerInfo .left{width: 42.64%; padding: 50px 3.71% 55px;} #designerDetail .designerInfo .left .honor{margin-top: 40px;} #designerDetail .designerInfo .left .honor .in{height: 350px;} #designerDetail .designerInfo .right{width: 57.429%; padding-top: 78.857%;} } @media (max-width: 750px) { #designerDetail{margin-top: 100px;} #designerDetail .designerInfo{flex-direction: column-reverse;} #designerDetail .designerInfo .left{width: 100%; padding: 50px 40px;} #designerDetail .designerInfo .left .one .name{font-size: 38px; line-height: 1.5;} #designerDetail .designerInfo .left .one .job{font-size: 32px; line-height: 1.5;} #designerDetail .designerInfo .left .one .style{font-size: 26px; line-height: 1.5;} #designerDetail .designerInfo .left .honor .in{height: 410px;} #designerDetail .designerInfo .left .honor .box .p1, #designerDetail .designerInfo .left .honor .box .li{font-size: 26px; line-height: 1.5;} #designerDetail .designerInfo .left .btnul{margin-top: 40px;} #designerDetail .designerInfo .left .btnul .btn{min-width: 250px; height: 60px; font-size: 26px;} #designerDetail .designerInfo .right{width: 100%; padding-top: 110.857%;} } #designerDetail .designerRel{padding: 85px 0 115px;} #designerDetail .designerRel .tit{font-size: 32px; line-height: 49px; color: #333; font-weight: bold;} #designerDetail .designerRel .list{margin-top: 30px;} #designerDetail .designerRel .list .li{width: 22.73%; margin-right: 3.01%; margin-top: 60px;} #designerDetail .designerRel .list .li:nth-child(4n){margin-right: 0;} #designerDetail .designerRel .list .li:nth-child(-n+4){margin-top: 0;} #designerDetail .designerRel .list .li .pic{width: 100%; padding-top: 104%; border-radius: 20px;} #designerDetail .designerRel .list .li .info{margin-top: 20px;} #designerDetail .designerRel .list .li .info .name{font-size: 24px; line-height: 43px; color: #333; font-weight: bold;} #designerDetail .designerRel .list .li .info .text{margin-top: 4px; font-size: 16px; line-height: 25px; color: #333;} #designerDetail .designerRel .list .li .info .text .li2{margin-left: 10%; } #designerDetail .designerRel .list .li .info .text .li2 span:first-child{color: #888;} #designerDetail .designerRel .list .li:hover .info .name{color: var(--main);} @media (max-width: 1200px) { #designerDetail .designerRel .list .li .info .name{font-size: 22px;} } @media (max-width: 750px) { #designerDetail .designerRel{padding: 100px 0;} #designerDetail .designerRel .tit{font-size: 36px; line-height: 1.5;} #designerDetail .designerRel .list .li{width: 48.4%; margin-right: 3.01%; margin-top: 40px;} #designerDetail .designerRel .list .li:nth-child(4n){margin-right: 3.01%;} #designerDetail .designerRel .list .li:nth-child(-n+4){margin-top: 40px;} #designerDetail .designerRel .list .li:nth-child(2n){margin-right: 0;} #designerDetail .designerRel .list .li:nth-child(-n+2){margin-top: 0;} #designerDetail .designerRel .list .li .info .name{font-size: 32px;} #designerDetail .designerRel .list .li .info .text{margin-top: 10px; flex-wrap: wrap; font-size: 26px;} #designerDetail .designerRel .list .li .info .text .li1{width: 100%;} #designerDetail .designerRel .list .li .info .text .li2{margin-left: 0; margin-top: 10px; width: 100%;} } /* 在线工地 */ #construction{padding-bottom: 120px;} #construction .cont{margin-top: 10px;} #construction .list{margin-bottom: 60px;;} #construction .list .item{padding: 40px 0; border-bottom: 1px solid #eee;} #construction .list .item .pic{width: 21.591%; padding-top: 17.045%; border-radius: 20px;} #construction .list .item .pic .more{opacity: 0; padding: 30px; background-color: rgba(17, 55, 111, 0.7); z-index: 2; } #construction .list .item .pic .more .in{height: 100%; border: 2px solid rgba(255,255,255,0.2); font-size: 18px; line-height: 1.2; color: #fff;} #construction .list .item .info{width: 75%;} #construction .list .item .info .one{margin-top: 18px;} #construction .list .item .info .one .name{width: 85%; font-size: 32px; line-height: 42px; color: #333; font-weight: bold;} #construction .list .item .info .one .btn{display: inline-flex; padding: 0 30px; min-width: 120px; height: 40px; border: 1px solid var(--main); font-size: 16px; color: var(--main); border-radius: 40px;} #construction .list .item .info .one .btn:hover{background-color: var(--main); color: #fff;} #construction .list .item .info .two{margin-top: 18px; width: 59.091%;} #construction .list .item .info .two .li{padding-right: 20px; width: 30%; margin-top: 10px; font-size: 16px; line-height: 25px; color: #333;} #construction .list .item .info .two .li span:first-child{color: #999;} #construction .list .item .info .three{margin-top: 40px;} #construction .list .item .info .three .tit{margin-bottom: 23px; align-items: baseline;} #construction .list .item .info .three .tit .p1{margin-right: 15px; font-size: 20px; line-height: 28px; color: #333; font-weight: 700;} #construction .list .item .info .three .tit .p2{font-size: 16px; line-height: 1; color: #888; } #construction .list .item .info .three .tit .p2 span{color: var(--main);} #construction .list .item:hover .pic .more{opacity: 1;} #construction .list .item:hover .info .one .name{color: var(--main);} @media (max-width: 1680px) { #construction .list .item .info .two{width: 70.091%;} } @media (max-width: 1440px) { #construction .list .item .info .two{margin-top: 15px; width: 82%;} #construction .list .item .info .three{margin-top: 30px;} } @media (max-width: 1280px) { #construction .list .item .pic{width: 22.6%; padding-top: 20.045%;} #construction .list .item .info .one .name{font-size: 28px; line-height: 40px;} #construction .list .item .info .two{margin-top: 0;} #construction .list .item .info .two .li{width: 32%;} #construction .list .item .info .three{margin-top: 20px;} } @media (max-width: 1200px) { #construction .list .item .info .one .name{width: 73%;} } @media (max-width: 1024px) { #construction .list .item{flex-wrap: wrap;} #construction .list .item .pic{width: 100%; padding-top: 79%;} #construction .list .item .info{width: 100%; padding-top: 40px;} #construction .list .item .info .one{margin-top: 0;} } @media (max-width: 750px) { #construction .list .item .info .one .name{width: 100%; font-size: 34px; line-height: 1.5;} #construction .list .item .info .one .btn{display: none;} #construction .list .item .info .two{width: 100%;} #construction .list .item .info .two .li{width: 48%; font-size: 26px; line-height: 1.5;} #construction .list .item .info .three{display: none;} #construction .list .item .info .btn_mb{margin-top: 15px; display: inline-flex; padding: 0 30px; min-width: 220px; height: 60px; border: 1px solid var(--main); font-size: 26px; color: var(--main); border-radius: 40px; justify-content: center; align-items: center;} } /* 在线工地详情 */ #cons_detail_menu{margin-top: 100px; padding: 30px 0 10px;} #consDetail{} #consDetail .bigPic{width: 100%; padding-top: 44.271%;} #consDetail .consBox{transform: translateY(-150px);} #consDetail .consInfo{padding: 55px 4.285%; border-radius: 20px; background-color: #fff; box-shadow: 0px 10px 20px 0px rgba(51, 51, 51, 0.05);} #consDetail .consInfo .one .name{width: 85%; font-size: 32px; line-height: 42px; color: #333; font-weight: bold;} #consDetail .consInfo .one .btn{display: inline-flex; padding: 0 30px; min-width: 120px; height: 40px; border: 1px solid var(--main); font-size: 16px; color: var(--main); border-radius: 40px;} #consDetail .consInfo .one .btn:hover{background-color: var(--main); color: #fff;} #consDetail .consInfo .two{margin-top: 30px; width: 100%;} #consDetail .consInfo .two .li{padding-right: 20px; width: 30%; margin-top: 10px; font-size: 16px; line-height: 25px; color: #333;} #consDetail .consInfo .two .li span:first-child{color: #999;} #consDetail .consInfo .three{margin-top: 30px;} #consDetail .consInfo .three .tit{margin-bottom: 23px; align-items: baseline;} #consDetail .consInfo .three .tit .p1{margin-right: 15px; font-size: 20px; line-height: 28px; color: #333; font-weight: 700;} #consDetail .consInfo .three .tit .p2{font-size: 16px; line-height: 1; color: #888; } #consDetail .consInfo .three .tit .p2 span{color: var(--main);} #consDetail .editorUl {} #consDetail .editorUl .editorLi{padding: 40px 0 35px; border-bottom: 1px solid #ededed;} #consDetail .editorUl .editorLi .worker{margin-bottom: 25px;} #consDetail .editorUl .editorLi .worker .face{margin-right: 20px; width: 60px; height: 60px; border-radius: 50%;} #consDetail .editorUl .editorLi .worker .text{} #consDetail .editorUl .editorLi .worker .text .p1{font-size: 18px; line-height: 27px; color: #333;} #consDetail .editorUl .editorLi .worker .text .p2{font-size: 16px; line-height: 25px; color: #888;} #consDetail .editorUl .editorLi .tag {margin-top: 40px; padding: 0 25px; width: max-content; min-width: 80px; height: 40px; background-color: #ededed; border-radius: 40px; font-size: 16px; color: #11376f;} #consDetail .editorUl .editorLi .time{margin-top: 15px; font-size: 16px; line-height: 24px; color: #999;} @media (max-width: 1366px) { #cons_detail_menu{padding: 0 0 10px;} } @media (max-width: 1200px) { #consDetail .consInfo .one .name{font-size: 30px;} } @media (max-width: 1024px) { #cons_detail_menu{margin-top: 80px;} } @media (max-width: 750px) { #cons_detail_menu{margin-top: 100px;} #consDetail .consBox{transform: translateY(0px); padding-bottom: 100px;} #consDetail .consInfo .one .name{width: 100%; font-size: 42px; line-height: 1.5;} #consDetail .consInfo .one .btn{display: none;} #consDetail .consInfo .two{margin-top: 20px; width: 100%;} #consDetail .consInfo .two .li{width: 100%; font-size: 26px; line-height: 1.5;} #consDetail .consInfo .three{margin-top: 40px;} #consDetail .consInfo .three .tit .p1{font-size: 30px;} #consDetail .consInfo .three .tit .p2{font-size: 26px;} #consDetail .consInfo .three .lineBox{padding: 10px 0; overflow: auto;} #scheLine{width: 1200px;} #scheLine .line{margin-bottom: 20px;} #scheLine .plan .li{font-size: 26px; line-height: 1.2;} #consDetail .consInfo .btn_mb{margin-top: 40px; display: inline-flex; padding: 0 30px; min-width: 220px; height: 60px; border: 1px solid var(--main); font-size: 26px; color: var(--main); border-radius: 40px; justify-content: center; align-items: center; } #consDetail .consInfo .btn_mb:hover{background-color: var(--main); color: #fff;} #consDetail .editorUl .editorLi .worker .face{width: 100px; height: 100px;} #consDetail .editorUl .editorLi .worker .text{width: calc(100% - 120px);} #consDetail .editorUl .editorLi .worker .text .p1{font-size: 28px; line-height: 1.2;} #consDetail .editorUl .editorLi .worker .text .p2{font-size: 26px; line-height: 1.2;} #consDetail .editorUl .editorLi .tag{font-size: 28px; height: 60px;} #consDetail .editorUl .editorLi .time{font-size: 26px; line-height: 1.5;} } /* 施工工艺 */ #tech_one {position: relative;} #tech_one::before{content: ''; display: block; width: 100%; height: 345px; background: #f4f4f4; position: absolute; bottom: 0; left: 0; z-index: 0;} #tech_one .menu{position: relative; z-index: 2;} #tech_one .cont{padding: 40px 0 0; position: relative; z-index: 2;} #tech_one .cont .box{margin-top: 55px; } #tech_one .cont .box .container .slide {border-radius: 20px;} #tech_one .cont .box .container .slide .pic{width: 100%; padding-top: 136.9%; border-radius: 20px;} #tech_one .cont .box .container .slide .textBox{align-items: flex-end;} #tech_one .cont .box .container .slide .textBox .in_box{padding-top: 30px; width: 100%; height: max-content; max-height: 85%; overflow: auto; position: relative;} #tech_one .cont .box .container .slide .textBox .in_box::before{content: ''; display: block; width: 100%; height: 32px; background: url(/images/technology/6.png) no-repeat center bottom; position: absolute; top: 0; left: 0; z-indeX: 1;} #tech_one .cont .box .container .slide .textBox .in{padding: 25px 8.9% 34px; width: 100%; height: max-content; background: var(--main);} #tech_one .cont .box .container .slide .textBox .in .left{width: 60%; font-size: 16px; line-height: 30px; color: #fff; font-weight: 500;} #tech_one .cont .box .container .slide .textBox .in .right{width: calc(100% - 60%); color: #fff; align-items: baseline; justify-content: flex-end;} #tech_one .cont .box .container .slide .textBox .in .right .num{font-size: 76px; line-height: 60px; font-weight: bold;} #tech_one .cont .box .container .slide .textBox .in .right .unit{font-size: 18px; font-weight: bold;} #tech_one .cont .box .btn{top: 50%; transform: translateY(-50%); z-index: 2; width: 67px; height: 67px; border-radius: 50%; background-color: rgba(255,255,255,0.9); } #tech_one .cont .box .btn .svg{fill: #1d3e70;} #tech_one .cont .box .btn:hover {background-color: #1d3e70;} #tech_one .cont .box .btn:hover .svg{fill: #fff;} #tech_one .cont .box .btn.prev {left: 0;} #tech_one .cont .box .btn.next {right: 0;} #tech_one .cont .box .btn.next .svg{transform: rotate(180deg);} #tech_one .cont .bot{transform: translateY(55px);} @media (max-width: 1536px) { #tech_one .cont .box .container .slide .textBox .in{padding: 15px 8.9% 28px;} #tech_one .cont .box .container .slide .textBox .in .right .num{font-size: 46px ; line-height: 1.2;} } @media (max-width: 750px) { #tech_one .cont .box .container .slide .textBox .in_box{padding-top: 65px;} #tech_one .cont .box .container .slide .textBox .in_box::before{height: 67px; background-size: cover;} #tech_one .cont .box .container .slide .textBox .in{padding: 30px 8.9% 50px;} #tech_one .cont .box .container .slide .textBox .in .left{font-size: 28px; line-height: 1.5;} #tech_one .cont .box .container .slide .textBox .in .right .num{font-size: 52px; margin-right: 5px;} #tech_one .cont .box .container .slide .textBox .in .right .unit{font-size: 24px;} } @keyframes iconwidth { 0%{transform:translate(-50%, -50%) scale(0.6);} 50%{transform:translate(-50%, -50%) scale(1.05);} 100%{transform:translate(-50%, -50%) scale(0.6);} } #tech_two{padding-top: 145px;} #tech_two .box{padding-top: 125px;} #tech_two .pic_box{padding: 50px; margin: 0 auto;} #tech_two .pic_box .pic{margin: 0 auto; width: 100%; padding-top: 38.3%; border-radius: 400px;} #tech_two .pic_box .line{top: 0; right: 0; z-index: 1;} #tech_two .text_box{z-index: 2;} #tech_two .text_box .li{width: max-content; max-width: 10%; transform: translate(-50%,-50%); flex-direction: column; text-align: center;} #tech_two .text_box .li .txt{font-size: 16px; line-height: 1.4; height: 45px; overflow: auto; color: #333;;} #tech_two .text_box .li .icon{margin: 10px auto 0; width: 12px; height: 12px; background-color: var(--main); border-radius: 50%;;} #tech_two .text_box .li .icon::before{content: ''; display: block; width: 18px; height: 18px; background-color: rgba(204, 24, 33, 0.2); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; border-radius: 50%; animation: iconwidth 3s infinite linear;} #tech_two .text_box .li:nth-child(-n+5){top: 14.3%;} #tech_two .text_box .li:nth-last-child(-n+5){bottom: -13.6%; flex-direction: column-reverse; align-items: center;} #tech_two .text_box .li.li0, #tech_two .text_box .li.li10{left: 21.77%;} #tech_two .text_box .li.li1, #tech_two .text_box .li.li9{left: 34.77%;} #tech_two .text_box .li.li2, #tech_two .text_box .li.li8{left: 49.77%;} #tech_two .text_box .li.li3, #tech_two .text_box .li.li7{left: 64.77%;} #tech_two .text_box .li.li4, #tech_two .text_box .li.li6{left: 79.77%;} #tech_two .text_box .li.li5{top: 58%; right: -9.3%; flex-direction: row-reverse; align-items: center; } /* #tech_two .text_box .li.li5 .txt{min-height: max-content;} */ #tech_two .text_box .li.li5 .txt{width: calc(100% - 22px); min-height: max-content; height: auto; max-height: 45px;} #tech_two .text_box .li.li5 .icon{margin: 0; margin-right: 10px;} #tech_two .text_box .li:nth-last-child(-n+5) .icon{margin: 0; margin-bottom: 10px;} #tech_two .text_box .li:last-child .icon{background-color: var(--color);} #tech_two .text_box .li:last-child .icon::before{background-color: rgba(59, 183, 117, 0.2);} @media (max-width: 1440px) { #tech_two .pic_box .line, #tech_two .pic_box .line img{height: 100%;} #tech_two .text_box .li.li0, #tech_two .text_box .li.li10{left: 21.1%;} #tech_two .text_box .li.li1, #tech_two .text_box .li.li9{left: 34.1%;} #tech_two .text_box .li.li2, #tech_two .text_box .li.li8{left: 49.1%;} #tech_two .text_box .li.li3, #tech_two .text_box .li.li7{left: 64.1%;} #tech_two .text_box .li.li4, #tech_two .text_box .li.li6{left: 79.1%;} #tech_two .text_box .li.li5{right: -10%;} #tech_two .text_box .li:nth-child(-n+5){top: 15.1%;} #tech_two .text_box .li:nth-last-child(-n+5){bottom: -14%;} } @media (max-width: 1366px) { #tech_two .text_box .li.li0, #tech_two .text_box .li.li10{left: 21.6%;} #tech_two .text_box .li.li1, #tech_two .text_box .li.li9{left: 34.6%;} #tech_two .text_box .li.li2, #tech_two .text_box .li.li8{left: 49.6%;} #tech_two .text_box .li.li3, #tech_two .text_box .li.li7{left: 64.6%;} #tech_two .text_box .li.li4, #tech_two .text_box .li.li6{left: 79.6%;} #tech_two .text_box .li.li5{top: 60%; right: -10.4%;} #tech_two .text_box .li:nth-child(-n+5){top: 15.6%;} #tech_two .text_box .li:nth-last-child(-n+5){bottom: -14.6%;} } @media (max-width: 1366px) { #tech_two .text_box .li.li0, #tech_two .text_box .li.li10{left: 20%;} #tech_two .text_box .li.li1, #tech_two .text_box .li.li9{left: 33%;} #tech_two .text_box .li.li2, #tech_two .text_box .li.li8{left: 48%;} #tech_two .text_box .li.li3, #tech_two .text_box .li.li7{left: 63%;} #tech_two .text_box .li.li4, #tech_two .text_box .li.li6{left: 78%;} #tech_two .text_box .li.li5{right: -11.2%;} #tech_two .text_box .li:nth-child(-n+5){top: 16.3%;} #tech_two .text_box .li:nth-last-child(-n+5){bottom: -15.45%;} } @media (max-width: 1200px) { #tech_two .box{padding-top: 100px;} #tech_two .text_box .li.li0, #tech_two .text_box .li.li10{left: 19.2%;} #tech_two .text_box .li.li1, #tech_two .text_box .li.li9{left: 32%;} #tech_two .text_box .li.li2, #tech_two .text_box .li.li8{left: 47%;} #tech_two .text_box .li.li3, #tech_two .text_box .li.li7{left: 63%;} #tech_two .text_box .li.li4, #tech_two .text_box .li.li6{left: 77%;} #tech_two .text_box .li.li5{right: -11.9%;} #tech_two .text_box .li:nth-child(-n+5){top: 13.2%;} #tech_two .text_box .li:nth-last-child(-n+5){bottom: -16.75%;} } @media (max-width: 1024px) { #tech_two .text_box .li.li0, #tech_two .text_box .li.li10{left: 21.2%;} #tech_two .text_box .li.li1, #tech_two .text_box .li.li9{left: 33%;} #tech_two .text_box .li.li2, #tech_two .text_box .li.li8{left: 48%;} #tech_two .text_box .li.li3, #tech_two .text_box .li.li7{left: 64%;} #tech_two .text_box .li.li4, #tech_two .text_box .li.li6{left: 78%;} #tech_two .text_box .li.li5{right: -9.9%; top: 52%;} #tech_two .text_box .li.li5 .txt{height: auto;} #tech_two .text_box .li:nth-child(-n+5){top: 10.3%;} #tech_two .box{overflow-x: auto; height: 720px;} #tech_two .pic_box{width: 1200px; } #tech_two .text_box{width: 1200px;} #tech_two .text_box .li:nth-last-child(-n+5){bottom: 0;} } @media (max-width: 750px) { #tech_two .text_box .li .txt{font-size: 24px; line-height: 1.4; height: 76px;} #tech_two .text_box .li.li5 .txt{max-height: 76px;} #tech_two .box{height: 918px; margin-top: 40px;} #tech_two .pic_box, #tech_two .text_box{width: 1600px} #tech_two .text_box .li.li0, #tech_two .text_box .li.li10{left: 23.2%;} #tech_two .text_box .li.li1, #tech_two .text_box .li.li9{left: 35%;} #tech_two .text_box .li.li2, #tech_two .text_box .li.li8{left: 50%;} #tech_two .text_box .li.li3, #tech_two .text_box .li.li7{left: 66%;} #tech_two .text_box .li.li4, #tech_two .text_box .li.li6{left: 80%;} #tech_two .text_box .li:nth-child(-n+5){top: 6.3%;} #tech_two .text_box .li.li5{right: -10.4%; top: 51%;} } #tech_three{padding-top: 150px;} #tech_three .box{margin-top: 50px; background-color: #11376f; border-radius: 30px;} #tech_three .box .left{width: 68.182%; padding-top: 48.3%; border-radius: 30px;} #tech_three .box .right{width: 31.818%; padding: 40px 2.84% 30px;} #tech_three .box .right .tit{margin-bottom: 17px; font-size: 26px; line-height: 44px; color: #fff; font-weight: bold;} #tech_three .box .right .list{max-height: calc(35 * 20px); overflow: auto;} #tech_three .box .right .list .li{font-size: 16px; line-height: 35px; color: #fff;} #tech_three .box .right .list::-webkit-scrollbar {width: 5px;background: rgba(255,255,255,0.11);height: 5px;} #tech_three .box .right .list::-webkit-scrollbar-thumb {border-radius: 0;background: #fff;cursor:pointer;} @media (max-width: 1680px) { #tech_three .box .right .tit{line-height: 1.5;} #tech_three .box .right .list{max-height: calc(24 * 20px);} } @media (max-width: 1440px) { #tech_three .box .right .tit{font-size: 22px;} #tech_three .box .right .list .li{line-height: 24px; max-height: calc(24 * 24px); margin-top: 9px;;} #tech_three .box .right .list .li:first-child{margin-top: 0;} } @media (max-width: 1366px) { #tech_three .box .right .list{max-height: calc(21 * 20px);} } @media (max-width: 1280px) { #tech_three .box .right .list{max-height: calc(17 * 22px); } #tech_three .box .right .list .li{line-height: 22px; font-size: 14px;} } @media (max-width: 1024px) { #tech_three .box .left{width: 65%;} #tech_three .box .right{width: 35%;} #tech_three .box .right .list{max-height: calc(13 * 22px); } } @media (max-width: 750px) { #tech_three{padding-top: 100px;} #tech_three .box{flex-direction: column;} #tech_three .box .left{width: 100%; padding-top: 71.3%;} #tech_three .box .right{width: 100%; padding: 40px;} #tech_three .box .right .tit{font-size: 36px; line-height: 1.5;} #tech_three .box .right .list .li{font-size: 26px; line-height: 1.5; max-height: calc(24 * 24px);} } #tech_four{padding-top: 90px;} #tech_four .list{margin-top: 30px;} #tech_four .list .item{margin-top: 20px; margin-right: 1.136%; width: 24.14%; padding-top: 27.27%; border-radius: 20px;} #tech_four .list .item:nth-child(4n){margin-right: 0;} @media (max-width: 750px) { #tech_four{padding-top: 100px;} #tech_four .list{margin-top: 50px;} #tech_four .list .item{width: 49.14%; padding-top: 54.27%;} #tech_four .list .item:nth-child(4n){margin-right: 1.136%;} #tech_four .list .item:nth-child(2n){margin-right: 0;} } #tech_five{padding-top: 90px;} #tech_five .box{margin-top: 48px;} #tech_five .box .item{margin-top: 12px; border-radius: 30px;} #tech_five .box .left{width: 24.286%;} #tech_five .box .left .text{padding: 50px 11.7%; width: 100%; height: 310px; background-color: var(--main);} #tech_five .box .left .text .in_box{color: #fff; height: 100%; overflow: auto;} #tech_five .box .left .text .in_box .p1{font-size: 26px; line-height: 44px; font-weight: bold;} #tech_five .box .left .text .in_box .p2{margin-top: 15px; font-size: 16px; line-height: 30px;} #tech_five .box .left .pic{padding-top: 120.6%;} #tech_five .box .cen{width: 24.286%;} #tech_five .box .cen .pic{padding-top: 71.55%;} #tech_five .box .cen .pic:last-child{padding-top: 65%;} #tech_five .box .right{width: 49.571%;} #tech_five .box .right .pic:nth-child(-n+2){width: 49.13%; padding-top: 52%;} #tech_five .box .right .pic:last-child{width: 100%; padding-top: 51.87%;} @media (max-width: 1536px) { #tech_five .box .left .text{height: 287px;} } @media (max-width: 1440px) { #tech_five .box .left .text{height: 272px;} #tech_five .box .left .text .in_box .p1{font-size: 22px; line-height: 1.5;} #tech_five .box .left .text .in_box .p2{font-size: 14px; line-height: 1.5;} } @media (max-width: 1366px) { #tech_five .box .left .text{padding: 35px 11.7%; height: 257px;} } @media (max-width: 1280px) { #tech_five .box .left .text{height: 240px;} } @media (max-width: 1200px) { #tech_five .box .left .text{height: 227px;} #tech_five .box .left .text .in_box .p1{font-size: 20px;} } @media (max-width: 1024px) { #tech_five .box .left .text{padding: 26px 11.7%; height: 196px;} #tech_five .box .left .text .in_box .p1{font-size: 18px;} #tech_five .box .left .text .in_box .p2{margin-top: 10px;} } @media (max-width: 750px) { #tech_five{padding-top: 100px;} #tech_five .box{margin-top: 50px; flex-wrap: wrap; width: 100%;} #tech_five .box .left{width: 100%;} #tech_five .box .left .text{height: auto; padding: 40px 7.7%;} #tech_five .box .left .text .in_box .p1{font-size: 28px; line-height: 1.5;} #tech_five .box .left .text .in_box .p2{font-size: 26px; line-height: 1.5;} #tech_five .box .cen{width: 100%;} #tech_five .box .right{width: 100%;} } #tech_six{margin-top: 100px;} #tech_six .box{padding: 80px 3.4% 87px; background: url(/images/technology/23.jpg) no-repeat center center/100% 100%; border-radius: 30px;} #tech_six .box .p1{font-size: 32px; line-height: 49px; color: #333; font-weight: bold;} #tech_six .box .p2{margin-top: 6px; font-size: 18px; line-height: 27px; color: #333;} #tech_six .box .formBox{margin-top: 50px; width: 57.39%;} #tech_six .box .formBox .li{width: 25.74%;} #tech_six .box .formBox .li .txt{margin-bottom: 15px; font-size: 18px; line-height: 27px; color: #666; ;} #tech_six .box .formBox .li .input{padding: 0 19px; width: 100%; height: 50px; line-height: 48px; border-radius: 10px; border: 1px solid #888; background-color: #fff; font-size: 16px; color: #333;} #tech_six .box .formBox .li .input:hover, #tech_six .box .formBox .li .input:focus{border-color: var(--main);} #tech_six .box .formBox .li .input::placeholder{color: #999;} #tech_six .box .formBox .submit{width: 17.82%; height: 50px; background-color: var(--main); border-radius: 10px; font-size: 18px; color: #fff; font-weight: 700;} #tech_six .box .formBox .submit:hover{opacity: 0.8;} @media (max-width: 1440px) { #tech_six .box .formBox{width: 67.39%;} } @media (max-width: 1280px) { #tech_six .box{padding: 60px 3.4%;} #tech_six .box .formBox{width: 80%;} } @media (max-width: 1024px) { #tech_six .box .formBox{width: 100%; margin-top: 25px;} } @media (max-width: 750px) { #tech_six .box .p1{font-size: 42px; line-height: 1.5;} #tech_six .box .p2{font-size: 26px; line-height: 1.5;} #tech_six .box .formBox{flex-wrap: wrap;} #tech_six .box .formBox .li{margin-top: 20px; width: 100%;} #tech_six .box .formBox .li .txt, #tech_six .box .formBox .li .input{font-size: 26px;} #tech_six .box .formBox .li .input{height: 60px;} #tech_six .box .formBox .submit{margin-top: 20px; width: 220px; height: 60px; font-size: 26px;} } #tech_seven{margin-top: 90px;} #tech_seven .list{margin-top: 15px;} #tech_seven .list .item{margin-top: 60px; margin-right: 5%; width: 29.261%;} #tech_seven .list .item:nth-child(3n){margin-right: 0;} #tech_seven .list .item .pic{width: 50.485%; padding-top: 38.83%; border-radius: 10px;} #tech_seven .list .item .info{width: 43.689%; height: 200px; padding: 15px 10px 15px 0;} #tech_seven .list .item .info .in{height: 100%; overflow: auto;} #tech_seven .list .item .info .tit{font-size: 24px; line-height: 32px; color: #333; font-weight: 700;} #tech_seven .list .item .info .brief{margin-top: 19px; font-size: 16px; line-height: 27px; color: #666;} @media (max-width: 1680px) { #tech_seven .list .item .info{padding: 0 10px 0 0; height: 170px;} #tech_seven .list .item .info .tit{font-size: 22px; line-height: 1.3;} #tech_seven .list .item .info .brief{margin-top: 15px; line-height: 24px;} } @media (max-width: 1536px) { #tech_seven .list .item{margin-right: 4%; width: 30.61%;} } @media (max-width: 1440px) { #tech_seven .list .item{margin-right: 2%; width: 31.61%;} #tech_seven .list .item .info{padding: 0; } #tech_seven .list .item .info .in{padding: 10px 10px 0 0; height: 162px;} #tech_seven .list .item .info .tit{font-size: 20px;} #tech_seven .list .item .info .brief{font-size: 15px; line-height: 1.2;} } @media (max-width:1280px) { #tech_seven .list .item{width: 32%;} #tech_seven .list .item .info{height: max-content;} #tech_seven .list .item .info .in{height: 144px;} #tech_seven .list .item .info .tit{font-size: 18px;} #tech_seven .list .item .info .brief{margin-top: 8px; font-size: 14px;} } @media (max-width: 1024px) { #tech_seven .list .item{margin-top: 45px;} #tech_seven .list .item .info .in{height: 116px;} } @media (max-width: 750px) { #tech_seven{margin-top: 100px;} #tech_seven .list .item{margin-top: 40px; margin-right: 3%; width: 48%; flex-direction: column; justify-content: flex-start;} #tech_seven .list .item:nth-child(3n){margin-right: 3%;} #tech_seven .list .item:nth-child(2n){margin-right: 0;} #tech_seven .list .item .pic{width: 100%; padding-top: 76.83%; border-radius: 10px;} #tech_seven .list .item .info{width: 100%; height: auto; padding: 35px 10px 0 0;} #tech_seven .list .item .info .in{height: auto;} #tech_seven .list .item .info .tit{font-size: 32px; line-height: 1.5;} #tech_seven .list .item .info .brief{font-size: 26px; line-height: 1.5;} } #tech_eight{padding: 110px 0 120px;} #tech_eight .list{margin-top: 55px;;} #tech_eight .list .item{width: 32.386%; border-radius: 30px;} #tech_eight .list .item .pic{width: 100%; padding-top: 49.123%;} #tech_eight .list .item .info{z-index: 2; height: 100%; padding: 30px 7.017% 48px;} #tech_eight .list .item .info .in{width: 100%; height: max-content; max-height: 100%; overflow: auto;} #tech_eight .list .item .info .in .tit{font-size: 24px; line-height: 39px; color: #fff; font-weight: bold;} #tech_eight .list .item .info .in .brief{margin-top: 6px; font-size: 18px; line-height: 27px; color: #fff;} #tech_eight .box{padding: 50px 3.41% 75px; margin-top: 55px; background-color: #f6f6f6; border-radius: 20px;} #tech_eight .box .left{width: 13.636%;} #tech_eight .box .left .tit{font-size: 32px; line-height: 50px; color: #333; font-weight: bold;} #tech_eight .box .left .phone{margin-top: 43px;} #tech_eight .box .left .phone .p1{font-size: 16px; line-height: 25px; color: #666;} #tech_eight .box .left .phone .p2{margin-top: 10px; font-size: 24px; line-height: 30px; color: var(--main); font-family: 'MSB';} #tech_eight .box .right{width: 84%;} #tech_eight .box .right .item{width: 20%; padding-top: 20px} #tech_eight .box .right .item .icon{margin: 0 auto; width: 35px; height: 30px;;} #tech_eight .box .right .item .info{width: 100%; margin-top: 40px;} #tech_eight .box .right .item .info .p1{font-size: 18px; line-height: 32px; color: #333; font-weight: 500;} #tech_eight .box .right .item .info .ul{margin-top: 8px;} #tech_eight .box .right .item .info .ul .li{width: max-content; max-width: 100%; margin: 0 auto; padding-left: 10px; font-size: 16px; line-height: 24px; color: #666; position: relative;} #tech_eight .box .right .item .info .ul .li::before{content: ''; display: block; width: 5px; height: 5px; background-color: #666; border-radius: 50%; position: absolute; top: 10px; left: 0; z-index: 1;} @media (max-width: 1680px) { #tech_eight .list .item .info{padding: 30px 7.017%;} } @media (max-width: 1536px) { #tech_eight .box .left .tit{font-size: 30px; line-height: 1.4;} } @media (max-width: 1440px) { #tech_eight .box .left .tit{font-size: 28px;} #tech_eight .list .item .info .in .tit{font-size: 22px;} #tech_eight .list .item .info .in .brief{font-size: 16px; line-height: 1.5;} #tech_eight .box .right .item{width: 16%;} } @media (max-width: 1366px) { #tech_eight .box .left .tit{font-size: 24px;} #tech_eight .box .left .phone .p2{font-size: 22px;} } @media (max-width: 1280px) { #tech_eight .box .left .phone .p2{font-size: 20px;} #tech_eight .list .item .info{padding: 20px 7.017%;} #tech_eight .list .item .info .in .tit{font-size: 20px; line-height: 1.4;} #tech_eight .box .right .item .info .ul .li{ font-size: 14px;} } @media (max-width: 1200px) { #tech_eight .box{padding: 35px 2.41%;} } @media (max-width: 1024px) { #tech_eight .box{flex-wrap: wrap;} #tech_eight .box .left{width: 100%;} #tech_eight .box .left .phone{margin-top: 15px;} #tech_eight .box .right{width: 100%; margin-top: 35px;} } @media (max-width: 750px) { #tech_eight{padding: 100px 0;} #tech_eight .list{margin-top: 30px; flex-wrap: wrap;} #tech_eight .list .item{width: 100%;margin-top: 20px;} #tech_eight .list .item .info{padding: 40px 6.017%;} #tech_eight .list .item .info .in .tit{font-size: 32px; line-height: 1.5;} #tech_eight .list .item .info .in .brief{font-size: 26px; line-height: 1.5;} #tech_eight .box{margin-top: 50px; padding: 35px 4.41%;} #tech_eight .box .left .tit{font-size: 36px; line-height: 1.5;} #tech_eight .box .left .phone .p1{font-size: 26px; line-height: 1.5;} #tech_eight .box .left .phone .p2{font-size: 32px; line-height: 1.5;} #tech_eight .box .right{flex-wrap: wrap; margin: 0;} #tech_eight .box .right .item{width: 45%; padding-top: 40px} #tech_eight .box .right .item .icon{width: 80px; height: 80px;} #tech_eight .box .right .item .icon img{transform: scale(1.45);} #tech_eight .box .right .item .info{margin-top: 10px;} #tech_eight .box .right .item .info .p1{font-size: 30px; line-height: 1.5;} #tech_eight .box .right .item .info .ul .li{font-size: 26px; line-height: 1.5;} #tech_eight .box .right .item .info .ul .li::before{top: 18px;} } /* 新闻资讯 */ .blog_list{padding: 50px 0 127px;} #blog_cate{margin-top: 50px; padding: 10px 10px 0; background: #f4f6f9; border-radius: 20px;} #blog_cate .slide{padding: 0 20px; min-width: 12.86%; width: max-content; line-height: 70px; border-top-left-radius: 20px; border-top-right-radius: 20px; font-size: 16px; color: #333; background-color: #f4f6f9; transition: background-color 0.3s ease;} #blog_cate .slide:hover{background-color: #fff;} #blog_cate .slide.cur{background-color: #fff; color: var(--main); font-weight: bold;} #blog_hot {margin-top: 60px; border-radius: 30px; background-color: #f5f5f5;} #blog_hot .left {width: 50%;} #blog_hot .left .slide {width: 100%; padding-top: 64.57%;} #blog_hot .right {width: 50%; padding: 60px 40px 40px; position: relative; flex-direction: column;} #blog_hot .right .container{width: 100%;} #blog_hot .right .slide {} #blog_hot .right .slide .time {width: 14.85%; padding-right: 20px; border-right: 1px solid #d9d9d9; color: #999;} #blog_hot .right .slide .time .day {font-size: 50px; line-height: 57px; font-family:"MSB";} #blog_hot .right .slide .time .year {font-size: 16px; line-height: 19px; font-family:"MM";} #blog_hot .right .slide .word {width: calc(100% - 14.85%); padding-left: 35px;} #blog_hot .right .slide .word .title {font-size: 30px; line-height: 45px; color: #333; font-weight: 500;} #blog_hot .right .slide .word .brief {margin-top: 15px; font-size: 16px;color: #666;line-height: 30px;} #blog_hot .right .slide .word .btn {margin-top: 37px; width: 37px; height: 9px;} #blog_hot .right:hover .slide .time {color: var(--main);} #blog_hot .right:hover .slide .word .title {color: var(--main);} #blog_hot .right:hover .slide .word .brief {color: #333;} #blog_hot .page_box {margin-top: 65px;} #blog_hot .page_box .page_btn{margin-right: 50px;} #blog_hot .page_box .page_btn .pn {width: 18px; height: 40px; cursor:pointer} #blog_hot .page_box .page_btn .pn .svg{fill: #ccc;} #blog_hot .page_box .page_btn .pn:hover .svg{fill: #888;} #blog_hot .page_box .page_btn .pn.next{margin-left: 37px;} #blog_hot .page_box .page_btn .pn.next .svg{transform: rotate(180deg);} #blog_hot .page_box .page {font-size: 20px; font-family: "MR"; color: #999; } #blog_hot .page_box .page .swiper-pagination-current {color: #333;} #blog_row {margin-top: 60px;} #blog_row .item {margin-top: 20px; padding: 50px 3.57%; width: 100%; border-radius: 20px; background: #f5f5f5;} #blog_row .item:first-child {margin-top: 0;} #blog_row .item .left {width: 31.59%; background-color: #fff; border-radius: 20px;} #blog_row .item .left .img {width: 68.29%; padding-top: 46%;} #blog_row .item .left .time {width: 25%; color: #999;} #blog_row .item .left .time .day {font-size: 50px; line-height: 1.4; font-family: "MSB";} #blog_row .item .left .time .year{font-size: 16px; line-height: 1; font-family: 'MM';} #blog_row .item .word {width: 63.52%;} #blog_row .item .word .name {font-size: 24px; line-height: 1.2; font-weight: 500;} #blog_row .item .word .brief {margin-top: 15px; font-size: 16px; line-height: 25px; color: #666;} #blog_row .item .word .btn {margin-top: 35px; font-size: 16px; color: #999; } #blog_row .item .word .btn .jt {margin-left: 12px;} #blog_row .item:hover {background-color: #fff; box-shadow: 0px 10px 30px 0px rgba(17, 16, 47, 0.1);} #blog_row .item:hover .left {background-color: var(--main); color: #fff;} #blog_row .item:hover .left .img img{transform: scale(1.05);} #blog_row .item:hover .left .time {color: #fff;} #blog_row .item:hover .word .name {color: var(--main);} @media (max-width: 1440px) { #blog_hot .right .slide .word .title{font-size: 28px; line-height: 36px;} #blog_hot .right .slide .word .brief{line-height: 26px;} } @media (max-width: 1366px) { #blog_hot .right{padding: 50px 40px 40px;} #blog_hot .right .slide .word .title{font-size: 26px; line-height: 32px;} #blog_hot .page_box{margin-top: 50px;} #blog_row .item .left .time .day{font-size: 46px;} } @media (max-width: 1280px) { #blog_hot .right{padding: 50px 35px 40px;} #blog_hot .right .slide .time{width: 19%;} #blog_hot .right .slide .word{width: 80%; padding-left: 25px;} #blog_hot .right .slide .word .title{font-size: 24px;} #blog_row .item .word .brief{margin-top: 10px;} #blog_row .item .word .btn{margin-top: 20px;} #blog_row .item .word .name{font-size: 22px;} } @media (max-width: 1200px) { #blog_row .item .left{width: 33.6%;} } @media (max-width: 1024px) { #blog_hot .right .slide .time{padding-right: 15px;} #blog_hot .right .slide .time .day{font-size: 42px;} #blog_hot .right .slide .time .year{font-size: 14px;} #blog_hot .right .slide .word{ padding-left: 20px;} #blog_row .item .left .time .day{font-size: 42px;} #blog_row .item .left .time .year{font-size: 14px;} } @media (max-width: 750px) { .blog_list{padding: 100px 0;} #blog_cate{margin-top: 0;} #blog_cate .slide{font-size: 30px;} #blog_hot{flex-direction: column;} #blog_hot .left{width: 100%;} #blog_hot .right{width: 100%;} #blog_hot .right .slide .time .year{font-size: 24px; line-height: 1.5;} #blog_hot .right .slide .word .title{font-size: 36px; line-height: 1.5;} #blog_hot .right .slide .word .brief{font-size: 26px; line-height: 1.5;} #blog_hot .page_box .page_btn .pn{width: 40px;} #blog_hot .page_box .page{font-size: 26px;} #blog_row .item{flex-wrap: wrap; padding: 40px 3.57%;} #blog_row .item .left{width: 100%;} #blog_row .item .left .img{width: 100%; padding-top: 64%;} #blog_row .item .left .time{display: none;} #blog_row .item .word{width: 100%;padding: 40px 0 0;} #blog_row .item .word .name{font-size: 36px; line-height: 1.5;} #blog_row .item .word .time, #blog_row .item .word .brief, #blog_row .item .word .btn{font-size: 26px; line-height: 1.5;} #blog_row .item .word .btn .jt img{transform: scale(1.3);} } /* 新闻详情 */ #blog_detail_menu{margin-top: 100px; padding: 40px 0 30px; border-bottom: 1px solid #eee;} #blog_detail_menu .menu{width: 85%;} #blog_detail_menu .back{width: max-content; font-size: 16px; color: #333;;} #blog_detail_menu .back .icon{margin-right: 10px;} #blog_detail_menu .back .icon .svg{fill: #ccc;} #blog_detail_menu .back:hover{color: var(--main);} #blog_detail_menu .back:hover .icon .svg{fill: var(--main);} #blog_detail{} #blog_detail .leftCont{width: 72.86%; border-right: 1px solid #eee;} #blog_detail .leftCont .cont{padding: 60px 0 50px; padding-right: 5%; } #blog_detail .leftCont .cont .name{font-size: 36px; line-height: 53px; color: #333; font-weight: bold;} #blog_detail .leftCont .cont .time{margin-top: 20px; padding-left: 30px; font-size: 18px; line-height: 18px; color: #999; font-family: "MM"; background: url(/images/blog/time.png) no-repeat center left;} #blog_detail .leftCont .cont .detail{margin-top: 47px; font-size: 16px; line-height: 29px; color: #333;} #blog_detail .leftCont .cont .detail *, #blog_detail .leftCont .cont .editor *{max-width: 100%;} #blog_detail .leftCont .cont .share_ul{margin-top: 70px;} #blog_detail .leftCont .cont .share_ul .txt{font-size: 18px; line-height: 1.1; color: #888;;} #blog_detail .leftCont .cont .share_ul .share{margin-left: 10px;} #blog_detail .leftCont .cont .share_ul .share .svg{fill: #bcbcbc;} #blog_detail .leftCont .cont .share_ul .share:hover .svg{fill: var(--main);} #blog_detail .leftCont .page{padding: 60px 0 100px; padding-right: 5%; border-top: 1px solid #eee;} #blog_detail .leftCont .page .pn{font-size: 18px; line-height: 28px; color: #999;;} #blog_detail .leftCont .page .pn i{display: block; margin: 0 30px; width: 1px; height: 15px; background-color: #999;} #blog_detail .leftCont .page .pn:last-child{margin-top: 24px;} #blog_detail .leftCont .page .pn:hover{color: var(--main); font-weight: 700;} #blog_detail .leftCont .page .pn:hover i{background-color: var(--main);} #blog_detail .rightCont{padding-top: 65px; width: 22.14%;} #blog_detail .rightCont .tit{margin-bottom: 35px; font-size: 24px; line-height: 33px; color: #333; font-weight: bold;} #blog_detail .rightCont .list{} #blog_detail .rightCont .list .item{margin-top: 25px; width: 100%;} #blog_detail .rightCont .list .item:first-child{margin-top: 0;} #blog_detail .rightCont .list .item .pic{margin-bottom: 15px; width: 100%; padding-top: 80.32%; border-radius: 20px;} #blog_detail .rightCont .list .item .info .name{font-size: 18px; line-height: 27px; color: #333; font-weight: 500;} #blog_detail .rightCont .list .item .info .brief{font-size: 16px; line-height: 24px; color: #666;} #blog_detail .rightCont .list .item .info .brief span:first-child{display: inline-block; margin-right: 20px;} #blog_detail .rightCont .list .item:hover .info .name{color: var(--main);} @media (max-width: 1440px) { #blog_detail .leftCont .cont .name{font-size: 32px; line-height: 1.5;} } @media (max-width: 1366px) { #blog_detail_menu{padding: 25px 0;} #blog_detail .leftCont .cont .share_ul .txt, #blog_detail .leftCont .page .pn{font-size: 16px;} } @media (max-width: 1200px) { #blog_detail .rightCont{width: 24%;} #blog_detail .leftCont .page{padding: 60px 5% 80px 0;} } @media (max-width: 1024px) { #blog_detail_menu{margin-top: 80px;} } @media (max-width: 750px) { #blog_detail_menu{margin-top: 100px;} #blog_detail_menu .box{justify-content: flex-end;} #blog_detail_menu .back{font-size: 30px;} #blog_detail_menu .back .icon{width: 40px; height: 40px;} #blog_detail_menu .back .icon .svg{transform: scale(1.3);} #blog_detail .box{flex-wrap: wrap;} #blog_detail .leftCont{width: 100%; border-right: 0;} #blog_detail .leftCont .cont{padding: 60px 0; } #blog_detail .leftCont .cont .name{font-size: 42px;} #blog_detail .leftCont .cont .time{padding-left: 43px; font-size: 26px; line-height: 1.5; background-size: 27px;} #blog_detail .leftCont .cont .share_ul .share{margin-left: 20px; width: 50px; height: 50px} #blog_detail .leftCont .cont .share_ul .share .svg{transform: scale(1.6);} #blog_detail .leftCont .cont .share_ul .txt, #blog_detail .leftCont .page .pn{font-size: 26px; line-height: 1.5;} #blog_detail .leftCont .page{padding: 60px 0; border-bottom: 1px solid #eee;} #blog_detail .leftCont .page .pn .text{width: 15%;} #blog_detail .leftCont .page .pn i{margin: 0 20px;} #blog_detail .leftCont .page .pn .name{padding-left:10px; width: 77%;} #blog_detail .rightCont{padding: 60px 0 100px; width: 100%;} #blog_detail .rightCont .tit{font-size: 36px; line-height: 1.5;} #blog_detail .rightCont .list .item .info .name{font-size: 32px; line-height: 1.5;} #blog_detail .rightCont .list .item .info .brief{font-size: 26px; line-height: 1.5;} } /* 关于我们 */ #about_one{padding-top: 50px;} #about_one .box{padding-top: 80px;} #about_one .box .pic{width: 48.86%; padding-top: 31.82%; border-radius: 30px;} #about_one .box .right{width: 45.74%;} #about_one .box .right .ul{margin-top: 42px;} #about_one .box .right .ul .li{min-width: 34.57%; margin-right: 2%; font-size: 16px; line-height: 28px; color: #333; font-weight: 600;} #about_one .box .right .brief {margin-top: 16px; font-size: 16px; line-height: 30px; color: #666;} #about_one .box .right .list{margin-top: 38px;} #about_one .box .right .list .item{margin-right: 14.9%;} #about_one .box .right .list .item:last-child{margin-right: 0;} #about_one .box .right .list .item .p1{ font-size: 24px; line-height: 35px; color: #333; font-weight: bold;} #about_one .box .right .list .item .p2{margin-top: 9px; font-size: 16px; line-height: 24px; color: #333;} @media (max-width: 1440px) { #about_one .box .right .ul{margin-top: 20px;} #about_one .box .right .brief{line-height: 26px;;} #about_one .box .right .list{margin-top: 20px;} } @media (max-width: 1366px) { #about_one .box .pic{width: 49%;} #about_one .box .right{width: 46.74%;} } @media (max-width: 1280px) { #about_one .box .right .ul .li{line-height: 24px;} #about_one .box .right .brief{font-size: 14px; line-height: 22px;} #about_one .box .right .list .item{margin-right: 9.9%;} #about_one .box .right .list .item .p1{font-size: 20px; line-height: 28px;} } @media (max-width: 1024px) { #about_one .box{flex-direction: column-reverse;} #about_one .box .pic{margin-top: 50px; width: 100%;padding-top: 64.82%; } #about_one .box .right{ width: 100%;} } @media (max-width: 750px) { #about_one{padding-top: 100px;} #about_one .box{padding-top: 0;} #about_one .box .right .ul, #about_one .box .right .brief{margin-top: 25px; } #about_one .box .right .ul .li, #about_one .box .right .brief{font-size: 26px; line-height: 1.5;} #about_one .box .right .list{margin-top: 30px;} #about_one .box .right .list .item .p1{font-size: 32px; line-height: 1.5;} #about_one .box .right .list .item .p2{font-size: 26px; line-height: 1.5;} } #about_two{padding-top: 100px;} #about_two .box{border-radius: 30px; background-color: #f4f4f4;;} #about_two .box .pic{width: 48.86%; padding-top: 45.45%; border-radius: 30px;} #about_two .box .right{width: 45.45%; padding-right: 4%;} #about_two .box .right .p1{font-size: 32px; line-height: 49px; color: #333;;} /* #about_two .box .right .p2{display: flex; align-items: baseline; font-size: 32px; color: #333;} */ #about_two .box .right .p1 span{font-size: 46px; line-height: 61px; font-weight: bold;} #about_two .box .right .p3{margin-top: 43px; font-size: 16px; line-height: 26px; color: #333; font-weight: bold;} #about_two .box .right .ul{margin-top: 30px; max-height: 455px; overflow-y: auto;} #about_two .box .right .ul .li{margin-top: 10px; font-size: 16px; line-height: 25px; color: #333; } #about_two .box .right .ul .li:first-child{margin: 0;} @media (max-width: 1536px) { #about_two .box .right .p1{font-size: 28px; line-height: 36px;} #about_two .box .right .p3{margin-top: 20px;} #about_two .box .right .ul{max-height: 355px;} } @media (max-width: 1440px) { #about_two .box .right .ul .li{margin-top: 8px;} } @media (max-width: 1366px) { #about_two .box .right .p1 span{font-size: 42px; line-height: 50px;} #about_two .box .right .ul{margin-top: 20px;} } @media (max-width: 1280px) { #about_two .box .right{padding: 45px; padding-left: 0;} #about_two .box .right .ul .li{margin-top: 5px;} } @media (max-width: 1024px) { #about_two .box{flex-direction: column;} #about_two .box .pic{width: 100%; padding-top: 92.45%;} #about_two .box .right{width: 100%; padding: 45px;} } @media (max-width: 750px) { #about_two .box .right .p3{margin-top: 35px; font-size: 26px; line-height: 1.5;} #about_two .box .right .ul{margin-top: 35px; max-height: 405px;} #about_two .box .right .ul .li{padding-right: 5px; margin-top: 10px; font-size: 28px; line-height: 1.5;} } #about_three{padding-top: 90px;} #about_three .box{margin-top: 50px;} #about_three .box .li{width: 24.148%;} #about_three .box .li .pic{width: 100%; padding-top: 131.7%; border-radius: 20px;} #about_three .box .li .info{margin-top: 22px;} #about_three .box .li .info .p1{ font-size: 24px;line-height: 38px; color: #333; font-weight: bold;} #about_three .box .li .info .p2{margin-top: 6px; font-size: 16px; line-height: 27px; color: #333;} @media (max-width: 1280px) { #about_three .box .li .info .p1{font-size: 22px; line-height: 34px;} #about_three .box .li .info .p2{font-size: 14px; line-height: 23px;} } @media (max-width: 750px) { #about_three{padding-top: 100px;} #about_three .box{margin-top: 20px; flex-wrap: wrap;} #about_three .box .li{width: 49.148%; margin-top: 30px;} #about_three .box .li .info .p1{font-size: 32px; line-height: 1.5;} #about_three .box .li .info .p2{font-size: 26px; line-height: 1.5;} } #about_four{padding-top: 125px;} #about_four .box{margin-top: 50px;} #about_four .box .back{width: 100%; padding-top: 51.14%; border-radius: 30px;} #about_four .box .list_box{z-index: 2;} #about_four .box .list_box .li{width: 15.488%; z-index: 3;} #about_four .box .list_box .li .in_box{ flex-direction: column-reverse;} #about_four .box .list_box .li:nth-child(2n) .in_box{flex-direction: column;} #about_four .box .list_box .li .text{} #about_four .box .list_box .li .text .p1{display: block; font-size: 20px; line-height: 24px; color: #333; font-family:"MSB";} #about_four .box .list_box .li .text .p2{display: block; font-size: 20px; line-height: 36px; color: #333; font-weight: bold;} #about_four .box .list_box .li .text .p3{opacity: 0; display: block; margin-top: 3px; font-size: 16px; line-height: 23px; color: #333;} #about_four .box .list_box .li .line{display: block; width: 1px; margin-top: 0; margin-bottom: 13px; margin-left: 5px; height: 0; background-color: #fff; transition: all 1s;} #about_four .box .list_box .li:nth-child(2n) .line{margin-bottom: 0; margin-top: 13px;} #about_four .box .list_box .li .bullet{display: block; width: 14px; height: 14px; background: var(--main); border: 2px solid #fff; border-radius: 50%; margin: 0;} #about_four .box .list_box .li0{left: 8.23%; top: 73%;} #about_four .box .list_box .li1{left: 17.4%; bottom: 26.41%;} #about_four .box .list_box .li2{left: 25.57%; top: 71.41%;} #about_four .box .list_box .li3{left: 34.09%; bottom: 24.1%;} #about_four .box .list_box .li4{left: 43.18%; top: 62.41%;} #about_four .box .list_box .li5{left: 51.81%; bottom: 37.41%;} #about_four .box .list_box .li6{left: 60.06%; top: 51%;} #about_four .box .list_box .li7{left: 67.61%; bottom: 57.41%;} #about_four .box .list_box .li8{left: 76.14%; top: 29%;} #about_four .box .list_box .li9{left: 82.5%; bottom: 76.7%;} #about_four .box .list_box .li.act .p1, #about_four .box .list_box .li.act .p2{color: var(--main);} #about_four .box .list_box .li.act .p3{opacity: 1;} #about_four .box .list_box .li.act .line{height: 170px;} #about_four .box .list_box .li:nth-child(2n+1).act .line{height: 85px;} #about_four .box .list_box .li:last-child.act .line{height: 60px;} @media (max-width: 1536px) { #about_four .box .list_box .li:nth-child(2n+1).act .line{height: 70px;} #about_four .box .list_box .li:nth-child(8).act .line{height: 65px;} #about_four .box .list_box .li:first-child.act .line, #about_four .box .list_box .li:last-child.act .line{height: 35px;} } @media (max-width: 1366px) { #about_four .box .list_box .li .text .p2{font-size: 18px; line-height: 30px;} #about_four .box .list_box .li .text .p3{font-size: 16px; line-height: 20px;} } @media (max-width: 1280px) { #about_four .box .list_box .li:nth-child(3).act .line{height: 25px;} } @media (max-width: 1200px) { #about_four .box .list_box .li0{top: 72.4%;} #about_four .box .list_box .li3{bottom: 23.3%;} #about_four .box .list_box .li8{top: 28%;} #about_four .box .list_box .li.li0.act .line{height: 25px;} #about_four .box .list_box .li.li4.act .line{height: 25px;} #about_four .box .list_box .li:last-child.act .line{height: 15px;} } @media (max-width: 1024px) { #about_four .box{overflow: auto;} #about_four .box .back{width: 1200px; padding-top: 65.14%;} #about_four .box .list_box{width: 1200px;} } @media (max-width: 750px) { #about_four{padding-top: 100px;} #about_four .box{overflow: hidden;} #about_four .box .back{display: none;} #about_four .box .list_box{width: 100%; position: relative; top: inherit; bottom: inherit; left: inherit; right: inherit; display: flex; flex-wrap: wrap; justify-content: space-between;} #about_four .box .list_box::before{content: ''; display: block; width: 2px; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1; background-color: #f4f4f4;} #about_four .box .list_box .li{margin-top: 30px; width: 100%; z-index: 3; position: inherit; top: inherit; bottom: inherit; left: inherit; right: inherit; } #about_four .box .list_box .li .line{display: none;} #about_four .box .list_box .li:nth-child(-n+2){margin-top: 0;} #about_four .box .list_box .li .bullet{margin: 15px 0 0; width: 20px; height: 20px;} #about_four .box .list_box .li .text{margin-right: 15px; width: calc(100% - 35px);} #about_four .box .list_box .li .in_box{flex-direction: inherit; width: 51.5%;} #about_four .box .list_box .li .text .p1{text-align: right;font-size: 30px; line-height: 1.5;} #about_four .box .list_box .li .text .p2{text-align: right;font-size: 28px; line-height: 1.5;} #about_four .box .list_box .li .text .p3{opacity: 1; text-align: right; font-size: 26px; line-height: 1.5;} #about_four .box .list_box .li:nth-child(2n){justify-content: flex-end;} #about_four .box .list_box .li:nth-child(2n) .in_box{flex-direction: row-reverse;} #about_four .box .list_box .li:nth-child(2n) .text{margin-right: 0; margin-left: 15px;} #about_four .box .list_box .li:nth-child(2n) .text .p1, #about_four .box .list_box .li:nth-child(2n) .text .p2, #about_four .box .list_box .li:nth-child(2n) .text .p3{text-align: left;} } #about_five{padding-top: 90px;} #about_five .box{margin-top: 50px;} #about_five .box .item{padding: 43px 1.71% 30px; width: 32.67%; border-radius: 20px; background-color: #f4f4f4; display: flex; flex-direction: column; justify-content: space-between;} #about_five .box .item .tit{margin-bottom: 20px; font-size: 32px; line-height: 43px; color: #333; font-weight: bold;} #about_five .box .item .in_box{} #about_five .box .item .in_box .pic{width: 100%; padding-top: 82.04%; border-radius: 20px;} #about_five .box .item .in_box .info{padding: 35px 7.8%; display: flex; align-items: end} #about_five .box .item .in_box .info .in_info{width: 100%; height: max-content; max-height: 100%; overflow: auto; } #about_five .box .item .in_box .info .in_info .li{margin-top: 9.05%;font-size: 18px; line-height: 30px; color: #fff; font-weight: 500;} #about_five .box .item .in_box .info .in_info .li:first-child{margin-top: 0;} @media (max-width: 1536px) { #about_five .box .item .in_box .info .in_info .li{margin-top: 4.05%; font-size: 16px ; line-height: 26px;} } @media (max-width: 1366px) { #about_five .box .item .in_box .info{padding: 23px 7.8%;} } @media (max-width: 1024px) { #about_five .box .item{padding: 30px 1.71%;} #about_five .box .item .tit{font-size: 24px; line-height: 30px;} #about_five .box .item .in_box .info .in_info .li{font-size: 14px; line-height: 21px;} } @media (max-width: 750px) { #about_five{padding-top: 100px;} #about_five .box{margin-top: 0; flex-wrap: wrap;} #about_five .box .item{margin-top: 40px; padding: 40px 2.71% 30px; width: 100%;} #about_five .box .item .tit{font-size: 34px; line-height: 1.5;} #about_five .box .item .in_box .info{padding: 40px 5.8%;} #about_five .box .item .in_box .info .in_info .li{font-size: 26px; line-height: 1.5;} } #about_six{padding: 90px 0 120px;} #about_six .box{margin-top: 50px; margin-bottom: 100px; border: 1px solid #eee; border-radius: 20px;} #about_six .box .item{width: 16.65%; height: 160px; border: 1px solid #eee; border-bottom: 0; border-left: 0;} #about_six .box .item:nth-child(-n+6){border-top: 0;} #about_six .box .item:nth-child(6n){border-right: 0;} #form_res{margin: 0 auto; padding: 30px; width: max-content; border-radius: 20px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06); background-color: #fff;} #form_res .li:nth-child(2){margin: 0 20px;} #form_res .li .txt{font-size: 18px; color: #666;} #form_res .li .input{padding: 0 20px; width: 280px; height: 50px; line-height: 48px; border: 1px solid #888; border-radius: 10px; font-size: 16px; color: #333;;} #form_res .li .input::placeholder{color: #999;} #form_res .submit{padding: 0 20px; min-width: 180px; height: 50px; line-height: 50px; background-color: var(--main); border-radius: 10px; font-size: 18px; color: #fff; font-weight: 700;} #form_res .li .input:hover, #form_res .li .input:focus{border-color: var(--main);} #form_res .submit:hover{opacity: 0.8;} @media (max-width: 1366px) { #about_six .box{margin-bottom: 80px;} } @media (max-width: 1024px) { #about_six .box .item{ height: 145px;} #form_res .li .txt{font-size: 16px;} } @media (max-width: 750px) { #about_six{padding: 100px 0;} #about_six .box .item{width: 33.3%;} #about_six .box .item:nth-child(-n+6){border-top: 1px solid #eee;} #about_six .box .item:nth-child(6n){border-right: 1px solid #eee;} #about_six .box .item:nth-child(-n+3){border-top: 0;} #about_six .box .item:nth-child(3n){border-right: 0;} #form_res{flex-wrap: wrap; width: 100%;} #form_res .li{width: 100%; justify-content: space-between;} #form_res .li:nth-child(2){margin: 20px 0;} #form_res .li .txt{font-size: 26px;;} #form_res .li .input{padding: 0 20px; width: 85%; height: 60px; font-size: 26px; line-height: 58px; } #form_res .submit{font-size: 30px; height: 60px; line-height: 60px;} } /* 联系我们 */ #contact_one{padding: 50px 0 115px;} #contact_one .box{margin-top: 55px;} #contact_one .left{width: 44.64%;} #contact_one .left .logo{margin-bottom: 26px; width: 269px; height: 70px;} #contact_one .left .brief{margin-bottom: 38px; font-size: 32px; line-height: 50px; color: #333;} #contact_one .left .ul{margin-bottom: 55px;} #contact_one .left .ul .li{padding-left: 40px; margin-bottom: 25px; font-size: 16px; line-height: 30px; color: #666; background: url(/images/contact/3.png) no-repeat top 6px left 5px;} #contact_one .left .ul .li.phone{font-size: 24px; font-family: 'MSB'; color: #333; background: url(/images/contact/1.png) no-repeat top left;} #contact_one .left .ul .li.addr{font-size: 20px; font-weight: 700; color: #333; background: url(/images/contact/2.png) no-repeat top left;} #contact_one .left .code_ul{} #contact_one .left .code_ul .li{width: 22.4%;} #contact_one .left .code_ul .li .pic{margin-bottom: 15px; padding: 15px; background: #fff; border-radius: 20px; box-shadow: 0px 0px 32px 0px rgba(67, 84, 130, 0.2);} #contact_one .left .code_ul .li .code{width: 100%; padding-top: 100%; } #contact_one .left .code_ul .li .txt{font-size: 16px; line-height: 25px; color: #333;} #contact_one .right{width: 48.57%;} #contact_one .right .tip{margin-bottom: 60px; font-size: 18px; line-height: 1; color: #4c4c4c;} #contact_one .right .tip span{color: var(--main);} #contact_one .right .form_box{} #contact_one .right .form_box .li{margin-bottom: 6px; width: 48.529%; height: 74px; border-bottom: 1px solid #e0e0e0; font-size: 18px; color: #333;} #contact_one .right .form_box .li span{color: var(--main);} #contact_one .right .form_box .li .txt{width: 27.27%;} #contact_one .right .form_box .li .input{display: block; width: calc(100% - 27.27%);} #contact_one .right .form_box .li.area .input{width: 60%;} #contact_one .right .form_box .li.area .txt:last-child{width: 10%;} #contact_one .right .form_box .li select {cursor: pointer; padding-right: 35px; width: 100%; height: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(/images/contact/8.png) no-repeat center right 20px;} #contact_one .right .form_box .text{margin-top: 34px; width: 100%;} #contact_one .right .form_box .text .txt{font-size: 18px; line-height: 1; color: #4c4c4c;} #contact_one .right .form_box .text .textarea{margin-top: 10px; width: 100%; height: 255px; border-bottom: 1px solid #e0e0e0; font-size: 18px; color: #333;} #contact_one .right .form_box .li:hover, #contact_one .right .form_box .li:focus, #contact_one .right .form_box .text .textarea:hover{border-color: var(--main);} #contact_one .right .form_box .submit {display: inline-flex; margin-top: 40px; padding: 0 30px; min-width: 140px; height: 40px; border-radius: 30px; background-color: var(--main); color: #fff; font-size: 18px;} #contact_one .right .form_box .submit:hover{opacity: 0.8;} #contact_map .map {height:580px;} #contact_map .map .map_box{height:100%;} @media (max-width: 1366px) { #contact_one .left .brief{font-size: 28px; line-height: 40px;} #contact_one .left .ul .li{margin-bottom: 18px;} #contact_one .left .ul .li.phone{font-size: 22px;} #contact_one .left .ul .li.addr{font-size: 18px;} #contact_one .right .form_box .text{margin-top: 22px;} } @media (max-width: 1200px) { #contact_one .left{width: 46%;} #contact_one .left .code_ul .li .txt{font-size: 14px;} #contact_one .right{width: 50%;} #contact_one .right .form_box .li{font-size: 16px;;} #contact_one .right .form_box .li .txt{width: 30%;} #contact_one .right .form_box .li.area .input{width: 53%;} } @media (max-width: 1024px) { #contact_one .left{width: 46.64%;} } @media (max-width: 950px) { #contact_one {padding: 100px 0;} #contact_one .box{flex-wrap: wrap; margin-top: 0;} #contact_one .left{width: 100%;} #contact_one .right{width: 100%; margin-top: 40px;} #contact_one .right .tip{margin-bottom: 0;} } @media (max-width: 750px) { #contact_one .left .brief{font-size: 36px; line-height: 1.5;} #contact_one .left .ul{margin-bottom: 0;} #contact_one .left .ul .li{margin-bottom: 15px; font-size: 26px; line-height: 1.5; background-position-y: 9px; background-size: 20px;} #contact_one .left .ul .li.phone{font-size: 32px; background-position-y: 5px;} #contact_one .left .ul .li.addr{font-size: 30px; background-position-y: 5px; } #contact_one .left .code_ul{flex-wrap: wrap; justify-content: center;} #contact_one .left .code_ul .li{width: 34.3%; margin: 20px 3% 0;} #contact_one .left .code_ul .li .code img{ transform: translate(-50%, -50%) scale(1.5);} #contact_one .left .code_ul .li .txt{font-size: 26px;} #contact_one .right .tip{font-size: 26px;;} #contact_one .right .form_box .li{width: 100%; font-size: 26px;} #contact_one .right .form_box .li .txt{width: 15%;} #contact_one .right .form_box .li .input{width: calc(100% - 15%);} #contact_one .right .form_box .li.area .input{width: 70%;} #contact_one .right .form_box .li select{background-size: 20px; background-position: center right 14px;} #contact_one .right .form_box .text .txt, #contact_one .right .form_box .text .textarea{font-size: 26px; line-height: 1.5;} #contact_one .right .form_box .submit{font-size: 30px; min-width: 220px; height: 60px;} } #site_menu{margin-top: 100px; padding: 25px 0; background-color:#f6f6f6;} #site_menu .box{height: 100%;} #site_menu .li a, #site_menu .li span{font-size: 15px; color: #8d9193; line-height: 25px; transition: all 0.3s;} #site_menu .li span{display: inline-block; padding: 0 15px;} #site_menu .li a:hover, #site_menu .li .name{color: var(--main);} #sitemap{padding: 80px 0;} #sitemap .hnav .one-nav{margin-top: 30px; } #sitemap .hnav .one-nav:first-child{margin-top: 0;} #sitemap .hnav .one-nav .nav-a{padding-left: 15px; font-size: 16px; line-height: 1.1; color:var(--main);position: relative; transition: all 0.3s ease;} #sitemap .hnav .one-nav .nav-a::before{content: " "; display: block; width: 3px; height: 100%; background-color: var(--main); position: absolute; top: 0; left: 0; z-index: 2;} #sitemap .hnav .one-nav .nav-a:hover{font-weight: 700;} #sitemap .hnav .one-nav .two-nav{width: 100%; padding: 35px 15px 10px;} #sitemap .hnav .one-nav .two-nav .li{margin-top: 35px; } #sitemap .hnav .one-nav .two-nav .li:first-child{margin-top: 0;} #sitemap .hnav .one-nav .two-nav .li .tnav-a{font-size: 14px; line-height: 1.1; color: #333; transition: all 0.3s ease;} #sitemap .hnav .one-nav .two-nav .li .tnav-a:hover{color: var(--main);} #sitemap .hnav .one-nav .nav-a , #sitemap .hnav .one-nav .two-nav .li .tnav-a {position: relative;} #sitemap .hnav .one-nav .nav-a span, #sitemap .hnav .one-nav .two-nav .li .tnav-a span{display: inline-block; padding-right: 20px; background-color: #fff; position: relative; z-index: 2;} #sitemap .hnav .one-nav .nav-a::after, #sitemap .hnav .one-nav .two-nav .li .tnav-a::after{content: ""; width: calc(100% - 20px); height: 1px; border-bottom: 1px dashed #ddd; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); z-index: 1;} @media (max-width: 750px) { #site_menu .li a, #site_menu .li span{font-size: 26px;} #sitemap{padding: 100px 0;} #sitemap .hnav .one-nav{margin-top: 40px;} #sitemap .hnav .one-nav .nav-a{padding-left: 25px; font-size: 30px;} #sitemap .hnav .one-nav .two-nav{width: 100%; padding: 35px 25px 10px;} #sitemap .hnav .one-nav .two-nav .li .tnav-a{font-size: 26px;} #sitemap .hnav .one-nav .nav-a::after, #sitemap .hnav .one-nav .two-nav .li .tnav-a::after{width: calc(100% - 25px); left: 25px;} }