/* abtmain-ban-wp */
@media all{
    .abtmain-ban-wp{width:100%}
    .abtmain-ban-wp img{width:100%;}
}
@media all and (max-width:1024px){
    .abtmain-ban-wp{display: none;}  
}

/* abtmain-intro-wp */
@media all{
    .abtmain-intro-wp{width:100%}
    .abtmain-intro-wp .ctain{width: 1200px; margin:0 auto; padding:50px 0;}
    .abtmain-intro-wp .ctain .imgbox{float: right;width: 593px; height: 400px;}
    .abtmain-intro-wp .ctain .imgbox img{width: 100%; height: 100%;}
    .abtmain-intro-wp .ctain .txtbox{width:575px;}
    .abtmain-intro-wp .ctain .txtbox strong{font-size: 16px;height: 50px;line-height: 50px;}
    .abtmain-intro-wp .ctain .txtbox p{font-size: 16px; line-height: 28px;}
    .abtmain-intro-wp .ctain .txtbox .more{float: left; border-radius: 18px; padding: 5px 24px; font-size: 16px;  border: 1px solid #ccc;  color: var(--color2) ; transition: all .5s ease-in-out; margin-top: 10px;}
    .abtmain-intro-wp .ctain .txtbox .more a{color:var(--color2)}
    .abtmain-intro-wp .ctain .txtbox .more:hover{background: var(--color2); border:none;}
    .abtmain-intro-wp .ctain .txtbox .more:hover a{color:#fff;}
}
@media all and (max-width:1199px){
    .abtmain-intro-wp .ctain{width: 95%;}
    .abtmain-intro-wp .ctain .imgbox{float: right;width: 50%; height: auto;}
    .abtmain-intro-wp .ctain .imgbox img{width: 100%; height: 100%;}
    .abtmain-intro-wp .ctain .txtbox{width:48%;}
    .abtmain-intro-wp .ctain .txtbox h3{padding:10px 0;}
    .abtmain-intro-wp .ctain .txtbox p{line-height: 20px;}
}
@media all and (max-width:1024px){
    .abtmain-intro-wp .ctain{padding:20px 0;}
    .abtmain-intro-wp .ctain .imgbox{float: none;width: 100%;}
    .abtmain-intro-wp .ctain .txtbox{width:100%; margin:15px auto 0;}
    .abtmain-intro-wp .ctain .txtbox strong{height: 40px;line-height: 40px;}
    .abtmain-intro-wp .ctain .txtbox p{line-height: 24px;}
}

/* abtmain-list-wp */
@media all{
    .abtmain-list-wp{width:100%}
    .abtmain-list-wp .ctain{width: 1200px; margin:0 auto;padding-bottom: 50px;}
    .abtmain-list-wp .ctain ul li{ float:left;  position: relative;display: flex;width: 292.5px;height: 220px; margin:0 10px 10px 0;  justify-content: center; align-items: center; text-align: center;    top: 0; transition: 0.3s all;  -webkit-transition: 0.3s all;  overflow: hidden;}
    .abtmain-list-wp .ctain ul li:nth-child(4n){margin:0 0 10px 0}
    .abtmain-list-wp .ctain ul li:nth-child(1){background: #1dbaef;}
    .abtmain-list-wp .ctain ul li:nth-child(2){background: #e9d8a7;}
    .abtmain-list-wp .ctain ul li:nth-child(3){background: #f9812a;}
    .abtmain-list-wp .ctain ul li:nth-child(4){background: #beeddf;}
    .abtmain-list-wp .ctain ul li:nth-child(6){background: #fdc094;}
    .abtmain-list-wp .ctain ul li:nth-child(7){background: #b5c873;}
    .abtmain-list-wp .ctain ul li:nth-child(8){background: #0488dd;}
    .abtmain-list-wp .ctain ul li a{color:#fff;}
    .abtmain-list-wp .ctain ul li img{width: 100%; height: 100%;}
    .abtmain-list-wp .ctain ul li i{font-size: 48px;}
    .abtmain-list-wp .ctain ul li p{font-size: 30px;padding-top: 24px;}
    .abtmain-list-wp .ctain ul li:nth-child(2) a{color: #706423;}
    .abtmain-list-wp .ctain ul li:nth-child(6) a{color: #914606;}
    .abtmain-list-wp .ctain ul li:nth-child(7) a{color: #485b00;}
    .abtmain-list-wp .ctain ul li:hover{ top:-5px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);  }
}
@media all and (max-width:1199px){
    .abtmain-list-wp .ctain{width: 95%; margin:0 auto;}
    .abtmain-list-wp .ctain ul li{ width: 23.5%;margin:0 2% 20px 0;height: 220px; }
    .abtmain-list-wp .ctain ul li:nth-child(4n){margin:0 0 20px 0}
}
@media all and (max-width:1024px){
    .abtmain-list-wp .ctain{padding-bottom: 20px;}
    .abtmain-list-wp .ctain ul li{width: 48.5%;margin:0 3% 10px 0; height: 160px;}
    .abtmain-list-wp .ctain ul li:nth-child(2n){margin:0 0 10px 0}
    .abtmain-list-wp .ctain ul li:nth-child(4){display: none;}
    .abtmain-list-wp .ctain ul li:nth-child(5){display: none;}
    .abtmain-list-wp .ctain ul li:nth-child(7){margin:0 3% 10px 0}
    .abtmain-list-wp .ctain ul li i{font-size: 32px;}
    .abtmain-list-wp .ctain ul li p{font-size: 20px;padding-top: 16px;}
}

/* nav-m13-wp */
@media all{
    .nav-m13-wp{width: 100%; border-bottom: solid 1px #dedede;}
    .nav-m13-wp .ctain{width: 1200px; margin:0 auto;}
    .nav-m13-wp .ctain .menu{ padding: 20px 0; margin: 0;}
    .nav-m13-wp .ctain .menu .column{ display: none}
    .nav-m13-wp .ctain .menu ul{ text-align: center}
    .nav-m13-wp .ctain .menu ul li{ display: inline-block; font-size: 18px; line-height: 40px; min-width: 13.5%;}
    .nav-m13-wp .ctain .menu ul li a{ color: #666666;position: relative; display:inline-block; }
    .nav-m13-wp .ctain .menu ul li.active a{ color: var(--color2)}
    .nav-m13-wp .ctain .menu ul li a:after{ content: ''; position: absolute; left: 50%; display: block; width: 0%; height: 1px; bottom: -21px;  transition: 0.5s }
    .nav-m13-wp .ctain .menu ul li:hover a:after,
    .nav-m13-wp .ctain .menu ul li.active a:after{ left: 0; width: 100%;background: var(--color2)}
}
@media all and (max-width:1199px){
    .nav-m13-wp{min-width: auto;}
    .nav-m13-wp .ctain{width: 100%;}
    .nav-m13-wp .ctain .menu ul li{font-size: 16px;}
}
@media all and (max-width:1024px){
    .menu{ padding: 0}
    .nav-m13-wp .ctain .menu .column{ color: #fff; font-size: 16px; position: relative;display: block;cursor: pointer; padding: 8px 20px; margin: 0; border-radius: 100px;
background: rgb(0,117,193); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,117,193,1) 0%, rgba(25,200,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,117,193,1) 0%,rgba(25,200,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,117,193,1) 0%,rgba(25,200,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color2)', endColorstr='#19c8fa',GradientType=1 ); /* IE6-9 */
}
    .nav-m13-wp .ctain .menu .column .titl{color: #fff;}
    .nav-m13-wp .ctain .menu .column .rtbtn{width: 60%; float: right;}
    .nav-m13-wp .ctain .menu .column .rtbtn i{float:right;padding-top: 1px;transition: all 0.5s ease-in-out;}
    .nav-m13-wp .ctain .menu .column.on .rtbtn i{transform: rotate(-180deg); padding-bottom: 3px; transition: all 0.5s ease-in-out;} 
    /* .nav-m13-wp .ctain .menu .column .after{ content: ''; position: absolute; right: 4%; top: 12px; width: 10px; height: 10px; border-right: solid 2px #fff; border-bottom: solid 2px #fff; transform: rotate(45deg); transition: 0.5s}
    .nav-m13-wp .ctain .menu .column.on .after{transform: rotate(-135deg); top: 16px; } */
    .nav-m13-wp .ctain .menu ul{ z-index: 20; text-align: left; background: #fff; box-shadow: 0 6px 12px 0 #999; display: none; position: absolute; width:100%;}
    .nav-m13-wp .ctain .menu ul li{font-size: 14px; display: block; width: 100%; border-bottom: dotted 1px #ddd}
    .nav-m13-wp .ctain .menu ul li a{ padding: 0px 20px; display: block}
    .nav-m13-wp .ctain .menu ul li a:after{ display: none}
}

/* abtintro-main-wp */
@media all{
    .abtintro-main-wp .ctain{width: 1200px; margin: 0 auto;}
    .abtintro-main-wp .head {padding: 50px 0 30px 0;}
    .abtintro-main-wp .head .picBan img{width: 100%;}
    .abtintro-main-wp .head .textPic{ margin-top: 25px;}
    .abtintro-main-wp .head .textPic .left{float: left; width: 60%; line-height: 220%;}
    .abtintro-main-wp .head .textPic .left div{font-size: 16px; color: #696969; margin: 0 20px 20px;}
    .abtintro-main-wp .head .textPic .right{float: left; width: 37.5%; margin-left: 2.5%;}
    .abtintro-main-wp .head .textPic .right .picTop{ float: left; width: 100%;}
    .abtintro-main-wp .head .textPic .right .picTop img{ width: 100%;}
    .abtintro-main-wp .head .textPic .right .picTop .picText{ text-align: center; color: #666666;line-height: 250%;}
    .abtintro-main-wp .head .textPic .right .picBtm{ float: left; width: 100%;}
    .abtintro-main-wp .head .textPic .right .picBtm img{ width: 100%;} 
    .abtintro-main-wp .head .textPic .right .picBtm .picText{ text-align: center; color: #666666; line-height: 250%;}
}
@media all and (max-width:1199px){
    .abtintro-main-wp .ctain{width: 95%; margin: 0 auto;}
	.abtintro-main-wp .head {padding: 30px 0 10px 0;}
	.abtintro-main-wp .head .right {width: 408px;	margin-right: 0;	}
}
@media all and (max-width:1024px){
	.abtintro-main-wp .head {padding: 20px 0;	}
	.abtintro-main-wp .head .textPic{ margin-top: 15px;}
	.abtintro-main-wp .head .textPic .left{float: left; width: 100%; line-height: 200%;}
	.abtintro-main-wp .head .textPic .left div{margin: 0;}
	.abtintro-main-wp .head .textPic .right{float: left; width: 100%; margin: 20px 0 0 0;}
	.abtintro-main-wp .head .textPic .right .picTop{ float: left; width: 47.50%;}
	.abtintro-main-wp .head .textPic .right .picBtm{ float: left; width: 47.5%; margin-left: 5%;}
}
/* abtintro-timeline-wp */
@media all{
    .abtintro-timeline-wp{width:100%; min-width: 1200px; background: #eee;}
    .abtintro-timeline-wp .ctain-subtitle{text-align: center;}
    .abtintro-timeline-wp .ctain-subtitle h2{padding:50px 0 0; font-size: 30px;}

    #timeline{width: 1200px; margin:0 auto;position: relative; overflow: hidden;}
    #timeline::after {content: ""; position: absolute;width: 100%;height: 2px;left: 0px;top: 0px; bottom: 0px; margin: auto; background: #0099da;}
    #timeline ul li{cursor: pointer;   padding: 0 15px 0 15px; }
    #timeline ul li .content{position: relative;  display: flex; height: 600px; left: -20px; }
    #timeline ul li .left {position: relative; flex: 0 0 23px;  }
    #timeline ul li .left .cir {transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; position: absolute; width: 24px; height: 24px; border-radius: 50%;  left: 0px; top: 0px;  bottom: 0px; margin: auto;  vertical-align: middle; line-height: 100%; border: 2px solid #0097d9; background: #fff; z-index: 999; }
    #timeline ul li .left .cir .dit { transition: all 0.5s;  -webkit-transition: all 0.5s;   -moz-transition: all 0.5s;   -o-transition: all 0.5s;   z-index: 999;  width: 16px;  height: 16px;   display: block;  border-radius: 50%;  position: static;  margin: 4px auto;  background: #0097d9;  }
    #timeline ul li .left .line { position: absolute; display: block; width: 1px; height: 50px; background: #0097d9; left: 0px; right: 0px; margin: auto; top:250px;}
    #timeline ul li:nth-child(even) .left .line { top: 300px; }
    #timeline ul li:hover .left .cir, #timeline ul li.swiper-slide-active .left .cir{width: 30px;  height: 30px;  left: -4px; top: -4px;  bottom: -4px; border: 2px solid var(--color2) } /**hover与active事件*/
    #timeline ul li:hover .left .cir .dit,#timeline ul li.swiper-slide-active .left .cir .dit { margin: 7px auto;background: var(--color2); }  
    #timeline ul li:hover .left .line, #timeline ul li.swiper-slide-active .left .line{background: var(--color2);}

    #timeline ul li .right { position: absolute; width: 300px;  height: 100%;  left:-132px;}
    #timeline ul li .right .info {position:relative; padding: 5px 0 10px 0; text-align: center; }
    #timeline ul li:nth-child(even) .right .info { padding: 370px 0 10px 0; }
    #timeline ul li .right .info .time { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; font-size: 26px; color: #0097d9; font-family: "BEBAS"; margin: 0 0 12px;  width: 300px; text-align: center; }
    #timeline ul li .right .info .summary {transition: all 0.5s;  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s; -o-transition: all 0.5s;   font-size: 15px; line-height: 1.5;  width: 300px; text-align: center;}
     #timeline ul li:hover .right .info .time, #timeline ul li.swiper-slide-active .right .info .time{ -webkit-transform: translate(0%, -50%) ;   -ms-transform: translate(0%, -50%) ;  transform: translate(0%, -50%) ; color:var(--color2) }
    #timeline ul li:hover .right .info .summary,  #timeline ul li.swiper-slide-active .right .info .summary{ -webkit-transform: translate(0%, -15%) ;   -ms-transform: translate(0%, -15%) ;  transform: translate(0%, -15%) ; color:var(--color2) }
    #timeline ul li:nth-child(odd) .right .info .time{position: absolute; top:200px;}    /* 注意time和summary的宽度 */
    #timeline ul li:nth-child(odd) .right .info .summary{position: absolute; bottom:-160px;}

    .swiper-slide { text-align: center;  font-size: 18px;  background: none;
        /* Center slide text vertically */
        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: center;  -webkit-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center;}
    .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover; }
    /* :root { --swiper-theme-color: #dd761e; } */
    #timeline .swiper-button-next, #timeline .swiper-button-prev{background-color: #666;height: 40px; width: 40px; border-radius: 50%;  color:#fff; }
    #timeline .swiper-button-next::after, #timeline .swiper-button-prev::after{font-size: 20px;}
    #timeline .swiper-button-next:hover, #timeline .swiper-button-prev:hover{box-shadow: 0 0 6px 4px #ccc;}

}
@media all and (max-width:1199px){
    .abtintro-timeline-wp{min-width: auto;}
    #timeline{width: 100%; }
    #timeline ul li .right {width: 210px; left:-88px;}
    #timeline ul li .right .info .time {width: 210px; }
    #timeline ul li .right .info .summary {width: 210px;}
}
@media all and (max-width:1024px){
    .abtintro-timeline-wp .ctain-subtitle h2{padding:30px 0 0; font-size: 20px;}
    /* 移动端只显示1项，居中 */
    #timeline{background: #eee;}
    #timeline::after {top: 120px;}
    #timeline ul li{padding: 0; }
    #timeline ul li .content{height: 430px; left: 50%; width: 100%;}
    #timeline ul li .left {flex: 0 0 0;  }
    #timeline ul li .left .cir{left: -14px; top: 120px} 
    #timeline ul li .left .line {top:220px;}
    #timeline ul li:nth-child(even) .left .line { top: 220px; }
    #timeline ul li:hover .left .cir, #timeline ul li.swiper-slide-active .left .cir{left: -14px; top: 120px;  bottom: -4px;} 
    #timeline ul li .right {width: 80%; left:-40%;}
    #timeline ul li .right .info {padding: 40px 0 10px 0;}
    #timeline ul li .right .info .time {width: 100%; font-size: 20px;}
    #timeline ul li .right .info .summary {width: 100%; font-size: 14px;}
    #timeline ul li:nth-child(even) .right .info { padding: 40px 0 10px 0;}
    #timeline ul li:nth-child(odd) .right .info .time{position: unset; top:unset;}    /* 注意time和summary的宽度 */
    #timeline ul li:nth-child(odd) .right .info .summary{position: unset; bottom:unset;}
    #timeline .swiper-button-next, #timeline .swiper-button-prev{top:80%; }
    #timeline .swiper-button-next{right: 25%;} 
    #timeline .swiper-button-prev{left: 25%;}
}
/* abtintro-ban-wp */
@media all{
    .abtintro-ban-wp{width:100%}
    .abtintro-ban-wp .ctain{width:1200px; margin:0 auto; padding:50px 0;}
    .abtintro-ban-wp .ctain .subtitl{margin:20px 0 80px 0;text-align: center;}
    .abtintro-ban-wp .ctain .subtitl h2{font-size: 30px;}
    .abtintro-ban-wp .ctain .subtitl p{font-size: 15px; color: #aaa; padding-top: 10px;}
    .abtintro-ban-wp .ctain img{width: 100%;}
}
@media all and (max-width:1199px){
    .abtintro-ban-wp .ctain{width:100%;}
}
@media all and (max-width:1024px){
    .abtintro-ban-wp .ctain{ padding:30px 0;}
    .abtintro-ban-wp .ctain .subtitl{margin:0 0 35px 0;}
    .abtintro-ban-wp .ctain .subtitl h2{font-size: 20px;}
    .abtintro-ban-wp .ctain .subtitl p{font-size: 14px; padding-top:5px;}
}


/* abtculture-wp */
@media all{
    .abtculture-wp *{box-sizing: border-box;}
    .abtculture-wp .ctain{width:1200px; margin:0 auto; padding:50px 0;} 
    .abtculture-wp .ctain img{border:none;max-width: 100%;vertical-align: middle;}
    .mod-culture dt{ display: inline-block; width: 53%;}
    .mod-culture dd{ font-size: 16px; line-height: 32px; position: relative;}
    .mod-culture dd *{ margin: 0;}
    .mod-culture dd h2{ font-size: 26px; color: var(--color2); padding-bottom: 10px;}
}
@media  (max-width: 1199px){
    .abtculture-wp .ctain{width: 100%; padding:30px 2.5%;}
}
@media  (max-width: 1024px){
    .abtculture-wp .ctain{padding:20px 2.5%;}
}
@media  (min-width: 769px){
	.mod-culture dd{ float: left;}
	.mod-culture .dd2,.mod-culture .dd4{ float: right; text-align: left;}
	.mod-culture .dd1{width: 30%;margin-right: -6%;padding-top: 7%;text-align: right;}
	.mod-culture .dd2{width: 27%;margin-left: -19%;padding-top: 7%;}
	.mod-culture .dd3{width: 25%;margin-top: -17%;text-align: right;}
	.mod-culture .dd4{width: 25%;margin-top: -17%;}
	.mod-culture .dd5{width: 50%; left:25%; clear: both; text-align: center; margin-top: 3%;}
}
@media  (max-width: 768px){
	.mod-culture dt{ display: block; text-align: center; margin-bottom: 5%; width: 100%;}
	.mod-culture dd{ margin-bottom: 4%; font-size: 14px; line-height: 26px;}
	.mod-culture dd h2{ font-size: 18px;padding-bottom: 5px;}
}

/* abtsocial-wp */
@media all {
    .abtsocial-wp *{box-sizing: border-box;}
	.abtsocial-wp{width:100%;min-width: 1200px; padding:50px 0 30px;}
	.abtsocial-wp .socialbanner-ctain{width:1200px; margin:0 auto;}
	.abtsocial-wp .socialbanner-ctain img{width: 100%; padding-bottom: 55px; display: block;}
	.abtsocial-wp .ctain{width:100%; margin:0 auto;}
	.abtsocial-wp .ctain .ultag .litag{width: 100%;}
	.abtsocial-wp .ctain .ultag .litag:nth-child(odd){background:#eee;}
	.abtsocial-wp .ctain .ultag .litag:nth-child(even){background: var(--cf);}
	.abtsocial-wp .ctain .ultag .litag:nth-child(odd) .libox .imgbox{float: right;}
	.abtsocial-wp .ctain .ultag .litag .libox{width: 1200px; margin:0 auto; padding:20px 0;}
	.abtsocial-wp .ctain .ultag .litag .libox .txtbox{float: left; width: 50%; height:400px; padding:0 100px; display: flex; display: -webkit-flex; flex-direction:  column; justify-content: center; align-items: center; }
	.abtsocial-wp .ctain .ultag .litag .libox .imgbox{float: left; width: 50%; height: 400px; display: flex; display: -webkit-flex; flex-direction:  column; justify-content: center; align-items: center; overflow: hidden;}
	.abtsocial-wp .ctain .ultag .litag .libox .imgbox img{transition: all 0.5s ease-in-out;width: auto; max-width: 100%; max-height: 400px;}
	.abtsocial-wp .ctain .ultag .litag:hover .libox .imgbox img{transform: scale(1.05);}
	.abtsocial-wp .ctain .ultag .litag .libox .txtbox h2{font-size: 24px; }
	.abtsocial-wp .ctain .ultag .litag .libox .txtbox .text{margin: 15px 0; font-size: 18px;}
	.abtsocial-wp .ctain .ultag .litag .libox .txtbox .artlink{width: 100%; margin-top: 50px;font-size: 16px;}
    .abtsocial-wp .ctain .ultag .litag .libox .txtbox .artlink p{font-weight: bold;color:var(--color2);padding-bottom: 5px; }
    .abtsocial-wp .ctain .ultag .litag:hover .libox .txtbox .artlink p{font-size: 15px;padding-left: 5px; transition: all 0.5s ease-in-out;}
    .abtsocial-wp .ctain .ultag .litag .libox .txtbox .artlink ul li{padding:5px 0 0 0;}
    .abtsocial-wp .ctain .ultag .litag .libox .txtbox .artlink ul li span{padding-right: 5px;}
    .abtsocial-wp .ctain .ultag .litag .libox .txtbox .artlink ul li:hover{color: var(--color2);}
    .abtsocial-wp .ctain .ultag .litag .libox .txtbox .artlink ul li:hover a{text-decoration: underline; color: var(--color2);}

}
@media all and (max-width:1199px){
	.abtsocial-wp{width:100%;min-width: auto; padding:30px 0;}
    .abtsocial-wp .socialbanner-ctain{width:100%;padding:0 20px;}
    .abtsocial-wp .socialbanner-ctain img{ padding-bottom:30px;}
	.abtsocial-wp .ctain .ultag .litag .libox{width: 100%; margin:0 auto; padding:20px 20px;}
	.abtsocial-wp .ctain .ultag .litag .libox .txtbox{height: 300px;padding:0 50px; }
    .abtsocial-wp .ctain .ultag .litag .libox .txtbox .artlink{margin-top: 20px;}
	.abtsocial-wp .ctain .ultag .litag .libox .imgbox{height: 300px; }
	.abtsocial-wp .ctain .ultag .litag .libox .imgbox img{width: auto; max-width: 100%;max-height: 300px;}
}
@media all and (max-width:1024px){
    .abtsocial-wp{ padding:20px 0;}
    .abtsocial-wp .socialbanner-ctain{padding:0 2.5%;}
    .abtsocial-wp .socialbanner-ctain img{ padding-bottom:20px;}
	.abtsocial-wp .ctain .ultag .litag{padding:0 2.5%;}
    .abtsocial-wp .ctain .ultag .litag .libox{width: 100%; margin:0 auto; padding:20px 0;}
	.abtsocial-wp .ctain .ultag .litag .libox .txtbox{float: left; width: 100%; height:auto; padding:15px 0 5px 0; }
	.abtsocial-wp .ctain .ultag .litag .libox .imgbox{float: left; width: 100%; height: auto;}
	.abtsocial-wp .ctain .ultag .litag .libox .imgbox img{width: auto; max-width: 100%;max-height: 100%;}
	.abtsocial-wp .ctain .ultag .litag .libox .txtbox h2{font-size: 18px; }
	.abtsocial-wp .ctain .ultag .litag .libox .txtbox .text{margin: 10px 0; font-size: 15px;}
    .abtsocial-wp .ctain .ultag .litag .libox .txtbox .artlink{margin-top: 10px;}
}

/* abthonor-wp */
@media all{
    .abthonor-wp *{box-sizing: border-box;}
    .abthonor-wp{width:100%;min-width: 1200px; padding:50px 0;}
    .abthonor-wp .ctain{width:1200px; margin:0 auto;}
    .abthonor-wp .ctain ul li{float:left; width:25%;display: flex;align-items: center; justify-content: center;margin-bottom: 30px;}
    .abthonor-wp .ctain ul li .imgdiv{ width: 90%;height: 300px; border:1px solid #eee;text-align: center; padding:15px 30px; transition: all 0.5s ease-in-out;display: flex; flex-direction: column;align-items: center;justify-content: center;}
    .abthonor-wp .ctain ul li .imgdiv img{transition: all 0.5s ease-in-out;width:100%;max-height: 210px;}
    .abthonor-wp .ctain ul li .imgdiv .titl{ margin-top: 10px;}
    .abthonor-wp .ctain ul li:hover .imgdiv{background: var(--color2); box-shadow: 0 0 20px 3px #bbb;}
    .abthonor-wp .ctain ul li:hover .imgdiv img{transform: scale(1.05);}
    .abthonor-wp .ctain ul li:hover .imgdiv .titl{color: #fff;}
}
@media all and (max-width:1199px){
	.abthonor-wp{min-width: auto;padding:30px 0;}
    .abthonor-wp .ctain{width:100%;}
}
@media all and (max-width:1024px){
	.abthonor-wp{padding:20px 0;}
    .abthonor-wp .ctain ul li{width: 50%;margin-bottom: 20px;}
    .abthonor-wp .ctain ul li .imgdiv{padding:15px 10px; height: 210px;}
    .abthonor-wp .ctain ul li .imgdiv img{width: 100%;max-height: 120px;}
    .abthonor-wp .ctain ul li .imgdiv .titl{margin-top: 15px;}
}

/* abtfactory-wp */
@media all{
    .abtfactory-wp *{box-sizing: border-box;}
    .abtfactory-wp {width: 100%;padding:50px 0 10px;}
    .abtfactory-wp .ctain{width: 1200px; margin:0 auto;}
    .abtfactory-wp .ctain .navbox{display: flex;}
    .abtfactory-wp .ctain .navbox ul{margin: 0 auto 50px;}
    .abtfactory-wp .ctain .navbox ul li{float:left; width: 140px; text-align: center; margin-right: 10px;  padding:15px 0; border-radius: 5px; transition: .3s;border:1px solid #ffbf86} 
    .abtfactory-wp .ctain .navbox ul li:hover,.abtfactory-wp .ctain .navbox ul li.current{background-color: #dd761e; transition: all 0.5s ease-in-out;}
    .abtfactory-wp .ctain .navbox ul li:hover h3,.abtfactory-wp .ctain .navbox ul li.current h3{color:#fff;}

    .abtfactory-wp .ctain .listbox .imglist:nth-child(n+2){display: none;}
    .abtfactory-wp .ctain .listbox .imglist li{float:left; width:30% ; margin:0 5% 0 0; margin-bottom: 50px; /*box-shadow: 0 2px 4px 0 #ccc;*/}
    .abtfactory-wp .ctain .listbox .imglist li:nth-child(3n){margin-right: 0;}
    .abtfactory-wp .ctain .listbox .imglist .prodli{transition: .3s all; -webkit-transition: 0.3s all;}
    .abtfactory-wp .ctain .listbox .imglist .prodli:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);  transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
    .abtfactory-wp .ctain .listbox .imglist .prodli .prodpic{overflow: hidden; height: 210px; border:1px solid #ccc; } 
    .abtfactory-wp .ctain .listbox .imglist .prodli .prodpic img{width:100%; height: 210px;transition: all 0.5s ease-in-out;}
    .abtfactory-wp .ctain .listbox .imglist .prodli .prodtitl{display: flex;  display: -webkit-flex; align-items: center; justify-content: center; text-align: center;  height: 60px; padding: 0 20px; border:1px solid #ccc; border-top:none; transition:  1s;}
    .abtfactory-wp .ctain .listbox .imglist .prodli:hover .prodtitl{background: var(--color2);}
    .abtfactory-wp .ctain .listbox .imglist li:hover  img{width:100%; transform: scale(1.05);}
    .abtfactory-wp .ctain .listbox .imglist li:hover  h4{color: #fff;}

}
@media all and (max-width:1199px){
    .abtfactory-wp {padding:30px 0 10px;}
    .abtfactory-wp .ctain{width: 100%;}
    .abtfactory-wp .ctain .navbox {padding:0 2%; }
    .abtfactory-wp .ctain .navbox ul{width:100%; margin:0 auto 30px;}
    .abtfactory-wp .ctain .navbox ul li{margin:0 1% 5px;  width: 23%; padding:8px 0;}
    .abtfactory-wp .ctain .navbox ul li h3 {font-size: 14px; font-weight: normal;}
    .abtfactory-wp .ctain .listbox{padding:0 2.5%;}
    .abtfactory-wp .ctain .listbox .imglist .prodli .prodpic{height: auto;}
    .abtfactory-wp .ctain .listbox .imglist .prodli .prodpic img{height: auto; margin-bottom: -7px;}
    .abtfactory-wp .ctain .listbox .imglist .prodli .prodtitl{padding:0 5px;}
}
@media all and (max-width:1024px){
    .abtfactory-wp {padding:20px 0 10px;}
    .abtfactory-wp .ctain .navbox ul{width:100%; margin:0 auto 20px;}
    .abtfactory-wp .ctain .listbox .imglist li{width: 48%; margin: 0 4% 0 0; margin-bottom:20px;}
    .abtfactory-wp .ctain .listbox .imglist li:nth-child(odd){margin-right: 4%;}
    .abtfactory-wp .ctain .listbox .imglist li:nth-child(even){margin-right:0;}
    .abtfactory-wp .ctain .listbox .imglist li:last-child{display: none;}
}


/* abttech-shili-wp */
@media all{
    .abttech-shili-wp *{box-sizing: border-box;}
    .abttech-shili-wp{width: 100%;}
    .abttech-shili-wp .ctain{width: 1200px; margin: 0 auto;}
    .abttech-shili-wp .ctain .titlbox{text-align: center; padding:50px 0;}
    .abttech-shili-wp .ctain .titlbox h2{font-size: 30px;}
    .mod-om23 ul{float: left;width: 49%; margin:0 2% 40px 0;}
	.mod-om23 ul.m2{margin:0 0 24px 0;}
	.mod-om23 ul li{border:1px solid #ccc; border-radius: 5px; padding:40px; margin:0 0 24px 0; cursor: pointer;}
	.mod-om23 ul li .imgbox{width: 50%; margin:0 5% 0 0; float: left; border-radius: 5px; overflow: hidden;}
	.mod-om23 ul li .imgbox img{display: block;width: 100%; transition: all 0.5s ease-in-out;}
	.mod-om23 ul li .txtbox{width: 45%; float: left; }
	.mod-om23 ul li .txtbox h3{font-size: 20px; color: #dd761e;transition: all 0.5s ease-in-out;}
	.mod-om23 ul li .txtbox .txt{padding-top: 20px;font-size: 16px;transition: all 0.5s ease-in-out;}
	.mod-om23 ul li:last-child .imgbox{float: right; margin:0 0 0 5%;}
	.mod-om23 ul li:last-child .txtbox{float: right; text-align: right;}
	.mod-om23 ul li:hover .imgbox img{transform: scale(1.15);}
    .mod-om23 ul li:hover .txtbox h3{color: #fff;transition: all 0.5s ease-in-out;}
	.mod-om23 ul li:hover .txtbox .txt{color: #fff;transition: all 0.5s ease-in-out;}
	.mod-om23 ul li:hover{background: var(--color2); box-shadow: 0 0 10px 0 #999; transition: all 0.5s ease-in-out;}
}
@media all and (max-width:1199px){
    .abttech-shili-wp .ctain{width: 100%; padding:0 2.5%;}
    .abttech-shili-wp .ctain .titlbox{padding:30px 0;}
}
@media all and (max-width:1024px){
    .abttech-shili-wp .ctain .titlbox{padding:20px 0;}
    .abttech-shili-wp .ctain .titlbox h2{font-size: 20px;}
    .mod-om23 ul{width: 100%; margin:0;}
	.mod-om23 ul li{margin:0 0 10px 0; padding:20px;}
	.mod-om23 ul li .txtbox h3{font-size: 16px;}
	.mod-om23 ul li .txtbox .txt{padding-top: 5px;}

}

/* abttech-chengguo-wp */
@media all{
    .abttech-chengguo-wp *{box-sizing: border-box;}
    .abttech-chengguo-wp{width: 100%; background: url(../../zstyle/img/abtimg/tech/bg.jpg) no-repeat center;background-size: 100% 100%; padding:60px 0;}
    .abttech-chengguo-wp .ctain{width: 1200px; margin: 0 auto;}
    .abttech-chengguo-wp .ctain .titlbox{text-align: center; padding:0 0 50px 0;}
    .abttech-chengguo-wp .ctain .titlbox h2{font-size: 30px; color: #fff;}
    .abttech-chengguo-wp .ctain .abt-list li{position: relative;float:left;border:1px solid rgba(212, 212, 212, 0.5); height: 400px; width: 33.33%; padding:0 25px; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; cursor: pointer;}
    .abttech-chengguo-wp .ctain .abt-list li:nth-child(n+2){border-left: none;}
    .abttech-chengguo-wp .ctain .abt-list li .name{font-size: 24px; font-weight: bold;}
    .abttech-chengguo-wp .ctain .abt-list li .name i{display: block; font-size: 50px; margin:0 0 80px 0; color:var(--color2)}
    .abttech-chengguo-wp .ctain .abt-list li .content{display: none; padding:20px 20px;}
    .abttech-chengguo-wp .ctain .abt-list li .content .title{font-size: 24px; font-weight: bold;}
    .abttech-chengguo-wp .ctain .abt-list li .content .text{margin-top: 15px;}
    /* 背景通过height、opacitye做过渡效果 */
    .abttech-chengguo-wp .ctain .abt-list li .bg{position: absolute; width: 100%; height:0;  transition: all 0.5s ease-in-out; background:#bbb;opacity:1; }
    .abttech-chengguo-wp .ctain .abt-list li:hover .bg{height: 100%;opacity: 0.3; }
    
}
@media all and (max-width:1199px){
    .abttech-chengguo-wp{min-width: 100%;}
    .abttech-chengguo-wp .ctain{width: 100%;padding:0 2.5%; }
}
@media all and (max-width:1024px){
    .abttech-chengguo-wp{padding:50px 0;background-size:auto 100%;}
    .abttech-chengguo-wp .ctain .titlbox{padding:0 0 30px 0;}
    .abttech-chengguo-wp .ctain .titlbox h2{font-size: 20px;}
    .abttech-chengguo-wp .ctain ul li{width: 50%; height: 100px;}
    .abttech-chengguo-wp .ctain .abt-list li{width: 100%; height: auto;padding:30px 20px}
    .abttech-chengguo-wp .ctain .abt-list li:nth-child(n+2){border-left: 1px solid rgba(212, 212, 212, 0.5); border-top:none;}
    .abttech-chengguo-wp .ctain .abt-list li .name{font-size: 16px;}
    .abttech-chengguo-wp .ctain .abt-list li .name i{display: unset; font-size: 26px; margin:0 50px 0 0;}
    .abttech-chengguo-wp .ctain .abt-list li .content .title{font-size: 16px;}
    .abttech-chengguo-wp .ctain .abt-list li .content .text{margin-top: 15px;}
}

/* abttech-chanpin-wp */
@media all{
    .abttech-chanpin-wp *{box-sizing: border-box;}
    .abttech-chanpin-wp{width: 100%;}
    .abttech-chanpin-wp .ctain{width: 1200px; margin: 0 auto;}
    .abttech-chanpin-wp .ctain .titlbox{text-align: center;padding:50px 0;}
    .abttech-chanpin-wp .ctain .titlbox h2{font-size: 30px;}
    .abttech-chanpin-wp .ctain .ulbox .libox{float:left;display: flex;justify-content: center; text-align: center; width:31%; margin-right:3.5%;margin-bottom: 48px; text-align: center; border:1px solid #f5c69d;padding:50px 0 25px 0;}
    .abttech-chanpin-wp .ctain .ulbox .libox:nth-child(3n){margin-right: 0;}

    .abttech-chanpin-wp .ctain .ulbox .libox>a{display: block; width: 80%;}
    .abttech-chanpin-wp .ctain .ulbox .libox .imgbox{width: 100%; height: auto; overflow: hidden; position: relative;}
    .abttech-chanpin-wp .ctain .ulbox .libox .imgbox img{width: 100%; height: 100%; transition: all 0.5s ease-in-out;}
    .abttech-chanpin-wp .ctain .ulbox .libox:hover .imgbox img{transform: scale(1.1);}
    .abttech-chanpin-wp .ctain .ulbox .libox .imgbox i{display: block; position: absolute; z-index: 3 ;width: 100%; height: 100%; transition: all 0.5s ease-in-out; top:180px;}


    .abttech-chanpin-wp .ctain .ulbox .libox .textbox{padding:15px 10px;}
    .abttech-chanpin-wp .ctain .ulbox .libox .textbox .flexbox{display: flex;justify-content: center;align-items: center;text-align: center; height: 80px;padding:0 5px;}
    .abttech-chanpin-wp .ctain .ulbox .libox .textbox strong{display:block; font-weight: bold; font-size: 16px; }
    .abttech-chanpin-wp .ctain .ulbox .libox .textbox .despt{display: none;}
    .abttech-chanpin-wp .ctain .ulbox .libox .textbox span{display: inline-block; padding:5px 40px;  border-radius: 20px;  border:1px solid #f1f1f1; margin:20px auto 10px;}
    /* .abttech-chanpin-wp .ctain .ulbox .libox:hover .imgbox i{background: var(--color2); opacity: 0.3;;top:0;} */
    .abttech-chanpin-wp .ctain .ulbox .libox:hover{box-shadow: 0px 0px 15px 0px #999;background: var(--color2);transition: all 0.5s ease-in-out;}
    .abttech-chanpin-wp .ctain .ulbox .libox:hover .textbox strong{color: #fff; transition:all 0.5s ease-in-out;}
    .abttech-chanpin-wp .ctain .ulbox .libox:hover .textbox span{color:#fff; background:var(--color2); transition:all 0.5s ease-in-out;}

}
@media all and (max-width:1199px){
    .abttech-chanpin-wp .ctain{width: 100%; padding:0 2.5% 10px;}

}
@media all and (max-width:1024px){
    .abttech-chanpin-wp .ctain .titlbox{padding:30px 0;}
    .abttech-chanpin-wp .ctain .titlbox h2{font-size: 20px;}
    .abttech-chanpin-wp .ctain .ulbox .libox{width: 48%; margin-right: 4%; margin-bottom:15px;padding:0 0 15px 0;}
    .abttech-chanpin-wp .ctain .ulbox .libox:nth-child(3n){margin-right:4%;}
    .abttech-chanpin-wp .ctain .ulbox .libox:nth-child(2n){margin-right: 0;}
    .abttech-chanpin-wp .ctain .ulbox .libox>a{ width: 100%;}
    .abttech-chanpin-wp .ctain .ulbox .libox .imgbox{width: 100%; height: auto;}
    .abttech-chanpin-wp .ctain .ulbox .libox .textbox{padding:0;}
    .abttech-chanpin-wp .ctain .ulbox .libox .textbox .flexbox{height: 50px;}
    .abttech-chanpin-wp .ctain .ulbox .libox .textbox strong{font-size: 14px;}
    .abttech-chanpin-wp .ctain .ulbox .libox .textbox span{margin:10px auto; padding:3px 15px;}

}