/*2022-09-14*/ /*澶撮儴鑷€傚簲*/ .auto-header{ width:100%; background-color: #fff; padding:10px 0; box-sizing: border-box; box-shadow: 2px 5px 5px rgba(0,0,0,.1); position: fixed; left: 0; top: -80px; z-index: 999; opacity: 0; transition: all .6s; } .auto-logo{ height: 50px; } .auto-logo>a{ height:100%; } .auto-logo>a>img{ height: 100%; } .auto-header>.cont>span{ width:32px; height: 32px; margin-left:auto; margin-top:9px; margin-right: 20px; padding-right: 20px; border-right: 1px solid rgba(0,0,0,.1); cursor: pointer; } .auto-seach{ width:100%; padding:15px 0; background-color:rgba(0,0,0,.3); position: fixed; top: 0; left: 0; z-index: 100; opacity: 0; display: none; transition: all .6s; } .auto-seach-show{ top: 70px; opacity: 1; } .auto-seach form{ width:90%; } .auto-seach form>input{ width:70%; height: 50px; border:none; padding:0; text-indent:2rem; } .auto-seach form>button{ width:100px; height: 50px; border:none; background-color:#08aca3; color: #fff; } .auto-seach span{ width:30px; height: 30px; display: block; margin-top:10px; } .auto-seach span>img{ width:100%; } .auto-nav{ width:40px; height: 40px; padding:7px 3px; box-sizing: border-box; position: relative; margin-top:3px; } .auto_close{ position: absolute; width:100%; height: 100%; left: 0; top: 0; z-index: 1; display: none; } .auto-nav>button{ background-color: rgba(0,0,0,0); border:none; width: 100%; height: 100%; position: relative; cursor: pointer; } .auto-nav>button>em{ height: 4px; background-color: #08aca3; display: block; position: absolute; left: 0; border-radius: 3px; } .auto_ht1{ width: 100%; top: 0; transition: all 0.8s; } .auto_ht2{ width:70%; top: 11px; transition: all 0.8s; } .auto_ht3{ width: 100%; top: 22px; transition: all 0.8s; } .auto-nav>.active>.auto_ht1{ top: 10px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .auto-nav>.active>.auto_ht2{ opacity: 0; left: 30px; } .auto-nav>.active>.auto_ht3{ top: 10px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } .auto-2nav{ width:100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10; background-color:rgba(0,0,0,.5); display: none; } .auto-2nav-box{ width:100%; height: 100%; position: relative; } .auto-2nav-all{ width:70%; height: 100%; background-color:#fff; right: -100%; top: 0; padding:100px 60px 30px 30px; box-sizing: border-box; position: absolute; overflow: scroll; opacity: 0; transition: all .6s; } .auto-2nav-box>.active{ opacity: 1; right: 0; } .auto-2nav-all::-webkit-scrollbar { width: 3px; height: 6px; } .auto-2nav-all>dl{ margin-top: 20px; } .auto-2nav-all>dl:first-child{ margin-top: 0; } .auto-2nav-all>dl>dt{ width:100%; line-height: 40px; background-color:#fafafa; padding-left: 20px; box-sizing: border-box; position: relative; } .auto-2nav-all>dl>dt:before{ position: absolute; content: ""; width:3px; height: 40%; left: 0; top: 50%; transform: translateY(-50%); background-color:#08aca3; } .auto-2nav-all>dl>dt>a{ font-size: 17px; font-family: font_2; } .auto-2nav-all>dl>dd{ width:25%; margin-top: 20px; padding-left: 20px; box-sizing: border-box; position: relative; } .auto-2nav-all>dl>dd:before{ position: absolute; left: 0; content: ""; left: 0; top: 50%; width:8px; height: 8px; border-radius: 50%; transform: translateY(-50%); border:2px solid #08aca3; } .auto-2nav-all>dl>dd:last-child{ margin-right: auto; } .auto-2nav-all>dl:nth-child(6)>dd{ width:100%; } .auto-2nav-all>dl:nth-child(6)>dd:before{ top: 5px; transform: translateY(0); } .auto-2nav-all>dl:nth-child(6)>dd>a{ width:100%; padding-bottom: 15px; border-bottom: 1px dashed rgba(0,0,0,.1); position: relative; } .auto-2nav-all>dl:nth-child(6)>dd>a:before{ position: absolute; width:2px; height: 18px; top: 30%; right: 15px; background-color:#08aca3; content: ""; transform: translateY(-50%); } .auto-2nav-all>dl:nth-child(6)>dd>a:after{ position: absolute; height:2px; width: 18px; top: 30%; right: 7px; background-color:#08aca3; content: ""; transform: translateY(-50%); } .auto-2nav-all>dl:nth-child(6)>dd:nth-child(4)>a:before, .auto-2nav-all>dl:nth-child(6)>dd:nth-child(5)>a:before, .auto-2nav-all>dl:nth-child(6)>dd:nth-child(6)>a:before{ display: none; } .auto-2nav-all>dl:nth-child(6)>dd>ul>li{ width:33.3%; margin-top: 15px; } .auto-2nav-all>dl:nth-child(6)>dd>ul>li:last-child{ margin-right: auto; } /*搴曢儴鎸夐挳*/ .auto-footer{ width:100%; position: fixed; padding:8px 0; background-color:#fff; z-index: 8; bottom: -100px; left: 0; /*box-sizing: border-box;*/ box-shadow: 2px 5px 5px 5px rgba(0,0,0,.1); display: none; transition: all .6s; } .auto-footer>ul>li{ width:25%; text-align:center; } .auto-footer>ul>li img{ width:28%; margin:0 auto; margin-bottom:5px; } /*灞忓箷灏忎簬1710px*/ @media (max-width: 1710px){ /*鍏叡鏍峰紡*/ h1{ font-size: 54px; transition: all .6s; } h2{ font-size: 48px; transition: all .6s; } h3{ font-size: 36px; transition: all .6s; } h4{ font-size: 32px; transition: all .6s; } h5{ font-size: 24px; transition: all .6s; } /*棣栭〉涓€灞?/ .inx-01-list>.swiper-wrapper>.swiper-slide>video{ width:auto; height: 100%; position: relative; left: 50%; transform: translateX(-50%); transition: all .6s; } /*棣栭〉浜屽睆*/ .inx-02{ overflow: hidden; } .inx-02-info>p{ width:90%; transition: all .6s; } .inx-02-pic{ width:auto; height: 100%; transition: all .6s; right: -13%; } .inx-02-pic-box{ overflow: hidden; } .inx-02-pic-box>img{ width:100%; transition: all .6s; } /*棣栭〉绗笁灞?/ .inx-03-list>.swiper-wrapper>.swiper-slide{ width:96%; } .inx-03-box:after{ left: 84%; } .inx-03-prv-l{ left: 82.5%; } .inx-03-prv-r{ left: 82.5%; } /*鍏充簬鍗忚揪*/ .ab-03-list li>span>p{ max-height: 220px; } .ab-04-right>img{ bottom: -20px; } /*鍚堜綔妗堜緥*/ .coop-list ul>li>dl>dd{ width:100%; text-align:center; } } /*灞忓箷灏忎簬1600px*/ @media (max-width: 1600px){ /*鍏叡鏍峰紡*/ h1{ font-size: 54px; } h2{ font-size: 42px; } h3{ font-size: 36px; } h4{ font-size: 32px; } h5{ font-size: 22px; } /*澶撮儴瀵艰埅*/ .web-2nav-list>dl>dd{ width:20%; } .web-2nav-list{ max-height: 560px; overflow: scroll; } .web-2nav-list::-webkit-scrollbar { width: 2px; height: 6px; } /*棣栭〉涓€灞?/ .inx-01{ height: 800px; } .inx-01-list>.swiper-wrapper>.swiper-slide>video{ width:100%; height: auto; } /*棣栭〉浜屽睆*/ .inx-03-list>.swiper-wrapper>.swiper-slide{ width:100%; padding:0; } .inx-03-box:after{ display: none; } .inx-03-prv-l{ left: 20px; top: 50%; transform: translateY(-50%); } .inx-03-prv-r{ right: 20px; left: auto; top: 50%; transform: translateY(-50%); } /*鍏充簬鍗忚揪*/ .web-img{ height: 500px; } .ab-01-right-box{ height: 90%; bottom: 0; } .ab-04-right>img{ bottom: 40px; } /*浜у搧鏈嶅姟*/ .pro-all>.cont>span>a{ margin:20px 30px; } .pro-all>.cont>p{ width:100%; } } /*灞忓箷灏忎簬1500px*/ @media (max-width: 1500px){ /*澶撮儴瀵艰埅*/ .web-nav>.cont>p{ display: none; transition: all .6s; } .web-nav>.cont>ul{ width:60%; transition: all .6s; } .web-nav>.cont>form{ margin-right: 10px; } .web-2nav-tap{ width:30%; } .web-2nav-list{ width:70%; } .web-2nav-list>dl>dd{ width:25%; } .web-2nav-list{ max-height: 500px; } /*棣栭〉浜屽睆*/ .inx-02-pic{ right: -15%; } } /*灞忓箷灏忎簬1440px*/ @media (max-width: 1440px){ /*鍏叡鏍峰紡*/ h1{ font-size: 48px; } h2{ font-size: 36px; } h3{ font-size: 32px; } h4{ font-size: 26px; } h5{ font-size: 20px; } /*澶撮儴瀵艰埅*/ .web-nav>.cont>ul{ width:55%; } .web-nav>.cont>form{ margin-right: 15px; } .quick-nav-box{ width:50%; } /*棣栭〉涓€灞?/ .inx-01-list>.swiper-wrapper>.swiper-slide>video{ width:auto; height: 100%; } /*棣栭〉浜屽睆*/ .inx-02{ padding:80px 0; } .inx-02-pic{ right: -30%; } .inx-02-info{ width:60%; } .inx-02-info>ul{ margin-top: 40px; padding:15px 0; } /*棣栭〉绗笁灞?/ .inx-03-box{ padding:80px 7%; } .inx-03-ic-box{ width:560px; height: 560px; transition: all .6s; margin-right: 5px; margin-top: 30px; } /*棣栭〉鍥涘睆*/ .inx-04{ padding: 80px 0; } .inx-04-info>ul{ margin-top: 40px; } .inx-04-info>a{ margin-top: 40px; } /*棣栭〉浜斿睆*/ .inx-05{ padding:80px 0; } #china-map{ height: 560px; margin-top: 40px; } /*棣栭〉鍏睆*/ .inx-06{ padding:80px 0; } /*棣栭〉涓冨睆*/ .inx-07{ padding:50px 0; } .inx-07 ul>li{ padding:0 10px; box-sizing: border-box; } } /*灞忓箷灏忎簬1300px*/ @media (max-width: 1300px){ /*鍏叡鏍峰紡*/ h1{ font-size: 40px; } h2{ font-size: 32px; } h3{ font-size: 26px; } h4{ font-size: 24px; } h5{ font-size: 20px; } .cont{ width:92%; } /*澶撮儴瀵艰埅*/ .web-2nav-tap{ width:32%; } .web-2nav-list{ width:68%; } .web-2nav-list>dl>dd{ width:33.3%; } .web-nav>.cont>form{ margin-right: 40px; } .quick-nav-box ul dt{ font-size: 20px; } .quick-nav{ right: -5%; } /*棣栭〉涓€灞?/ .inx-01{ height: 660px; } .inx-01-list>.swiper-wrapper>.swiper-slide>video{ width:100%; height: auto; } /*棣栭〉浜屽睆*/ .inx-02-pic{ right: -50%; } .inx-02-info{ width:75%; } .inx-03-info>ul>li{ padding:8px 0; } /*棣栭〉绗笁灞?/ .inx-03-ic-box{ width: 500px; height: 500px; margin-top: 60px; } /*棣栭〉浜斿睆*/ .inx-05-box>ul{ margin-top: 40px; } .inx-05-box>a{ margin-top: 40px; } /*鍏充簬鍗忚揪*/ .web-img{ height: 400px; } .web-neck{ padding:15px 0; } .padding{ padding:50px 0; } .ab-01-left>ul{ width:100%; } .ab-02-left>span{ margin-top: 30px; } .ab-02-right>span{ margin-top: 30px; } .ab-03-list li{ width:33.3%; } /*浜у搧鍒楄〃*/ .pro-list ul>li{ padding:0 10px; } .pro-list ul>li>a{ padding:15px; } .pro-list ul>li>a h5{ font-size: 15px; } .pro-list ul>li{ margin-top:15px; } .pro-list ul>li{ width: 33.3%; } } /*灞忓箷灏忎簬1200px*/ @media (max-width: 1200px){ /*鍏叡鏍峰紡*/ h1{ font-size: 36px; } h2{ font-size: 26px; } h3{ font-size: 24px; } h4{ font-size: 22px; } h5{ font-size: 18px; } p{ font-size: 15px; } /*澶撮儴瀵艰埅*/ .web-nav-box{ top:-100%; opacity: 0; transition: all .6s; } .auto-header{ top: 0; opacity: 1; } .auto-seach{ display: block; } /*棣栭〉涓€灞?/ .inx-01{ height: 560px; } .inx-01-txt>h4:after{ width:200px; height: 156px; background-size: 100% 100%; } .banner-tap>ul>li{ width:40px; height: 40px; line-height: 40px; } .inx-scroll>p{ font-size: 14px; } /*棣栭〉浜屽睆*/ .inx-02{ padding:50px 0; } .inx-02-info>h2{ margin-top:20px; margin-bottom: 30px; } .inx-02-pic{ width:80%; height: auto; right: -40%; } .inx-02-info>ul>li>a>img{ width:32px; height: 32px; } .inx-02-info>ul>li>a>h5{ font-size: 15px; } .inx-02-info>ul{ padding:10px 0; } /*棣栭〉绗笁灞?/ .inx-03-box{ padding:50px 6%; } .inx-03-list-box>h4{ margin-top:15px; } .inx-03-ic-box{ width:440px; height: 440px; margin-top:100px; } .inx-03-list>.swiper-wrapper>.swiper-slide-active .inx-03-info{ padding-top: 100px; } .inx-03-info>h3{ margin-bottom: 20px; } .inx-03-info>ul>li>a>p{ font-size: 14px; } .inx-03-prv-l,.inx-03-prv-r{ width:40px; height: 40px; } /*棣栭〉鍥涘睆*/ .inx-04{ padding:50px 0 80px 0; } .inx-04-info>h2{ margin-top:15px; } .inx-04-info>p{ margin-top:15px; width:90%; } .inx-04-info>ul{ width:90%; margin-top:20px; } .inx-04-info>ul>li>.ico-box{ width:50px; height: 50px; padding:10px; } .inx-04-info>ul>li{ margin-right: 30px; } .inx-04-box>.banner-tap{ bottom: -50px; } .banner-tap>ul>li:after{ left: -50px; } /*棣栭〉浜斿睆*/ .inx-05-box>ul>li{ font-size: 15px; } .inx-05{ padding:50px 0; } .inx-05-box>ul{ margin-top:30px; } .inx-05-box>h4{ margin-top: 15px; } /*棣栭〉鍏睆*/ .inx-06{ padding:50px 0; } /*棣栭〉涓冨睆*/ .inx-07-left>h4{ margin-top: 15px; } /*搴曢儴缁撴潫*/ footer{ padding-top: 50px; } .fot-l dt{ font-size: 18px; } .fot-l dd{ font-size: 15px; } .fot-last>.cont{ flex-wrap: wrap; justify-content: center; } .fot-last p:last-child{ margin-top:5px; } .fot-l{ padding-right: 20px; } .fot-r{ padding-left: 20px; } /*鍏充簬鍗忚揪*/ .ab-01{ overflow: hidden; } .ab-01-right-box{ height: 70%; margin-top: 100px; } .ab-02{ padding-bottom: 130px; } .ab-03-box{ margin-top: 40px; } .ab-04-list>ul>.swiper-slide-active{ padding:10px; } /*浜у搧璇︽儏*/ .pro-info-box{ padding-right: 40px; } .pro-info-recd{ padding-left: 40px; } /*鏂伴椈鍒楄〃*/ .news-list ul>li{ width:32%; } .news-list ul>li>a>.img_box{ height: 220px; } .news-list-info{ padding:15px; } .my-4{ margin-top:0; } /*鍚堜綔妗堜緥*/ .coop-list ul>li{ width: 33.3%; } .coop-list ul>li>dl>dd{ font-size: 14px; padding:0; } } /*灞忓箷灏忎簬1000px*/ @media (max-width: 1000px){ /*鍏叡鏍峰紡*/ .client-2{ display: none; } /*澶撮儴瀵艰埅*/ .auto-2nav-all{ width:90%; } /*棣栭〉绗笁灞?/ .inx-03-list>.swiper-wrapper>.swiper-slide{ flex-wrap: wrap; padding-top: 480px; } .inx-03-list>.swiper-wrapper>.swiper-slide-active .inx-03-info{ width:100%; } .inx-03-ic-box{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .inx-03-info>h3{ width:100%; text-align: center; } .inx-03-info>p{ width:100%; text-align:center; } .inx-03-info>a{ margin: 0 auto; margin-top:30px; } /*棣栭〉鍥涘睆*/ .inx-04-list>.swiper-slide>img{ width:40%; margin:0 auto; } /*棣栭〉浜斿睆*/ .inx-05-box{ width:45%; } /*搴曢儴缁撴潫*/ .fot-r>p{ width:100%; } /*鍏充簬鍗忚揪*/ .ab-01-right{ display: none; } .ab-01-left{ width:100%; } .ab-02-box>img{ display: none; } .ab-02-left{ width:100%; position: static; display: flex; justify-content: space-between; } .ab-02-left h4{ display: flex; justify-content: center; } .ab-02-left h4>img{ width:30px; height: 30px; } .ab-02-left p{ text-align:center; margin-top: 10px; } .ab-02-left>span{ width:31%; margin-top: 0; background-color:#fff; padding:15px; box-sizing: border-box; } .ab-02-right{ width:100%; position: static; } .ab-02-right>span{ width:31%; background-color:#fff; padding:15px; box-sizing: border-box; } .ab-02{ padding-bottom: 50px; } .ab-04-left{ width:100%; } .ab-04-right{ width:100%; } .ab-04-list{ width:100%; } .ab-04-list>ul>.swiper-slide-active{ padding:80px; } .ab-04-right>img{ width:100%; bottom: -130px; left: 0; } .ab-04-box{ margin-top: 50px; } .ab-04-left>h4{ margin-top: 0; } .ab-04-left>h4{ text-align: center; } .ab-04-name>ul>li>h5{ text-align: center; } .ab-04-name p{ text-align:center; padding:0; } .ab-04-name p:after{ display: none; } .ab-04-page{ text-align:center; } .ab-04-tap{ justify-content: center; } .ab-04-tap>div:last-child{ margin-right: 0; } /*浜у搧鏈嶅姟*/ .pro-neck>.cont{ flex-wrap: wrap; } .pro-neck ul{ width:100%; margin-bottom: 15px; } .pro-all>.cont>span>a{ margin:20px 10px; } /*浜у搧璇︽儏*/ .pro-info-box>h4{ padding-bottom: 15px; } .pro-info-recd>h4{ padding-bottom: 15px; } .pro-info-box>h5{ margin-top:20px; } .pro-info-recd>ul>li>a{ font-size: 14px; } } /*灞忓箷灏忎簬900px*/ @media (max-width: 900px){ /*鍏叡鏍峰紡*/ /*棣栭〉涓€灞?/ .inx-01-list>.swiper-wrapper>.swiper-slide>video{ height: 100%; width:auto; } /*棣栭〉浜屽睆*/ .inx-02-pic{ top:10%; } .inx-02-info>ul{ width:100%; } #china-map{ display: none; } .inx-05-box{ width:100%; } .inx-05-box>a{ margin:0 auto; margin-top:30px; } .inx-06-left{ width:100%; } .inx-06-right{ width:100%; margin-top:30px; } .fot-r{ display: none; } .fot-l{ width:100%; padding:0; padding-bottom: 15px; border:none; } .fot-last p{ text-align: center; } /*鍏充簬鍗忚揪*/ .ab-03-list li{ padding:0 10px; } .ab-04>.cont>h3{ margin-bottom:20px; } .ab-04-box{ margin-top:30px; } .ab-04-name{ margin-top:30px; } .ab-04-list>ul>.swiper-slide-active{ padding:40px; } /*浜у搧鏈嶅姟*/ .pro-all-2-list li{ width: 100%; margin-top:20px; } /*鑱旂郴鎴戜滑*/ .cat-1-l>ul>li>span>h5:last-child{ font-size: 15px; } .cat-1-l{ width:100%; } .zxdt_box{ width:100%; height: 400px; margin-top: 20px; } } /*灞忓箷灏忎簬800px*/ @media (max-width: 800px){ /*鍏叡鏍峰紡*/ h1{ font-size: 30px; } h2{ font-size: 24px; } h3{ font-size: 20px; } h4{ font-size: 18px; } h5{ font-size: 16px; } /*澶撮儴瀵艰埅*/ .auto-2nav-all{ width:100%; padding:100px 30px 30px 30px; } .auto-2nav-all>dl:nth-child(6)>dd>ul>li>a{ font-size: 15px; } /*棣栭〉浜屽睆*/ .inx-02-pic{ opacity: .2; right: -40%; width:auto; height: 100%; z-index: -1; top: 0; } .inx-02-info{ width:100%; } .inx-02-info>h2{ width:100%; } .inx-02-info>p{ width:100%; } .inx-02-info>h2{ margin-top:15px; margin-bottom:20px; } .inx-02{ padding:40px 0; } /*棣栭〉绗笁灞?/ .inx-03-box{ padding:40px 4%; } .inx-04-list-box>.swiper-wrapper>.swiper-slide{ flex-wrap: wrap; } .inx-04-list>.swiper-slide>img{ width:60%; } .inx-04-info{ width:100%; text-align:center; } .inx-04-info>p{ width:100%; } .inx-04-info>ul{ width:100%; justify-content: center; } .inx-04-info>ul>li:last-child{ margin-right:0; } .inx-04-info>ul>li{ margin:0 20px; } .inx-04-info>a{ margin:0 auto; margin-top:30px; } .inx-04-box>.banner-tap{ bottom: -60px; left: 50%; transform: translateX(-50%); } /*棣栭〉涓冨睆*/ .inx-07{ padding:40px 0; } .inx-07>.cont{ flex-wrap: wrap; } .inx-07-left>h5:after{ width:60px; height: 62px; background-size: 100%; } .inx-07 ul{ width:100%; margin-top: 15px; } /*鍏充簬鍗忚揪*/ .padding{ padding:30px 0; } .ab-01-left>ul>li p{ font-size: 16px; } .ab-02-box{ margin-top:30px; } .ab-03-list li{ width:50%; } .ab-03-list li>span>p{ max-height: 186px; } .ab-04-right>img{ display: none; } /*浜у搧璇︽儏*/ .pro-info-box{ width:100%; padding-right: 0; border:none; } .pro-info-recd{ padding-left: 0; width:100%; margin-top:30px; } /*绉诲姩鎵嬫寔缁堢*/ .product-01-left{ width:100%; } .product-01-left>p{ width:100%; } .product-01-right{ width:100%; margin-top:20px; } .product-01-right>img{ width:80%; margin:0 auto; } .product-02 .product-01-left{ width:100%; } .product-02 .product-01-right{ display: none; } .product-02 .product-01-left p{ width:100%; } .product-01-left>h3{ margin-bottom: 15px; } /*鏂伴椈鍒楄〃*/ .news-list ul>li{ width:48%; } .news-list ul>li{ margin-bottom: 30px; } /*鍚堜綔妗堜緥*/ .coop-list ul>li{ width:50%; } } /*灞忓箷灏忎簬700px*/ @media (max-width: 700px){ /*鍏叡鏍峰紡*/ .window{ display: none !important; } h1{ font-size: 28px; } h2{ font-size: 22px; } h3{ font-size: 20px; } h4{ font-size: 17px; } h5{ font-size: 16px; } /*澶撮儴瀵艰埅*/ .auto-logo{ height: 40px; } .auto-header>.cont>span{ margin-top:4px; } .auto-nav{ margin-top:0; } .auto-seach-show{ top: 60px; } .auto-seach form>input{ height: 40px; } .auto-seach form>button{ height: 40px; } .auto-seach span{ margin-top: 5px; } .auto-2nav-all>dl:nth-child(6)>dd>ul>li{ width:50%; } /*棣栭〉涓€灞?/ .inx-01{ height: 480px; } .banner-tap{ bottom: 30px; } .banner-tap>ul>li{ margin:0 20px; } .banner-tap>ul>.active:after{ width:40px; } .banner-tap>ul>li:after{ left: -35px; } .inx-scroll{ display: none; } /*棣栭〉绗笁灞?/ .inx-03-info>ul>li>a>img{ width:36px; } /*棣栭〉鍏睆*/ .inx-06-left>.img_box{ display: none; } .inx-06-left-info{ width:100%; } /*搴曢儴缁撴潫*/ .fot-l>ul{ flex-wrap: wrap; } .fot-l>ul>li:nth-child(2){ width:45%; } .fot-l>ul>li:nth-child(4),.fot-l>ul>li:last-child{ margin-top:0px; } .fot-l>ul>li:last-child{ margin-right: auto; margin-left:15px; } /*鍏充簬鍗忚揪*/ .web-neck>.cont>ul{ display: none; } .ab-03-list li>span>p::-webkit-scrollbar { width: 2px; height: 1px; } .web-neck span{ font-size: 14px; } .web-neck span>img{ width:22px; height:22px; } .ab-01-left>ul>li{ width:32%; } .ab-04-list>ul>.swiper-slide-active{ padding:0 40px; } .ab-04-list>ul>li{ padding:0 60px; } .ab-04-right{ margin-top:20px; } /*浜у搧鏈嶅姟*/ .pro-all>.cont>span{ margin-top:0; } .pro-all>.cont>span>a{ width:100%; margin:10px 10px; } /*浜у搧鍒楄〃*/ .pro-list ul>li{ width: 50%; } /*浜у搧璇︽儏*/ .pro-info-box>h4{ line-height: 40px; } .pro-info-box>h4>img{ width: 40px; height: 40px; } .pro-info-recd>h4{ line-height: 40px; } /*鏂伴椈鍒楄〃*/ .news-list ul>li>a>.img_box{ height: 180px; } .news_inner{ padding:30px 0; } .news_inner>.cont>div{ height: auto; } /*鑱旂郴鎴戜滑*/ .cat-1-l{ padding:10px; } .cat-2 form>p{ width:100%; margin-bottom: 15px; } .cat-2 form>button{ margin-top: 15px; width:100px; height: 40px; line-height: 40px; font-size: 15px; padding:0; } } /*灞忓箷灏忎簬500px*/ @media (max-width: 500px){ /*鍏叡鏍峰紡*/ h1{ font-size: 24px; } h2{ font-size: 20px; } h3{ font-size: 18px; } h4{ font-size: 16px; } h5{ font-size: 15px; } /*澶撮儴鏍峰紡*/ .auto-2nav-all{ padding:80px 20px 20px 20px; } .auto-2nav-all>dl>dt{ line-height: 30px; } .auto-2nav-all>dl>dt>a{ font-size: 16px; font-weight: bold; } .auto-2nav-all>dl>dd{ width:50%; } .auto-2nav-all>dl:nth-child(6)>dd>ul>li>a{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } /*棣栭〉涓€灞?/ .inx-01{ height: 400px; } .banner-tap{ left: 50%; transform: translateX(-50%); } .banner-tap>ul>li{ width:30px; height: 30px; margin:0 10px; line-height: 30px; font-size: 12px; } .banner-tap>ul>.active:after{ width:30px; } .banner-tap>ul>li:after{ left: -25px; } /*棣栭〉浜屽睆*/ .inx-02{ padding:30px 0; } .inx-02-info>p{ margin-top:20px; } .inx-02-info>a{ width:100px; line-height: 30px; font-size: 13px; margin-top:20px; } .inx-02-info>ul{ margin-top:20px; } .inx-02-info>ul>li>a>img{ width:28px; height: 28px; } .inx-02-info>ul>li>a>h5{ margin-top:5px; } /*棣栭〉绗笁灞?/ .inx-03-box{ padding:30px 4%; } .inx-03-ic-box{ width:350px; height: 350px; } .inx-03-list>.swiper-wrapper>.swiper-slide{ padding-top: 380px; } .inx-03-info>ul{ margin-top:20px; } /*棣栭〉鍥涘睆*/ .inx-04{ padding-top: 30px; } /*棣栭〉浜斿睆*/ .inx-05{ padding:30px 0; } /*棣栭〉鍏睆*/ .inx-06{ padding:30px 0; } .inx-06-left-info>h4{ margin-top:15px; } .inx-06-left-info>h5:nth-child(3){ margin-top:30px; } .inx-06-left-info>a{ margin-top:20px; font-size: 14px; } /*棣栭〉涓冨睆*/ .inx-07 ul{ flex-wrap: wrap; } .inx-07 ul>li{ width:33.3%; } /*搴曢儴缁撴潫*/ footer{ padding-top: 30px; } .auto-footer{ opacity: 1; bottom: 0; } .fot-last{ border:none; padding-bottom:90px; transition: all .6s; } footer>.cont{ display: none; } /*鍏充簬鍗忚揪*/ .web-img{ height: 300px; } .ab-01-left{ padding-bottom: 30px; } .ab-02-left{ flex-wrap: wrap; } .ab-02-left>span{ width:100%; margin-top:20px; } .ab-02-right>span{ width:48%; margin-top:20px; } .ab-03-list li{ width:100%; } .ab-04-list>ul>.swiper-slide-active{ padding:0 10px; } /*浜у搧鍒楄〃*/ .pro-list ul>li>a img{ margin-top:15px; } .pro-list ul>li>a h5{ margin-bottom:15px; } .pro-list ul>li{ width:100%; } .pro-list ul>li>a img{ width:18%; } /*鏂伴椈鍒楄〃*/ .news-list ul>li{ width:100%; } /*鍚堜綔妗堜緥*/ .coop-list>.cont>h3{ margin-bottom: 15px; } .coop-list ul>li{ width:100%; } /*鑱旂郴鎴戜滑*/ .cat-1-l>ul>li{ padding:15px 0; } .cat-1-l>ul>li>img{ width:30px; height: 30px; } .zxdt_box{ height: 300px; } .cat-2 form>p:nth-child(4){ margin-top: 15px; } .cat-apply-2 form>p:nth-child(4){ width: 100%; margin-top: 0px; } .cat-apply-2 form>p:nth-child(8){ height: 0px; padding: 0px; margin-bottom: 0px; } .cat-apply-2 form>p:nth-child(9){ height: 0px; padding: 0px; margin-bottom: 0px; } /*鎼滅储椤甸潰*/ .seach-list-left>span>p{ font-size: 14px; } }