:root { --swiper-theme-color: #0d1659; } .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #f7f7f7; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-container .swiper-slide a{ display: block; width: 100%; height: 100%; } .swiper-container .swiper-slide img{ width: 100%; height: 100%; } .view_more{ width: 190px; height: 60px; line-height: 60px; border-radius: 6px; background-color: #0d1659; color: #fff; padding-left: 40px; font-size: 14px; cursor:pointer; } .view_more img{ margin-left: 30px; } @media screen and (min-width:992px) and (max-width:1400px){ .view_more{ width: 117.8px; height: 37.2px; line-height: 37.2px; border-radius: 6px; background-color: #0d1659; color: #fff; padding-left: 24.8px; font-size: 9px; cursor:pointer; } .view_more img{ margin-left: 10px; } } body{ background-color: #f7f7f7; } .animation_left{ animation: 1s fadeInLeft; } .animation_right{ animation: 1s fadeInRight; } .animation_enlarge{ animation: 1s enlarge; } .animation_toShow{ animation: 2s toShow; } .animation_fadeInUpLeft{ animation: 1s fadeInUpLeft; } .banner{ display: block; width: 100%; height: 43.75vw; overflow: hidden; } /*顶部导航*/ @media (max-width: 768px){ #top{ width: 100%; margin: 0 auto; height: 85px; clear: both; z-index: 999; position: relative; padding: 0 3%; overflow: unset; } .top_left{ float: left; width: 259px; height: 45px; margin: 20px auto; } .top_left img{ width: 100%; height: 100%; } .top_search{ display: none; } .top_btn{ display: block; line-height: 85px; float: right; margin-right: 0; } .top_right{ position: absolute; top: 85px; left: 0; width: 100%; height: 400px; filter: alpha(opacity=50); /* IE的透明度 */ opacity: 0.9; /* 透明度 */ background-color: #fff; display: none; } .top_right .nav_list{ margin: 0 3%; height: auto; } .top_right .nav_list li{ width: 129px; height: 63px; line-height: 63px; padding: 0 5px; position: relative; } .top_right .nav_list li a{ padding-bottom: 15px; font-size: 16px; color: #666; } .top_right .nav_list li a:hover{ color: #0d1659; } .top_right .nav_list li ul{ display: none; max-width: 120px; line-height: 20px; overflow: hidden; white-space:nowrap; background-color: #fff; position: absolute; top: 14px; left: 129px; } .top_right .nav_list li ul li{ height: 30px; line-height: 30px; width: 110px; overflow: hidden; white-space:nowrap; } .top_right .nav_list li ul li a{ padding-bottom: auto; font-size: 14px; color: #0d1659; } .top_right .nav_list li:hover a{ border-bottom: 3px solid #0d1659; } .top_right .nav_list li:hover ul li a{ border-bottom: none; } .top_right .nav_list li:hover ul{ display: block; } .banner{ display: block; width: 100%; height: 43.75vw; overflow: hidden; } /* .programme_padd{ max-width: 1760px; margin: 0 auto; margin-top: 100px; height: 740px; } .programme{ width: 1760px; clear: both; float: left; height: 100%; } .programme_left{ width: 100%; height: 100%; } .programme_left p{ font-size: 50px; color: #333; } .programme_left li{ font-size: 20px; width: 318px; height: 100px; line-height: 100px; border-bottom: 1px solid #a1a1a1; color: #666; word-break:break-all; overflow: hidden; } .programme_left li:last-child{ border-bottom:none; } .programme_left .view_more{ position: absolute; top: 0; right: 0; } .programme_text{ height: 100px; line-height: 100px; } .programme_line{ width: 50px; height: 2px; margin: 49px auto; float: right; background-color: #0d1659; margin-left: 10px; display: none; } .programme_left li.programme_color .programme_text{ color: #0d1659; } .programme_left li.programme_color .programme_line{ display: block; } .programme_right{ float: left; width: 1185px; height: 100%; !*overflow: hidden;*! } .programme_right ul li{ display: none; width: 100%; height: 100%; border-bottom: 1px solid #cccccc; position: relative; padding-bottom: 75px; } .programme_right_img1{ width: 1125px; height: 658px; } .programme_right_img1 p{ position: absolute; top: 555px; left: 30px; font-size: 25px; color: #333333; } .programme_right_img1 b{ position: absolute; top: 595px; left: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 900px; color: #666666; } .programme_right_img1 img{ width: 100%; height: 100%; display: block; } .programme_right ul li .programme_right_img2{ position: absolute; right: -160px; top: 0; border-bottom: 1px solid #cccccc; padding-bottom: 75px; display: none; } .programme_right ul li:first-child .programme_right_bottom{ position: absolute; left: 0; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; } .programme_right ul li:nth-child(2) .programme_right_bottom{ position: absolute; left: 269px; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; } .programme_right ul li:nth-child(3) .programme_right_bottom{ position: absolute; left: 538px; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; } .programme_right ul li:nth-child(4) .programme_right_bottom{ position: absolute; left: 807px; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; } .programme_right ul li:nth-child(5) .programme_right_bottom{ position: absolute; left: 1079px; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; }*/ } @media screen and (min-width:768px) and (max-width:992px){ #top{ width: 100%; margin: 0 auto; height: 105px; clear: both; z-index: 999; position: relative; padding: 0 3%; overflow: unset; animation: 1s fadeInLeft; } .top_left{ float: left; width: 362px; height: 63px; margin: 21px auto; } .top_left img{ width: 100%; height: 100%; } .top_search{ float: right; height: 55px; line-height: 55px; margin: 15px auto; position: relative; } .top_search input{ height: 31px; line-height: 31px; border-radius: 6px; border: 1px solid #0d1659; padding-left: 6px; padding-right: 20px; margin: 15px auto; width: 180px; } .top_search img{ position: absolute; right:2px; top: 22px; } #search_input{ display: none; } .top_search:hover #search_input{ display: block; } .top_btn{ display: block; line-height: 85px; float: right; margin-right: 30px; } .top_right{ position: absolute; top: 85px; left: 0; width: 100%; height: 400px; filter: alpha(opacity=50); /* IE的透明度 */ opacity: 0.9; /* 透明度 */ background-color: #fff; display: none; } .top_right .nav_list{ margin: 0 3%; height: auto; } .top_right .nav_list li{ width: 129px; height: 63px; line-height: 63px; padding: 0 5px; position: relative; } .top_right .nav_list li a{ padding-bottom: 15px; font-size: 16px; color: #666; } .top_right .nav_list li a:hover{ color: #0d1659; } .top_right .nav_list li ul{ display: none; max-width: 120px; line-height: 20px; overflow: hidden; white-space:nowrap; background-color: #fff; position: absolute; top: 14px; left: 129px; } .top_right .nav_list li ul li{ height: 30px; line-height: 30px; width: 110px; overflow: hidden; white-space:nowrap; } .top_right .nav_list li ul li a{ padding-bottom: auto; font-size: 14px; color: #0d1659; } .top_right .nav_list li:hover a{ border-bottom: 3px solid #0d1659; } .top_right .nav_list li:hover ul li a{ border-bottom: none; } .top_right .nav_list li:hover ul{ display: block; } /* .banner{ display: block; width: 100vw; height: 43.75vw; overflow: hidden; }*/ } @media screen and (min-width:992px) and (max-width:1200px){ #top{ width: 100%; margin: 0 auto; height: 105px; clear: both; z-index: 999; position: relative; padding: 0 3%; overflow: unset; animation: 1s fadeInLeft; } .top_left{ float: left; width: 362px; height: 63px; margin: 21px auto; } .top_left img{ width: 100%; height: 100%; } .top_search{ float: right; height: 55px; line-height: 55px; margin: 15px auto; position: relative; } .top_search input{ height: 31px; line-height: 31px; border-radius: 6px; border: 1px solid #0d1659; padding-left: 6px; padding-right: 20px; margin: 15px auto; width: 180px; } .top_search img{ position: absolute; right:2px; top: 22px; } #search_input{ display: none; } .top_search:hover #search_input{ display: block; } .top_btn{ display: block; line-height: 85px; float: right; margin-right: 30px; } .top_right{ position: absolute; top: 85px; left: 0; width: 100%; height: 400px; filter: alpha(opacity=50); /* IE的透明度 */ opacity: 0.9; /* 透明度 */ background-color: #fff; display: none; } .top_right .nav_list{ margin: 0 3%; height: auto; } .top_right .nav_list li{ width: 129px; height: 63px; line-height: 63px; padding: 0 5px; position: relative; } .top_right .nav_list li a{ padding-bottom: 15px; font-size: 16px; color: #666; } .top_right .nav_list li a:hover{ color: #0d1659; } .top_right .nav_list li ul{ display: none; max-width: 120px; line-height: 20px; overflow: hidden; white-space:nowrap; background-color: #fff; position: absolute; top: 14px; left: 129px; } .top_right .nav_list li ul li{ height: 30px; line-height: 30px; width: 110px; overflow: hidden; white-space:nowrap; } .top_right .nav_list li ul li a{ padding-bottom: auto; font-size: 14px; color: #0d1659; } .top_right .nav_list li:hover a{ border-bottom: 3px solid #0d1659; } .top_right .nav_list li:hover ul li a{ border-bottom: none; } .top_right .nav_list li:hover ul{ display: block; } /*.banner{ display: block; width: 100vw; height: 43.75vw; overflow: hidden; }*/ } @media screen and (min-width:1200px) and (max-width:1400px){ #top{ width: 1200px; margin: 0 auto; height: 105px; clear: both; z-index: 999; position: relative; animation: 1s fadeInLeft; padding-right: 15px; padding-left: 15px; } .top_left{ float: left; width: 362px; height: 63px; margin: 21px auto; } .top_left img{ width: 100%; height: 100%; } .top_right{ float: right; width: 630px; display: block; } .top_right .nav_list{ margin: 25px 13px; height: 55px; } .top_right .nav_list li{ float: left; width: 100px; height: 63px; line-height: 63px; padding: 0 5px; position: relative; } .top_right .nav_list li a{ padding-bottom: 15px; font-size: 16px; color: #666; } .top_right .nav_list li a:hover{ color: #0d1659; } .top_right .nav_list li ul{ display: none; /*max-width: 120px;*/ line-height: 20px; /*overflow: hidden;*/ white-space:nowrap; background-color: #fff; position: absolute; top: 63px; left: 0; } .top_right .nav_list li ul li{ height: 30px; line-height: 30px; width: 150px; overflow: hidden; white-space:nowrap; } .top_right .nav_list li ul li a{ padding-bottom: auto; font-size: 12px; } .top_right .nav_list li:hover a{ border-bottom: 3px solid #0d1659; } .top_right .nav_list li:hover ul li a{ border-bottom: none; } .top_right .nav_list li:hover ul{ display: block; } .top_search{ float: right; height: 55px; line-height: 55px; margin: 25px auto; position: relative; } .top_search input{ height: 31px; line-height: 31px; border-radius: 6px; border: 1px solid #0d1659; padding-left: 6px; padding-right: 20px; margin: 15px auto; width: 140px; } .top_search img{ position: absolute; right:2px; top: 22px; } #search_input{ display: none; } .top_search:hover #search_input{ display: block; } .top_btn{ display: none; } } @media screen and (min-width:1400px) and (max-width:1600px){ #top{ width: 1400px; margin: 0 auto; height: 105px; clear: both; z-index: 999; position: relative; animation: 1s fadeInLeft; padding-right: 15px; padding-left: 15px; } .top_left{ float: left; width: 362px; height: 63px; margin: 21px auto; } .top_left img{ width: 100%; height: 100%; } .top_right{ float: right; width: 800px; display: block; } .top_right .nav_list{ margin: 25px 13px; height: 55px; } .top_right .nav_list li{ float: left; width: 129px; height: 63px; line-height: 63px; padding: 0 5px; position: relative; } .top_right .nav_list li a{ padding-bottom: 15px; font-size: 16px; color: #666; } .top_right .nav_list li a:hover{ color: #0d1659; } .top_right .nav_list li ul{ display: none; /*max-width: 120px;*/ line-height: 20px; /*overflow: hidden;*/ white-space:nowrap; background-color: #fff; position: absolute; top: 63px; left: 0; } .top_right .nav_list li ul li{ height: 30px; line-height: 30px; width: 150px; overflow: hidden; white-space:nowrap; } .top_right .nav_list li ul li a{ padding-bottom: auto; font-size: 12px; } .top_right .nav_list li:hover a{ border-bottom: 3px solid #0d1659; } .top_right .nav_list li:hover ul li a{ border-bottom: none; } .top_right .nav_list li:hover ul{ display: block; } .top_search{ float: right; height: 55px; line-height: 55px; margin: 25px auto; position: relative; } .top_search input{ height: 31px; line-height: 31px; border-radius: 6px; border: 1px solid #0d1659; padding-left: 6px; padding-right: 20px; margin: 15px auto; width: 180px; } .top_search img{ position: absolute; right:2px; top: 22px; } #search_input{ display: none; } .top_search:hover #search_input{ display: block; } .top_btn{ display: none; } } @media (min-width:1600px){ #top{ max-width: 1600px; margin: 0 auto; height: 105px; clear: both; z-index: 999; position: relative; animation: 1s fadeInLeft; padding-right: 15px; padding-left: 15px; } .top_left{ float: left; width: 362px; height: 63px; margin: 21px auto; } .top_left img{ width: 100%; height: 100%; } .top_right{ float: right; width: 800px; display: block; } .top_right .nav_list{ margin: 25px 13px; height: 55px; } .top_right .nav_list li{ position: relative; float: left; width: 129px; height: 63px; line-height: 63px; padding: 0 5px; } .top_right .nav_list li a{ padding-bottom: 15px; font-size: 16px; color: #666; } .top_right .nav_list li a:hover{ color: #0d1659; } .top_right .nav_list li ul{ display: none; /*max-width: 120px;*/ line-height: 20px; /*overflow: hidden;*/ white-space:nowrap; background-color: #fff; position: absolute; top: 63px; left: 0; } .top_right .nav_list li ul li{ height: 30px; line-height: 30px; width: 150px; overflow: hidden; white-space:nowrap; } .top_right .nav_list li ul li a{ padding-bottom: auto; font-size: 12px; } .top_right .nav_list li:hover a{ border-bottom: 3px solid #0d1659; } .top_right .nav_list li:hover ul li a{ border-bottom: none; } .top_right .nav_list li:hover ul{ display: block; } .top_search{ float: right; height: 55px; line-height: 55px; margin: 25px auto; position: relative; } .top_search input{ height: 31px; line-height: 31px; border-radius: 6px; border: 1px solid #0d1659; padding-left: 6px; padding-right: 20px; margin: 15px auto; width: 180px; } .top_search img{ position: absolute; right:2px; top: 22px; } #search_input{ display: none; } .top_search:hover #search_input{ display: block; } .top_btn{ display: none; } } /*banner*/ /*方案*/ @media (max-width: 768px){ .programme_padd{ display: none; } .programme_padd_phone{ width: 100%; height: auto; } .programme_padd_phone .programme{ width: 100%; padding: 0 3%; overflow: hidden; } .programme_padd_phone .programme .programme_left{ width: 100%; overflow: hidden; margin-top: 30px; position: relative; } .programme_padd_phone .programme .programme_left p{ font-size: 8vw; line-height: 1.2; color: #333; } .programme_padd_phone .programme .view_more{ width: 26vw; height: 8vw; line-height: 8vw; border-radius: 3px; background-color: #0d1659; color: #fff; font-size: 3vw; cursor:pointer; position: absolute; right: 0; top: 1vw; padding-left: 2vw; } .programme_padd_phone .programme .programme_left .view_more img{ margin-left: 1vw; } .programme_padd_phone .programme .programme_text{ color: #333; font-size: 5vw; line-height: 3; } .programme_padd_phone .programme .programme_line{ height: 1vw; background-color: #0d1659; width: 30vw; margin-bottom: 3vw; } .programme_padd_phone .programme .programme_right_img1{ width: 100%; position: relative; } .programme_padd_phone .programme .programme_right_img1 img{ width: 100%; height: 100%; } .programme_padd_phone .programme .programme_right_img1 p{ position: absolute; left: 0; top: 45vw; font-size: 2vw; line-height: 1.3; -webkit-text-size-adjust: none; max-height: 100%; transform: scale(0.9); text-align: left; } .programme_padd_phone .programme .programme_right_img1 p b{ font-size: 1vw; width: 70vw; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-text-size-adjust: none; max-height: 100%; color: #999; } } @media (max-width: 500px){ .programme_padd_phone .programme .programme_right_img1 p b{ display: -webkit-box;-webkit-line-clamp: 1; } } @media screen and (min-width:768px) and (max-width:992px){ .programme_padd{ display: none; } .programme_padd_phone{ width: 100%; height: auto; } .programme_padd_phone .programme{ width: 100%; padding: 0 3%; overflow: hidden; } .programme_padd_phone .programme .programme_left{ width: 100%; overflow: hidden; margin-top: 30px; position: relative; } .programme_padd_phone .programme .programme_left p{ font-size: 8vw; line-height: 1.2; color: #333; } .programme_padd_phone .programme .view_more{ width: 26vw; height: 8vw; line-height: 8vw; border-radius: 3px; background-color: #0d1659; color: #fff; font-size: 3vw; cursor:pointer; position: absolute; right: 0; top: 1vw; padding-left: 2vw; } .programme_padd_phone .programme .programme_left .view_more img{ margin-left: 1vw; } .programme_padd_phone .programme .programme_text{ color: #333; font-size: 5vw; line-height: 3; } .programme_padd_phone .programme .programme_line{ height: 1vw; background-color: #0d1659; width: 30vw; margin-bottom: 3vw; } .programme_padd_phone .programme .programme_right_img1{ width: 100%; position: relative; } .programme_padd_phone .programme .programme_right_img1 img{ width: 100%; height: 100%; } .programme_padd_phone .programme .programme_right_img1 p{ position: absolute; left: 0; top: 45vw; font-size: 2vw; line-height: 1.3; -webkit-text-size-adjust: none; max-height: 100%; transform: scale(0.9); text-align: left; } .programme_padd_phone .programme .programme_right_img1 p b{ font-size: 1vw; width: 70vw; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-text-size-adjust: none; max-height: 100%; color: #999; } } @media screen and (min-width:992px) and (max-width:1200px){ .programme_padd_phone{ display: none; } .programme_padd{ width: 100%; margin: 0 auto; margin-top: 62px; height: 458.8px; } .programme{ width: 992px; clear: both; height: 100%; margin-right: auto; margin-left: auto; } .programme_left{ width: 257.3px; height: 100%; float: left; display: block; } .programme_left p{ font-size: 31px; color: #333; } .programme_left li{ font-size: 12.4px; width: 197.16px; height: 62px; line-height: 62px; border-bottom: 1px solid #a1a1a1; color: #666; word-break:break-all; overflow: hidden; } .programme_left li:last-child{ border-bottom:none; } .programme_text{ float: left; height: 62px; line-height: 62px; } .programme_line{ width: 31px; height: 2px; margin: 31px auto; float: right; background-color: #0d1659; margin-left: 6.2px; display: none; } .programme_left li.programme_color .programme_text{ color: #0d1659; } .programme_left li.programme_color .programme_line{ display: block; } .programme_right{ float: left; width: 734.7px; height: 100%; /*overflow: hidden;*/ } .programme_right ul li{ width: 100%; height: 100%; border-bottom: 1px solid #cccccc; position: relative; padding-bottom: 46.5px; } .programme_right_img1{ /*width: 1125px;*/ height: 407.96px; } .programme_right_img1 p{ position: absolute; top: 334.1px; left: 18.6px; font-size: 15.5px; color: #333333; } .programme_right_img1 b{ position: absolute; top: 368.9px; left: 18.6px; font-size: 9.92px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 558px; color: #666666; } .programme_right_img1 img{ width: 100%; height: 100%; display: block; } .programme_right ul li .programme_right_img2{ position: absolute; right: -99.2px; top: 0; border-bottom: 1px solid #cccccc; padding-bottom: 46.5px; display: none; } /* .programme_right ul li:first-child .programme_right_bottom{ position: absolute; left: 0; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; } .programme_right ul li:nth-child(2) .programme_right_bottom{ position: absolute; left: 269px; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; } .programme_right ul li:nth-child(3) .programme_right_bottom{ position: absolute; left: 538px; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; } .programme_right ul li:nth-child(4) .programme_right_bottom{ position: absolute; left: 807px; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; } .programme_right ul li:nth-child(5) .programme_right_bottom{ position: absolute; left: 1079px; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; }*/ } @media screen and (min-width:1200px) and (max-width:1400px){ .programme_padd_phone{ display: none; } .programme_padd{ max-width: 1200px; margin: 0 auto; margin-top: 75px; height: 555px; } .programme{ width: 1200px; clear: both; float: left; height: 100%; } .programme_left{ width: 311.25px; height: 100%; float: left; display: block; } .programme_left p{ font-size: 37.5px; color: #333; } .programme_left li{ font-size: 15px; width: 238.5px; height: 75px; line-height: 75px; border-bottom: 1px solid #a1a1a1; color: #666; word-break:break-all; overflow: hidden; } .programme_left li:last-child{ border-bottom:none; } .programme_text{ float: left; height: 75px; line-height: 75px; } .programme_line{ width: 37.5px; height: 2px; margin: 36.75px auto; float: right; background-color: #0d1659; margin-left: 7.5px; display: none; } .programme_left li.programme_color .programme_text{ color: #0d1659; } .programme_left li.programme_color .programme_line{ display: block; } .programme_right{ float: left; width: 888.75px; height: 100%; /*overflow: hidden;*/ } .programme_right ul li{ width: 100%; height: 100%; border-bottom: 1px solid #cccccc; position: relative; padding-bottom: 56.25px; } .programme_right_img1{ /*width: 1125px;*/ height: 493.5px; } .programme_right_img1 p{ position: absolute; top: 416.25px; left: 22.5px; font-size: 18.75px; color: #333333; } .programme_right_img1 b{ position: absolute; top: 455px; left: 22.5px; font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 675px; color: #515052; } .programme_right_img1 img{ width: 100%; height: 100%; display: block; } .programme_right ul li .programme_right_img2{ position: absolute; right: -120px; top: 0; border-bottom: 1px solid #cccccc; padding-bottom: 56.25px; } } @media screen and (min-width:1400px) and (max-width:1600px){ .programme_padd_phone{ display: none; } .programme_padd{ width: 100%; margin: 0 auto; margin-top: 87.5px; height: 647.5px; } .programme{ width: 1400px; margin: 0 auto; clear: both; height: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .programme_left{ width: 415px; height: 100%; float: left; display: block; } .programme_left p{ font-size: 50px; color: #333; } .programme_left li{ font-size: 20px; width: 318px; height: 87.5px; line-height: 87.5px; border-bottom: 1px solid #a1a1a1; color: #666; word-break:break-all; overflow: hidden; } .programme_left li:last-child{ border-bottom:none; } .programme_text{ float: left; height: 87.5px; line-height: 87.5px; } .programme_line{ width: 43.75px; height: 2px; margin: 49px auto; float: right; background-color: #0d1659; margin-left: 10px; display: none; } .programme_left li.programme_color .programme_text{ color: #0d1659; } .programme_left li.programme_color .programme_line{ display: block; } .programme_right_swp{ float: left; width: 955px; } .programme_right{ float: left; width: 935px; height: 100%; /*overflow: hidden;*/ } .programme_right ul li{ width: 100%; height: 100%; border-bottom: 1px solid #cccccc; position: relative; padding-bottom: 65px; } .programme_right_img1{ /*width: 1125px;*/ height: 530px; } .programme_right_img1 p{ position: absolute; top: 447px; left: 30px; font-size: 25px; color: #333333; } .programme_right_img1 b{ position: absolute; top: 479.5px; left: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 725px; color: #666666; } .programme_right_img1 img{ width: 100%; height: 100%; display: block; } .programme_right ul li .programme_right_img2{ position: absolute; right: -129px; top: 0; border-bottom: 1px solid #cccccc; padding-bottom: 60.4px; display: none; } /* .programme_right ul li:first-child .programme_right_bottom{ position: absolute; left: 0; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; } .programme_right ul li:nth-child(2) .programme_right_bottom{ position: absolute; left: 269px; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; } .programme_right ul li:nth-child(3) .programme_right_bottom{ position: absolute; left: 538px; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; } .programme_right ul li:nth-child(4) .programme_right_bottom{ position: absolute; left: 807px; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; } .programme_right ul li:nth-child(5) .programme_right_bottom{ position: absolute; left: 1079px; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; }*/ } @media (min-width: 1600px){ .programme_padd_phone{ display: none; } .programme_padd{ max-width: 1600px; margin: 0 auto; margin-top: 100px; height: 740px; } .programme{ width: 1600px; clear: both; float: left; height: 100%; } .programme_left{ width: 415px; height: 100%; float: left; display: block; } .programme_left p{ font-size: 50px; color: #333; } .programme_left li{ font-size: 20px; width: 318px; height: 100px; line-height: 100px; border-bottom: 1px solid #a1a1a1; color: #666; word-break:break-all; overflow: hidden; } .programme_left li:last-child{ border-bottom:none; } .programme_text{ float: left; height: 100px; line-height: 100px; } .programme_line{ width: 50px; height: 2px; margin: 49px auto; float: right; background-color: #0d1659; margin-left: 10px; display: none; } .programme_left li.programme_color .programme_text{ color: #0d1659; } .programme_left li.programme_color .programme_line{ display: block; } .programme_right{ float: left; width: 1185px; height: 100%; /*overflow: hidden;*/ } .programme_right ul li{ width: 100%; height: 100%; border-bottom: 1px solid #cccccc; position: relative; padding-bottom: 75px; } .programme_right_img1{ /*width: 1125px;*/ height: 658px; } .programme_right_img1 p{ position: absolute; top: 555px; left: 30px; font-size: 25px; color: #333333; } .programme_right_img1 b{ position: absolute; top: 595px; left: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 900px; color: #666666; } .programme_right_img1 img{ width: 100%; height: 100%; display: block; } .programme_right ul li .programme_right_img2{ position: absolute; right: -160px; top: 0; border-bottom: 1px solid #cccccc; padding-bottom: 75px; } /* .programme_right ul li:first-child .programme_right_bottom{ position: absolute; left: 0; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; } .programme_right ul li:nth-child(2) .programme_right_bottom{ position: absolute; left: 269px; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; } .programme_right ul li:nth-child(3) .programme_right_bottom{ position: absolute; left: 538px; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; } .programme_right ul li:nth-child(4) .programme_right_bottom{ position: absolute; left: 807px; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; } .programme_right ul li:nth-child(5) .programme_right_bottom{ position: absolute; left: 1079px; bottom: -2px; height: 3px; width: 269px; background-color: #0d1659; }*/ } /**/ @media (max-width: 768px){ .advantage{ display: none; } .advantage_swiper{ display: block; width: 100vw; height: auto;; margin-top: 30px; } .advantage_li{ width: 100%; height: 100%; position: relative; } .advantage_text{ position: absolute; left: 10vw; top: 30vw; z-index: 999; color: #fff; width: 80vw; } .advantage_text p{ font-size: 8vw; line-height: 1.5; margin-top: 5vw; } .advantage_text img.tu_b{ margin-bottom: 3vw; width: 20vw; height: auto; } .advantage_text_img img.tu_b2{ position: absolute; left: 40vw; bottom: 88px; z-index: 999; width: 20vw; height: auto; } .advantage_text b{ margin-top: 10vw; line-height: 2.5; display: block; font-size: 5vw; } .advantage_swiper .swiper-slide{ height: auto; } } @media screen and (min-width:768px) and (max-width:992px){ .advantage{ display: none; } .advantage_swiper{ display: block; width: 100%; height: auto;; margin-top: 30px; } .advantage_li{ width: 100%; height: 100%; position: relative; } .advantage_text{ position: absolute; left: 10vw; top: 30vw; z-index: 999; color: #fff; width: 80vw; } .advantage_text p{ font-size: 8vw; line-height: 1.5; margin-top: 5vw; } .advantage_text img.tu_b{ margin-bottom: 3vw; width: 20vw; height: auto; } .advantage_text_img img.tu_b2{ position: absolute; left: 40vw; bottom: 88px; z-index: 999; width: 20vw; height: auto; } .advantage_text b{ margin-top: 10vw; line-height: 2.5; display: block; font-size: 5vw; } .advantage_swiper .swiper-slide{ height: auto; } } @media screen and (min-width:992px) and (max-width:1400px){ .advantage_swiper{ display: none; } .advantage{ width: 100%; height: 53.4vw; clear: both; margin-top: 5vw; } .advantage_li{ float: left; width: 25%; height: 100%; } .advantage_li_hover{ float: left; width: 20%; height: 100%; } .advantage_li_big{ float: left; width: 40%; height: 100%; } .advantage .advantage_div{ overflow: hidden; position: relative; } .advantage div .b_img{ width: 100%; height: 100%; cursor: pointer; transition: all 0.1s; /* !*transform: scale(1.5);*!*/ overflow: hidden; } .advantage .advantage_li_big .img_style{ transform: scaleY(1.6); } .advantage .advantage_li_hover .b_img{ transform: scaleX(1.25); } .advantage div .overlay { background-color: #000; filter: alpha(opacity=50); /*!* IE的透明度 *!*/ opacity: 0.5; /* !* 透明度 *!*/ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; /*!* 此处的图层要大于页面 *!*/ } .advantage_text{ position: absolute; left: 3.125vw; top: 8.71875vw; z-index: 999; color: #fff; } .advantage_text p{ font-size: 2.5vw; line-height: 1.5; } .advantage_text img{ margin-bottom: 1.875vw; } .advantage_text_img img{ position: absolute; left: 3.125vw; bottom: 5.5vw; z-index: 999; } .advantage_text b{ margin-top: 2.5vw; line-height: 2.5; display: block; margin-right: 50px; font-size: 0.875vw; } .advantage_show_text{ z-index: 1000; width: 37.5vw; height: 17.875vw; margin: 0 auto; background-color: #fff; position: absolute; left: 3.125vw; bottom: 0px; display: none; } .advantage_show_text_pos{ width: 100%; height: 100%; position: relative; padding: 0 40px; } .advantage_show_text_pos .number{ font-size: 6.25vw; color: #94d5b2; position: absolute; top: -3.75vw; font-weight: bold; } .advantage_show_text_pos .b_gree{ padding-top: 2.8125vw; line-height: 1.5; color: #94d5b2; } .advantage_show_text_pos .b_ys{ color: #333; font-size: 2.1875vw; line-height: 1.5; } .advantage_show_text_pos img{ position: absolute; right: 3.125vw; top: 2.5vw; } .advantage_show_text_pos b{ margin-top: 10px; line-height: 2; display: block; font-size: 16px; color: #333; } /*.advantage_swiper{ display: none; } .advantage{ width: 1600px; height: 940px; clear: both; margin-top: 90px; overflow: hidden; } .advantage_li{ float: left; width: 440px; height: 100%; } .advantage_li_hover{ float: left; width: 330px; height: 100%; } .advantage_li_big{ float: left; width: 770px; height: 100%; } .advantage .advantage_div{ overflow: hidden; position: relative; } .advantage div .b_img{ width: 100%; height: 100%; cursor: pointer; transition: all 0.1s; !* !*transform: scale(1.5);*!*! overflow: hidden; } .advantage .advantage_li_big .img_style{ transform: scaleY(1.6); } .advantage .advantage_li_hover .b_img{ transform: scaleX(1.25); } .advantage div .overlay { background-color: #000; filter: alpha(opacity=50); !*!* IE的透明度 *!*! opacity: 0.5; !* !* 透明度 *!*! position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; !*!* 此处的图层要大于页面 *!*! } .advantage_text{ position: absolute; left: 50px; top: 279px; z-index: 999; color: #fff; } .advantage_text p{ font-size: 40px; line-height: 1.5; } .advantage_text img{ margin-bottom: 30px; } .advantage_text_img img{ position: absolute; left: 50px; bottom: 88px; z-index: 999; } .advantage_text b{ margin-top: 30px; line-height: 2.5; display: block; margin-right: 50px; font-size: 14px; } .advantage_show_text{ z-index: 1000; width: 600px; height: 286px; margin: 0 auto; background-color: #fff; position: absolute; left: 52px; bottom: 0px; display: none; } .advantage_show_text_pos{ width: 100%; height: 100%; position: relative; padding: 0 40px; } .advantage_show_text_pos .number{ font-size: 100px; color: #94d5b2; position: absolute; top: -60px; font-weight: bold; } .advantage_show_text_pos .b_gree{ padding-top: 45px; line-height: 1.5; color: #94d5b2; } .advantage_show_text_pos .b_ys{ color: #333; font-size: 35px; line-height: 1.5; } .advantage_show_text_pos img{ position: absolute; right: 50px; top: 40px; !* background-color: #000;*! } .advantage_show_text_pos b{ margin-top: 10px; line-height: 2; display: block; font-size: 16px; color: #333; }*/ } @media screen and (min-width:1400px) and (max-width:1600px){ .advantage_swiper{ display: none; } .advantage{ width: 100%; height: 53.4vw; clear: both; margin-top: 90px; } .advantage_li{ float: left; width: 25%; height: 100%; } .advantage_li_hover{ float: left; width: 20%; height: 100%; } .advantage_li_big{ float: left; width: 40%; height: 100%; } .advantage .advantage_div{ overflow: hidden; position: relative; } .advantage div .b_img{ width: 100%; height: 100%; cursor: pointer; transition: all 0.1s; /* !*transform: scale(1.5);*!*/ overflow: hidden; } .advantage .advantage_li_big .img_style{ transform: scaleY(1.6); } .advantage .advantage_li_hover .b_img{ transform: scaleX(1.25); } .advantage div .overlay { background-color: #000; filter: alpha(opacity=50); /*!* IE的透明度 *!*/ opacity: 0.5; /* !* 透明度 *!*/ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; /*!* 此处的图层要大于页面 *!*/ } .advantage_text{ position: absolute; left: 50px; top: 279px; z-index: 999; color: #fff; } .advantage_text p{ font-size: 40px; line-height: 1.5; } .advantage_text img{ margin-bottom: 30px; } .advantage_text_img img{ position: absolute; left: 50px; bottom: 88px; z-index: 999; } .advantage_text b{ margin-top: 30px; line-height: 2.5; display: block; margin-right: 50px; font-size: 14px; } .advantage_show_text{ z-index: 1000; width: 600px; height: 286px; margin: 0 auto; background-color: #fff; position: absolute; left: 52px; bottom: 0px; display: none; } .advantage_show_text_pos{ width: 100%; height: 100%; position: relative; padding: 0 40px; } .advantage_show_text_pos .number{ font-size: 100px; color: #94d5b2; position: absolute; top: -60px; font-weight: bold; } .advantage_show_text_pos .b_gree{ padding-top: 45px; line-height: 1.5; color: #94d5b2; } .advantage_show_text_pos .b_ys{ color: #333; font-size: 35px; line-height: 1.5; } .advantage_show_text_pos img{ position: absolute; right: 50px; top: 40px; } .advantage_show_text_pos b{ margin-top: 10px; line-height: 2; display: block; font-size: 16px; color: #333; } } @media (min-width: 1600px){ .advantage_swiper{ display: none; } .advantage{ width: 100%; height: 53.4vw; clear: both; margin-top: 90px; } .advantage_li{ float: left; width: 25%; height: 100%; } .advantage_li_hover{ float: left; width: 20%; height: 100%; } .advantage_li_big{ float: left; width: 40%; height: 100%; } .advantage .advantage_div{ overflow: hidden; position: relative; } .advantage div .b_img{ width: 100%; height: 100%; cursor: pointer; transition: all 0.1s; /* !*transform: scale(1.5);*!*/ overflow: hidden; } .advantage .advantage_li_big .img_style{ transform: scaleY(1.6); } .advantage .advantage_li_hover .b_img{ transform: scaleX(1.25); } .advantage div .overlay { background-color: #000; filter: alpha(opacity=50); /*!* IE的透明度 *!*/ opacity: 0.5; /* !* 透明度 *!*/ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; /*!* 此处的图层要大于页面 *!*/ } .advantage_text{ position: absolute; left: 50px; top: 279px; z-index: 999; color: #fff; } .advantage_text p{ font-size: 40px; line-height: 1.5; } .advantage_text img{ margin-bottom: 30px; } .advantage_text_img img{ position: absolute; left: 50px; bottom: 88px; z-index: 999; } .advantage_text b{ margin-top: 30px; line-height: 2.5; display: block; margin-right: 50px; font-size: 14px; } .advantage_show_text{ z-index: 1000; width: 600px; height: 286px; margin: 0 auto; background-color: #fff; position: absolute; left: 52px; bottom: 0px; display: none; } .advantage_show_text_pos{ width: 100%; height: 100%; position: relative; padding: 0 40px; } .advantage_show_text_pos .number{ font-size: 100px; color: #94d5b2; position: absolute; top: -60px; font-weight: bold; } .advantage_show_text_pos .b_gree{ padding-top: 45px; line-height: 1.5; color: #94d5b2; } .advantage_show_text_pos .b_ys{ color: #333; font-size: 35px; line-height: 1.5; } .advantage_show_text_pos img{ position: absolute; right: 50px; top: 40px; } .advantage_show_text_pos b{ margin-top: 10px; line-height: 2; display: block; font-size: 16px; color: #333; } } /*行业*/ @media (max-width: 768px){ .field{ width: 100%; padding: 0 3%; overflow: hidden; margin: 0 auto; clear: both; position: relative; animation: 1s fadeInLeft; } .field .field_top{ width: 100%; overflow: hidden; margin-top: 30px; position: relative; } .field .field_top p{ font-size: 6vw; line-height: 1.2; color: #333; } .field .field_top b{ line-height: 1.8; } .field .field_top .view_more{ width: 26vw; height: 8vw; line-height: 8vw; border-radius: 3px; background-color: #0d1659; color: #fff; font-size: 3vw; cursor:pointer; position: absolute; right: 0; top: -2vw; padding-left: 2vw; } .field .field_top .view_more img{ margin-left: 1vw; } .field_list{ width: 100%; height: auto; clear: both; } .field_list_left{ width: 100%; height:auto; float: left; } .field_list_center{ width: 100%; height: 100%; float: left; } .field_list_right{ width: 100%; height: 100%; clear: both; } .field_list_left_top{ width: 50%; height: 25vw; line-height: 25vw; float: left; position: relative; } .field_list_left_top img{ float: left; height: 10vw; width: auto; margin-top: 7.5vw; } .field_list_left_top p{ position: absolute; left: 14vw; font-size: 4vw; line-height: 25vw; color: #666; } .field_list_left_bottom{ width: 49.8%; height: 25vw; line-height: 25vw; float: left; position: relative; } .field_list_left_bottom img{ float: left; height: 10vw; width: auto; margin-top: 7.5vw; } .field_list_left_bottom p{ position: absolute; left: 14vw; font-size: 4vw; line-height: 25vw; color: #666; } p.p_color{ color: #0d1659; } .field_img1{ display: block; } .field_img2{ display: none; } } @media screen and (min-width:768px) and (max-width:992px){ .field{ width: 100%; padding: 0 3%; overflow: hidden; margin: 0 auto; clear: both; position: relative; animation: 1s fadeInLeft; } .field .field_top{ width: 100%; overflow: hidden; margin-top: 30px; position: relative; } .field .field_top p{ font-size: 6vw; line-height: 1.2; color: #333; } .field .field_top b{ line-height: 1.8; } .field .field_top .view_more{ width: 26vw; height: 8vw; line-height: 8vw; border-radius: 3px; background-color: #0d1659; color: #fff; font-size: 3vw; cursor:pointer; position: absolute; right: 0; top: -2vw; padding-left: 2vw; } .field .field_top .view_more img{ margin-left: 1vw; } .field_list{ width: 100%; height: auto; clear: both; } .field_list_left{ width: 100%; height:auto; float: left; } .field_list_center{ width: 100%; height: 100%; float: left; } .field_list_right{ width: 100%; height: 100%; clear: both; } .field_list_left_top{ width: 50%; height: 25vw; line-height: 25vw; float: left; position: relative; } .field_list_left_top img{ float: left; height: 10vw; width: auto; margin-top: 7.5vw; } .field_list_left_top p{ position: absolute; left: 14vw; font-size: 4vw; line-height: 25vw; color: #666; } .field_list_left_bottom{ width: 49.8%; height: 25vw; line-height: 25vw; float: left; position: relative; } .field_list_left_bottom img{ float: left; height: 10vw; width: auto; margin-top: 7.5vw; } .field_list_left_bottom p{ position: absolute; left: 14vw; font-size: 4vw; line-height: 25vw; color: #666; } p.p_color{ color: #0d1659; } .field_img1{ display: block; } .field_img2{ display: none; } } @media screen and (min-width:992px) and (max-width:1200px){ .field{ width: 992px; overflow: hidden; margin: 0 auto; clear: both; position: relative; animation: 1s fadeInLeft; } .field .field_top{ width: 100%; overflow: hidden; margin-top: 30px; position: relative; } .field .field_top p{ font-size: 31px; line-height: 1.2; color: #333; } .field .field_top b{ line-height: 1.8; } .field .field_top .view_more{ position: absolute; right: 0; top: 0; padding-left: 2vw; } /*.field .field_top .view_more{ width: 26vw; height: 8vw; line-height: 8vw; border-radius: 3px; background-color: #0d1659; color: #fff; font-size: 3vw; cursor:pointer; position: absolute; right: 0; top: 1vw; padding-left: 2vw; } .field .field_top .view_more img{ margin-left: 1vw; }*/ .field_list{ width: 100%; height: auto; clear: both; } .field_list_left{ width: 100%; height:auto; float: left; } .field_list_center{ width: 100%; height: 100%; float: left; } .field_list_right{ width: 100%; height: 100%; clear: both; } .field_list_left_top{ width: 50%; height: 140px; line-height: 70px; float: left; position: relative; } .field_list_left_top img{ float: left; height: 60px; width: auto; margin-top: 40px; } .field_list_left_top p{ position: absolute; left: 100px; font-size: 25px; line-height: 140px; color: #666; } .field_list_left_bottom{ width: 49.8%; height: 140px; line-height: 70px; float: left; position: relative; } .field_list_left_bottom img{ float: left; height: 60px; width: auto; margin-top: 40px; } .field_list_left_bottom p{ position: absolute; left: 100px; font-size: 25px; line-height: 140px; color: #666; } p.p_color{ color: #0d1659; } .field_img1{ display: block; } .field_img2{ display: none; } } @media screen and (min-width:1200px) and (max-width:1400px){ .field{ width: 1200px; margin: 0 auto; clear: both; position: relative; margin-top: 37.5px; } .field_top{ width: 100%; position: relative; } .field_top p{ color: #333; font-size: 37.5px; line-height: 1.2; } .field_top b{ font-size: 15px; color: #666; line-height: 2; } .field_top .view_more{ position: absolute; right: 0; top: 15px; } .field_list{ width: 1200px; height: 196px; clear: both; margin: 45px auto; } .field_list_left{ width: 360px; height: 100%; float: left; } .field_list_center{ width: 478.5px; height: 100%; float: left; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } .field_list_right{ width: 360px; height: 100%; float: left; } .field_list_left_top{ width: 100%; height: 96px; line-height: 96px; clear: both; position: relative; } .field_list_left_top img{ float: left; height: 66px; width: auto; margin-top: 15px; } .field_list_left_top p{ position: absolute; left: 112.5px; font-size: 18.75px; line-height: 96px; color: #333; } .field_list_left_bottom{ width: 100%; height: 96px; line-height: 96px; clear: both; position: relative; } .field_list_left_bottom img{ float: left; height: 66px; width: auto; margin-top: 15px; } .field_list_left_bottom p{ position: absolute; left: 112.5px; font-size: 18.75px; line-height: 96px; color: #333; } .field_list_center .field_list_left_top img{ margin-left: 112.5px; } .field_list_center .field_list_left_top p{ left: 225px; } .field_list_center .field_list_left_bottom img{ margin-left: 112.5px; } .field_list_center .field_list_left_bottom p{ left: 225px; } .field_list_right .field_list_left_top img{ margin-left: 112.5px; } .field_list_right .field_list_left_top p{ left: 225px; } .field_list_right .field_list_left_bottom img{ margin-left: 112.5px; } .field_list_right .field_list_left_bottom p{ left: 225px; } p.p_color{ color: #0d1659; } .field_img2{ display: none; } } @media screen and (min-width:1400px) and (max-width:1600px){ .field{ width: 1400px; margin: 0 auto; clear: both; position: relative; margin-top: 43.75px; } .field_top{ width: 100%; position: relative; } .field_top p{ color: #333; font-size: 43.75px; line-height: 1.2; } .field_top b{ font-size: 17.5px; color: #666; line-height: 2; } .field_top .view_more{ position: absolute; right: 0; top: 17.5px; } .field_list{ width: 1400px; height: 224px; clear: both; margin: 52.5px auto; } .field_list_left{ width: 420px; height: 100%; float: left; } .field_list_center{ width: 558.25px; height: 100%; float: left; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } .field_list_right{ width: 420px; height: 100%; float: left; } .field_list_left_top{ width: 100%; height: 112px; line-height: 112px; clear: both; position: relative; } .field_list_left_top img{ float: left; height: 77px; width: auto; margin-top: 17.5px; } .field_list_left_top p{ position: absolute; left: 131.25px; font-size: 21.875px; line-height: 112px; color: #333; } .field_list_left_bottom{ width: 100%; height: 112px; line-height: 112px; clear: both; position: relative; } .field_list_left_bottom img{ float: left; height: 77px; width: auto; margin-top: 17.5px; } .field_list_left_bottom p{ position: absolute; left: 131.25px; font-size: 21.875px; line-height: 112px; color: #333; } .field_list_center .field_list_left_top img{ margin-left: 131.25px; } .field_list_center .field_list_left_top p{ left: 262.5px; } .field_list_center .field_list_left_bottom img{ margin-left: 131.25px; } .field_list_center .field_list_left_bottom p{ left:262.5px; } .field_list_right .field_list_left_top img{ margin-left: 131.25px; } .field_list_right .field_list_left_top p{ left: 262.5px; } .field_list_right .field_list_left_bottom img{ margin-left: 131.25px; } .field_list_right .field_list_left_bottom p{ left: 262.5px; } p.p_color{ color: #0d1659; } .field_img2{ display: none; } } @media (min-width: 1600px){ .field{ width: 1600px; margin: 0 auto; clear: both; position: relative; margin-top: 50px; } .field_top{ width: 100%; position: relative; } .field_top p{ color: #333; font-size: 50px; line-height: 1.2; } .field_top b{ font-size: 20px; color: #666; line-height: 2; } .field_top .view_more{ position: absolute; right: 0; top: 20px; } .field_list{ width: 1600px; height: 256px; clear: both; margin: 60px auto; } .field_list_left{ width: 480px; height: 100%; float: left; } .field_list_center{ width: 638px; height: 100%; float: left; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } .field_list_right{ width: 480px; height: 100%; float: left; } .field_list_left_top{ width: 100%; height: 128px; line-height: 128px; clear: both; position: relative; } .field_list_left_top img{ float: left; height: 88px; width: auto; margin-top: 20px; } .field_list_left_top p{ position: absolute; left: 150px; font-size: 25px; line-height: 128px; color: #333; } .field_list_left_bottom{ width: 100%; height: 128px; line-height: 128px; clear: both; position: relative; } .field_list_left_bottom img{ float: left; height: 88px; width: auto; margin-top: 20px; } .field_list_left_bottom p{ position: absolute; left: 150px; font-size: 25px; line-height: 128px; color: #333; } .field_list_center .field_list_left_top img{ margin-left: 150px; } .field_list_center .field_list_left_top p{ left: 300px; } .field_list_center .field_list_left_bottom img{ margin-left: 150px; } .field_list_center .field_list_left_bottom p{ left: 300px; } .field_list_right .field_list_left_top img{ margin-left: 150px; } .field_list_right .field_list_left_top p{ left: 300px; } .field_list_right .field_list_left_bottom img{ margin-left: 150px; } .field_list_right .field_list_left_bottom p{ left: 300px; } p.p_color{ color: #94d5b2; } .field_img2{ display: none; } } /*关于*/ @media (max-width: 768px){ .about{ display: block; width: 100vw; height: 150vw; overflow: hidden; position: relative; margin-top: 5vw; } .about .about_left{ width: 50vw; height: 100%; float: left; background-color: #0d1659; padding-left: 3vw; } .about .about_right{ width: 50vw; height: 100%; float: left; background-color: #0d1659; } .about .about_right img{ height: 100%; } .about .about_fd{ position: absolute; left: 0; top: 40vw; height: 70vw; width: 100vw; background-color: #fff; padding-left: 3vw; } .about_left .view_more{ border: 1px solid #fff; position: absolute; left: 10vw; bottom: 6vw; } .about_left .view_more{ width: 26vw; height: 8vw; line-height: 8vw; border-radius: 3px; color: #fff; font-size: 3vw; cursor:pointer; position: absolute; left: 3vw; bottom: 15vw; padding-left: 2vw; border: 1px solid #fff; } .about_left .view_more img{ margin-left: 1vw; } .about_left p{ font-size: 7vw; margin-top: 7vw; line-height: 2; color: #fff; } .about_left b{ font-size: 4vw; line-height: 2; color: #fff; } .about_fd p{ font-size: 6vw; line-height: 1.8; color: #424242; margin-top: 6vw; } .about_fd b{ height: 2px; background-color: #94d5b2; width: 50vw; display: block; margin-top: 4vw; } .about_fd .number{ margin-top: 10vw; height: 20vw; clear: both; font-size: 8vw; font-weight: bold; color: #333; text-align:center; padding-top: 5vw; } .about_fd .number .number_left{ float: left; height: 100%; width: 29vw; } .about_fd .number .number_center{ float: left; height: 100%; width: 36vw; border-left: 1px solid #666; border-right: 1px solid #666; } .about_fd .number .number_right{ float: left; height: 100%; width: 29vw; } .number p{ font-size: 4.5vw; color: #333; margin: 0 auto; } .number .year{ font-size: 4.5vw; } } @media screen and (min-width:768px) and (max-width:992px){ .about{ display: block; width: 100%; height: 150vw; overflow: hidden; position: relative; margin-top: 5vw; } .about .about_left{ width: 50%; height: 100%; float: left; background-color: #0d1659; padding-left: 3vw; } .about .about_right{ width: 50%; height: 100%; float: left; background-color: #0d1659; } .about .about_right img{ height: 100%; } .about .about_fd{ position: absolute; left: 0; top: 40vw; height: 70vw; width: 100vw; background-color: #fff; padding-left: 3vw; } .about_left .view_more{ border: 1px solid #fff; position: absolute; left: 10vw; bottom: 6vw; } .about_left .view_more{ width: 26vw; height: 8vw; line-height: 8vw; border-radius: 3px; color: #fff; font-size: 3vw; cursor:pointer; position: absolute; left: 3vw; bottom: 15vw; padding-left: 2vw; border: 1px solid #fff; } .about_left .view_more img{ margin-left: 1vw; } .about_left p{ font-size: 7vw; margin-top: 7vw; line-height: 2; color: #fff; } .about_left b{ font-size: 4vw; line-height: 2; color: #fff; } .about_fd p{ font-size: 6vw; line-height: 1.8; color: #424242; margin-top: 6vw; } .about_fd b{ height: 2px; background-color: #94d5b2; width: 50vw; display: block; margin-top: 4vw; } .about_fd .number{ margin-top: 10vw; height: 20vw; clear: both; font-size: 8vw; font-weight: bold; color: #333; text-align:center; padding-top: 5vw; } .about_fd .number .number_left{ float: left; height: 100%; width: 29vw; } .about_fd .number .number_center{ float: left; height: 100%; width: 36vw; border-left: 1px solid #666; border-right: 1px solid #666; } .about_fd .number .number_right{ float: left; height: 100%; width: 29vw; } .number p{ font-size: 4.5vw; color: #333; margin: 0 auto; } .number .year{ font-size: 4.5vw; } } @media screen and (min-width:992px) and (max-width:1200px){ .about{ display: block; width: 992px; height: 484.6px; overflow: hidden; position: relative; margin: 0 auto; } .about .about_left{ width: 325.5px; height: 100%; float: left; background-color: #0d1659; padding-left: 82.7px; } .about .about_right{ width: 666.5px; height: 100%; float: left; background-color: #0d1659; } .about .about_right img{ height: 100%; width: 100%; } .about .about_fd{ position: absolute; left: 0; top: 114.18px; height: 256.27px; width: 496px; background-color: #fff; padding-left: 82.7px; } .about_left .view_more{ border: 1px solid #fff; position: absolute; left: 82.7px; bottom: 30px; } .about_left p{ font-size: 25.8px; margin-top: 25.8px; line-height: 1.2; color: #fff; } .about_left b{ font-size: 10.33px; line-height: 2; color: #fff; } .about_fd p{ font-size: 25.8px; line-height: 1.8; margin-top: 25.8px; color: #424242; } .about_fd b{ height: 2px; background-color: #94d5b2; width: 51.6px; display: block; font-size: 10.33px; } .about_fd .number{ margin-top: 15.5px; height: 36.17px; clear: both; font-size: 25.8px; font-weight: bold; color: #333; text-align:center; } .about_fd .number .number_left{ float: left; height: 100%; } .about_fd .number .number_center{ float: left; height: 100%; width: 155px; border-left: 1px solid #666; border-right: 1px solid #666; margin: 0 25.8px; } .about_fd .number .number_right{ float: left; height: 100%; } .number p{ font-size: 8.3px; color: #333; margin: 0 auto; } .number .year{ font-size: 8.3px; } } @media screen and (min-width:1200px) and (max-width:1400px){ .about{ display: block; width: 1200px; height: 586.29px; overflow: hidden; position: relative; margin: 0 auto; } .about .about_left{ width: 393.7px; height: 100%; float: left; background-color: #0d1659; padding-left: 100px; } .about .about_right{ width: 805.7px; height: 100%; float: left; background-color: #0d1659; } .about .about_right img{ height: 100%; width: 100%; } .about .about_fd{ position: absolute; left: 0; top: 138px; height: 310px; width: 700px; background-color: #fff; padding-left: 100px; } .about_left .view_more{ border: 1px solid #fff; position: absolute; left: 100px; bottom: 57.4px; } .about_left p{ font-size: 31.25px; margin-top: 31.25px; line-height: 1.2; color: #fff; } .about_left b{ font-size: 12.48px; line-height: 2; color: #fff; } .about_fd p{ font-size: 31.25px; line-height: 1.8; margin-top: 31.7px; color: #424242; } .about_fd b{ height: 2px; background-color: #94d5b2; width: 62.49px; display: block; margin-top: 12.48px; } .about_fd .number{ margin-top: 18.75px; height: 31.25px; clear: both; font-size: 31.25px; font-weight: bold; color: #333; text-align:center; } .about_fd .number .number_left{ float: left; height: 100%; } .about_fd .number .number_center{ float: left; height: 100%; width: 187.75px; border-left: 1px solid #666; border-right: 1px solid #666; margin: 0 31.25px } .about_fd .number .number_right{ float: left; height: 100%; } .number p{ font-size: 10px; color: #333; margin: 0 auto; } .number .year{ font-size: 10px; } } @media screen and (min-width:1400px) and (max-width:1600px){ .about{ display: block; width: 1400px; height: 684px; overflow: hidden; position: relative; margin: 0 auto; } .about .about_left{ width: 459.375px; height: 100%; float: left; background-color: #0d1659; padding-left: 116.67px; } .about .about_right{ width: 940px; height: 100%; float: left; background-color: #0d1659; } .about .about_right img{ height: 100%; width: 100%; } .about .about_fd{ position: absolute; left: 0; top: 161px; height: 361.67px; width: 700px; background-color: #fff; padding-left: 116.67px; } .about_left .view_more{ border: 1px solid #fff; position: absolute; left: 116.67px; bottom: 67px; } .about_left p{ font-size: 36.46px; margin-top:36.46px; line-height: 1.2; color: #fff; } .about_left b{ font-size: 14.58px; line-height: 2; color: #fff; } .about_fd p{ font-size: 36.46px; line-height: 1.8; margin-top: 37px; color: #424242; } .about_fd b{ height: 2px; background-color: #94d5b2; width: 72.9px; display: block; margin-top: 14.58px; } .about_fd .number{ margin-top: 21.875px; height: 36.46px; clear: both; font-size: 36.46px; font-weight: bold; color: #333; text-align:center; } .about_fd .number .number_left{ float: left; height: 100%; } .about_fd .number .number_center{ float: left; height: 100%; width: 218.75px; border-left: 1px solid #666; border-right: 1px solid #666; margin: 0 36.46px; } .about_fd .number .number_right{ float: left; height: 100%; } .number p{ font-size: 11.67px; color: #333; margin: 0 auto; } .number .year{ font-size: 11.67px; } } @media (min-width: 1600px){ .about{ display: block; width: 100%; height: 44.885416667vw; overflow: hidden; position: relative; } .about .about_left{ width: 32.8125%; height: 100%; float: left; background-color: #0d1659; padding-left: 160px; } .about .about_right{ width: 67.1875%; height: 100%; float: left; background-color: #0d1659; } .about .about_right img{ height: 100%; width: 100%; } .about .about_fd{ position: absolute; left: 0; top: 221px; height: 496px; width: 960px; background-color: #fff; padding-left: 160px; } .about_left .view_more{ border: 1px solid #fff; position: absolute; left: 160px; bottom: 62px; } .about_left p{ font-size: 50px; margin-top: 50px; line-height: 1.2; color: #fff; } .about_left b{ font-size: 20px; line-height: 2; color: #fff; } .about_fd p{ font-size: 50px; line-height: 1.8; margin-top: 55px; color: #424242; } .about_fd b{ height: 2px; background-color: #94d5b2; width: 100px; display: block; margin-top: 20px; } .about_fd .number{ margin-top: 30px; height: 70px; clear: both; font-size: 50px; font-weight: bold; color: #333; text-align:center; } .about_fd .number .number_left{ float: left; height: 100%; } .about_fd .number .number_center{ float: left; height: 100%; width: 300px; border-left: 1px solid #666; border-right: 1px solid #666; margin: 0 50px; } .about_fd .number .number_right{ float: left; height: 100%; } .number p{ font-size: 16px; color: #333; margin: 0 auto; } .number .year{ font-size: 16px; } } /* @media screen and (min-width:768px) and (max-width:1920px){ .about{ display: block; width: 1920px; height: 938px; overflow: hidden; position: relative; } .about .about_left{ width: 630px; height: 100%; float: left; background-color: #0d1659; padding-left: 160px; } .about .about_right{ width: 1290px; height: 100%; float: left; background-color: #0d1659; } .about .about_right img{ height: 100%; width: 100%; } .about .about_fd{ position: absolute; left: 0; top: 221px; height: 496px; width: 960px; background-color: #fff; padding-left: 160px; } .about_left .view_more{ border: 1px solid #fff; position: absolute; left: 160px; bottom: 92px; } .about_left p{ font-size: 50px; margin-top: 50px; line-height: 1.2; color: #fff; } .about_left b{ font-size: 20px; line-height: 2; color: #fff; } .about_fd p{ font-size: 50px; line-height: 1.8; margin-top: 55px; color: #424242; } .about_fd b{ height: 2px; background-color: #94d5b2; width: 100px; display: block; margin-top: 20px; } .about_fd .number{ margin-top: 30px; height: 70px; clear: both; font-size: 50px; font-weight: bold; color: #333; text-align:center; } .about_fd .number .number_left{ float: left; height: 100%; } .about_fd .number .number_center{ float: left; height: 100%; width: 300px; border-left: 1px solid #666; border-right: 1px solid #666; margin: 0 50px; } .about_fd .number .number_right{ float: left; height: 100%; } .number p{ font-size: 16px; color: #333; margin: 0 auto; } .number .year{ font-size: 16px; } } @media (min-width: 1920px){ .about{ display: block; width: 100%; height: 44.885416667vw; overflow: hidden; position: relative; } .about .about_left{ width: 32.8125%; height: 100%; float: left; background-color: #0d1659; padding-left: 160px; } .about .about_right{ width: 67.1875%; height: 100%; float: left; background-color: #0d1659; } .about .about_right img{ height: 100%; width: 100%; } .about .about_fd{ position: absolute; left: 0; top: 221px; height: 496px; width: 960px; background-color: #fff; padding-left: 160px; } .about_left .view_more{ border: 1px solid #fff; position: absolute; left: 160px; bottom: 92px; } .about_left p{ font-size: 50px; margin-top: 50px; line-height: 1.2; color: #fff; } .about_left b{ font-size: 20px; line-height: 2; color: #fff; } .about_fd p{ font-size: 50px; line-height: 1.8; margin-top: 55px; color: #424242; } .about_fd b{ height: 2px; background-color: #94d5b2; width: 100px; display: block; margin-top: 20px; } .about_fd .number{ margin-top: 30px; height: 70px; clear: both; font-size: 50px; font-weight: bold; color: #333; text-align:center; } .about_fd .number .number_left{ float: left; height: 100%; } .about_fd .number .number_center{ float: left; height: 100%; width: 300px; border-left: 1px solid #666; border-right: 1px solid #666; margin: 0 50px; } .about_fd .number .number_right{ float: left; height: 100%; } .number p{ font-size: 16px; color: #333; margin: 0 auto; } .number .year{ font-size: 16px; } } */ /*新闻*/ @media (max-width: 768px){ .news{ display: none; } .news2_title{ width: 100%; padding: 0 3%; margin-top: 8vw; position: relative; margin-bottom: 5vw; } .news2_title p{ font-size: 7vw; line-height: 1.5; color: #333; } .news2_title b{ font-size: 4vw; line-height: 1.5; color: #666; } .news2_title .view_more{ width: 26vw; height: 8vw; line-height: 8vw; border-radius: 3px; background-color: #0d1659; color: #fff; font-size: 3vw; cursor:pointer; position: absolute; right: 3vw; top: 1vw; padding-left: 2vw; } .news2_title .view_more img{ margin-left: 1vw; } .news2{ width: 100vw; margin: 0 auto; height: 75vw; clear: both; z-index: 999; position: relative; overflow: hidden; } .news2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 auto; } .news2 .swiper-pagination-bullet{ border-radius:unset; height: 6px; } .news2 .swiper-scrollbar{ background-color: #fff; } .news2 .swiper-slide img{ width: 40vw; height: 100%; display: none; } .news2 .swiper-slide .info{ width: 60vw; height: 100%; text-align: left; padding: 1.5vw 3vw; position: relative; } .news2 .swiper-slide .info p.p_time{ font-size: 2vw; line-height: 2; } .news2 .swiper-slide .info p.p_title{ font-size: 7vw; line-height: 2; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news2 .swiper-slide .info p.p_info{ font-size: 4vw; line-height: 1.5; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .news2 .swiper-slide .info .view_more{ width: 27vw; height: 8vw; line-height: 8vw; border-radius: 3px; background-color: #fff; color: #333; font-size: 3vw; cursor:pointer; position: absolute; left: 3vw; bottom: 1vw; padding-left: 2vw; border: 1px solid #0d1659; } .news2 .swiper-slide .info .view_more img{ height: auto; margin-left: 1vw; width: auto; display: initial; } .news2 .swiper-slide-active img{ display: block; } .news2 .swiper-container-horizontal>.swiper-scrollbar{ width: 100%; left: 0; } .news2 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0; } .news2 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets { height: 10px; } .news2 .swiper-slide{ height: 90%; } .news2 .swiper-pagination-bullet-active{ color: #0d1659; } } @media screen and (min-width:768px) and (max-width:992px){ .news{ display: none; } .news2_title{ width: 100%; padding: 0 3%; margin-top: 8vw; position: relative; margin-bottom: 5vw; } .news2_title p{ font-size: 7vw; line-height: 1.5; color: #333; } .news2_title b{ font-size: 4vw; line-height: 1.5; color: #666; } .news2_title .view_more{ width: 26vw; height: 8vw; line-height: 8vw; border-radius: 3px; background-color: #0d1659; color: #fff; font-size: 3vw; cursor:pointer; position: absolute; right: 3vw; top: 1vw; padding-left: 2vw; } .news2_title .view_more img{ margin-left: 1vw; } .news2{ width: 100%; margin: 0 auto; height: 75vw; clear: both; z-index: 999; position: relative; overflow: hidden; } .news2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 auto; } .news2 .swiper-pagination-bullet{ border-radius:unset; height: 6px; } .news2 .swiper-scrollbar{ background-color: #fff; } .news2 .swiper-slide img{ width: 40vw; height: 100%; display: none; } .news2 .swiper-slide .info{ width: 60vw; height: 100%; text-align: left; padding: 1.5vw 3vw; position: relative; } .news2 .swiper-slide .info p.p_time{ font-size: 2vw; line-height: 2; } .news2 .swiper-slide .info p.p_title{ font-size: 7vw; line-height: 2; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news2 .swiper-slide .info p.p_info{ font-size: 4vw; line-height: 1.5; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .news2 .swiper-slide .info .view_more{ width: 27vw; height: 8vw; line-height: 8vw; border-radius: 3px; background-color: #fff; color: #333; font-size: 3vw; cursor:pointer; position: absolute; left: 3vw; bottom: 1vw; padding-left: 2vw; border: 1px solid #0d1659; } .news2 .swiper-slide .info .view_more img{ height: auto; margin-left: 1vw; width: auto; display: initial; } .news2 .swiper-slide-active img{ display: block; } .news2 .swiper-container-horizontal>.swiper-scrollbar{ width: 100%; left: 0; } .news2 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0; } .news2 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets { height: 10px; } .news2 .swiper-slide{ height: 90%; } .news2 .swiper-pagination-bullet-active{ color: #0d1659; } } @media screen and (min-width:992px) and (max-width:1200px){ .news2{ display: none; } .news2_title{ width: 992px; margin: 0 auto; margin-top: 24.8px; position: relative; margin-bottom: 37.2px; } .news2_title p{ font-size: 31px; line-height: 1.5; color: #333; } .news2_title b{ font-size: 12.4px; line-height: 1.5; color: #666; } .news2_title .view_more{ position: absolute; right: 0; top: 12.4px; } .news{ width: 992px; margin: 0 auto; height: 372px; clear: both; z-index: 999; position: relative; overflow: hidden; } .news .swiper-slide img{ width: 132.26646px; height: 100%; display: none; } .news .swiper-slide .info{ width: 306.9px; height: 100%; text-align: left; padding: 24.8px; position: relative; } .news .swiper-slide .info p.p_time{ font-size: 9.92px; line-height: 2; color: #666; } .news .swiper-slide .info p.p_title{ font-size:21.7px; line-height: 2; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news .swiper-slide .info p.p_info{ font-size: 9.92px; line-height: 1.5; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; white-space: pre-line; } .news .view_more { position: absolute; left: 24.8px; bottom: 34.1px; background-color: #fff; color: #333; border: 1px solid #0d1659; } .news .swiper-slide-active img{ display: block; } .news .swiper-slide-active .info{ width: 217px; } .news .view_more img{ width: auto; height: auto; display: initial; } .news .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 auto; } .news .swiper-pagination-bullet{ border-radius:unset; height: 6px; } .news .swiper-scrollbar{ background-color: #fff; } .news .swiper-container-horizontal>.swiper-scrollbar{ width: 100%; left: 0; } .news .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0; } .news .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets { height: 10px; } .news .swiper-slide{ height: 90%; } } @media screen and (min-width:1200px) and (max-width:1400px){ .news2{ display: none; } .news2_title{ width: 1200px; margin: 0 auto; margin-top: 30px; position: relative; margin-bottom: 48px; } .news2_title p{ font-size: 37.5px; line-height: 1.5; color: #333; } .news2_title b{ font-size: 15px; line-height: 1.5; color: #666; } .news2_title .view_more{ position: absolute; right: 0; top: 15px; } /*.news2_title .view_more{*/ /*width: 26vw;*/ /*height: 8vw;*/ /*line-height: 8vw;*/ /*border-radius: 3px;*/ /*background-color: #0d1659;*/ /*color: #fff;*/ /*font-size: 3vw;*/ /*cursor:pointer;*/ /*position: absolute;*/ /*right: 3vw;*/ /*top: 1vw;*/ /*padding-left: 2vw;*/ /*}*/ /*.news2_title p .view_more img{*/ /*margin-left: 30px;*/ /*}*/ .news{ width: 1200px; margin: 0 auto; height: 450px; clear: both; z-index: 999; position: relative; overflow: hidden; } .news .swiper-slide img{ width: 159.9975px; height: 100%; display: none; } .news .swiper-slide .info{ width: 371.25px; height: 100%; text-align: left; padding: 30px; position: relative; } .news .swiper-slide .info p.p_time{ font-size: 12px; line-height: 2; color: #666; } .news .swiper-slide .info p.p_title{ font-size: 26.25px; line-height: 2; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news .swiper-slide .info p.p_info{ font-size: 12px; line-height: 1.5; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; white-space: pre-line; } .news .view_more { position: absolute; left: 30px; bottom: 41.25px; background-color: #fff; color: #333; border: 1px solid #0d1659; } .news .swiper-slide-active img{ display: block; } .news .swiper-slide-active .info{ width: 262.5px; } .news .view_more img{ width: auto; height: auto; display: initial; } .news .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 auto; } .news .swiper-pagination-bullet{ border-radius:unset; height: 5px; } .news .swiper-scrollbar{ background-color: #fff; } .news .swiper-container-horizontal>.swiper-scrollbar{ width: 100%; left: 0; } .news .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0; } .news .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets { height: 10px; } .news .swiper-slide{ height: 90%; } } @media screen and (min-width:1400px) and (max-width:1600px){ .news2{ display: none; } .news2_title{ width: 1400px; margin: 0 auto; margin-top: 40px; position: relative; margin-bottom: 60px; } .news2_title p{ font-size: 50px; line-height: 1.5; color: #333; } .news2_title b{ font-size: 20px; line-height: 1.5; color: #666; } .news2_title .view_more{ position: absolute; right: 0; top: 20px; } /*.news2_title .view_more{*/ /*width: 26vw;*/ /*height: 8vw;*/ /*line-height: 8vw;*/ /*border-radius: 3px;*/ /*background-color: #0d1659;*/ /*color: #fff;*/ /*font-size: 3vw;*/ /*cursor:pointer;*/ /*position: absolute;*/ /*right: 3vw;*/ /*top: 1vw;*/ /*padding-left: 2vw;*/ /*}*/ /*.news2_title p .view_more img{*/ /*margin-left: 30px;*/ /*}*/ .news{ width: 1400px; margin: 0 auto; height: 525px; clear: both; z-index: 999; position: relative; overflow: hidden; } .news .swiper-slide img{ width: 186.66375px; height: 100%; display: none; } .news .swiper-slide .info{ width: 433.125px; height: 100%; text-align: left; padding: 35px; position: relative; } .news .swiper-slide .info p.p_time{ font-size: 14px; line-height: 2; color: #666; } .news .swiper-slide .info p.p_title{ font-size: 30.625px; line-height: 2; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news .swiper-slide .info p.p_info{ font-size: 14px; line-height: 1.5; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; white-space: pre-line; } .news .view_more { position: absolute; left: 35px; bottom: 48.125px; background-color: #fff; color: #333; border: 1px solid #0d1659; } .news .swiper-slide-active img{ display: block; } .news .swiper-slide-active .info{ width: 306.25px; } .news .view_more img{ width: auto; height: auto; display: initial; } .news .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 auto; } .news .swiper-pagination-bullet{ border-radius:unset; height: 6px; } .news .swiper-scrollbar{ background-color: #fff; } .news .swiper-container-horizontal>.swiper-scrollbar{ width: 100%; left: 0; } .news .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0; } .news .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets { height: 10px; } .news .swiper-slide{ height: 90%; } } @media (min-width: 1600px){ .news2{ display: none; } .news2_title{ width: 1600px; margin: 0 auto; margin-top: 40px; position: relative; margin-bottom: 60px; } .news2_title p{ font-size: 50px; line-height: 1.5; color: #333; } .news2_title b{ font-size: 20px; line-height: 1.5; color: #666; } .news2_title .view_more{ position: absolute; right: 0; top: 20px; } /*.news2_title .view_more{*/ /*width: 26vw;*/ /*height: 8vw;*/ /*line-height: 8vw;*/ /*border-radius: 3px;*/ /*background-color: #0d1659;*/ /*color: #fff;*/ /*font-size: 3vw;*/ /*cursor:pointer;*/ /*position: absolute;*/ /*right: 3vw;*/ /*top: 1vw;*/ /*padding-left: 2vw;*/ /*}*/ /*.news2_title p .view_more img{*/ /*margin-left: 30px;*/ /*}*/ .news{ width: 1600px; margin: 0 auto; height: 600px; clear: both; z-index: 999; position: relative; overflow: hidden; } .news .swiper-slide img{ width: 213.333px; height: 100%; display: none; } .news .swiper-slide .info{ width: 495px; height: 100%; text-align: left; padding: 40px; position: relative; } .news .swiper-slide .info p.p_time{ font-size: 16px; line-height: 2; color: #666; } .news .swiper-slide .info p.p_title{ font-size: 35px; line-height: 2; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news .swiper-slide .info p.p_info{ font-size: 16px; line-height: 1.5; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; white-space: pre-line; } .news .view_more { position: absolute; left: 40px; bottom: 55px; background-color: #fff; color: #333; border: 1px solid #0d1659; } .news .swiper-slide-active img{ display: block; } .news .swiper-slide-active .info{ width: 350px; } .news .view_more img{ width: auto; height: auto; display: initial; } .news .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 auto; } .news .swiper-pagination-bullet{ border-radius:unset; height: 6px; } .news .swiper-scrollbar{ background-color: #fff; } .news .swiper-container-horizontal>.swiper-scrollbar{ width: 100%; left: 0; } .news .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0; } .news .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets { height: 10px; } .news .swiper-slide{ height: 90%; } } /*联系*/ @media (max-width: 768px){ .lx{ width: 100vw; height: auto; margin: 0 auto; clear: both; background-color: #fff; padding: 5vw 0; overflow: hidden; } .lx p{ font-size: 4vw; color: #666; line-height: 2; padding-left: 3vw; } .lx .bottom_loge{ width: 100vw; padding: 0 10vw; margin-bottom: 3vw; } .lx .bottom_loge img{ width: 100%; height: auto; } .lx .address{ width: 100vw; padding: 0 10vw; } .lx .tel{ width: 100vw; padding: 0 10vw; } .lx .email{ width: 100vw; padding: 0 10vw; } .address_top { width: 100%; height: 10vw; line-height: 10vw; background-color: #f1f1f1; font-size: 6vw; color: #424242; clear: both; } .address_top .address_top_left{ float: left; text-align: left; width: 37vw; padding-left: 3vw; height: 10vw; line-height: 10vw; } .address_top .address_top_right{ float: left; text-align: right; height: 10vw; width: 37vw; padding-left: 3vw; line-height: 10vw; } .tel_top { width: 100%; height: 10vw; line-height: 10vw; background-color: #f1f1f1; font-size: 6vw; color: #424242; clear: both; } .tel_top .tel_top_left{ float: left; text-align: left; width: 37vw; padding-left: 3vw; height: 10vw; line-height: 10vw; } .tel_top .tel_top_right{ float: left; text-align: right; height: 10vw; width: 37vw; padding-left: 3vw; line-height: 10vw; } .email_top { width: 100%; height: 10vw; line-height: 10vw; background-color: #f1f1f1; font-size: 6vw; color: #424242; clear: both; } .email_top .email_top_left{ float: left; text-align: left; width: 37vw; padding-left: 3vw; height: 10vw; line-height: 10vw; } .email_top .email_top_right{ float: left; text-align: right; height: 10vw; width: 37vw; padding-left: 3vw; line-height: 10vw; } } @media screen and (min-width:768px) and (max-width:992px){ .lx{ width: 100%; height: auto; margin: 0 auto; clear: both; background-color: #fff; padding: 5vw 0; overflow: hidden; } .lx p{ font-size: 4vw; color: #666; line-height: 2; padding-left: 3vw; } .lx .bottom_loge{ width: 100%; padding: 0 10vw; margin-bottom: 3vw; } .lx .bottom_loge img{ width: 100%; height: auto; } .lx .address{ width: 100%; padding: 0 10vw; } .lx .tel{ width: 100%; padding: 0 10vw; } .lx .email{ width: 100%; padding: 0 10vw; } .address_top { width: 100%; height: 10vw; line-height: 10vw; background-color: #f1f1f1; font-size: 6vw; color: #424242; clear: both; } .address_top .address_top_left{ float: left; text-align: left; width: 37vw; padding-left: 3vw; height: 10vw; line-height: 10vw; } .address_top .address_top_right{ float: left; text-align: right; height: 10vw; width: 37vw; padding-left: 3vw; line-height: 10vw; } .tel_top { width: 100%; height: 10vw; line-height: 10vw; background-color: #f1f1f1; font-size: 6vw; color: #424242; clear: both; } .tel_top .tel_top_left{ float: left; text-align: left; width: 37vw; padding-left: 3vw; height: 10vw; line-height: 10vw; } .tel_top .tel_top_right{ float: left; text-align: right; height: 10vw; width: 37vw; padding-left: 3vw; line-height: 10vw; } .email_top { width: 100%; height: 10vw; line-height: 10vw; background-color: #f1f1f1; font-size: 6vw; color: #424242; clear: both; } .email_top .email_top_left{ float: left; text-align: left; width: 37vw; padding-left: 3vw; height: 10vw; line-height: 10vw; } .email_top .email_top_right{ float: left; text-align: right; height: 10vw; width: 37vw; padding-left: 3vw; line-height: 10vw; } } @media screen and (min-width:992px) and (max-width:1200px){ .lx{ width: 992px; height: 137.6px; margin: 0 auto; clear: both; background-color: #fff; padding: 37.2px 0; } .lx p{ font-size: 9.92px; color: #666; line-height: 2; padding-left: 9.3px; } .lx .bottom_loge{ float: left; width: 226.3px; height: 100%; margin-right: 30px; } .lx .bottom_loge img{ width: 100%; } .lx .address{ float: left; width: 250px; height: 100%; border-left: 1px solid #666666; padding: 0 31px; } .lx .tel{ float: left; width:250px; height: 100%; border-left: 1px solid #666666; padding: 0 31px; } .lx .email{ float: left; width: 235px; height: 100%; border-left: 1px solid #666666; padding: 0 31px; } .tel_top { width: 100%; height: 31px; line-height: 31px; background-color: #f1f1f1; font-size: 12.4px; color: #424242; clear: both; margin-bottom: 12.4px; } .tel_top .tel_top_left{ float: left; text-align: left; width: 50px; padding-left: 12.4px; height: 31px; line-height: 31px; } .tel_top .tel_top_right{ float: left; text-align: right; width: 36.58px; height: 31px; line-height: 31px; } .address_top { width: 100%; height: 31px; line-height: 31px; background-color: #f1f1f1; font-size: 12.4px; color: #424242; clear: both; margin-bottom: 12.4px; } .address_top .address_top_left{ float: left; text-align: left; width: 60px; padding-left: 12.4px; line-height: 31px; } .address_top .address_top_right{ float: left; text-align: right; height: 35px; width: 59px; line-height: 35px; } .email_top { height: 31px; line-height: 31px; background-color: #f1f1f1; font-size: 12.4px; color: #424242; clear: both; margin-bottom: 12.4px; } .email_top .email_top_left{ float: left; text-align: left; width: 55.8px; padding-left: 9.3px; line-height: 31px; } .email_top .email_top_right{ float: left; text-align: right; height: 31px; width: 62px; padding-right: 9.3px; line-height: 31px; } } @media screen and (min-width:1200px) and (max-width:1400px){ .lx{ width: 1200px; height: 210px; margin: 0 auto; clear: both; background-color: #fff; padding: 48px 0; } .lx p{ font-size: 12px; color: #666; line-height: 2; padding-left: 11.25px; } .lx .bottom_loge{ float: left; width: 273.75px; height: 100%; } .lx .bottom_loge img{ width: 90%; } .lx .address{ float: left; width: 240px; height: 100%; border-left: 1px solid #666666; padding: 0 37.5px; } .lx .tel{ float: left; width: 240px; height: 100%; border-left: 1px solid #666666; padding: 0 37.5px; } .lx .email{ float: left; width: 210.24px; height: 100%; border-left: 1px solid #666666; padding: 0 37.5px; } .tel_top { width: 100%; height: 37.5px; line-height: 37.5px; background-color: #f1f1f1; font-size: 15px; color: #424242; clear: both; margin-bottom: 15px; } .tel_top .tel_top_left{ float: left; text-align: left; width: 108.75px; padding-left: 11.25px; height: 37.5px; line-height: 37.5px; } .tel_top .tel_top_right{ float: left; text-align: right; width: 44.25px; height: 37.5px; line-height: 37.5px; } .address_top { width: 100%; height: 37.5px; line-height: 37.5px; background-color: #f1f1f1; font-size: 15px; color: #424242; clear: both; margin-bottom: 15px; } .address_top .address_top_left{ float: left; text-align: left; width:108.75px; padding-left: 11.25px; line-height: 37.5px; } .address_top .address_top_right{ float: left; text-align: right; height: 37.5px; width: 44.25px; line-height: 37.5px; } .email_top { width: 100%; height:37.5px; line-height: 37.5px; background-color: #f1f1f1; font-size: 15px; color: #424242; clear: both; margin-bottom: 15px; } .email_top .email_top_left{ float: left; text-align: left; width: 67.5px; padding-left: 11.25px; line-height: 37.5px; } .email_top .email_top_right{ float: left; text-align: right; height: 37.5px; width: 75px; padding-right: 11.25px; line-height: 37.5px; } } @media screen and (min-width:1400px) and (max-width:1600px){ .lx{ width: 1400px; height: 280px; margin: 0 auto; clear: both; background-color: #fff; padding: 60px 0; } .lx p{ font-size: 16px; color: #666; line-height: 2; padding-left: 15px; } .lx .bottom_loge{ float: left; width: 365px; height: 100%; } .lx .address{ float: left; width: 320px; height: 100%; border-left: 1px solid #666666; padding: 0 50px; } .lx .tel{ float: left; width: 320px; height: 100%; border-left: 1px solid #666666; padding: 0 50px; } .lx .email{ float: left; width: 292px; height: 100%; border-left: 1px solid #666666; padding: 0 50px; } .tel_top { width: 100%; height: 50px; line-height: 50px; background-color: #f1f1f1; font-size: 20px; color: #424242; clear: both; margin-bottom: 20px; } .tel_top .tel_top_left{ float: left; text-align: left; width: 145px; padding-left: 15px; height: 50px; line-height: 50px; } .tel_top .tel_top_right{ float: left; text-align: right; width: 59px; height: 50px; line-height: 50px; } .address_top { width: 100%; height: 50px; line-height: 50px; background-color: #f1f1f1; font-size: 20px; color: #424242; clear: both; margin-bottom: 20px; } .address_top .address_top_left{ float: left; text-align: left; width: 145px; padding-left: 15px; line-height: 50px; } .address_top .address_top_right{ float: left; text-align: right; height: 50px; width: 59px; line-height: 50px; } .email_top { width: 100%; height: 50px; line-height: 50px; background-color: #f1f1f1; font-size: 20px; color: #424242; clear: both; margin-bottom: 20px; } .email_top .email_top_left{ float: left; text-align: left; width: 90px; padding-left: 15px; line-height: 50px; } .email_top .email_top_right{ float: left; text-align: right; height: 50px; width: 100px; padding-right: 15px; line-height: 50px; } } @media (min-width: 1600px){ .lx{ width: 1600px; height: 280px; margin: 0 auto; clear: both; background-color: #fff; padding: 60px 0; } .lx p{ font-size: 16px; color: #666; line-height: 2; padding-left: 15px; } .lx .bottom_loge{ float: left; width: 365px; height: 100%; } .lx .address{ float: left; width: 320px; height: 100%; border-left: 1px solid #666666; padding: 0 50px; } .lx .tel{ float: left; width: 320px; height: 100%; border-left: 1px solid #666666; padding: 0 50px; } .lx .email{ float: left; width: 292px; height: 100%; border-left: 1px solid #666666; padding: 0 50px; } .tel_top { width: 100%; height: 50px; line-height: 50px; background-color: #f1f1f1; font-size: 20px; color: #424242; clear: both; margin-bottom: 20px; } .tel_top .tel_top_left{ float: left; text-align: left; width: 145px; padding-left: 15px; height: 50px; line-height: 50px; } .tel_top .tel_top_right{ float: left; text-align: right; width: 59px; height: 50px; line-height: 50px; } .address_top { width: 100%; height: 50px; line-height: 50px; background-color: #f1f1f1; font-size: 20px; color: #424242; clear: both; margin-bottom: 20px; } .address_top .address_top_left{ float: left; text-align: left; width: 145px; padding-left: 15px; line-height: 50px; } .address_top .address_top_right{ float: left; text-align: right; height: 50px; width: 59px; line-height: 50px; } .email_top { width: 100%; height: 50px; line-height: 50px; background-color: #f1f1f1; font-size: 20px; color: #424242; clear: both; margin-bottom: 20px; } .email_top .email_top_left{ float: left; text-align: left; width: 90px; padding-left: 15px; line-height: 50px; } .email_top .email_top_right{ float: left; text-align: right; height: 50px; width: 100px; padding-right: 15px; line-height: 50px; } } /*底部导航*/ @media (max-width: 768px){ .bottom_nav_left{ display: none; } .bottom_nav_center{ width: 100vw; height: 45vw; padding: 0 10vw; margin-bottom: 3vw; clear: both; } .bottom_nav_center .wx1{ width: 40vw; float: left; text-align: center; } .bottom_nav_center .wx2{ width: 40vw; float: left; text-align: center; } .bottom_nav_center .wx1 img{ width: 90%; } .bottom_nav_center .wx2 img{ width: 90%; } .bottom_nav_right{ width: 100vw; } .bottom_nav_right p{ width: 100%; color: #333; font-size: 7vw; text-align: center; margin-bottom: 3vw; } .bottom_nav_right b{ width: 100vw; padding: 0 5vw; color: #666; font-size: 4vw; text-align: center; line-height: 2.4; display: block; } .bottom_nav_right .view_more{ width: 50vw; margin: 0 25vw; margin-top: 5vw; text-align: center; padding-left: 0; } .bottom_nav_right .view_more img{ padding-left: 2vw; } } @media screen and (min-width:768px) and (max-width:992px){ .bottom_nav_left{ display: none; } .bottom_nav_center{ width: 100vw; height: 45vw; padding: 0 10vw; margin-bottom: 3vw; clear: both; } .bottom_nav_center .wx1{ width: 40vw; float: left; text-align: center; } .bottom_nav_center .wx2{ width: 40vw; float: left; text-align: center; } .bottom_nav_center .wx1 img{ width: 90%; } .bottom_nav_center .wx2 img{ width: 90%; } .bottom_nav_right{ width: 100vw; } .bottom_nav_right p{ width: 100%; color: #333; font-size: 7vw; text-align: center; margin-bottom: 3vw; } .bottom_nav_right b{ width: 100vw; padding: 0 5vw; color: #666; font-size: 4vw; text-align: center; line-height: 2.4; display: block; } .bottom_nav_right .view_more{ width: 50vw; margin: 0 25vw; margin-top: 5vw; text-align: center; padding-left: 0; } .bottom_nav_right .view_more img{ padding-left: 2vw; } } @media screen and (min-width:992px) and (max-width:1200px){ .bottom_nav{ width: 992px; margin: 0 auto; clear: both; padding: 24.8px 76.88px; } .bottom_nav_center{ width: 292.64px; margin: 0 31px; float: left; } .bottom_nav_left{ width: 260.4px; clear: both; float: left; } .bottom_nav_right{ width: 223.2px; float: left; position: relative; } .bottom_nav_left .wz_nav{ width: 130.2px; float: left; } .bottom_nav_left .cp_xl{ width: 130.2px; float: left; } .bottom_nav_left .wz_nav .wz_nav_more{ width: 100%; color: #424242; font-size: 12.4px; line-height: 15.5px; } .bottom_nav_left .wz_nav .wz_nav_more img{ margin-right: 9.3px; } .bottom_nav_left ul{ width: 100%; } .bottom_nav_left ul li{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 9.92px; color: #666; line-height: 2.4; } .bottom_nav_left .cp_xl .wz_nav_more{ width: 100%; color: #424242; font-size: 12.4px; line-height: 15.5px; } .bottom_nav_left .cp_xl .wz_nav_more img{ margin-right: 9.3px; } .bottom_nav_center .wx1{ width: 115.32px; float: left; text-align: center; } .bottom_nav_center .wx2{ width: 115.32px; float: left; text-align: center; } .bottom_nav_center p{ font-size: 9.92px; color: #666; } .bottom_nav_right p{ width: 100%; color: #333; font-size: 12.4px; text-align: center; margin-bottom: 12.4px; } .bottom_nav_right b{ width: 100%; color: #666; font-size: 9.92px; text-align: center; line-height: 2.4; } .bottom_nav_right .view_more{ margin-left: 46.5px; } } @media screen and (min-width:1200px) and (max-width:1400px){ .bottom_nav{ width: 1200px; margin: 0 auto; clear: both; padding: 30px 93px; } .bottom_nav_center{ width: 354px; margin: 0 37.5px; float: left; } .bottom_nav_left{ width: 315px; clear: both; float: left; } .bottom_nav_right{ width: 270px; float: left; position: relative; } .bottom_nav_left .wz_nav{ width: 157.5px; float: left; } .bottom_nav_left .cp_xl{ width: 157.5px; float: left; } .bottom_nav_left .wz_nav .wz_nav_more{ width: 100%; color: #424242; font-size: 15px; line-height: 18.75px; } .bottom_nav_left .wz_nav .wz_nav_more img{ margin-right: 11.25px; } .bottom_nav_left ul{ width: 100%; } .bottom_nav_left ul li{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; color: #666; line-height: 2.4; } .bottom_nav_left .cp_xl .wz_nav_more{ width: 100%; color: #424242; font-size: 15px; line-height: 18.75px; } .bottom_nav_left .cp_xl .wz_nav_more img{ margin-right: 11.25px; } .bottom_nav_center .wx1{ width: 139.5px; float: left; text-align: center; } .bottom_nav_center .wx2{ width: 139.5px; float: left; text-align: center; } .bottom_nav_center p{ font-size: 12px; color: #666; } .bottom_nav_right p{ width: 100%; color: #333; font-size: 15px; text-align: center; margin-bottom: 15px; } .bottom_nav_right b{ width: 100%; color: #666; font-size: 12px; text-align: center; line-height: 2.4; } .bottom_nav_right .view_more{ margin-top: 48px; margin-left: 56.25px; } } @media screen and (min-width:1400px) and (max-width:1600px){ .bottom_nav{ width: 1400px; margin: 0 auto; clear: both; padding: 40px 70px; } .bottom_nav_center{ width: 380px; margin: 0 50px; float: left; } .bottom_nav_left{ width: 420px; clear: both; float: left; } .bottom_nav_right{ width: 360px; float: left; position: relative; } .bottom_nav_left .wz_nav{ width: 210px; float: left; } .bottom_nav_left .cp_xl{ width: 210px; float: left; } .bottom_nav_left .wz_nav .wz_nav_more{ width: 100%; color: #424242; font-size: 20px; line-height: 25px; } .bottom_nav_left .wz_nav .wz_nav_more img{ margin-right: 15px; } .bottom_nav_left ul{ width: 100%; } .bottom_nav_left ul li{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #666; line-height: 2.4; } .bottom_nav_left .cp_xl .wz_nav_more{ width: 100%; color: #424242; font-size: 20px; line-height: 25px; } .bottom_nav_left .cp_xl .wz_nav_more img{ margin-right: 15px; } .bottom_nav_center .wx1{ width: 186px; float: left; text-align: center; } .bottom_nav_center .wx2{ width: 186px; float: left; text-align: center; } .bottom_nav_center p{ font-size: 16px; color: #666; } .bottom_nav_right p{ width: 100%; color: #333; font-size: 20px; text-align: center; margin-bottom: 20px; } .bottom_nav_right b{ width: 100%; color: #666; font-size: 16px; text-align: center; line-height: 2.4; } .bottom_nav_right .view_more{ margin-top: 30px; margin-left: 75px; } } @media (min-width: 1600px){ .bottom_nav{ width: 1600px; margin: 0 auto; clear: both; padding: 40px 124px; } .bottom_nav_center{ width: 472px; margin: 0 50px; float: left; } .bottom_nav_left{ width: 420px; clear: both; float: left; } .bottom_nav_right{ width: 360px; float: left; position: relative; } .bottom_nav_left .wz_nav{ width: 210px; float: left; } .bottom_nav_left .cp_xl{ width: 210px; float: left; } .bottom_nav_left .wz_nav .wz_nav_more{ width: 100%; color: #424242; font-size: 20px; line-height: 25px; } .bottom_nav_left .wz_nav .wz_nav_more img{ margin-right: 15px; } .bottom_nav_left ul{ width: 100%; } .bottom_nav_left ul li{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #666; line-height: 2.4; } .bottom_nav_left .cp_xl .wz_nav_more{ width: 100%; color: #424242; font-size: 20px; line-height: 25px; } .bottom_nav_left .cp_xl .wz_nav_more img{ margin-right: 15px; } .bottom_nav_center .wx1{ width: 186px; float: left; text-align: center; } .bottom_nav_center .wx2{ width: 186px; float: left; text-align: center; } .bottom_nav_center p{ font-size: 16px; color: #666; } .bottom_nav_right p{ width: 100%; color: #333; font-size: 20px; text-align: center; margin-bottom: 20px; } .bottom_nav_right b{ width: 100%; color: #666; font-size: 16px; text-align: center; line-height: 2.4; } .bottom_nav_right .view_more{ margin-top: 60px; margin-left: 75px; } } @media (max-width: 768px){ .friend{ display: none; } /*.friend{ width: 100vw; margin: 0 auto; clear: both; line-height: 6vw; color: #333; font-size: 3vw; padding: 3vw 5vw; max-height: 6vw; } .friend li{ float: left; margin-right: 2vw; }*/ .bottom{ width: 100vw; font-size: 3vw; color: #fff; background-color: #555555; padding: 3vw 5vw; line-height: 1.5; margin-top: 3vw; } } @media screen and (min-width:768px) and (max-width:992px){ .friend{ display: none; } /*.friend{ width: 100vw; margin: 0 auto; clear: both; line-height: 6vw; color: #333; font-size: 3vw; padding: 3vw 5vw; max-height: 6vw; } .friend li{ float: left; margin-right: 2vw; }*/ .bottom{ width: 100%; font-size: 3vw; color: #fff; background-color: #555555; padding: 3vw 5vw; line-height: 1.5; margin-top: 3vw; } } @media screen and (min-width:992px) and (max-width:1200px){ .friend{ width: 992px; margin: 0 auto; clear: both; padding: 24.8px 76.88px; height: 27.9px; line-height: 27.9px; color: #333; font-size: 9.92px; display: block; } .friend ul{ width: 100%; height: auto; clear: both; } .friend ul li{ width: auto; float: left; margin-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bottom{ width: 100%; height: 43.4px; line-height: 43.4px; font-size: 9.92px; color: #fff; background-color: #555555; margin-top: 3vw; text-align: center; } } @media screen and (min-width:1200px) and (max-width:1400px){ .friend{ width: 1200px; margin: 0 auto; clear: both; padding: 30px 93px; height: 33.75px; line-height: 33.75px; color: #333; font-size: 12px; display: block; } .friend ul{ width: 100%; height: auto; clear: both; } .friend ul li{ width: auto; float: left; margin-right: 7.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bottom{ width: 100%; height: 52.5px; line-height: 52.5px; font-size: 12px; color: #fff; background-color: #555555; margin-top: 3vw; text-align: center; } } @media screen and (min-width:1400px) and (max-width:1600px){ .friend{ width: 1400px; margin: 0 auto; clear: both; padding: 35px 108.5px; height: 39.375px; line-height: 39.375px; color: #333; font-size: 9.92px; display: block; } .friend ul{ width: 100%; height: auto; clear: both; } .friend ul li{ width: auto; float: left; margin-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bottom{ width: 100%; height: 61.25px; line-height: 61.25px; font-size: 9.92px; color: #fff; background-color: #555555; margin-top: 3vw; text-align: center; } } @media (min-width: 1600px){ .friend{ width: 1600px; margin: 0 auto; clear: both; padding: 40px 124px; height: 45px; line-height: 45px; color: #333; font-size: 16px; display: block; } .friend ul{ width: 100%; height: auto; clear: both; } .friend ul li{ width: auto; float: left; margin-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bottom{ width: 100%; height: 70px; line-height: 70px; font-size: 16px; color: #fff; background-color: #555555; margin-top: 3vw; text-align: center; } } @media (max-width: 1200px){ .bottom_form{ display: none; } .bottom_form{ min-width: 1600px; background-color: #2c2c2c; position: relative; } .bottom_form form{ width: 1600px; margin: 0 auto; height: 155px; line-height: 155px; position: relative; overflow: hidden; } .bottom_form input{ width: 246px; height: 65px; background-color: #fff; color: #999; font-size: 16px; padding: 0 30px; border-radius: 6px; margin-left: 20px; } .bottom_form b{ font-size: 35px; color: #ccc; margin-right: 25px; } .view_more_btn{ position: absolute; top: 55px; left:1198px; width: 150px; } .view_more_mse{ position: absolute; top: 55px; left:1408px; width: 150px; } .bottom_form .invite-tool { position: absolute; right: 30px; top: 10px; font-size: 1.3em; color: #fff; cursor:pointer } } @media screen and (min-width:1200px) and (max-width:1400px){ .bottom_form{ min-width: 1200px; background-color: #2c2c2c; position: relative; } .bottom_form form{ width: 1200px; margin: 0 auto; height: 116.25px; line-height: 116.25px; position: relative; overflow: hidden; } .bottom_form input{ width: 184.5px; height: 48.75px; background-color: #fff; color: #999; font-size: 12px; padding: 0 22.5px; border-radius: 5px; margin-left: 15px; } .bottom_form b{ font-size: 26.25px; color: #ccc; margin-right: 18.75px; } .view_more_btn{ position: absolute; top: 41.25px; left:898.5px; width: 112.5px; } .view_more_mse{ position: absolute; top: 41.25px; left:1056px; width: 112.5px; } .bottom_form .invite-tool { position: absolute; right: 22.5px; top: 7.5px; font-size: 1.3em; color: #fff; cursor:pointer } } @media screen and (min-width:1400px) and (max-width:1600px){ .bottom_form{ min-width: 1400px; background-color: #2c2c2c; position: relative; } .bottom_form form{ width: 1400px; margin: 0 auto; height: 135.625px; line-height: 135.625px; position: relative; overflow: hidden; } .bottom_form input{ width: 215.25px; height: 56.875px; background-color: #fff; color: #999; font-size: 14px; padding: 0 26.25px; border-radius: 6px; margin-left: 17.5px; } .bottom_form b{ font-size: 30.625px; color: #ccc; margin-right: 21.875px; } .view_more_btn{ position: absolute; top: 48.125px; left:1048.25px; width: 131.25px; } .view_more_mse{ position: absolute; top: 48.125px; left:1232px; width: 131.25px; } .bottom_form .invite-tool { position: absolute; right: 26.25px; top: 8.75px; font-size: 1.3em; color: #fff; cursor:pointer } } @media (min-width: 1600px){ .bottom_form{ min-width: 1600px; background-color: #2c2c2c; position: relative; } .bottom_form form{ width: 1600px; margin: 0 auto; height: 155px; line-height: 155px; position: relative; overflow: hidden; } .bottom_form input{ width: 246px; height: 65px; background-color: #fff; color: #999; font-size: 16px; padding: 0 30px; border-radius: 6px; margin-left: 20px; } .bottom_form b{ font-size: 35px; color: #ccc; margin-right: 25px; } .view_more_btn{ position: absolute; top: 55px; left:1198px; width: 150px; } .view_more_mse{ position: absolute; top: 55px; left:1408px; width: 150px; } .bottom_form .invite-tool { position: absolute; right: 30px; top: 10px; font-size: 1.3em; color: #fff; cursor:pointer } }