@font-face { font-family: "CenturyGothic"; src: url('../fonts/CenturyGothic.TTF') format('truetype'); } @font-face { font-family: "AbrilFatface-Regular"; src: url('../fonts/Abril Fatface.ttf') format('truetype'); } body { min-width: 1200px; } header { position: relative; } header .header_bottom { height: 90px; } header .header_bottom .logo { height: 55px; } header .header_bottom .logo a { height: 55px; } header .header_bottom .header_main { width: 79.61538462%; } header .header_bottom .header_main nav { width: 92.75362319%; letter-spacing: 1px; } header .header_bottom .header_main nav .nav_item { position: relative; } header .header_bottom .header_main nav a { position: relative; height: 90px; line-height: 90px; } header .header_bottom .header_main nav a span { position: relative; height: 100%; display: inline-block; } header .header_bottom .header_main nav a span::before { content: ''; position: absolute; left: 50%; bottom: 0; height: 2px; width: 0; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: #00f; display: block; } header .header_bottom .header_main nav a.active, header .header_bottom .header_main nav a:hover { color: #00f; } header .header_bottom .header_main nav a.active span::before, header .header_bottom .header_main nav a:hover span::before { width: 100%; } header .header_bottom .header_main .nav_hide { color: #666; } header .header_bottom .header_main .nav1 { position: absolute; left: -44px; top: 100%; width: 530px; padding: 44px; background-color: #fff; display: none; } header .header_bottom .header_main .nav1 ul { margin-right: 36px; padding-right: 36px; border-right: 1px solid #eee; } header .header_bottom .header_main .nav1 a { height: auto; line-height: 44px; } header .header_bottom .header_main .nav1 a.active, header .header_bottom .header_main .nav1 a:hover { color: #00f; } header .header_bottom .header_main .nav2 { position: absolute; top: 100%; left: -240px; padding: 0 40px; width: 850px; height: 100px; background-color: #fff; border-top: 1px solid #eee; display: none; } header .header_bottom .header_main .nav2 .img { position: relative; margin-right: 15px; } header .header_bottom .header_main .nav2 a { color: #666666; line-height: 100px; height: auto; } header .header_bottom .header_main .nav2 .nav2_item { position: relative; padding-left: 25px; } header .header_bottom .header_main .nav2 .nav2_item::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -12px; height: 24px; width: 1px; background-color: #eee; } header .header_bottom .header_main .nav2 .nav2_item:first-child { padding-left: 0; } header .header_bottom .header_main .nav2 .nav2_item:first-child::before { display: none; } header .header_bottom .header_main .nav2 .nav2_item.active .img::after, header .header_bottom .header_main .nav2 .nav2_item:hover .img::after { content: ""; position: absolute; left: 50%; top: -8px; margin-left: -16px; width: 33px; height: 33px; border-radius: 50%; background-color: rgba(1, 104, 243, 0.09); } header .header_bottom .header_main .nav2 .nav2_item.active a, header .header_bottom .header_main .nav2 .nav2_item:hover a { color: #00f; } header .header_bottom .header_main .sec .iconfont { font-size: 30px; cursor: pointer; color: #00f; } header .search { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; display: none; color: #333; } header .search .sec_logo { height: 90px; } header .search .sec_logo img { height: 100%; } header .search form { width: 73.07692308%; } header .search .search_input { width: 650px; } header .search .search_input input { width: 620px; font-size: 18px; -o-transform: translate3d(200px, 0, 0); -moz-transform: translate3d(200px, 0, 0); -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } header .search .search_input .iconfont { font-size: 26px; cursor: pointer; -o-transform: translate3d(40px, 0, 0); -moz-transform: translate3d(40px, 0, 0); -webkit-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0); -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } header .search .search_input.active input, header .search .search_input.active .iconfont { -o-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } header .search .cancel { cursor: pointer; } header .search .cancel .iconfont { -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } header .search .cancel:hover .iconfont { -o-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } .index header { position: fixed; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.16); z-index: 9; color: #fff; } .index header.index_top a span::before { background-color: #fff !important; } .index header.index_top a:hover { color: inherit !important; } .index header .nav_hide a:hover { color: #00f !important; } .index header .sec .iconfont { color: #fff !important; } footer { padding-top: 68px; padding-bottom: 34px; background-color: #30343e; } footer .footer_top { padding-bottom: 58px; } footer .footer_list { width: 80.38461538%; } footer .footer_list dl dt { margin-bottom: 30px; color: #fff; font-size: 18px; } footer .footer_list dl dd { color: #979b9e; font-size: 14px; line-height: 40px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } footer .footer_list dl dd:hover { -o-transform: translate3d(5px, 0, 0); -moz-transform: translate3d(5px, 0, 0); -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); color: #fff; } footer .qr_code .t_head { font-size: 18px; color: #fff; text-align: center; } footer .qr_code .img { margin-top: 38px; padding: 10px; border: 1px solid rgba(255, 255, 255, 0.2); } footer .qr_code p { margin-top: 14px; text-align: center; font-size: 12px; color: #979b9e; } footer .footer_bottom { padding-top: 36px; font-size: 12px; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.1); } footer .footer_bottom .relevant { opacity: 0.5; line-height: 1; } footer .footer_bottom .relevant a { margin: 0 5px; } footer .footer_bottom .relevant a.no_right { margin-right: 0; } footer .footer_bottom .relevant span { margin-right: 5px; } footer .footer_bottom .addr { margin-top: 10px; text-align: center; opacity: 0.5; } footer .footer_bottom .last { margin-top: 16px; } footer .footer_bottom .last span { margin-left: 5px; opacity: 0.5; } #map { max-width: 1920px; height: 600px; } #map img { width: 100%; height: 100%; } .index_main .main1 { position: relative; } .index_main .main1 .swiper-prev, .index_main .main1 .swiper-next { position: absolute; top: 50%; margin-top: -30px; height: 60px; width: 60px; text-align: center; line-height: 60px; color: #fff; background-color: rgba(0, 0, 0, 0.2); z-index: 11; cursor: pointer; } .index_main .main1 .swiper-prev .iconfont, .index_main .main1 .swiper-next .iconfont { font-size: 24px; } .index_main .main1 .swiper-prev { left: 0; } .index_main .main1 .swiper-next { right: 0; } .index_main .main1 .swiper-pagination { color: #fff; bottom: 37px; } .index_main .main1 .swiper-scrollbar { top: auto; left: 50%; bottom: 45px; margin-left: -45px; width: 90px; height: 2px; background-color: rgba(255, 255, 255, 0.3); } .index_main .main1 .swiper-scrollbar .swiper-scrollbar-drag { background-color: #fff; } .index_main .main2 { padding-top: 92px; background-color: #f9fcff; } .index_main .main2 h2 { font-size: 42px; font-weight: bold; text-align: center; } .index_main .main2 .sub { margin: 40px auto 37px; width: 930px; color: #888; line-height: 32px; text-align: center; } .index_main .main2 .map { margin: 0 auto; width: 930px; } .index_main .main2 .map ul { margin-left: 8px; margin-bottom: 36px; } .index_main .main2 .map ul li { margin-top: 15px; color: #666; } .index_main .main2 .map ul li i { margin-right: 15px; width: 10px; height: 10px; display: inline-block; } .index_main .main2 .map ul li:nth-child(1) i { background-color: #00f; } .index_main .main2 .map ul li:nth-child(2) i { background-color: #00c6ff; } .index_main .main2 .map ul li:nth-child(3) i { background-color: #00f; } .index_main .main2 .map ul li:nth-child(4) i { background-color: #00c6ff; } .index_main .main2 .map ul li:nth-child(5) i { background-color: #00f; } .index_main .main2 .map ul li:nth-child(6) i { background-color: #00c6ff; } .index_main .main2 .map ul li:nth-child(7) i { background-color: #00f; } .index_main .main2 .map ul li:nth-child(8) i { background-color: #00c6ff; } .index_main .main2 .map .img { position: relative; } .index_main .main2 .map .img > div { position: absolute; width: 10px; height: 10px; border-radius: 50%; } .index_main .main2 .map .img > div div { position: absolute; top: 50%; left: 50%; height: 10px; width: 10px; opacity: 0.1; border-radius: 50%; background-color: inherit; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -o-animation: bolan 5s infinite; -moz-animation: bolan 5s infinite; -webkit-animation: bolan 5s infinite; animation: bolan 5s infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .index_main .main2 .map .img > div div:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .index_main .main2 .map .img > div div:nth-child(2) { -o-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; } .index_main .main2 .map .img > div div:nth-child(3) { -o-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s; animation-delay: 2s; } .index_main .main2 .map .img .item1 { left: 562px; bottom: 235px; background-color: #119fa0; } .index_main .main2 .map .img .item2 { left: 453px; bottom: 185px; background-color: #fdb817; } .index_main .main2 .map .img .item3 { left: 320px; bottom: 235px; background-color: #ec5724; } .index_main .main2 .map .img .item4 { left: 482px; bottom: 70px; background-color: #22ae87; } .index_main .main2 .map .img .item5 { left: 481px; bottom: 350px; background-color: #3f6dff; } .index_main .main2 .bottom_data { margin-top: 50px; height: 200px; background: url("../images/public/index_about_bg.jpg") center no-repeat; } .index_main .main2 .bottom_data .data { margin: 0 auto; width: 1140px; height: 100%; color: #fff; } .index_main .main2 .bottom_data .data .num { margin-right: 10px; font-size: 44px; font-weight: bold; } .index_main .main2 .bottom_data .data .unit { font-weight: bold; font-size: 14px; line-height: 30px; } .index_main .main2 .bottom_data .data .unit.add { font-size: 20px; } .index_main .main2 .bottom_data .data p { margin-top: 5px; font-weight: lighter; font-size: 18px; opacity: 0.8; } .index_main .main3 { padding-top: 95px; } .index_main .main3 h2 { font-size: 42px; font-weight: bold; text-align: center; } .index_main .main3 .sub { margin-top: 10px; text-align: center; color: #bbb; } .index_main .main3 .main_info { margin-top: 58px; } .index_main .main3 .main_info li { height: 33.33%; border-top: 1px solid #ecf0f3; } .index_main .main3 .main_info li:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .index_main .main3 .main_info li:nth-child(2) { -o-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .index_main .main3 .main_info li:nth-child(3) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .index_main .main3 .main_info li:first-child { border-top: none; } .index_main .main3 .main_info li .img_icon { margin-right: 40px; } .index_main .main3 .main_info li h3 { font-size: 24px; font-weight: bold; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .index_main .main3 .main_info li h3 .num { width: 0; opacity: 0; overflow: hidden; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .index_main .main3 .main_info li h3 span { padding-right: 25px; font-family: Arial; color: #0168f3; } .index_main .main3 .main_info li h3 span i { margin-right: 18px; width: 0; height: 1px; background-color: #0168f3; display: inline-block; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .index_main .main3 .main_info li p { margin-top: 23px; width: 400px; color: #888; line-height: 30px; } .index_main .main3 .main_info li.active { background-color: #fafcfe; } .index_main .main3 .main_info li.active h3 { color: #0168f3; } .index_main .main3 .main_info li.active h3 .num { width: 118px; opacity: 1; } .index_main .main3 .main_info li.active h3 .num span i { width: 40px; } .index_main .main3 .main_info .right_img { width: 46.875%; } .index_main .main3 .main_info .right_img img { display: none; } .index_main .main3 .main_info .right_img img.active { display: block; } .index_main .main4 { padding-top: 120px; background-color: #fefeff; } .index_main .main4 h2 { font-size: 42px; text-align: center; font-weight: bold; } .index_main .main4 .sub { margin-top: 10px; color: #bbb; text-align: center; } .index_main .main4 .content { margin-top: 57px; padding-top: 117px; height: 560px; background: url("../images/public/index_main4_bg.jpg") center no-repeat; } .index_main .main4 .content h3 { font-size: 30px; font-weight: bold; color: #fff; text-align: center; } .index_main .main4 .content p { margin: 44px auto 0; color: #fff; line-height: 40px; text-align: center; } .index_main .main4 .list { padding: 0 18px 20px; margin-top: -190px; max-width: 1336px; overflow: hidden; } .index_main .main4 .list .swiper-container { overflow: visible; } .index_main .main4 .list .item { position: relative; padding: 40px 45px 40px; height: 420px; background-color: #fff; box-shadow: 0px 0px 16px 9px rgba(0, 69, 170, 0.05); border-radius: 20px; } .index_main .main4 .list .item h3 { font-size: 24px; font-weight: bold; } .index_main .main4 .list .item .tag { margin-left: 15px; padding: 5px 13px; font-size: 12px; color: #fff; border-radius: 0px 9px 0px 9px; background-color: #27b082; } .index_main .main4 .list .item .sub_title { margin-top: 7px; font-size: 14px; color: #bbb; } .index_main .main4 .list .item .text { margin-top: 35px; } .index_main .main4 .list .item .text p { color: #888; font-size: 14px; line-height: 28px; } .index_main .main4 .list .item .text .bottom { position: absolute; bottom: 45px; } .index_main .main4 .list .item .text .bottom img { width: 100px; } .index_main .main4 .list .item .text .bottom .order { margin-left: 122px; line-height: 1; font-size: 90px; color: #e5f0fe; opacity: 0.3; font-family: AbrilFatface-Regular; } .index_main .main4 .list .swiper-container { padding-bottom: 85px; } .index_main .main4 .list .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 8px ; border-radius: 4px; background-color: rgba(34, 174, 135, 0.2); opacity: 1; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } .index_main .main4 .list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; background-color: #27b082; } .index_main .main5 { margin-top: 60px; padding-bottom: 90px; } .index_main .main5 h2 { font-weight: bold; font-size: 42px; line-height: 1; } .index_main .main5 .toggle_list li { line-height: 1; color: #888; } .index_main .main5 .toggle_list li:first-child { padding-right: 30px; margin-right: 30px; border-right: 1px solid #eee; } .index_main .main5 .toggle_list li.active { color: #27b082; } .index_main .main5 .news_main { margin-top: 64px; } .index_main .main5 .news_left { padding-bottom: 52px; width: 38.46153846%; } .index_main .main5 .news_left .img { overflow: hidden; } .index_main .main5 .news_left .date_more { margin-top: 45px; } .index_main .main5 .news_left .date_more .iconfont { margin-left: 42px; color: #bbbbbb; font-size: 24px; } .index_main .main5 .news_left:hover .date_more .iconfont { color: #27b082; } .index_main .main5 .news_left .date { position: relative; padding-right: 42px; padding-left: 33px; font-size: 30px; font-family: ArialMT; color: #bbbbbb; opacity: 0.8; } .index_main .main5 .news_left .date::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 12px; height: 3px; background-color: #dcdcdc; } .index_main .main5 .news_left .date::after { content: ""; position: absolute; top: 50%; right: 0; margin-top: -10px; height: 20px; width: 1px; background-color: #eee; } .index_main .main5 .news_left h3 { margin-top: 40px; font-size: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .index_main .main5 .news_left p { margin-top: 26px; color: #888; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 96px; min-height: 96px; line-height: 32px; } .index_main .main5 .news_right { width: 50.76923077%; } .index_main .main5 .news_right ul { height: 100%; } .index_main .main5 .news_right li { height: 33.33%; border-top: 1px solid #eee; } .index_main .main5 .news_right li > div { width: 100%; } .index_main .main5 .news_right li:last-child { border-bottom: 1px solid #eee; } .index_main .main5 .news_right li .text { width: 73.48484848%; } .index_main .main5 .news_right li h3 { font-size: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .index_main .main5 .news_right li p { margin-top: 22px; font-size: 14px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 56px; min-height: 56px; line-height: 28px; color: #888; } .index_main .main5 .news_right li .date { margin-top: -3px; font-size: 26px; color: #bbb; } .index_main .main5 .news_right li .more { margin-top: 40px; height: 20px; border-left: solid 1px #e5e5e5; text-align: right; } .index_main .main5 .news_right li .more .iconfont { font-size: 20px; color: #ccc; } .index_main .main5 .news_right li:hover h3 { color: #27b082; } .index_main .main5 .news_right li:hover .more .iconfont { color: #27b082; } .index_main .main6 { padding: 75px 0; background-color: #fafcfe; } .index_main .main6 h2 { font-size: 42px; font-weight: bold; text-align: center; } .index_main .main6 .sub { margin-top: 10px; text-align: center; color: #bbbbbb; } .index_main .main6 .partner_swiper { margin-top: 56px; } .index_main .main6 .partner_swiper .swiper-container { padding-bottom: 80px; } .index_main .main6 .partner_swiper .swiper-pagination-bullet { width: 20px; height: 8px; opacity: 1; background-color: rgba(34, 174, 135, 0.2); border-radius: 4px; } .index_main .main6 .partner_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; background-color: #27b082; } .index_main .main6 .picture_container { padding-top: 50% ; border-radius: 10px; background-color: #fff; } .index_main .main7 { height: 513px; text-align: center; color: #fff; background: url("../images/public/index_main7_bg.jpg"); } .index_main .main7 .center { height: 100%; } .index_main .main7 h2 { font-size: 42px; font-weight: bold; } .index_main .main7 ul { margin-top: 40px; } .index_main .main7 li { line-height: 36px; } .index_main .main7 a { margin: 56px auto 0; width: 170px; height: 54px; line-height: 54px; background-color: #27b082; } .menu { height: 80px; line-height: 80px; border-bottom: 1px solid #eee; } .menu a { position: relative; margin: 0 45px; } .menu a::after { content: ""; position: absolute; bottom: 0; width: 0; height: 2px; left: 50%; background-color: #00f; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .menu a:hover::after, .menu a.active::after { width: 100%; } .xg_crumbs { margin-top: -80px; padding-left: 55px; padding-right: 60px; height: 80px; line-height: 80px; text-align: center; color: #fff; font-size: 14px; border-radius: 50px 0px 0px 0px; background: rgba(0, 0, 0, 0.3) url("../images/public/crumbs_bg.png") right no-repeat; } .brief_main .xg_crumbs { padding-left: 55px; padding-right: 60px; } .brief_main .main2 { padding-top: 92px; } .brief_main .main2 h2 { font-size: 42px; font-weight: bold; text-align: center; } .brief_main .main2 .sub { margin-top: 8px; text-align: center; color: #bbb; } .brief_main .main2 p { margin-top: 44px; margin-bottom: 40px; line-height: 34px; color: #666666; text-indent: 2em; } .brief_main .main2 .video { position: relative; } .brief_main .main2 .video .iconfont { position: absolute; top: 50%; left: 50%; font-size: 62px; color: #fff; cursor: pointer; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .brief_main .main2 .data { position: relative; margin-top: -130px; padding: 0 75px; height: 230px; box-shadow: 0px 1px 21px 0px rgba(0, 98, 172, 0.09); border-radius: 16px; background: #fff url("../images/public/brief_bg.jpg") center / cover; z-index: 2; } .brief_main .main2 .data .top { position: relative; } .brief_main .main2 .data .num { font-family: CenturyGothic; font-weight: bold; color: #00f; font-size: 44px; } .brief_main .main2 .data .unit { position: absolute; top: 0; left: calc(100% + 10px); font-size: 14px; color: #cccccc; } .brief_main .main2 .data .unit.plus { font-size: 22px; } .brief_main .main2 .data .text { color: #999999; } .brief_main .main3 { padding-top: 90px; padding-bottom: 100px; } .brief_main .main3 .title { position: relative; margin-bottom: 100px; padding: 8px 90px; font-size: 26px; font-weight: bold; text-align: center; line-height: 50px; } .brief_main .main3 .title .img1 { position: absolute; top: 0; left: 0; } .brief_main .main3 .title .img2 { position: absolute; bottom: 0; right: 0; } .brief_main .main3 .left .item { margin-top: 38px; width: 386px; } .brief_main .main3 .left .item:first-child { margin-top: 0; } .brief_main .main3 .left .item:first-child .iconfont { color: #00f; } .brief_main .main3 .left .item:nth-child(2) .iconfont { color: #00c6ff; } .brief_main .main3 .left .item:nth-child(3) .iconfont { color: #00f; } .brief_main .main3 .left .item:nth-child(4) .iconfont { color: #00c6ff; } .brief_main .main3 .left .item:nth-child(5) .iconfont { color: #00f; } .brief_main .main3 .left .area { position: relative; padding-left: 45px; font-size: 18px; } .brief_main .main3 .left .iconfont { position: absolute; left: 0; top: 50%; font-size: 24px; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .brief_main .main3 .left p { margin-top: 8px; padding-left: 45px; color: #666; font-size: 14px; line-height: 2; } .brief_main .main3 .map { position: relative; } .brief_main .main3 .map > div { position: absolute; width: 10px; height: 10px; border-radius: 50%; } .brief_main .main3 .map > div div { position: absolute; top: 50%; left: 50%; height: 10px; width: 10px; opacity: 0.1; border-radius: 50%; background-color: inherit; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -o-animation: bolan 5s infinite; -moz-animation: bolan 5s infinite; -webkit-animation: bolan 5s infinite; animation: bolan 5s infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .brief_main .main3 .map > div div:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .brief_main .main3 .map > div div:nth-child(2) { -o-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; } .brief_main .main3 .map > div div:nth-child(3) { -o-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s; animation-delay: 2s; } .brief_main .main3 .map .item1 { left: 80.28571429%; bottom: 41.43356643%; background-color: #119fa0; } .brief_main .main3 .map .item2 { left: 64.71428571%; bottom: 32.34265734%; background-color: #fdb817; } .brief_main .main3 .map .item3 { left: 45.71428571%; bottom: 41.08391608%; background-color: #ec5724; } .brief_main .main3 .map .item4 { left: 68.85714286%; bottom: 12.23776224%; background-color: #22ae87; } .brief_main .main3 .map .item5 { left: 68.71428571%; bottom: 61.18881119%; background-color: #3f6dff; } .brief_main #alert_video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; display: none; } .brief_main #alert_video .alert_wrap { height: 100%; width: 100%; } .brief_main #alert_video .video_wrap { position: relative; } .brief_main #alert_video video { width: 1000px; } .brief_main #alert_video .close { position: absolute; top: 0; right: 0; height: 40px; width: 40px; border-radius: 50%; text-align: center; line-height: 34px; color: #fff; border: 3px solid #fff; cursor: pointer; -o-transform: translate3d(50%, -50%, 0); -moz-transform: translate3d(50%, -50%, 0); -webkit-transform: translate3d(50%, -50%, 0); transform: translate3d(50%, -50%, 0); } .brief_main #alert_video .close .iconfont { font-size: 20px; } .about_main .main2 { padding-top: 92px; } .about_main .main2 .center { padding-left: 6.25%; } .about_main .main2 h2 { font-size: 42px; font-weight: bold; text-align: center; } .about_main .main2 .sub { margin-top: 8px; text-align: center; color: #bbb; } .about_main .main2 .content { margin-top: 56px; padding: 100px 115px; background-color: #fafafa; } .about_main .main2 .content .left_text { position: relative; margin-top: 95px; padding-top: 35px; } .about_main .main2 .content .left_text img { position: absolute; top: 0; left: 0; } .about_main .main2 .content .left_text .txt { position: absolute; top: 76px; left: 0; font-size: 24px; } .about_main .main2 .content .left_text p { font-size: 60px; line-height: 80px; color: #bbbbbb; opacity: 0.2; font-family: AbrilFatface-Regular; } .about_main .main2 .content .text { margin-top: 50px; font-size: 30px; font-weight: bold; } .about_main .main2 .content .text .text1 { color: #27ab80; } .about_main .main2 .content .text .text2 { color: #ec5724; } .about_main .main2 .content .text .text3 { color: #0064ed; } .about_main .main2 .content .text .text4 { color: #fdb817; } .about_main .main2 .content .right .list { position: relative; padding: 0 100px; } .about_main .main2 .content .right .list .img { position: relative; -o-animation: route 20s infinite; -moz-animation: route 20s infinite; -webkit-animation: route 20s infinite; animation: route 20s infinite; animation-timing-function: linear; } .about_main .main2 .content .right .icon_cir { position: absolute; top: 50%; left: 50%; padding-top: 54px; width: 216px; height: 216px; text-align: center; border-radius: 50%; background-color: #fff; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .about_main .main2 .content .right .icon_cir .tag { margin-top: 22px; font-size: 20px; } .about_main .main2 .content .right .icon_cir p { margin-top: 10px; font-size: 14px; color: #bbbbbb; } .about_main .main2 .content .right .cir { position: absolute; border-radius: 50%; text-align: center; color: #fff; z-index: 99; -o-animation: route2 20s infinite; -moz-animation: route2 20s infinite; -webkit-animation: route2 20s infinite; animation: route2 20s infinite; animation-timing-function: linear; } .about_main .main2 .content .right .cir .cn { margin-bottom: 8px; } .about_main .main2 .content .right .cir .wave { position: absolute; top: 50%; left: 50%; height: 100%; width: 100%; background-color: inherit; border-radius: 50%; z-index: -1; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .about_main .main2 .content .right .cir .wave > div { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; opacity: 0.1; border-radius: 50%; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); background-color: inherit; -o-animation: bolan2 3s infinite; -moz-animation: bolan2 3s infinite; -webkit-animation: bolan2 3s infinite; animation: bolan2 3s infinite; } .about_main .main2 .content .right .cir .wave > div:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .about_main .main2 .content .right .cir .wave > div:nth-child(2) { -o-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; } .about_main .main2 .content .right .cir .wave > div:nth-child(3) { -o-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s; animation-delay: 2s; } .about_main .main2 .content .right .cir1 { top: 16px; left: 18px; width: 94px; height: 94px; background-color: #0064ed; } .about_main .main2 .content .right .cir2 { padding-bottom: 4px; top: 18px; right: -28px; width: 128px; height: 128px; letter-spacing: -1px; background-color: #27ab80; } .about_main .main2 .content .right .cir3 { bottom: -12px; right: 9px; width: 110px; height: 110px ; background-color: #fdb817; } .about_main .main2 .content .right .cir4 { bottom: 50px; left: -41px; width: 106px; height: 106px; background-color: #ec5724; } .about_main .main3 { padding: 100px 0; } .about_main .main3 .right_text { padding-right: 84px; } .about_main .main3 .vision { margin-top: 33px; padding-left: 48px; width: 513px; height: 223px; background: url("../images/public/vision.png") center no-repeat; } .about_main .main3 .vision .name { margin-top: 32px; font-size: 24px; } .about_main .main3 .vision .cn { margin-top: 12px; color: #bbbbbb; } .about_main .main3 .vision .text { margin-top: 54px; font-size: 24px; font-weight: bold; } .about_main .main3 .left_text { padding-left: 40px; width: 540px; } .about_main .main3 .left_text .name { margin-top: 140px; font-size: 24px; } .about_main .main3 .left_text .cn { margin-top: 12px; color: #bbbbbb; } .about_main .main3 .left_text .text { margin-top: 55px; font-size: 24px; font-weight: bold; } .about_main .main3 .left_text img { margin-top: 50px; } .history_main .main2 .left { padding: 47px 0 100px; } .history_main .main2 #dec { padding: 180px 0 305px 233px; background: url("../images/public/history_bg.jpg") no-repeat left; overflow: hidden; } .history_main .main2 #dec .swiper-container { overflow: visible; } .history_main .main2 #dec .swiper-slide::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(255, 255, 255, 0.6), #fff, rgba(255, 255, 255, 0.7)); } .history_main .main2 #dec .swiper-slide.swiper-slide-active::after { display: none; } .history_main .main2 #dec .swiper-slide.swiper-slide-active .date { color: #00f; } .history_main .main2 .swiper-slide-active:first-child { margin-top: -100px; } .history_main .main2 .swiper-slide:first-child .date { margin-top: 0; } .history_main .main2 .date { margin-top: 65px; font-weight: bold; } .history_main .main2 .date span { font-family: Gilroy; font-size: 40px; } .history_main .main2 .date i { font-size: 18px; } .history_main .main2 .title { margin-top: 22px; font-size: 20px; font-weight: bold; } .history_main .main2 p { margin-top: 20px; margin-bottom: 38px; color: #666; } .history_main .main2 #year { width: 270px; padding-top: 95px; border-left: 1px solid #eee; border-right: 1px solid #eee; } .history_main .main2 #year .swiper-slide { text-align: center; cursor: pointer; } .history_main .main2 #year .swiper-slide > div { margin-bottom: 60px; } .history_main .main2 #year .swiper-slide.swiper-slide-active div { width: 100%; border-left: 2px solid #00f; } .history_main .main2 #year .cn { font-size: 42px; text-align: center; font-weight: bold; } .history_main .main2 #year .en { margin-top: 10px; margin-bottom: 60px; text-align: center; color: #bbb; letter-spacing: -1px; } .honour_main .main2 { padding-top: 96px; padding-bottom: 78px; text-align: center; } .honour_main .main2 .center { position: relative; max-width: 1580px; } .honour_main .main2 .wrap { margin: 0 auto; max-width: 1300px; } .honour_main .main2 h2 { font-size: 42px; font-weight: bold; } .honour_main .main2 .sub { margin-bottom: 57px; margin-top: 10px; color: #bbb; } .honour_main .main2 p { margin-top: 18px; } .honour_main .main2 .swiper-prev, .honour_main .main2 .swiper-next { position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; text-align: center; line-height: 60px; font-weight: bold; font-size: 24px; background-color: #eeeeee; cursor: pointer; } .honour_main .main2 .swiper-prev:hover, .honour_main .main2 .swiper-next:hover { color: #fff; background-color: #00f; } .honour_main .main2 .swiper-prev .iconfont, .honour_main .main2 .swiper-next .iconfont { font-size: 24px; } .honour_main .main2 .swiper-prev { left: 0; } .honour_main .main2 .swiper-next { right: 0; } .honour_main .main3 { padding: 80px 0; text-align: center; background-color: #f9f9f9; } .honour_main .main3 p { margin-top: 23px; margin-bottom: 48px; } .honour_main .main3 .swiper-container { padding-bottom: 52px; } .honour_main .main3 .swiper-pagination-bullet { height: 13px; width: 13px; } .honour_main .main3 .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #00f; } .contact_main h2 { font-size: 42px; font-weight: bold; letter-spacing: 3px; text-align: center; } .contact_main .sub { margin-bottom: 57px; margin-top: 10px; color: #bbb; text-align: center; } .contact_main .main2 { padding-top: 96px; } .contact_main .main2 .card { position: relative; border: 1px solid #eee; border-radius: 20px; padding-left: 70px; padding-top: 75px; padding-right: 94px; padding-bottom: 72px; background: url("../images/public/contact_bg.jpg") repeat; z-index: 2; flex-wrap: wrap; } .contact_main .main2 .card .card-con{ width: 50%; margin-top: 2%; } .contact_main .main2 .card .card-con h3{ font-size: 20px; } .contact_main .main2 .card .card-con .item{ font-size: 16px; line-height: 36px; } .contact_main .main2 .card h3 { font-size: 24px; color: #00f; } .contact_main .main2 .card .en { margin-bottom: 30px; margin-top: 7px; color: #bbbbbb; } .contact_main .main2 .card .item { font-size: 18px; line-height: 52px; color: #666; } .contact_main .main2 .card .qr_code { margin-top: 10px ; text-align: center; } .contact_main .main2 .card .qr_code p { margin-top: 30px; text-align: center; color: #bbb; } .contact_main .main2 .map { margin-top: -200px; } .contact_main .main3 { padding-top: 80px; padding-bottom: 100px; background: url("../images/public/contact2_bg.png") center top no-repeat; } .contact_main .main3 form { margin-top: 58px; } .contact_main .main3 .rows { margin-bottom: 30px; } .contact_main .main3 label { position: relative; display: inline-block; width: 48.46153846%; height: 46px; font-size: 14px; border: solid 1px #eee; line-height: 46px; color: #888888; background-color: #fff; border-radius: 4px; } .contact_main .main3 label span { position: absolute; top: 0; left: 20px; color: #888; pointer-events: none; } .contact_main .main3 label span i { color: #c62834; } .contact_main .main3 label input { padding-left: 20px; padding-right: 20px; width: 100%; } .contact_main .main3 label.text_area { width: 100%; height: 124px; } .contact_main .main3 label.text_area textarea { padding: 13px 20px; width: 100%; height: 100%; } .contact_main .main3 .code { margin-left: 40px; } .contact_main .main3 .submit { margin-top: 50px; } .contact_main .main3 .submit button { position: relative; margin: 0 auto; display: block; width: 630px; height: 50px; color: #fff; background-color: #00f; cursor: pointer; } .contact_main .main3 .submit button .border_line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .contact_main .main3 .submit button .border_line .line { position: absolute; background-color: #00f; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .contact_main .main3 .submit button .border_line .line:nth-child(1) { top: 0; left: 0; width: 0; height: 2px; } .contact_main .main3 .submit button .border_line .line:nth-child(2) { top: 0; right: 0; width: 2px; height: 0; } .contact_main .main3 .submit button .border_line .line:nth-child(3) { right: 0; bottom: 0; width: 0; height: 2px; } .contact_main .main3 .submit button .border_line .line:nth-child(4) { left: 0; bottom: 0; width: 2px; height: 0; } .contact_main .main3 .submit button:hover { color: #00f; background-color: #fff; } .contact_main .main3 .submit button:hover .border_line .line:nth-child(1) { width: 100%; } .contact_main .main3 .submit button:hover .border_line .line:nth-child(2) { height: 100%; } .contact_main .main3 .submit button:hover .border_line .line:nth-child(3) { width: 100%; } .contact_main .main3 .submit button:hover .border_line .line:nth-child(4) { height: 100%; } .service_main .main2 { padding: 95px 0 76px; background-color: #fafcfe; } .service_main .main2 h2 { font-size: 42px; font-weight: bold; text-align: center; } .service_main .main2 .sub { margin-top: 10px; text-align: center ; color: #bbbbbb; } .service_main .main2 .toggle_list { margin-top: 57px; } .service_main .main2 .toggle_list li { text-align: center; color: #fff; line-height: 62px; width: 20%; background-color: #00f; border-left: 1px solid rgba(255, 255, 255, 0.1); } .service_main .main2 .toggle_list li.active { background-color: #00c6ff; } .service_main .main2 .toggle_list li:first-child { border: none; } .service_main .main2 .list { padding-top: 30px; } .service_main .main2 .list li { margin-right: 1.92307692%; margin-bottom: 1.92307692%; width: 18.46153846%; background-color: #fff; border-radius: 10px; } .service_main .main2 .list li:nth-child(5n) { margin-right: 0; } .service_main .main2 .list li .picture_container { width: 100%; padding-top: 50%; } .partner_main .main2 { padding: 95px 0 76px; } .partner_main .main2 h2 { font-size: 42px; font-weight: bold; text-align: center; } .partner_main .main2 .sub { margin-top: 10px; text-align: center ; color: #bbbbbb; } .partner_main .main2 ul { margin: 57px auto 0; width: 770px; } .partner_main .main2 ul li { margin-right: 3.24675325%; margin-bottom: 3.24675325%; width: 31.16883117%; background-color: #fafcfe; border-radius: 10px; } .partner_main .main2 ul li:nth-child(3n) { margin-right: 0; } .partner_main .main2 ul li .picture_container { width: 100%; padding-top: 50%; } .news_main .main2 { padding: 95px 0 100px; } .news_main .main2 h2 { font-size: 42px; font-weight: bold; text-align: center; } .news_main .main2 .sub { margin-bottom: 56px; margin-top: 10px; text-align: center ; color: #bbbbbb; } .news_main .main2 li { position: relative; padding: 30px 0; background-color: #fff; border-top: 1px solid #eee; } .news_main .main2 li:first-child { border-top: none; } .news_main .main2 li .list_left { width: 86.92307692%; } .news_main .main2 li .img { width: 31.85840708%; } .news_main .main2 li .img .picture_container { padding-top: 61.11111111%; } .news_main .main2 li .img img { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .news_main .main2 li .article { width: 62.83185841%; } .news_main .main2 li .article h3 { margin-top: 32px; font-size: 18px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .news_main .main2 li .article p { margin-top: 20px; font-size: 14px; color: #999999; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 56px; min-height: 56px; line-height: 28px; } .news_main .main2 li .article .more { margin-top: 35px; color: #bbbbbb; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .news_main .main2 li .article .more .iconfont { margin-left: 12px; } .news_main .main2 li .list_right { position: relative; width: 9.23076923%; color: #bbbbbb; font-size: 30px; font-family: ArialMT; } .news_main .main2 li .list_right::before { content: ""; position: absolute; top: 70px; left: 0; width: 1px; height: 40px; background-color: #e5e5e5; } .news_main .main2 li .list_right .date { margin-top: 55px; line-height: 40px; } .news_main .main2 li .list_right .year { letter-spacing: 1px; text-align: center; } .news_main .main2 li:last-child { border-bottom: 1px solid #eee; } .news_main .main2 li:hover { box-shadow: 0px 4px 40px 0px rgba(107, 107, 107, 0.08); z-index: 1; border: none; } .news_main .main2 li:hover + li { border: none; } .news_main .main2 li:hover .article h3, .news_main .main2 li:hover .article .more { color: #00f; } .news_main .main2 li:hover img { -o-transform: translate3d(0, 0, 0) scale(1.1); -moz-transform: translate3d(0, 0, 0) scale(1.1); -webkit-transform: translate3d(0, 0, 0) scale(1.1); transform: translate3d(0, 0, 0) scale(1.1); } .news_details_main .main2 { padding-top: 95px; padding-bottom: 86px; } .news_details_main .main2 h1 { font-size: 36px; text-align: center; } .news_details_main .main2 .article_info_wrap { position: relative; margin-top: 30px; margin-bottom: 40px; } .news_details_main .main2 .article_info_wrap::after { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; display: block; background-color: #eee; } .news_details_main .main2 .article_info { position: relative; padding: 0 35px; font-size: 14px; color: #aaaaaa; background-color: #fff; z-index: 2; } .news_details_main .main2 .article_info .date { margin-right: 20px; } .news_details_main .main2 .content { padding-bottom: 40px; border-bottom: 1px solid #eee; } .news_details_main .main2 .switch { padding-top: 27px; } .other_main .xg_crumbs { background: rgba(0, 0, 0, 0.3) url("../images/public/crumbs_bg.png") right no-repeat; } .notice_main { padding-bottom: 100px; } .notice_main .xg_crumbs { background: rgba(0, 0, 0, 0.3) url("../images/public/crumbs_bg.png") right no-repeat; } .notice_main .tolink { height: 354px; background-color: #f9f9f9; } .notice_main .tolink .center { padding: 0 7.8125%; height: 100%; } .notice_main .tolink .cir { margin: 0 auto; width: 130px; height: 130px; border-radius: 50%; background-color: #fafcfe; border: 1px solid #005bff; } .notice_main .tolink .item.active .cir, .notice_main .tolink .item:hover .cir { background-color: rgba(0, 91, 255, 0.2); border: none; } .notice_main .tolink p { margin-top: 20px; font-size: 24px; text-align: center; color: #666666; } .notice_main ul { padding-top: 40px; } .notice_main li { height: 76px; line-height: 76px; border-bottom: 1px solid #eee; } .notice_main li:hover { color: #00f; } .notice_main li .dec { width: 64.61538462%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .notice_main .government { padding-top: 80px; } .notice_main .government .item { padding-left: 12.30769231%; height: 90px; line-height: 90px; background-color: #f9f9f9; } .notice_main .government .item span { position: relative; padding-left: 28px; font-size: 20px; color: #666; display: inline-block; } .notice_main .government .item span::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -4px; height: 9px; width: 9px; background-color: #00f; display: inline-block; } .notice_main .government .item:nth-child(2n) { background-color: #fff; } .plane_main .main2 { padding: 100px 0; } .plane_main .main2 .img { width: 600px; } .plane_main .main2 .atricle { width: 580px; } .plane_main .main2 .atricle h2 { margin-top: 26px; font-size: 42px; letter-spacing: 2px; font-weight: bold; } .plane_main .main2 .atricle .sub { margin-top: 10px; color: #bbb; } .plane_main .main2 .atricle p { margin-top: 60px; color: #bbb; line-height: 32px; } .plane_main .main2 .atricle .more { margin-top: 84px; width: 170px; height: 54px; font-size: 16px; line-height: 54px; text-align: center; color: #fff; background-color: #27b082; } .plane_main .main3 { height: 630px; color: #fff; background: url("../images/public/plan_bg.jpg") center / cover no-repeat; } .plane_main .main3 .article { padding-top: 138px; width: 580px; } .plane_main .main3 h2 { font-size: 42px; letter-spacing: 2px; font-weight: bold; } .plane_main .main3 .sub { margin-top: 10px; } .plane_main .main3 p { margin-top: 60px; line-height: 32px; } .plane_main .main3 .more { margin-top: 84px; width: 170px; height: 54px; font-size: 16px; line-height: 54px; text-align: center; color: #fff; border: solid 1px #ffffff; background-color: rgba(255, 255, 255, 0.2); } .plane_main .main3 .more:hover { border: 1px solid #27b082; color: #27b082; background-color: #fff; } .plane_main .main4 { padding: 100px 0 90px; } .plane_main .main4 li { margin-left: 2.53846154%; width: 31.53846154%; padding-bottom: 2%; } .plane_main .main4 li:nth-child(3n+1) { margin-left: 0; } .plane_main .main4 li .img { position: relative; width: 100%; height: 308px; overflow: hidden; } .plane_main .main4 li .img img { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .plane_main .main4 li .img img:hover { -o-transform: translate3d(0, 0, 0) scale(1.1); -moz-transform: translate3d(0, 0, 0) scale(1.1); -webkit-transform: translate3d(0, 0, 0) scale(1.1); transform: translate3d(0, 0, 0) scale(1.1); } .plane_main .main4 h3 { margin-top: 38px; font-size: 18px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .plane_main .main4 .sub { margin-top: 6px; font-size: 12px; color: #bbb; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .plane_main .main4 p { margin-top: 20px; font-size: 14px; color: #666666; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 56px; min-height: 56px; line-height: 28px; } .plane_main .main4 .more { margin-top: 38px; width: 170px; height: 54px; color: #27b082; line-height: 54px; text-align: center; border: solid 1px #27b082; } .plane_main .main4 .more:hover { color: #fff; background-color: #27b082; } .plane_details_main .main2 { padding-top: 92px ; } .plane_details_main .main2 h2 { font-size: 42px; text-align: center; font-weight: bold; } .plane_details_main .main2 .sub { margin-top: 10px; margin-bottom: 50px; text-align: center; color: #bbb; } .plane_details_main .main2 h3 { margin-bottom: 35px; font-weight: bold; text-align: center; font-size: 26px; } .plane_details_main .main2 .list { position: relative; background: url("../images/change/plan-details1.png") center no-repeat; } .plane_details_main .main2 .list .cir { position: absolute; top: 246px; left: 50%; margin-left: -98px; width: 197px; height: 197px; font-size: 18px; line-height: 28px; text-align: center; font-weight: bold; border-radius: 50%; background-color: #fff; } .plane_details_main .main2 ul li { height: 186px; } .plane_details_main .main2 ul li:nth-child(1) { background-color: rgba(63, 109, 255, 0.1); } .plane_details_main .main2 ul li:nth-child(2) { background-color: rgba(236, 87, 36, 0.1); } .plane_details_main .main2 ul li:nth-child(3) { background-color: rgba(39, 176, 130, 0.1); } .plane_details_main .main2 ul li .center { height: 100%; } .plane_details_main .main2 ul li h4 { font-size: 20px; font-weight: bold; } .plane_details_main .main2 ul li p { margin-top: 10px; color: #666; line-height: 28px; } .plane_details_main .main2 ul li .right { height: 100%; text-align: right; } .plane_details_main .main2 ul li .left { height: 100%; text-align: left; } .plane_details_main .main3 { padding-top: 85px; } .plane_details_main .main3 h3 { margin-bottom: 55px; font-size: 26px; font-weight: bold; text-align: center; } .plane_details_main .main3 .left_text { padding-bottom: 70px; } .plane_details_main .main3 .left_text h4 { margin-top: 25px; margin-bottom: 35px; font-size: 20px; font-weight: bold; } .plane_details_main .main3 .left_text li { position: relative; padding-left: 24px; line-height: 36px; color: #666; } .plane_details_main .main3 .left_text li::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -4px; height: 8px; width: 8px; background-color: #27b082; } .plane_details_main .main3 .left_text .tip { margin-top: 22px; font-weight: bold; line-height: 30px; } .plane_details_main .main3 .card_list { padding-top: 65px; padding-bottom: 90px; border-top: 1px solid #eee; } .plane_details_main .main3 .card_list .card { padding: 0 23px; width: 310px; min-height: 218px; text-align: center; background-color: #ffffff; box-shadow: 0px 7px 20px 2px rgba(72, 72, 72, 0.07); border-radius: 10px; } .plane_details_main .main3 .card_list .card h4 { margin-top: 33px; font-weight: bold; color: #27b082; } .plane_details_main .main3 .card_list .card p { margin-top: 20px; font-size: 14px; line-height: 28px; color: #666; } .plane_details_main .main4 { padding-top: 75px; padding-bottom: 90px; background-color: #f9f9f9; } .plane_details_main .main4 h3 { margin-bottom: 67px; font-size: 26px; font-weight: bold; text-align: center; } .plane_details_main .main4 .item { text-align: center; } .plane_details_main .main4 .item .img { margin: 0 auto; width: 98px; height: 98px; border-radius: 50%; overflow: hidden; } .plane_details_main .main4 .item .num { margin-top: 23px; font-weight: bold; font-size: 20px; } .plane_details_main .main4 .item p { margin-top: 10px; color: #666; font-size: 14px; text-align: center; line-height: 26px; } .plane_details_main .main4 .item.item1 { width: 175px; } .plane_details_main .main4 .item.item2 { width: 19.84615385%; } .plane_details_main .main4 .item.item3 { width: 18.07692308%; } .plane_details_main .main4 .item.item4 { width: 18.46153846%; } .plane_details_main .main4 .item.item5 { margin-left: 24px; width: 172px; } .plane_details_main .main4 .icon { margin-top: 42px; } .plane_details_main .main4 .rows2 { margin-top: 60px; margin-bottom: 68px; } .plane_details_main .main4 .tip { width: 302px; height: 129px; font-weight: bold; color: #fff; font-size: 20px; line-height: 2; text-align: center; background-color: #1f579f; border-radius: 10px; } .manage_main .main2 { padding-top: 92px; padding-bottom: 98px; background-color: #fafcfe; } .manage_main .main2 h2 { margin-bottom: 97px; font-weight: bold; font-size: 42px; text-align: center; } .manage_main .main2 .en { margin-top: 103px; font-weight: bold; opacity: 0.1; font-size: 30px; } .manage_main .main2 .num { position: relative; margin-top: -20px; padding-bottom: 57px; font-weight: bold; font-size: 26px; letter-spacing: 2px; } .manage_main .main2 .num::before { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 24px; background-color: #00c6ff; } .manage_main .main2 p { margin-top: 56px; font-size: 18px; line-height: 38px; color: #666; } .manage_main .main2 .img { width: 434px; height: 424px; font-weight: bold; text-align: center; line-height: 32px; font-size: 18px; color: #fff; background: url("../images/public/cake.png") no-repeat; } .manage_main .main2 .img .top_txt { margin-top: 115px; padding-left: 33px; padding-right: 40px; } .manage_main .main2 .img .text { margin-top: 15px; padding-right: 10px; width: 100%; line-height: 1; color: #333; } .manage_main .main2 .img .bottom_txt { margin-top: 90px; } .manage_main .main3 { padding-top: 94px; padding-bottom: 96px; } .manage_main .main3 .en { font-weight: bold; opacity: 0.1; font-size: 30px; text-align: center; } .manage_main .main3 .num { position: relative; margin-top: -20px; padding-bottom: 57px; font-weight: bold; font-size: 26px; letter-spacing: 2px; } .manage_main .main3 .num::before { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 24px; background-color: #00c6ff; } .manage_main .main3 p { margin-top: 34px; color: #666; text-align: center; } .manage_main .main3 .data { position: relative; margin-top: 60px; width: 940px; height: 500px; padding-left: 45px; padding-bottom: 55px; background: url("../images/public/zuobiao.png") left bottom no-repeat; } .manage_main .main3 .row_title, .manage_main .main3 .vertical_title { text-align: center; font-weight: bold; font-size: 20px; } .manage_main .main3 .vertical_title { margin-right: 14px; width: 20px; } .manage_main .main3 .row_title { margin-top: 20px; padding-left: 50px; } .manage_main .main3 .row { padding-top: 45px; } .manage_main .main3 .row li { margin-top: 14px; padding-left: 40px; height: 52px; color: #666; line-height: 52px; background-color: #fbfcff; } .manage_main .main3 .vertical { position: absolute; right: 50px; bottom: 8px; } .manage_main .main3 .vertical li { margin-left: 24px; height: 462px; padding: 0 16px; text-align: center; color: #fff; font-weight: bold; width: 52px; } .manage_main .main3 .vertical li span { height: 100px; display: block; } .manage_main .main3 .vertical li:nth-child(1) { background-color: #00c6ff; } .manage_main .main3 .vertical li:nth-child(2) { background-color: #fdb817; } .manage_main .main3 .vertical li:nth-child(3) { background-color: #3f6dff; } .manage_main .main3 .vertical li:nth-child(4) { background-color: #ec5724; } .manage_main .main3 .vertical li:nth-child(5) { background-color: #119fa0; } .manage_main .main3 .vertical li:nth-child(6) { background-color: #0066ee; } .manage_main .main4 { padding: 98px 0; background-color: #fafcfe; } .manage_main .main4 .left { width: 600px; } .manage_main .main4 .left .title { padding-left: 30px; font-weight: bold; text-align: center; } .manage_main .main4 .left .num { padding-top: 25px; padding-right: 18px; } .manage_main .main4 .left .num li { font-size: 14px; line-height: 44px; text-align: right; } .manage_main .main4 .left .data { position: relative; padding-left: 18px; padding-bottom: 7px; width: 555px; height: 235px; background: url("../images/public/zuobiao2.png") left bottom no-repeat; } .manage_main .main4 .left .data li { position: absolute; bottom: 8px; width: 46px; -o-transition: height 0.5s; -moz-transition: height 0.5s; -webkit-transition: height 0.5s; transition: height 0.5s; } .manage_main .main4 .left .data li.active:nth-child(1) { left: 56px; height: 48px; background-color: #3f6dff; } .manage_main .main4 .left .data li.active:nth-child(2) { left: 175px; height: 92px; background-color: #ec5724; } .manage_main .main4 .left .data li.active:nth-child(3) { left: 304px; height: 180px; background-color: #119fa0; } .manage_main .main4 .left .data li.active:nth-child(4) { left: 426px; height: 137px; background-color: #fdb817; } .manage_main .main4 .left .time { margin-top: 14px; padding-left: 78px; } .manage_main .main4 .left .time li { margin-left: 40px; width: 70px; text-align: center; } .manage_main .main4 .left .time li:first-child { margin-left: 0; } .manage_main .main4 .left .time li:nth-child(2) { margin-left: 50px; } .manage_main .main4 .left .time li:nth-child(3) { margin-left: 60px; } .manage_main .main4 .left .time li:nth-child(4) { margin-left: 50px; } .manage_main .main4 .right { width: 494px; } .manage_main .main4 .right .en { font-weight: bold; opacity: 0.1; font-size: 30px; } .manage_main .main4 .right .num { position: relative; margin-top: -20px; padding-bottom: 57px; font-weight: bold; font-size: 26px; letter-spacing: 2px; } .manage_main .main4 .right .num::before { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 24px; background-color: #00c6ff; } .manage_main .main4 .right p { margin-top: 58px; color: #666; font-size: 18px; line-height: 38px; } .software_main .main2 { padding-top: 94px; padding-bottom: 100px; } .software_main .main2 h2 { font-size: 42px; font-weight: bold; text-align: center; } .software_main .main2 .sub { margin-top: 50px; margin-bottom: 38px; font-weight: bold; text-align: center; } .software_main .main2 dl { margin-top: 20px; } .software_main .main2 dt { margin-right: 50px; padding: 0 30px; width: 80px; height: 150px; color: #ffffff; font-size: 20px; font-weight: bold; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .software_main .main2 dd { margin-right: 17px; width: 21.53846154%; line-height: 28px; color: #666666; letter-spacing: 2px; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .software_main .main2 dd:last-child { margin-right: 0; padding-left: 40px; } .software_main .main2 dd:nth-last-child(2) { padding-left: 40px; } .software_main .main2 dd:nth-last-child(3) { padding-left: 34px; } .software_main .main2 dd:nth-last-child(4) { padding-left: 60px; } .software_main .main2 .item1 dt { background-color: #119fa0; } .software_main .main2 .item1 dd { background-color: #e7f8fa; } .software_main .main2 .item2 dt { background-color: #ec5724; } .software_main .main2 .item2 dd { background-color: #fff3ef; } .software_main .main2 .item3 dt { background-color: #3f6dff; } .software_main .main2 .item3 dd { background-color: #f2f5ff; } .software_main .main2 .item4 { margin-top: 20px; } .software_main .main2 .item4 .dt { margin-right: 50px; padding: 0 30px; width: 80px; height: 120px; color: #ffffff; font-size: 20px; font-weight: bold; background-color: #fdb817; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .software_main .main2 .item4 .dd { margin-right: 20px; width: 150px; text-align: center; letter-spacing: 2px; color: #666666; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; background-color: rgba(253, 184, 23, 0.1); } .software_main .main2 .item4 .dd:last-child { margin-right: 0; } .software_main .main2 .item5 { margin-top: 20px; } .software_main .main2 .item5 .dt { margin-right: 50px; padding: 0 30px; width: 80px; height: 490px; color: #ffffff; font-size: 20px; font-weight: bold; background-color: #27b082; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .software_main .main2 .item5 .dd { height: 150px; text-align: left; letter-spacing: 2px; color: #666666; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; background-color: rgba(39, 176, 130, 0.1); } .software_main .main2 .item5 .dd:nth-child(2n+1) { width: 23.93162393%; } .software_main .main2 .item5 .dd:nth-child(2n) { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; padding: 0 50px; width: 74.35897436%; } .software_main .main2 .item6 { margin-top: 20px; } .software_main .main2 .item6 .dt { margin-right: 50px; padding: 0 30px; width: 80px; height: 120px; color: #ffffff; font-size: 20px; font-weight: bold; background-color: #fdb817; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .software_main .main2 .item6 .dd { margin-right: 22px; width: 216px; text-align: center; letter-spacing: 2px; color: #666666; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; background-color: rgba(253, 184, 23, 0.1); } .software_main .main2 .item6 .dd:last-child { margin-right: 0; } .outsource_main .main2 { padding-top: 94px; padding-bottom: 30px; } .outsource_main .main2 h2 { margin-bottom: 70px; font-size: 42px; font-weight: bold; text-align: center; letter-spacing: 3px; } .outsource_main .main2 dl:nth-child(2n) { padding-bottom: 40px; margin-top: 178px; } .outsource_main .main2 dt { margin-bottom: 24px; font-size: 18px; font-weight: bold; } .outsource_main .main2 dd { position: relative; padding-left: 22px; font-size: 14px; color: #666; line-height: 32px; } .outsource_main .main2 dd::before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -3px; width: 7px; height: 7px; background-color: #119fa0; } .outsource_main .main3 { padding: 100px 0 60px; background-color: #f9fbff; } .outsource_main .main3 li { margin-right: 35px; margin-bottom: 40px; padding-top: 35px; height: 250px; width: 31.53846154%; background-color: #fff; } .outsource_main .main3 li:last-child { margin-right: 0; } .outsource_main .main3 li:nth-child(3n) { margin-right: 0; } .outsource_main .main3 li .icon { margin: 0 auto; height: 100px; width: 100px; border-radius: 50%; background-color: rgba(1, 104, 243, 0.07); } .outsource_main .main3 li p { margin-top: 20px; color: #555; text-align: center; line-height: 32px; } .outsource_main .main4 { padding-top: 77px; padding-bottom: 100px; text-align: center; } .outsource_main .main4 h3 { margin-bottom: 42px; font-weight: bold; font-size: 20px; line-height: 40px; } .outsource_main .main4 .user { font-weight: bold; width: 136px; height: 92px; line-height: 28px; font-size: 20px; color: #fff; background-color: #3f6dff; box-shadow: 0px 7px 20px 2px rgba(63, 109, 255, 0.07); border-radius: 10px; } .outsource_main .main4 .text { margin-top: 30px; font-size: 24px; font-weight: bold; } .outsource_main .main4 dl { margin-top: 55px; padding-top: 58px; border-top: 1px solid #eee; } .outsource_main .main4 dt { margin-right: 36px; font-size: 20px; font-weight: bold; } .outsource_main .main4 dd { width: 289px; height: 128px; background-color: #3f6dff; background: url("../images/public/biao.png") no-repeat; } .outsource_main .main4 dd .num { margin-top: 26px; color: #0067f0; font-size: 20px; font-weight: bold; } .outsource_main .main4 dd .txt { margin-top: 17px; font-size: 18px; } .calculation_main .main2 { padding-top: 94px; padding-bottom: 100px; } .calculation_main .main2 h2 { margin-bottom: 50px; font-size: 42px; font-weight: bold; text-align: center; } .calculation_main .main2 .img { position: relative; width: 100%; padding-top: 55.23076923%; max-height: 718px; background: url("../images/change/calculation_bg.jpg") top left / contain no-repeat; /* 分类一 */ /* 分类二 */ /* 分类三 */ /* 分类四 */ /* 分类五 */ /* 分类六 */ } .calculation_main .main2 .img span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .calculation_main .main2 .img .title1, .calculation_main .main2 .img .title1_1, .calculation_main .main2 .img .title2, .calculation_main .main2 .img .title3, .calculation_main .main2 .img .title4, .calculation_main .main2 .img .title5, .calculation_main .main2 .img .title6 { font-size: 26px; } .calculation_main .main2 .img .title1 { position: absolute; left: 0; top: 0; width: 28.46153846%; padding-top: 4.92307692%; text-align: center; color: #fcfdfe; font-weight: bold; } .calculation_main .main2 .img .title1_1 { position: absolute; top: 11.69916435%; left: 0; padding-top: 35.38461538%; width: 5.38461538%; line-height: 45px; font-weight: bold; } .calculation_main .main2 .img .title1_1 span { padding: 0 28.57142857%; } .calculation_main .main2 .img .cate1_1 { position: absolute; top: 15.87743733%; left: 10%; padding-top: 7.69230769%; width: 6.92307692%; color: #666; } .calculation_main .main2 .img .cate1_2 { position: absolute; top: 15.87743733%; left: 19.23076923%; padding-top: 7.69230769%; width: 6.92307692%; color: #666; } .calculation_main .main2 .img .cate1_3 { position: absolute; top: 36.76880223%; left: 10%; padding-top: 7.69230769%; width: 16.15384615%; color: #666; } .calculation_main .main2 .img .cate1_4 { position: absolute; top: 57.66016713%; left: 10%; padding-top: 7.69230769%; width: 16.15384615%; color: #666; } .calculation_main .main2 .img .title2 { position: absolute; left: 30%; top: 0; width: 57.69230769%; padding-top: 4.92307692%; text-align: center; color: #fcfdfe; font-weight: bold; } .calculation_main .main2 .img .cate2_1 { position: absolute; top: 11.69916435%; left: 31.53846154%; padding-top: 27.69230769%; width: 5.38461538%; line-height: 32px; color: #666; } .calculation_main .main2 .img .cate2_2 { position: absolute; top: 11.69916435%; left: 39.23076923%; padding-top: 27.69230769%; width: 5.38461538%; line-height: 32px; color: #666; } .calculation_main .main2 .img .cate2_3 { position: absolute; top: 11.69916435%; left: 46.92307692%; padding-top: 27.69230769%; width: 5.38461538%; line-height: 32px; color: #666; } .calculation_main .main2 .img .cate2_4 { position: absolute; top: 11.69916435%; left: 54.61538462%; padding-top: 4.92307692%; width: 6.92307692%; color: #666; } .calculation_main .main2 .img .cate2_5 { position: absolute; top: 32.31197772%; left: 54.61538462%; padding-top: 4.92307692%; width: 6.92307692%; color: #666; } .calculation_main .main2 .img .cate2_6 { position: absolute; top: 52.92479109%; left: 54.61538462%; padding-top: 4.92307692%; width: 6.92307692%; color: #666; } .calculation_main .main2 .img .cate2_7 { position: absolute; top: 11.69916435%; left: 63.84615385%; padding-top: 27.69230769%; width: 5.38461538%; color: #666; } .calculation_main .main2 .img .cate2_8 { position: absolute; top: 11.69916435%; left: 71.53846154%; padding-top: 4.92307692%; width: 6.92307692%; color: #666; } .calculation_main .main2 .img .cate2_9 { position: absolute; top: 32.31197772%; left: 71.53846154%; padding-top: 4.92307692%; width: 6.92307692%; color: #666; } .calculation_main .main2 .img .cate2_10 { position: absolute; top: 23.39832869%; left: 80.76923077%; padding-top: 14.76923077%; width: 5.38461538%; color: #666; } .calculation_main .main2 .img .cate2_11 { position: absolute; top: 64.62395543%; left: 31.53846154%; padding-top: 4.61538462%; width: 18.84615385%; color: #666; } .calculation_main .main2 .img .cate2_12 { position: absolute; top: 64.62395543%; left: 50.84615385%; padding-top: 4.61538462%; width: 18.84615385%; color: #666; } .calculation_main .main2 .img .cate2_13 { position: absolute; top: 64.62395543%; left: 71.53846154%; padding-top: 4.61538462%; width: 6.92307692%; color: #666; } .calculation_main .main2 .img .cate2_14 { position: absolute; top: 64.62395543%; left: 80.76923077%; padding-top: 4.61538462%; width: 5.38461538%; color: #666; } .calculation_main .main2 .img .title3 { position: absolute; right: 0; top: 11.69916435%; width: 19.23076923%; padding-top: 4.92307692%; text-align: center; color: #fcfdfe; font-weight: bold; } .calculation_main .main2 .img .cate3_1 { position: absolute; top: 23.67688022%; right: 0; padding-top: 4.61538462%; width: 10.84615385%; color: #666; line-height: 24px; } .calculation_main .main2 .img .cate3_2 { position: absolute; top: 34.8189415%; right: 0; padding-top: 8.46153846%; width: 10.84615385%; color: #666; line-height: 24px; } .calculation_main .main2 .img .title4 { position: absolute; right: 0; top: 52.92479109%; width: 19.23076923%; padding-top: 4.92307692%; text-align: center; color: #fcfdfe; font-weight: bold; } .calculation_main .main2 .img .title4_1 { position: absolute; top: 64.62395543%; right: 0; padding-top: 4.61538462%; width: 10.84615385%; color: #666; line-height: 24px; } .calculation_main .main2 .img .title5 { position: absolute; left: 0; top: 78.55153203%; width: 28.46153846%; padding-top: 4.92307692%; text-align: center; color: #fcfdfe; font-weight: bold; } .calculation_main .main2 .img .title5_1 { position: absolute; top: 87.46518106%; left: 0; padding-top: 6.92307692%; width: 28.46153846%; color: #666; } .calculation_main .main2 .img .title6 { position: absolute; left: 30%; top: 78.55153203%; width: 48.46153846%; padding-top: 4.92307692%; text-align: center; color: #fcfdfe; font-weight: bold; } .calculation_main .main2 .img .cate6_1 { position: absolute; top: 90.25069638%; left: 31.53846154%; padding-top: 3.84615385%; width: 8.46153846%; color: #666; } .calculation_main .main2 .img .cate6_2 { position: absolute; top: 90.25069638%; left: 41.53846154%; padding-top: 3.84615385%; width: 11.15384615%; color: #666; } .calculation_main .main2 .img .cate6_3 { position: absolute; top: 90.25069638%; left: 54.23076923%; padding-top: 3.84615385%; width: 9.61538462%; color: #666; } .calculation_main .main2 .img .cate6_4 { position: absolute; top: 90.25069638%; left: 65.38461538%; padding-top: 3.84615385%; width: 11.53846154%; color: #666; } .calculation_main .main2 .img .cate6_5 { position: absolute; top: 90.25069638%; left: 80.76923077%; padding-top: 3.84615385%; width: 8.46153846%; color: #666; } .calculation_main .main2 .img .cate6_6 { position: absolute; top: 90.25069638%; right: 0; padding-top: 3.84615385%; width: 8.46153846%; color: #666; } .internet_main .main2 { padding: 94px 0; } .internet_main .main2 h2 { margin-bottom: 50px; font-weight: bold; font-size: 42px; text-align: center; } .internet_main .main2 .left_title { margin-right: 3.07692308%; padding: 0 1.53846154%; width: 6.15384615%; height: 700px; line-height: 60px; font-size: 30px; color: #fff; text-align: center; font-weight: bold; background-color: #1f579f; border-radius: 10px; } .internet_main .main2 .right_title { margin-left: 3.07692308%; padding: 0 1.53846154%; width: 6.15384615%; height: 700px; line-height: 60px; font-size: 30px; color: #fff; text-align: center; font-weight: bold; background-color: #1f579f; border-radius: 10px; } .internet_main .main2 .users, .internet_main .main2 .industry { padding-top: 12px; padding-bottom: 17px; color: #666666; background-color: rgba(253, 184, 23, 0.1); border-radius: 10px; } .internet_main .main2 .users h3, .internet_main .main2 .industry h3 { margin-bottom: 18px; font-size: 30px; text-align: center; font-weight: bold; color: #333; } .internet_main .main2 .users span, .internet_main .main2 .industry span { padding: 0 30px; display: inline-block; } .internet_main .main2 .industry { background-color: rgba(17, 159, 160, 0.1); } .internet_main .main2 .data_list { padding: 20px 40px; border-radius: 10px; background-color: rgba(31, 87, 159, 0.1); } .internet_main .main2 .data_list .data_lake { padding-top: 12px; padding-bottom: 17px; color: #666666; background-color: #fff; border-radius: 10px; } .internet_main .main2 .data_list .data_lake h3 { margin-bottom: 18px; font-size: 30px; text-align: center; font-weight: bold; color: #333; } .internet_main .main2 .data_list .data_lake span { padding: 0 30px; display: inline-block; } .internet_main .main2 .item1 { width: 56.63265306%; } .internet_main .main2 .item1 .iot { width: 100%; height: 55px; line-height: 55px; text-align: center; color: #666; font-size: 20px; background-color: #ffffff; border-radius: 10px; } .internet_main .main2 .item1 .getway_wrap { width: 47.74774775%; } .internet_main .main2 .item1 .getway { height: 55px; background-color: #ffffff; border-radius: 10px; } .internet_main .main2 .item1 .getway img { margin-right: 12px; } .internet_main .main2 .item2 { width: 41.63265306%; } .internet_main .main2 .item2 .data { height: 55px; color: #666; font-size: 20px; background-color: #ffffff; border-radius: 10px; } .internet_main .main2 .item2 .data img { margin-right: 14px; } .internet_main .main2 .end { padding: 0 40px; } .internet_main .main2 .unit1 { margin-top: -20px; width: 27.04081633%; } .internet_main .main2 .unit1 > div:last-child { height: 55px; background-color: rgba(31, 87, 159, 0.1); border-radius: 10px; } .internet_main .main2 .unit1 > div:last-child img { margin-right: 14px; } .internet_main .main2 .unit2 { margin-top: -109px; width: 27.04081633%; } .internet_main .main2 .unit2 > div:last-child { height: 55px; background-color: rgba(31, 87, 159, 0.1); border-radius: 10px; } .internet_main .main2 .unit2 > div:last-child img { margin-right: 14px; } .internet_main .main2 .unit3 { margin-top: -20px; width: 15.10204082%; } .internet_main .main2 .unit3 > div:last-child { height: 55px; background-color: rgba(31, 87, 159, 0.1); border-radius: 10px; } .internet_main .main2 .unit4 { margin-top: -20px; width: 24.48979592%; } .internet_main .main2 .unit4 > div:last-child { height: 55px; background-color: rgba(31, 87, 159, 0.1); border-radius: 10px; } .internet_main .main2 .unit4 > div:last-child img { margin-right: 14px; } .internet_main .main2 p { margin-top: 64px; font-size: 30px; font-weight: bold; text-align: center; color: #00f; } .maintain_main .main2 { padding: 94px 0 100px; } .maintain_main .main2 h2 { font-size: 42px; font-weight: bold; text-align: center; } .maintain_main .main2 .sub { margin-top: 50px; margin-bottom: 57px; color: #666; text-align: center; } .maintain_main .main2 .img { position: relative; } .maintain_main .main2 span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-weight: bold; } .maintain_main .main2 .title1_1 { position: absolute; top: 0.73206442%; left: 37.75038521%; padding-top: 5.39291217%; width: 21.34052388%; font-size: 20px; } .maintain_main .main2 .title1_2 { position: absolute; top: 0.73206442%; left: 59.09090909%; padding-top: 5.39291217%; width: 17.95069337%; font-size: 20px; } .maintain_main .main2 .title1_3 { position: absolute; top: 0.73206442%; left: 77.04160247%; padding-top: 5.39291217%; width: 20.64714946%; font-size: 20px; } .maintain_main .main2 .title2_1 { position: absolute; top: 36.01756955%; left: 37.90446841%; padding-top: 3.54391371%; width: 17.71956857%; font-size: 18px; color: #fff; } .maintain_main .main2 .title2_2 { position: absolute; top: 36.01756955%; left: 58.93682589%; padding-top: 3.54391371%; width: 17.71956857%; font-size: 18px; color: #fff; } .maintain_main .main2 .title2_3 { position: absolute; top: 36.01756955%; left: 79.58397535%; padding-top: 3.54391371%; width: 17.71956857%; font-size: 18px; color: #fff; } .maintain_main .main2 .title3_1 { position: absolute; top: 93.4114202%; left: 36.74884438%; padding-top: 3.46687211%; width: 21.9568567%; font-size: 20px; } .maintain_main .main2 .title3_2 { position: absolute; top: 93.4114202%; left: 58.70570108%; padding-top: 3.46687211%; width: 17.10323575%; font-size: 20px; } .maintain_main .main2 .title3_3 { position: absolute; top: 93.4114202%; left: 75.80893683%; padding-top: 3.46687211%; width: 21.9568567%; font-size: 20px; } .maintain_main .main3 { padding-top: 82px; padding-bottom: 100px; background-color: #f9f9f9; } .maintain_main .main3 .text { margin-bottom: 62px; line-height: 32px; text-align: center; } .maintain_main .main3 .left, .maintain_main .main3 .right { width: 6.15384615%; font-size: 20px; text-align: center; color: #fff; font-weight: bold; } .maintain_main .main3 .left > div, .maintain_main .main3 .right > div { width: 100%; margin-top: 11px; height: 250px; writing-mode: vertical-lr; letter-spacing: 4px; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .maintain_main .main3 .left > div:first-child, .maintain_main .main3 .right > div:first-child { margin-top: 0; height: 277px; } .maintain_main .main3 .left > div:nth-child(2), .maintain_main .main3 .right > div:nth-child(2) { height: 230px; } .maintain_main .main3 .left > div:nth-child(3), .maintain_main .main3 .right > div:nth-child(3) { height: 276px; } .maintain_main .main3 .left { margin-right: 2.15384615%; } .maintain_main .main3 .right { margin-left: 2.15384615%; } .maintain_main .main3 .item1 { background-color: #27b082; } .maintain_main .main3 .item2 { background-color: #1f579f; } .maintain_main .main3 .item3 { background-color: #fdb817; } .maintain_main .main3 .ai { width: 100%; height: 66px; font-size: 20px; text-align: center; line-height: 66px; letter-spacing: 2px; font-weight: bold; background-color: rgba(39, 176, 130, 0.1); } .maintain_main .main3 .line { margin-top: -25px; } .maintain_main .main3 .line img { width: 89.81481481%; } .maintain_main .main3 .icon_wrap { margin-top: 10px; padding-top: 1px; height: 200px; background-color: rgba(39, 176, 130, 0.1); } .maintain_main .main3 .icon_list { width: 97.22222222%; } .maintain_main .main3 .icon_list li { width: 7.18446602%; } .maintain_main .main3 .icon_list .cir { position: relative; margin: 0 auto; width: 74.32432432%; padding-top: 74.32432432%; border-radius: 50%; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; background-color: #ffffff; } .maintain_main .main3 .icon_list .cir .iconfont { position: absolute; top: 50%; left: 50%; color: #27b082; font-size: 24px; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .maintain_main .main3 .icon_list p { margin-top: 10px; line-height: 24px; text-align: center; } .maintain_main .main3 .data_platform { margin-top: 12px; padding-top: 1px; padding-left: 3.7037037%; padding-right: 2.77777778%; height: 230px; background-color: rgba(63, 109, 255, 0.1); } .maintain_main .main3 .data_platform .icon_img { margin-top: -20px; } .maintain_main .main3 .data_platform .data_title { margin-top: 10px; margin-bottom: 16px; text-align: center; font-size: 20px; font-weight: bold; } .maintain_main .main3 .data_platform .img { height: 40px; } .maintain_main .main3 .data_platform .data_left { width: 53.16831683%; } .maintain_main .main3 .data_platform .data_left .item_list > div { width: 18.62197393%; height: 79px; letter-spacing: 2px; line-height: 24px; text-align: center; background-color: #ffffff; border-radius: 10px; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .maintain_main .main3 .data_platform .item_bottom { margin-top: 14px; padding-left: 12px; padding-right: 34px; height: 40px; line-height: 40px; background-color: #ffffff; border-radius: 10px; } .maintain_main .main3 .data_platform .data_right { width: 42.07920792%; } .maintain_main .main3 .data_platform .data_right .item_list > div { width: 23.52941176%; height: 79px; letter-spacing: 2px; line-height: 24px; text-align: center; background-color: #ffffff; border-radius: 10px; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .maintain_main .main3 .data_platform .data_right .item_bottom { padding-left: 45px; padding-right: 30px; } .maintain_main .main3 .count { margin-top: 13px; padding-top: 1px; height: 202px; text-align: center; background-color: rgba(253, 184, 23, 0.1); } .maintain_main .main3 .count .count_img { margin-top: -22px; } .maintain_main .main3 .count .count_title { margin-top: 13px; margin-bottom: 18px; font-weight: bold; font-size: 20px; } .maintain_main .main3 .count .item { width: 16.2962963%; } .maintain_main .main3 .count .item .iconfont { margin-top: 16px; font-size: 65px; color: #fdb817; } .maintain_main .main3 .device { margin-top: 12px; height: 60px; background-color: rgba(253, 184, 23, 0.1); } .maintain_main .main3 .device .items { width: 16.2962963%; } .maintain_main .main3 .device .items span { margin: 0 auto; width: 100px; height: 36px; text-align: center; line-height: 36px; background-color: #fff; display: block; border-radius: 10px; } .brain_main .main2 { padding-top: 94px; padding-bottom: 100px; } .brain_main .main2 h1 { font-size: 42px; font-weight: bold; text-align: center; letter-spacing: 3px; } .brain_main .main2 h2 { margin-top: 65px; margin-bottom: 45px; font-size: 26px; font-weight: bold; text-align: center; } .brain_main .main3 { padding-top: 85px; padding-bottom: 100px; background-color: #f9f9f9; } .brain_main .main3 h2 { margin-bottom: 42px; font-size: 26px; font-weight: bold; text-align: center; } .brain_main .main4 { padding-top: 87px; padding-bottom: 100px; } .brain_main .main4 h2 { font-weight: bold; font-size: 26px; text-align: center; } .brain_main .main4 p { text-align: center; margin-top: 38px; margin-bottom: 42px; color: #666666; letter-spacing: 1px; line-height: 32px; } .brain_main .main5 { padding: 85px 0 90px; background-color: #f9f9f9; } .brain_main .main5 h2 { font-weight: bold; font-size: 26px; text-align: center; } .brain_main .main5 p { text-align: center; margin-top: 38px; margin-bottom: 42px; color: #666666; letter-spacing: 1px; line-height: 32px; } .brain_main .main5 .head { padding: 0 5.38461538%; } .brain_main .main5 .title_name { height: 145px; background: url("../images/public/num_img.png") center / contain no-repeat; } .brain_main .main5 .title_name span { position: relative; width: 100%; padding-top: 7.55395683%; text-align: center; font-size: 20px; font-weight: bold; color: #fff; display: inline-block; } .brain_main .main5 .title_name span i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .brain_main .main5 li { width: 11.53846154%; height: 44px; text-align: center; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; border-radius: 10px 0px 10px 0px; } .brain_main .main5 .list1 li { background-color: #e7f8fa; } .brain_main .main5 .list2 li { background-color: rgba(31, 87, 159, 0.1); } .brain_main .main5 .list2 li.active { color: #fff; background-color: #1f579f; } .brain_main .main5 .list3 li { height: 72px; background-color: #fff3ef; } .brain_main .main5 .sign1 li { height: 50px; font-size: 20px; font-weight: bold; color: #608dfb; } .brain_main .main5 .sign2 li { height: 63px; font-size: 20px; font-weight: bold; color: #608dfb; } .brain_main .main5 .bottom { margin-top: 50px; } .brain_main .main5 .bottom .txt { height: 50px; color: #fff; text-align: center; line-height: 50px; font-weight: bold; background-color: #27b082; } .brain_main .main5 .bottom .txt:last-child { background-color: #1f579f; } .map_main .inner_title { text-align: center; } .map_main .inner_title .name { font-size: 36px; } .map_main .inner_title .abstract { margin-top: 15px; color: #bbbbbb; } .map_main .map_section { padding: 70px; } .map_main .map_section dl { padding: 30px; margin-top: 50px ; text-align: center; border: 1px solid #ccc; border-radius: 20px; } .map_main .map_section dt { width: 100%; font-size: 20px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .map_main .map_section dt a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .map_main .map_section dd { margin-top: 30px; width: 30%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .map_main .map_section dd a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } @-webkit-keyframes bolan { 0% { width: 10px; height: 10px; } 80% { opacity: 0.1; } 100% { opacity: 0; width: 100px; height: 100px; } } @keyframes bolan { 0% { width: 10px; height: 10px; } 70% { opacity: 0.1; } 100% { opacity: 0; width: 100px; height: 100px; } } @-webkit-keyframes bolan2 { 0% { -o-transform: translate3d(-50%, -50%, 0) scale(1); -moz-transform: translate3d(-50%, -50%, 0) scale(1); -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); } 80% { opacity: 0.1; } 100% { opacity: 0; -o-transform: translate3d(-50%, -50%, 0) scale(1.36); -moz-transform: translate3d(-50%, -50%, 0) scale(1.36); -webkit-transform: translate3d(-50%, -50%, 0) scale(1.36); transform: translate3d(-50%, -50%, 0) scale(1.36); } } @keyframes bolan2 { 0% { -o-transform: translate3d(-50%, -50%, 0) scale(1); -moz-transform: translate3d(-50%, -50%, 0) scale(1); -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); } 70% { opacity: 0.1; } 100% { opacity: 0; -o-transform: translate3d(-50%, -50%, 0) scale(1.36); -moz-transform: translate3d(-50%, -50%, 0) scale(1.36); -webkit-transform: translate3d(-50%, -50%, 0) scale(1.36); transform: translate3d(-50%, -50%, 0) scale(1.36); } } @-webkit-keyframes route { 0% { -o-transform: rotateZ(0); -moz-transform: rotateZ(0); -webkit-transform: rotateZ(0); transform: rotateZ(0); } 90% { -o-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } 100% { -o-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes route { 0% { -o-transform: rotateZ(0); -moz-transform: rotateZ(0); -webkit-transform: rotateZ(0); transform: rotateZ(0); } 90% { -o-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } 100% { -o-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @-webkit-keyframes route2 { 0% { -o-transform: rotateZ(0); -moz-transform: rotateZ(0); -webkit-transform: rotateZ(0); transform: rotateZ(0); } 90% { -o-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } 100% { -o-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } } @keyframes route2 { 0% { -o-transform: rotateZ(0); -moz-transform: rotateZ(0); -webkit-transform: rotateZ(0); transform: rotateZ(0); } 90% { -o-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } 100% { -o-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } }