.rubber_warp .module{color: #101010;font-size: 16px;line-height: 2;}

.rubber_warp .module .layout>.title{font-size: 45px;color: #101010;text-align: center;}

.rubber_warp .module1 .warp{display: flex;justify-content: space-between;margin-top: 3%;}

.rubber_warp .module1 .warp .left{display: flex;flex-direction: column;justify-content: start;align-items: start;width: 49%;}

.rubber_warp .module1 .warp .left .title{font-size: 40px;margin: 2% 0;line-height: 1.5;}

.rubber_warp .module1 .warp .left .img_warp{padding-bottom: 32%;}

.rubber_warp .module1 .warp .img_warp{padding-bottom: 33%;width: 49%;}

.rubber_warp .module1 .layout>.desc{margin-top: 2%;}

.rubber_warp .module1 .layout>.desc p{margin-bottom: 1%;}

.rubber_warp .module1 .layout .h2_title{text-align: left;font-size: 40px;}

.rubber_warp .module1 .warp2{flex-direction: column;}

.rubber_warp .module1 .item{display: flex;justify-content: space-between;}

.rubber_warp .module1 .item:nth-child(2){flex-direction: row-reverse;}

.rubber_warp .module1 .item>*{width: 49%;}

.rubber_warp .module1 .item .img_warp{padding-bottom: 23%;width: 50%;}

.rubber_warp .module1 .item .info{padding:  2% 2%;}

.rubber_warp .module1 .item .smtitle{font-size: 24px;color: #101010;margin-bottom: 2%;}



.rubber_warp .module2{background-color: #fff;padding: 2% 0 5%;}

.rubber_warp .content{margin-top: 2%;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 20px;grid-row-gap: 20px;}

.rubber_warp .module2 .item{padding: 4%;color: #000;position: relative;}

.rubber_warp .module2 .item:hover{color: #fff;}

.rubber_warp .module2 .item:hover .left i{border-color: #fff;}
.rubber_warp .module2 .item:hover .left i::before{background-color: #fff;}

.rubber_warp .module2 .item:hover .list_warp .li{color:#fff}



.rubber_warp .module2 .item{position: relative;overflow: hidden;}

.rubber_warp .module2 .item>*{position: relative;z-index: 2;}

.rubber_warp .module2 .item .bg{position: absolute;z-index: 1;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;}

.rubber_warp .module2 .item .smtitle{font-size: 24px;}

.rubber_warp .module2 .list_warp{display: flex;justify-content: space-between;align-items: center;margin-top: 2%;width: calc(100% - 140px);}

.rubber_warp .module2 .img_warp{width: 20%;padding-bottom: 20%;border-radius: 50%;transition: all .3s;position: absolute;right: 0;bottom: 0;z-index: 1;}

.rubber_warp .module2 .item:hover .img_warp{width: 100%;padding-bottom: 49%;border-radius: 0;}



.rubber_warp .module2 .left .smtitle{position: relative;padding-left: 30px;font-size: 16px;}

.rubber_warp .module2 .left .smtitle i{display: flex;width: 18px;height: 18px;border: 1px solid #000;border-radius: 50%;position: absolute;left: 0;top: 7px;justify-content: center;align-items: center;}

.rubber_warp .module2 .left .smtitle i::before{content: ' ';width: 8px;height: 8px;display: inline-block;background-color: #000;border-radius: 50%;}

.rubber_warp .module2 .left .ul{display: flex;justify-content: space-between;align-items: start;padding-left: 30px;flex-wrap: wrap;margin-top: 1%;}

.rubber_warp .module2 .left .ul .li{width: 48%;color: #666;}



@media only screen and (max-width: 1600px) {

.rubber_warp .content{margin-top: 2%;display: grid;grid-template-columns: repeat(1,1fr);grid-gap: 20px;grid-row-gap: 20px;}

.rubber_warp .module2 .img_warp{width: 12%;padding-bottom: 12%;border-radius: 50%;transition: all .3s;position: absolute;right: 0;bottom: 0;z-index: 1;}

.rubber_warp .module2 .item:hover .img_warp{width: 100%;padding-bottom: 49%;border-radius: 0;}

}



@media only screen and (max-width: 1400px) {



}

@media only screen and (max-width: 1200px) {

	.rubber_warp .module1 .warp{flex-direction: column;}

	.rubber_warp .module1 .warp .left{width: 100%}

	.rubber_warp .module1 .warp .left .title{font-size: 26px;}

	.rubber_warp .module1 .warp .img_warp{width: 100%;margin-top: 2%;padding-bottom: 66%;}

	.rubber_warp .module1 .layout .h2_title{font-size: 26px;}

	.rubber_warp .module1 .item{flex-direction: column;}

	.rubber_warp .module1 .item>*{width: 100%;}

	.rubber_warp .module1 .item:nth-child(2){flex-direction:column;}

	.rubber_warp .module .layout>.title{font-size: 26px;}

	.rubber_warp .module2 .list_warp{width: 100%;}

	.rubber_warp .module2 .item .smtitle{font-size: 20px;}

	.rubber_warp .module2 .left .ul .li{width: 100%;}

	.rubber_warp .module2 .img_warp{display: none;}
	.rubber_warp .module2 .content .item{color: #000;}
	.rubber_warp .module2 .content .item .list_warp .li{color: #666;}
	.rubber_warp .module2 .content .item .left i{border-color: #000;}
	.rubber_warp .module2 .content .item .left i::before{background-color: #000;}

	.rubber_warp .module2 .item .smtitle{font-size: 18px;}





}

@media only screen and (max-width: 1024px) {



} 



@media only screen and (max-width: 950px) {





}

@media only screen and (max-width: 480px) {



}