@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
div,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
p,
tr,
td,
body,
span,
pre,
input {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
background-repeat: no-repeat;
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0;
font-weight: normal;
font-family: HarmonyOS Sans SC, -apple-system, BlinkMacSystemFont, PingFang SC,
Microsoft YaHei, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica,
Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
body {
font-family: HarmonyOS Sans SC, -apple-system, BlinkMacSystemFont, PingFang SC,
Microsoft YaHei, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica,
Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-size: 14px;
margin: 0px;
padding: 0px;
color: #333333;
height: auto;
clear: both;
}
img {
border: 0px;
max-width: 100%;
}
ul,
li {
list-style: none;
}
em,
i {
font-style: normal;
}
a {
text-decoration: none !important;
color: #333;
outline: none;
cursor: pointer;
}
a:hover {
background-repeat: no-repeat;
text-decoration: none;
}
.clearfix:after,
.clearfix:before {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clear {
clear: both;
}
.fl {
float: left;
}
.fr {
float: right;
}
.more {
display: flex;
align-items: center;
justify-content: center;
background-color: #0059DE;
color: #ffffff;
font-size: 0.14rem;
width: 1.8rem;
height: 0.5rem;
border-radius: 0.25rem;
font-family: PingFangSC-Light, PingFang SC;
}
.more i {
display: block;
width: 0.2rem;
height: 0.12rem;
background-image: url(../img/more-r.svg);
background-size: 100% 100%;
margin-left: 0.24rem;
transition: all 0.5s;
}
.more:hover i {
margin-left: 0.34rem;
}
* {
box-sizing: border-box;
-webkit-text-size-adjust: none;
}
body {
left: 0px;
position: relative;
line-height: 1;
-ms-overflow-style: none;
scrollbar-width: none;
font-size: 100px;
}
html {
width: 100%;
overflow-x: hidden;
}
body,
html,
textarea {
font-family: PingFangSC, arial, "Hiragino Sans GB", "Microsoft YaHei",
"WenQuanYi Micro Hei", sans-serif;
font-size: 14px;
}
body,
html {
outline: 0;
margin: 0 auto !important;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400;
background-color: transparent;
}
@-webkit-keyframes productMoreArrow {
0% {
transform: translate(-1rem, 0);
}
to {
transform: translate(0, 0);
}
}
@keyframes productMoreArrow {
0% {
transform: translate(-1rem, 0);
}
to {
transform: translate(0, 0);
}
}
@-webkit-keyframes heroArrow2 {
0% {
transform: translate(-1rem, 0);
}
to {
transform: translate(0, 0);
}
}
@keyframes heroArrow2 {
0% {
transform: translate(-1rem, 0);
}
to {
transform: translate(0, 0);
}
}
.line1 {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.line2 {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.line3 {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.line4 {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
}
.button {
display: inline-block;
width: 180px;
height: 46px;
line-height: 46px;
border-radius: 1px;
font-size: 16px;
text-align: center;
transition: all 0.1s linear 0s;
}
.button-ghost {
background: 0 0;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.5);
}
/*榧犳爣閫変腑鏂囧瓧鐨勬牱寮?/
body::-moz-selection {
background: red;
color: #fff;
}
body::selection {
background: red;
color: #fff;
}
/*缃戠珯榛樿婊氬姩璺崇殑鏍峰紡*/
*::-webkit-scrollbar {
width: 0.05rem;
height: 0.05rem;
}
*::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.1);
}
*::-webkit-scrollbar-thumb {
background: #0059DE;
}
*::-webkit-scrollbar-thumb:window-inactive {
background: #0059DE;
}
*::-webkit-scrollbar-thumb:vertical:hover {
background: #0059DE;
}
/*缃戠珯榛樿婊氬姩璺崇殑鏍峰紡*/
body::-webkit-scrollbar {
width: 0px;
height: 0px;
}
body::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.1);
}
body::-webkit-scrollbar-thumb {
background: #2a6fd3;
}
body::-webkit-scrollbar-thumb:window-inactive {
background: #2a6fd3;
}
body::-webkit-scrollbar-thumb:vertical:hover {
background: #2a6fd3;
}
/*绀轰緥瀛椾綋*/
@font-face {
font-family: "DIN-Bold";
src: url("../fonts/DIN-Bold.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "DINCond-Bold";
src: url("../fonts/DINCond-Bold.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "DIN-BlackItalic";
src: url("../fonts/DIN-BlackItalic.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "GOTHAMBOLD";
src: url("../fonts/GOTHAMBOLD.TTF");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "GOTHIC";
src: url("../fonts/GOTHIC.TTF");
font-weight: normal;
font-style: normal;
}
/* pc澶撮儴 */
header {
position: fixed;
width: 100%;
height: 1rem;
padding: 0 1.4rem;
z-index: 99;
display: flex;
justify-content: space-between;
align-items: center;
color: #333;
transition: all 0.5s;
background-color: #fff;
box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
}
.m_header {
display: none;
}
header.i_header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 1rem;
padding: 0 1.4rem;
z-index: 99;
display: flex;
justify-content: space-between;
align-items: center;
color: #333;
transition: all 0.5s;
background-color: initial;
}
header .headl {
display: flex;
align-items: center;
}
header .headl .logo {
display: inline-block;
width: 1.58rem;
height: 0.6rem;
}
header .headl .logo img {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 1.4rem;
width: 1.58rem;
}
.i_header .headl .logo .act_img{
opacity: 0;
}
.i_header.active .headl .logo .comm_img{
opacity: 0;
}
.i_header.active .headl .logo .act_img{
opacity: 1;
}
header .headr {
display: flex;
}
header .headr .nav ul {
display: flex;
height: 100%;
align-items: center;
}
header .headr .nav ul li {
padding: 0 0.3rem;
position: relative;
height: 1rem;
display: flex;
align-items: center;
}
header .headr .nav ul li a {
font-size: 0.16rem;
font-family: HarmonyOS Sans SC;
padding: 0.1rem 0;
position: relative;
}
header .headr .nav ul li a::after{
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
transition: all .5s;
width: 0;
height: 0.03rem;
border-radius: 0.015rem;
background-color: #ffbf00;
}
header .headr .nav .xl ul li a::after{
display: none;
}
header .headr .nav ul li:hover a::after{
width: 100%;
}
.i_header .headr .nav ul li a{
color: #fff;
}
header .headr .nav ul li .xl {
display: none;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
background-color: #fff;
width: 100%;
padding-bottom: 0.24rem;
box-shadow: 0 0 .1rem rgba(0,0,0,.1);
}
header .headr .nav ul li:nth-child(1) .xl{
width: calc(100% + 0.3rem);
}
header .headr .nav ul li .xl ul {
display: block;
}
header .headr .nav ul li .xl li{
height: auto;
}
header .headr .nav ul li .xl a {
height: auto;
font-size: 0.16rem;
line-height: 1.5;
text-align: center;
width: 100%;
margin-top: 0.24rem;
padding: 0;
white-space: nowrap;
}
header .headr .tool {
display: flex;
align-items: center;
}
.i_header .headr .tool{
color: #fff;
}
header .headr .tool .lang {
padding: 0 0.3rem;
}
header .headr .tool .lang .dq1{
display: none;
}
.i_header .headr .tool .lang .dq1{
display: block;
}
.i_header .headr .tool .lang .dq{
display: none;
}
.i_header:hover .headr .tool .lang .dq,
.i_header.active .headr .tool .lang .dq{
display: block;
}
.i_header:hover .headr .tool .lang .dq1,
.i_header.active .headr .tool .lang .dq1{
display: none;
}
header .headr .tool .lang .top {
display: flex;
align-items: center;
justify-content: center;
}
header .headr .tool .lang .top img {
margin-right: 0.1rem;
width: 0.177rem;
}
header .headr .tool .lang .xl {
display: none;
}
header .headr .tool .search {
padding-left: 0.3rem;
display: flex;
align-items: center;
justify-content: center;
}
header .headr .tool .search img {
margin-right: 0.1rem;
}
.i_header .headr .tool .search{
color: #fff;
}
.i_header:hover .headr .tool a,
.i_header.active .headr .tool a{
color: #333;
}
header .headr .tool .search .search2{
display: none;
}
.i_header .headr .tool .search .search2{
display: block;
}
.i_header .headr .tool .search .search1{
display: none;
}
.i_header:hover .headr .tool .search .search1,
.i_header.active .headr .tool .search .search1{
display: block;
}
.i_header:hover .headr .tool .search .search2,
.i_header.active .headr .tool .search .search2{
display: none;
}
header .m_r{
display: none;
}
header:hover,
header.active {
background-color: #ffffff;
box-shadow: 0 0 7px 0 rgb(164 164 166 / 10%);
height: 1rem;
}
header:hover .headl .logo .comm_img,
header.active .headl .logo .comm_img {
opacity: 0;
}
header:hover .headl .logo .act_img,
header.active .headl .logo .act_img {
opacity: 1;
}
header:hover .headr .nav ul li a,
header.active .headr .nav ul li a {
color: #333;
}
header:hover .headr .tel,
header.active .headr .tel {
color: #333;
}
header:hover .headr .tel::before,
header.active .headr .tel::before {
background-image: url(../img/nav-tel-hover.png);
}
header:hover .headr .lang a,
header.active .headr .lang a {
color: #333;
}
.banner {
position: relative;
width: 100%;
padding-top: 1rem;
overflow: hidden;
}
.m_banner{
display: none;
}
.banner.i_banner{
padding-top: 0;
}
.banner .swiper-container {
width: 100%;
height: 10.8rem;
}
.banner .swiper2{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.banner .swiper-slide {
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
padding-left: 1.4rem;
}
.banner .swiper-slide video,
.banner .swiper-slide .img {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}
.banner .banner_txt {
font-size: 0.48rem;
line-height: 1.5;
margin-bottom: 0.7rem;
}
.banner .banner_txt span {
font-size: 0.64rem;
font-weight: bold;
}
.banner .bg {
height: 7rem;
width: 100%;
}
.banner .txt {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 0.56rem;
font-weight: bold;
color: #fff;
width: 100%;
text-align: center;
padding:0 2.6rem ;
}
.banner .txt .tit{
margin-bottom: 0.24rem;
font-size: 0.56rem;
font-weight: bold;
}
.banner .txt .content{
font-size:0.24rem;
line-height: 1.75;
font-weight: bold;
}
.banner .svg-swiper-pagination{
bottom: 50%;
right: 1.4rem;
transform: translateY(50%);
display: flex;
flex-direction: column;
width: auto;
left: auto;
}
.banner .svg-swiper-pagination .swiper-pagination-bullet {background: transparent;opacity: 1;width: 5px;height: 5px;outline: none;margin: 26px 0;position: relative;}
.banner .svg-swiper-pagination .swiper-pagination-bullet:after {content: "";display: block;position: absolute;top: 0;left: 0; z-index: 0;width: 5px;height: 5px;background-color: #ffffff;border-radius: 50%;}
.banner .svg-swiper-pagination.on .swiper-pagination-bullet:after{background-color: rgba(0,0,0,0.32);}
.banner .svg-swiper-pagination.on .swiper-pagination-bullet-active:after{background-color: #025493;}
.banner .svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .svg {opacity: 1;}
.banner .svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2 {-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards;}
.banner .svg-swiper-pagination .svg {position: absolute;top: -9px;left: -9px; width: 23px;height: 23px;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;-webkit-transition: opacity .3s;-o-transition: opacity .3s;transition: opacity .3s;display: block;}
.banner .svg-swiper-pagination .circle1 { stroke: #ffffff;opacity: 0.26;}
.banner .svg-swiper-pagination .circle2 {stroke: #ffffff;stroke-dasharray: 0 339;}
.banner .svg-swiper-pagination.on .circle1 { stroke: #025493;}
.banner .svg-swiper-pagination.on .circle2 {stroke: #025493;}
/*.banner svg:not(:root) {overflow: hidden;}*/
@-webkit-keyframes svgCircleAnmi {
0% {
stroke-dasharray: 0 339;
}
to {
stroke-dasharray: 339 339;
}
}
@keyframes svgCircleAnmi {
0% {
stroke-dasharray: 0 339;
}
to {
stroke-dasharray: 339 339;
}
}
.page-main {
width: 100%;
position: relative;
z-index: 5;
background-color: #ffffff;
}
.i_page {
position: relative;
}
.i_page .title {
font-size: 0.48rem;
margin-bottom: 0.25rem;
}
.i_page .title2 {
font-size: 0.16rem;
color: #666;
margin-bottom: 0.72rem;
}
.i_page1 {
padding: 1.6rem 1.4rem 0;
}
.i_page1 .top {
display: flex;
margin-bottom: 0.6rem;
}
.i_page1 .m_tit{
display: none;
}
.i_page1 .tit1 {
font-size: 0.28rem;
/*font-weight: 300;*/
margin-bottom: 0.26rem;
}
.i_page1 .tit2 {
font-size: 0.48rem;
font-weight: bold;
margin-bottom: 0.24rem;
}
.i_page1 .tit3 {
font-size: 0.28rem;
margin-bottom: 0.85rem;
}
.i_page1 .content {
font-size: 0.18rem;
width: 7.03rem;
line-height: 2;
margin-bottom: 0.37rem;
}
.i_page1 .top .left {
width: 7rem;
margin-right: 1.1rem;
margin-top: 0.6rem;
}
.i_page1 .top .right {
position: relative;
width: 7.99rem;
height: 6.04rem;
}
.i_page1 .top .right .cmap {
width: 7.99rem;
height: 6.04rem;
}
.i_page1 .top .right .m_cmap{
display: none;
}
@keyframes offset {
to {
stroke-dashoffset: 0;
}
}
.i_page1 .top .right .icon {
position: absolute;
top: 3.75rem;
right: 1.79rem;
width: 0.44rem;
z-index: 9;
}
/*infinite*/
.i_page1 .top .right .lines svg{
animation: offset 3s linear forwards infinite;
}
.i_page1 .top .right .lines .svg1 {
stroke-dasharray: 400;
stroke-dashoffset: 400;
position: absolute;
top: 2.39rem;
right: 1.22rem;
width: 0.9865rem;
height: 1.6212rem;
}
.i_page1 .top .right .lines .svg2 {
stroke-dasharray: 400;
stroke-dashoffset: 400;
position: absolute;
top: 2.52rem;
right: 1.82rem;
width: 0.7288rem;
height: 1.4799rem;
}
.i_page1 .top .right .lines .svg3 {
stroke-dasharray: 700;
stroke-dashoffset: 700;
position: absolute;
top: 2.32rem;
right: 2rem;
width: 4.8265rem;
height: 1.5716rem;
}
.i_page1 .top .right .lines .svg4 {
stroke-dasharray: 400;
stroke-dashoffset: 400;
position: absolute;
top: 3.76rem;
right: 1.98rem;
width: 1.7428rem;
height: 0.4472rem;
}
.i_page1 .top .right .lines .svg5 {
stroke-dasharray: 400;
stroke-dashoffset: 400;
position: absolute;
top: 4rem;
right: 2rem;
width: 0.8274rem;
height: 1.0309rem;
}
.i_page1 .top .right .lines .svg6 {
stroke-dasharray: 400;
stroke-dashoffset: 400;
position: absolute;
top: 3.9rem;
right: 2rem;
width: 0.1279rem;
height: 0.2982rem;
}
.i_page1 .top .right .lines .svg7 {
stroke-dasharray: 400;
stroke-dashoffset: 400;
position: absolute;
top: 4rem;
right: 2rem;
width: 0.2332rem;
height: 0.7146rem;
}
.i_page1 .bottom {
display: flex;
justify-content: space-between;
align-items: flex-end;
height: 2.23rem;
}
.i_page1 .bottom .item {
width: 3.79rem;
height: 1.3rem;
background-color: #d9d9d9;
/*background-image: linear-gradient( rgba(10,102,204,0.41), #EAECF2 101%);*/
transition: all 0.5s;
padding: 0.3rem;
border-radius: 0.1rem;
position: relative;
/*box-shadow: 0 0 .1rem rgba(0,0,0,.3);*/
}
.i_page1 .bottom .item.act {
width: 4.73rem;
height: 2.23rem;
background-color: #0059DE;
/*16961*/
background-image: initial;
/*background-repeat: no-repeat;*/
/*background-size: cover;*/
/*background-position: center;*/
padding: 0.4rem;
color: #fff;
/*box-shadow:none;*/
}
.i_page1 .bottom .item .bg{
display: none;
height: 100%;
position: absolute;
right: 0;
top: 0;
opacity: .3;
}
.i_page1 .bottom .item.act .bg{
display: block;
}
.i_page1 .bottom .item .content {
display: none;
height: 1rem;
}
.i_page1 .bottom .item.act .content {
display: block;
}
.i_page1 .bottom .item .count {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.i_page1 .bottom .item .tit {
font-size: 0.18rem;
position: relative;
padding-bottom: 0.17rem;
font-weight: bold;
}
.i_page1 .bottom .item .year {
font-size: 0.48rem;
color: #0059DE;
display: flex;
}
.i_page1 .bottom .item span {
font-size: 0.16rem;
color: #B4BDC6;
margin-left: 0.04rem;
line-height: 2;
}
.i_page1 .bottom .item.act .tit {
font-size: 0.2rem;
}
.i_page1 .bottom .item.act .year {
font-size: 0.52rem;
color: #fff;
align-items: flex-end;
}
.i_page1 .bottom .item.act span {
color: #fff;
}
.i_page1 .bottom .item .tit::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0.36rem;
height: 2px;
background-color: #ffbf00;
}
.i_page1 .bottom .item.act .tit::after {
/*background-color: #fff;*/
}
.i_page2 {
padding: 1.33rem 1.4rem 1.5rem;
}
.i_page2 .inner {
width: 100%;
height: 8rem;
position: relative;
}
.i_page2 .imgs {
position: absolute;
height: 100%;
width: 100%;
}
.i_page2 .txts {
position: relative;
width: 100%;
height: 100%;
z-index: 2;
}
.i_page2 .txts .txt {
opacity: 1;
position: absolute;
height: 100%;
width: 100%;
padding: 1.35rem 0 0 0.8rem;
color: #fff;
}
/*.i_page2 .txts .txt.act {*/
/* opacity: 1;*/
/*}*/
.i_page2 .txts .txt .tit {
font-size: 0.4rem;
margin-bottom: 0.5rem;
}
.i_page2 .txts .txt .content {
font-size: 0.18rem;
width: 7.7rem;
line-height: 2;
margin-bottom: 0.7rem;
transition: all .5s;
}
.i_page2 .txts .txt .more {
width: 1.2rem;
height: 0.2rem;
background-color: initial;
position: relative;
z-index: 9;
white-space: nowrap;
}
.i_page2 .imgs{
display: flex;
}
.i_page2 .imgs .img {
width: calc(100% / 7);
height: 100%;
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*opacity: 0;*/
transition: all .5s;
}
.i_page2 .imgs .img.comm {
width: calc(100% / 14);
}
.i_page2 .imgs .img.act {
width: calc(100% / 14 * 8);
display: block;
opacity: 1;
}
.i_page2 .list {
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.i_page2 .m_list{
display: none;
}
.i_page2 .list .item {
width: calc(100% / 7);
height: 100%;
display: flex;
flex-direction: column;
padding-bottom: 1.2rem;
border-right: rgba(255, 255, 255, 0.5) solid 1px;
align-items: center;
background-color: rgba(0,0,0, 0.5);
transition: all .5s;
overflow: hidden;
position: relative;
}
.i_page2 .list .item.comm {
width: calc(100% / 14);
}
.i_page2 .list .item.act {
flex-direction: column;
width: calc(100% / 14 * 8);
/*background-color: rgba(255, 255, 255, 0.15);*/
background-color: rgba(0,0,0, 0.3);
}
.i_page2 .list .item .cover{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-image: linear-gradient( rgba(0,0,0,.6),rgba(0,0,0,0) 100%);
transition: all .5s;
}
.i_page2 .list .item.act .cover{
opacity: 0.5;
}
.i_page2 .list .item:last-child {
border-right: none;
}
.i_page2 .list .item .icon {
display: flex;
align-items: center;
flex-direction: column;
font-size: 0.2rem;
color: #fff;
text-align: center;
line-height: 1.5;
height: 0.36rem;
padding: 0 0.12rem;
}
.i_page2 .list .item .icon img {
width: 0.34rem;
margin-bottom: 0.24rem;
}
.i_page2 .list .item .txts{
opacity: 0;
}
.i_page2 .list .item.act .icon{
display: none;
}
.i_page2 .list .item.act .txts{
opacity: 1;
}
.i_page3 {
padding: 1.44rem 1.4rem 1rem;
background-color: #f9f9f9;
}
.i_page3 .bg{
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 100%;
}
.i_page3 .bg svg{
position: absolute;
width: 100%;
bottom: 0.5rem;
left: 50%;
transform: translateX(-50%);
width: 21.04rem;
height: 3.92rem;
max-width: initial;
overflow: initial;
}
.i_page3 .bg .road1,
.i_page3 .bg .road2{
position: absolute;
width: 100%;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 21.04rem;
height: 3.92rem;
max-width: initial;
}
.i_page3 .top {
display: flex;
width: 100%;
align-items: flex-end;
justify-content: space-between;
position: relative;
}
.i_page3 .tab {
margin-bottom: 0.72rem;
display: flex;
}
.i_page3 .tab .item {
margin-left: 0.5rem;
font-size: 0.18rem;
color: #999;
cursor: pointer;
position: relative;
}
.i_page3 .tab .item:hover,
.i_page3 .tab .item.act {
color: #333;
}
.i_page3 .tab .item::after{
content: "";
position: absolute;
bottom: -0.1rem;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0.03rem;
border-radius: 0.015rem;
background-color: #FFBF00;
transition: all .5s;
}
.i_page3 .tab .item:hover::after,
.i_page3 .tab .item.act::after {
width: 100%;
}
.i_page3 .list .item {
/*overflow: hidden;*/
width: 100%;
display: none;
}
.i_page3 .list .item.act {
display: block;
}
.i_page3 .list .item .more {
margin: 0.8rem auto 0;
position: relative;
}
.i_page3 .swiper1 {
margin-bottom: 0.66rem;
}
.i_page3 .swiper1 .img {
width: auto;
height: 1.59rem;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.i_page3 .swiper1 .img img:nth-child(2) {
width: 1.61rem;
}
.i_page3 .swiper1 .img img:nth-child(1) {
width: 0.85rem;
}
.i_page3 .swiperm{
display: none;
}
.i_page3 .swiper2 .bg {
position: absolute;
right: 0;
left: auto;
bottom: 0;
width: 1.61rem;
height: 1.94rem;
opacity: .3;
}
.i_page3 .swiper-wrapper{
transition-timing-function: linear;
}
.i_page3 .swiper2{
margin-bottom:0.6rem;
overflow: hidden;
}
.i_page3 .swiper2 .swiper-slide {
transition: all 0.5s;
width: 5rem;
height: 2.5rem;
background-color: #fff;
display: flex;
align-items: center;
/*justify-content: center;*/
position: relative;
flex-direction: column;
border-radius: 0.16rem;
padding: 0.33rem 0.5rem ;
}
.i_page3 .swiper2 .swiper-slide:hover,
.i_page3 .swiper2 .swiper-slide-active {
background-color: #0f66cc;
color: #fff;
}
.i_page3 .swiper2 .swiper-slide .com_logo {
/*margin-right: 0.2rem;*/
margin: 0.2rem 0;
/*width: 1.6rem;*/
height: 0.6rem;
border-radius: 50%;
/*background-color: #FFF;*/
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.i_page3 .swiper2 .swiper-slide .com_logo img{
/*width: 100%;*/
height: 100%;
}
.i_page3 .swiper2 .swiper-slide .com_logo .act_img{
display: none;
}
.i_page3 .swiper2 .swiper-slide-active .com_logo .act_img,
.i_page3 .swiper2 .swiper-slide:hover .com_logo .act_img{
display: block;
}
.i_page3 .swiper2 .swiper-slide-active .com_logo .comm_img,
.i_page3 .swiper2 .swiper-slide:hover .com_logo .comm_img{
display: none;
}
.i_page3 .swiper2 .swiper-slide .right img{
width: 1.61rem;
height: 0.61rem;
}
.i_page3 .swiper2 .swiper-slide .right img:nth-child(2) {
display: none;
}
.i_page3 .swiper2 .swiper-slide-active .right img:nth-child(1) {
display: none;
}
.i_page3 .swiper2 .swiper-slide-active .right img:nth-child(2) {
display: block;
}
.i_page3 .swiper2 .swiper-slide .content {
width: 100%;
font-size: 0.14rem;
line-height: 2;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
margin-top: 0.18rem;
}
.i_page3 .list .item .partner{
display: flex;
flex-wrap: wrap;
position: relative;
}
.i_page3 .list .item .partner .ckgd{
display: none;
}
.i_page3 .list .item .partner .ckgd img{
height: 18px;
margin-right: 5px;
}
.i_page3 .list .item .partner .litem{
width: 1.875rem;
height: 1.875rem;
background-color: #FFF;
margin-right: 0.2rem;
margin-bottom: 0.2rem;
border-radius: 0.16rem;
transition: all .5s;
border: rgba(0, 89, 222,0) 1px solid ;
}
.i_page3 .list .item .partner .litem .img{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.i_page3 .list .item .partner .litem:hover{
/*background-color: #0059DE;*/
box-shadow: 0 0 0.4rem rgba(0, 89, 222,.2);
border: rgba(0, 89, 222,.2) 1px solid ;
}
/*.i_page3 .list .item .partner .litem:hover img{*/
/* transform: rotate3d(0,1,0,360deg);*/
/* transition: all 1s;*/
/*}*/
.i_page3 .list .item .partner .litem img{
width: 60%;
}
.i_page3 .list .item:nth-child(2) .partner .litem img{
width: 80%;
}
.i_page3 .list .item .partner .litem:nth-child(8n){
margin-right: 0;
}
.i_page4 .title{
margin-bottom: 0.72rem;
}
.i_page4 {
padding: 1.2rem 1.4rem;
background-color: #fff;
}
.i_page4 .top {
display: flex;
width: 100%;
align-items: flex-end;
justify-content: space-between;
}
.i_page4 .tab {
margin-bottom: 0.72rem;
display: flex;
}
.i_page4 .tab .item {
margin-left: 0.5rem;
font-size: 0.18rem;
color: #999;
cursor: pointer;
position: relative;
}
.i_page4 .tab .item:hover,
.i_page4 .tab .item.act {
color: #333;
}
.i_page4 .tab .item::after{
content: "";
position: absolute;
bottom: -0.1rem;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0.03rem;
background-color: #FFBF00;
transition: all .5s;
border-radius: 0.015rem;
}
.i_page4 .tab .item:hover::after,
.i_page4 .tab .item.act::after {
width: 100%;
}
.i_page4 .list .item {
overflow: hidden;
width: 100%;
display: none;
}
.i_page4 .m_list{
display: none;
}
.i_page4 .list .item.act {
display: flex;
}
.i_page4 .list .item .litem {
width: 4.9rem;
height: 5.78rem;
border-radius: 0.1rem;
overflow: hidden;
margin-right: 0.85rem;
}
.i_page4 .list .item .litem:nth-child(3n){
margin-right: 0;
}
.i_page4 .list .item .litem .bg {
height: 3.5rem;
width: 100%;
overflow: hidden;
}
.i_page4 .list .item .litem .bg .img {
width: 100%;
height: 100%;
transition: all 0.5s;
}
.i_page4 .list .item .litem:hover .bg .img {
transform: scale(1.1);
}
.i_page4 .list .item .litem .txt {
background-color: #f8f8f8;
padding: 0.4rem 0.4rem 0;
transition: all 0.5s;
position: relative;
height: 2.28rem;
color: #5f5d5e;
}
.i_page4 .list .item .litem:hover .txt {
background-color: #0f66cc;
color: #fff;
}
.i_page4 .list .item .litem .txt .lbg {
position: absolute;
right: 0;
bottom: 0;
opacity: 0;
}
.i_page4 .list .item .litem:hover .txt .lbg{
opacity: .3;
}
.i_page4 .list .item .litem .txt .lbg img{
width: 1.61rem;
}
.i_page4 .list .item .litem .txt .ltop {
padding-bottom: 0.4rem;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 0.2rem;
}
.i_page4 .list .item .litem:hover .txt .ltop {
border-bottom: none;
}
.i_page4 .list .item .litem .txt .tit {
font-size: 0.2rem;
margin-bottom: 0.16rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.i_page4 .list .item .litem .txt .content {
font-size: 0.16rem;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.i_page4 .list .item .litem .txt .time {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.i_page4 .list .item .litem .txt .time .year {
font-size: 0.16rem;
color: #999;
opacity: 0.5;
margin-top: 0.17rem;
}
.i_page4 .list .item .litem .txt .time .day {
font-size: 0.36rem;
color: #5f5d5e;
}
.i_page4 .list .item .litem:hover .txt .time .year {
color: #fafafa;
}
.i_page4 .list .item .litem:hover .txt .time .day {
color: #fff;
}
/* index-end----------------------------------------------- */
/* about------------------------------------------------ */
.ab_page {
position: relative;
padding-top: 1.6rem;
}
.ab_page1 {
padding: 1.6rem 2.6rem 0;
}
.ab_page1 .title {
display: none;
font-size: 0.24rem;
line-height: 1.75;
text-align: center;
margin-bottom: 1.5rem;
}
.ab_page1 .list {
display: flex;
justify-content: space-between;
position: relative;
}
.ab_page1 .list .cover{
content: "";
position: absolute;
top: 0;
left: 0;
height: 2rem;
background-color: #FFF;
width: 100vw;
transition: all .5s;
z-index: 9;
}
.ab_page1 .list .item {
width: 3rem;
position: relative;
padding-bottom: 1.6rem;
}
.ab_page1 .list .item::after {
content: "";
position: absolute;
left: 0;
bottom: 0.25rem;
width: 0.32rem;
height: 0.32rem;
background-color: #FFBF00;
opacity: 0;
z-index: 9;
border-radius: 50%;
transition: all .5s;
transition-delay: 0.67s;
}
.ab_page1 .list .item:nth-child(2)::after{
transition-delay: 1.3s;
}
.ab_page1 .list .item:nth-child(3)::after{
transition-delay: 2s;
}
.ab_page1 .list .item.act::after{
opacity: 1;
}
.ab_page1 .list .item .tit {
font-size: 0.32rem;
margin-bottom: 0.18rem;
color: #0059DE;
line-height: 2;
}
.ab_page1 .list .item .content {
font-size: 0.18rem;
line-height: 2;
color: #666;
}
.ab_page1 .car {
position: absolute;
bottom: 0;
left: -2rem;
width: 1.76rem;
height: 0.93rem;
transition: all 5s;
}
.ab_page1 .list .car{
display: none;
}
.ab_page1 .car.act{
left: 110vw;
}
.ab_page1 .car img {
width: 100%;
position: relative;
z-index: 9;
}
.ab_page1 .car::after {
content: "";
position: absolute;
bottom: 5%;
right: 20%;
width: 200vw;
height: 0.69rem;
background-color: #0059DE;
}
.ab_page2 {
height: 8rem;
}
.ab_page2 .cover {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 6.4rem;
border: 1rem solid #fff;
z-index: 2;
}
.ab_page2 .cover.act {
border: 0rem solid #fff;
transition: all 0.5s;
}
.ab_page2 .bg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 6.4rem;
}
.ab_page2 .list {
position: relative;
display: flex;
justify-content: space-between;
color: #fff;
align-items: center;
height: 100%;
padding: 0 1.4rem;
}
.ab_page2 .list .item {
display: flex;
flex-direction: column;
align-items: center;
width: 2rem;
}
.ab_page2 .list .item .num_box {
display: flex;
margin-bottom: 0.2rem;
align-items: flex-end;
position: relative;
}
.ab_page2 .list .item .num {
font-size: 0.56rem;
font-weight: bold;
}
.ab_page2 .list .item span {
font-size: 0.2rem;
line-height: 1.5;
margin-left: 0.05rem;
position: absolute;
right: -0.05rem;
transform: translateX(100%);
}
.ab_page2 .list .item .name {
font-size: 0.18rem;
}
.ab_page3 .title {
font-size: 0.48rem;
font-weight: bold;
text-align: center;
margin-bottom: 0.9rem;
}
.ab_page3 .list {
padding: 0 1.4rem;
display: flex;
flex-wrap: wrap;
}
.ab_page3 .list .item {
width: 5.2rem;
height: 3.05rem;
border-radius: 0.4rem;
box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
position: relative;
padding: 0.64rem 0.4rem;
transition: all 0.5s;
margin-right: 0.4rem;
margin-bottom: 0.4rem;
}
.ab_page3 .list .item:nth-child(3n) {
margin-right: 0;
}
.ab_page3 .list .item .nums {
position: absolute;
right: 0;
bottom: 0;
transition: all 0.5s;
}
.ab_page3 .list .item .num2 {
display: none;
}
.ab_page3 .list .item .icon img {
width: 0.34rem;
margin-bottom: 0.32rem;
}
.ab_page3 .list .item .icon .act_img {
display: none;
}
.ab_page3 .list .item .name {
margin-bottom: 0.24rem;
font-size: 0.28rem;
}
.ab_page3 .list .item .more {
width: 1.2rem;
height: 0.2rem;
background-color: initial;
}
.ab_page3 .list .item:hover,
.ab_page3 .list .item.act {
background-color: #0059DE;
color: #fff;
}
.ab_page3 .list .item:hover .num,
.ab_page3 .list .item.act .num {
display: none;
}
.ab_page3 .list .item:hover .num2,
.ab_page3 .list .item.act .num2 {
display: block;
}
.ab_page3 .list .item:hover .comm_img,
.ab_page3 .list .item.act .comm_img {
display: none;
}
.ab_page3 .list .item:hover .act_img,
.ab_page3 .list .item.act .act_img {
display: block;
}
.ab_page4 {
padding: 1.6rem 1.4rem 0;
height: 9.4rem;
}
.ab_page4 .bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.ab_page4 .title {
font-size: 0.48rem;
/*font-weight: bold;*/
text-align: right;
position: relative;
}
.ab4 {
height: 4.8rem;
display: flex;
position: relative;
margin-top: 0.7rem;
}
.m_ab4{
display: none;
}
.ab_page4 .left {
width: calc(100% - 11.8rem);
height: 100%;
display: flex;
position: relative;
}
.ab_page4 .left .list {
margin-left: 1rem;
padding-left: 0.5rem;
overflow: hidden;
transform: translateX(calc((100% - 0.4rem) / 2));
}
.ab_page4 .left .list .item {
font-size: 0.24rem;
color: #666;
display: flex;
align-items: center;
justify-content: center;
}
.ab_page4 .left .list .swiper-slide-active {
font-size: 0.34rem;
color: #0059DE;
}
.ab_page4 .left .list .swiper-slide-active::after {
content: "";
position: absolute;
top: 50%;
left: -0.5rem;
transform: translateY(-50%);
background-image: url("../img/car06c.svg");
width: 0.32rem;
height: 0.25rem;
background-size: 100% 100%;
background-repeat: no-repeat;
transition: all 0.5s;
}
.ab_page4 .left .btn .prev,
.ab_page4 .left .btn .next {
background-image: url("../img/triangle.png");
background-size: 100% 100%;
height: 0.4rem;
width: 0.4rem;
position: absolute;
cursor: pointer;
}
.ab_page4 .left .btn .prev {
top: -0.34rem;
left: 50%;
transform: translateX(-50%) rotate(180deg);
}
.ab_page4 .left .btn .next {
bottom: -0.34rem;
left: 50%;
transform: translateX(-50%);
}
.ab_page4 .right {
width: 11.8rem;
padding-top: 0.34rem;
}
.ab_page4 .right .list {
height: 100%;
overflow: auto;
}
.ab_page4 .right .list .item {
display: none;
}
.ab_page4 .right .list .item.act {
display: block;
/*height: 7.4rem;*/
}
.ab_page4 .right .list .item .event {
margin-bottom: 0.34rem;
}
.ab_page4 .right .list .item .time {
font-size: 0.64rem;
color: #0059DE;
margin-bottom: 0.5rem;
}
.ab_page4 .right .list .item .ltime {
font-size: 0.18rem;
margin-bottom: 0.15rem;
color: #0059DE;
}
.ab_page4 .right .list .item .event .content {
font-size: 0.24rem;
margin-bottom: 0.1rem;
line-height: 1.5;
padding-left: 0.32rem;
position: relative;
}
.ab_page4 .right .list .item .event .content::after{
content: "";
position: absolute;
left: 0;
top: 0.12rem;
width: 0.12rem;
height: 0.12rem;
border-radius: 50%;
background-color: #FFBF00;
}
.ab_page4 .right .list .item .event .event_img {
width: 5.44rem;
height: 3.54rem;
margin-left: 0.35rem;
margin-top: 0.2rem;
overflow: hidden;
}
.ab_page4 .right .list .item .event .event_img img {
width: 100%;
transition: all 0.5s;
}
.ab_page4 .right .list .item .event .event_img img:hover {
transform: scale(1.1);
}
.ab_page5 {
padding: 1.6rem 1.4rem;
}
.ab_page5 .tab {
display: flex;
justify-content: center;
margin-bottom: 1rem;
cursor: pointer;
}
.ab_page5 .tab .item {
font-size: 0.48rem;
/*font-weight: bold;*/
color: #666;
margin-right: 0.8rem;
position: relative;
}
.ab_page5 .tab .item:hover,
.ab_page5 .tab .item.act {
color: #333;
}
.ab_page5 .tab .item::after{
content: "";
position: absolute;
bottom: -0.2rem;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0.05rem;
background-color: #FFBF00;
transition: all .5s;
border-radius: 0.025rem;
}
.ab_page5 .tab .item:hover::after,
.ab_page5 .tab .item.act::after {
width: 100%;
}
.ab_page5 .swiper_box {
overflow: hidden;
}
.ab_page5 .m_scroll_box{
display: none;
}
.ab_page5 .swiper_box .swiper {
display: none;
overflow: hidden;
padding: 0.05rem 0.05rem 0.92rem;
}
.ab_page5 .swiper_box .swiper.act {
display: block;
}
.ab_page5 .swiper .item {
width: 3.8rem;
height: 4.46rem;
padding: 0.6rem 0.4rem;
box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
}
.ab_page5 .swiper .item .time {
color: #0059DE;
font-size: 0.18rem;
margin-bottom: 0.24rem;
display: none;
}
.ab_page5 .swiper .item .content {
font-size: 0.24rem;
line-height: 1.5;
margin-bottom: 0.32rem;
height: 0.64rem;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.ab_page5 .swiper .item .img_box {
width: 3rem;
height: 2.25rem;
overflow: hidden;
}
.ab_page5 .swiper .item .img {
width: 3rem;
height: 2.25rem;
transition: all 0.5s;
}
.ab_page5 .swiper .item .img:hover {
transform: scale(1.1);
}
.ab_page5 .swiper_box .swiper-scrollbar {
height: 0.04rem;
background-color: #dedede;
}
.ab_page5 .swiper_box .swiper-scrollbar-drag {
background-color: #0059DE;
position: relative;
}
.ab_page5 .swiper_box .swiper-scrollbar-drag::after {
content: "";
background-image: url("../img/cararr.svg");
width: 1.16rem;
height: 0.28rem;
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
right: 0;
top: -0.1rem;
transform: translateY(-100%);
}
.ab_page5 .swiper_box .swiper-scrollbar-drag::before {
content: "";
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 200vw;
background-color: #0059DE;
}
/* about-end----------------------------------------------- */
/* news----------------------------------------------- */
.news_page {
padding: 1.2rem 1.4rem;
}
.news_page .tab {
display: flex;
justify-content: flex-end;
width: 100%;
padding-bottom: 0.5rem;
border-bottom: 1px solid #ccc;
}
.news_page .tab .item {
/*width: 1.8rem;*/
/*height: 0.56rem;*/
/*border: 1px solid #ccc;*/
display: flex;
justify-content: space-between;
align-items: center;
/*padding: 0 0.2rem;*/
font-size: 0.18rem;
color: #666;
margin-right: 0.24rem;
/*transition: all 0.5s;*/
position: relative;
}
.news_page .tab .item .img{
display: none;
}
.news_page .tab .item:last-child{
margin-right: 0;
}
.news_page .tab .item.act,
.news_page .tab .item:hover {
/*background-color: #0059DE;*/
/*border: none;*/
/*color: #0059DE;*/
color: #333;
}
.news_page .tab .item::after{
content: "";
position: absolute;
bottom: -0.1rem;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0.03rem;
border-radius: 0.015rem;
background-color: #FFBF00;
transition: all .5s;
}
.news_page .tab .item:hover::after, .news_page .tab .item.act::after{
width: 100%;
}
.news_page .tab .item .act_img {
display: none;
}
.news_page .tab .item.act .act_img,
.news_page .tab .item:hover .act_img {
display: block;
}
.news_page .tab .item.act .comm_img,
.news_page .tab .item:hover .comm_img {
display: none;
}
.news_page .list {
margin-top: 0.5rem;
}
.news_page .list .item {
background-color: #f8f8f8;
display: flex;
height: 3.72rem;
width: 100%;
margin-bottom: 0.8rem;
border-radius: 0.18rem;
}
.news_page .list .item .left {
margin-right: 0.8rem;
width: 5.2rem;
height: 3.72rem;
overflow: hidden;
border-radius: 0.18rem;
}
.news_page .list .item .left img {
width: 100%;
transition: all 0.5s;
}
.news_page .list .item:hover .left img {
transform: scale(1.1);
}
.news_page .list .item .center {
margin-right: 1rem;
padding-top: 0.9rem;
width: 7.68rem;
}
.news_page .list .item .center .tit {
font-size: 0.32rem;
font-weight: 400;
margin-bottom: 0.35rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.news_page .list .item:hover .tit {
color: #0059DE;
}
.news_page .list .item .center .content {
width: 100%;
font-size: 0.18rem;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
line-clamp: 2;
margin-bottom: 0.7rem;
color: #666;
line-height: 1.75;
}
.news_page .list .item .center .more {
width: auto;
height: 0.2rem;
background-color: initial;
color: #666;
justify-content: start;
}
.news_page .list .item:hover .center .more {
color: #0059DE;
}
.news_page .list .item .center .more i {
background-image: url("../img/more-6.svg");
}
.news_page .list .item:hover .center .more i {
background-image: url("../img/more-06c.svg");
}
.news_page .list .item .time {
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.news_page .list .item .m_time{
display: none;
}
.news_page .list .item .time .day {
font-size: 0.5rem;
margin-bottom: 0.24rem;
color: #666;
display: none;
}
.news_page .list .item .time .year {
font-size: 0.2rem;
color: #666;
opacity: 0.5;
}
.pagination {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 0.2rem;
}
.pagination .item {
width: 0.52rem;
height: 0.52rem;
font-size: 0.16rem;
color: #0f55d6;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0.2rem;
border: #b0c6ee solid 1px;
font-weight: bold;
font-family: HarmonyOS Sans SC;
transition: all 0.5s;
}
.pagination .item:hover,
.pagination .item.act {
background-color: #0059DE;
color: #fff;
}
.pagination .prev,
.pagination .next {
width: 1.1rem;
height: 0.52rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.16rem;
color: #0f55d6;
font-weight: normal;
}
.pagination .next {
margin-right: 0;
}
.news_d {
padding: 1.2rem 1.4rem;
background-color: #f8f8f8;
}
.news_d .inner {
background-color: #fff;
padding: 1rem 1.2rem 0.6rem;
}
.news_d .title {
font-size: 0.32rem;
margin-bottom: 0.3rem;
text-align: center;
line-height: 1.5;
}
.news_d .share {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0.3rem;
color: #777;
}
.news_d .share .time {
margin-right: 0.3rem;
font-size: 0.16rem;
}
.news_d .share .lline {
width: 0.8rem;
height: 1px;
background-color: #d4d4d4;
margin-right: 0.3rem;
}
.news_d .share .links {
display: flex;
}
.news_d .share .links a {
width: 0.3rem;
height: 0.3rem;
margin-right: 0.2rem;
}
.news_d .share .links a:last-child {
margin-right: 0;
}
.news_d .line {
width: 100%;
height: 1px;
background-color: #ececec;
}
.news_d .content {
padding: 0.5rem 0 1.2rem;
}
.news_d .content p {
font-size: 0.16rem;
color: #777;
line-height: 2;
}
.news_d .content img {
width: 100%;
margin: 0.5rem 0 0;
}
.news_d .bottom {
width: 100%;
display: flex;
justify-content: space-between;
padding-top: 0.3rem;
}
.news_d .bottom .left a {
display: block;
margin-bottom: 0.16rem;
}
.news_d .bottom .left a:hover {
color: #0059DE;
}
.news_d .bottom .left .m_more{
display: none;
}
.search_page{
padding: 2rem 1.4rem 0;
}
.search_page .title{
font-size: 0.48rem;
text-align: center;
}
.search_p .tab{
border: none;
width: auto;
padding-bottom: 0;
}
.search_p{
display: flex;
justify-content: space-between;
border-bottom: 1px solid #ccc;
padding-bottom: 0.5rem;
align-items: center;
}
.search_p input{
width: 6rem;
height: 0.6rem;
padding-left: 0.5rem;
font-size: 0.18rem;
border: 1px solid #d0d0d0;
}
.search_p .search{
position: relative;
width: 100%;
}
.search_p img{
position: absolute;
top: 50%;
left: 0.1rem;
transform: translateY(-50%);
}
/* news-end----------------------------------------------- */
/* contact----------------------------------------------- */
.cta_cop{
padding: 1.2rem 1.4rem 0;
}
.cta_cop .title{
font-size: 0.48rem;
font-weight: bold;
text-align: center;
margin-bottom: 0.7rem;
}
.cta_cop .tab{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.cta_cop .tab .item{
width: 4rem;
position: relative;
cursor: pointer;
}
.cta_cop .tab .item .bg{
width: 100%;
margin-bottom: 0.95rem;
height: 2.03rem;
}
.cta_cop .tab .item .txt{
position: absolute;
top: 1.46rem;
left: 0;
width: 100%;
height: 0.56rem;
background-color: #0059DE;
color: #fff;
font-size: 0.16rem;
display: flex;
align-items: center;
justify-content: center;
}
.cta_cop .tab .item .txt::after{
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0.06rem;
background-color: #FFD000;
transition: all .5s;
}
.cta_cop .tab .item:hover .txt::after,
.cta_cop .tab .item.act .txt::after{
width: 100%;
}
.cta_cop .tab .item .txt img{
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%,100%);
width: 0.4rem;
display: none;
}
.cta_cop .tab .item.act .txt img{
display: block;
}
.cta_cop .item .address{
display: none;
}
.cta_cop .item.act .address{
display: block;
}
.cta_cop .item .address .name{
font-size: 0.34rem;
margin-bottom: 0.29rem;
line-height: 1.4;
color: #333;
}
.cta_cop .item .address div{
font-size: 0.2rem;
margin-bottom: 0.18rem;
line-height: 1.4;
color: #666;
}
.cta_cop .item .address .email{
margin-bottom: 0;
}
.cta_page {
padding: 1.2rem 1.4rem;
}
.cta_page .tit{
font-size: 0.48rem;
font-weight: bold;
text-align: center;
margin-bottom: 0.7rem;
}
.cta_page .select_list {
display: flex;
justify-content: space-between;
margin-bottom: 0.6rem;
}
.cta_page .select_list .select_item .el-input__inner {
width: 4.23rem;
height: 0.6rem;
background-color: #f1f1f1;
}
.cta_page .select_list .select_item .el-input__suffix {
right: 0.4rem;
left: auto;
}
.cta_page .select_list .input_item .el-input__inner {
width: 6.74rem;
height: 0.6rem;
background-color: #f1f1f1;
}
.cta_page .select_list .input_item .el-input__icon {
line-height: 0.6rem;
}
.cta_page .select_list .input_item .el-input__prefix {
left: auto;
right: 0;
padding-right: 0.4rem;
text-align: right;
}
.jobs_list {
margin-bottom: 0.55rem;
}
.jobs_item {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
height: 0.8rem;
border-top: 1px solid #efefef;
}
.jobs_tit .jobs_item {
border-top: none;
}
.jobs_tit .jobs_item div {
width: 20%;
font-size: 0.18rem;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
font-family: HarmonyOS Sans SC;
color: #333;
}
.jobs_item div {
width: 20%;
font-size: 0.16rem;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
color: #666;
font-family: HarmonyOS Sans SC;
}
.jobs_item div .more {
width: 1.2rem;
height: 0.4rem;
background-color: #fff;
color: #0059DE;
border: #0059DE solid 1px;
transition: all 0.5s;
}
.jobs_item:hover {
background-color: #f7f7f7;
}
.jobs_item:hover div .more {
background-color: #0059DE;
color: #fff;
}
/* contact-end----------------------------------------------- */
/* pro------------------------------------------------ */
.pro_ser {
padding: 1.2rem 1.4rem;
}
.pro_tab {
display: flex;
padding-bottom: 0.5rem;
border-bottom: 1px solid #ccc;
margin-bottom: 0.5rem;
}
.pro_tab .item {
width: 1.8rem;
height: 0.56rem;
margin-right: 0.24rem;
padding: 0 0.2rem;
display: flex;
align-items: center;
justify-content: space-between;
border: solid 1px #ccc;
font-size: 0.16rem;
color: #666;
transition: all 0.5s;
}
.pro_tab .item:hover,
.pro_tab .item.act {
color: #fff;
background-color: #0059DE;
border: none;
}
.pro_page1 .tab {
display: flex;
/*flex-wrap: wrap;*/
justify-content: space-between;
margin-bottom: 1rem;
}
.pro_page1.act{
padding-top: 3rem;
}
.pro_page1.act .tab{
position: fixed;
top: 1rem;
left: 0;
width: 100%;
padding: 0.5rem 1.4rem;
background-color: #FFF;
z-index: 999;
box-shadow: 0 0 0.1rem rgba(0,0,0,.1);
}
.pro_page1 .tab .item {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
font-size: 0.18rem;
margin-right: 0.2rem;
cursor: pointer;
}
.pro_page1 .tab .item .bg {
position: absolute;
bottom: 0;
right: 0;
width: 0.6975rem;
opacity: .3;
}
.pro_page1 .tab .item:last-child {
margin-right: 0;
}
.pro_page1 .tab .item .img_box {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0.32rem;
width: 1.92rem;
height: 1.2rem;
position: relative;
border-radius: 0.3rem;
border: solid 1px rgba(41, 151, 255, 0.4);
transition: all 0.5s;
}
.pro_page1 .tab .item .icon img {
width: 0.495rem;
}
.pro_page1 .tab .item .icon .act_img {
display: none;
}
.pro_page1 .tab .item:hover .icon .act_img,
.pro_page1 .tab .item.act .icon .act_img {
display: block;
}
.pro_page1 .tab .item:hover .icon .comm_img,
.pro_page1 .tab .item.act .icon .comm_img {
display: none;
}
.pro_page1 .tab .item:hover .img_box,
.pro_page1 .tab .item.act .img_box {
background-color: #0059DE;
}
.pro_page1 .tab .item:hover,
.pro_page1 .tab .item.act {
color: #2997ff;
}
.pro_page1 .list .item {
display: flex;
border-radius: 0.4rem;
height: 6rem;
box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
overflow: hidden;
margin-bottom: 0.6rem;
}
.pro_page1 .list .item_box:nth-child(even) .item{
flex-direction: row-reverse;
}
/*.pro_page1 .list .item.act {*/
/* display: flex;*/
/*}*/
.pro_page1 .list .item .img_box {
background-color: #000;
width: 9.24rem;
overflow: hidden;
display: flex;
justify-content: center;
position: relative;
}
.pro_page1 .list .item .img_box .swiper-slide{
width: 100%;
z-index: 1;
}
.pro_page1 .list .item .img_box .swiper-slide-active{
z-index: 9;
}
.pro_page1 .list .item .img_box .img {
height: 100%;
width: 9.24rem;
transition: all 0.5s;
}
.pro_page1 .list .item:hover .img_box .swiper-slide-active .img {
transform: scale(1.1);
}
.pro_page1 .list .item .right {
width: 7.14rem;
background-color: #fff;
padding: 0.75rem;
position: relative;
}
.pro_page1 .list .item .right .bg {
position: absolute;
bottom: 0;
right: 0;
width: 1.98rem;
opacity: .5;
}
.pro_page1 .list .item_box:nth-child(even) .item .right .bg{
left: 0;
right: auto;
}
.pro_page1 .list .item .right .header {
display: flex;
align-items: center;
/*padding-bottom: 0.42rem;*/
margin-bottom: 0.42rem;
position: relative;
}
.pro_page1 .list .item .right .header::after {
content: "";
position: absolute;
left: 1rem;
bottom: 0;
width: 0.33rem;
height: 0.03rem;
background-color: #FFBF00;
}
.pro_page1 .list .item .right .header img {
width: 0.66rem;
margin-right: 0.33rem;
}
.pro_page1 .list .item .right .header .tit {
font-size: 0.32rem;
}
.pro_page1 .list .item .right .content {
font-size: 0.18rem;
width:100%;
line-height: 2;
height: 3.18rem;
overflow: auto;
position: relative;
}
.pro_page2 {
padding-top: 1.6rem;
}
.pro_page2 .title {
font-size: 0.48rem;
font-weight: bold;
text-align: center;
margin-bottom: 0.9rem;
}
.pro_page2 .tab{
display: none;
justify-content: end;
margin-bottom: 0.5rem;
}
.pro_page2 .tab.act{
display: flex;
}
.pro_page2 .list {
display: flex;
flex-wrap: wrap;
}
.pro_page2 .list .item {
width: 3.8rem;
height: 6.4rem;
margin-right: 0.4rem;
margin-bottom: 0.4rem;
border-radius: 0.4rem;
overflow: hidden;
transition: all 0.5s;
box-shadow: 0 0 5px rgba(155, 207, 255, 1);
position: relative;
overflow: hidden;
}
.pro_page2 .list .item .img_box{
overflow: hidden;
}
.pro_page2 .list .item .img{
width: 3.8rem;
height: 4.24rem;
transition: all .5s;
}
.pro_page2 .list .item .inner{
padding: 0.3rem 0.24rem 0.77rem;
}
.pro_page2 .list .item .tit{
font-size: 0.22rem;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin-bottom: 0.17rem;
}
.pro_page2 .list .item .content{
font-size: 0.14rem;
line-height: 1.5;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.pro_page2 .list .item:nth-child(4n) {
margin-right: 0;
}
.pro_page2 .list .item .logo {
position: absolute;
bottom: 0.1rem;
right: 0.24rem;
height: 0.6rem;
}
.pro_page2 .list .item:hover {
box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.1);
}
.pro_page2 .list .item:hover .img{
transform: scale(1.1);
}
.pro_dialog {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: -9;
transition: all 0.5s;
}
.pro_dialog.act {
opacity: 1;
z-index: 1999;
}
.pro_dialog .close {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.pro_dialog .item {
display: none;
width: 15.2rem;
height: 8.8rem;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 0.4rem;
padding: 0 0.3rem 0 0.8rem;
}
.pro_dialog .item.act {
display: block;
}
.pro_dialog .item .container{
margin-top: 0.4rem;
padding-right: 0.5rem;
height: 8rem;
overflow: auto;
}
.pro_dialog .item .top{
display: flex;
justify-content: space-between;
padding: 0 0 0.29rem;
border-bottom: 1px solid rgba(112, 112, 112,.13);
}
.pro_dialog .item .top .tit{
font-size: 0.32rem;
font-weight: bold;
line-height: 1.5;
}
.pro_dialog .item .logo {
height: 0.6rem;
}
.pro_dialog .item .inner {
padding: 0.4rem 0;
}
.pro_dialog .item .inner img {
width: 100%;
}
.pro_dialog .item .inner p {
font-size: 0.16rem;
line-height: 1.75;
color: #666;
}
.pro_dialog .item .inner a {
font-size: 0.25rem;
color: #0059DE;
}
/* pro-end----------------------------------------------- */
/* footer----------------------------------------------- */
footer {
width: 100%;
background-color: #1d1d1d;
padding: 0 1.4rem;
}
.m_footer{
display: none;
}
footer .top {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
padding: 0.47rem 0 0.6rem;
display: flex;
justify-content: space-between;
color: #fff;
}
footer .top .left{
margin-right: 1.16rem;
}
footer .top .left .comp{
display: flex;
align-items: center;
margin-bottom: 0.78rem;
}
footer .top .left .web {
display: flex;
align-items: center;
}
footer .top .left .web .logo {
width: 1.61rem;
height: 0.61rem;
margin-right: 0.25rem;
display: flex;
align-items: center;
}
footer .top .left .web .logo img {
width: 100%;
}
footer .top .left .web .links {
width: 1.8rem;
height: 0.4rem;
padding-left: 0.31rem;
border-radius: 0.2rem;
border: 1px solid #989898;
position: relative;
}
footer .top .left .web .links .tip {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 9;
}
footer .top .left .web .links .tip i {
display: block;
width: 0.16rem;
height: 0.08rem;
background-image: url(../img/arrfoot.svg);
background-size: 100% 100%;
margin-right: 0.2rem;
}
footer .top .left .web .links .xl {
position: absolute;
top: 110%;
left: 0;
width: 100%;
display: none;
}
footer .top .left .web .links .xl a {
height: 0.4rem;
width: 100%;
display: flex;
align-items: center;
padding-left: 0.31rem;
background-color: #fff;
border-bottom: 1px solid #989898;
}
footer .top .left .share {
display: flex;
align-items: center;
margin-left: 0.32rem;
}
footer .top .left .share .item {
position: relative;
width: 0.64rem;
height: 0.64rem;
margin-right: 0.2rem;
}
footer .top .left .share .item > img {
width: 100%;
}
footer .top .left .share .item .ewm {
position: absolute;
opacity: 0;
top: -0.1rem;
left: 50%;
transform: translate(-50%,-100%);
background-color: #FFF;
width: 2rem;
height: 2rem;
}
footer .top .left .share .item:hover .ewm{
opacity: 1;
}
footer .top .left .nav ul{
display: flex;
}
footer .top .left .nav ul li{
margin-right: 0.72rem;
}
footer .top .left .nav ul li a{
color: #fff;
font-size: 0.18rem;
white-space: nowrap;
}
footer .top .left .share .item:last-child,
footer .top .left .nav ul li:last-child{
margin-right: 0;
}
footer .center {
margin-right: 0.8rem;
margin-top: 0.2rem;
}
footer .center .item{
display: flex;
line-height: 1.5;
align-items: start;
margin-bottom: 0.28rem;
}
footer .center .item:last-child{
margin-bottom: 0;
}
footer .center .item img{
width: 0.32rem;
margin-right: 0.24rem;
}
footer .center .item .tit{
font-size: 0.18rem;
margin-bottom: 0.12rem;
}
footer .center .item .content{
font-size: 0.14rem;
color: rgba(255, 255, 255, .7);
width: 2.54rem;
}
footer .top .right{
margin-top: 0.2rem;
}
footer .top .right .tit {
font-size: 0.28rem;
margin-bottom: 0.3rem;
width: 5.04rem;
font-weight: bold;
white-space: nowrap;
}
footer .top .right .contact {
display: flex;
}
footer .top .right .contact img {
width: 0.487rem;
height: 0.487rem;
margin-right: 0.13rem;
}
footer .top .right .contact .detail {
font-size: 0.3rem;
}
footer .top .right .contact .detail .time {
font-size: 0.16rem;
margin-top: 0.12rem;
}
footer .top .right .contact .detail .time span {
letter-spacing: 0.05rem;
}
footer .bottom {
height: 0.6rem;
font-size: 0.13rem;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
color: #989898;
}
/* 鍐呴〉banner */
/* 閫傞厤 */
@media (max-width: 1024px) {
*::-webkit-scrollbar {
width: 2px;
height: 2px;
}
.more{
width: 100px;
height: 34px;
font-size: 12px;
}
.more i{
width: 12px;
height: 7px;
margin-left: 10px;
}
header.i_header{
display: none;
}
header{
display: none;
}
.m_header {
display: block;
}
.m_header.act .top{
background: #fff;
}
.m_header .col-l {
display: flex;
align-items: center;
}
.m_header .col-l .logo {
display: block;
width: 110px;
position: relative;
}
.m_header .col-l .logo img{
width: 100%;
height: auto;
}
.m_header.act .col-r img,
.m_header .col-l .logo img.comm_img {
width: 100%;
}
.m_header .col-r{
display: flex;
align-items: center;
}
.m_header .col-r div{
width: 21px;
}
.m_header .col-r .list{
margin-left: 21px;
}
.m_header .col-r .search2,
.m_header .col-r .list2,
.m_header .col-l .logo img.act_img {
display: none;
}
.m_header.act .col-r .search1,
.m_header.act .col-r .list1,
.m_header.act .col-l .logo img.comm_img {
display: none;
}
.m_header.act .col-r .search2,
.m_header.act .col-r .list2,
.m_header.act .col-l .logo img.act_img {
display: block;
}
.m_header .top {
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
top: 0;
z-index: 999;
width: 100vw;
height: 50px;
padding: 0 24px ;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.m_header .top .cha {
display: none;
}
.m_header .top.on .search1,
.m_header .top.on .search2 ,
.m_header .top.on .list1,
.m_header .top.on .list2 {
display: none;
}
.m_header .top.on .cha {
display: block;
width: 24px;
height: 24px;
max-width: fit-content;
}
.m_menu {
transform: translateY(-100%);
opacity: 0;
transition: all 0.5s;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #fff;
z-index: 998;
padding: 70px 0;
}
.m_menu.on {
transform: translateY(0);
opacity: 1;
}
.m_menu .navbar ul li {
border-bottom: 1px solid #e8e8e8;
font-size: 16px;
width: 100%;
}
.m_menu .navbar{
height: 90vh;
overflow: auto;
}
.m_menu .navbar ul {
width: 100%;
padding: 0 24px;
}
.m_menu .navbar li {
border-bottom: 1px solid #e8e8e8;
font-size: 16px;
width: 100%;
}
.m_menu .navbar .tit {
display: block;
width: 100%;
line-height: 60px;
color: #333;
position: relative;
box-sizing: border-box;
font-size: 16px;
text-align: left;
margin-bottom: 0;
}
.m_menu .navbar .tit > a.tit {
display: block;
width: 78%;
}
.m_menu .navbar .tit i {
display: block;
width: 10px;
height: 10px;
background-image: url(../img/h_add.svg);
background-size: 100% 100%;
position: absolute;
top: 50%;
margin-top: -5px;
right: 3%;
transition: all 0.3s linear;
}
.m_menu .navbar .tit.on i {
transform: rotate(180deg);
}
.m_menu .navbar .sec_list {
line-height: 40px;
display: none;
position: relative;
}
.m_menu .navbar .sec_list p {
background-size: 3px auto;
font-size: 14px;
position: relative;
}
.m_menu .navbar .sec_list a {
padding-left: 3%;
width: 78%;
color: #666;
display: block;
}
.m_menu .navbar .sec_list i {
display: block;
width: 10px;
height: 10px;
background-image: url(../img/h_add.svg);
background-size: 100% 100%;
position: absolute;
top: 50%;
margin-top: -5px;
right: 3%;
transition: all 0.3s linear;
}
.m_menu .navbar .sec_list .sec_item.on i {
transform: rotate(180deg);
}
.m_menu .navbar .sec_list .third_list {
line-height: 40px;
padding: 10px 4%;
display: none;
}
.m_menu .navbar .sec_list .third_list p {
background-size: 3px auto;
font-size: 14px;
}
.m_menu .navbar .sec_list .third_list a {
padding-left: 3%;
color: #666;
display: block;
}
.m_header .top.on .col-l .logo img.hover-img {
display: block;
}
footer {
display: none;
}
.m_footer {
display: block;
background-color: #1d1d1d;
padding: 25px 20px;
}
.m_footer .comp{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 32px;
}
.m_footer .logo {
width: 80.5px;
height: 30.5px;
display: flex;
align-items: center;
}
.m_footer .logo img{
width: 100%;
}
.m_footer .share{
display: flex;
align-items: center;
}
.m_footer .share .item{
width: 32px;
height: 32px;
position: relative;
margin-right: 12px;
}
.m_footer .share .item:last-child{
margin-right: 0;
}
.m_footer .share .item .ewm{
opacity: 0;
z-index: -99;
position: absolute;
left: 50%;
top: calc(100% + 10px);
transform: translateX(-50%);
width: 100px;
height: 100px;
background-color: #FFF;
}
.m_footer .share .item .ewm img{
width: 100%;
}
.m_footer .share .item:hover .ewm {
opacity: 1;
z-index: 9;
}
.m_footer .links{
width: 90px;
height: 20px;
padding-left: 0.155rem;
border-radius: 0.1rem;
border: 1px solid #989898;
position: relative;
}
.m_footer .links .tip{
color: #fff;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 9;
font-size: 12px;
}
.m_footer .links .tip i {
display: block;
width: 0.08rem;
height: 0.04rem;
background-image: url(../img/arrfoot.svg);
background-size: 100% 100%;
margin-right: 0.1rem;
}
.m_footer .links .xl {
position: absolute;
top: 110%;
left: 0;
width: 100%;
display: none;
}
.m_footer .links .xl a {
height: 0.2rem;
width: 100%;
display: flex;
align-items: center;
padding-left: 0.155rem;
background-color: #fff;
border-bottom: 1px solid #989898;
font-size: 12px;
}
.m_footer .contact {
color: #fff;
line-height: 1.5;
display: flex;
flex-direction: row-reverse;
}
.m_footer .contact .tit{
font-size: 14px;
width: 40%;
display: flex;
align-items: center;
margin-top: 6px;
}
.m_footer .contact img{
width: 38px;
margin-right: 12px;
}
.m_footer .contact .num {
font-size: 20px;
}
.m_footer .contact .time{
font-size: 12px;
}
.m_footer .contact .info{
display: flex;
width: 60%;
}
.m_footer .top{
margin-bottom: 26px;
}
.m_footer .nav {
margin-bottom: 30px;
}
.m_footer .nav ul li {
border-bottom: solid rgba(255,255,255,.5) 1px;
}
.m_footer .nav ul li .first {
padding: 11px 0 12px;
font-size: 12px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
line-height: 1.3;
position: relative;
}
.m_footer .nav ul li .first a{
width: 80%;
color: #fff;
}
.m_footer .nav ul li .first i {
background: url("../img/add1fff.svg") center no-repeat;
background-size: cover;
width: 12px;
height: 12px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.m_footer .nav ul li .sec_list {
display: none;
}
.m_footer .nav ul li .sec {
padding: 16px 12px 12px;
font-size: 12px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
}
.m_footer .bottom {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 12px;
color: rgba(255,255,255,.7);
line-height: 2;
padding: 0 20px;
}
.animated-header-bg{
display: none;
}
.i_banner{
display: none;
}
.m_banner{
display: block;
}
.m_banner .swiperm{
/*height: 66vh;*/
height: 45vh;
overflow: hidden;
}
.i_page1 .more,
.m_banner .swiperm .more{
display: none;
}
.m_banner .swiperm .item{
padding: 0 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.m_banner .banner_txt{
font-size: 18px;
/*font-size: 22px;*/
margin-bottom: 35px;
line-height: 1.5;
}
.m_banner .banner_txt span{
font-size: 24px;
/*font-size: 28px;*/
font-weight: bold;
}
.banner{
margin-top: 50px;
padding: 0;
}
.banner .bg{
height: 47.73vw;
}
.banner .txt {
padding: 20px;
font-size: 28px;
}
.banner .txt .tit{
font-size: 28px;
margin: 0;
}
.banner .txt .content{
display: none;
}
.i_page1{
padding: 40px 20px 0;
}
.i_page1 .top{
flex-direction: column;
margin-bottom: 30px;
}
.i_page1 .top .left{
width: 100%;
margin: 0 ;
}
.i_page1 .tit1{
font-size: 14px;
margin-bottom: 10px;
display: none;
}
.i_page1 .tit2{
font-size: 22px;
margin-bottom: 10px;
display: none;
}
.i_page1 .tit3{
font-size: 16px;
margin-bottom: 16px;
display: none;
}
.i_page1 .m_tit{
display: block;
color: #666;
font-size: 15px;
margin-bottom: 20px;
text-align: center;
line-height: 1.75;
}
.i_page1 .m_tit strong{
color: #333;
font-weight: normal;
}
.i_page1 .content{
font-size: 12px;
line-height: 1.75;
width: 100%;
margin-bottom: 0;
color: #666;
text-align: center;
}
.i_page1 .top .right {
width: 100%;
height: auto;
display: none;
}
.i_page1 .top .right .cmap{
/*display: none;*/
width: 100%;
height: auto;
}
.i_page1 .top .right .m_cmap{
width: 100%;
display: block;
}
.i_page1 .top .right .icon{
top: 60%;
right: 22.38%;
width: 5.2vw;
}
.i_page1 .top .right .lines .svg1{
top: 39%;
right: 13.4%;
width: calc((50 / 335) * 100vw);
height: calc((63 / 335) * 100vw);
}
.i_page1 .top .right .lines .svg2{
top: 41.5%;
right: 21.5%;
width: calc((39 / 335) * 100vw);
height: calc((60 / 335) * 100vw);
}
.i_page1 .top .right .lines .svg3{
top: 35%;
right: 24.4%;
width: calc((191 / 335) * 100vw);
height: calc((78.5 / 335) * 100vw);
}
.i_page1 .top .right .lines .svg4{
top: 60%;
right: 24.4%;
width: calc((66.337 / 335) * 100vw);
height: calc((22.6055 / 335) * 100vw);
}
.i_page1 .top .right .lines .svg5{
top: 61.5%;
right: 23.4%;
width: calc((36 / 335) * 100vw);
height: calc((50 / 335) * 100vw);
}
.i_page1 .top .right .lines .svg6{
top: 63.5%;
right: 24.4%;
width: calc((6.3 / 335) * 100vw);
height: calc((14.5 / 335) * 100vw);
}
.i_page1 .top .right .lines .svg7{
top: 61.5%;
right: 23.4%;
width: calc((11.5 / 335) * 100vw);
height: calc((36 / 335) * 100vw);
}
.i_page1 .bottom{
flex-wrap: wrap;
padding: 22px 18px;
justify-content: space-between;
height: auto;
width: 100%;
background-color: #F4F8FF;
border-radius: 6px;
}
.i_page1 .bottom .item.act,
.i_page1 .bottom .item{
width: auto;
height: auto;
background-color: transparent;
padding: 0;
/*padding: 10px 12px;*/
}
.i_page1 .bottom .item .tit::after{
width: 100%;
}
.i_page1 .bottom .item.act .content,
.i_page1 .bottom .item .content{
display: block;
}
.i_page1 .bottom .item .count{
flex-direction: column-reverse;
align-items: start;
}
.i_page1 .bottom .item .year{
font-size: 28px;
margin-bottom: 4px;
align-items: baseline;
}
.i_page1 .bottom .item .year .timer{
font-weight: bold;
}
.i_page1 .bottom .item span{
font-size: 12px;
color: #0059DE;
}
.i_page1 .bottom .item .tit{
font-size: 12px;
padding-bottom: 6px;
/*margin-bottom: 6px;*/
}
.i_page1 .bottom .item .content{
height: auto;
margin-bottom: 0;
}
.i_page2{
padding: 50px 20px 25px;
}
.i_page2 .imgs,
.i_page2 .list{
display: none;
}
.i_page2 .inner{
height: auto;
}
.i_page2 .m_list{
display: block;
}
.i_page2 .m_list .item{
/*height: 47.06vw;*/
height: 22vw;
width: 100%;
padding: 12px 23px;
position: relative;
color: #fff;
margin-bottom: 24px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.i_page2 .m_list .item .cover{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.i_page2 .m_list .item .more{
position: relative;
/*left: 0;*/
/*bottom: 0;*/
font-size: 12px;
width: auto;
height: auto;
background-color: initial;
display: flex;
align-items: start;
justify-content: start;
}
.i_page2 .m_list .item .tit{
font-size: 16px;
margin-bottom: 16px;
position: relative;
}
.i_page2 .m_list .item .content{
margin-bottom: 20px;
font-size: 12px;
height: auto;
overflow: auto;
line-height: 1.5;
position: relative;
display: none;
}
.i_page2 .m_list .item .content p{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.i_page3{
padding: 40px 20px 25px;
background-color: #F9F9F9;
}
.i_page3 .bg{
display: none;
}
.i_page3 .top{
flex-direction: column;
align-items: start;
}
.i_page3 .tab{
margin-bottom: 25px;
}
.i_page3 .tab .item{
margin-left: 0;
margin-right: 40px;
font-size: 14px;
margin-bottom: 0;
}
.i_page3 .swiper2{
display: none;
}
.i_page3 .swiperm{
display: block;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.i_page3 .swiperm .litem{
background-color: #0f66cc;
color: #fff;
display: flex;
align-items: center;
/*justify-content: center;*/
flex-direction: column;
height: 44.8vw;
padding: 17px 25px;
}
.i_page3 .swiperm .litem .com_logo{
/*width: 60px;*/
/*height: 50px;*/
height: 17.93vw;
display: flex;
justify-content: center;
align-items: center;
/*margin-bottom: 15px;*/
}
.i_page3 .swiperm .litem .com_logo img{
height: 75%;
/*width: 100%;*/
/*height: 100%;*/
}
/*.i_page3 .item:nth-child(2) .swiperm .litem .com_logo img{*/
/* height: 50%;*/
/*}*/
.i_page3 .swiperm .litem .bg{
display: block;
width: 29.2vw;
height: auto;
left: auto;
right: 0;
}
.i_page3 .swiperm .litem .right img{
width: 21.8vw;
margin-bottom: 10px;
}
.i_page3 .swiperm .litem .content{
font-size: 12px;
line-height: 1.5;
/*width: 49.33vw;*/
width: 100%;
/*height: 14vw;*/
/*overflow: auto;*/
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.i_page3 .list .item .partner .ckgd{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 0.2rem;
}
.i_page3 .list .item .partner .ckgd.act{
display: none;
}
.i_page3 .list .item .partner .litem{
width: calc((100vw - 80px) / 4);
height: calc((100vw - 80px) / 4);
margin-right: 10px;
margin-bottom: 10px;
}
.i_page3 .list .item .partner .litem:nth-child(4n){
margin-right: 0;
}
.i_page3 .list .item .partner .litem:nth-child(n+17){
display: none;
}
.i_page3 .list .item .more{
margin-top: 24px;
background-color: #FFF;
color: #0059DE;
display: none;
}
.i_page3 .list .item .more i{
background-image: url('../img/m_arr.png');
}
.i_page3 .swiper-pagination{
top: calc(44.8vw - 22px);
bottom: auto;
}
.i_page3 .swiper-pagination-bullet-active{
background-color: #FFF;
}
.i_page4{
padding: 40px 20px 40px;
}
.i_page4 .top{
flex-direction: column;
align-items: start;
}
.i_page .title{
font-size: 24px;
margin-bottom: 10px;
}
.i_page .title2{
font-size: 12px;
margin-bottom: 30px;
}
.i_page4 .tab{
margin-bottom: 23.5px;
}
.i_page4 .tab .item{
margin-left: 0;
margin-right: 40px;
font-size: 14px;
}
.i_page4 .list{
display: none;
}
.i_page4 .m_list{
display: block;
}
.i_page4 .list .item.act{
flex-wrap: wrap;
}
.i_page4 .list .item .litem{
width: 100%;
margin: 0 0 24px;
height: auto;
}
.i_page4 .list .item .litem .bg{
height: 150px;
}
.i_page4 .list .item .litem .txt{
padding: 19px 24px 10px;
height: auto;
}
.i_page4 .list .item .litem .txt .ltop{
padding-bottom: 24px;
margin-bottom: 8px;
}
.i_page4 .list .item .litem .txt .tit{
font-size: 16px;
margin-bottom: 12px;
}
.i_page4 .list .item .litem .txt .content{
font-size: 12px;
}
.i_page4 .list .item .litem .txt .time .day{
font-size: 28px;
}
.i_page4 .list .item .litem .txt .time .year{
font-size: 12px;
}
.i_page4 .list .item .litem .txt .lbg{
display: none;
}
.i_page4 .list .item .litem:hover .txt{
background-color: #f8f8f8;
color: #5f5d5e;
}
.i_page4 .m_list .swiper-pagination{
bottom: 40px;
}
/*about ------------------------------------------------------*/
.ab_page1{
padding: 12px 20px 16px;
}
.ab_page1 .title{
display: block;
font-size: 16px;
margin-bottom: 10px;
/*text-align: left;*/
}
.ab_page1 .list{
flex-direction: column;
background-color: #F4F8FF;
padding: 20px;
border-radius: 10px;
}
.ab_page1 .list .item{
width: 100%;
padding-left: 20px;
display: flex;
padding-bottom: 0;
margin-bottom: 25px;
justify-content: space-between;
}
.ab_page1 .list .item:nth-child(3){
margin-bottom: 0;
}
.ab_page1 .list .item .tit{
font-size: 16px;
margin-bottom: 0;
}
.ab_page1 .list .item .content{
font-size: 14px;
width: 52vw;
line-height: 1.5;
}
.ab_page1 .list .item::before {
content: "";
position: absolute;
left: 0;
top: 12px;
width: 6px;
height: 6px;
background-color: #FFBF00;
z-index: 9;
border-radius: 50%;
}
.ab_page1 .car{
display: none;
}
.ab_page1 .list .car{
display: none;
}
.ab_page1 .list .item::after,
.ab_page1 .car::after,
.ab_page1 .car img{
display: none;
}
.ab_page1 .car.act,
.ab_page1 .car {
position: absolute;
bottom: 0;
left: calc(32vw - 20px);
width: 2.66vw;
height: 100%;
transition: all 0s;
background: #0059DE;
display: none;
}
.ab_page2 .cover{
display: none;
}
.ab_page2{
padding-top: 45px;
height: 84.53vw;
display: none;
align-items: center;
}
.ab_page2 .bg{
height: 84.53vw;
}
.ab_page2 .list{
padding: 0 20px ;
align-items: start;
flex-wrap: wrap;
height: auto;
width: 100%;
}
.ab_page2 .list .item{
width: 50%;
margin-bottom: 40px;
}
.ab_page2 .list .item:nth-child(2n){
margin-right: 0;
}
.ab_page2 .list .item .num_box{
margin-bottom: 10px;
}
.ab_page2 .list .item .num{
font-size: 32px;
}
.ab_page2 .list .item span{
font-size: 12px;
}
.ab_page2 .list .item .name{
font-size: 12px;
}
.ab4{
/*height: 260px;*/
height: 300px;
margin-top: 0;
display: none;
}
.m_ab4{
display: flex;
flex-direction: column-reverse;
}
/*.ab_page4 .left{*/
/*width: 34.4vw;*/
/* justify-content: center;*/
/*}*/
/*.ab_page4 .right{*/
/* width: 58.66vw;*/
/* padding-top: 0;*/
/*}*/
/*.ab_page4{*/
/* padding: 50px 0;*/
/* height: 492.5px;*/
/*}*/
/*.ab_page4 .title{*/
/* font-size: 24px;*/
/* text-align: left;*/
/* padding: 0 20px;*/
/*}*/
/*.ab_page4 .left .list{*/
/* margin: 0;*/
/* padding: 0 25px;*/
/* transform: translateX(0);*/
/*}*/
/*.ab_page4 .left .btn .prev, .ab_page4 .left .btn .next{*/
/* width: 18px;*/
/* height: 18px;*/
/*}*/
/*.ab_page4 .left .btn .prev{*/
/* top: -17px;*/
/*}*/
/*.ab_page4 .left .btn .next{*/
/* bottom: -17px;*/
/*}*/
/*.ab_page4 .left .list .swiper-slide-active::after{*/
/* width: 16px;*/
/* height: 12.5px;*/
/* left: -25px;*/
/*}*/
/*.ab_page4 .right .list .item .event .content::after{*/
/* width: 8px;*/
/* height: 8px;*/
/* top: 50%;*/
/* transform: translateY(-50%);*/
/*}*/
/*.ab_page4 .left .list .swiper-slide{*/
/* font-size: 12px;*/
/*}*/
/*.ab_page4 .left .list .swiper-slide-active{*/
/* font-size: 16px; */
/*}*/
/*.ab_page4 .right .list .item.act{*/
/* display: flex;*/
/* height: 100%;*/
/*}*/
/*.ab_page4 .right .list .item{*/
/* justify-content: center;*/
/* flex-direction: column;*/
/*}*/
/*.ab_page4 .right .list .item .time{*/
/* font-size: 32px;*/
/* margin-bottom: 21px;*/
/* display: none;*/
/*}*/
/*.ab_page4 .right .list .item .event .content{*/
/* font-size: 12px;*/
/* padding-left: 16px;*/
/*}*/
/*.ab_page4 .right .list .item .event{*/
/* margin-bottom: 15px;*/
/*}*/
.ab_page4 .left{
width: 100vw;
justify-content: center;
height: 20%;
align-items: center;
}
.ab_page4 .right{
width: 100vw;
padding: 0 25px;
margin-top: 0;
height: 80%;
display: flex;
flex-direction: column;
justify-content: center;
}
.ab_page4{
padding: 50px 0 ;
height: 350px;
}
.ab_page4 .title{
font-size: 24px;
text-align: left;
padding: 0 20px;
}
.ab_page4 .left .list{
margin: 0 25px;
padding: 0;
overflow: hidden;
transform: translateX(0);
height: 100%;
}
.ab_page4 .left .btn .prev, .ab_page4 .left .btn .next{
width: 18px;
height: 18px;
}
.ab_page4 .left .btn .prev{
top: 50%;
left: 30px;
transform: translateY(-50%) rotate(90deg);
}
.ab_page4 .left .btn .next{
bottom: 50%;
right: 30px;
left: auto;
transform: translateY(50%) rotate(-90deg);
}
.ab_page4 .left .list .swiper-slide-active::after{
top: 15px;
transform: translate(-50%,-100%);
width: 16px;
height: 12.5px;
left: 50%;
}
.ab_page4 .right .list .item .event .content::after{
width: 8px;
height: 8px;
top: 50%;
transform: translateY(-50%);
}
.ab_page4 .left .list .swiper-slide{
font-size: 12px;
}
.ab_page4 .left .list .swiper-slide-active{
font-size: 16px;
}
.ab_page4 .right .list .item.act{
display: flex;
height: 100%;
}
.ab_page4 .right .list .item{
justify-content: center;
flex-direction: column;
}
.ab_page4 .right .list .item .time{
font-size: 32px;
margin-bottom: 21px;
display: none;
}
.ab_page4 .right .list .item .event .content{
font-size: 12px;
padding-left: 16px;
margin-bottom: 0;
}
.ab_page4 .right .list .item .event{
margin-bottom: 15px;
}
.ab_page4 .right .list .item .event:last-child{
margin-bottom: 0;
}
.ab_page5{
padding: 66px 20px 40px;
}
.ab_page5 .tab{
justify-content: start;
margin-bottom: 30px;
}
.ab_page5 .tab .item{
font-size: 24px;
margin-right: 40px;
}
.ab_page5 .swiper_box{
display: none;
}
.ab_page5 .m_scroll_box{
display: block;
padding: 0 ;
}
.ab_page5 .m_scroll_box .list{
display: none;
}
.ab_page5 .m_scroll_box .list.act{
display: flex;
overflow: auto;
padding-bottom: 25px;
}
.ab_page5 .m_scroll_box .list .item{
width:190px;
height: 201px;
margin-right: 20px;
padding: 20px;
box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.ab_page5 .m_scroll_box .list .item .content{
width: 100%;
font-size: 12px;
margin-bottom: 16px;
}
.ab_page5 .m_scroll_box .list .item .img{
width: 150px;
height: 112.5px;
}
/*about-end ------------------------------------------------------*/
/*product- ------------------------------------------------------*/
.pro_ser{
padding: 40px 25px 0;
}
.pro_page1 .tab{
overflow: auto;
margin-bottom: 50px;
}
.pro_page1 .tab .item .img_box{
width: 96px;
height: 60px;
border-radius: 15px;
margin-bottom: 16px;
}
.pro_page1 .tab .item .bg{
width: 35px;
}
.pro_page1 .tab .item .icon img{
width: 25px;
}
.pro_page1 .tab .item .name{
font-size: 12px;
text-align: center;
line-height: 1.5;
height: 36px;
}
.pro_page1 .list .item_box:nth-child(even) .item,
.pro_page1 .list .item{
flex-direction: column;height: auto;
border-radius: 20px;
}
.pro_page1 .list .item .img_box{
width: 100%;
height: 80vw;
}
.pro_page1 .list .item .img_box .img{
width: 100%;
}
.pro_page1 .list .item .right{
padding: 20px;
width: 100%;
}
.pro_page1 .list .item .right .header img{
width: 33px;
margin-right: 12px;
}
.pro_page1 .list .item .right .header .tit{
font-size: 16px;
}
.pro_page1 .list .item .right .header{
padding-bottom: 0;
margin-bottom: 21px;
}
.pro_page1 .list .item .right .header::after{
left: 45px;
}
.pro_page1 .list .item .right .content{
font-size: 14px;
height: auto;
}
.pro_page1 .list .item .right .bg{
width: 99px;
}
.pro_page1 .list .item_box:nth-child(even) .item .right .bg{
left: auto;
right: 0;
}
.pro_page2{
padding-top: 0;
margin-bottom: 0.4rem;
}
.pro_page2 .title{
font-size: 24px;
margin-bottom: 45px;
}
/*.pro_page2 .list {*/
/* justify-content: space-between;*/
/*}*/
/*.pro_page2 .list .item{*/
/* width: 100%;*/
/* border-radius: 10px;*/
/* margin-right: 0;*/
/* height: calc(178px + 98vw );*/
/*}*/
/*.pro_page2 .list .item .img{*/
/* width: 100%;*/
/* height: 98vw;*/
/*}*/
/*.pro_page2 .list .item .inner{*/
/* padding: 20px;*/
/*}*/
/*.pro_page2 .list .item .logo{*/
/* height: 30px;*/
/*}*/
.pro_page2 .list{
justify-content: space-between;
}
.pro_page2 .list .item{
width: 49%;
border-radius: 5px;
margin-right: 0;
height: calc(89px + 49vw );
}
.pro_page2 .list .item:nth-last-child(2),
.pro_page2 .list .item:nth-last-child(1){
margin-bottom: 0;
}
.pro_page2 .list .item .img{
width: 100%;
height: 49vw;
}
.pro_page2 .list .item .inner{
padding: 10px;
}
.pro_page2 .list .item .tit{
font-size: 14px;
line-height: 1.5;
white-space: initial;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.pro_page2 .list .item .content{
display: none;
}
.pro_page2 .list .item .logo{
height: 25px;
right: 5px;
}
.pro_dialog .item{
border-radius: 10px;
width: 89.33vw;
height: 80vh;
padding: 0 0.15rem 0 0.2rem;
}
.pro_dialog .item .container{
margin-top: 20px;
padding-right: 0.1rem;
height: calc(100% - 40px);
}
.pro_dialog .item .logo{
height: 30px;
}
.pro_dialog .item .top{
padding-bottom: 20px;
}
.pro_dialog .item .inner{
padding-top: 20px;
}
/*product-end ------------------------------------------------------*/
/*news ------------------------------------------------------*/
.news_page{
padding:40px 20px;
}
.news_page .tab{
justify-content: start;
padding-bottom: 25px;
}
.news_page .tab .item{
width: auto;
height: auto;
font-size: 12px;
padding: 0;
}
.news_page .list{
margin-top: 25px;
}
.news_page .list .item{
height: auto;
flex-direction: column;
margin-bottom: 40px;
}
.news_page .list .item .left{
width: 100%;
height: auto;
}
.news_page .list .item .center{
padding: 20px;
width: 100%;
}
.news_page .list .item .time{
display: none;
}
.news_page .list .item .m_time{
display: block;
color: #666;
margin-bottom: 10px;
}
.news_page .list .item .center .tit{
font-size: 16px;
margin-bottom: 10px;
}
.news_page .list .item .center .content{
font-size: 14px;
margin-bottom: 20px;
}
.news_page .list .item .center .more{
justify-content: start;
}
.news_d{
padding: 0;
}
.news_d .inner{
padding: 0.8rem 0.2rem 0.6rem;
}
.news_d .title{
font-size: 24px;
margin-bottom: 15px;
}
.news_d .share{
margin-bottom: 15px;
}
.news_d .share .time{
font-size: 12px;
}
.news_d .share .links a{
width: 20px;
height: 20px;
margin-right: 10px;
}
.news_d .content{
padding: 0.25rem 0 0.6rem;
}
.news_d .content p{
font-size: 14px;
}
.news_d .content img{
margin: 20px 0 0px;
}
.news_d .bottom .left .more{
display: none;
}
.news_d .bottom .left .m_more{
display: block;
}
.news_d .bottom .more{
display: none;
}
.news_d .bottom .left a{
line-height: 1.5;
}
.search_page{
padding: 90px 20px 0;
}
.search_page .title{
font-size: 24px;
}
.search_p form{
width: 100%;
}
.search_p{
flex-direction: column;
align-items: start;
padding-bottom: 0;
}
.search_p input{
width: 100%;
height: 40px;
font-size: 14px;
padding-left: 36px;
margin-bottom: 10px;
}
/*news-end ------------------------------------------------------*/
/*contact- ------------------------------------------------------*/
.cta_cop{
padding: 40px 20px 0;
}
.cta_cop .title{
font-size: 24px;
margin-bottom: 30px;
}
.cta_cop .tab{
margin-bottom: 30px;
}
.cta_cop .tab .item{
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
}
.cta_cop .tab .item .bg{
margin-bottom: 0.15rem;
width: 43%;
height: 176px;
}
.cta_cop .tab .item .txt img{
width: 10px;
}
.cta_cop .tab .item .txt{
height: 0.16rem;
font-size: 12px;
top: 18.33vw;
display: none;
}
.cta_cop .tab .item .txt::after{
height: 2px;
}
.cta_cop .item .address{
width: 50%;
display: block;
}
.cta_cop .item .address .name{
font-size: 18px;
margin-bottom: 12px;
}
.cta_cop .item .address div{
font-size: 12px;
margin-bottom: 8px;
}
.cta_page{
padding: 40px 20px;
}
.cta_page .tit{
font-size: 24px;
margin-bottom: 30px;
}
.cta_page .select_list{
margin-bottom: 30px;
flex-wrap: wrap;
}
.cta_page .select_list .el-input,
.cta_page .select_list .el-select{
display: block;
}
.cta_page .select_list .input_item,
.cta_page .select_list .input_item .el-input__inner,
.cta_page .select_list .select_item,
.cta_page .select_list .select_item .el-input__inner{
width: 100%;
height: 40px;
}
.cta_page .select_list .select_item{
margin-bottom: 30px;
display: none;
}
.jobs_item .address,
.jobs_item .demand,
.jobs_item .request{
display: none!important;
}
.cta_page .select_list .input_item .el-input__icon{
line-height: 40px;
}
.cta_page .el-input--prefix .el-input__inner{
padding-left: 15px;
}
/* .el-select-dropdown{*/
/* top: 320px!important;*/
/*}*/
.jobs_item div,
.jobs_tit .jobs_item div{
width: auto;
font-size: 14px;
}
.jobs_item div .more{
width: 70px;
height: 26px;
}
.jobs_item{
height: 60px;
}
.pagination .item{
width: 25px;
height: 25px;
font-size: 12px;
margin-right: 10px;
}
.pagination .prev, .pagination .next{
width: 50px;
height: 25px;
}
.jobs_list{
margin-bottom: 30px;
}
.jobs_item div .more{
width: 70px;
height: 26px;
}
/*contact-end ------------------------------------------------------*/
}
@media (max-width: 960px) {
}