@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;
}
}