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('../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('../fonts/SourceHanSansSC-Medium.otf')!important;
}
@font-face {
font-family: "fontR";
/* Project id */
src: url('../fonts/SourceHanSansSC-Regular.otf')!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(../img/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(../img/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(../img/xia.png) 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,
.banner_11 {height:560px}
.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("/resources/templates/default_v2/img/banneren.jpg")}
.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(../img/index6.png) 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: 80px 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: 80px 0 0;
background: url(../img/index_bg1.jpg) no-repeat center center;
background-size: cover;
}
.case .card-view {
overflow: hidden;
width: 100%;
}
.case .card-view .card-box {
white-space: nowrap;
overflow:hidden;
overflow-x: scroll;
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: #f1f5ff;
border-radius: 13px;
position: relative;
margin-right: 30px;
vertical-align: middle;
}
.case .card-view .card-box .case-card:nth-child(2n){
background-color:#faf3fe;
}
.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;
}
.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 {
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: 110px;
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(../img/index_bg2.jpg) 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(../img/xinren_bg.jpg) 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(../img/login_ewm_bg.png) 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(../img/404_bg.jpg) 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(../img/ys-404.png) 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(../img/contact_bott.jpg) 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(../img/join_bg1.jpg) 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(../img/join_bg2.jpg) 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(../img/join_bg3.jpg) 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(../img/join_ly_bg.jpg) 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(../img/about_bg1.jpg) no-repeat center center;
background-size: cover;
padding: 145px 0;
}
.aboutDiv1 .content .wenzi {
width: 550px;
}
.aboutDiv2 {
padding: 120px 0;
background: url(../img/about_bg2.jpg) 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 {
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(../img/case_bott_bg.png) 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(../img/case_bott_bg.png) 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(../img/video_link.png) 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(../img/data_bg1.jpg) 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(../img/country_bott.jpg) 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(../img/solu_bott.png) 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;
}
.banner_11 {height:500px;}
.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(../img/index_bg2.png) 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(../img/index6.png) 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(../img/index_bg2.png) 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(../img/about_bg2.jpg) 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;
}
.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;
}
.banner_11 {max-height:200px;}
.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(../img/about_bg2.jpg) 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%}
}
a{transition:all .5s;
-webkit-transition:all .5s;}
::placeholder{color:#999;}
@media only screen and (max-width:1160px){
.indexDiv5{padding-top:50px;}
.indexDiv5 .wenzi{padding:25px 25px 30px;}
.case .card-view .card-box .case-card{height:520px;}
}
@media only screen and (max-width:992px){
.case .card-view .card-box{margin-top:0;}
}
@media only screen and (max-width:768px){
.container{padding:0 30px;}
.container-fluid{padding:0 30px;}
.indexDiv5{padding:40px 0 0;}
.indexDiv5 .wenzi{padding:20px 20px 25px;}
.case .card-view .card-box .case-card{height:410px;}
}
@media only screen and (max-width:640px){
.container{padding:0 15px;}
.container-fluid{padding:0 15px;}
}
.banner{width:100%; margin-top:60px; position:relative; overflow:hidden;}
.banner .ban_lm{width:100%; max-width:1250px; position:absolute; bottom:30px; left:50%; border-radius:10px; background-color:rgba(255,255,255,.25); border:1px solid #fff; z-index:99; overflow:hidden;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);}
.banner .ban_lm .row{margin:0;}
.banner .lm_nr{width:20%; border-right:1px solid #d3e0ff;}
.banner .lm_nr:last-child{border-right:0;}
.banner .lm_nr a{width:100%; padding:23px 16px; display:block; position:relative;}
.banner .lm_nr a:hover{background:linear-gradient(top, #d8e6fe, rgba(255,255,255,0));
background:-webkit-linear-gradient(top, #d8e6fe, rgba(255,255,255,0));}
.banner .lm_nr .b_t{font-size:18px; font-weight:bold; line-height:28px; color:#333; margin-bottom:15px;}
.banner .lm_nr .w_z{font-size:14px; line-height:26px; color:#666b75;}
.banner .lm_nr a:hover .w_z{opacity:0;}
.banner .lm_nr .t_b{position:absolute; top:20px; right:16px;}
.banner .lm_nr .t_b img{width:30px; height:auto; display:block;}
.banner .lm_nr .x_q{width:160px; height:30px; border-radius:6px; font-size:12px; line-height:30px; color:#fff; text-align:center; position:absolute; left:16px; bottom:23px; opacity:0;
background:linear-gradient(left, #1b80f9, #9361dd);
background:-webkit-linear-gradient(left, #1b80f9, #9361dd);}
.banner .lm_nr a:hover .x_q{opacity:1;}
.banner .lm_nr .x_q i{font-size:16px; display:inline-block; vertical-align:middle; margin-left:2px; margin-top:-2px;}
@media only screen and (max-width:1160px){
.banner .ban_lm{max-width:96%; padding:0 15px; margin:40px auto 0; position:relative; bottom:auto; left:auto; border-radius:0; background:none; border:0; z-index:99; overflow-x:auto;
transform:none;
-webkit-transform:none;}
.banner .ban_lm::-webkit-scrollbar{display:none}
.banner .ban_lm .row{white-space:nowrap; flex-wrap:nowrap;}
.banner .lm_nr{width:230px; margin-right:10px; border:1px solid #d3e0ff; border-radius:10px; overflow:initial;}
.banner .lm_nr:last-child{border:1px solid #d3e0ff;}
.banner .lm_nr .b_t{font-size:16px; line-height:26px; margin-bottom:10px;}
.banner .lm_nr .w_z{font-size:13px; line-height:22px;}
.banner .lm_nr .t_b{top:15px; right:15px;}
.banner .lm_nr .t_b img{width:22px;}
.banner .lm_nr a{width:230px; padding:15px 10px; border-radius:6px;}
.banner .lm_nr .x_q{left:10px; bottom:15px;}
}
@media only screen and (max-width:768px){
.banner{margin-top:50px;}
.banner .ban_lm{max-width:100%; padding:0 30px; margin:30px auto 0;}
.banner .lm_nr{border-radius:6px;}
.banner .lm_nr a{padding:15px; border-radius:6px;}
.banner .lm_nr .x_q{left:15px; bottom:15px;}
}
@media only screen and (max-width:640px){
.banner .ban_lm{padding:0 15px;}
}
.pc_ban{width:100%; height:640px; position:relative; overflow:hidden;}
.pc_ban .swiper-slide{overflow:hidden;}
.pc_ban .swiper-pagination{bottom:170px;}
.pc_ban .swiper-pagination-bullet{width:36px; height:4px; background-color:#0081fa; border-radius:4px !important; opacity:.15;}
.pc_ban .swiper-pagination-bullet-active{opacity:1;}
.pc_ban .container{position:absolute; top:20px; left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);}
.pc_ban .container.con_a{top:12%;}
.pc_ban .container .row{margin:0; justify-content:space-between; align-items:center;}
.pc_ban .ban_wz{width:600px; margin-top:20px; position:relative; z-index:9;}
.pc_ban .ban_wz span.b_q{width:168px; height:40px; border-radius:40px; font-size:16px; line-height:40px; font-weight:bold; color:#fff; text-align:center; display:block; margin-bottom:10px;
background:linear-gradient(left, #1b80f9, #9361dd);
background:-webkit-linear-gradient(left, #1b80f9, #9361dd);}
.pc_ban .ban_wz .b_t{font-size:38px; font-weight:bold; color:#000; line-height:46px;}
.pc_ban .ban_wz .x_b{white-space:nowrap;}
.pc_ban .ban_wz .m_g{margin-left:-20px;}
.pc_ban .ban_wz .w_z{font-size:18px; color:#2b2b2b; line-height:32px; margin:25px 0 40px;}
.pc_ban .ban_wz .s_j{margin-top:30px; font-size:15px; color:#0081fa; line-height:26px;}
.pc_ban .ban_wz .s_j ul{margin:0; justify-content:normal;}
.pc_ban .ban_wz .s_j ul li{margin-right:30px;}
.pc_ban .ban_wz .s_j ul li:last-child{margin-right:0;}
.pc_ban .ban_wz .s_j strong{font-size:32px; font-weight:bold; line-height:36px; color:#0081fa; display:inline-block;}
.pc_ban .ban_wz .s_j p{margin:0; font-size:14px; line-height:26px; color:#666b75;}
.pc_ban .ban_wz .j_s{margin-top:15px; font-size:18px; color:#2b2b2b; line-height:32px;}
.pc_ban .ban_wz .j_s ul li{margin:10px 0;}
.pc_ban .ban_wz .j_s img{display:inline-block; vertical-align:middle; margin-top:-4px; margin-right:15px;}
.pc_ban .ban_wz .a_n{margin-top:40px;}
.pc_ban .ban_wz .a_n a{min-width:152px; height:50px; border-radius:5px; padding:0 15px; font-size:15px; color:#fff; line-height:50px; text-align:center; margin-right:15px; display:inline-block; position:relative;
background:linear-gradient(#9560f0, #9560f0) repeat-y;
background:-webkit-linear-gradient(#9560f0, #9560f0) repeat-y;
background-color:#0081fa;
background-size:0 100%;}
.pc_ban .ban_wz .a_n a:hover{color:#fff; background-size:100% 100%;}
.pc_ban .ban_wz .a_n a.mf_ys{color:#0081fa; background:none; border:1px solid #0081fa; line-height:48px;
background:linear-gradient(#9560f0, #9560f0) repeat-y;
background:-webkit-linear-gradient(#9560f0, #9560f0) repeat-y;
background-size:0 100%;}
.pc_ban .ban_wz .a_n a.mf_ys:hover{border:1px solid #9560f0; background-size:100% 100%; color:#fff;}
.pc_ban .ban_wz .a_n a.w_x{min-width:inherit; border-radius:0; padding:0; color:#0081fa; margin-right:0; background:none;}
.pc_ban .ban_wz .a_n a.w_x i{font-size:16px; display:inline-block; vertical-align:middle; margin-top:-2px; margin-left:3px;}
.pc_ban .ban_tp{width:580px; position:relative;}
.pc_ban .ban_tp img{width:100%; height:auto; display:block;}
.pc_ban .ban_dt{width:535px; margin-top:3%; text-align:center; position:relative;}
.pc_ban .ban_dt img{width:100%; height:auto; display:block;}
.pc_ban .ban_dt a{min-width:152px; height:50px; margin-top:25px; border:1px solid #0081fa; border-radius:5px; padding:0 15px; font-size:15px; color:#0081fa; line-height:48px; text-align:center; display:inline-block; position:relative;
background:linear-gradient(#0081fa, #0081fa) repeat-y;
background:-webkit-linear-gradient(#0081fa, #0081fa) repeat-y;
background-size:0 100%;}
.pc_ban .ban_dt a:hover{color:#fff; background-size:100% 100%;}
.pc_ban .tp_bj{width:100%; height:100%; position:absolute; top:0; left:0; background-position:center; background-repeat:no-repeat; background-size:cover;}
@media only screen and (max-width:1160px){
.pc_ban{height:440px;}
.pc_ban .swiper-button-prev{display:none;}
.pc_ban .swiper-button-next{display:none;}
.pc_ban .swiper-pagination{bottom:30px;}
.pc_ban .swiper-pagination-bullet{width:30px;}
.pc_ban .container{top:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);}
.pc_ban .container.con_a{top:50%;}
.pc_ban .ban_wz{width:46%;}
.pc_ban .container.con_a .ban_wz{width:55%;}
.pc_ban .ban_wz span.b_q{width:136px; height:32px; border-radius:32px; font-size:15px; line-height:32px;}
.pc_ban .ban_wz .b_t{font-size:30px; line-height:40px;}
.pc_ban .ban_wz .w_z{font-size:15px; line-height:28px; margin:15px 0 25px;}
.pc_ban .ban_wz .s_j{margin-top:20px; font-size:14px;}
.pc_ban .ban_wz .s_j ul li{margin-right:20px;}
.pc_ban .ban_wz .s_j strong{font-size:22px; line-height:30px;}
.pc_ban .ban_wz .j_s{font-size:15px;}
.pc_ban .ban_wz .j_s ul li{margin:6px 0;}
.pc_ban .ban_wz .j_s img{margin-right:10px;}
.pc_ban .ban_wz .a_n{margin-top:15px;}
.pc_ban .ban_wz .a_n a{min-width:146px; height:44px; padding:0 20px; font-size:15px; line-height:44px; margin-right:10px; margin-top:10px;}
.pc_ban .ban_wz .a_n a.mf_ys{line-height:42px;}
.pc_ban .ban_tp{width:46%;}
.pc_ban .ban_dt{width:36%; margin-top:0;}
.pc_ban .ban_dt a{min-width:146px; height:46px; padding:0 15px; font-size:15px; line-height:44px; margin-right:10px;}
}
@media only screen and (max-width:768px){
.pc_ban{height:400px;}
.pc_ban .swiper-pagination{bottom:20px !important;}
.pc_ban .swiper-pagination-bullet{width:26px !important;}
.pc_ban .container{top:40px; left:0;
transform:none;
-webkit-transform:none;}
.pc_ban .container.con_a{top:40px;}
.pc_ban .ban_wz{width:100%; position:relative; z-index:9;}
.pc_ban .container.con_a .ban_wz{width:100%;}
.pc_ban .ban_wz span.b_q{width:120px; height:36px; border-radius:36px; font-size:16px; line-height:36px; font-weight:normal;}
.pc_ban .ban_wz .b_t{font-size:26px; line-height:36px;}
.pc_ban .ban_wz .w_z{font-size:15px; line-height:26px; margin:15px 0 25px;}
.pc_ban .ban_wz .s_j{margin-top:15px;}
.pc_ban .ban_wz .s_j ul{justify-content:normal;}
.pc_ban .ban_wz .s_j ul li{width:calc(33.33333333% - 15px); margin:0 15px 10px 0;}
.pc_ban .ban_wz .s_j strong{font-size:22px; line-height:28px;}
.pc_ban .ban_wz .j_s{font-size:15px;}
.pc_ban .ban_wz .j_s img{margin-right:10px;}
.pc_ban .ban_wz .a_n{margin-top:20px;}
.pc_ban .ban_wz .a_n a{min-width:126px; height:40px; padding:0 15px; font-size:14px; line-height:40px; margin-right:6px; margin-bottom:6px;}
.pc_ban .ban_wz .a_n a.mf_ys{line-height:38px;}
.pc_ban .ban_tp{width:70%; position:absolute; top:20%; right:0;}
.pc_ban .ban_tp img{opacity:.6;}
.pc_ban .ban_dt{width:44%;}
.pc_ban .ban_dt{min-width:126px; height:40px; font-size:14px; line-height:38px; margin-top:20px;}
}
@media only screen and (max-width:640px){
.pc_ban .container{top:15px;}
.pc_ban .container.con_a{top:15px;}
.pc_ban .ban_wz span.b_q{font-size:15px;}
.pc_ban .ban_wz .b_t{font-size:22px; line-height:30px;}
.pc_ban .ban_wz .x_b{white-space:normal;}
.pc_ban .ban_wz .m_g{margin:0;}
.pc_ban .ban_wz .s_j ul li{width:calc(50% - 15px); margin:0 15px 0 0;}
.pc_ban .ban_wz .a_n{margin-top:10px;}
.pc_ban .ban_dt{width:70%; margin-top:40px;}
}
.sy_bt{text-align:center; margin-bottom:60px; position:relative; z-index:99;}
.sy_bt h2{font-size: 38px;font-weight:bold;color:#171a1d;line-height:46px;}
.sy_bt h3{font-size:28px; color:#333; font-weight:normal; line-height:46px; margin-top:15px;}
.sy_bt h3 span{display:inline-block; margin:0 10px; color:transparent;
background:linear-gradient(left, #1b80f9, #9361dd);
background:-webkit-linear-gradient(left, #1b80f9, #9361dd);
-webkit-background-clip:text;
background-clip:text;}
.sy_bt h3 img{width:48px; height:auto; display:inline-block; vertical-align:middle; margin-top:-6px; cursor:pointer;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_bt h3 img:hover{transform:rotate(360deg);
-webkit-transform:rotate(360deg);}
.sy_bt .x_z{font-size:16px; color:#555; margin-top:25px;}
.sy_bt span{display:inline-block;}
.sy_bt i{padding:0 10px; display:inline-block;}
.sy_bt br{display:none;}
@media only screen and (max-width:1160px){
.sy_bt{margin-bottom:35px;}
.sy_bt h2{font-size:30px; line-height:38px;}
.sy_bt h3{font-size:20px; line-height:30px; margin-top:15px;}
.sy_bt h3 span{margin:0 5px;}
.sy_bt h3 img{width:38px; margin-top:-4px;}
.sy_bt .x_z{font-size:15px; margin-top:15px;}
}
@media only screen and (max-width:768px){
.sy_bt{margin-bottom:30px;}
.sy_bt h2{font-size:24px; line-height:30px;}
.sy_bt h3{font-size:17px; line-height:26px; margin-top:10px;}
.sy_bt h3 img{width:30px;}
.sy_bt .x_z{font-size:14px;}
}
.ss_an{width:100%; text-align:center; margin-top:50px;}
.ss_an a{min-width:150px; height:48px; padding:0 20px; border-radius:48px; background-image:url(../images/an_bj.jpg); background-repeat:no-repeat; background-position:left center; background-size:cover; font-size:16px; color:#fff; line-height:48px; margin:0 10px; display:inline-block; position:relative;}
.ss_an a:hover{background-position:right center; color:#fff;}
.ss_an a.zx_zx{background:none; border:1px solid #0084fd; line-height:46px; color:#0084fd;}
.ss_an a.zx_zx:hover{background-color:#0084fd; color:#fff;}
.ss_an a.zx_zx span{display:block; position:relative; z-index:1;}
.ss_an a.zx_zx i{font-size:16px; display:inline-block; vertical-align:middle; margin-top:-4px; margin-left:5px;}
@media only screen and (max-width:1160px){
.ss_an{margin-top:35px;}
.ss_an a{min-width:136px; height:40px; border-radius:40px; font-size:15px; line-height:40px; margin:0 7px;}
.ss_an a.zx_zx{line-height:38px;}
}
@media only screen and (max-width:768px){
.ss_an{margin-top:25px;}
.ss_an a{min-width:126px; height:38px; border-radius:38px; font-size:14px; line-height:38px;}
.ss_an a.zx_zx{line-height:36px;}
}
@media only screen and (max-width:640px){
.ss_an{margin-top:15px;}
.ss_an a{margin-top:10px;}
}
.sy_ss{width:100%; padding:90px 0; background:url(../images/bg_2.jpg) no-repeat top center / cover; overflow:hidden;}
.sy_ss .sy_bt{margin-bottom:50px;}
.sy_ss .ss_nr{padding:0 30px 20px; border:3px solid #3a7df5; border-radius:30px; overflow:hidden; position:relative; display:flex; flex-wrap:wrap; justify-content:space-between;}
.sy_ss .ss_nr input{width:calc(100% - 240px); height:70px; border:0; background:none; font-size:18px; line-height:70px; color:#333; display:block; margin-bottom:10px;}
.sy_ss .ss_nr input::placeholder{color:#9fa2ab;}
.sy_ss .ss_nr button{width:240px; height:50px; border-radius:50px; background:none; border:0; font-size:16px; line-height:50px; text-align:center; color:#fff; display:inline-block; outline:none; overflow:hidden; margin-top:10px;
background:linear-gradient(90deg, #1b80f9, #9361dd);
animation:gradientFlow 1s ease infinite;
-webkit-animation:gradientFlow 1s ease infinite;
transition:all .3s;
-webkit-transition:all .3s;}
.sy_ss .ss_nr button img{width:100%; height:auto; display:block;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_ss .ss_nr button:hover img{transform:rotate(360deg);
-webkit-transform:rotate(360deg);}
.sy_ss .ss_nr .a_n{width:100%;}
.sy_ss .ss_nr .a_n ul{margin:0 -10px;}
.sy_ss .ss_nr .a_n ul li{width:calc(25% - 20px); margin:0 10px;}
.sy_ss .ss_nr .a_n a{display:block; padding:10px 0; border-radius:40px; font-size:14px; text-align:center; line-height:20px; background-color:#f5f6fa;}
.sy_ss .ss_nr .a_n a.on{color:#9162de; font-weight:bold;}
.sy_ss .ss_nr .a_n img{width:auto; height:20px; display:inline-block; vertical-align:middle; margin-top:-2px;}
.sy_ss .ss_nr .a_n span{display:inline-block;}
.sy_ss .ss_nr .a_n a.on span{animation:wave 1s ease-in-out infinite;
-webkit-animation:wave 1s ease-in-out infinite;}
.sy_ss .ss_nr .a_n a.on span:nth-child(1){animation-delay:0s;}
.sy_ss .ss_nr .a_n a.on span:nth-child(2){animation-delay:.1s;}
.sy_ss .ss_nr .a_n a.on span:nth-child(3){animation-delay:.2s;}
.sy_ss .hx_bt{margin:50px 0 35px;}
.sy_ss .hx_bt h2{font-size:32px; color:#333; line-height:40px; text-align:center;}
.sy_ss .hx_bt h3{max-width:900px; font-size:15px; font-weight:normal; color:#555; line-height:26px; text-align:center; margin:25px auto 0;}
.sy_ss .hx_tp img{width:100%; height:auto; display:block;}
.sy_ss .hx_ts{line-height:26px; color:#ee1c25; margin-top:10px;}
.sy_ss .hx_wz{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:40px;}
.sy_ss .wz_nr{width:calc(50% - 12px); background-color:#fafbfd; border-radius:30px; overflow:hidden; display:flex; justify-content:space-between;}
.sy_ss .wz_nr .t_p{width:220px; position:relative; z-index:1;}
.sy_ss .wz_nr .t_p img{width:100%; height:auto; display:block;}
.sy_ss .wz_nr .w_z{width:calc(100% - 220px); position:relative;}
.sy_ss .wz_nr .w_z span{position:absolute;top:50%;margin-top:-20px;border:1px solid #f2f0ff;border-radius:40px;padding:0 15px;font-size:13px;color:#5f6670;line-height: 26px;background-color:#fff;white-space:nowrap;}
.sy_ss .wz_nr .w_z span.s_a{margin-top:-80px; right:30px;}
.sy_ss .wz_nr .w_z span.s_b{left:20px;}
.sy_ss .wz_nr .w_z span.s_c{margin-top:40px; right:50px;}
.sy_ss .wz_nr .w_z span.s_d{margin-top: -88px;left:5px;}
.sy_ss .wz_nr .w_z span.s_e{margin-top: -52px;right:5px;}
.sy_ss .wz_nr .w_z span.s_f{left:-10px;padding:0 20px;margin-top: -13px;}
.sy_ss .wz_nr .w_z span.s_g{right:10px;margin-top: 24px;}
.sy_ss .wz_nr .w_z span.s_h{margin-top: 60px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.sy_ss .dz_mc{display:none;}
.sy_ss .gq_qy .row{margin:0;}
.sy_ss .dz_nr{width:14%; text-align:center;}
.sy_ss .dz_nr:first-child{width:20%; margin-right:2%;}
.sy_ss .dz_nr:last-child{width:20%; margin-left:2%;}
.sy_ss .dz_nr .z_m{width:146px; height:40px; border-radius:10px; background-color:#f5f4fa; margin-bottom:20px; font-size:15px; font-weight:bold; line-height:40px; color:#2d3137; display:inline-block;}
.sy_ss .dz_nr ul{display:flex; flex-wrap:wrap;}
.sy_ss .dz_nr ul li{width:50%; margin-top:30px;}
.sy_ss .dz_nr:first-child ul li{width:33.33333333%;}
.sy_ss .dz_nr:last-child ul li{width:33.33333333%;}
.sy_ss .dz_nr:nth-child(3) ul li{width:100%;}
.sy_ss .dz_nr .t_b{display:block; position:relative;}
.sy_ss .dz_nr .t_b img{max-width:100%; border-radius:5px; box-shadow:-3px 0 10px #d0d9e3;}
.sy_ss .dz_nr .w_z{font-size:12px; color:#666; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:10px;}
.sy_ss .dz_nr a:hover .w_z{color:#0084fd;}
@media only screen and (max-width:1440px){
.sy_ss .dz_nr:first-child{width:22%; margin-right:0;}
.sy_ss .dz_nr:last-child{width:22%; margin-left:0;}
.sy_ss .dz_nr .z_m{height:36px; line-height:36px;}
.sy_ss .dz_nr ul li{margin-top:40px;}
}
@media only screen and (max-width:1160px){
.sy_ss{padding:50px 0; background:none;}
.sy_ss .sy_bt{margin-bottom:35px;}
.sy_ss .ss_nr{padding:0 20px 30px; border:2px solid #3a7df5; border-radius:20px; position:relative; display:flex; flex-wrap:wrap;}
.sy_ss .ss_nr input{width:calc(100% - 200px); height:60px; font-size:16px; line-height:60px;}
.sy_ss .ss_nr button{width:200px; height:40px; font-size:15px; line-height:40px; float:none; margin-top:10px;}
.sy_ss .ss_nr .a_n ul li{width:calc(50% - 20px); margin:10px 10px 0;}
.sy_ss .ss_nr .a_n a{padding:8px 15px; border-radius:36px; font-size:15px;}
.sy_ss .hx_bt{margin:40px 0 30px;}
.sy_ss .hx_bt h2{font-size:28px; line-height:36px;}
.sy_ss .hx_bt h3{margin:15px auto 25px;}
.sy_ss .hx_wz{margin-top:30px;}
.sy_ss .wz_nr{width:calc(50% - 10px); border-radius:20px;}
.sy_ss .wz_nr .t_p{width:150px;}
.sy_ss .wz_nr .w_z{width:calc(100% - 150px);}
.sy_ss .wz_nr .w_z span{margin-top:-16px; border-radius:32px; padding:0 10px; font-size:12px; line-height:30px;}
.sy_ss .wz_nr .w_z span.s_a{margin-top:-60px; right:30px;}
.sy_ss .wz_nr .w_z span.s_b{left:30px;}
.sy_ss .wz_nr .w_z span.s_c{margin-top:30px; right:10px;}
.sy_ss .wz_nr .w_z span.s_d{margin-top:-60px; left:10px;}
.sy_ss .wz_nr .w_z span.s_e{margin-top:-60px; right:10px;}
.sy_ss .wz_nr .w_z span.s_f{left:-10px; padding:0 15px;}
.sy_ss .wz_nr .w_z span.s_g{right:20px;}
.sy_ss .wz_nr .w_z span.s_h{margin-top:30px; left:43%;}
.sy_ss .dz_nr .z_m{width:110px; height:32px; border-radius:16px; font-size:13px; line-height:32px; white-space:nowrap;}
.sy_ss .dz_nr ul li{margin-top:20px;}
.sy_ss .dz_nr .t_b img{max-width:32px;}
.sy_ss .dz_nr .w_z{white-space:nowrap;
transform:scale(.9);
-webkit-transform:scale(.9);}
}
@media only screen and (max-width:768px){
.sy_ss{padding:40px 0;}
.sy_ss .ss_nr{padding:0 15px; border:1px solid #3a7df5; border-radius:10px;}
.sy_ss .ss_nr input{height:50px; font-size:14px; line-height:50px; margin-bottom:0;}
.sy_ss .ss_nr button{height:32px; font-size:14px; line-height:32px;}
.sy_ss .ss_nr .a_n{width:100%; position:relative; bottom:auto; left:auto; margin-top:10px;}
.sy_ss .ss_nr .a_n ul{margin:0 -7px;}
.sy_ss .ss_nr .a_n ul li{width:calc(50% - 14px); margin:0 7px 10px;}
.sy_ss .ss_nr .a_n a{padding:8px 0; border-radius:36px; font-size:14px; text-align:center; width:100%;}
.sy_ss .ss_nr .a_n a.on{font-weight:normal;}
.sy_ss .hx_bt{margin:35px 0 25px;}
.sy_ss .hx_bt h2{font-size:22px; line-height:30px;}
.sy_ss .hx_bt h3{margin:15px auto 0;}
.sy_ss .hx_wz{margin-top:0;}
.sy_ss .wz_nr{width:100%; border-radius:10px; margin-top:20px;}
.sy_ss .wz_nr .t_p{width:140px;}
.sy_ss .wz_nr .w_z{width:calc(100% - 140px);}
.sy_ss .wz_nr .w_z span{margin-top:-11px; border-radius:22px; padding:0 8px; font-size:12px; line-height:22px;}
.sy_ss .wz_nr .w_z span.s_a{margin-top:-40px;right: 0;}
.sy_ss .wz_nr .w_z span.s_b{left: -21px;}
.sy_ss .wz_nr .w_z span.s_c{margin-top:20px; right:20px;}
.sy_ss .wz_nr .w_z span.s_d{margin-top: -37px;left:0;}
.sy_ss .wz_nr .w_z span.s_e{margin-top: -62px;right:0;}
.sy_ss .wz_nr .w_z span.s_f{left:-10px; padding:0 15px;}
.sy_ss .wz_nr .w_z span.s_g{right:0;margin-top: 38px;}
.sy_ss .wz_nr .w_z span.s_h{margin-top: 12px;left:43%;}
.sy_ss .dz_mc{display:block; margin-bottom:20px; padding-bottom:5px;}
.sy_ss .dz_mc ul{overflow-x:scroll; white-space:nowrap;}
.sy_ss .dz_mc ul::-webkit-scrollbar{display:none}
.sy_ss .dz_mc ul li{min-width:130px; height:32px; padding:0 10px; border-radius:16px; background-color:#f5f4fa; margin-right:12px; font-size:14px; text-align:center; line-height:32px; color:#2d3137; display:inline-block;}
.sy_ss .dz_mc ul li.on{background-color:#0081fa; color:#fff;}
.sy_ss .dz_mc ul li:last-child{margin-right:0;}
.sy_ss .dz_nr{width:100% !important; display:none;}
.sy_ss .dz_nr.on{display:block;}
.sy_ss .dz_nr ul li{width:25% !important; margin-top:15px;}
.sy_ss .dz_nr .z_m{display:none;}
.sy_ss .dz_nr .t_b img{max-width:36px;}
.sy_ss .dz_nr .w_z{transform:scale(1);
-webkit-transform:scale(1);}
}
@media only screen and (max-width:640px){
.sy_ss .ss_nr input{width:100%;}
.sy_ss .ss_nr button{width:100%;}
.sy_ss .ss_nr .a_n ul li{width:100%;}
.sy_ss .wz_nr .w_z span{transform:scale(.8);
-webkit-transform:scale(.8);}
.sy_ss .wz_nr .w_z span.s_h{transform:scale(.8) translateX(-50%);
-webkit-transform:scale(.8) translateX(-50%);}
}
@keyframes gradientFlow {
0%{transform:scale(.9);}
50%{transform:scale(1);}
100%{transform:scale(.9);}
}
@-webkit-keyframes gradientFlow {
0%{-webkit-transform:scale(.9);}
50%{-webkit-transform:scale(1);}
100%{-webkit-transform:scale(.9);}
}
@keyframes wave {
0%{transform:translateY(0);}
25%{transform:translateY(-3px);}
50%{transform:translateY(0);}
75%{transform:translateY(3px);}
100%{transform:translateY(0);}
}
@-webkit-keyframes wave {
0%{-webkit-transform:translateY(0);}
25%{-webkit-transform:translateY(-3px);}
50%{-webkit-transform:translateY(0);}
75%{-webkit-transform:translateY(3px);}
100%{-webkit-transform:translateY(0);}
}
.sy_gn{width:100%; padding:90px 0; background:url(../images/gn_bj.jpg) no-repeat center / cover; overflow:hidden;}
.sy_gn .gn_js{width:100%; background:url(../images/cont_bg.jpg) no-repeat center / cover; border-radius:30px; overflow:hidden;}
.sy_gn .gn_zs{width:100%;}
.sy_gn .gn_zs img{width:100%; height:auto; display:block;}
.sy_gn .gn_zs img.d_w{position:absolute; top:0; left:0;}
.sy_gn .gn_pc{position:relative;}
.sy_gn .pc_tp{position:absolute;}
.sy_gn .pc_tp .b_t{position:absolute; left:25px; font-size:13px; font-weight:bold; line-height:32px;}
.sy_gn .gn_wp{display:none; position:relative;}
@media only screen and (max-width:1160px){
.sy_gn{padding:50px 0;}
.sy_gn .gn_js{border-radius:20px;}
.sy_gn .pc_tp .b_t{left:20px; font-size:13px !important; font-weight:bold; line-height:30px;}
}
@media only screen and (max-width:768px){
.sy_gn{padding:40px 0;}
.sy_gn .gn_js{border-radius:10px;}
.sy_gn .gn_pc{display:none;}
.sy_gn .gn_wp{display:block;}
}
#contrasl{width:100%; margin-bottom:50px;}
#contrasl ul{margin:0; justify-content:center;}
#contrasl a{width:170px; margin:0 15px; display:block; font-size:17px; color:#666; line-height:22px; text-align:center;}
#contrasl a.on{color:#0084fd; font-weight:bold;}
#contrasl .t_p{width:160px; margin:0 auto 15px; border-radius:30px; border:1px solid rgba(255,255,255,0); overflow:hidden;
transition:all .5s;
-webkit-transition:all .5s;}
#contrasl a.on .t_p{border:1px solid #fff; box-shadow:0 0 20px rgba(166,179,217,.5);}
#contrasl .t_p img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1160px){
#contrasl{margin-bottom:30px;}
#contrasl a{width:150px; margin:0 10px; font-size:15px;}
#contrasl .t_p{width:130px; border-radius:20px; margin:0 auto 5px;}
}
@media only screen and (max-width:768px){
#contrasl{overflow-x:auto; margin-bottom:15px;}
#contrasl::-webkit-scrollbar{display:none}
#contrasl ul{flex-wrap:nowrap; justify-content:normal;}
#contrasl a{margin:0 10px 0 0; font-size:13px; line-height:22px; overflow:initial;}
#contrasl .t_p{width:100px; margin-bottom:6px;}
#contrasl a.on .t_p{box-shadow:0 6px 6px rgba(166,179,217,.3);}
}
.sy_hb{width:100%; padding:80px 0; overflow:hidden;}
@media only screen and (max-width:1160px){
.sy_hb{padding:50px 0;}
}
@media only screen and (max-width:768px){
.sy_hb{padding:40px 0;}
}
.al_ka{overflow:hidden; position:relative;}
.al_ka .bd ul li{width:auto !important; border-radius:6px; border:1px solid #f0f0f0; max-width:180px; margin-right:20px; overflow:hidden;}
.al_ka .bd img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1160px){
.al_ka .bd ul li{max-width:160px; margin-right:15px;}
}
@media only screen and (max-width:768px){
.al_ka .bd ul li{max-width:150px; margin-right:10px;}
}
.al_kb{margin-top:20px; overflow:hidden; position:relative;}
.al_kb .bd ul li{width:auto !important; border-radius:6px; border:1px solid #f0f0f0; max-width:180px; margin-right:20px; overflow:hidden;}
.al_kb .bd img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1160px){
.al_kb{margin-top:15px;}
.al_kb .bd ul li{max-width:160px; margin-right:15px;}
}
@media only screen and (max-width:768px){
.al_kb{margin-top:10px;}
.al_kb .bd ul li{max-width:150px; margin-right:10px;}
}
.sy_xw{width:100%; padding:90px 0; background:url(../images/xw_bj.jpg) no-repeat top center / cover; overflow:hidden;}
.sy_xw .sy_bt{margin-bottom:30px;}
.sy_xw .hd{width:324px; height:58px; padding:6px; border-radius:58px; background-color:rgba(255,255,255,.5); margin:0 auto 40px; text-align:center;}
.sy_xw .hd ul{width:100%; display:flex; justify-content:space-between;}
.sy_xw .hd ul li{width:150px; height:46px; border-radius:46px; font-size:17px; font-weight:bold; line-height:46px; cursor:pointer; overflow:hidden;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_xw .hd ul li.on{color:#fff; background:url(../images/xw_an.jpg) no-repeat center / cover;}
.sy_xw .hd ul li:hover{color:#fff; background:url(../images/xw_an.jpg) no-repeat center / cover;}
.sy_xw .row{margin:0; justify-content:space-between;}
.sy_xw .tw_zc{width:calc(53% - 15px); border-radius:6px; background-color:#fff; overflow:hidden; position:relative;}
.sy_xw .swiper-button-prev{width:40px; height:40px; border:1px solid #e4e4e4; line-height:38px; text-align:center; color:#555; border-radius:50%; background-color:#fff; top:inherit; left:inherit; right:80px; bottom:30px; box-shadow:0 0 10px rgba(0,0,0,.05);
transition:all .5s;
-webkit-transition:all .5s;}
.sy_xw .swiper-button-prev:hover{background-color:#0081fa; border:1px solid #0081fa; color:#fff;}
.sy_xw .swiper-button-next{width:40px; height:40px; border:1px solid #e4e4e4; line-height:38px; text-align:center; color:#555; border-radius:50%; background-color:#fff; top:inherit; right:30px; bottom:30px;
box-shadow:0 0 10px rgba(0,0,0,.05);
transition:all .5s;
-webkit-transition:all .5s;}
.sy_xw .swiper-button-next:hover{background-color:#0081fa; border:1px solid #0081fa; color:#fff;}
.sy_xw .t_p{height:310px; overflow:hidden;}
.sy_xw .t_p img{width:100%; height:100%; display:block;
object-fit:cover;
object-position:center top;
-webkit-user-select:none;
user-select:none;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_xw .tw_zc:hover .t_p img{transform:scale(1.05);
-webkit-transform:scale(1.05);}
.sy_xw .w_z{padding:20px;}
.sy_xw .w_z h3{font-size:24px; line-height:34px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw .w_z h3 a:hover{color:#0081fa;}
.sy_xw .w_z p{width:calc(100% - 130px); font-size:16px; color:#666b75; line-height:26px; margin:10px 0 15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw .w_z span{color:#666b75;}
.sy_xw .tw_yc{width:calc(47% - 15px); padding:40px; border-radius:6px; background-color:#fff; overflow:hidden;}
.sy_xw .tw_yc ul li{display:flex; flex-wrap:wrap; justify-content:space-between; font-size:16px; line-height:44px;}
.sy_xw .tw_yc ul li span.x_h{width:26px;}
.sy_xw .tw_yc ul li span.s_j{width:80px; font-size:12px; color:#666b75; text-align:right;}
.sy_xw .tw_yc ul li a{width:calc(100% - 106px); text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:inline-block;}
.sy_xw .tw_yc ul li a:hover{color:#0081fa;}
.sy_xw .tw_yc a.lj_gd{margin-top:15px; font-size:16px; line-height:26px; color:#0081fa; display:inline-block;}
@media only screen and (max-width:1160px){
.sy_xw{padding:50px 0;}
.sy_xw .sy_bt{margin-bottom:25px;}
.sy_xw .hd{width:300px; height:50px; padding:5px; border-radius:50px; margin:0 auto 30px;}
.sy_xw .hd ul li{width:140px; height:40px; border-radius:40px; font-size:17px; line-height:40px;}
.sy_xw .tw_zc{width:calc(50% - 10px);}
.sy_xw .swiper-button-prev{width:36px; height:36px; line-height:34px; right:65px; bottom:25px;}
.sy_xw .swiper-button-next{width:36px; height:36px; line-height:34px; right:20px; bottom:25px;}
.sy_xw .t_p{height:260px;}
.sy_xw .w_z{padding:15px;}
.sy_xw .w_z h3{font-size:20px; line-height:30px;}
.sy_xw .w_z p{font-size:15px;}
.sy_xw .tw_yc{width:calc(50% - 10px); padding:30px;}
.sy_xw .tw_yc ul li{font-size:15px; line-height:40px;}
.sy_xw .tw_yc ul li span.s_j{width:70px;}
.sy_xw .tw_yc ul li a{width:calc(100% - 96px);}
.sy_xw .tw_yc a.lj_gd{margin-top:10px; font-size:15px;}
}
@media only screen and (max-width:768px){
.sy_xw{padding:40px 0;}
.sy_xw .tw_zc{width:100%;}
.sy_xw .w_z h3{font-size:18px; line-height:28px;}
.sy_xw .tw_yc{width:100%; padding:20px; margin-top:20px;}
}
.sy_lj{width:100%; padding:80px 0; text-align:center; color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.sy_lj h2{font-size: 38px;font-weight:bold;line-height:46px;margin-bottom:30px;}
.sy_lj h3{font-size:18px; line-height:26px; margin-bottom:30px;}
.sy_lj a{min-width:150px; height:48px; padding:0 20px; border-radius:48px; font-size:16px; color:#0081fa; line-height:48px; margin:0 10px; display:inline-block; position:relative;
background:linear-gradient(#0081fa, #0081fa) repeat-y;
background:-webkit-linear-gradient(#0081fa, #0081fa) repeat-y;
background-color:#fff;
background-size:0 100%;}
.sy_lj a:hover{color:#fff; background-size:100% 100%;}
.sy_lj a.d_k{width:auto; padding:0 25px;}
.sy_lj a.zx_zx{color:#fff; background:none; border:1px solid #fff; line-height:46px;
background:linear-gradient(#0081fa, #0081fa) repeat-y;
background:-webkit-linear-gradient(#0081fa, #0081fa) repeat-y;
background-size:0 100%;}
.sy_lj a.zx_zx:hover{border:1px solid #0081fa; background-size:100% 100%;}
@media only screen and (max-width:1160px){
.sy_lj{padding:50px 0;}
.sy_lj h2{font-size:34px; line-height:40px; margin-bottom:25px;}
.sy_lj h3{font-size:16px; line-height:22px; margin-bottom:25px;}
.sy_lj a{min-width:136px; height:40px; border-radius:40px; font-size:16px; line-height:40px; margin:0 7px;}
.sy_lj a.d_k{padding:0 20px;}
.sy_lj a.zx_zx{line-height:38px;}
}
@media only screen and (max-width:768px){
.sy_lj{padding:40px 0;}
.sy_lj h2{font-size:26px; line-height:32px; margin-bottom:20px;}
.sy_lj h3{font-size:14px;}
.sy_lj a{min-width:126px; height:38px; border-radius:38px; font-size:15px; line-height:38px;}
.sy_lj a.d_k{padding: 0 20px;}
.sy_lj a.zx_zx{line-height:36px;}
}
.ai_ban{width:100%; height:580px; margin-top:60px; background:url(../images/ai_ban.jpg) no-repeat center / cover; display:flex; align-items:center; overflow:hidden;}
.ai_ban .row{margin:0; justify-content:space-between; align-items:center;}
.ai_ban .bn_wz{width: 600px;}
.ai_ban .bn_wz h2{font-size: 38px;color:#2b2b2b;font-weight:bold;line-height: 46px;margin-top:10px;}
.ai_ban .bn_wz h3 span{display:inline-block;margin-right:10px;font-size: 38px;font-weight:bold;line-height: 46px;color:transparent;background:linear-gradient(left, #1b80f9, #9361dd);background:-webkit-linear-gradient(left, #1b80f9, #9361dd);-webkit-background-clip:text;background-clip:text;}
.ai_ban .bn_wz h3 img{display:inline-block;vertical-align:top;max-width:100%;height:auto;margin-top: -6px;}
.ai_ban .bn_wz .x_z{font-size:18px;color:#2b2b2b;line-height:26px;margin-top: 20px;}
.ai_ban .bn_wz a{min-width: 168px;height: 46px;padding: 0 20px;border-radius:5px;display:inline-block;font-size: 15px;color:#fff;line-height: 46px;text-align:center;margin-top:45px;background:linear-gradient(#9560f0, #9560f0) repeat-y;background:-webkit-linear-gradient(#9560f0, #9560f0) repeat-y;background-color:#0081fa;background-size:0 100%;}
.ai_ban .bn_wz a:hover{background-size:100% 100%;}
.ai_ban .bn_tp{width:520px;}
.ai_ban .bn_tp img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1160px){
.ai_ban{height:400px;}
.ai_ban .bn_wz{width: 60%;}
.ai_ban .bn_wz h2{font-size: 32px;line-height: 40px;}
.ai_ban .bn_wz h3 span{margin-right:6px;font-size: 32px;line-height: 40px;}
.ai_ban .bn_wz .x_z{font-size:16px; margin-top:20px;}
.ai_ban .bn_wz a{min-width: 146px;height:40px;font-size:15px;line-height:40px;margin-top:30px;}
.ai_ban .bn_tp{width:40%;}
}
@media only screen and (max-width:768px){
.ai_ban{height:280px;margin-top: 50px;}
.ai_ban .bn_wz{width:58%;}
.ai_ban .bn_wz h2{font-size: 24px;line-height: 34px;margin-top:6px;}
.ai_ban .bn_wz h3 span{font-size: 24px;line-height: 34px;}
.ai_ban .bn_wz h3 img{margin-top:-4px;}
.ai_ban .bn_wz .x_z{font-size:14px; line-height:22px; margin-top:15px;}
.ai_ban .bn_wz a{min-width: 128px;height:36px;font-size:14px;line-height:36px;margin-top:20px;}
.ai_ban .bn_tp{width:40%;}
}
@media only screen and (max-width:640px){
.ai_ban{height:440px;}
.ai_ban .bn_wz{width:100%; text-align:center; margin-bottom:25px;}
.ai_ban .bn_wz h2{font-size: 20px;line-height: 30px;}
.ai_ban .bn_wz h3 span{font-size:26px; line-height:34px;}
.ai_ban .bn_wz a{min-width: 70%;margin-top:10px;}
.ai_ban .bn_tp{width:66%; margin:0 auto;}
}
.ai_ss{width:100%; padding:90px 0; overflow:hidden;}
.ai_ss .sy_bt{margin-bottom:50px;}
.ai_ss .ss_nr{padding:10px 20px; border:3px solid #3a7df5; border-radius:15px; display:flex; justify-content:space-between; align-items:center; overflow:hidden;}
.ai_ss .ss_nr input{width:calc(100% - 60px); height:60px; border:0; background:none; font-size:18px; line-height:60px; color:#333; display:block;}
.ai_ss .ss_nr input::placeholder{color:#9fa2ab;}
.ai_ss .ss_nr button{width:50px; height:50px; background:none; border:0; display:inline-block; outline:none; overflow:hidden;}
.ai_ss .ss_nr button img{width:100%; height:auto; display:block;
transition:all .5s;
-webkit-transition:all .5s;}
.ai_ss .ss_nr button:hover img{transform:rotate(360deg);
-webkit-transform:rotate(360deg);}
.ai_ss .ai_js{margin:60px 0 45px;}
.ai_ss .ai_js ul{margin:0; justify-content:space-between;}
.ai_ss .ai_js ul li{width:calc(50% - 12px); padding:30px 24px; border-radius:20px; overflow:hidden; position:relative; color:#fff;}
.ai_ss .ai_js ul li:first-child{background-image:-webkit-linear-gradient(top, #2593fa, #b7dafa);
background-image:linear-gradient(top, #2593fa, #b7dafa);}
.ai_ss .ai_js ul li:nth-child(2){background-image:-webkit-linear-gradient(top, #7e75ff, #c7c3fe);
background-image:linear-gradient(top, #7e75ff, #c7c3fe);}
.ai_ss .ai_js ul li:nth-child(2):after{width:32px; height:32px; background:url(../images/ai_s.png) no-repeat center / cover; position:absolute; top:30px; right:26px; content:""; opacity:.3;}
.ai_ss .ai_js .b_t{padding-left:5px;margin-bottom: 20px;}
.ai_ss .ai_js h2{font-size: 22px;font-weight:bold;line-height:30px;}
.ai_ss .ai_js h3{font-size:14px;line-height: 22px;margin-top:5px;font-weight: normal;}
.ai_ss .ai_js img{width:100%; height:auto; display:block;}
.ai_ss .ai_sj h3{font-size: 28px;line-height:40px;text-align:center;color:#333;margin-bottom:35px;}
.ai_ss .ai_sj .b_t{font-size: 22px;line-height:40px;font-weight:bold;text-align:center;color:#333;margin-bottom:20px;}
.ai_ss .ai_sj .row{margin:0; justify-content:space-between;}
.ai_ss .sj_zc{width: calc(33.33333333% - 10px);padding:20px 20px 0;border-radius:15px;overflow:hidden;background-image:-webkit-linear-gradient(top, #e5f1ff, #f6faff);background-image:linear-gradient(top, #e5f1ff, #f6faff);}
.ai_ss .sj_zc img{width:120px; height:auto; display:block;}
.ai_ss .sj_zc .m_c{font-size: 20px;line-height:30px;color:#333;}
.ai_ss .sj_zc span{font-size: 14px;line-height:26px;color:#666b75;}
.ai_ss .sj_zc ul li{padding: 10px 15px;background-color:#fff;border-radius:10px;margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.ai_ss .sj_zc .w_z{width:calc(100% - 120px);}
.ai_ss .sj_yc{width: calc(66.66666667% - 10px);padding:20px;border-radius:15px;overflow:hidden;background-image:-webkit-linear-gradient(top, #f7f8ff, #f5f6ff);background-image:linear-gradient(top, #f7f8ff, #f5f6ff);}
.ai_ss .yc_nr{width:100%; border-radius:10px; background-color:#fff; overflow:hidden;}
.ai_ss .yc_nr ul{margin:0;}
.ai_ss .yc_nr ul li{width:33.33333333%;padding: 0 15px;margin: 24px 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.ai_ss .yc_nr img{width:50px; height:auto; display:block;}
.ai_ss .yc_nr .s_z{font-size: 20px;line-height:30px;font-weight:bold;}
.ai_ss .yc_nr span{font-size: 14px;line-height: 20px;color:#666b75;}
.ai_ss .yc_nr .w_z{width: calc(100% - 60px);margin-left: 10px;}
@media only screen and (max-width:1160px){
.ai_ss{padding:50px 0;}
.ai_ss .sy_bt{margin-bottom:35px;}
.ai_ss .ss_nr{padding:10px 15px; border:2px solid #3a7df5; border-radius:10px;}
.ai_ss .ss_nr input{width:calc(100% - 60px); height:50px; font-size:16px; line-height:50px;}
.ai_ss .ss_nr button{width:44px; height:44px;}
.ai_ss .ai_js{margin:40px 0 30px;}
.ai_ss .ai_js ul li{width:calc(50% - 12px); padding:25px 20px; border-radius:15px;}
.ai_ss .ai_js ul li:nth-child(2):after{width:28px; height:28px; top:25px; right:20px;}
.ai_ss .ai_js .b_t{margin-bottom:25px;}
.ai_ss .ai_js h2{font-size:20px; line-height:28px;}
.ai_ss .ai_sj h3{font-size:26px; line-height:32px; margin-bottom:25px;}
.ai_ss .ai_sj .b_t{font-size:20px; line-height:32px; margin-bottom:15px;}
.ai_ss .sj_zc{width:100%; padding:15px; margin-bottom:20px; border-radius:10px;}
.ai_ss .sj_zc img{width:80px; margin:0 auto 10px;}
.ai_ss .sj_zc .m_c{font-size:18px; font-weight:bold; line-height:26px;}
.ai_ss .sj_zc span{font-size:15px; line-height:24px;}
.ai_ss .sj_zc ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.ai_ss .sj_zc ul li{width:32%; padding:10px; margin-bottom:0; display:block; text-align:center;}
.ai_ss .sj_zc .w_z{width:100%;}
.ai_ss .sj_yc{width:100%; padding:15px; border-radius:10px;}
.ai_ss .yc_nr{border-radius:6px;}
.ai_ss .yc_nr ul li{padding:0 15px; margin:16px 0;}
.ai_ss .yc_nr img{width:40px; height:auto; display:block;}
.ai_ss .yc_nr .s_z{font-size:20px; line-height:26px;}
.ai_ss .yc_nr span{font-size:15px; line-height:24px;}
.ai_ss .yc_nr .w_z{width:calc(100% - 50px); margin-left:10px;}
}
@media only screen and (max-width:768px){
.ai_ss{padding:40px 0;}
.ai_ss .ss_nr{padding:10px; border:1px solid #3a7df5; border-radius:6px;}
.ai_ss .ss_nr input{width:calc(100% - 40px); height:30px; font-size:14px; line-height:30px;}
.ai_ss .ss_nr button{width:34px; height:34px;}
.ai_ss .ai_js{margin:30px 0 10px;}
.ai_ss .ai_js ul li{width:100%; margin-bottom:20px; padding:20px; border-radius:10px;}
.ai_ss .ai_js ul li:nth-child(2):after{width:22px; height:22px; top:20px;}
.ai_ss .ai_js .b_t{margin-bottom:20px;}
.ai_ss .ai_js h2{font-size:18px; line-height:26px;}
.ai_ss .ai_sj .b_t{font-size:18px; line-height:28px;}
.ai_ss .sj_zc img{width:60px;}
.ai_ss .sj_zc .m_c{font-size:17px;}
.ai_ss .sj_zc span{font-size:14px; line-height:24px;}
.ai_ss .yc_nr ul li{padding:0; margin:10px 0; display:block; text-align:center;}
.ai_ss .yc_nr img{width:40px; height:auto; display:block; margin:0 auto 10px;}
.ai_ss .yc_nr .s_z{font-size:17px;}
.ai_ss .yc_nr span{font-size:14px; line-height:22px;}
.ai_ss .yc_nr .w_z{width:100%; margin-left:0;}
}
@media only screen and (max-width:640px){
.ai_ss .ai_js ul li{padding:15px;}
.ai_ss .ai_js h3{line-height:20px;}
.ai_ss .sj_zc ul li{width:100%; margin-bottom:10px; display:flex;}
.ai_ss .sj_zc ul li:last-child{margin-bottom:0;}
.ai_ss .sj_zc img{width:80px;}
.ai_ss .sj_zc .w_z{width:calc(100% - 100px); text-align:left;}
.ai_ss .sj_zc .m_c{font-size:16px;}
.ai_ss .yc_nr ul li{Width:50%;}
}
.ai_yy{width:100%; padding:90px 0; background:url(../images/yy_bj.jpg) no-repeat top center / cover; overflow:hidden;}
.ai_yy .sy_bt h2{color:#fff;}
.ai_yy .swiper-yy{padding-top:15px; overflow:hidden; position:relative;}
.ai_yy .yy_nr{width:100%;padding: 30px 25px;border-radius:15px;overflow:hidden;background-image:-webkit-linear-gradient(top, #f7f8ff, #f5f6ff);background-image:linear-gradient(top, #f7f8ff, #f5f6ff);transition:all .5s;-webkit-transition:all .5s;}
.ai_yy .yy_nr:hover{background-image:-webkit-linear-gradient(top, #d8f1ff, #f5fbff);
background-image:linear-gradient(top, #d8f1ff, #f5fbff);
transform:translateY(-15px);
-webkit-transform:translateY(-15px);}
.ai_yy .yy_nr h2{font-size: 20px;color:#333;font-weight:bold;line-height: 30px;margin-bottom:10px;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}
.ai_yy .yy_nr h2 img{width: 28px;height:auto;display:inline-block;vertical-align:middle;margin-top:-4px;margin-right: 7px;}
.ai_yy .yy_nr h3{font-size: 14px;line-height: 24px;font-weight: normal;font-weight: normal;lor:#666b75;height:52px;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ai_yy .yy_nr a{width:100%; border-radius:5px; font-size:15px; line-height:40px; text-align:center; color:#fff; opacity:0; display:block;
background:linear-gradient(left, #1b80f9, #9361dd);
background:-webkit-linear-gradient(left, #1b80f9, #9361dd);}
.ai_yy .yy_nr:hover a{opacity:1;}
.ai_yy .yy_nr a i{font-size:16px;display:inline-block;vertical-align:middle;margin-top: -2px;}
.ai_yy .yy_nr .t_p{position:relative; margin:10px 0 20px; cursor:pointer;}
.ai_yy .yy_nr .t_p img{max-width:100%; height:auto; display:block; margin:0 auto;}
.ai_yy .yy_nr .t_p span{position:absolute;top: 0;right:15px;padding: 0 10px;background-color:#fff;border-radius: 32px;font-size: 12px;line-height: 32px;color:#4093ff;box-shadow:0 5px 15px rgba(64,147,255,.3);}
.ai_yy .swiper-button-prev{width:46px; height:46px; line-height:46px; text-align:center; color:#fff; border-radius:50%; background-color:rgba(0,0,0,.2); top:50%; left:1%; margin-top:-22px; opacity:0;
transition:all .5s;
-webkit-transition:all .5s;}
.ai_yy:hover .swiper-button-prev{opacity:1;}
.ai_yy .swiper-button-prev:hover{background-color:#0081fa;}
.ai_yy .swiper-button-next{width:46px; height:46px; line-height:46px; text-align:center; color:#fff; border-radius:50%; background-color:rgba(0,0,0,.2); top:50%; right:1%; margin-top:-22px; opacity:0;
transition:all .5s;
-webkit-transition:all .5s;}
.ai_yy:hover .swiper-button-next{opacity:1;}
.ai_yy .swiper-button-next:hover{background-color:#0081fa;}
@media only screen and (max-width:1160px){
.ai_yy{padding:50px 0;}
.ai_yy .swiper-yy{padding-top:10px;}
.ai_yy .yy_nr{padding:20px; border-radius:10px;}
.ai_yy .yy_nr:hover{transform:translateY(-10px);
-webkit-transform:translateY(-10px);}
.ai_yy .yy_nr h2{font-size:20px; line-height:28px;}
.ai_yy .yy_nr h2 img{width:28px;}
.ai_yy .yy_nr h3{font-size:15px; line-height:22px; height:44px;}
.ai_yy .yy_nr a{font-size:14px; line-height:36px;}
.ai_yy .yy_nr .t_p span{top:0; right:10px; padding:0 15px; border-radius:30px; font-size:13px; line-height:30px; box-shadow:0 3px 10px rgba(64,147,255,.3);}
.ai_yy .swiper-button-prev{width:46px; height:46px; line-height:46px; margin-top:-22px; opacity:1;}
.ai_yy .swiper-button-next{width:46px; height:46px; line-height:46px; margin-top:-22px; opacity:1;}
}
@media only screen and (max-width:768px){
.ai_yy{padding:40px 0;}
}
@media only screen and (max-width:640px){
.ai_yy .yy_nr{padding:20px 15px;}
.ai_yy .yy_nr h2{font-size: 16px;line-height:26px;}
.ai_yy .yy_nr h2 img{width:22px;}
.ai_yy .yy_nr h3{font-size:14px;}
.ai_yy .yy_nr .t_p span{padding:0 12px;}
.ai_yy .swiper-slide{width: 90%;}
.ai_yy .swiper-button-prev{display:none;}
.ai_yy .swiper-button-next{display:none;}
}
.ai_ld{width:100%; padding:90px 0; overflow:hidden;}
.ai_ld .ld_zs ul{margin:0 -10px;}
.ai_ld .ld_zs ul li{width:calc(25% - 20px); margin:0 10px; padding:25px; border-radius:10px;
transition:all .5s;
-webkit-transition:all .5s;}
.ai_ld .ld_zs ul li:first-child{background-image:-webkit-linear-gradient(top, #d8f1ff, #ecf7ff);
background-image:linear-gradient(top, #d8f1ff, #ecf7ff);}
.ai_ld .ld_zs ul li:nth-child(2){background-image:-webkit-linear-gradient(top, #e5ecff, #fbfbff);
background-image:linear-gradient(top, #e5ecff, #fbfbff);}
.ai_ld .ld_zs ul li:nth-child(3){background-image:-webkit-linear-gradient(top, #e5f0ff, #f6faff);
background-image:linear-gradient(top, #e5f0ff, #f6faff);}
.ai_ld .ld_zs ul li:last-child{background-image:-webkit-linear-gradient(top, #f8edff, #fcf9fd);
background-image:linear-gradient(top, #f8edff, #fcf9fd);}
.ai_ld .ld_zs ul li:hover{box-shadow:0 0 20px rgba(166,179,217,.5);
transform:translateY(-10px);
-webkit-transform:translateY(-10px);}
.ai_ld .ld_zs .b_t{font-size: 20px;font-weight:bold;text-align:center;color:#333;line-height: 30px;}
.ai_ld .ld_zs .w_z{font-size: 15px;line-height: 22px;color:#666b75;margin: 10px 0 20px;height: 88px;overflow:hidden;display:-webkit-box;line-clamp: 4;-webkit-line-clamp: 4;-webkit-box-orient:vertical;}
.ai_ld .ld_zs .t_p img{width:100%; height:auto; border-radius:10px; display:block;}
@media only screen and (max-width:1160px){
.ai_ld{padding:50px 0;}
.ai_ld .ld_zs ul li{padding:20px; border-radius:6px;}
.ai_ld .ld_zs ul li:hover{box-shadow:0 0 15px rgba(166,179,217,.5);}
.ai_ld .ld_zs .b_t{font-size:18px; line-height:28px; white-space:nowrap;}
.ai_ld .ld_zs .w_z{font-size:14px; line-height:20px; margin:10px 0 15px; height:80px;}
}
@media only screen and (max-width:768px){
.ai_ld{padding:40px 0 20px;}
.ai_ld .ld_zs ul li{width:calc(50% - 20px); margin-bottom:20px;}
}
@media only screen and (max-width:640px){
.ai_ld{padding:40px 0;}
.ai_ld .ld_zs ul{white-space:nowrap;overflow-x:scroll;display:block;margin: 0;}
.ai_ld .ld_zs ul::-webkit-scrollbar{display:none}
.ai_ld .ld_zs ul li{width: 280px;display:inline-block;margin:0 10px 0 0;}
.ai_ld .ld_zs .b_t{font-size:17px; text-align:left;}
.ai_ld .ld_zs .w_z{width: 240px;white-space: break-spaces;}
}
.ai_cj{width:100%; padding:90px 0; background:url(../images/cj_bj.jpg) no-repeat top center / cover; overflow:hidden;}
.ai_cj .hd{width: 100%;padding:5px;border-radius:56px;background-color:#fff;box-shadow:0 0 10px rgba(235,235,235,.3);margin:0 auto 40px;}
.ai_cj .hd ul{margin:0;}
.ai_cj .hd ul li{width: 20%;height:46px;border-radius:46px;background-color:#fff;font-size: 15px;color:#333;line-height:46px;text-align:center;cursor:pointer;transition:all .5s;-webkit-transition:all .5s;}
.ai_cj .hd ul li.on{color:#0081fa; font-weight:bold; background-color:#e5f2fe;}
.ai_cj .kh_kt{padding-top:10px;}
.ai_cj .kh_kt ul{margin:0 -12px;}
.ai_cj .kh_kt ul li{width:calc(33.33333333% - 24px); margin:0 12px 24px; border-radius:15px; padding:25px 25px 0;
transition:all .5s;
-webkit-transition:all .5s;}
.ai_cj .kh_kt ul li:hover{transform:translateY(-10px);
-webkit-transform:translateY(-10px);}
.ai_cj .kh_kt ul li:first-child{background-image:-webkit-linear-gradient(top, #e0eff6, #eaf2f9);
background-image:linear-gradient(top, #e0eff6, #eaf2f9);}
.ai_cj .kh_kt ul li:nth-child(2){background-image:-webkit-linear-gradient(top, #e5e9f3, #f2f4f9);
background-image:linear-gradient(top, #e5e9f3, #f2f4f9);}
.ai_cj .kh_kt ul li:nth-child(3){background-image:-webkit-linear-gradient(top, #eaeef5, #eff3f9);
background-image:linear-gradient(top, #eaeef5, #eff3f9);}
.ai_cj .kh_kt ul li:nth-child(4){background-image:-webkit-linear-gradient(top, #ede8f2, #f2f3f8);
background-image:linear-gradient(top, #e5f0ff, #f6faff);}
.ai_cj .kh_kt ul li:nth-child(5){background-image:-webkit-linear-gradient(top, #e0eff6, #eaf2f9);
background-image:linear-gradient(top, #ede8f2, #f2f3f8);}
.ai_cj .kh_kt ul li:nth-child(6){background-image:-webkit-linear-gradient(top, #e5e9f3, #f2f4f9);
background-image:linear-gradient(top, #e5e9f3, #f2f4f9);}
.ai_cj .kh_kt h2{font-size: 20px;color:#333;line-height:32px;font-weight:bold;margin-bottom: 5px;}
.ai_cj .kh_kt h3{font-size: 15px;font-weight: normal;color: #7a868d;line-height: 22px;height: 88px;margin-bottom:20px;overflow: hidden;display: -webkit-box;line-clamp: 4;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ai_cj .kh_kt img{max-width:100%; height:auto; display:block; margin:0 auto;}
.ai_cj .jz_qb{padding-top:10px;}
.ai_cj .jz_qb ul{margin:0 -12px;}
.ai_cj .jz_qb ul li{width:calc(50% - 24px); margin:0 12px 24px; border-radius:15px; padding-top:25px; overflow:hidden;
transition:all .5s;
-webkit-transition:all .5s;}
.ai_cj .jz_qb ul li:hover{transform:translateY(-10px);
-webkit-transform:translateY(-10px);}
.ai_cj .jz_qb ul li:first-child{background-image:-webkit-linear-gradient(top, #d3e7f9, #ecf4fc);
background-image:linear-gradient(top, #d3e7f9, #ecf4fc);}
.ai_cj .jz_qb ul li:nth-child(2){background-image:-webkit-linear-gradient(top, #dae7f9, #eef4fb);
background-image:linear-gradient(top, #dae7f9, #eef4fb);}
.ai_cj .jz_qb .b_t{padding:0 25px;}
.ai_cj .jz_qb h2{font-size: 20px;color:#333;line-height: 30px;font-weight:bold;margin-bottom: 5px;}
.ai_cj .jz_qb h3{font-size: 15px;font-weight: normal;color: #7a868d;line-height: 22px;margin-bottom: 10px;height: 44px;overflow: hidden;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ai_cj .jz_qb img{width:100%; height:auto; display:block;}
.ai_cj .zj_ms{padding-top:10px;}
.ai_cj .zj_ms ul{margin:0 -15px;}
.ai_cj .zj_ms ul li{width:calc(50% - 30px); margin:0 15px 35px; border-radius:15px; padding:20px 25px; display:flex; flex-wrap:wrap; justify-content:space-between;
transition:all .5s;
-webkit-transition:all .5s;}
.ai_cj .zj_ms ul li:hover{transform:translateY(-10px);
-webkit-transform:translateY(-10px);}
.ai_cj .zj_ms ul li:first-child{background-image:-webkit-linear-gradient(top, #d8f0ff, #ebf7ff);
background-image:linear-gradient(top, #d8f0ff, #ebf7ff);}
.ai_cj .zj_ms ul li:nth-child(2){background-image:-webkit-linear-gradient(top, #e5ebff, #fbfcff);
background-image:linear-gradient(top, #e5ebff, #fbfcff);}
.ai_cj .zj_ms ul li:nth-child(3){background-image:-webkit-linear-gradient(top, #f8edff, #fcf8fd);
background-image:linear-gradient(top, #f8edff, #fcf8fd);}
.ai_cj .zj_ms ul li:nth-child(4){background-image:-webkit-linear-gradient(top, #e5f1ff, #f6faff);
background-image:linear-gradient(top, #e5f1ff, #f6faff);}
.ai_cj .zj_ms ul li:nth-child(5){background-image:-webkit-linear-gradient(top, #ebf8ff, #f5fbff);
background-image:linear-gradient(top, #ebf8ff, #f5fbff);}
.ai_cj .zj_ms ul li:nth-child(6){background-image:-webkit-linear-gradient(top, #f2f5ff, #fdfdff);
background-image:linear-gradient(top, #f2f5ff, #fdfdff);}
.ai_cj .zj_ms h2{font-size: 20px;color:#333;line-height: 30px;font-weight:bold;}
.ai_cj .zj_ms .x_z{font-size: 14px;color:#7a868d;line-height: 22px;}
.ai_cj .zj_ms .t_x{width:70px;}
.ai_cj .zj_ms .t_x img{width:100%; height:auto; display:block;}
.ai_cj .zj_ms .w_z{width:calc(100% - 90px);}
.ai_cj .zj_ms .b_q{margin:5px 0 10px;}
.ai_cj .zj_ms .b_q span{font-size: 13px;line-height: 28px;color:#3178fe;margin-right:5px;padding:0 15px;border-radius:6px;background-color:#deebff;display:inline-block;}
@media only screen and (max-width:1160px){
.ai_cj{padding:50px 0;}
.ai_cj .hd{border-radius:50px; margin:0 auto 30px;}
.ai_cj .hd ul{white-space:nowrap; overflow-x:scroll; display:block;}
.ai_cj .hd ul::-webkit-scrollbar{display:none}
.ai_cj .hd ul li{width:auto; height:40px; padding:0 25px; border-radius:40px; line-height:40px; display:inline-block;}
.ai_cj .kh_kt{padding-top:10px;}
.ai_cj .kh_kt ul{margin:0 -10px;}
.ai_cj .kh_kt ul li{width:calc(33.33333333% - 20px); margin:0 10px 20px; border-radius:10px; padding:20px 20px 0;}
.ai_cj .kh_kt h2{font-size: 16px;line-height:28px;}
.ai_cj .kh_kt h3{font-size:14px; line-height:22px; margin-bottom:15px;}
.ai_cj .jz_qb ul{margin:0 -10px;}
.ai_cj .jz_qb ul li{width:calc(50% - 20px); margin:0 10px 20px; border-radius:10px; padding-top:20px;}
.ai_cj .jz_qb .b_t{padding:0 20px;}
.ai_cj .jz_qb h2{font-size: 16px;line-height:28px;}
.ai_cj .jz_qb h3{font-size:14px; line-height:22px; margin-bottom:15px;}
.ai_cj .zj_ms ul{margin:0 -10px;}
.ai_cj .zj_ms ul li{width:calc(50% - 20px); margin:0 10px 20px; border-radius:10px; padding:15px 20px;}
.ai_cj .zj_ms h2{font-size: 16px;line-height:28px;}
.ai_cj .zj_ms .x_z{font-size:14px; line-height:22px;}
.ai_cj .zj_ms .t_x{width:60px;}
.ai_cj .zj_ms .w_z{width:calc(100% - 75px);}
.ai_cj .zj_ms .b_q{margin:5px 0 6px;}
.ai_cj .zj_ms .b_q span{font-size:14px;line-height:28px;padding:0 10px;border-radius:4px;margin-bottom: 2px;}
}
@media only screen and (max-width:768px){
.ai_cj{padding:40px 0;}
.ai_cj .kh_kt ul{margin:0 -7px;}
.ai_cj .kh_kt ul li{width:calc(50% - 14px); margin:0 7px 14px;}
.ai_cj .kh_kt h2{font-size:17px; line-height:26px;}
.ai_cj .jz_qb ul{margin:0;}
.ai_cj .jz_qb ul li{width:100%; margin:0 0 20px;}
.ai_cj .jz_qb h2{font-size:17px; line-height:26px;}
.ai_cj .jz_qb img{width:60%; margin-left:40%;}
.ai_cj .zj_ms ul{margin:0;}
.ai_cj .zj_ms ul li{width:100%; margin:0 0 15px; border-radius:10px; padding:12px 20px;}
.ai_cj .zj_ms h2{font-size:17px; line-height:26px;}
.ai_cj .zj_ms .t_x{width:60px;}
.ai_cj .zj_ms .w_z{width:calc(100% - 75px);}
.ai_cj .zj_ms .b_q{margin:5px 0 6px;}
.ai_cj .zj_ms .b_q span{font-size:14px; line-height:28px; padding:0 10px; border-radius:4px;}
}
@media only screen and (max-width:640px){
.ai_cj .kh_kt ul li{padding:20px 15px 0;}
.ai_cj .kh_kt h2{font-size:16px; line-height:22px;}
}
.ai_db{width:100%; padding:90px 0; overflow:hidden;}
.ai_db .db_nr{width:100%;padding: 35px 40px;background:url(../images/vs_bg.jpg) no-repeat center / 100% 100%;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;}
.ai_db .db_nr img{max-width:100%; display:inline-block;}
.ai_db .db_nr ul li{border-bottom:1px dashed #fff;padding-bottom:15px;margin-bottom:15px;font-size: 16px;color:#fff;line-height: 24px;}
.ai_db .db_nr ul li:last-child{border-bottom:0; padding-bottom:0; margin-bottom:0;}
.ai_db .db_zc{width: 46%;}
.ai_db .db_zc h2{font-size: 22px;font-weight:bold;color:#fff;line-height: 32px;margin:10px 0 15px;}
.ai_db .db_yc{width: 38%;}
.ai_db .db_yc h2{font-size: 18px;font-weight:bold;color:#333;line-height: 32px;margin:10px 0 15px;}
.ai_db .db_yc ul li{font-size: 15px;color:#666b75;border-bottom:1px dashed #d8dadd;padding-bottom:20px;margin-bottom:20px;}
.ai_db .db_tb{width:142px; position:absolute; top:30%; left:50%; margin-left:-20px;}
@media only screen and (max-width:1160px){
.ai_db{padding:50px 0;}
.ai_db .db_nr{padding:40px;}
.ai_db .db_nr ul li{padding-bottom:10px; margin-bottom:10px; font-size:17px; line-height:26px;}
.ai_db .db_zc{width:45%;}
.ai_db .db_zc h2{font-size:20px; line-height:30px; margin:6px 0 10px;}
.ai_db .db_yc{width:38%;}
.ai_db .db_yc h2{font-size:18px; line-height:30px; margin:6px 0 10px;}
.ai_db .db_yc ul li{font-size:15px; padding-bottom:15px; margin-bottom:15px;}
.ai_db .db_tb{width:100px; top:30%; left:50%; margin-left:-10px;}
}
@media only screen and (max-width:768px){
.ai_db{padding:40px 0;}
.ai_db .db_tb{margin-left:-20px;}
}
@media only screen and (max-width:768px){
.ai_db .db_nr{padding:0; background:#f5f6f7; border-radius:15px; overflow:hidden;}
.ai_db .db_nr ul li{font-size:15px;}
.ai_db .db_zc{width:100%; padding:20px;
background:linear-gradient(left, #1b80f9, #9361dd);
background:-webkit-linear-gradient(left, #1b80f9, #9361dd);}
.ai_db .db_yc{width:100%; padding:20px;}
.ai_db .db_yc ul li{font-size:14px;}
.ai_db .db_tb{display:none;}
}
.sj_ban{width:100%; height:580px; margin-top:60px; background:url(../images/sj_ban.jpg) no-repeat center / cover; display:flex; align-items:center; overflow:hidden;}
.sj_ban .row{margin:0; justify-content:space-between; align-items:center;}
.sj_ban .bn_wz{width:560px;}
.sj_ban .bn_wz h2{font-size:48px; color:#2b2b2b; font-weight:bold; line-height:56px;}
.sj_ban .bn_wz h3{font-size:18px; color:#2b2b2b; line-height:26px; margin-top:25px;}
.sj_ban .bn_wz a{height:50px; padding:0 20px; border-radius:5px; display:inline-block; font-size:16px; color:#fff; line-height:50px; text-align:center; margin-top:45px;
background:linear-gradient(#9560f0, #9560f0) repeat-y;
background:-webkit-linear-gradient(#9560f0, #9560f0) repeat-y;
background-color:#0081fa;
background-size:0 100%;}
.sj_ban .bn_wz a:hover{background-size:100% 100%;}
.sj_ban .bn_tp{width:582px; position:relative;}
.sj_ban .bn_tp span{position:absolute; top:20px; right:-20px; padding:0 15px; border-radius:6px; font-size:17px; color:#fff; line-height:40px; box-shadow:5px 5px 15px rgba(0,129,250,.3);
background:linear-gradient(left, #0281fa, #5809fb);
background:-webkit-linear-gradient(left, #0281fa, #5809fb);}
.sj_ban .bn_tp img{width:100%; height:auto; display:block;}
.sj_ban .bn_tp .t_b{position:absolute; bottom:27%; left:6.5%; width:4.8%; cursor:pointer;
animation:iconScale 1.5s ease-in-out infinite;
-webkit-animation:iconScale 1.5s ease-in-out infinite;}
.sj_ban .bn_tp a{display:none;}
@media only screen and (max-width:1160px){
.sj_ban{height:400px;}
.sj_ban .bn_wz{width:46%;}
.sj_ban .bn_wz h2{font-size:38px; line-height:50px;}
.sj_ban .bn_wz h3{font-size:16px; margin-top:20px;}
.sj_ban .bn_wz a{height:40px; padding:0 15px; font-size:15px; line-height:40px; margin-top:30px;}
.sj_ban .bn_tp{width:46%;}
.sj_ban .bn_tp span{top:10px; right:-15px; padding:0 10px; font-size:15px; line-height:36px;}
}
@media only screen and (max-width:768px){
.sj_ban{height:280px;}
.sj_ban .bn_wz{width:46%;}
.sj_ban .bn_wz h2{font-size:30px; line-height:40px; margin-top:6px;}
.sj_ban .bn_wz h3{font-size:14px; line-height:22px; margin-top:15px;}
.sj_ban .bn_wz a{height:36px; font-size:14px; line-height:36px; margin-top:20px;}
.sj_ban .bn_tp{width:50%;}
.sj_ban .bn_tp span{top:5px; right:-10px; font-size:14px; line-height:30px;}
}
@media only screen and (max-width:640px){
.sj_ban{height:440px;}
.sj_ban .bn_wz{width:100%; text-align:center; margin-bottom:15px;}
.sj_ban .bn_wz h2{font-size:26px; line-height:34px;}
.sj_ban .bn_wz h3{margin-top:10px;}
.sj_ban .bn_wz a{display:none;}
.sj_ban .bn_tp{width:90%; margin:0 auto 46px;}
.sj_ban .bn_tp a{display:block; height:36px; padding:0 15px; border-radius:5px; display:inline-block; font-size:14px; color:#fff; line-height:36px; text-align:center; position:absolute; bottom:-46px; left:50%; word-break:keep-all;
background:linear-gradient(#9560f0, #9560f0) repeat-y;
background:-webkit-linear-gradient(#9560f0, #9560f0) repeat-y;
background-color:#0081fa;
background-size:0 100%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);}
.sj_ban .bn_tp a:hover{background-size:100% 100%;}
}
@keyframes iconScale {
0%{transform:scale(1);}
50%{transform:scale(1.2);}
100%{transform:scale(1);}
}
@-webkit-keyframes iconScale {
0%{-webkit-transform:scale(1);}
50%{-webkit-transform:scale(1.2);}
100%{-webkit-transform:scale(1);}
}
.sj_ss{width:100%; padding:90px 0 45px; overflow:hidden;}
.sj_ss .sj_an{margin-bottom:10px;}
.sj_ss .sj_an ul{margin:0;}
.sj_ss .sj_an ul li{display:inline-block; margin-right:10px; font-size:15px; line-height:36px; padding:0 10px; border:1px solid #f5f6fa; background-color:#f5f6fa; border-radius:5px; display:block;
transition:all .5s;
-webkit-transition:all .5s;}
.sj_ss .sj_an ul li:hover{font-weight:bold; color:#9560dc; border:1px solid #796de5;
background:linear-gradient(left, #e5f2fe, #f4effb);
background:-webkit-linear-gradient(left, #e5f2fe, #f4effb);}
.sj_ss .ss_nr{padding:15px 20px 15px 40px; background:url(../images/ssk.png) no-repeat center / 100% 100%; display:flex; justify-content:space-between; align-items:center; overflow:hidden;}
.sj_ss .ss_nr input{width:calc(100% - 120px); height:60px; border:0; background:none; font-size:20px; line-height:60px; color:#333; display:block;}
.sj_ss .ss_nr input::placeholder{color:#9fa2ab;}
.sj_ss .ss_nr button{width:110px; height:60px; background:none; border:0; border-radius:10px; display:inline-block; outline:none; overflow:hidden; font-size:22px; line-height:60px; text-align:center; font-weight:bold; color:#fff;
background:linear-gradient(left, #1b80f9, #9361dd);
background:-webkit-linear-gradient(left, #1b80f9, #9361dd);}
.sj_ss .ss_an a{width:220px; color:#fff;}
.sj_ss .ss_an a.zx_zx{background-image:url(../images/jbk1.png); color:#5f6670;}
.sj_ss .ss_an a.zx_zx:hover{color:#0084fd;}
@media only screen and (max-width:1160px){
.sj_ss{padding:50px 0 25px;}
.sj_ss .ss_nr{padding:10px 15px 10px 20px;}
.sj_ss .ss_nr input{width:calc(100% - 100px); height:50px; font-size:16px; line-height:50px;}
.sj_ss .ss_nr button{width:90px; height:50px; border-radius:6px; font-size:18px; line-height:50px;}
}
@media only screen and (max-width:768px){
.sj_ss{padding:40px 0 20px;}
.sj_ss .sj_an ul li{font-size:14px;}
.sj_ss .ss_nr{padding:10px;}
.sj_ss .ss_nr input{width:calc(100% - 90px); height:44px; font-size:14px; line-height:44px;}
.sj_ss .ss_nr button{width:80px; height:44px; font-size:16px; font-weight:normal; line-height:44px;}
}
@media only screen and (max-width:640px){
.sj_ss .sj_an{margin-bottom:0;}
.sj_ss .sj_an ul{margin:0 -5px;}
.sj_ss .sj_an ul li{width:calc(50% - 10px); margin:0 5px 10px; text-align:center;}
.sj_ss .ss_nr{padding:10px; background:none; border:1px solid #1b80f9; border-radius:5px;}
.sj_ss .ss_nr input{width:calc(100% - 70px); height:38px; line-height:38px;}
.sj_ss .ss_nr button{width:70px; height:38px; font-size:15px; line-height:38px;}
.sj_ss .ss_an a.zx_zx{margin-top:15px;}
}
.sj_qm{width:100%; padding:45px 0 55px;}
.sj_qm .qm_zs{width:100%; border-radius:30px; padding:30px 40px 30px 50px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:35px; position:sticky; top:120px;}
.sj_qm .zs_wz{width:29.46%;}
.sj_qm .zs_wz h2{font-size:30px; font-weight:bold; line-height:40px; color:#333; margin-bottom:6px;}
.sj_qm .zs_wz h3{font-size:18px; line-height:28px; color:#333;}
.sj_qm .zs_wz .w_z{font-size:16px; line-height:28px; color:#666b75; margin:30px 0; height:112px; overflow:hidden; display:-webkit-box;
line-clamp:4;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;}
.sj_qm .zs_wz a{height:40px; border-radius:40px; padding:0 25px; font-size:16px; color:#fff; line-height:40px; display:inline-block;
background:linear-gradient(#9560f0, #9560f0) repeat-y;
background:-webkit-linear-gradient(#9560f0, #9560f0) repeat-y;
background-color:#0084fd;
background-size:0 100%;}
.sj_qm .zs_wz a:hover{background-size:100% 100%;}
.sj_qm .zs_wz a img{display:inline-block; vertical-align:middle; margin-left:5px; margin-top:-4px;}
.sj_qm .zs_tp{width:62.5%; position:relative;}
.sj_qm .zs_tp img{width:100%; height:auto; display:block;}
.sj_qm .zs_tp .z_s{position:absolute;}
.sj_qm .zs_tp .z_s h3{font-size:14px; color:#333; font-weight:bold; position:absolute; top:20px; left:30px;}
@media only screen and (max-width:1160px){
.sj_qm{width:100%; padding:25px 0 30px;}
.sj_qm .qm_zs{border-radius:20px; padding:20px 30px; margin-bottom:20px;}
.sj_qm .zs_wz{width:30%;}
.sj_qm .zs_wz h2{font-size:26px; line-height:36px;}
.sj_qm .zs_wz h3{font-size:16px; line-height:26px;}
.sj_qm .zs_wz .w_z{font-size:15px; line-height:26px; margin:20px 0; height:104px;}
.sj_qm .zs_wz a{height:36px; border-radius:36px; padding:0 20px; font-size:15px; line-height:36px;}
.sj_qm .zs_tp{width:60%;}
.sj_qm .zs_tp .z_s h3{top:15px; left:20px;}
}
@media only screen and (max-width:768px){
.sj_qm{padding:20px 0 20px;}
.sj_qm .qm_zs{border-radius:10px; padding:20px;}
.sj_qm .zs_wz{width:100%; padding:15px; margin-bottom:10px;}
.sj_qm .zs_wz h2{font-size:22px; line-height:32px;}
.sj_qm .zs_wz h3{font-size:15px; line-height:24px;}
.sj_qm .zs_wz .w_z{font-size:14px; line-height:22px; margin:15px 0; height:66px;
line-clamp:3;
-webkit-line-clamp:3;}
.sj_qm .zs_wz a{height:32px; border-radius:32px; padding:0 15px; font-size:14px; line-height:32px;}
.sj_qm .zs_tp{width:100%;}
.sj_qm .zs_tp .z_s h3{top:20px; left:25px;}
}
@media only screen and (max-width:640px){
.sj_qm .qm_zs{padding:20px 10px; top:80px;}
.sj_qm .zs_tp .z_s h3{top:8px; left:15px; font-size:12px; white-space:nowrap;
transform:scale(.9);
-webkit-transform:scale(.9);}
}
.sj_zq{width:100%; padding:90px 0; overflow:hidden;}
.sj_zq .zq_wz{font-size:14px; color:#666b75; line-height:26px;}
.sj_zq .zq_db ul{margin:0 -12px;}
.sj_zq .zq_db ul li{width:calc(33.33333333% - 24px); margin:0 12px;}
.sj_zq .db_nr{margin-top:24px; padding:20px; border-radius:20px; overflow:hidden; position:relative;}
.sj_zq .db_nr h3{font-size:14px; line-height:26px; color:#333; margin-bottom:10px;}
.sj_zq .db_nr span{width:108px; height:41px; position:absolute; top:-1px; right:0; background-position:center; background-repeat:no-repeat; background-size:100% 100%; font-size:15px; line-height:32px; text-align:center; color:#fff; padding-left:10px;}
.sj_zq .db_nr img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1160px){
.sj_zq{padding:50px 0;}
.sj_zq .zq_db ul{margin:0 -10px;}
.sj_zq .zq_db ul li{width:calc(33.33333333% - 20px); margin:0 10px;}
.sj_zq .db_nr{margin-top:20px; padding:25px 15px 15px; border-radius:10px;}
.sj_zq .db_nr span{width:99px; height:38px; font-size:14px; line-height:30px;}
}
@media only screen and (max-width:768px){
.sj_zq{padding:40px 0;}
.sj_zq .zq_db{overflow-x:auto;}
.sj_zq .zq_db::-webkit-scrollbar{display:none}
.sj_zq .zq_db ul{white-space:nowrap; flex-wrap:nowrap; margin:0;}
.sj_zq .zq_db ul li{width:300px; margin:0 12px 0 0; display:inline-block;}
.sj_zq .db_nr{width:300px;}
}
.sj_dt{width:100%; padding:60px 0 50px; background:url(../images/dt_bj.jpg) no-repeat top center / cover; overflow:hidden;}
.sj_dt .sy_bt{margin-bottom:40px;}
.sj_dt .dt_nr{width:100%; height:430px; position:relative;}
.sj_dt .dt_nr img.sj_tb{width:280px; position:absolute; top:140px; left:50%; margin-left:-140px; display:block;}
.sj_dt .dt_nr .n_r{width:110px; height:110px; border-radius:100%; background-color:#fff; display:flex; justify-content:center; align-items:center; position:absolute;}
.sj_dt .dt_nr .n_r img{width:32px; height:auto; display:block; margin:0 auto;}
.sj_dt .dt_nr .n_r span{display:block; font-size:16px; line-height:22px; color:#505050; margin-top:6px;}
.sj_dt .dt_nr .nr_a{left:12.2%; top:41.53%;}
.sj_dt .dt_nr .nr_b{left:22%; top:14.11%;}
.sj_dt .dt_nr .nr_c{left:37%; top:0;}
.sj_dt .dt_nr .nr_d{right:37%; top:0;}
.sj_dt .dt_nr .nr_e{right:22%; top:14.11%;}
.sj_dt .dt_nr .nr_f{right:12.2%; top:41.53%;}
.sj_dt .dt_bt{width:100%; height:57px; background:url(../images/bl_mb.png) no-repeat center / 100% 100%; font-size:24px; line-height:57px; font-weight:bold; color:#0081fa; text-align:center; margin-top:20px;}
@media only screen and (max-width:1160px){
.sj_dt{padding:40px 0;}
.sj_dt .dt_nr{height:320px;}
.sj_dt .dt_nr img.sj_tb{width:230px; top:130px; left:50%; margin-left:-115px;}
.sj_dt .dt_nr .n_r{width:100px; height:100px;}
.sj_dt .dt_nr .n_r img{width:28px;}
.sj_dt .dt_nr .n_r span{font-size:15px; line-height:20px;}
.sj_dt .dt_bt{height:50px; font-size:22px; line-height:50px; margin-top:40px;}
}
@media only screen and (max-width:768px){
.sj_dt{padding:40px 0;}
.sj_dt .sy_bt{margin-bottom:30px;}
.sj_dt .dt_nr{height:280px;}
.sj_dt .dt_nr img.sj_tb{width:180px; margin-left:-90px;}
.sj_dt .dt_nr .n_r{width:90px; height:90px;}
.sj_dt .dt_nr .n_r img{width:26px;}
.sj_dt .dt_nr .n_r span{font-size:14px;}
.sj_dt .dt_nr .nr_c{left:35.6%;}
.sj_dt .dt_nr .nr_d{right:35.6%;}
.sj_dt .dt_bt{height:44px; font-size:18px; line-height:44px; margin-top:35px;}
}
@media only screen and (max-width:640px){
.sj_dt .dt_nr{height:inherit; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding-bottom:140px;}
.sj_dt .dt_nr img.sj_tb{position:relative; top:auto; left:auto; margin:0 auto;}
.sj_dt .dt_nr .n_r{width:100px; height:100px; margin:0 10px 20px; position:relative; top:auto; left:auto; right:auto;}
.sj_dt .dt_bt{font-size:15px; font-weight:normal; margin-top:0;}
}
.sy_sp{width:100%; padding:90px 0 70px; overflow:hidden;}
.sy_sp .sp_zs{position:relative;}
.sy_sp .swiper-kh{overflow:hidden;}
.sy_sp .swiper-slide{padding:10px;}
.sy_sp .swiper-slide a{display:block; border-radius:15px; box-shadow:0 0 10px rgba(158,167,255,.2); overflow:hidden;}
.sy_sp .swiper-pagination{display:none;}
.sy_sp .swiper-button-prev{width:40px; height:40px; border:1px solid #ddd; color:#555; border-radius:50%; left:-66px; margin-top:-20px;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_sp .swiper-button-prev:hover{background-color:#008df9; border:1px solid #008df9; color:#fff;}
.sy_sp .swiper-button-next{width:40px; height:40px; border:1px solid #ddd; color:#555; border-radius:50%; right:-66px; margin-top:-20px;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_sp .swiper-button-next:hover{background-color:#008df9; border:1px solid #008df9; color:#fff;}
.sy_sp i{font-size:20px; font-weight:bold; display:block;}
.sy_sp .t_p{position:relative; background-color:#000;}
.sy_sp .t_p i{width:38px; height:38px; position:absolute; top:50%; left:50%; margin:-19px 0 0 -19px;}
.sy_sp .t_p img{width:100%; height:auto; display:block;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_sp .swiper-slide:hover .t_p img{opacity:.6;}
.sy_sp .w_z{padding:15px 15px 25px 15px;}
.sy_sp .w_z h3{font-size:18px; font-weight:bold; line-height:28px; height:56px; margin-top:10px; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;}
.sy_sp .w_z span{display:inline-block; border-radius:5px; background-color:#e5f2fe; padding:0 20px; color:#0081fa; line-height:28px;}
@media only screen and (max-width:1160px){
.sy_sp{padding:50px 0 30px;}
.sy_sp .swiper-kh{padding-bottom:20px;}
.sy_sp .swiper-pagination{display:block; bottom:0 !important;}
.sy_sp .swiper-button-prev{display:none;}
.sy_sp .swiper-button-next{display:none;}
.sy_sp .t_p i{width:32px; height:32px; margin:-16px 0 0 -16px;}
.sy_sp .w_z h3{font-size:18px; line-height:26px;}
}
@media only screen and (max-width:768px){
.sy_sp{padding:40px 0 30px;}
.sy_sp .w_z h3{font-size:16px;}
}
@media only screen and (max-width:640px){
.sy_sp .swiper-slide{width:85%;}
}
.tc_sp{width:100%; height:100%; background-color:rgba(0,0,0,.6); position:fixed; top:0; left:0; z-index:99999; display:none;}
.tc_sp .g_b{position:absolute; top:-35px; right:-35px; cursor:pointer; color:#eee;
transition:all .5s;
-webkit-transition:all .5s;}
.tc_sp .g_b:hover{transform:rotate(360deg);
-webkit-transform:rotate(360deg);}
.tc_sp .vd_nr{width:100%; max-width:760px; position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);}
.tc_sp .vd_nr iframe{width:100%; height:428px; display:block;}
@media only screen and (max-width:768px){
.tc_sp .vd_nr{max-width:600px;}
.tc_sp .vd_nr iframe{height:428px;}
}
@media only screen and (max-width:640px){
.tc_sp .g_b{top:-40px; right:0;}
.tc_sp .vd_nr{max-width:90%;}
.tc_sp .vd_nr iframe{height:200px;}
}
.tc_tp{width:100%; height:100%; background-color:rgba(0,0,0,.6); position:fixed; top:0; left:0; z-index:99999; display:none;}
.tc_tp .g_b{position:absolute; top:-35px; right:-35px; cursor:pointer; color:#eee;
transition:all .5s;
-webkit-transition:all .5s;}
.tc_tp .g_b:hover{transform:rotate(360deg);
-webkit-transform:rotate(360deg);}
.tc_tp .g_b img{width:30px; height:auto; display:block;}
.tc_tp .tp_nr{width:100%; max-width:1086px; position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);}
.tc_tp .tp_nr .t_p{width:100%; max-height:550px; overflow-y:auto;}
.tc_tp .tp_nr .t_p::-webkit-scrollbar{width:6px;}
.tc_tp .tp_nr .t_p::-webkit-scrollbar-track{background-color:#eee;}
.tc_tp .tp_nr .t_p::-webkit-scrollbar-thumb{background-color:#ccc; border-radius:6px;}
.tc_tp .tp_nr .t_p::-webkit-scrollbar-thumb:hover{background-color:#777;}
.tc_tp .tp_nr .t_p::-webkit-scrollbar-thumb:active{background-color:#0081fa;}
.tc_tp .tp_nr .t_p img{max-width:100%; height:auto; display:block; margin:0 auto;}
@media only screen and (max-width:768px){
.tc_tp .g_b{top:-40px; right:0;}
.tc_tp .tp_nr{max-width:90%;}
.tc_tp .tp_nr .t_p{max-height:460px;}
}
/*footer*/
/*.footer {
background: #F4F7FC;
}
.footer .w1200 {
width:1230px;
}
.footer-brand {
display: flex;
flex-wrap:wrap;
border-bottom: 1px solid #dde2e9;
height: inherit;
padding:30px 0;
}
.footer-links {
display: flex;
width: 100%;
justify-content: space-between;
}
#rwm {
justify-content: space-around
}
.footer-brand ul {
display: flex;
width: 100%;
align-items: normal;
justify-content: space-between;
margin: 0;
}
.footer-brand ul li {
width: calc(25% - 15px);
padding: 18px 20px;
border-radius: 6px;
display: flex;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.footer-brand ul li h3 {
margin-bottom: 6px;
color: #41464f;
font-size: 18px;
}
.footer-brand ul li p {
color: #41464f;
margin-bottom: 0;
font-size: 12px;
}
.footer-brand ul li img {
width: 36px;
height: 39px;
margin-right: 15px;
}
.footer-main {
display: flex;
margin: 60px 0 30px 0;
align-items: center;
justify-content: space-between;
}
.link-group h4 {
color: #41464f;
font-size: 18px;
margin-bottom: 20px;
font-weight: bold;
}
.link-group ul {
list-style: none;
}
.link-group li {
color: #41464f;
margin-bottom: 10px;
}
.link-group a {
color: #41464f;
text-decoration: none;
transition: color 0.3s ease;
font-size: 13px;
}
.link-group a:hover {
color: #41464f;
}
.footer-bottom {
border-top: 1px solid #34495e;
padding-top: 20px;
text-align: center;
}
.footer-bottom p {
color: #bdc3c7;
font-size: 0.9rem;
}
.customer-service .home-index-bg {
background: #DFF0FF;
}
.customer-service .home-index-bg video {
opacity: .7
}
.home-index-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -2;
overflow: hidden;
}
.home-index-bg video {
position: absolute;
min-width: 100%;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.footer-main .down-icon img {
display: none;
}
.foot_wx {
padding: 10px 0 20px;
}
.foot_wx img {
width: 110px;
}
.foot_wx p {
width: 110px;
font-size: 14px;
color: #41464f;
line-height: 20px;
padding-top: 10px;
text-align: center;
margin-bottom: 0;
}
.copyright {
text-align: center;
font-weight: 400;
font-size: 14px;
color: rgba(255, 255, 255, 0.4);
line-height: 30px;
padding: 15px;
border-top: 1px solid #dde2e9;
}
.footer .copyright p {
margin-bottom: 0;
color: #41464f;
font-size: 14px;
line-height: 30px;
}
.footer .copyright p a {
color: #41464f;
margin: 0
}
.footer .copyright span {
color: #41464f;
}
.footer .copyright span a {
color: #41464f;
}
.foot_wx {
padding-right: 0!important
}
.copyright a {
margin: 0 10px;
position: relative;
color: #999;
}
.copyright img {
width: 30px;
height: 30px;
}
.copyright .hover {
width: 150px;
height: 150px;
max-width:none;
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -120%);
border-radius: 10px;
}
.copyright a:hover .hover {
display: block;
}
@media screen and (max-width: 1160px) {
.footer-brand ul li {
width:calc(25% - 10px);
padding:15px;
}
.footer-brand ul li h3{
font-size:15px;
white-space:nowrap;
}
}
@media screen and (max-width: 768px) {
.footer-main {
padding: 0 20px;
}
.footer-main .down-icon img {
display: block;
}
.footer-brand {
display:block;
width: 100%;
padding:10px 0;
}
.footer-brand ul {
flex-wrap:wrap;
}
.footer-brand ul li {
width: calc(50% - 5px);
margin: 0 0 10px 0;
}
.footer-brand ul li img {
margin-right: 0
}
.footer-brand ul li h3 {
font-size: 15px;
margin-top: 5px;
margin-bottom: 5px;
}
.footer-brand ul li p {
display: block;
}
.footer-main {
margin-top: 20px;
}
.footer-links {
flex-direction: column
}
.link-group ul {
display: none;
}
.link-group.active ul {
display: block;
}
.link-group .down-icon {
display: flex;
justify-content: space-between
}
.link-group .down-icon img {
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 10px 0;
transition: all .5s
}
.link-group .down-icon h4 {
}
.link-group.active img {
transform: rotate(90deg)
}
.footer {
padding-bottom: 60px;
}
}
@media screen and (max-width: 640px) {
.footer{
padding-top:10px;
}
.footer-brand ul li h3{
font-size:15px;
white-space:normal;
}
}*/
.swiper-button-next:after, .swiper-button-prev:after{display:none;}