@media (max-width: 1620px) and (min-width:1341px){ .nav_item { height: 48px; } .nav_item a{ line-height: 48px; font-size: 16px; } .nav_item ul{ top: 48px; } .nav_item ul a{ font-size: 14px; } .telephone{ font-size: 23px; } } @media (max-width: 1340px) and (min-width:1280px){ .content{ width: 100%; } .head_floor1_left p{ display: none; } .foot1 { padding: 0 50px; box-sizing: border-box; } .foot2{ padding: 15px 20px; } .page_banner .content{ padding: 0 50px; box-sizing: border-box; } .crumbs .content{ padding: 0 20px; box-sizing: border-box; } .page_content{ padding: 0 20px; box-sizing: border-box; } .nav_item { height: 48px; } .nav_item a{ line-height: 48px; font-size: 16px; } .nav_item ul{ top: 48px; } .nav_item ul a{ font-size: 14px; } .telephone{ font-size: 23px; } .serve_phone span{ font-size: 18px; } } @media (max-width: 1279px) and (min-width:1025px) { .content{ width: 100%; } .head_floor1_left p{ display: none; } .head_floor1{ padding: 0 20px; } .head_floor1_left a img{ height: 40px; } .wechat span br{ display: none; } .head_floor1{ height: 80px; } .wechat img{ margin-right: 10px; } .language img{ margin-right: 10px; } .head_floor1_right{ height: 100%!important; } .head_floor1_right .language{ height: 100%; } .language_into{ top: 80px; } .head_floor1_right li{ margin-left: 30px; } .toppos{ display: none; } .foot1_content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .foot1_left{ width: 100%; } .foot1_left>.foot1_logo{ display: none; } .foot1_left>p{ display: none; } .foot1_left>.share{ display: none; } .foot1_left_left{ display: block; } .foot1_left{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; border-top: 1px solid #e5e5e5; } .foot1_left .share{ border-bottom: none; } .foot1_logo{ padding: 10px 0; } .foot1_left p{ margin-bottom: 10px; } .foot1_left .share{ padding-bottom: 0; } .foot1_left .wechat_box{ padding: 0; } .foot1_left{ padding: 20px 50px; } .foot1_right{ width: 100%; padding: 50px; } .serve_phone{ margin-bottom: 30px; } .serve p{ margin-bottom: 10px; } .head_floor1_right li{ height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .foot2{ padding: 15px 20px; } .page_banner .content{ padding: 0 50px; box-sizing: border-box; } .crumbs .content{ padding: 0 20px; box-sizing: border-box; } .page_content{ padding: 0 20px; box-sizing: border-box; } .page_banner{ height: 350px; } .nav_item { height: 48px; } .nav_item a{ line-height: 48px; font-size: 16px; } .nav_item ul{ top: 48px; } .nav_item ul a{ font-size: 14px; } .telephone{ font-size: 23px; } .serve_phone span{ font-size: 18px; } } @media (max-width: 1024px) and (min-width:769px) { .content{ width: 100%; } .head_floor1_left p{ display: none; } .head_floor1{ padding: 0 20px; } .head_floor1_left a img{ height: 40px; } .wechat span br{ display: none; } .head_floor1{ height: 80px; } .wechat img{ margin-right: 10px; } .language img{ margin-right: 10px; } .head_floor1_right{ height: 100%!important; } .head_floor1_right .language{ height: 100%; } .language_into{ top: 80px; } .head_floor1_right li{ margin-left: 30px; } .toppos{ display: none; } .foot1_content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .foot1_left{ width: 100%; } .foot1_left>.foot1_logo{ display: none; } .foot1_left>p{ display: none; } .foot1_left>.share{ display: none; } .foot1_left_left{ display: block; } .foot1_left{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; border-top: 1px solid #e5e5e5; } .foot1_left .share{ border-bottom: none; } .foot1_logo{ padding: 10px 0; } .foot1_left p{ margin-bottom: 10px; } .foot1_left .share{ padding-bottom: 0; } .foot1_left .wechat_box{ padding: 0; } .foot1_left{ padding: 20px 50px; } .foot1_right{ width: 100%; padding: 50px; } .serve_phone{ margin-bottom: 30px; } .serve p{ margin-bottom: 10px; } /* 灏哄鏂板鏍峰紡1 */ .nav_item{ height: 40px; } .nav_item a{ line-height: 40px; font-size: 14px; } .head_floor1{ height: 50px; } .head_floor1_left a img{ height: 30px; } .wechat img{ height: 40px; } .telephone img{ width: 30px; height: 30px; } .telephone{ font-size: 20px; } .language img{ width: 16px; height: 16px; } .language{ font-size: 14px; } .nav_item ul{ top: 40px; } .head_floor1_right li{ height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .nav_item ul a { color: #333; font-size: 13px; line-height: 20px; transition: all ease .5s; display: block; height: 40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; padding: 0 10px; box-sizing: border-box; } .language_into{ top: 50px; } .foot1_left{ padding: 20px 50px; } .foot2{ padding: 15px 20px; } .foot1_right{ padding: 50px; } .web_map{ width: 400px; } .web_map_item_title{ font-size: 15px; margin-bottom: 20px; } .web_map_item li a{ font-size: 13px; } .web_map_item li{ margin-bottom: 15px; } .serve p{ font-size: 15px; } .serve_phone span{ font-size: 18px; } .address span{ font-size: 13px; } .page_banner .content{ padding: 0 50px; box-sizing: border-box; } .crumbs .content{ padding: 0 10px; box-sizing: border-box; } .page_content{ padding: 0 10px; box-sizing: border-box; } .page_banner{ height: 350px; } } @media (max-width: 768px) and (min-width:500px) { .content{ width: 100%; } .head_floor1_left p{ display: none; } .head_floor1{ padding: 0 20px; } .head_floor1_left a img{ height: 40px; } .wechat span br{ display: none; } .head_floor1{ height: 80px; } .wechat img{ margin-right: 10px; } .language img{ margin-right: 10px; } .head_floor1_right{ height: 100%!important; } .head_floor1_right .language{ height: 100%; } .language_into{ top: 80px; } .head_floor1_right li{ margin-left: 30px; } .toppos{ display: none; } .foot1_content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .foot1_left{ width: 100%; } .foot1_left>.foot1_logo{ display: none; } .foot1_left>p{ display: none; } .foot1_left>.share{ display: none; } .foot1_left_left{ display: block; } .foot1_left{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; border-top: 1px solid #e5e5e5; } .foot1_left .share{ border-bottom: none; } .foot1_logo{ padding: 10px 0; } .foot1_left p{ margin-bottom: 10px; } .foot1_left .share{ padding-bottom: 0; } .foot1_left .wechat_box{ padding: 0; } .foot1_left{ padding: 20px 50px; } .foot1_right{ width: 100%; padding: 50px; } .serve_phone{ margin-bottom: 30px; } .serve p{ margin-bottom: 10px; } /* 灏哄鏂板鏍峰紡1 */ .nav_item{ height: 40px; } .nav_item a{ line-height: 40px; font-size: 14px; } .head_floor1{ height: 50px; } .head_floor1_left a img{ height: 30px; } .wechat img{ height: 40px; } .telephone img{ width: 30px; height: 30px; } .telephone{ font-size: 20px; } .language img{ width: 16px; height: 16px; } .language{ font-size: 14px; } .nav_item ul{ top: 40px; } .head_floor1_right li{ height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .nav_item ul a { color: #333; font-size: 13px; line-height: 20px; transition: all ease .5s; display: block; height: 40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; padding: 0 10px; box-sizing: border-box; } .language_into{ top: 50px; } .foot1_left{ padding: 20px 50px; } .foot2{ padding: 15px 50px; } .foot1_right{ padding: 50px; } .web_map{ width: 60%; } .web_map_item_title{ font-size: 15px; margin-bottom: 20px; } .web_map_item li a{ font-size: 13px; } .web_map_item li{ margin-bottom: 15px; } .serve p{ font-size: 15px; } .serve_phone span{ font-size: 18px; } .address span{ font-size: 13px; } .serve{ width: 30% } .page_banner .content{ padding: 0 50px; box-sizing: border-box; } .crumbs .content{ padding: 0 10px; box-sizing: border-box; } .page_content{ padding: 0 10px; box-sizing: border-box; } .page_banner{ height: 320px; } .web_map{ width: 60%!important; } /* .foot1_right { padding: 40px 20px; } */ .web_map .web_map_item{ padding: 0; border: none; } .content_nav_ul>li>a{ height: 50px!important; } } @media (max-width: 499px){ .content{ width: 100%; } .head_floor1_left p{ display: none; } .head_floor1{ padding: 0 20px; } .head_floor1_left a img{ height: 40px; } .wechat span br{ display: none; } .head_floor1{ height: 80px; } .wechat img{ margin-right: 10px; } .language img{ margin-right: 10px; } .head_floor1_right{ height: 100%!important; } .head_floor1_right .language{ height: 100%; } .language_into{ top: 80px; } .head_floor1_right li{ margin-left: 30px; } .toppos{ display: none; } .foot1_content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .foot1_left{ width: 100%; } .foot1_left>.foot1_logo{ display: none; } .foot1_left>p{ display: none; } .foot1_left>.share{ display: none; } .foot1_left_left{ display: block; } .foot1_left{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; border-top: 1px solid #e5e5e5; } .foot1_left .share{ border-bottom: none; } .foot1_logo{ padding: 10px 0; } .foot1_left p{ margin-bottom: 10px; } .foot1_left .share{ padding-bottom: 0; } .foot1_left .wechat_box{ padding: 0; } .foot1_left{ padding: 20px 50px; } .foot1_right{ width: 100%; padding: 50px; } .serve_phone{ margin-bottom: 30px; } .serve p{ margin-bottom: 10px; } /* 灏哄鏂板鏍峰紡1 */ .nav_item{ height: 40px; } .nav_item a{ line-height: 40px; font-size: 14px; } .head_floor1{ height: 50px; } .head_floor1_left a img{ height: 30px; } .wechat img{ height: 40px; } .telephone img{ width: 30px; height: 30px; } .telephone{ font-size: 20px; } .language img{ width: 16px; height: 16px; } .language{ font-size: 14px; } .nav_item ul{ top: 40px; } .head_floor1_right li{ height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .nav_item ul a { color: #333; font-size: 13px; line-height: 20px; transition: all ease .5s; display: block; height: 40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; padding: 0 10px; box-sizing: border-box; } .language_into{ top: 50px; } .foot1_left{ padding: 20px 50px; } .foot2{ padding: 15px 20px; } .foot1_right{ padding: 50px; } .web_map{ width: 60%; } .web_map_item_title{ font-size: 15px; margin-bottom: 20px; } .web_map_item li a{ font-size: 13px; } .web_map_item li{ margin-bottom: 15px; } .serve p{ font-size: 15px; } .serve_phone span{ font-size: 18px; } .address span{ font-size: 13px; } .serve{ width: 30% } .head{ display: none; } /* 灏哄鏂板鏍峰紡2 */ .foot1_left{ padding: 20px; } .foot1_left_left{ width:50%; } .foot1_logo img{ height: 30px; } .foot1_right { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; padding: 20px; } .web_map{ width: 100%; margin-bottom: 30px; } .serve{ width: 100%; } .foot2_content p{ width: 80%; } /* 绉诲姩绔叡鐢ㄥ鑸 */ .mobileHeader { -moz-box-shadow: 0px 2px 6px rgba(0,0,0,.6); -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.6); box-shadow: 0px 2px 6px rgba(0,0,0,.6); } .app-nav { -moz-box-shadow: 0px 2px 10px rgba(0,0,0,.8); -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,.8); box-shadow: 0px 2px 10px rgba(0,0,0,.8); } .mobileHeader{ display: block; } .app-nav{ display: block; } .mobileHeader{ position: fixed; background: #FFFFFF; top: 0; left: 0; width: 100%; z-index: 200; } .mobileHeader-content{ height: 50px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } #headSHBtn{ width: 36px; height: 34px; margin-right: 10px; background: #333; border-radius:3px; padding: 5px; box-sizing: border-box; } #headSHBtn img{ display: none; width: 100%; height: 100%; border-radius:3px; } #headSHBtn .active{ display: block; } .login-mobile{ width: 150px; height: 34px; margin-left: 10px; } .login-mobile img{ /* width: 100%; */ height: 100%; } .content{ width: 100%; overflow: hidden; } .mobileHeader-into{ position: relative; } .app-nav{ display: block; position: fixed; width: 100%; left: 0; top: -1500px; background: #1a1a1a; transition: all ease .5s; z-index: 100; padding: 30px 0 50px 0; box-sizing: border-box; } .app-nav-active{ top: 50px; } .app-nav-item{ } .app-nav-item a{ display: block; font-size: 16px; color: #999; text-align: center; line-height: 40px; } .appMask{ background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; display: none; } .appMask-active{ display: block; } .mobileHeader-content-right{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; */ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .change_lag_mobile{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; */ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; margin-right: 20px; } .change_lag_mobile a{ font-size: 20px; color: rgba(87, 151, 245, .8); } .change_chinese_mobile{ display: none; } .app-nav{ padding: 0; background: #222; } .app-nav-item{ border-bottom: 1px solid rgba(255,255,255,0.2) } .app-nav-item:nth-last-of-type(1){ border-bottom: none; } .app-nav-item a{ font-size: 14px; text-align: left; padding-left: 20px; box-sizing: border-box; line-height: 50px; } .app-nav-item-into{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; /* border-bottom: 1px solid rgba(255,255,255,0.2); */ } .app-nav-item-into .app-nav-item-open{ width: 50px; height: 50px; border-left: 1px solid rgba(255,255,255,0.2); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .app-nav-item-into .app-nav-item-open i{ font-size: 14px; color: rgba(255,255,255,0.8); transition: all ease .5s; } .app-nav-item-into .app-nav-item-open-active i{ transform: rotate(90deg); } .app-nav-item ul li{ background: #333; border-bottom: 1px solid rgba(255,255,255,0.2); } .app-nav-item ul li:nth-of-type(1){ border-top: 1px solid rgba(255,255,255,0.2); } .app-nav-item ul li:nth-last-of-type(1){ border-bottom: none; } .app-nav-item ul{ height: 0; overflow: hidden; transition: all ease-out .5s; } .app-nav-item a{ color: rgba(255,255,255,0.8) } /* 绉诲姩绔叡鐢ㄥ鑸?end */ body{ padding-top: 50px; box-sizing: border-box; } .page_banner .content{ padding: 0 20px; box-sizing: border-box; } .page_banner_text h3{ font-size: 26px } .page_banner_text h4{ font-size: 22px; line-height: 30px; } .crumbs .content{ padding: 0 10px; box-sizing: border-box; } .page_content{ padding: 0 10px; box-sizing: border-box; } .page_banner{ height: 300px; } .page{ -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; width: 100%!important; } .page ul{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; /* width: 100%; */ } .page ul li{ margin: 0 2px!important; } /*.page ul li a{ height: 25px!important; height: 25px!important; }*/ .wechat_img { position: absolute; left: 30px; top: -18px; width: 60px; height: 60px; /* overflow: hidden; */ transition: all ease .5s; /* display: none; */ } .web_map{ width: 100%!important; flex-wrap: wrap; } /* .foot1_right { padding: 40px 20px; } */ .web_map .web_map_item{ padding: 0; border: none; width: 50%; margin-bottom: 30px; } .content_nav_ul>li>a{ height: 50px!important; } }