@charset "utf-8"; /*全局样式*/ html { overflow-x: hidden; height: 100%; } html.active { overflow: hidden; } body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { margin: 0; padding: 0; border-radius: 0; } body { font-size: 14px; font-family: "微软雅黑", Microsoft YaHei, pingfang, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif; color: #333; min-width: 320px; word-wrap: break-word; } input:required, textarea:required { outline: 0 none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-appearance: none !important; } a { text-decoration: none !important; cursor: pointer !important; color: #000; } a:focus { outline: none; } ul { margin: 0; } ul li { list-style: none; } .container-fluid { max-width: 6.82291667rem !important; } .container-box { max-width: 6.82291667rem; margin: 0 auto; padding: 0 15px; } .tr { transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .tr2 { transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .animation-fade-up { opacity: 0; position: relative; top: 50px; transition: all 1s; } .animation-fade-left { opacity: 0; position: relative; right: -100px; transition: all 1s; } .animation-fade-right { opacity: 0; position: relative; left: -100%; } .animation-zoom-in { transform: scale(0.3); transition: all 1s; opacity: 0; } .animation-fade-in { opacity: 0; transition: all 1s; } .animation-fade-zoom { transform: scale(1.1); transition: all 2s; } .animation-fade-zoom-out { transform: scale(0.6); transition: all 1s; opacity: 0; } .animation-fade-transparent { opacity: 0; transition: all 0s; } .start-animation .animation-fade-up { opacity: 1; top: 0; } .start-animation .animation-fade-left { opacity: 1; right: 0; } .start-animation .animation-fade-right { opacity: 1; left: 0; transition-duration: 1s; transition-timing-function: ease; } .start-animation .animation-zoom-in { transform: scale(1); opacity: 1; } .start-animation .animation-fade-in { opacity: 1; } .start-animation .animation-fade-zoom { transform: scale(1); } .start-animation .animation-fade-zoom-out { transform: scale(1); opacity: 1; transition: all 3s; } .start-animation .animation-fade-transparent { opacity: 1; transition: all 3s; } .mCustomScrollBox { padding-right: 8px; } .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer { right: -10px !important; } .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar { width: 3px; background: #004884 !important; border-radius: 0; } .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail { opacity: 1 !important; width: 3px; background: #fff; border-radius: 0; } .page_div { text-align: center; line-height: 30px; } .page_div button { display: inline-block; min-width: 30px; height: 30px; cursor: pointer; color: #000; font-size: 13px; background-color: #f5f5f5; border: 1px solid #fff; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: top; margin: 0 2px; line-height: 1; } .page_div button:disabled { opacity: 0; cursor: auto; } .page_div #firstPage, .page_div #lastPage, .page_div #nextPage, .page_div #prePage { width: 30px; color: #000; border: 1px solid #fff; padding: 0; } .page_div #nextPage { background: url(../images/icon18_r.png) no-repeat center center; } .page_div #prePage { background: url(../images/icon18_r.png) no-repeat center center; transform: rotateY(180deg); } .page_div #nextPage, .page_div #lastPage { margin-left: 10px; } .page_div #firstPage, .page_div #prePage { margin-right: 10px; } .page_div #nextPage, .page_div #prePage { width: 30px; padding: 0; } .page_div .pageNum, .page_div .totalList { line-height: 30px; margin-left: 10px; } .page_div .totalPages { margin: 0 10px; } .page_div .totalPages span { color: #000; margin: 0 5px; } .page_div .totalSize span { color: #000; margin: 0 5px; } .page_div .current { background-color: #fff; border-color: #fff; } .page_div input { width: 50px; height: 30px; border: 1px solid #a9a9a9; text-align: center; margin: 0 5px; } .page_div input:focus { outline: none; } .page_div .skip { display: inline-block; width: 49px; height: 30px; line-height: 28px; vertical-align: top; cursor: pointer; text-align: center; border: 1px solid #fff; background-color: #f5f5f5; } .ydd_btn { width: 30px; cursor: pointer; } .ydd_btn span { display: block; width: 100%; height: 1px; background: #333; } .ydd_btn span.span02 { margin: 5px 0; } .nav7 { display: block; position: fixed; top: 0; right: -100%; z-index: 9000; width: 100%; height: 100%; background: #fff; padding: 0 15px 30px 15px; transition: all .3s; } .nav7.active { right: 0; } .nav7 .top { display: flex; justify-content: space-between; height: 70px; align-items: center; } .nav7 .top .logo { height: 30px; } .nav7 .top .off { width: 30px; height: 30px; position: relative; } .nav7 .top .off::before, .nav7 .top .off::after { content: ""; width: 100%; height: 1px; background-color: #333; position: absolute; top: 50%; left: 0; } .nav7 .top .off::before { transform: rotate(45deg); } .nav7 .top .off::after { transform: rotate(-45deg); } .nav7 .nav7-con { height: calc(100% - 70px); overflow: auto; margin-bottom: 10px; } .nav7 .nav7-con .list { overflow: hidden; } .nav7 .nav7-con .list a { display: block; position: relative; transition: all .3s; } .nav7 .nav7-con .list .a-1 { font-size: 16px; color: #000; line-height: 50px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .nav7 .nav7-con .list .a-1.on::before { content: "\e672"; font-family: "iconfont"; position: absolute; top: 0; right: 0; opacity: 0.3; font-size: 13px; transition: all .3s; } .nav7 .nav7-con .list .a-1.active::before { transform: rotate(-180deg); } .nav7 .nav7-con .list .a-1 img { position: relative; top: -5px; margin-left: 5px; } .nav7 .nav7-con .list ul { padding: 10px 0 0 32px; display: none; } .nav7 .nav7-con .list ul li .a-2 { font-size: 14px; color: rgba(0, 0, 0, 0.8); line-height: 20px; padding: 5px 0; } .nav7 .nav7-con .list ul li .a-2.on::before { content: "\e672"; font-family: "iconfont"; position: absolute; top: 0; right: 0; opacity: 0.3; font-size: 12px; transition: all .3s; } .nav7 .nav7-con .list ul li .a-2.active::before { transform: rotate(-180deg); } .nav7 .nav7-con .list ul li dl { display: none; padding-left: 28px; padding-top: 8px; } .nav7 .nav7-con .list ul li dl dd a { font-size: 13px; color: rgba(0, 0, 0, 0.6); line-height: 20px; padding: 5px 0; } header { height: auto; padding-top: 0.15625rem; padding-bottom: 0.15625rem; position: sticky; top: 0; z-index: 1000; background-color: #fff; } header .con-box .top { display: flex; justify-content: flex-end; align-items: center; height: 0.10416667rem; } header .con-box .top .language { position: relative; } header .con-box .top .language h5 { font-size: 0.09375rem; color: #333; background: url(../images/icon1.png) no-repeat 0 center / 0.078125rem auto, url(../images/icon3.png) no-repeat right 0 center / 0.05208333rem auto; padding: 0 0.078125rem 0 0.10416667rem; line-height: 0.10416667rem; cursor: pointer; } header .con-box .top .language ul { width: 100%; position: absolute; top: 100%; z-index: 100; padding-top: 0.05208333rem; opacity: 0; transform: translateY(0.15625rem); visibility: hidden; } header .con-box .top .language ul div { background-color: #fff; box-shadow: 0 0 0.05208333rem rgba(0, 0, 0, 0.2); padding: 0.05208333rem 0; } header .con-box .top .language ul div li a { display: block; line-height: 0.18229167rem; font-size: 0.09375rem; color: #333; text-align: center; transition: all .3s; } header .con-box .top .language ul div li a:hover { color: #0f5082; } header .con-box .top .language:hover ul { opacity: 1; transform: translateY(0); visibility: initial; transition: all .3s; } header .con-box .top .search { width: 0.08333333rem; height: 0.08333333rem; background: url(../images/icon2.png) no-repeat center center / contain; margin-left: 0.20833333rem; cursor: pointer; } header .con-box .bottom { display: flex; align-items: flex-end; justify-content: space-between; position: relative; } header .con-box .bottom .logo { width: 0.97916667rem; } header .con-box .bottom .logo img { max-width: 100%; } header .con-box .bottom nav ul { display: flex; } header .con-box .bottom nav ul li { line-height: 0.109375rem; border-right: 1px solid #e5e5e5; } header .con-box .bottom nav ul li a.a-1 { font-size: 0.10416667rem; color: #333; padding: 0 0.13020833rem; display: block; } header .con-box .bottom nav ul li a.a-1 span { display: block; position: relative; } header .con-box .bottom nav ul li a.a-1 span::before { content: ""; width: 100%; height: 0.015625rem; background-color: #0f5082; position: absolute; bottom: 0; left: 0; z-index: 100; transform: translateY(0.16666667rem); display: none; } header .con-box .bottom nav ul li:last-child { border-right: none; } header .con-box .bottom nav ul li:last-child a.a-1 { padding-right: 0; } header .con-box .bottom nav ul li .nav-2 { width: 100%; position: absolute; top: 100%; left: 0; padding-top: 0.15625rem; display: none; } header .con-box .bottom nav ul li .nav-2 .nav-2-box { position: relative; } header .con-box .bottom nav ul li .nav-2 .nav-2-box::before { content: ""; width: 1000%; height: 100%; background-color: rgba(255, 255, 255, 0.9); position: absolute; top: 0; left: 50%; transform: translateX(-50%); border-top: 1px solid #d8d8d8; } header .con-box .bottom nav ul li .nav-2 .nav-2-box .container-box dl { display: flex; flex-wrap: wrap; justify-content: center; padding: 0.20833333rem 0 0.10416667rem; position: relative; } header .con-box .bottom nav ul li .nav-2 .nav-2-box .container-box dl dd { padding: 0 0.15625rem 0.10416667rem; } header .con-box .bottom nav ul li .nav-2 .nav-2-box .container-box dl dd a { font-size: 0.09375rem; color: #000; transition: all .3s; } header .con-box .bottom nav ul li .nav-2 .nav-2-box .container-box dl dd a:hover { color: #0f5082; } header .con-box .bottom nav ul li:hover a.a-1 span::before { display: block; } header .con-box .bottom nav ul li:hover .nav-2 { display: block; } header .con-box .bottom nav ul li.active a.a-1 span::before { display: block; } header.active { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .banner { width: 100%; height: calc(100vh - 0.64911458rem); position: relative; } .banner .swiper-container { height: 100%; } .banner .swiper-container .swiper-wrapper { height: 100%; } .banner .swiper-container .swiper-wrapper .swiper-slide { height: 100%; position: relative; overflow: hidden; } .banner .swiper-container .swiper-wrapper .swiper-slide .img { height: 100%; } .banner .swiper-container .swiper-wrapper .swiper-slide .con { position: absolute; top: 1.19791667rem; left: 50%; z-index: 10; transform: translateX(-50%); width: 6.66666667rem; max-width: 6.66666667rem; } .banner .swiper-container .swiper-wrapper .swiper-slide .con h3 { color: #fff; font-size: 0.28125rem; } .banner .swiper-container .swiper-wrapper .swiper-slide .con .play { width: 0.42708333rem; height: 0.42708333rem; border: 1px solid #fff; border-radius: 50%; margin-top: 0.15625rem; cursor: pointer; } .banner .swiper-container .swiper-wrapper .swiper-slide .con .play::before { content: ""; width: 0.15625rem; height: 0.171875rem; background: url(../images/play.png) no-repeat center center / contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .banner .swiper-pagination { top: 50%; right: 0.22916667rem; transform: translateY(-0.78125rem); display: flex; flex-direction: column; } .banner .swiper-pagination .swiper-pagination-bullet { width: 9px; height: 9px; background-color: #fff; opacity: .6; margin: 10px 0; position: relative; transition: all .3s; } .banner .swiper-pagination .swiper-pagination-bullet::before { content: ""; width: 1px; height: 0; background-color: #fff; opacity: .4; position: absolute; top: 19px; left: 50%; transform: translateX(-50%); } .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; margin-bottom: 0.52083333rem; } .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { height: 0.46875rem; transition: all 5s; } .banner .swiper-pagination .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active { margin-bottom: 0; margin-top: 0.52083333rem; } .banner .swiper-pagination .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active::before { top: auto; bottom: 19px; } .banner .swiper-pagination .swiper-pagination-bullet:focus { outline: none; } .banner .figure { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 10; border-top: 1px solid rgba(255, 255, 255, 0.3); padding-left: 1.66666667rem; display: flex; } .banner .figure .bt { width: 1.82291667rem; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .banner .figure .bt h5 { font-size: 0.26041667rem; } .banner .figure .bt p { font-size: 0.10416667rem; line-height: 0.10416667rem; margin-bottom: 0.05208333rem; background: url(../images/icon4.png) no-repeat right center / auto 80%; padding-right: 0.15625rem; } .banner .figure ul { display: flex; width: calc(100% - 1.82291667rem); background-color: rgba(0, 0, 0, 0.3); } .banner .figure ul li { width: 25%; height: 0.78125rem; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; } .banner .figure ul li::after { content: ""; width: 1px; height: 0.52083333rem; background-color: rgba(255, 255, 255, 0.1); position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .banner .figure ul li::before { content: ""; width: 100%; height: 0.04166667rem; background-color: #33b9ed; position: absolute; top: -1px; left: 0; } .banner .figure ul li h5 { font-size: 0.26041667rem; position: relative; } .banner .figure ul li h5 span.span-2 { font-size: 0.15625rem; } .banner .figure ul li p { font-size: 0.10416667rem; line-height: 0.10416667rem; margin-top: 0.05208333rem; } .banner .figure ul li:first-child h5 { left: -0.02604167rem; } .banner .figure ul li:first-child h5 span { display: none; } .banner .figure ul li:nth-child(2)::before { background-color: #f7db1c; } .banner .figure ul li:nth-child(2) h5 { left: -0.02083333rem; } .banner .figure ul li:nth-child(3)::before { background-color: #f08200; } .banner .figure ul li:nth-child(4)::before { background-color: #8ddd5d; } .banner .figure ul li:nth-child(4)::after { display: none; } .main1 { padding: 0.36458333rem 0; } .main1 .title { max-width: 4.6875rem; text-align: center; margin: 0 auto; } .main1 .title h5 { font-size: 0.20833333rem; color: #222; position: relative; padding-bottom: 0.15625rem; } .main1 .title h5::before { content: ""; width: 0.36458333rem; height: 2px; background-color: #f08200; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .main1 .title .text { font-size: 0.09375rem; color: #666; line-height: 0.14583333rem; margin-top: 0.20833333rem; } .main1 .main1-con { position: relative; text-align: center; margin: 0.36458333rem 0 0.26041667rem; padding: 0 1.30208333rem; } .main1 .main1-con::before { content: ""; width: 100%; height: 1px; background-color: #e9e9e9; position: absolute; top: 0.625rem; left: 0; } .main1 .main1-con .swiper-slide .imgbox { height: 1.25rem; display: flex; align-items: center; justify-content: center; position: relative; } .main1 .main1-con .swiper-slide .imgbox img { max-width: 100%; max-height: 100%; position: relative; z-index: 10; } .main1 .main1-con .swiper-slide .text { font-size: 0.08333333rem; color: #666; margin-top: 0.26041667rem; line-height: 0.14583333rem; } .main1 .main1-con .swiper-slide img.img-1 { width: 7.421875rem; top: 0.08333333rem; } .main1 .main1-con .swiper-slide img.img-2 { width: 6.921875rem; top: 0.02604167rem; } .main1 .main1-con .but { width: 0.26041667rem; height: 0.26041667rem; background-color: #fff; background-image: url(../images/icon5_1.png); background-position: center center; background-repeat: no-repeat; background-size: auto 0.08333333rem; border-radius: 50%; position: absolute; top: 0.49479167rem; z-index: 100; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transition: all .3s; } .main1 .main1-con .but:focus { outline: none; } .main1 .main1-con .but.but-prev { left: 0.60416667rem; } .main1 .main1-con .but.but-next { right: 0.60416667rem; transform: rotateY(180deg); } .main1 .main1-con .but:hover { background-color: #f08200; background-image: url(../images/icon5_2.png); } .main1 .more-box { text-align: center; } .more1 { font-size: 0.11458333rem; color: #000 !important; padding-left: 0.20833333rem; position: relative; transition: all .3s; } .more1::before { content: "+"; width: 0.15625rem; height: 0.15625rem; background-color: #f08200; color: #fff; position: absolute; top: 50%; left: 0; transform: translateY(-50%); text-align: center; } .more1.download::before { content: ""; background-image: url(../images/icon23.png); background-repeat: no-repeat; background-position: center center; background-size: 0.07291667rem auto; } .title1 { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 0.3125rem; } .title1 h5 { font-size: 0.20833333rem; position: relative; line-height: 1; } .title1 h5::before { content: ""; width: 0.36458333rem; height: 2px; background-color: #f08200; position: absolute; bottom: -0.15625rem; left: 0; } .title1 .more1 { position: relative; top: -0.02604167rem; } .main2 { background-color: #f9fdf9; padding: 0.36458333rem 0 0.20833333rem; } .main2 .main2-con ul { display: flex; flex-wrap: wrap; margin: 0 -0.078125rem; } .main2 .main2-con ul li { width: 33.33%; padding: 0 0.078125rem; margin-bottom: 0.15625rem; } .news1 { display: block; position: relative; } .news1::before, .news1::after { content: ""; width: 100%; height: 2px; background-color: #e5e5e5; position: absolute; bottom: 0; left: 0; transition: all .3s; } .news1::after { width: 0; background-color: #f08200; } .news1 .imgbox { overflow: hidden; } .news1 h5 { font-size: 0.11458333rem; color: #333; line-height: 0.3125rem; display: flex; } .news1 h5 span { max-width: 100%; position: relative; transition: all .3s; } .news1 h5 span::before { content: ""; width: 0.046875rem; height: 100%; background: url(../images/icon6.png) no-repeat center center / 0.046875rem auto; position: absolute; top: 50%; right: 0; transform: translateY(-50%); opacity: 0; transition: all .3s; } .main3 { padding: 0.36458333rem 0; } .main3 ul { display: flex; } .main3 ul li:nth-child(1) { width: 33.33%; } .main3 ul li:nth-child(1) .imgbox { height: 1.84895833rem; } .main3 ul li:nth-child(1) .imgbox .img { height: 100%; } .main3 ul li:nth-child(1) .text-box { height: 1.77083333rem; padding: 0.3125rem 0.20833333rem 0; background-color: #eee; transition: all .3s; position: relative; } .main3 ul li:nth-child(1) .text-box::before { content: ""; border-left: 0.08854167rem solid transparent; border-right: 0.08854167rem solid transparent; border-bottom: 0.09375rem solid #f08200; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); transition: all .3s; opacity: 0; } .main3 ul li:nth-child(1) .text-box .title { display: flex; padding-bottom: 0.10416667rem; position: relative; } .main3 ul li:nth-child(1) .text-box .title::before { content: ""; width: 0.36458333rem; height: 2px; background-color: #f08200; position: absolute; bottom: 0; left: 0; transition: all .3s; } .main3 ul li:nth-child(1) .text-box .title .img .icon-1 { width: 0.27083333rem; } .main3 ul li:nth-child(1) .text-box .title .img .icon-2 { width: 0.27083333rem; display: none; } .main3 ul li:nth-child(1) .text-box .title h5 { font-size: 0.1875rem; margin-left: 0.09375rem; transition: all .3s; } .main3 ul li:nth-child(1) .text-box .text { font-size: 0.08333333rem; color: #666; margin-top: 0.15625rem; line-height: 0.14583333rem; transition: all .3s; } .main3 ul li:nth-child(2) { width: 66.66%; height: 3.61979167rem; position: relative; } .main3 ul li:nth-child(2) .con-1 { height: 2.67708333rem; position: relative; } .main3 ul li:nth-child(2) .con-1 .img { height: 100%; } .main3 ul li:nth-child(2) .con-1 .text-box { position: absolute; width: 100%; top: 0; left: 0; padding: 0.36458333rem 1.40625rem 0 0.26041667rem; display: flex; justify-content: space-between; align-items: flex-start; } .main3 ul li:nth-child(2) .con-1 .text-box img { width: 0.265625rem; } .main3 ul li:nth-child(2) .con-1 .text-box .right { width: calc(100% - 0.35416667rem); color: #fff; } .main3 ul li:nth-child(2) .con-1 .text-box .right h5 { font-size: 0.1875rem; padding-bottom: 0.13541667rem; position: relative; } .main3 ul li:nth-child(2) .con-1 .text-box .right h5::before { content: ""; width: 0.36458333rem; height: 2px; background-color: #f08200; position: absolute; bottom: 0; left: 0; } .main3 ul li:nth-child(2) .con-1 .text-box .right p { font-size: 0.08333333rem; line-height: 0.14583333rem; margin-top: 0.10416667rem; } .main3 ul li:nth-child(2) .con-2 { position: absolute; bottom: 0; left: 0; width: 50%; height: 1.77083333rem; padding: 0.3125rem 0.20833333rem 0; background-color: #fff; transition: all .3s; } .main3 ul li:nth-child(2) .con-2::before { content: ""; border-left: 0.08854167rem solid transparent; border-right: 0.08854167rem solid transparent; border-bottom: 0.09375rem solid #f08200; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); transition: all .3s; opacity: 0; } .main3 ul li:nth-child(2) .con-2 .title { display: flex; padding-bottom: 0.10416667rem; position: relative; } .main3 ul li:nth-child(2) .con-2 .title::before { content: ""; width: 0.36458333rem; height: 2px; background-color: #f08200; position: absolute; bottom: 0; left: 0; transition: all .3s; } .main3 ul li:nth-child(2) .con-2 .title .img .icon-1 { width: 0.30729167rem; } .main3 ul li:nth-child(2) .con-2 .title .img .icon-2 { width: 0.30729167rem; display: none; } .main3 ul li:nth-child(2) .con-2 .title h5 { font-size: 0.1875rem; margin-left: 0.09375rem; transition: all .3s; } .main3 ul li:nth-child(2) .con-2 .text { font-size: 0.08333333rem; color: #666; margin-top: 0.15625rem; line-height: 0.14583333rem; transition: all .3s; } .main3 ul li:nth-child(2) .con-3 { width: 50%; height: 0.94270833rem; display: flex; align-items: center; justify-content: center; background-color: #f0f4f7; position: absolute; bottom: 0; right: 0; } footer { background: url(../images/bg1.jpg) repeat; } footer .footer-1 { padding: 0.36458333rem 0; } footer .footer-1 ul { display: flex; } footer .footer-1 ul li:nth-child(1) { width: 75%; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; } footer .footer-1 ul li:nth-child(1) dl { margin-bottom: 0.26041667rem; width: 33.3333333333333%; padding-left: 0.15625rem; } footer .footer-1 ul li:nth-child(1) dl a { transition: all .3s; } footer .footer-1 ul li:nth-child(1) dl dt { margin-bottom: 0.05208333rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } footer .footer-1 ul li:nth-child(1) dl dt a { font-size: 0.10416667rem; color: #000; line-height: 1.5; } footer .footer-1 ul li:nth-child(1) dl dd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } footer .footer-1 ul li:nth-child(1) dl dd a { font-size: 0.08333333rem; color: rgba(0, 0, 0, 0.7); line-height: 0.1875rem; } footer .footer-1 ul li:nth-child(1) dl a:hover { color: #f08200; } footer .footer-1 ul li:nth-child(1) dl:nth-last-child(4) ~ dl { margin-bottom: 0; } footer .footer-1 ul li:nth-child(1) dl:nth-child(3n+1) { justify-content: flex-start; padding-left: 0; } footer .footer-1 ul li:nth-child(1)::before, footer .footer-1 ul li:nth-child(1)::after { content: ""; width: 1px; height: 100%; background-color: #e5ece4; position: absolute; top: 0; left: 33.33%; } footer .footer-1 ul li:nth-child(1)::after { left: 66.66%; } footer .footer-1 ul li:nth-child(2) { width: 25%; display: flex; justify-content: flex-start; position: relative; padding-left: 0.15625rem; } footer .footer-1 ul li:nth-child(2) .con .phone { font-size: 0.16666667rem; color: #333; font-family: "Arial"; font-weight: bold; background-image: url(../images/icon10.png); background-repeat: no-repeat; background-position: 0 center; background-size: 0.08854167rem auto; padding-left: 0.13020833rem; } footer .footer-1 ul li:nth-child(2) .con .text { font-size: 0.08333333rem; line-height: 0.15625rem; background-image: url(../images/icon11.png); background-repeat: no-repeat; background-position: 0 0.02604167rem; background-size: 0.08854167rem auto; margin-top: 0.15625rem; padding-left: 0.13020833rem; } footer .footer-1 ul li:nth-child(2) .con dl { display: flex; flex-wrap: wrap; margin-top: 0.15625rem; } footer .footer-1 ul li:nth-child(2) .con dl dd { width: 33.33%; height: 0.46875rem; border: 1px solid #e8e8e8; margin: -1px 0 0 -1px; } footer .footer-1 ul li:nth-child(2) .con dl dd a { height: 100%; display: flex; justify-content: center; align-items: center; } footer .footer-1 ul li:nth-child(2) .con dl dd a img.icon-2 { display: none; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(1) a img { width: 0.125rem; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(2) a img { width: 0.11979167rem; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(3) a img { width: 0.05729167rem; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(4) a img { width: 0.109375rem; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(5) a img { width: 0.11458333rem; } footer .footer-1 ul li:nth-child(2)::before { content: ""; width: 1px; height: 100%; background-color: #e5ece4; position: absolute; top: 0; left: 0; } footer .footer-2 { border-top: 1px solid #dddbdf; } footer .footer-2 .container-box { display: flex; justify-content: space-between; padding: 0.15625rem 15px; font-size: 0.08333333rem; color: #666; opacity: .6; } footer .footer-2 .container-box a { color: #666; transition: all .3s; } footer .footer-3 { padding: 0.36458333rem 0 0.05208333rem; } footer .footer-3 .container-box { display: flex; } footer .footer-3 .container-box dl.dl-1 { padding-bottom: 0.26041667rem; width: 50%; padding-left: 0.15625rem; border-right: 1px solid #e5ece4; } footer .footer-3 .container-box dl.dl-1 a { transition: all .3s; } footer .footer-3 .container-box dl.dl-1 dt { margin-bottom: 0.05208333rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } footer .footer-3 .container-box dl.dl-1 dt a { font-size: 0.10416667rem; font-family: "Roboto Bold"; color: #000; line-height: 1.5; } footer .footer-3 .container-box dl.dl-1 dd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } footer .footer-3 .container-box dl.dl-1 dd a { font-size: 0.08333333rem; font-family: "Roboto Regular"; color: rgba(0, 0, 0, 0.7); line-height: 0.1875rem; } footer .footer-3 .container-box dl.dl-1 a:hover { color: #f08200; } footer .footer-3 .container-box .left { width: 50%; display: flex; flex-wrap: wrap; } footer .footer-3 .container-box .right { width: 50%; } footer .footer-3 .container-box .right .top { display: flex; flex-wrap: wrap; } footer .footer-3 .container-box .right .top dl:last-child { border-right: none; display: flex; justify-content: space-between; } footer .footer-3 .container-box .right .top dl:last-child .weixin { text-align: center; } footer .footer-3 .container-box .right .top dl:last-child .weixin h5 { font-size: 0.10416667rem; margin-bottom: 0.05208333rem; line-height: 1.5; } footer .footer-3 .container-box .right .top dl:last-child .weixin .img { background-color: #fff; padding: 0.02604167rem; } footer .footer-3 .container-box .right .top dl:last-child .weixin .img img { width: 0.625rem; height: 0.625rem; } footer .footer-3 .container-box .right .top dl:last-child .weixin .img p { margin-top: 0.02604167rem; font-size: 0.078125rem; } footer .footer-3 .container-box .right .bottom { padding-left: 0.15625rem; } footer .footer-3 .container-box .right .bottom dl.dl-2 { display: flex; flex-wrap: wrap; margin-top: 0.15625rem; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd { width: 20%; height: 0.46875rem; border: 1px solid #e8e8e8; margin: -1px 0 0 -1px; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd a { display: block; height: 100%; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd a .icon { height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd a .icon.icon-2 { display: none; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd a .icon::before { display: none !important; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd a:hover .icon-1 { display: none; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd a:hover .icon-2 { display: block; } footer .footer-4 { padding-top: 0.20833333rem; } footer .footer-4 .container-box { display: flex; } footer .footer-4 .container-box .list { width: 16.666666%; border-right: 1px solid #ecedeb; padding-bottom: 0.20833333rem; display: flex; justify-content: center; } footer .footer-4 .container-box .list dl dt { margin-bottom: 0.05208333rem; } footer .footer-4 .container-box .list dl dt a { font-size: 0.10416667rem; font-weight: normal; color: #000; transition: all .3s; } footer .footer-4 .container-box .list dl dt a:hover { color: #f08200; } footer .footer-4 .container-box .list dl dd { line-height: 0.15625rem; } footer .footer-4 .container-box .list dl dd a { font-size: 0.08333333rem; color: rgba(0, 0, 0, 0.7); transition: all .3s; } footer .footer-4 .container-box .list dl dd a:hover { color: #f08200; } footer .footer-4 .container-box .list:first-child { justify-content: flex-start; } footer .footer-4 .container-box .list:last-child { justify-content: flex-end; border-right: none; text-align: center; } footer .footer-4 .container-box .list:last-child img { width: 0.57291667rem; height: 0.57291667rem; } footer .footer-4 .container-box .list:last-child p { margin-top: 0.05208333rem; font-size: 0.08333333rem; color: #666; } .nav2 { height: 60px; display: flex; justify-content: space-between; align-items: center; padding: 0 15px; background-color: #fff; position: sticky; top: 0; z-index: 4000; } .nav2 .logo img { max-height: 50px; } .nav2.active { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .video-popup { position: fixed; width: 100%; height: 100%; top: -100%; left: 0; z-index: 9000; background-color: rgba(0, 0, 0, 0.9); display: flex; align-items: center; justify-content: center; padding: 30px 15px; transition: all .3s; } .video-popup .icon-plus { position: absolute; top: 10px; right: 10px; font-size: 0; width: 40px; height: 40px; cursor: pointer; transition: all .3s; } .video-popup .icon-plus::before, .video-popup .icon-plus::after { content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 0; } .video-popup .icon-plus::before { transform: rotate(45deg); } .video-popup .icon-plus::after { transform: rotate(-45deg); } .video-popup .con-box { width: 100%; height: 100%; max-height: 60%; max-width: 1280px; display: flex; flex-direction: column; justify-content: center; } .video-popup .con-box video { width: 100%; height: 100%; max-height: 100%; background-color: #000; } .video-popup.active { top: 0; } .banner2 { position: relative; } .banner2 h3 { width: 100%; max-width: 6.82291667rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0 15px; font-size: 0.29166667rem; color: #fff; text-transform: uppercase; } .nav3 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.41666667rem; position: relative; } .nav3::before { content: ""; width: 100%; height: 0.00520833rem; background-color: #eaeaea; position: absolute; bottom: 0; left: 0; } .nav3 .roll { max-width: 4.16666667rem; } .nav3 .roll .swiper-container .swiper-slide { width: auto; margin-right: 0.234375rem; position: relative; height: 0.52083333rem; display: flex; align-items: center; } .nav3 .roll .swiper-container .swiper-slide a { color: #666; font-size: 0.10416667rem; line-height: 0.15625rem; transition: all .3s; position: relative; z-index: 100; } .nav3 .roll .swiper-container .swiper-slide a::before { content: ""; width: 100%; height: 0.00520833rem; background-color: #f08200; position: absolute; bottom: -0.18229167rem; left: 0; opacity: 0; transition: all .3s; } .nav3 .roll .swiper-container .swiper-slide a.active { color: #f08200 !important; } .nav3 .roll .swiper-container .swiper-slide a.active::before { opacity: 1; } .nav3 .right { color: #666; font-size: 0.08333333rem; line-height: 0.15625rem; transition: all .3s; background-image: url(../images/icon17.png); background-repeat: no-repeat; background-position: 0 center; background-size: 0.09375rem auto; padding-left: 0.09375rem; display: flex; align-items: center; } .nav3 .right i.arrows { width: 0.03125rem; height: 0.08333333rem; display: inline-block; background-image: url(../images/icon18.png); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; margin: 0 0.05208333rem; } .nav3.nav3-2 .roll .swiper-container .swiper-slide a { color: #fff; } .nav3.nav3-2 .right { color: #fff; padding-left: 0 !important; background: none; } .nav3.nav3-2 .right i.arrows { background-image: url(../images/icon18_2.png); } .main4 { padding-bottom: 0.41666667rem; display: flex; } .main4 .nav { width: 1.66666667rem; padding-right: 0.15625rem; } .main4 .nav ul li { font-size: 0.10416667rem; color: #333; line-height: 0.125rem; margin-bottom: 0.20833333rem; } .main4 .nav ul li span { cursor: pointer; position: relative; padding-bottom: 0.02604167rem; transition: all .3s; } .main4 .nav ul li span::before { content: ""; width: 0; height: 2px; background-color: #f08200; position: absolute; bottom: 0; left: 0; opacity: 0; transition: all .3s; } .main4 .nav ul li span.active { color: #f08200; } .main4 .nav ul li span.active::before { width: 100%; opacity: 1; } .main4 .con { width: calc(100% - 1.66666667rem); } .main4 .con .con-1 { overflow: hidden; } .main4 .con .con-1 .swiper-container { overflow: initial; } .main4 .con .con-1 .swiper-container .swiper-slide a { display: block; overflow: hidden; position: relative; } .main4 .con .con-1 .swiper-container .swiper-slide a .img { background-repeat: no-repeat; background-position: center center; background-size: cover; } .main4 .con .con-1 .swiper-container .swiper-slide a h3 { width: 100%; font-size: 0.10416667rem; color: #f08200; position: absolute; left: 0; bottom: 0.20833333rem; line-height: 1; padding: 0 0.26041667rem; } .main4 .con .con-1 .swiper-container .swiper-slide a h3 sup { font-size: 0.08333333rem; margin-left: 0.04166667rem; top: -0.05208333rem; } .main4 .con .con-2 { margin-top: 0.20833333rem; padding-top: 0.20833333rem; border-top: 1px solid #eaeaea; overflow: hidden; } .main4 .con .con-2 ul { display: flex; margin: 0 -0.125rem; } .main4 .con .con-2 ul li { width: 50%; padding: 0 0.125rem; } .news2 { display: block; } .news2 .imgbox { overflow: hidden; } .news2 .imgbox .img { background-repeat: no-repeat; background-position: center center; background-size: cover; } .news2 h5 { line-height: 0.46875rem; font-size: 0.13020833rem; color: #333; } .nav4 { margin: 30px 0; } .nav4 .title { height: 50px; line-height: 20px; background-color: #f08200; font-size: 20px; color: #fff; padding-left: 15px; padding-right: 30px; position: relative; display: flex; align-items: center; } .nav4 .title i { width: 100%; height: 100%; position: absolute; top: 0; right: 0; font-style: normal; display: none; } .nav4 .title i::before { content: "\e672"; font-family: "iconfont"; position: absolute; top: 50%; right: 15px; font-size: 16px; transform: translateY(-50%); transition: all .3s; } .nav4 .title.active i::before { transform: translateY(-50%) rotate(-180deg); } .nav4 ul { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 10px 0; display: none; background-color: #fff; } .nav4 ul li a { display: block; line-height: 16px; color: #333; font-size: 14px; padding: 8px 15px; } .nav4.nav4-2 { margin-top: 0; } .main5 { width: calc(100% + 1.66666667rem); overflow: hidden; } .main5 .list { margin-bottom: 0.36458333rem; } .main5 .list .swiper-container { overflow: initial; } .main5 .list .swiper-container .swiper-slide { width: calc(100% - 1.66666667rem); margin-right: 1.66666667rem; } .main5 .list .swiper-container .but-next { width: 0.27083333rem; height: 0.27083333rem; background-color: #f08200; border-radius: 50%; background-image: url(../images/icon19.png); background-repeat: no-repeat; background-position: center center; background-size: 0.05208333rem auto; position: absolute; top: 50%; right: 1.66666667rem; z-index: 10; transform: translate(0.39583333rem, -50%); display: none; } .main5 .list .swiper-container .but-next:focus { outline: none; } .main5 .list:last-child { margin-bottom: 0; } .news3 { display: block; background-color: #f2f2f2; padding: 0.10416667rem; display: flex; } .news3 .imgbox { width: 2.42708333rem; overflow: hidden; display: block; } .news3 .imgbox .img { background-repeat: no-repeat; background-position: center center; background-size: contain; } .news3 .right { width: calc(100% - 2.42708333rem); padding: 0.05208333rem 0 0 0.13020833rem; position: relative; } .news3 .right .title { font-size: 0.15625rem; color: #333; line-height: 0.18229167rem; } .news3 .right dl.dl-1 { font-size: 0.10416667rem; color: #333; line-height: 0.20833333rem; margin: 0.10416667rem 0 0.15625rem; } .news3 .right dl.dl-1 dt { font-weight: normal; color: #f08200; margin-bottom: 0.02604167rem; } .news3 .right dl.dl-2 { display: flex; flex-wrap: wrap; } .news3 .right dl.dl-2 dd { min-width: 1.19791667rem; margin: 0 0.04166667rem 0.07291667rem 0; text-align: center; } .news3 .right dl.dl-2 dd a { display: block; font-size: 0.09375rem; color: #333; line-height: 0.1875rem; background-color: #fff; padding: 0 0.05208333rem; transition: all .3s; } .news3 .right dl.dl-3 { display: flex; flex-wrap: wrap; margin: 0 -0.02604167rem; } .news3 .right dl.dl-3 dd { width: 50%; padding: 0 0.02604167rem; margin-bottom: 0.05208333rem; } .news3 .right dl.dl-3 dd .dd-con { height: 100%; font-size: 0.09375rem; color: #333; line-height: 0.13020833rem; background-color: #fff; padding: 0.05208333rem; transition: all .3s; } .news3 .right dl.dl-3 dd .dd-con h5 { font-size: 0.09375rem; margin-bottom: 0.02604167rem; } .news3 .right .more1-box { position: absolute; bottom: 0; right: 0; } .main6 { background-color: #f7f7f7; padding: 0.41666667rem 0 0.57291667rem; margin: 0.41666667rem 0; } .main6 .title { font-size: 0.20833333rem; line-height: 0.234375rem; position: relative; padding-bottom: 0.10416667rem; margin-bottom: 0.36458333rem; } .main6 .title::before { content: ""; width: 0.36458333rem; height: 2px; background-color: #f08200; position: absolute; bottom: 0; left: 0; } .main6 .con { min-height: 1.92708333rem; border-bottom: 2px solid #d6d6d6; padding-bottom: 0.15625rem; position: relative; } .main6 .con .text { font-size: 0.08333333rem; color: #222; width: 2.1875rem; } .main6 .con .imgbox { width: 4.52083333rem; height: 1.82291667rem; position: absolute; bottom: 0; right: 0; } .main6 .con .imgbox .bg.bg-1 { width: 4.52083333rem; height: 1.09895833rem; position: absolute; bottom: -2px; } .main6 .con .imgbox .bg.bg-1 img { width: 100%; max-height: 100%; position: absolute; bottom: 0; left: 0; transition: all .3s; } .main6 .con .imgbox .bg.bg-1 img.img-2 { opacity: 0; } .main6 .con .imgbox .bg.bg-1 p { font-size: 0.08333333rem; color: #666; position: absolute; top: 0.05208333rem; left: 1.06770833rem; transition: all .3s; cursor: pointer; z-index: 100; } .main6 .con .imgbox .bg.bg-1 p::before { content: ""; width: 0.08333333rem; height: 0.08333333rem; border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; position: absolute; top: 0.05208333rem; right: -0.10416667rem; transition: all .3s; } .main6 .con .imgbox .bg.bg-1 p::after { content: ""; width: 0.234375rem; height: 0.234375rem; background: url(../images/icon20.png) no-repeat center center / contain; position: absolute; bottom: 0.14583333rem; right: -0.21875rem; opacity: 0; transition: all .3s; } .main6 .con .imgbox .bg.bg-1 p.p-2 { top: -0.13020833rem; left: 3.35416667rem; } .main6 .con .imgbox .bg.bg-1 p.p-2::before { border-right: none; border-left: 1px solid #d8d8d8; top: 0.05208333rem; right: auto; left: -0.10416667rem; } .main6 .con .imgbox .bg.bg-1 p.p-2::after { right: auto; left: -0.21875rem; } .main6 .con .imgbox .bg.bg-2 { width: 2.55729167rem; height: 1.82291667rem; position: absolute; bottom: -2px; right: 0.66666667rem; } .main6 .con .imgbox .bg.bg-2 img { width: 100%; max-height: 100%; position: absolute; bottom: 0; left: 0; transition: all .3s; } .main6 .con .imgbox .bg.bg-2 img.img-2 { opacity: 0; } .main6 .con .imgbox .bg.bg-2 p { font-size: 0.08333333rem; color: #666; position: absolute; top: -0.13020833rem; left: 0.53645833rem; transition: all .3s; cursor: pointer; } .main6 .con .imgbox .bg.bg-2 p::before { content: ""; width: 0.08333333rem; height: 0.08333333rem; border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; position: absolute; top: 0.05208333rem; right: -0.10416667rem; transition: all .3s; } .main6 .con .imgbox .bg.bg-2 p::after { content: ""; width: 0.234375rem; height: 0.234375rem; background: url(../images/icon20.png) no-repeat center center / contain; position: absolute; bottom: 0.14583333rem; right: -0.21875rem; opacity: 0; transition: all .3s; } .main6 .con .imgbox .bg.active img.img-1 { opacity: 0; } .main6 .con .imgbox .bg.active img.img-2 { opacity: 1; } .main6 .con .imgbox ul { width: 100%; position: absolute; bottom: -0.20833333rem; display: flex; justify-content: space-between; padding: 0 0.3125rem 0 0.78125rem; font-size: 0.08333333rem; color: #666; } .main6 .con .imgbox ul li { position: relative; } .main6 .con .imgbox ul li:nth-child(2) { left: 0.05208333rem; } .main6 .con .img-1 { width: 4.38020833rem; position: absolute; bottom: -0.20833333rem; right: 0; } .main7 { padding-bottom: 0.41666667rem; } .main7 .title { font-size: 0.20833333rem; line-height: 0.234375rem; position: relative; padding-bottom: 0.10416667rem; margin-bottom: 0.36458333rem; } .main7 .title::before { content: ""; width: 0.36458333rem; height: 2px; background-color: #f08200; position: absolute; bottom: 0; left: 0; } .main7 ul { display: flex; flex-wrap: wrap; } .main7 ul li { width: 33.33%; padding-left: 0.26041667rem; padding-bottom: 0.26041667rem; border-right: 2px solid #d6d6d6; border-bottom: 2px solid #d6d6d6; } .main7 ul li .icon { height: 0.35416667rem; display: flex; align-items: center; } .main7 ul li .icon img { max-height: 100%; transition: all .5s; } .main7 ul li dl { margin-top: 0.15625rem; } .main7 ul li dl dt { font-size: 0.125rem; color: #f08200; } .main7 ul li dl dd { font-size: 0.08333333rem; color: #666; line-height: 0.09375rem; padding: 0.05208333rem 0; } .main7 ul li:nth-child(3n+1) { padding-left: 0; } .main7 ul li:nth-child(3n+3) { border-right: none; } .main7 ul li:nth-child(3) ~ li { border-bottom: none; padding-top: 0.26041667rem; } .main8 { background: url(../images/bg2.jpg) no-repeat center center / cover; padding-top: 1.51041667rem; } .nav5 { border-bottom: 1px solid #eaeaea; background-color: #fff; padding: 0 0.3125rem; position: relative; } .nav5 .swiper-container .swiper-slide { width: auto; transition: all .3s; } .nav5 .swiper-container .swiper-slide a { display: block; padding: 0 0.15625rem; font-size: 0.09375rem; color: #333; line-height: 0.46875rem; transition: all .3s; } .nav5 .swiper-container .swiper-slide.active { background-color: #f08200; } .nav5 .swiper-container .swiper-slide.active a { color: #fff; } .nav5 .but { width: 0.26041667rem; height: 100%; background-image: url(../images/icon5_1.png); background-repeat: no-repeat; background-position: center center; background-size: 0.046875rem auto; position: absolute; top: 0; left: 0; z-index: 100; } .nav5 .but:focus { outline: none; } .nav5 .but.but-next { left: auto; right: 0; transform: rotateY(180deg); } .main9 { background-color: #fff; padding: 0.20833333rem 0.3125rem 0.10416667rem; border-bottom: 1px solid #e5e5e5; display: flex; } .main9 .left { width: 50%; } .main9 .left .gallery-top .swiper-slide { overflow: hidden; height: 2.08333333rem; background-position: center center; background-repeat: no-repeat; background-size: contain; } .main9 .left .thumbs-box { margin-top: 0.20833333rem; position: relative; } .main9 .left .thumbs-box .gallery-thumbs .swiper-slide { overflow: hidden; height: 0.60416667rem; opacity: 0.6; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: contain; } .main9 .left .thumbs-box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active { opacity: 1; } .main9 .left .thumbs-box .but { width: 0.15625rem; height: 100%; background-image: url(../images/icon5_1.png); background-repeat: no-repeat; background-position: center center; background-size: 0.046875rem auto; position: absolute; top: 0; } .main9 .left .thumbs-box .but:focus { outline: none; } .main9 .left .thumbs-box .but.but-prev { left: -0.15625rem; } .main9 .left .thumbs-box .but.but-next { right: -0.15625rem; transform: rotateY(180deg); } .main9 .right { width: 50%; padding-left: 0.83333333rem; } .main9 .right .title { font-size: 0.15625rem; color: #333; line-height: 0.1875rem; padding-bottom: 0.15625rem; border-bottom: 1px solid #eaeaea; } .main9 .right .mail { font-size: 0.15625rem; color: #333; background: url(../images/icon22.png) no-repeat 0 center / auto 100%; line-height: 0.234375rem; padding-left: 0.26041667rem; margin-top: 0.15625rem; } .main9 .right .text { font-size: 0.08854167rem; color: #666; line-height: 2; margin-top: 0.20833333rem; max-height: 1.09375rem; overflow: auto; font-weight: bold; } .main9 .right .more1-box { margin-top: 0.3125rem; } .main9.main9-2 .right .title { border-bottom: none; padding-bottom: 0 !important; } .main9.main9-2 .right .list-1 { display: flex; flex-wrap: wrap; padding: 0.15625rem 0; border-bottom: 2px solid #e5e5e5; } .main9.main9-2 .right .list-1 dl { width: 50%; } .main9.main9-2 .right .list-1 dl dt { font-size: 0.08333333rem; color: #333; line-height: 0.15625rem; font-weight: normal; } .main9.main9-2 .right .list-1 dl dd { font-size: 0.08333333rem; color: #666; line-height: 0.15625rem; } .main9.main9-2 .right .list-2 { margin-top: 0.15625rem; } .main9.main9-2 .right .list-2 dl { display: flex; flex-wrap: wrap; } .main9.main9-2 .right .list-2 dl dd { width: 33.33%; line-height: 0.140625rem; font-size: 0.08333333rem; margin-bottom: 0.05208333rem; cursor: pointer; transition: all .3s; text-align: center; } .main9.main9-2 .right .list-2 dl dd:nth-child(3n+3) { text-align: right; } .main9.main9-2 .right .list-2 dl dd:nth-child(3n+1) { text-align: left; } .main9.main9-2 .right .more1-box { margin-top: 0.15625rem; } .main10 { margin-top: 0.52083333rem; } .main10 table { width: 100%; } .main10 table tr { border-bottom: 1px solid #e0e0e0; } .main10 table tr th { width: 50%; background-color: #eee; height: 0.52083333rem; text-align: center; font-size: 0.125rem; font-weight: normal; color: #333; } .main10 table tr th:nth-child(1) { border-right: 1px solid #e0e0e0; } .main10 table tr td { height: 0.26041667rem; text-align: center; padding: 0.05208333rem; font-size: 0.08333333rem; color: #666; } .main10 table tr td:nth-child(1) { border-right: 1px solid #e0e0e0; } .main10 table tr:first-child { border-bottom: none; } .main11 { background-color: #efefef; margin-top: 0.52083333rem; padding: 0.52083333rem 0 0.97916667rem; } .main11 .title { color: #222; font-size: 0.20833333rem; padding-bottom: 0.13541667rem; position: relative; margin-bottom: 0.52083333rem; } .main11 .title::before { content: ""; width: 0.36458333rem; height: 2px; background-color: #f08200; position: absolute; bottom: 0; left: 0; } .main11 form ul { margin: 0 -0.10416667rem; display: flex; flex-wrap: wrap; } .main11 form ul li { width: 100%; padding: 0 0.10416667rem; margin-bottom: 0.20833333rem; } .main11 form ul li:nth-child(1), .main11 form ul li:nth-child(2) { width: 50%; } .main11 form ul li:nth-child(4), .main11 form ul li:nth-child(5), .main11 form ul li:nth-child(6) { width: 33.33%; } .main11 form ul li .con { border-bottom: 1px solid #bfbfbf; } .main11 form ul li .con .bt { font-size: 0.08333333rem; color: #222; text-transform: uppercase; } .main11 form ul li .con input, .main11 form ul li .con textarea { width: 100%; height: 0.20833333rem; border: none; background: none; font-size: 0.08333333rem; } .main11 form ul li .con input:focus, .main11 form ul li .con textarea:focus { outline: none; } .main11 form ul li .con input::-webkit-input-placeholder, .main11 form ul li .con textarea::-webkit-input-placeholder { color: rgba(34, 34, 34, 0.3); } .main11 form ul li:last-child .con { background-color: #fff; padding: 0.20833333rem; border-bottom: none; } .main11 form ul li:last-child .con textarea { height: 1.40625rem; padding-top: 0.05208333rem; resize: none; } .main11 form button { padding: 0; border: none; background: none; } .main11 form button .more1::before { content: ""; background-image: url(../images/icon37.png); background-repeat: no-repeat; background-position: center center; background-size: 0.07291667rem auto; } .main11.main11-2 { background-color: #fff; margin-top: 0 !important; padding-bottom: 0.625rem; } .main11.main11-2 form ul li:last-child .con { background-color: #f9f9f9; } .main11.main11-3 form ul li:nth-child(4), .main11.main11-3 form ul li:nth-child(5), .main11.main11-3 form ul li:nth-child(6), .main11.main11-3 form ul li:nth-child(7) { width: 25%; } .main11.main11-3 form ul li:nth-child(8) { width: 50%; } .main11.main11-3 form ul li .con .bt { position: relative; padding-left: 0.04166667rem; } .main11.main11-3 form ul li .con .bt sup { font-size: 0.08333333rem; color: #f08200; position: absolute; top: 0.02604167rem; left: 0; } .main11.main11-3 form ul li .con input, .main11.main11-3 form ul li .con textarea { padding-left: 0.04166667rem; } .title2 { font-size: 0.19791667rem; color: #222; position: relative; padding-bottom: 0.171875rem; margin-bottom: 0.3125rem; line-height: 0.20833333rem; } .title2::before { content: ""; width: 0.36458333rem; height: 2px; background-color: #f08200; position: absolute; bottom: 0; left: 0; } .title2.title2-2 { padding-bottom: 0.13020833rem; } .main12 ul { display: flex; flex-wrap: wrap; background: url(../images/bg3.jpg) no-repeat center center / cover; position: relative; } .main12 ul::before { content: ""; width: 100%; height: 2px; background-color: rgba(240, 130, 0, 0.1); position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .main12 ul::after { content: ""; width: 2px; height: 100%; background-color: rgba(240, 130, 0, 0.1); position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .main12 ul li { width: 50%; height: 1.5625rem; text-align: center; padding: 0.26041667rem 0.05208333rem 0; } .main12 ul li .icon { height: 0.3125rem; display: flex; align-items: center; justify-content: center; } .main12 ul li .icon img { max-height: 100%; transition: all .5s; } .main12 ul li h5 { font-size: 0.125rem; color: #f08200; margin: 0.10416667rem 0; } .main12 ul li .text { font-size: 0.08333333rem; color: #666; line-height: 0.1875rem; } .main13 { margin: 0.52083333rem 0; } .main13 img { width: 100%; } .main14 { background: url(../images/bg2.jpg) no-repeat center center / cover; } .main15 .container-box { display: flex; } .main15 .container-box .left { width: 2.1875rem; padding: 0.52083333rem 0; background-color: #f2f2f2; position: relative; } .main15 .container-box .left::before { content: ""; width: 1000%; height: 100%; background-color: #f2f2f2; position: absolute; top: 0; right: 100%; } .main15 .container-box .right { width: calc(100% - 2.1875rem); } .main15 .container-box .right ul { display: flex; flex-wrap: wrap; } .main15 .container-box .right ul li { width: 50%; border-bottom: 1px solid #e5e5e5; padding: 0.15625rem 0 0.15625rem 0.67708333rem; } .main15 .container-box .right ul li .bt { font-size: 0.08333333rem; color: #222; text-transform: uppercase; } .main15 .container-box .right ul li .text { font-size: 0.08333333rem; color: #222; margin-top: 0.078125rem; } .main15 .container-box .right ul li dl { margin-top: 0.078125rem; display: flex; } .main15 .container-box .right ul li dl dd { font-size: 0.08333333rem; color: #222; margin-right: 0.15625rem; text-transform: uppercase; } .main15 .container-box .right ul li:nth-child(6) ~ li { width: 100%; } .main16 { background-color: #f7f7f7; padding: 0.41666667rem 0; } .main16 .main16-con { position: relative; } .main16 .main16-con .swiper-container { padding: 1px; } .main16 .main16-con .swiper-container .swiper-slide a { display: block; border: 1px solid #666; overflow: hidden; } .main16 .main16-con .swiper-container .swiper-slide a .img { background-repeat: no-repeat; background-position: center center; background-size: contain; } .main16 .main16-con .but { width: 0.26041667rem; height: 0.26041667rem; background-color: #d6d6d6; position: absolute; top: 50%; z-index: 100; transform: translateY(-50%); border-radius: 50%; background-image: url(../images/icon19.png); background-position: center center; background-repeat: no-repeat; background-size: 0.05208333rem auto; transition: all .3s; } .main16 .main16-con .but:focus { outline: none; } .main16 .main16-con .but.but-prev { left: -0.46875rem; transform: translateY(-50%) rotateY(180deg); } .main16 .main16-con .but.but-next { right: -0.46875rem; } .main17 .title2 { margin-bottom: 0.20833333rem; } .main17 .con-1 { font-size: 0.08333333rem; line-height: 0.125rem; color: #222; } .main17 .con-2 { margin-top: 0.3125rem; } .main17 .con-2 ul { display: flex; flex-wrap: wrap; margin: 0 -0.04166667rem; } .main17 .con-2 ul li { width: 33.33%; padding: 0 0.04166667rem; margin-bottom: 0.08333333rem; } .main17 .con-2 ul li:nth-child(3) ~ li { width: 50%; } .main17 .con-2 ul li .li-con { background-color: #efefef; padding: 0.15625rem 0.10416667rem; height: 100%; transition: all .3s; } .main17 .con-2 ul li .li-con .icon { position: relative; height: 0.32291667rem; } .main17 .con-2 ul li .li-con .icon img { position: absolute; top: 0; left: 0; height: 100%; transition: all .3s; } .main17 .con-2 ul li .li-con .icon img.icon-1 { opacity: 1; } .main17 .con-2 ul li .li-con .icon img.icon-2 { opacity: 0; } .main17 .con-2 ul li .li-con h5 { font-size: 0.125rem; line-height: 0.15625rem; color: #f08200; margin: 0.078125rem 0 0.10416667rem; transition: all .3s; } .main17 .con-2 ul li .li-con .text { font-size: 0.08333333rem; line-height: 0.15625rem; color: #666; transition: all .3s; } .main18 { margin-top: 0.22916667rem; display: flex; } .main18 .left { width: 50%; } .main18 .left a { display: block; position: relative; overflow: hidden; } .main18 .left a .mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 0.3125rem 0.20833333rem; } .main18 .left a .mask .title2 { color: #fff; } .main18 .left a .img { height: 2.83333333rem; transition: all .5s; } .main18 .right { width: 50%; } .main18 .right ul { display: flex; flex-wrap: wrap; } .main18 .right ul li { width: 50%; position: relative; height: 1.41666667rem; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; transition: all .3s; } .main18 .right ul li .con { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.10416667rem; } .main18 .right ul li .con .icon { position: relative; height: 0.33333333rem; display: flex; align-items: flex-end; } .main18 .right ul li .con .icon img { position: absolute; top: 0; left: 0; max-height: 100%; transition: all .3s; } .main18 .right ul li .con .icon img.icon-1 { opacity: 1; } .main18 .right ul li .con .icon img.icon-2 { opacity: 0; } .main18 .right ul li .con .text { font-size: 0.09375rem; line-height: 0.125rem; color: #333; margin-top: 0.078125rem; transition: all .3s; } .main19 { margin: 0.52083333rem 0; } .main19 .swiper-container { padding: 0.3125rem 0; } .main19 .swiper-container .swiper-slide.swiper-slide-active { transform: scale(1.4); z-index: 10; } .main20 ul { display: flex; flex-wrap: wrap; } .main20 ul li { width: 33.33%; min-height: 1.10416667rem; padding: 0.15625rem; margin-bottom: 0.3125rem; position: relative; transition: all .3s; } .main20 ul li .top { height: 0.36458333rem; position: relative; display: flex; justify-content: space-between; } .main20 ul li .top b { font-size: 0.09375rem; transition: all .3s; } .main20 ul li .top .icon { height: 100%; } .main20 ul li .top .icon img { max-height: 100%; position: absolute; top: 0; right: 0; transition: all .3s; } .main20 ul li .top .icon img.icon-2 { opacity: 0; } .main20 ul li .text { margin-top: 0.15625rem; font-size: 0.09375rem; line-height: 0.14583333rem; color: #333; transition: all .3s; } .main20 ul li:nth-child(3n+2) i { width: 2px; height: 100%; background-color: #f5f5f5; position: absolute; top: 0; transition: all .3s; } .main20 ul li:nth-child(3n+2) i::before { content: ""; width: 3px; height: 3px; background-color: #f08200; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .main20 ul li:nth-child(3n+2) i.i-1 { left: 0; } .main20 ul li:nth-child(3n+2) i.i-2 { right: 0; } .main21 { background-color: #f4f4f4; padding: 0.3125rem 0; } .main21 .title2 { text-align: center; } .main21 .title2::before { left: 50%; transform: translateX(-50%); } .main21 .con-1 ul { display: flex; flex-wrap: wrap; margin: 0 -0.13020833rem; } .main21 .con-1 ul li { width: 33.33%; padding: 0 0.13020833rem; margin-bottom: 0.26041667rem; position: relative; } .main21 .con-1 ul li a { display: block; position: relative; overflow: hidden; } .main21 .con-1 ul li a .img { background-position: center center; background-repeat: no-repeat; background-size: cover; } .main21 .con-1 ul li i.icon { width: 0.26041667rem; height: 0.078125rem; position: absolute; top: 50%; right: -0.13020833rem; transform: translateY(-50%); } .main21 .con-1 ul li i.icon::before { content: ""; width: 100%; height: 1px; border-top: 1px dashed #000; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .main21 .con-1 ul li i.icon::after { content: ""; width: 100%; height: 100%; background: url(../images/icon30.png) no-repeat center center / auto 100%; position: absolute; top: 0; left: 0; z-index: 2; } .main21 .con-1 ul li:nth-child(3) i.icon { width: 0.078125rem; height: 0.26041667rem; position: absolute; top: 100%; right: 50%; transform: translateX(50%); } .main21 .con-1 ul li:nth-child(3) i.icon::before { content: ""; width: 1px; height: 100%; border-top: none; border-left: 1px dashed #000; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .main21 .con-1 ul li:nth-child(3) i.icon::after { content: ""; width: 100%; height: 100%; background: url(../images/icon30_2.png) no-repeat center center / 100% auto; position: absolute; top: 0; left: 0; z-index: 2; } .main21 .con-1 ul li:nth-child(3) ~ li i.icon { transform: translateY(-50%) rotate(180deg); } .main21 .con-1 ul li:last-child i.icon { display: none; } .main21 .con-2 ul { display: flex; flex-wrap: wrap; justify-content: center; } .main21 .con-2 ul li { font-size: 0.09375rem; color: #333; margin: 0 0.10416667rem 0.05208333rem; } .main22 .list { padding: 0.46875rem 0; } .main22 .list img { width: 100%; } .main22 .list:nth-child(even) { background-color: #e5e5e5; } .main23 { margin: 0.41666667rem 0; } .main23 .con-box { position: relative; } .main23 .con-box .but { width: 0.26041667rem; height: 0.26041667rem; background-color: #fff; background-image: url(../images/icon5_1.png); background-position: center center; background-repeat: no-repeat; background-size: auto 0.08333333rem; border-radius: 50%; position: absolute; top: 50%; z-index: 100; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transition: all .3s; transform: translateY(-50%); } .main23 .con-box .but:focus { outline: none; } .main23 .con-box .but.but-prev { left: -0.41666667rem; } .main23 .con-box .but.but-next { right: -0.41666667rem; transform: translateY(-50%) rotateY(180deg); } .main23 .con-box .but:hover { background-color: #f08200; background-image: url(../images/icon5_2.png); } .main23 .swiper-slide a { display: block; } .main23 .swiper-slide a .imgbox { overflow: hidden; } .main23 .swiper-slide a .imgbox .img { background-repeat: no-repeat; background-position: center center; background-size: cover; } .main23 .swiper-slide a h5 { font-size: 0.08333333rem; line-height: 1; color: #222; margin-top: 0.10416667rem; text-align: center; transition: all .3s; } .main24-box { background: url(../images/bg5.jpg) center bottom / cover; } .main24 ul { display: flex; flex-wrap: wrap; } .main24 ul li { width: 25%; height: 0.859375rem; position: relative; padding: 0 0.15625rem; transition: all .3s; } .main24 ul li .top { font-size: 0.09375rem; color: #333; transition: all .3s; } .main24 ul li .text { margin-top: 0.36458333rem; font-size: 0.09375rem; line-height: 0.14583333rem; color: #333; transition: all .3s; } .main24 ul li i { width: 2px; height: 100%; background-color: #f5f5f5; position: absolute; top: 0; transition: all .3s; } .main24 ul li i::before { content: ""; width: 3px; height: 3px; background-color: #f08200; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .main24 ul li i.i-1 { left: 0; } .main24 ul li i.i-2 { right: 0; display: none; } .main24 ul li:last-child i.i-2 { display: block; } .main25 { padding: 0.41666667rem 0 0.78125rem; overflow: hidden; } .main25 .con { width: 4.11979167rem; height: 4.11979167rem; background-color: #efefef; border-radius: 50%; margin: 0.52083333rem auto 0; position: relative; } .main25 .con::before { content: ""; width: 5.671875rem; height: 5.671875rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/bg4.png) no-repeat center center / contain; animation: spin 20s infinite linear; } .main25 .con ul { width: 3.38541667rem; height: 3.38541667rem; position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%); } .main25 .con ul li { width: 1.65625rem; height: 1.65625rem; background-color: #ed6b00; position: absolute; color: #fff; font-size: 0.125rem; transition: all .3s; } .main25 .con ul li p { position: absolute; font-size: 0.15625rem; } .main25 .con ul li:nth-child(1) { border-radius: 1.65625rem 0 0 0; } .main25 .con ul li:nth-child(1) p { bottom: 0.52083333rem; right: 0.05208333rem; text-align: right; padding-left: 0.26041667rem; } .main25 .con ul li:nth-child(2) { border-radius: 0 1.65625rem 0 0; right: 0; } .main25 .con ul li:nth-child(2) p { bottom: 0.52083333rem; left: 0.05208333rem; text-align: left; padding-right: 0.26041667rem; } .main25 .con ul li:nth-child(3) { border-radius: 0 0 0 1.65625rem; bottom: 0; } .main25 .con ul li:nth-child(3) p { top: 0.52083333rem; right: 0.05208333rem; text-align: right; padding-left: 0.26041667rem; } .main25 .con ul li:nth-child(4) { border-radius: 0 0 1.65625rem 0; bottom: 0; right: 0; } .main25 .con ul li:nth-child(4) p { top: 0.52083333rem; left: 0.05208333rem; text-align: left; padding-right: 0.26041667rem; } @keyframes spin { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } } .main26 { background: url(../images/bg6.jpg) no-repeat center bottom / cover; padding: 0.88541667rem 0; } .main26 .title2 { color: #fff; } .main26 ul { display: flex; flex-wrap: wrap; margin: 0 -0.26041667rem; } .main26 ul li { width: 50%; font-size: 0.08333333rem; color: #fff; line-height: 0.14583333rem; padding: 0 0.26041667rem; } .main26 ul li:nth-child(1) { border-right: 2px solid rgba(255, 255, 255, 0.1); } .main27 { padding: 0.41666667rem 0; } .main27 .nav { margin-bottom: 0.36458333rem; } .main27 .nav ul { display: flex; flex-wrap: wrap; } .main27 .nav ul li { font-size: 0.08333333rem; color: #222; margin-right: 0.36458333rem; cursor: pointer; text-transform: uppercase; transition: all .3s; } .main27 .nav ul li.active { color: #ed6b00; } .news4 { display: block; border-bottom: 2px solid #999; position: relative; } .news4::before { content: ""; width: 0; height: 2px; background-color: #ed6b00; position: absolute; bottom: -2px; left: 0; transition: all .3s; } .news4 .imgbox { overflow: hidden; } .news4 .imgbox .img { background-repeat: no-repeat; background-position: center center; background-size: cover; } .news4 h5 { font-size: 0.08333333rem; line-height: 0.28645833rem; color: #333; } .main28 { padding-bottom: 0.41666667rem; } .main28 .con { display: flex; } .main28 .con .left { width: 1.25rem; text-align: left; } .main28 .con .left img { width: 100%; margin-bottom: 0.26041667rem; } .main28 .con .middle { width: calc(100% - 2.5rem); } .main28 .con .middle dl { display: flex; align-items: center; padding: 0.10416667rem 0; overflow: hidden; cursor: pointer; } .main28 .con .middle dl dt { width: 1.19791667rem; text-align: right; padding-right: 0.26041667rem; font-size: 0.09375rem; font-weight: normal; line-height: 0.14583333rem; color: #333; position: relative; } .main28 .con .middle dl dt i { width: 0.13541667rem; height: 0.13541667rem; border-radius: 50%; position: absolute; top: 50%; right: -0.06770833rem; transform: translateY(-50%); } .main28 .con .middle dl dt i::before { content: ""; width: 1px; height: 5.20833333rem; background-color: rgba(0, 0, 0, 0.1); position: absolute; top: -1.04166667rem; right: 50%; } .main28 .con .middle dl dt i b::after { content: ""; width: 100%; height: 100%; background-color: #bbb; position: absolute; top: 0; left: 0; z-index: 1; border-radius: 50%; transition: all .3s; } .main28 .con .middle dl dt i b::before { content: ""; width: 0.26041667rem; height: 0.26041667rem; border: 1px solid #f08200; position: absolute; top: 50%; left: 50%; z-index: 1; border-radius: 50%; transform: translate(-50%, -50%); transition: all .3s; opacity: 0; } .main28 .con .middle dl dd { width: calc(100% - 1.19791667rem); padding-left: 0.41666667rem; font-size: 0.09375rem; line-height: 0.125rem; color: #333; opacity: .7; transition: all .3s; } .main28 .con .middle dl:first-child dt i::before { top: 0; } .main28 .con .middle dl:last-child dt i::before { top: auto; bottom: 0; } .main28 .con .middle dl:hover dt i b::after { background-color: #f08200; } .main28 .con .middle dl:hover dt i b::before { opacity: 1; } .main28 .con .middle dl:hover dd { opacity: 1; } .main28 .con .right { width: 1.25rem; text-align: right; } .main28 .con .right img { width: 100%; margin-bottom: 0.26041667rem; } .main29 { padding: 0.36458333rem 0; background: url(../images/bg7.jpg) no-repeat center center / cover; } .main29 ul { display: flex; flex-wrap: wrap; margin: 0 -0.078125rem; } .main29 ul li { width: 33.33%; padding: 0 0.078125rem; margin-bottom: 0.15625rem; } .main29 ul li .li-con { min-height: 1.390625rem; background-color: #fff; padding: 0.10416667rem; transition: all .3s; } .main29 ul li .li-con h5 { font-size: 0.15625rem; font-weight: normal; line-height: 0.1875rem; color: #333; transition: all .3s; text-transform: uppercase; } .main29 ul li .li-con .text { font-size: 0.08333333rem; line-height: 0.14583333rem; color: #333; margin-top: 0.10416667rem; transition: all .3s; } .main29 ul li:last-child { width: 66.66%; } .main29 ul li img { width: 100%; } .main30 { padding: 0.41666667rem 0; background: url(../images/bg8.jpg) no-repeat center bottom / cover; } .main30 .main30-con { height: 4.16666667rem; position: relative; } .main30 .main30-con .circle-1 { width: 0.90625rem; height: 0.90625rem; background-color: #f08200; border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%); box-shadow: 0 0 0 0.078125rem rgba(240, 130, 0, 0.5); text-transform: uppercase; display: flex; align-items: center; justify-content: center; font-size: 0.140625rem; color: #fff; cursor: pointer; transition: all .3s; } .main30 .main30-con .circle-1:hover { background-color: #ce760d; } .main30 .main30-con .circle-2 { width: 2.27083333rem; height: 2.27083333rem; border-radius: 50%; border: 1px solid rgba(240, 130, 0, 0.5); position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); } .main30 .main30-con .circle-2 ul li { width: 0.5rem; height: 0.5rem; background-color: #e5e5e5; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 0.07291667rem; color: #333; line-height: 0.09375rem; position: absolute; margin: -0.25rem 0 0 -0.25rem; cursor: pointer; transition: all .3s; } .main30 .main30-con .circle-2 ul li:hover { background-color: #f08200; color: #fff; } .main30 .main30-con .circle-3 { width: 3.59375rem; height: 3.59375rem; border-radius: 50%; border: 1px solid rgba(240, 130, 0, 0.5); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main30 .main30-con .circle-3 ul li { width: 0.5rem; height: 0.5rem; background-color: #e5e5e5; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 0.07291667rem; color: #333; line-height: 0.09375rem; background-color: #fff; border: 1px solid #f08200; position: absolute; margin: -0.25rem 0 0 -0.25rem; cursor: pointer; transition: all .3s; } .main30 .main30-con .circle-3 ul li:hover { background-color: #f08200; color: #fff; } .main31 { padding-bottom: 0.36458333rem; } .main31 .news5 { margin-bottom: 0.15625rem; } .main31.main31-2 { margin-top: 0.41666667rem; } .news5 { display: block; background-color: #f0f4f7; padding: 0.26041667rem 0.20833333rem; display: flex; transition: all .3s; } .news5 .date { width: 0.66666667rem; } .news5 .date h5 { font-size: 0.1875rem; font-weight: normal; line-height: 0.14583333rem; color: #333; transition: all .3s; } .news5 .date p { font-size: 0.08333333rem; line-height: 0.14583333rem; color: #666; } .news5 .con { width: calc(100% - 0.66666667rem); } .news5 .con h5 { font-size: 0.11458333rem; line-height: 0.14583333rem; color: #333; text-transform: uppercase; transition: all .3s; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news5 .con .text { font-size: 0.08333333rem; line-height: 0.14583333rem; color: #333; margin: 0.10416667rem 0 0.26041667rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .main32 { display: flex; flex-wrap: wrap; } .main32 .main32-left { width: calc(100% - 1.92708333rem); padding-right: 0.52083333rem; } .main32 .main32-right { width: 1.92708333rem; } .main33 .title { padding-bottom: 0.15625rem; } .main33 .title h5 { font-size: 0.1875rem; color: #333; line-height: 0.25rem; } .main33 .title p { font-size: 0.08333333rem; color: #333; opacity: .7; margin-top: 0.15625rem; } .main33 .title p span { margin-left: 0.10416667rem; } .main33 .con { border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; padding: 0.15625rem 0; font-size: 0.08333333rem; color: #666; line-height: 0.15625rem; } .main33 .con img { display: block; margin: 0.05208333rem auto; max-width: 100%; } .main33 .con ul { display: flex; flex-wrap: wrap; margin: 0 -0.05208333rem; } .main33 .con ul li { width: 33.33%; padding: 0 0.05208333rem; margin-bottom: 0.05208333rem; } .main33 .con ul li img { margin: 0; display: initial; } .main33 .page-turning { margin: 0.15625rem 0 0.36458333rem; position: relative; padding-right: 0.78125rem; } .main33 .page-turning ul li { line-height: 1.5; margin-top: 0.05208333rem; font-size: 0.08333333rem; color: #333; opacity: .7; width: 100%; } .main33 .page-turning ul li span { display: inline-block; width: 0.46875rem; text-align: right; text-transform: uppercase; } .main33 .page-turning ul li a { color: #333; transition: all .3s; } .main33 .page-turning ul li a:hover { color: #f08200; } .main33 .page-turning .return { position: absolute; top: 0; right: 0; font-size: 0.08333333rem; color: #333; opacity: .7; text-transform: uppercase; text-decoration: underline !important; transition: all .3s; } .main33 .page-turning .return:hover { color: #f08200; } .main34 .title { font-size: 0.125rem; line-height: 0.15625rem; color: #333; margin-bottom: 0.10416667rem; } .main34 ul li a { display: flex; align-items: center; padding: 0.10416667rem 0.05208333rem 0.10416667rem 0; transition: all .3s; } .main34 ul li a .date { width: 0.41666667rem; border-right: 1px solid #e5e5e5; color: #333; display: flex; justify-content: center; align-items: center; transition: all .3s; } .main34 ul li a .date h5 { font-size: 0.15625rem; font-weight: bold; text-align: left; line-height: 1; } .main34 ul li a .date p { font-size: 0.07291667rem; margin-top: 0.02604167rem; } .main34 ul li a .con { width: calc(100% - 0.41666667rem); padding-left: 0.05208333rem; font-size: 0.08333333rem; line-height: 0.13541667rem; color: #333; transition: all .3s; } .main34 ul li a:hover { background-color: #f08200; } .main34 ul li a:hover .date { color: #fff; border-right-color: rgba(255, 255, 255, 0.5); } .main34 ul li a:hover .con { color: #fff; } .main35 { padding-bottom: 0.26041667rem; } .main35 ul { display: flex; flex-wrap: wrap; margin: 0 -0.078125rem; } .main35 ul li { width: 33.33%; padding: 0 0.078125rem; margin-bottom: 0.15625rem; } .news6 { display: block; background-color: #f7f7f7; padding: 0.10416667rem; } .news6 .imgbox { overflow: hidden; position: relative; } .news6 .imgbox::before { content: ""; width: 100%; height: 100%; background: url(../images/icon31.png) no-repeat center center / 0.10416667rem auto; position: absolute; top: 0; left: 0; z-index: 10; } .news6 .imgbox .img { background-repeat: no-repeat; background-position: center center; background-size: cover; } .news6 h5 { font-size: 0.125rem; color: #333; line-height: 0.15625rem; height: 0.3125rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0.10416667rem 0 0.15625rem; transition: all .3s; } .news6:hover .imgbox .img { transform: scale(1.1); } .news6:hover h5 { color: #f08200; } .news6:hover .more1 { color: #f08200; } .main36 .main36-1 { display: flex; } .main36 .main36-1 .left { width: 2.76041667rem; display: flex; flex-direction: column; justify-content: space-between; } .main36 .main36-1 .left .bottom p { font-size: 0.10416667rem; color: #333; line-height: 1; text-transform: uppercase; } .main36 .main36-1 .left .bottom p img { width: 0.10416667rem; margin-left: 0.078125rem; position: relative; top: -0.01041667rem; } .main36 .main36-1 .left .bottom h5 { font-size: 0.265625rem; color: #f08200; margin-top: 0.078125rem; } .main36 .main36-1 .right { width: calc(100% - 2.76041667rem); font-size: 0.08333333rem; line-height: 0.14583333rem; color: #666; max-height: 1.75rem; overflow: auto; } .main36 .main36-1 .right .mCustomScrollBox { padding-right: 0.04166667rem; } .main36 .main36-1 .right .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer { right: -0.05208333rem !important; } .main36 .main36-1 .right .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar { width: 0.015625rem; background: #f08200 !important; border-radius: 0; } .main36 .main36-1 .right .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail { opacity: 1 !important; width: 0.015625rem; background: #fff; border-radius: 0; } .main36 .main36-2 { margin: 0.36458333rem 0 0.41666667rem; } .main36 .main36-2 .video { display: block; position: relative; overflow: hidden; } .main36 .main36-2 .video::before { content: ""; width: 100%; height: 100%; background-image: url(../images/icon33.png); background-repeat: no-repeat; background-position: center center; background-size: 0.42708333rem auto; position: absolute; top: 0; left: 0; z-index: 10; } .main36 .main36-2 .video .img { background-repeat: no-repeat; background-position: center center; background-size: cover; } .main36 .main36-2 .video:hover .img { transform: scale(1.1); } .main36 .main36-2 ul { display: flex; flex-wrap: wrap; background-color: #b8b8b8; padding: 0.14583333rem 0 0.10416667rem; } .main36 .main36-2 ul li { width: 20%; color: #fff; display: flex; justify-content: center; padding: 0 0.05208333rem; border-right: 1px solid rgba(255, 255, 255, 0.1); position: relative; } .main36 .main36-2 ul li::before { content: ""; width: 100%; height: 0.04166667rem; background-color: #33b9ed; position: absolute; bottom: 100%; left: 0; transform: translateY(-0.10416667rem); } .main36 .main36-2 ul li h5 { font-size: 0.21875rem; } .main36 .main36-2 ul li h5 span { font-weight: normal; font-size: 0.09375rem; margin-left: 0.05208333rem; } .main36 .main36-2 ul li p { font-size: 0.08333333rem; line-height: 0.10416667rem; margin-top: 0.078125rem; } .main36 .main36-2 ul li:nth-child(2)::before { background-color: #f7db1c; } .main36 .main36-2 ul li:nth-child(3)::before { background-color: #f08200; } .main36 .main36-2 ul li:nth-child(4)::before { background-color: #8ddd5d; } .main36 .main36-2 ul li:nth-child(5) { border-right: none; } .main36 .main36-2 ul li:nth-child(5)::before { background-color: #ffffff; } .main37 ul { display: flex; overflow: hidden; position: relative; height: 3.15104167rem; } .main37 ul li { width: 70%; height: 3.15104167rem; position: absolute; top: 0; transition: all .3s; } .main37 ul li .img { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .main37 ul li .text-box { position: absolute; bottom: 0; left: 0; z-index: 20; width: 100%; color: #fff; transition: all .3s; } .main37 ul li .text-box h5 { font-size: 0.20833333rem; line-height: 0.25rem; font-weight: normal; min-height: 0.5rem; transition: all .3s; } .main37 ul li .text-box .text { font-size: 0.08333333rem; line-height: 0.14583333rem; margin-top: 0.15625rem; min-height: 0.58333333rem; transition: all .3s; } .main37 ul li:nth-child(1) { left: -20%; } .main37 ul li:nth-child(1) .text-box { padding: 0.15625rem 0.15625rem 0.15625rem 30%; } .main37 ul li:nth-child(1) .text-box h5 { padding-left: 0.08854167rem; } .main37 ul li:nth-child(1) .text-box .text { padding-left: 0.08854167rem; } .main37 ul li:nth-child(1).active { left: 0; } .main37 ul li:nth-child(1).active .text-box { padding-left: 0.15625rem; } .main37 ul li:nth-child(1).active .text-box h5 { padding-left: 0; } .main37 ul li:nth-child(1).active .text-box .text { padding-left: 0; } .main37 ul li:nth-child(2) { right: -20%; } .main37 ul li:nth-child(2) .text-box { padding: 0.15625rem 30% 0.15625rem 0.15625rem; } .main37 ul li:nth-child(2).active { right: 0; } .main37 ul li:nth-child(2).active .text-box { padding-right: 0.15625rem; } .main38 { padding: 0.41666667rem 0; background-color: #f5f5f5; margin: 0.41666667rem 0; } .main38 .top { position: relative; } .main38 .top .but-box { width: 0.78125rem; position: absolute; top: 0; right: 0; } .main38 .top .but-box .but { width: 0.26041667rem; height: 0.26041667rem; background-color: #d6d6d6; position: absolute; top: 0; z-index: 100; border-radius: 50%; background-image: url(../images/icon19.png); background-position: center center; background-repeat: no-repeat; background-size: 0.05208333rem auto; transition: all .3s; } .main38 .top .but-box .but:focus { outline: none; } .main38 .top .but-box .but.but-prev { left: 0; transform: rotateY(180deg); } .main38 .top .but-box .but.but-next { right: 0; } .main38 .top .but-box .but:hover { background-color: #e98105; } .news7 { display: block; } .news7 .imgbox { overflow: hidden; } .news7 h5 { font-size: 0.08333333rem; line-height: 0.10416667rem; color: #333; margin-top: 0.10416667rem; transition: all .3s; } .main39 .top { position: relative; } .main39 .top .but-box { width: 0.78125rem; position: absolute; top: 0; right: 0; } .main39 .top .but-box .but { width: 0.26041667rem; height: 0.26041667rem; background-color: #d6d6d6; position: absolute; top: 0; z-index: 100; border-radius: 50%; background-image: url(../images/icon19.png); background-position: center center; background-repeat: no-repeat; background-size: 0.05208333rem auto; transition: all .3s; } .main39 .top .but-box .but:focus { outline: none; } .main39 .top .but-box .but.but-prev { left: 0; transform: rotateY(180deg); } .main39 .top .but-box .but.but-next { right: 0; } .main39 .top .but-box .but:hover { background-color: #e98105; } .main39 .con-box { position: relative; } .main39 .con-box::before { content: ""; width: 10.22916667rem; height: 0.5rem; background: url(../images/bg9.png) no-repeat center center / contain; position: absolute; top: 0.83854167rem; left: 0; } .main39 .con-box::after { content: ""; width: 10.11979167rem; height: 0.49479167rem; background: url(../images/bg10.png) no-repeat center center / contain; position: absolute; top: 0.86458333rem; left: 0; } .main39 .con-box .swiper-container { padding-bottom: 0.41666667rem; } .main39 .con-box .swiper-container .swiper-slide { height: 2.60416667rem; text-align: center; } .main39 .con-box .swiper-container .swiper-slide .con1 { width: 0.08333333rem; height: 0.08333333rem; background-color: #ed6b00; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-top: -0.04166667rem; transition: all .3s; cursor: pointer; } .main39 .con-box .swiper-container .swiper-slide .con1 p { position: absolute; bottom: 0.26041667rem; left: 50%; transform: translateX(-50%); font-size: 0.09375rem; color: #222; } .main39 .con-box .swiper-container .swiper-slide .con1 .imgbox { width: 1.30208333rem; height: 1.30208333rem; border-radius: 50%; border: 0.03645833rem solid #ed6b00; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); opacity: 0; visibility: hidden; transition: all .3s; } .main39 .con-box .swiper-container .swiper-slide .con1 .imgbox h5 { font-size: 0.15625rem; color: #fff; font-weight: normal; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main39 .con-box .swiper-container .swiper-slide .con1 .text { border: 1px soild red; position: absolute; top: 100%; left: 50%; z-index: 2; font-size: 0.08333333rem; color: #666; line-height: 0.15625rem; max-height: 1.09375rem; overflow: auto; width: 200%; text-align: center; transform: translateX(-50%); margin-top: 0.15625rem; } .main39 .con-box .swiper-container .swiper-slide .con1.active .imgbox { opacity: 1; visibility: initial; transform: translate(-50%, -50%) scale(1); } .main39 .con-box .swiper-container .swiper-slide.swiper-slide-active + .swiper-slide .con1 { transform: translateY(-0.08333333rem); } .main39 .con-box .swiper-container .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .con1 { transform: translateY(-0.38541667rem); } .main39 .con-box .swiper-container .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .con1 { transform: translateY(-0.44791667rem); } .main39 .con-box .swiper-container .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .con1 { transform: translateY(-0.29166667rem); } .main39 .con-box .swiper-container .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .con1 { transform: translateY(-0.21875rem); } .main40 { background-color: #f5f5f5; padding: 0.41666667rem 0; } .main40 .con-box { overflow: hidden; } .main40 .con-box .swiper-container { margin: 0 -0.15625rem; } .main40 .con-box .swiper-container .swiper-wrapper .swiper-slide { padding: 0 0.15625rem; } .main40 .con-box .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide { border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; } .news8 { display: block; } .news8 .imgbox { overflow: hidden; } .news8 h5 { font-size: 0.15625rem; line-height: 1.2; color: #222; margin: 0.10416667rem 0 0.05208333rem; transition: all .3s; } .news8 .text { font-size: 0.08333333rem; line-height: 0.14583333rem; color: #666; transition: all .3s; } .main41 { padding-bottom: 0.52083333rem; } .main41 ul { display: flex; } .main41 ul li { width: 25%; height: 2.109375rem; background-color: #191919; position: relative; overflow: hidden; transition: all .3s; } .main41 ul li .img { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; transition: all .3s; opacity: 0; } .main41 ul li .text-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 0.26041667rem 0.078125rem; } .main41 ul li .text-box h5 { font-size: 0.15625rem; color: #fff; text-transform: uppercase; } .main41 ul li .text-box .text { font-size: 0.09375rem; line-height: 0.140625rem; color: #fff; opacity: 0; transition: all .3s; } .main41 ul li:nth-child(2) { background-color: #f08200; } .main41 ul li:nth-child(3) { background-color: #47c0ef; } .main41 ul li:nth-child(4) { background-color: #8ddd5d; } .main41 ul li.active { width: 43%; } .main41 ul li.active .img { opacity: 1; left: 0; } .main41 ul li.active .text-box .text { opacity: 1; } .main42 { background-color: #e5e5e5; padding: 0.52083333rem 0; } .main42 .nav { margin-bottom: 0.3125rem; } .main42 .nav ul { display: flex; } .main42 .nav ul li { font-size: 0.1875rem; color: #222; padding-bottom: 0.14583333rem; position: relative; text-transform: uppercase; margin-right: 0.72916667rem; cursor: pointer; } .main42 .nav ul li::before { content: ""; width: 0.36458333rem; height: 0.01041667rem; background-color: #f08200; position: absolute; bottom: 0; left: 0; opacity: 0; transition: all .3s; } .main42 .nav ul li.active { color: #f08200; } .main42 .nav ul li.active::before { opacity: 1; } .main42 .main42-con ul li { background-color: #fff; border-left: 0.03125rem solid #f08200; padding: 0.26041667rem; margin-bottom: 0.10416667rem; } .main42 .main42-con ul li .title { font-size: 0.13541667rem; color: #35394d; background: url(../images/icon34.png) no-repeat 0 center / auto 0.171875rem; padding-left: 0.234375rem; padding-right: 0.3125rem; line-height: 0.1875rem; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main42 .main42-con ul li .title i { width: 0.14583333rem; height: 0.14583333rem; position: absolute; top: 50%; right: 0; transform: translateY(-50%); cursor: pointer; transition: all .3s; } .main42 .main42-con ul li .title i::before, .main42 .main42-con ul li .title i::after { content: ""; width: 100%; height: 0.015625rem; background-color: #f08200; position: absolute; top: 50%; left: 0; transform: translateY(-50%); transition: all .3s; } .main42 .main42-con ul li .title i::after { transform: translateY(-50%) rotate(90deg); } .main42 .main42-con ul li dl { display: flex; flex-wrap: wrap; margin: 0.05208333rem -0.02604167rem 0; } .main42 .main42-con ul li dl dd { width: 25%; font-size: 0.08333333rem; line-height: 0.10416667rem; color: #333; opacity: .7; margin-top: 0.10416667rem; padding: 0 0.02604167rem; } .main42 .main42-con ul li .con { border-top: 0.01041667rem solid #e5e5e5; margin-top: 0.20833333rem; display: none; } .main42 .main42-con ul li .con .text { font-size: 0.08333333rem; line-height: 0.15625rem; color: #333333; padding: 0.20833333rem 0; } .main42 .main42-con ul li .con .more { display: block; width: 0.9375rem; background-color: #f08200; font-size: 0.09375rem; color: #fff; line-height: 0.3125rem; text-transform: uppercase; padding-left: 0.078125rem; background-image: url(../images/icon35.png); background-repeat: no-repeat; background-position: right 0.09375rem center; background-size: 0.06770833rem auto; transition: all .3s; } .main42 .main42-con ul li .con .more:hover { background-color: #bb6b0d; } .main42 .main42-con ul li.active .title { overflow: initial; white-space: initial; } .main42 .main42-con ul li.active .title i::after { transform: translateY(-50%) rotate(0); } .main43 { position: relative; margin-bottom: 0.46875rem; } .main43 #map { height: 3.38541667rem; } .main43 .main43-con { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0.10416667rem; } .main43 .main43-con .con-box { width: 2.60416667rem; height: 100%; background-color: #fff; padding: 0.3125rem 0.15625rem 0; } .main43 .main43-con .con-box .nav ul { display: flex; margin-bottom: 0.15625rem; } .main43 .main43-con .con-box .nav ul li { width: 50%; font-size: 0.15625rem; color: #999999; text-transform: uppercase; cursor: pointer; } .main43 .main43-con .con-box .nav ul li.active { color: #f08200; } .main43 .main43-con .con-box .dl-box { margin-bottom: 0.46875rem; } .main43 .main43-con .con-box .dl-box dl { margin-bottom: 0.15625rem; } .main43 .main43-con .con-box .dl-box dl dt { font-size: 0.125rem; color: #333; text-transform: uppercase; } .main43 .main43-con .con-box .dl-box dl dd { font-size: 0.09375rem; line-height: 0.140625rem; } .main43 .main43-con .con-box .dl-box dl:last-child { margin-bottom: 0; } .main44 .con { font-size: 0.08333333rem; line-height: 0.14583333rem; color: #666; } .main44 .con p { margin-bottom: 0.26041667rem; } .main44 .con p:last-child { margin-bottom: 0; } .main45 { margin: 1.04166667rem 0 0.72916667rem; } .main45 ul { display: flex; margin: 0 -0.10416667rem; } .main45 ul li { width: 33.33%; padding: 0 0.10416667rem; } .main45 ul li a { display: block; position: relative; transition: all .3s; top: 0; } .main45 ul li a .text-box { position: absolute; bottom: -0.20833333rem; left: -0.05208333rem; z-index: 100; transition: all .3s; padding: 0.15625rem 0.10416667rem; background-color: #fff; width: calc(100% - 0.20833333rem); min-height: 1.5625rem; box-shadow: 0 0 0.05208333rem rgba(0, 0, 0, 0.1); color: #333; } .main45 ul li a .text-box h5 { font-size: 0.1875rem; line-height: 0.20833333rem; } .main45 ul li a .text-box .text { font-size: 0.08333333rem; line-height: 0.14583333rem; margin-top: 0.078125rem; } .main46 { height: 3.99479167rem; padding-top: 1.5625rem; background-repeat: no-repeat; background-position: center center; background-size: cover; } .main46 .title { font-size: 0.20833333rem; line-height: 0.140625rem; color: #fff; text-transform: uppercase; text-align: center; } .main46 form { width: 4.40104167rem; background-color: #fff; border-radius: 0.41666667rem; display: flex; align-items: center; margin: 0.26041667rem auto 0.15625rem; overflow: hidden; } .main46 form input { width: calc(100% - 0.66666667rem); height: 0.40104167rem; background: none; border: none; font-size: 0.15625rem; padding: 0 0.26041667rem; line-height: 1; } .main46 form input:focus { outline: none; } .main46 form button { width: 0.66666667rem; height: 0.40104167rem; background: none; border: none; background-image: url(../images/icon36.png); background-repeat: no-repeat; background-position: center center; background-size: 0.203125rem auto; } .main46 .con-2 { color: #fff; font-size: 0.08333333rem; text-align: center; line-height: 0.15625rem; } .main46 .con-2 a { color: #fff; margin-right: 0.10416667rem; transition: all .3s; } .main46 .con-2 a:hover { color: #ed6b00; } .main47 { min-height: 2.24479167rem; padding: 0.36458333rem 0; background: url(../images/bg11.jpg) no-repeat center top / cover; } .main47 .container-box { display: flex; } .main47 .container-box .left { width: 2.03125rem; } .main47 .container-box .left .more2 { margin-top: 0.83333333rem; } .main47 .container-box .right { width: calc(100% - 2.03125rem); font-size: 0.08854167rem; line-height: 2; max-height: 1.51041667rem; overflow: auto; } .main47 .container-box .right p { margin-bottom: 0.20833333rem; } .main47 .container-box .right p:last-child { margin-bottom: 0; } .more2 a { display: block; width: 0.625rem; line-height: 0.18229167rem; border: 1px solid #333; border-radius: 0.26041667rem; text-align: center; font-size: 0.08333333rem; color: #000; transition: all .3s; } .more2 a i { margin-left: 0.02604167rem; transform: rotate(-90deg); display: inline-block; font-size: 0.08333333rem; } .more2 a:hover { background-color: #e98105; border-color: #e98105; color: #fff; } .main48 { padding: 0.36458333rem 0; overflow: hidden; } .main48 .container-box { display: flex; align-items: flex-start; } .main48 .container-box .left { width: 1.45833333rem; } .main48 .container-box .left .nav { margin-top: 0.78125rem; } .main48 .container-box .left .nav ul li { line-height: 0.26041667rem; } .main48 .container-box .left .nav ul li a { font-size: 0.09375rem; color: #222; transition: all .3s; } .main48 .container-box .left .nav ul li a.active { font-size: 0.125rem; color: #e98105; } .main48 .container-box .left .more2 { margin-top: 0.36458333rem; } .main48 .container-box .right { width: calc(100% - 1.45833333rem); border-bottom: 2px solid #fdf2e5; } .main48 .container-box .right ul { margin: 0 -0.05208333rem; display: flex; flex-wrap: wrap; } .main48 .container-box .right ul li { width: 33.33%; padding: 0 0.05208333rem; position: relative; } .news9 { display: block; position: relative; } .news9::before { content: ""; width: 0; height: 2px; background-color: #f08200; position: absolute; bottom: -2px; left: 0; transition: all .3s; } .news9 .imgbox { overflow: hidden; } .news9 .text-box { padding: 0.15625rem 0 0.20833333rem; } .news9 .text-box .time { font-size: 0.08333333rem; color: #333; line-height: 1.2; } .news9 .text-box h5 { font-size: 0.11458333rem; color: #333; line-height: 0.1875rem; height: 0.375rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0.10416667rem 0 0.20833333rem; } .news9 .text-box .more { font-size: 0.078125rem; color: #333; } .news9 .text-box .more i { display: inline-block; transform: rotate(-90deg); font-size: 0.078125rem; margin-left: 0.02604167rem; } .news9:hover .imgbox .img { transform: scale(1.1); } .news9:hover::before { width: 0.84375rem; } .main49 { padding-bottom: 0.36458333rem; } .main49 .con { font-size: 0.09375rem; line-height: 0.1875rem; color: #666; } .main50 { padding-bottom: 0.36458333rem; background: url(../images/bg12.jpg) no-repeat center bottom / cover; } .main50 .main50-con { display: flex; } .main50 .main50-con .left { width: calc(100% - 2.39583333rem); padding-right: 0.15625rem; padding-left: 0.52083333rem; position: relative; } .main50 .main50-con .left .year { font-size: 0.375rem; color: #e98105; position: absolute; top: 0; left: 0.41666667rem; transform-origin: left top; transform: rotate(90deg); } .main50 .main50-con .left .dl-box dl { padding-bottom: 0.26041667rem; position: relative; overflow: hidden; } .main50 .main50-con .left .dl-box dl dt { font-size: 0.16666667rem; color: #333; padding-left: 0.46875rem; position: relative; transition: all .3s; } .main50 .main50-con .left .dl-box dl dt i { content: ""; width: 0.05729167rem; height: 0.05729167rem; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .main50 .main50-con .left .dl-box dl dt i::before { content: ""; width: 1px; height: 5.20833333rem; background-color: #d9d9d9; position: absolute; top: -0.26041667rem; left: 50%; transform: translateX(-50%); z-index: -1; } .main50 .main50-con .left .dl-box dl dt i::after { content: ""; width: 100%; height: 100%; background-color: #35394d; position: absolute; top: 0; left: 0; border-radius: 50%; transition: all .3s; } .main50 .main50-con .left .dl-box dl dd { font-size: 0.08333333rem; color: #666; line-height: 1.5; margin-top: 0.05208333rem; padding-left: 0.46875rem; } .main50 .main50-con .left .dl-box dl:first-child dt i::before { top: 100%; } .main50 .main50-con .left .dl-box dl:hover dt { color: #e98105; } .main50 .main50-con .left .dl-box dl:hover dt i::after { background-color: #e98105; } .main50 .main50-con .left .more { margin-top: 0.26041667rem; } .main50 .main50-con .left .more a { font-size: 0.09375rem; color: #35394d; transition: all .3s; } .main50 .main50-con .left .more a.active { display: none; } .main50 .main50-con .left .more a:hover { color: #e98105; } .main50 .main50-con .right { width: 2.39583333rem; text-align: right; } .main50 .main50-con .right img { max-width: 100%; } .main51 { padding: 0.36458333rem 0 0.57291667rem; overflow: hidden; } .main51 ul { display: flex; margin: 0.625rem -0.10416667rem 0; } .main51 ul li { width: 33.33%; padding: 0 0.10416667rem; } .main51 ul li a { display: block; position: relative; transition: all .3s; top: 0; } .main51 ul li a .imgbox { overflow: hidden; } .main51 ul li a .text-box { background-color: #fff; height: 1.5625rem; width: 90%; position: absolute; bottom: -0.20833333rem; left: -0.05208333rem; z-index: 2; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 0.15625rem 0.15625rem 0; transition: all .3s; } .main51 ul li a .text-box h5 { font-size: 0.1875rem; color: #333; line-height: 0.25rem; height: 0.5rem; transition: all .3s; } .main51 ul li a .text-box .text { font-size: 0.08333333rem; color: #333; line-height: 0.14583333rem; max-height: 0.58333333rem; overflow: auto; margin-top: 0.10416667rem; transition: all .3s; } .main51 ul li a:hover { top: -0.3125rem; } .main51 ul li a:hover .text-box { background-color: #ed6b00; } .main51 ul li a:hover .text-box h5, .main51 ul li a:hover .text-box .text { color: #fff; } .main52 { position: relative; } .main52 .title { font-size: 0.1875rem; color: #fff; width: 100%; position: absolute; top: 0.3125rem; left: 0; z-index: 200; text-align: center; } .main52 ul { display: flex; } .main52 ul li { width: 25%; position: relative; overflow: hidden; } .main52 ul li .img { height: 2.86458333rem; transition: all .3s; } .main52 ul li .text-box { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; padding: 0 0.15625rem; display: flex; flex-direction: column; justify-content: center; text-align: center; color: #fff; } .main52 ul li .text-box h5 { font-size: 0.1875rem; } .main52 ul li .text-box .text { font-size: 0.08333333rem; line-height: 1.5; margin-top: 0.10416667rem; padding-top: 0.10416667rem; position: relative; display: none; } .main52 ul li .text-box .text::before { content: ""; width: 0.19791667rem; height: 2px; background-color: #f08200; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .main52 ul li:hover .img { transform: scale(1.1); } .main52 ul li:hover .text-box .text { display: block; } .news5-2 { background-color: #fff; } .news5-2 .bottom { display: flex; align-items: center; } .news5-2 .bottom .upload { position: relative; color: #f08200; font-size: 0.08333333rem; padding-bottom: 0.05208333rem; cursor: pointer; margin-left: 0.3125rem; } .news5-2 .bottom .upload input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer !important; } .news5-2 .bottom .upload::before { content: ""; width: 100%; height: 2px; background-color: #f08200; position: absolute; bottom: 0; left: 0; } @media (min-width: 992px) { .banner .swiper-container .swiper-wrapper .swiper-slide .con .play:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .more1:hover { color: #f08200 !important; } .news1:hover .imgbox .img { transform: scale(1.1); } .news1:hover h5 span { padding-right: 0.078125rem; } .news1:hover h5 span::before { opacity: 1; } .news1:hover::after { width: 100%; } .main3 ul li:nth-child(1) .text-box:hover { background-color: #f08200; } .main3 ul li:nth-child(1) .text-box:hover::before { opacity: 1; } .main3 ul li:nth-child(1) .text-box:hover .title { color: #fff; } .main3 ul li:nth-child(1) .text-box:hover .title::before { background-color: #fff; } .main3 ul li:nth-child(1) .text-box:hover .title .img .icon-1 { display: none; } .main3 ul li:nth-child(1) .text-box:hover .title .img .icon-2 { display: block; } .main3 ul li:nth-child(1) .text-box:hover .text { color: #fff; } .main3 ul li:nth-child(2) .con-2:hover { background-color: #f08200; } .main3 ul li:nth-child(2) .con-2:hover::before { opacity: 1; } .main3 ul li:nth-child(2) .con-2:hover .title { color: #fff; } .main3 ul li:nth-child(2) .con-2:hover .title::before { background-color: #fff; } .main3 ul li:nth-child(2) .con-2:hover .title .img .icon-1 { display: none; } .main3 ul li:nth-child(2) .con-2:hover .title .img .icon-2 { display: block; } .main3 ul li:nth-child(2) .con-2:hover .text { color: #fff; } footer .footer-1 ul li:nth-child(2) .con dl dd a:hover img.icon-1 { display: none; } footer .footer-1 ul li:nth-child(2) .con dl dd a:hover img.icon-2 { display: block; } footer .footer-2 .container-box a:hover { color: #f08200; } .main4 .nav ul li span:hover { color: #f08200; } .main4 .nav ul li span:hover::before { width: 100%; opacity: 1; } .main4 .con .con-1 .swiper-container .swiper-slide a:hover .img { transform: scale(1.1); } .news2:hover .imgbox .img { transform: scale(1.1); } .news2:hover h5, .news2:hover .more1 { color: #f08200; } .nav3 .roll .swiper-container .swiper-slide a:hover { color: #333; } .nav3.nav3-2 .roll .swiper-container .swiper-slide a:hover { color: #fff; } .news3 .imgbox:hover .img { transform: scale(1.1); } .news3 .right dl.dl-2 dd a:hover { background-color: #f08200; color: #fff; } .news3 .right dl.dl-3 dd .dd-con:hover { background-color: #f08200; color: #fff; } .main6 .con .imgbox .bg.bg-1 p:hover { color: #f08200; } .main6 .con .imgbox .bg.bg-1 p:hover::before { border-color: #f08200; } .main6 .con .imgbox .bg.bg-1 p:hover::after { opacity: 1; } .main6 .con .imgbox .bg.bg-2 p:hover { color: #f08200; } .main6 .con .imgbox .bg.bg-2 p:hover::before { border-color: #f08200; } .main6 .con .imgbox .bg.bg-2 p:hover::after { opacity: 1; } .main7 ul li:hover .icon img { transform: rotate(360deg) scale(1.1); } .main9.main9-2 .right .list-2 dl dd:hover { background-color: #f08200; color: #fff; text-align: center !important; } .main12 ul li:hover .icon img { transform: rotate(360deg) scale(1.2); } .main16 .main16-con .swiper-container .swiper-slide a:hover .img { transform: scale(1.1); } .main16 .main16-con .but:hover { background-color: #e98105; } .main17 .con-2 ul li .li-con:hover { background-color: #f08200; } .main17 .con-2 ul li .li-con:hover .icon img.icon-1 { opacity: 0; } .main17 .con-2 ul li .li-con:hover .icon img.icon-2 { opacity: 1; } .main17 .con-2 ul li .li-con:hover h5 { color: #fff; } .main17 .con-2 ul li .li-con:hover .text { color: #fff; } .main18 .left a:hover .img { transform: scale(1.1); } .main18 .right ul li:hover { background-color: #f08200; } .main18 .right ul li:hover .icon img.icon-1 { opacity: 0; } .main18 .right ul li:hover .icon img.icon-2 { opacity: 1; } .main18 .right ul li:hover .text { color: #fff; } .main20 ul li:hover { background-color: #f08200; } .main20 ul li:hover i { opacity: 0 !important; } .main20 ul li:hover .top b { color: #fff; } .main20 ul li:hover .top .icon img.icon-1 { opacity: 0; } .main20 ul li:hover .top .icon img.icon-2 { opacity: 1; } .main20 ul li:hover .text { color: #fff; } .main20 ul li:hover + li .i-1 { opacity: 0; } .main21 .con-1 ul li a:hover .img { transform: scale(1.1); } .main23 .swiper-slide a:hover .imgbox .img { transform: scale(1.1); } .main23 .swiper-slide a:hover h5 { color: #f08200; } .main24 ul li:hover { background-color: #ed6b00; padding-top: 0.10416667rem; } .main24 ul li:hover .top, .main24 ul li:hover .text { color: #fff; } .main24 ul li:hover .text { margin-top: 0.26041667rem; } .main24 ul li:hover i { opacity: 0; } .main24 ul li:hover + li i.i-1 { opacity: 0; } .main25 .con ul li:hover { background-color: #c35b06; } .news4:hover::before { width: 100%; } .news4:hover .imgbox .img { transform: scale(1.1); } .news4:hover h5 { color: #ed6b00; } .main29 ul li .li-con:hover { background-color: #f08200; } .main29 ul li .li-con:hover h5, .main29 ul li .li-con:hover .text { color: #fff; } .news5:hover { background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .news5:hover .date h5 { color: #ed6b00; } .news5:hover .con h5 { color: #ed6b00; } .news5:hover .con .more1 { color: #ed6b00; } .news7:hover .imgbox .img { transform: scale(1.1); } .news7:hover h5 { color: #e98105; } .news8:hover .imgbox .img { transform: scale(1.1); } .news8:hover h5 { color: #f08200; } .main45 ul li a:hover { top: -60px; } .main45 ul li a:hover .text-box { background-color: #ed6b00; color: #fff; } } @media (max-width: 1920px) { .container-box { max-width: 1310px; } header { padding-top: 30px; padding-bottom: 30px; } header .con-box .top { height: 20px; } header .con-box .top .language h5 { font-size: 18px; background: url(../images/icon1.png) no-repeat 0 center / 15px auto, url(../images/icon3.png) no-repeat right 0 center / 10px auto; padding: 0 15px 0 20px; line-height: 20px; } header .con-box .top .language ul { padding-top: 10px; transform: translateY(30px); } header .con-box .top .language ul div { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 10px 0; } header .con-box .top .language ul div li a { line-height: 35px; font-size: 18px; } header .con-box .top .search { width: 16px; height: 16px; margin-left: 40px; } header .con-box .bottom .logo { width: 188px; } header .con-box .bottom nav ul li { line-height: 21px; } header .con-box .bottom nav ul li a.a-1 { font-size: 18px; padding: 0 25px; } header .con-box .bottom nav ul li a.a-1 span::before { height: 3px; transform: translateY(32px); } header .con-box .bottom nav ul li .nav-2 { padding-top: 30px; } header .con-box .bottom nav ul li .nav-2 .nav-2-box .container-box dl { padding: 40px 0 20px; } header .con-box .bottom nav ul li .nav-2 .nav-2-box .container-box dl dd { padding: 0 30px 20px; } header .con-box .bottom nav ul li .nav-2 .nav-2-box .container-box dl dd a { font-size: 18px; } .banner { height: calc(100vh - 123.5px); } .banner .swiper-container .swiper-wrapper .swiper-slide .con { top: 1.19791667rem; width: 6.66666667rem; max-width: 6.66666667rem; } .banner .swiper-container .swiper-wrapper .swiper-slide .con h3 { font-size: 0.29166667rem; } .banner .swiper-container .swiper-wrapper .swiper-slide .con .play { width: 0.42708333rem; height: 0.42708333rem; margin-top: 0.15625rem; } .banner .swiper-container .swiper-wrapper .swiper-slide .con .play::before { width: 0.15625rem; height: 0.171875rem; } .banner .swiper-pagination { right: 0.22916667rem; transform: translateY(-0.78125rem); } .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { margin-bottom: 0.52083333rem; } .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { height: 0.46875rem; } .banner .swiper-pagination .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active { margin-top: 0.52083333rem; } .banner .figure { padding-left: 1.66666667rem; } .banner .figure .bt { width: 1.82291667rem; } .banner .figure .bt h5 { font-size: 0.26041667rem; } .banner .figure .bt p { font-size: 0.10416667rem; line-height: 0.10416667rem; margin-bottom: 0.05208333rem; padding-right: 0.15625rem; } .banner .figure ul { width: calc(100% - 1.82291667rem); } .banner .figure ul li { height: 0.78125rem; } .banner .figure ul li::after { height: 0.52083333rem; } .banner .figure ul li::before { height: 0.04166667rem; } .banner .figure ul li h5 { font-size: 0.26041667rem; } .banner .figure ul li h5 span.span-2 { font-size: 0.15625rem; } .banner .figure ul li p { font-size: 0.10416667rem; line-height: 0.10416667rem; margin-top: 0.05208333rem; } .banner .figure ul li:first-child h5 { left: -5px; } .banner .figure ul li:nth-child(2) h5 { left: -4px; } .main1 { padding: 70px 0; } .main1 .title { max-width: 900px; } .main1 .title h5 { font-size: 40px; padding-bottom: 30px; } .main1 .title h5::before { width: 70px; } .main1 .title .text { font-size: 18px; line-height: 28px; margin-top: 40px; } .main1 .main1-con { margin: 0.36458333rem 0 0.26041667rem; padding: 0 1.30208333rem; } .main1 .main1-con::before { top: 0.625rem; } .main1 .main1-con .swiper-slide .imgbox { height: 1.25rem; } .main1 .main1-con .swiper-slide .text { font-size: 16px; margin-top: 50px; line-height: 28px; } .main1 .main1-con .swiper-slide img.img-1 { width: 7.421875rem; top: 0.08333333rem; } .main1 .main1-con .swiper-slide img.img-2 { width: 6.921875rem; top: 0.02604167rem; } .more1 { font-size: 22px; padding-left: 40px; } .more1::before { width: 30px; height: 30px; } .more1.download::before { background-size: 14px auto; } .title1 { margin-bottom: 60px; } .title1 h5 { font-size: 40px; } .title1 h5::before { width: 70px; bottom: -30px; } .title1 .more1 { top: -5px; } .main2 { padding: 70px 0 40px; } .main2 .main2-con ul { margin: 0 -15px; } .main2 .main2-con ul li { padding: 0 15px; margin-bottom: 30px; } .news1 h5 { font-size: 22px; line-height: 60px; } .news1 h5 span::before { width: 9px; background: url(../images/icon6.png) no-repeat center center / 9px auto; } .news1:hover h5 span { padding-right: 15px; } .main3 { padding: 70px 0; } .main3 ul li:nth-child(1) .imgbox { height: 355px; } .main3 ul li:nth-child(1) .text-box { height: 340px; padding: 60px 40px 0; } .main3 ul li:nth-child(1) .text-box::before { border-left: 17px solid transparent; border-right: 17px solid transparent; border-bottom: 18px solid #f08200; } .main3 ul li:nth-child(1) .text-box .title { padding-bottom: 20px; } .main3 ul li:nth-child(1) .text-box .title::before { width: 70px; } .main3 ul li:nth-child(1) .text-box .title .img .icon-1 { width: 52px; } .main3 ul li:nth-child(1) .text-box .title .img .icon-2 { width: 52px; } .main3 ul li:nth-child(1) .text-box .title h5 { font-size: 36px; margin-left: 18px; } .main3 ul li:nth-child(1) .text-box .text { font-size: 16px; margin-top: 30px; line-height: 28px; } .main3 ul li:nth-child(2) { height: 695px; } .main3 ul li:nth-child(2) .con-1 { height: 514px; } .main3 ul li:nth-child(2) .con-1 .text-box { padding: 70px 270px 0 50px; } .main3 ul li:nth-child(2) .con-1 .text-box img { width: 51px; } .main3 ul li:nth-child(2) .con-1 .text-box .right { width: calc(100% - 68px); } .main3 ul li:nth-child(2) .con-1 .text-box .right h5 { font-size: 36px; padding-bottom: 26px; } .main3 ul li:nth-child(2) .con-1 .text-box .right h5::before { width: 70px; } .main3 ul li:nth-child(2) .con-1 .text-box .right p { font-size: 16px; line-height: 28px; margin-top: 20px; } .main3 ul li:nth-child(2) .con-2 { height: 340px; padding: 60px 40px 0; } .main3 ul li:nth-child(2) .con-2::before { content: ""; border-left: 17px solid transparent; border-right: 17px solid transparent; border-bottom: 18px solid #f08200; } .main3 ul li:nth-child(2) .con-2 .title { padding-bottom: 20px; } .main3 ul li:nth-child(2) .con-2 .title::before { width: 70px; } .main3 ul li:nth-child(2) .con-2 .title .img .icon-1 { width: 59px; } .main3 ul li:nth-child(2) .con-2 .title .img .icon-2 { width: 59px; } .main3 ul li:nth-child(2) .con-2 .title h5 { font-size: 36px; margin-left: 18px; } .main3 ul li:nth-child(2) .con-2 .text { font-size: 16px; margin-top: 30px; line-height: 28px; } .main3 ul li:nth-child(2) .con-3 { height: 181px; } footer .footer-1 { padding: 70px 0; } footer .footer-1 ul li:nth-child(1) dl { margin-bottom: 50px; padding-left: 30px; } footer .footer-1 ul li:nth-child(1) dl dt { margin-bottom: 10px; } footer .footer-1 ul li:nth-child(1) dl dt a { font-size: 20px; } footer .footer-1 ul li:nth-child(1) dl dd a { font-size: 16px; line-height: 36px; } footer .footer-1 ul li:nth-child(2) { padding-left: 30px; } footer .footer-1 ul li:nth-child(2) .con .phone { font-size: 32px; background-size: 17px auto; padding-left: 25px; } footer .footer-1 ul li:nth-child(2) .con .text { font-size: 16px; line-height: 30px; background-position: 0 5px; background-size: 17px auto; margin-top: 30px; padding-left: 25px; } footer .footer-1 ul li:nth-child(2) .con dl { margin-top: 30px; } footer .footer-1 ul li:nth-child(2) .con dl dd { height: 90px; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(1) a img { width: 24px; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(2) a img { width: 23px; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(3) a img { width: 11px; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(4) a img { width: 21px; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(5) a img { width: 22px; } footer .footer-2 .container-box { padding: 30px 15px; font-size: 16px; } footer .footer-3 { padding: 70px 0 10px; } footer .footer-3 .container-box dl.dl-1 { padding-bottom: 50px; padding-left: 30px; } footer .footer-3 .container-box dl.dl-1 dt { margin-bottom: 10px; } footer .footer-3 .container-box dl.dl-1 dt a { font-size: 20px; } footer .footer-3 .container-box dl.dl-1 dd a { font-size: 16px; line-height: 36px; } footer .footer-3 .container-box .right .top dl:last-child .weixin h5 { font-size: 20px; margin-bottom: 10px; } footer .footer-3 .container-box .right .top dl:last-child .weixin .img { padding: 5px; } footer .footer-3 .container-box .right .top dl:last-child .weixin .img img { width: 120px; height: 120px; } footer .footer-3 .container-box .right .top dl:last-child .weixin .img p { margin-top: 5px; font-size: 15px; } footer .footer-3 .container-box .right .bottom { padding-left: 30px; } footer .footer-3 .container-box .right .bottom dl.dl-2 { margin-top: 30px; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd { height: 90px; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd:nth-child(1) a img { width: 24px; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd:nth-child(2) a img { width: 23px; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd:nth-child(3) a img { width: 11px; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd:nth-child(4) a img { width: 21px; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd:nth-child(5) a img { width: 22px; } footer .footer-4 { padding-top: 40px; } footer .footer-4 .container-box .list { padding-bottom: 40px; } footer .footer-4 .container-box .list dl dt { margin-bottom: 10px; } footer .footer-4 .container-box .list dl dt a { font-size: 20px; } footer .footer-4 .container-box .list dl dd { line-height: 30px; } footer .footer-4 .container-box .list dl dd a { font-size: 16px; } footer .footer-4 .container-box .list:last-child img { width: 110px; height: 110px; } footer .footer-4 .container-box .list:last-child p { margin-top: 10px; font-size: 16px; } .banner2 h3 { max-width: 1310px; } .nav3 { margin-bottom: 80px; } .nav3::before { height: 1px; } .nav3 .roll { max-width: 800px; } .nav3 .roll .swiper-container .swiper-slide { margin-right: 45px; height: 100px; } .nav3 .roll .swiper-container .swiper-slide a { font-size: 20px; line-height: 30px; } .nav3 .roll .swiper-container .swiper-slide a::before { height: 1px; bottom: -35px; } .nav3 .right { font-size: 16px; line-height: 30px; background-size: 18px auto; padding-left: 18px; } .nav3 .right i.arrows { width: 6px; height: 16px; margin: 0 10px; } .main4 { padding-bottom: 80px; } .main4 .nav { width: 320px; padding-right: 30px; } .main4 .nav ul li { font-size: 20px; line-height: 24px; margin-bottom: 40px; } .main4 .nav ul li span { padding-bottom: 5px; } .main4 .con { width: calc(100% - 320px); } .main4 .con .con-1 .swiper-container .swiper-slide a h3 { font-size: 20px; bottom: 40px; padding: 0 50px; } .main4 .con .con-1 .swiper-container .swiper-slide a h3 sup { font-size: 16px; margin-left: 8px; top: -10px; } .main4 .con .con-2 { margin-top: 40px; padding-top: 40px; } .main4 .con .con-2 ul { margin: 0 -24px; } .main4 .con .con-2 ul li { padding: 0 24px; } .news2 h5 { line-height: 90px; font-size: 25px; } .main5 { width: calc(100% + 1.66666667rem); } .main5 .list { margin-bottom: 70px; } .main5 .list .swiper-container .but-next { width: 52px; height: 52px; background-size: 10px auto; } .news3 { padding: 20px; } .news3 .imgbox { width: 466px; } .news3 .right { width: calc(100% - 466px); padding: 10px 0 0 25px; } .news3 .right .title { font-size: 30px; line-height: 35px; } .news3 .right dl.dl-1 { font-size: 20px; line-height: 40px; margin: 20px 0 30px; } .news3 .right dl.dl-1 dt { margin-bottom: 5px; } .news3 .right dl.dl-2 dd { min-width: 230px; margin: 0 8px 14px 0; } .news3 .right dl.dl-2 dd a { font-size: 18px; line-height: 36px; padding: 0 10px; } .news3 .right dl.dl-3 { margin: 0 -5px; } .news3 .right dl.dl-3 dd { padding: 0 5px; margin-bottom: 10px; } .news3 .right dl.dl-3 dd .dd-con { font-size: 18px; line-height: 25px; padding: 10px; } .news3 .right dl.dl-3 dd .dd-con h5 { font-size: 18px; margin-bottom: 5px; } .main6 { padding: 80px 0 110px; margin: 80px 0; } .main6 .title { font-size: 40px; line-height: 45px; padding-bottom: 20px; margin-bottom: 70px; } .main6 .title::before { width: 70px; } .main6 .con { min-height: 370px; padding-bottom: 30px; } .main6 .con .text { font-size: 16px; width: 420px; } .main6 .con .img-1 { width: 841px; bottom: -40px; } .main7 { padding-bottom: 80px; } .main7 .title { font-size: 40px; line-height: 45px; padding-bottom: 20px; margin-bottom: 70px; } .main7 .title::before { width: 70px; } .main7 ul li { padding-left: 50px; padding-bottom: 50px; } .main7 ul li .icon { height: 68px; } .main7 ul li dl { margin-top: 30px; } .main7 ul li dl dt { font-size: 24px; } .main7 ul li dl dd { font-size: 16px; line-height: 18px; padding: 10px 0; } .main7 ul li:nth-child(3) ~ li { padding-top: 50px; } .main8 { padding-top: 290px; } .nav5 { padding: 0 60px; } .nav5 .swiper-container .swiper-slide a { padding: 0 30px; font-size: 18px; line-height: 90px; } .nav5 .but { width: 50px; background-size: 9px auto; } .main9 { padding: 40px 60px 20px; } .main9 .left .gallery-top .swiper-slide { height: 400px; } .main9 .left .thumbs-box { margin-top: 40px; } .main9 .left .thumbs-box .gallery-thumbs .swiper-slide { height: 116px; } .main9 .left .thumbs-box .but { width: 30px; background-size: 9px auto; } .main9 .left .thumbs-box .but.but-prev { left: -30px; } .main9 .left .thumbs-box .but.but-next { right: -30px; } .main9 .right { padding-left: 160px; } .main9 .right .title { font-size: 30px; line-height: 36px; padding-bottom: 30px; } .main9 .right .mail { font-size: 30px; line-height: 45px; padding-left: 50px; margin-top: 30px; } .main9 .right .text { font-size: 17px; margin-top: 40px; max-height: 210px; } .main9 .right .more1-box { margin-top: 60px; } .main9.main9-2 .right .list-1 { padding: 30px 0; } .main9.main9-2 .right .list-1 dl dt { font-size: 16px; line-height: 30px; } .main9.main9-2 .right .list-1 dl dd { font-size: 16px; line-height: 30px; } .main9.main9-2 .right .list-2 { margin-top: 30px; } .main9.main9-2 .right .list-2 dl dd { line-height: 27px; font-size: 16px; margin-bottom: 10px; } .main9.main9-2 .right .more1-box { margin-top: 30px; } .main10 { margin-top: 100px; } .main10 table tr th { height: 100px; font-size: 24px; } .main10 table tr td { height: 50px; padding: 10px; font-size: 16px; } .main11 { margin-top: 100px; padding: 100px 0 188px; } .main11 .title { font-size: 40px; padding-bottom: 26px; margin-bottom: 100px; } .main11 .title::before { width: 70px; } .main11 form ul { margin: 0 -20px; } .main11 form ul li { padding: 0 20px; margin-bottom: 40px; } .main11 form ul li .con .bt { font-size: 16px; } .main11 form ul li .con input, .main11 form ul li .con textarea { height: 40px; font-size: 16px; } .main11 form ul li:last-child .con { padding: 40px; } .main11 form ul li:last-child .con textarea { height: 270px; padding-top: 10px; } .main11 form button .more1::before { background-size: 14px auto; } .main11.main11-2 { padding-bottom: 120px; } .main11.main11-3 form ul li .con .bt { padding-left: 8px; } .main11.main11-3 form ul li .con .bt sup { font-size: 16px; top: 5px; } .main11.main11-3 form ul li .con input, .main11.main11-3 form ul li .con textarea { padding-left: 8px; } .title2 { font-size: 38px; padding-bottom: 33px; margin-bottom: 60px; line-height: 40px; } .title2::before { width: 70px; } .title2.title2-2 { padding-bottom: 25px; } .main12 ul li { height: 300px; padding: 50px 10px 0; } .main12 ul li .icon { height: 60px; } .main12 ul li h5 { font-size: 24px; margin: 20px 0; } .main12 ul li .text { font-size: 16px; line-height: 36px; } .main13 { margin: 100px 0; } .main15 .container-box .left { width: 420px; padding: 100px 0; } .main15 .container-box .right { width: calc(100% - 420px); } .main15 .container-box .right ul li { padding: 30px 0 30px 130px; } .main15 .container-box .right ul li .bt { font-size: 16px; } .main15 .container-box .right ul li .text { font-size: 16px; margin-top: 15px; } .main15 .container-box .right ul li dl { margin-top: 15px; } .main15 .container-box .right ul li dl dd { font-size: 16px; margin-right: 30px; } .main16 { padding: 80px 0; } .main16 .main16-con .but { width: 50px; height: 50px; background-size: 10px auto; } .main16 .main16-con .but.but-prev { left: -90px; } .main16 .main16-con .but.but-next { right: -90px; } .main17 .title2 { margin-bottom: 40px; } .main17 .con-1 { font-size: 16px; line-height: 24px; } .main17 .con-2 { margin-top: 60px; } .main17 .con-2 ul { margin: 0 -8px; } .main17 .con-2 ul li { padding: 0 8px; margin-bottom: 16px; } .main17 .con-2 ul li .li-con { padding: 30px 20px; } .main17 .con-2 ul li .li-con .icon { height: 62px; } .main17 .con-2 ul li .li-con h5 { font-size: 24px; line-height: 30px; margin: 15px 0 20px; } .main17 .con-2 ul li .li-con .text { font-size: 16px; line-height: 30px; } .main18 { margin-top: 44px; } .main18 .left a .mask { padding: 60px 40px; } .main18 .left a .img { height: 544px; } .main18 .right ul li { height: 272px; } .main18 .right ul li .con { padding: 20px; } .main18 .right ul li .con .icon { height: 64px; } .main18 .right ul li .con .text { font-size: 18px; line-height: 24px; margin-top: 15px; } .main19 { margin: 100px 0; } .main19 .swiper-container { padding: 60px 0; } .main20 ul li { min-height: 212px; padding: 30px; margin-bottom: 60px; } .main20 ul li .top { height: 70px; } .main20 ul li .top b { font-size: 18px; } .main20 ul li .text { margin-top: 30px; font-size: 18px; line-height: 28px; } .main21 { padding: 60px 0; } .main21 .con-1 ul { margin: 0 -25px; } .main21 .con-1 ul li { padding: 0 25px; margin-bottom: 50px; } .main21 .con-1 ul li i.icon { width: 50px; height: 15px; right: -25px; } .main21 .con-1 ul li:nth-child(3) i.icon { width: 15px; height: 50px; } .main21 .con-2 ul li { font-size: 18px; margin: 0 20px 10px; } .main22 .list { padding: 90px 0; } .main23 { margin: 80px 0; } .main23 .con-box .but { width: 50px; height: 50px; background-size: auto 16px; } .main23 .con-box .but.but-prev { left: -80px; } .main23 .con-box .but.but-next { right: -80px; } .main23 .swiper-slide a h5 { font-size: 16px; margin-top: 20px; } .main24 ul li { height: 165px; padding: 0 30px; } .main24 ul li .top { font-size: 18px; } .main24 ul li .text { margin-top: 70px; font-size: 18px; line-height: 28px; } .main25 { padding: 80px 0 150px; } .main25 .con { width: 791px; height: 791px; margin: 100px auto 0; } .main25 .con::before { width: 1089px; height: 1089px; } .main25 .con ul { width: 650px; height: 650px; } .main25 .con ul li { width: 318px; height: 318px; font-size: 24px; } .main25 .con ul li p { font-size: 30px; } .main25 .con ul li:nth-child(1) { border-radius: 318px 0 0 0; } .main25 .con ul li:nth-child(1) p { bottom: 100px; right: 10px; padding-left: 50px; } .main25 .con ul li:nth-child(2) { border-radius: 0 318px 0 0; } .main25 .con ul li:nth-child(2) p { bottom: 100px; left: 10px; padding-right: 50px; } .main25 .con ul li:nth-child(3) { border-radius: 0 0 0 318px; } .main25 .con ul li:nth-child(3) p { top: 100px; right: 10px; padding-left: 50px; } .main25 .con ul li:nth-child(4) { border-radius: 0 0 318px 0; } .main25 .con ul li:nth-child(4) p { top: 100px; left: 10px; padding-right: 50px; } .main26 { padding: 170px 0; } .main26 ul { margin: 0 -50px; } .main26 ul li { font-size: 16px; line-height: 28px; padding: 0 50px; } .main27 { padding: 80px 0; } .main27 .nav { margin-bottom: 70px; } .main27 .nav ul li { font-size: 16px; margin-right: 70px; } .news4 h5 { font-size: 16px; line-height: 55px; } .main28 { padding-bottom: 80px; } .main28 .con .left { width: 240px; } .main28 .con .left img { margin-bottom: 50px; } .main28 .con .middle { width: calc(100% - 480px); } .main28 .con .middle dl { padding: 20px 0; } .main28 .con .middle dl dt { width: 230px; padding-right: 50px; font-size: 18px; line-height: 28px; } .main28 .con .middle dl dt i { width: 26px; height: 26px; right: -13px; } .main28 .con .middle dl dt i::before { height: 1000px; top: -200px; } .main28 .con .middle dl dt i b::before { width: 50px; height: 50px; } .main28 .con .middle dl dd { width: calc(100% - 230px); padding-left: 80px; font-size: 18px; line-height: 24px; } .main28 .con .right { width: 240px; } .main28 .con .right img { margin-bottom: 50px; } .main29 { padding: 70px 0; } .main29 ul { margin: 0 -15px; } .main29 ul li { padding: 0 15px; margin-bottom: 30px; } .main29 ul li .li-con { min-height: 267px; padding: 20px; } .main29 ul li .li-con h5 { font-size: 30px; line-height: 36px; } .main29 ul li .li-con .text { font-size: 16px; line-height: 28px; margin-top: 20px; } .main30 { padding: 80px 0; } .main30 .main30-con { height: 800px; } .main30 .main30-con .circle-1 { width: 174px; height: 174px; box-shadow: 0 0 0 15px rgba(240, 130, 0, 0.5); font-size: 27px; } .main30 .main30-con .circle-2 { width: 436px; height: 436px; } .main30 .main30-con .circle-2 ul li { width: 96px; height: 96px; font-size: 14px; line-height: 18px; margin: -48px 0 0 -48px; } .main30 .main30-con .circle-3 { width: 690px; height: 690px; } .main30 .main30-con .circle-3 ul li { width: 96px; height: 96px; font-size: 14px; line-height: 18px; margin: -48px 0 0 -48px; } .main31 { padding-bottom: 70px; } .main31 .news5 { margin-bottom: 30px; } .main31.main31-2 { margin-top: 80px; } .news5 { padding: 50px 40px; } .news5 .date { width: 128px; } .news5 .date h5 { font-size: 36px; line-height: 28px; } .news5 .date p { font-size: 16px; line-height: 28px; } .news5 .con { width: calc(100% - 128px); } .news5 .con h5 { font-size: 22px; line-height: 28px; } .news5 .con .text { font-size: 16px; line-height: 28px; margin: 20px 0 50px; } .main32 .main32-left { width: calc(100% - 370px); padding-right: 100px; } .main32 .main32-right { width: 370px; } .main33 .title { padding-bottom: 30px; } .main33 .title h5 { font-size: 36px; line-height: 48px; } .main33 .title p { font-size: 16px; margin-top: 30px; } .main33 .title p span { margin-left: 20px; } .main33 .con { padding: 30px 0; font-size: 16px; line-height: 30px; } .main33 .con img { margin: 10px auto; } .main33 .con ul { margin: 0 -10px; } .main33 .con ul li { padding: 0 10px; margin-bottom: 10px; } .main33 .page-turning { margin: 30px 0 70px; padding-right: 150px; } .main33 .page-turning ul li { margin-top: 10px; font-size: 16px; } .main33 .page-turning ul li span { width: 90px; } .main33 .page-turning .return { font-size: 16px; } .main34 .title { font-size: 24px; line-height: 30px; margin-bottom: 20px; } .main34 ul li a { padding: 20px 10px 20px 0; } .main34 ul li a .date { width: 80px; } .main34 ul li a .date h5 { font-size: 30px; } .main34 ul li a .date p { font-size: 14px; margin-top: 5px; } .main34 ul li a .con { width: calc(100% - 80px); padding-left: 10px; font-size: 16px; line-height: 26px; } .main35 { padding-bottom: 50px; } .main35 ul { margin: 0 -15px; } .main35 ul li { padding: 0 15px; margin-bottom: 30px; } .news6 { padding: 20px; } .news6 .imgbox::before { background: url(../images/icon31.png) no-repeat center center / 20px auto; } .news6 h5 { font-size: 24px; line-height: 30px; height: 60px; margin: 20px 0 30px; } .main36 .main36-1 .left { width: 530px; } .main36 .main36-1 .left .bottom p { font-size: 20px; } .main36 .main36-1 .left .bottom p img { width: 20px; margin-left: 15px; top: -2px; } .main36 .main36-1 .left .bottom h5 { font-size: 51px; margin-top: 15px; } .main36 .main36-1 .right { width: calc(100% - 530px); font-size: 16px; line-height: 28px; max-height: 336px; } .main36 .main36-1 .right .mCustomScrollBox { padding-right: 8px; } .main36 .main36-1 .right .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer { right: -10px !important; } .main36 .main36-1 .right .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar { width: 3px; } .main36 .main36-1 .right .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail { width: 3px; } .main36 .main36-2 { margin: 70px 0 80px; } .main36 .main36-2 .video::before { background-size: 82px auto; } .main36 .main36-2 ul { padding: 28px 0 20px; } .main36 .main36-2 ul li { padding: 0 10px; } .main36 .main36-2 ul li::before { height: 8px; transform: translateY(-20px); } .main36 .main36-2 ul li h5 { font-size: 42px; } .main36 .main36-2 ul li h5 span { font-size: 18px; margin-left: 10px; } .main36 .main36-2 ul li p { font-size: 16px; line-height: 20px; margin-top: 15px; } .main37 ul { height: 605px; } .main37 ul li { width: 70%; height: 605px; } .main37 ul li .text-box h5 { font-size: 40px; line-height: 48px; min-height: 96px; } .main37 ul li .text-box .text { font-size: 16px; line-height: 28px; margin-top: 30px; min-height: 112px; } .main37 ul li:nth-child(1) .text-box { padding: 30px 30px 30px 30%; } .main37 ul li:nth-child(1) .text-box h5 { padding-left: 17px; } .main37 ul li:nth-child(1) .text-box .text { padding-left: 17px; } .main37 ul li:nth-child(1).active .text-box { padding-left: 30px; } .main37 ul li:nth-child(2) .text-box { padding: 30px 30% 30px 30px; } .main37 ul li:nth-child(2).active .text-box { padding-right: 30px; } .main38 { padding: 80px 0; margin: 80px 0; } .main38 .top .but-box { width: 150px; } .main38 .top .but-box .but { width: 50px; height: 50px; background-size: 10px auto; } .news7 h5 { font-size: 16px; line-height: 20px; margin-top: 20px; } .main39 .top .but-box { width: 0.78125rem; } .main39 .top .but-box .but { width: 0.26041667rem; height: 0.26041667rem; background-size: 0.05208333rem auto; } .main39 .con-box::before { width: 10.22916667rem; height: 0.5rem; top: 0.83854167rem; } .main39 .con-box::after { width: 10.11979167rem; height: 0.49479167rem; top: 0.86458333rem; } .main39 .con-box .swiper-container .swiper-slide { height: 2.60416667rem; } .main39 .con-box .swiper-container .swiper-slide .con1 { width: 16px; height: 16px; margin-top: -8px; } .main39 .con-box .swiper-container .swiper-slide .con1 p { bottom: 0.26041667rem; font-size: 18px; } .main39 .con-box .swiper-container .swiper-slide .con1 .imgbox { width: 1.30208333rem; height: 1.30208333rem; border: 0.03645833rem solid #ed6b00; } .main39 .con-box .swiper-container .swiper-slide .con1 .imgbox h5 { font-size: 30px; } .main39 .con-box .swiper-container .swiper-slide .con1 .text { font-size: 16px; line-height: 30px; margin-top: 0.15625rem; } .main39 .con-box .swiper-container .swiper-slide.swiper-slide-active + .swiper-slide .con1 { transform: translateY(-0.08333333rem); } .main39 .con-box .swiper-container .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .con1 { transform: translateY(-0.38541667rem); } .main39 .con-box .swiper-container .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .con1 { transform: translateY(-0.44791667rem); } .main39 .con-box .swiper-container .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .con1 { transform: translateY(-0.29166667rem); } .main39 .con-box .swiper-container .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .con1 { transform: translateY(-0.21875rem); } .main40 { padding: 80px 0; } .main40 .con-box .swiper-container { margin: 0 -30px; } .main40 .con-box .swiper-container .swiper-wrapper .swiper-slide { padding: 0 30px; } .news8 h5 { font-size: 30px; margin: 20px 0 10px; } .news8 .text { font-size: 16px; line-height: 28px; } .main41 { padding-bottom: 100px; } .main41 ul li { height: 405px; } .main41 ul li .text-box { padding: 50px 15px; } .main41 ul li .text-box h5 { font-size: 30px; } .main41 ul li .text-box .text { font-size: 18px; line-height: 27px; } .main42 { padding: 100px 0; } .main42 .nav { margin-bottom: 60px; } .main42 .nav ul li { font-size: 36px; padding-bottom: 28px; margin-right: 140px; } .main42 .nav ul li::before { width: 70px; height: 2px; } .main42 .main42-con ul li { border-left: 6px solid #f08200; padding: 50px; margin-bottom: 20px; } .main42 .main42-con ul li .title { font-size: 26px; background: url(../images/icon34.png) no-repeat 0 center / auto 33px; padding-left: 45px; padding-right: 60px; line-height: 36px; } .main42 .main42-con ul li .title i { width: 28px; height: 28px; } .main42 .main42-con ul li .title i::before, .main42 .main42-con ul li .title i::after { height: 3px; } .main42 .main42-con ul li dl { margin: 10px -5px 0; } .main42 .main42-con ul li dl dd { font-size: 16px; line-height: 20px; margin-top: 20px; padding: 0 5px; } .main42 .main42-con ul li .con { border-top: 2px solid #e5e5e5; margin-top: 40px; } .main42 .main42-con ul li .con .text { font-size: 16px; line-height: 30px; padding: 40px 0; } .main42 .main42-con ul li .con .more { width: 180px; font-size: 18px; line-height: 60px; padding-left: 15px; background-position: right 18px center; background-size: 13px auto; } .main43 { margin-bottom: 90px; } .main43 #map { height: 650px; } .main43 .main43-con { padding: 20px; } .main43 .main43-con .con-box { width: 500px; padding: 60px 30px 0; } .main43 .main43-con .con-box .nav ul { margin-bottom: 30px; } .main43 .main43-con .con-box .nav ul li { width: 50%; font-size: 30px; } .main43 .main43-con .con-box .dl-box { margin-bottom: 90px; } .main43 .main43-con .con-box .dl-box dl { margin-bottom: 30px; } .main43 .main43-con .con-box .dl-box dl dt { font-size: 24px; } .main43 .main43-con .con-box .dl-box dl dd { font-size: 18px; line-height: 27px; } .main44 .con { font-size: 16px; line-height: 28px; } .main44 .con p { margin-bottom: 50px; } .main45 { margin: 200px 0 140px; } .main45 ul { margin: 0 -20px; } .main45 ul li { padding: 0 20px; } .main45 ul li a .text-box { bottom: -40px; left: -10px; padding: 30px 20px; width: calc(100% - 40px); min-height: 300px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .main45 ul li a .text-box h5 { font-size: 36px; line-height: 40px; } .main45 ul li a .text-box .text { font-size: 16px; line-height: 28px; margin-top: 15px; } .main46 .title { font-size: 40px; line-height: 27px; } .main46 form { width: 845px; border-radius: 80px; margin: 50px auto 30px; } .main46 form input { width: calc(100% - 128px); height: 77px; font-size: 30px; padding: 0 50px; } .main46 form button { width: 128px; height: 77px; background-size: 39px auto; } .main46 .con-2 { font-size: 16px; line-height: 30px; } .main46 .con-2 a { margin-right: 20px; } .main47 { padding: 70px 0; min-height: 431px; } .main47 .container-box .left { width: 390px; } .main47 .container-box .left .more2 { margin-top: 160px; } .main47 .container-box .right { width: calc(100% - 390px); font-size: 17px; max-height: 290px; } .main47 .container-box .right p { margin-bottom: 40px; } .more2 a { width: 120px; line-height: 35px; border-radius: 50px; font-size: 16px; } .more2 a i { margin-left: 5px; font-size: 16px; } .main48 { padding: 70px 0; } .main48 .container-box .left { width: 280px; } .main48 .container-box .left .nav { margin-top: 150px; } .main48 .container-box .left .nav ul li { line-height: 50px; } .main48 .container-box .left .nav ul li a { font-size: 18px; } .main48 .container-box .left .nav ul li a.active { font-size: 24px; } .main48 .container-box .left .more2 { margin-top: 70px; } .main48 .container-box .right { width: calc(100% - 280px); } .main48 .container-box .right ul { margin: 0 -10px; } .main48 .container-box .right ul li { padding: 0 10px; } .news9 .text-box { padding: 30px 0 40px; } .news9 .text-box .time { font-size: 16px; } .news9 .text-box h5 { font-size: 22px; line-height: 36px; height: 72px; margin: 20px 0 40px; } .news9 .text-box .more { font-size: 15px; } .news9 .text-box .more i { font-size: 15px; margin-left: 5px; } .news9:hover::before { width: 162px; } .main49 { padding-bottom: 70px; } .main49 .con { font-size: 18px; line-height: 36px; } .main50 { padding-bottom: 70px; } .main50 .main50-con .left { width: calc(100% - 460px); padding-right: 30px; padding-left: 100px; } .main50 .main50-con .left .year { font-size: 72px; left: 80px; } .main50 .main50-con .left .dl-box dl { padding-bottom: 50px; } .main50 .main50-con .left .dl-box dl dt { font-size: 32px; padding-left: 90px; } .main50 .main50-con .left .dl-box dl dt i { width: 11px; height: 11px; } .main50 .main50-con .left .dl-box dl dt i::before { height: 1000px; top: -50px; } .main50 .main50-con .left .dl-box dl dd { font-size: 16px; margin-top: 10px; padding-left: 90px; } .main50 .main50-con .left .more { margin-top: 50px; } .main50 .main50-con .left .more a { font-size: 18px; } .main50 .main50-con .right { width: 460px; } .main51 { padding: 70px 0 110px; } .main51 ul { margin: 120px -20px 0; } .main51 ul li { padding: 0 20px; } .main51 ul li a .text-box { height: 300px; bottom: -40px; left: -10px; padding: 30px 30px 0; } .main51 ul li a .text-box h5 { font-size: 36px; line-height: 48px; height: 96px; } .main51 ul li a .text-box .text { font-size: 16px; line-height: 28px; max-height: 112px; margin-top: 20px; } .main52 .title { font-size: 36px; top: 60px; } .main52 ul li .img { height: 550px; } .main52 ul li .text-box { padding: 0 30px; } .main52 ul li .text-box h5 { font-size: 36px; } .main52 ul li .text-box .text { font-size: 16px; margin-top: 20px; padding-top: 20px; } .main52 ul li .text-box .text::before { width: 38px; } .news5-2 .bottom .upload { font-size: 16px; padding-bottom: 10px; margin-left: 60px; } } @media (max-width: 1470px) { .main16 .main16-con .but.but-prev { left: 0; } .main16 .main16-con .but.but-next { right: 0; } } @media (max-width: 1440px) { .main23 .con-box .but.but-prev { left: -60px; } .main23 .con-box .but.but-next { right: -60px; } .main47 { background-position: -1.73611111rem top; } .main47 .right { padding-left: 0.13888889rem; } } @media (max-width: 1420px) { .main5 .list .swiper-container .but-next { right: 0; transform: translate(-1.69014085rem, -50%); } .main23 .con-box .but { display: none; } } @media (max-width: 1310px) { header { padding-top: 0.22900763rem; padding-bottom: 0.22900763rem; } header .con-box .top { height: 0.15267176rem; } header .con-box .top .language h5 { font-size: 0.13740458rem; background: url(../images/icon1.png) no-repeat 0 center / 0.11450382rem auto, url(../images/icon3.png) no-repeat right 0 center / 0.07633588rem auto; padding: 0 0.11450382rem 0 0.15267176rem; line-height: 0.15267176rem; } header .con-box .top .language ul { padding-top: 0.07633588rem; transform: translateY(0.22900763rem); } header .con-box .top .language ul div { box-shadow: 0 0 0.07633588rem rgba(0, 0, 0, 0.2); padding: 0.07633588rem 0; } header .con-box .top .language ul div li a { line-height: 0.26717557rem; font-size: 0.13740458rem; } header .con-box .top .search { width: 0.1221374rem; height: 0.1221374rem; margin-left: 0.30534351rem; } header .con-box .bottom .logo { width: 1.4351145rem; } header .con-box .bottom nav ul li { line-height: 0.16030534rem; } header .con-box .bottom nav ul li a.a-1 { font-size: 0.13740458rem; padding: 0 0.19083969rem; } header .con-box .bottom nav ul li a.a-1 span::before { height: 0.02290076rem; transform: translateY(0.24427481rem); } header .con-box .bottom nav ul li .nav-2 { padding-top: 0.22900763rem; } header .con-box .bottom nav ul li .nav-2 .nav-2-box .container-box dl { padding: 0.30534351rem 0 0.15267176rem; } header .con-box .bottom nav ul li .nav-2 .nav-2-box .container-box dl dd { padding: 0 0.22900763rem 0.15267176rem; } header .con-box .bottom nav ul li .nav-2 .nav-2-box .container-box dl dd a { font-size: 0.13740458rem; } .banner { height: calc(100vh - 0.94274809rem); } .banner .swiper-container .swiper-wrapper .swiper-slide .con { width: 100%; max-width: initial; padding: 0 15px; } .banner .figure { padding-left: 15px; } .banner .figure ul li:first-child h5 { left: -0.03816794rem; } .banner .figure ul li:nth-child(2) h5 { left: -0.03053435rem; } .main1 { padding: 0.53435115rem 0; } .main1 .title { max-width: 6.87022901rem; } .main1 .title h5 { font-size: 0.30534351rem; padding-bottom: 0.22900763rem; } .main1 .title h5::before { width: 0.53435115rem; } .main1 .title .text { font-size: 0.13740458rem; line-height: 0.21374046rem; margin-top: 0.30534351rem; } .main1 .main1-con .swiper-slide .text { font-size: 0.1221374rem; margin-top: 0.38167939rem; line-height: 0.21374046rem; } .more1 { font-size: 0.16793893rem; padding-left: 0.30534351rem; } .more1::before { width: 0.22900763rem; height: 0.22900763rem; } .more1.download::before { background-size: 0.10687023rem auto; } .title1 { margin-bottom: 0.45801527rem; } .title1 h5 { font-size: 0.30534351rem; } .title1 h5::before { width: 0.53435115rem; bottom: -0.22900763rem; } .title1 .more1 { top: -0.03816794rem; } .main2 { padding: 0.53435115rem 0 0.30534351rem; } .main2 .main2-con ul { margin: 0 -0.11450382rem; } .main2 .main2-con ul li { padding: 0 0.11450382rem; margin-bottom: 0.22900763rem; } .news1 h5 { font-size: 0.16793893rem; line-height: 0.45801527rem; } .news1 h5 span::before { width: 0.06870229rem; background: url(../images/icon6.png) no-repeat center center / 0.06870229rem auto; } .news1:hover h5 span { padding-right: 0.11450382rem; } .main3 { padding: 0.53435115rem 0; } .main3 ul li:nth-child(1) .imgbox { height: 2.70992366rem; } .main3 ul li:nth-child(1) .text-box { height: 2.59541985rem; padding: 0.45801527rem 0.30534351rem 0; } .main3 ul li:nth-child(1) .text-box::before { border-left: 0.12977099rem solid transparent; border-right: 0.12977099rem solid transparent; border-bottom: 0.13740458rem solid #f08200; } .main3 ul li:nth-child(1) .text-box .title { padding-bottom: 0.15267176rem; } .main3 ul li:nth-child(1) .text-box .title::before { width: 0.53435115rem; } .main3 ul li:nth-child(1) .text-box .title .img .icon-1 { width: 0.39694656rem; } .main3 ul li:nth-child(1) .text-box .title .img .icon-2 { width: 0.39694656rem; } .main3 ul li:nth-child(1) .text-box .title h5 { font-size: 0.27480916rem; margin-left: 0.13740458rem; } .main3 ul li:nth-child(1) .text-box .text { font-size: 0.1221374rem; margin-top: 0.22900763rem; line-height: 0.21374046rem; } .main3 ul li:nth-child(2) { height: 5.30534351rem; } .main3 ul li:nth-child(2) .con-1 { height: 3.92366412rem; } .main3 ul li:nth-child(2) .con-1 .text-box { padding: 0.53435115rem 2.0610687rem 0 0.38167939rem; } .main3 ul li:nth-child(2) .con-1 .text-box img { width: 0.38931298rem; } .main3 ul li:nth-child(2) .con-1 .text-box .right { width: calc(100% - 0.51908397rem); } .main3 ul li:nth-child(2) .con-1 .text-box .right h5 { font-size: 0.27480916rem; padding-bottom: 0.19847328rem; } .main3 ul li:nth-child(2) .con-1 .text-box .right h5::before { width: 0.53435115rem; } .main3 ul li:nth-child(2) .con-1 .text-box .right p { font-size: 0.1221374rem; line-height: 0.21374046rem; margin-top: 0.15267176rem; } .main3 ul li:nth-child(2) .con-2 { height: 2.59541985rem; padding: 0.45801527rem 0.30534351rem 0; } .main3 ul li:nth-child(2) .con-2::before { content: ""; border-left: 0.12977099rem solid transparent; border-right: 0.12977099rem solid transparent; border-bottom: 0.13740458rem solid #f08200; } .main3 ul li:nth-child(2) .con-2 .title { padding-bottom: 0.15267176rem; } .main3 ul li:nth-child(2) .con-2 .title::before { width: 0.53435115rem; } .main3 ul li:nth-child(2) .con-2 .title .img .icon-1 { width: 0.45038168rem; } .main3 ul li:nth-child(2) .con-2 .title .img .icon-2 { width: 0.45038168rem; } .main3 ul li:nth-child(2) .con-2 .title h5 { font-size: 0.27480916rem; margin-left: 0.13740458rem; } .main3 ul li:nth-child(2) .con-2 .text { font-size: 0.1221374rem; margin-top: 0.22900763rem; line-height: 0.21374046rem; } .main3 ul li:nth-child(2) .con-3 { height: 1.38167939rem; } footer .footer-1 { padding: 0.53435115rem 0; } footer .footer-1 ul li:nth-child(1) dl { margin-bottom: 0.38167939rem; padding-left: 0.22900763rem; } footer .footer-1 ul li:nth-child(1) dl dt { margin-bottom: 0.07633588rem; } footer .footer-1 ul li:nth-child(1) dl dt a { font-size: 0.15267176rem; } footer .footer-1 ul li:nth-child(1) dl dd a { font-size: 0.1221374rem; line-height: 0.27480916rem; } footer .footer-1 ul li:nth-child(2) { padding-left: 0.22900763rem; } footer .footer-1 ul li:nth-child(2) .con .phone { font-size: 0.24427481rem; background-size: 0.12977099rem auto; padding-left: 0.19083969rem; } footer .footer-1 ul li:nth-child(2) .con .text { font-size: 0.1221374rem; line-height: 0.22900763rem; background-position: 0 0.03816794rem; background-size: 0.12977099rem auto; margin-top: 0.22900763rem; padding-left: 0.19083969rem; } footer .footer-1 ul li:nth-child(2) .con dl { margin-top: 0.22900763rem; } footer .footer-1 ul li:nth-child(2) .con dl dd { height: 0.6870229rem; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(1) a img { width: 0.18320611rem; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(2) a img { width: 0.17557252rem; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(3) a img { width: 0.08396947rem; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(4) a img { width: 0.16030534rem; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(5) a img { width: 0.16793893rem; } footer .footer-2 .container-box { padding: 0.22900763rem 0.11450382rem; font-size: 0.1221374rem; } footer .footer-3 { padding: 0.53435115rem 0 0.07633588rem; } footer .footer-3 .container-box dl.dl-1 { padding-bottom: 0.38167939rem; padding-left: 0.22900763rem; } footer .footer-3 .container-box dl.dl-1 dt { margin-bottom: 0.07633588rem; } footer .footer-3 .container-box dl.dl-1 dt a { font-size: 0.15267176rem; } footer .footer-3 .container-box dl.dl-1 dd a { font-size: 0.1221374rem; line-height: 0.27480916rem; } footer .footer-3 .container-box .right .top dl:last-child .weixin h5 { font-size: 0.15267176rem; margin-bottom: 0.07633588rem; } footer .footer-3 .container-box .right .top dl:last-child .weixin .img { padding: 0.03816794rem; } footer .footer-3 .container-box .right .top dl:last-child .weixin .img img { width: 0.91603053rem; height: 0.91603053rem; } footer .footer-3 .container-box .right .top dl:last-child .weixin .img p { margin-top: 0.03816794rem; font-size: 0.11450382rem; } footer .footer-3 .container-box .right .bottom { padding-left: 0.22900763rem; } footer .footer-3 .container-box .right .bottom dl.dl-2 { margin-top: 0.22900763rem; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd { height: 0.6870229rem; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd:nth-child(1) a img { width: 0.18320611rem; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd:nth-child(2) a img { width: 0.17557252rem; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd:nth-child(3) a img { width: 0.08396947rem; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd:nth-child(4) a img { width: 0.16030534rem; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd:nth-child(5) a img { width: 0.16793893rem; } footer .footer-4 { padding-top: 0.30534351rem; } footer .footer-4 .container-box .list { padding-bottom: 0.30534351rem; } footer .footer-4 .container-box .list dl dt { margin-bottom: 0.07633588rem; } footer .footer-4 .container-box .list dl dt a { font-size: 0.15267176rem; } footer .footer-4 .container-box .list dl dd { line-height: 0.22900763rem; } footer .footer-4 .container-box .list dl dd a { font-size: 0.1221374rem; } footer .footer-4 .container-box .list:last-child img { width: 0.83969466rem; height: 0.83969466rem; } footer .footer-4 .container-box .list:last-child p { margin-top: 0.07633588rem; font-size: 0.1221374rem; } .nav3 { margin-bottom: 0.61068702rem; } .nav3 .roll { max-width: 6.10687023rem; } .nav3 .roll .swiper-container .swiper-slide { margin-right: 0.34351145rem; height: 0.76335878rem; } .nav3 .roll .swiper-container .swiper-slide a { font-size: 0.15267176rem; line-height: 0.22900763rem; } .nav3 .roll .swiper-container .swiper-slide a::before { bottom: -0.26717557rem; } .nav3 .right { font-size: 0.1221374rem; line-height: 0.22900763rem; background-size: 0.13740458rem auto; padding-left: 0.13740458rem; } .nav3 .right i.arrows { width: 0.04580153rem; height: 0.1221374rem; margin: 0 0.07633588rem; } .main4 { padding-bottom: 0.61068702rem; } .main4 .nav { width: 2.44274809rem; padding-right: 0.22900763rem; } .main4 .nav ul li { font-size: 0.15267176rem; line-height: 0.18320611rem; margin-bottom: 0.30534351rem; } .main4 .nav ul li span { padding-bottom: 0.03816794rem; } .main4 .con { width: calc(100% - 2.44274809rem); } .main4 .con .con-1 .swiper-container .swiper-slide a h3 { font-size: 0.15267176rem; bottom: 0.30534351rem; padding: 0 0.38167939rem; } .main4 .con .con-1 .swiper-container .swiper-slide a h3 sup { font-size: 0.1221374rem; margin-left: 0.0610687rem; top: -0.07633588rem; } .main4 .con .con-2 { margin-top: 0.30534351rem; padding-top: 0.30534351rem; } .main4 .con .con-2 ul { margin: 0 -0.18320611rem; } .main4 .con .con-2 ul li { padding: 0 0.18320611rem; } .news2 h5 { line-height: 0.6870229rem; font-size: 0.19083969rem; } .main5 { width: 100%; } .main5 .list { margin-bottom: 0.53435115rem; } .main5 .list .swiper-container .swiper-slide { width: 100%; margin-right: 0; } .main5 .list .swiper-container .but-next { width: 52px; height: 52px; background-size: 10px auto; right: 0; transform: translate(0, -50%); } .news3 { padding: 0.15267176rem; } .news3 .imgbox { width: 3.55725191rem; } .news3 .right { width: calc(100% - 3.55725191rem); padding: 0.07633588rem 0 0 0.19083969rem; } .news3 .right .title { font-size: 0.22900763rem; line-height: 0.26717557rem; } .news3 .right dl.dl-1 { font-size: 0.15267176rem; line-height: 0.30534351rem; margin: 0.15267176rem 0 0.22900763rem; } .news3 .right dl.dl-1 dt { margin-bottom: 0.03816794rem; } .news3 .right dl.dl-2 dd { min-width: 1.75572519rem; margin: 0 0.0610687rem 0.10687023rem 0; } .news3 .right dl.dl-2 dd a { font-size: 0.13740458rem; line-height: 0.27480916rem; padding: 0 0.07633588rem; } .news3 .right dl.dl-3 { margin: 0 -0.03816794rem; } .news3 .right dl.dl-3 dd { padding: 0 0.03816794rem; margin-bottom: 0.07633588rem; } .news3 .right dl.dl-3 dd .dd-con { font-size: 0.13740458rem; line-height: 0.19083969rem; padding: 0.07633588rem; } .news3 .right dl.dl-3 dd .dd-con h5 { font-size: 0.13740458rem; margin-bottom: 0.03816794rem; } .main5 .list .swiper-container .but-next { display: none !important; } .main6 { padding: 0.61068702rem 0 0.83969466rem; margin: 0.61068702rem 0; } .main6 .title { font-size: 0.30534351rem; line-height: 0.34351145rem; padding-bottom: 0.15267176rem; margin-bottom: 0.53435115rem; } .main6 .title::before { width: 0.53435115rem; } .main6 .con { min-height: 2.82442748rem; padding-bottom: 0.22900763rem; } .main6 .con .text { font-size: 0.1221374rem; width: 3.20610687rem; } .main6 .con .imgbox { width: 6.6259542rem; height: 2.67175573rem; } .main6 .con .imgbox .bg.bg-1 { width: 6.6259542rem; height: 1.61068702rem; } .main6 .con .imgbox .bg.bg-1 p { font-size: 0.1221374rem; top: 0.07633588rem; left: 1.5648855rem; } .main6 .con .imgbox .bg.bg-1 p::before { width: 0.1221374rem; height: 0.1221374rem; top: 0.07633588rem; right: -0.15267176rem; } .main6 .con .imgbox .bg.bg-1 p::after { width: 0.34351145rem; height: 0.34351145rem; bottom: 0.21374046rem; right: -0.32061069rem; } .main6 .con .imgbox .bg.bg-1 p.p-2 { top: -0.19083969rem; left: 4.91603053rem; } .main6 .con .imgbox .bg.bg-1 p.p-2::before { top: 0.07633588rem; left: -0.15267176rem; } .main6 .con .imgbox .bg.bg-1 p.p-2::after { left: -0.32061069rem; } .main6 .con .imgbox .bg.bg-2 { width: 3.7480916rem; height: 2.67175573rem; right: 0.97709924rem; } .main6 .con .imgbox .bg.bg-2 p { font-size: 0.1221374rem; top: -0.19083969rem; left: 0.78625954rem; } .main6 .con .imgbox .bg.bg-2 p::before { width: 0.1221374rem; height: 0.1221374rem; top: 0.07633588rem; right: -0.15267176rem; } .main6 .con .imgbox .bg.bg-2 p::after { width: 0.34351145rem; height: 0.34351145rem; bottom: 0.21374046rem; right: -0.32061069rem; } .main6 .con .imgbox ul { bottom: -0.30534351rem; padding: 0 0.45801527rem 0 1.14503817rem; font-size: 0.1221374rem; } .main6 .con .imgbox ul li:nth-child(2) { left: 0.07633588rem; } .main6 .con .img-1 { width: 6.41984733rem; bottom: -0.30534351rem; } .main7 { padding-bottom: 0.61068702rem; } .main7 .title { font-size: 0.30534351rem; line-height: 0.34351145rem; padding-bottom: 0.15267176rem; margin-bottom: 0.53435115rem; } .main7 .title::before { width: 0.53435115rem; } .main7 ul li { padding-left: 0.38167939rem; padding-bottom: 0.38167939rem; } .main7 ul li .icon { height: 0.51908397rem; } .main7 ul li dl { margin-top: 0.22900763rem; } .main7 ul li dl dt { font-size: 0.18320611rem; margin-bottom: 0.07633588rem; } .main7 ul li dl dd { font-size: 0.1221374rem; line-height: 0.13740458rem; padding: 0.07633588rem 0; } .main7 ul li:nth-child(3) ~ li { padding-top: 0.38167939rem; } .main8 { padding-top: 2.21374046rem; } .nav5 { padding: 0 0.45801527rem; } .nav5 .swiper-container .swiper-slide a { padding: 0 0.22900763rem; font-size: 0.13740458rem; line-height: 0.6870229rem; } .nav5 .but { width: 0.38167939rem; background-size: 0.06870229rem auto; } .main9 { padding: 0.30534351rem 0.45801527rem 0.15267176rem; } .main9 .left .gallery-top .swiper-slide { height: 3.05343511rem; } .main9 .left .thumbs-box { margin-top: 0.30534351rem; } .main9 .left .thumbs-box .gallery-thumbs .swiper-slide { height: 0.88549618rem; } .main9 .left .thumbs-box .but { width: 0.22900763rem; background-size: 0.06870229rem auto; } .main9 .left .thumbs-box .but.but-prev { left: -0.22900763rem; } .main9 .left .thumbs-box .but.but-next { right: -0.22900763rem; } .main9 .right { padding-left: 1.22137405rem; } .main9 .right .title { font-size: 0.22900763rem; line-height: 0.27480916rem; padding-bottom: 0.22900763rem; } .main9 .right .mail { font-size: 0.22900763rem; line-height: 0.34351145rem; padding-left: 0.38167939rem; margin-top: 0.22900763rem; } .main9 .right .text { font-size: 0.12977099rem; margin-top: 0.30534351rem; max-height: 1.60305344rem; } .main9 .right .more1-box { margin-top: 0.45801527rem; } .main9.main9-2 .right .list-1 { padding: 0.22900763rem 0; } .main9.main9-2 .right .list-1 dl dt { font-size: 0.1221374rem; line-height: 0.22900763rem; } .main9.main9-2 .right .list-1 dl dd { font-size: 0.1221374rem; line-height: 0.22900763rem; } .main9.main9-2 .right .list-2 { margin-top: 0.22900763rem; } .main9.main9-2 .right .list-2 dl dd { line-height: 0.20610687rem; font-size: 0.1221374rem; margin-bottom: 0.07633588rem; } .main9.main9-2 .right .more1-box { margin-top: 0.22900763rem; } .main10 { margin-top: 0.76335878rem; } .main10 table tr th { height: 0.76335878rem; font-size: 0.18320611rem; } .main10 table tr td { height: 0.38167939rem; padding: 0.07633588rem; font-size: 0.1221374rem; } .main11 { margin-top: 0.76335878rem; padding: 0.76335878rem 0 1.4351145rem; } .main11 .title { font-size: 0.30534351rem; padding-bottom: 0.19847328rem; margin-bottom: 0.76335878rem; } .main11 .title::before { width: 0.53435115rem; } .main11 form ul { margin: 0 -0.15267176rem; } .main11 form ul li { padding: 0 0.15267176rem; margin-bottom: 0.30534351rem; } .main11 form ul li .con .bt { font-size: 0.1221374rem; } .main11 form ul li .con input, .main11 form ul li .con textarea { height: 0.30534351rem; font-size: 0.1221374rem; } .main11 form ul li:last-child .con { padding: 0.30534351rem; } .main11 form ul li:last-child .con textarea { height: 2.0610687rem; padding-top: 0.07633588rem; } .main11 form button .more1::before { background-size: 0.10687023rem auto; } .main11.main11-2 { padding-bottom: 0.91603053rem; } .main11.main11-3 form ul li .con .bt { padding-left: 0.0610687rem; } .main11.main11-3 form ul li .con .bt sup { font-size: 0.1221374rem; top: 0.03816794rem; } .main11.main11-3 form ul li .con input, .main11.main11-3 form ul li .con textarea { padding-left: 0.0610687rem; } .title2 { font-size: 0.29007634rem; padding-bottom: 0.2519084rem; margin-bottom: 0.45801527rem; line-height: 0.30534351rem; } .title2::before { width: 0.53435115rem; } .main12 ul li { height: 2.29007634rem; padding: 0.38167939rem 0.07633588rem 0; } .main12 ul li .icon { height: 0.45801527rem; } .main12 ul li h5 { font-size: 0.18320611rem; margin: 0.15267176rem 0; } .main12 ul li .text { font-size: 0.1221374rem; line-height: 0.27480916rem; } .main13 { margin: 0.76335878rem 0; } .main15 .container-box .left { width: 3.20610687rem; padding: 0.76335878rem 0; } .main15 .container-box .right { width: calc(100% - 3.20610687rem); } .main15 .container-box .right ul li { padding: 0.22900763rem 0 0.22900763rem 0.99236641rem; } .main15 .container-box .right ul li .bt { font-size: 0.1221374rem; } .main15 .container-box .right ul li .text { font-size: 0.1221374rem; margin-top: 0.11450382rem; } .main15 .container-box .right ul li dl { margin-top: 0.11450382rem; } .main15 .container-box .right ul li dl dd { font-size: 0.1221374rem; margin-right: 0.22900763rem; } .main16 { padding: 0.61068702rem 0; } .main16 .main16-con .but { display: none; } .main17 .title2 { margin-bottom: 0.30534351rem; } .main17 .con-1 { font-size: 0.1221374rem; line-height: 0.18320611rem; } .main17 .con-2 { margin-top: 0.45801527rem; } .main17 .con-2 ul { margin: 0 -0.0610687rem; } .main17 .con-2 ul li { padding: 0 0.0610687rem; margin-bottom: 0.1221374rem; } .main17 .con-2 ul li .li-con { padding: 0.22900763rem 0.15267176rem; } .main17 .con-2 ul li .li-con .icon { height: 0.47328244rem; } .main17 .con-2 ul li .li-con h5 { font-size: 0.18320611rem; line-height: 0.22900763rem; margin: 0.11450382rem 0 0.15267176rem; } .main17 .con-2 ul li .li-con .text { font-size: 0.1221374rem; line-height: 0.22900763rem; } .main18 { margin-top: 0.33587786rem; } .main18 .left a .mask { padding: 0.45801527rem 0.30534351rem; } .main18 .left a .img { height: 4.15267176rem; } .main18 .right ul li { height: 2.07633588rem; } .main18 .right ul li .con { padding: 0.15267176rem; } .main18 .right ul li .con .icon { height: 0.48854962rem; } .main18 .right ul li .con .text { font-size: 0.13740458rem; line-height: 0.18320611rem; margin-top: 0.11450382rem; } .main19 { margin: 0.76335878rem 0; } .main19 .swiper-container { padding: 0.45801527rem 0; } .main20 ul li { min-height: 1.61832061rem; padding: 0.22900763rem; margin-bottom: 0.45801527rem; } .main20 ul li .top { height: 0.53435115rem; } .main20 ul li .top b { font-size: 0.13740458rem; } .main20 ul li .text { margin-top: 0.22900763rem; font-size: 0.13740458rem; line-height: 0.21374046rem; } .main21 { padding: 0.45801527rem 0; } .main21 .con-1 ul { margin: 0 -0.19083969rem; } .main21 .con-1 ul li { padding: 0 0.19083969rem; margin-bottom: 0.38167939rem; } .main21 .con-1 ul li i.icon { width: 0.38167939rem; height: 0.11450382rem; right: -0.19083969rem; } .main21 .con-1 ul li:nth-child(3) i.icon { width: 0.11450382rem; height: 0.38167939rem; } .main21 .con-2 ul li { font-size: 0.13740458rem; margin: 0 0.15267176rem 0.07633588rem; } .main22 .list { padding: 0.6870229rem 0; } .main23 { margin: 0.61068702rem 0; } .main23 .con-box .but { width: 0.38167939rem; height: 0.38167939rem; background-size: auto 0.1221374rem; } .main23 .con-box .but.but-prev { left: -0.61068702rem; } .main23 .con-box .but.but-next { right: -0.61068702rem; } .main23 .swiper-slide a h5 { font-size: 0.1221374rem; margin-top: 0.15267176rem; } .main24 ul li { height: 1.25954198rem; padding: 0 0.22900763rem; } .main24 ul li .top { font-size: 0.13740458rem; } .main24 ul li .text { margin-top: 0.53435115rem; font-size: 0.13740458rem; line-height: 0.21374046rem; } .main25 { padding: 0.61068702rem 0 1.14503817rem; } .main25 .con { width: 6.03816794rem; height: 6.03816794rem; margin: 0.76335878rem auto 0; } .main25 .con::before { width: 8.3129771rem; height: 8.3129771rem; } .main25 .con ul { width: 4.96183206rem; height: 4.96183206rem; } .main25 .con ul li { width: 2.42748092rem; height: 2.42748092rem; font-size: 0.18320611rem; } .main25 .con ul li p { font-size: 0.22900763rem; } .main25 .con ul li:nth-child(1) { border-radius: 2.42748092rem 0 0 0; font-size: 0.36641221rem; } .main25 .con ul li:nth-child(1) p { bottom: 0.76335878rem; right: 0.07633588rem; padding-left: 0.38167939rem; } .main25 .con ul li:nth-child(2) { border-radius: 0 2.42748092rem 0 0; } .main25 .con ul li:nth-child(2) p { bottom: 0.76335878rem; left: 0.07633588rem; padding-right: 0.38167939rem; } .main25 .con ul li:nth-child(3) { border-radius: 0 0 0 2.42748092rem; } .main25 .con ul li:nth-child(3) p { top: 0.76335878rem; right: 0.07633588rem; padding-left: 0.38167939rem; } .main25 .con ul li:nth-child(4) { border-radius: 0 0 2.42748092rem 0; } .main25 .con ul li:nth-child(4) p { top: 0.76335878rem; left: 0.07633588rem; padding-right: 0.38167939rem; } .main26 { padding: 1.29770992rem 0; } .main26 ul { margin: 0 -0.38167939rem; } .main26 ul li { font-size: 0.1221374rem; line-height: 0.21374046rem; padding: 0 0.38167939rem; } .main27 { padding: 0.61068702rem 0; } .main27 .nav { margin-bottom: 0.53435115rem; } .main27 .nav ul li { font-size: 0.1221374rem; margin-right: 0.53435115rem; } .news4 h5 { font-size: 0.1221374rem; line-height: 0.41984733rem; } .main28 { padding-bottom: 0.61068702rem; } .main28 .con .left { width: 1.83206107rem; } .main28 .con .left img { margin-bottom: 0.38167939rem; } .main28 .con .middle { width: calc(100% - 3.66412214rem); } .main28 .con .middle dl { padding: 0.15267176rem 0; } .main28 .con .middle dl dt { width: 1.75572519rem; padding-right: 0.38167939rem; font-size: 0.13740458rem; line-height: 0.21374046rem; } .main28 .con .middle dl dt i { width: 0.19847328rem; height: 0.19847328rem; right: -0.09923664rem; } .main28 .con .middle dl dt i::before { height: 7.63358779rem; top: -1.52671756rem; } .main28 .con .middle dl dt i b::before { width: 0.38167939rem; height: 0.38167939rem; } .main28 .con .middle dl dd { width: calc(100% - 1.75572519rem); padding-left: 0.61068702rem; font-size: 0.13740458rem; line-height: 0.18320611rem; } .main28 .con .right { width: 1.83206107rem; } .main28 .con .right img { margin-bottom: 0.38167939rem; } .main29 { padding: 0.53435115rem 0; } .main29 ul { margin: 0 -0.11450382rem; } .main29 ul li { padding: 0 0.11450382rem; margin-bottom: 0.22900763rem; } .main29 ul li .li-con { min-height: 2.03816794rem; padding: 0.15267176rem; } .main29 ul li .li-con h5 { font-size: 0.22900763rem; line-height: 0.27480916rem; } .main29 ul li .li-con .text { font-size: 0.1221374rem; line-height: 0.21374046rem; margin-top: 0.15267176rem; } .main31 { padding-bottom: 0.53435115rem; } .main31 .news5 { margin-bottom: 0.22900763rem; } .main31.main31-2 { margin-top: 0.61068702rem; } .news5 { padding: 0.38167939rem 0.30534351rem; } .news5 .date { width: 0.97709924rem; } .news5 .date h5 { font-size: 0.27480916rem; line-height: 0.21374046rem; } .news5 .date p { font-size: 0.1221374rem; line-height: 0.21374046rem; } .news5 .con { width: calc(100% - 0.97709924rem); } .news5 .con h5 { font-size: 0.16793893rem; line-height: 0.21374046rem; } .news5 .con .text { font-size: 0.1221374rem; line-height: 0.21374046rem; margin: 0.15267176rem 0 0.38167939rem; } .main32 .main32-left { width: calc(100% - 2.82442748rem); padding-right: 0.76335878rem; } .main32 .main32-right { width: 2.82442748rem; } .main33 .title { padding-bottom: 0.22900763rem; } .main33 .title h5 { font-size: 0.27480916rem; line-height: 0.36641221rem; } .main33 .title p { font-size: 0.1221374rem; margin-top: 0.22900763rem; } .main33 .title p span { margin-left: 0.15267176rem; } .main33 .con { padding: 0.22900763rem 0; font-size: 0.1221374rem; line-height: 0.22900763rem; } .main33 .con img { margin: 0.07633588rem auto; } .main33 .con ul { margin: 0 -0.07633588rem; } .main33 .con ul li { padding: 0 0.07633588rem; margin-bottom: 0.07633588rem; } .main33 .page-turning { margin: 0.22900763rem 0 0.53435115rem; padding-right: 1.14503817rem; } .main33 .page-turning ul li { margin-top: 0.07633588rem; font-size: 0.1221374rem; } .main33 .page-turning ul li span { width: 0.6870229rem; } .main33 .page-turning .return { font-size: 0.1221374rem; } .main34 .title { font-size: 0.18320611rem; line-height: 0.22900763rem; margin-bottom: 0.15267176rem; } .main34 ul li a { padding: 0.15267176rem 0.07633588rem 0.15267176rem 0; } .main34 ul li a .date { width: 0.61068702rem; } .main34 ul li a .date h5 { font-size: 0.22900763rem; } .main34 ul li a .date p { font-size: 0.10687023rem; margin-top: 0.03816794rem; } .main34 ul li a .con { width: calc(100% - 0.61068702rem); padding-left: 0.07633588rem; font-size: 0.1221374rem; line-height: 0.19847328rem; } .main35 { padding-bottom: 0.38167939rem; } .main35 ul { margin: 0 -0.11450382rem; } .main35 ul li { padding: 0 0.11450382rem; margin-bottom: 0.22900763rem; } .news6 { padding: 0.15267176rem; } .news6 .imgbox::before { background: url(../images/icon31.png) no-repeat center center / 0.15267176rem auto; } .news6 h5 { font-size: 0.18320611rem; line-height: 0.22900763rem; height: 0.45801527rem; margin: 0.15267176rem 0 0.22900763rem; } .main36 .main36-1 .left { width: 4.04580153rem; } .main36 .main36-1 .left .bottom p { font-size: 0.15267176rem; } .main36 .main36-1 .left .bottom p img { width: 0.15267176rem; margin-left: 0.11450382rem; top: -0.01526718rem; } .main36 .main36-1 .left .bottom h5 { font-size: 0.38931298rem; margin-top: 0.11450382rem; } .main36 .main36-1 .right { width: calc(100% - 4.04580153rem); font-size: 0.1221374rem; line-height: 0.21374046rem; max-height: 2.5648855rem; } .main36 .main36-2 { margin: 0.53435115rem 0 0.61068702rem; } .main36 .main36-2 .video::before { background-size: 0.6259542rem auto; } .main36 .main36-2 ul { padding: 0.21374046rem 0 0.15267176rem; } .main36 .main36-2 ul li { padding: 0 0.07633588rem; } .main36 .main36-2 ul li::before { height: 0.0610687rem; transform: translateY(-0.15267176rem); } .main36 .main36-2 ul li h5 { font-size: 0.32061069rem; } .main36 .main36-2 ul li h5 span { font-size: 0.13740458rem; margin-left: 0.07633588rem; } .main36 .main36-2 ul li p { font-size: 0.1221374rem; line-height: 0.15267176rem; margin-top: 0.11450382rem; } .main37 ul { height: 4.61832061rem; } .main37 ul li { width: 70%; height: 4.61832061rem; } .main37 ul li .text-box h5 { font-size: 0.30534351rem; line-height: 0.36641221rem; min-height: 0.73282443rem; } .main37 ul li .text-box .text { font-size: 0.1221374rem; line-height: 0.21374046rem; margin-top: 0.22900763rem; min-height: 0.85496183rem; } .main37 ul li:nth-child(1) .text-box { padding: 0.22900763rem 0.22900763rem 0.22900763rem 30%; } .main37 ul li:nth-child(1) .text-box h5 { padding-left: 0.12977099rem; } .main37 ul li:nth-child(1) .text-box .text { padding-left: 0.12977099rem; } .main37 ul li:nth-child(1).active .text-box { padding-left: 0.22900763rem; } .main37 ul li:nth-child(2) .text-box { padding: 0.22900763rem 30% 0.22900763rem 0.22900763rem; } .main37 ul li:nth-child(2).active .text-box { padding-right: 0.22900763rem; } .main38 { padding: 0.61068702rem 0; margin: 0.61068702rem 0; } .main38 .top .but-box { width: 1.14503817rem; } .main38 .top .but-box .but { width: 0.38167939rem; height: 0.38167939rem; background-size: 0.07633588rem auto; } .news7 h5 { font-size: 0.1221374rem; line-height: 0.15267176rem; margin-top: 0.15267176rem; } .main40 { padding: 0.61068702rem 0; } .main40 .con-box .swiper-container { margin: 0 -0.22900763rem; } .main40 .con-box .swiper-container .swiper-wrapper .swiper-slide { padding: 0 0.22900763rem; } .news8 h5 { font-size: 0.22900763rem; margin: 0.15267176rem 0 0.07633588rem; } .news8 .text { font-size: 0.1221374rem; line-height: 0.21374046rem; } .main41 { padding-bottom: 0.76335878rem; } .main41 ul li { height: 3.09160305rem; } .main41 ul li .text-box { padding: 0.38167939rem 0.11450382rem; } .main41 ul li .text-box h5 { font-size: 0.22900763rem; } .main41 ul li .text-box .text { font-size: 0.13740458rem; line-height: 0.20610687rem; } .main42 { padding: 0.76335878rem 0; } .main42 .nav { margin-bottom: 0.45801527rem; } .main42 .nav ul li { font-size: 0.27480916rem; padding-bottom: 0.21374046rem; margin-right: 1.06870229rem; } .main42 .nav ul li::before { width: 0.53435115rem; height: 0.01526718rem; } .main42 .main42-con ul li { border-left: 0.04580153rem solid #f08200; padding: 0.38167939rem; margin-bottom: 0.15267176rem; } .main42 .main42-con ul li .title { font-size: 0.19847328rem; background: url(../images/icon34.png) no-repeat 0 center / auto 0.2519084rem; padding-left: 0.34351145rem; padding-right: 0.45801527rem; line-height: 0.27480916rem; } .main42 .main42-con ul li .title i { width: 0.21374046rem; height: 0.21374046rem; } .main42 .main42-con ul li .title i::before, .main42 .main42-con ul li .title i::after { height: 0.02290076rem; } .main42 .main42-con ul li dl { margin: 0.07633588rem -0.03816794rem 0; } .main42 .main42-con ul li dl dd { font-size: 0.1221374rem; line-height: 0.15267176rem; margin-top: 0.15267176rem; padding: 0 0.03816794rem; } .main42 .main42-con ul li .con { border-top: 0.01526718rem solid #e5e5e5; margin-top: 0.30534351rem; } .main42 .main42-con ul li .con .text { font-size: 0.1221374rem; line-height: 0.22900763rem; padding: 0.30534351rem 0; } .main42 .main42-con ul li .con .more { width: 1.3740458rem; font-size: 0.13740458rem; line-height: 0.45801527rem; padding-left: 0.11450382rem; background-position: right 0.13740458rem center; background-size: 0.09923664rem auto; } .main43 { margin-bottom: 0.6870229rem; } .main43 #map { height: 4.96183206rem; } .main43 .main43-con { padding: 0.15267176rem; } .main43 .main43-con .con-box { width: 3.81679389rem; padding: 0.45801527rem 0.22900763rem 0; } .main43 .main43-con .con-box .nav ul { margin-bottom: 0.22900763rem; } .main43 .main43-con .con-box .nav ul li { width: 50%; font-size: 0.22900763rem; } .main43 .main43-con .con-box .dl-box { margin-bottom: 0.6870229rem; } .main43 .main43-con .con-box .dl-box dl { margin-bottom: 0.22900763rem; } .main43 .main43-con .con-box .dl-box dl dt { font-size: 0.18320611rem; } .main43 .main43-con .con-box .dl-box dl dd { font-size: 0.13740458rem; line-height: 0.20610687rem; } .main44 .con { font-size: 0.1221374rem; line-height: 0.21374046rem; } .main44 .con p { margin-bottom: 0.38167939rem; } .main45 { margin: 1.52671756rem 0 1.06870229rem; } .main45 ul { margin: 0 -0.15267176rem; } .main45 ul li { padding: 0 0.15267176rem; } .main45 ul li a .text-box { bottom: -0.30534351rem; left: -0.07633588rem; padding: 0.22900763rem 0.15267176rem; width: calc(100% - 0.30534351rem); min-height: 2.29007634rem; box-shadow: 0 0 0.07633588rem rgba(0, 0, 0, 0.1); } .main45 ul li a .text-box h5 { font-size: 0.27480916rem; line-height: 0.30534351rem; } .main45 ul li a .text-box .text { font-size: 0.1221374rem; line-height: 0.21374046rem; margin-top: 0.11450382rem; } .main46 .title { font-size: 0.30534351rem; line-height: 0.20610687rem; } .main46 form { width: 6.45038168rem; border-radius: 0.61068702rem; margin: 0.38167939rem auto 0.22900763rem; } .main46 form input { width: calc(100% - 0.97709924rem); height: 0.58778626rem; font-size: 0.22900763rem; padding: 0 0.38167939rem; } .main46 form button { width: 0.97709924rem; height: 0.58778626rem; background-size: 0.29770992rem auto; } .main46 .con-2 { font-size: 0.1221374rem; line-height: 0.22900763rem; } .main46 .con-2 a { margin-right: 0.15267176rem; } .main47 { padding: 0.53435115rem 0; min-height: 3.29007634rem; } .main47 .container-box .left { width: 2.97709924rem; } .main47 .container-box .left .more2 { margin-top: 1.22137405rem; } .main47 .container-box .right { width: calc(100% - 2.97709924rem); font-size: 0.12977099rem; max-height: 2.21374046rem; } .main47 .container-box .right p { margin-bottom: 0.30534351rem; } .more2 a { width: 0.91603053rem; line-height: 0.26717557rem; border-radius: 0.38167939rem; font-size: 0.1221374rem; } .more2 a i { margin-left: 0.03816794rem; font-size: 0.1221374rem; } .main48 { padding: 0.53435115rem 0; } .main48 .container-box .left { width: 2.13740458rem; } .main48 .container-box .left .nav { margin-top: 1.14503817rem; } .main48 .container-box .left .nav ul li { line-height: 0.38167939rem; } .main48 .container-box .left .nav ul li a { font-size: 0.13740458rem; } .main48 .container-box .left .nav ul li a.active { font-size: 0.18320611rem; } .main48 .container-box .left .more2 { margin-top: 0.53435115rem; } .main48 .container-box .right { width: calc(100% - 2.13740458rem); } .main48 .container-box .right ul { margin: 0 -0.07633588rem; } .main48 .container-box .right ul li { padding: 0 0.07633588rem; } .news9 .text-box { padding: 0.22900763rem 0 0.30534351rem; } .news9 .text-box .time { font-size: 0.1221374rem; } .news9 .text-box h5 { font-size: 0.16793893rem; line-height: 0.27480916rem; height: 0.54961832rem; margin: 0.15267176rem 0 0.30534351rem; } .news9 .text-box .more { font-size: 0.11450382rem; } .news9 .text-box .more i { font-size: 0.11450382rem; margin-left: 0.03816794rem; } .news9:hover::before { width: 1.23664122rem; } .main49 { padding-bottom: 0.53435115rem; } .main49 .con { font-size: 0.1221374rem; line-height: 0.21374046rem; } .main50 { padding-bottom: 0.53435115rem; } .main50 .main50-con .left { width: calc(100% - 3.51145038rem); padding-right: 0.22900763rem; padding-left: 0.76335878rem; } .main50 .main50-con .left .year { font-size: 0.54961832rem; left: 0.61068702rem; } .main50 .main50-con .left .dl-box dl { padding-bottom: 0.38167939rem; } .main50 .main50-con .left .dl-box dl dt { font-size: 0.24427481rem; padding-left: 0.6870229rem; } .main50 .main50-con .left .dl-box dl dt i { width: 0.08396947rem; height: 0.08396947rem; } .main50 .main50-con .left .dl-box dl dt i::before { height: 7.63358779rem; top: -0.38167939rem; } .main50 .main50-con .left .dl-box dl dd { font-size: 0.1221374rem; margin-top: 0.07633588rem; padding-left: 0.6870229rem; } .main50 .main50-con .left .more { margin-top: 0.38167939rem; } .main50 .main50-con .left .more a { font-size: 0.13740458rem; } .main50 .main50-con .right { width: 3.51145038rem; } .main51 { padding: 0.53435115rem 0 0.83969466rem; } .main51 ul { margin: 0.91603053rem -0.15267176rem 0; } .main51 ul li { padding: 0 0.15267176rem; } .main51 ul li a .text-box { height: 2.29007634rem; bottom: -0.30534351rem; left: -0.07633588rem; padding: 0.22900763rem 0.22900763rem 0; } .main51 ul li a .text-box h5 { font-size: 0.27480916rem; line-height: 0.36641221rem; height: 0.73282443rem; } .main51 ul li a .text-box .text { font-size: 0.1221374rem; line-height: 0.21374046rem; max-height: 0.85496183rem; margin-top: 0.15267176rem; } .main52 .title { font-size: 0.27480916rem; top: 0.45801527rem; } .main52 ul li .img { height: 4.19847328rem; } .main52 ul li .text-box { padding: 0 0.22900763rem; } .main52 ul li .text-box h5 { font-size: 0.27480916rem; } .main52 ul li .text-box .text { font-size: 0.1221374rem; margin-top: 0.15267176rem; padding-top: 0.15267176rem; } .main52 ul li .text-box .text::before { width: 0.29007634rem; } .news5-2 .bottom .upload { font-size: 0.1221374rem; padding-bottom: 0.07633588rem; margin-left: 0.45801527rem; } } @media (max-width: 991px) { .banner { height: calc(100vh - 60px); } .banner .swiper-container .swiper-wrapper .swiper-slide .con { top: 50%; left: 0; transform: translateX(0); transform: translateY(-50%); padding-bottom: 100px; } .banner .swiper-container .swiper-wrapper .swiper-slide .con h3 { font-size: 0.56508577rem; } .banner .swiper-container .swiper-wrapper .swiper-slide .con .play { width: 40px; height: 40px; margin-top: 0.30272452rem; cursor: pointer; } .banner .swiper-container .swiper-wrapper .swiper-slide .con .play::before { width: 16px; height: 19px; } .banner .swiper-pagination { width: 100%; top: auto; right: 0; bottom: 10px; transform: none; display: block; } .banner .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; } .banner .swiper-pagination .swiper-pagination-bullet::before { display: none; } .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; margin-bottom: 0; } .banner .swiper-pagination .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active { margin-bottom: 0; margin-top: 0; } .main1 { padding: 30px 0; } .main1 .title { max-width: initial; } .main1 .title h5 { font-size: 20px; padding-bottom: 10px; } .main1 .title h5::before { width: 40px; } .main1 .title .text { font-size: 13px; line-height: 20px; margin-top: 20px; } .main1 .main1-con { margin: 30px 0; padding: 0 15px; } .main1 .main1-con::before { top: 0.90817356rem; } .main1 .main1-con .swiper-slide .imgbox { height: 1.81634712rem; } .main1 .main1-con .swiper-slide img.img-1 { width: 100%; top: 0.11099899rem; } .main1 .main1-con .swiper-slide img.img-2 { width: 100%; top: 0.03027245rem; } .main1 .main1-con .swiper-slide .text { font-size: 14px; margin-top: 30px; line-height: 26px; } .more1 { font-size: 16px; padding-left: 30px; } .more1::before { width: 20px; height: 20px; } .more1.download { padding-left: 40px; } .more1.download::before { width: 30px; height: 30px; background-size: 14px auto; } .title1 { margin-bottom: 30px; } .title1 h5 { font-size: 20px; } .title1 h5::before { width: 50px; bottom: -10px; } .title1 .more1 { top: 0; } .main2 { padding: 30px 0 20px; } .main2 .main2-con ul { margin: 0 -5px; } .main2 .main2-con ul li { padding: 0 5px; margin-bottom: 10px; } .news1 h5 { font-size: 16px; line-height: 50px; } .news1 h5 span::before { width: 9px; height: 100%; background: url(../images/icon6.png) no-repeat center center / 9px auto; } .main3 { padding: 30px 0; } .main3 ul { display: block; } .main3 ul li:nth-child(1) { width: 100%; } .main3 ul li:nth-child(1) .imgbox { height: 8.07265388rem; } .main3 ul li:nth-child(1) .text-box { height: auto; padding: 15px; } .main3 ul li:nth-child(1) .text-box::before { display: none; } .main3 ul li:nth-child(1) .text-box .title { padding-bottom: 10px; } .main3 ul li:nth-child(1) .text-box .title::before { width: 30px; height: 2px; } .main3 ul li:nth-child(1) .text-box .title .img .icon-1 { width: 30px; } .main3 ul li:nth-child(1) .text-box .title .img .icon-2 { width: 30px; } .main3 ul li:nth-child(1) .text-box .title h5 { font-size: 18px; margin-left: 18px; } .main3 ul li:nth-child(1) .text-box .text { font-size: 14px; margin-top: 20px; line-height: 26px; } .main3 ul li:nth-child(2) { width: 100%; height: auto; margin-top: 20px; } .main3 ul li:nth-child(2) .con-1 { height: 5.18668012rem; min-height: 300px; } .main3 ul li:nth-child(2) .con-1 .text-box { padding: 30px; } .main3 ul li:nth-child(2) .con-1 .text-box img { width: 30px; } .main3 ul li:nth-child(2) .con-1 .text-box .right { width: calc(100% - 40px); color: #fff; } .main3 ul li:nth-child(2) .con-1 .text-box .right h5 { font-size: 18px; padding-bottom: 10px; } .main3 ul li:nth-child(2) .con-1 .text-box .right h5::before { width: 30px; height: 2px; } .main3 ul li:nth-child(2) .con-1 .text-box .right p { font-size: 14px; line-height: 26px; margin-top: 20px; } .main3 ul li:nth-child(2) .con-2 { position: initial; bottom: 0; left: 0; width: 100%; height: auto; padding: 15px; background-color: #eee; } .main3 ul li:nth-child(2) .con-2::before { display: none; } .main3 ul li:nth-child(2) .con-2 .title { padding-bottom: 10px; } .main3 ul li:nth-child(2) .con-2 .title::before { width: 30px; height: 2px; } .main3 ul li:nth-child(2) .con-2 .title .img .icon-1 { width: 30px; } .main3 ul li:nth-child(2) .con-2 .title .img .icon-2 { width: 30px; } .main3 ul li:nth-child(2) .con-2 .title h5 { font-size: 18px; margin-left: 18px; } .main3 ul li:nth-child(2) .con-2 .text { font-size: 14px; margin-top: 20px; line-height: 26px; } .main3 ul li:nth-child(2) .con-3 { width: 100%; height: 50px; position: initial; margin-top: 20px; } footer .footer-1 { padding: 30px 0; } footer .footer-1 ul li:nth-child(2) { width: 100%; padding-left: 0; } footer .footer-1 ul li:nth-child(2)::before { display: none; } footer .footer-1 ul li:nth-child(2) .con { width: 100%; } footer .footer-1 ul li:nth-child(2) .con .phone { font-size: 25px; background-size: 17px auto; padding-left: 25px; } footer .footer-1 ul li:nth-child(2) .con .text { font-size: 14px; line-height: 26px; background-position: 0 5px; background-size: 17px auto; margin-top: 30px; padding-left: 25px; } footer .footer-1 ul li:nth-child(2) .con dl { margin-top: 30px; position: relative; } footer .footer-1 ul li:nth-child(2) .con dl dd { width: 20%; height: 60px; margin: 0; border-right: none; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(1) a img { width: 24px; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(2) a img { width: 23px; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(3) a img { width: 11px; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(4) a img { width: 21px; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(5) { border-right: 1px solid #e8e8e8; } footer .footer-1 ul li:nth-child(2) .con dl dd:nth-child(5) a img { width: 22px; } footer .footer-2 .container-box { padding: 30px 15px; font-size: 13px; display: block; text-align: center; } footer .footer-3 { padding: 30px 0; } footer .footer-3 .container-box .right { width: 100%; } footer .footer-3 .container-box .right .top { display: block; } footer .footer-3 .container-box .right .top dl { width: 100%; } footer .footer-3 .container-box .right .top dl:last-child { justify-content: center; } footer .footer-3 .container-box .right .top dl:last-child .weixin { text-align: center; margin-bottom: 10px; } footer .footer-3 .container-box .right .top dl:last-child .weixin h5 { font-size: 18px; } footer .footer-3 .container-box .right .top dl:last-child .weixin .img img { width: 120px; height: 120px; } footer .footer-3 .container-box .right .top dl:last-child .weixin .img p { font-size: 14px; } footer .footer-3 .container-box .right .bottom { padding-left: 0; } footer .footer-3 .container-box .right .bottom dl.dl-2 { margin-top: 0; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd { height: 60px; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd:nth-child(1) a img { width: 24px; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd:nth-child(2) a img { width: 23px; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd:nth-child(3) a img { width: 11px; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd:nth-child(4) a img { width: 21px; } footer .footer-3 .container-box .right .bottom dl.dl-2 dd:nth-child(5) a img { width: 22px; } footer .footer-4 { padding-top: 30px; } footer .footer-4 .container-box .list { padding-bottom: 30px; width: 100%; } footer .footer-4 .container-box .list:last-child { justify-content: center; } footer .footer-4 .container-box .list:last-child img { width: 110px; height: 110px; } footer .footer-4 .container-box .list:last-child p { margin-top: 10px; font-size: 16px; } .video-popup { padding: 10px 0 60px; } .video-popup .icon-plus { width: 30px; height: 30px; top: auto; right: 50%; bottom: 20px; transform: translateX(50%); } .video-popup .con-box { max-height: 100%; } .main4 { padding-bottom: 50px; display: block; } .main4 .nav { width: 100%; padding-right: 0; margin-bottom: 10px; } .main4 .nav ul { display: flex; flex-wrap: wrap; } .main4 .nav ul li { font-size: 16px; line-height: 18px; margin: 0 20px 20px 0; } .main4 .nav ul li span { padding-bottom: 5px; } .main4 .con { width: 100%; } .main4 .con .con-1 { width: 100%; } .main4 .con .con-1 .swiper-container .swiper-slide { width: 100%; margin-right: 0; } .main4 .con .con-1 .swiper-container .swiper-slide a h3 { font-size: 16px; bottom: 0.40363269rem; padding: 0 0.50454087rem; } .main4 .con .con-1 .swiper-container .swiper-slide a h3 sup { font-size: 14px; margin-left: 8px; top: -10px; } .main4 .con .con-2 { margin-top: 20px; padding-top: 20px; } .main4 .con .con-2 ul { margin: 0 -5px; } .main4 .con .con-2 ul li { padding: 0 5px; } .news2 h5 { line-height: 0.90817356rem; font-size: 0.25227043rem; } .main5 .list { margin-bottom: 30px; } .news3 { padding: 10px 10px 0; display: block; } .news3 .imgbox { width: 100%; } .news3 .right { width: 100%; padding: 20px 0 0 0; } .news3 .right .title { font-size: 25px; line-height: 28px; } .news3 .right dl.dl-1 { font-size: 18px; line-height: 40px; margin: 20px 0 30px; } .news3 .right dl.dl-1 dt { margin-bottom: 5px; } .news3 .right dl.dl-2 dd { min-width: 230px; margin: 0 8px 10px 0; } .news3 .right dl.dl-2 dd a { font-size: 14px; line-height: 35px; padding: 0 10px; } .news3 .right dl.dl-3 { margin: 0 -5px; } .news3 .right dl.dl-3 dd { padding: 0 5px; margin-bottom: 10px; } .news3 .right dl.dl-3 dd .dd-con { font-size: 16px; line-height: 20px; padding: 10px; } .news3 .right dl.dl-3 dd .dd-con h5 { font-size: 16px; margin-bottom: 5px; } .news3 .right .more1-box { bottom: 10px; } .main6 { padding: 30px 0 30px; margin: 30px 0; } .main6 .title { font-size: 30px; line-height: 30px; padding-bottom: 20px; margin-bottom: 30px; } .main6 .title::before { width: 50px; } .main6 .con { min-height: initial; padding-bottom: 0; border: none; } .main6 .con::before { content: ""; width: 100%; height: 2px; background-color: #d6d6d6; position: absolute; bottom: 0.42381433rem; left: 0; } .main6 .con .text { font-size: 16px; width: 100%; } .main6 .con .imgbox { width: 8.75882947rem; height: 3.53178607rem; position: relative; margin: 50px auto 0; } .main6 .con .imgbox .bg.bg-1 { width: 8.75882947rem; height: 2.12916246rem; } .main6 .con .imgbox .bg.bg-1 p { font-size: 0.16145308rem; top: 0.10090817rem; left: 2.06861756rem; } .main6 .con .imgbox .bg.bg-1 p::before { width: 0.16145308rem; height: 0.16145308rem; top: 0.10090817rem; right: -0.20181635rem; } .main6 .con .imgbox .bg.bg-1 p::after { width: 0.45408678rem; height: 0.45408678rem; bottom: 0.28254289rem; right: -0.42381433rem; } .main6 .con .imgbox .bg.bg-1 p.p-2 { top: -0.25227043rem; left: 6.49848638rem; } .main6 .con .imgbox .bg.bg-1 p.p-2::before { top: 0.10090817rem; left: -0.20181635rem; } .main6 .con .imgbox .bg.bg-1 p.p-2::after { left: -0.42381433rem; } .main6 .con .imgbox .bg.bg-2 { width: 4.95459132rem; height: 3.53178607rem; right: 1.29162462rem; } .main6 .con .imgbox .bg.bg-2 p { font-size: 0.16145308rem; top: -0.25227043rem; left: 1.03935419rem; } .main6 .con .imgbox .bg.bg-2 p::before { width: 0.16145308rem; height: 0.16145308rem; top: 0.10090817rem; right: -0.20181635rem; } .main6 .con .imgbox .bg.bg-2 p::after { width: 0.45408678rem; height: 0.45408678rem; bottom: 0.28254289rem; right: -0.42381433rem; } .main6 .con .imgbox ul { bottom: -0.40363269rem; padding: 0 0.60544904rem 0 1.5136226rem; font-size: 0.16145308rem; } .main6 .con .imgbox ul li:nth-child(2) { left: 0.10090817rem; } .main6 .con .img-1 { position: initial; width: 100%; bottom: 0; margin-top: 30px; } .main8 { padding-top: 50px; } .nav5 { padding: 0 40px; } .nav5 .swiper-container .swiper-slide a { padding: 0 30px; font-size: 16px; line-height: 60px; } .nav5 .but { width: 30px; background-size: 9px auto; } .main9 { padding: 20px; display: block; } .main9 .left { width: 100%; } .main9 .left .gallery-top .swiper-slide { height: auto; } .main9 .left .thumbs-box { margin-top: 20px; padding: 0 10px; } .main9 .left .thumbs-box .gallery-thumbs .swiper-slide { height: auto; } .main9 .left .thumbs-box .but { width: 30px; background-size: 9px auto; } .main9 .left .thumbs-box .but.but-prev { left: -20px; } .main9 .left .thumbs-box .but.but-next { right: -20px; } .main9 .right { width: 100%; padding-left: 0; margin-top: 30px; } .main9 .right .title { font-size: 20px; line-height: 20px; padding-bottom: 20px; } .main9 .right .mail { font-size: 20px; line-height: 35px; padding-left: 40px; margin-top: 30px; } .main9 .right .text { font-size: 14px; margin-top: 30px; max-height: initial; } .main9 .right .more1-box { margin-top: 30px; } .main9.main9-2 .right .list-1 { padding: 30px 0; } .main9.main9-2 .right .list-1 dl dt { font-size: 16px; line-height: 30px; } .main9.main9-2 .right .list-1 dl dd { font-size: 16px; line-height: 30px; } .main9.main9-2 .right .list-2 { margin-top: 30px; } .main9.main9-2 .right .list-2 dl dd { line-height: 27px; font-size: 16px; margin-bottom: 10px; } .main9.main9-2 .right .more1-box { margin-top: 30px; } .main10 { margin-top: 30px; } .main10 table tr th { height: 60px; font-size: 18px; } .main10 table tr td { height: 40px; padding: 5px; font-size: 14px; } .main11 { margin-top: 30px; padding: 30px 0; } .main11 .title { font-size: 25px; padding-bottom: 10px; margin-bottom: 50px; } .main11 .title::before { width: 50px; } .main11 form ul { margin: 0 -5px; } .main11 form ul li { padding: 0 5px; margin-bottom: 40px; } .main11 form ul li .con .bt { font-size: 16px; } .main11 form ul li .con input, .main11 form ul li .con textarea { height: 40px; font-size: 16px; } .main11 form ul li:last-child .con { padding: 40px; } .main11 form ul li:last-child .con textarea { height: 270px; padding-top: 10px; } .main11 form button .more1::before { background-size: 14px auto; } .main11.main11-2 { padding-bottom: 30px; } .main11.main11-3 form ul li .con .bt { padding-left: 8px; } .main11.main11-3 form ul li .con .bt sup { font-size: 16px; top: 5px; } .main11.main11-3 form ul li .con input, .main11.main11-3 form ul li .con textarea { padding-left: 8px; } .title2 { font-size: 25px; padding-bottom: 20px; margin-bottom: 30px; line-height: 30px; } .title2::before { width: 50px; } .main12 ul li { height: 300px; padding: 50px 10px 0; } .main12 ul li .icon { height: 60px; } .main12 ul li h5 { font-size: 24px; margin: 20px 0; } .main12 ul li .text { font-size: 16px; line-height: 36px; } .main13 { margin: 30px 0; } .main14 { padding-top: 30px; } .main15 .container-box { display: block; } .main15 .container-box .left { width: 100%; padding: 30px 0 1px 0; } .main15 .container-box .right { width: 100%; } .main15 .container-box .right ul li { padding: 20px 0 20px 0; } .main15 .container-box .right ul li .bt { font-size: 14px; } .main15 .container-box .right ul li .text { font-size: 14px; margin-top: 15px; } .main15 .container-box .right ul li dl { margin-top: 15px; } .main15 .container-box .right ul li dl dd { font-size: 14px; margin-right: 30px; } .main16 { padding: 30px 0; } .main17 .title2 { margin-bottom: 30px; } .main17 .con-1 { font-size: 16px; line-height: 24px; } .main24 ul li { width: 50%; height: auto; padding: 30px 0; } .main24 ul li .top { font-size: 18px; } .main24 ul li .text { margin-top: 50px; font-size: 18px; line-height: 28px; } .main24 ul li i { display: none !important; } .main25 { padding-top: 30px; } .main26 { padding: 50px 0; } .main26 ul { margin: 0 -50px; } .main26 ul li { width: 100%; font-size: 16px; line-height: 28px; padding: 0 50px; } .main26 ul li:nth-child(1) { border: none !important; } .main27 { padding: 30px 0; } .main27 .nav { margin-bottom: 20px; } .main27 .nav ul li { font-size: 16px; margin-right: 30px; margin-bottom: 10px; } .news4 h5 { font-size: 16px; line-height: 40px; } .main28 { padding-bottom: 30px; } .main28 .con .left { display: none; } .main28 .con .middle { width: 100%; } .main28 .con .middle dl { padding: 20px 0; } .main28 .con .middle dl dt { width: 120px; padding-right: 30px; font-size: 16px; line-height: 28px; } .main28 .con .middle dl dt i { width: 18px; height: 18px; right: -9px; } .main28 .con .middle dl dt i::before { height: 1000px; top: -200px; } .main28 .con .middle dl dt i b::before { width: 30px; height: 30px; } .main28 .con .middle dl dd { width: calc(100% - 120px); padding-left: 30px; font-size: 16px; line-height: 25px; } .main28 .con .right { display: none; } .main29 { padding: 30px 0; } .main29 ul { margin: 0 -5px; } .main29 ul li { width: 100% !important; padding: 0 5px; margin-bottom: 20px; } .main29 ul li .li-con { min-height: initial; padding: 20px 10px; } .main29 ul li .li-con h5 { font-size: 20px; line-height: 25px; } .main29 ul li .li-con .text { font-size: 16px; line-height: 25px; margin-top: 20px; } .main30 { padding: 30px 0; } .main31 { padding-bottom: 30px; } .main31 .news5 { margin-bottom: 20px; } .main31.main31-2 { margin-top: 30px; } .news5 { padding: 30px 20px; } .news5 .date { width: 100px; } .news5 .date h5 { font-size: 25px; line-height: 28px; } .news5 .date p { font-size: 16px; line-height: 28px; } .news5 .con { width: calc(100% - 100px); } .news5 .con h5 { font-size: 18px; line-height: 25px; } .news5 .con .text { font-size: 16px; line-height: 25px; margin: 20px 0 30px; } .main32 .main32-left { width: 100%; padding-right: 0; } .main32 .main32-right { width: 100%; } .main33 .title { padding-bottom: 20px; } .main33 .title h5 { font-size: 20px; line-height: 30px; } .main33 .title p { font-size: 16px; margin-top: 20px; } .main33 .title p span { margin-left: 20px; } .main33 .con { padding: 20px 0; font-size: 16px; line-height: 30px; } .main33 .con img { margin: 10px auto; } .main33 .con ul { margin: 0 -10px; } .main33 .con ul li { width: 100%; padding: 0 10px; margin-bottom: 10px; } .main33 .page-turning { margin: 30px 0 50px; padding-right: 0; padding-bottom: 60px; } .main33 .page-turning ul li { margin-top: 10px; font-size: 16px; } .main33 .page-turning ul li span { width: 90px; } .main33 .page-turning .return { font-size: 16px; top: auto; bottom: 0; } .main34 .title { font-size: 24px; line-height: 30px; margin-bottom: 20px; } .main34 ul li a { padding: 20px 10px 20px 0; } .main34 ul li a .date { width: 80px; } .main34 ul li a .date h5 { font-size: 30px; } .main34 ul li a .date p { font-size: 14px; margin-top: 5px; } .main34 ul li a .con { width: calc(100% - 80px); padding-left: 10px; font-size: 16px; line-height: 0.26236125rem; } .main35 { padding-bottom: 30px; } .main35 ul { margin: 0 -5px; } .main35 ul li { padding: 0 5px; margin-bottom: 10px; } .news6 { padding: 10px; } .news6 .imgbox::before { background: url(../images/icon31.png) no-repeat center center / 20px auto; } .news6 h5 { font-size: 18px; line-height: 25px; height: 50px; margin: 10px 0 20px; } .news6 .more1 { font-size: 14px; } .main36 .main36-1 { display: block; } .main36 .main36-1 .left { width: 100%; } .main36 .main36-1 .left .bottom { margin: 30px 0; } .main36 .main36-1 .left .bottom p { font-size: 18px; } .main36 .main36-1 .left .bottom p img { width: 20px; margin-left: 10px; top: -2px; } .main36 .main36-1 .left .bottom h5 { font-size: 40px; margin-top: 15px; } .main36 .main36-1 .right { width: 100%; font-size: 16px; line-height: 28px; max-height: 336px; } .main36 .main36-2 { margin: 30px 0; } .main36 .main36-2 .video::before { background-size: 50px auto; } .main36 .main36-2 ul { padding: 0; display: block; } .main36 .main36-2 ul li { width: 100%; padding: 23px 10px 15px; display: block; } .main36 .main36-2 ul li::before { height: 8px; transform: none; top: 0; } .main36 .main36-2 ul li h5 { font-size: 30px; } .main36 .main36-2 ul li h5 span { font-size: 16px; margin-left: 10px; } .main36 .main36-2 ul li p { font-size: 16px; line-height: 20px; margin-top: 15px; } .main37 ul { height: auto; display: block; } .main37 ul li { width: 100%; height: auto; position: relative; } .main37 ul li .text-box h5 { font-size: 30px; line-height: 35px; min-height: initial ; } .main37 ul li .text-box .text { font-size: 16px; line-height: 28px; margin-top: 30px; min-height: initial; } .main37 ul li:nth-child(1) { left: 0; } .main37 ul li:nth-child(1) .text-box { padding: 15px; } .main37 ul li:nth-child(1) .text-box h5 { padding-left: 0; } .main37 ul li:nth-child(1) .text-box .text { padding-left: 0; } .main37 ul li:nth-child(1).active .text-box { padding-left: 15px; } .main37 ul li:nth-child(2) { right: 0; margin-top: 20px; } .main37 ul li:nth-child(2) .text-box { padding: 15px; } .main37 ul li:nth-child(2).active .text-box { padding-right: 15px; } .main38 { padding: 30px 0; margin: 30px 0; } .main38 .top .but-box { display: none; } .news7 h5 { font-size: 16px; line-height: 20px; margin-top: 10px; } .main39 .top .but-box { display: none; } .main39 .con-box::before { width: 19.81836529rem; height: 0.96871847rem; top: 1.62462159rem; } .main39 .con-box::after { width: 19.60645812rem; height: 0.95862765rem; top: 1.67507568rem; } .main39 .con-box .swiper-container { padding-bottom: 80px; } .main39 .con-box .swiper-container .swiper-slide { height: 5.04540868rem; } .main39 .con-box .swiper-container .swiper-slide .con1 { width: 16px; height: 16px; margin-top: -8px; } .main39 .con-box .swiper-container .swiper-slide .con1 p { bottom: 0.50454087rem; font-size: 18px; } .main39 .con-box .swiper-container .swiper-slide .con1 .imgbox { width: 2.52270434rem; height: 2.52270434rem; border: 0.07063572rem solid #ed6b00; } .main39 .con-box .swiper-container .swiper-slide .con1 .imgbox h5 { font-size: 20px; } .main39 .con-box .swiper-container .swiper-slide .con1 .text { font-size: 14px; line-height: 25px; margin-top: 0.50454087rem; max-height: 150px; } .main39 .con-box .swiper-container .swiper-slide.swiper-slide-active + .swiper-slide .con1 { transform: translateY(-0.16145308rem); } .main39 .con-box .swiper-container .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .con1 { transform: translateY(-0.74672048rem); } .main39 .con-box .swiper-container .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .con1 { transform: translateY(-0.86781029rem); } .main39 .con-box .swiper-container .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .con1 { transform: translateY(-0.56508577rem); } .main39 .con-box .swiper-container .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .con1 { transform: translateY(-0.42381433rem); } .main40 { padding: 30px 0; } .main40 .con-box .swiper-container { margin: 0 -10px; } .main40 .con-box .swiper-container .swiper-wrapper .swiper-slide { padding: 0 10px; } .news8 h5 { font-size: 20px; margin: 20px 0 10px; } .news8 .text { font-size: 16px; line-height: 28px; } .main41 { padding-bottom: 30px; } .main41 ul { display: block; } .main41 ul li { width: 100% !important; height: auto; } .main41 ul li .img { display: none; } .main41 ul li .text-box { padding: 20px 10px; position: initial; } .main41 ul li .text-box h5 { font-size: 25px; } .main41 ul li .text-box .text { font-size: 16px; line-height: 27px; opacity: 1; margin-top: 30px; } .main42 { padding: 30px 0 10px; } .main42 .nav { margin-bottom: 30px; } .main42 .nav ul li { font-size: 20px; padding-bottom: 10px; margin-right: 50px; } .main42 .nav ul li::before { width: 70px; height: 2px; } .main42 .main42-con ul li { border-left: 3px solid #f08200; padding: 20px 10px; margin-bottom: 20px; } .main42 .main42-con ul li .title { font-size: 18px; background: url(../images/icon34.png) no-repeat 0 center / auto 20px; padding-left: 35px; padding-right: 30px; line-height: 30px; } .main42 .main42-con ul li .title i { width: 25px; height: 25px; } .main42 .main42-con ul li .title i::before, .main42 .main42-con ul li .title i::after { height: 3px; } .main42 .main42-con ul li dl { margin: 10px -5px 0; } .main42 .main42-con ul li dl dd { width: 100%; font-size: 16px; line-height: 20px; margin-top: 10px; padding: 0 5px; } .main42 .main42-con ul li .con { border-top: 2px solid #e5e5e5; margin-top: 20px; } .main42 .main42-con ul li .con .text { font-size: 16px; line-height: 30px; padding: 20px 0; } .main42 .main42-con ul li .con .more { width: 180px; font-size: 18px; line-height: 50px; padding-left: 15px; background-position: right 18px center; background-size: 13px auto; } .main43 { margin-bottom: 30px; } .main43 #map { height: 6.55903128rem; } .main43 .main43-con { position: initial; padding: 20px 0; } .main43 .main43-con .con-box { width: 100%; padding: 0; } .main43 .main43-con .con-box .nav ul { margin-bottom: 30px; } .main43 .main43-con .con-box .nav ul li { width: 50%; font-size: 20px; } .main43 .main43-con .con-box .dl-box { margin-bottom: 50px; } .main43 .main43-con .con-box .dl-box dl { margin-bottom: 30px; } .main43 .main43-con .con-box .dl-box dl dt { font-size: 20px; } .main43 .main43-con .con-box .dl-box dl dd { font-size: 16px; line-height: 27px; } .main44 .con { font-size: 16px; line-height: 28px; } .main44 .con p { margin-bottom: 30px; } .main45 { margin: 50px 0 30px; } .main45 ul { margin: 0 -20px; display: block; } .main45 ul li { width: 100%; padding: 0 20px; margin-bottom: 20px; } .main45 ul li a .text-box { bottom: 0; left: 0; padding: 20px 10px; width: 100%; min-height: initial; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .main45 ul li a .text-box h5 { font-size: 25px; line-height: 35px; } .main45 ul li a .text-box .text { font-size: 16px; line-height: 28px; margin-top: 15px; } .main45 ul li:last-chil { margin-bottom: 0; } .main46 { height: auto; padding: 100px 0; } .main46 .title { font-size: 40px; line-height: 27px; } .main46 form { width: 100%; border-radius: 50px; margin: 50px auto 30px; } .main46 form input { width: calc(100% - 80px); height: 50px; font-size: 20px; padding: 0 30px; } .main46 form button { width: 80px; height: 50px; background-size: 30px auto; } .main46 .con-2 { font-size: 16px; line-height: 30px; } .main46 .con-2 a { margin-right: 20px; } .main47 { padding: 30px 0; min-height: auto; background: none; } .main47 .container-box { display: block; } .main47 .container-box .left { width: 100%; } .main47 .container-box .left .more2 { margin-top: 0; } .main47 .container-box .right { width: 100%; font-size: 14px; max-height: 290px; padding-left: 0; } .main47 .container-box .right p { margin-bottom: 10px; } .more2 a { width: 120px; line-height: 35px; border-radius: 50px; font-size: 16px; } .more2 a i { margin-left: 5px; font-size: 16px; } .main48 { padding: 30px 0; } .main48 .container-box { display: block; } .main48 .container-box .left { width: 100%; } .main48 .container-box .left .nav { margin-top: 0; margin-bottom: 20px; } .main48 .container-box .left .nav ul { display: flex; } .main48 .container-box .left .nav ul li { line-height: 50px; margin-right: 20px; } .main48 .container-box .left .nav ul li a { font-size: 16px; } .main48 .container-box .left .nav ul li a.active { font-size: 22px; } .main48 .container-box .left .more2 { margin-top: 0; } .main48 .container-box .right { width: 100%; } .main48 .container-box .right ul { margin: 0 -5px; } .main48 .container-box .right ul li { padding: 0 5px; } .news9::before { display: none; } .news9 .text-box { padding: 20px 0 20px; } .news9 .text-box .time { font-size: 14px; } .news9 .text-box h5 { font-size: 16px; line-height: 25px; height: 50px; margin: 10px 0 20px; } .news9 .text-box .more { font-size: 14px; } .news9 .text-box .more i { font-size: 14px; margin-left: 5px; } .main49 { padding-bottom: 30px; } .main49 .con { font-size: 16px; line-height: 28px; } .main50 { padding-bottom: 30px; } .main50 .main50-con .left { width: 100%; padding-right: 0; padding-left: 50px; } .main50 .main50-con .left .year { font-size: 40px; left: 45px; } .main50 .main50-con .left .dl-box dl { padding-bottom: 30px; } .main50 .main50-con .left .dl-box dl dt { font-size: 25px; padding-left: 30px; } .main50 .main50-con .left .dl-box dl dt i { width: 11px; height: 11px; } .main50 .main50-con .left .dl-box dl dt i::before { height: 1000px; top: -50px; } .main50 .main50-con .left .dl-box dl dd { font-size: 14px; margin-top: 10px; padding-left: 30px; } .main50 .main50-con .left .more { margin-top: 30px; } .main50 .main50-con .left .more a { font-size: 16px; } .main50 .main50-con .right { width: 460px; } .main51 { padding: 30px 0; } .main51 ul { margin: 0 -20px 0; display: block; } .main51 ul li { padding: 0 20px; width: 100%; margin-bottom: 60px; } .main51 ul li a .text-box { height: 220px; bottom: -40px; left: -10px; padding: 10px 10px 0; } .main51 ul li a .text-box h5 { font-size: 20px; line-height: 30px; height: 60px; } .main51 ul li a .text-box .text { font-size: 14px; line-height: 28px; max-height: 112px; margin-top: 20px; } .main51 ul li:last-child { margin-bottom: 50px; } .main52 .title { font-size: 25px; position: initial; color: #333; margin-bottom: 30px; } .main52 ul { display: block; } .main52 ul li { width: 100%; } .main52 ul li .img { height: 5.04540868rem; min-height: 300px; } .main52 ul li .text-box { padding: 0 20px; } .main52 ul li .text-box h5 { font-size: 25px; } .main52 ul li .text-box .text { font-size: 16px; margin-top: 20px; padding-top: 20px; display: block; } .main52 ul li .text-box .text::before { width: 38px; } .news5-2 .bottom .more2 a { width: 100px; line-height: 30px; border-radius: 40px; font-size: 14px; } .news5-2 .bottom .more2 a i { margin-left: 5px; } .news5-2 .bottom .upload { font-size: 14px; padding-bottom: 10px; margin-left: 20px; } .banner2 h3 { font-size: 0.56508577rem; } } @media (max-width: 820px) { .main30 .main30-con { height: 9.75609756rem; } .main30 .main30-con .circle-1 { width: 2.12195122rem; height: 2.12195122rem; box-shadow: 0 0 0 0.18292683rem rgba(240, 130, 0, 0.5); font-size: 0.32926829rem; } .main30 .main30-con .circle-2 { width: 5.31707317rem; height: 5.31707317rem; } .main30 .main30-con .circle-2 ul li { width: 1.17073171rem; height: 1.17073171rem; font-size: 0.17073171rem; line-height: 0.2195122rem; margin: -0.58536585rem 0 0 -0.58536585rem; } .main30 .main30-con .circle-3 { width: 8.41463415rem; height: 8.41463415rem; } .main30 .main30-con .circle-3 ul li { width: 1.17073171rem; height: 1.17073171rem; font-size: 0.17073171rem; line-height: 0.2195122rem; margin: -0.58536585rem 0 0 -0.58536585rem; } } @media (max-width: 767px) { .main2 .main2-con ul li { width: 50%; } .news3 .right dl .dl-2 dd { width: 100%; margin-right: 0; } .news3 .right dl.dl-3 dd { width: 100%; } .news3 .right .more1-box { position: initial; padding: 10px 0; display: flex; justify-content: flex-end; } .main6 .con { min-height: initial; padding-bottom: 0; } .main6 .con .imgbox { width: 9.60886571rem; height: 3.6505867rem; } .main6 .con .imgbox .bg.bg-1 { width: 9.60886571rem; height: 2.75097784rem; } .main6 .con .imgbox .bg.bg-1 p { font-size: 0.20860495rem; top: 0.49543677rem; left: 20%; } .main6 .con .imgbox .bg.bg-1 p::before { width: 0.20860495rem; height: 0.20860495rem; top: 0.1303781rem; right: -0.26075619rem; } .main6 .con .imgbox .bg.bg-1 p::after { width: 0.58670143rem; height: 0.58670143rem; bottom: 0.36505867rem; right: -0.54758801rem; } .main6 .con .imgbox .bg.bg-1 p.p-2 { top: 0.10430248rem; left: 7.17079531rem; } .main6 .con .imgbox .bg.bg-1 p.p-2::before { top: 0.1303781rem; left: -0.26075619rem; } .main6 .con .imgbox .bg.bg-1 p.p-2::after { left: -0.54758801rem; } .main6 .con .imgbox .bg.bg-2 { width: 100%; height: 3.6505867rem; right: 0.86049544rem; } .main6 .con .imgbox .bg.bg-2 p { font-size: 0.20860495rem; top: -0.32594524rem; left: 2.86831812rem; } .main6 .con .imgbox .bg.bg-2 p::before { width: 0.20860495rem; height: 0.20860495rem; top: 0.1303781rem; right: -0.26075619rem; } .main6 .con .imgbox .bg.bg-2 p::after { width: 0.58670143rem; height: 0.58670143rem; bottom: 0.36505867rem; right: -0.54758801rem; } .main6 .con .imgbox ul { bottom: -0.52151239rem; padding: 0 0.39113429rem 0 0.65189048rem; font-size: 0.20860495rem; } .main6 .con .imgbox ul li:nth-child(2) { left: 0.1303781rem; } .main7 { padding-bottom: 30px; } .main7 .title { font-size: 30px; line-height: 30px; padding-bottom: 20px; margin-bottom: 40px; } .main7 .title::before { width: 50px; } .main7 ul li { width: 100%; height: auto; padding-left: 0; border: none !important; border-bottom: 1px solid #eee !important; padding: 20px 0 !important; } .main7 ul li .icon { height: 40px; } .main7 ul li dl { margin-top: 20px; } .main7 ul li dl dt { font-size: 18px; margin-bottom: 10px; } .main7 ul li dl dd { font-size: 14px; line-height: 16px; padding: 10px 0; } .main7 ul li:nth-child(3) ~ li { padding-top: 0; } .main11 form ul li { width: 100% !important; margin-bottom: 30px; } .main11 form ul li .con .bt { font-size: 16px; } .main11 form ul li .con input, .main11 form ul li .con textarea { height: 40px; font-size: 16px; } .main11 form ul li:last-child .con { padding: 20px; } .main12 ul { padding: 10px 0; } .main12 ul::before, .main12 ul::after { display: none; } .main12 ul li { width: 100%; height: auto; padding: 20px 10px; } .main12 ul li .icon { height: 40px; } .main12 ul li h5 { font-size: 18px; margin: 20px 0; } .main12 ul li .text { font-size: 14px; line-height: 28px; } .main17 .con-2 { margin-top: 30px; } .main17 .con-2 ul { margin: 0 -5px; } .main17 .con-2 ul li { width: 100% !important; padding: 0 5px; margin-bottom: 10px; } .main17 .con-2 ul li .li-con { padding: 20px 10px; } .main17 .con-2 ul li .li-con .icon { height: 50px; } .main17 .con-2 ul li .li-con h5 { font-size: 20px; line-height: 30px; margin: 15px 0 20px; } .main17 .con-2 ul li .li-con .text { font-size: 16px; line-height: 30px; } .main18 { margin-top: 30px; display: block; } .main18 .left { width: 100%; } .main18 .left a .mask { padding: 20px; } .main18 .left a .img { height: 7.09256845rem; } .main18 .right { width: 100%; } .main18 .right ul li { height: 200px; } .main18 .right ul li .con { padding: 10px; } .main18 .right ul li .con .icon { height: 40px; } .main18 .right ul li .con .text { font-size: 16px; line-height: 24px; margin-top: 10px; } .main18 .right ul li:nth-child(2n+1) { border-left: 1px solid #e5e5e5; } .main19 { margin: 30px 0; } .main19 .swiper-container { padding: 0; } .main19 .swiper-container .swiper-slide.swiper-slide-active { transform: none; } .main20 ul li { width: 100%; min-height: initial; padding: 20px 0; margin-bottom: 0; } .main20 ul li .top { height: 50px; } .main20 ul li .top b { font-size: 16px; } .main20 ul li .text { margin-top: 20px; font-size: 14px; line-height: 25px; } .main20 ul li i { display: none; } .main21 { padding: 30px 0; } .main21 .con-1 ul { margin: 0 -5px; } .main21 .con-1 ul li { width: 50%; padding: 0 5px; margin-bottom: 10px; } .main21 .con-1 ul li i.icon { display: none !important; } .main21 .con-2 { margin-top: 30px; } .main21 .con-2 ul li { font-size: 16px; margin: 0 10px 10px; } .main22 .list { padding: 30px 0; } .main23 { margin: 30px 0; } .main23 .swiper-slide a h5 { font-size: 16px; margin-top: 10px; } .main24 ul li { width: 100%; height: auto; padding: 20px 0; border-bottom: 1px solid #eee; } .main24 ul li .top { font-size: 16px; } .main24 ul li .text { margin-top: 30px; font-size: 16px; line-height: 25px; } .main35 ul li { width: 50%; } .news6 { padding: 5px; } .main39 .con-box .swiper-container .swiper-slide .con1 .text { max-height: 100px; } .main40 .con-box .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide { border: none; } } @media (max-width: 600px) { .main37 ul li .text-box h5 { font-size: 0.5rem; line-height: 0.58333333rem; } .main37 ul li .text-box .text { font-size: 0.26666667rem; line-height: 0.46666667rem; margin-top: 0.5rem; } .main46 { padding: 1.66666667rem 0; } .main46 .title { font-size: 0.66666667rem; line-height: 0.45rem; } } @media (max-width: 500px) { .main6 .con .imgbox { width: 100%; height: 5.6rem; } .main6 .con .imgbox .bg.bg-1 { width: 100%; height: 4.22rem; transform: translateX(-0.4rem); } .main6 .con .imgbox .bg.bg-1 p { font-size: 0.32rem; top: 1.82rem; left: 0.72rem; } .main6 .con .imgbox .bg.bg-1 p::before { width: 0.32rem; height: 0.32rem; top: 0.2rem; right: -0.4rem; } .main6 .con .imgbox .bg.bg-1 p::after { width: 0.9rem; height: 0.9rem; bottom: 0.56rem; right: -0.84rem; } .main6 .con .imgbox .bg.bg-1 p.p-2 { top: 1.44rem; left: 7.06rem; } .main6 .con .imgbox .bg.bg-1 p.p-2::before { top: 0.2rem; left: -0.4rem; } .main6 .con .imgbox .bg.bg-1 p.p-2::after { left: -0.84rem; } .main6 .con .imgbox .bg.bg-2 { width: 100%; height: 4rem; right: 0rem; } .main6 .con .imgbox .bg.bg-2 p { font-size: 0.32rem; top: -0.5rem; left: 1.86rem; } .main6 .con .imgbox .bg.bg-2 p::before { width: 0.32rem; height: 0.32rem; top: 0.2rem; right: -0.4rem; } .main6 .con .imgbox .bg.bg-2 p::after { width: 0.9rem; height: 0.9rem; bottom: 0.56rem; right: -0.84rem; } .main6 .con .imgbox ul { bottom: -0.8rem; padding: 0 0.6rem 0 1rem; font-size: 0.32rem; } .main6 .con .imgbox ul li:nth-child(2) { left: 0.2rem; } .main18 .right ul li { height: auto; width: 100%; border-left: 1px solid #e5e5e5; } .main18 .right ul li .con { padding: 10px; position: initial; } .main18 .right ul li .con .icon { height: 40px; } .main18 .right ul li .con .text { font-size: 16px; line-height: 24px; margin-top: 10px; } .main25 .con ul li p { font-size: 0.3rem; } .main25 .con ul li:nth-child(1) p { bottom: 5px; right: 10px; } .main25 .con ul li:nth-child(2) p { bottom: 5px; left: 10px; } .main25 .con ul li:nth-child(3) p { top: 5px; right: 10px; } .main25 .con ul li:nth-child(4) p { top: 5px; left: 10px; } .news5 { padding: 0.4rem 0.2rem; } .news5 .date { width: 2rem; } .news5 .date h5 { font-size: 0.5rem; line-height: 0.56rem; } .news5 .date p { font-size: 0.32rem; line-height: 0.56rem; } .news5 .con { width: calc(100% - 2rem); } .news5 .con h5 { font-size: 0.36rem; line-height: 0.5rem; } .news5 .con .text { font-size: 0.32rem; line-height: 0.5rem; margin: 0.4rem 0 0.6rem; } .main33 .title p span { display: block; margin-left: 0; margin-top: 5px; } } @media (max-width: 480px) { .main4 .con .con-1 .swiper-container .swiper-slide a h3 { bottom: 10px; padding: 0 10px; } .main4 .con .con-1 .swiper-container .swiper-slide a h3 sup { margin-left: 5px; top: -5px; } .news2 h5 { line-height: 35px; font-size: 16px; } .news2 .more1 { font-size: 14px; } .main9.main9-2 .right .list-1 dl { width: 100%; } .main9.main9-2 .right .list-1 dl:nth-child(2) { margin-top: 20px; } .main9.main9-2 .right .list-2 dl dd { width: 50%; text-align: left; } .main9.main9-2 .right .list-2 dl dd:nth-child(3n+3) { text-align: left; } .main9.main9-2 .right .list-2 dl dd:nth-child(3n+1) { text-align: left; } .main9.main9-2 .right .list-2 dl dd:nth-child(2n+2) { text-align: right; } .main15 .container-box .right ul li { width: 100%; } .main28 .con .middle dl { padding: 0.41666667rem 0; } .main28 .con .middle dl dt { width: 2.5rem; padding-right: 0.625rem; font-size: 0.33333333rem; line-height: 0.58333333rem; } .main28 .con .middle dl dt i { width: 0.375rem; height: 0.375rem; right: -0.1875rem; } .main28 .con .middle dl dt i::before { height: 20.83333333rem; top: -4.16666667rem; } .main28 .con .middle dl dt i b::before { width: 0.625rem; height: 0.625rem; } .main28 .con .middle dl dd { width: calc(100% - 2.5rem); padding-left: 0.625rem; font-size: 0.33333333rem; line-height: 0.52083333rem; } .main48 .container-box .right ul li { width: 100%; } .news9 .text-box { padding-top: 10px; } .news9 .text-box h5 { height: auto; margin: 10px 0; } }