@charset "utf-8";a, img {vertical-align: top;}
.g-in {width: 83.333333333%;margin: 0 auto;}
.max-width { max-width: 1920px;margin: 0 auto;}
.relative {position: relative;}
.container {    max-width: 84.455%;    width: 100%;    margin: 0 auto;}/* 分页 */.page{    text-align: center;}
.page a{    display: inline-block;    width: 55px;    line-height: 55px;    background:#f1f1f1;    color: #666666;    font-size: 16px;    font-family: arial;    margin: 0 3px;}
.page a:hover,.page a.cur{    background:#333333;    color: #fff;}/*隐藏导航*/.navBox {display: none; width: 100%;height: 100%;background: #282829;position: fixed;left:0;top:0;z-index: 100000;}
.navBoxa {width: 100%;height: 100%;}
.navBoxa { padding:30px 3.125% 0;}
.navBoxa .cha {float: right;margin-top:8px;cursor: pointer;}
.navBoxb { margin-top:2rem;text-align: center;}
.navBoxb dl {line-height: 1; text-align: left; vertical-align: top; display: inline-block;}
.navBoxb dl.sign4 { padding-left:1.6rem; margin-left:0.8rem; height: 5rem; border-left:1px solid #323232;}
.navBoxb dl { margin:0 0.6rem;}
.navBoxb dl dt { margin-bottom:0.46rem;}
.navBoxb dl dt a { font-size: 0.24rem; color:#ffffff;}
.navBoxb dl dd { margin-bottom:0.25rem;}
.navBoxb dl dd a { font-size: 0.18rem; color:#999999;}
.navBoxc {position: absolute; left:3.125%; bottom:0; width: 93.75%; padding: 0.36rem 0 0.46rem; border-top:1px solid #323232; }
.navBoxd {float: left;}
.navBoxd .t1 {font-size: 12px;color:#9b9b9b;}
.navBoxd .t2 {font-size: 14px;color:#9b9b9b; margin-top:4px; text-transform: uppercase;}
.navBoxd .copyright {font-size: 12px;margin-top:0.16rem; color:#818181; text-transform: uppercase; }
.navBoxe {float: right;}
.navBoxe .t {text-align: right; text-transform: uppercase; font-size: 16px;color:#9b9b9b;font-weight: bold;font-family: "Arial";}
.navBoxe .t span { font-size: 12px;color:#9b9b9b;font-weight: normal; vertical-align: top;}
.navBoxe .share { margin-top:0.16rem;}
.navBoxe .share a {display: inline-block; margin-left:0.1rem;}
.header {position: relative;}
.header .logo {float: left;}
.header .logo img { width:200px;}
.header .top {position: absolute;width: 100%; 0;padding: 30px 3.125%; left:0;z-index: 100;}
.header .top .menu {margin-left:24px;cursor: pointer;margin-top:18px;float: right;width:25px;height: 14px;background: url(../images/menu.png) no-repeat center/cover;}
.header .nav {float: right;}
.header .nav ul li {float: left;}
.header .nav ul li a {font-size:20px;color:#fff;display: block; padding:10px 40px;}/*BANNER*/.header .banner a {width: 100%;position: relative; display: block;}
.header .banner .cont { z-index: 10; position: absolute;left:8.33333%; top:50%; transform: translateY(-50%); }
.header .banner .cont .t1 { font-size: 0.25rem; color:#fff;text-transform: uppercase;line-height: 1;}
.header .banner .cont .t2 { margin: 0.3rem 0 .25rem; font-size: 0.46rem; color:#fff;text-transform: uppercase;line-height: 1;}
.header .banner .cont .t2 span { font-weight: bold; }
.header .banner .cont .c { font-size: 0.46rem; color:#fff;line-height: 1; }
.header .banner .cont .more {display: inline-block;font-style: 0.14rem; color:#fff;text-transform: uppercase;border:1px solid #fff; padding:0.2rem 1rem 0.2rem .25rem;margin-top:0.7rem;position: relative;}
.header .banner .cont .more:after { content:'';width: 6px;height: 11px;background: url(../images/bannericon.png) no-repeat center/cover;position: absolute; right:0.2rem; top:50%; margin-top:-5px;}
.header .banner .icon {z-index: 10; width: 34px;height: 142px;position: absolute;right:8.3333333%; bottom:19%;}
.banner .slick-dots {width: 48px; text-align: right; position: absolute; right:0; bottom:auto;top:50%;transform: translateY(-50%);}
.banner .slick-dots li {float: right; transition: all 0.8s; margin: 10px 0; display: block;width: 34px;height: 2px;background: rgba(255,255,255,0.24);}
.banner .slick-dots li.slick-active {width: 48px;background: rgba(255,255,255,1);}
.banner .slick-dots li button {display: none;}
.banner .num {width: 50%;height: 1.1rem;background: rgba(255,255,255,0.1);position: absolute; left:0;bottom:0; }
.banner .num .relative {width: 100%;height: 100%;}
.banner .num .relative .tit {left:0.6rem; top:50%;transform: translateY(-50%); position: absolute;  font-size: 14px; color:#ffffff;}
.banner .num .relative .c {background: url(../images/bannericon3.png) no-repeat right center; text-transform: uppercase; right:0.6rem; top:50%;transform: translateY(-50%); position: absolute; padding: 10px 40px 10px 0;  font-size: 13px; color:#ffffff;}
.bannerDown{    float: right;    line-height: 100px;    color:#333333;    font-size: 14px;    letter-spacing: 2px;}
.bannerDown p {background: url(../images/bannericon3.png) no-repeat right center; text-transform: uppercase; right:0.6rem; top:50%;transform: translateY(-50%); position: absolute; padding: 10px 40px 10px 0;  font-size: 13px; color:#ffffff;}@media(max-width: 1480px){    .header .logo img { width: 120px; }    .header .nav ul li a { line-height: 53px; }    .header .top .menu { height: 53px; }}/**mobile nav**/.nav_box {    width: 100%;    height: 100%;    position: fixed;    right: auto;    top: 0;    bottom: 0;    left: -100%;    overflow: auto;    background: url(../images/menubg.jpg) center center;    z-index: 999;    padding: 32px 60px;}
.nav-title .img{    float: left;    line-height: 0;}
.nav-title .navclose{    float: right;    width: 23px;    line-height: 0;    cursor: pointer;}
.PCnav{ max-width:1300px;width: 100%;    position: absolute;    left: 50%;    top: 45%;    transform: translate(-50%,-50%);    -webkit-transform: translate(-50%,-50%);    -moz-transform: translate(-50%,-50%);    -ms-transform: translate(-50%,-50%);    -o-transform: translate(-50%,-50%);}
.PCnav .navL{    float: left;    width:1000px;    border-right: 1px solid #323232;}
.PCnav .navL li{    float: left;    width:25%;}
.PCnav .navL li>a{    display: block;    color:#cccccc;    font-size: 24px;}
.PCnav .navL li .t{    margin-top: 15px;}
.PCnav .navL li .t>a{    display: block;    color:#999999;    font-size: 18px;    line-height: 42px;}
.PCnav .navL li .t>a:hover{    color:#fff;}
.PCnav .navR{    float: right;    max-width: 200px;    text-align: right;}
.PCnav .navR li{    float: left;    width: 100%;    font-size: 24px;    margin-bottom: 35px;}
.PCnav .navR li a{    color:#cccccc;}
.PCnav .navR li a:hover{    color:#fff;}
.MOnav{    display: none;}
.nav-bottom{    position: absolute;    left: 0;    bottom:25px;    width: 100%;    padding: 0 60px;    border-top:1px solid #323232;    padding-top: 30px;}
.nav-bottom .left{    float: left;    max-width: 50%;}
.nav-bottom .left .d1{    color:#9b9b9b;    font-size: 12px;}
.nav-bottom .left span{    color:#9b9b9b;    font-size: 14px;    text-transform: uppercase;    display: block;    margin-top: 8px;}
.nav-bottom .left .d2{    margin-top: 10px;    color:#606061;    font-size: 12px;}
.nav-bottom .right{    float: right;    max-width: 50%;    text-align: right;}
.nav-bottom .right p{    color:#9b9b9b;    font-size: 12px;    line-height: 22px;}
.nav-bottom .right p span{    text-transform: uppercase;    font-weight: bold;    font-size: 16px;    display: inline-block;    margin-right: 5px;}
.nav-bottom .right .fx{    margin-top: 10px;}/* .nav-bottom .right .fx a{    display: block;    float: left;    width: 47px;    line-height: 0;    margin-left: 10px;} *//**底部**/.footer {    background: #010308;    padding-top: 46px;}
.footerTop{    padding-bottom: 20px;}
.footerTop .left{    float: left;}
.footerTop .left .img{    line-height: 0;    width: 175px;}
.footerTop .left .img img{    width: 100%;}
.footerTop .left .t{    margin-top: 25px;}
.footerTop .left .t p{    color:#9b9b9b;    font-size: 12px;}
.footerTop .left .t span{    color:#9b9b9b;    font-size: 14px;    text-transform: uppercase;    display: block;    margin-top: 5px;}
.footerTop .right{    float: right;    text-align: right;}
.footerTop .right p{    color:#9b9b9b;    font-size: 12px;}
.footerTop .right p span{    display: block;    color: #fff;    font-size: 16px;    text-transform: uppercase;    margin-bottom: 5px;}
.footerTop .container { position: relative; }
.footerTop .right .fx span { line-height: 47px; width: 60px; display: inline-block; font-size: 12px;color:#9b9b9b; text-align: center; }
.footerTop .t { text-align: center; position: absolute; left:46%; transform: translateX(-50%); top:0; font-size: 18px;color:#9b9b9b; }
.banquan{    border-top:1px solid #191919;    padding: 20px 0%;text-align: left;    font-size: 12px;    color:#9b9b9b;}
.banquan .right{    color:#9b9b9b;}
.banquan .right a{    text-transform: uppercase;    color:#9b9b9b;}/**首页**/.title h3{    color: #000000;    font-size: 50px;    font-weight: normal;    letter-spacing: 5px;}
.title p{    margin-top: 10px;    color: #000000;    font-size: 14px;    letter-spacing: 6px;    text-transform: uppercase;}
.title2 h3{    color: #fff;}
.title2 p{    color: #fff;}
.moreBtn{    margin-top: 50px;}
.moreBtn a{    display: block;    width: 210px;    height: 54px;    border:1px solid #888888;    line-height: 52px;    text-transform: uppercase;    font-size: 14px;    letter-spacing: 2px;    color:#888888;    padding: 0 28px;    position: relative;}
.moreBtn a:before{    content:"";    position: absolute;    right: 20px;    top: 20px;    width: 6px;    height: 11px;    background:url(../images/jt01.png) no-repeat center center/cover;}
.moreBtn2 a{    color: #666666;    border-color:#666666;}
.homeAbout{    padding: 6vw 0 8vw;    position: relative;}/* .homeAbout:before{    content:"";    position: absolute;    left: 20%;    top: 8%;    width: 729px;    height: 184px;    background:url(../images/homeAboutImg.jpg) no-repeat center center/cover;    z-index: -1;} */.homeAbout .left{    float: left;    width: 25%;}
.homeAbout .left .moreBtn{    margin-top: 6vw;}
.homeAbout .title span{    display: block;    color: #000000;    font-size: 14px;    margin-bottom: 5px;    width: 48px; height: 4px; background: #333;}
.homeAbout .title p{    letter-spacing: 3.2px;}
.homeAbout .right{    float: right;    width: 70.75%;}
.homeAbout .right .text h4{    color: #000000;    font-size: 20px;    font-weight: normal;    letter-spacing: 4px;}
.homeAbout .right .text p{    color: #333333;    font-size: 16px;    line-height: 34px;    margin-top: 15px;}
.homeAbout .right ol{    margin-top: 60px;}
.homeAbout .right ol li{    float: left;    margin-right: 170px;    position: relative;    text-align: left;}
.homeAbout .right ol li:after {content:'';width:43px; height:16px;background: url(../images/habga.png) no-repeat center/cover;position: absolute;top:50%;transform:translateY(-50%);right: -100px; }
.homeAbout .right ol li:last-child{    margin-right: 0;}
.homeAbout .right ol li:last-child:after{    display: none;}
.homeAbout .right ol li p{ font-size: 60px;    font-family: DINEngschriftStd;    color: #000000;   }
.homeAbout .right ol li span{    color: #444444;    font-size: 18px;}
.homeBox .box{    margin-right: -9.2%;    position: relative;    overflow: hidden;}
.homeBox .box .imgBtn{    float: right;    position: relative;    z-index: 2;    width: 30%;    height: 100%;    background:rgba(30, 32, 36, .63);}
.homeBox .box .imgBtn ol li{    float: left;    width: 100%;    border-top:1px solid #5b6068;    height:12.5vw;}
.homeBox .box .imgBtn ol li a{    display: block;    padding: 15% 60px;    width: 100%;    float: left;}
.homeBox .box .imgBtn ol li .text{    float: left;}
.homeBox .box .imgBtn ol li .text .icon{    line-height: 0;}
.homeBox .box .imgBtn ol li .text .icon img{    height: 47px;}
.homeBox .box .imgBtn ol li .text p{    margin-top: 5px;    color: #ffffff;    font-size: 22px;}
.homeBox .box .imgBtn ol li .text p span{    display: inline-block;    font-size: 16px;    text-transform: uppercase;    margin-left: 10px;}
.homeBox .box .imgBtn ol li .more{    margin-top: 50px;    padding-right: 41px;    height: 31px;    line-height: 31px;    float: right;    font-size: 14px;    color: #afb1b4;    text-transform: uppercase;    background:url(../images/more1.png) no-repeat right center/cover;    background-size:31px 31px;}
.homeBox .box .imgBtn ol li.cur{    background:rgba(30, 32, 36, .55);}
.homeBox .box .imgbox{    position: absolute;    right: 0;    top: 0;    width: 100%;    height: 100%;}
.homeBox .box .imgbox .img{    position: absolute;    left: 0;    top: 0;    width: 100%;    line-height: 0;    overflow: hidden;}
.homeBox .box .imgbox .img img{    width: 100%;}
.homeBox2{    padding: 100px 0;    position: relative;}
.homeBox2:before{    content: "";    position: absolute;    left: 0;    top: -30%;    width: 100%;    height: 130%;    background:#f7f7f7;    z-index: -1;}
.homeBox2 ul li{    float: left;    width: 23.5%;    margin-right: 2%;    border-left: 1px solid #d6d6d6;    padding-left: 20px;}
.homeBox2 ul li:nth-child(4n){    margin-right: 0;}
.homeBox2 ul li .icon{width:120px;    line-height: 0;    overflow: hidden;}
.homeBox2 ul li h3{    margin-top: 30px;    color:#333333;    font-size: 22px;    font-weight: normal;    padding-left:13px; background: url(../images/hbbga.jpg) no-repeat left center; background-size: 2px 86%;}
.homeBox2 ul li p{    color:#666666;    font-size: 14px;    line-height: 24px;    margin-top: 20px;}
.homeBox2 ul li p:nth-child(n+2) { margin-top: 6px; }
.homeBox2 ul li span{    margin-top: 30px;    display: inline-block;    color:#424242;    font-size: 14px;    text-transform: uppercase;    background:url(../images/jt01.png) no-repeat right center;    padding-right: 20px;}
.homeBox2 ul li .img{    line-height: 0;    margin-top: 30px;}
.homeBox2 ul li .img img{    -webkit-filter: grayscale(100%);    -moz-filter: grayscale(100%);    -ms-filter: grayscale(100%);    -o-filter: grayscale(100%);    filter: grayscale(100%);}
.homeBox2 ul li:hover .img img{    -webkit-filter: grayscale(0);    -moz-filter: grayscale(0);    -ms-filter: grayscale(0);    -o-filter: grayscale(0);    filter: grayscale(0);}
.homeBox2 ul li:nth-child(2n){    margin-top: 90px;}
.homeWenhua{    height: 625px;    background-color: #000000;    background-repeat: no-repeat;    background-position-y: center;    background-position-x: right;    -webkit-background-size: cover;    background-size: cover;}
.homeWenhua .text{    max-width:720px;    padding-top: 145px;}
.homeWenhua .text .t{    margin-top: 28px;letter-spacing:2px;    color: #ffffff;    font-size: 16px;    line-height: 32px;}
.popLeft{    position: fixed;    left: 0;    top: 50%;    width: 60px;    background:rgba(29, 29, 29, .62);    z-index: 10;}
.popLeft ul li{    float: left;    width: 100%;    line-height: 0;    border-bottom:1px solid #3f3f3f;}
.popLeft ul li:last-child{    border-bottom:none;}
.popLeft ul li a{    display: block;    width: 100%;}
.popLeft ul li:hover{    background:#000000;}
.nybanner{    position: relative;    overflow: hidden;}
.nybanner .img{    width: 100%;    overflow: hidden;    position: relative;    display: block;    background-size: cover;    background-repeat: no-repeat;    background-position: 50% 50%;}
.nybanner .news_img{    height: 680px;}
.nybanner .contact_img{    height: 100vh;}
.nybanner .text{    position: absolute;    left: 0;    top: 50%;    width: 100%;    transform: translateY(-50%);    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -ms-transform: translateY(-50%);    -o-transform: translateY(-50%);}
.nybanner .text h4 {    color: #ffffff;    font-size: 50px;    text-transform: uppercase;    font-family: DINEngschriftStd;    font-weight: normal;    letter-spacing: 3px;}
.nybanner .text h3{    color:#ffffff;    font-size: 42px;    font-weight: normal;    letter-spacing: 3px;}
.nybanner .zsimg{    position: absolute;    right: 155px;    bottom:100px;    width: 2%;    line-height: 0;}
.nybanner .nybannerText{    position: absolute;    left: 0;    bottom:0;    width: 50%;    background:rgb(0,0,0,0.2);    height: 100px;    padding-left: 0;}
.nybanner .nybannerText .bannerDown{    margin-right: 60px;}
.nybannerText .List{    float: left;    width: 100%;}
.nybannerText .List li{    float: left;    width: 16.666666%; text-align: center;    line-height: 98px;  font-size: 16px;}
.nybannerText .List li:last-child{    margin-right: 0;}
.nybannerText .List li a{  display: block;    color: #ffffff;}
.nybannerText .List li.cur,.nybannerText .List li:hover{    border-color: #000000;}
.nybannerText .List li.cur a,.nybannerText .List li:hover a{    color:#ffffff;    background: #000000;}
.nybannerText .List li.cur a span,.nybannerText .List li:hover a span{ border-bottom: 2px solid #fff;}
.nybannerText .List li a span,.nybannerText .List li a span{    display: inline-block;    line-height: 98px; height:98px;  }
@media(max-width: 1480px){    .nybanner .nybannerText { height: 64px; }    .nybannerText .List li { line-height: 64px; }}
.newsBox{    padding: 100px 0;}
.newsTop{    background:#f7f7f7;    margin-bottom: 60px;}
.newsTop .img{    float: left;    width: 50%;    line-height: 0;    overflow: hidden;}
.newsTop .text{    float: right;    width: 50%;    padding: 80px 60px 0;}
.newsTop .text h3{    color:#333333;    font-size: 20px;    font-weight: normal;}
.newsTop .text span{    margin-top: 15px;    display: block;    color:#888888;    font-size: 16px;    font-family: arial;}
.newsTop .text p{    margin-top: 10px;    color:#666666;    font-size: 14px;    line-height: 32px;}
.newsList{    border-top: 1px solid #e6e6e6;    padding-top: 20px;}
.newsList ul{    margin-bottom: 60px;}
.newsList ul li{    float: left;    width: 32%;    margin-right: 2%;    border-bottom: 1px solid #e6e6e6;    padding: 40px 0;}
.newsList ul li .img{    position: relative;    line-height: 0;}
.newsList ul li .img .img01{    width: 100%;}
.newsList ul li:nth-child(3n){    margin-right: 0;}
.newsList ul li .text{    padding-top: 20px;}
.newsList ul li .text h3{    color:#333333;    font-size: 20px;    font-weight: normal;    overflow: hidden;    text-overflow:ellipsis;    white-space: nowrap;}
.newsList ul li .text span{    display: block;    margin-top: 15px;    color:#888888;    font-size: 16px;    font-family: arial;}
.newsList ul li .text p{    margin-top: 10px;    color:#666666;    font-size: 14px;    line-height: 24px;    height: 48px;    overflow: hidden;}
.newsList ul li:hover .img .hide{    display: block;}
.newsshowBox{    padding: 100px 0;}
.newsshowBox .box{  width: 100%;    margin: 0 auto;}
.newsshowBox .box h1{    color:#222222;    font-size: 40px;    font-weight: normal;}
.newsshowBox .box .data{    color: #888888;    font-size: 16px;    font-family: arial;    display: block;    padding: 20px 0;}
.newsshowBox .box .data span{ margin-right:20px;}
.newsshowBox .box .detail{    border-top: 1px solid #eae7e5;    border-bottom: 1px solid #eae7e5;    padding: 30px 0;    color:#666666;    font-size: 16px;    line-height: 30px;}
.newsshowBox .box .detailleft{ width:50%; float:left; border:1px solid #eee;}
.newsshowBox .box .detailright{ width:48%; float:right;}
.detailzw{ clear:both;   color:#666666;    font-size: 16px;    line-height: 30px;}
.fenyeBtn{    margin-top: 50px;    text-align: center;}
.fenyeBtn a{    display: block;    border:1px solid #bfbfbf;    line-height: 46px;    color:#7d7d7d;    font-size: 16px;    min-width: 155px;}
.fenyeBtn a.btn{    width: 175px;    margin: 0 auto;    display: inline-block;}
.fenyeBtn a i.i1,.fenyeBtn a i.i3{    width: 16px;    height: 7px;    display: inline-block;    position: relative;    top: -2px;}
.fenyeBtn a i.i1 {    background: url(../images/i2.jpg) no-repeat center center/cover;    margin-right: 15px;}
.fenyeBtn a i.i3{    background:url(../images/i1.jpg) no-repeat center center/cover;    margin-left: 15px;}
.fenyeBtn a i.i2{    width: 14px;    height: 14px;    display: inline-block;    position: relative;    top: 1px;    margin-right: 8px;    background:url(../images/i3.jpg) no-repeat center center/cover;}
.contactBox{    padding: 100px 0 150px;   /* background:url(../images/jzbg2.jpg) no-repeat center bottom/cover;*/    background-size:100% 160px;}
.contactBox .left{    float: left;    width: 50%;}
.contactBox .title h3{    font-size: 40px;}
.contactBox .title p{    font-size: 14px;    letter-spacing: 3px;}
.contactBox .left .text{    color: #333333;    font-size: 16px;    margin-top: 40px;}
.contactBox .left .text p{    line-height: 23px;    padding-left: 35px;    margin-bottom: 30px;}
.contactBox .left .text p span{    display: inline-block;    margin-right: 20px;    font-family: DINEngschriftStd;    font-size: 20px;}
.contactBox .left .text p.d1{    background:url(../images/d1.png) no-repeat left center/cover;    background-size:23px 23px;}
.contactBox .left .text p.d2{    background:url(../images/d2.png) no-repeat left center/cover;    background-size:23px 23px;}
.contactBox .left .text p.d3{    background:url(../images/d3.png) no-repeat left center/cover;    background-size:23px 23px;}
.contactBox .left .text p.d4{    background:url(../images/d4.png) no-repeat left center/cover;    background-size:23px 23px;}
.contactBox .right{    float: right;    width: 45%;}
.contactBox .right ol li{    float: left;    width: 100%;    margin-bottom: 10px;}
.contactBox .right ol li input{    float: left;    width: 100%;    border:none;    border-bottom:1px solid #d8d8d8;    color: #333333;    font-size: 15px;    padding: 18px 0;}
.contactBox .right ol li textarea{    padding: 10px 0;    float: left;    width: 100%;    border:none;    border-bottom:1px solid #d8d8d8;    height: 120px;    color: #333333;    font-size: 15px;    font-family:微软雅黑;}
.contactBox .right ol li input::-webkit-input-placeholder,.contactBox .right ol li input::-webkit-textarea-placeholder{    color:#333;}
.contactBox .right ol li .btn{    margin-top: 25px;    background:#222222;    font-size: 18px;    color:#fff;    border-bottom:none;}
.joinBox{    padding: 100px 0;}
.joinBox .left{    float: left;    width: 45%;    padding-top: 50px;}
.joinBox .left .text{    margin-top: 30px;    color: #333333;    font-size: 16px;    line-height: 32px;}
.joinBox .left .text p{    margin-top: 10px;}
.joinBox .img{    float: right;    width: 50%;    line-height: 0;}
.joinBox2{    padding-top: 0;    background:#f7f7f7;    position: relative;}
.joinBox2:before{    content:"";    position: absolute;    left: 0;    bottom:0;    width: 100%;    height: 152px;   /* background:url(../images/joinBg.jpg) no-repeat center center/cover;*/    z-index: 0;}
.joinBox2 .container{    position: relative;    z-index: 1;}
.joinBox2 .img{    float: left;    width: 59.2%;    margin-left: -9.2%;}
.joinBox2 .left{    float: right;    padding-top: 165px;}
.joinBox3{    padding: 100px 0;}
.joinBox3 .top .topT{    max-width: 705px;    color: #333333;    font-size: 16px;    line-height: 28px;    margin-top: 20px;}
.ygfcBox{    margin-top: 40px;    margin-right: -9.2%;    padding-bottom: 100px;}
.ygfcBox .box{    position: relative;}
.ygfcBox .box .img{    line-height: 0;}
.ygfcBox .box .img img{    width: 100%;}
.ygfcBox .box .text{    position: absolute;    left: 0;    bottom:0;    width: 100%;    background:rgba(29, 29, 29, .8);    padding: 20px 0;    text-align: center;    color:#fff;    font-size: 18px;    overflow: hidden;    text-overflow:ellipsis;    white-space: nowrap;}
.ygfcBox .swiper-slide{    width: 605px;}
.ygfcBox .swiper-pagination{    color:#333333;    font-size: 20px;    font-family: DINEngschriftStd;    bottom:10px;    width: 91.8%;}
.ygfcBox .swiper-button-prev,.ygfcBox .swiper-button-next{    width: 49px;    height: 49px;    top: auto;    bottom: 0;    margin-top: 0;}
.ygfcBox .swiper-button-prev{    background:url(../images/joinLeft.jpg) no-repeat center center;    left: 39.8%;}
.ygfcBox .swiper-button-next{    background:url(../images/joinRight.jpg) no-repeat center center;    right: 48%;}
.joinBox4{    background:#f7f7f7;    padding: 100px 0;}
.joinBox4 .top .joinBnt a{    display: block;    float: left;    width: 180px;    height: 54px;    border:1px solid #a8a8a8;    text-align: center;    line-height: 52px;    color:#333333;    font-size: 16px;    margin-left: 15px;}
.joinBox4 .top .joinBnt a.cur,.joinBox4 .top .joinBnt a:hover{    background:#333333;    color: #fff;}
.joinBox4 .ts{    color: #333333;    font-size: 16px;    line-height: 28px;    margin-top: 10px;}
.joinBox4 .tablesBox{    margin-top: 45px;    background:#fff;    margin-bottom: 60px;}
.joinBox4 .tablesBox table tr th{    background:#272727;    color: #fff;    font-size: 16px;    padding: 20px 5px;}
.joinBox4 .tablesBox table tr td{    color: #666666;    font-size: 16px;    padding: 22px 15px;    border-bottom:1px solid #ededed;    text-align: center;}
.joinBox4 .tablesBox table tr th:first-child,.joinBox4 .tablesBox table tr td:first-child{    padding-left: 40px;    text-align: left;}
.cxfzBox{    padding: 100px 0;    position: relative;}
.cxfzBox .container{    position: relative;    z-index: 1;}
.cxfzBox .left{    float: left;    width: 45%; padding-top:90px;}
.cxfzBox .left .text{    margin-top: 30px;    color: #333333;    font-size: 16px;    line-height: 32px;}
.cxfzBox .left .text p{    margin-top: 10px;}
.cxfzBox .img{    float: right;    width: 50%;    line-height: 0;    overflow: hidden;}
.cxfzBox2{    background:url(../images/cxfzImg2.jpg) no-repeat center center/cover;    height: 770px;    padding-top: 120px;}
.cxfzBox2 .title2{    text-align: center;}
.cxfzBox2 .text{    max-width: 1120px;    margin: 30px auto;    text-align: center;    color: #fff;    font-size: 16px;    line-height: 36px;}
.cxfzBox2 .text p{    margin-top: 20px;}
.cxfzBox3{    padding: 100px 0;}
.cxfzBox3 .left{    float: left;    width: 45%;}
.cxfzBox3 .left .text{    margin-top: 30px;    color: #333333;    font-size: 16px;    line-height: 32px;}
.cxfzBox3 .left ol{    margin-top: 60px;}
.cxfzBox3 .left ol li{    float: left;    text-align: center;    border-left: 1px solid #e4e4e4;    padding: 0 35px;}
.cxfzBox3 .left ol li span{    color: #2d2d33;    font-size: 66px;    font-family: DINEngschriftStd;    display: block;    line-height: 50px;}
.cxfzBox3 .left ol li p{    margin-top: 10px;    color: #2d2d33;    font-size: 16px;}
.cxfzBox3 .left ol li:first-child{    padding-left: 0;    border-left: none;}
.cxfzBox3 .right{    float: right;    width: 45%;}
.honorQH .img{    margin-top: 13%;}
.honorQH .slick-current{    position: relative;    z-index: 2;}
.honorQH .slick-current .img{    width: 120%;    margin-left: -10%;    margin-top: 0;}
.honorQH .img img{    width: 100%;}
.honorQH .slick-prev,.honorQH .slick-next{    width: 59px;    height: 59px;    border:none;    margin-top: -30px;}
.honorQH .slick-prev{    background:url(../images/honorLeft.png) no-repeat center center/cover;    left: -15px;}
.honorQH .slick-next{    background:url(../images/honorRight.png) no-repeat center center/cover;    right: -15px;}
.cxfzBox4{    background:#f7f7f7;}
.cxfzBox4 .left{    float: right;    width: 45%;    padding-top: 150px;}
.cxfzBox4 .left .text{    margin-top: 30px;    color: #333333;    font-size: 16px;    line-height: 32px;}
.cxfzBox4 .left .text p{    margin-top: 10px;}
.cxfzBox4 .img{    float: left;    width: 59.2%;    margin-left: -9.2%;    line-height: 0;}
.cxfzBox5 .left{    float: left;}
.cxfzBox5 .img{    float: right;    margin-left: 0;    margin-right: -9.2%;}
.cxfzBox6{    background:url(../images/cxczImg4.jpg) no-repeat center center/cover;    height: 500px;    text-align: center;    padding-top: 180px;}
.cxfzBox6 .text{    color:#fff;    font-size: 16px;    line-height: 36px;    margin-top: 20px;}
.aboutBox{    padding-top: 5vw;   padding-bottom: 5vw;    position: relative;}/* .aboutBox::before{    content:"";    position: absolute;    left: 0;    top: 60px;    width: 100%;    height: 190px;    background:url(../images/aboutBg.jpg) no-repeat center center/cover;} */.aboutBox .container{    position: relative;    z-index: 1;}
.aboutBox .left{    float: right;    width: 45%;}
.aboutBox .left .title span{    display: block;    color: #000000;    font-size: 14px;    text-transform: uppercase;    margin-bottom: 5px;}
.aboutBox .title { position: relative; padding-bottom:20px; }
.aboutBox .title:after { content:''; width: 100%; height: 5px; background: #666;     background-image: linear-gradient(to right, #666 , #000); position: absolute; left:0; bottom:0; }
.aboutBox .left .bt{    color: #000000;    font-size: 20px;    letter-spacing: 2px;    line-height: 30px; }
.aboutBox .left .text{    color: #333333;    font-size: 16px;    line-height: 32px;    margin-top: 22px;}
.aboutBox .img{    margin-top: 0px;    float: left;    width: 50%;    line-height: 0;}
@media(max-width: 1920px){    .aboutBox .left { padding-top:0vw; }}
@media(max-width: 1780px){    .aboutBox .left { padding-top: 20px; }    .aboutBox .title { padding-bottom: 30px;  }    .aboutBox .left .bt { margin-top: 30px; }}
@media(max-width: 1480px){    .aboutBox .left { padding-top: 0px; }    .aboutBox .title { padding-bottom: 20px;  }    .aboutBox .left .bt { margin-top: 20px; }    
.aboutBox .left .bt { font-size: 18px; }    .aboutBox .left .text { margin-top:10px;}}
.aboutBox .img img { width: 100%; height: auto;}
.aboutBox3 ul{    margin-top: 0;}
.aboutBox4{    background:url(../images/aboutbg2.jpg) no-repeat center center/cover;    padding: 6vw 0 7vw;    position: relative;    border-top: 1px solid #ededed;    border-bottom: 1px solid #ededed;}
.aboutBox4 .left{    float: left;    width: 50%;    /* background:#f0f0f0; */    position: absolute;    left: 0;    /* top: -40px; */    /* height: 95%; */    padding-left: 7.7%;    padding-right: 12%;}/* .aboutBox4 .left::before{    content:"";    position: absolute;    right: 0;    top: 70px;    width: 135px;    height: 568px;    background:url(../images/aboutbg4.jpg)no-repeat center center; } */.aboutBox4 .left .text{    color:#333333;    font-size: 16px;    line-height: 30px;    margin-top: 30px;}
.aboutBox4 .left ol{    margin-top: 40px;}
.aboutBox4 .left ol li{    float: left;    width: 100%;    margin-bottom: 40px;}
.aboutBox4 .left ol li .icon{    float: left;    width: 46px;    line-height: 0;}
.aboutBox4 .left ol li .t{    float: left;    margin-left: 10px;    max-width: 500px;}
.aboutBox4 .left ol li .t h3{    color:#333333;    font-size: 20px;    font-weight: normal;}
.aboutBox4 .left ol li .t p{    color:#666666;    margin-top:4px;    font-size: 16px;}
.aboutBox4 .right{    float: right;    width: 45%;}
.aboutBox4 .right .text{    color: #ffffff;    font-size: 18px;    line-height: 38px;}
.aboutBox4 .right .text p{    margin-top: 20px;}
.mainX { margin:3vw 0 2.5vw; position: relative; width: calc(100% - 38px); height: 1px; background: #ededed; }
.aboutBox4 .right .mainX { background: rgba(255,255,255,0.2); }
@media(max-width: 1480px){    .aboutBox4 .left ol li .t { width: 300px; }    .aboutBox4 .right .text { font-size: 16px; }    .aboutBox4 .right .text p { margin-top:12px; }    .aboutBox4 .left ol li { margin-bottom: 30px; }    .aboutBox4 .left ol { margin-top: 30px; }}
@media(max-width: 1280px){    .aboutBox4 .left ol li .t { width: 240px; }    .aboutBox4 .right .text { font-size: 16px; }    .aboutBox4 .right .text p { margin-top:12px; }    .aboutBox4 .left ol li { margin-bottom: 30px; }.aboutBox4 .left ol { margin-top: 30px; }}

.product_wrap_li{}
.product_wrap_li ul{margin-bottom:30px;}
.product_wrap_li li{background:#FFF;margin-top:20px;width:23.8%;float:left;margin-left:1.6%;}
.product_wrap_li li:nth-child(4n+1){margin-left:0;}
.product_wrap_li li .p_img{width:100%; height:auto;border:2px solid #efefef;}
.product_wrap_li li .p_img img{object-fit:cover;width:100%;height:100%;display:block;}
.product_wrap_li li .p_img .videoicon{background:url(videoicon.png) no-repeat center center rgba(0,0,0,.3);position:absolute;left:0;top:0;background-size:60px auto;display:block;width:100%;height:100%;}
.product_wrap_li li p{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_wrap_li li p a{color:#666;}
@media(max-width: 1024px){
.mainX { margin: 20px 0; background: rgba(0,0,0,0.1); margin-left: 16px; width: calc(100% - 16px); }    
.aboutBox4 .right .mainX { background: rgba(255,255,255,0.2); }    
.mainX:after { width: 32px; height: 18px; left: -16px; top: -9px; }
.product_wrap_li li{width:32%;margin-left:2%;}
	.product_wrap_li li:nth-child(4n+1){margin-left:2%;}
	.product_wrap_li li:nth-child(3n+1){margin-left:0;}}
.pathBox{    margin-top: 45px;    padding-bottom: 70px;}
.pathBox .box{    position: relative;    background:#fff;}
.pathBox .box .img{    line-height: 0;    overflow: hidden;    opacity: 0;}
.pathBox .box .text{    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    padding: 125px 25px 0;}
.pathBox .box .text .num{    color: #333333;    font-size: 36px;    display: block;    font-family: DINEngschriftStd;}
.pathBox .box .text .icon{    display: block;    margin-left: -25px;    margin-right: -25px;    margin-top: 20px;    border-bottom:1px solid #b8b8b8;    position: relative;}
.pathBox .box .text .icon:before{    width: 21px;    height: 21px;    background:url(../images/pathIcon.jpg) no-repeat center center/cover;    content:"";    position: absolute;    left: 25px;    top: -10px;}
.pathBox .box .text h3{    margin-top: 20px;    color: #333333;    font-size: 16px;    line-height: 24px;    font-weight: normal;}
.pathBox .box .text .c{    margin-top: 20px;    color: #666666;    font-size: 14px;    line-height: 22px;    font-family: arial;}
@media(max-width: 1680px){    .pathBox .box .text { padding-top:80px; }}
@media(max-width: 1480px){    .pathBox .box .text { padding-top:20px; }}
.pathBox .box:hover .img{    opacity: 1;}
.pathBox .box:hover .text{    top: auto;    bottom:0;    height: auto;    padding: 25px;    background:rgba(30, 32, 36, .63);}
.pathBox .box:hover .text .num{    color: #fff;}
.pathBox .box:hover .text h3{    color: #fff;}
.pathBox .box:hover .text p{    color: #fff;}
.pathBox .box:hover .text .icon{    display: none;}
@media(max-width: 640px){
.product_wrap_li li{width:48%;margin-left:4%;}
.product_wrap_li li:nth-child(4n+1){margin-left:4%;}
.product_wrap_li li:nth-child(3n+1){margin-left:4%;}
.product_wrap_li li:nth-child(odd){margin-left:0;}
.newsshowBox .box .detailleft{ width:100%; float: none; border:1px solid #eee;}
.newsshowBox .box .detailright{ width:100%; float:none;}
.detailzw{ clear:both;   color:#666666;    font-size: 14px;    line-height: 30px;}
.pathBox .box .img{        opacity: 1;    }    
.pathBox .box .text{        top: auto;        bottom:0;        height: auto;        padding: 25px;        background:rgba(30, 32, 36, .63);    }    
.pathBox .box .text .num{        color: #fff;    }    
.pathBox .box .text h3{        color: #fff;    }    
.pathBox .box .text p{        color: #fff;    }    
.pathBox .box .text .icon{        display: none;    }}
.pathBox .swiper-button-prev,.pathBox .swiper-button-next{    width: 48px;    height: 48px;    top: auto;    bottom:0;}
.pathBox .swiper-button-prev{    left: 0;    background:url(../images/pathL.jpg) no-repeat center center/cover;}
.pathBox .swiper-button-next{    right: 0;    background:url(../images/pathR.jpg) no-repeat center center/cover;}
.pathBox .swiper-button-prev:hover{    background:url(../images/pathLbg.png) no-repeat center center/cover #333333; border-radius: 50%}
.pathBox .swiper-button-next:hover{    background:url(../images/pathRbg.png) no-repeat center center/cover #333333; border-radius: 50%}
.pathBox .swiper-scrollbar{    bottom:20px;    width: 90%;    left: 50%;    transform: translateX(-50%);    -webkit-transform: translateX(-50%);    -moz-transform: translateX(-50%);    -ms-transform: translateX(-50%);    -o-transform: translateX(-50%);    overflow: hidden;}
.proBox{    padding: 5vw 0 6vw;    position: relative;}
.proBox:before{    content:"";    display: none;    position: absolute;    left: 0;    top: 50px;    width: 100%;    height: 190px;    background:url(../images/probg.jpg) no-repeat center center/cover;}
.proBox .container{    position: relative;    z-index: 2;}
.proBox .left{    float: left;    width: 45%;    position: absolute; left:0; top:50%; transform: translateY(-50%);}
.proBox .left .text{    color:#333333;    font-size: 16px;    line-height: 32px;}
.proBox .left .text p{    margin-top: 20px;}
.proBox .img{    float: right;    line-height: 0;    width: 50%;}
.proBoxA { margin-top:3vw; }
.proBoxA ul li { float: left; margin-right: 8vw; position: relative; }
.proBoxA ul li .num { font-size: 3vw; color:#333333; font-family: "Arial"; line-height: 1; }
.proBoxA ul li .num span { font-size: 24px; }
.proBoxA .c { font-size: 16px; color:#666666; margin-top:8px; }
.proBoxA ul li:after { content:''; width: 1px; height: 100%; position: absolute; top:0; right: -4vw; background: #ededed; }
.proBoxA ul li:last-child:after { display: none; }
.proBoxA ul li:last-child { margin-right:0; }
.proBox .left .text { margin-top: 20px; max-height: 12vw; overflow-y: scroll; }
.proBox .left .text p:nth-child(1) { margin-top:0; }
.proBox .left .text{    padding-right: 10px;    scrollbar-color:  #000000 rgba(255,255,255,0);  /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */    scrollbar-width: thin;  /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */    -ms-overflow-style:none;  /* 隐藏滚动条（在IE和Edge两个浏览器中很难更改样式，固采取隐藏方式） */}/* 以下是chrome浏览器自定义滚动条样式方式 */
.proBox .left .text::-webkit-scrollbar {/*滚动条整体样式*/        width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/        height: 1px;}
.proBox .left .text::-webkit-scrollbar-thumb {/*滚动条里面小方块*/        border-radius: 3px;        -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);        background: #000000;}
.proBox .left .text::-webkit-scrollbar-track {/*滚动条里面轨道*/        -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);        border-radius: 3px;        background: rgba(255,255,255,0);}
@media(max-width: 1480px){    .proBoxA { margin-top: 2vw; }    
.proBoxA ul li { margin-right: 6vw; }   
.proBoxA ul li .num { font-size: 3vw; }   
 .proBoxA ul li .num span { font-size: 20px; }   
 .proBoxA .c { margin-top:8px; }    
.proBoxA ul li:after { right: -3vw; }    
.proBox .left .text p { margin-top: 10px; }}
@media(max-width: 1024px){    .proBox .left { position: relative; left:0; top:0; transform: translateY(0); }    
.proBox .left .text { margin-top:10px; height: auto; max-height: 100000px; }    
.proBoxA ul li .num { font-size: 30px; }    .proBoxA ul li .num span { font-size: 18px; }}
.proBox2{    position: relative;}
.proBox2 .img{    line-height: 0;}
.proBox2 .boxtext{    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;}
.proBox2 .boxtext .text{    position: absolute;}
.proBox2 .boxtext .text .icon{    /* width: 54px; */    width: 24px;    display: block;    height: 24px; border-radius: 50%; background: rgba(255,255,255,0.8);;    line-height: 0;    cursor: pointer;    position: relative;    z-index: 2;}
.proBox2 .boxtext .text .con{    z-index: 0;    position: absolute;    top: 28px;    background:#fff;    width: 800px;    padding: 20px;    display: none;}
.proBox2 .boxtext .text .conL{    left: 28px;}
.proBox2 .boxtext .text .conR{    right: 28px;}
.proBox2 .boxtext .text .conB{    top: auto;    bottom: 28px;}
.proBox2 .boxtext .text .con .img01{    float: left;    width: 350px;    height: 228px;    line-height: 0;}
.proBox2 .boxtext .text .con .t{    float: right;    width: 380px;    padding-top: 40px;}
.proBox2 .boxtext .text .con .t.w100 { width: 100%; padding-top:0;}
.proBox2 .boxtext .text .con .t h3{    color:#222222;    font-size: 20px;    font-weight: normal;}
.proBox2 .boxtext .text .con .t .d{    color:#4f4f4f;    font-size: 14px;    line-height: 26px;}
.proBox2 .boxtext .text .con .t .d p{    padding-left: 10px;    margin-top: 10px;}
.proBox2 .boxtext .text .con .t .d p{    background:url(../images/pic01.jpg) no-repeat left 10px/cover;    background-size:7px 7px;}
.proBox2 .boxtext .text:hover .con{    display: block;}
.proBox2 .boxtext .text.cur{    z-index: 8;}
.proBox2 .boxtext .t1{    left: 35%;    top: 41%;}
.proBox2 .boxtext .t2{    left: 50%;    top: 44%;}
.proBox2 .boxtext .t3{    left: 65%;    top: 36%;}
.proBox02 .boxtext .t1{    left: 33%;    top: 21%;}
.proBox02 .boxtext .t2{    left: 32%;    top: 39%;}
.proBox02 .boxtext .t3{    left: 49.5%;    top: 31%;}
.proBox02 .boxtext .t4{    left: 48%;    top: 48%;}
.proBox002 .boxtext .t1{    left: 30%;    top: 49%;}
.proBox002 .boxtext .t2{    left: 42%;    top: 55%;}
.proBox002 .boxtext .t3{    left: 58%;    top: 37%;}
.proBox002 .boxtext .t4{    left: 69%;    top: 32%;}
.proBox002 .boxtext .t5{    left: 66%;    top: 73%;}
.proBoxtyDT .boxtext .t1{    left: 33%;    top: 15%;}
.proBoxtyDT .boxtext .t2{    left: 38%;    top: 46%;}
.proBoxtyDT .boxtext .t3{    left: 65%;    top: 37%;}
.proBoxtyDT .boxtext .t4{    left: 75%;    top: 31%;}
.proBox3{    /*background:url(../images/proImg3.jpg) no-repeat right bottom #fff;*/    background-position-x: right;    background-position-y: bottom;    background-repeat: no-repeat;    height: 627px;    padding-top: 160px;}
.proBox3 .left{    width: 50%;}
.proBox3 .left .text{    margin-top: 30px;    color:#333333;    font-size: 16px;    line-height: 36px;}
.proBox4{    background:#f7f7f7;    padding: 100px 0;}

.caseBoxQh{    margin-right: -9.2%;    padding-top: 80px;    margin-top: -30px;}
.caseBoxQh .swiper-slide{    width: 656px;}
.caseBoxQh .box .imgbox{    overflow: hidden;    position: relative;}
.caseBoxQh .box .imgbox .img{    line-height: 0;}
.caseBoxQh .box p.bt{    color: #333333;    font-size: 20px;    margin-top: 15px;    overflow: hidden;    text-overflow:ellipsis;    white-space: nowrap;}
.caseBoxQh .box .hide{    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background:rgba(255, 255, 255, .8);    padding: 60px;    display: none;}
.caseBoxQh .box .hide h3{    color:#333333;    font-size: 22px;    font-weight: normal;    overflow: hidden;    text-overflow:ellipsis;    white-space: nowrap;}
.caseBoxQh .box .hide i.xian{    display: block;    width: 40px;    height: 2px;    background:#7d7d7d;    margin: 20px 0;}
.caseBoxQh .box .hide p{    color: #666666;    font-size: 16px;    line-height: 30px;}
.caseBoxQh .box .hide span{    margin-top: 50px;    color: #10509f;    font-size: 14px;    display: inline-block;    text-transform: uppercase;    background:url(../images/jt02bg.png) no-repeat right center;    padding-right: 20px;}
.caseBoxQh .box:hover .hide{    display: block;}
.caseBoxQh .box:hover p.bt{    display: none;}
.caseBoxQh .swiper-button-prev,.caseBoxQh .swiper-button-next{    width: 13px;    height: 22px;    top: 0;    margin-top: 0;}
.caseBoxQh .swiper-button-prev{    left: auto;    right: 13%;    background:url(../images/proLeft.png) no-repeat center center/cover;}
.caseBoxQh .swiper-button-next{    right: 8.4%;    background:url(../images/proRight.png) no-repeat center center/cover;}
.proBox03{    background-image:url(../images/proImg03.jpg);}
.proBox003{    background-image:url(../images/proImg003.jpg);}
.proBoxtiyu{    background-image:url(../images/tiyuImg01.jpg);}
.proBoxzhibu{    background-image:url(../images/zhibuImg01.jpg);}
.proBox5{    background:url(../images/zhiwuBg.jpg) no-repeat center center/cover;    padding: 100px 0;}
.proBoxList{    padding-top: 80px;    margin-top: -40px;}
.proBoxList .box{    background:#fff;}
.proBoxList .box .img{    line-height: 0;    overflow: hidden;}
.proBoxList .box .text{    padding: 20px 30px;}
.proBoxList .box .text h3{    color: #222222;    font-size: 20px;    font-weight: normal;}
.proBoxList .box .text p{    color: #4f4f4f;    font-size: 14px;    line-height: 26px;    height: 52px;    overflow: hidden;    margin-top: 10px;}
.proBoxList .swiper-button-prev,.proBoxList .swiper-button-next{    width: 52px;    height: 47px;    top: 0;    margin-top: 0;}
.proBoxList .swiper-button-prev{    left: auto;    right: 5%;    background:url(../images/pLeft.png) no-repeat center center/cover;}
.proBoxList .swiper-button-next{    right: 0;    background:url(../images/pRight.png) no-repeat center center/cover;}
.mobilemenu{    display: none;}
.mobilePro{    display: none;    background:#f7f7f7;    padding: 30px 15px 60px;    width: 100%;}
.mobilePro .box .img{    line-height: 0;    overflow: hidden;}
.mobilePro .box .img img{    width: 100%;}
.mobilePro .box .text{    padding-top: 15px;}
.mobilePro .box .text h3{    color: #333;    font-size: 16px;    font-weight: normal;}
.mobilePro .box .text .d{    font-size: 14px;    line-height: 24px;    margin-top: 5px;}
.mobilePro .slick-dots li button{    border-radius: 50%;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    -ms-border-radius: 50%;    -o-border-radius: 50%;}
.mobilePro .slick-dots {    width: 80%;    left: 50%;    transform: translateX(-50%);    -webkit-transform: translateX(-50%);    -moz-transform: translateX(-50%);    -ms-transform: translateX(-50%);    -o-transform: translateX(-50%);}
.pop_join{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 999;display: none;}
.pop_join .box{background: #fff;width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 40px 60px;}
.pop_join .box .guanbi{position: absolute;right: 26px;top: 26px;width: 22px;height: 22px;cursor: pointer;z-index: 1000;}
.pop_join .box h1{color: #333333;font-size: 24px;font-weight: normal;border-bottom: 1px solid #e4e4e4;padding-bottom: 20px;position: relative;margin-bottom: 20px;}
.pop_join .box h1::before{content: "";position: absolute;left: 0;bottom: 0;width: 52px;height: 2px;background: #000000;}
.pop_join .box .name{margin-top: 20px;color: #444444;font-size: 18px;line-height: 34px;}
.pop_join .box .bt{color: #444444;font-size: 18px;line-height: 34px;}
.pop_join .box .t{color: #666666;font-size: 15px;line-height: 30px;}
@media (max-width: 1000px){ .pop_join .box{width: 80%;box-sizing: border-box;  top: 50%;transform: translate(-50%,-50%);padding: 30px 10px;}}
.topNav-a {    float: right;    margin-left: 25px;    margin-top: 13px;    width: 88px;}
.topNav-a dl {    position: relative;}
.topNav-a dl dt {    color: #fff;    font-size: 16px;    padding: 0px 0 25px 24px;    background: url(../images/dt.png) no-repeat left 1px;}
.topNav-a dl dt:before {    position: absolute;    content: "";    top: 25%;    transform: translateY(-50%);    right: 0;    width: 8px;    height: 6px;    background: url(../images/dt-1.png) no-repeat right center;}
.fixed-head .topNav-a dl dd,.nobannerNav .topNav-a dl dd {    background: #f4f5f5;}
.topNav-a dl dd {    display: none;    font-size: 16px;    color: #000000;    position: absolute;    background: #ffffff;    top: 31px;    width: 144px;    border-radius: 6px;    padding: 15px 0 5px;    text-align: center;    left: -28px;}
.topNav-a dl dd .eee {    margin-bottom: 10px;}
.topNav-a dl dd .eee a {    font-size: 14px;    color: #999;}
.topNav-a dl dd .eee.cur a {    color: #333;}
.topNav-a dl dd .eee a:hover {    color: #000;}
.topNav-a dl:hover dd {    display: block;}
.jszcAdd,.jszcAdd a { color:#9b9b9;  }