@charset "utf-8";
/* CSS Document */
.mainBox{ display:block; }
.mainSmallBox{ display:none;}
.solutionBox{width:90%;  margin:15px auto 25px;padding: 40px 0;overflow:hidden; background-color:#FFF;}
.solutionBox .soluInner .solutionLeft{width:40%; margin:0 2%; float:left; overflow:hidden;}
.solutionBox .soluInner .solutionLeft img{transition: transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;width:100%;}
.solutionBox .soluInner .solutionLeft img:hover{transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-moz-transform:scale(1.5);}
.solutionBox .soluInner .solutionRight .soluTit{height:40px;height:40px;padding:10px 10px; overflow:hidden;font-size:18px;font-weight:bold;color:#333;}
.solutionBox .soluInner .solutionRight .soluConte{height:162px;height:225px\9;padding:20px 10px 10px; text-align:justify; overflow-y:hidden;}
.solutionBox .soluInner .solutionRight .more{width:100px\9;/*margin:5px 10px 0;*/ float:left; border:1px solid #CCC\9; overflow:hidden;margin-top:20px;}

.solutionBox .soluInner .solutionLeftTwo{width:52%; margin:0 2%; float:left;overflow:hidden;}
.solutionBox .soluInner .solutionLeftTwo .soluTitTwo{height:40px;height:40px;padding:10px 10px; overflow:hidden;font-size:18px;font-weight:bold;color:#333;}
.solutionBox .soluInner .solutionLeftTwo .soluConteTwo{height:162px;height:225px\9;padding:20px 10px 10px; text-align:justify; overflow-y:hidden;}
.solutionBox .soluInner .solutionLeftTwo .moreTwo{width:100px\9;/*margin:5px 10px 0; */float:left; border:1px solid #CCC\9; overflow:hidden;margin-top:20px;}

.solutionBox .soluInner .solutionRightTwo{width:40%; margin:0 2%; float:left; overflow:hidden;}
.solutionBox .soluInner .solutionRightTwo img{transition: transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;width:100%;}
.solutionBox .soluInner .solutionRightTwo img:hover{transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-moz-transform:scale(1.5);}
.solutionBox .soluInner .solutionRight{width:52%; margin:0 2%; float:left;overflow:hidden;}

@media screen and (min-width:1200px) and (max-width:1400px){
.mainBox{ display:block; }
.mainSmallBox{ display:none;}
.solutionBox .soluInner .solutionRight .soluConte{ height:167px;padding:20px 10px 10px; text-align:justify; overflow:hidden;}
.solutionBox .soluInner .solutionLeftTwo .soluConteTwo{height:167px;padding:20px 10px 10px; text-align:justify; overflow:hidden;}
}
@media screen and (min-width:980px) and (max-width:1200px){
.mainBox{ display:block; }
.mainSmallBox{ display:none;}
.solutionBox .soluInner .solutionRight .soluConte{ height:140px;padding:20px 10px 10px; text-align:justify; overflow:hidden;}
.solutionBox .soluInner .solutionRight .more{width: 20%;}
.solutionBox .soluInner .solutionLeftTwo .soluConteTwo{height:140px;padding:20px 10px 10px; text-align:justify; overflow:hidden;}
}
@media screen and (min-width:860px) and (max-width:980px){
.mainBox{ display:block; }
.mainSmallBox{ display:none;}
.solutionBox .soluInner .solutionRight .soluConte{ height:98px;padding:20px 10px 10px;font-size: 0.75rem; text-align:justify; overflow:hidden;}
.solutionBox .soluInner .solutionRight .more{width: 28%;}
.solutionBox .soluInner .solutionLeftTwo .soluConteTwo{height:98px;padding:20px 10px 10px;font-size: 0.75rem; text-align:justify; overflow:hidden;}
}
@media screen and (max-width:860px){
.mainBox{ display:none; }
.mainSmallBox{ display:block;}
.solutionSmallBox{width:90%;  margin:15px auto 25px;padding: 10px 0;overflow:hidden; background-color:#FFF;}
.solutionSmallBox .soluSmallInner .solutionSmallLeft{width:96%; margin: 0 auto; overflow:hidden;}
.solutionSmallBox .soluSmallInner .solutionSmallLeft img{ width:100%}
.solutionSmallBox .soluSmallInner .solutionSmallRight{width:96%; margin:0 2%; float:left;overflow:hidden;}
.solutionSmallBox .soluSmallInner .solutionSmallRight .soluSmallTit{height:30px;padding:10px 10px; overflow:hidden;}
.solutionSmallBox .soluSmallInner .solutionSmallRight .soluSmallConte{ height:100%;padding:20px 10px 10px;font-size: 0.75rem; text-align:justify; overflow:hidden;}
.solutionSmallBox .soluSmallInner .solutionSmallRight .moreSmall{ width:30%; float:right; margin-top:8px;}
.solutionSmallBox .soluSmallInner .solutionSmallRight .moreSmall .button{ height:27px; line-height:27px; font-size:.6rem;}
}