@charset "utf-8";
/* 
    author:PengJin;
    date:2021-04-22;
*/
body{background:#f4f4f4;}
@media(max-width:1200px){
body{padding-bottom:60px}  
}

/*--wrap-title--*/
.wrap-title{margin-bottom:45px;text-align:center;overflow:hidden;animation:fadeinT 1s;margin-top: 39px;}
.wrap-title h2{font-size:42px;color:#000;line-height:1.25;}
.wrap-title h2 a{color:#000;transition:all .5s;}
.wrap-title h2 a:hover{color:#df0010;}
.wrap-title p{margin-top:8px;font-size:18px;color:#666;}
@media(max-width:1200px){
.wrap-title{margin-bottom:20px;}
.wrap-title h2{font-size:30px;}
.wrap-title p{margin-top:0;font-size:14px;}
}
/*--end wrap-title--*/

/*--banner--*/
.banner{position:relative;z-index:1;clear:both;overflow:hidden;padding-top: 100px;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a,.banner .swiper-slide picture{display:block;width:100%;}
.banner .swiper-slide img{display:block;position:relative;width: 100%;}
.banner .swiper-prev,.banner .swiper-next{position:absolute;z-index:9;top:50%;width:50px;height:50px;line-height:50px;color:#000;text-align:center;cursor:pointer;background:rgba(255,255,255,0.5);border-radius:50%;transform:translateY(-50%);}
.banner .swiper-prev{left:2%;}
.banner .swiper-next{right:2%;}
.banner .swiper-prev:hover,.banner .swiper-next:hover{color:#333;background:#fff;}
.banner .swiper-ctrl{position:absolute;z-index:9;left:50%;bottom:70px;height:42px;transform:translateX(-50%);}
.banner .swiper-ctrl .dot{position:absolute;left:0;top:0;padding:15px 0;overflow:hidden;}
.banner .swiper-ctrl .dot span{display:inline-block;margin-right:25px;width:9px;height:9px;border:#fff solid 1px;border-radius:50%;opacity:1;background:transparent;}
.banner .swiper-ctrl .dot span.swiper-pagination-bullet-active{border-color:#df0010;background:#df0010;}
.banner .swiper-ctrl .arrow{margin:0 auto;width:42px;height:42px;background:url(../images/banner_arrow.png) no-repeat center;animation:arrow 2s linear infinite;}
.banner .swiper-ctrl .num{position:absolute;right:0;top:0;width:200px;height:42px;line-height:42px;overflow:hidden;}
.banner .swiper-ctrl .num:after{display:block;position:absolute;z-index:1;top:50%;left:50px;width:100px;height:1px;content:"";background:#fff;opacity:0.1;}
.banner .swiper-ctrl .num i{display:block;position:absolute;z-index:2;top:50%;left:50px;width:0;height:1px;background:#fff;}
.banner .swiper-ctrl .num i.active{width:100px;transition:5s;}
.banner .swiper-ctrl .num span{display:block;font-size:14px;color:#fff;font-family:"Gotham";}
.banner .swiper-ctrl .num span:before{content:"0";}
.banner .swiper-ctrl .num span.s1{float:left;}
.banner .swiper-ctrl .num span.s2{float:right;}
@media(max-width:992px){
.banner{position:relative;z-index:1;clear:both;overflow:hidden;padding-top: 60px;}
.banner .swiper-slide img{left:0;width:100%;transform:translateX(0);}
.banner .swiper-prev,.banner .swiper-next{display:none;}
.banner .swiper-pager{bottom:20px;}
.banner .swiper-pager span{margin:0 5px !important;width:8px;height:8px;}
.banner .swiper-ctrl .dot { bottom: -60px; position: relative; top: auto; left: auto; width: 100%;}
.banner .swiper-ctrl .dot span { margin: 0 5px;}
.banner .swiper-ctrl .arrow { display: none;}
.banner .swiper-ctrl .num { display: none;}

}
@keyframes arrow{
    0%{opacity:0;transform:translateY(-100%);}
    50%{opacity:1;transform:translateY(0);}
    100%{opacity:0;transform:translateY(100%);}
}
/*--end banner--*/

.yst{width:100%;height:135px;margin: 0 auto;background: #0060ad;color:#fff;letter-spacing:1px;border-top:1px solid #fff;}
.yst ul{width: 1400px;margin: 0px auto;}
.yst li{width:350px;height:125px;line-height: 20px; padding-top: 10px; border-right: 1px solid #fff;text-align: center;float: left;}
.yst li b{font-size: 39px;line-height:40px;}
.yst .no{border-right:none;}


.cx-product-hot {padding: 20px 0;overflow:hidden;height: 80px;line-height: 40px;}
.cx-product-hot ul { float:left; display: block;padding-left: 30px;width: 76%;overflow: hidden;background: url(../images/fire_icon.png) no-repeat left;background-size: 1.3%;}
.cx-product-hot li {float: left;color: #333;font-size: 16px;}
.cx-product-hot li a {color: #666;padding: 0 10px;border-right: 1px solid #ccc;}
.cx-product-hot li:last-child a { border:none} 
.cx-product-hot li a:hover { color:#df0010;}
@media (max-width:1200px) {
.cx-product-hot { display:none;}
}

/*--cx-product-ctrl--*/
.cx-product-ctrl{margin-bottom:20px;padding:20px 30px;overflow:hidden;background:#fff;}
.cx-product-viewmode{float:left;height:40px;line-height:40px;overflow:hidden;}
.cx-product-viewmode li{float:left;margin-right:20px;}
.cx-product-viewmode li a{color:#666;}
.cx-product-viewmode li.cur a,.cx-product-viewmode li:hover a{color:#04574f;}
.cx-product-search{position:relative;float:right;width:240px;height:40px;overflow:hidden;border:#f0f0f0 solid 1px;}
.cx-product-search input{display:block;padding:10px;width:100%;height:38px;font-size:14px;border:none;outline:none;background:#fff;}
.cx-product-search button{display:block;position:absolute;right:0;top:0;width:40px;height:40px;color:#666;cursor:pointer;border:none;outline:none;}
.cx-product-search button:hover{color:#fff;background: #df0010;}
@media (max-width:1200px){
.cx-product-ctrl { padding: 20px;}
}
/*--end cx-product-ctrl--*/

/*--product--*/
.product{padding-top:20px;overflow:hidden;background:#fff;width: 100%;}
.product-tab{ position: relative; padding:0px 0;/*padding:92px 0;*/overflow:hidden;background-position:center;background-repeat:no-repeat;}
.product-menu{float:right;width:492px;height:492px;}
.product-menu ul{width:100%;height:100%;border-right:rgba(255,255,255,0.1) solid 1px;border-top:rgba(255,255,255,0.1) solid 1px;}
.product-menu li{float:left;width:50%;height:33.33%;text-align:center;cursor:pointer;border-left:rgba(255,255,255,0.1) solid 1px;border-bottom:rgba(255,255,255,0.1) solid 1px;transition:all .5s;}
.product-menu li a{display:block;position:relative; width: 100%; top:50%;transform:translateY(-50%);}
.product-menu li a:before{display:none;position:absolute;left:-4px;top:50%;margin-top:-4px;width:8px;height:8px;content:"";background:#484848;transform:rotate(45deg);}
.product-menu li i{display:block;margin:0 auto;width:30px;height:30px;}
.product-menu li span{display:block;margin-top:10px;font-size:20px;color:#fff;}
.product-menu li.cur{background:rgba(184,184,184,.23);}
.product-menu li.cur a:before{display:block;}
.product-menu li .tab-cir { display: none; position: absolute;}
.product-menu li .tab-cir em { float: left; display: block; background:url(../images/product-cir.png) no-repeat center; width: 53px; height: 53px; transform: scale(0); animation: light2 3s infinite;}
.product-menu li .tab-cir span { position: relative; float: left; padding: 5px 20px; font-size: 16px; color: #fff;border-radius: 10px; background: rgba(0,0,0,0.3);}
.product-menu li.cur .tab-cir { display: block;}
.product-menu li:nth-child(1) .tab-cir {left: 624px;top: 270px;}
.product-menu li:nth-child(2) .tab-cir {left: 920px;top: 279px;}
.product-menu li:nth-child(3) .tab-cir {left: 795px;top: 300px;}
.product-menu li:nth-child(4) .tab-cir {left: 684px;top: 375px;}
.product-menu li:nth-child(5) .tab-cir {left: 490px;top: 390px;}
.product-menu li:nth-child(6) .tab-cir {left: 1031px;top: 84px;}
.product-main{margin-top:20px;height:0;overflow:hidden;}
.product-main .item{overflow:hidden;}
.product-main .item img{display:block;width:100%;}
@keyframes light2{
    0%{ transform: scale(0.7);opacity:0;}
    50%{ transform: scale(1);opacity:1;}
    100%{ transform: scale(1);opacity:0;}
}
@media(width:1440px){
.product{padding-top:70px;}
.product-tab{padding:80px;}
.product-menu li:nth-child(1) .tab-cir {left: 390px;top: 270px;}
.product-menu li:nth-child(2) .tab-cir {left: 600px;top: 400px;}
.product-menu li:nth-child(3) .tab-cir {left: 580px;top: 300px;}
.product-menu li:nth-child(4) .tab-cir {left: 460px;top: 375px;}
.product-menu li:nth-child(5) .tab-cir {left: 260px;top: 390px;}
.product-menu li:nth-child(6) .tab-cir {left: 800px;top: 84px;}
}
@media(max-width:1200px){

}
/*--end product--*/

/*--cx-related--*/
.cx-related-wrap{padding:40px 0;overflow:hidden;}
.cx-related-wrap~.cx-related-wrap{background:#ebebeb;}
@media(max-width:1440px){
.cx-related-wrap{padding:30px 0;}	
}
@media(max-width:1200px){
.cx-related-wrap{padding:30px 10px;}


.product { min-width:auto;}
.product{padding:30px 10px 0;}
.product-tab{padding:0;height:auto;background-image:none !important;}
.product-menu{float:none;width:100%;height:auto;background:#484848;}
.product-menu ul{overflow:hidden;}
.product-menu li{width:33.33%;height:50px;line-height:50px;}
.product-menu li i{display:none;}
.product-menu li span{margin-top:0;font-size:16px;}
.product-menu li.cur{background:#df0010;}
.product-menu li.cur:before{display:none;}
.product-main{height:auto;display:block;}
}
/*--end cx-related--*/

/*--cx-photos-01--*/
.cx-photos-01{padding:60px 0;overflow:hidden; background: #ebebeb url(../images/honor_bg.png) no-repeat center 0;}
.cx-photos-01 .list{margin:-12px;overflow:hidden;}
.cx-photos-01 .list .item{position:relative;float:left;margin:12px;overflow:hidden;background:#fff;border-radius:5px;}
.cx-photos-01 .list[data-grid="2"] .item{width:calc(50% - 24px);}
.cx-photos-01 .list[data-grid="3"] .item{width:calc(33.3333% - 24px);}
.cx-photos-01 .list[data-grid="4"] .item{width:calc(25% - 24px);}
.cx-photos-01 .list[data-grid="5"] .item{width:calc(20% - 24px);}
.cx-photos-01 .list[data-grid="6"] .item{width:calc(16.6666% - 24px);}
.cx-photos-01 .list[data-grid="7"] .item{width: calc(14.281% - 24px);}
.cx-photos-01 .list[data-grid="8"] .item{width: calc(12.4912% - 24px);}
.cx-photos-01 .list .pic{overflow:hidden;}
.cx-photos-01 .list .pic img{display:block;width:100%;transition:all 1s;}
.cx-photos-01 .list .pic:hover img{transform:scale(1.1);}
.cx-photos-01 .list .text{padding:10px;text-align:center;overflow:hidden;}
.cx-photos-01 .list .text h3{line-height:30px;font-size:16px;color:#333;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.cx-photos-01 .list .text h3 a{color:#333;}
.cx-photos-01 .lists {margin: -12px;overflow: hidden;}
.cx-photos-01 .lists .item {position: relative;float: left;margin: 12px;overflow: hidden;background: #fff;border-radius: 5px;}
.cx-photos-01 .lists[data-grid="2"] .item {width: calc(50% - 24px);}
.cx-photos-01 .lists[data-grid="3"] .item {width: calc(33.3333% - 24px);}
.cx-photos-01 .lists[data-grid="4"] .item {width: calc(25% - 24px);}
.cx-photos-01 .lists[data-grid="5"] .item {width: calc(20% - 24px);}
.cx-photos-01 .lists[data-grid="6"] .item {width: calc(16.6666% - 24px);}
.cx-photos-01 .lists .pic {overflow: hidden;}
.cx-photos-01 .lists .pic img {display: block;width: 100%;transition: all 1s;}
.cx-photos-01 .lists .pic:hover img {transform: scale(1.1);}
.cx-photos-01 .lists .text {padding: 10px;text-align: center;overflow: hidden;display: none;position: relative;bottom: 200px;}
.cx-photos-01 .lists .text h3 {line-height: 30px;font-size: 28px;color: #333;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.cx-photos-01 .lists .text h3 a {color: #fff;}


.cx-photos-01 .list[data-type="video"] .pic a {
    display: block;
    position: relative;
}

.cx-photos-01 .list[data-type="video"] .pic a:after {
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    transition: all 0.5s;
}

.cx-photos-01 .list[data-type="video"] .pic a:before {
    display: block;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    font-size: 36px;
    color: #fff;
    font-family: 'iconfont' !important;
    content: "\e623";
    transform: translate(-50%, -50%);
    transition: all 0.5s;
}

.cx-photos-01 .list[data-type="video"] .item:hover .pic a:after {
    background-color: rgba(0, 0, 0, 0.2);
}

.cx-photos-01 .list[data-type="VR"] .pic a {
    display: block;
    position: relative;
}

.cx-photos-01 .list[data-type="VR"] .pic a:after {
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 90px;
    height: 40px;
    content: "";
    background: url(../images/vr_tag.png) no-repeat center / 100%;
}

.cx-photos-01 .list[data-type="team"] .text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: left;
    background: rgba(0, 0, 0, 0.5);
}

.cx-photos-01 .list[data-type="team"] .text h3 a {
    color: #fff;
}

.cx-photos-01 .list[data-type="team"] .text p {
    display: none;
    margin-top: 5px;
    line-height: 22px;
    font-size: 14px;
    color: #fff;
}

.cx-photos-01 .list[data-type="team"] .item:hover .text p {
    display: block;
}
@media(max-width:1440px){
.cx-photos-01{padding:30px 0;}
}
@media(max-width:1200px){
.cx-photos-01{padding:30px 10px;}
.cx-photos-01 .list{margin:-6px;}
.cx-photos-01 .list .item{margin:6px;width:calc(50% - 12px) !important;}
.cx-photos-01 .list .text h3{line-height:25px;font-size:14px;}
.cx-photos-01 .list[data-type="VR"] .pic a:after{left:10px;top:10px;width:80px;height:36px;}

.cx-photos-01 .lists { margin: -6px;}
.cx-photos-01 .lists .item {   margin: 6px;   width: calc(50% - 12px) !important;}
.cx-photos-01 .lists .text h3 {line-height: 25px;ont-size: 14px;display: block;}
.cx-photos-01 .lists[data-type="VR"] .pic a:after {left: 10px;top: 10px;width: 80px;height: 36px;}
}
/*--end cx-photos-01--*/

/*--ad--*/
.ad{padding-top:80px;overflow:hidden;background:#fff;}
.ad .inner{position:relative;padding:100px;height:390px;overflow:hidden;background:url(../images/ad01_bg.jpg) no-repeat center;}
.ad .inner .text{padding-top:5px;width:450px;text-align:center;color:#fff;}
.ad .inner .text h3{line-height:60px;font-size:48px;}
.ad .inner .text p{line-height:40px;font-size:18px;}
.ad .inner .text .zxBox{padding-top:10px;overflow:hidden;}
.ad .inner .text .zxBox a{display:inline-block;margin:0 7px;width:142px;height:42px;line-height:40px;font-size:16px;color:#fff;border:#fff solid 1px;transition:all .5s;}
.ad .inner .text .zxBox a:before{display:inline-block;position:relative;top:-3px;margin-right:5px;width:24px;height:24px;content:"";background-repeat:no-repeat;background-size:100%;vertical-align:middle;}
.ad .inner .text .zxBox a:nth-child(1){display:inline-block;}
.ad .inner .text .zxBox a:nth-child(1):before{background-image:url(../images/zxbox_01.png);}
.ad .inner .text .zxBox a:nth-child(2):before{background-image:url(../images/zxbox_02.png);}
.ad .inner .text .zxBox a:hover{background:#df0010;border-color:#df0010;}
@media(max-width:1440px){
.ad{padding-top:70px;}
}
@media(max-width:1200px){
.ad{padding-top:30px;}
.ad .inner{padding:60px 10px;}
.ad .inner .text{padding:0;width:100%;}
.ad .inner .text h3{line-height:1.5;font-size:30px;}
.ad .inner .text p{line-height:1.5;font-size:14px;}
.ad .inner .text .zxBox a{font-size:14px;}
}
/*--end ad--*/

/*--case--*/
.case{padding-top:80px;overflow:hidden;background:#fff;}
.case-menu{text-align:center;overflow:hidden;}
.case-menu li{display:inline-block;margin:0 8px;width:140px;height:50px;line-height:50px;font-size:18px;}
.case-menu li a{display:block;color:#666;transition:all .5s;}
.case-menu li.cur a,.case-menu li:hover a{color:#fff;background:rgba(23,59,112,.3);}
.case-main{margin-top:50px;height:600px;overflow:hidden;}
.case-main .item{position:relative;overflow:hidden;}
.case-main .pic{overflow:hidden;}
.case-main .pic picture{display:block;}
.case-main .pic img{display:block;position:relative;left:50%;width:1920px;transform:translateX(-50%);transition:all 1s;}
.case-main .pic:hover img{opacity:0.8;}
.case-main .con{position:absolute;left:50%;bottom:0;padding: 20px 40px;width:1440px;background: rgba(0,0,0,0.3);transform:translateX(-50%);}
.case-main .text{position:relative;padding-right:260px;overflow:hidden;}
.case-main .text h3{line-height:32px;font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-main .text h3 a{color:#fff;}
.case-main .text h3 a:hover{color:#df0010;}
.case-main .text p{margin-top:10px;height: 30px;line-height:30px;font-size:16px;color:#fff;overflow:hidden;opacity:.5;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.case-main .text .more{display:block;position:absolute;right:0;top:25px;width:140px;height:48px;line-height:48px;text-align:center;font-size:16px;color:#fff;background:rgba(23,59,122,.35);}
@media(max-width:1440px){
.case{padding-top:70px;}
.case-main .con { width:1200px;}
}
@media(max-width:1200px){
.case{padding:30px 10px 0;}
.case-menu li{display:block;float:left;margin:1px;width:calc(33.333% - 2px);height:40px;line-height:40px;font-size:14px;}
.case-menu li a{color:#fff;background:#484848;}
.case-main{margin-top:20px;height:auto;}
.case-main .item{height:auto;background-image:none !important;}
.case-main .pic img{position:static;left:0;width:100%;transform:translateX(0);}
.case-main .con{position:static;padding:20px;width:100%;transform:translate(0);background:#484848;}
.case-main .text{padding:0;}
.case-main .text h3{line-height:1.5;font-size:18px;}
.case-main .text p{margin-top:5px;height:44px;line-height:22px;font-size:14px;}
.case-main .text .more{position:static;margin-top:20px;width:100px;height:40px;line-height:40px;font-size:14px;}
}
/*--end case--*/

/*--adv--*/
.adv{padding:80px 0;background:url(../images/store_bg.png);}
.adv .wrap-title h2{font-size:48px;font-weight:bold;}
.adv .wrap-title h2:after{display:block;margin:10px auto 6px;width:30px;height:4px;content:"";background:#df0010;}
.adv .wrap-title h3{font-size:42px;line-height:1.25;color:#000;}
.adv .inner{position:relative;}
.adv-list{float:left;width:100%;overflow:hidden;}
.adv-list .item{display:flex;flex-wrap:wrap;animation:fadeinR 1s;}
.adv-list .item:nth-child(even){flex-direction:row-reverse;animation:fadeinL 1s;}
.adv-list .pic{width:50%;overflow:hidden;}
.adv-list .pic img{display:block;width:100%;}
.adv-list .text{padding:90px 70px;width:50%;overflow:hidden;}
.adv-list .text h3{font-weight:bold;font-size:24px;color:#000;}
.adv-list .text p{margin-top:10px;line-height:30px;font-size:16px;color:#666;}
.adv-list .item:nth-child(even) .text{padding-left:0;}
.adv-ad{position:absolute;z-index:9;right:0;width:270px;animation:fadeinB 1s;}
.adv-ad img{display:block;transform:translateY(20px);}
@media(max-width:1440px){
.adv{padding:70px 0;}
.adv-list .text{padding:65px 50px;}
.adv-ad{width:230px;}
}
@media(max-width:1200px){
.adv{padding:30px 10px;}
.adv .wrap-title h2{font-size:32px;}
.adv .wrap-title h2:after{width:20px;height:2px;}
.adv .wrap-title h3{font-size:30px;}
.adv-list{float:none;width:100%;}
.adv-list .item{margin-bottom:25px;}
.adv-list .pic{width:100%;}
.adv-list .text{padding:10px 0 0;width:100%;}
.adv-list .text h3{font-size:18px;}
.adv-list .text p{margin-top:5px;line-height:1.5;font-size:14px;}
.adv-ad{display:none;}
}
/*--end adv--*/

/*--aboutus--*/
/* .aboutus{position:relative;padding:100px 0;overflow:hidden;background:#333;} */
.aboutus{padding:100px 0;overflow: hidden;background: #0060ad;}
.aboutus:after{display:block;/* position:absolute; */z-index:1;right:0;top:0;width:23.28%;height:100%;content:"";background:#fff;}
.aboutus .leftCon{float:left;width:50%;}
.aboutus .rightCon{float:right;width:48%;}
.aboutus .hd{padding-bottom:30px;overflow:hidden;border-bottom:rgba(255,255,255,0.1) solid 1px;}
.aboutus .hd h2{font-size:72px;line-height:1;font-family:"DIN Medium";}
.aboutus .hd h2 a{color:transparent;-webkit-text-stroke:1px #fff;}
.aboutus .hd h3{font-size:36px;line-height:1.25;color:#fff;}
.aboutus .hd h3 a{color:#fff;}
.aboutus .bd{padding-top:30px;overflow:hidden;}
.aboutus .bd p{font-size:14px;line-height:32px;color:#fff;opacity:.9;text-indent:28px;}
.aboutus .btnBox{padding-top:70px;overflow:hidden;}
.aboutus .btnBox a{display:block;width:154px;height:55px;line-height:53px;font-size:16px;text-align:center;color:#fff;border:#fff solid 1px;transition:all .5s;}
.aboutus .btnBox a:before{display:inline-block;position:relative;margin-right:10px;width:25px;height:25px;content:"";vertical-align:middle;background:url(../images/icon_kf.png) no-repeat;}
.aboutus .btnBox a:hover{color:#fff;background:rgba(23,59,122,.35);border-color:rgba(23,59,122,.35);}
.aboutus .counter{overflow:hidden;}
.aboutus .counter dl{float:left;padding:0 50px;text-align:center;border-right:rgba(255,255,255,0.1) solid 1px;}
.aboutus .counter dl:first-child{padding-left:0;}
.aboutus .counter dl:last-child{padding-right:0;border-right:none;}
.aboutus .counter dt{font-family:"DIN Medium";font-size:36px;color:#fff;}
.aboutus .counter dd{padding-top:10px;font-size:16px;color:#fff;opacity:0.6;overflow:hidden;}
.aboutus .playBox{position:relative;z-index:9;margin-top:90px;overflow:hidden;}
.aboutus .playBox video{display:block;width:100%;height:567px;cursor:pointer;object-fit:fill;outline:none;}
@media(max-width:1440px){
.aboutus{padding:80px 0;}
.aboutus .hd{padding-bottom:50px;}
.aboutus .bd{padding-top:30px;}
.aboutus .counter dl{padding:0 30px;}
.aboutus .playBox video{height:470px;}
}
@media(max-width:1200px){
.aboutus{padding:30px 10px;}
.aboutus:after{display:none;}
.aboutus .leftCon{float:none;width:100%;}
.aboutus .rightCon{padding-top:30px;float:none;width:100%;}
.aboutus .hd{padding-bottom:25px;}
.aboutus .hd h2{font-size:50px;}
.aboutus .hd h3{font-size:24px;}
.aboutus .bd{padding-top:25px;}
.aboutus .bd p{font-size:14px;line-height:1.5;}
.aboutus .btnBox{padding-top:30px;}
.aboutus .btnBox a{width:120px;height:45px;line-height:43px;font-size:14px;}
.aboutus .counter dl{padding:0 10px;width:33.33%;}
.aboutus .counter dt{font-size:24px;}
.aboutus .counter dd{padding-top:5px;font-size:12px;}
.aboutus .playBox video{height:60vw;}
}
/*--end aboutus--*/

/*--store--*/
.store{padding:80px 0;overflow:hidden;background:url(../images/store_bg.png);}
.store .map{position:relative;float:left;width:714px;height:596px;overflow:hidden;}
.store .map .jsmap-container,.store .map svg{width:100% !important;height:100% !important;}
.store .map .ChinaMap{position:relative;z-index:3;}
.store .map .dot{display:block;position:absolute;z-index:1;width:33px;height:33px;border:rgba(0,0,0,0.1) solid 1px;border-radius:50%;animation:dot 3s linear infinite;}
.store .map .dot:before{display:block;position:absolute;top:50%;left:50%;width:7px;height:7px;content:"";background:#df0010;border-radius:50%;transform:translate(-50%,-50%);}
.store .map .dot:after{display:block;position:absolute;top:50%;left:50%;width:14px;height:14px;content:"";border:rgba(0,0,0,0.2) solid 1px;border-radius:50%;transform:translate(-50%,-50%);}
.store .map .dot.cur{z-index:9;border-color:rgba(255,255,255,1);}
.store .map .dot.cur:before{background:#fff;}
.store .map .dot.cur:after{border-color:rgba(255,255,255,0.5)}
.store .map .dot-1{left:610px;top:100px;}
.store .map .dot-2{left:610px;top:140px;}
.store .map .dot-3{left:580px;top:180px;}
.store .map .dot-4{left:450px;top:200px;}
.store .map .dot-5{left:490px;top:258px;}
.store .map .dot-6{left:500px;top:220px;}
.store .map .dot-7{left:510px;top:230px;}
.store .map .dot-8{left:480px;top:310px;}
.store .map .dot-9{left:530px;top:270px;}
.store .map .dot-10{left:450px;top:280px;}
.store .map .dot-11{left:550px;top:308px;}
.store .map .dot-12{left:530px;top:358px;}
.store .map .dot-13{left:460px;top:358px;}
.store .map .dot-14{left:580px;top:368px;}
.store .map .dot-15{left:460px;top:400px;}
.store .map .dot-16{left:520px;top:400px;}
.store .map .dot-17{left:550px;top:450px;}
.store .map .dot-18{left:420px;top:308px;}
.store .map .dot-19{left:370px;top:280px;}
.store .map .dot-20{left:350px;top:300px;}
.store .map .dot-21{left:400px;top:380px;}
.store .map .dot-22{left:350px;top:380px;}
.store .map .dot-23{left:400px;top:440px;}
.store .map .dot-24{left:330px;top:480px;}
.store .map .dot-25{left:430px;top:500px;}
.store .map .dot-26{left:490px;top:480px;}
.store .map .dot-27{display:none;left:600px;top:470px;}
.store .map .dot-28{left:445px;top:550px;}
.store .map .dot-29{left:250px;top:300px;}
.store .map .dot-30{left:150px;top:370px;}
.store .map .dot-31{left:140px;top:200px;}
.store .map .dot-32{left:590px;top:350px;}
.store .map .dot-33{display:none;}
.store .map .dot-34{display:none;}
.store-box{float:right;width:680px;overflow:hidden;background:#fff;border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.store-box ul{padding:15px;overflow:hidden;}
.store-box li{float:left;margin:10px 15px;width:calc(33.33% - 30px);text-align:center;}
.store-box li:nth-child:nth-child(n+9) { display:none;}
.store-box li a{display:block;position:relative;overflow:hidden;}
.store-box li img{display:block;width:100%;border-radius:5px;}
.store-box li p{margin-top:10px;font-size:16px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.store-slide{display:none;overflow:hidden;}
.store-slide .item{text-align:center;overflow:hidden;}
.store-slide .pic{overflow:hidden;}
.store-slide .pic img{display:block;width:100%;}
.store-slide .tit{margin-top:5px;font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.store-slide .swiper-pager{text-align:center;}
.store-slide .swiper-pager span{background:#ccc;opacity:1;}
.store-slide .swiper-pager span.swiper-pagination-bullet-active{background:#df0010;}
@media(max-width:1600px){
    .store-box{width:640px;}
}
@media(max-width:1440px){
.store{padding:70px 0;}
.store .map{width:600px;height:500px;}
.store-box{width:570px;}
.store .map .dot-1{left:488px;top:84px;}
.store .map .dot-2{left:488px;top:112px;}
.store .map .dot-3{left:487px;top:151px;}
.store .map .dot-4{left:378px;top:168px;}
.store .map .dot-5{left:411px;top:216px;}
.store .map .dot-6{left:420px;top:184px;}
.store .map .dot-7{left:428px;top:193px;}
.store .map .dot-8{left:403px;top:260px;}
.store .map .dot-9{left:445px;top:226px;}
.store .map .dot-10{left:378px;top:235px;}
.store .map .dot-11{left:462px;top:258px;}
.store .map .dot-12{left:445px;top:300px;}
.store .map .dot-13{left:386px;top:300px;}
.store .map .dot-14{left:487px;top:308px;}
.store .map .dot-15{left:386px;top:336px;}
.store .map .dot-16{left:436px;top:336px;}
.store .map .dot-17{left:462px;top:378px;}
.store .map .dot-18{left:352px;top:258px;}
.store .map .dot-19{left:310px;top:235px;}
.store .map .dot-20{left:294px;top:252px;}
.store .map .dot-21{left:336px;top:320px;}
.store .map .dot-22{left:294px;top:320px;}
.store .map .dot-23{left:336px;top:370px;}
.store .map .dot-24{left:277px;top:403px;}
.store .map .dot-25{left:361px;top:420px;}
.store .map .dot-26{left:411px;top:403px;}
.store .map .dot-27{display:none;left:504px;top:394px;}
.store .map .dot-28{left:373px;top:462px;}
.store .map .dot-29{left:210px;top:252px;}
.store .map .dot-30{left:126px;top:310px;}
.store .map .dot-31{left:117px;top:168px;}
.store .map .dot-32{left:495px;top:294px;}
}
@media(max-width:1200px){
.store{padding:30px 10px;}
.store .map{display:none;float:none;width:100%;height:80vw;}
.store-box{display:none;width:100%;}
.store-box ul{padding:5px;}
.store-box li{margin:5px;width:calc(33.33% - 10px);}
.store-box li p{margin-top:5px;font-size:14px;}
.store-slide{display:block;}
}
@keyframes dot{
    0%{opacity:0.5;transform:scale(0);}
    100%{opacity:1;transform:scale(1);}
}
/*--end store--*/

/*--indexForm--*/
.indexForm{background:#fff url(../images/indexform_bg.jpg) no-repeat center 0;}
.indexForm .pic{float:left;width:65%;}
.indexForm .pic img{display:block;width:100%;}
.indexForm .form{float:right;padding-top:80px;width:35%;overflow:hidden;}
.indexForm .form .hd{color:#fff;overflow:hidden;}
.indexForm .form .hd h2{font-size:42px;line-height:1.25;}
.indexForm .form .hd p{font-size:18px;}
.indexForm .form .bd{padding-top:20px;overflow:hidden;}
.indexForm .form .bd li{margin-bottom:28px;overflow:hidden;}
.indexForm .form .bd li input{display:block;padding:15px 20px;width:100%;height:50px;font-size:15px;background-color:#fff;background-repeat:no-repeat;background-position:96% center;border:none;outline:none;border-radius:25px;}
.indexForm .form .bd li input#txtCity{background-image:url(../images/txtcity.png);}
.indexForm .form .bd li input#txtMobile{background-image:url(../images/txtmobile.png);}
.indexForm .form .bd li button{display:block;width:100%;line-height:50px;text-align:center;color:#fff;background:#e5322c;border-radius:25px;}
@media(max-width:1440px) {
.indexForm .pic { transform:translateY(50px); width:730px;}
}
@media(max-width:1200px){
.indexForm{padding:40px 10px;}
.indexForm .pic{display:none;}
.indexForm .form{float:none;padding-top:0;width:100%;}
.indexForm .form .hd{text-align:center;}
.indexForm .form .hd h2{font-size:30px;}
.indexForm .form .hd p{font-size:14px;}
.indexForm .form .bd li{margin-bottom:14px;}
.indexForm .form .bd li input{height:45px;font-size:14px;}
.indexForm .form .bd li button{line-height:45px;font-size:14px;}
}
/*--end indexForm--*/

/*--news--*/
.news{padding:0 0 80px;clear:both;overflow:hidden;background:#fff;}
.news-menu{text-align:center;overflow:hidden;}
.news-menu li{display:inline-block;margin:0 8px;width:126px;height:45px;line-height:45px;font-size:18px;}
.news-menu li a{display:block;color:#666;}
.news-menu li.cur a{color:#fff;background:rgba(23,59,112,.3);}
.news-main{margin-top:50px;overflow:hidden;}
.news-group{overflow:hidden;}
.news-top{float:left;padding:40px 50px;width:696px;overflow:hidden;border:#e4e4e4 solid 1px;}
.news-top .hd{overflow:hidden;}
.news-top .hd em{display:block;height:14px;line-height:14px;font-size:12px;font-family:"DIN Medium";color:#999;}
.news-top .hd em:before{display:inline-block;margin-right:5px;font-family:"iconfont";content:"\e614";}
.news-top .hd h3{margin-top:14px;line-height:32px;font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-top .hd h3 a{color:#333;}
.news-top .hd h3 a:hover{color:#df0010;}
.news-top .bd{padding-top:26px;overflow:hidden;}
.news-top .bd p{height:60px;line-height:30px;font-size:16px;color:#666;overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.news-top .bd p a{color:#666;}
.news-top .pic{margin-top:46px;overflow:hidden;}
.news-top .pic img{display:block;width:100%;transition:all .5s linear;height:362px}
.news-top .pic:hover img{transform:scale(1.1);}
.news-list{float:right;width:720px;overflow:hidden;}
.news-list .item{float:left;margin-left:20px;margin-bottom:20px;padding:30px;width:336px;overflow:hidden;border:#e4e4e4 solid 1px;}
.news-list .item .hd{overflow:hidden;}
.news-list .item .hd em{display:block;margin-top:10px;height:14px;line-height:14px;font-size:12px;font-family:"DIN Medium";color:#999;}
.news-list .item .hd em:before{display:inline-block;margin-right:5px;font-family:"iconfont";content:"\e614";}
.news-list .item .hd h3{margin-top:15px;height:64px;line-height:32px;font-size:20px;overflow:hidden;}
.news-list .item .hd h3 a{color:#333;}
.news-list .item .hd h3 a:hover{color:#df0010;}
.news-list .item .bd{padding-top:20px;overflow:hidden;}
.news-list .item .bd p{height:48px;line-height:24px;font-size:16px;color:#666;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-list .item .bd p a{color:#666;}
.news-list .item .bg{margin-top:45px;height:30px;background:url(../images/news_item.png) repeat-x;}

@media(min-width:1366px){
    .news-top .pic img{ height:297px;}
}
@media(max-width: 1440px){
.news{padding:70px 0;}
.news-main{margin-top:45px;}
.news-top{padding:33px 42px;width: 576px;}
.news-top .hd h3{font-size:20px;}
.news-list{width:600px;}
.news-list .item{margin-left: 16px;margin-bottom: 14px;padding:25px;width:282px;}
.news-list .item .hd h3{margin-top:10px;height:60px;line-height:30px;font-size:20px;}
.news-list .item .bd p{height:46px;line-height:23px;}
.news-list .item .bg{margin-top:30px;}
}
@media(max-width:1200px){
.news{padding:40px 10px;}
.news-menu li{float:left;margin:1px;width:calc(33.33% - 2px);height:40px;line-height:40px;font-size:14px;}
.news-menu li a{color:#fff;background:#484848;}
.news-top{display:none;float:none;padding:20px;width:100%;}
.news-top .hd h3{font-size:18px;}
.news-list{float:none;width:100%;}
.news-list .item{float:none;margin:10px 0;width:100%;}
.news-list .item .hd h3{height:auto;line-height:1.5;font-size:18px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.news-list .item .bd{padding-top:10px;}
.news-list .item .bd p{height:40px;line-height:20px;font-size:14px;}
}

@media(min-width:1920px){
    .news-top .pic img{ height:361px;}
}
/*--end news--*/

/*--section-title--*/
.section-title{margin-bottom:40px;text-align:center;overflow:hidden;animation:fadeinT 1s ease-in-out;}
.section-title:before{display:block;margin:0 auto 10px;width:24px;height:2px;content:"";background:#df0110;}
.section-title h2{font-size:36px;color:#333}
.section-title h2 a{color:#333;}
.section-title h2 a:hover{color:#df0110;}
.section-title p{margin-top:6px;font-size:16px;color:#666;font-family:"DIN Medium";text-transform:uppercase;}
.section-title.white *{color:#fff;}
.section-title.white:before{background:#fff;}
@media(max-width:1200px){
.section-title{margin-bottom:20px;}
.section-title h2{font-size:24px;}
.section-title p{margin-top:4px;font-size:14px;}
}
/*--end section-title--*/
/*kecheng*/
 .product-tab span {
     display: none;
     position: absolute;
     bottom: -1px;
     width: 100%;
     height: 100%;
     opacity: 332;
     background-color: rgb(0 0 0 / 66%); 


 }

 .product-tab span,
 .product-tab span a {
     color: #fff;
 }

 .product-tab span a {
        text-align: center;
            position: absolute;
            top: 50%;
            left: 27%;
            width: 200px;
        font-size: 23px;
 }
 @media(max-width:1440px) {
.product-tab span a {
        text-align: center;
        position: absolute;
        top: 28%;
        width: 100%;
        left: auto;
        font-size: 100%;
        margin: auto;
    }
 }
/**/
/* --jiuyemingxing-- */
.jiuyemingxing {
    padding: 60px 0;
    clear: both;
    overflow: hidden;
    background: #ebebeb url(../images/tong_bg.png) no-repeat center 0;
}

.jiuyemingxing .slideBox {
    position: relative;
    overflow: hidden;
}

.jiuyemingxing .slideBox .prev,
.jiuyemingxing .slideBox .next {
    position: absolute;
    z-index: 99;
    top: 50%;
    width: 50px;
    height: 50px;
    line-height: 48px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    outline: none;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    transform: translateY(-50%);
}

.jiuyemingxing .slideBox .prev {left: 5%;}

.jiuyemingxing .slideBox .next { right: 5%;}

.jiuyemingxing .more {
    padding-top: 40px;
    text-align: center;
}

.jiuyemingxing .more a {
    display: inline-block;
    padding: 14px 130px;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    background: #f9861e;
	box-shadow: 0px 4px 5px #333;
    transition: all 0.5s;
}

@media(max-width:1440px) {
    .jiuyemingxing {
        padding: 30px 0;
    }
}

@media(max-width:1200px) {
    .jiuyemingxing {
        padding: 30px 10px;
    }

    .jiuyemingxing .slideBox .prev,
    .jiuyemingxing .slideBox .next {
        width: 30px;
        height: 30px;
        line-height: 28px;
    }

    .jiuyemingxing .more {
        padding-top: 30px;
    }

    .jiuyemingxing .more a {
        font-size: 14px;
    }
}
/* --end jiuyemingxing-- */
/* --Famous-- */
.Famous {
    padding: 40px 0;
    clear: both;
    overflow: hidden;
    /* background: #ebebeb url(../images/honor_bg.png) no-repeat center 0; */
}

.Famous .slideBox {
    position: relative;
    overflow: hidden;
}

.Famous .slideBox .prev,
.Famous .slideBox .next {
    position: absolute;
    z-index: 99;
    top: 50%;
    width: 50px;
    height: 50px;
    line-height: 48px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    outline: none;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    transform: translateY(-50%);
}

.Famous .slideBox .prev {
    left: 5%;
}

.Famous .slideBox .next {
    right: 5%;
}

.Famous .more {
    padding-top: 40px;
    text-align: center;
}

.Famous .more a {
    display: inline-block;
    padding: 14px 130px;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    background: #f9861e;
	box-shadow: 0px 4px 5px #333;
    transition: all 0.5s;
}

@media(max-width:1440px) {
    .Famous {
        padding: 30px 0;
    }
}

@media(max-width:1200px) {
    .Famous {
        padding: 30px 10px;
    }

    .Famous .slideBox .prev,
    .Famous .slideBox .next {
        width: 30px;
        height: 30px;
        line-height: 28px;
    }

    .Famous .more {
        padding-top: 30px;
    }

    .Famous .more a {
        font-size: 14px;
    }
}

/* --end Famous-- */
/* --cx-company-honor02-- */
.cx-company-honor02{padding:40px 0;clear:both;overflow:hidden;background:#ebebeb url(../images/honor_bg.png) no-repeat center 0;}
.cx-company-honor02 .slideBox{position:relative;overflow:hidden;}
.cx-company-honor02 .slideBox .prev,.cx-company-honor02 .slideBox .next{position:absolute;z-index:99;top:50%;width:50px;height:50px;line-height:48px;color:#fff;text-align:center;cursor:pointer;outline:none;background:rgba(0,0,0,0.5);border-radius:50%;transform:translateY(-50%);}
.cx-company-honor02 .slideBox .prev{left:5%;}
.cx-company-honor02 .slideBox .next{right:5%;}
.cx-company-honor02 .more{padding-top:40px;text-align:center;}
.cx-company-honor02 .more a{
    display: inline-block;
    padding: 14px 130px;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    background: #f9861e;
    box-shadow: 0px 4px 5px #333;
    transition: all 0.5s;
    }

@media(max-width:1440px){
.cx-company-honor02{padding:30px 0;}
}
@media(max-width:1200px){
.cx-company-honor02{padding:30px 10px;}
.cx-company-honor02 .slideBox .prev,.cx-company-honor02 .slideBox .next{width:30px;height:30px;line-height:28px;}
.cx-company-honor02 .more{padding-top:30px;}
.cx-company-honor02 .more a{font-size:14px;}
}
/* --end cx-company-honor02-- */

/*暂无数据*/
#nodata, .nodata {padding:80px 80px 80px 150px;border:solid 1px #eee;margin:10px 0;background: url(../images/nodata.gif) no-repeat 20px 20px; background-color: #fff; width:100%;}
.cx-news-02 .list .bd p a{
    color: #999;
}