.durap01{padding:140px 0; background:#f5f5f8 url(../images/index/tesid_01s.png) no-repeat right top; background-size:contain;}
.durap02{padding:110px 0; background:#fff;}
.durap03{padding:220px 0 30px; background:#fdfefe url(../images/index/tesid_03.jpg) no-repeat right top; background-size:100%;}
.durap04{padding:120px 0;}

.speciali{}
.speciali h2,.speciali h2 a{ position: relative; font-size: 21px; font-family: myNotoRegular; color: #000;}

.speciali h3{ position: relative; font-size: 21px; padding:20px 0 25px; line-height: 56px; font-family: myNotoRegular;}
.speciali h2.carry{padding:0 0 25px;}
.speciali h2.carry::after{content: ""; position: absolute; left: 0; bottom: 0; width:80px; height: 14px; background: url(../images/public/tesicon02.png) no-repeat bottom left; background-size: 100%;}
.speciali h3::after{content: ""; position: absolute; left: 0; bottom: 0; width:80px; height: 14px; background: url(../images/public/tesicon02.png) no-repeat bottom left; background-size: 100%;}

.speciali p{ font-size: 17px; line-height:40px;  padding:20px 0; color: #484848; font-family: myNotoLight;}
.speciali h4{  padding:60px 0 0;}
.grindfit01{padding:0 50% 0 0;}

.fabric{}
.fabric .fabrimg{ padding:0 60px 0 0;}
.fabric .fabrimg img{ width: 100%;transition: all 1s;}
.fabric .fabrimg:hover img{ transform: scale(1.05); }
.fabric .fabrtxt{ padding:80px 0 0 0;}
.fabrtxt .speciali h4{ padding:40px 0 0;}
.durap03 h4{  padding:0; text-align: right;}

.trender{}
.trender .trendlist{ padding:10px }
.trendbox{font-family: myNotoRegular; font-size: 17px; background-color: #fff; padding:20px 0; color: #040000; transition: all 1s;}
.trendbox span{ line-height: 24px; text-align: right; display: block; padding:0 10px 15px}
.trendbox h3{overflow: hidden;}
.trendbox h3 img{ width: 100%; transition: all 1s;}
.trender .trendlist:hover img{ transform: scale(1.08);}
.trendbox p{margin:30px 15px; display: block; line-height: 30px; min-height: 60px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.trender .trendlist:hover .trendbox{ box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);}





/*==========================================设备分辨率 开始=============================================*/


@media screen and (max-device-width:1000px) {}

/*================设备小于760px=========================*/

@media (max-width: 767px){

.durap01{padding:50px 0; background:#f5f5f8 url(../images/index/tesid_01s.png) no-repeat 120px top; background-size:cover;}
.durap02{padding:50px 0 40px;}
.durap03{padding:20px 0 20px; background:#fdfefe url(../images/index/tesid_03.jpg) no-repeat right top; background-size:120%;}
.durap04{padding:50px 0;}

.speciali h2,.speciali h2 a{ font-size: 18px;}
.speciali h3{ font-size: 18px; padding:10px 0 0; line-height: 30px;}
.speciali p{ font-size: 14px; line-height:20px;  padding:10px 0; }
.speciali h4{  padding:20px 0 0;}
.speciali h4 img{ width: 30px; }

.speciali h3{padding:0 0 20px 0;}
.speciali h2.carry{padding:0 0 20px;}
.speciali h2.carry::after{width:65px; height: 14px; }
.speciali h3::after{ width:65px; height: 14px; }


.grindfit01{padding:0 30% 0 0;}

.fabric .fabrimg{ padding:0;}
.fabric .fabrtxt{ padding:20px 0 0 0;}
.fabrtxt .speciali h4{ padding:10px 0 0;}

.trender .trendlist{ padding:5px }
.trendbox{ font-size: 14px;  padding:10px 0; }
.trendbox span{ line-height:20px; padding:0 10px 10px}
.trendbox h3{ height: 161px;}
.trendbox p{margin:20px 10px; line-height: 20px; min-height: 40px;}
.trender .trendlist:hover .trendbox{ box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);}



}


/*1280分辨率以上（大于1700px）*/
@media screen and (min-width: 1700px){

}

/*XXX分辨率以上（大于1500px）*/
@media screen and (min-width: 1500px) and (max-width: 1699px){


}


/*1280分辨率以上（大于1400px）*/
@media screen and (min-width: 1400px) and (max-width: 1499px){

}




/*1280分辨率以上（大于1200px）*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {



}
/*1100分辨率（大于960px，小于1199px）*/
@media screen and (min-width: 992px) and (max-width: 1199px) {

.durap01{background:#f5f5f8 url(../images/index/tesid_01s.png) no-repeat 180px top;}
.durap02{padding:80px 0; background:#fff;}
.durap03{padding:80px 0 30px; }
.durap04{padding:60px 0;}




.trendbox h3{ height: 150px;}

.trendbox span{ font-size: 16px;}

.trendbox p{ font-size: 16px; margin:20px 10px;} 



}

/*880分辨率（大于769px，小于991px）*/
@media screen and (min-width: 768px) and (max-width: 991px) { 


.durap01{padding:50px 0; background:#f5f5f8 url(../images/index/tesid_01s.png) no-repeat 180px top; background-size:cover;}
.durap02{padding:50px 0 40px;}
.durap03{padding:20px 0 20px; background:#fdfefe url(../images/index/tesid_03.jpg) no-repeat right top; background-size:100%;}
.durap04{padding:50px 0;}

.speciali h2,.speciali h2 a{ font-size: 18px;}
.speciali h3{ font-size: 18px; padding:10px 0 0; line-height: 30px;}
.speciali p{ font-size: 14px; line-height:20px;  padding:10px 0; }
.speciali h4{  padding:10px 0 0;}
.speciali h4 img{ width: 30px; }
.grindfit01{padding:0 55% 0 0;}

.speciali h3{padding:0 0 20px 0;}
.speciali h2.carry{padding:0 0 20px;}
.speciali h2.carry::after{width:65px; height: 14px; }
.speciali h3::after{ width:65px; height: 14px; }

.fabric .fabrimg{ padding:0 30px 0 0;}
.fabric .fabrtxt{ padding:20px 0 0 0;}
.fabrtxt .speciali h4{ padding:10px 0 0;}

.trender .trendlist{ padding:5px }
.trendbox{ font-size: 14px;  padding:10px 0; }
.trendbox span{ line-height:20px; padding:0 10px 10px}
.trendbox h3{ height: 115px;}
.trendbox p{margin:20px 10px; line-height: 20px; min-height: 40px;}
.trender .trendlist:hover .trendbox{ box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);}





}


















/*720分辨率（大于480px，小于767px）*/
@media only screen and (min-width: 480px) and (max-width: 767px){


}

 /*440分辨率以下（小于479px）*/
@media only screen and (max-width: 479px) {



}

 
 @media screen and (min-width: 1160px){

}