/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    border: 0;
    list-style: none;
}

body {
    font-size: 12px;
    font-family: 'Microsoft YaHei';
    color: #666;
}

a {
    color: #666;
}

p {
    line-height: 1.7em;
    padding: 5px 0;
}

.clear {
    margin: 0;
    padding: 0;
    font-size: 0;
    clear: both;
}

.wapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.head {
    width: 100%;
    background-color: black;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}

.head:hover {
    background-color: #000;
    border-bottom: 1px solid #fff;
}

.menu {
    width: 40%;
}

.menu ul li {
    line-height: 80px;
    /*padding: 0 20px;*/
    width: auto;
    float: left;
    display: inline-block;
    /*margin-right: 10px;*/
}
    .menu ul li:hover {
        background: #9b9b9b9e;
    }

    .menu ul li a {
        font-size: 18px;
        padding: 28px 20px;
        color: rgba(255, 255, 255, .5);
    }
    .menu ul li a:hover {
        
        color: #fff;
    }

.head .wapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    width: 10%;
}

.logo img {
    width: 100%;
}

.search {
    width: 40%;
}

.erj {
    width: 100%;
    position: absolute;
    top: 80px;
    left: 0;
    background-color: #000;
    display: none;
    border-top: 1px solid #fff;
    padding: 30px 0;
}

.menu ul li:hover .erj {
    display: block;
}

.erj dl dd {
    line-height: 35px;
    margin-bottom: 10px;
}

.search {
    display: flex;
    align-items: center;
    justify-content: end;
}

.searchnr {
    width: 180px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 20px;
    display: flex;
    justify-content: right;
    align-items: center;
}

.searchnr i {
    margin-right: 10px;
}

.cart {
    margin-left: 20px;
}

.h_search_box {
    width: 100%;
    padding: 40px 0;
    background: #000;
    border-top: 1px solid #edf3f3;
    border-bottom: 1px solid #eee;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
}

.h_search_con {
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
}

.h_search_con form {
    height: 60px;
    background: #000;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
}

    .h_search_con form #search_keywords2 {
        float: left;
        border: none;
        background: none;
        height: 60px;
        color: #fff;
        line-height: 60px;
        padding: 0 10px;
        width: calc(100% - 140px);
    }

.h_search_con form #search2 {
    float: left;
    border: none;
    background: url(../images/ico_search1.png) center no-repeat;
    background-size: 50% auto;
    color: #fff;
    font-size: 0;
    height: 60px;
    line-height: 60px;
    width: 60px;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: 10px;
}

.h_search_con form #search2:hover {
    background-color: "";
}

.tclose {
    float: left;
    border: none;
    background: url(../images/close.png) center no-repeat;
    background-size: 50% auto;
    color: #fff;
    font-size: 0;
    height: 60px;
    line-height: 60px;
    width: 60px;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: 10px;
}

.swiper-pagination1 {
    bottom: 50px;
    top: auto !important;
    width: 70% !important;
    left: 50% !important;
    transform: translateX(-50%);
}
.banner video{ display: block;}
.con1 .swiper-slide img{ width: 100%; max-height: 790px; object-fit: cover;}
.c1bgwz {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.5);
    flex-direction: column;
}
.c1bgwz h1{ font-size: 50px; color: #fff; text-align: center; margin-bottom: 60px;}
.c1nr p {
    /*margin: 0 auto;
    width: 80%;*/
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.swiper-button-next1{ right: 5%;}
.swiper-button-prev1{ left: 5%;}
.swiper-button-next2{ right: 5%;}
.swiper-button-prev2{ left: 5%;}
.con2 .swiper-slide img {
    width: 100%;
    max-height: 800px;
    display: block;
    object-fit: cover;
}

.swiper-pagination2 {
    bottom: 50px;
    top: auto !important;
    width: 70% !important;
    left: 50% !important;
    transform: translateX(-50%);
}
.btnlist{ display: flex; justify-content: space-between; margin-top: 50px;}
.btn{ width: 200px; height: 45px; border: 1px solid #fff; border-radius: 20px; text-align: center; line-height: 45px; color: #fff; font-size: 16px; margin: 0 20px;}
.btn:hover{ background-color: #F0F0EE; color: #000;}

.con3{ width: 100%; padding: 80px 0; background-color: #000;}
.c3item{width: 90%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin: 0 auto;}
.c3pic{ width: 49%;}
.c3pic img{ width: 100%;}
.c3wz{ width: 49%;}
.wapper1{ width: 90%; margin: 0 auto;}
.con3 h1{ font-size: 50px; text-align: center; color: #fff; margin-bottom: 25px;}
.mySwipe3 .swiper-slide h2{ text-align: center; line-height: 35px; color: #fff;}
.mySwipe3 .swiper-slide.swiper-slide-thumb-active h2{ color: #B5A991;}
.mySwipe3 { margin-bottom: 40px;}
.c3wz{ text-align: center;}
.c3wz img{ margin-bottom: 20px;}
.c3wz h3{ font-size: 30px; color: #fff; margin-bottom: 10px; text-align: center;}
.c3nr p{ color: #fff; font-size: 17px;}

.con4{}
.swiper-button-next4{ right: 5%;}
.swiper-button-prev4{ left: 5%;}
.con4 .swiper-slide img{ width: 100%; max-height: 700px; display: block; object-fit: cover;}

.swiper-pagination4 {
    bottom: 50px;
    top: auto !important;
    width: 70% !important;
    left: 50% !important;
    transform: translateX(-50%);
}
.con5{ width: 100%; position: relative;}
.con5 img{ width: 100%; display: block;}
.c5bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center;}
.c5bg h1{ font-size: 50px; color: #fff;text-align: center; margin-bottom: 40px;}
.c5nr{ font-size: 18px; color: #fff; text-align: center; margin-bottom: 40px;}
.search1{  padding:10px 20px; border: 1px solid #fff; border-radius: 30px; display: flex; justify-content: space-between; align-items: center;}
.seac{ width: 500px; line-height: 35px; background-color: transparent;}
.btn4{border: none;
    background: url(../images/ico_search1.png) center no-repeat;
    background-size: 50% auto;
    color: #fff;
    font-size: 0;
    height: 30px;
    line-height: 30px;
    width: 30px;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: 10px;}
	
.con6{ width: 100%; padding: 60px 0; background-color: #000;}
.con6 h1{ font-size: 50px; text-align: center; color: #fff; margin-bottom: 40px;}
.c6nr{ font-size: 18px; color: #fff; text-align: center;}
.messg{ width: 100%; margin-top: 50px;}
.ipt{ width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px;}
.ipt label{ width: 10%; display: block; font-size: 18px; line-height: 50px; color: #fff;}
.ipt input{ width: 89%; line-height: 50px; border-bottom: 1px solid #fff; background-color: transparent;}
.ipt button{ width: 400px; height: 55px; text-align: center; line-height: 55px; border: 1px solid #fff; border-radius: 25px; background-color: transparent; font-size: 18px; color: #fff; margin: 0 auto; margin-top: 40px;}
    .ipt button:hover {
        background: #fff;color:#000;
    }


.foot{ width: 100%; background-color: #000; padding: 120px 0;}
.footlf{ width: 49%; float: left;}
.footlogo{ width: 120px; margin-bottom: 40px;}
.footlogo img{ width: 100%;}
.footdz{ margin-bottom: 40px;}
.footdz p{ font-size: 17px; color: #fff;}
.footflow a{ width: 80px; margin: 0 10px; display: inline-block;}
    .footflow a img {
        object-fit: contain;
        height: 80px;
        width: 100%;
    }
   
    .footrt {
        width: 49%;
        float: right;
    }
.footrt ul li{ float: right; margin-left: 20px;}
.footrt ul li a{ font-size: 18px; color: #fff;}
    .footrt ul li a:hover {
        color: #c9b07e;
    }
.footbtm{ width: 100%; margin-top: 50px; display: flex; justify-content: space-between; align-items: center;}
.footbtm p{ font-size: 17px; color: #fff;}

.nybanner{ width: 100%; position: relative;}
.nybanner img{ width: 100%; display: block;}
.nybg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
.nybg h1{ font-size: 50px; color: #fff;}

.pro{ width: 100%; padding: 60px 0; background-color: #000;}
.pro ul li{ width: calc((100% - 120px)/3); margin: 20px; float: left; position: relative;}
    .pro ul li img {
        height: 300px;
        width: 100%;
        display: block;
        object-fit: cover;
    }
.pro ul li img.img2{ display: none;}
.probg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center;}
.probg h1{ font-size: 24px; color: #fff;}
.pro ul li:hover .img1{ display: none;}
.pro ul li:hover .img2{ display: block;}

.pronav{ width: 100%; background-color: #000; padding: 10px 0; position: relative;}
.pronav ul{display: flex;align-items: center;flex-wrap: wrap;}
.pronav ul li{padding: 0 5px;margin: 10px;line-height: 35px;color: #fff;float: left;width: 17%;display: inline-block;} 
.pronav ul li a{ color: #fff; font-size: 18px;}
.pronav ul li.on a{ color: #B5A991;}
.pronav ul li img{ width: 30px; display: block; cursor: pointer;}
.tshowc{ width: 100%; background-color: #000; display: none;}
.tshowclf{ width: 40%;background-color: #fff;}
.inside_faq1{
    width: 100%;
    height: 430px;
    overflow-y: auto;
}
.clfnr{ width: 80%; padding: 60px 0; margin: 0 auto;}
.inside_faq1 ul li{ border-bottom:1px dashed #eee; padding:10px 0;}
.inside_faq1 ul li .h2{font-size:18px;line-height: 45px;font-weight:bold;padding: 20px 40px 20px 0px;position:relative;cursor:pointer;border-bottom: 1px solid #000;}
.inside_faq1 ul li .h2:before{}
.inside_faq1 ul li .h2:after{content:"";width:20px;height:28px;background:url(../images/ico_down1.png) center no-repeat;position:absolute;top: 30px;right:10px;}
.inside_faq1 ul li.active .h2:after{ background-image:url(../images/ico_up1.png);}
.inside_faq1 ul li .txt{ padding:10px 0 20px 0; display:none;}
.inside_faq1 ul li .h3{ font-size:16px; line-height:26px; position:relative; padding-left:40px;}
.inside_faq1 ul li .h3:before{ content:"A"; width:28px; height:28px; line-height:28px; text-align:center; border-radius:4px; background:var(--primary-color); color:#fff; position:absolute; left:0; top:0;}
@media(max-width:999px) {
.inside_faq1 ul li .h2{ font-size:16px; line-height:26px; }
.inside_faq1 ul li .h2:after{ height:26px; }
.inside_faq1 ul li .h3{ font-size:14px; line-height:24px; }
}
.tclosec{ width: 35px; height: 35px; text-align: center; line-height: 35px; color: #000; font-size: 20px; cursor: pointer;}
.txt dl dd{
	    width: 100%;
	    display: flex;
	    justify-content: space-between;
	    padding-top: 35px;
	    line-height: 35px;
	    height: 35px;
	    align-items: center;
}
.txt dl dd span{    font-size: 18px;
    font-weight: bold;}
.txt dl dd input{    width: 27px;
    height: 27px;
    display: block;}
	
	.btnc{ width: 350px; height: 55px; background-color: #000000; border-radius: 5px;  text-align: center; line-height: 55px; color: #fff; font-size: 18px; margin-top: 30px;}
	.probanner img{ width: 100%; display: block;}
	
	.prodetil{ width: 100%; background-color: #000; padding: 60px 0;}
	.probt{width: 100%;margin-bottom: 50px;}
	.probt h1{ font-size: 50px; text-align: center; color: #fff; margin-bottom: 20px;}
	
	/*update_prodetail_1*/
	.update_prodetail_1{ max-width:1200px; margin:0 auto;}
	.update_prodetail_1_top_left{ float:left; width:48%;}
	.update_gallery-top1 .swiper-slide img {width: 100%;}
	.update_gallery-top1 {height: 80%;width: 100%;}
	.update_gallery-thumbs1 {height: 20%;box-sizing: border-box;padding: 10px 0; margin-top:10px;}
	.update_gallery-thumbs1 .swiper-slide {height: 100%;opacity: 0.4;}
	.update_gallery-thumbs1 .swiper-slide img{ width:100%;}
	.update_gallery-thumbs1 .swiper-slide-thumb-active {opacity: 1;}
.update_gallery-top2 .swiper-slide img {
    height: 450px;
    width: 100%;
    object-fit: cover;
}
	.update_gallery-top2 {height: 80%;width: 100%;}
	.update_gallery-thumbs2 {height: 20%;box-sizing: border-box;padding: 10px 0; margin-top:10px;}
	.update_gallery-thumbs2 .swiper-slide {height: 100%;opacity: 0.4;}
        .update_gallery-thumbs2 .swiper-slide img {
            height: 100px;
            width: 100%;
        }
	.update_gallery-thumbs2 .swiper-slide-thumb-active {opacity: 1;}
	.update_prodetail_1_top_right{ float:right; width:48%;}
	.update_prodetail_1_top_right dl{ border-bottom:1px solid #f0f2f5;}
	.update_prodetail_1_top_right dl dt{color: #fff;font-size:24px;margin-bottom:20px;}
	.update_prodetail_1_top_right dl dd{padding: 20px 0px;border-top:1px solid #f0f2f5;font-size: 18px;color: #fff;}
	.update_prodetail_1_con{ margin-top:30px;}
	.update_prodetail_1_con_left{ float:left; width:300px;}
	.update_prodetail_1_con_left h2{ font-weight:normal;}
	.update_prodetail_1_con_left ul{ text-align:center;}
	.update_prodetail_1_con_left ul li img{ max-width:100%;}
	.update_prodetail_1_con_left ul li span{ display:block; font-size:14px;}
	.update_prodetail_1_con_right{ float:right; width:calc(100% - 320px)}
	.update_slideTxtBox_02 .hd{ height:44px; line-height:44px; border-bottom:1px solid #f0f2f5; }
	.update_slideTxtBox_02 .hd ul li{ float:left; width:98px; text-align:center; cursor:pointer; font-size:14px;}
	.update_slideTxtBox_02 .hd ul li.on{ border-bottom:1px solid #f60; color:#f60;}
	.update_slideTxtBox_02 .bd{ padding:20px 0px;}
	/*update_prodetail_2*/
	.update_prodetail_2{ max-width:1200px; margin:0 auto; margin-top:50px;}
	.update_prodetail_2_top{border: 0;padding: 0;box-shadow: none;margin-bottom: 20px;border-radius:8px;}
	.update_prodetail_2_con{ border:1px solid #dcdcdc;box-shadow: 0 3px 8px -6px rgba(0,0,0,0.1); border-radius:8px;}
	.update_slideTxtBox_03 .hd{ padding:0 10px 0 20px; height:60px; border-bottom:1px solid #d4d4d4; line-height:60px;box-shadow: rgba(0,0,0,0.06) 0 1px 7px; background:linear-gradient(#fbfbfb,#ececec); border-radius:8px 8px 0px 0px; font-weight:normal; font-size:16px; color:#000;}
	.update_slideTxtBox_03 .hd ul li{ padding:0px 20px; float:left; cursor:pointer;}
	.update_slideTxtBox_03 .hd ul li.on{ border-bottom:2px solid #f60; color:#f60;}
	.update_slideTxtBox_03 .bd{ padding:20px 20px;}
	/*update_prodetail_3*/
	.update_prodetail_3_top_left{ float:left; width:48%;}
	.update_swiper-container img{ width:100%;}
	.update_swiper-container .swiper-button-next, .update_swiper-container .swiper-button-prev{ color:#fff !important;}
	.update_prodetail_3_top_right {float: right;width: 48%;}
	.update_prodetail_3_top_right dl{ border-bottom:1px solid #f0f2f5;}
	.update_prodetail_3_top_right dl dt{ color:#000; font-size:24px; margin-bottom:20px;}
	.update_prodetail_3_top_right .update_prodetail_3_jj{ background:#efefef; padding:10px !important; margin-bottom:20px; font-size:14px; line-height:24px;}
	.update_prodetail_3_top_right .update_prodetail_3_tel{ overflow:hidden; padding-bottom:10px;}
	.update_prodetail_3_top_right .update_prodetail_3_tel strong{ float:left; font-weight:normal; font-size:16px; line-height:26px; background:url(../images/pc-xc-icon2.png) left center no-repeat; padding-left:50px;}
	.update_prodetail_3_top_right .update_prodetail_3_tel a{ float:right; width:100px; height:44px; line-height:44px; background:#f30; color:#fff; font-size:14px; text-align:center; margin-top:4px;}
	.update_prodetail_3_con{ margin-top:30px;}
	.update_prodetail_3_con h2{ height:44px; line-height:44px; border-bottom:1px solid #f0f2f5; }
	.update_prodetail_3_con h2 span{ display:inline-block; text-align:center; cursor:pointer; font-size:18px; border-bottom:1px solid #f60; color:#f60; font-weight:normal;}
	.update_prodetail_3_desc{ padding:20px 0px;}
	.color{ display: flex; align-items: center; padding: 10px 0;}
	.color img{ margin-right: 15px;}
	.prokj{ width: 100%; background-color: #000; padding: 60px 0;}
	.proitem{ width:100%; height: 100%; position: relative;}
	.pro1bg{ display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0;     background: linear-gradient(rgba(204, 204, 204, 0.01), rgb(0, 0, 0) 100%); align-items: end;}
	.pro1bg .pd30{ padding: 30px; display: flex; justify-content: left; align-items: end; flex-wrap: wrap;}
	.pro1bg h1{ font-size: 50px; color: #fff; width: 100%;}
	.pro1bg p{ font-size: 18px; color: #fff;}
	.proitem:hover .pro1bg{ display: flex;}
	
	
	.casenav{ width: 100%; background-color: #000; padding: 10px 0; position: relative; }
	.casenav ul{ display: flex; align-items: center; justify-content: center;}
	.casenav ul li{ padding: 0 5px; margin-right: 100px;  line-height: 35px; color: #fff; float: left; width: auto; display: inline-block;} 
	.casenav ul li a{ color: #fff; font-size: 18px;}
	.casenav ul li.on a{ color: #B5A991;}
	.casenr{ width: 48%;}
	.caselist{ width: 100%; padding: 60px 0; background-color: #000;}
	.caselist ul li{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
	.casepic{ width: 48%;}
        .casepic img {
            height: 300px;
            width: 100%;
            object-fit: cover;
        }
	.casenr h1{ font-size: 50px; color: #fff; margin-bottom: 20px;}
	.casenr p{ font-size: 18px; color: #fff;}
.casenr .btn {
    -webkit-transition: all .8s;
    margin: 0;
    margin-top: 60px;
}
	.caselist ul li{ margin-bottom: 80px;}
	
	.tshowcase{width: 100%; background-color: #000; top: 0; left: 0; position: fixed; height: 100vh; display: none;}
	 .tclosecase{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 98;}
.casebanner {
    min-width: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    z-index: 99;
    justify-content: center;
    align-items: center;
}
	 .casebanner .swiper-pagination {
	     bottom: 0px;
	     top: auto !important;
	     width: 70% !important;
	     left: 50% !important;
	     transform: translateX(-50%);
	 }
	 .casebanner .swiper{ padding: 20px 0;}
	 .case1list{ width: 100%; padding: 60px 0; background-color: #000;}
	 .case1list ul li{ width: 100%; margin-bottom: 60px;}
	 .case1list ul li img{ width: 100%; display: block;}
	 .case1list ul li h1{ font-size: 48px; color: #fff; margin-top:60px; margin-bottom: 40px;}
	 .case1list ul li p{ font-size: 18px; color: #fff;}
	 .case1list ul li .btn{ margin: 0; margin-top: 20px;}
	 
	 .explore{ width: 100%; padding: 0px 0; background-color: #000;}
	 .expitem{ width: 100%; position: relative;}
	 .expitem img{ width: 100%; display: block;}
	 .expbg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center;}
	 .explf{ width: 40%;}
	 .explf h1{ font-size: 50px; color: #fff; margin-bottom: 40px;}
	 .explf p{ font-size: 18px; color: #fff;}
	 .exprt{ width: 40%;float: right;}
	 .exprt h1{ font-size: 50px; color: #fff; margin-bottom: 40px;}
	 .exprt p{ font-size: 18px; color: #fff;}
	 
	 .videolist{ width: 100%; background-color: #000; padding: 60px 0;}
	 .bnt{ width: 100%; margin-top: 40px; display: flex; justify-content: center;}
	 
	 .newslist{ width: 100%; background-color: #000; padding: 60px 0;}
	 .newslist ul li{ width: calc((100% - 60px)/3); margin: 10px; float: left;}
	 .newslist ul li img{ width: 100%; display: block;}
	 .newslist ul li h1{font-size: 18px; color: #fff; height: 100px; line-height: 50px	;}
	  .newslist ul li span{ font-size: 17px; color: #fff;}
	  
	  .video1{ width: 100%; padding: 60px 0; background-color: #000;}
	  .video1 ul li{ width: calc((100% - 80px)/2); margin: 20px; float: left;}
	  .videoitem h1{ color: #fff;}
	  .videoitem p{ color: #fff; font-size: 17px;}
	  .faq{ width: 100%; padding: 60px 0; background-color: #000;}
	  .slideTxtBox .hd ul{ width: 100%; display: flex; justify-content: center; align-items: center;} 
	  .slideTxtBox .hd ul li{ width: 25%; text-align: center;}
	  .ct{ width: 110px;}
	  .ct img{ width: 100%;}
	  .slideTxtBox .hd ul li p{ font-size: 18px; color: #fff; text-align: center;}
	  
	  .btn_more3{}
	  .btn_more3 span{ display:inline-block; text-align:center; font-size:14px; line-height:40px; width:120px; border-radius:10px; background:var(--primary-color); color:#fff;}
	  .btn_more3 span:hover{ opacity:.9;}
	  .job2{}
	  .job2.active{}
	  .job2 ul li{ border-bottom:1px solid #e8e8e8;  margin-bottom: 30px;}
	  .job2 ul li:nth-child(1){border-top: 0;}
	  .job2 ul li .txt1{
	  position:relative;
	  cursor:pointer;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: space-between;
	  justify-content: space-between;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	  padding: 20px 0;
	  }
	  .job2 ul li .txt1 .h2{
	  width:20%;
	  font-size:14px;
	  line-height:1.5em;
	  height:50px;
	  text-align:left;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: left;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	  }
	  .job2 ul li .txt1 .h2 span{display:block;width:calc(100% - 4.16vw);padding: 0;font-size: 25px;color: #fff;}
	  .job2 ul li .txt1 .h3{ width:72%; font-size:14px; line-height:2.5em; padding-right:60px;}
	  .job2 ul li .txt1 .h3 span{ display:inline-block; width:24%;}
	  .job2 ul li .txt1 i{ width:20px; height:20px; background:url(../images/down0.png) center no-repeat; position:absolute; top:50%; right:20px; transform:translateY(-50%);}
	  .job2 ul li .txt2{border-top: 1px solid #D3D3D3;background:rgba(0, 76, 158, 0.05);padding:2.08vw;display:none;}
	  .job2 ul li .txt2 .h4{ font-size:.78vw; line-height:2em;}
	  .job2 ul li.active{ box-shadow:0 0 10px rgba(0,0,0,.1);}
	  .job2 ul li.active .txt1{ background:var(--primary-color); color:#fff;}
	  .job2 ul li.active .txt1 i{background-image:url(../images/up01.png);}
	  @media(max-width:999px){
	  .job2 ul li .txt1{ display:block;}
	  .job2 ul li .txt1 .h2{ width:100%; font-size:16px; line-height:1.6em; height:50px; border-right:none; border-bottom:1px dashed #DDDDDD; }
	  .job2 ul li .txt1 .h2 span{ width:calc(100% - 40px); padding:0 20px;}
	  .job2 ul li .txt1 .h3{ width:calc(100% - 40px); font-size:14px; line-height:1.6em; padding:10px 20px;}
	  .job2 ul li .txt1 .h3 span{ display:inline-block; width:49%; margin:5px 0;}
	  .job2 ul li .txt1 i{ width:40px; height:50px; top:0; right:10px; transform:translateY(0);}
	  .job2 ul li .txt2{ padding:10px 20px; }
	  .job2 ul li .txt2 .h4{ font-size:14px; line-height:2em;}
	  .job2 ul li.active .txt1{ background:rgba(0, 76, 158, 0.05); color:#666;}
	  .job2 ul li.active .txt1 .h2{ background:var(--primary-color); color:#fff;}
        .con2 .swiper-slide img {
            height: 560px;
        }
	  }
	.slideTxtBox .bd{ width: 100%; margin-top: 60px;}	
	.seave1{ width: 100%; padding: 0 0; background-color: #000;}
	.seave1item{ width: 100%;}
	.seave1item img{ width: 100%; display: block;}
	
	.seavice2{ width: 100%; padding: 60px 0; background-color: #000;}
	.slideTxtBox1 ul{ width: 100%; display: flex; align-items: center;}
	.slideTxtBox1 ul li{width: calc((100% / 6)); line-height: 35px; font-size: 17px; color: #fff;}
	.slideTxtBox1 .bd ul img{ width: 100%; display: block;}
	.seavice3{ width: 100%; padding: 60px 0; background-color: #000;}
	.inBd ul li{ width: 100%;}
	.inBd ul li img{ width: 100%; display: block;}
	.contact{ width: 100%; background-color: #000; padding: 60px 0;}
	.contact ul li{ width: 100%; margin: 40px 0; border-bottom: 1px solid #fff; padding: 20px 0;}
	.contact ul li a{ display: flex; justify-content: space-between; align-items: start;}
	.contlf{ width: 50%;}
	.contlf h1{ font-size: 18px; line-height: 50px; color: #fff;}
	.address p{ display: flex; align-items: center;}
	.address p img{ width: 35px; margin-right: 15px;}
	.address p span{ font-size: 17px; color: #fff;}
	
	.honor{ background-color: #000; width: 100%; padding: 60px 0; position: relative;}
	.slideTxtBox2 .hd ul{ width: 100%; display: flex; align-items: center; flex-wrap: wrap;}
	.slideTxtBox2 .hd ul li{ width: 80px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; position: relative;}
	.slideTxtBox2 .hd ul li span{ width: 50%; height: 10px; background-color: #9b9b9b; display: block;}
	.slideTxtBox2 .hd ul li i{ position: absolute; top: -50px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 18px; display: none;}
	.slideTxtBox2 .hd ul li strong{ width: 20px; height: 20px; border-radius: 50%; background-color: #9b9b9b; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	/* .slideTxtBox2 .hd ul li strong.active{ background-color: #fff; width: 30px;} */
	.slideTxtBox2 .hd ul li em{ color: #Fff; border: 0; width: 1px; background-color: #fff; height: 20px; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 18px; display: none;}
	.slideTxtBox2 .hd ul li.on strong{ width: 40px; border-radius: 20px; background-color: #Fff;}
	.slideTxtBox2 .hd ul li.on i{display: block;}
	.slideTxtBox2 .hd ul li.on em{ display: block;}
	.honoritem{ width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;} 
	.honorpic{ width: 45%;}
        .honorpic img {
            height: 400px;
            width: 100%;
            display: block;
            object-fit: contain;
        }
	.honorwz{ width: 52%;}
	.honorwz h1{ font-size: 25px; color: #fff;  margin-bottom: 40px;}
	.honorwz p{ font-size: 18px; color: #Fff;}
	.slideTxtBox2 .bd{ margin-bottom: 80px;}
	.arrow .next{ position: absolute; top: 50%; right: 10%; transform: translateY(-50%);} 
	.arrow .prev{ position: absolute; top: 50%; left: 10%; transform: translateY(-50%);} 
	
	.con{ width: 100%; padding: 60px 0;}