.clearfix:after{
    content:".";        
    display:block;        
    height:0;        
    clear:both;        
    visibility:hidden;        

}
.clearfix{zoom:1}
.banner{width:100%; position: relative;}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide img{width: 100%;height: 100%;transition:transform 12s cubic-bezier(.23,1,.32,1);transform:scale(1)}
.banner .swiper-slide.swiper-slide-active img{transform:scale(1.1)}
.banner .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: fill;}
.banner .txt{color:#fff;}
.banner .txt h2{line-height: 1.3;}
.banner .txt h3{ display: inline-block; margin-bottom:2%; position: relative;}
.banner .txt h3 em{ position: absolute; right:-80px; bottom:0; line-height: 1.2;}
.banner .txt h3 em i{font-size: 60px;}
/* .banner .txt_an{ text-align: center;} */
.banner .txt_an h4{margin-bottom: 10px;}
.banner .txt_an p{ text-transform: uppercase; letter-spacing:10px; word-spacing:8px;}
.banner .swiper-pagination{bottom:45px;}
.banner .swiper-pagination-bullet{width: 150px; height: 3px; margin:0 1px!important; background: rgba(255,255,255,0.58); border-radius: 0; /*box-shadow: 1px 1px 3px 0px #333;*/ opacity:1;filter: alpha(opacity=100);}
.banner .swiper-pagination-bullet-active{ background: #7833E2;}

.screen_wrap{
    margin-bottom: 80px;
    position: relative;
    width: 100%;
    padding: 3.33% 4.44%;
    box-shadow: -1px -1px 20px 2px rgba(0,0,0,0.31);
    -webkit-box-shadow: -1px -1px 20px 2px rgba(0,0,0,0.31);
    -moz-box-shadow: -1px -1px 20px 2px rgba(0,0,0,0.31);
}
.screen{
    padding: 0 25px;
    width: 100%;
    background-color: #999999;
    border: 1px solid #f2f1f0;
    margin-bottom: 10px;
   
}
.screen > input{
    width: 90%;
    line-height: 63px;
    color: #fff;
    border: 0;
    background: none;
}
.screen > input::-webkit-input-placeholder{
    color: #fff;
}

.screen > button{
  
    line-height: 63px;
    color: #fff;
    background: none;
    border: 0;
   float: right;
}
.select-z{
    margin:30px 0px;
}
.select-z select{
    box-sizing: border-box;
    font-weight: bold;
    height: 40px;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #000000;
    margin-right: .4%;
    width: 16%;
}
.select-z select:nth-child(6){
    margin-right: 0;
}
.yixuan{
    overflow: hidden;
}
.yixuan span{
    margin-bottom: 8px;
    position: relative;
}
.yixuan span i{
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 8px;
}
.x{
    padding: 10px 14px 10px 0px;
    line-height: 1;
    float: left;
}
 .a, .b, .c, .d, .e, .f{
     margin-right: 10px;
     float: left;
     display: block;
     min-width: 140px;
    padding: 10px 14px;
    line-height: 1;
    background: #e7eaee;
    padding-right: 30px;
    color: rgb(102, 102, 102);
}
.button{
    margin-top: 50px;
    text-align: center;
}
.button button{
   padding: 13px 70px;
    color: #fff;
    border: none;
    background: none;
    position: relative;
}
.button button span{
    position: relative;
    top: 50%;
    z-index: 2;
}

.button button i{
    position: relative;
    z-index: 2;
}
.button button{
    display: inline-table;
}
.button button em{
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
  
    transform: skewX(-25deg); 
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
}
.bottom-border{
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 2px;
    left: 0;
    background: #7832e1;
    background-image: linear-gradient(to right,#7832e1,#0c9df6);
}
.list_wrap tr th{
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #000;
    color: #fff;
    box-sizing: border-box;
    /* padding-left: 5.44%; */
	text-align:center;
}
.list_wrap tr td{
	text-align: center;
    color: rgb(102, 102, 102);
    line-height: 1.3;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}
.list_wrap tr:nth-child(odd) td{
    background: #e7eaee;
}
.list_wrap tr:nth-child(even) td{
    background: #ffffff;
}
.list_wrap tr{
    height: 50px;
}
.list_wrap tr td:last-of-type div{
    word-break: break-all;

text-overflow: ellipsis;

display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/

-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

-webkit-line-clamp: 2; /** 显示的行数 **/

overflow: hidden;  /** 隐藏超出的内容 **/
}
.list_wrap{
    /* margin-bottom: 145px; */
    border-collapse: inherit;
    width: 100%;
}
.list_wrap tr th:nth-child(1), .list_wrap th td:nth-child(2), .list_wrap th td:nth-child(3){
    width: 20%;
    max-width: 20%;
}
.list_wrap tr th:last-child{
    max-width: 30%;
    width: 30%;
}
.list_wrap tr td:last-child{
    box-sizing: border-box;
    max-width: 30%;
    width: 30%;
    padding-left: 15px;
    padding-right:15px
}
.list_wrap tr td:nth-child(1){
    font-weight: bold;
    box-sizing: border-box;
}
@media only screen and (max-width:767px) {
    .banner,.banner .swiper-slide{ height: 240px;}
    .banner .swiper-slide img{ display: none;}
    .banner .txt h3 em{ display: none;}
    .banner .swiper-pagination-bullet{width:8px; height:8px; border-radius: 100%; margin:0 3px!important; background: #fff;}
    .banner .swiper-pagination-bullet-active{ background: #7733E1;}
    .main {
        padding-top: 10px;
    }
    .select-z select {
        width: 48%;
    }
    .site {
        line-height: 24px;
        padding: 20px 0 20px 0;
    }
    .select-z {
        margin: 15px 0px;
    }
    .button {
        margin-top: 20px;
        text-align: center;
    }
    .screen_wrap {
        margin-bottom: 30px;
    }
    .list_wrap tr th {
        text-align: center;
        padding-left: 0;
    }
    .outo{
        overflow-x: auto;
    }
    .list_wrap {
        margin-bottom: 45px;
        width: 200%;
    }
}
/* 详情页 */
.heightdiv{
    height: 30px;
}
.topdiv-wrap{
    overflow: hidden;
}
.l > .swiper-container{
    border: 1px solid #ececec;
}
.topdiv-wrap .l{
    
    position: relative;
    float: left;
    width: 38.19%;
}
.l .gallery-top .swiper-slide{
    background-size: cover;
}
.topdiv-wrap .l .wrapa{
    z-index: 991;
    padding: 0px 6px;
    box-sizing: content-box;
    position: absolute;
    width: 75%;
    bottom:30px;
    left: 50%;
    transform: translatex(-50%);
}
.topdiv-wrap .l .gallery-thumbs{
    width: 100%;
}
.topdiv-wrap .l .gallery-thumbs .swiper-slide{
    /* width: 14.90% !important; */
    background-size: cover;
}
.topdiv-wrap .r{
    width: 57%;
    float: right;
}
.gallery-thumbs .on{

    border: 1px solid #000;
}
.l .swiper-button-next, .l .swiper-button-prev{
    margin-top: 0;
    transform: translateY(-50%);
    width: 20px !important;
    height: 30px !important;
    background-size: cover;
    /* background: none !important; */
}
.l .swiper-button-next{
    right: -30px;
}
.l .swiper-button-prev{
    left: -30px;
}
.l .swiper-button-next::after, .l .swiper-button-prev::after{
    font-size: 30px;
}
.r h2{
    margin-bottom: 20px;
        color: rgb(0, 0, 0);
        line-height: 1.2;
}
.r h3{
        color: #000;
        font-weight: bold;
        margin: 20px 0;
}
.swipera{
    margin-left: -10px;
    overflow: hidden;
    padding: 5px;
    position: relative;
    width: 99%;
}
.swipera .swiper-slide{
    padding: 5px;
}
.swipera .swiper-slide{
	width: 20%;
	min-height: 74.55px;
    padding: 20px 0 20px 0;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 15%) ;
    -moz-box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 15%) ;
    background: #fff;
}
.swipera .swiper-slide img{
	display: none;
    width: 56px;
    margin: 0 auto;
    margin-bottom: 15px;

}
.swipera .swiper-slide p{
    font-size: 12px;
   text-align: center;
}
.l .swiper-button-next.swiper-button-disabled, 
.l .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
    cursor: pointer !important;
    pointer-events: all !important;
}
.l .disabled, 
.l .disabled{
    opacity: .35 !important;
    cursor: auto !important;
    pointer-events: none !important;
}

.ly span{
    margin-bottom: 10px;
    display: block;
    float: left;
    margin-right: 20px;
    padding: 13px 30px;
    line-height: 1;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%) ;
    -moz-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%) ;
}
.swiperaaa{
    position: relative;
    width: 90%;
}
.swiperaaa .swiper-button-prev{
    left: -45px !important;
}
.swiperaaa .swiper-button-next{
    right: -15px !important;
}
.swiperaaa .swiper-button-next.swiper-button-disabled, 
.swiperaaa .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
    cursor: pointer !important;
    pointer-events: all !important;
}
.buttonn{
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}
.buttonn button{
   padding: 13px 70px;
    color: #fff;
    border: none;
    background: none;
    position: relative;
}
.buttonn button span{
    position: relative;
    z-index: 2;
}

.buttonn button i{
    position: relative;
    z-index: 2;
}
.buttonn button{
    display: inline-table;
}
.buttonn button em{
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
  
    transform: skewX(-25deg); 
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
}
.img-one img{
    width: 100%;
}
.img-one{
    border-bottom: 1px solid #000;
}
.img-two{
    border-bottom: 1px solid #000;
    padding-bottom: 60px;
}
.img-two img{
 width: 100%;
 box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
 -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%) ;
 -moz-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%) ;
}
.title{
    margin-top: 70px;
    margin-bottom: 40px;
    text-align: center;
}
.img-two h3{
   margin-top: 40px;
   margin-bottom: 30px;
}
.swi-tre{
    /* border-bottom: 1px solid #000; */
}
.slide_box{ 
    /* margin:0 -10px 6%; */

position: relative;
}
.swi-tre li{position: relative;overflow:hidden;}
.swi-tre li:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.23);
    top:0;
    left:0;
	z-index: 99;
}

.swi-tre li:hover img{transform: scale(1.1); transition:0.5s all; -webkit-transition:0.5s all;}
.swi-tre li:hover p{
	color: #fff;
}

.swi-tre li a img{
    width: 100%;
}
.swi-tre li a p{
    color: #ffffff;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 30px;
	z-index: 999;
}
.swi-tre .swiper-button-prev,.img-two .swiper-button-next{top:50%; margin-top:-15px;}
.swi-tre .swiper-button-prev{ left:-50px; width:30px; height: 30px; background-size: 30px 30px; top:50%; margin-top:0; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23212121'%2F%3E%3C%2Fsvg%3E");}
.swi-tre .swiper-button-next{ right:-50px; width:30px; height: 30px; background-size: 30px 30px;top:50%; margin-top:0; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23212121'%2F%3E%3C%2Fsvg%3E");}
.lod{
    margin-bottom: 120px;
}
.lod .top{
    overflow: hidden;
    margin-bottom: 20px;
}
.lod a{
    display: block;
    padding: 30px 30px 30px 40px;
   
}
.lod a:hover{
    color: #000 !important;
}
.lod .top h2{
    float: left;
}
.lod .top div{
    float: right;
}
.lod p{
    font-size: 14px;
    color: rgb(102, 102, 102);
    line-height: 1.857;
  }
  
.lod li{
    position: relative;
    min-height: 170px;
    width: 49%;
    margin-bottom: 2%;
    background: #ffffff;
    border: 1px solid #ececec;
  
}
.lod li .tiao{
    display: block;
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
    /* background: pink; */
}
.lod li:nth-child(odd){
    float: left;
}
.lod li:nth-child(even){
    float: right;
}
.lod li:hover{
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%) ;
    -moz-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%) ;
    /* border: none; */
}
.lod li:hover .tiao{
    display: block;
    border: none;
    background: #7832e1;
    background-image:-moz-linear-gradient(to right,#7832e1,#0c9df6);
    background-image:-webkit-linear-gradient(to right,#7832e1,#0c9df6);
    background-image:-ms-linear-gradient(to right,#7832e1,#0c9df6);
    background-image:-o-linear-gradient(to right,#7832e1,#0c9df6);
    background-image:linear-gradient(to right,#7832e1,#0c9df6);
   
}
.lod li:hover .icon-xiazai1{
    color: #7832e1;
}
.box-tan{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 9999999;
}
.box-tan .table-wrap{
    width: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
.box-tan .table-wrap i{
	cursor: pointer;
    color: #fff;
    float: right;
}
.box-tan .table-wrap h2{
    text-align: center;
    color: #fff;
}
.box-tan .table-wrap p{
    text-align: center;
    color: #fff;
}
.box-tan .table{
    margin-top: 10px;
    padding: 20px 10% 20px;
    background: #fff;
}
.box-tan .table > input{
    margin-bottom: 10px;
    padding: 10px 20px;
    border: none;
    display: block;
    width: 100%;
    border: 1px solid #d5d5d5;
}
.box-tan .table > textarea{
    margin-bottom: 10px;
    padding: 10px 20px;
    border: none;
    display: block;
    width: 100%;
    border: 1px solid #d5d5d5;
}
.box-tan .table div > input{
    margin-right: 10px;
    float: left;
    margin-bottom: 20px;
    padding: 10px 20px;
    border: none;
    display: block;
    width: 60%;
    border: 1px solid #d5d5d5;
}
.box-tan .table div > img{
    height: 41px;
    float: left;
    border: 1px solid #d5d5d5;
}
.box-tan .table > .button{
    margin-top: 0px;
}
@media only screen and (max-width: 1439px){
   
}
@media only screen and (max-width: 1279px){
    .list-wrap .rr {
        padding: 2.85% 3% 0;
    }
    .list-wrap .rr h2 {
        margin-bottom: 20px;
    }
    .list-wrap .rr > a {
        display: block;
        color: rgb(0, 0, 0);
        font-weight: bold;
        margin-top: 30px;
    }
    
}
@media only screen and (max-width:1024px) {
    .bottmborder {
    width: 100% !important;
}
    .topdiv-wrap .l {
        width: 100%;
    }
    .topdiv-wrap .r {
        width: 100%;
    }
    .r h2 {
        margin-bottom: 10px;
        margin-top: 10px;
        color: rgb(0, 0, 0);
        line-height: 1.2;
    }
    .swiperaaa {
        width: 100%;
    }
    .swipera {
       margin-left: 0px;
    }
    .swiperaaa .swiper-button-prev {
        left: 5px !important;
    }
    .swiperaaa .swiper-button-next {
        right: 5px !important;
    }
    .r h3 {
        margin-bottom:0;
    }
    .ly{
        padding: 20px;
    }
    

.ly span {
    padding: 13px 10px;
}
.topdiv-wrap {
    padding-bottom: 10px;
}
.buttonn {
    margin-top: 0px;
    margin-bottom: 0;
}

.img-one {
    margin-top:20px;
}
.box-tan .table-wrap {
    width: 70%;
}
.title {
    margin-top: 20px;
    margin-bottom: 15px;
    text-align: center;
}
.img-two h3 {
    margin-top: 15px;
    margin-bottom: 5px;
}
.img-two {
    padding-bottom: 20px;
}
.swi-tre .swiper-button-prev {
    left: 0px;
}
.swi-tre .swiper-button-next {
    right: 0px;
}
.lod {
    margin-bottom: 20px;
}
}


/* .box{
    border-bottom: 1px solid #000;
} */
.list-wrap{
    margin-bottom: 60px;
    position: relative;
    border: 1px solid #ededed;
}
.list-wrap .ll{
    /* float: left; */
    width: 45.9%;
}
.list-wrap:nth-child(odd) .ll{
    float: left;
}
.list-wrap:nth-child(even) .ll{
    float: right;
}
.list-wrap:nth-child(even) .bottmborder{
    left: 0;
}
.list-wrap .rr{
	position: relative;
     box-sizing:border-box;
     position:absolute;
     height:100%;
     padding: 3.85% 5% 0;
     width: calc(100% - 45.9%);
     float: right;
}
.list-wrap:nth-child(odd) .rr{
    right:0;
}
.list-wrap:nth-child(even) .rr{
    left:0;
}
@media only screen and (max-width:1345px){
	.list-wrap .rr {
	    position: relative;
	    box-sizing: border-box;
	    position: absolute;
	    height: 100%;
	    padding: 1.85% 2% 0;
	    width: calc(100% - 45.9%);
	    float: right;
	}
	.list-wrap .rr .tj {
	    margin-top: 5px;
	    color: #666666;
	}
}
@media only screen and (max-width:1259px){
	.list-wrap .rr {
		    position: relative;
		    box-sizing: border-box;
		    position: absolute;
		    height: 100%;
		    padding: 1% 1% 0;
		    width: calc(100% - 45.9%);
		    float: right;
		}
		.list-wrap .rr .tj {
		    margin-top: 5px;
		    color: #666666;
		}
		.list-wrap .rr > a {
		    display: block;
		    color: rgb(0, 0, 0);
		    font-weight: bold;
		    margin-top: 50px;
		    margin-top: 0px !important;
		    position: absolute;
		    bottom: 5px;
		}
}

.list-wrap .rr h2{
    margin-bottom: 10px;
}
.list-wrap .rr .cc{ height: 7.5em;}
.list-wrap .rr .tj{
    margin-top: 20px;
    color: #666666;
}
.list-wrap .rr .tj span{
    font-weight: bold;
    margin-left: 10px;
    color: #7733e1;
    display: inline-block;
}
.list-wrap .rr .tj span a{color: #7733e1;}
.list-wrap .rr > a {
    display: block;
    color: rgb(0, 0, 0);
    font-weight: bold;
    margin-top: 50px;
	margin-top: 0px !important;
	position: absolute;
	bottom: 40px;
  }
  .bottmborder{
      display: none;
      right: 0;
      bottom: -2px;
      position: absolute;
      width: calc(100% - 45.9%);
      height: 3px;
      background: #7832e1;
      background-image: linear-gradient(to right,#7832e1,#0c9df6);
  }
  .list-wrap:hover{
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%) ;
    -moz-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%) ;
  }
  .list-wrap:hover .bottmborder{
      display: block;
  }
  @media only screen and (max-width:1024px) {
    .list-wrap .ll {
        width: 100%;
    }
    .list-wrap .rr {
        width: 100%;
        padding-bottom: 3.85%;
    }
    .list-wrap .rr h2 {
        margin-bottom: 10px;
    }
    .list-wrap .rr a {
        margin-top: 10px;
    }
    .list-wrap .rr .tj {
        margin-top: 10px;
    }
    .list-wrap {
        margin-bottom: 30px;
    }
    .pub_4 .pub_tab li {
        width: 33.33%;
    }
  }
  .swipernava {
    padding: 0px 20px;
	    margin: 0px -50px;
}
.swipernav{
    width: 100%;
    display: flex;
}
.swipernav li{
    width: auto;
}
.swipernava .swiper-button-next.swiper-button-disabled, .swipernava  .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

@media only screen and (max-width: 1024px){
    .swipernav{
        width: 100% !important;
        display: flex  !important;
    }
    .pub_wrap .wrap{
        width: 100%;
    }
    .swipernava{
        padding: 0px 20px;
		   margin: 0px ;
    }
    
}
.img-box{
    margin-bottom: 5px;
    padding: 5.55%;
    box-sizing: border-box;
}
.img-box > div{
    box-sizing: border-box;
    float: left;
    width: 40.13%;
    background: rgb(255 255 255 / 70%);
    overflow: hidden;
}
.img-box:nth-child(even) > div{
    float: right;
}
.img-box > div > div{
    padding: 10.3%;
}
.img-box > img{
    display: none;
}
.img-box > div > div .heng{
    margin-top: 20px;
    margin-bottom: 30px;
    width: 10%;
    height: 3px;
    background: #000;
}
.img-box > div > div .edit_con_original{
    height: 130px;   
}
.box-botborder{
    border-bottom: 1px solid #000;
}
@media only screen and (max-width: 1279px){
    .img-box > div > div .heng{
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .img-box > div > div .edit_con_original{
        height: 110px;
    }
}
@media only screen and (max-width: 1024px){
    
    .img-box > img{
        display: block;
    }
    .img-box {
        background: none !important;
        padding: 0;
        height: auto !important;
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
        -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%) ;
        -moz-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%) ;
        margin-bottom: 30px;
    }

    .img-box > div {
        width: 100%;
        height: auto !important;
    }
    .img-box > div > div {
        padding: 3.3%;
    }
    .img-box > div > div .edit_con_original {
        height: auto;
    }
    .img-box > div > div .heng {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .box-tan .table {
        margin-top: 10px;
        padding: 29px 5% 30px;
        background: #fff;
    }
    .box-tan .table > textarea {
        margin-bottom: 10px;
        padding: 10px 10px;
        border: none;
        display: block;
        width: 100%;
        border: 1px solid #d5d5d5;
    }
    .box-tan .table > input {
        margin-bottom: 10px;
        padding: 10px 10px;
        border: none;
        display: block;
        width: 100%;
        border: 1px solid #d5d5d5;
    }
}
@media only screen and (max-width: 1450px){
    .list-wrap .rr h2 {
        margin-bottom: 10px;
    }
    .list-wrap .rr > a {bottom:20px;
        margin-top: 20px;
    }
}
@media only screen and (max-width:768px) {
    .button button {
        padding: 13px 30px;
        color: #fff;
        border: none;
        background: none;
        position: relative;
    }
}

@media only screen and (max-width:320px) {
    .box-tan .table {
        margin-top: 10px;
        padding: 29px 1% 30px;
        background: #fff;
    }
    .box-tan .table {
        margin-top: 7px;
        padding: 10px 1% 10px;
        background: #fff;
    }
    .img-box > i {
        opacity: .5;
        cursor: pointer;
        position: absolute;
        top: 21%;
        left: 50%;
        transform: translate(-50%,-50%);
        color: #fff;
        display: none;
    }
}
.img-box{
    position: relative;
}
.img-box::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 10%);
}
.img-box > i{
    opacity: .5;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    display: none;
}
/* 视频弹窗 */
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}


.video_appbox video{object-fit: cover;    width: 100%;}
.video_appbox .video_t{ 
 z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
     transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
visibility: hidden;opacity: 0;

}
.video_appbox.show .video_t{
visibility: visible;opacity:1;
top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}



@media only screen and (min-width:1025px) {
.footer .footertop .left .phone a:hover{color: rgb(51, 51, 51) !important;cursor: default;}
}
/*sel-box*/
.sel-box { text-align: left;  position: relative;}
.sel-box dt{height: 36px; line-height: 36px;cursor: pointer;position:relative; z-index:2; border-bottom:1px solid #000;}
.sel-box dt a { display:block;padding:0 10px; color: #999999; font-weight: normal;}
.sel-box .ico { position:absolute; right:15px; top:15px; z-index:1;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #000;}
.sel-box.open .ico{border-bottom:6px solid #000;border-top:none;}
.sel-box dd { display:none;position:absolute; border:1px solid #DFDFDF; border-top:0; background:#fff; max-height:186px; width: 100%!important; top:38px; left: 0!important; overflow: auto; z-index:111111;}
.sel-box.open dd{ display: block;}
.sel-box dd a { display:block; padding:5px 10px; color:#383838;}
/* .sel-box dd a.on { background:#000; color:#fff!important;} */

.check-box dt{overflow: hidden;}
.check-box dt>a{height: 36px;padding:0 40px 0 10px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:99%;}
/*.check-box.open dd i{ float: left; width: 18px; height: 18px; margin-right:10px; margin-top:2px; border:1px solid #DFDFDF; position: relative;}
.check-box.open dd a.on{background: none; color:#999999;}
.check-box.open dd a.on i{ border:1px solid #DC3A3B;}
.check-box.open dd a.on i:before{content: ""; position: absolute; left:4px; top:4px; width: 8px; height:8px;background:#DC3A3B;}*/
.check-box.open dd .label-checkbox{ width: 100%;}

.machine-part{margin:0 0 5%;}

.sele-wrap{padding:3% 4% 1%; margin-bottom:20px; background:#F4F4F4;}
.sele-wrap li{ float: left; width: 33%;margin-bottom: 20px;}
.sele-wrap li h3{margin-bottom: 10px; height: 22px;}
.sele-wrap li dl{width: 90%;}
.sele-wrap li button{width: 50%; height:36px; line-height:36px; text-align: center; color: #fff; border:none; background: #000;}
.sele-wrap li.os_last button{ margin-top: 32px;}
.sele-wrap li.js_last button{ margin-top: 0;}
.sele-wrap_a li.js_last{margin-top: 32px;}


.sear-wrap{ margin:0 0 30px; border-bottom:1px solid #DBDBDB;}
.sear-wrap p{ float: left; width: 30%;height: 36px; line-height: 36px; color: #666666;}
.sear-wrap .sear-box{ float: right; margin-bottom: 40px; width: 70%;height: 36px; line-height: 36px;border:1px solid #DFDFDF; background: #fff;}
.sear-wrap .sear-txt{ float: left; padding:0 10px; width:calc(100% - 50px);background:none; border:none;}
.sear-wrap .sear-sub{float: right; width: 40px; background:url(../images/dot_02_b.png) center center no-repeat; border:none;}
.sear-wrap .sear-box-tips{ width:100%; position: relative;margin-bottom:60px;}
.sear-wrap .sear-box-tips .tips{position: absolute; left:0; bottom:-50px;}
.sear-wrap .choose{ display: none; float: left; padding:0 4%; font-size: 14px; width: 30%;line-height: 36px; color: #999999;}
.sear-wrap .choose.on{display: block;}
.sear-wrap .choose dt{font-weight: normal; display: inline-block;}
.sear-wrap .choose dd{display: inline-block;margin-right: 7px;}
.sear-wrap .choose span{color: #666666; height:22px; line-height: 20px; padding:0 10px 0 10px; font-size: 12px; position: relative; border:1px solid #999999;}
.sear-wrap .choose span em{margin-left: 5px; color: #A1A1A1; cursor: pointer;}

.machine-list{margin:0 0 40px;}
.machine-list li{border-bottom: 1px solid #DBDBDB; padding:0 0 20px; margin-bottom: 25px;}
.machine-list li:last-child{margin-bottom:0;}
.machine-list li h3{color:#363636;margin-bottom: 10px;}
.machine-list li h3 a{color:#363636;}
.machine-list li p{color:#666666; position: relative;}
.machine-list li p a{color:#666666; display: block; padding-right: 100px;}
.machine-list li p span{position: absolute; font-family: arial; right:0; top:0; font-size: 14px; color:#B5B5B5;}
@media only screen and (max-width: 1023px) {
	.machine-list{margin:0 0 30px;}
	.machine-list li{padding:0 0 15px; margin-bottom:15px;}
    .sele-wrap li{width: 50%;}
    .sear-wrap .choose{width: 100%; margin-bottom: 20px;}
    .sear-wrap p{ width: 100%;}
	.sear-wrap .sear-box{width: 100%; margin-bottom: 20px;}
	.sele-wrap_a li.js_last{margin-top:0;}
	.list-wrap .rr {
	    position: relative;
	    box-sizing: border-box;
	    position: static;
	    height: 100%;
	    padding: 5% 5% 0;
	    width: 100%;
	    float: right;
	}
	.list-wrap .rr > a {
	    display: block;
	    color: rgb(0, 0, 0);
	    font-weight: bold;
	    margin-top: 50px;
	    margin-top: 20px !important;
	    position: static !important;
		    margin-bottom: 15px;
	    bottom: 5px;
		width: 100%;
	}
	.list-wrap .rr .tj {
	    margin-top: 10px;
	}
}
@media only screen and (max-width: 767px) {
    .sele-wrap li{width: 100%;}
	.sele-wrap li dl{width: 100%;}
	.sele-wrap li.os_last button{margin-top:0;}
    .img-box > i {
        opacity: .5;
        cursor: pointer;
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%,-50%);
        color: #fff;
        display: none;
    }
}
.comm-con{margin:0 0 5%;}
a.commbtn_view{ display: block; width: 140px; height: 40px; line-height: 40px; text-align: center; color: #fff!important; float: right; background:#DC3A3B;}
.conn_opt{margin:30px 0;}
.conn_opt dt{color:#DC3738; font-weight: normal; margin-bottom:5px;}
.conn_opt dd{ float: left;color:#DC3738;}
.conn_opt dd a{color:#DC3738;}
.conn_opt dd span{margin:0 6px; font-size: 14px;}

.video-part{margin:0 0 6%;}
.video-top{width: 100%; position: relative;}
.video-top video{ object-fit: fill;}
.video-top em{ width: 80px; height:80px; background: url(../images/dot_20.png) no-repeat; background-size: cover;}
.video-top video{width: 100%; height:100%;}

.video_tit{ position: relative; margin:30px 0 0; padding-bottom: 20px; border-bottom:4px solid #E6E6E6;}
.video-list ul{margin:40px -1% 20px;}
.video-list li{ float: left; width: 23%; margin:0 1% 1.5%;}
.video-list li .img{position: relative;}
.video-list li .img img{width: 100%;}
.video-list li .img em{width: 80px; height:80px; background: url(../images/dot_20.png) no-repeat;z-index: 2;background-size: cover;}
.video-list li h3{border:1px solid #E6E6E6; border-top:none; padding:20px 10px; text-align: center; color:#363636; line-height: 20px; display: block;max-width: 100%; }

/*模拟checkbox*/
.label-checkbox{ position:relative; display:inline-block; font-weight: normal; padding-left: 15px;}
.label-checkbox:before{content: ""; position: absolute;left:0; top:2px; width: 18px; height: 18px; border:1px solid #DFDFDF; }
.label-checkbox.on:before{border:1px solid #000;}
.label-checkbox.on:after{ content: ""; position: absolute; width: 10px; height: 10px; left:5px; top:7px; background: #000;}
.label-checkbox input { opacity:0; filter:alpha(opacity=0);}
.label-checkbox.on em{color:#000;}
/*模拟radio*/
.label-radio { position:relative; display:inline-block; font-weight: normal; padding-left: 15px; margin-right:5%; cursor: pointer;}
.label-radio:before{content: ""; position: absolute;left:0; top:4px; width: 18px; height: 18px; border-radius: 50%; border:1px solid #DFDFDF; }
.label-radio.on:before{border:1px solid #000;}
.label-radio.on:after{ content: ""; position: absolute; width: 10px; height: 10px; left:4px; top:8px;border-radius: 50%;  background: #000;}
.label-radio input { opacity:0; filter:alpha(opacity=0);}
@media only screen and (max-width:320px) {
   
    .img-box > i {
        opacity: .5;
        cursor: pointer;
        position: absolute;
        top: 21%;
        left: 50%;
        transform: translate(-50%,-50%);
        color: #fff;
        display: none;
    }
}
.maonav{
    border-bottom: 1px solid #000;
    text-align: center;
}
.maonav > ul{
    margin-bottom: -5px;
    display: inline-block;
    overflow: hidden;
}
.maonav > ul li{
    position: relative;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}
.maonav > ul li a{
    display: block;
    padding: 30px 20px 30px;
}
.maonav > ul .on::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 7px;
    bottom: 0;
    left: 0;
    background: #7733e1;
}
.maonav > ul .on a{
    font-weight: bold;
}
.maonav.on{
    position: fixed;
    top: 57px;
    width: 90%;
    background-color: #fff;
    z-index: 999999;
}
@media only screen and (max-width:768px) {
    .maonav > ul li {
        position: relative;
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        width: 25%;
    }
    .maonav > ul li a {
        display: block;
        padding: 15px 10px 15px;
    }
}
  @media only screen and (max-width:768px) {
  	
      .box-tan .table-wrap {
          width: 95%;
      }
      .lod li {
          width: 100%;
      }
  }






.topdiv-wrap .l .gallery-thumbs .swiper-slide{background-position: center center;}
.l .gallery-top .swiper-slide{height: 0 !important;padding-bottom: 100%;}

.topdiv-wrap .l .gallery-thumbs .swiper-slide{height: 95px !important;width:25%}

.l .swiper-button-next,.l .swiper-button-prev{display: none;}
.swiperaaa .swiper-button-next,.swiperaaa .swiper-button-prev{display: none;}
@media only screen and (max-width:1440px) {
.topdiv-wrap .l .gallery-thumbs .swiper-slide{height: 60px !important;}

}
@media only screen and (max-width:1024px) {
.topdiv-wrap .l .gallery-thumbs .swiper-slide{height: 90px !important;}

}
@media only screen and (max-width:767px) {
.topdiv-wrap .l .gallery-thumbs .swiper-slide{height: 50px !important;}
.img-box > div > div h2.fnt_24{ font-size: 16px;}
.swiperaaa .swiper-button-prev,.swiperaaa .swiper-button-next{background-size: 12px 18px;}
}



/*sitenav*/
.swipernav li span{width: 100%;line-height: 24px;
    transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}
@media only screen and (max-width:767px) {
.swipernav li span{line-height:18px;}
}