@charset "utf-8";
*{
box-sizing: border-box;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span{margin:0;padding:0;}
body{min-width: 1500px;font-size:12px;font-family: "Microsoft YaHei" ! important;color:#262626;background:#fff;margin:0 auto;padding:0px;}
a{text-decoration:none;color:#235aa7;outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
img{border:0px;vertical-align: middle;}
li{list-style: none;}
.pt10{padding-top: 10px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}
.pb10{padding-bottom: 10px;}
.pn5{padding: 5px;}
.pt5{padding-top: 5px;}
.pl5{padding-left: 5px;}
.pr5{padding-right: 5px;}
.pb5{padding-bottom: 5px;}
.mt10{margin-top: 10px;}
.mt30{margin-top: 30px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}
.mb10{margin-bottom: 10px;}
.mn5{margin: 5px;}
.mt5{margin-top: 5px;}
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}
.mb5{margin-bottom: 5px;}
.wrap {
width: 1500px;
margin: 0 auto;
}
.header {
position: fixed;
top: 0px;
left: 0;
width: 100%;
height: 100px;
padding: 18px 0 19px;
z-index: 9999;
}
.logo {
float: left;
}
.logo img {
height: 63px;
float: left;
}
.nav {
height: 32px;
float: right;
margin-right: 50px;
margin-top: 14px;
}
.nav ul {
float: left;
}
.nav ul li {
float: left;
position: relative;
}
.nav ul li h3 {
float: left;
}
.nav ul li h3 a {
height: 36px;
font-size: 18px;
color: #ffffff;
line-height: 36px;
font-weight: normal;
float: left;
margin: 0 50px;
}
.nav ul li h3 a:hover {
color: #1582FB;
}
.nav ul li h3 a:hover:after {
content: '';
width: 36px;
height: 2px;
display: block;
transform: translateX(50%);
background: #1582FB;
}
.nav ul li.on h3 a {
color: #1582FB;
}
.nav ul li.on h3 a:after {
content: '';
width: 36px;
height: 2px;
display: block;
transform: translateX(50%);
background: #1582FB;
}
.nav ul li dl {
width: 250px;
left: 50%;
transform: translate(-50%,38px);
height: auto;
float: left;
position: absolute;
z-index: 2;
display: none;
background: rgba(255, 255, 255, 1);
box-shadow:0 0px 10px rgba(42, 42, 42, 0.35);
border-radius:  2px;
padding: 20px;
}
.nav ul li dl:before {
    position: absolute;
    top: -6px;
    right: 50%;
    margin-right: -6px;
    display: block;
    content: "";
      width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid white;
}
.nav ul li:hover dl {
display: block;
}
.nav ul li dl dd {
width: 100%;
height: 36px;
line-height: 36px;
float: left;
}
.nav ul li dl dd:last-child {
border-bottom: 0 none;
}
.nav ul li dl dd a {
width: 100%;
text-align: left;
float: left;
font-size: 16px;
color: #666;
line-height: 36px;
}
.nav ul li dl dd a:hover {
color: #1582FB;
background: #ffffff;
}
.nav a.gohome {
display: none;
}
.nav a.gohome i {
display: none;
}
.nav a.gonav i {
display: none;
}
.nav_bot_la {
display: flex;
padding: 10px 0;
top: 0;
height: auto;
background: #FFFFFF;
width: 100%;
transition: all 0.3s linear;
box-shadow: 0 0 10px #666;
}
.logo_w {
display: block;
}
.logo_b {
display: none;
}
.nav_bot_la .logo_w {
display: none;
}
.nav_bot_la .logo_b {
display: block;
}
.nav_bot_la .nav ul li h3 a {
color: #333;
}
.nav_bot_la .nav ul li h3 a:hover {
color: #1582FB;
}
.nav_bot_la .nav ul li h3 a:hover:after {
content: '';
width: 36px;
height: 2px;
display: block;
transform: translateX(50%);
background: #1582FB;
}
.nav_bot_la .nav ul li.on h3 a {
color: #1582FB;
}
.nav_bot_la .nav ul li.on h3 a:after {
content: '';
width: 36px;
height: 2px;
display: block;
transform: translateX(50%);
background: #1582FB;
}

.lxheader {
display: flex;
padding: 10px 0;
top: 0;
height: auto;
width: 100%;
transition: all 0.3s linear;
}

.lxheader .logo_w {
display: none;
}
.lxheader .logo_b {
display: block;
}
.lxheader .nav ul li h3 a {
color: #333;
}
.lxheader .nav ul li h3 a:hover {
color: #1582FB;
}
.lxheader .nav ul li h3 a:hover:after {
content: '';
width: 36px;
height: 2px;
display: block;
transform: translateX(50%);
background: #1582FB;
}
.lxheader .nav ul li.on h3 a {
color: #1582FB;
}
.lxheader .nav ul li.on h3 a:after {
content: '';
width: 36px;
height: 2px;
display: block;
transform: translateX(50%);
background: #1582FB;
}
.search {
float: right;
position: relative;
width: 32px;
height: 32px;
padding: 1px;
margin-top: 15px;
}
.search .keyword {
float: left;
background: rgba(21, 130, 251, 0.52);
width: 0;
position: absolute;
right: 0;
top: 32px;
height: 32px;
line-height: 32px;
border: 0 none;
border-radius: 4px 4px 4px 4px;
font-size: 16px;
color: #262626;
}
.search:hover .keyword {
width: 150px;
padding: 0 5px;
}
.search .keyword:focus {
outline: 0;
border: 0px solid #000;
}
.search .tjbtn {
width: 32px;
height: 32px;
float: right;
background: url(../images/so_w.png) no-repeat center center;
border: 0 none;
color: #000;
cursor: pointer;
font-size: 0;
}
.nav_bot_la .search .tjbtn {
background: url(../images/so_b.png) no-repeat center center;
}
.banner {
width: 100%;
overflow: hidden;
position: relative;
z-index: 0;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
bottom: 48px;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
width: 50px;
height: 2px;
background: #FFFFFF;
border-radius: 0px;
opacity: 1;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
width: 50px;
height: 2px;
background: #AC1D23;
opacity: 1;
}
.banner .swiper-slide img {
width: 100%;
}
.banner .swiper-slide .text {
width: 100%;
height: auto;
float: left;
text-align: center;
position: absolute;
bottom: 150px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.banner .swiper-slide .text h3 {
width: 100%;
font-size: 60px;
color: #FFFFFF;
}
.banner .swiper-slide .text p {
max-width: 1080px;
font-size: 20px;
color: #FFFFFF;
line-height: 42px;
margin-top: 36px;
}
.iabout {
width: 100%;
overflow: hidden;
padding: 200px 0;
/* background: url(../images/iaboutbg.jpg) no-repeat center center / 100% 100%; */
position: relative;
}
@keyframes animate1 {
0% {
    transform: scale(10);
}
50% {
    transform: scale(30);
}
100% {
    transform: scale(10);
}
}
@keyframes animate2 {
0% {
    transform: scale(5);
}
50% {
    transform: scale(20);
}
100% {
    transform: scale(5);
}
}
@keyframes animate3 {
0% {
    transform: scale(10);
}
50% {
    transform: scale(30);
}
100% {
    transform: scale(10);
}
}
@keyframes animate4 {
0% {
    transform: scale(30);
}
50% {
    transform: scale(50);
}
100% {
    transform: scale(30);
}
}
.iabout .zz {
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
top: 0;
left: 0;
}
.iabout .zz i#zz1 {
position: absolute;
left: 50%;
top: 50%;
margin-top: -380px;
margin-left: -650px;
width: 8px;
height: 8px;
background: #1582FB50;
box-shadow: 0 0 7px #1582FB;
position: absolute;
border-radius: 50%;
opacity: 1;
animation: animate1 4s linear infinite;
}
.iabout .zz i#zz2 {
position: absolute;
left: 50%;
top: 50%;
margin-top: -345px;
margin-left: 323px;
width: 8px;
height: 8px;
background: #1582FB50;
box-shadow: 0 0 7px #1582FB;
position: absolute;
border-radius: 50%;
opacity: 1;
animation: animate2 5s linear infinite;
}
.iabout .zz i#zz3 {
position: absolute;
left: 50%;
top: 50%;
margin-top: 307px;
margin-left: 98px;
width: 8px;
height: 8px;
background: #1582FB50;
box-shadow: 0 0 7px #1582FB;
position: absolute;
border-radius: 50%;
opacity: 1;
animation: animate3 4.5s linear infinite;
}
.iabout .zz i#zz4 {
position: absolute;
left: 50%;
top: 50%;
margin-top: 345px;
margin-left: 815px;
width: 8px;
height: 8px;
background: #1582FB50;
box-shadow: 0 0 14px #1582FB;
position: absolute;
border-radius: 50%;
opacity: 1;
animation: animate4 5.5s linear infinite;
}

.iabout_text {
width: 590px;
height: auto;
float: left;
}
.iabout_text span {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: #333333;
line-height: 35px;
}
.iabout_text h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
line-height: 52px;
margin-top: 16px;
color: #1582FB;
text-align: left;
}
.iabout_text p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 30px;
margin-top: 60px;
margin-bottom: 100px;
}
.iabout_text a.more {
width: 144px;
height: 38px;
border-radius: 30px 30px 30px 30px;
border: 1px solid #1582FB;
display: inline-block;
line-height: 36px;
text-align: center;
float: left;
margin-top: 50px;
font-size: 16px;
color: #1582FB;
text-transform: uppercase;
}
.iabout_text a.more:after {
content: "";
width: 16px;
height: 10px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.iabout_text a.more:hover {
background: #1582FB;
color: #fff;
}
.iabout_text a.more:hover:after {
background: url(../images/amore_w.png) no-repeat center center;
}
.num-figure {
width: 660px;
height: auto;
text-align: center;
float: right;
}
.num-figure .row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.num-figure li {
list-style: none;
}
.num-figure li:nth-child(1) {
width: 300px;
}
.num-figure li:nth-child(2) {
width: 175px;
}
.num-figure li:nth-child(3) {
margin-top: 76px;
width: 300px;
}
.num-figure li:nth-child(4) {
margin-top: 76px;
width: 175px;
}
.OEM-ico {
float: left;
max-width: 300px;
}
.num-change {
margin-top: 30px;
}
.OEM-ico a {
text-decoration: none;
}
.num-change li:nth-child(1) {
font-weight: 500;
font-size: 80px;
color: #1582FB;
line-height: 100px;
text-align: left;
display: flex;
}
.num-change li:nth-child(1) i {
font-weight: 400;
font-size: 24px;
color: #999999;
line-height: 46px;
font-style: normal;
}
.num-change li:nth-child(2) {
font-weight: 400;
font-size: 24px;
color: #333333;
line-height: 30px;
margin-top: 10px;
text-align: left;
}
.OEM-ico:hover .num-change li:nth-child(3),
.OEM-ico:hover .num-change li:nth-child(2) {}
.yewuqh {
width: 100%;
height: auto;
float: left;
}
.yewuqh .hd {
width: 100%;
height: auto;
float: left;
}
.yewuqh .hd ul {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: space-between;
}
.yewuqh .hd ul li {
width: 13.71541%;
height: 900px;
padding: 80px 10px 80px 36px;
float: left;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
/* .yewuqh .hd ul li:nth-child(1) {
background: url(../images/yewuqhbg1.png) no-repeat center center / auto 100%;
}
.yewuqh .hd ul li:nth-child(2) {
background: url(../images/yewuqhbg2.png) no-repeat center center / auto 100%;
}
.yewuqh .hd ul li:nth-child(3) {
background: url(../images/yewuqhbg3.png) no-repeat center center / auto 100%;
}
.yewuqh .hd ul li:nth-child(4) {
margin-right: 0;
background: url(../images/yewuqhbg4.png) no-repeat center center / auto 100%;
} */
.yewuqh .hd ul li.on {
width: 58.59375%;
padding: 80px 210px;
}
.yewuqh .hd ul li i {
width: 60px;
height: 60px;
float: left;
margin-bottom: 48px;
}
.yewuqh .hd ul li i.ijui1 {
background: url(../images/ijui1.png) no-repeat center center / 100% 100%;
}
.yewuqh .hd ul li i.ijui2 {
background: url(../images/ijui2.png) no-repeat center center / 100% 100%;
}
.yewuqh .hd ul li i.ijui3 {
background: url(../images/ijui3.png) no-repeat center center / 100% 100%;
}
.yewuqh .hd ul li i.ijui4 {
background: url(../images/ijui4.png) no-repeat center center / 100% 100%;
}
.yewuqh .hd ul li h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 26px;
color: #FFFFFF;
line-height: 48px;
margin-bottom: 10px;
}
.yewuqh .hd ul li span {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 16px;
color: #FFFFFF;
line-height: 20px;
}
.yewuqh .hd ul li p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
line-height: 30px;
margin-top: 36px;
margin-bottom: 100px;
display: none;
}
.yewuqh .hd ul li a.more {
width: 144px;
height: 38px;
border-radius: 30px 30px 30px 30px;
border: 1px solid #fff;
display: inline-block;
line-height: 36px;
text-align: center;
float: left;
margin-top: 50px;
font-size: 16px;
color: #fff;
text-transform: uppercase;
display: none;
}
.yewuqh .hd ul li a.more:after {
content: "";
width: 16px;
height: 10px;
background: url(../images/amore_w.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.yewuqh .hd ul li a.more:hover {
color: #fff;
background: #1582FB;
border: 1px solid #1582FB;
}
.yewuqh .hd ul li a.more:hover:after {
background: url(../images/amore_w.png) no-repeat center center;
}
.yewuqh .hd ul li.on p {
display: block;
}
.yewuqh .hd ul li.on a.more {
display: block;
}
.icase {
width: 100%;
overflow: hidden;
position: relative;
}
.icase .h2tit {
width: 1500px;
height: auto;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 100px;
z-index: 1;
}
.icase .h2tit h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: #FFFFFF;
line-height: 52px;
}
.icase .h2tit span {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 60px;
color: rgba(255, 255, 255, 0.1);
line-height: 100px;
margin-top: -60px;
text-transform: uppercase;
}
.icaseqh {
width: 100%;
overflow: hidden;
position: relative;
}
.icaseqh .tab-hd {
width: 1500px;
height: auto;
float: left;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.icaseqh .tab-hd ul {
width: 100%;
height: auto;
float: left;
}
.icaseqh .tab-hd ul li {
width: 25%;
height: 241px;
float: left;
padding: 49px 36px;
background: rgba(255, 255, 255, 0.1);
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.icaseqh .tab-hd ul li a {
display: block;
width: 100%;
height: 100%;
}
.icaseqh .tab-hd ul li:last-child {
border-right: 0 none;
}
.icaseqh .tab-hd ul li .name {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
line-height: 60px;
}
.icaseqh .tab-hd ul li .name i {
display: inline-block;
float: left;
font-weight: 500;
font-size: 36px;
color: #FFFFFF;
line-height: 60px;
font-style: normal;
margin-right: 24px;
border-bottom: 1px solid #ffffff;
}
.icaseqh .tab-hd ul li span {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 24px;
color: #FFFFFF;
line-height: 42px;
margin-top: 24px;
}
.icaseqh .tab-hd ul li.on {
background: #1582FB;
}
.icaseqh .tab-hd ul li.on .name {}
.icaseqh .tab-hd ul li.on .name i {}
.icaseqh .tab-hd ul li.on span {}
.icaseqh .tab-bd {
width: 100%;
height: auto;
float: left;
}
.icaseimg {
width: 100%;
height: auto;
float: left;
}
.icaseimg img {
width: 100%;
height: auto;
float: left;
}

.footer {
width: 100%;
overflow: hidden;
background: url(../images/footerbg.jpg) no-repeat center top;
padding-top: 100px;
color: #fff;
}
.ft_left {
width: 280px;
float: left;
}
.ft_logo {
float: left;
}
.ft_logo img {
height: 94px;
float: left;
}
.ft_logo h3 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 34px;
color: #FFFFFF;
text-align: left;
line-height: 49px;
margin-top: 17px;
}
.go-top {
  position: fixed;
  z-index: 50;
  display: none;
  bottom: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 17px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background: #4f4f4f;
  &.show {
    display: inline-block;
  }
}
  .go-top:before {
    content: '\2794';
    color: #a8a8a8;
    font-size: 16px;
    display: block;

    transform: rotate(-90deg);
}
.copyright {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 12px;
color: #FFFFFF;
line-height: 30px;
text-align: left;
margin-top: 126px;
}
.copyright a {
display: inline-block;
color: #fff;
}
.copyright a:hover {}
.ft_right {
width: 700px;
float: right;
padding-left: 84px;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
margin-bottom: 134px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.ft_contact {
width: 420px;
height: auto;
float: left;
}
.ft_contact .tel {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 35px;
color: #FFFFFF;
line-height: 36px;
text-align: left;
margin-bottom: 48px;
}
.ft_contact .fsz16 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 18px;
color: #FFFFFF;
line-height: 36px;
opacity: 0.8;
}
.ft_contact .fsz14 {
width: 100%;
height: auto;
float: left;
margin-top: 36px;
margin-bottom: 36px;
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
line-height: 26px;
opacity: 0.8;
}
.ft_ewm {
width: 115px;
height: auto;
float: left;
}
.ft_ewm img {
width: 100%;
height: auto;
float: left;
}
.ft_ewm span {
width: 100%;
height: auto;
text-align: center;
font-weight: 300;
font-size: 14px;
color: #FFFFFF;
line-height: 26px;
margin-top: 10px;
float: left;
margin-bottom: 37px;
opacity: 0.8;
}
.ipartner {
width: 100%;
padding-top: 88px;
background: #F6F6F6;
overflow: hidden;
}
.ipartner .h2tit {
width: 100%;
float: left;
height: auto;
}
.ipartner .h2tit h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: #333;
line-height: 52px;
text-align: center;
}
.ipartner .h2tit span {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 60px;
color: rgba(51, 51, 51, 0.04);
line-height: 100px;
margin-top: -60px;
text-align: center;
text-transform: uppercase;
}
.ipartnerqh {
overflow: hidden;
position: relative;
width: 100%;
padding-top: 74px;
margin-bottom: 104px;
}
.ipartnerqh .swiper-container {
width: 100%;
height: 100%;
display: flex;
}
.ipartnerqh .swiper-slide {
display: flex;
height: 99px;
justify-content: center;
align-items: center;
}
.ipartnerqh .swiper-slide img {
max-width: 100%;
max-height: 100%;
}
.set {
width: 100%;
height: 99px;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
.set .leftMk {
width: 20%;
height: 100%;
background: linear-gradient(-90deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 90%);
position: absolute;
bottom: 0;
left: 0;
}
.set .rightMk {
width: 20%;
height: 100%;
background: linear-gradient(90deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 90%);
position: absolute;
bottom: 0;
right: 0;
}
.ipartner .center {
text-align: center;
width: 100%;
margin-bottom: 100px;
}
.ipartner a.more {
width: 144px;
height: 38px;
border-radius: 30px 30px 30px 30px;
border: 1px solid #1582FB;
display: inline-block;
line-height: 36px;
text-align: center;
display: inline-block;
font-size: 16px;
color: #1582FB;
text-transform: uppercase;
}
.ipartner a.more:after {
content: "";
width: 16px;
height: 10px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.ipartner a.more:hover {
background: #1582FB;
color: #fff;
}
.ipartner a.more:hover:after {
background: url(../images/amore_w.png) no-repeat center center;
}
.nbanner {
width: 100%;
overflow: hidden;
position: relative;
}
.nbanner img {
width: 100%;
}
.nbanner .text {
width: 100%;
height: auto;
float: left;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
}
.nbanner .text h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 60px;
color: #FFFFFF;
text-align: center;
}
.since {
width: 100%;
overflow: hidden;
background: url(../images/sincebg.jpg) no-repeat center center;
padding-top: 100px;
position: relative;
}
.since .year {
width: 50%;
height: auto;
float: left;
font-weight: 300;
font-size: 130px;
color: #1582FB;
line-height: 100px;
margin-top: 139px;
position: relative;
}
.since .year b{
    display: inline-block;
}
.since i {
content: '';
width: 10px;
height: 558px;
background: url(../images/about_line.png) no-repeat center center;
position: absolute;
right: 50%;
margin-right: -5px;
top: 50%;
margin-top: -95px;
}
.since_right {
width: 658px;
height: auto;
float: right;
}
.since_right h2.en {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 30px;
color: #1582FB;
line-height: 42px;
}
.since_right h2.cn {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 24px;
color: #1582FB;
line-height: 42px;
margin-bottom: 179px;
}
.since_right p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 30px;
margin-bottom: 80px;
}
.since_right a.more {
width: 144px;
height: 38px;
border-radius: 30px 30px 30px 30px;
border: 1px solid #1582FB;
display: inline-block;
line-height: 36px;
text-align: center;
display: inline-block;
margin-bottom: 158px;
font-size: 16px;
color: #1582FB;
text-transform: uppercase;
}
.since_right a.more:after {
content: "";
width: 16px;
height: 10px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.since_right a.more:hover {
background: #1582FB;
color: #fff;
}
.since_right a.more:hover:after {
background: url(../images/amore_w.png) no-repeat center center;
}
.hxys {
width: 100%;
overflow: hidden;
background: url(../images/hxysbg.jpg) no-repeat center center;
padding-top: 216px;
}
.hxys .title {
width: 100%;
overflow: hidden;
text-align: center;
float: left;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.hxys .title h2 {
width: 100%;
height: auto;
font-weight: 500;
font-size: 36px;
color: #FFFFFF;
text-align: center;
line-height: 52px;
}
.hxys .title p {
width: 100%;
max-width: 946px;
height: auto;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
line-height: 30px;
margin-top: 36px;
}
.hxys_list {
width: 100%;
float: left;
margin-top: 88px;
margin-bottom: 188px;
}
.hxys_list ul {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: space-between;
}
.hxys_list ul li {
width: 230px;
height: 230px;
float: left;
cursor: pointer;
position: relative;
}
.hxys_list ul li .yuan {
width: 100%;
height: 100%;
border-radius: 230px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
z-index: 1;
}
.hxys_list ul li:hover:before {
width: 470px;
height: 470px;
content: '';
background: url(../images/hxyslibg.png) no-repeat center center /100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.hxys_list ul li:hover .yuan {
background: #ffffff;
}
.hxys_list ul li .yuan .one {
width: 100%;
height: auto;
float: left;
margin-bottom: 5px;
}
.hxys_list ul li:hover .yuan .one {
display: none;
}
.hxys_list ul li .yuan .one h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 60px;
color: #FFFFFF;
line-height: 80px;
}
.hxys_list ul li .yuan .zz {
width: 100%;
height: auto;
float: left;
display: none;
flex-direction: column;
align-items: center;
}
.hxys_list ul li:hover .yuan .zz {
display: flex;
}
.hxys_list ul li .yuan .zz span {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 16px;
color: #1582FB;
line-height: 30px;
}
.hxys_list ul li .yuan .zz i {
width: 48px;
height: 2px;
background: #1582FB;
border-radius: 0px 0px 0px 0px;
margin: 24px 0;
}
.hxys_list ul li .yuan p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
line-height: 30px;
}
.hxys_list ul li .yuan>i {
width: 48px;
height: 2px;
background: #1582FB;
border-radius: 0px 0px 0px 0px;
margin-top: 24px;
}
.hxys_list ul li:hover .yuan p {
color: #999;
}
.hxys_list ul li:hover .yuan>i {
display: none;
}
.h2tit {
width: 100%;
height: auto;
float: left;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.h2tit h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 48px;
line-height: 70px;
}
.h2tit h2.c333 {
color: #333;
}
.h2tit h2.cfff {
color: #fff;
}
.h2tit span {
width: 100%;
height: auto;
font-weight: 500;
font-size: 16px;
color: #1582FB;
text-transform: uppercase;
line-height: 23px;
}
.h2tit i {
width: 48px;
height: 2px;
background: #1582FB;
margin-top: 16px;
}
.qywh {
width: 100%;
padding-top: 100px;
background: #FFFFFF;
}
.qywh_list {
width: 100%;
height: auto;
float: left;
margin-top: 48px;
}
.qywh_list ul {
width: 100%;
height: auto;
float: left;
}
.qywh_list ul li {
width: 100%;
height: auto;
float: left;
background: #F7F7F7;
margin-bottom: 16px;
display: flex;
}
.qywh_list ul li .info {
width: 50%;
height: auto;
float: left;
padding: 80px 58px;
}
.qywh_list ul li .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: #333333;
line-height: 36px;
}
.qywh_list ul li .info span {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: #999999;
line-height: 20px;
margin-top: 10px;
margin-bottom: 24px;
}
.qywh_list ul li .info i {
width: 48px;
height: 2px;
background: #1582FB;
float: left;
margin-bottom: 36px;
}
.qywh_list ul li .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: #333333;
line-height: 20px;
}
.qywh_list ul li .picbox {
width: 50%;
height: auto;
float: left;
}
.qywh_list ul li .picbox img {
width: 100%;
height: auto;
float: left;
}
.zzry {
width: 100%;
overflow: hidden;
background: url(../images/rrzzbg.jpg) no-repeat center center;
padding: 294px 0 120px;
}
.zzry .wrap {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.zzry .h2tit {
width: 300px;
text-align: left;
align-items: flex-start;
}
.zzry .h2tit span {
color: #fff;
}
.zzry_qhq {
width: 666px;
height: auto;
float: right;
overflow: hidden;
padding: 0 160px;
}
.zzry_qh {
width: 100%;
height: auto;
float: left;
overflow: hidden;
padding-left: 2px;
}
.zzry_qh .swiper-slide {
width: 346px;
height: 486px;
margin: 0 0;
padding: 14px 11px;
float: left;
position: relative;
background: #FFFFFF;
}
.zzry_qh .swiper-slide .picbox {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.zzry_qh .swiper-slide .picbox img {
max-width: 100%;
max-height: 100%;
}
.zzry_qh .swiper-slide:hover .picbox img {}
.zzry_qh .swiper-slide .price {
float: left;
height: 24px;
font-size: 18px;
font-weight: 400;
color: #CC0000;
line-height: 24px;
}
.zzry_qh .swiper-slide span {
float: right;
height: 20px;
font-size: 14px;
font-weight: 400;
color: #999999;
line-height: 20px;
}
.zzry_qh .swiper-wrapper {}
.zzry_qhq .swiper-button-next {
width: 60px;
height: 60px;
overflow: hidden;
margin-top: -30px;
line-height: 99px;
background: url(../images/rightlb.png) no-repeat center center/ 100% 100%;
}
.zzry_qhq .swiper-button-prev {
overflow: hidden;
line-height: 99px;
width: 60px;
margin-top: -30px;
height: 60px;
background: url(../images/leftlb.png) no-repeat center center/ 100% 100%;
}
.zzry_qhq .swiper-button-next:hover {
background: url(../images/rightlbon.png) no-repeat center center/ 100% 100%;
}
.zzry_qhq .swiper-button-prev:hover {
background: url(../images/leftlbon.png) no-repeat center center/ 100% 100%;
}
.zzry_qhq .swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.zzry_qhq .swiper-button-prev:after,
.zzry_qhq .swiper-container-rtl .swiper-button-next:after {
display: none;
}


.bigimg {
    width: 600px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
    z-index: 9999;
    border: 10px solid #fff;
}

.mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.5;
    filter: Alpha(opacity=50);
    z-index: 98;
    transition: all 1s;
    display: none
}



.imgbox:hover {
    cursor: zoom-in
}

.mask:hover {
    cursor: zoom-out
}

.mask>img {
    position: fixed;
    right: 50%;
    margin-right:-300px;
    top: 50%;
    margin-top: -300px;
    width: 30px;
}

.mask>img:hover {
    cursor: pointer
}
.hzhb {
width: 100%;
overflow: hidden;
padding-top: 100px;
}
.hzhb_list {
width: 100%;
height: auto;
float: left;
margin-top: 10px;
margin-bottom: 100px;
}
.hzhb_list ul {
width: 100%;
height: auto;
float: left;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.hzhb_list ul li {
width: 16.6666%;
height: auto;
float: left;
display: flex;
justify-content: center;
align-items: center;
padding: 40px 22.5px;
}
.hzhb_list ul li img {
max-width: 100%;
max-height: 100%;
}
.position {
width: 1500px;
left: 50%;
position: absolute;
transform: translateX(-50%);
overflow: hidden;
bottom: 48px;
display: flex;
justify-content: space-between;
align-items: center;
}
.position a {
font-weight: 400;
font-size: 24px;
color: rgba(255, 255, 255, 0.45);
line-height: 36px;
}
.position i {
width: 278px;
height: 1px;
background: rgba(255, 255, 255, 0.45);
display: inline-block;
font-style: normal;
}
.position a.on {
color: #fff;
}
.position a:hover {
color: #fff;
}
.yewu {
width: 100%;
overflow: hidden;
background: url(../images/yewubg.jpg) no-repeat top center;
padding-top: 100px;
}
.yewujs {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 150px;
}
.yewujs .title {
width: 50%;
height: auto;
float: left;
border-right: 1px solid #D7D7D7;
}
.yewujs .title span {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 36px;
color: #333333;
line-height: 52px;
}
.yewujs .title h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: #333333;
line-height: 52px;
}
.yewujs .info {
width: 50%;
height: auto;
float: left;
padding-left: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.yewujs .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #333333;
line-height: 30px;
}
.yewutit {
width: 100%;
text-align: center;
height: auto;
float: left;
margin-bottom: 47px;
}
.yewutit h2 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 30px;
color: #333333;
line-height: 36px;
text-align: center;
}
.yewutit span {
color: #1582FB;
}
.fuwumoshi_list {
width: 100%;
height: auto;
float: left;
margin-top: 47px;
margin-bottom: 100px;
}
.fuwumoshi_list ul {
width: 100%;
height: 500px;
float: left;
position: relative;
background: url(../images/fuwumoshibg.png) no-repeat center center;
}
.fuwumoshi_list ul li {
width: 510px;
height: auto;
float: left;
position: absolute;
}
.fuwumoshi_list ul li:nth-child(1) {
top: 12px;
left: 130px;
}
.fuwumoshi_list ul li:nth-child(2) {
right: 0;
top: 50%;
margin-top: -62px;
}
.fuwumoshi_list ul li:nth-child(3) {
bottom: 0;
left: 0px;
margin-bottom: -9px;
}
.fuwumoshi_list ul li h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 18px;
color: #1582FB;
line-height: 26px;
margin-bottom: 44px;
}
.fuwumoshi_list ul li p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 30px;
}
.fwys_list {
width: 100%;
height: auto;
float: left;
margin-bottom: 100px;
}
.fwys_list ul {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: space-between;
}
.fwys_list ul li {
width: 23.80%;
height: auto;
float: left;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 60px 36px;
text-align: center;
background: linear-gradient(180deg, rgba(3, 69, 145, 0.1) 0%, rgba(3, 69, 145, 0) 100%);
}
.fwys_list ul li:last-child {
margin-right: 0;
}
.fwys_list ul li i {
width: 186px;
height: 186px;
float: left;
}
.fwys_list ul li i.ifwys1 {
background: url(../images/ifwys1.png) no-repeat center center / 100% 100%;
}
.fwys_list ul li i.ifwys2 {
background: url(../images/ifwys2.png) no-repeat center center / 100% 100%;
}
.fwys_list ul li i.ifwys3 {
background: url(../images/ifwys3.png) no-repeat center center / 100% 100%;
}
.fwys_list ul li i.ifwys4 {
background: url(../images/ifwys4.png) no-repeat center center / 100% 100%;
}
.fwys_list ul li h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: #1582FB;
line-height: 36px;
margin-top: 36px;
margin-bottom: 24px;
}
.fwys_list ul li p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 30px;
}
.shejilx_list {
width: 100%;
height: auto;
float: left;
margin-bottom: 100px;
}
.shejilx_list ul {
width: 100%;
height: 553px;
float: left;
position: relative;
background: url(../images/ishejileixingbg.png) no-repeat top center;
margin-bottom: 190px;
}
.shejilx_list ul li {
width: 503px;
height: auto;
float: left;
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
}
.shejilx_list ul li h3 {
width: 162px;
height: 162px;
float: left;
font-weight: 500;
font-size: 26px;
color: #1582FB;
line-height: 36px;
border-radius: 50%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.shejilx_list ul li p {
width: calc(100% - 181px);
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 30px;
}
.shejilx_list ul li:nth-child(1) {
left: 0;
top: 50%;
margin-top: -236px;
}
.shejilx_list ul li:nth-child(2) {
left: 0;
top: 50%;
margin-top: 76px;
}
.shejilx_list ul li:nth-child(3) {
width: 278px;
left: 50%;
transform: translateX(-50%);
bottom: -190px;
display: flex;
flex-direction: column;
}
.shejilx_list ul li:nth-child(4) {
right: 0;
top: 50%;
margin-top: 76px;
}
.shejilx_list ul li:nth-child(5) {
right: 0;
top: 50%;
margin-top: -236px;
}
.shejilx_list ul li:nth-child(1) h3 {
width: 144px;
height: 144px;
background: #FFFFFF;
box-shadow: 20px 20px 20px 0px rgba(3, 69, 145, 0.1);
border: 1px solid;
}
.shejilx_list ul li:nth-child(2) h3 {
width: 144px;
height: 144px;
background: linear-gradient(180deg, #B9D6FF 0%, #70ABFF 100%);
box-shadow: 20px 20px 20px 0px rgba(3, 69, 145, 0.1);
}
.shejilx_list ul li:nth-child(3) h3 {
width: 144px;
height: 144px;
background: #FFFFFF;
box-shadow: 20px 20px 20px 0px rgba(3, 69, 145, 0.1);
border: 1px solid;
font-size: 30px;
}
.shejilx_list ul li:nth-child(4) h3 {
width: 144px;
height: 144px;
background: linear-gradient(180deg, #B9D6FF 0%, #70ABFF 100%);
box-shadow: 20px 20px 20px 0px rgba(3, 69, 145, 0.1);
}
.shejilx_list ul li:nth-child(5) h3 {
width: 144px;
height: 144px;
background: #FFFFFF;
box-shadow: 20px 20px 20px 0px rgba(3, 69, 145, 0.1);
border: 1px solid;
}
.shejilx_list ul li:nth-child(3) p {
width: 100%;
text-align: center;
margin-top: 36px;
}
.fwlc_list {
width: 100%;
height: auto;
float: left;
margin-bottom: 100px;
}
.fwlc_list ul {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: space-between;
}
.fwlc_list ul li {
width: auto;
height: auto;
float: left;
display: flex;
flex-direction: column;
justify-content: center;
}
.fwlc_list ul li i {
width: 140px;
height: 140px;
float: left;
}
.fwlc_list ul li i.ifwlc1 {
background: url(../images/ifwlc1.png) no-repeat center center / 100% 100%;
}
.fwlc_list ul li i.ifwlc2 {
background: url(../images/ifwlc2.png) no-repeat center center / 100% 100%;
}
.fwlc_list ul li i.ifwlc3 {
background: url(../images/ifwlc3.png) no-repeat center center / 100% 100%;
}
.fwlc_list ul li i.ifwlc4 {
background: url(../images/ifwlc4.png) no-repeat center center / 100% 100%;
}
.fwlc_list ul li i.ifwlc5 {
background: url(../images/ifwlc5.png) no-repeat center center / 100% 100%;
}
.fwlc_list ul li i.ifwlcjt {
width: 17px;
height: 34px;
background: url(../images/ifwlcjt.png) no-repeat center center / 100% 100%;
margin-top: -70px;
}
.fwlc_list ul li h3 {
width: 100%;
text-align: center;
height: auto;
float: left;
font-weight: 400;
font-size: 18px;
color: #333333;
line-height: 30px;
margin-top: 24px;
}
.sheji_list {
width: 100%;
height: auto;
float: left;
background: url(../images/ishejilantu.png) no-repeat center center;
margin-bottom: 106px;
}
.sheji_list ul {
width: 430px;
height: auto;
float: left;
}
.sheji_list ul.tar {
float: right;
text-align: right;
}
.sheji_list ul li {
width: 430px;
height: auto;
float: left;
margin-bottom: 68px;
padding-left: 136px;
position: relative;
}
.sheji_list ul li:nth-child(2) {
padding-left: 84px;
}
.sheji_list ul li:last-child {
margin-bottom: 0;
}
.sheji_list ul.tar li {
padding-left: 0;
padding-right: 136px
}
.sheji_list ul.tar li:nth-child(2) {
padding-right: 84px;
}
.sheji_list ul li h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 18px;
color: #1582FB;
line-height: 26px;
}
.sheji_list ul li p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 30px;
margin-top: 16px;
}
.sheji_list ul li i {
content: '';
width: 48px;
height: 48px;
float: left;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.sheji_list ul li i.ishl1 {
left: 48px;
background: url(../images/ishl1.png) no-repeat center center / 100% 100%;
}
.sheji_list ul li i.ishl2 {
left: 0;
background: url(../images/ishl2.png) no-repeat center center / 100% 100%;
}
.sheji_list ul li i.ishl3 {
left: 48px;
background: url(../images/ishl3.png) no-repeat center center / 100% 100%;
}
.sheji_list ul li i.ishr1 {
right: 48px;
background: url(../images/ishr1.png) no-repeat center center / 100% 100%;
}
.sheji_list ul li i.ishr2 {
right: 0;
background: url(../images/ishr2.png) no-repeat center center / 100% 100%;
}
.sheji_list ul li i.ishr3 {
right: 48px;
background: url(../images/ishr3.png) no-repeat center center / 100% 100%;
}
.yanghu_list {
width: 100%;
height: auto;
float: left;
background: url(../images/iyanghu.png) no-repeat center center;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 100px;
margin-top: 60px;
}
.yanghu_list ul {
width: 50%;
height: auto;
float: left;
}
.yanghu_list ul.tar {
float: right;
text-align: right;
}
.yanghu_list ul li {
width: 100%;
height: auto;
float: left;
margin-bottom: 38px;
}
.yanghu_list ul li:last-child {
margin-bottom: 0;
}
.yanghu_list ul li h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 18px;
color: #1582FB;
line-height: 26px;
}
.yanghu_list ul li p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 30px;
margin-top: 16px;
}
.fl {
float: left;
}
.fr {
float: right;
}
.filter {
width: 100%;
height: 30px;
margin-top: 60px;
margin-bottom: 48px;
}
.filter .wrap {
display: flex;
justify-content: space-between;
}
.filter h2 {
height: 30px;
float: left;
font-weight: 400;
font-size: 18px;
color: #333333;
text-align: left;
position: relative;
padding-left: 27px;
line-height: 30px;
margin-right: 28px;
}
.filter h2:before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 17px;
height: 17px;
background: url(../images/ifilter.png) no-repeat center center;
}
.el-input__inner {
height: 30px;
border-radius: 4px 4px 4px 4px;
color: #b4bccc;
}
.filter .filter_so {
float: right;
border: 1px solid #b4bccc;
height: 30px;
border-radius: 4px 4px 4px 4px;
overflow: hidden;
position: relative;
}
.filter .filter_so .keyword {
float: left;
height: 28px;
line-height: 28px;
border: 0 none;
font-size: 14px;
color: #999999;
padding: 0 15px;
}
.filter .filter_so .keyword:focus {
outline: 0;
border: 0px solid #000;
}
.filter .filter_so .tjbtn {
width: 12px;
height: 12px;
float: right;
background: url(../images/so_w.png) no-repeat center center / 100% 100%;
border: 0 none;
color: #000;
cursor: pointer;
font-size: 0;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.filter .filter_so input::-webkit-input-placeholder {
color: #b4bccc;
}
.filter .filter_so input::-moz-placeholder {
color: #b4bccc;
}
.filter .filter_so input:-moz-placeholder {
color: #b4bccc;
}
.filter .filter_so input:-ms-input-placeholder {
color: #b4bccc;
}
.case_list {
width: 100%;
height: auto;
float: left;
}
.case_list ul {
width: 100%;
height: auto;
float: left;
}
.case_list ul li {
width: 32%;
height: auto;
float: left;
margin-right: 2%;
margin-bottom: 48px;
}
.case_list ul li:nth-child(3n) {
margin-right: 0
}
.case_list ul li .picbox {
width: 100%;
height: 0;
padding-bottom: 75.63%;
float: right;
position: relative;
overflow: hidden;
}
.case_list ul li .picbox img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.case_list ul li:hover .picbox img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.case_list ul li .info {
width: 100%;
height: auto;
float: left;
padding: 24px 0 36px;
border-bottom: 1px solid #E8E8E8;
}
.case_list ul li .info h3 {
width: 100%;
height: 26px;
overflow: hidden;
float: left;
font-weight: 400;
font-size: 18px;
color: #333333;
line-height: 26px;
}
.case_list ul li .info .tag {
width: 100%;
height: auto;
margin-bottom: 16px;
float: left;
}
.case_list ul li .info .tag i {
display: inline-block;
height: 22px;
line-height: 22px;
float: left;
font-weight: 400;
font-size: 14px;
overflow: hidden;
margin-right: 15px;
color: #999999;
font-style: normal;
}
.case {
width: 100%;
overflow: hidden;
background: url(../images/casebg.jpg) no-repeat top center;
padding-top: 80px;
}
.caseqh {
width: 100%;
height: auto;
float: left;
margin-top: 48px;
}
.caseqh .swiper-container {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
.caseqh .swiper-slide {
background-size: cover;
background-position: center;
}
.caseqh .gallery-top {
height: 490px;
width: 100%;
position: relative;
margin-bottom: 80px;
}
.caseqh .gallery-thumbs {
height: 260px;
box-sizing: border-box;
}
.caseqh .gallery-thumbs .swiper-slide {
height: 100%;
opacity: 0.4;
cursor: pointer;
}
.caseqh .gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.caseqh .gallery-top .swiper-slide {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: space-between;
}
.caseqh .gallery-top .swiper-slide .picbox {
width: 750px;
height: 490px;
float: left;
}
.caseqh .gallery-top .swiper-slide .picbox img {
width: 100%;
height: 100%;
float: left;
}
.caseqh .gallery-top .swiper-slide .info {
width: 670px;
height: auto;
float: left;
}
.caseqh .gallery-top .swiper-slide .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: #FFFFFF;
line-height: 35px;
}
.caseqh .gallery-top .swiper-slide .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
line-height: 30px;
margin-top: 30px;
margin-bottom: 80px;
}
.caseqh .gallery-top .swiper-slide .info a.more {
width: 144px;
height: 38px;
border-radius: 30px 30px 30px 30px;
border: 1px solid #fff;
display: inline-block;
line-height: 36px;
text-align: center;
display: inline-block;
font-size: 16px;
color: #fff;
text-transform: uppercase;
}
.caseqh .gallery-top .swiper-slide .info a.more:after {
content: "";
width: 16px;
height: 10px;
background: url(../images/amore_w.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.caseqh .gallery-top .swiper-slide .info a.more:hover {
color: #1582FB;
border: 1px solid #1582FB;
}
.caseqh .gallery-top .swiper-slide .info a.more:hover:after {
background: url(../images/amore.png) no-repeat center center;
}
.caseqh .Arrows {
width: 190px;
left: 50%;
margin-left: 80px;
height: 36px;
float: left;
position: relative;
bottom: 53px;
right: 0;
display: flex;
justify-content: space-between;
}
.caseqh .swiper-button-next {
width: 36px;
height: 36px;
overflow: hidden;
line-height: 99px;
background: url(../images/rightl1b.png) no-repeat center center/ 100% 100%;
}
.caseqh .swiper-button-prev {
overflow: hidden;
line-height: 99px;
width: 36px;
height: 36px;
background: url(../images/leftl1b.png) no-repeat center center/ 100% 100%;
}
.caseqh .swiper-button-next:hover {
background: url(../images/rightl1bon.png) no-repeat center center/ 100% 100%;
}
.caseqh .swiper-button-prev:hover {
background: url(../images/leftl1bon.png) no-repeat center center/ 100% 100%;
}
.caseqh .swiper-button-next:after,
.caseqh .swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.caseqh .swiper-button-prev:after,
.caseqh .swiper-container-rtl .swiper-button-next:after {
display: none;
}
.caseqh .swiper-container-horizontal>.swiper-pagination-bullets,
.caseqh .swiper-pagination-custom,
.caseqh .swiper-pagination-fraction {
color: #1582FB45;
font-size: 16px;
z-index: 0;
}
.caseqh .swiper-pagination-current {
font-size: 24px;
color: #1582FB
}
.tage_pages {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 100px;
}
.tage_pages .next {
width: 36px;
height: 36px;
overflow: hidden;
line-height: 99px;
background: url(../images/rightl1b.png) no-repeat center center/ 100% 100%;
}
.tage_pages .prev {
overflow: hidden;
line-height: 99px;
width: 36px;
height: 36px;
background: url(../images/leftl1b.png) no-repeat center center/ 100% 100%;
}
.tage_pages .next:hover {
background: url(../images/rightl1bon.png) no-repeat center center/ 100% 100%;
}
.tage_pages .prev:hover {
background: url(../images/leftl1bon.png) no-repeat center center/ 100% 100%;
}
.tage_pages span {
color: #1582FB45;
font-size: 16px;
z-index: 0;
font-style: normal;
margin: 0 24px;
}
.tage_pages span i {
font-size: 24px;
color: #1582FB;
font-style: normal;
}
.pt100 {
padding-top: 100px;
}
.case_arc {
width: 100%;
height: auto;
float: left;
margin-bottom: 36px;
}
.case_arc h1 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: #1582FB;
line-height: 35px;
}
.case_arc span {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 35px;
margin-top: 5px;
margin-bottom: 10px;
}
.case_arc p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 23px;
}
.case_infoqh {
width: 100%;
height: auto;
float: left;
position: relative;
}
.case_infoqh .swiper-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.case_infoqh .swiper-slide {
background-size: cover;
background-position: center;
}
.case_infoqh .gallery-top {
width: 100%;
margin-bottom: 32px;
}
.case_infoqh .gallery-top img {
max-width: 100%;
max-height: 100%;
}
.case_infoqh .gallery-thumbs {
box-sizing: border-box;
width: calc(100% - 148px);
}
.case_infoqh .gallery-thumbs .swiper-slide {
cursor: pointer;
}
.case_infoqh .gallery-thumbs .swiper-slide .picbox {
border: 4px solid #ffffff;
}
.case_infoqh .gallery-thumbs .swiper-slide .picbox img {
width: 100%;
height: 100%;
}
.case_infoqh .gallery-thumbs .swiper-slide-thumb-active .picbox {
border: 4px solid #1582FB;
}
.case_infoqh .gallery-thumbs .swiper-slide h3 {
font-weight: 400;
font-size: 16px;
color: #333333;
text-align: center;
width: 100%;
margin-top: 16px;
margin-bottom: 16px;
}
.case_infoqh .gallery-thumbs .swiper-slide-thumb-active h3 {
color: #1582FB;
}
.case_infoqh .swiper-button-next {
width: 42px;
height: 42px;
overflow: hidden;
line-height: 99px;
background: url(../images/rightl2b.png) no-repeat center center/ 100% 100%;
position: absolute;
right: 0;
bottom: 110px;
top: auto;
}
.case_infoqh .swiper-button-prev {
overflow: hidden;
line-height: 99px;
width: 42px;
height: 42px;
background: url(../images/leftl2b.png) no-repeat center center/ 100% 100%;
position: absolute;
left: 0;
bottom: 110px;
top: auto;
}
.case_infoqh .swiper-button-next:hover {
background: url(../images/rightl2bon.png) no-repeat center center/ 100% 100%;
}
.case_infoqh .swiper-button-prev:hover {
background: url(../images/leftl2bon.png) no-repeat center center/ 100% 100%;
}
.case_infoqh .swiper-button-next:after,
.case_infoqh .swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.case_infoqh .swiper-button-prev:after,
.case_infoqh .swiper-container-rtl .swiper-button-next:after {
display: none;
}
.case_info {
width: 100%;
height: auto;
float: left;
border-bottom: 1px solid #E8E8E8;
margin-top: 44px;
}
.case_info ul {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 60px;
}
.case_info ul li {
float: left;
text-align: center;
}
.case_info ul li.line {
width: 1px;
height: 68px;
background: #E8E8E8;
}
.case_info ul li h3 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #333333;
line-height: 23px;
margin-bottom: 16px;
}
.case_info ul li span {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 20px;
color: #1582FB;
line-height: 29px;
}
.case_con {
width: 100%;
height: auto;
float: left;
margin-top: 60px;
}
.case_con h2 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 20px;
color: #1582FB;
line-height: 30px;
margin-bottom: 24px;
}
.case_con p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 30px;
}
.prene {
width: 100%;
height: auto;
float: left;
margin-top: 75px;
margin-bottom: 100px;
}
.prene ul {
width: 100%;
height: auto;
float: left;
}
.prene ul li {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 16px;
color: #333333;
line-height: 30px;
margin-top: 5px;
}
.prene ul li a {
font-weight: 500;
font-size: 16px;
color: #666666;
line-height: 30px;
}
.prene ul li a:hover {
color: #1582FB;
}
.lxwm {
width: 100%;
height: 1080px;
overflow: hidden;
//background: url(../images/lxwmbg.png) no-repeat top center;
position: relative;

}
.lxwm .zz {
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
top: 0;
left: 0;
}
.lxwm .zz i#zz1 {
position: absolute;
left: 50%;
top: 50%;
margin-top: -380px;
margin-left: -650px;
width: 8px;
height: 8px;
background: #1582FB50;
box-shadow: 0 0 7px #1582FB;
position: absolute;
border-radius: 50%;
opacity: 1;
animation: animate1 4s linear infinite;
}
.lxwm .zz i#zz2 {
position: absolute;
left: 50%;
top: 50%;
margin-top: -345px;
margin-left: 323px;
width: 8px;
height: 8px;
background: #1582FB50;
box-shadow: 0 0 7px #1582FB;
position: absolute;
border-radius: 50%;
opacity: 1;
animation: animate2 5s linear infinite;
}
.lxwm .zz i#zz3 {
position: absolute;
left: 50%;
top: 50%;
margin-top: 307px;
margin-left: 98px;
width: 8px;
height: 8px;
background: #1582FB50;
box-shadow: 0 0 7px #1582FB;
position: absolute;
border-radius: 50%;
opacity: 1;
animation: animate3 4.5s linear infinite;
}
.lxwm .zz i#zz4 {
position: absolute;
left: 50%;
top: 50%;
margin-top: 345px;
margin-left: 815px;
width: 8px;
height: 8px;
background: #1582FB50;
box-shadow: 0 0 14px #1582FB;
position: absolute;
border-radius: 50%;
opacity: 1;
animation: animate4 5.5s linear infinite;
}
.lxwm_con {
width: 100%;
height: auto;
float: left;
margin-top: 253px;
display: flex;
justify-content: space-between;
}
.lxwm_left {
float: left;
}
.lxwm_left h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 100px;
color: #1582FB;
line-height: 145px;
}
.lxwm_left ul {
width: 100%;
height: auto;
float: left;
margin-top: 85px;
}
.lxwm_left ul li {
width: 100%;
height: auto;
float: left;
}
.lxwm_left ul li span {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 14px;
color: #1582FB;
line-height: 20px;
}
.lxwm_left ul li p {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: #333333;
line-height: 36px;
margin-top: 5px;
margin-bottom: 60px;
}
.lxwm_right {
float: right;
}
.lxwm_right .lxewm {
width: 300px;
height: 300px;
border-radius: 50%;
border: 2px solid #1582FB;
float: left;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.lxwm_right .lxewm img {
width: 115px;
height: 115px;
float: left;
}
.lxwm_right .lxewm span {
float: left;
font-weight: 400;
font-size: 14px;
color: #1582FB;
line-height: 26px;
margin-top: 10px;
}
.lxwm_right .lxmap {
width: 300px;
height: 300px;
background: #D9D9D9;
border-radius: 50%;
float: left;
overflow: hidden;
margin-top: -30px;
}
.lxwm_right .lxmap img {
width: 100%;
height: 100%;
float: left;
}