.gg_txt_down {font-size: 22px;word-break:break-all} @media screen and (max-width: 1200px) { .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .gg_txt{ width:100%; height:90px; /*line-height:70px;*/ background:#fff; margin-top:40px; text-align:center; color:#FFFFFF; font-weight:bold; background-image: url(../images/gg01.png); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%; font-size:14px; } .gg_txt .gg_txt_top {font-size: 18px;word-break:break-all} .gg_txt .gg_txt_down {font-size: 10px;word-break:break-all} .line_name{ width:100%; height:50px; font-size:20px; text-align: center; line-height:65px; color:#007bc2; font-weight:bold; } .line_en { width:100%; height:20px; font-size:16px; text-align: center; color:#8d8d8d; } .line{ width:100%; height:30px;text-align: center;} .line img { width:100%; } .hd { width:100%;text-align:center;} .bd {width:100%;height:100%; margin-top:25px; } .product_fl{background:#007bc2; height:40px; color:#FFFFFF; text-align:center; line-height:40px; display:inline-block; font-size:14px; margin-top: 6px;padding: 0 15px;} .bg_04 {width:100%; height:60px; background-image: url(../images/bg8.png); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;} .bg_04_left{ float:left; width:50%; } .bg_04_left_content{ width:97%; text-align:right; font-size:12px; color:#fff;} .bg_04_right{float: right; width:50%; } .bg_04_right_img{width:15px;float:left; margin-top:20px; margin-left:10px; } .bg_04_right_content{width:70%; float:left; font-size:13px; color:#fff; margin-left:10px; } .line_box01 { width:100%; height:100px; margin-top:30px; } .line_box02 { width:100%; height:100px; margin-top:30px;} .line_box03 { width:100%; height:100px; padding-top:30px; } .line_box04 { width:100%; height:100px; padding-top:10px; padding-bottom: 20px;} .line_box05 { width:100%; height:100px; padding-top:15px;} } @media screen and (min-width: 1200px) { .swiper-pagination-bullet { width: 13px; height: 13px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; } .swiper-pagination-bullet-active { opacity: 1; background: #007bc2; } .gg_txt{ width:100%; height:150px; background:#fff; margin-top:40px; text-align:center; font-size:40px; color:#FFFFFF; font-weight:bold; background-image: url(../images/gg01.png); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;} .line_name{ width:100%; height:50px; font-size:35px; text-align: center; line-height:65px; color:#007bc2; font-weight:bold; } .line_en { width:100%; height:32px; font-size:24px; text-align: center; color:#8d8d8d; } .line{ width:100%; height:30px;text-align: center;} .line img { width:700px; } .hd { width:100%;text-align:center; margin-top:25px;} .bd {width:100%;height:100%; margin-top:25px; } .product_fl{ background:#007bc2; height:40px; color:#FFFFFF; text-align:center; line-height:40px; display:inline-block; font-size:16px; margin-top: 5px;padding: 0 15px; } .product_fl:hover{background: #00629b;} .bg_04 {width:100%; height:150px; background-image: url(../images/bg8.png); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;} .bg_04_left{ float:left; width:50%; } .bg_04_left_content{ width:97%; text-align:right; font-size:28px; color:#fff; line-height:45px; } .bg_04_right{float: right; width:50%; } .bg_04_right_img{width:7%;float:left; margin-top:40px; margin-left:20px; } .bg_04_right_content{width:85%; float:left; font-size:28px; color:#fff; margin-top:10px; margin-left:10px; line-height:35px; } .line_box01 { width:100%; height:150px; margin-top:50px; } .line_box02 { width:100%; height:100px; margin-top:50px; } .line_box03 { width:100%; height:100px; padding-top:100px; } .line_box04 { width:100%; height:100px; padding-top:40px; padding-bottom: 40px;} .line_box05 { width:100%; height:100px; padding-top:70px;} body { margin:0; padding:0; } ul{ padding:0; margin: 0;} li { list-style: none;} a{ text-decoration:none; } .zs_button{ width:150px; margin:0 auto; height:50px; line-height:50px; background:#007bc2; color:#fff; text-align:center; border-radius:8px; } .zs_m_button{ width:100px; margin:0 auto; height:35px; line-height:35px; background:#007bc2; color:#fff; text-align:center; border-radius:8px; font-size:14px; } } .phone { display: none; } @media screen and (max-width: 1024px){ .bottom ul li { float: left; width: 23%; margin: 0 0 0 2%; text-align: center; } .botm { position: fixed; bottom: 0; left: 0; width: 100%; height: 5em; background: #fab200; } .phone { display: block; } .bottom ul li img { height: 2em; } .bottom ul li img { height: 2em; } }