html,
body {
padding: 0;
margin: 0;
font-family: "fontR"!important;
font-size: 14px;
line-height: 1.4;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
@font-face {
font-family: "iconfont";
/* Project id */
src: url('/assets/fonts/iconfont.ttf?t=1635922021824') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: "fontM";
/* Project id */
src: url('/assets/fonts/SourceHanSansSC-Medium.woff2') format('woff2')!important;
}
@font-face {
font-family: "fontR";
/* Project id */
src: url('/assets/fonts/SourceHanSansSC-Regular.woff2') format('woff2')!important;
}
.fontM {
font-family: "fontM"!important;
}
.fontR {
font-family: "fontR"!important;
}
.icon-youjiantou:before {
content: "\e622";
}
.icon-down:before {
content: "\e649";
}
.wrap {
width: 1200px;
margin: 0 auto;
}
.wrap2 {
width: 1000px;
margin: 0 auto;
}
.showDiv {
display: none;
}
.clearfixed {
clear: both;
}
a {
color: #333;
font-family: "fontR";
}
ul {
padding: 0;
margin: 0;
}
ul li {
list-style: none;
}
.fl {
float: left;
}
.fr {
float: right;
}
.arrow-bottom {
font-size: 0;
line-height: 0;
border-width: 10px;
border-color: red;
border-bottom-width: 0;
border-style: dashed;
border-top-style: solid;
border-left-color: transparent;
border-right-color: transparent;
}
/* å‘å³çš„ç®å¤´ */
.arrow-right {
font-size: 0;
line-height: 0;
border-width: 10px;
border-color: #f7f7f7;
border-right-width: 0;
border-style: dashed;
border-left-style: solid;
border-top-color: transparent;
border-bottom-color: transparent;
}
a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
outline: none;
text-decoration: none;
}
p {
padding: 0;
margin: 0;
}
a:hover {
color: #1f68fc;
}
img {
max-width: 100%;
}
.imgDiv {
overflow: hidden;
}
.imgDiv img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
transition: all 0.5s;
}
.mask:hover .imgDiv img {
transform: scale(1.1);
}
input:focus,
button:focus,
textarea:focus {
outline: none;
}
.ovh {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ovh2 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ovh3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.ovh4 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.ovh5 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.xqDiv p,.xqDiv span{
word-wrap: break-word!important;
text-wrap: initial !important;
}
.xqDiv img{
height: auto!important;
}
/**导航èœå•**/
header {
width: 100%;
position: fixed;
top: 0;
left: 0;
/*height: 60px;*/
background-color: #ffffff;
box-shadow: 0px 2px 10px 0px rgba(162, 186, 216, 0.35);
z-index: 9992;
}
header .logo a {
/* height: 54px; */
position: relative;
z-index: 999;
display: flex;
/* justify-content: center; */
align-items: center;
}
header .logo img {
max-height: 33px;
}
header.on-fixed {
position: fixed;
top: 0;
left: 0;
/* background: rgba(0, 0, 0, .8); */
}
header .rightDiv {
display: flex;
}
header .rightDiv .menu {
/* position: relative; */
height: 60px;
display: flex;
align-items: center;
}
header .rightDiv .menu>ul {
display: inline-block !important;
/*overflow: hidden;*/
}
header .rightDiv .menu>ul>li {
float: left;
position: relative;
padding: 0 20px;
/*width: 126px;*/
}
header .rightDiv .menu>ul>li:last-child {
padding-right: 0;
}
header .rightDiv .menu>ul>li>a {
height: 70px;
display: block;
/* justify-content: center; */
/* align-items: center; */
text-align: center;
color: #222222;
position: relative;
font-size: 16px;
line-height: 64px;
}
header.index .rightDiv .menu>ul>li>a {
color: #fff;
}
header.index .rightDiv .menu>ul>li>a.now {
/* color: #fff; */
}
header.index .rightDiv .menu>ul>li>a.now::after {
background: #a01e27;
}
header .rightDiv .menu>ul>li>a::after {
content: "";
width: 0;
height: 2px;
background: #fff;
position: absolute;
left: 50%;
bottom: 25px;
transform: translateX(-50%);
transition: .5s;
}
header .rightDiv .menu>ul>li>a img {
margin-left: 10px;
transition: all 0.5s;
}
header .rightDiv .menu>ul>li>a svg {
margin-left: 4px;
margin-top: -1px;
transition: all 0.5s;
vertical-align: middle;
}
header .rightDiv .menu>ul>li:hover>a img,
header .rightDiv .menu>ul>li:hover>a svg {
transform: rotate(180deg);
}
header .rightDiv .menu>ul>li>a:hover,
header .rightDiv .menu>ul>li>a.now {
color: #0084fd;
}
header .rightDiv .menu>ul>li:hover>a,
header .rightDiv .menu>ul>li:focus>a,
header .rightDiv .menu>ul>li.on>a,
header .rightDiv .menu>ul>li.active>a {
color: #0084fd;
}
header .rightDiv .menu ul li div.down_list {
background: rgba(255, 255, 255, 0.8);
border-radius: 0.625rem;
margin-top: -0.65rem;
display: none;
}
header .rightDiv .menu ul li div.down_list ul li a {
text-align: center;
display: block;
}
header .mbtn {
display: inline-block;
width: 50px;
height: 50px;
background: url(/assets/images/base/menu1.svg) no-repeat center center;
background-size: 70%;
position: absolute;
top: -10px;
right: -10px;
display: none;
z-index: 9999;
}
header .mbtn:active {
opacity: .8;
}
header.index .rightDiv .menu>ul>li>a {
color: #FFFFFF;
position: relative;
text-transform: capitalize;
}
body.on-menu header .mbtn {
background: url(/assets/images/base/menu-hide1.svg) no-repeat center center;
background-size: 40%;
z-index: 9999;
}
.menu,
.menu ul li,
.menu ul li a,
.menu #menu-button {
margin: 0;
padding: 0;
border: 0;
list-style: none;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* position: relative; */
}
.menu #menu-button {
display: none
}
.menu {
width: auto;
}
#menu-line {
position: absolute;
top: 0;
left: 0;
height: 3px;
background: #b3c9e2;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out
}
.menu>ul>li {
float: left;
}
/*.menu.align-center>ul{font-size:0;text-align:center}
.menu.align-center>ul>li{display:inline-block;float:none}
.menu.align-center ul ul{text-align:left}
.menu.align-right>ul>li{float:right}
.menu.align-right ul ul{text-align:right}*/
.menu>ul>li>a {
padding: 0;
height: 70px;
font-size: 14px;
text-decoration: none;
/* text-transform: uppercase; */
color: #fff;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease
}
.menu>ul>li:hover>a,
.menu>ul>li.active>a {
color: #fff;
}
/* .menu>ul>li.has-sub>a {
padding-right: 20px;
} */
/*.menu>ul>li.has-sub>a::after{position:absolute;top:50%;margin-top:-6px;right:-15px;width:8px;height:8px;border-bottom:1px solid #000;border-right:1px solid #000;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}*/
/* .menu>ul>li.has-sub>a::after {
position: absolute;
top: 50%;
margin-top: -3px;
right: 0;
width: 10px;
height: 6px;
content: "";
background: url(/assets/images/xia.webp) no-repeat; */
/*} */
.menu ul li {
/* overflow: hidden; */
}
.menu ul li:hover {
/* overflow: visible; */
}
/*.menu>ul>li.has-sub:hover>a::after,.menu>ul>li.has-sub.on>a::after{border-color:#fff}*/
.menu ul li:hover>ul {
display: block;
}
/*.menu.align-right li:hover>ul{right:0}*/
.menu ul ul ul {
right: 100%;
top: 0;
width: 100%;
}
.menu ul ul li:hover>ul {
margin-left: 0;
}
/*.menu.align-right ul ul ul{margin-left:0;margin-right:100%}*/
.menu ul ul {
padding: 10px 0;
/* margin-left: -8px; */
/* text-align: center; */
top: 70px;
position: absolute;
z-index: 99;
display: none;
transition: all 0.5s;
left: 0;
background: #fff;
/* transform: translate(-50%, 0); */
width: 170px;
background-color: #ffffff;
box-shadow: 3px 4px 8px 0px #e4ebf3;
border-radius: 3px;
border: solid 0px #ababab;
/* background: rgba(71, 151, 0, 0.7); */
}
.menu ul ul>li>a {
padding: 8px 20px;
text-align: left;
color: #333;
}
.menu ul ul>li>a:hover {
color: #0084fd !important;
background: none !important;
}
.menu ul ul .ul {
background: rgba(255, 255, 255, 1);
/* border-radius: 6px; */
box-shadow: 0px 5px 5px rgba(0, 0, 0, .1);
}
.menu ul ul li {
-webkit-transition: height .2s ease;
-moz-transition: height .2s ease;
-ms-transition: height .2s ease;
-o-transition: height .2s ease;
transition: height .2s ease;
/* text-align: center; */
}
.menu ul ul li>a:hover,
.menu ul ul li a:hover {
color: #fff;
border: 0;
background-color: rgba(0, 91, 172, .1);
/* background: rgba(71, 151, 0, 0.7); */
}
.menu ul ul li:last-child>a {
border: 0;
}
.menu ul ul ul {
display: block;
position: relative;
box-shadow: none;
}
.menu ul ul.bigErji {
width: 260px;
background-color: #ffffff;
box-shadow: 4px 3px 8px 0px #e4ebf3;
border-radius: 10px;
border-radius: 10px;
padding: 20px 45px;
justify-content: space-between;
transform: translate(0);
left: 0;
z-index: 9999;
padding-bottom: 10px;
position: absolute;
}
.menu ul li:hover ul.bigErji {
display: flex;
}
.menu ul ul.bigErji>li {
width: 100%;
}
.menu ul ul.bigErji li>a {
font-size: 16px;
color: #666666;
text-decoration: none;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
padding: 15px 0;
text-align: left !important;
border-bottom: 1px #ececec solid !important;
}
.menu ul ul.bigErji li>a:hover {
color: #0081fa !important;
background: none;
}
.menu ul ul.bigErji ul li>a {
border-bottom: 0 !important;
color: #333;
display: flex;
align-items: center;
}
.menu ul ul.bigErji ul li>a:hover {
background: none;
color: #0084fd;
}
.menu ul ul.bigErji ul li>a img {
margin-right: 10px;
max-width: 15px;
max-height: 15px;
/* margin-bottom: 5px; */
}
.menu .bigErji2 {
width: 485px !important;
}
.bannerIndex,
.bnDiv,
.banner_nei {
line-height: 1.2;
}
.bnDiv .font22 {
max-width: 560px;
}
.banner_nei {
margin-top: 60px;
}
.bnDiv .swiper-pagination {
bottom: 30px;
}
.bnDiv .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #fff;
opacity: 0.6;
border-radius: 0;
border-radius: 50%;
transition: all 0.5s;
}
.bnDiv .swiper-button-white {
opacity: 0.6;
background-size: 70%;
z-index: 99;
}
.bnDiv .swiper-pagination-bullet-active {
width: 40px;
background: #fff;
opacity: 1;
border-radius: 10px;
}
.bnDiv img.pc {
height: 560px;
object-fit: cover;
}
.bnDiv .wenzi {
width: 100%;
height: 100%;
display: flex;
align-items: center;
z-index: 999;
top: 0;
left: 0;
}
.bannerIndex.bnDiv .wenzi{
position: relative;
height: 560px;
background: #dee8ff;
}
.wenzi.absolute.banner{ background-image:url("/assets/images/base/banneren.webp")}
.wenzi.absolute.banner p{color:#333333 !important;}
.wenzi.absolute.banner li{font-size:22px; display:flex;align-items:flex-start;margin-bottom:10px;}
.wenzi.absolute.banner li img{ margin-right:10px;}
.wenzi.absolute.banner .bn_a a.ys_a{background-color:#0e8326;}
.wenzi.absolute.banner .bn_a a.gk_a{border:solid 1px #0e8326; color:#0e8326 !important;}
.bnDiv .wenzi .bt {
line-height: 60px;
}
.bnDiv .wenzi {
color: #08162a;
}
.bnDiv .swiper-slide img.mob {
display: none;
}
.bnDiv .wrap {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
}
.bnDiv {
margin-top: 60px;
}
.bnDiv .wrap .imgDiv {
max-width: 40%;
}
.bnDiv .wrap .flDiv {
max-width: 59%;
}
.bn_a {
display: flex;
align-items: center;
justify-content: flex-start;
}
.bn_a a {
display: flex;
align-items: center;
justify-content: center;
width: 161px;
height: 47px;
border-radius: 3px;
}
.bn_a a.ys_a {
background-color: #0084fd;
color: #fff;
}
.bn_a a.gk_a {
border: solid 1px #0081fa;
color: #0081fa;
margin-left: 20px;
}
.lang_a {
width: 67px;
height: 30px;
border-radius: 3px;
border: solid 1px #ccccce;
margin-left: 50px;
background: linear-gradient(#0084fd, #0084fd) repeat-y;
background-size: 0 100%;
transition: all 0.5s;
}
.bn_a a.requst_a {
width: 211px;
height: 47px;
background-color: #ffffff;
border-radius: 3px;
}
.loginDiv {
margin-left: 20px;
}
.login_a {
width: 57px;
height: 30px;
border-radius: 3px;
border: solid 1px #ccccce;
background: linear-gradient(#0084fd, #0084fd) repeat-y;
background-size: 0 100%;
transition: all 0.5s;
}
.login_a:hover,
.lang_a:hover {
background-size: 100% 100%;
border: solid 1px #0084fd;
color: #fff;
}
.shiy_a {
width: 110px;
height: 60px;
background-color: #0084fd;
margin-left: 20px;
color: #fff !important;
}
footer {
background-color: #222328;
padding-top: 80px;
color: #8a8a8a;
}
.footDiv {
display: flex;
justify-content: space-between;
}
.footFl {
display: flex;
position: relative;
}
.footFl::after {
content: "";
position: absolute;
right: 0;
top: 20px;
height: calc(100% - 40px);
width: 1px;
background-color: #8a8a8a;
}
.footFl .navBott {
margin-right: 100px;
}
.navBott ul li a {
display: block;
padding: 8px 0;
color: #8a8a8a;
}
.navBott ul li a:hover{
color: #fff;
}
footer a {
color: #8a8a8a;
}
footer a:hover {
color: #fff;
}
.footFr {
display: flex;
margin-left: 85px;
}
.ewm img {
max-width: 100px;
}
.ewm {
margin-left: 100px;
}
.lxBott ul {
display: flex;
align-items: flex-end;
}
.lxBott ul li {
margin-right: 15px;
}
.lxBott ul li img {
max-width: 20px;
max-height: 20px;
}
.lxNum {
margin-bottom: 25px;
}
.banquan {
padding: 25px 0;
border-top: 1px #606163 solid;
}
.indexDiv1 {
padding: 120px 0 80px 0;
}
.title {
color: #282d31;
}
.title .small {
max-width: 780px;
margin: 0 auto;
margin-top: 15px;
line-height: 1.4;
}
.indexDiv1 .content ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.indexDiv1 .content ul li {
width: 30%;
position: relative;
margin-bottom: 45px;
}
.indexDiv1 .content ul li:nth-child(2),
.indexDiv1 .content ul li:nth-child(4),
.indexDiv1 .content ul li:nth-child(5) {
width: 40%;
}
.indexDiv1 .content ul li::after {
content: "";
position: absolute;
width: 1px;
height: 143px;
background-color: #e7e7e7;
top: 15px;
right: 0;
}
.indexDiv1 .content ul li .imgDiv img {
width: 60px;
height: 60px;
}
.indexDiv1 .content ul li .textDiv {
padding: 0 110px;
line-height: 1.6;
}
.indexDiv1 .content ul li .textDiv .imgDiv{
width: 40px;
height: 40px;
margin: 0 auto;
}
.indexDiv1 .content ul li:first-child .textDiv {
padding-left: 0;
}
.indexDiv1 .content ul li:nth-child(3n) .textDiv {
padding-right: 0;
}
.indexDiv1 .content ul li:nth-child(3n)::after,
.indexDiv1 .content ul li:last-child::after {
display: none;
}
.indexDiv2 {
padding: 120px 0 100px 0;
background-color: #f7f8fb;
}
.indexDiv2 .swiper-slide.on .textDiv {
background: url(/assets/images/page/index/index6.webp) no-repeat center center;
background-size: cover;
border-radius: 16px;
border: solid 1px #ececed;
}
.indexDiv2 .swiper-slide.on .textDiv p,
.indexDiv2 .swiper-slide.on .textDiv ul li {
color: #fff;
}
.indexDiv2 .textDiv {
text-align: center;
border-radius: 16px;
border: solid 1px #ececed;
overflow: hidden;
padding: 60px 0;
padding-top: 40px;
background: #fff;
transition: all 0.5s;
}
.indexDiv2 .textDiv .biaoti {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
max-width: 220px;
margin: 0 auto;
}
.indexDiv2 .textDiv ul li {
margin: 12px 0;
}
.zxBtn {
width: 146px;
height: 41px;
border-radius: 20px;
border: solid 1px #0081fa;
margin: 0 auto;
margin-top: 35px;
color: #0081fa;
background: linear-gradient(#fff, #fff) repeat-y;
background-size: 0 100%;
transition: all 0.5s;
}
.indexDiv2 .swiper-slide.on .zxBtn {
background-size: 100% 100%;
border: solid 1px #fff;
}
.indexDiv3 {
padding: 120px 0 100px 0;
}
.indexDiv3 .textDiv {
height: 100%;
padding: 50px 34px 60px 34px;
background-color: #ffffff;
border-radius: 16px;
border: solid 2px #ececed;
overflow: hidden;
transition: all 0.5s;
}
.indexDiv3 .textDiv .imgDiv{
height: 55px;
}
.indexDiv3 .textDiv:hover {
box-shadow: 0 0 10px #bee2fa;
margin-top: -10px;
}
.gn_a {
width: 162px;
height: 47px;
background-color: #0084fd;
border-radius: 3px;
margin: 0 auto;
margin-top: 50px;
color: #fff !important;
}
.indexDiv4 {
padding: 120px 0 100px 0;
}
.indexDiv4 .title {
max-width: 980px;
margin: 0 auto;
}
.indexDiv4 .title .small {
max-width: 1000px;
}
.indexDiv4 .content {
padding: 0 50px;
padding-right: 0;
}
.indexDiv4 .content {
display: flex;
justify-content: space-between;
}
.indexDiv4 .content ul.tab {
width: 260px;
}
.indexDiv4 .content ul.tab li {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 40px;
margin-bottom: 10px;
background-color: #ececed;
}
.indexDiv4 .content ul.tab li.active {
background-color: #0084fd;
color: #fff;
}
.indexDiv4 .content .tabBox {
width: calc(100% - 300px);
}
.indexDiv4 .content #tabCon .textDiv ul {
display: flex;
flex-wrap: wrap;
}
.indexDiv4 .content #tabCon .textDiv ul li {
width: 25%;
text-align: center;
margin-bottom: 35px;
margin-top: 15px;
}
.indexDiv4 .content .tabBox>a {
position: absolute;
bottom: 20px;
right: 6%;
}
.indexDiv4 .content #tabCon .textDiv ul li img {
width: 60px;
height: 40px;
background-color: #ffffff;
box-shadow: 1px 2px 5px 0px #d0d9e3;
border-radius: 5px;
}
.indexDiv5 {
padding: 79px 0 94px 0;
background: url(/assets/images/page/index/index_bg1.webp) no-repeat center center;
background-size: cover;
}
.case .card-view {
overflow: hidden;
width: 100%;
min-height: 634px;
}
.case .card-view .card-box {
margin-top: 96px;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
/* firefox */
-ms-overflow-style: none;
/* IE 10+ */
text-align: center;
}
.case .card-view .card-box::-webkit-scrollbar {
display: none;
/* Chrome Safari */
}
.case .card-view .card-box .case-card {
display: inline-block;
text-align: left;
white-space: normal;
width: 378px;
height: 538px;
background-color: #FFFFFF;
border-radius: 13px;
position: relative;
margin-right: 48px;
vertical-align: middle;
overflow: hidden;
}
.case .card-view .card-box .case-card .fengmian {
width: 378px;
height: 218px;
border-radius: 13px 13px 0px 0px;
}
.case .card-view .card-box .case-card .fengmian img {
border-radius: 13px 13px 0px 0px;
width: 100%;
height: 100%;
}
.case .card-view .card-box .case-card .prefix {
background: #0084fd;
color: #FFFFFF;
position: absolute;
top: 0px;
left: 0px;
width: 98px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 13px 0px 13px 0px;
}
.case .card-view .card-box .case-card .prefix img {
width: 16px;
margin-right: 6px;
}
.case .card-view .card-box .case-card .info {
margin: 32px 25px 0px 25px;
}
.case .card-view .card-box .case-card .info .contact {
display: flex;
align-items: center;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #b6b8bd;
}
.case .card-view .card-box .case-card .info .contact .name {
font-size: 13px;
font-weight: 700;
color: #595757;
height: 11px;
line-height: 11px;
margin-bottom: 6px;
}
.case .card-view .card-box .case-card .info .contact .position {
font-size: 11px;
font-weight: 400;
color: #595757;
height: 11px;
line-height: 11px;
}
.case .card-view .card-box .case-card .info .contact .position .position-text {
margin-left: 6px;
}
.case .card-view .card-box .case-card .info .contact .touxiang {
height: 34px;
width: 34px;
margin-right: 8px;
border-radius: 34px;
}
.case .card-view .card-box .case-card .info .desc {
font-size: 14px;
font-weight: 500;
color: #666666;
}
.case .card-view .card-box .case-card .more {
color: #0084fd;
font-size: 17px;
font-weight: 500;
position: absolute;
right: 25px;
bottom: 50px;
display: flex;
align-items: center;
}
.case .card-view .card-box .case-card .more img {
height: 11px;
width: 22px;
margin-left: 9px;
}
.case .button {
margin: 64px auto 0px auto;
width: 195px;
height: 46px;
background: #0084fd;
border-radius: 3px;
color: #FFFFFF !important;
line-height: 46px;
text-align: center;
}
.newsBn .wenzi .bt {
max-width: 100%;
line-height: 44px;
}
.newsBn .wenzi .flDiv {
max-width: 52%;
}
.newsBn .wenzi .wrap {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
}
.newsBn .wenzi .wrap .imgDiv {
max-width: 42.5%;
}
.newsBn .wenzi .wrap .imgDiv.newsImg {
background-color: #aed4fa;
padding: 35px 60px;
border-radius: 10px;
}
.newsBn .swiper-slide img.pc {
height: 460px;
}
.nav-height {
position: relative;
}
.nav-wrap {
width: 100%;
background: #fff;
}
.nav-wrap.navFix {
position: fixed;
top: 60px;
left: 0;
/* box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); */
border-top: 1px solid #e3e3e3;
z-index: 9991;
}
.nav-wrap ul {
padding: 0;
margin: 0 auto;
width: 1200px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.nav-wrap.navFix ul {
border-bottom: 0;
}
.nav-wrap li a {
display: block;
text-decoration: none;
padding: 0 40px;
padding-top: 30px;
padding-bottom: 40px;
transition: all 0.5s;
}
.nav-wrap.navFix ul li a {
padding: 15px 40px;
font-size: 18px;
}
.nav-wrap li a:hover {
color: #0084fd;
}
.nav-wrap li a.active {
color: #0084fd;
}
.nav-mobile {
display: none;
font-weight: bold;
width: 100%;
}
.click-me {
width: 150px;
height: 30px;
background: #0084fd;
color: white;
text-align: center;
line-height: 30px;
}
.click-me a {
display: block;
color: white;
}
.banner_nei.contact_bn>img {
height: 355px;
}
.bnBn .flDiv{
max-width: 70%;
}
@media screen and (max-width: 992px) {
.case {
padding-top: 50px;
padding-bottom: 15px;
}
.case .title {
font-size: 22px;
margin-bottom: 0px;
font-weight: 400;
}
.case .subTitle {
font-size: 12px;
line-height: 12px;
}
.case .card-view {
margin-bottom: 30px;
min-height: 410px;
}
.case .card-view .card-box {
margin-top: 30px;
}
.case .card-view .card-box .case-card {
width: 300px;
height: 380px;
}
.indexDiv5 .renwu .rwTxt p span {
margin-left: 8px;
}
.case .card-view .card-box .case-card .fengmian {
width: 280px;
height: 161px;
border-radius: 13px 13px 0px 0px;
}
.case .card-view .card-box .case-card .prefix {
width: 80px;
height: 20px;
font-size: 12px;
}
.case .card-view .card-box .case-card .info {
margin: 22px 18px 0px 18px;
}
.case .card-view .card-box .case-card .info .contact .touxiang {
height: 24px;
width: 24px;
}
.case .card-view .card-box .case-card .info .contact .name {
font-size: 12px;
}
.case .card-view .card-box .case-card .info .contact .position {
font-size: 10px;
}
.case .card-view .card-box .case-card .info .desc {
font-size: 12px;
}
.case .card-view .card-box .case-card .more {
font-size: 14px;
bottom: 10px;
}
.case .button {
margin: 30px auto 25px auto;
line-height: 34px;
margin: 40px auto 38px auto;
height: 38px;
font-size: 13px;
padding: 0px 30px 0px 30px;
}
.case .card-view .card-box .case-card .prefix img {
width: 12px;
margin-right: 6px;
}
.case .card-view .card-box .case-card {
margin-right: 20px;
}
}
.indexDiv5 .content .scroll {
height: 540px;
margin-bottom: 30px;
overflow-x: auto;
}
/*
.indexDiv5 .content ul {
width: 100000px;
position: absolute;
left: 0;
}
.indexDiv5 .content ul li {
width: 378px;
display: inline-block;
margin: 0 10px;
} */
.indexDiv5 .swiper-wrapper {
transition-timing-function: linear !important;
-webkit-transition-timing-function: linear !important;
-moz-transition-timing-function: linear !important;
-ms-transition-timing-function: linear !important;
-o-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
.indexDiv5 .textDiv {
background-color: #ffffff;
border-radius: 13px;
overflow: hidden;
}
.indexDiv5 .topDiv .bq {
position: absolute;
top: 0;
left: 0;
background-color: #0084fd;
border-radius: 13px 0px 13px 0px;
padding: 0 15px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 18px;
z-index: 9;
}
.indexDiv5 .topDiv .bq img {
margin-right: 5px;
}
.indexDiv5 .imgDiv {
width: 100%;
height: 217px;
}
.indexDiv5 .imgDiv img {
width: 100%;
height: 100%;
}
.indexDiv5 .renwu {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 0 17px 0;
border-bottom: 1px #b6b8bd solid;
margin-bottom: 15px;
}
.indexDiv5 .renwu .rwTxt p span {
margin-left: 20px;
}
.indexDiv5 .wenzi {
padding: 28px;
padding-bottom: 50px;
}
.indexDiv5 .wenzi .txt {
height: 120px;
white-space: initial;
}
.indexDiv5 .renwu>img {
width: 35px;
height: 35px;
background-color: #366eff;
border-radius: 50%;
}
.indexDiv5 .renwu .rwTxt {
width: calc(100% - 45px);
}
.ljgd {
display: flex;
align-items: center;
justify-content: flex-end;
}
.ljgd img {
margin-left: 10px;
transition: all 0.3s;
}
/* .indexDiv5 .textDiv:hover .ljgd img{
margin-left: 5px;
} */
.more1 {
width: 196px;
height: 47px;
border-radius: 3px;
margin: 0 auto;
margin-top: 50px;
color: #fff !important;
transition: all 0.5s;
}
.more {
background: #0084fd;
transition: all 0.5s;
color: #fff !important;
}
.more:hover {
background: #4e83fd;
}
.indexDiv6 {
padding: 138px 0 157px 0;
background: url(/assets/images/page/index/index_bg2.webp) no-repeat center center;
background-size: cover;
}
.indexDiv6 .flDiv {
width: 639px;
}
.indexDiv6 .flDiv .textDiv{
height: 389px;
overflow: hidden;
}
.indexDiv6 .flDiv img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.indexDiv6 .frDiv {
width: 545px;
}
.indexDiv6 .frDiv .conDiv {
padding: 23px 24px;
min-height: 188px;
background-color: #f5f7fa;
border-radius: 10px;
overflow: hidden;
}
.indexDiv6 .frDiv .conDiv .listDiv li a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 0;
}
.indexDiv6 .frDiv .conDiv .listDiv li span {
width: 6px;
height: 6px;
background-color: #1f68fc;
border-radius: 1px;
display: block;
}
.indexDiv6 .frDiv .conDiv .listDiv li p {
width: calc(100% - 15px);
}
.indexDiv6 .frDiv .conDiv .listDiv li:hover p {
color: #1f68fc;
}
.zixunDiv {
margin-top: 12px;
}
.indexDiv7 {
padding: 110px 0 100px 0;
background: url(/assets/images/page/index/xinren_bg.webp) no-repeat center center;
background-size: cover;
}
.indexDiv7 .content {
margin-top: 150px;
}
.indexDiv7 .content .textDiv>img{
max-height: 55px;
}
.indexDiv7 .content .textDiv>img {
transition: all 0.5s;
}
.indexDiv7 .content .textDiv:hover>img {
transform: rotateY(360deg);
}
.more4 {
width: 162px;
height: 46px;
border-radius: 3px;
border: solid 2px #ffffff;
background: linear-gradient(#fff, #fff) repeat-y;
background-size: 0 100%;
transition: all 0.5s;
color: #fff;
margin: 0 auto;
margin-top: 98px;
}
.more4:hover {
background-size: 100% 100%;
color: #0084fd;
}
.indexDiv7 .frDiv .tab li.active .dian {
background-color: #006bfb;
opacity: 0.3;
}
.foot_lang {
display: none;
}
.footNav {
display: none;
}
.indexDiv6 .flDiv .swiper-button-next {
right: auto;
left: 145px;
bottom: 50px;
top: auto;
font-size: 16px;
}
.indexDiv6 .flDiv .swiper-button-prev {
right: auto;
left: 55px;
bottom: 50px;
top: auto;
font-size: 16px;
}
.indexDiv6 .swiper-button-next:after,
.indexDiv6 .swiper-button-prev:after {
font-size: 16px;
color: #fff;
}
.indexDiv6 .swiper-pagination {
bottom: 62px;
width: 230px;
}
.indexDiv6 .swiper-pagination-bullet {
width: 1px;
height: 17px;
background-color: #fff;
opacity: 1;
margin: 0 5px !important;
border-radius: 0;
}
.indexDiv6 .swiper-pagination-bullet-active {
height: 27px;
}
/*å³ä¾§æ‚¬æµ®*/
.fixedRt {
position: fixed;
bottom: 100px;
right: 20px;
z-index: 99;
}
.mfsy {
width: 41px;
height: 102px;
background-color: #0081fa;
box-shadow: 0px 0px 16px 0px rgba(153, 169, 206, 0.54);
border-radius: 3px;
padding: 15px 12px;
font-size: 16px;
line-height: 1.2;
margin-bottom: 15px;
}
.mfsy a {
color: #fff !important;
}
.fixedRt ul {
width: 41px;
background-color: #ffffff;
box-shadow: 0px 0px 16px 0px rgba(153, 169, 206, 0.54);
border-radius: 3px;
}
.fixedRt ul li {
position: relative;
}
.fixedRt ul li a {
line-height: 1;
padding: 10px 5px;
display: block;
position: relative;
}
.fixedRt ul li a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 16px;
height: 1px;
background-color: #ededed;
}
.fixedRt ul li a .fixedDiv img {
filter: grayscale(100);
opacity: 0.9;
width: 22px;
}
.fixedRt ul li:hover a .fixedDiv img {
filter: grayscale(0);
}
.backTop img {
width: 18px;
filter: grayscale(100);
opacity: 0.9;
}
.backTop:hover img {
filter: initial;
opacity: 1;
}
.fixedRt ul li:last-child a {
border: 0;
}
.fixedRt ul li .hideDiv {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 100%;
display: none;
}
.fixedRt ul li .hideDiv .hideCon {
width: 220px;
min-height: 90px;
margin-right: 20px;
background-color: #ffffff;
box-shadow: 0px 0px 16px 0px rgba(153, 169, 206, 0.54);
border-radius: 3px;
padding: 10px;
line-height: 1.5;
display: flex;
align-items: center;
justify-content: center;
}
.fixedRt ul li:hover .hideDiv {
display: flex;
}
.swiper-button-next,
.swiper-button-prev {
outline: none;
}
.title_t {
padding-bottom: 20px;
border-bottom: 1px #ececec solid;
}
.logo_dl {
position: absolute;
top: 5%;
left: 2%;
}
.loginDivF .wenzi {
width: calc(100% - 545px);
}
.loginDivF .wenzi .small {
color: #666666;
}
.loginDivF {
display: flex;
justify-content: space-between;
align-items: center;
}
.loginDivF .frDiv {
width: 415px;
min-height: 532px;
background-color: #ffffff;
box-shadow: 0px 0px 16px 0px rgba(188, 188, 188, 0.4);
border-radius: 3px;
}
.loginDivF .frDiv .tab {
padding: 30px 0;
}
.loginDivF .frDiv .tab li {
padding: 10px 0;
margin: 0 14px;
position: relative;
}
.loginDivF .frDiv .tab li::after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 49px;
height: 1px;
background-color: #0081fa;
content: "";
display: none;
}
.loginDivF .frDiv .tab li.active {
color: #0081fa;
}
.loginDivF .frDiv .tab li.active::after {
display: block;
}
.loginDivF .frDiv .ewmDl {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 30px 65px 30px;
text-align: center;
}
.ewmK {
width: 160px;
height: 160px;
margin: 0 auto;
margin-top: 40px;
padding: 5px;
background: url(/assets/images/base/login_ewm_bg.webp) no-repeat;
background-size: 100% 100%;
}
.ewmK img {
width: 149px;
height: 149px;
}
.login_lang ul {
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.login_lang ul li {
margin: 0 8px;
max-width: 50%;
}
.login_lang ul li a {
display: flex;
align-items: center;
color: #000 !important;
}
.login_lang ul li .check {
width: 14px;
height: 14px;
border: solid 1px #dbdbdb;
border-radius: 50%;
margin-right: 10px;
}
.login_lang ul li .check.on {
border: solid 4px #0081fa;
}
.formCon {
width: 100%;
padding: 30px 50px;
padding-top: 10px;
}
.formCon ul li input {
width: 100%;
height: 45px;
border-radius: 2px;
border: solid 1px #d4d4d6;
background-color: #fff;
padding: 0 20px;
}
.formCon ul li.yzm {
display: flex;
align-items: center;
justify-content: space-between;
}
.formCon ul li.yzm input {
width: calc(100% - 108px);
}
.formCon ul li.yzm>img {
width: 97px;
height: 45px;
}
.formCon ul li {
margin-bottom: 20px;
}
.formCon .formDiv {
width: 100%;
}
.checkBox .check {
display: flex;
align-items: center;
cursor: pointer;
}
.checkBox .check input {
margin-right: 3px;
}
.checkBox .check label {
margin-bottom: 0;
}
.loginBtn {
width: 100%;
border: 0;
height: 45px;
background-color: #0081fa;
border-radius: 2px;
}
.failDiv {
background: url(/assets/images/base/404_bg.webp) no-repeat center center;
background-size: 100% 100%;
padding: 10% 0 15% 0;
margin-top: 20px;
}
.failDiv .content {
width: 748px;
height: 469px;
margin: 0 auto;
background: url(/assets/images/base/ys-404.webp) no-repeat center center;
background-size: 100% 100%;
padding-top: 60px;
}
.failDiv .btnDiv {
margin-top: 140px;
}
.failDiv .btnDiv a {
display: flex;
align-items: center;
justify-content: center;
padding: 13px 20px;
border-radius: 25px;
border: solid 1px #0084fd;
margin: 0 13px;
}
.failDiv .btnDiv a.reload {
color: #0084fd;
}
.failDiv .btnDiv a.go_home {
color: #fff;
background-color: #0084fd;
}
.banner_nei .wenzi {
position: absolute;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.banner_nei>img {
height: 560px;
object-fit: cover;
width: 100%;
}
.contactDiv1 {
padding: 120px 0;
}
.title_lx {
padding-bottom: 20px;
border-bottom: 1px #dbdce7 solid;
}
.contactDiv1 .content {
display: flex;
justify-content: space-between;
}
.contactDiv1 .content .wenzi {
width: 425px;
color: #161827;
}
.contactDiv1 .content .wenzi li {
margin-bottom: 10px;
}
.contactDiv1 .content .wenzi li span {
margin-right: 5px;
}
.contact_a {
width: 180px;
height: 51px;
background-color: #0084fd;
border-radius: 6px;
color: #fff !important;
}
.mapDiv {
width: calc(100% - 460px);
min-height: 410px;
}
.contactDiv2 {
padding: 120px 0;
background: #f6f6f6;
}
.wrap.parW {
padding: 0 14px;
}
.noImgBn .font22 {
max-width: 560px;
}
.contactDiv2 .wrap {
display: flex;
justify-content: space-between;
}
.contactDiv2 .flDiv {
width: 200px;
position: relative;
}
.contactDiv2 .flDiv ul li {
padding: 35px 0;
padding-left: 40px;
display: flex;
align-items: center;
position: relative;
z-index: 9;
cursor: pointer;
}
.contactDiv2 .flDiv ul li .circle {
position: relative;
width: 16px;
height: 16px;
border-radius: 50%;
background: #e5e5e5;
margin-left: -8px;
z-index: 9;
margin-right: 20px;
}
.contactDiv2 .flDiv ul li .circle::after {
width: 26px;
height: 26px;
border-radius: 50%;
background: #006bfb;
opacity: 0.3;
left: -5px;
right: 0;
top: -5px;
content: "";
position: absolute;
z-index: 1;
display: none;
}
.contactDiv2 .flDiv ul li.active .circle {
background: #006bfb;
}
.contactDiv2 .flDiv ul li.active {
color: #006bfb;
}
.contactDiv2 .flDiv ul li.active .circle::after {
display: block;
}
.contactDiv2 .flDiv::before {
position: absolute;
content: "";
width: 1px;
height: 496px;
background: #e5e5e5;
top: 0;
left: 39px;
}
.contactDiv2 .frDiv {
padding: 50px 60px;
min-height: 640px;
background: #fff;
border-radius: 5px;
width: calc(100% - 220px);
padding-right: 20px;
}
.contactDiv2 .frDiv .fenbuDiv ul {
display: flex;
flex-wrap: wrap;
}
.contactDiv2 .frDiv .fenbuDiv ul li {
width: 32%;
padding: 10px 0;
margin-right: 1.333%;
}
.contactDiv3 {
padding: 130px 0;
background: url(/assets/images/base/contact_bott.webp) no-repeat center center;
background-size: cover;
}
.franBtn a {
padding: 10px 15px;
min-width: 160px;
margin: 0 14px;
border-radius: 3px;
}
.franBtn a.join_a {
background-color: #0084fd;
color: #fff !important;
border: 1px #0084fd solid;
}
.franBtn a.demo_a {
border: solid 1px #ffffff;
color: #fff !important;
}
.franDiv1 {
padding: 108px 0;
}
.franDiv1 .textDiv {
padding: 30px;
height: 100%;
min-height: 188px;
background: url(/assets/images/base/join_bg1.webp) no-repeat;
background-size: 100% 100%;
border: 4px #fff solid;
box-shadow: 4px 4px 13px 0px #dee6ef;
transition: all 0.5s;
border: solid 3px #ffffff;
}
.franDiv1 .textDiv .numDiv {
min-width: 210px;
display: inline-block;
padding: 10px 0;
border-bottom: 1px #d0d0d0 dashed;
margin-bottom: 15px;
}
.franDiv1 .row {
margin: 0 -20px;
}
.franDiv1 .col-lg-4 {
padding: 0 20px;
}
.franDiv1 .textDiv:hover {
background: #fff;
}
.franDiv2 {
padding: 70px 0 80px 0;
background: url(/assets/images/base/join_bg2.webp) no-repeat center center;
background-size: cover;
}
.franDiv2 .content ul li {
width: 28%;
}
.franDiv2 .content ul li .textDiv .imgDiv{
height: 105px;
}
.franDiv2 .content ul {
align-items: flex-start;
}
.franDiv3 {
padding: 103px 0;
background: url(/assets/images/base/join_bg3.webp) no-repeat center center;
background-size: cover;
}
.franDiv3 .textDiv {
padding: 30px 36px;
padding-bottom: 20px;
min-height: 244px;
background-color: #f7f8ff;
border-radius: 5px;
height: 100%;
overflow: hidden;
transition: all 0.5s;
}
.franDiv3 .textDiv .conDiv {
position: relative;
z-index: 9;
}
.franDiv3 .textDiv:hover {
margin-top: -10px;
margin-bottom: 10px;
}
.franDiv3 .textDiv .conDiv .line {
width: 45px;
height: 3px;
background-color: #0f7aff;
margin-top: 8px;
}
.franDiv3 .textDiv .abImg {
position: absolute;
bottom: -20px;
right: 20px;
z-index: 2;
}
.franDiv3 .row {
margin: 0 -20px;
}
.franDiv3 .col-lg-4 {
padding: 0 20px;
margin-bottom: 40px;
}
.franDiv4 {
padding: 100px 0 60px 0;
}
.franDiv4 .row {
margin: 0 -20px;
}
.franDiv4 .col-lg-4 {
padding: 0 20px;
margin-bottom: 30px;
}
.franDiv4 .textDiv {
padding: 20px;
background-color: #f7f8ff;
border-radius: 5px;
overflow: hidden;
height: 100%;
}
.franDiv4 .textDiv .imgDiv{
height: 120px;
}
.franDiv4 .textDiv .imgDiv img{
height: auto;
width: auto;
}
.franDiv4 .textDiv .txt {
line-height: 22px;
}
.franDiv5 {
padding: 100px 0 110px 0;
}
.franDiv5 ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.franDiv5 ul li {
width: 200px;
position: relative;
}
.franDiv5 .wrap {
width: 1220px;
}
.franDiv5 ul li .imgBox {
width: 100px;
height: 100px;
border-radius: 50%;
margin: 0 auto;
position: relative;
}
.franDiv5 ul li .imgBox::after {
content: "";
position: absolute;
width: 80px;
height: 3px;
border-bottom: 1px #dbd6d3 dashed;
left: 112px;
top: 50px;
z-index: 9;
}
.franDiv5 ul:last-child li:last-child .imgBox::after {
display: none;
}
.franDiv5 ul li .wenzi {
line-height: 20px;
}
.franDiv5 ul li .wenzi .font18 {
white-space: nowrap;
}
.lc_a {
width: 191px;
height: 57px;
background-color: #0081fa;
border-radius: 3px;
color: #fff !important;
margin: 0 auto;
margin-top: 65px;
}
.franDiv6 {
background: url(/assets/images/base/join_ly_bg.webp) no-repeat center center;
background-size: cover;
color: #fff;
}
.franDiv6 label {
display: block;
font-family: "fontM";
}
.franDiv6 label span {
color: #f7112a;
font-size: 16px;
margin-left: 3px;
}
.franDiv6 input {
width: 100%;
height: 44px;
background-color: #ffffff;
border-radius: 3px;
padding: 0 10px;
border: 0;
font-size: 12px;
}
.franDiv6 form ul li .error-border {
border:1px solid #f7112a!important;
box-shadow:none;
}
.franDiv6 form ul li .error-tip {
font-size: 12px;
height: 16px;
line-height: 16px;
font-weight: normal;
text-align: left;
color: #f7112a;
visibility: hidden;
position: absolute;
left: 0;
top: 100%;
}
.franDiv6 .listDiv {
width: 400px;
}
.franDiv6 .listDiv li {
margin-bottom: 25px;
}
.franDiv6 .listDiv .input-box{
position: relative;
}
.franDiv6 form {
display: flex;
justify-content: space-between;
}
.franDiv6 .listDiv li .textDiv {
display: flex;
justify-content: space-between;
}
.franDiv6 .listDiv li .flDiv {
width: 48%;
}
.franDiv6 .listDiv li .yzmDiv {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
border-radius: 3px;
padding-right: 6px;
}
.franDiv6 .listDiv li .yzmDiv input {
width: calc(100% - 85px);
}
.franDiv6 .listDiv li .yzmDiv img {
width: 85px;
height: 29px;
}
.areaDiv {
width: 385px;
}
.areaDiv textarea {
width: 100%;
resize: none;
height: 236px;
border: 0;
padding: 10px;
border-radius: 3px;
margin-top: 1px;
}
.wenziDiv {
width: 265px;
}
.wenziDiv .txt {
line-height: 1.5;
}
.wenziDiv .tijiao {
width: 141px;
height: 40px;
background-color: #ffffff;
border-radius: 3px;
color: #0054fc;
border: 0;
margin-top: 20px;
}
.ab_bn_a {
width: 148px;
height: 47px;
background-color: #0084fd;
border-radius: 3px;
margin-top: 35px;
color: #fff !important;
}
.proNav {
display: flex;
justify-content: space-between;
}
.nrConDiv {
width: calc(100% - 240px);
}
.flNav {
width: 200px;
background: #f5f7fb;
padding: 10px 0;
}
.flNav ul li {
padding: 10px 18px;
}
.flNav ul li p {
font-size: 12px;
color: #333;
padding: 5px 0;
}
.flNav ul li.cur {
background: #3073ff;
}
.flNav ul li.cur a,
.flNav ul li.cur p {
color: #fff;
}
.section-content {
padding-top: 60px;
margin-top: -60px;
}
.section-content.active .title .font20 {
color: #0084fd;
}
.section-content .title img {
display: none;
}
.section-content.active .title img {
display: inline-block;
margin-left: 5px;
}
.title_ab .line {
width: 69px;
height: 4px;
margin: 0 auto;
margin-top: 20px;
background: #0084fd;
}
.aboutDiv1 {
padding-top: 80px;
}
.aboutDiv1 .content {
background: url(/assets/images/base/about_bg1.webp) no-repeat center center;
background-size: cover;
padding: 145px 0;
}
.aboutDiv1 .content .wenzi {
width: 550px;
}
.aboutDiv2 {
padding: 120px 0;
background: url(/assets/images/base/about_bg2.webp) no-repeat center center;
background-size: cover;
}
.aboutDiv2 .content ul li {
display: flex;
width: 845px;
margin: 0 auto;
position: relative;
cursor: pointer;
min-height: 70px;
}
.aboutDiv2 .content ul li .textDiv {
width: calc(50% + 1px);
}
.aboutDiv2 .content ul li:nth-child(odd) {
justify-content: flex-end;
}
.aboutDiv2 .content ul li:nth-child(odd) .textDiv {
/* border-left: 1px #d3d3d3 solid; */
padding-left: 32px;
}
.aboutDiv2 .content ul li:nth-child(even) {
justify-content: flex-start;
text-align: right;
}
.aboutDiv2 .content ul li:nth-child(even) .textDiv {
/* border-right: 1px #d3d3d3 solid; */
padding-right: 32px;
}
.aboutDiv2 .content ul li .textDiv .wenzi {
margin-top: 25px;
display: none;
}
.aboutDiv2 .content ul li::before {
width: 8px;
height: 8px;
background-color: #8e8e8e;
content: "";
position: absolute;
top: 8px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 9;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
line-height: 8px;
}
.aboutDiv2 .content ul li.active::before {
top: 2px;
content: "";
color: #0084fd;
background-color: rgba(0, 132, 253, .2);
border: 10px rgba(0, 132, 253, .3) solid;
}
.aboutDiv2 .content ul li::after {
position: absolute;
content: "";
height: 100%;
width: 1px;
background: #d3d3d3;
left: 0;
right: 0;
margin: 0 auto;
top: 0;
}
.top_d {
display: block;
margin: 0 auto;
}
.aboutDiv2 .content ul li.active .wenzi {
display: block;
color: #666;
}
.aboutDiv2 .content ul li.active .wenzi p {
margin-bottom: 10px;
color: #333;
}
.aboutDiv3 {
padding-top: 80px;
}
.aboutDiv1 .content .wenzi {
color: #666;
}
.aboutDiv3 .content {
background: #e4f0ff;
}
.aboutDiv3 .content .textDiv .line {
width: 128px;
height: 1px;
background: #fff;
margin: 0 auto;
margin-top: 15px;
}
.aboutDiv3 .content .textDiv {}
.aboutDiv3 .content .textDiv .textCon {
background: rgba(57, 136, 222, .65);
height: 100%;
min-height: 520px;
padding-top: 135px;
transition: all 0.5s;
cursor: pointer;
}
.aboutDiv3 .content .textDiv .textCon .imgDiv{
width: 80px;
height: 80px;
margin: 0 auto;
}
.aboutDiv3 .content .swiper-slide.on .textDiv .textCon {
background: rgba(2, 94, 196, .75);
}
.aboutDiv3 .content .textDiv .textCon .txt {
width: 250px;
margin: 0 auto;
margin-top: 20px;
}
.aboutDiv3 .content ul {
display: flex;
align-items: center;
justify-content: center;
}
.aboutDiv3 .content ul li {
width: 400px;
}
.aboutDiv3 .content ul li.on .textDiv .textCon {
background: rgba(2, 94, 196, .75);
}
.aboutDiv4 {
padding: 80px 0 100px 0;
}
.title_ab .txt {
max-width: 660px;
margin: 0 auto;
margin-top: 10px;
}
.aboutDiv4 .content .swiper-button-next,
.aboutDiv4 .content .swiper-button-prev {
width: 56px;
height: 56px;
border-radius: 50%;
border: 1px #ccc solid;
transition: all 0.5s;
}
.aboutDiv4 .content .swiper-button-next {
right: -90px;
}
.aboutDiv4 .content .swiper-button-prev {
left: -90px;
}
.aboutDiv4 .content .swiper-button-next:after,
.aboutDiv4 .content .swiper-button-prev:after {
font-size: 24px;
color: #666;
transition: all 0.5s;
}
.aboutDiv4 .content .swiper-button-next:hover,
.aboutDiv4 .content .swiper-button-prev:hover {
background: #0081fa;
}
.aboutDiv4 .content .swiper-button-next:hover:after,
.aboutDiv4 .content .swiper-button-prev:hover:after {
font-size: 24px;
color: #fff;
}
.aboutDiv5 {
padding: 80px 0 140px 0;
background: #f9f9f9;
}
.aboutDiv5 .textDiv {
overflow: hidden;
}
.aboutDiv5 .textDiv .wenzi {
width: 100%;
height: 100%;
border-radius: 15px;
overflow: hidden;
top: 0;
left: 0;
padding: 50px 45px;
color: #fff;
z-index: 9;
opacity: 0;
transition: all 0.5s;
line-height: 18px;
background: rgba(0, 0, 0, .8);
}
.aboutDiv5 .textDiv .imgDiv img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 15px;
}
.aboutDiv5 .textDiv:hover .wenzi {
opacity: 1;
top: 0;
}
.showTxt {
position: absolute;
bottom: 50px;
left: 40px;
z-index: 9;
}
.aboutDiv5 .textDiv:hover .showTxt {
display: none;
}
.weizhi {
padding: 35px 0;
}
.weizhi a {
color: #888888;
margin: 0 5px;
}
.weizhi a:first-child {
margin-left: 0;
}
.biaoqian {
display: flex;
align-items: center;
}
.biaoqian p {
margin-right: 60px;
display: flex;
align-items: center;
color: #888888;
}
.biaoqian p img {
margin-right: 10px;
margin-bottom: 2px;
}
.blogsDiv1 ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.blogsDiv1 ul li {
width: 50%;
margin-bottom: 50px;
}
.blogsDiv1 ul li:nth-child(odd) {
padding-right: 95px;
border-right: 1px #e7e7e7 solid;
}
.blogsDiv1 ul li:nth-child(even) {
padding-left: 95px;
}
.show_m {
width: 360px;
height: 50px;
background-color: rgba(0, 132, 253, .12);
border-radius: 5px;
margin: 0 auto;
margin-top: 10px;
transition: all 0.5s;
}
.show_m:hover {
background-color: rgba(0, 132, 253, 1);
color: #fff;
}
.blogsDiv2 {
padding: 50px 0 90px 0;
}
.erji ul {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.erji ul li a {
display: block;
padding: 20px 0;
margin-right: 80px;
}
.erji ul li.now a,
.erji ul li:hover a {
color: #0084fd;
font-weight: bold;
}
.erji {
border-bottom: 1px #e7e7e7 solid;
}
.blogsDiv2 .content {
display: flex;
justify-content: space-between;
}
.mainFl {
width: calc(100% - 400px);
}
.blogsDiv2 .fl_list ul li .imgDiv {
width: 310px;
height: 225px;
border-radius: 4px;
overflow: hidden;
}
.blogsDiv2 .fl_list ul li .textDiv {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.blogsDiv2 .fl_list ul li .textDiv .wenzi {
width: calc(100% - 350px);
}
.blogsDiv2 .fl_list ul li .textDiv .txt {
line-height: 20px;
color: #7b7c80;
}
.blogsDiv2 .fl_list ul li {
margin-bottom: 68px;
}
.mainFr {
width: 320px;
}
.rtBt {
padding-bottom: 15px;
border-bottom: 1px #eaeaea solid;
margin-bottom: 15px;
}
.cateDiv ul li .textDiv {
padding: 15px 0;
padding-left: 22px;
position: relative;
}
.cateDiv ul li .textDiv::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 6px;
height: 6px;
background-color: #0084fd;
}
.cateDiv ul li .textDiv p:first-child {
max-width: 60%;
}
.cateDiv ul li .textDiv:hover .num {
color: #0081fa;
}
.lyFr .txt {
line-height: 20px;
}
.lyFr form ul li input {
width: 100%;
padding: 0 10px;
height: 36px;
border-radius: 3px;
border: solid 1px #999999;
}
.lyFr form ul li input.error-border {
border:1px solid #f84747!important;
box-shadow:none;
}
.lyFr form ul li .error-tip {
font-size: 12px;
height: 16px;
line-height: 16px;
font-weight: normal;
text-align: left;
color: #f84747;
visibility: hidden;
position: absolute;
left: 0;
top: 34px;
}
.lyFr form ul li {
margin-bottom: 14px;
position: relative;
}
.lyFr .conDiv {
padding: 0 3px;
}
.lyFr form ul li .yzm {
display: flex;
justify-content: space-between;
align-items: center;
}
.lyFr form ul li .yzm input {
width: calc(100% - 115px);
}
.lyFr form ul li .yzm img {
width: 105px;
height: 38px;
}
.lyFr form ul li textarea {
width: 100%;
resize: none;
padding: 10px;
height: 120px;
border: solid 1px #999999;
border-radius: 3px;
}
.lyFr form .tijiao {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 36px;
background-color: #0081fa;
border-radius: 3px;
border: 0;
}
.mainFr.on-fixed {
position: fixed;
top: 90px;
right: calc((100% - 1200px)/2);
z-index: 99;
}
.fenye .page{
display: flex;
}
.fenye ul li {
margin-bottom: 0 !important;
}
.fenye ul a {
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
padding: 12px;
height: 38px;
min-width: 38px;
border-radius: 19px;
border: solid 1px #e2e2e4;
color: #69686d;
margin: 0 7.5px;
transition: all 0.5s;
line-height: 12px;
}
.fenye ul a.active,
.fenye ul a:hover {
background-color: #0081fa;
border: 1px #0081fa solid;
color: #fff;
}
.toPage {
margin-left: 7.5px;
}
.toPage input {
width: 55px;
height: 39px;
border-radius: 19px;
border: solid 1px #e2e2e4;
display: flex;
align-items: center;
justify-content: center;
margin: 0 15px;
text-align: center;
}
.toPage a.go {
width: 65px;
height: 39px;
border-radius: 19px;
border: solid 1px #e2e2e4;
margin-left: 15px;
transition: all 0.5s;
}
.toPage a.go:hover {
background-color: #0081fa;
border: 1px #0081fa solid;
}
.toPage a.go:hover img {
filter: brightness(200);
}
.marDiv {
height: 60px;
}
.detailDiv1 .content {
display: flex;
justify-content: space-between;
}
.detail_tit {
line-height: 42px;
}
.xq_title {
display: flex;
align-items: center;
margin-bottom: 35px;
}
.xq_title .line {
width: 7px;
height: 21px;
background-color: #0084fd;
border-radius: 3px;
margin-right: 10px;
}
.shareDiv {
height: 106px;
background-color: #eef7ff;
border-radius: 5px;
padding: 40px;
}
.detailDiv1 {
padding-bottom: 100px;
}
.detailDiv2 {
padding: 74px 0 100px 0;
background-color: #f7f8fb;
}
.detailDiv2 .swiper-slide {
width: 33%;
padding: 13px;
}
.detailDiv2 .textDiv .imgDiv{
height: 212px;
}
.detailDiv2 .textDiv .imgDiv img{
width: 100%;
height: 100%;
object-fit: cover;
}
.detailDiv2 .textDiv {
height: 100%;
padding: 36px 24px;
min-height: 506px;
background-color: #ffffff;
box-shadow: 4px 4px 13px 0px #dee6ef;
border-radius: 5px;
}
.detailDiv2 .textDiv .wenzi {
padding: 0 12px;
padding-top: 35px;
}
.xg_share a {
margin-left: 10px;
}
.detailDiv2 .swiper-wrapper {
transition-timing-function: linear;
}
.detailDiv3 {
padding: 90px 0 80px 0;
background: url(/assets/images/base/case_bott_bg.webp) no-repeat center center;
background-size: cover;
line-height: 1.8;
}
.xj_a {
width: 161px;
height: 46px;
background-color: #ffffff;
border-radius: 3px;
margin: 0 auto;
margin-top: 30px;
}
.case_bn .flDiv{
max-width: 70%;
}
.case_bn_a {
width: 194px;
height: 47px;
background-color: #0084fd;
border-radius: 3px;
color: #fff !important;
margin-top: 22px;
}
.caseDiv1 {
padding: 140px 0 40px 0;
}
.caseDiv1 .textDiv .imgDiv {
height: 237px;
}
.caseDiv1 .textDiv .imgDiv img:nth-child(2){
width: 100%;
height: 100%;
object-fit: cover;
}
.caseDiv1 .textDiv .imgDiv .playBtn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
}
.caseDiv1 .textDiv {
height: 100%;
background: #fff;
background-color: #ffffff;
box-shadow: 4px 4px 13px 0px #dee6ef;
border-radius: 13px;
overflow: hidden;
cursor: pointer;
margin-bottom: 35px;
}
.caseDiv1 .wenzi {
padding: 20px;
padding-bottom: 50px;
}
.caseDiv1 .wenzi .bqFlex {
position: relative;
}
.caseDiv1 .wenzi .bqFlex .bq_p {
max-width: 60%;
}
.caseDiv1 .wenzi .bqFlex .hideBtn {
position: absolute;
z-index: 999;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.caseDiv1 .swiper-slide {
padding: 13px;
}
.bq_p {
display: inline-block;
height: 25px;
background-color: #e9f2f9;
border-radius: 3px;
padding: 0 13px;
line-height: 24px;
}
.hideBtn {
display: none;
}
.caseDiv1 .textDiv:hover .hideBtn {
display: block;
}
.hideBtn a {
margin-left: 20px;
}
.hideVideo {
display: none;
}
.caseDiv2 {
padding-top: 140px;
padding-bottom: 130px;
background: #f6f7fb;
}
.caseDiv2 .col-lg-4 {
padding: 0 20px;
margin-bottom: 70px;
}
.caseDiv2 .row {
margin: 0 -20px;
}
.caseDiv2 .textDiv .hangye {
position: absolute;
top: 0;
left: 0;
display: inline-block;
padding: 0 19px;
height: 32px;
background-color: #0084fd;
border-radius: 13px 0px 13px 0px;
z-index: 9;
line-height: 32px;
}
.caseDiv2 .textDiv .imgDiv {
height: 237px;
}
.caseDiv2 .textDiv .imgDiv img{
width: 100%;
height: 100%;
object-fit: cover;
}
.caseDiv2 .textDiv {
border-radius: 13px;
overflow: hidden;
background-color: #ffffff;
box-shadow: 4px 4px 13px 0px #dee6ef;
border-radius: 13px;
min-height: 435px;
}
.caseDiv2 .textDiv .wenzi {
padding: 30px 22px;
}
.caseDiv2 .textDiv .wenzi .bt {
padding-bottom: 30px;
border-bottom: 2px #f0efef solid;
margin-bottom: 12px;
}
.caseDiv2 .textDiv .wenzi .txt {
line-height: 20px;
}
.case_fenye ul {
display: flex;
align-items: center;
justify-content: center;
}
.case_fenye ul li a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
margin: 0 6px;
border: solid 1px #e2e2e4;
color: #69686d;
}
.case_fenye ul li a.more_jt {
border: 0;
}
.case_fenye ul li a:hover,
.case_fenye ul li a.now {
background-color: #0081fa;
border: solid 1px #0081fa;
color: #fff;
}
.case_fenye ul li a:hover img {
filter: brightness(200);
}
.caseDiv3 {
padding: 90px 0;
background: url(/assets/images/base/case_bott_bg.webp) no-repeat center center;
background-size: cover;
}
.btnCase a {
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
line-height: 47px;
border-radius: 3px;
border: solid 1px #ffffff;
margin: 0 10px;
min-width: 150px;
margin-bottom: 10px;
}
.btnCase{
flex-wrap: wrap;
}
.btnCase a:first-child {
background: #fff;
color: #0081fa;
}
.btnCase a:nth-child(n+2) {
background: none;
color: #fff !important;
}
.btnCase a:last-child {
background: none;
color: #fff !important;
}
.popDiv {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
z-index: 9993;
display: none;
}
.popVideo {
width: 80%;
max-width: 1000px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9994;
background: #fff;
border-radius: 16px;
overflow: hidden;
display: none;
}
.popVideo video,.popVideo iframe {
width: 100%;
height: 544px;
background: #000;
}
.videoLink {
width: 100%;
height: 100px;
background: url(/assets/images/base/video_link.webp) center center;
background-size: cover;
}
.videoLink>a {
display: flex;
align-items: center;
justify-content: center;
background: #0081fa;
color: #fff !important;
height: 40px;
line-height: 24px;
min-width: 96px;
padding: 7px 15px;
border-radius: 30px;
margin-left: 40px;
}
.videoLink .btnDiv {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 99;
right: 5%;
}
.videoLink .btnDiv a {
margin-left: 20px;
}
.popVideo .closeBtn {
width: 25px;
height: 25px;
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
z-index: 9999;
}
.wmtBtn {
display: flex;
align-items: center;
}
.wmtBtn a {
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 46px;
border-radius: 3px;
border: solid 1px #0081fa;
margin-right: 22px;
}
.wmtBtn a.about_a {
color: #fff !important;
background: #0081fa;
}
.wmtDiv1 {
padding-top: 110px;
}
.wmtDiv1 .nav-height {
background-color: #ffffff;
box-shadow: -1px 4px 10px 0px rgba(162, 186, 216, 0.35);
margin-top: 40px;
}
.wmtDiv1 .nav-wrap li a {
padding: 0 40px;
padding-top: 24px;
padding-bottom: 28px;
}
.wmtDiv1 .nav-wrap li a.active {
font-weight: bold;
}
.wmtPro1 {
padding-top: 87px;
}
.aniDiv {
display: flex;
justify-content: space-between;
}
.aniDiv .wenzi {
width: 48%;
}
.aniDiv .imgBox {
width: 557px;
}
.imgShadow {
box-shadow: 0px 0px 31px 1px rgba(166, 179, 217, 0.41);
border-radius: 10px;
}
.dataDiv1 {
margin-top: 60px;
background: #eff1f7;
padding-bottom: 85px;
padding-top: 60px;
}
.dataDiv1 .content {
display: flex;
justify-content: space-between;
align-items: center;
}
.dataDiv1 .content .wenzi {
width: 500px;
}
.wzB {
color: #16335d;
}
.dataDiv1 .txt span {
color: #0087fa;
font-family: "fontM";
}
.dataDiv1 .btnDiv {
display: flex;
align-items: center;
}
.dataDiv1 .btnDiv a {
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 46px;
border-radius: 3px;
border: solid 1px #0081fa;
font-size: 18px;
margin-right: 30px;
}
.dataDiv1 .btnDiv a:first-child {
background: #0081fa;
color: #fff !important;
}
.dataDiv1 .img {
width: 672px;
}
.dataDiv2 {
background: url(/assets/images/base/data_bg1.webp) no-repeat center center;
background-size: cover;
padding: 75px 0;
}
.dataDiv2 .franBtn a:first-child {
background-color: #ffffff;
color: #0081fa;
}
.dataDiv2 .franBtn a:nth-child(2) {
background-color: none;
color: #fff !important;
border: solid 1px #ffffff;
}
.dataDiv3 {
padding: 100px 0;
}
.dataDiv3 ul li {
display: none;
}
.dataDiv3 ul li.show {
display: block;
}
.reqBtn {
width: 200px;
height: 46px;
background-color: #0084fd;
border-radius: 5px;
color: #fff !important;
margin: 0 auto;
margin-top: 40px;
}
.dataDiv3 .swiper-slide {
padding: 30px;
}
.learn_more {
display: inline-block;
padding: 0 38px;
height: 56px;
line-height: 56px;
border-radius: 28px;
border: solid 1px #0084fd;
color: #0081fa;
background: linear-gradient(#0084fd, #0084fd) repeat-y;
background-size: 0 100%;
transition: all 0.5s;
}
.learn_more img {
margin-left: 10px;
}
.learn_more:hover {
background-size: 100% 100%;
color: #fff;
}
.learn_more:hover img {
filter: grayscale(200) brightness(200);
}
.data_title {
padding: 0 66px;
}
.fenxiDiv a {
display: block;
}
.fenxiDiv.flex2 a {
width: 586px;
}
.fenxiDiv.flex2 .imgDiv {
background: #fff;
height: 330px;
}
.dataDiv4 {
padding: 100px 0;
background-color: #f7f8fb;
}
.dataDiv5 {
padding: 100px 0;
}
.bg_gray {
background-color: #f7f8fb;
}
.jsDiv .wenzi {
width: 50%;
}
.jsDiv .imgDiv {
width: 45%;
background: #fff;
height: 310px;
}
.jsDiv .content {
display: flex;
justify-content: space-between;
align-items: center;
}
.jsDiv .content .wenzi .reqBtn {
margin-left: 0;
margin-top: 25px;
}
.jieshaoDiv .jsDiv:nth-child(even) .content {
flex-direction: row-reverse;
}
.dataXqBott {
background: url(/assets/images/base/country_bott.webp) no-repeat center center;
background-size: cover;
padding: 90px 0;
}
.aniDiv .wenzi {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.aniDiv .wenzi .txt {
width: calc(100% - 42px);
}
.wmtPro2 {
padding-top: 110px;
}
.ljzx {
width: 160px;
height: 46px;
background-color: #0084fd;
border-radius: 5px;
color: #fff !important;
margin: 0 auto;
}
.marBott {
height: 100px;
}
.fenxi_a img {
margin-left: 10px;
color: #0081fa;
}
.fenxi_a.blue img {
filter: initial;
}
.solutionDiv1 {
padding: 130px 0;
padding-bottom: 40px;
}
.fenxi_a img {
filter: grayscale(200);
margin-top: 2px;
}
.fenxi_a:hover img {
filter: initial;
}
.solutionBott {
background: url(/assets/images/base/solu_bott.webp) no-repeat center center;
background-size: cover;
padding: 110px 0;
}
.yzDiv input {
max-width: calc(100% - 110px);
}
.popLiuyan .frDiv .telDiv select {
border: 0;
border-right: 1px #ccc solid;
margin-right: 10px;
padding-right: 10px;
}
.cateDiv {
padding: 15px 20px;
background: #f0f8ff;
}
.lyFr {
padding: 20px 18px;
border: 1px #0081fa solid;
}
.topBtn {
display: flex;
align-items: center;
}
.ulDiv {
display: flex;
align-items: center;
justify-content: center;
}
.m_wz {
display: none;
}
.marP {
padding-top: 100px;
margin-top: -100px;
}
.glory {
/* height: 960px; */
padding-top: 80px;
background-color: #FFFFFF;
}
.glory .title {
font-size: 40px;
font-weight: normal;
text-align: center;
color: #242324;
margin-bottom: 100px;
}
.glory .title .subTitle {
font-size: 18px;
font-weight: normal;
max-width: 610px;
text-align: center;
margin: 24px auto 0 auto;
}
.glory .title::after {
content: '';
display: inherit;
width: 69px;
height: 4px;
background-color: #0084fd;
margin: 27px auto 0px auto;
border-radius: 3px;
}
.glory .view {
display: flex;
justify-content: center;
align-items: center;
height: 507px;
margin: 0 -150px;
}
.glory .bg {
background: #f8f8ff;
}
.glory .img-box {
width: 80%;
max-width: 1200px;
height: 510px;
position: relative;
perspective: 1000px;
}
.img-item {
user-select: none;
max-width: 400px;
width: 30%;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 0;
transition: .8s;
opacity: 0;
height: 100%;
}
.img-item img {
width: 100%;
height: 100%;
}
.cur1-img {
max-width: 374px;
width: 32%;
z-index: 100;
opacity: 1;
transform: translateX(-56%) rotateY(0deg) scale(1);
}
.cur2-img {
width: 32%;
max-width: 374px;
z-index: 100;
opacity: 1;
transform: translateX(56%) rotateY(0deg) scale(1);
}
/*410px*/
.pre-img {
transform: translateX(-112%) rotateY(0deg) scale(0.8);
z-index: 9;
opacity: 1;
}
.next-img {
transform: translateX(112%) rotateY(0deg) scale(0.8);
z-index: 9;
opacity: 1;
}
.glory .view .btn-change {
z-index: 99;
width: 56px;
height: 56px;
cursor: pointer;
}
.banner_nei.blogs_bn>img {
height: 320px;
}
.logo_dl{
max-height: 33px;
}
.loginCon{
height: 100vh;
}
.loginTop{
position: absolute;
width: 100%;
top: 30px;
}
.loginTop ul{
display: flex;
align-items: center;
justify-content: initial;
margin-right: 6%;
}
.loginTop ul li a{
display: inline-block;
padding: 0 10px;
border-right: 1px #555555 solid;
line-height: 14px;
}
.loginTop ul li:last-child a{
border: 0;
}
.loginTop ul li a:hover{
color: #0081fa;
}
@media screen and (max-width: 992px) {
.glory {
height: auto;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 30px !important;
}
.glory .container {
margin: 0;
padding: 0 30px;
max-width: 992px;
}
.glory .title {
margin-bottom: 100px;
font-weight: bold;
font-size: 20px;
height: 20px;
line-height: 20px;
}
.glory .title .subTitle {
font-size: 12px;
max-width: 610px;
text-align: center;
margin: 20px 15px 20px 15px;
}
.glory .content {
height: auto;
background: #ffffff;
padding: 0 10px;
}
.glory .content .view .btn-change {
width: 20px;
height: 20px;
}
.glory .content .img-box {
height: 60vw;
}
.glory .content .img-box .img-item {
height: 60vw;
}
}
.glory .content .view .btn-change {
z-index: 99;
width: 56px;
height: 56px;
cursor: pointer;
}
/*PHONEå±å¹•ä¸‹çš„ä¸“ç”¨æ ·å¼*/
@media screen and (max-width:992px) {
body,
html {
line-height: 1.4;
}
.wrap,
.wrap2 {
width: 92%;
margin: 0 auto;
font-size: 14px;
padding: 0;
}
.bnBn .flDiv {
max-width: 100%;
display:flex;
flex-direction: column;
align-items: center;
}
.showDiv {
display: block;
}
.menu {
width: 100%
}
.menu ul {
width: 100%;
display: block;
}
.menu ul ul {
top: 0;
border: 0;
box-shadow: none;
border-top: 1px #eee solid;
transform: translate(0, 0);
border-top: 0;
}
.menu ul ul .ul {
background: #fff;
box-shadow: none !important;
border-radius: 0;
}
.menu>ul>li>a {
padding: 0 20px;
}
.menu.align-center>ul,
.menu.align-right ul ul {
text-align: left
}
.menu ul li,
.menu ul ul li,
.menu ul li:hover>ul>li {
width: 100%;
height: auto;
border-top: 1px solid rgba(255, 255, 255, .3)
}
.menu ul li:hover>ul {
top: 0;
display: none;
}
.menu ul li a,
.menu ul ul li a {
width: 100%
}
.menu>ul>li,
.menu.align-center>ul>li,
.menu.align-right>ul>li {
float: none;
display: block
}
.menu ul ul li a {
padding: 0 20px 0 30px;
font-size: 12px;
background: 0 0
}
/*.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#fff}*/
.menu ul ul ul li a {
padding-left: 40px
}
.menu ul ul,
.menu ul ul ul {
position: relative;
left: 0;
right: auto;
width: 100%;
margin: 0
}
.menu>ul>li.has-sub>a::after,
.menu ul ul li.has-sub>a::after {
display: none
}
header .rightDiv .menu>ul>li>a svg {
display: none;
}
#menu-line {
display: none
}
.menu #menu-button {
display: block;
padding: 20px;
color: #000;
cursor: pointer;
font-size: 12px;
text-transform: uppercase
}
.menu #menu-button::after {
content: '';
position: absolute;
top: 20px;
right: 20px;
display: block;
width: 15px;
height: 2px;
background: #fff
}
.menu #menu-button::before {
content: '';
position: absolute;
top: 25px;
right: 20px;
display: block;
width: 15px;
height: 3px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff
}
.menu .submenu-button {
position: absolute;
z-index: 10;
right: 0;
top: 0;
display: block;
/* border-left: 1px solid #eee; */
height: 52px;
width: 52px;
cursor: pointer
}
/* .menu .submenu-button::after {
content: '';
position: absolute;
top: 20px;
left: 25px;
display: block;
width: 1px;
height: 11px;
background: #999;
z-index: 99;
} */
.menu .submenu-button::before {
content: '';
position: absolute;
left: 20px;
top: 19px;
display: block;
width: 8px;
height: 8px;
border: 1px #666 solid;
z-index: 99;
transform: rotate(45deg);
border-bottom: 0;
border-left: 0;
transition: all 0.3s;
}
.menu .submenu-button.submenu-opened:after {
display: none
}
.menu .submenu-button.submenu-opened::before {
transform: rotate(135deg);
border: 1px #0084fd solid;
border-bottom: 0;
border-left: 0;
}
.menu ul ul {
background: transparent;
border-bottom: none;
padding: 0;
}
.menu ul ul ul {
top: 0;
}
.menu li:hover>ul {
left: auto;
margin-left: auto;
}
.menu ul ul li>a:last-child {
border-bottom: 0;
}
header .rightDiv .menu ul li ul li {
border-bottom: 1px #eee dashed;
border-top: 0;
}
header .rightDiv .menu ul li ul li:last-child {
border: 0;
}
header .logo {
width: 70%;
margin-left: 0;
}
header .logo a {
/* height: 35px; */
margin-top: 10px;
}
header .logo img {
max-height: 28px;
}
.menu ul ul {
visibility: visible;
opacity: 1;
}
header .wrap {
display: block;
}
header.index .rightDiv .menu>ul>li>a {
color: #333;
}
header {
position: fixed !important;
z-index: 9999;
top: 0;
left: auto;
right: 0;
width: 100%;
height: 50px;
padding-top: 0;
/* box-shadow: 0 0 5px #EEEEEE; */
background: #fff;
/*background-color: transparent;*/
transition: right 300ms !important;
}
header.index {
background: #FFFFFF;
border: 0;
box-shadow: 0 0 5px #EEEEEE;
}
.on-fixed header {
box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}
/*body.on-menu header {right: 45%;}*/
header .mbtn {
display: block;
}
body.on-menu header .mbtn {
z-index: 9999;
}
header .rightDiv .menu {
float: right;
position: fixed;
top: 50px;
right: 0;
width: 100%;
height: 100%;
padding-top: 0;
background: #fff;
/* background-color: rgba(0, 0, 0, 0.9); */
border-bottom: 1px solid #f8f8f847;
transition: right 300ms;
right: -100%;
padding: 0;
z-index: 9999;
overflow-y: auto;
text-align: center;
margin-top: 0;
padding-bottom: 120px;
display: block;
}
header .rightDiv .menu ul>li {
padding: 0;
margin: 0;
border-bottom: 0;
float: none;
width: 100%;
text-align: left;
border-bottom: 1px #eee solid;
line-height: 50px;
}
header .rightDiv .menu ul>li {
/* border-top: 1px #eee solid; */
}
header .rightDiv .menu ul>li:last-child {
border-bottom: 1px #eee solid;
}
header .rightDiv .menu ul li a {
display: initial;
line-height: 50px;
height: 50px;
color: #333;
/*padding: 0 15px;*/
text-align: left;
font-size: 16px;
font-weight: normal;
}
header .rightDiv .menu>ul>li>a.now::after,
header .rightDiv .menu>ul>li:hover>a::after {
display: none;
}
header .rightDiv .menu ul>li:first-child {
border-top: 1px #eee solid;
}
header .rightDiv .menu>ul>li>a.login {
width: 100px;
margin: 10px 0;
margin-left: 20px;
text-align: center;
}
header .rightDiv .menu>ul>li>a small {
display: none;
}
header .rightDiv .menu>ul {
display: block;
/* padding-top: 60px; */
width: 100%;
}
body.on-menu header .rightDiv .menu {
right: 0;
}
body.on-menu .main {
right: 0;
}
header .rightDiv .menu>ul>li>a {
padding: 0 20px;
background: none;
margin: 0;
width: 100%;
color: #333;
}
header .rightDiv .menu ul li i {
display: block;
}
header .twoMenu {
position: relative;
top: 0px;
background: none;
padding: 0;
width: initial;
}
header .twoMenu dl {
margin-bottom: 10px;
}
header .twoMenu dl dd {
margin-top: 0;
}
header .rightDiv .menu ul li .twoMenu dl dt>a {
color: #fff;
}
.on-fixed header .rightDiv .menu ul li .twoMenu dl dt>a {
color: #000;
}
header .rightDiv .menu ul li .twoMenu {
top: 10px;
box-shadow: none;
}
header .rightDiv .menu ul li .twoMenu .liDiv>a {
line-height: 32px;
height: 32px;
font-weight: normal;
}
header .twoMenu .liDiv>a:after {
top: 0;
}
header .rightDiv .menu ul li.relativeLi .twoMenu .ulDiv {
margin: 0 15px;
}
header .rightDiv .menu ul li>a:hover,
header .rightDiv .menu ul li>a:focus,
header .rightDiv .menu ul li>a.on {
/* color: #a13e91; */
}
header .rightDiv .menu ul li .twoMenu dl dt>a {
line-height: 50px;
height: initial;
}
header .rightDiv .menu>ul>li>a::before {
display: none;
}
header .rightDiv .menu>ul>li:hover,
header .rightDiv .menu>ul>li:focus,
header .rightDiv .menu>ul>li.on {
background: none;
}
header .rightDiv .menu>ul>li.on>a {
color: #204e9e;
}
header .rightDiv .menu>ul>li>a:hover span,
header .rightDiv .menu>ul>li>a.now span {
display: none;
/* background: #3fba9e;
border-bottom: 2px #3fba9e solid; */
}
.menu ul ul.bigErji li ul li:first-child{
border-top: 1px #eee solid!important;
}
.hideDiv {
display: none;
}
.bnDiv,
.banner_nei {
margin-top: 50px;
}
.bnDiv img.mob {
min-height: auto;
max-height: 150px;
}
.bnDiv .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.font56 {
font-size: 24px;
}
.bnDiv .swiper-pagination {
bottom: 25px;
}
.loginDiv,
.lang_a,
.shiyong {
/* display: none; */
}
.lang_a {
margin-left: 20px;
}
.topBtn {
margin-top: 20px;
}
.bnDiv .swiper-slide {
height: 500px;
background: #dee8ff;
}
.bnDiv .swiper-slide img.mob {
display: block;
margin: 0 auto;
margin-top: 30px;
}
.bnDiv .wenzi .bt {
font-size: 22px;
line-height: 26px;
margin-top: 10px;
letter-spacing: 0;
}
.bnDiv .wenzi {
text-align: center;
height: auto;
margin-top: 50px;
}
.bannerIndex.bnDiv img.pc{
display:none;
}
.bannerIndex.bnDiv .wenzi{
position: relative;
height: 500px;
margin-top: auto;
}
.wenzi.absolute.banner { background-image:none;}
.wenzi.absolute.banner li{ font-size:14px; margin:0; text-align:center; display:block}
.wenzi.absolute.banner li img{display:none;}
.bnDiv .font22 {
margin-top: 12px;
line-height: 20px;
}
.mt40 {
margin-top: 20px;
}
.font22 {
font-size: 14px;
line-height: 28px;
}
.font16 {
font-size: 14px;
}
.bannerIndex .wenzi .mt15 {
margin-top: 40px;
}
.bn_a {
justify-content: center;
}
.bn_a a {
width: 120px;
height: 40px;
font-size: 14px;
}
.font40 {
font-size: 22px;
}
.title .font18 {
font-size: 14px;
line-height: 24px;
}
.font18 {
font-size: 16px;
}
.indexDiv1 {
padding: 50px 0;
}
.indexDiv1 .textDiv {
padding: 30px 20px;
}
.mt110,
.mt120 {
margin-top: 30px;
}
.indexDiv2 .content .tab {
flex-wrap: wrap;
font-size: 16px;
justify-content: space-between;
}
.indexDiv2 .tab li {
width: 48%;
height: 50px;
margin: 0;
margin-bottom: 20px;
}
.indexDiv2 .textDiv {
height: auto;
display: block;
min-height: auto;
}
.indexDiv2 .textDiv .tabImg {
max-width: 100%;
width: 80%;
display: block;
margin: 0 auto;
margin-bottom: 50px;
}
.font36 {
font-size: 20px;
}
.indexDiv3 .content {
margin-top: 40px;
}
.indexDiv3 .col-lg-3 {
margin-bottom: 40px;
}
.more4 {
margin-top: 30px;
}
.more4 {
width: 140px;
height: 40px;
border-radius: 3px;
border: solid 1px #ffffff;
}
.indexDiv4 ul li img {
border-radius: 5px;
}
.indexDiv4 ul li {
margin-bottom: 15px;
}
.mt80 {
margin-top: 40px;
}
.indexDiv4 {
padding: 50px 0;
padding-top: 20px;
}
.indexDiv5 .content {
width: 94%;
margin: 0 auto;
margin-top: 30px;
}
.indexDiv5 .imgDiv {
height: 150px;
}
.ljgd {
margin-top: 20px;
}
.font46 {
font-size: 24px;
}
.banner_nei>img {}
.indexDiv5 .wenzi {
padding-bottom: 30px;
}
.indexDiv5 .textDiv {
height: 100%;
}
.indexDiv5 .topDiv .bq {
font-size: 16px;
}
.indexDiv6 .flDiv {
width: 100%;
margin-bottom: 12px;
}
.indexDiv6 {
padding: 40px 0;
}
.indexDiv6 .frDiv {
width: 100%;
}
.indexDiv7 {
padding: 40px 0;
}
.indexDiv7 .frDiv li .font28 {
font-size: 14px;
}
.indexDiv7 .frDiv {
width: 50px;
}
.indexDiv7 .frDiv .tab li .dian {
width: 10px;
height: 10px;
margin-right: 3px;
}
.indexDiv7 .frDiv .tab li::before {
content: "";
position: absolute;
top: -15px;
left: 4px;
width: 2px;
height: 30px;
background-color: #e5e5e5;
}
.indexDiv7 .frDiv .tab li:last-child::after {
content: "";
position: absolute;
bottom: -15px;
left: 4px;
width: 2px;
height: 30px;
background-color: #e5e5e5;
}
.mt100 {
margin-top: 50px;
}
.indexDiv7 .flDiv ul li .textDiv {
padding: 5px 5px;
font-size: 0.55rem;
}
.indexDiv7 .flDiv {
width: calc(100% - 60px);
margin-top: 28px;
}
.indexDiv7 .flDiv ul li {
margin-bottom: 10px;
}
.indexDiv7 .frDiv .tab li {
padding: 20px 0;
}
.indexDiv7 .flDiv {
margin-top: 0;
}
.footFl {
display: block;
}
.footDiv {
display: block;
}
.footFl::after {
display: none;
}
footer {
padding: 30px 0;
}
.footFl .navBott {
margin-right: 0;
margin-bottom: 20px;
}
.navBott>p {
position: relative;
font-size: 16px;
}
.navBott>p::after {
width: 8px;
height: 8px;
border: 1px solid #fff;
border-left-width: 0;
border-bottom-width: 0;
content: "";
transform: translateY(-50%) matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
position: absolute;
right: 0;
top: 50%;
transform: ;
}
.navBott ul {
display: none;
padding-left: 20px;
}
.navBott ul li a {
padding: 8px 0;
}
.navBott>p.open::after {
transform: translateY(-50%) matrix(0.71, 0.71, -0.71, 0.71, 0, 0) rotate(90deg);
}
.footFr {
display: block;
margin-left: 0;
padding-top: 30px;
margin-top: 30px;
border-top: 1px #5c5d5f solid;
}
.lxNum {
display: none;
}
.ewm {
display: none;
}
.foot_lang {
margin-top: 20px;
}
.foot_lang li.now a {
color: #fff;
}
.foot_lang li a {
display: inline-block;
padding: 0 15px;
height: 16px;
line-height: 16px;
border-right: 1px #606163 solid;
}
.foot_lang {
display: block;
}
.foot_lang li:first-child a {
padding-left: 0;
}
.foot_lang li:last-child a {
border: 0;
}
.banquan {
border: 0;
font-size: 12px;
line-height: 24px;
padding: 0 20px 80px 20px;
margin-top: 30px;
}
.indexDiv7 .frDiv .tab li:last-child::after {
left: 4px;
}
.footNav {
position: fixed;
bottom: 0;
width: 100%;
height: 70px;
background: #fff;
z-index: 991;
display: block;
padding: 15px 0;
box-shadow: 0 0 3px #ccc;
}
.footFl li img {
width: 22px;
margin-bottom: 5px;
}
.footNav .footFl {
display: flex;
}
.footNav .footFl li {
padding: 0 15px;
font-size: 12px;
}
a.foot_sq_a {
width: 140px;
height: 40px;
background-color: #0084fd;
border-radius: 5px;
color: #fff !important;
}
.footNav .wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
header .rightDiv .menu>ul>li>a img {
display: none;
}
.menu ul ul.bigErji {
position: relative;
display: none;
}
.menu ul ul ul {
display: none;
}
.menu ul ul.bigErji {
width: 100%;
padding: 0;
}
.menu ul ul.bigErji li a {
padding: 10px 35px;
line-height: 30px;
}
.menu ul li:hover ul.bigErji {
display: none;
}
/* .menu ul li ul.open ul {
display: block !important;
}
.menu ul li ul.open ul {
display: block !important;
} */
.menu ul ul.bigErji {
box-shadow: none;
}
header .rightDiv .menu ul li ul li:first-child {
border-top: 1px #eee solid;
}
header .rightDiv .menu ul ul li a {
height: auto;
border: 0!important;
}
header .rightDiv .menu ul>li {
position: relative;
}
header .rightDiv .menu ul.open {
display: block !important;
}
.menu ul ul.bigErji ul li>a img {
display: none;
}
.menu ul ul.bigErji ul li:last-child{
border: 0;
}
.menu ul ul.bigErji ul li>a {
padding: 10px 45px;
}
.menu ul ul {
/* display: none !important; */
}
.menu .bigErji2 {
width: 100% !important;
}
.bigErji.open {
display: block;
}
header .rightDiv .menu ul ul ul li:first-child {
border-top: 0;
}
.indexDiv6 .swiper-pagination {
bottom: 20px;
width: 150px;
}
.indexDiv6 .flDiv .swiper-button-next,
.indexDiv6 .flDiv .swiper-button-prev {
bottom: 10px;
}
.indexDiv6 .flDiv .swiper-button-prev {
left: 20px;
}
.indexDiv6 .flDiv .swiper-button-next {
left: 100px;
}
.indexDiv6 .flDiv .textDiv{
height: 210px;
}
.indexDiv6 .flDiv .textDiv img {
height: 200px;
}
.indexDiv7 .flDiv ul {
justify-content: space-between;
}
.indexDiv7 .flDiv ul li {
width: 49%;
margin: 0;
margin-bottom: 10px;
}
.fixedRt {
display: none;
}
.indexDiv2 {
padding: 40px 0;
}
.indexDiv1 .textDiv:hover ul li img {
filter: grayscale(100) brightness(200);
}
/* .indexDiv1 .tx2 {
background: url(/assets/images/page/index/index_bg2.webp) no-repeat center center;
background-size: cover;
border-radius: 16px;
border: solid 1px #ececed;
} */
.indexDiv2 .swiper-slide.swiper-slide-active .more1,
.indexDiv2 .textDiv:hover .more1 {
background: #fff;
color: #0081fa;
}
.indexDiv2 .swiper-slide.swiper-slide-active .textDiv {
background: url(/assets/images/page/index/index6.webp) no-repeat center center;
background-size: cover;
border-radius: 16px;
border: solid 1px #ececed;
}
.indexDiv2 .swiper-slide.swiper-slide-active .textDiv,
.indexDiv2 .swiper-slide.swiper-slide-active .textDiv .f6,
.indexDiv2 .swiper-slide.swiper-slide-active .textDiv .f0,
.indexDiv2 .swiper-slide.swiper-slide-active .textDiv .f9,
.indexDiv2 .swiper-slide.swiper-slide-active .textDiv ul li,
.indexDiv2 .swiper-slide.swiper-slide-active .textDiv ul li p,
.indexDiv2 .swiper-slide.swiper-slide-active .textDiv:hover ul li div {
color: #fff !important;
}
.indexDiv2 .textDiv:hover .f6,
.indexDiv2 .textDiv:hover .f0,
.indexDiv2 .textDiv:hover .f9,
.indexDiv2 .textDiv:hover ul li,
.indexDiv2 .textDiv:hover ul li p,
.indexDiv2 .textDiv:hover ul li div {
color: #fff !important;
}
.indexDiv2 .textDiv:hover {
/* background: url(/assets/images/page/index/index_bg2.webp) no-repeat center center;
background-size: cover;
border-radius: 16px;
border: solid 1px #ececed; */
}
.indexDiv2 .swiper-slide.swiper-slide-active .zxBtn {
background: #fff;
color: #0084fd;
}
.bannerIndex .font40 {
font-size: 20px;
line-height: 32px;
}
.indexDiv2 .content ul {
flex-wrap: wrap;
justify-content: space-between;
}
.indexDiv1 .content ul li {
padding: 0;
width: 50% !important;
margin-bottom: 30px;
}
.indexDiv1 .content ul li .textDiv {
padding: 0;
text-align: center;
/* display: flex;
justify-content: space-between; */
}
.indexDiv1 .content ul li .textDiv .wenzi {
width: 100%;
text-align: center;
margin-top: 0;
margin-top: 10px;
padding: 0 5px;
}
.indexDiv1 .content ul li .textDiv .wenzi .font34 {
font-size: 16px;
font-weight: bold;
}
.indexDiv1 .content ul li .textDiv .wenzi .font18 {
font-size: 14px;
margin-top: 5px;
}
.indexDiv1 .content ul li .textDiv .wenzi .mt20 {
margin-top: 0px;
}
.indexDiv1 .content ul li::after {
display: none;
}
.font26 {
font-size: 20px;
}
.indexDiv4 .title .small {
display: none;
}
.more {
margin-top: 30px;
}
.indexDiv1 .content ul li .imgDiv img {
width: 30px;
height: 30px;
}
.indexDiv3 .content .mt30 {
margin-top: -5px;
}
.indexDiv3 .textDiv {
padding: 20px;
border: solid 1px #ececed;
}
.indexDiv3 .textDiv img {
width: 34px;
height: auto;
}
.indexDiv3 .col-lg-4 {
margin-bottom: 20px;
}
.indexDiv3 {
padding: 50px 0;
}
.indexDiv4 .content ul.tab {
width: 100%;
white-space: nowrap;
display: flex;
overflow-x: auto;
margin-bottom: 15px;
}
.indexDiv4 .content {
padding: 0;
display: block;
}
.indexDiv4 .content ul.tab li {
padding: 0 20px;
margin-right: 15px;
}
.indexDiv4 .content .mt15 {
margin-top: 7px;
}
.indexDiv4 .content #tabCon .textDiv ul li {
width: 25%;
text-align: center;
margin-bottom: 15px;
margin-top: 10px;
}
.indexDiv4 .content .tabBox {
width: 100%;
}
.indexDiv4 .content .tabBox>a {
position: relative;
margin-left: 10px;
right: auto;
bottom: auto;
}
.font18 {
font-size: 14px;
}
.indexDiv5 {
padding: 50px 0;
}
.indexDiv5 .wenzi .txt {
height: 70px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.indexDiv6 .frDiv .conDiv .baioti p:first-child {
max-width: 60%;
}
.indexDiv7 .content {
margin-top: 50px;
}
.indexDiv7 .content .textDiv>img {
height: 30px;
}
.font32 {
font-size: 21px;
}
.indexDiv7 .col-lg-3 {
margin-bottom: 30px;
}
.indexDiv7 {
padding-bottom: 70px;
}
.mt90 {
margin-top: 50px;
}
.wmtBtn a {
width: 120px;
height: 36px;
}
/* .banner_nei>img{
min-height: 300px;
} */
.nav-wrap ul {
width: 100%;
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.erji ul{
display: flex;
align-items: center;
}
.erji ul li{
margin-right: 20px;
}
.erji ul li a{
margin-right: 0;
padding: 10px 0;
}
.wmtDiv1 .nav-wrap li a {
padding: 10px;
}
.wmtDiv1 {
padding-top: 50px;
}
.nav-wrap.navFix ul li a {
padding: 10px;
font-size: 14px;
}
.nav-wrap.navFix {
top: 50px;
}
.wmtPro1 {
padding-top: 40px;
}
.aniDiv {
display: block;
min-height: auto;
}
.aniDiv .wenzi {
width: 100%;
}
.aniImgDiv {
width: 100%;
height: 300px;
}
.dataDiv1 {
margin-top: 50px;
}
.dataDiv1 .content {
display: block;
}
.dataDiv1 .content .wenzi {
width: 100%;
margin-bottom: 50px;
}
.learn_more.font18 {
height: 36px;
line-height: 32px !important;
padding: 0 10px;
font-size: 12px;
}
.dataDiv3 .swiper-slide-active .learn_more.font18 {
background: #0084fd;
color: #fff;
}
.dataDiv3 .swiper-slide-active .learn_more.font18 img {
filter: grayscale(200) brightness(200);
}
.dataDiv4 .content .textDiv {
text-align: center;
}
.dataDiv4 .content .textDiv .imgDiv{
min-height: 200px;
background: #fff;
}
.dataDiv5{
padding: 50px 0;
}
.mt70 {
margin-top: 25px;
}
.dataDiv3 .swiper-slide {
padding: 10px;
}
.imgShadow {
box-shadow: 0px 0px 10px 1px rgb(166 179 217 / 41%);
border-radius: 10px;
}
.data_title {
padding: 0;
}
.dataDiv4 {
padding: 40px 0;
}
.fenxiDiv.flex2 {
flex-wrap: wrap;
}
.fenxiDiv.flex2 a {
width: 100%;
margin-bottom: 30px;
}
.fenxiDiv.flex2 .imgDiv {
height: auto;
}
.fenxiDiv {
margin-top: 30px;
}
.jsDiv .content {
display: block;
}
.jsDiv .wenzi {
width: 100%;
margin-bottom: 30px;
}
.par90 {
padding: 45px 0;
}
.font42 {
font-size: 26px;
}
.blogsDiv1 ul li:nth-child(odd),
.blogsDiv1 ul li:nth-child(even) {
padding: 0;
border: 0;
}
.blogsDiv1 ul li {
width: 100%;
}
.font28 {
font-size: 18px;
line-height: 30px;
}
.biaoqian p {
margin-right: 0;
max-width: 70%;
}
.biaoqian {
justify-content: space-between;
}
.show_m {
width: 100%;
height: 50px;
}
.mainFl {
width: 100%;
}
.blogsDiv2 .content {
display: block;
margin-top: 25px;
}
.blogsDiv2 .fl_list ul li .imgDiv {
width: 140px;
height: 96px;
border-radius: 4px;
overflow: hidden;
}
.blogsDiv2 .fl_list ul li .textDiv .wenzi {
width: calc(100% - 160px);
margin-top: 0;
}
.blogsDiv2 .fl_list ul li .textDiv .txt {
display: none;
}
.blogsDiv2 .fl_list ul li .textDiv .wenzi .bt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.blogsDiv2 .fl_list ul li {
margin-bottom: 25px;
}
.mainFr {
width: 100%;
}
.fenye ul a {
display: flex;
align-items: center;
justify-content: center;
padding: auto;
font-size: 12px;
padding: 5px 10px;
height: 35px;
min-width: 35px;
border-radius: 19px;
border: solid 1px #e2e2e4;
color: #69686d;
margin: 0 3px;
transition: all 0.5s;
}
.toPage {
margin-top: 20px;
}
.fenye {
display: block;
margin-top: 30px;
}
.toPage input {
width: 50px;
height: 35px;
border-radius: 19px;
border: solid 1px #e2e2e4;
display: flex;
align-items: center;
justify-content: center;
margin: 0 10px;
text-align: center;
}
.toPage a.go {
width: 56px;
height: 34px;
border-radius: 19px;
border: solid 1px #e2e2e4;
margin-left: 10px;
transition: all 0.5s;
}
.lyFr form .tijiao {
height: 46px;
}
.lyFr form ul li input {
height: 42px;
}
.detailDiv1 .content {
display: block;
}
.font20 {
font-size: 18px;
}
.shareDiv {
height: 95px;
background-color: #eef7ff;
border-radius: 5px;
padding: 25px;
}
.mainFr {
margin-top: 40px;
}
.detailDiv2 .textDiv {
padding: 20px;
min-height: auto;
}
.detailDiv2 .swiper-slide {
padding: 4px;
}
.nav-wrap li a {
padding: 10px;
text-align: center;
}
.abNav {
display: none;
}
.aboutDiv1 .content {
padding: 20px 0;
margin-top: 30px;
background: none;
}
.aboutDiv1 .content .wenzi {
width: 100%;
padding-bottom: 25px;
text-align: center;
}
.aboutDiv1 {
padding-top: 60px;
}
.aboutDiv2 {
padding: 120px 0;
background: url(/assets/images/base/about_bg2.webp) no-repeat center center;
background-size: cover;
}
.aboutDiv2 .content ul li {
width: 100%;
padding-bottom: 20px;
}
.aboutDiv2 .content ul li:nth-child(even) {
justify-content: flex-end;
text-align: left;
}
.aboutDiv2 .content ul li:nth-child(even) .textDiv {
/* border-right: 1px #d3d3d3 solid; */
padding-right: 0;
padding-left: 32px;
}
.aboutDiv2 .content ul li.active .wenzi {
margin-top: 5px;
line-height: 20px;
}
.aboutDiv2 .content ul li .textDiv {
width: calc(90% + 1px);
}
.aboutDiv2 .content ul li::after {
left: 20px;
right: auto;
}
.top_d {
margin-left: 20px;
}
.aboutDiv2 .content ul li::before {
left: 16px;
right: auto;
}
.aboutDiv2 .content ul li.active::before {
left: 10px;
}
.aboutDiv2 {
padding: 50px 0;
}
.aboutDiv3 .content ul {
display: block;
}
.aboutDiv3 .content ul li {
width: 100%;
}
.aboutDiv3 .content .textDiv .textCon {
min-height: auto;
padding: 30px 20px 30px 20px;
}
.aboutDiv3 .content .textDiv .textCon .imgDiv {
width: 50px;
height: 50px;
}
.aboutDiv3 .content ul li .textDiv .textCon .imgDiv {
width: 40px;
margin: 0 auto;
}
.font24 {
font-size: 16px;
}
.aboutDiv3 .content .textCon .wenzi {
margin-top: 20px;
}
.aboutDiv3 .content .textDiv .line {
width: 55px;
}
.aboutDiv3 {
padding-top: 50px;
}
.aboutDiv4 .content .swiper-button-next {
right: 35%;
bottom: -60px;
top: auto;
}
.aboutDiv4 .content .swiper-button-next,
.aboutDiv4 .content .swiper-button-prev {
width: 38px;
height: 38px;
border-radius: 50%;
border: 1px #ccc solid;
transition: all 0.5s;
}
.aboutDiv4 .content .swiper-button-next:after,
.aboutDiv4 .content .swiper-button-prev:after {
font-size: 16px;
color: #666;
transition: all 0.5s;
}
.aboutDiv4 .content .swiper-button-prev {
left: 35%;
bottom: -60px;
top: auto;
}
.aboutDiv5 .textDiv .wenzi {
padding: 30px 15px;
}
.aboutDiv5 .textDiv .wenzi .txt {
margin-top: 10px;
}
.aboutDiv5 .textDiv:hover .wenzi {
opacity: 0;
}
.aboutDiv5 .textDiv .wenzi.on {
opacity: 1;
}
.contactDiv1 {
padding: 40px 0;
}
.contactDiv1 .content {
display: block;
margin-top: 10px;
}
.contactDiv1 .content .wenzi {
width: 100%;
}
.mapDiv {
width: 100%;
margin-top: 30px;
min-height: auto;
height: auto;
}
.contactDiv2 .wrap {
display: block;
}
.contactDiv2 .wrap .tab {
display: flex;
align-items: center;
}
.contactDiv2 .flDiv ul li {
display: block;
text-align: center;
padding: 0 30px;
}
.contactDiv1 .content .wenzi li {
margin-bottom: 5px;
}
.contactDiv2 .flDiv ul li .circle {
margin-right: 0;
margin-left: 0;
margin: 0 auto;
margin-bottom: 10px;
}
.contactDiv2 .flDiv::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: #e5e5e5;
top: 8px;
left: 0;
}
.contactDiv2 .flDiv {
width: 100%;
}
.contactDiv2 {
padding: 50px 0;
}
.contactDiv2 .frDiv {
width: 100%;
padding: 30px;
margin-top: 30px;
min-height: auto;
}
.contactDiv2 .frDiv .fenbuDiv ul {
justify-content: space-between;
}
.contactDiv2 .frDiv .fenbuDiv ul li {
width: 48%;
margin-right: 0;
}
.title_lx {
font-size: 18px;
padding-bottom: 10px;
}
.font30 {
font-size: 18px;
}
.contact_a {
width: 140px;
height: 38px;
margin-top: 20px;
}
.caseDiv1 .textDiv .imgDiv {
height: auto;
}
.popVideo video,.popVideo iframe {
width: 100%;
height: 249px;
background: #000;
}
.popVideo.popVideo {
width: 90%;
}
.videoLink {
height: auto;
padding: 20px 0;
padding-bottom: 50px;
}
.videoLink .btnDiv {
top: auto;
bottom: 20px;
transform: translateY(0);
left: 0;
right: 0;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.caseDiv2 .col-lg-4 {
padding: 0 10px;
margin-bottom: 20px;
}
.caseDiv2 .row {
margin: 0 -10px;
}
.case_fenye {
margin-top: 30px;
}
.caseDiv2 {
padding-bottom: 50px;
}
.font60 {
font-size: 26px;
}
.franDiv1 .col-lg-4 {
margin-bottom: 10px;
padding: 5px 5px;
}
.franDiv1 .col-12 {
max-width: 33.3%;
}
.franDiv1 .textDiv {
padding: 7px;
}
.franDiv1 .textDiv .font16{
line-height: 20px !important;
}
.franDiv1,
.franDiv3 {
padding: 45px 0;
}
.franDiv2 .content ul {
display: flex;
flex-wrap: wrap;
}
.franDiv2 .content ul li {
width: 100%;
margin: 20px 0;
}
.franDiv3 .col-lg-4 {
margin-bottom: 20px;
}
.franDiv3 .textDiv .abImg {
width: 80px;
}
.franDiv4 .textDiv {
padding: 20px 10px;
min-height: auto;
padding-bottom: 25px;
}
.franDiv5 .wrap {
width: 92%;
}
.franDiv5 ul li {
width: 30%;
text-align: center;
margin-bottom: 30px;
}
.franDiv5 ul li .wenzi .font18 {
white-space: initial;
}
.franDiv5 ul li .wenzi {
width: 100%;
text-align: center;
margin-top: 0;
}
.franDiv5 ul li .imgBox {
margin-left: 0;
width: 60px;
margin: 0 auto;
}
.franDiv5 ul li .wenzi .font12 {
line-height: 18px;
}
.franDiv5 ul li .imgBox::after {
content: "";
position: absolute;
width: 40px;
height: 1px;
border-left: 1px #dbd6d3 dashed;
left: 72px;
top: 50%;
z-index: 9;
/* background: #dbd6d3; */
}
.franDiv5 ul:first-child li:last-child .imgBox::after {
content: "";
position: absolute;
width: 1px;
height: 60px;
border-left: 1px #dbd6d3 dashed;
left: 50%;
top: 200px;
z-index: 9;
}
.franDiv5 ul:last-child {
flex-direction: row-reverse;
}
.franDiv5 ul:last-child li .imgBox::after {
content: "";
position: absolute;
width: 40px;
height: 1px;
border-left: 1px #dbd6d3 dashed;
right: 72px;
top: 50%;
z-index: 9;
left: auto;
}
.lc_a {
width: 140px;
height: 38px;
background-color: #0081fa;
border-radius: 3px;
color: #fff !important;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 30px;
}
.franDiv6 form {
display: block;
}
.franDiv6 .listDiv,
.areaDiv,
.wenziDiv {
width: 100%;
}
.franDiv5 {
padding: 40px 10px;
}
.col-lg-4 {
padding: 0 10px;
}
.row {
margin: 0 -10px !important;
}
.failDiv .content {
width: 100%;
height: auto;
padding-top: 50px;
}
.failDiv .content>img {
width: 50%;
}
.failDiv .btnDiv {
margin-top: 90px;
}
.par100 {
padding: 50px 0;
}
.popLiuyan .flDiv {
display: none;
}
.popLiuyan {
width: 92% !important;
}
.popLiuyan .frDiv {
width: 100% !important;
padding: 20px 10px !important;
padding-bottom: 40px !important;
border-radius: 10px;
}
.popLiuyan {
border-radius: 5px;
overflow: hidden;
}
.popLiuyan {
transform: translate(-50%, -47%) !important;
}
.popLiuyan .frDiv .textDiv {
padding: 0 5px;
width: calc(100% - 12px);
}
.popLiuyan .frDiv .mt10 {
margin-top: 0;
}
.popLiuyan .frDiv ul li {
padding-bottom: 10px;
}
.bannerIndex .wenzi .fw {
color: #333;
}
.solutionDiv1 {
padding: 40px 0;
}
.solutionBott {
padding: 60px 0;
}
.fenxi_a {
margin-top: 20px;
}
.dataDiv1 .btnDiv {
display: flex;
align-items: center;
justify-content: center;
}
.dataDiv1 .btnDiv a:first-child {
margin-right: 10px;
}
.dataDiv1 .btnDiv a {
margin: 0;
font-size: 16px;
}
.wmtPro2 {
padding-top: 60px;
}
.login_body {
display: block;
}
.logo_dl {
top: 0px;
left: 0px;
max-height: 26px;
position: relative;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 30px;
}
.shiy_a {
width: 70px;
height: 50px;
background-color: #0084fd;
margin-left: 5px;
color: #fff !important;
display: none;
}
.loginDivF .wenzi {
display: none;
}
.loginDivF .frDiv {
width: 100%;
}
.formCon {
padding: 30px 20px;
}
.caseDiv2 .textDiv .imgDiv {
height: auto;
}
.caseDiv2 .textDiv {
min-height: auto;
}
.caseDiv2 .textDiv .font18 {
line-height: 32px!important;
}
.franDiv1 .textDiv .numDiv {
min-width: auto;
}
.proImg {
display: none;
}
.noImgBn {
padding: 40px 0;
background: #e4f0ff;
}
.noImgBn .wenzi {
position: relative;
top: 0;
}
.banner_nei .font22 {
margin-top: 10px;
}
.wmtBtn {
margin-top: 20px;
}
.font16,
.font18 {
line-height: 22px !important;
}
.aniDiv .wenzi .txt .wz {
margin-top: 10px;
/* display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden; */
}
.xq_title {
margin: 20px 0;
}
.detailDiv3 {
padding: 50px 0;
}
.aboutDiv3 .content .textDiv .textCon {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.aboutDiv3 .content .textCon .wenzi {
display: flex;
align-items: center;
width: calc(100% - 50px);
margin-top: 0;
}
.m_fl {
margin-right: 10px;
}
.aboutDiv3 .content .textDiv .textCon .txt {
width: calc(100% - 85px);
text-align: left;
margin-top: 0;
}
.banner_nei .font22 {
max-width: 90%;
line-height: 20px;
}
.aboutDiv2 .content ul li {
min-height: auto;
padding-bottom: 10px;
}
.aboutDiv3 .content ul li .textDiv {
height: 126px;
}
.aboutDiv3 .content ul li {
border-radius: 10px;
margin: 10px 0;
overflow: hidden;
}
.aboutDiv3 .content {
background: none;
}
.ab_bn_a {
width: 120px;
height: 38px;
margin-top: 20px;
}
.bannerIndex .bt,
.banner_nei .bt {
max-width: 100%;
}
.case_bn_a {
width: 140px;
height: 38px;
margin-top: 0px;
}
.caseDiv2 {
padding-top: 50px;
}
.banner_nei>img.contact {
min-height: 170px;
}
.tel_n {
margin-top: 10px;
}
.dataDiv1 .btnDiv a {
width: 140px;
height: 38px;
font-size: 14px;
}
.dataDiv1 .btnDiv {
margin-top: 35px;
}
.dataDiv1 {
padding-top: 20px;
padding-bottom: 15px;
}
.franDiv4 .col-lg-4 {
padding: 0 3px;
margin-bottom: 20px;
}
.franDiv4 .row {
margin: 0 -3px;
}
.franDiv4 .textDiv {
padding-bottom: 25px;
}
.franDiv4 .textDiv .imgDiv {
width: 100%;
margin: 0 auto;
}
.franDiv4 .textDiv .txt {
font-size: 13px;
line-height: 18px;
margin-top: 10px;
}
.ulDiv {
display: block;
}
.m_wz {
display: block;
margin-bottom: 20px;
}
.wenziDiv .btt,
.wenziDiv .txt {
display: none;
}
.franDiv6 {
padding-top: 30px;
}
.franDiv3 .textDiv .conDiv .wenzi {
line-height: 20px;
}
.franDiv2 .content ul li .txt {
line-height: 20px!important;
}
.franDiv2 .content ul li .textDiv {
display: flex;
justify-content: space-between;
align-items: center;
}
.franDiv2 .content ul li .wenzi {
width: 52%;
}
.franDiv2 .content ul li .imgDiv {
width: 45%;
}
.franDiv2 .content ul li .imgDiv img {
width: auto;
}
.franDiv2 .content ul li:nth-child(even) .textDiv {
flex-direction: row-reverse;
}
.franDiv4 .textDiv .imgDiv {
height: 80px;
}
.glory .view {
margin: 0;
}
.glory .img-box,
.glory .view {
height: 120px;
}
.glory .view .btn-change {
width: 32px;
height: 32px;
}
.bannerIndex .font22 {
max-width: 100%;
}
img.en_wz1 {
max-width: 120% !important;
}
img.en_wz2 {
max-width: 90% !important;
}
.jsDiv .imgDiv {
width: 100%;
height: 240px;
}
.reqBtn {
width: 150px;
height: 40px;
}
.franBtn a {
padding: 9px 15px;
min-width: 140px;
margin: 0 8px;
border-radius: 3px;
}
.indexDiv5 .wenzi {
padding: 15px;
}
.bnDiv .wenzi .wrap {
display: block;
}
.bnDiv .wenzi .wrap .imgDiv,
.bnDiv .wenzi .wrap .flDiv {
max-width: 100%;
}
.bnDiv .wenzi .wrap .imgDiv {
max-height: 160px;
margin-bottom: 20px;
}
.bnDiv .wenzi .wrap .imgDiv img {
max-height: 160px;
}
.newsBn .wenzi .wrap .imgDiv .newsBn .wenzi .wrap .imgDiv img {
max-height: 130px;
}
.newsBn .wenzi .wrap .imgDiv.newsImg {
padding: 15px 20px;
width: 70%;
margin: 0 auto;
}
.bnDiv .swiper-slide img.pc {
display: block;
height: 500px;
}
.font38 {
font-size: 22px;
}
.proNav {
display: block;
}
.flNav {
width: 100%;
padding: 0;
background: #fff;
margin-top: 30px;
}
.flNav ul li p {
display: none;
}
.flNav ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.flNav ul li {
width: 38%;
text-align: center;
border-radius: 5px;
background: #F3F7FA;
margin: 0 2.5%;
margin-bottom: 15px;
}
.flNav ul li {
padding: 5px 10px;
}
.siderBar.is-affixed .flNav {
margin-top: 0;
padding-top: 20px;
}
.siderBar.is-affixed .inner-wrapper-sticky {
width: 100% !important;
box-shadow: -1px 10px 10px 0px rgba(162, 186, 216, 0.35);
left: 0 !important;
top: 50px !important;
z-index: 999 !important;
}
.nrConDiv {
width: 100%;
}
.section-content {
padding-top: 160px;
margin-top: -180px;
}
.marP {
margin-top: -60px;
padding-top: 60px;
}
.banner_nei.blogs_bn>img {
height: 210px;
}
.biaoqian p img {
margin-right: 5px;
}
.cateDiv ul li .textDiv {
padding: 8px 0;
padding-left: 15px;
position: relative;
}
.rtBt .font24 {
font-size: 18px;
}
.aboutDiv4 {
padding-bottom: 50px;
}
.aboutDiv5 {
padding-top: 40px;
padding-bottom: 70px;
}
.fran_bn>img,
.case_bn>img,
.contact_bn>img {
height: 300px;
}
.contact_bn>img {
height: 210px;
}
.caseDiv1 {
padding: 50px 0;
}
.caseDiv1 .wenzi .bqFlex .bq_p {
max-width: 100%;
min-height: 25px;
height: auto;
}
.m_wz .font24 {
font-size: 20px;
text-align: center;
font-weight: bold;
}
.areaDiv textarea {
height: 160px;
}
.wenziDiv .tijiao {
margin: 0 auto;
margin-top: 20px;
}
.banner_nei.contact_bn>img {
height: 210px;
}
.case_bn .flDiv{
max-width: 100%;
text-align:center;
display: flex;
flex-direction: column;
align-items: center;
}
.dataDiv1 .img{
display: none;
}
.dataDiv3{
padding: 50px 0;
}
.wrap.parW{
padding: 0;
text-align:center;
}
.loginTop ul{
margin-right: 4%;
}
.loginTop ul li a{
padding: 0 5px;
}
.loginTop{
top: 0;
}
header .rightDiv .menu>ul>li>a{
display: block;
}
.caseDiv3 .btnCase a{
min-width: 30%;
margin: 0 5px;
margin-bottom: 10px;
line-height: 36px;
padding: 0;
}
.btnCase a{
line-height: 40px;
}
}
/*PADå±å¹•ä¸‹çš„ä¸“ç”¨æ ·å¼*/
@media screen and (min-width: 768px) and (max-width:992px) {
.indexDiv1 .textDiv {
padding: 25px 10px;
height: 100%;
}
.bannerIndex .font22 {
margin: 0 auto;
}
.bannerIndex img.mob {
max-height: 200px;
}
.loginDivF .frDiv {
width: 400px;
}
.loginDivF .wenzi {
display: block;
width: calc(100% - 450px);
}
.login_body {
display: flex;
}
.logo_dl {
position: absolute;
top: 0;
left: 2%;
margin: 0;
}
.loginTop{
top: 5%;
}
.loginTop ul{
margin-top: 10px;
}
.indexDiv1 .content ul li .textDiv {
display: block;
text-align: center;
}
.indexDiv1 .content ul li {
width: 30%;
}
.indexDiv1 .content ul li:nth-child(2),
.indexDiv1 .content ul li:nth-child(4),
.indexDiv1 .content ul li:nth-child(5) {
width: 40%;
}
.indexDiv1 .content ul li .textDiv .wenzi {
width: 100%;
text-align: center;
}
.indexDiv4 .content {
display: flex;
}
.indexDiv4 .content ul.tab {
width: 240px;
display: block;
}
.indexDiv4 .content .tabBox>a {
position: absolute;
bottom: 20px;
right: 6%;
}
.aboutDiv1 .content .wenzi {
width: 52%;
}
.aboutDiv2 .content ul li .textDiv {
width: calc(96% + 1px);
}
.aboutDiv3 .content ul {
display: flex;
}
.aboutDiv3 .content ul li {
width: 33.33%;
}
.aboutDiv3 .content ul li .textDiv .textCon {
min-height: 300px;
}
.aboutDiv3 .content .textDiv .textCon .txt {
width: 100%;
}
.franDiv1 .textDiv .numDiv span {
display: block;
}
}
/*ä¸ç‰PCå±å¹•ä¸‹çš„ä¸“ç”¨æ ·å¼*/
@media screen and (min-width:993px) and (max-width:1024px) {
.wrap,
.wrap2 {
width: 94%;
}
header .logo img {
max-height: 30px;
}
header .rightDiv .menu>ul>li {
padding: 0 10px;
}
.font22 {
font-size: 18px;
}
.font24 {
font-size: 20px;
}
.indexDiv6 .flDiv {
width: 53%;
}
.indexDiv6 .frDiv {
width: 45%;
}
.indexDiv6 .frDiv .conDiv {
padding: 20px 24px;
height: 150px;
background-color: #f5f7fa;
border-radius: 10px;
overflow: hidden;
}
.indexDiv7 .flDiv ul li .textDiv {
padding: 15px 9px;
}
.footFr {
margin-left: 50px;
}
.footFl .navBott {
margin-right: 50px;
}
.dataDiv1 .content .wenzi {
width: 45%;
}
.dataDiv1 .img {
width: 50%;
}
.fenxiDiv.flex2 a {
width: 48%;
}
.jsDiv .content>img {
width: 40%;
}
.mainFr {
width: 280px;
}
.mainFl {
width: calc(100% - 300px);
}
.nav-wrap ul {
width: 94%;
}
.aboutDiv2 {
padding: 120px 0;
background: url(/assets/images/base/about_bg2.webp) no-repeat center center;
background-size: cover;
}
.aboutDiv4 .content .swiper-button-next,
.aboutDiv4 .content .swiper-button-prev {
width: 38px;
height: 38px;
border-radius: 50%;
border: 1px #ccc solid;
transition: all 0.5s;
}
.aboutDiv4 .content .swiper-button-next:after,
.aboutDiv4 .content .swiper-button-prev:after {
font-size: 16px;
color: #666;
transition: all 0.5s;
}
.aboutDiv4 .content .swiper-button-prev {
left: 35%;
bottom: -60px;
top: auto;
}
.aboutDiv4 .content .swiper-button-next {
right: 35%;
bottom: -60px;
top: auto;
}
.franDiv6 .listDiv,
.areaDiv,
.wenziDiv {
width: 32%;
}
.font20 {
font-size: 16px;
}
.font42{
font-size: 32px;
}
}
@media screen and (min-width:1401px)and (max-width:1600px) {}
@media screen and (min-width:1025px)and (max-width:1200px) {
.font20 {
font-size: 18px;
}
.font38 {
font-size: 34px;
}
.font46 {
font-size: 32px;
}
.font42{
font-size: 40px;
}
.bannerIndex .wenzi .font46 {
line-height: 46px;
}
header .rightDiv .menu>ul>li{
padding: 0 15px;
}
.bannerIndex img.pc,
.banner_nei>img {
height: 480px;
}
.wrap {
width: 96%;
}
}
@media screen and (min-width:1201px)and (max-width:1400px) {
.aboutDiv4 .content {
width: calc(100% - 200px);
margin: 0 auto;
margin-top: 120px;
}
.font42 {
font-size: 40px;
}
}
.ccie_swiper .swiper {padding-bottom:50px}
.ccie_swiper .swiper-slide{width:500px; text-align:center;}
.ccie_title{ text-align:center; padding-top:80px;}
.ccie_title p{ line-height:30px;}
.ccie_title .ccie_number{line-height:30px;}
.ccie_swiper .swiper-pagination{margin-top:30px;}
#section4{ margin-bottom:30px}
@media screen and (max-width: 768px){
.ccie_swiper .swiper-slide{width:100%}
}