.header>.flex { width: 100%; justify-content: space-between; padding: 0 5%; } .header_right { width: auto; } .header_right>div { margin-right: 10px; } .header_right>div:last-child { margin-right: 0; } .index_pro .container { width: 100%; padding: 0 5%; } .index_pro .container .left { width: 40%; } .index_pro .container .right { width: 60%; } .index_sche .container { width: 100%; padding: 0 5%; } .index_about .container { width: 70%; padding: 0 5%; margin-left:10px; } .index_about { padding: 258px 0 0; } .index_about .text p:first-child { width: 89%; } .index_about .text p:nth-child(2) { width: 89%; } .index_about .text p:nth-child(3) { width: 89%; } .index_about .text p:nth-child(4) { width: 89%; } .index_new { padding: 280px 0 50px; } .index_new .container { width: 100%; padding: 0 5%; } .footer .container { width: 100%; padding: 0 5%; } .footer .container>p { font-size: 12px; } .about_container { width: 100%; padding: 0 5%; } .about_box { width: 100%; padding: 0 5%; } .about_box .right .top { padding: 0 30px; } .about_box .right .top .text { font-size: 14px; } .about_box .right .bot { justify-content: space-between; } .about_box .right .bot .left_right { margin: 0; } .about_box .right .bot .left_right img { width: 70px; } .about_box .right .bot span { font-size: 18px; } .about_box .right .top .title { font-size: 40px; } .about_box .right .top .less { margin: 10px 0; } .about_text { width: 100%; padding: 0 5%; } .about_text .text_list .one .box .en { margin: 10px 0 10px; } .about_text .text_list .one .box .text p { line-height: 24px; } .about_text .text_list .one .box { padding: 30px; } } @media(max-width:1366px) { .menu>li { margin: 0 10px; } } @media(max-width:799px) { .pc { display: none; } .mb { display: block; } .bg1 { background: none; margin: 0; } /* .index_sche{ background: #294A6D; } */ .bg2 { background-color: #294A6D; background-image: url(../image/home_bg_06.jpg); background-position: right bottom; } .index_pro .container .right { width: 100%; justify-content: space-between; } .index_pro .container .right li a>div { padding: 20px 0; } .index_pro .container .right li:hover { border-bottom: 1px solid #ddd; } .index_pro .container .right li:nth-child(n+4):hover { border-bottom: 1px solid transparent; } .index_pro .container .right li:last-child:hover { border-right: 1px solid transparent; } .index_sche { padding: 50px 0; height: auto; } .index_sche .container>h1, .index_sche .container>p { text-align: center; } .mb .shceme { margin-top: 30px; display: flex; justify-content: space-between; } .mb .shceme .one { width: 100%; } .mb .shceme .img { display: flex; align-items: center; justify-content: center; width: 100%; } .mb .shceme .img img { width: 100%; } .mb .shceme .nor { background: #fff; padding: 10px; position: relative; margin-top:-125px; opacity: 0.8; min-height: 125px; height:auto; } .mb .shceme .nor .title { font-size: 24px; font-weight: bold; color: #000; text-align: center; } .mb .shceme .nor .content { font-size: 16px; margin-top: 10px; color: #333; } .index_about { padding: 0 0 0 0; } .index_new { padding: 0 0 50px 0; } .index_new .new_menu li a { font-size: 18px; } .pageTitle .container { width: 100%; padding: 0 5%; } .pro_list .container { width: 100%; padding: 0 5%; } .banner { margin-bottom: 30px; } .pageTitle { padding: 0; border: 0; } .pageTitle .container .left { font-size: 24px; } .pro_list .title .top { margin-bottom: 20px; padding: 10px 20px; border-radius: 25px; color: #fff; background: #294A6D; margin-top: 5px; } .pro_list .container ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .pro_list .container ul li { width: 48%; margin-bottom: 20px; } .pro_list .container ul li .img { background: #fff; display: flex; align-items: center; justify-content: center; flex: 1; } .pro_list .container ul li .img img { max-width: 100%; } .pro_list .little { text-align: center; color: #294A6D; margin: 10px 0; font-size: 16px; } .pro_list .container .title { font-size: 14px; text-align: center; } .pro_list .one { padding: 30px 0; } .pro_list .one:nth-child(2n) { background: #fff; } .pro_list .one:nth-child(2n-1) { background: #f2f2f2; } .pro_list .one .container .list_more { background: #fff; color: #000; width: 100%; text-align: center; padding: 10px 0; border-radius: 30px; } .pro_list .one:nth-child(2n) .container .list_more { background: #f7f7f7; } .new_list_container { width: 100%; padding: 0 5%; flex-wrap: wrap; margin-top: 30px; } .new_list_container>ul { width: 100%; } .new_list_container .new_list { width: 100%; } .mb .new_list img { height: auto !important; width: 100%; } .mb_new_menu { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; } .mb_new_menu li { width: 30%; margin-bottom: 20px; } .mb_new_menu li a { padding: 10px 0; display: flex; align-items: center; justify-content: center; width: 100%; background: #f7f7f7; border-radius: 10px; font-size: 14px; } .contact_list { padding: 0 5%; margin-top: 0; } .contact_list .one .container { flex-wrap: wrap; margin-bottom: 20px; } .contact_list .one .container>div { width: 100%; } .contact_list .one .container .left { padding: 5%; line-height: 30px; } .contact_list .one .container .left .title { font-size: 20px; font-weight: bold; } .contact_list .one .container .left .line { width: 100%; height: 1px; background: #ddd; margin: 10px 0; } .pageTitle .new_title { font-size: 30px; margin: 0 0 30px 0; margin-top: 70px; } .new_detail { width: 100%; padding: 0 5%; } .new_detail img { max-width: 100%; /*height: 100% !important;*/ width: 100% !important; } .pro_img_container { /*height: 400px;*/ padding: 30px 5% 20px; border-bottom: 1px solid #ddd; } .pro_img_container .swiper-container { height: 100%; width: 100%; } .pro_img_container .swiper-container .swiper-slide { height: 100%; width: 100%; } .pro_img_container .img { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .pro_img_container .img img { max-width: 100%; max-height: 100%; } .mb_pro_text { width: 100%; padding: 0 5% 20px; } .mb_pro_text .title { font-size: 20px; margin-bottom: 10px; } .mb_pro_text .less { font-size: 12px; margin-bottom: 10px; color: #666; } .mb_pro_text .robot { display: flex; align-items: center; font-size: 18px; font-weight: bold; margin-bottom: 10px; } .mb_pro_text .line { width: 100%; height: 1px; background: #ddd; position: relative; margin-bottom: 15px; } .mb_pro_text .short { width: 100px; height: 3px; background: #294A6D; position: absolute; top: -1px; left: 0; } .mb_pro_text .content { font-size: 16px; color: #333; } .mb_pro_detail { width: 100%; padding: 0 0 20px; background: #fff; } .mb_pro_detail .mb_floor { padding: 0 5%; /*border-bottom: 1px solid #ddd;*/ } .mb_pro_detail .mb_floor:last-child { border: 0; } .mb_pro_detail .mb_floor .floor_name { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; font-size: 16px; padding: 10px 20px; border-radius: 25px; color: #fff; background: #294A6D; margin-top:5px; } .mb_pro_detail .mb_floor .floor_name .down { display: block; } .mb_pro_detail .mb_floor .floor_name .up { display: none; } .mb_pro_detail .mb_floor .floor_name.active .down { display: none; } .mb_pro_detail .mb_floor .floor_name.active .up { display: block; } .mb_pro_detail .mb_floor .floor_content { padding: 10px 0; /*border-top: 1px solid #ddd;*/ display: none; } .mb_pro_detail .mb_floor .floor_content img { max-width: 100%; height: auto !important; } .pro_list.text>.img { display: flex; align-items: center; justify-content: center; padding: 0 5%; margin: 30px 0; } .pro_list.text>.img img { max-width: 100%; } .about_image_container { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 5%; } .about_image_container .img { width: 48%; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; } .about_image_container .img img { width: 100%; } .about_image { margin: 50px 0 30px; } .about_box { flex-wrap: wrap; } .about_box>div { width: 100%; } .about_box .right .top { padding: 0; } .about_container .title { text-align: center; font-size: 30px; } .about_box .right .top .title { text-align: center; font-size: 30px; } .about_container .less { text-align: center; font-size: 20px; } .about_box .right .top .less { text-align: center; font-size: 20px; } .about_box .right .bot { justify-content: center; padding-bottom: 20px; margin-top: 20px; } .about_box .right .bot span { font-size: 20px; } .about_text .title { text-align: center; font-size: 30px; } .about_text .less { text-align: center; font-size: 20px; } .about_text .text_list .one { width: 100%; } .about_box .swiper-slide { display: flex; align-items: center; justify-content: center; } .about_box .left { margin-bottom: 20px; } .mb .searchContainer { width: 100%; padding: 0 5%; } } @media(max-width:1023px) { .index_new .new_list li { width: 100%; } .footer .container .flex { padding: 0; } .menu>li>a { font-size: 14px; } .menu { width: 608px; } .logo { width: calc(100% - 628px); } .index_new .new_menu li a { font-size: 12px; } .index_new .more_btn { margin-top: 30px; } .widthNone { display: none !important; } .footer { background-position: center bottom; } .footer .container a.title { font-size: 20px; } .new_list_container .new_list>li a .right { width: 150px; } } @media(max-width:414px) { .menu { display: none; } .logo { width: auto; } .mb_menu { display: block; } .mb_menu img { max-width: 100%; } .banner { margin-bottom: 0; margin-top: 90px; } .mb_menu_block { padding: 0 5% 20px; /* background: #294A6D; */ } .mb_menu_block li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .mb_menu_block li:last-child { margin: 0; } .mb_menu_block li a { /* color: #fff; */ } h1.center { margin-bottom: 10px; } .index_pro { padding: 20px 0; } .index_pro .container .right li { width: 48%; border: 0; height: auto; background: #FBFBFB; border: 1px solid #ddd !important; margin-bottom: 20px; } .mb_pro { display: flex; padding: 5%; background: #FBFBFB; border: 1px solid #ddd; margin-bottom: 20px; } .mb_pro>div { width: 50%; } .mb_pro .flex { align-items: center; justify-content: center; } .mb_pro>div img { max-width: 100%; } .mb_pro .text { padding: 10px 0 0 10px; } .mb_pro .text .title { font-size: 16px; font-weight: bold; color: #000; margin-bottom: 10px; } .mb_pro .text .less { font-size: 14px; color: #333; margin-bottom: 20px; } .index_pro .container .right li a>div { text-align: center; padding: 20px; } .index_pro .container .right li a>div .title { margin-top: 10px; } .index_pro .container .right li a>div .content { font-size: 12px; margin-top: 10px; } .mb .shceme .one { width: 100%; margin-bottom: 20px; } .mb .shceme { flex-wrap: wrap; } .index_sche .container>h1 { font-size: 24px; } .index_sche .container>p { margin-top: 10px; font-size: 20px; } .index_new .new_menu { margin: 30px 0; background: #fff; height: auto; padding: 0; } .index_new .new_menu .container { flex-wrap: wrap; justify-content: space-between; } .index_new .new_menu li { background: #F7F7F7; width: 30%; padding: 10px 0 0 0; height: auto; margin-bottom: 20px; border-right: 10px; } .index_new .new_menu li:nth-child(n+4) { margin: 0; } .index_new .new_menu li a { color: #000; } .index_new .new_list li a .img { height: 100px; width: 100px; } .index_new .new_list li a .text .title { font-size: 14px; margin-bottom: 5px; } .index_new .new_list li a .text .content { font-size: 12px; } .index_new .new_list li a .text { padding: 10px; } .index_new .more_btn { display: none; } .footer { padding: 30px; background: #294A6D; } .footer ul li, .footer .container .flex { margin: 0; align-items: flex-end; } .footer ul li a { display: none; } .footer .container a.title { display: block; font-size: 14px; font-weight: normal; } .footer .container ul:last-child a.title { padding: 0; border: 0; } .footer .container .flex>span { display: block; } .footer .container>img { margin-bottom: 20px; } .footer .nor { display: none; } .footer .less { display: block; text-align: center; margin-top: 20px; } .footer .container>img { max-width: 100%; } .new_list_container .new_list>li a .right { display: none; } .new_list_container .new_list>li a .img { width: 100px; height: 100px; } .new_list_container .new_list>li a .text { margin: 10px 0 10px 10px; border-right: 0; padding: 0 20px 0 0; } .new_list_container .new_list>li a .text .title { font-size: 16px; margin: 0; } .new_list_container .new_list>li a .text .content { font-size: 14px; -webkit-line-clamp: 2; } .about_box .right .bot { font-size: 12px; } .about_text .text_list .one .box { padding: 10px 10px 0; } .about_text .text_list .one .box .name { font-size: 16px; } .about_text .text_list .one .box .en { font-size: 14px; margin: 0; } .about_text .text_list .one .box .text p { font-size: 12px; line-height: 16px; } .mb_search { display: flex; align-items: center; justify-content: space-between; background: #F7F7F7; border-radius: 5px; padding: 10px; margin-bottom: 10px; } .mb_search img { height: 20px; } .mb_search input { width: 150px; height: 30px; line-height: 30px; font-size: 14px; background: transparent; border: 0; } .mb_search input:focus { outline: none; } .mb_search span { display: flex; align-items: center; justify-content: center; width: 40px; height: 30px; background: #fff; border-radius: 5px; font-size: 14px; cursor: pointer; color: #000; } .regLog { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .regLog .right img { height: 25px; margin-left: 10px; } .regLog .blackBox { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: none; z-index: 997; } .regLog #mb_register, .regLog #mb_login { cursor: pointer; } .regLog #mb_regBox, .regLog #mb_logBox { display: none; width: 300px; position: fixed; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 999; background: #fff; border-radius: 10px; } .regLog #mb_regBox { height: 310px; } .regLog #mb_logBox { height: 260px; } .regLog>div .close { position: absolute; top: -50px; cursor: pointer; right: 0; } .regLog>div .title { font-size: 30px; line-height: 80px; text-align: center; color: #294A6D; font-weight: bold; } .regLog>div .one { display: flex; width: 240px; margin: 0 auto 10px; height: 40px; border-radius: 20px; padding: 0 20px; align-items: center; justify-content: space-between; background: #F0F4F8; } .regLog>div .one img { padding-right: 10px; border-right: 2px solid #294A6D; margin-right: 10px; } .regLog>div .one input { width: 100%; color: #000; height: 30px; font-size: 16px; line-height: 30px; border: 0; background: transparent; } .regLog>div .one input:focus { outline: none; } .regLog>div .btn { width: 240px; height: 40px; text-align: center; border-radius: 20px; font-size: 20px; line-height: 40px; margin: 10px auto 10px; color: #fff; background: #294A6D; cursor: pointer; } .regLog>div .less { font-size: 12px; color: #aaa; cursor: pointer; text-align: center; } .list_nav ul li a, .list_nav ul li span { padding: 5px 10px; } .bg1 { margin-top: 30px; } .pageTitle { margin-top: 30px; } .about_container { margin-top: 30px; } .pro_list { margin-top: 30px; } .title_en { margin-top: 30px; } .new_list .table .td { font-size: 12px; } } @media (max-width:640px){ .pro_list img { height: 100% !important; width: 100% !important; } .index_about .container { width: 100%; padding: 0 5%; margin-left:10px; } }