@media only screen and (min-width: 1400px){
.promote{margin-bottom: 20px; width: calc(46% - 12px);float: left;position: relative;overflow: hidden;}
}

@media screen and (max-width: 1410px){
.promote{margin-bottom: 20px; width: calc(48% - 12px);float: left;position: relative;overflow: hidden;}
}

.promote .probg,.promote .probg img{width: 100%;height: 100%;}
@media only screen and (min-width: 1400px){
.promote .txt01{font-size: 18px;color: #000;position: absolute;left: 0; top: 0;padding:40px;z-index: 2;}
}

@media screen and (max-width: 1410px){
.promote .txt01{font-size: 14px;color: #000;position: absolute;left: 0; top: 0;z-index: 2; padding-top: 20px; padding-left: 20px; padding-bottom: 20px; text-transform: capitalize;}
}

@media only screen and (min-width: 1400px){
.abcde{max-width:70%!important;}
}

@media screen and (max-width: 1410px){
.abcde{max-width:70%!important;}
}

.promote .pic{ width: 100%; text-align: center; position: absolute;bottom:0px; z-index: 2;  text-align: right; }

.promote:nth-child(2n) .pic{bottom:0;text-align: right;}
.promote:nth-child(2n){margin-left: 20px;}



@media  (max-width: 1399px) {


.pic280{width: 60%!important; right: 120px!important;top: 0px!important; }
.zizi280{left: 240px!important;top: 122px!important; padding-left: 0px!important; padding-right: 0px!important}

.zizi281{max-width: 100%!important;}
.zizi288{left: 182px!important;}

.pic281{width: 71%!important;
    right: 58px!important;
    top: 60px!important;}
.pic286{ right: 0px;width: 109%!important;top: 21px!important;}
.pic285{ top: 50px!important;}

.zizi282{max-width: 100%!important;}
.zizi310{max-width: 100%!important;}
.zizi311{max-width: 100%!important;}

.zizi289{left: 180px!important;}
.zizi306{left: 180px!important;}
.zizi307{left: 180px!important;}


.pic282{width: 95%!important;
    right: 17px!important;
    top: 40px!important;}
.pic288{top: 0px!important;right: 65px!important;}
.pic289{right: 118px!important;}
.pic307{right: 115px!important;top: 30px!important;}
.pic306{top: -8px!important;right: 115px!important;}
.pic283{width: 100%!important;
    right: 71px!important;
    top: 49px!important;}

}
@media (min-width: 1400px) and (max-width: 1439px) {


.pic280{width: 60%!important; right: 120px!important;top: 0px!important; }
.zizi280{left: 240px!important;top: 122px!important; padding-left: 0px!important; padding-right: 0px!important}

.zizi281{max-width: 100%!important;}
.zizi288{left: 182px!important;}

.pic281{width: 71%!important;
    right: 58px!important;
    top: 60px!important;}
.pic286{ right: 0px;width: 109%!important;top: 21px!important;}
.pic285{ top: 50px!important;}

.zizi282{max-width: 100%!important;}
.zizi310{max-width: 100%!important;}
.zizi311{max-width: 100%!important;}

.zizi289{left: 180px!important;}
.zizi306{left: 180px!important;}
.zizi307{left: 180px!important;}


.pic282{width: 95%!important;
    right: 17px!important;
    top: 40px!important;}
.pic288{top: 0px!important;right: 65px!important;}
.pic289{right: 118px!important;}
.pic307{right: 115px!important;top: 30px!important;}
.pic306{top: -8px!important;right: 115px!important;}
.pic283{width: 100%!important;
    right: 71px!important;
    top: 49px!important;}

}
@media (min-width: 1440px) and (max-width: 1919px)  {


.pic280{width: 60%!important; right: 120px!important;top: 0px!important; }
.zizi280{left: 240px!important;top: 122px!important; padding-left: 0px!important; padding-right: 0px!important}

.zizi281{max-width: 100%!important;}
.zizi288{left: 182px!important;}

.pic281{width: 71%!important;
    right: 58px!important;
    top: 60px!important;}
.pic286{ right: 0px;width: 109%!important;top: 21px!important;}
.pic285{ top: 50px!important;}

.zizi282{max-width: 100%!important;}
.zizi310{max-width: 100%!important;}
.zizi311{max-width: 100%!important;}

.zizi289{left: 180px!important;}
.zizi306{left: 180px!important;}
.zizi307{left: 180px!important;}


.pic282{width: 95%!important;
    right: 17px!important;
    top: 40px!important;}
.pic288{top: 0px!important;right: 65px!important;}
.pic289{right: 118px!important;}
.pic307{right: 115px!important;top: 30px!important;}
.pic306{top: -8px!important;right: 115px!important;}
.pic283{width: 100%!important;
    right: 71px!important;
    top: 49px!important;}

}

@media (min-width: 1920px) {


.pic280{width: 96%!important;
    right: -7px!important;
    top: -39px!important;}
.zizi280{left: 202px!important;
    top: 199px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;}

.zizi281{max-width: 100%!important;}
.zizi288{left: 200px!important;}

.pic281{width: 80%!important;right: 50px!important;top: 60px!important;}
.pic286{ right: 0px;width: 109%!important;top: 21px!important;}
.pic285{ top: 50px!important;}

.zizi282{max-width: 100%!important;}
.zizi310{max-width: 100%!important;}
.zizi311{max-width: 100%!important;}

.zizi289{left: 233px!important;}
.zizi306{left: 233px!important;}
.zizi307{left: 233px!important;}


.pic282{width: 95%!important;
    right: 17px!important;
    top: 40px!important;}
.pic288{top: 0px!important;right: 92px!important;}
.pic289{right: 156px!important;}
.pic307{right: 175px!important;top: 30px!important;}
.pic306{right: 151!important;top: -8px!important;right: 150px!important;}
.pic283{width: 90%!important;
    right: 15px!important;
    top: 87px!important;}

}



.abcd{max-width:100%!important;}
@media only screen and (min-width: 1400px){
.promote:nth-child(1) .txt01{max-width: 280px;}
.promote:nth-child(2) .txt01{max-width: 270px;}
.promote:nth-child(3) .txt01{max-width: 290px;}
.promote:nth-child(4) .txt01{max-width: 280px;}
}

@media screen and (max-width: 1410px){
.promote:nth-child(1) .txt01{max-width: 190px;}
.promote:nth-child(2) .txt01{max-width: 200px;}
.promote:nth-child(3) .txt01{max-width: 190px;}
.promote:nth-child(4) .txt01{max-width: 220px;}
}
.promote:before,
.promote:after{
    content: '';
    display: block;
    width: 200%;
    height: 100%;

	background-color: rgba(217,217,217,0.3);

    position: absolute;
    left: -200%;
    top: 0;
    -webkit-clip-path: polygon(50% 0,100% 0,50% 100%,0 100%);
    clip-path: polygon(50% 0,100% 0,50% 100%,0 100%);
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
.promote:before{left: -200%; margin-left:1px; background-color: rgba(255,255,255,0.3); }
.promote:hover:after{ left: 0;}
.promote:hover:before{ left: -100%;}



@media only screen and (max-width:1600px) {
/*#slider-171-slide-453-layer-7{font-size: 16px!important;}*/
}

@media only screen and (max-width:1200px) {
.shuanglpart01 li{font-size: 20px;}
.promote .txt01{font-size: 24px;}
}

@media only screen and (max-width:920px) {
.shuanglpart01,.shuanglpart02{padding:30px 0;}
.promote .txt01{font-size:18px;padding:30px;}
.option.active .tit{margin-right:0;font-size: 18px;}
.option.active .cover .warp{padding:30px;}
}

@media only screen and (max-width:768px) {
.shuanglpart01{padding:20px 0;}
.shuanglpart01 li{font-size: 16px;line-height: 20px;height: 90px;}
.shuanglpart01 li .inco{display: block;margin:0 auto;}
.promote {width: calc(100% - 2px);float: none;}
.promote:nth-child(2n){margin-left: 0;}
.option{width: 100%;margin-left: 0; float: none;margin-bottom: 10px;}
.option .pic, .option .pic img{width: 100%;}
.option:nth-child(4),.option:nth-child(2){margin-top:0px;}
.option .cover{position:relative;background: #fff; color: #333;}
.option .tit{margin-top: 0; font-size: 16px;line-height: 20px; position: relative;-webkit-line-clamp:2;height: auto;color: #333;}
.newsoptions{margin-left: 0;}
.option .date{display: block;font-size: 14px;color: #666;margin-top: 5px;}
.option .cover .warp{padding:20px;}
.option:nth-child(4) .cover{position: absolute;background: rgba(0, 0, 0, .3);}
.option:nth-child(4) .cover .inco{margin-top: 80px;}
.shuanglpart03{padding-bottom: 0;padding-top: 0;}
.shuanglpart02{padding:20px 0;}
.promote:nth-child(3) .txt01{max-width:100%;}
.promote .pic{bottom: 0;}
}



.a1{max-width: 70%!important;}
.a2{max-width: 85%!important;margin-top: 20px!important;;}
.a3{max-width: 100%!important;}
.a4{max-width: 92%!important;}

.b1{max-width: 70%!important;}
.b2{max-width: 70%!important;}
.b3{max-width: 70%!important;}
.b4{max-width: 70%!important;}

.c1{max-width: 60%!important;}
.c2{max-width: 50%!important;}
.c3{max-width: 60%!important; margin-right: 20px;}
.c4{max-width: 90%!important;
    margin-right: 30px;
    margin-top: 20px;}

.d1{max-width: 90%!important;}
.d2{max-width: 77%!important;    margin-top: 39px; margin-right: 20px;}
.d3{max-width: 74%!important;}
.d4{max-width: 70%!important;}

.e1{max-width: 86%!important;right:70px!important;}
.e2{max-width: 65%!important;}
.e3{width: 100%!important;}
.e4{max-width: 65%!important;}

.f1{max-width: 95%!important;}
.f2{max-width: 72%!important;}
.f3{max-width: 80%!important;}
.f4{max-width: 70%!important;}

.g1{max-width: 55%!important;}
.g2{max-width: 75%!important;}
.g3{max-width: 80%!important;  margin-right: -64px;margin-top: -10px;}
.g4{max-width: 70%!important;}

.h1{max-width: 70%!important;}
.h2{max-width: 70%!important;}
.h3{max-width: 77%!important;}
.h4{max-width: 76%!important;margin-top: 20px;}

.i1{max-width: 80%!important;}
.i2{max-width: 80%!important;}
.i3{max-width: 80%!important; margin-top: 30px;}
.i4{max-width: 80%!important;}