* {
outline: 0 none !important;
;
}
html {
font-size: 100px;
}
html.act {
overflow: hidden;
width: 100%;
height: 100vh;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
outline: none;
}
body {
position: relative;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
margin: 0 auto;
overflow-x: hidden;
position: relative;
padding: 0;
width: 100%;
color: #1f1f1f;
font-family: sans-serif;
font-size: 14px;
line-height: 1.5;
background: #fff;
}
html.act {
overflow: hidden;
width: 100%;
height: 100vh;
}
ul,
ul li,
ol li,
tr td,
dl,
dd {
list-style-type: none;
margin: 0;
padding: 0;
}
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1;
}
a {
display: inline-block;
text-decoration: none !important;
cursor: pointer;
color: #1f1f1f;
}
textarea,
select {
outline: none;
color: #666;
font-size: 0.14rem;
width: 100%;
}
textarea {
resize: none;
font-family: 微软雅黑;
}
img {
border: none;
max-width: 100%;
display: block;
}
img[src=""] {
opacity: 0;
}
i {
font-style: normal;
}
/*去掉 input 默认边框*/
input {
padding: 0;
border: 0;
font-family: 微软雅黑;
outline: none;
}
input[type="submit"] {
background-color: transparent;
cursor: pointer;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
select::-ms-expand {
display: none;
}
.f_12 {
font-size: 12.00px;
}
.f_14 {
font-size: 14.00px;
}
.f_15 {
font-size: 15.00px;
}
.f_16 {
font-size: 16.00px;
}
.f_18 {
font-size: 18.00px;
}
.f_20 {
font-size: 20.00px;
}
.f_22 {
font-size: 22.00px;
}
.f_24 {
font-size: 24.00px;
}
.f_25 {
font-size: 25.00px;
}
.f_26 {
font-size: 26.00px;
}
.f_28 {
font-size: 28.00px;
}
.f_30 {
font-size: 30.00px;
}
.f_32 {
font-size: 32.00px;
}
.f_34 {
font-size: 34.00px;
}
.f_36 {
font-size: 36.00px;
}
.f_38 {
font-size: 38.00px;
}
.f_40 {
font-size: 40.00px;
}
.f_42 {
font-size: 42.00px;
}
.f_44 {
font-size: 44.00px;
}
.f_45 {
font-size: 45.00px;
}
.f_46 {
font-size: 46.00px;
}
.f_48 {
font-size: 48.00px;
}
.f_50 {
font-size: 50.00px;
}
.f_52 {
font-size: 52.00px;
}
.f_54 {
font-size: 54.00px;
}
.f_60 {
font-size: 70.00px;
}
.f_62 {
font-size: 62.00px;
}
.f_66 {
font-size: 66.00px;
}
.f_68 {
font-size: 68.00px;
}
.f_80 {
font-size: 80.00px;
}
.f_90 {
font-size: 90.00px;
}
.f_96 {
font-size: 96.00px;
}
.f_100 {
font-size: 100.00px;
}
.f_106 {
font-size: 106.00px;
}
.f_187 {
font-size: 187.00px;
}
.w1560 {
width: 81.25%;
margin: 0 auto;
position: relative;
}
.w1700 {
width: 88.54%;
margin: 0 auto;
position: relative;
}
.w1652{width: 86%;margin: 0 auto;position: relative;}
.w1820 {
width: 94.8%;
margin: 0 auto;
position: relative;
}
.w1760{position: relative;width: 86%;margin: 0 auto;}
/* common */
.wp{width:85.8%;margin:0 auto;position:relative;}
.wp{max-width:1600px;}
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;transition: all 0.2s;}
.header .w1760{display: flex;justify-content: space-between;align-items: center;transition: all 0.2s;}
.header .w1760 .img_h{display: none;}
.header .logo{width: 13.9vw;}
.header .nav1{display: flex;transition:all 0.5s;}
.header .nav1>li{padding: 0 1.5vw;position:relative;}
.header .nav1>li>a{color: #ffffff;line-height: 22px;font-family: hr;padding: 35px 0;transition: all 0.5s;white-space: nowrap;}
.header .nav1>li:after{content:"";position: absolute;left: 2.2vw;top: calc(2vw + 22px);height: 2px;width: 0%;background-color: #fff;transition:all 0.5s;}
.header .nav1>li:hover:after{width:calc(100% - 4.4vw);}
/*.header .nav1>li:nth-child(n+2){padding-right: 17px;background: url(../images/h_xl.png)no-repeat right 59px;}*/
/*.header .nav1>li:nth-child(n+2){padding-right: 17px;}*/
.header .nav1>li:last-child{background:none!important;}
/*.header .nav1>li ul{position: absolute;top: 100%;left: 50%;transform: translateX(-55%);width: 200%;display: none;text-align: center;}*/
.header .nav1>li ul{position: absolute;z-index:20; top: 4.7vw;left: 50%;transform:translateX(-50%); width: 160vw;display: none;text-align: left;background-color: rgba(0,0,0,1);}
.header .nav1>li ul>div{display:flex;justify-content:center; width:100%;padding-top:8px;}
.header .nav1>li ul li{position: relative;top: 1vw;opacity: 0;transition: all 0.2s;padding:0 2vw;}
.header .nav1>li ul a{color: #ffffff;line-height: 20px;margin-bottom: 0.7vw;position:relative;opacity:1;}
.header .nav1>li ul li h4 {margin-bottom: 20px;margin-top: 20px;border-bottom: 1px solid #e0e1e1;padding: 0 20px 15px 5px;color:#007EC5;font-size: 16px;font-weight: 700;}
.header .nav1>li ul li .cmenu {padding: 0 10px 20px;}
.header .nav1>li ul li .cmenu > div a {position: relative;padding-left: 20px;}
.header .nav1>li ul li .cmenu > div a::before {content: '';display: inline-block;width: 5px;height: 5px;background-color: #007EC5;border-radius: 99999px;top: 50%;left: 0;position: absolute;transform: translateY(-50%);}
.header.hover .nav1>li ul li:nth-child(1){transition: all 0.5s 0.3s;}
.header.hover .nav1>li ul li:nth-child(2){transition: all 0.5s 0.4s;}
.header.hover .nav1>li ul li:nth-child(3){transition: all 0.5s 0.5s;}
.header.hover .nav1>li ul li:nth-child(4){transition: all 0.5s 0.6s;}
.header.hover .nav1>li ul li:nth-child(5){transition: all 0.5s 0.7s;}
.header.hover .nav1>li ul li:nth-child(6){transition: all 0.5s 0.8s;}
.header.hover .nav1>li ul li:nth-child(7){transition: all 0.5s 0.9s;}
.header.hover .nav1>li ul li:nth-child(8){transition: all 0.5s 1s;}
.header.hover .nav1>li ul li{opacity: 1;top: 0;}
.header .ser{cursor:pointer;position:relative;height:100%;color:#fff;transition:all 0.5s;display:flex;align-items:center;}
.header .ser img{margin-left: 1.5vw;}
.header .ser a{color: #fff;}
.header .ser .list{display: none;position: absolute;width:120px; top: 100%;left: 50%;transform: translateX(-50%);line-height:2;padding:24px 0 10px 0;}
.header .ser .list a{color: #ffffff;display:block;text-align:center;}
/*.header .ser .list a{color: #888888;}*/
.header .h_right{display: flex;align-items:center;}
.header .menu{width: 0.9375vw;margin-left:2.396vw;}
.header:after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 4vw;background-color: rgba(0,0,0,1);z-index: -1;transition: all 0.5s;transform: translateY(-100%);}
.header.on:after{background-color: rgba(255,255,255,1);height: 8.2vw}
.header.on1:after{background-color: rgba(255,255,255,1);height: 8.2vw;}
.header.ny:after{background-color: rgba(255,255,255,1);height: 8.2vw;}
.header.onn:after{background-color: rgba(255,255,255,1);height: 8.2vw;}
.header.on_i:after{background-color: rgba(6,85,140,1);height: 4vw;}
.header.on_i .nav1>li ul,.header.on_i_on .nav1>li ul{background-color: rgba(0,0,0,0.55);}
.header.hover:after{transform: translateY(0);}
.header.on{background-color: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.header.on .nav1>li ul{background-color: #fff;}
.header.on .nav1>li>a{padding: 35px 0;color: #595656;}
.header.on .nav1>li ul li h4 {color: #007EC5;}
.header.on .nav1>li:after{top:calc(2.5vw + 22px);}
/*.header.on .nav1>li:nth-child(n+2){background: url(../images/h_xl1.png)no-repeat right 44px;;}*/
.header.on .w1760 .img_b{display: none;}
.header.on .w1760 .img_h{display: block;}
.header.on .nav1>li ul a{color: #595656;}
/*.header.on .ser .list{background-color:#ffffff;}*/
.header.on .ser{color: #595656;}
.header.on .ser a{color: #595656;}
.header.on1{background-color: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.header.on1 .nav1>li>a{padding: 35px 0;color: #595656;}
.header.on1 .nav1>li:after{top:calc(2.5vw + 22px);}
/*.header.on .nav1>li:nth-child(n+2){background: url(../images/h_xl1.png)no-repeat right 44px;;}*/
.header.on1 .w1760 .img_b{display: none;}
.header.on1 .w1760 .img_h{display: block;}
.header.on1 .nav1>li ul a{color: #595656;}
/*.header.on .ser .list{background-color:#ffffff;}*/
.header.on1 .ser{color: #595656;}
.header.on1 .ser a{color: #595656;}
.header.ny{background-color: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.header.ny .nav1>li>a{padding: 35px 0;color: #595656;}
.header.ny .nav1>li:after{top:calc(2.5vw + 22px);}
/*.header.on .nav1>li:nth-child(n+2){background: url(../images/h_xl1.png)no-repeat right 44px;;}*/
.header.ny .w1760 .img_b{display: none;}
.header.ny .w1760 .img_h{display: block;}
.header.ny .nav1>li ul a{color: #595656;}
/*.header.on .ser .list{background-color:#ffffff;}*/
.header.ny .ser{color: #595656;}
.header.ny .ser a{color: #595656;}
.header.onn{background-color: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.header.onn .nav1>li>a{padding: 35px 0;color: #595656;}
.header.onn .nav1>li:after{top:calc(2.5vw + 22px);}
.header.on_i{background-color: transparent;box-shadow: 0 0 0px rgba(0,0,0,0.1);}
.header.on_i .nav1>li>a{padding: 1.45vw 0;color: #ffffff;}
.header.on_i.hover .nav1>li>a{color: #ffffff;}
.header.on_i .nav1>li>a:hover{color: #ffffff;}
.header.on_i .nav1>li:after,.header.on_i_on .nav1>li:after{top:calc(2vw + 22px);}
/*.header.onn .nav1>li:nth-child(n+2){background: url(../images/h_xl1.png)no-repeat right 44px;;}*/
.header.onn .w1760 .img_b{display: none;}
.header.onn .w1760 .img_h{display: block;}
.header.onn .nav1>li ul a{color: #595656;}
.header.on_i .w1760 .img_b{display: block;}
.header.on_i .w1760 .img_h{display: none;}
.header.on_i .nav1>li ul a{color: #ffffff;}
/*.header.on_i .nav1>li ul a:hover{color: #ffffff;}*/
.header.on_i_on:after,.header.on_i_on{background-color: rgba(6,85,140,1);height: 4vw;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.header.on_i_on .nav1>li>a{padding: 1.45vw 0;color: #ffffff;}
.header.on_i_on .hover .nav1>li>a{color: #ffffff;}
.header.on_i_on .nav1>li>a:hover{color: #ffffff;}
.header.on_i_on .nav1>li:after,.header.on_i_on .nav1>li:after{top:calc(2vw + 22px);}
.header .nav1>li ul a:hover{color: #2c90d6;transition: all 0.3s!important;letter-spacing: 1px;font-family:hb;opacity:1;}
/*.header.onn .ser .list{background-color:#ffffff;}*/
.header.onn .ser{color: #595656;}
.header.onn .ser a{color: #595656;}
.header .ser span{margin: 0 12px;}
.header.on_i .ser{color: #fff;}
.header .ser>img{display: none!important;}
.header.on_i .ser span{color: rgba(255,255,255,0.17);}
.header.on_i .ser a{color: #fff;opacity:0.5;transition:all 0.5s;}
.header.on_i .ser a.on,.header.on_i .ser a:hover{opacity:1;}
.header .nav1>li ul{top:4.1vw;}
.header.on .nav1>li ul{top:4.1vw;}
.header.ny .nav1>li ul{top:4.1vw;}
.header.onn .nav1>li ul{top:4.1vw;}
.header.on_i .nav1>li ul,.header.on_i_on .nav1>li ul{top:4vw;}
/*.header.hide .w1760{transform: translateY(-100%);}*/
.header.hide1 .w1760{transform: translateY(-100%);}
.header.hide{background-color:#000;}
/* .header.on_i1 .nav1{opacity:0;z-index:-2;}
.header.on_i1 .ser{opacity:0;} */
.m_header {
display: none;
}
.mh_nav {
display: none;
}
.index_con {
position: relative;
overflow: hidden;
height: 100vh;
width: 100%;
}
.index_con>.swiper-wrapper>.swiper-slide {
height: 100vh;
position: relative;
}
.index_con>.swiper-wrapper>.fp-auto-height {
height: auto;
position: relative;
}
.index_con>.swiper-pagination {
right: 0.6rem;
}
.index_con>.swiper-pagination{right: 1.6vw;}
.index_con>.swiper-pagination .swiper-pagination-bullet{width: 5px;height: 5px;opacity: 0.5;background-color:#0F55D6;margin: 18px 0;border-radius:5px;cursor:pointer;}
.index_con>.swiper-pagination .swiper-pagination-bullet-active{height: 50px;opacity: 1;}
.index_con>.swiper-pagination.on .swiper-pagination-bullet{background-color: #fff;}
@-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;
}
} */
/* 按钮公共样式 */
.btn_cs{position: relative;width: 188px;height: 50px;display: flex;justify-content: center;line-height: 48px;border: 1px solid rgba(255,255,255,0.5);border-radius: 25px;z-index: 2;}
.btn_cs:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 25px;background: url(../images/yuan1.png);background-size: 100% 100%;z-index: -1;opacity: 0;transition: all 0.5s 0.2s;}
.btn_cs>div{padding-right: 24px; background: url(../images/more.png)no-repeat right center;transition: all 0.5s;}
.btn_cs span{width: 10%;transition: all 0.5s;}
.btn_cs span:nth-child(1){position: absolute;top: -1px;left: -1px;height: calc(100% + 2px);overflow: hidden;}
.btn_cs span:nth-child(2){position: absolute;top: -1px;right: -1px;height: calc(100% + 2px);overflow: hidden;}
.btn_cs span:nth-child(1):after{content:"";display: block;position: absolute;top: 0;left: 0; width: 188px;height: 50px;border-radius:25px;background: url(../images/quan1.png);background-size: 100% 100%;}
.btn_cs span:nth-child(2):after{content:"";display: block;position: absolute;top: 0;right: 0; width: 188px;height: 50px;background: url(../images/quan1.png);background-size: 100% 100%;border-radius: 25px;}
.btn_cs:hover{border-color: transparent;}
.btn_cs:hover span{width:calc(100% + 2px);animation:btn1 0.2s 0.5s linear forwards;}
.btn_cs:hover:after{opacity: 1;}
.btn_bs{position: relative;width: 188px;height: 50px;display: flex;justify-content: center;line-height: 48px;border: 1px solid rgba(255,255,255,0.5);border-radius: 25px;z-index: 2;}
.btn_bs:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 25px;background: url(../images/yuan1.png);background-size: 100% 100%;z-index: -1;opacity: 0;transition: all 0.5s 0.2s;}
.btn_bs>div{padding-right: 24px; background: url(../images/more.png)no-repeat right center;}
.btn_bs span{width: 10%;transition: all 0.5s;}
.btn_bs span:nth-child(1){position: absolute;top: -1px;left: -1px;height: calc(100% + 2px);overflow: hidden;}
.btn_bs span:nth-child(2){position: absolute;top: -1px;right: -1px;height: calc(100% + 2px);overflow: hidden;}
.btn_bs span:nth-child(1):after{content:"";display: block;position: absolute;top: 0;left: 0; width: 188px;height: 50px;border-radius:25px;border: 1px solid #fff;}
.btn_bs span:nth-child(2):after{content:"";display: block;position: absolute;top: 0;right: 0; width: 188px;height: 50px;border: 1px solid #fff;border-radius: 25px;}
.btn_bs:hover{border-color: transparent;}
.btn_bs:hover span{width:calc(100% + 2px);}
.btn_bs:hover:after{opacity: 1;}
.btn_cs1{border-color: rgba(15,85,214,0.3);}
.btn_cs1>div{color: #1e7fc2;background-image: url(../images/more_l.png);}
.btn_cs1:hover>div{color: #fff;background-image: url(../images/more.png);}
.banner {
position: relative;
}
.part1 .fp-tableCell{padding-top:50px}
.part1 .swiper-container,
.part1 .swiper-wrapper,
.part1 .swiper-slide{width: 100%;height: 100%;}
.part1 video{object-fit:cover;width:100%;height:100%;position:absolute;top: 0;left: 0;}
.part1 .swiper-slide{background-size: cover;background-position: top center;background-repeat: no-repeat;}
.part1 .swiper-slide:nth-of-type(1) .dot{color:#666;}
.part1 .swiper-slide .dot{color: #fff;width: 195px;position: absolute;font-size: 18px;font-family: MiSans;bottom:55px;left: 50%;transform: translateX(-50%);}
.part1 .swiper-slide .dot span:nth-of-type(1){color: #075B91;}
.part1 .slide_txt{position: relative;z-index: 3;color: #fff;width: 100%;height: 100%;}
.part1 .slide_txt .wp{height: 100%;display: flex;height: 100%;flex-direction: column;justify-content: center;padding-left: 6.3vw;}
.part1 .slide_txt .txt1{font-size: 62px;margin: -150px 0 0 0;color: #fff;text-shadow: 0 4px 4px rgba(0, 0, 0, .17); }
.part1 .slide_txt .txt3{font-size: 30px;margin: 15px 0 0 0;color: #fff;text-shadow: 0 4px 4px rgba(0, 0, 0, .17);}
.part1 .slide_txt .txt2{font-size: 18px;margin: 30px 0 0 0;color: #fff;text-shadow: 0 4px 4px rgba(0, 0, 0, .17);}
.part1 .swiper-pagination{width: 135px;left: 50%;transform: translateX(-50%);bottom:62px !important;}
.part1 .swiper-pagination::after{content: "";width: 135px;height: 2px;left: 50%;position: absolute;bottom: 2px;transform: translateX(-50%);background: rgba(255, 255, 255, 0.4);}
.part1 .swiper-pagination::before{content: "";height: 2px;left: 0;position: absolute;bottom: 2px;background-color: #075B91;-webkit-animation: textShow 15s linear infinite;-moz-animation: textShow 15s linear infinite;-o-animation: textShow 15s linear infinite;animation: textShow 15s linear infinite;}
.part1 .swiper-pagination .swiper-pagination-bullet{display: none;}
.part1 .jt{width: 52px;height: 52px;line-height: 52px;text-align: center;background: none; }
.part1 .jt::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: url(../images/dot2.png) no-repeat center;background-size: 100% 100%;}
.part1 .jt:hover:before{animation: fadenum 3s ;animation-iteration-count:1;/*动画只执行一次*/
-moz-animation-iteration-count:1;
-webkit-animation-iteration-count:1;
-o-animation-iteration-count:1;
animation-fill-mode: forwards; /*让动画停留在最后一帧 */
-moz-animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;}
.part1 .jt i{color: #fff;}
.part1 .jt.swiper-button-prev{left: 7.5vw;}
.part1 .jt.swiper-button-next{right: 7.5vw;}
@keyframes boderM {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0
}
20% {
opacity: 1
}
75% {
transform: translate(-50%, -50%) scale(2);
opacity: 0
}
100% {
opacity: 0
}
}
.banner .pc_banner .dian_box .box .h {
position: absolute;
max-width: 999px;
height: 0.7rem;
left: 0%;
top: 50%;
transform: translateY(-50%);
padding: 0 0.3rem 0 0.36rem;
z-index: 2;
color: #fff;
font-family: hm;
white-space: nowrap;
pointer-events: none;
opacity: 0;
transition: all 0.3s;
}
.banner .pc_banner .dian_box .box.box4 .h {
right: 0;
left: auto;
}
.banner .pc_banner .dian_box .box:hover .h {
pointer-events: all;
opacity: 1;
}
.banner .pc_banner .dian_box .box .h:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
background: repeating-linear-gradient(to right, #012F66, #075B91);
z-index: -1;
transform: skewX(-15deg);
transition: all 0.5s;
}
.banner .pc_banner .dian_box .box:hover .h:after {
width: 100%;
}
.banner .pc_banner .dian_box .box .h span {
display: inline-block;
line-height: 0.7rem;
padding-right: 0.6rem;
background: url(../fonts/b_more.svg)no-repeat right center;
background-size: 0.4rem 0.3rem;
}
.banner .m_banner {
display: none;
}
.i_part1 {
padding: 1.1rem 1.4rem 0 1.4rem;
background: url(../images/shouyebanner.jpg) no-repeat center;
background-size: cover;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.i_part1 .txt {
width: 8.87rem;
padding-top: 0.17rem;
}
.i_part1 .txt .tit {
color: #111111;
}
.i_part1 .txt .tit1 {
color: #111111;
}
.i_part1 .txt .tit2 {
font-weight: 700;
color: #075B91;
margin-top: 0.2rem;
}
.i_part1 .txt .tit3 {
color: #111111;
line-height: 0.3rem;
margin-top: 0.2rem;
margin-bottom: 0.6rem;
}
.i_part1 .txt .boxs {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}
.i_part1 .txt .boxs:after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: calc(100% - 0.2rem);
height: 1px;
background-color: rgba(1, 47, 102, 0.25);
}
.i_part1 .txt .boxs .box {
margin-right: 0.8rem;
width: 2rem;
margin-bottom: 1.04rem;
}
.i_part1 .txt .boxs .box:nth-child(3n) {
margin-right: 0;
}
.i_part1 .txt .boxs .box:nth-child(n+4) {
margin-bottom: 0;
}
.i_part1 .txt .boxs .box .icon {
width: 0.5rem;
margin-bottom: 0.1rem;
}
.i_part1 .txt .boxs .box .h {
font-family: mb;
line-height: 0.5rem;
color: #111111;
}
.i_part1 .txt .boxs .box .dw {
margin-left: 0.1rem;
}
.i_part1 .txt .boxs .box .p {
font-family: hm;
color: #075B91;
line-height: 0.1rem;
margin-top: 0.08rem;
}
.i_part1 .pic {
width: 7.92rem;
}
.i_part1 .pic img {
width: 100%;
}
.i_part2 {
position: relative;
}
.i_part2 .pics {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.i_part2 .pics .pic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: no-repeat center;
background-size: cover;
opacity: 0;
transition: all 0.5s;
}
.i_part2 .pics .pic.on {
opacity: 1;
}
.i_part2 .solid_box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
z-index: 3;
}
.i_part2 .solid_box .solid {
width: 100%;
height: 100%;
border-right: 1px solid rgba(0, 0, 0, 0.04);
}
.i_part2 .solid_box .solid:last-child {
border-right: none;
}
.i_part2 .txts {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4;
}
.i_part2 .txts .txt {
position: absolute;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 2.2rem 0 0 1.4rem;
transition: all 0.5s;
opacity: 0 !important;
display: none;
}
.i_part2 .txts .txt.on {
opacity: 1 !important;
top: 0;
pointer-events: all;
display: block;
}
.i_part2 .txts .txt .h1 {
font-weight: 700;
color: #1e7fc2;
line-height: 0.56rem;
margin-bottom: 0.3rem;
}
.i_part2 .txts .txt .h2 {
line-height: 0.34rem;
margin-bottom: 1rem;
color: #232323;
}
.i_part2 .txts .txt .btn {
position: relative;
width: 1.8rem;
line-height: 0.46rem;
text-align: center;
font-family: hr;
color: #075B91;
transition: all 0.5s;
z-index: 2;
}
.i_part2 .txts .txt .btn:hover {
color: #ffffff;
}
.i_part2 .txts .txt .btn:after {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
background-color: #f9f9f9;
border: #eeeeee 1px solid;
width: 100%;
height: 100%;
transform: skewX(-15deg);
transition: all 0.5s;
}
.i_part2 .txts .txt .btn:hover:after {
background-color: #075B91;
}
.i_part2 .tabs {
position: absolute;
z-index: 5;
bottom: 0;
left: 0;
width: 100%;
height: 1.6rem;
display: flex;
backdrop-filter: blur(10px);
overflow: hidden;
}
.i_part2 .tabs .item {
width: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #333;
font-family: hm;
line-height: 0.24rem;
border-right: 1px solid rgba(0, 0, 0, 0.04);
transition: all 0.5s;
background: rgba(255, 255, 255, 0.23);
border-top: #f6f6f6 5px solid;
}
.i_part2 .tabs .item:last-child {
border-right: none;
}
.i_part2 .tabs .item .icon {
height: 0.5rem;
margin-bottom: 0.18rem;
width: auto;
}
.i_part2 .tabs .item .icon img {
height: 100%;
display: block;
margin: 0 auto;
}
.i_part2 .tabs .item.on {
background-color: #fff;
border-top: #075B91 5px solid;
}
.i_part2 .bjs {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 6;
display: flex;
pointer-events: none;
overflow: hidden;
}
.i_part2 .bjs .bj {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
}
.i_part2.swiper-slide-active .bjs .bj {
transform: translateY(-100%);
}
.i_part2.swiper-slide-active .bjs .bj:nth-child(1) {
transition: all 0.5s 0.1s;
}
.i_part2.swiper-slide-active .bjs .bj:nth-child(2) {
transition: all 0.5s 0.2s;
}
.i_part2.swiper-slide-active .bjs .bj:nth-child(3) {
transition: all 0.5s 0.3s;
}
.i_part2.swiper-slide-active .bjs .bj:nth-child(4) {
transition: all 0.5s 0.4s;
}
.i_part2.swiper-slide-active .bjs .bj:nth-child(5) {
transition: all 0.5s 0.5s;
}
.i_part3 {
padding: 1.75rem 1.4rem 0 1.4rem;
background: url(../images/ip3_bj.png)no-repeat center;
background-size: cover;
}
.i_part3 .tit {
text-align: center;
font-weight: 700;
color: #075B91;
line-height: 0.56rem;
margin-bottom: 0.46rem;
}
.i_part3 .icon_box {
position: relative;
overflow: hidden;
padding-bottom: 0.5rem;
padding-top: 0.75rem;
pointer-events: none;
}
.i_part3 .icon_box .swiper-wrapper {
align-items: center;
}
.i_part3 .icon_box .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}
.i_part3 .icon_box .swiper-slide .icon {
position: relative;
background-color: #ffffff;
border-radius: 50%;
width: 1.35rem;
height: 1.35rem;
box-shadow: 0 0 0.2rem rgba(1, 47, 102, 0.17);
display: flex;
justify-content: center;
align-items: center;
}
.i_part3 .icon_box .swiper-slide .icon .img1 {
display: none;
}
.i_part3 .icon_box .swiper-slide-active .icon {
width: 1.95rem;
height: 1.95rem;
box-shadow: none;
background: repeating-linear-gradient(to right, #012F66, #075B91);
}
.i_part3 .icon_box .swiper-slide-active .icon .img2 {
display: none;
}
.i_part3 .icon_box .swiper-slide-active .icon .img1 {
display: block;
}
.i_part3 .icon_box .swiper-slide-active .icon:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 120%;
height: 120%;
border: 1px solid rgba(1, 47, 102, 0.25);
border-radius: 50%;
}
.i_part3 .icon_box .swiper-slide-active .icon::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 138%;
height: 138%;
border: 1px solid rgba(1, 47, 102, 0.08);
border-radius: 50%;
}
.i_part3 .txts {
position: relative;
width: 8.5rem;
margin: 0 auto;
overflow: hidden;
text-align: center;
padding-top: 0.5rem;
}
.i_part3 .txts .swiper-slide {
padding: 0 1.6rem;
transition: all 0.5s;
opacity: 1;
}
.i_part3 .txts .swiper-slide-prev,
.i_part3 .txts .swiper-slide-next {
opacity: 0;
}
.i_part3 .txts .h {
font-weight: 700;
color: #000000;
line-height: 0.34rem;
display: flex;
justify-content: center;
margin-bottom: 0.26rem;
}
.i_part3 .txts .h span {
font-family: mb;
color: #EDF0F4;
font-size: 0.94rem;
transform: translateY(0.22rem);
margin: 0 0.3rem;
}
.i_part3 .txts .h1 {
font-family: hm;
color: #000000;
line-height: 0.26rem;
margin-bottom: 0.38rem;
}
.i_part3 .txts .p {
font-family: hr;
color: #666666;
line-height: 0.26rem;
margin-bottom: 0.48rem;
}
.i_part3 .txts .btn {
width: 1.8rem;
line-height: 0.44rem;
position: relative;
top: 0;
margin: 0 auto;
color: #ffffff;
font-family: hr;
text-align: center;
z-index: 2;
transition: all 0.5s;
}
.i_part3 .txts .btn:after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: repeating-linear-gradient(to right, #012F66, #075B91);
transform: skewX(-15deg);
}
.i_part3 .txts .btn:hover {
top: -0.1rem;
}
.i_part3 .txts .prev1,
.i_part3 .txts .next1 {
position: absolute;
width: 0.6rem;
height: 0.45rem;
background-size: 100% 100%;
top: 1.74rem;
z-index: 2;
cursor: pointer;
}
.i_part3 .txts .prev1 {
background-image: url(../images/ip3_prev.svg);
left: 0;
}
.i_part3 .txts .next1 {
background-image: url(../fonts/ip3_next.svg);
right: 0;
}
.i_part3 .icon_boxx {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.i_part3 .icon_boxx .icon {
width: 20%;
height: 1rem;
display: flex;
justify-content: center;
align-items: center;
border: 0px solid #DCE3EB;
margin-bottom: 0.4rem;
transition: all 0.5s;
}
.i_part3 .icon_boxx .icon:hover {
border-color: transparent;
/* box-shadow: 0 0.2rem 1rem rgba(40, 105, 183, 0.24); */
}
.i_part3 .icon_boxx .icon img {
height: 0.8rem;
}
.i_part3 .par-swiper {
margin-top: .3rem;
width: 100%;
height: 7.2rem;
display: none;
}
.i_part3 .par-swiper .swiper-pagination-bullet-active {
background: #012F66;
}
.i_part3 .par-swiper .swiper-wrapper {
align-content: flex-start;
}
.i_part3 .par-swiper .swiper-slide {
height: 1rem;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #DCE3EB;
margin-bottom: 0.2rem;
transition: all 0.5s;
}
.i_part3 .par-swiper .swiper-slide img {
height: .6rem;
}
.ser2 {
padding: 1.75rem 1.4rem 0 1.4rem;
background: url(../images/ip3_bj.png)no-repeat center;
background-size: cover;
height: 100%;
overflow: hidden;
}
.ser2 .tit {
text-align: center;
font-weight: 700;
color: #075B91;
line-height: 0.56rem;
margin-bottom: 0.46rem;
}
.ser2 .map {
width: 100%;
position: relative;
}
.ser2 .map>img {
width: 100%;
}
.ser2 .map .solid_box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ser2 .map .solid_box .box {
position: absolute;
width: 0.08rem;
height: 0.08rem;
transform: translate(-50%, -50%);
}
.ser2 .map .solid_box .box .dian {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #012F66;
z-index: 2;
opacity: 0.8;
}
.ser2 .map .solid_box .box:nth-child(1) {
top: 31%;
left: 7.25%;
}
.ser2 .map .solid_box .box:nth-child(2) {
top: 29%;
left: 9.4%;
}
.ser2 .map .solid_box .box:nth-child(3) {
top: 29.5%;
left: 11%;
}
.ser2 .map .solid_box .box:nth-child(4) {
top: 31.3%;
left: 11.8%;
}
.ser2 .map .solid_box .box:nth-child(5) {
top: 38%;
left: 42%;
}
.ser2 .map .solid_box .box:nth-child(6) {
top: 19.4%;
left: 69.1%;
}
.ser2 .map .solid_box .box:nth-child(7) {
top: 34.2%;
left: 71.9%;
}
.ser2 .map .solid_box .box:nth-child(8) {
top: 46%;
left: 75.5%;
}
.ser2 .map .solid_box .box:nth-child(9) {
top: 69%;
left: 90.5%;
}
.ser2 .map .solid_box .box:nth-child(10) {
top: 46%;
left: 70.5%;
}
.ser2 .map .solid_box .box:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
background-color: rgba(4, 38, 161, 0.7);
animation: myfirst 3s linear infinite;
width: 100%;
height: 100%;
}
.ser2 .map .solid_box .box:nth-child(2n) .qiu:before {
animation: myfirst 3s linear infinite 0.5s;
}
.ser2 .map .solid_box .box:nth-child(3n) .qiu:before {
animation: myfirst 3s linear infinite 1s;
}
/*.map .m_con .yuan_box .yuan:nth-child(n+12) .qiu:after{display:none;}*/
.ser2 .map .solid_box .box:nth-child(n+14) .qiu:before {
display: none;
}
@keyframes myfirst {
0% {
transform: translate(-50%, -50%) scale(0);
opacity: 1;
}
50% {
transform: translate(-50%, -50%) scale(3);
opacity: 0.5;
}
100% {
transform: translate(-50%, -50%) scale(6);
opacity: 0;
}
}
@keyframes offset {
0% {
stroke-dashoffset: 1500;
}
100% {
stroke-dashoffset: 0;
}
}
.i_part4 {
padding: 1.75rem 1.4rem 0 1.4rem;
background: url(../images/ip4_bj.png)no-repeat center;
background-size: cover;
}
.i_part4 .top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.42rem;
}
.i_part4 .top .tit {
font-weight: 700;
color: #075B91;
line-height: 0.56rem;
}
.i_part4 .top ul {
display: flex;
}
.i_part4 .top ul li {
margin-left: 0.6rem;
}
.i_part4 .top ul li a {
font-family: hm;
color: #999999;
}
.i_part4 .top ul li.on a {
color: #012F66;
}
.i_part4 .boxs {
display: flex;
}
.i_part4 .boxs .box {
width: calc(100% / 3);
padding: 0.4rem;
margin: 0 0.0rem 0 0;
background-color: #FFFFFF;
border: 1px solid rgba(1, 47, 102, 0.09);
transition: all 0.5s;
position: relative;
}
.i_part4 .boxs .box:hover {
box-shadow: 0 0 0.36rem rgba(1, 47, 102, 0.22);
border-color: none;
z-index: 2;
}
.i_part4 .boxs .box .pics {
width: 100%;
overflow: hidden;
height: 2.55rem;
overflow: hidden;
margin-bottom: 0.4rem;
}
.i_part4 .boxs .box .pics img {
width: 100%;
height: 100%;
transition: all 0.5s;
}
.i_part4 .boxs .box .pics:hover img {
transform: scale(1.05);
}
.i_part4 .boxs .box .txt .h {
font-weight: 700;
color: #000000;
line-height: 0.32rem;
height: 0.32rem;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-bottom: 0.3rem;
}
.i_part4 .boxs .box .txt .p {
font-family: hr;
color: #666666;
line-height: 26px;
height: 52px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 0.38rem;
}
.i_part4 .boxs .box .txt .solid {
width: 100%;
height: 1px;
background-color: rgba(1, 47, 102, 0.1);
margin-bottom: 0.38rem;
}
.i_part4 .boxs .box .bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
.i_part4 .boxs .box .bottom .btn {
width: 1.8rem;
text-align: center;
line-height: 0.44rem;
position: relative;
z-index: 2;
color: #999999;
font-family: hr;
transition: all 0.5s;
}
.i_part4 .boxs .box .bottom .btn:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #CECECE;
transform: skewX(-15deg);
transition: all 0.5s;
z-index: -1;
}
.i_part4 .boxs .box .bottom .btn:hover {
color: #fff;
}
.i_part4 .boxs .box .bottom .btn:hover:after {
border-color: transparent;
background: repeating-linear-gradient(to right, #012F66, #075B91);
}
.i_part4 .boxs .box .bottom .day {
font-family: hm;
color: #999999;
}
.i_part4 .new-swiper {
width: 100%;
display: none;
}
.i_part4 .new-swiper .new-pagination {
position: relative;
bottom: 0;
margin-top: .4rem;
line-height: 1;
text-align: center;
}
.i_part4 .new-swiper .new-pagination .swiper-pagination-bullet-active {
background: #012F66;
}
.i_part4 .new-swiper .swiper-slide {
width: 100%;
padding: 0.4rem;
background-color: #FFFFFF;
border: 1px solid rgba(1, 47, 102, 0.09);
transition: all 0.5s;
position: relative;
margin-right: .2rem;
}
.i_part4 .new-swiper .swiper-slide:last-child {
margin-right: 0;
}
.i_part4 .new-swiper .swiper-slide:hover {
box-shadow: 0 0 0.36rem rgba(1, 47, 102, 0.22);
border-color: none;
z-index: 2;
}
.i_part4 .new-swiper .swiper-slide .pics {
width: 100%;
overflow: hidden;
height: 2.55rem;
overflow: hidden;
margin-bottom: 0.4rem;
}
.i_part4 .new-swiper .swiper-slide .pics img {
width: 100%;
height: 100%;
transition: all 0.5s;
}
.i_part4 .new-swiper .swiper-slide .pics:hover img {
transform: scale(1.05);
}
.i_part4 .new-swiper .swiper-slide .txt .h {
font-weight: 700;
color: #000000;
line-height: 0.32rem;
height: 0.32rem;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-bottom: 0.3rem;
}
.i_part4 .new-swiper .swiper-slide .txt .p {
font-family: hr;
color: #666666;
line-height: 26px;
height: 52px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 0.38rem;
}
.i_part4 .new-swiper .swiper-slide .txt .solid {
width: 100%;
height: 1px;
background-color: rgba(1, 47, 102, 0.1);
margin-bottom: 0.38rem;
}
.i_part4 .new-swiper .swiper-slide .bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
.i_part4 .new-swiper .swiper-slide .bottom .btn {
width: 1.8rem;
text-align: center;
line-height: 0.44rem;
position: relative;
z-index: 2;
color: #999999;
font-family: hr;
transition: all 0.5s;
}
.i_part4 .new-swiper .swiper-slide .bottom .btn:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #CECECE;
transform: skewX(-15deg);
transition: all 0.5s;
z-index: -1;
}
.i_part4 .new-swiper .swiper-slide .bottom .btn:hover {
color: #fff;
}
.i_part4 .new-swiper .swiper-slide .bottom .btn:hover:after {
border-color: transparent;
background: repeating-linear-gradient(to right, #012F66, #075B91);
}
.i_part4 .new-swiper .swiper-slide .bottom .day {
font-family: hm;
color: #999999;
}
.i_part5 .pics {
position: relative;
overflow: hidden;
height: 100%;
}
.i_part5 .pics .swiper-slide {
position: relative;
height: 100%;
overflow: hidden;
}
.i_part5 .pics .swiper-slide .slide-inner {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-size: cover;
background-position: center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.i_part5 .pics .swiper-pagination {
left: 1.4rem;
bottom: 1.68rem;
width: auto;
}
.i_part5 .pics .swiper-pagination-bullet {
width: 0.06rem;
height: 0.06rem;
border-radius: 0.03rem;
background-color: #fff;
opacity: 1;
margin: 0 0.08rem;
transition: all 0.5s;
}
.i_part5 .pics .swiper-pagination-bullet-active {
width: 0.24rem;
}
.i_part5 .txts {
position: absolute;
top: 0;
left: 0;
width: 10.95rem;
height: 100%;
overflow: hidden;
z-index: 5;
}
.i_part5 .txts::after {
content: "";
position: absolute;
top: 0;
left: -0.63rem;
width: 100%;
height: 100%;
backdrop-filter: blur(10px);
z-index: -1;
transform: translateX(-13%) skewX(15deg);
}
.i_part5 .txts::before {
content: "";
position: absolute;
top: 0;
left: -0.63rem;
width: 100%;
height: 100%;
background: rgba(18, 49, 88, .6);
z-index: -2;
transform: translateX(-13%) skewX(15deg);
}
.i_part5 .txts .txt {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
padding: 0 3.28rem 0 1.4rem;
height: 100%;
display: flex;
align-items: center;
color: #fff;
transition: all 0.5s;
}
.i_part5 .txts .txt.on {
opacity: 1;
top: 0;
}
.i_part5 .txts .txt .h {
font-weight: 700;
line-height: 0.56rem;
margin-bottom: 0.5rem;
}
.i_part5 .txts .txt .solid {
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.24);
margin-bottom: 0.5rem;
}
.i_part5 .txts .txt .p {
font-family: hr;
line-height: 0.26rem;
}
.footer {
padding: 0 1.4rem;
background-color: #ffffff;
border-top: 1px solid #e1e1e1;
}
.footer .f_top {
display: flex;
justify-content: space-between;
border-bottom: 1px solid rgba(96, 96, 96, 0.19);
}
.footer .f_top .left {
width: 15.1rem;
border-right: 1px solid rgba(96, 96, 96, 0.19);
padding: 0.62rem 0 0.38rem 0;
}
.footer .f_top .left a {
display: block;
width: 2.43rem;
}
.footer .f_top .right {
width: calc(100% - 11.3rem);
padding: 0.65rem 0 0.44rem 0.56rem;
}
.footer .f_top .right .tel {
display: flex;
align-items: center;
font-family: mb;
color: #1e7fc2;
line-height: 0.3rem;
padding-left: 0.28rem;
background: url(../images/f_icon1.png)no-repeat left center;
background-size: 0.167rem auto;
}
.footer .f_top .right .tel span {
font-family: hr;
color: #1e7fc2;
}
.footer .f_center {
display: flex;
border-bottom: 1px solid rgba(96, 96, 96, 0.19);
}
.footer .f_center .left {
width: 14.8rem;
border-right: 1px solid rgba(96, 96, 96, 0.19);
padding: 0.56rem 0.95rem 0.45rem 0;
}
.footer .f_center .left .f_nav {
display: flex;
justify-content: space-between;
margin-bottom: 0.1rem;
}
.footer .f_center .left .f_nav ul{
width: 16.6%;
}
.footer .f_center .left .f_nav li {
line-height: 0.24rem;
}
.footer .f_center .left .f_nav li:last-child {
margin-bottom: 0;
}
.footer .f_center .left .f_nav li a {
font-family: hr;
line-height: 0.26rem;
padding-bottom: 0.1rem;
color: #999999;
transition: all .3s;
}
.footer .f_center .left .f_14 a {
padding-right: 0.2rem;
}
.footer .f_center .left .f_nav li a:hover{
color: #012F66;
}
.footer .f_center .left .f_nav li:first-child a {
color: #111111;
font-family: hm;
line-height: 1.3;
/*font-size: 0.18rem;*/
margin-bottom: 0.15rem;
}
.footer .f_center .left .c_bottom {
display: flex;
}
.footer .f_center .left .c_bottom .link {
width: 2.4rem;
line-height: 0.4rem;
border: 1px solid #999999;
position: relative;
padding: 0.1rem 0.16rem 0.11rem 0.2rem;
}
.footer .f_center .left .c_bottom .link .h {
width: 100%;
font-family: hr;
color: #111111;
line-height: 0.2rem;
background: url(../images/f_jt.png)no-repeat right center;
background-size: 0.09rem auto;
}
.footer .f_center .left .c_bottom .link ul {
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 0.1rem 0.16rem 0.11rem 0.2rem;
border: 1px solid #999999;
border-top: none;
background-color: #ffffff;
display: none;
max-height: 0.7rem;
overflow: auto;
line-height: 0.3rem
}
.footer .f_center .left .c_bottom .link ul::-webkit-scrollbar {
width: 2px;
height: 1px;
}
.footer .f_center .left .c_bottom .link ul::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.4);
}
.footer .f_center .left .c_bottom .link ul::-webkit-scrollbar-track {
background: #000;
}
.footer .f_center .left .c_bottom .logo_box {
display: flex;
align-items: center;
margin-left: 0.4rem;
}
.footer .f_center .left .c_bottom .logo_box img {
margin-right: 0.2rem;
filter: brightness(0);
opacity: 50%;
height: 27px;
}
.footer .f_center .left .c_bottom .logo_box img:hover {
opacity: 1;
filter: brightness(1);
}
.footer .f_center .right {
width: calc(100% - 10rem);
padding: 0.6rem 0 0.515rem 0.515rem;
}
.footer .f_center .right .item {
margin-bottom: 0.1rem;
/* padding-left: 0.28rem; */
background: no-repeat left top;
background-size: 0.2rem 0.2rem;
}
.footer .f_center .right .item:nth-child(1) {
background-image: url(../images/f_icon2.png);
}
.footer .f_center .right .item:nth-child(2) {
background-image: url(../images/f_icon3.png);
}
.footer .f_center .right .item:nth-child(3) {
background-image: url(../images/con2_icon1.png);
}
.footer .f_center .right .item .h {
line-height: 0.2rem;
font-family: hr;
color: #111111;
margin-bottom: 0.14rem;
padding-left: 0.28rem;
}
.footer .f_center .right .item .p {
line-height: 0.25rem;
color: #999999;
font-family: hr;
}
.footer .f_center .right .code {
width: 100%;
/* margin-left: 0.28rem; */
line-height: 0.3rem;
}
.footer .f_bottom {
display: flex;
font-family: hl;
color: #989898;
}
.footer .f_bottom a {
color: #989898;
}
.footer .f_bottom .left {
width: 14.7rem;
padding: 0.18rem 0 0.14rem 0;
border-right: 1px solid rgba(96, 96, 96, 0.19);
}
.footer .f_bottom .right {
width: calc(100% - 11.3rem);
padding: 0.18rem 0 0.14rem 0;
text-align: right;
}
/* 内页公共 */
.ny_banner {
width: 100%;
position: relative;
height: 8.8rem;
background: no-repeat center;
background-size: cover;
}
.ny_banner .tit {
display: table;
position: absolute;
top: 3.4rem;
left: 50%;
transform: translateX(-50%);
color: #fff;
font-weight: 700;
line-height: 0.7rem;
}
.ny_banner .tit:after {
content: "";
position: absolute;
top: 0.9rem;
left: 50%;
width: 0.8rem;
height: 2px;
background-color: #ffffff;
transform: translateX(-50%);
}
.ny_banner .input {
position: absolute;
top: 5rem;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #fff;
border-radius: 4px;
padding: 0 0.1rem;
}
.ny_banner .input input {
width: 3rem;
line-height: 0.4rem;
background-color: transparent;
color: #fff;
font-family: hr;
}
.ny_banner .input a {
display: flex;
justify-content: center;
align-items: center;
width: 0.36rem;
height: 0.36rem;
}
.ny_banner .input a img {
width: 0.22rem;
}
.ny_banner .input input::-webkit-input-placeholder {
/* WebKit browsers，webkit内核浏览器 */
color: rgba(255, 255, 255, 0.8);
font-family: hl;
}
.ny_banner .input input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgba(255, 255, 255, 0.8);
font-family: hl;
}
.ny_banner .input input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(255, 255, 255, 0.8);
font-family: hl;
}
.ny_banner .input input:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: rgba(255, 255, 255, 0.8);
font-family: hl;
}
.ny_banner .b_tab {
position: absolute;
bottom: 0;
left: 1.4rem;
width: calc(100% - 2.8rem);
display: flex;
/* background-color: #FFFFFF; */
background: url(../images/tab_bj1.png) #fff no-repeat center;
transform: translateY(50%);
box-shadow: 0 0.3rem 0.5rem rgba(1, 47, 102, 0.06);
z-index: 3;
transition: all .4s;
}
.ny_banner .b_tab.fix-nav {
position: fixed;
top: 0.72rem;
left: 0;
width: 100%;
height: max-content;
border-top: 1px solid rgba(0, 0, 0, .1);
transform: translateY(0);
z-index: 99;
}
.ny_banner .b_tab.fix-nav li a {
padding: .2rem 0;
}
.ny_banner .b_tab li {
width: 100%;
text-align: center;
padding: 0 0.4rem;
position: relative;
}
.ny_banner .b_tab li:after {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 1px;
height: 0.4rem;
background-color: #EAEAEA;
}
.ny_banner .b_tab li:last-child:after {
display: none;
}
.ny_banner .b_tab li a {
display: block;
text-align: center;
font-family: hm;
color: #333333;
line-height: 0.24rem;
padding: 0.28rem 0;
transition: all .4s;
border-bottom: 0.02rem solid transparent;
}
.ny_banner .b_tab li.on a {
border-bottom: 0.02rem solid #06558c;
color: #075B91;
}
.ny_banner .b_tab li:hover a {
border-bottom: 0.02rem solid #06558c;
letter-spacing:1px;
color: #075B91;
}
.ny_banner .ny_tab{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background-image: linear-gradient(rgba(255,255,255,0.8), #ffffff);width: 91.67vw;display: flex;transition:all 0.5s;}
.ny_banner .ny_tab.on{position: fixed;top: 74px;width: 100%;height:calc(28px + 2vw);background-color:#fff;border-bottom:1px solid rgba(0,0,0,0.04);}
.ny_banner .ny_tab li{width: 100%;text-align: center;padding: 2.2vw 0;line-height: 28px;font-size: 20px;position: relative;transition:all 0.5s;}
.ny_banner .ny_tab.on li{padding:1vw 0;}
.ny_banner .ny_tab li::before{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 18px;background-color: #949494;}
.ny_banner .ny_tab li:last-child::before{display: none;}
.ny_banner .ny_tab li:after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 0;height: 3px;background-color: #0426A1;transition: all 0.5s;}
.ny_banner .ny_tab li.on:after{width: 70.7%;}
.ny_banner .ny_tab li:hover:after{width: 70.7%;}
.ny_banner .ny_tab li a{color: #333333;}
.ny_banner .ny_tab li.on a{color: #0426A1;}
.ny_banner .ny_tab li:hover a{color: #0426A1;}
/* 内页公共 end */
/* 新闻列表 */
.nl_con {
padding: 1rem 1.4rem 1.5rem 1.4rem;
background: url(../images/nl_bj.png)no-repeat center;
background-size: cover;
}
.nl_con .boxs {
padding-bottom: 0.3rem;
}
.nl_con .boxs .box {
display: flex;
width: 100%;
padding: 0.5rem;
background-color: #fff;
margin-bottom: 0.5rem;
transition: all 0.5s;
}
.nl_con .boxs .box:hover {
box-shadow: 0 0.4rem 0.5rem rgba(1, 47, 102, 0.13);
}
.nl_con .boxs .box .pic {
width: 4.1rem;
overflow: hidden;
}
.nl_con .boxs .box .pic img {
width: 100%;
transition: all 0.5s;
}
.nl_con .boxs .box .pic:hover img {
transform: scale(1.05);
}
.nl_con .boxs .box .txt {
width: calc(100% - 4.1rem);
padding-left: 0.7rem;
}
.nl_con .boxs .box .txt .day {
font-family: hr;
line-height: 0.2rem;
color: #999999;
margin-bottom: 0.25rem;
}
.nl_con .boxs .box .txt .h {
font-weight: 700;
color: #000000;
line-height: 0.34rem;
height: 0.34rem;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-bottom: 0.3rem;
transition: all 0.5s;
}
.nl_con .boxs .box:hover .txt .h {
color: #012F66;
}
.nl_con .boxs .box .txt .p {
font-family: hr;
line-height: 0.3rem;
color: #666666;
height: 0.6rem;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 0.5rem;
}
.nl_con .boxs .box .txt .btn {
width: 1.8rem;
line-height: 0.44rem;
position: relative;
z-index: 2;
text-align: center;
font-family: hr;
color: #999999;
transition: all 0.5s;
}
.nl_con .boxs .box .txt .btn:hover {
color: #fff;
}
.nl_con .boxs .box .txt .btn:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #CECECE;
transform: skewX(-15deg);
transition: all 0.5s;
z-index: -1;
}
.nl_con .boxs .box .txt .btn:hover:after {
border-color: transparent;
background: repeating-linear-gradient(to right, #012F66, #075B91);
}
.page1 {
display: flex;
padding: 0.38rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #fff;
}
.page1 .prev {
font-family: hr;
color: #999999;
line-height: 0.2rem;
padding-left: 0.2rem;
background: url(../images/nl_prev.png)no-repeat left center;
background-size: 0.1rem auto;
}
.page1 .next {
font-family: hr;
color: #999999;
line-height: 0.2rem;
padding-right: 0.2rem;
background: url(../images/nl_next.png)no-repeat right center;
background-size: 0.1rem auto;
}
.page1 ul {
display: flex;
}
.page1 ul a {
width: 0.6rem;
position: relative;
z-index: 2;
font-family: hr;
color: #ACADAD;
margin: 0 0.1rem;
text-align: center;
line-height: 0.44rem;
transition: all 0.5s;
}
.page1 ul a.page-num-current,
.page1 ul a.on,
.page1 ul a:hover {
color: #fff;
}
.page1 ul a:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #EEEFF1;
z-index: -1;
transform: skewX(-15deg);
transition: all 0.5s;
}
.page1 ul a.page-num-current:after,
.page1 ul a.on:after,
.page1 ul a:hover:after {
background: repeating-linear-gradient(to right, #012F66, #075B91);
}
/* 新闻列表 end*/
/* 新闻详情 */
.nd_con {
padding: 1rem 1.4rem 0.77rem 1.4rem;
background-color: #F7F8FA;
}
.nd_con .con {
position: relative;
}
.nd_con .left {
float: left;
width: 12.04rem;
padding: 0.56rem 0.82rem 1.36rem 0.82rem;
background-color: #fff;
}
.nd_con .left .top {
padding-bottom: 0.25rem;
border-bottom: 1px solid #F0F0F0;
margin-bottom: 0.37rem;
}
.nd_con .left .top .tit {
font-weight: 700;
color: #000000;
line-height: 0.4rem;
margin-bottom: 0.29rem;
}
.nd_con .left .top .p {
display: flex;
justify-content: space-between;
align-items: center;
}
.nd_con .left .top .p .day {
font-family: hr;
color: #999999;
line-height: 0.2rem;
}
.nd_con .left .top .p .fx {
display: flex;
align-items: center;
}
.nd_con .left .top .p .fx span {
font-family: hr;
color: #999999;
}
.nd_con .left .top .p .fx>a {
display: block;
width: 0.3rem;
height: 0.3rem;
position: relative;
border-radius: 50%;
background-color: #DDDDDD;
margin-left: 0.2rem;
transition: all 0.5s;
}
.nd_con .left .top .p .fx>a:hover {
background: repeating-linear-gradient(to right, #012F66, #075B91);
}
.nd_con .left .top .p .fx>a>img {
height: 0.13rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.nd_con .left .center{line-height: 1.75;}
.nd_con .left .center .p {
font-family: hr;
line-height: 0.3rem;
color: #666666;
}
.nd_con .left .center img {
margin: 0 auto;
margin-bottom: 0.4rem;
}
.nd_con .left .center .h {
line-height: 0.3rem;
color: #111111;
font-family: hm;
}
.social-share .icon-wechat,
.social-share .icon-qq,
.social-share .icon-weibo {
border: transparent;
}
.social-share .icon-wechat:hover,
.social-share .icon-qq:hover,
.social-share .icon-weibo:hover {
background-color: transparent;
}
.social-share .icon-wechat:before,
.social-share .icon-qq:before,
.social-share .icon-weibo:before {
color: transparent;
}
.nd_con .right {
float: right;
width: calc(100% - 12.34rem);
position: sticky;
top: 1.2rem;
}
.nd_con .right>div {
background-color: #ffffff;
padding: 0.6rem 0 0 0;
margin-bottom: 0.15rem;
}
.nd_con .right>div .tit {
font-weight: 700;
color: #000000;
padding-left: 0.3rem;
border-left: 0.027rem solid #012F66;
margin-bottom: 0.32rem;
}
.nd_con .right>div .list {
padding: 0 0.3rem 0.2rem 0.3rem;
}
.nd_con .right>div .list .li {
margin-bottom: 0.4rem;
}
.nd_con .right>div .list .li .h {
font-family: hm;
color: #000000;
line-height: 0.3rem;
height: 0.3rem;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-bottom: 0.11rem;
transition: all 0.5s;
}
.nd_con .right>div .list .li:hover .h {
color: #012F66;
}
.nd_con .right>div .list .li .day {
font-family: hr;
color: #999999;
line-height: 0.2rem;
}
.nd_con .right>div .btn {
text-align: center;
width: 100%;
line-height: 0.5rem;
text-align: center;
color: #fff;
background: repeating-linear-gradient(to right, #012F66, #075B91);
}
.nd_con .right>div .btn span {
display: inline-block;
padding-right: 0.36rem;
background: url(../images/back.png)no-repeat right center;
background-size: 0.16rem auto;
}
/* 新闻详情 end */
/* 联系我们 */
.con_con {
padding: 0.76rem 0 0 0;
background-color: #FFFFFF;
}
.con_con>.top {
background: url(../images/con_bj1.png)no-repeat center;
background-size: cover;
box-shadow: 0 0.3rem 0.6rem rgba(1, 47, 102, 0.09);
background-color: #fff;
padding: 1.6rem 0 1.43rem 0;
margin: 0 1.4rem;
width: calc(100% - 2.8rem);
}
.con_con>.top .tel {
display: table;
margin: 0 auto;
padding-left: 1.52rem;
line-height: 1.12rem;
background: url(../images/con_tel.png)no-repeat left center;
background-size: 1.12rem 1.12rem;
font-family: mb;
color: #075B91;
}
.con_con>.top .tel span {
line-height: 1.12rem;
font-weight: 700;
color: #000000;
margin-right: 0.1rem;
}
.con_con .con1 {
margin: 0.22rem 1.4rem 1rem 1.4rem;
width: calc(100% - 2.8rem);
/* background: url(../images/con_bj2.png)no-repeat center; */
background-size: cover;
padding: 0rem 0rem 0rem 0rem;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.con_con .con1 .left {
width: 9.62rem;
padding: 0.2rem 0rem 0rem 0rem;
}
.con_con .con1 .left .item {
display: flex;
justify-content: flex-start;
padding-bottom: 0.45rem;
margin-bottom: 0.45rem;
border-bottom: 1px solid #E9F2F8;
}
.con_con .con1 .left .item:last-child {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
.con_con .con1 .left .item>div:nth-child(1) {
width:20%;
}
.con_con .con1 .left .item>div:nth-child(2) {
width:40%;
}
.con_con .con1 .left .item>div:nth-child(3) {
width:40%;
}
.con_con .con1 .left .item .tit {
padding-left: 0.5rem;
padding-top: 0.1rem;
background: no-repeat left center;
background-size: 0.4rem 0.4rem;
line-height: 0.4rem;
font-weight: 700;
color: #000000;
}
.con_con .con1 .left .item .h {
font-weight: 700;
color: #000000;
line-height: 0.2rem;
padding-left: 0.35rem;
background: no-repeat left center;
background-size: 0.25rem 0.25rem;
line-height: 0.25rem;
margin-bottom: 0.1rem;
}
.con_con .con1 .left .item .p {
font-family: hr;
color: #666666;
line-height: 0.22rem;
padding-right: 0.3rem;
}
.con_con .con1 .right {
width: calc(100% - 9.62rem);
position: relative;
}
.con_con .con1 .right>img {
width: 90%;
height: auto;
object-fit: cover;
float: right;
border-radius: 0.2rem;
}
.con_con .con1 .right .box {
position: absolute;
bottom: 64%;
left: 23%;
padding: 0.15rem;
background: #fff;
}
.con_con .con1 .right .box1 {
bottom: 24%;
left: 47%;
}
.con_con .con1 .right .box .h {
font-weight: 700;
color: #000000;
padding-left: 0.35rem;
background: url(../images/dz_icon.png)no-repeat left center;
background-size: 0.25rem 0.25rem;
line-height: 0.25rem;
}
.con_con .con1 .right .box .p {
font-family: hr;
color: #666666;
line-height: 1.5;
}
.con_con .con1 .right .box a {
padding-right: 0.15rem;
padding-left: 0.15rem;
position: relative;
font-family: hr;
line-height: 0.2rem;
color: #075B91;
background: url(../images/con1_jt.png)no-repeat right center;
background-size: 0.13rem auto;
}
.con_con .con2 {
height: 6.8rem;
background: url(../images/con2_bj.png)no-repeat center;
background-size: cover;
color: #fff;
padding-top: 1.6rem;
}
.con_con .con2 .h {
font-weight: 700;
line-height: 0.56rem;
text-align: center;
margin-bottom: 0.4rem;
}
.con_con .con2 .btn_box {
display: flex;
justify-content: center;
}
.con_con .con2 .btn_box .btn {
display: flex;
justify-content: center;
align-items: center;
position: relative;
text-align: center;
line-height: 0.68rem;
/*width: 2.6rem;*/
width: 3rem;
z-index: 2;
font-family: hm;
color: #012F66;
margin: 0 0.2rem;
transition: all 0.5s;
}
.con_con .con2 .btn_box .btn:hover {
color: #ffffff;
}
.con_con .con2 .btn_box .btn img {
margin-right: 0.19rem;
width: 0.3rem;
}
.con_con .con2 .btn_box .btn .img2 {
display: none;
}
.con_con .con2 .btn_box .btn:hover .img2 {
display: block;
}
.con_con .con2 .btn_box .btn:hover .img1 {
display: none;
}
.con_con .con2 .btn_box .btn:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: #FBFBFB;
transform: skewX(-15deg);
transition: all 0.5s;
}
.con_con .con2 .btn_box .btn:hover:after {
background: repeating-linear-gradient(to right, #012F66, #075B91);
}
/* 联系我们 end */
/* 供应商自荐弹窗 */
.tanchuang_con {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100vh;
display: none;
}
.tanchuang_con.show {
display: block;
}
.tanchuang_con .bj {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.65);
}
.tanchuang_con .con {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #ffffff;
width: 1023px;
max-width: 90%;
}
.tanchuang_con .con .top {
background-color: #075B91;
display: flex;
justify-content: space-between;
padding: 1.35vw 1.77vw 1.35vw 3vw;
align-items: center;
}
.tanchuang_con .con .top .tt_logo {
width: 10vw;
}
.tanchuang_con .con .top .out {
width: 1.3vw;
cursor: pointer;
transition: all 0.5s;
}
.tanchuang_con .con .top .out:hover {
transform: rotate(180deg);
}
.tanchuang_con .con form {
padding: 90px 57px 100px 57px;
height: 70vh;
overflow: auto;
}
.tanchuang_con .con form .boxs {
display: flex;
justify-content: space-between;
margin-bottom: 3.646vw;
flex-wrap: wrap;
}
.tanchuang_con .con form .boxs .box {
width: 418px;
margin-bottom: 2vw;
}
.tanchuang_con.tanchuang_gy .con form .boxs .box {
width: 296px;
}
.tanchuang_con.tanchuang_gy .con form .boxs .box1 {
width: 100%;
}
.tanchuang_con .con form .boxs .box .txt {
font-family: hm;
color: #333333;
line-height: 24px;
margin-bottom: 1.1vw;
}
.tanchuang_con .con form .boxs .box .txt span {
color: #ED1C24;
margin-right: 4px;
}
.tanchuang_con .con form .boxs .box input {
border: 1px solid #E2E2E2;
border-radius: 2px;
width: 100%;
line-height: 2.5vw;
padding: 0 1.5vw;
}
/*.tanchuang_con .con form .boxs .box input::placeholder {color: rgba(10,6,0,0.4);}*/
.tanchuang_con .con form .boxs .box select {
border: 1px solid #E2E2E2;
border-radius: 2px;
width: 100%;
line-height: 2.5vw;
padding: 0 1.5vw;
background: url(../images/tc_xl.png)no-repeat right center;
}
.tanchuang_con .con form .boxs .box1 {
width: 418px;
}
.tanchuang_con .con form .boxs .box2 {
width: 100%;
}
.tanchuang_con .con form .boxs .box textarea {
border: 1px solid #E2E2E2;
border-radius: 2px;
line-height: 2.5vw;
padding: 0 1.5vw;
height: 10vw;
}
.tanchuang_con .con form .boxs .box .input {
border: 1px solid #E2E2E2;
border-radius: 2px;
line-height: 2.5vw;
padding: 0 1.5vw;
height: 10vw;
font-size: 0;
position: relative;
}
.tanchuang_con .con form .boxs .box .input>img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 90%;
max-height: 90%;
z-index: 2;
}
.tanchuang_con .con form .boxs .box .input input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
.tanchuang_con .con form .boxs .box .input label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background: url(../images/sc_img.png)no-repeat center;
background-size: 3vw auto;
background-color: #ffffff;
cursor: pointer;
}
.tanchuang_con .con form .submit {
display: block;
margin: 0 auto;
width: 28.646vw;
line-height: 3.125vw;
border-radius: 1.5625vw;
text-align: center;
color: #ffffff;
background-color: #075B91;
transition: all 0.5s;
}
.tanchuang_con .con form .submit:hover {
opacity: 0.7;
}
.tanchuang_con .con form::-webkit-scrollbar {
width: 4px;
height: 1px;
}
.tanchuang_con .con form::-webkit-scrollbar-thumb {
background-color: #075B91;
}
.tanchuang_con .con form::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.2);
}
/* 研发实力 */
.str1 {
padding: 2.06rem 1.4rem 1.35rem 1.4rem;
background: url(../images/str1_bj.png)no-repeat center;
background-size: cover;
}
.str1 .tit {
text-align: center;
font-weight: 700;
color: #000000;
line-height: 0.54rem;
margin-bottom: 0.7rem;
}
.str1 .boxs {
display: flex;
justify-content: space-between;
}
.str1 .boxs .box {
display: block;
width: 32.3%;
transition: all 0.5s;
background-color: #FFFFFF;
padding: 0.8rem 0.8rem 0.7rem 0.8rem;
}
.str1 .boxs .box:hover {
content: "";
box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.1);
}
.str1 .boxs .box .icon {
height: 0.46rem;
margin-bottom: 0.3rem;
}
.str1 .boxs .box .h {
font-weight: 700;
color: #000000;
line-height: 0.32rem;
margin-bottom: 0.3rem;
}
.str1 .boxs .box .p {
font-family: hr;
color: #000000;
line-height: 0.22rem;
}
.str1 .boxs .box .p span {
font-family: mb;
color: #E62129;
font-size: 0.3rem;
}
.str2 {
padding: 1.04rem 1.4rem 0.6rem 1.4rem;
/*background: url(../images/str2_bj.png)no-repeat center;*/
/*background-size: cover;*/
position: relative;
/*background-attachment: fixed;*/
z-index: 2;
}
.str2 .pc{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center;background-size: cover;z-index:-1}
.str2 .mm{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center;background-size: cover;opacity:0;z-index:-1}
.str2 .left {
color: #fff;
width: 5.54rem;
float: left;
position: sticky;
top: 1.3rem;
}
.str2 .left .tit {
font-weight: 700;
line-height: 0.56rem;
margin-bottom: 0.38rem;
}
.str2 .left .p {
font-family: hr;
line-height: 0.32rem;
}
.str2 .right {
width: 7.18rem;
float: right;
}
.str2 .right .box {
background-color: #ffffff;
margin-bottom: 0.2rem;
padding: 0.64rem 0.78rem 0.56rem 0.78rem;
display: flex;
align-items: self-start;
}
.str2 .right .box .icon {
width: 1rem;
margin-right: 0.56rem;
}
.str2 .right .box .h {
position: relative;
display: table;
font-family: mb;
color: #000000;
margin-bottom: 0.04rem;
}
.str2 .right .box .dw {
font-weight: 700;
margin-left: 0.33rem;
}
.str2 .right .box .add {
position: absolute;
right: 0.1rem;
top: -0.05rem;
}
.str2 .right .box .h1 {
font-family: hr;
color: #1e7fc2;
line-height: 26px;
margin-bottom: 0.2rem;
font-weight: 700;
}
.str2 .right .box .p {
font-family: hr;
color: #666666;
line-height: 26px;
}
.str3 {
padding: 2.3rem 0 1.94rem 1.4rem;
position: relative;
height: 8rem;
}
.str3 .bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.str3 .top {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0.37rem;
padding-right: 1.4rem;
}
.str3 .top .tit {
font-weight: 700;
color: #000000;
line-height: 0.56rem;
}
.str3 .btn_box {
display: flex;
position: absolute;
top: 1.6rem;
right: 1.6rem;
}
.str3 .btn_box>div {
width: 0.6rem;
height: 0.45rem;
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-left: 0.2rem;
cursor: pointer;
z-index: 2;
}
.str3 .btn_box>div img {
width: 0.15rem;
}
.str3 .btn_box>div .img2 {
display: none;
}
.str3 .btn_box>div:hover .img1 {
display: none;
}
.str3 .btn_box>div:hover .img2 {
display: block;
}
.str3 .btn_box>div:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #012F66;
z-index: -1;
transform: skewX(-15deg);
transition: all 0.5s;
}
.str3 .btn_box>div:hover:after {
border-color: transparent;
background: repeating-linear-gradient(to right, #012F66, #075B91);
}
.str3 .txt {
width: 10.4rem;
/*padding-left: 0.88rem;*/
text-align: center;
background-size: 0.28rem auto;
font-family: hr;
color: #666666;
line-height: 0.32rem;
margin: 0 auto 0.64rem;
}
/*background: url(../images/str3_yh.png)no-repeat left top;*/
.str3 .pics {
position: relative;
overflow: hidden;
}
.str3 .pics .swiper-slide {
position: relative;
}
.str3 .pics .swiper-slide:after {
content: "";
position: absolute;
top: 0;
right: -1.15rem;
width: 1px;
height: 100%;
background-color: rgba(136, 136, 136, 0.23);
}
.str3 .pics .swiper-slide .pic {
width: 100%;
height: 5rem;
background: no-repeat center;
background-size: cover;
transition: all 0.5s;
position: relative;
}
/*.str3 .pics .swiper-slide:hover .pic{transform: scale(1.05);}*/
.str3 .pics .swiper-slide .pic:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1.3rem;
background: url(../images/str3_yy.png);
background-size: 100% 100%;
}
.str3 .pics .swiper-slide .h {
position: absolute;
left: 0;
bottom: 0.24rem;
width: 100%;
text-align: center;
line-height: 0.32rem;
font-weight: 700;
color: #fff;
}
.str4 {
padding: 1.17rem 1.4rem 1.45rem 1.4rem;
background: url(../images/str4_bj.png)no-repeat center;
background-size: cover;
}
.str4 .tit {
font-weight: 700;
color: #000000;
line-height: 0.56rem;
margin-bottom: 0.88rem;
}
.str4 .boxs {
display: flex;
}
.str4 .boxs .box {
width: 23.5%;
position: relative;
background-color: #FFFFFF;
z-index: 2;
padding: 1.16rem 0.4rem 0 0.4rem;
height: 6rem;
/*border-right: 1px solid #E6E6E6;*/
transition: all 0.5s;
}
.str4 .boxs .box.on {
width: 29.5%;
padding-top: 0.35rem;
}
.str4 .boxs .box:last-child {
border-right: none;
}
.str4 .boxs .box .bj {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: no-repeat center;
background-size: cover;
transition: all 0.5s;
z-index: -1;
opacity: 1;
}
/*.str4 .boxs .box .bj::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 0.11rem;background-color: #075B91;transform: translateY(-100%);}*/
.str4 .boxs .box .txt {
width: 2.96rem;
overflow: hidden;
padding-top: 0.65rem;
position: relative;
z-index: 2;
}
.str4 .boxs .box .txt .num {
position: absolute;
top: 0;
left: -0.26rem;
font-size: 0.84rem;
font-family: mb;
color: rgba(255, 255, 255, 0.1);
transition: all 0.5s;
}
.str4 .boxs .box .txt .h {
font-weight: 700;
color: #fff;
line-height: 0.32rem;
margin-bottom: 0.29rem;
transition: all 0.5s;
}
.str4 .boxs .box .txt .solid {
width: 0.21rem;
height: 0.03rem;
background-color: #075B91;
margin-bottom: 0.29rem;
}
.str4 .boxs .box .txt .p {
font-family: hr;
color: #fff;
line-height: 0.32rem;
transition: all 0.5s;
}
/* 研发实力 end */
/* 关于我们 */
.ab1 {
padding: 2.56rem 1.4rem 1.5rem 1.4rem;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.ab1 .left {
width: 8.58rem;
}
.ab1 .left .h1 {
font-weight: 700;
color: #075B91;
line-height: 0.56rem;
margin-bottom: 0.25rem;
}
.ab1 .left .h2 {
font-family: hm;
color: #000000;
line-height: 0.32rem;
margin-bottom: 0.5rem;
}
.ab1 .left .p {
font-family: hr;
color: #666666;
line-height: 0.32rem;
}
.ab1 .left .p img{display: inline-block;
vertical-align: middle;}
.ab1 .right {
width: 6.55rem;
display: flex;
border: 1px solid #D9DFE6;
border-top: none;
background: url(../images/ab1_solid.png)no-repeat center top;
background-size: 100% auto;
}
.ab1 .right .box {
width: 50%;
text-align: center;
border-right: 1px solid #D9DFE6;
padding: 0.56rem 0 0.68rem 0;
}
.ab1 .right .box:last-child {
border-right: none;
}
.ab1 .right .box .icon {
display: flex;
justify-content: center;
margin-bottom: 0.15rem;
}
.ab1 .right .box .icon img {
width: 0.5rem;
}
.ab1 .right .box .num {
font-family: mb;
color: #111111;
margin-bottom: 0.15rem;
}
.ab1 .right .box .p {
font-family: hr;
color: #999999;
line-height: 20px;
padding: 0 10px;
}
.ab2 {
padding: 1.2rem 1.4rem 0.8rem 1.4rem;
color: #fff;
text-align: center;
background: url(../images/ab2_bj.png)no-repeat center;
background-size: cover;
}
.ab2 .tit {
font-weight: 700;
line-height: 0.56rem;
margin-bottom: 1.23rem;
}
.ab2 .center {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.3rem;
}
.ab2 .center .year {
font-family: mb;
color: rgba(255, 255, 255, 0.5);
line-height: 0.56rem;
}
.ab2 .center .txts {
width: 10.8rem;
position: relative;
overflow: hidden;
}
.ab2 .center .txts .swiper-slide {
padding: 0 2.6rem;
opacity: 0 !important;
}
.ab2 .center .txts .swiper-slide-active {
opacity: 1 !important;
}
.ab2 .center .txts .swiper-slide .num {
font-family: mb;
font-size: 0.86rem;
line-height: 1.18rem;
margin-bottom: 0.3rem;
}
.ab2 .center .txts .swiper-slide .p {
font-family: hr;
line-height: 0.32rem;
height: 1.8rem;
}
.ab2 .center .txts .prev,
.ab2 .center .txts .next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1.44rem;
height: 0.13rem;
background-size: 100% 100%;
cursor: pointer;
transition: all 0.5s;
z-index: 2;
}
.ab2 .center .txts .prev:hover,
.ab2 .center .txts .next:hover {
opacity: 0.5;
}
.ab2 .center .txts .prev {
left: 0;
background-image: url(../images/ab2_prev.png);
}
.ab2 .center .txts .next {
right: 0;
background-image: url(../images/ab2_next.png);
}
.ab2 .bottom {
position: relative;
overflow: hidden;
padding-bottom: 0.45rem;
background: url(../images/ab2_solid.png)no-repeat center bottom;
background-size: 100% auto;
}
.ab2 .bottom .swiper-slide {
display: flex;
justify-content: center;
cursor: pointer;
}
.ab2 .bottom .swiper-slide>div {
width: 0.8rem;
line-height: 0.22rem;
padding: 0.1rem 0 0.16rem 0;
text-align: center;
font-family: mb;
color: #fff;
font-size: 18px;
}
.ab2 .bottom .swiper-slide-active>div {
background: url(../images/ab2_bj1.png);
background-size: 100% 100%;
}
.ab3 {
padding: 1rem 1.4rem 1rem 1.4rem;
background: url(../images/ab3_bj.png)no-repeat center;
background-size: cover;
}
.ab3 .tit {
text-align: center;
line-height: 0.56rem;
margin-bottom: 0.3rem;
font-weight: 700;
color: #075B91;
}
.ab3 .con {
position: relative;
overflow: hidden;
padding-bottom: 1.2rem;
text-align: center;
padding-top: 0.4rem;
display: none;
}
.ab3 .con .swiper-slide {
transition: all 0.5s;
}
.ab3 .con .swiper-slide-active {
transform: scale(1.2);
z-index: 10
}
.ab3 .con .pics {
width: 100%;
overflow: hidden;
margin-bottom: 0.28rem;
}
.ab3 .con .pics .pic {
height: 3.6rem;
width: 100%;
background: no-repeat center;
background-size: 100% 100%;
}
.ab3 .con .pics .pic1 {
height: 1.7rem;
width: 100%;
background: no-repeat center;
background-size: 100% 100%;
}
.ab3 .con .p {
font-family: hm;
color: #000000;
line-height: 20px;
}
.ab3 .con .swiper-slide-active .p {
color: #012F66;
padding: 0 10px;
}
.ab3 .con .swiper-pagination {
bottom: 0.22rem;
transform: translateY(45%);
color: #A7AEB5;
font-family: hm;
}
.ab3 .con .swiper-pagination .swiper-pagination-current {
font-size: 0.24rem;
color: #012F66;
}
.ab3 .con .prev,
.ab3 .con .next {
position: absolute;
z-index: 20;
bottom: 2px;
cursor: pointer;
width: 0.6rem;
height: 0.45rem;
display: flex;
justify-content: center;
align-items: center;
}
.ab3 .con .prev img {
transform: translateX(0.03rem);
}
.ab3 .con .next img {
transform: translateX(-0.03rem);
}
.ab3 .con .prev img,
.ab3 .con .next img {
width: 0.15rem;
}
.ab3 .con .prev .img2,
.ab3 .con .next .img2 {
display: none;
}
.ab3 .con .prev:hover .img2,
.ab3 .con .next:hover .img2 {
display: block;
}
.ab3 .con .prev:hover .img1,
.ab3 .con .next:hover .img1 {
display: none;
}
.ab3 .con .prev:after,
.ab3 .con .next:after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.5s;
transform: skewX(-15deg);
width: 100%;
height: 100%;
border: 1px solid #012F66;
}
.ab3 .con .prev:hover:after,
.ab3 .con .next:hover:after {
border-color: transparent;
background: repeating-linear-gradient(to right, #012F66, #075B91);
}
.ab3 .con .prev {
left: 50%;
transform: translateX(-180%);
}
.ab3 .con .next {
right: 50%;
transform: translateX(180%);
}
.qyewh{
width: 100%;
padding-top: 140px;
padding-bottom: 175px;
background: url(../images/ding_02.jpg) center no-repeat;
background-size: cover;
}
.qyewh h1{
text-align: right;
color: #333333;
font-size: 32px;
font-weight: bold;
margin-bottom: 25px;
}
.qyewhdv{
width: 85%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.qyewhdvright{
width: 45%;
}
.qyewhdvright p{
color: #333333;
text-align: right;
font-size: 16px;
margin-bottom: 15px;
}
.qyewhdvright p:nth-child(3){
margin-bottom: 45px;
}
.qyewhdvright ul{
width: 100%;
display: flex;
justify-content: space-between;
}
.qyewhdvright ul .gewhh{
width:57%;
display: flex;
justify-content: center;
align-items: center;
padding: 5%;
background: url(../images/wh1_03.png) center no-repeat;
background-size: cover;
}
.qyewhdvright ul div h1{
text-align: center;
color: #fff;
font-size: 26px;
margin-bottom: 25px;
font-weight: bold;
}
.qyewhdvright ul div p{
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 15px;
margin-bottom: 0;
text-align: center;
}
.qyewhdvright ul div p i{
color: #fff;
font-size: 16px;
width: 80px;
font-weight: bold;
margin-right: 15px;
}
.qyewhdvright ul div p i{
text-align: left;
}
.qyewhdvright ul div p span{
color: #fff;
font-size: 16px;
}
.qyewhdvright ul section li{
position: relative;
margin-bottom: 20px;
}
.qyewhdvright ul section li img{
display: block;
width: 100%;
}
.qyewhdvright ul section li:last-child{
margin-bottom: 0;
}
.qyewhdvright ul section li div{
background: none;
position: absolute;
top: 15%;
left: 5%;
width: 90%;
padding: 5%;
}
.qyewhdvright ul section li div h1{
text-align: center;
color: #fff;
margin-bottom: 20px;
}
.qyewhdvright ul section li div p{
text-align: center;
color: #fcfcfc;
font-size: 14px;
margin-top: 10px;
width: 100%;
justify-content: center;
}
/* 关于我们 end */
/* 社会责任 */
.res1 {
padding: 2.56rem 4.16rem 5.9rem 4.16rem;
background: url(../images/res1_bj.png)no-repeat center;
background-size: cover;
}
.res1 .txt {
font-family: hr;
color: #666666;
line-height: 32px;
text-align: justify;
}
.res1 .txt span {
font-weight: 700;
color: #333333;
}
.res2 {
padding-top: 1.35rem;
}
.res2 .top .h {
font-weight: 700;
color: #000000;
line-height: 0.56rem;
margin-bottom: 0.38rem;
text-align: center;
}
.res2 .top .p {
width: 10.87rem;
margin: 0 auto;
font-family: hr;
line-height: 0.32rem;
color: #666666;
text-align: left;
margin-bottom: 0.78rem;
}
.res2 .con {
background: url(../images/res2_pic.png)no-repeat center;
background-size: cover;
}
.res2 .txts {
padding: 0 1.4rem;
width: 10.16rem;
backdrop-filter: blur(10px);
}
.res2 .txts .txt {
padding: 2.38rem 1.12rem 4.11rem 1.12rem;
background: url(../images/res2_bj.png)no-repeat center;
background-size: cover;
}
.res2 .txts .txt .icon {
width: 0.5rem;
margin-bottom: 0.17rem;
}
.res2 .txts .txt .h1 {
font-weight: 700;
line-height: 0.36rem;
color: #fff;
margin-bottom: 0.38rem;
}
.res2 .txts .txt .p1 {
font-family: hr;
color: #fff;
line-height: 0.32rem;
text-align: justify;
}
.res3 {
padding: 1.2rem 1.4rem;
background-color: #F7F8FA;
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: row-reverse;
}
.res3 .txt {
width: 6.24rem;
}
.res3 .txt .h {
font-weight: 700;
color: #000000;
line-height: 0.56rem;
margin-bottom: 0.68rem;
}
.res3 .txt .p {
font-family: hr;
color: #666666;
line-height: 0.32rem;
text-align: justify;
}
.res3 .pics {
width: 9.04rem;
overflow: hidden;
}
.res3 .pics .pic {
width: 100%;
height: 6.4rem;
background: no-repeat center;
background-size: cover;
transition: all 0.5s;
}
.res3 .pics .pic:hover {
transform: scale(1.05);
}
.res4 {
position: relative;
padding-right: 1.4rem;
padding-bottom: 1.7rem;
background: url(../images/res4_bj.png)no-repeat center;
background-size: cover;
}
.res4 .pics {
float: left;
width: 8.76rem;
overflow: hidden;
position: sticky;
top: 0;
}
.res4 .pics .pic {
width: 100%;
height: 9.6rem;
background: no-repeat center;
background-size: cover;
}
.res4 .right {
float: right;
width: 7.64rem;
padding-top: 1.55rem;
}
.res4 .right .tit {
font-weight: 700;
color: #000000;
line-height: 0.56rem;
margin-bottom: 0.09rem
}
.res4 .right .box {
padding-top: 0.7rem;
padding-bottom: 0.7rem;
border-bottom: 1px solid #D9E3EA;
}
.res4 .right .box:last-child {
border-bottom: none;
}
.res4 .right .box .icon {
width: 0.5rem;
margin-bottom: 0.26rem;
}
.res4 .right .box .h {
font-weight: 700;
color: #000000;
line-height: 0.42rem;
margin-bottom: 0.3rem;
}
.res4 .right .box .h1 {
font-weight: 700;
color: #000000;
line-height: 0.32rem;
margin-bottom: 0.29rem;
}
.res4 .right .box .p {
font-family: hr;
color: #666666;
line-height: 0.32rem;
margin-bottom: 0.32rem;
text-align: justify;
}
.res4 .right .box .p:last-child {
margin-bottom: 0;
}
.res5 {
display: flex;
}
.res5 .box {
width: 50%;
color: #ffffff;
text-align: center;
padding: 1.05rem 2.1rem 0 2.1rem;
height: 8.4rem;
background: no-repeat center;
background-size: cover;
}
/*.res5 .box:last-child{border-right: none;}*/
.res5 .box .h {
font-weight: 700;
line-height: 0.56rem;
margin-bottom: 0.5rem;
}
.res5 .box .p {
font-family: hr;
line-height: 0.32rem;
text-align: justify;
}
.res6 {
height: 11.4rem;
background: url(../images/res6_bj.png)no-repeat center bottom;
background-size: 100% auto;
padding-top: 1.95rem;
}
.res6 .tit {
text-align: center;
font-weight: 700;
color: #000000;
line-height: 0.56rem;
margin-bottom: 0.42rem;
}
.res6 .p {
width: 11.8rem;
margin: 0 auto;
padding: 0.55rem 0.75rem;
border: 1px solid #E5E9F5;
border-radius: 0.1rem;
position: relative;
font-family: hr;
line-height: 0.32rem;
color: #666666;
text-align: justify;
}
.res6 .p::before {
content: "";
position: absolute;
top: -0.43rem;
left: -0.45rem;
width: 0.91rem;
height: 0.65rem;
background: url(../images/res6_yh1.png);
background-size: 100% 100%;
}
.res6 .p::after {
content: "";
position: absolute;
bottom: 0;
right: -0.45rem;
width: 0.91rem;
height: 0.65rem;
background: url(../images/res6_yh2.png);
background-size: 100% 100%;
}
.resx {
position: relative;
padding: 1.2rem 0 2.6rem 0;
background: url(../images/rex_bj.png)no-repeat center bottom;
background-size: 100% auto;
}
.resx .pics {
float: left;
width: 8.76rem;
position: sticky;
top: 0;
height: 100vh;
}
.resx .pics .pic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: no-repeat center;
background-size: cover;
opacity: 0;
transition: all 0.5s;
}
.resx .pics .pic.show {
opacity: 1;
}
.resx .txts {
float: right;
width: calc(100% - 8.76rem);
padding: 0 2.8rem 0 1.4rem;
}
.resx .txts .re1 {
height: 9.4rem;
display: flex;
align-items: center;
}
.resx .txts .re1 .h {
font-weight: 700;
line-height: 0.55rem;
margin-bottom: 0.68rem;
color: #000000;
}
.resx .txts .re1 .p {
font-family: hr;
line-height: 32px;
color: #666666;
text-align: justify;
}
.resx .txts .re2 {
padding: 1.55rem 0 0 0;
}
.resx .txts .re2 .tit {
font-weight: 700;
color: #000000;
line-height: 0.42rem;
margin-bottom: 0.8rem;
}
.resx .txts .re2 .box:nth-child(2) {
padding-bottom: 0.68rem;
margin-bottom: 0.7rem;
border-bottom: 1px solid #D9E3EA;
}
.resx .txts .re2 .box .icon {
width: 0.5rem;
margin-bottom: 0.28rem;
}
.resx .txts .re2 .box .icon img {
width: 100%;
}
.resx .txts .re2 .box .h {
font-weight: 700;
line-height: 0.42rem;
margin-bottom: 0.3rem;
}
.resx .txts .re2 .box .p {
font-family: hr;
line-height: 0.32rem;
color: #666666;
}
/*.resx .txts .re2 .box .p p:nth-child(1) {*/
/* font-weight: 700;*/
/* color: #000000;*/
/* line-height: 24px;*/
/* margin-bottom: 0.28rem;*/
/*}*/
/*.resx .txts .re2 .box .p p:nth-child(3) {*/
/* font-weight: 700;*/
/* color: #000000;*/
/* line-height: 0.24rem;*/
/* margin-bottom: 0.28rem;*/
/* margin-top: 0.52rem;*/
/*}*/
.resx .txts .re3 .txt {
height: 9.4rem;
display: flex;
align-items: center;
}
.resx .txts .re3 .txt .h {
font-weight: 700;
color: #000000;
line-height: 0.42rem;
margin-bottom: 0.49rem;
}
.resx .txts .re3 .txt .p {
font-family: hr;
color: #666666;
line-height: 30px;
}
.mb-resx {
margin-top: .3rem;
display: none;
}
.mb-resx .item .pic {
width: 100%;
}
.mb-resx .item .pic img {
width: 100%;
}
.mb-resx .item .item-box {
padding: .5rem 5% .3rem;
}
.mb-resx .item1 .h {
font-weight: 700;
line-height: 0.55rem;
margin-bottom: 0.2rem;
color: #000000;
}
.mb-resx .item1 .p {
font-family: hr;
line-height: 32px;
color: #666666;
text-align: justify;
}
.mb-resx .item2 {
margin-top: .2rem;
}
.mb-resx .item2 .tit {
font-weight: 700;
color: #000000;
line-height: 0.42rem;
margin-bottom: 0.4rem;
}
.mb-resx .item2 .box:nth-child(2) {
padding-bottom: 0.2rem;
margin-bottom: 0.4rem;
border-bottom: 1px solid #D9E3EA;
}
.mb-resx .item2 .box .icon {
width: 0.5rem;
margin-bottom: 0.14rem;
}
.mb-resx .item2 .box .icon img {
width: 100%;
}
.mb-resx .item2 .box .h {
font-weight: 700;
line-height: 0.42rem;
margin-bottom: 0.3rem;
font-size: 20px;
}
.mb-resx .item2 .box .p {
font-family: hr;
line-height: 1.5;
color: #666666;
}
.mb-resx .item3 {
margin-top: .2rem;
}
.mb-resx .item3 .txt {
display: flex;
align-items: center;
margin-bottom: .4rem;
}
.mb-resx .item3 .txt:last-child {
margin-bottom: 0;
}
.mb-resx .item3 .txt .h {
font-weight: 700;
color: #000000;
line-height: 0.42rem;
margin-bottom: 0.2rem;
}
.mb-resx .item3 .txt .p {
font-family: hr;
color: #666666;
line-height: 30px;
}
.res7 {
padding: 1.75rem 0 2.2rem 1.4rem;
display: flex;
justify-content: space-between;
background: url(../images/res7_bj.png)no-repeat center;
background-size: cover;
}
.res7 .txt {
width: 3.32rem;
}
.res7 .txt .tit {
font-weight: 700;
color: #000000;
line-height: 0.56rem;
margin-bottom: 0.44rem;
}
.res7 .txt .h {
font-weight: 700;
color: #000000;
line-height: 0.4rem;
margin-bottom: 0.28rem;
}
.res7 .txt .p {
font-family: hr;
color: #666666;
line-height: 0.3rem;
margin-bottom: 0.86rem;
}
.res7 .txt .btn_box {
display: flex;
}
.res7 .txt .prev,
.res7 .txt .next {
cursor: pointer;
width: 0.6rem;
height: 0.45rem;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.res7 .txt .prev img {
transform: translateX(0.03rem);
}
.res7 .txt .next img {
transform: translateX(-0.03rem);
}
.res7 .txt .prev img,
.res7 .txt .next img {
width: 0.15rem;
}
.res7 .txt .prev .img2,
.res7 .txt .next .img2 {
display: none;
}
.res7 .txt .prev:hover .img2,
.res7 .txt .next:hover .img2 {
display: block;
}
.res7 .txt .prev:hover .img1,
.res7 .txt .next:hover .img1 {
display: none;
}
.res7 .txt .prev:after,
.res7 .txt .next:after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.5s;
transform: skewX(-15deg);
width: 100%;
height: 100%;
border: 1px solid #012F66;
}
.res7 .txt .prev:hover:after,
.res7 .txt .next:hover:after {
border-color: transparent;
background: repeating-linear-gradient(to right, #012F66, #075B91);
}
.res7 .txt .prev {
margin-right: 0.18rem;
}
.res7 .pics {
width: 13.45rem;
position: relative;
overflow: hidden;
}
.res7 .pics .swiper-slide {
position: relative;
overflow: hidden;
height: 3.96rem;
}
.res7 .pics .swiper-slide .pic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: no-repeat center;
background-size: cover;
transition: all 0.5s;
}
.res7 .pics .swiper-slide .pic:hover {
transform: scale(1.05);
}
.res7 .pics .swiper-slide .p {
position: absolute;
left: 0;
bottom: 0.23rem;
width: 100%;
text-align: center;
font-weight: 700;
color: #ffffff;
line-height: 0.32rem;
}
/* 社会责任 end */
/* 企业文化 */
.cul_con {
padding: 2.58rem 1.4rem 2.4rem 1.4rem;
background: url(../images/cul_bj.png)no-repeat center top;
background-size: 100% auto;
}
.cul_con .box {
display: flex;
justify-content: space-between;
margin-bottom: 1.32rem;
align-items: center;
}
.cul_con .box:last-child {
margin-bottom: 0;
}
.cul_con .box:nth-child(2n-1) {
flex-flow: row-reverse;
}
.cul_con .box .pics {
width: 9.8rem;
overflow: hidden;
}
.cul_con .box .pics .pic {
width: 100%;
height: 6.4rem;
background: no-repeat center;
background-size: cover;
transition: all 0.5s;
}
.cul_con .box .pics:hover .pic {
transform: scale(1.05);
}
.cul_con .box .txt {
width: calc(100% - 11.3rem);
padding-top: 0.97rem;
position: relative;
z-index: 2;
overflow: hidden;
}
.cul_con .box .txt .num {
position: absolute;
top: 0;
left: -0.5rem;
z-index: -1;
line-height: 2.04rem;
color: #F2F2F2;
font-family: mb;
font-size: 1.75rem;
}
.cul_con .box .txt .h {
font-weight: 700;
color: #000000;
line-height: 0.56rem;
margin-bottom: 1.1rem;
}
.cul_con .box .txt .h1 {
font-weight: 700;
color: #000000;
line-height: 0.32rem;
margin-bottom: 0.195rem;
}
.cul_con .box .txt .p {
font-family: hr;
color: #666666;
line-height: 24px;
margin-bottom: 0.54rem;
}
.cul_con .box .txt .p:last-child {
margin-bottom: 0;
}
/* 企业文化 end */
/* 加入我们 */
.ser_con {
background: url(../images/ser_bj.png) no-repeat center top;
background-size: 100% auto;
}
.ser_con .ser1 {
padding: 1.2rem 1.4rem 0.2rem 1.4rem;
}
.ser_con .ser1 .tit {
text-align: center;
font-weight: 700;
color: #075B91;
line-height: 0.36rem;
margin-bottom: 0.38rem;
}
.ser_con .ser1 .p1 {
max-width: 12.6rem;
margin: 0 auto;
text-align: center;
font-family: hr;
color: #666666;
line-height: 24px;
margin-bottom: 0.38rem;
}
.ser_con .ser1 .cons {
position: relative;
overflow: hidden;
padding-bottom: 0.7rem;
height: 6.3rem;
/*cursor: url(../img/ser_hk.ico),pointer;*/
padding-top: 0.4rem;
}
.ser_con .ser1 .cons .swiper-slide {
background-color: #fff;
border-radius: 0.2rem;
padding: 0.6rem 0.35rem 0 0.35rem;
height: 4.9rem;
transition: all 0.5s;
}
.ser_con .ser1 .cons .swiper-slide:hover {
background: repeating-linear-gradient(to bottom, #012F66, #075B91);
transform: scale(1.02);
}
.ser_con .ser1 .cons .swiper-slide .icon {
width: 0.7rem;
margin-bottom: 0.38rem;
cursor: pointer;
}
.ser_con .ser1 .cons .swiper-slide .icon .img2 {
display: none;
}
.ser_con .ser1 .cons .swiper-slide:hover .icon .img1 {
display: none;
}
.ser_con .ser1 .cons .swiper-slide:hover .icon .img2 {
display: block;
}
.ser_con .ser1 .cons .swiper-slide .h {
font-weight: 700;
color: #000000;
cursor: pointer;
line-height: 0.32rem;
margin-bottom: 0.25rem;
transition: all 0.5s;
}
.ser_con .ser1 .cons .swiper-slide:hover .h {
color: #ffffff;
}
.ser_con .ser1 .cons .swiper-slide .p {
font-family: hr;
line-height: 24px;
color: #666666;
text-align: left;
transition: all 0.5s;
overflow: auto;
}
.ser_con .ser1 .cons .swiper-slide:hover .p {
color: #ffffff;
}
.ser_con .ser1 .cons .swiper-pagination {
top: auto;
bottom: 0.53rem;
width: calc(100%);
background-color: #DEEAF2;
}
.ser_con .ser1 .cons .swiper-pagination .swiper-pagination-progressbar-fill {
background: repeating-linear-gradient(to right, #012F66, #075B91);
}
.jo_con .con .tab{padding: 0.0rem 1.4rem 0.5rem 1.4rem;}
.jo_con .con .tab .tit{text-align: center;}
.jo_con .con .tab .tit .cn{font-weight: 700;line-height: 56px;color: #075B91;}
.jo_con .con .tab .tit .solid{position: relative;width: 160px;height: 1px;margin: 10px auto;margin-top: 14px;background-color: rgba(15,85,214,0.35);}
.jo_con .con .tab .tit .en{font-family: dinb;color: #666;line-height: 24px;margin-bottom: 2.91vw;text-transform: uppercase;}
.jo_con .con .tab .top{padding: 1.77vw 1.375vw;display: flex;justify-content: space-between;line-height: 24px;color: #FFFFFF;font-weight: 700;background: url(../images/tab_bj.png);background-size: 100% 100%;margin-bottom: 2.4vw;border-radius:0.0rem;}
.jo_con .con .tab .top .li{width:25%;text-align: center;}
.jo_con .con .tab .list .li{margin-bottom: 1vw;}
.jo_con .con .tab .list .li.on{border: 1px solid #EAEDF0;border-radius:0.5rem;}
.jo_con .con .tab .list .li .name{padding: 1.37vw 1.375vw;background-color: #F5F8FC;display: flex;justify-content: space-between;border-radius:0.5rem;}
.jo_con .con .tab .list .li .name .h{width:25%; text-align: center;}
.jo_con .con .tab .list .li .name .h1{cursor: pointer;transition: all 0.5s;}
.jo_con .con .tab .list .li .name .h1:hover{color: #0F3BDC;}
.jo_con .con .tab .list .li.on .name .h1{color: #0F3BDC;}
.jo_con .con .tab .list .li .con1s{display: none;}
.jo_con .con .tab .list .li .con1{padding: 3.645vw 3.575vw;display: flex;justify-content: space-between;}
.jo_con .con .tab .list .li .con1 .box{width: 32.1vw; padding-right: 5vw;}
.jo_con .con .tab .list .li .con1 .h11{font-family: hm;color: #333333;line-height: 22px;margin-bottom: 1.1vw;}
.jo_con .con .tab .list .li .con1 .p{line-height: 32px;font-family: hr;color: #777777;}
.jo_con .con .tab .list .li:last-child{margin-bottom: 0;}
/* .ser_con .ser1 .cons .swiper-pagination .swiper-pagination-progressbar-fill:after{content: "";display: inline-block; position: absolute;top: -0.23rem;right: 0;width: 0.84rem;height: 0.81rem;background:url(../images/ser_hk.png);background-size: 100% 100%;transform: translate3d(0px, 0px, 0px) scaleX(5) scaleY(1);} */
/*.map .m_con .yuan_box .yuan:nth-child(n+12) .qiu:after{display:none;}*/
.ser_con .ser2 .map .solid_box .box:nth-child(n+14) .qiu:before {
display: none;
}
@keyframes myfirst {
0% {
transform: translate(-50%, -50%) scale(0);
opacity: 1;
}
50% {
transform: translate(-50%, -50%) scale(3);
opacity: 0.5;
}
100% {
transform: translate(-50%, -50%) scale(6);
opacity: 0;
}
}
@keyframes offset {
0% {
stroke-dashoffset: 1500;
}
100% {
stroke-dashoffset: 0;
}
}
/* 安达技术创新 */
.inn_con{background-color: #F6F9FF;padding-bottom: 4vw;position: relative;z-index: 2;}
.inn_con .inn1{padding: 2.34vw 0 2vw 0;position: relative;}
.inn_con .inn1 .con{display: flex;justify-content: space-between; padding: 0.4rem 1.4rem 0.4rem 1.4rem;}
.inn_con .inn1 .pic{width: 50vw;overflow:hidden;}
.inn_con .inn1 .pic img{max-width: 100%;transition:all 1.5s}
.inn_con .inn1 .pic img:hover{transform:scale(1.03);}
.inn_con .inn1 .con>.txt{width: 42.7vw;padding-left: 5vw;margin-top: 5vw;}
.inn_con .inn1 .con>.txt .cn{line-height: 66px;font-size: 50px;color: #075B91;margin-bottom: 5px;font-family: hm;}
.inn_con .inn1 .con>.txt .en{line-height: 26px;font-size: 20px;font-family: Gothic;color: #444444;text-transform: uppercase;margin-bottom: 1.77vw;}
.inn_con .inn1 .con>.txt .p{line-height: 28px;font-size: 16px;color: #000000;height: 144px;padding-right: 8px;overflow: auto; margin-top: 1.77vw;}
.inn_con .inn1 .con>.txt .p::-webkit-scrollbar {width:2px;height:5px;}
.inn_con .inn1 .con>.txt .p::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);}
.inn_con .inn1 .con>.txt .p::-webkit-scrollbar-thumb {background:#0426A1;}
.inn_con .inn1 .boxs{display: flex;justify-content: space-between; padding: 0 1.4rem;}
.inn_con .inn1 .boxs>div{display: flex;width: 100%;border: 1px solid #F1F1F1;background-color: #fff;}
.inn_con .inn1 .box{width: 25%;display: flex;align-items: center;padding: 2vw 2vw 2vw 2vw;border-right: 1px solid #F1F1F1;}
.inn_con .inn1 .boxs .box:last-child{border-right: none;}
.inn_con .inn1 .box .icon{width:5.2vw;height: 5.2vw;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 1px solid #ECECFF;margin-right: 2vw;}
.inn_con .inn1 .box .icon img{max-width: 100%;}
.inn_con .inn1 .box .txt .h{font-family: Gothic-bold;color: #000000;font-size: 32px;line-height: 40px;position: relative;display: table;padding-right: 15px;margin-bottom:0.2vw;}
.inn_con .inn1 .box .txt .h .add{position: absolute;top: 0;right: 0;font-size: 26px;line-height: 14px; color: #00396e;}
.inn_con .inn1 .box .txt .h span{ color: #00396e; font-weight: 700;}
.inn_con .inn1 .box .txt .p{line-height: 30px;font-size: 20px;color: #000000;;font-family: hl;margin-bottom: 1vw; }
.inn_con .inn1 .box .txt .solid{width: 38px;height: 2px;background-color: #00396e;}
.inn_con .inn2{display: flex;flex-wrap: wrap;margin-bottom: 6.25vw; padding: 0rem 1.4rem 0rem 1.4rem; }
.inn_con .inn2 .box{width: 50%;padding: 3vw 5.73vw 1vw 3.85vw;border: 1px solid #EEEEEE;background-color: #fff;position: relative;z-index: 2;overflow:hidden;}
.inn_con .inn2 .box .bj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center;background-size: cover;z-index: -1;transition: all 0.5s ease-in-out;opacity: 0;transform: scale(1.05);}
.inn_con .inn2 .box:hover .bj{opacity: 1;transform: scale(1);border-radius:0;top:0;}
.inn_con .inn2 .box .icon{width: 2.39vw;height: 2.39vw;position:relative;margin-bottom: 0.9375vw;}
.inn_con .inn2 .box .icon img{max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.inn_con .inn2 .box .icon img.img2{display: none;}
.inn_con .inn2 .box:hover .icon img.img2{display: block;}
.inn_con .inn2 .box:hover .icon img.img1{display: none;}
.inn_con .inn2 .box .h{font-size: 22px;line-height: 30px;color: #000000;margin-bottom: 0.73vw;transition: all 0.5s;font-family: hm;}
.inn_con .inn2 .box:hover .h{color: #fff;}
.inn_con .inn2 .box .p{line-height: 26px;font-size: 16px;color: #000000;height: 130px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;transition: all 0.5s;}
.inn_con .inn2 .box:hover .p{color: #fff;}
.inn_con .inn3{background-color: #fff;padding: 7.08vw 0 0 0;}
.inn_con .inn3 .map{margin-top: 2.6vw;padding-top: 0;}
.inn_con .inn3 .map .m_con{margin-bottom: 2.6vw;margin-top: 0;}
.inn_con .inn3 img{width: 100%;}
.inn_con .inn3 img.img2{display: none;}
.inn_con .inn3 img.img3{position:absolute;bottom:-7%;right:5%;width:13vw;}
.inn_con .inn3 .top{display: flex;}
.inn_con .inn3 .top .left{margin-right: 9.125vw;width: 386px;}
.inn_con .inn3 .top .left .cn{line-height: 1;font-size: 50px;color: #000000;margin-bottom: 0.25vw;font-family: hm;}
.inn_con .inn3 .top .left .en{line-height: 26px;font-size: 20px;font-family: Gothic;text-transform: uppercase;}
.inn_con .inn3 .top .right{width: 56.25vw;line-height: 26px;font-size: 16px;color: #0A0600;font-family: hl;}
.inn_con .inn3 .top .right p{font-family: hl;}
.inn_con .inn3 .top .right span{font-weight: 700;}
.inn_con .inn4{position: relative;padding-bottom: 11.875vw;}
.inn_con .inn4 .pic{background: no-repeat center;background-size: cover;height: 27.5vw;padding: 0 1.4rem;position: sticky;top: 0; }
.inn_con .inn4 .pic .txt{padding-top: 2.875vw;color: #ffffff;}
.inn_con .inn4 .pic .txt .cn{line-height: 66px;font-size: 50px;margin-bottom: 0.25vw;font-family: hm;}
.inn_con .inn4 .pic .txt .en{line-height: 26px;font-size: 20px;font-family:Gothic;text-transform: uppercase;}
.inn_con .inn4 .boxs{display: flex;position: absolute;bottom: 0;left:7vw;width: 86vw;background-color: #fff;box-shadow: 0 0 15px rgba(0,23,73,0.02);}
.inn_con .inn4 .boxs_m{display: none;}
.inn_con .inn4 .boxs .box{padding: 5.2vw 3vw 3.33vw 3vw;border-right:1px solid #ECECEC;width: 20.75vw;height: 585px;position: relative;transition: all 0.5s ease-in-out;overflow: hidden;}
.inn_con .inn4 .boxs .box.on{width: 44.5vw;}
.inn_con .inn4 .boxs .box:last-child{border-right: none;}
.inn_con .inn4 .boxs .box .icon{width: 2.8vw;display: flex;justify-content: center;align-items: center;margin-bottom: 0.468vw;}
.inn_con .inn4 .boxs .box .icon img{max-width: 100%;max-height: 100%;}
.inn_con .inn4 .boxs .box .cn1{line-height: 46px;font-size: 28px;color:#000000;margin-bottom: 0.4vw;font-family: hm;}
.inn_con .inn4 .boxs .box .en1{line-height: 20px;font-size: 16px;color: #000000;font-family: hl;text-transform: uppercase;font-family:Gothic;margin-bottom: 1.6vw;}
.inn_con .inn4 .boxs .box.on .cn1,.inn_con .inn4 .boxs .box.on .en1{width:calc(37.7vw)}
.inn_con .inn4 .boxs .box .p{line-height: 30px;color: #333333;font-size: 16px;display: none;width: 37.22vw;font-family: hl;}
.inn_con .inn4 .boxs .box.on .p{display: block;}
.inn_con .inn4 .boxs .box .page{position: absolute;bottom: 3.33vw;left: 3.64vw;font-size: 16px;display: flex;align-items: flex-end;color: #CCCCCC;}
.inn_con .inn4 .boxs .box .page span{margin: 0 4px;}
.inn_con .inn4 .boxs .box .page span:first-child{font-size: 30px;color: #0426A1;}
.inn_con .ab3{padding: 2vw 0 2vw 0;background: url(../images/str4_bj.jpg)no-repeat center bottom;background-size:100% auto;}
.inn_con .ab3 .top{padding: 3vw 1.4rem 3vw 1.4rem;display: flex;justify-content: space-between;border-bottom: 0px solid #E4E4E4;}
.inn_con .ab3 .top .cn{font-size: 50px;line-height: 46px;color: #075B91;margin-bottom: 0.537vw;font-family: hm;}
.inn_con .ab3 .top .en{font-size: 20px;line-height: 24px;color: rgba(68,68,68,0.7);font-family: Gothic;text-transform: uppercase;margin-bottom: 2vw;}
.inn_con .ab3 .top .p{font-size: 16px;line-height: 28px;color: #000000;margin-top: 2vw;}
.inn_con .ab3 .top .right{position: relative;width: 65vw;line-height: 32px;color: #000000;font-family: hl;font-size:18px;}
.inn_con .ab3 .bottom{position: relative;overflow: hidden;padding-top: 5.6vw;width:87%;touch-action: pan-y;padding-bottom:5vw;}
.inn_con .ab3 .bottom .swiper-button-next,.inn_con .ab3 .bottom .swiper-button-prev{position: absolute;width:3vw;height:3vw;background-size: 100% 100%;top:auto;}
.inn_con .ab3 .bottom .swiper-button-next{background-image: url(../images/ab_next.png);right: 50%;bottom: 0;margin-top: 0;transform:translateX(120%)}
.inn_con .ab3 .bottom .swiper-button-next:hover{background-image: url(../images/ab_next1.png);}
.inn_con .ab3 .bottom .swiper-button-prev{background-image: url(../images/ab_prev.png);left: 50%;bottom: 0;margin-top: 0;transform:translateX(-120%)}
.inn_con .ab3 .bottom .swiper-button-prev:hover{background-image: url(../images/ab_prev1.png);}
.inn_con .ab3 .bottom.on{width: 86%;}
.inn_con .ab3 .bottom .swiper-slide{width: 18.5vw;opacity: 0.48;transition: all 0.5s;}
.inn_con .ab3 .bottom .swiper-slide-active{opacity: 1;transform:rotateX(0deg) rotateY(0deg)!important;}
/*.inn_con .ab3 .bottom .swiper-slide-next{transform:rotateX(0deg) rotateY(50deg)!important}*/
.inn_con .ab3 .bottom .swiper-slide-active{opacity: 1;}
.inn_con .ab3 .bottom .swiper-slide-active .pic{transform: scale(1.27);}
.inn_con .ab3 .bottom .swiper-slide .pic{display: flex;justify-content: center;align-items: center;transition: all 0.5s;}
.inn_con .ab3 .bottom .swiper-slide .pic img{max-width: 100%;max-height: 100%;}
.inn_con .ab3 .bottom .swiper-slide .h{text-align: center;font-size: 20px;line-height: 26px;height:52px; color: #000000;margin-top: 4.875vw;display: none;}
.inn_con .ab3 .bottom .swiper-slide-active .h{display: block;font-family: hm;}
.rec1{ background: url(../images/sc.jpg)no-repeat center center;margin-top: 0vw;padding: 5.16vw 0;margin-bottom: 4.16vw;}
.rec1 .w1652{display: flex;align-items: center;border: #dedede 0px solid;}
.rec1 .pics{width: 50%; float: left;}
.rec1 .pics .pic{transition: all 0.5s;}
.rec1 .txt {width: 45%; float: left;padding-left: 5%; }
.rec1 .txt .cn{color: #075B91;line-height: 66px;margin-bottom: 2.5vw;font-size: 50px;font-family: hm;}
.rec1 .txt .en{font-family:Gothic; color: #444444;text-transform: uppercase;line-height: 26px;font-size: 20px;margin-bottom: 2.6vw;font-family: Gothic;}
.rec1 .txt .p{line-height: 32px;color: #000000;font-family: hl;font-size:20px;}
.rec1 .txt .p p{font-family: hl;}
.rec2{width: 93vw;margin-left: 7vw;margin-bottom:0vw;}
.rec2 .top{display: flex;margin-bottom: 3.64vw;}
.rec2 .top .txt{margin-right: 16.5vw;width: 54.6vw;}
.rec2 .top .txt .txt1{display: none;}
.rec2 .top .txt .txt1.on{display: block;}
.rec2 .top .txt .h{font-size: 34px;line-height: 28px;color: #075B91;font-weight: 700;margin-bottom: 2vw;}
.rec2 .top .txt .p{line-height: 32px;color: #000000;font-family: hl;font-size: 20px;}
.rec2 .top .txt .p p{font-family: hl;}
.rec2 .pics{width: 100%;position: relative;}
.rec2 .pics .swiper-pagination{display: none;}
.rec2 .pics .swiper-slide{padding-right: 6.5vw;border-right: 1px solid rgba(136,136,136,0.23);}
.rec2 .pics .swiper-slide .pic{width: 100%;height: 26.14vw;background: no-repeat center;background-size: 100% 100%;transition: all 0.5s;}
.rec2 .pics .swiper-slide .pic:hover{background-size: 105% 105%;}
.rec2 .top .swiper-pagination{display: flex;bottom: auto;top: 0;left: 0;font-size: 16px;font-weight: 700;color: #D2D2D2;align-items: flex-end;font-family: Gothic-Bold;letter-spacing: 2px;}
.rec2 .top .swiper-pagination .swiper-pagination-current{font-size: 24px;color: #000000;}
.rec2 .top .right{position: relative;}
.rec2 .top .right .next{top: auto;bottom: 0;right: auto;margin-top: 0;left: 64px;width: 54px;height: 54px;background: url(../images/rec_next.png);background-size: 100% 100%;}
.rec2 .top .right .next:hover{background-image: url(../images/rec_next1.png);}
.rec2 .top .right .prev{top: auto;bottom: 0;right: auto;left: 0;margin-top: 0;width: 54px;height: 54px;background: url(../images/rec_prev.png);background-size: 100% 100%;}
.rec2 .top .right .prev:hover{background-image: url(../images/rec_prev1.png);}
/* 产品列表 */
.pl_con{background-color: #F9F9F9;}
.pl_con>.con{padding: 1rem 1.4rem 0.77rem 1.4rem;position: relative;}
.pl_con .con .right_con{float: left;}
.pl_con .con .right_con .tit .cn{line-height: 48px;font-weight: 700;color: #333333;margin-bottom:0.73vw;}
.pl_con .con .right_con .tit .solid{position: relative;width: 90px;height: 1px;background-color: rgba(15,85,214,0.35);margin-bottom: 0.625vw;}
.pl_con .con .right_con .tit .solid:after{content: "";position: absolute;left: 0;width: 40px;height: 3px;top: -1px;background: url(../images/tit_solid.png)no-repeat center;background-size: 100% 100%;}
.pl_con .con .right_con .tit .en{line-height: 24px;font-family: cg;color: #B4B4B4;text-transform: uppercase;margin-bottom: 1.5vw;}
.pl_con .con .right_con .boxs{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pl_con .con .right_con .boxs:after{content: "";display: block;width: 27vw;}
.pl_con .con .right_con .boxs .box{display: block;width:27vw;background:no-repeat center bottom;background-size:0% auto; background-color: #ffffff;border: 1px solid rgba(112,112,112,0.1);margin-bottom: 2vw;transition: all 0.5s; float: left;}
.pl_con .con .right_con .boxs .box:hover{background-size:100% auto;}
.pl_con .con .right_con .boxs .box .pics{width: 100%;overflow: hidden;}
.pl_con .con .right_con .boxs .box .pics .pic{width: 100%;height: 14vw;background:no-repeat center;background-size: 70% auto;transition: all 0.5s;}
.pl_con .con .right_con .boxs .box:hover{box-shadow: 0 0 20px rgba(15,59,220,0.1);background-image:url(../images/b_line.png)}
.pl_con .con .right_con .boxs .box:hover .pics .pic{transform: scale(1.05);}
.pl_con .con .right_con .boxs .box .txt{padding: 1.62vw 1.42vw 1.62vw 1.42vw;border-top: 1px solid rgba(112,112,112,0.1);}
.pl_con .con .right_con .boxs .box .txt .h1{line-height: 24px;font-family: hm;color: #333333;margin-bottom: 1.458vw;}
.pl_con .con .right_con .boxs .box .txt .h2{line-height: 26px;font-weight: 700;color: #333333;padding-left: 25px;background: url(../images/pl_icon.png)no-repeat left center;height: 26px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pl_con .con .right_con .boxs .box .txt .p{line-height: 24px;font-family: hr;color:#777777;height: 48px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
@-webkit-keyframes btn1 {
0% {opacity: 1;}
100% {opacity: 0;}
}
.pl_con{position: relative;}
.pl_con .bj{position: absolute;bottom: 0;right: 0;width: 81.67vw;height: 46vw;background: url(../images/pd_bj.png);background-size: 100% 100%;z-index: -1;}
.pl_con .con .right_nd{padding-bottom: 0;}
.pl_con .con.ser_con{padding-left: 6.98vw;}
.pl_con .con.ser_con .right_con{width: 100%;}
.pl_con .con.ser_con .right_con .boxs .box{width: 20.24vw;}
.pl_con .con.ser_con .right_con .boxs:after{width:40.48vw;}
.ny_banner form{width: 300px;line-height: 50px;background: url(../images/ser.svg)no-repeat 16px center; background-color: #ffffff;border-radius: 25px;padding-left: 60px;text-align: left;overflow: hidden;}
.ny_banner form input{line-height: 50px;border: none;width: 100%;}
.right_nd .box1{display: flex;justify-content: space-between;align-items: center;margin-top: 1vw;}
.right_nd .box1 .pic{width: 40.73vw;border: 1px solid #E1E5F2;background-color: #fff;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.right_nd .box1 .pic img{max-width: 100%;max-height: 100%;display: block;transition: all 0.5s;}
.right_nd .box1 .pic:hover img{transform: scale(1.05);}
.right_nd .box1 .txt{width: 35.05vw; padding-left: 5vw;}
.right_nd .box1 .txt .solid1{width: 100%;height: 1px;background-color: #E1E9F4;margin: 1.77vw 0 2.5vw 0;}
.right_nd .box1 .txt .p{line-height: 32px;color: #777777;font-family: hr;}
.right_nd .box2{margin-top: 1vw;padding-top: 2.4375vw;min-height: 44.4vw;}
.right_nd .box2 .items{display: flex;justify-content: space-between;flex-wrap: wrap;}
.right_nd .box2 .items:after{content:"";width: 16.67vw;}
.right_nd .box2 .item:after{content:"";position:absolute;bottom:0;left:0; width: 0;height:1px;background-image:linear-gradient(to right, #003E91 , #1E378B,#7A1677,#DB3182);transition:all 0.5s;z-index:2;}
.right_nd .box2 .item:hover:after{width:100%;}
.right_nd .box2 .tit{font-family: hm;color: #333333;line-height: 38px;margin-bottom: 1vw;}
.right_nd .box2 .items .item{position: relative;top: 0; width: 20vw;box-shadow: 0 0 60px rgba(18,62,162,0.1);background-color: #fff;position: relative;padding: 2.135vw;transition: all 0.3s;}
.right_nd .box2 .items .item:hover{top: -6px;}
.right_nd .box2 .items .item .icon{width: 4.16vw;margin-bottom: 2.1vw;}
.right_nd .box2 .items .item .icon img{max-width: 100%;}
.right_nd .box2 .items .item .txt{line-height: 32px;font-family: hr;color: #777777;height: 96px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 2.23vw;}
.right_nd .box2 .items .item .bottom{position: absolute;bottom: 0;left: 0;width: 100%;background: url(../images/pd_txtbj.png) no-repeat center;background-size: 74.4% auto; background-color: #ffffff;height: 42px;border-top: 1px solid #EAEAEA;z-index: 2;}
.right_nd .box2 .items .item .num{font-family: dinb;position: absolute;bottom:30px;right: 18px;color: #EAEEF8;}
/* 解决方案列表 */
.cl_con {
margin-top: 5.2vw;
position: relative;
background: #F7F8F8;
}
.cl_con .left {
position: sticky;
top: 5.2vw;
float: left;
width: 27vw;
box-shadow: 0 0 0.36rem rgba(0, 0, 0, 0.1);
height: 100vh;
background-color: #fff;
}
.cl_con .left .tit {
padding: 3.96vw 0 3.96vw 1.4rem;
font-weight: 700;
color: #fff;
line-height: 0.48rem;
background: url(../images/pl_bj.jpg)no-repeat center;
background-size: cover;
}
.cl_con .left a {
display: block;
}
.cl_con .left .l_nav {
height: calc(100vh - 3rem);
overflow: auto;
}
.cl_con .left .l_nav::-webkit-scrollbar {
width: 3px;
height: 1px;
}
.cl_con .left .l_nav::-webkit-scrollbar-thumb {
background: #012F66;
}
.cl_con .left .l_nav::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.2);
}
.cl_con .left .ul1>li {
margin-bottom: 0.1rem;
}
.cl_con .left .ul1>li>a {
position: relative;
font-family: hm;
color: #111111;
line-height: 24px;
background-color: #F5F7F8;
padding: 0.33rem 0.5rem 0.33rem 0.45rem;
/*padding-right: 0.2rem;*/
}
.cl_con .left .ul1>li>a:after {
content: "";
position: absolute;
top: 50%;
right: 0.3rem;
width: 0.07rem;
height: 0.14rem;
background: url(../images/pl_jt1.png);
background-size: 100% 100%;
transition: all 0.5s;
transform: translateY(-50%);
}
.cl_con .left .ul1>li.on>a:after {
transform: translateY(-50%) rotate(90deg);
background-image: url(../images/pl_jt.png);
}
.cl_con .left .ul1 .ul2 {
padding: 0 0.3rem 0.3rem 0.7rem;
display: none;
}
.cl_con .left .ul1>li.on .ul2 {
display: block;
}
.cl_con .left .ul1 .ul2>li>a {
font-family: hm;
line-height: 20px;
padding: 0.27rem 0;
border-bottom: 1px solid #EDF0F2;
color: #555555;
transition: all 0.5s;
}
.cl_con .left .ul1 .ul2>li>a:hover {
color: #012F66;
}
.cl_con .left .ul1 .ul2>li.on>a {
color: #012F66;
}
.cl_con .left .ul1 .ul2 .ul3 {
padding: 0.2rem 0.25rem;
display: none;
}
.cl_con .left .ul1 .ul2>li.on .ul3 {
display: block;
}
.cl_con .left .ul1 .ul2 .ul3 a {
font-family: hr;
line-height: 0.5rem;
color: #919191;
transition: all 0.5s;
position: relative;
}
.cl_con .left .ul1 .ul2 .ul3 a::before {
content: "";
transition: all 0.5s;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.cl_con .left .ul1 .ul2 .ul3>li.on>a {
color: #012F66;
padding-left: 0.15rem;
}
.cl_con .left .ul1 .ul2 .ul3>li.on>a::before {
width: 0.08rem;
height: 0.07rem;
background: url(../images/pl_kuai.png);
background-size: 100% 100%;
}
.cl_con .right {
float: right;
width: calc(100% - 27vw);
}
.cl_con .right .box {
padding: 0.9rem 1.4rem 1rem 1.6rem;
background-color: #F7F8F8;
}
.cl_con .right .box:nth-child(2n) {
background-color: #fff;
}
.cl_con .right .box .box1 {
display: flex;
align-items: flex-start;
padding-bottom: 0.6rem;
border-bottom: 1px solid rgba(1, 47, 102, 0.08);
}
.cl_con .right .box .box1 .txt {
width: 5.8rem;
}
.cl_con .right .box .box1 .txt .tit {
font-weight: 700;
line-height: 0.56rem;
color: #111111;
margin-bottom: 0.49rem;
}
.cl_con .right .box .box1 .txt .icon_box {
display: flex;
margin-bottom: 0.6rem;
color: #012F66;
font-family: hm;
}
.cl_con .right .box .box1 .txt .icon_box .icon {
text-align: center;
margin-right: 0.4rem;
}
.cl_con .right .box .box1 .txt .icon_box .icon:last-child {
margin-right: 0;
}
.cl_con .right .box .box1 .txt .icon_box .icon img {
display: block;
margin: 0 auto;
width: 0.39rem;
margin-bottom: 0.155rem;
}
.cl_con .right .box .box1 .txt .p1 {
font-family: hr;
color: #666666;
line-height: 0.32rem;
}
.cl_con .right .box .box1 .pics {
width: 4.9rem;
}
.cl_con .right .box .box2 {
margin-top: 0.57rem;
}
.cl_con .right .box .box2 .tit1 {
font-weight: 700;
color: #111111;
line-height: 0.32rem;
}
.cl_con .right .box .box2 .top2 {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.3rem;
}
.cl_con .right .box .box2 .top2 .btn_box {
display: flex;
}
.cl_con .right .box .box2 .top2 .btn_box .prev,
.cl_con .right .box .box2 .top2 .btn_box .next {
cursor: pointer;
width: 0.6rem;
height: 0.45rem;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 20;
}
.cl_con .right .box .box2 .top2 .btn_box .next {
margin-left: 1vw;
}
.cl_con .right .box .box2 .top2 .btn_box .prev .img2,
.cl_con .right .box .box2 .top2 .btn_box .next .img2 {
display: none;
}
.cl_con .right .box .box2 .top2 .btn_box .prev:hover .img1,
.cl_con .right .box .box2 .top2 .btn_box .next:hover .img1 {
display: none;
}
.cl_con .right .box .box2 .top2 .btn_box .prev:hover .img2,
.cl_con .right .box .box2 .top2 .btn_box .next:hover .img2 {
display: block;
}
.cl_con .right .box .box2 .top2 .btn_box .prev:after,
.cl_con .right .box .box2 .top2 .btn_box .next:after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.5s;
transform: skewX(-15deg);
width: 100%;
height: 100%;
border: 1px solid #012F66;
}
.cl_con .right .box .box2 .top2 .btn_box .prev:hover:after,
.cl_con .right .box .box2 .top2 .btn_box .next:hover:after {
border-color: transparent;
background: repeating-linear-gradient(to right, #012F66, #075B91);
}
.cl_con .right .box .box2 .list {
position: relative;
overflow: hidden;
/*display: flex;*/
/*flex-wrap: wrap;*/
}
.cl_con .right .box .box2 .list .item {
/*width: 3.49rem;*/
/*width: 2.6rem;*/
/*margin-right: 16px;*/
/*margin-bottom: 16px;*/
display: block;
padding: 0.35rem 0.3rem;
height: 2.4rem;
transition: all .5s;
}
.cl_con .right .box .box2 .list .item:nth-child(4n){
margin-right: 0;
}
.cl_con .right .box .box2 .list .item:hover {
background-color: #FFF;
box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}
.cl_con .right .box .box2 .list:after {
content: "";
width: 3.49rem;
height: 1px;
}
.cl_con .right .box .box2 .list .item .pics {
width: 100%;
overflow: hidden;
margin-bottom: 0.28rem;
}
.cl_con .right .box .box2 .list .item .pics .pic {
width: 100%;
height: 2.14rem;
background: no-repeat center;
background-size: cover;
transition: all 0.5s;
}
.cl_con .right .box .box2 .list .item:hover .pics .pic {
transform: scale(1.05);
}
.cl_con .right .box .box2 .list .item .h1 {
font-weight: 700;
color: #111111;
margin-bottom: 0.3rem;
transition: all 0.5s;
font-weight: bold;
line-height: 1.5;
}
.cl_con .right .box .box2 .list .item:hover .h1 {
color: #012F66;
}
.cl_con .right .box .box2 .list .item .more {
display: table;
padding-right: 0.13rem;
background: url(../images/nl_next.png)no-repeat right center;
background-size: 0.075rem 0.075rem;
line-height: 0.2rem;
color: #999999;
font-family: hr;
position: absolute;
bottom: 0.2rem;
}
.cl_con .right .box .box2 .list .item:hover .more {
color: #012F66;
background-image: url(../images/str3_next.png);
}
.cl_con .right .box .btn {
width: 1.8rem;
line-height: 0.44rem;
position: relative;
z-index: 2;
text-align: center;
font-family: hr;
color: #999999;
margin-top: 0.6rem;
transition: all 0.5s;
left: 0.1rem;
}
.cl_con .right .box .btn:hover {
color: #fff;
}
.cl_con .right .box .btn:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #999999;
z-index: -1;
transform: skewX(-15deg);
transition: all 0.5s;
}
.cl_con .right .box .btn:hover:after {
border-color: transparent;
background: repeating-linear-gradient(to right, #012F66, #075B91);
}
.cl_con .right .box .box2 .btn {
display: none;
}
/* 解决方案列表 end */
/* 解决方案列表2 */
.cl1_1 {
padding: 0.9rem 1.4rem 1px 1.6rem;
background-color: #F7F8F8;
}
.cl1_1 .tit {
font-weight: 700;
color: #111111;
line-height: 0.52rem;
margin-bottom: 0.4rem;
}
.cl1_1 .p {
font-family: hr;
color: #666666;
line-height: 0.26rem;
margin-bottom: 0.5rem;
}
.cl1_1 .list1 {
display: flex;
padding-bottom: 60px;
border-bottom: 1px solid rgba(1, 47, 102, 0.08);
margin-bottom: 0.56rem;
}
.cl1_1 .list1 .item1 {
margin-right: 1rem;
}
.cl1_1 .list1 .item1:last-child {
margin-right: 0;
}
.cl1_1 .list1 .item1 .num {
color: #004E8C;
font-family: mb;
margin-bottom: 0.17rem;
}
.cl1_1 .list1 .item1 .num span {
margin-right: 0.1rem;
}
.cl1_1 .list1 .item1 .p1 {
font-family: hr;
color: #666666;
line-height: 1.6;
}
.cl1_1 .h2s {
font-weight: 700;
color: #111111;
line-height: 0.32rem;
margin-bottom: 0.38rem;
}
.cl1_1 .list2 {
display: flex;
padding-bottom: 0.6rem;
overflow: hidden;
position: relative;
}
.cl1_1 .list2 .swiper-pagination{
position: absolute;
bottom: 0.3rem;
}
.cl1_1 .list2 .swiper-pagination-bullet-active{background-color: #012F66;}
.cl1_1 .list2 .item2 {
width: 2.8rem;
background-color: #fff;
border-radius: 0.1rem;
margin-right: 0.4rem;
position: relative;
padding: 0.33rem 0.25rem 0.37rem 0.25rem;
display: flex;
overflow: hidden;
align-items: center;
height: 100%;
}
.cl1_1 .list2 .item2 .num {
position: absolute;
bottom: 0;
right: 0;
transform: translateY(40%);
font-family: mb;
color: #EAECED;
}
.cl1_1 .list2 .item2 .icon {
width: 0.5rem;
margin-right: 0.2rem;
}
.cl1_1 .list2 .item2 .h2 {
font-family: hm;
color: #000000;
line-height: 1.5;
}
.cl1_2 {
}
.cl1_2 .tab {
display: flex;
justify-content: center;
margin-bottom: 0.76rem;
}
.cl1_2 .tab li {
line-height: 0.24rem;
text-align: center;
margin: 0 0.14rem;
padding: 0.13rem 0.3rem;
font-family: hm;
color: #333333;
position: relative;
z-index: 2;
transition: all 0.5s;
cursor: pointer;
}
.cl1_2 .tab li:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: repeating-linear-gradient(to right, #012F66, #075B91);
transform: skewX(-15deg);
opacity: 0;
transition: all 0.5s;
}
.cl1_2 .tab li.on {
color: #fff;
}
.cl1_2 .tab li.on:after {
opacity: 1;
}
.ab3 .con.on {
display: block;
}
.cl1_2 .pic img {
width: 80%;
margin: auto;
}
.cl1_3 {
padding: 0.8rem 1.38rem 1.83rem 1.6rem;
background-color: #F7F8F8;
}
.cl1_3 .top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.5rem;
}
.cl1_3 .top .tit {
font-weight: 700;
color: #111111;
line-height: 0.32rem;
}
.cl1_3 .top .btn_box {
display: flex;
}
.cl1_3 .top .btn_box>div {
width: 0.63rem;
height: 0.5rem;
border: 1px solid #D8D8D8;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0.2rem;
cursor: pointer;
transition: all 0.5s;
}
.cl1_3 .top .btn_box>div:hover {
background-color: #004E8C;
}
.cl1_3 .top .btn_box>div img {
width: 0.28rem;
}
.cl1_3 .bottom1 {
position: relative;
overflow: hidden;
padding-bottom: 2px;
}
.cl1_3 .bottom1 .pics {
width: 100%;
background-color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
height: 2.23rem;
margin-bottom: 0.28rem;
}
.cl1_3 .bottom1 .pics img {
max-height: 90%;
max-width: 90%;
transition: all 0.5s;
}
.cl1_3 .bottom1 .pics:hover img {
transform: scale(1.05);
}
.cl1_3 .bottom1 .h {
font-weight: 700;
color: #111111;
line-height: 0.24rem;
height: 0.24rem;
margin-bottom: 0.28rem;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
transition: all 0.5s;
}
.cl1_3 .bottom1 .swiper-slide {
width: 33.33%;
padding-bottom: 0.44rem;
border-bottom: 1px solid rgba(112, 112, 112, 0.17);
position: relative;
display: block;
}
.cl1_3 .bottom1 .swiper-slide:after {
content: "";
position: absolute;
bottom: 0;
width: 0%;
height: 0.04rem;
transform: translateY(1px);
background: repeating-linear-gradient(to right, #012F66, #075B91);
transition: all 0.5s;
}
.cl1_3 .bottom1 .swiper-slide:hover:after {
width: 100%;
}
.cl1_3 .bottom1 .swiper-slide:hover .h {
color: #012F66;
}
.cl1_3 .bottom1 .p {
font-family: hr;
color: #666666;
line-height: 0.28rem;
height: 0.84rem;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 0.1rem;
display: none;
}
.cl1_3 .bottom1 .more {
display: table;
padding-right: 0.13rem;
background: url(../images/nl_next.png)no-repeat right center;
background-size: 0.075rem 0.075rem;
line-height: 0.2rem;
color: #999999;
font-family: hr;
}
.cl1_3 .bottom1 .swiper-slide:hover .more {
color: #012F66;
background-image: url(../images/str3_next.png);
}
/* 解决方案列表2 end */
/* 解决方案详情 */
.cd1 {
padding: 0.9rem 1rem 2rem 1rem;
background-color: #F7F8F8;
position: relative;
}
.cd1 .left1 {
width: 6.64rem;
float: left;
}
.cd1 .left1 .h {
font-weight: 700;
color: #111111;
line-height: 0.52rem;
margin-bottom: 0.54rem;
}
.cd1 .left1 .h1 {
font-weight: 700;
color: #111111;
line-height: 0.32rem;
margin-bottom: 0.38rem;
}
.cd1 .left1 .p {
font-family: hr;
color: #333;
margin-bottom: 0.64rem;
line-height: 0.32rem;
/*font-size: 0.16rem;*/
}
.cd1 .left1 .table {
width: 100%;
}
.cd1 .left1 .table table {
line-height: 2;
border: 1px solid #666666;
border-collapse: collapse;
width: 100% !important;
}
.cd1 .left1 .table table td {
border: 1px solid #666666;
padding: 12px;
/*font-size: 0.16rem;*/
font-family: hr;
color: #333;
line-height: 0.32rem;
margin-bottom: 0.64rem;
}
.cd1 .left1 .table table tr:first-child {
/*background-color: #e9f7ff;*/
background-color: #528ad5;
}
.cd1 .left1 .table table tr:first-child td {
font-weight: bold;
color:#fff;
}
.cd1 .left1 .table table tr td:first-child {
width: 40%;
}
.cd1 .left1 .table>p {
font-family: hr;
color: #333;
line-height: 0.32rem;
/*font-size: 0.16rem;*/
}
.cd1 .right1 {
width: calc(100% - 7rem);
float: right;
}
.cd1 .right1 img {
width: 100%;
}
/* 解决方案详情 end */
@media screen and (min-width: 2300px) {
html {
font-size: 124px !important;
}
.header {
height: 1.1rem;
}
.con_con .con1 .right .box {
left: 0.7rem;
bottom: 1.6rem;
}
}
@media screen and (max-width: 1920px) {
.footer .f_top .left {
width: 12rem;
}
.footer .f_top .right {
width: calc(100% - 12rem);
}
.footer .f_center .left {
width: 12rem;
}
.footer .f_center .right {
width: calc(100% - 12rem);
}
.footer .f_bottom .left {
width: 12rem;
}
.footer .f_bottom .right {
width: calc(100% - 12rem);
}
}
@media screen and (max-width: 1680px) {
html {
font-size: 84px !important;
}
.f_12 {
font-size: 12px;
}
.f_13 {
font-size: 12px;
}
.f_14 {
font-size: 14px;
}
.f_15 {
font-size: 14px;
}
.f_16 {
font-size: 15px;
}
.f_18 {
font-size: 16px;
}
.f_20 {
font-size: 16px;
}
.f_21 {
font-size: 18px;
}
.f_22 {
font-size: 18px;
}
.f_24 {
font-size: 18px;
}
.f_26 {
font-size: 20px;
}
.f_28 {
font-size: 22px;
}
.f_30 {
font-size: 24px;
}
.f_32 {
font-size: 22px;
}
.f_34 {
font-size: 26px;
}
.f_35 {
font-size: 30px;
}
.f_36 {
font-size: 30px;
}
.f_38 {
font-size: 32px;
}
.f_40 {
font-size: 33px;
}
.f_42 {
font-size: 34px;
}
.f_44 {
font-size: 36px;
}
.f_45 {
font-size: 36px;
}
.f_48 {
font-size: 38px;
}
.f_50 {
font-size: 40px;
}
.f_52 {
font-size: 40px;
}
.f_55 {
font-size: 42px;
}
.f_56 {
font-size: 42px;
}
.f_60 {
font-size: 50px;
}
.f_66 {
font-size: 48px;
}
.f_68 {
font-size: 48px;
}
.f_80 {
font-size: 56px;
}
.f_90 {
font-size: 60px;
}
.f_100 {
font-size: 72px;
}
.f_112 {
font-size: 80px;
}
.f_122 {
font-size: 90px;
}
.con_con .con1 .right .box .p{font-size: 13px;}
.jo_x .list .item .p{font-size: 14px;}
}
@media screen and (max-width: 1600px) {
html {
font-size: 80px !important;
}
.f_14{font-size: 12px;}
.f_26{font-size: 22px;}
.cl_con .right .box .box2 .list .item .h1{font-size: 15px;}
.inn_con .inn1 .con>.txt .cn{font-size: 38px;line-height: 48px;}
.inn_con .inn1 .con>.txt .en{font-size: 15px;line-height: 18px;}
.inn_con .inn1 .con>.txt .p{font-size: 14px;line-height: 26px;}
.inn_con .inn1 .box .txt .h{font-size: 18px;line-height: 26px;}
.inn_con .inn1 .box .txt .h .add{font-size: 20px;}
.inn_con .inn1 .box .txt .p{font-size: 14px;line-height: 14px;}
.inn_con .inn2 .box .h{font-size: 17px;line-height: 22px;}
.inn_con .inn2 .box .p{font-size: 14px;line-height: 20px;}
.inn_con .inn3 .top .left .cn{font-size: 38px;line-height: 1;}
.inn_con .inn3 .top .left .en{font-size: 14px;line-height: 20px;}
.inn_con .inn3 .top .right{font-size: 14px;line-height: 18px;}
.inn_con .inn4 .boxs .box .cn1{font-size: 22px;line-height: 36px;}
.inn_con .inn4 .boxs .box .en1{font-size: 14px;line-height: 16px;}
.inn_con .inn4 .boxs .box.on .p{font-size: 13px;line-height: 22px;}
.inn_con .inn4 .boxs .box{height: 380px;}
.inn_con .ab3 .top .p{font-size: 12px;line-height: 20px;text-align:left;}
.ser_con .ser1 .cons .swiper-slide .p {
font-family: hr;
line-height: 20px;
color: #666666;
text-align: left;
transition: all 0.5s;
overflow: auto;
}
.ser_con .ser1 .cons .swiper-slide .p f_14 {
font-family: hr;
line-height: 20px;
color: #666666;
text-align: left;
transition: all 0.5s;
overflow: auto;
}
/*.con_con .con1 .right .box{*/
/* width: 3rem;*/
/*}*/
}
@media screen and (max-width: 1480px) {
.f_155{font-size: 100px;}
.f_122{font-size: 70px;}
.f_100{font-size: 60px;}
.f_56{font-size: 36px;}
.f_52{font-size: 36px;}
.f_50{font-size: 34px;}
.f_48{font-size: 30px;}
.f_42{font-size: 30px;}
.f_36{font-size: 26px;}
.f_24{font-size: 18px;}
.f_22{font-size: 16px;}
.f_20{font-size: 16px;}
.f_16{font-size: 14px;}
html {
font-size: 73px !important;
}
.jo_x .list .item .h{line-height: 26px;}
.jo_x .list .item .p{line-height: 22px;height: 154px;font-size:14px;}
.cl_con .right .box .box2 .list .item .h1{font-size: 14px;}
.cl_con .right .box .box2 .list .item .more{font-size: 13px;}
.con_con .con1 .right .box .p{font-size: 0.13rem;}
.con_con .con1 .left{width: 9.32rem;}
.con_con .con1 .right{width: calc(100% - 9.32rem);}
.i_part1 .txt .boxs .box{margin-bottom:0.8rem;}
.i_part1 .txt .tit{margin-bottom: 0.8rem;}
.cl1_1 .list1 .item1{margin-right: 0.7rem;}
.ser_con .ser1 .cons{height: 6.94rem;}
.ser_con .ser1 .cons .swiper-slide{height: 5.2rem;}
.ser_con .ser1 .cons .swiper-slide .h {
font-size: 14px;
margin-bottom: 0.2rem;
font-weight: 500;
}
.ser_con .ser1 .cons .swiper-slide .p {
font-size: 10px;
line-height: 16px;
max-height: 164px;
padding-right: 5px;
text-align: left;
font-weight: 500;
}
}
@media screen and (max-width: 1366px) {
html {
font-size: 71px !important;
}
.res7 .txt{width: 3.72rem;}
.con_con .con1 .left {
width: 10rem;
}
.con_con .con1 .right {
width: calc(100% - 10rem);
}
.con_con .con1 .right>img {
width: 100%;
}
.con_con .con1 .right .box {
position: absolute;
bottom: 65%;
left: 10%;
padding: 0.15rem;
background: #fff;
}
.con_con .con1 .right .box1 {
bottom: 21%;
left: 36%;
}
.rec1 .txt .cn {
font-family: hm;
line-height: 46px;
font-size: 30px;
}
.rec1 .txt .p {
line-height: 26px;
color: #000000;
font-family: hl;
font-size: 14px;
}
.rec2 .top .txt .h {
font-size: 24px;
line-height: 28px;
margin-bottom: 2vw;
}
.rec2 .top .txt .p{line-height: 26px;color: #000000;font-family: hl;font-size: 14px;}
.part1 .slide_txt .txt1{font-size: 50px;}
.part1 .slide_txt .txt3{font-size: 20px;margin-top: 10px;}
.part1 .slide_txt .txt2{font-size: 14px;margin-top: 10px;}
.ser_con .ser1 .cons{height: 6.94rem;}
.ser_con .ser1 .cons .swiper-slide{height: 5.2rem;}
.ser_con .ser1 .cons .swiper-slide .h {
font-size: 14px;
margin-bottom: 0.2rem;
font-weight: 500;
}
.ser_con .ser1 .cons .swiper-slide .p {
font-size: 10px;
line-height: 16px;
max-height: 194px;
padding-right: 0px;
text-align: left;
font-weight: 500;
}
.cl_con .right .box .box2 .list .item{height: 2.7rem;padding:0.35rem 0.2rem;}
.f_50{font-size: 28px;}
/*.con_con .con1 .right .box .p{*/
/* width: 2rem;*/
/*}*/
.jo_x .list .item{width: 3.5rem;}
.qyewh{
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
}
.qyewhdvright{
width: 63%;
}
.qyewhdvright ul div h1{
font-size: 20px;
}
.inn_con .ab3 .top .right{line-height: 24px;color: #000000;font-size:14px;}
}
@media screen and (max-width: 1320px) {
.con_con .con1 .right .box .p{font-size: 12px;}
}
@media screen and (max-width: 1280px) {
.footer .f_top .left {
width: 15rem;
}
.footer .f_top .right {
width: calc(100% - 15rem);
}
.footer .f_center .left {
width: 15rem;
}
.footer .f_center .right {
width: calc(100% - 15rem);
}
.footer .f_bottom .left {
width: 15rem;
}
.footer .f_bottom .right {
width: calc(100% - 15rem);
}
.f_18{font-size: 14px;}
.f_16{font-size: 13px;}
.digital .f_16{font-size: 10px;}
.i_part1 .txt .boxs .box {
margin-right: 0.5rem;
width: 2.3rem;
margin-bottom: 1.04rem;
}
.f_14{font-size: 12px;}
.qyewh{
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
}
.qyewhdvright{
width: 68%;
}
.qyewhdvright ul div h1{
font-size: 20px;
}
.con_con .con1 .left .item .p {
font-family: hr;
color: #666666;
line-height: 0.32rem;
}
.con_con .con1 .right .box .p{font-size: 12px;}
.jo_x .list .item .p{font-size:13px;}
html {
font-size: 56px !important;
}
}
@media screen and (max-width: 1024px) {
.ser2 {
padding: 30px 20px;
}
.f_112{font-size: 70px;}
.f_100{font-size: 50px;}
.f_66{font-size: 40px;}
.f_56{font-size: 32px;}
.f_52{font-size: 30px;}
.f_50{font-size: 30px;}
.f_48{font-size: 28px;}
.f_44{font-size: 28px;}
.f_42{font-size: 26px;}
.f_40{font-size: 26px;}
.f_36{font-size: 24px;}
.f_32 {font-size: 22px;}
.f_30{font-size: 20px;}
.f_24{font-size: 18px;}
.f_20{font-size: 14px;}
.f_18{font-size: 14px;}
.f_16{font-size: 14px;}
.f_60 {
font-size: 26px;
}
html {
font-size: 64px !important;
}
.shouji{display: none;}
.str2 .pc{opacity:0}
.str2 .mm{opacity:1}
.header,.daping {
display: none;
}
.layout,.wp{width:92%!important;}
.part1 .slide_txt{ height: 150vw;}
.part1 .slide_txt .txt1{font-size: 24px;}
.part1 .slide_txt .txt3{font-size: 20px;margin-top: 10px;}
.part1 .slide_txt .txt2{font-size: 14px;margin-top: 10px;}
.part1 .jt{top: initial;bottom: 8.1%;width: 35px;line-height: 35px;height: 35px;}
.part1 .swiper-slide .dot{bottom:35px!important}
.part1 .swiper-pagination{bottom:42px!important}
.qyewh{
padding-top: 35px;
padding-bottom: 35px;
}
.qyewhdv{
width: 95%;
}
.qyewhdvright{
width: 100%;
}
.qyewh h1{
font-size: 22px;
text-align: center;
}
.qyewhdvright p{
text-align: center;
line-height: 20px;
}
.qyewhdvright p:nth-child(3){
margin-bottom: 25px;
}
.qyewhdvright ul{
display: block;
}
.qyewhdvright ul .gewhh{
width: 100%;
text-align: center;
padding: 10%;
}
.qyewhdvright ul section li div h1 {
text-align: center;
color: #fff;
margin-bottom: 5px;
}
.qyewhdvright ul p:nth-child(3){
margin: 0;
}
.qyewhdvright ul div p span{
font-size: 14px;
}
.qyewhdvright ul div p{
font-size: 14px;
line-height: 18px;
}
.ggewh{
display: flex;
width: 100%;
justify-content: space-between;
}
.qyewhdvright ul section li{
width: 100%;
}
.qyewhdvright ul section li div{
top: 3%;
}
.qyewhdvright ul section li div p{
margin-bottom: 1%;
font-size: 12px;
}
.pl_con .con .right_con .boxs .box .txt .p{line-height: 18px;font-family: hr;color:#777777;height: 36px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 12px;}
.con_con .con1 .left .item>div:nth-child(1) {
width:100%;
}
.con_con .con1 .left .item>div:nth-child(2) {
width:50%;
}
.con_con .con1 .left .item>div:nth-child(3) {
width:50%;
}
/* 技术创新 */
.inn_con .inn1{padding: 34px 15px 19px 15px;display: block;}
.inn_con .inn1 .pic{display: none;}
.inn_con .inn1 .con{padding: 0;background-color: transparent;}
.inn_con .inn1 .con>.txt{width: 100%;margin-top: 0;padding: 0}
.inn_con .inn1 .boxs{position: static;transform: translateX(0);width: 100%;overflow: auto;display: block;background-color: transparent;border: none;padding-bottom:15px;}
.inn_con .inn1 .con>.txt .cn{text-align: center;font-size: 25px;line-height: 34px;}
.inn_con .inn1 .con>.txt .en{text-align: center;margin-bottom: 23px;}
.inn_con .inn1 .boxs{padding: 0.2rem 0; background-color: ;}
.inn_con .inn1 .boxs>div{width: 100%;flex-wrap:wrap;justify-content:space-between;background-color: transparent;border: 0px solid #F1F1F1;}
.inn_con .inn1 .box{width: 48%!important;margin-right: 0; background-color: transparent;border: none;padding: 0;}
.inn_con .inn1 .box:last-child{margin-top:16px;}
.inn_con .inn1 .box .icon{width: 62px;height: 62px;display: flex;justify-content: center;align-items: center;border-radius: 50%;background-color: #ffffff;}
.inn_con .inn1 .box .icon img{width: 59px;}
.inn_con .inn1 .box .txt .h{font-size: 25px;line-height: 30px;}
.inn_con .inn1 .box .txt .p{font-size: 13px;line-height: 18px;}
.inn_con .inn2{width: calc(100% - 0px);display: block;padding-top: 0;margin-bottom:34px; padding: 0 0.2rem;}
.inn_con .inn2 .box{width: 100%;padding: 25px 18px;margin-bottom: 15px;height: auto;}
.inn_con .inn2 .box .p{height: auto;}
.inn_con .inn2 .box .icon{width: 45px;height: 45px;margin-bottom: 12px;}
.inn_con .inn2 .box .h{font-size: 16px;line-height: 22px;margin-bottom: 12px;}
.inn_con .inn2 .box .p{font-size: 14px;line-height: 24px;}
.inn_con .inn3 .w1652{width: calc(100% - 30px);}
.inn_con .inn3 .top{display: block;}
.inn_con .inn3 .top .left{width: 100%;text-align: center;}
.inn_con .inn3 .top .left .cn{font-size: 25px;line-height: 34px;}
.inn_con .inn3 .top .left .en{font-size: 14px;line-height: 18px;margin-bottom: 25px;}
.inn_con .inn3 .top .right{width: 100%;line-height: 24px;}
.inn_con .inn4 .pic{height: 235px;position: static;}
.inn_con .inn4 .pic .txt{padding-top: 41px;text-align: center;}
.inn_con .inn4 .pic .txt .cn{font-size: 25px;line-height: 34px;}
.inn_con .inn4 .pic .txt .en{font-size: 14px;line-height: 18px;}
.inn_con .inn4 .boxs{position: static;}
.inn_con{padding-bottom: 0;}
.inn_con .inn4{padding-bottom: 360px;}
.inn_con .inn4 .boxs{display: none;}
.inn_con .inn4 .boxs_m{display: block;position: absolute;overflow: hidden;bottom: 80px;left: 15px;width: calc(100% - 15px);}
.inn_con .inn4 .boxs_m .swiper-slide{padding: 30px 24px 34px 24px;background-color: #ffffff;color: #000000;height: 380px;}
.inn_con .inn4 .boxs_m .swiper-slide .icon{width: 60px;height: 60px;margin-bottom: 7px;}
.inn_con .inn4 .boxs_m .swiper-slide .cn1{font-size: 16px;line-height: 22px;margin-bottom: 4px;}
.inn_con .inn4 .boxs_m .swiper-slide .en1{font-size: 13px;line-height:16px;text-transform: uppercase;font-family: Gothic;margin-bottom: 17px;}
.inn_con .inn4 .boxs_m .swiper-slide .p{font-size: 14px;line-height: 24px;}
.inn_con .inn4 .boxs_m .swiper-slide .page{display: none;}
.inn_con .inn1 .con>.txt .p {
line-height: 20px;
font-size: 14px;
color: #0A0600;
font-family: hl;
height: 104px;
padding-right: 8px;
overflow: auto;
}
.inn_con .ab3{padding: 50px 0 15px 0;}
.inn_con .ab3 .top{border-bottom: none;margin-bottom: 20px;}
.inn_con .ab3 .top{display: block;text-align: center;padding: 0 20px;}
.inn_con .ab3 .top .p{width: 100%;font-size: 13px;line-height: 20px;text-align:left;}
.inn_con .ab3 .top .right{position: relative;width:100%; margin: 0px auto;line-height: 22px;color: #000000;font-size:14px;text-align: left; }
.inn_con .ab3 .top .cn{font-size: 25px;line-height: 34px;}
.ab2 .tit,.inn_con .ab3 .top .en,.inn_con .ab1 .right .top{margin-bottom: 20px;}
.inn_con .ab3 .bottom .swiper-slide .h{font-size: 16px;}
.inn_con .ab3 .bottom .swiper-slide{width: 226px;}
.inn_con .ab3 .bottom .swiper-slide .h{font-size: 15px;margin-top: 60px;line-height: 20px;}
.inn_con .ab3 .bottom .swiper-slide .h{font-size: 15px;margin-top: 40px;line-height: 20px;height:80px;}
.inn_con .ab3 .top .p {
text-align: center;
}
.rec1 {
background: url(../images/sc.jpg)no-repeat center center;
margin-top: 0vw;
padding: 4.16vw 0;
}
.rec1 .w1652 {
display: flex;
align-items: center;
border: #dedede 0px solid;
width: 100%;
}
.rec1 .pics {
width: 0%;
float: left;
}
.rec1 .pics .pic {
transition: all 0.5s;
}
.rec1 .txt {
width: 100%;
float: left;
padding: 20px 15px 22px 15px;
}
.rec1 .txt .cn {
color: #075B91;
line-height: 30px;
margin-bottom: 2.5vw;
font-size: 20px;
font-weight: 700;
}
.rec1 .txt .en {
font-family: Gothic;
color: #444444;
text-transform: uppercase;
line-height: 22px;
font-size: 14px;
margin-bottom: 2.6vw;
font-family: Gothic;
}
.rec1 .txt .p {
line-height: 22px;
color: #000000;
font-family: hl;
font-size: 14px;
}
.rec1 .txt .p p {
font-family: hl;
}
.rec2 {
width: 100%;
margin-left: 0;
padding-bottom: 50px;
margin-bottom: 0;
overflow: hidden;
}
.rec2 .top {
display: block;
}
.rec2 .top .right {
display: none;
}
.rec2 .top .txt {
width: 100%;
padding: 40px 15px 22px 15px;
}
.rec2 .top .txt .h {
font-size: 20px;
}
.rec2 .top .txt .p {
line-height: 24px;
font-size: 14px;
}
.rec2 .pics {
padding-bottom: 30px;
}
.rec2 .pics .swiper-pagination {
display: block;
bottom: 0;
}
.rec2 .pics .swiper-pagination-bullet-active {
background-color: #0426A1;
}
.rec2 .pics .swiper-slide {
padding-right: 0;
}
.rec2 .pics .swiper-slide .pic {
height: 38vw;
background-size: cover;
}
.pl_con>.con{padding: 30px 3%;}
.pl_con .con .left_nav{display: none;}
.pl_con .con .right_con{width: 100%;}
.pl_con .con .right_con .tit{text-align: center;}
.pl_con .con .right_con .tit .solid{margin: 0 auto;}
.pl_con .con .right_con .tit .solid:after{left: 50%;transform: translate(-50%,0%);}
.pl_con .con .right_con .boxs .box{width: 48%;margin-bottom: 4vw;}
.pl_con .con .right_con .boxs .box .pics .pic{height: 32vw;}
.pl_con .con .right_con .boxs .box .txt .h2{padding-left: 22px;}
.pl_con .con .right_con .tit .en{margin-bottom: 20px;}
.right_nd .box1{display: block;}
.right_nd .box1 .pic{width: 100%;margin-bottom: 14px;}
.right_nd .box1 .txt{width: 100%;}
.pl_con .con .right_con .tit{margin-bottom: 20px;}
.right_nd .box2 .items .item{width: 48%;margin-bottom: 14px;padding:12px 8px;}
.right_nd .box2 .items .item .icon{width: 36px;}
.right_nd .box2 .items .item .txt{line-height: 20px;height: 80px;-webkit-line-clamp:4; margin-bottom:40px;}
.pl_con .con.ser_con{padding-left: 3%;}
.pl_con .con .right_con .boxs{width: 100%;}
.pl_con .con.ser_con .right_con .boxs .box,.pl_con .con.ser_con .right_con .boxs:after{width: 48%;}
.pl_con .con .right_con .tit .cn{font-size: 22px;}
.jo_con .con .tab .top{padding: 15px 10px;}
.jo_con .con .tab .list .li .name{padding: 12px 10px;}
.jo_con .con .tab .tit .solid,.jo_con .jo2 .tit .solid,.jo_con .jo3 .tit .solid{margin: 6px auto!important;}
.jo_con .con .tab .tit .cn,.jo_con .jo3 .tit .cn{line-height: 36px;}
.jo_con .con .tab{padding: 30px 20px;}
.jo_con .con .tab .tit .en{margin-bottom: 20px;}
.jo_con .con .tab .list .li .con1{display: block;}
.jo_con .con .tab .list .li .con1 .box{width: 100%;margin-bottom: 10px;}
.btn_cs{width: 120px;height: 32px;border-radius: 20px;line-height: 30px;font-size:12px;}
.btn_cs span:nth-child(2):after,.btn_cs span:nth-child(1):after{width: 120px;height: 32px;}
.m_header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #ffffff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 10px 15px;
z-index: 98;
}
.m_header .mh_top {
display: flex;
justify-content: space-between;
align-items: center;
}
.m_header .mh_top>div {
align-items: center;
}
.m_header .mh_top>div .h_btn {
width: 1.95rem;
line-height: 0.58rem;
text-align: center;
border: 1px solid #000000;
font-size: 0.24rem;
margin-right: 0.44rem;
}
.m_header .logo img,
.m_header .logo svg {
width: 180px;
}
.m_header .btn {
display: block;
}
.m_header .btn {
margin-right: 0;
cursor: pointer;
height: 37px;
padding-top: 16px;
}
.m_header .btn.hide {
opacity: 0;
}
.m_header .btn span {
display: block;
width: 22px;
height: 1px;
background-color: #333;
border-radius: 1px;
transition: all 0.3s;
}
.m_header .btn span:nth-child(1) {
transform: translate(0, -8px);
}
.m_header .btn span:nth-child(2) {
transform: translate(12px, 0);
width: 12px;
}
.m_header .btn span:nth-child(3) {
transform: translate(0px, 8px);
}
.m_header .btn:hover span:nth-child(1) {
transform: translate(0, -8px);
}
.m_header .btn:hover span:nth-child(2) {
transform: translate(0, 0);
width: 22px;
}
.m_header .btn:hover span:nth-child(3) {
transform: translate(0, 8px);
}
.m_header {
display: block;
}
.mh_nav {
display: block;
}
.mh_nav {
position: fixed;
top: 0;
left: 10%;
width: 90%;
transform: translateX(120%);
z-index: 999;
background-color: #fff;
height: 100vh;
overflow: auto;
padding: 50px 25px;
transition: all 0.5s;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.mh_nav.show {
transform: translateX(0);
}
.mh_nav .close {
position: absolute;
top: 20px;
right: 20px;
width: 20px;
height: 20px;
}
.mh_nav .nav>li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
padding-right: 40px;
}
.mh_nav .nav>li>a {
line-height: 60px;
font-size: 16px;
display: block;
}
.mh_nav .nav>li:after {
content: "";
position: absolute;
right: 0;
top: 24px;
transition: all 0.5s;
width: 7px;
height: 12px;
background: url(../images/hl_jt1.png);
font-size: 16px;
}
.mh_nav .nav>li.on:after {
transform: rotate(90deg);
}
.mh_nav .nav>li:first-child:after {
display: none;
}
.mh_nav .nav>li .nav1 {
padding: 15px 0 15px 15px;
line-height: 36px;
display: none;
font-size: 14px;
}
.ny_banner .b_tab {
display: none;
}
.con_con {
padding: 0;
}
.con_con>.top {
width: 100%;
margin: 0 auto;
padding: 30px 20px;
}
.con_con>.top .tel {
font-size: 0.32rem;
background-size: 0.8rem 0.8rem;
padding-left: 1.2rem;
}
.con_con>.top .tel span {
font-size: 0.26rem;
}
.con_con .con1 {
width: 100%;
padding: 20px 20px 20px;
margin: 0;
display: block;
}
.con_con .con1 .left {
width: 100%;
}
.con_con .con1 .right {
width: 100%;
height: 5rem;
overflow: hidden;
position: relative;
}
.con_con .con1 .left .item {
flex-wrap: wrap;
padding-bottom: 0.55rem;
margin-bottom: 0.35rem;
}
.con_con .con1 .left .item>div {
width: 50%;
}
.con_con .con1 .left .item .tit {
padding-left: 0.55rem;
line-height: 0.55rem;
width: 100%;
margin-bottom: 16px;
}
.con_con .con1 .right>img {
height: auto;
margin-top: 0.3rem;
width: 120%;
max-width: initial;
margin-left: -10%;
position: absolute;
left: 0;
}
.con_con .con1 .right .box {
bottom: 59%;
left: 5%;
}
.con_con .con1 .right .box1 {
bottom: 21%;
left: 32%;
}
.con_con .con2 {
padding: 1.6rem 0;
height: auto;
}
.footer .f_top,
.footer .f_center {
display: none;
}
.footer {
padding: 40px 20px 12px 20px;
}
.footer .f_bottom {
display: block;
padding-top: 20px;
background: url(../imagss/mf_solid1.png)no-repeat center top;
background-size: 100% auto;
}
.footer .f_bottom .left {
width: 100%;
border-right: none;
padding: 0;
text-align: center;
line-height: 1.4
}
.footer .f_bottom .right {
width: 100%;
text-align: center;
}
/*首页*/
.banner .pc_banner .dian_box {
opacity: 0;
}
.index_con {
height: auto;
}
.index_con>.swiper-wrapper {
display: block;
}
.index_con>.swiper-wrapper>.swiper-slide {
height: auto;
}
.i_part1 {
padding: 30px 20px;
display: block;
background: #fff;
}
.i_part1 .txt {
width: 100%;
padding-top: 0;
}
.i_part1 .txt .tit {
margin-bottom: 30px;
text-align: center;
}
.i_part1 .txt .boxs .box {
width: 50%;
margin: 0 0 20px 0;
text-align: center;
}
.i_part1 .txt .boxs .box:nth-child(3) .h .dw,
.i_part1 .txt .boxs .box:nth-child(6) .h .dw {
font-size: 18px;
}
.i_part1 .txt .boxs:after {
display: none;
}
.i_part1 .txt .boxs .box .h {
font-size: 20px;
}
.i_part1 .txt .boxs .box .icon {
margin: 0 auto;
margin-bottom: 10px;
width: 0.45rem;
}
.i_part1 .txt .boxs .box .p {
margin-top: 5px;
}
.i_part1 .pic {
width: 100%;
margin-top: 30px;
}
.i_part2 {
height: auto !important;
padding: 0 20px 40px 20px;
}
.i_part2 .bjs {
display: none;
}
.i_part2 .txts {
display: none;
}
.i_part2 .txts .txt {
padding: 1.4rem 20px 0 20px;
display: none;
}
.i_part2 .pics {
background-color: #000;
display: none;
}
.i_part2 .pics .pic.on {
opacity: 0.8;
}
.i_part2 .tabs {
height: 1.4rem;
display: none;
}
.i_part2 .tabs .item .h {
font-size: 0.16rem;
padding: 0 4px;
line-height: 0.22rem;
height: 0.44rem;
}
.i_part2 .pics {
display: none;
}
.m_i_part2 {
display: block !important;
}
.m_i_part2 .tit {
text-align: center;
text-align: center;
font-weight: 700;
color: #075B91;
line-height: 0.56rem;
font-size: 0.42rem;
}
.m_i_part2 .boxs {
margin-top: 0.3rem;
}
.m_i_part2 .box {
display: block;
margin-bottom: 12px;
border-radius: 10px;
background: no-repeat center;
background-size: 104% auto;
padding: 46px 18px 46px 18px;
color: #ffffff;
background-position: left center;
}
.m_i_part2 .box:last-child {
margin-bottom: 0;
}
.m_i_part2 .box .h1 {
font-family: hm;
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
width: 45%;
color: #075B91;
}
.m_i_part2 .box .h1 .h2 {
font-size: 12px;
color: #333;
font-weight: 500;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.m_i_part2 .box .h2 {
display: inline-block;
font-size: 14px;
margin-top: .1rem;
color: #075B91;
}
.i_part3 {
padding: 30px 20px;
}
.i_part3 .tit {
margin-bottom: 0;
}
.i_part3 .txts {
width: 100%;
padding-top: 0;
padding-bottom: 0.7rem;
}
.i_part3 .txts .swiper-slide {
padding: 0 20px;
}
.i_part3 .txts .h {
font-size: 24px;
margin-top: 0.2rem;
}
.i_part3 .txts .h1 {
font-size: 16px;
line-height: 26px;
}
.i_part3 .txts .p {
font-size: 12px;
line-height: 20px;
margin-bottom: 0;
}
.i_part3 .txts .prev1,
.i_part3 .txts .next1 {
width: 0.5rem;
height: 0.4rem;
top: auto;
bottom: 0;
}
.i_part3 .icon_box {
pointer-events: all;
}
.i_part3 .txts .prev1 {
left: 2.1rem;
}
.i_part3 .txts .next1 {
right: 2.1rem;
}
.i_part4 {
padding: 60px 20px;
}
.i_part4 .boxs {
display: block;
}
.i_part4 .boxs .box {
width: 100%;
margin-bottom: 16px;
}
.i_part4 .boxs .box:last-child {
margin-bottom: 0;
}
.i_part4 .top ul li {
margin-left: 0.3rem;
}
/*.index_con>.swiper-wrapper>.swiper-slide{height: auto;}*/
.ny_banner {
height: 3.5rem;
background-size: cover; /* 背景图片大小自适应 */
background-position: center; /* 背景图片居中 */
background-repeat: no-repeat; /* 背景图片不重复 */
width: 100%; /* 元素宽度 */
}
.ny_banner .tit {
top: 1.6rem;
}
.nl_con {
padding: 60px 20px;
}
.nl_con .boxs .box {
display: block;
padding: 20px 20px 30px 20px;
}
.nl_con .boxs .box .pic {
width: 100%;
}
.nl_con .boxs .box .txt {
padding: 25px 0 0 0;
width: 100%;
}
.nl_con .page {
padding: 0.3rem 0.15rem;
}
.nl_con .page ul a {
width: 0.3rem;
line-height: 0.3rem;
}
.nl_con .page .next,
.nl_con .page .prev {
font-size: 12px;
background-size: 0.15rem auto;
}
.nd_con .left .center {
line-height: 1.5;
}
.nd_con {
padding: 40px 20px 60px 20px;
}
.nd_con .left {
float: none;
width: 100%;
margin-bottom: 30px;
padding: 30px 24px;
}
.nd_con .right {
float: none;
width: 100%;
}
.ser_con {
background-size: 100% 100vh;
}
.ser_con .ser1 {
padding: 60px 20px;
}
.ser_con .ser1 .tit {
padding: 0;
margin-bottom: 0.18rem
}
.ser_con .ser1 .cons {
height: 5.8rem;
padding-bottom: 0.6rem;
}
.ser_con .ser1 .cons .swiper-slide {
padding-top: 30px;
height: auto;
pointer-events: none;
}
.ser_con .ser1 .cons .swiper-pagination {
width: 100%;
bottom: 0;
}
.str1 {
padding: 60px 20px;
}
.str1 .boxs {
display: block;
}
.str1 .boxs .box {
width: 100%;
margin-bottom: 16px;
padding: 26px 20px;
}
.str1 .boxs .box:last-child {
margin-bottom: 0;
}
.str1 .tit {
margin-bottom: 0.45rem;
}
.str1 .boxs .box .h {
font-size: 18px;
}
.str1 .boxs .box .p {
font-size: 12px;
}
.str1 .boxs .box .p span {
font-size: 24px;
}
.str2 {
padding: 60px 20px;
/*background-position: 40% center;*/
}
.str2 .left {
width: 100%;
margin-bottom: 26px;
position: static;
}
.str2 .right {
float: none;
width: 100%;
}
.str2 .right .box {
padding: 30px;
}
.str2 .right .box:last-child {
margin-bottom: 0;
}
.str2 .right .box .h {
font-size: 30px;
}
.str2 .right .box .h1 {
font-size: 20px;
margin-bottom: 0.05rem;
}
.str2 .right .box .p {
font-size: 16px;
line-height: 22px;
}
.str3 {
padding: 1.8rem 20px;
height: auto;
}
.str3 .top {
padding-right: 0;
}
.str3 .txt {
width: 100%;
margin-bottom: 0;
padding: 0 0.2rem;
text-align: justify;
}
.str4 {
padding: 60px 20px;
}
.str4 .tit {
text-align: center;
margin-bottom: 30px;
}
.str4 .boxs {
display: block;
}
.str4 .boxs .box {
width: 100%;
pointer-events: none;
border-right: none;
border-bottom: 1px solid #E6E6E6;
padding: 30px 20px;
margin-bottom: .2rem;
}
.str4 .boxs .box:last-child {
border-bottom: none;
margin-bottom: 0;
}
.str4 .boxs .box .txt {
width: 80%;
}
.str4 .boxs .box .txt .h {
font-size: 20px;
}
.str4 .boxs .box .txt .p {
font-size: 14px;
line-height: 24px;
}
.ab1 {
padding: 60px 20px;
display: block;
}
.ab1 .left {
width: 100%;
margin-bottom: 30px;
}
.ab1 .left .p {
font-size: 14px;
line-height: 24px;
}
.ab1 .left .h2{line-height: 26px;}
.ab1 .right {
width: 100%;
}
.ab1 .right .box {
padding: 30px 10px;
}
.ab1 .right .box .num {
font-size: 0.36rem;
}
.ab2 {
padding: 60px 20px;
}
.ab2 .tit {
margin-bottom: 30px;
}
.ab2 .center {
margin-bottom: 0.8rem;
justify-content: center;
}
.ab2 .center .year {
display: none;
}
.ab2 .center .txts .swiper-slide {
padding: 0;
}
.ab2 .center .txts .swiper-slide .p {
height: 1.28rem;
}
.ab2 .center .txts .prev,
.ab2 .center .txts .next {
/*display: none;*/
top: 20%;
width: 1rem;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.ab3 {
padding: 30px 0;
}
.ab3 .con {
padding-bottom: 1.1rem;
}
.ab3 .con .pics .pic {
height: 2.71rem;
}
.ab3 .con .pics .pic1 {
height: 1.2rem;
}
.cl_con {
margin-top: 60px;
}
.cl_con .left {
display: none;
}
.cl_con .right {
width: 100%;
}
.cl_con .right .box {
padding: 60px 20px;
}
.cl_con .right .box .box1 {
display: block;
padding-bottom: .3rem;
}
.cl_con .right .box .box1 .txt {
width: 100%;
}
.cl_con .right .box .box1 .txt .tit {
font-size: 24px;
line-height: 36px;
}
.cl_con .right .box .box1 .pics {
width: 100%;
}
.cl_con .right .box .box1 .txt .icon_box {
margin-bottom: 0;
}
.cl_con .right .box .box1 .txt .icon_box .icon .p {
font-size: 14px;
line-height: 1.4
}
.cl_con .right .box .box1 .txt .p1 {
font-size: 12px;
line-height: 20px;
}
.cd1 {
padding: 60px 20px 60px 20px;
}
.cd1 .left1 {
width: 100%;
float: none;
}
.cd1 .right1 {
float: none;
width: 100%;
}
.cl1_1 {
padding: 60px 20px;
}
.cl1_1 .tit {
font-size: 24px;
}
.cl1_1 .p {
font-size: 12px;
line-height: 20px;
margin-bottom: 0;
}
.cl1_1 .list1 {
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 20px;
}
.cl1_1 .list1 .item1 {
width: 49%;
margin-right: 0;
margin-bottom: 20px;
}
.cl1_1 .list1 .item1 .p1 {
font-size: 12px;
}
.cl1_1 .list1 .item1 .p1 br {
display: none;
}
.cl1_1 .list2 {
flex-wrap: wrap;
}
.cl1_1 .list2 .item2 {
width: 48%;
margin-right: 4%;
padding: 16px 12px;
flex-direction: column;
justify-content: center;
}
.cl1_1 .list2 .item2:nth-child(2n) {
margin-right: 0;
}
.cl1_1 .list2 .item2:nth-child(n + 3) {
margin-top: .2rem;
}
.cl1_1 .list2 .item2 .icon {
width: 0.3rem;
margin-right: 0;
}
.cl1_2 .pic img {
width: 100%;
}
.cl1_1 .h2s {
font-size: 18px;
}
.cl1_1 .list2 .item2 .h2 {
margin-top: .1rem;
font-size: 13px;
}
.cl1_2 {
padding: 3px 20px 60px 20px;
}
.cl1_3 {
padding: 60px 20px;
}
.cl1_3 .bottom1 .h {
margin-bottom: 0.2rem;
}
.cl1_3 .bottom1 .swiper-slide {
width: 50%;
padding-bottom: 0.2rem;
}
.cl1_3 .top .tit {
font-size: 18px;
}
.cl1_3 .top {
margin-bottom: 0.4rem;
}
.tanchuang_con .con .top {
padding: 15px;
}
.tanchuang_con .con .top .tt_logo {
width: 30vw;
}
.tanchuang_con .con form {
padding: 15px;
}
.tanchuang_con .con form .boxs .box input {
line-height: 26px;
padding: 0 10px;
}
.tanchuang_con .con form .boxs .box select {
line-height: 26px;
}
.tanchuang_con .con form .boxs .box textarea {
line-height: 26px;
height: 104px;
}
.tanchuang_con .con form .boxs .box .input label {
background-size: 40px auto;
}
.tanchuang_con .con form .boxs .box1 .input {
height: 112px;
}
.tanchuang_con .con form .submit {
line-height: 40px;
border-radius: 20px;
}
.tanchuang_con .con .top .out {
width: 18px;
}
.con_con .con2 .btn_box .btn {
/*width: 2.2rem;*/
width: 3.5rem;
}
.res1 {
padding: 60px 20px 330px 20px;
}
.res2 {
padding-top: 60px;
}
.res2 .top .p {
width: 100%;
padding: 0 20px;
margin-bottom: 20px;
}
.res2 .txts {
width: 100%;
padding: 0 50px;
}
.res2 .txts .txt {
padding: 60px 20px;
}
.res3 {
padding: 60px 20px;
display: block;
}
.res3 .pics {
display: none;
}
.res3 .txt {
width: 100%;
}
.res4 {
padding: 0 0 60px 0;
}
.res4 .pics {
float: none;
width: 100%;
position: static;
}
.res4 .pics .pic {
height: 4.6rem;
}
.res4 .right {
float: none;
width: 100%;
padding: 50px 20px 0 20px;
}
.res4 .right .box {
padding: 30px 0;
}
.res5 {
display: block;
}
.res5 .box {
width: 100%;
padding: 80px 20px 160px 20px;
height: auto;
}
.res6 {
padding: 60px 20px;
height: 8rem;
}
.res6 .p {
width: 100%;
padding: 20px 30px;
}
.res6 .p::before {
top: -0.21rem;
left: -0.22rem;
width: 0.45rem;
height: 0.32rem;
}
.res6 .p::after {
bottom: -0.21rem;
right: -0.22rem;
width: 0.45rem;
height: 0.32rem;
}
.cul_con {
padding: 60px 20px;
}
.cul_con .box {
display: block;
margin-bottom: 40px;
}
.cul_con .box .pics {
width: 100%;
}
.cul_con .box .pics .pic {
height: 3.4rem;
}
.cul_con .box .txt {
width: 100%;
}
.cul_con .box .txt .num {
font-size: 1.25rem;
line-height: 1.8rem;
}
.cul_con .box .txt .h {
margin-bottom: 0.5rem;
}
.cul_con .box .txt .h1 {
margin-bottom: 0.15rem;
font-size: 18px;
}
.cul_con .box .txt .p {
margin-bottom: 0.3rem;
}
.jo1 {
padding: 60px 20px;
display: block;
}
.jo1 .left {
width: 100%;
}
.jo1 .left .h {
margin-bottom: 20px;
}
.jo1 .left .p {
margin-bottom: 30px;
}
.jo1 .right {
width: 100%;
margin-top: 30px;
height: 3.3rem;
}
.jo1 .right:after {
display: none;
}
.jo2 {
padding: 60px 20px;
}
.jo2 .top {
display: block;
padding-right: 0;
margin-bottom: 0;
}
.jo2 .top .t_left {
width: 100%;
}
.jo2 .top .t_left .tit {
margin-bottom: 30px;
}
.jo2 .top .t_left .btn_box {
margin-bottom: 30px;
}
.jo2 .top .t_right {
width: 100%;
}
.jo2 .bottom {
padding-top: 30px;
}
.jo2 .bottom .h {
font-size: 0.2rem;
}
.jo3 {
display: block;
}
.jo3 .left {
width: 100%;
padding: 60px 0 0 0;
margin-left: 0;
}
.jo3 .left .tit {
margin-left: 0;
text-align: center;
}
.jo3 .left .i_txt {
display: none;
}
.jo3 .right {
padding: 60px 20px;
width: 100%;
}
.jo3 .right .item {
margin-bottom: 20px;
}
.jo3 .right .item .num {
font-size: 0.64rem;
transform: translateX(-0.2rem);
}
.jo4 {
padding: 60px 20px;
}
.jo4 .top .btn .h {
font-size: 0.18rem;
}
.jo4 .top .btn {
width: 3.2rem;
margin-right: 0.2rem;
padding: 0 4px;
}
.jo4 .top .btn img {
width: 0.3rem;
}
.jo4 .top {
margin-bottom: 30px;
}
.jo4 .bottom .left {
width: 1.4rem;
}
.jo4 .bottom .t_right {
width: calc(100% - 1.4rem);
}
.jo4 .bottom .t_right .list {
padding: 20px;
}
.jo4 .bottom .t_right .list a {
width: calc(100% / 2);
padding-right: .2rem;
font-size: 13px;
}
.jo4 .bottom .t_right .list a:nth-child(2n) {
padding-right: 0;
}
.i_part2 .tabs .item .icon {
height: 0.32rem;
}
#d1,
#d2,
#d3,
#d4,
#d5 {
top: -18vw !important;
}
.banner .pc_banner {
background-image: url(../img/m_banner.jpg) !important;
}
.i_part2 .txts .txt .h2 {
margin-bottom: 0.6rem;
}
.ser_con .ser1 .cons .swiper-slide .h {
font-size: 18px;
margin-bottom: 0.2rem;
}
.ser_con .ser1 .cons .swiper-slide .p {
font-size: 14px;
line-height: 24px;
max-height: 144px;
padding-right: 5px;
overflow-x: auto;
}
.ser_con .ser2 .top .p {
font-size: 14px;
line-height: 24px
}
.ser_con .ser1 .p1
{
font-size: 14px;
line-height: 22px;
}
.nl_con .boxs .box .txt .day {
font-size: 14px;
margin-bottom: 0.2rem;
}
.nl_con .boxs .box .txt .h {
margin-bottom: 0.2rem;
height: 1.2em;
line-height: 1.2;
overflow: hidden;
}
.nl_con .boxs .box .txt .p {
font-size: 14px;
line-height: 24px;
height: 48px;
}
.nd_con .left .top .p .day {
font-size: 12px;
}
.nd_con .right>div .tit {
font-size: 16px;
}
.nd_con .right>div .list .li .h {
font-size: 14px;
}
.nd_con .right>div .list .li .day {
font-size: 12px;
}
.jo2 .top .t_right {
font-size: 12px;
line-height: 20px;
}
.jo3 .right .item .txt .h {
font-size: 18px;
}
.jo3 .right .item .txt .p {
font-size: 12px;
line-height: 20px;
}
.jo4 .top .btn {
flex-direction: column;
height: .9rem;
}
.jo4 .top .btn img {
width: 0.3rem;
margin-right: 0;
margin-bottom: .1rem;
}
.jo4 .top .btn .h {
font-size: 14px;
text-align: center;
}
.jo4 .progress .item {
padding-top: 0.4rem;
}
.jo4 .progress .item .tit {
font-size: 12px;
}
.jo4 .progress .item .con {
font-size: 14px;
}
.con_con>.top .tel {
font-size: 25px;
}
.con_con .con1 .left .item .tit {
font-size: 20px;
margin-bottom: 26px;
}
.con_con .con1 .left .item .h {
font-size: 16px;
margin-bottom: 0.2rem;
background-size: 0.3rem 0.3rem;
line-height: .3rem;
}
.con_con .con1 .left .item .p,
.con_con .con1 .right .box .p,
.con_con .con1 .right .box a {
font-size: 14px;
}
.con_con .con1 .right .box .h {
font-size: 14px;
}
.con_con .con1 .right .box .p {
margin-bottom: 0.3rem;
}
.con_con .con2 .btn_box .btn {
font-size: 14px;
width: 3.2rem;
}
.con_con .con2 .btn_box .btn img {
width: 0.3rem;
}
.ab3 .tit {
margin-bottom: 0.3rem;
}
.cl_con .right .box .box2 .tit1 {
font-size: 20px;
}
.ser_con .ser2 {
padding: 0 0 0.73rem 0;
}
.ser_con .ser2 .top .p {
padding: 0 7.2916vw;
}
.con_con>.top .tel {
line-height: 1.4;
}
.con_con>.top .tel span {
width: 100%;
display: block;
line-height: 1.4;
}
.i_part2 .solid_box {
display: none;
}
.ab2 .bottom {
padding-bottom: 0.4rem;
}
.ab3 .con .swiper-slide-active {
transform: scale(1.2);
}
.ab1 .right .box .p {
line-height: 1.4
}
.con_con .con1 .right .box {
}
.footer .f-ewm {
display: block !important;
text-align: center;
padding-bottom: 1px;
}
.footer .f-ewm img {
width: 195px;
margin: 0 auto;
display: block;
margin-bottom: 6px;
}
.footer .f-ewm p {
color: #000000;
font-family: hr;
font-size: 14px;
margin-top: 0.51vw;
line-height: 20px;
}
.mh_nav {
overflow: hidden;
}
.mh_nav .lu_btn {
display: table;
margin: 0 auto;
margin-top: 6vh;
padding-left: 30px;
line-height: 20px;
background: url(../images/lag_btn.png)no-repeat left center;
background-size: 20px 20px;
font-size: 16px;
}
.mh_nav .user_btn {
display: table;
margin: 0 auto;
margin-top: 20px;
background-image: url(../images/user.svg);
font-size: 16px;
}
.mh_nav .lu_m_box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
padding: 80px 30px 0 30px;
transform: translateX(110%);
transition: all 0.5s;
}
.mh_nav .lu_m_box.on {
transform: translateX(0);
}
.mh_nav .lu_m_box .back {
font-size: 16px;
line-height: 20px;
background: url(../images/lag_back.png)no-repeat left center;
padding-left: 30px;
background-size: 20px 20px;
margin-bottom: 10px;
}
.mh_nav .lu_m_box .h {
font-size: 18px;
font-weight: bold;
line-height: 28px;
margin-bottom: 20px;
color: #333;
}
.mh_nav .lu_m_box ul li {
line-height: 3;
color: #333;
font-size: 16px;
margin-bottom: 10px;
border-bottom: 1px solid #eeeeee;
}
.resx {
display: none;
}
.mb-resx {
display: block;
}
.resx .pics{
height: 100vh;
}
.resx .txts {
width: 100%;
position: relative;
padding: 0 5%;
}
.resx .txts .re1 .h,
.resx .txts .re1 .p,
.resx .txts .re3 .txt .h,
.resx .txts .re3 .txt .p {
color: #fff;
}
.res7 {
flex-wrap: wrap;
padding: 1rem 5%;
}
.res7 .txt {
width: 100%;
margin-bottom: .2rem;
text-align: center;
}
.res7 .txt .p {
margin-bottom: .4rem;
line-height: 24px;
}
.res7 .txt .btn_box {
justify-content: center;
margin-bottom: .2rem;
}
.res7 .pics {
width: 100%;
}
/*.ser_con .ser1 .cons .swiper-slide .p {*/
/* max-height: 9999px;*/
/* overflow-y: auto;*/
/*}*/
.jo_x .list .bj {
display: none;
}
.jo_x {
padding: .8rem 5%;
}
.jo_x .list {
height: auto;
}
.jo_x .list .item {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: translate(0,0);
width: 100%;
text-align: center;
margin-bottom: .5rem;
}
.jo_x .list .item:last-child {
margin-bottom: 0;
}
.jo_x .list .item .icon {
margin: 0 auto .27rem;
}
.jo_x .list .item .p {
height: auto;
}
.i_part3 .icon_boxx {
margin-top: .5rem;
}
.i_part3 .icon_boxx .icon {
width: 48%;
margin-right: 4%;
}
.i_part3 .icon_boxx .icon:nth-child(2n) {
margin-right: 0;
}
.cl_con .right .box .box2 .list .item {
height: 2.5rem;
padding: .2rem;
}
.cl_con .right .box .box2 .list .item .pics,
.cl_con .right .box .box1 .txt .icon_box .icon img {
width: .5rem;
}
.cl_con .right .box .box2 .list .item .h1 {
font-size: 13px;
font-family: inherit;
}
.cl1_3 .bottom1 .more {
font-size: 13px;
}
.str4 .boxs .box.on {
width: 100%;
}
.resx {
padding-bottom: 0;
}
.res7 .pics .swiper-slide .p {
font-size: 13px;
}
.i_part4 .top {
flex-direction: column;
}
.i_part4 .top ul {
margin-top: .3rem;
font-size: 16px;
}
.i_part4 .top ul li:first-child {
margin-left: 0;
}
.i_part3 .par-swiper,
.i_part4 .new-swiper {
display: block;
}
.i_part3 .icon_boxx,
.i_part4 .boxs {
display: none;
}
.i_part4 .new-swiper .swiper-slide .bottom .btn {
font-size: 12px;
line-height: .5rem;
}
.cl_con .right .box .btn,
.nl_con .boxs .box .txt .btn {
line-height: .5rem;
}
.cd1 .left1 .p {
line-height: 1.5;
}
}
@media screen and (max-width: 668px) {}
@media screen and (max-height: 668px) {
.i_part4{
padding-top: 14vh;
}
.i_part4 .boxs .box{
padding: 0.4rem 0.5rem;
}
.i_part4 .boxs .box .pics{
height: 2.35rem;
}
}