@charset "utf-8";
/* D module PRO2 */

.d-modulePRO2{margin:0 auto; display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap; -webkit-box-sizing:border-box;box-sizing:border-box; -webkit-box-pack: justify;-ms-flex-pack: justify; /*justify-content:space-between;*/}
.d-modulePRO2 .item{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between; width:25%; box-sizing: border-box; padding: 20px;}
.d-modulePRO2 .item .pic{border:1px solid #017cc2;}
.d-modulePRO2 .item .pic img{ display:block;width:100%; max-width: 100% !important; transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.d-modulePRO2 .item .pic:hover{ box-shadow:0 0 10px rgba(1,124,194,0.5)}
.d-modulePRO2 .item .pic:hover img{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform: rotateY(180deg);}
.d-modulePRO2 .item .txt{color:#2a2a2a; background: none; height: auto; text-align: left;}
.d-modulePRO2 .item .txt h3{font-weight:700; }

@media  screen and ( min-width:1680px){
	.d-modulePRO2{padding:150px 0 70px; width:1400px;}
	.d-modulePRO2 .item{ margin-bottom: 55px;}
	.d-modulePRO2 .item .pic{width:50px; height:50px; border-radius:4px;}
	.d-modulePRO2 .item .txt{ width:240px;}
    .d-modulePRO2 .item .txt h3{font-size:20px;line-height:28px; margin-bottom: 4px;}
    .d-modulePRO2 .item .txt p{ font-size:16px; line-height:28px;}
}	

@media screen and (max-width:1679px ) and ( min-width:1440px){
	.d-modulePRO2{padding:125px 0 60px; width:1280px;}
	.d-modulePRO2 .item{ margin-bottom:48px;}
	.d-modulePRO2 .item .pic{width:46px; height:46px; border-radius:4px;}
	.d-modulePRO2 .item .txt{ width:220px;}
    .d-modulePRO2 .item .txt h3{font-size:18px;line-height:26px; margin-bottom: 4px;}
    .d-modulePRO2 .item .txt p{ font-size:15px; line-height:26px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
	.d-modulePRO2{padding:100px 0 50px; width:1080px;}
	.d-modulePRO2 .item{ margin-bottom:40px; padding:10px;}
	.d-modulePRO2 .item .pic{width:42px; height:42px; border-radius:4px;}
	.d-modulePRO2 .item .txt{ width:190px;}
    .d-modulePRO2 .item .txt h3{font-size:16px;line-height:23px; margin-bottom: 4px;}
    .d-modulePRO2 .item .txt p{ font-size:14px; line-height:23px;}
}
@media only screen and (max-width:1279px){
	.d-modulePRO2{padding:80px 0 40px; width:1000px;}
	.d-modulePRO2 .item{ margin-bottom:30px; padding:10px;}
	.d-modulePRO2 .item .pic{width:38px; height:38px; border-radius:4px;}
	.d-modulePRO2 .item .txt{ width:176px;}
    .d-modulePRO2 .item .txt h3{font-size:15px;line-height:20px; margin-bottom:2px;}
    .d-modulePRO2 .item .txt p{ font-size:12px; line-height:20px;}
}

@media only screen and (max-width:1000px){
	.d-modulePRO2{padding:40px 0 20px; width:100%;}

}

@media only screen and (max-width:976px){
   .d-modulePRO2 .item .txt { width: 70%; width: -moz-calc(100% - 46px); width: -webkit-calc(100% - 46px); width: calc(100% - 46px);}
}

@media only screen and (max-width:879px){
	.d-modulePRO2 .item{ width: 50%;}
   
}