@charset "utf-8";
/* CSS Document */
.partBox{ width:1200px;height:340px; display:block; margin:0 auto 90px; background:#eeeeee; position:relative;}
.mainSmallBox{ display:none;}
.partBox .pImg{width:600px;position:absolute; top:30px; left:30px;/*box-shadow:0 0 10px #666;*/}
.pImg img{width:600px;height:280px;display:block;}


.partBox .pRight{width:540px; margin: 36px 1% 0 0; float:right;overflow:hidden;}
.partBox .pRight .pTit{height:40px; height:40px;/*padding:10px 10px;*/padding-left:10px;font-weight: bold; overflow:hidden;font-size:18px;}
.partBox .pRight .pConte{height:170px; height:220px\9;padding:20px 10px 10px; text-align:justify; font-size:1rem; overflow:hidden;}
.partBox .pRight .pmore{width:80px\9;margin-top:20px; float:right; border:1px solid #CCC\9; overflow:hidden;margin-right:9px;}


/* CSS Document 左侧*/
.partBox .pImg_right{width: 600px;position:absolute; top:30px; right:30px;/*box-shadow:0 0 10px #666;*/}
.partBox .pImg_right img{width:600px;height:280px;display:block;}

.partBox .pLeft{width:540px; margin: 36px 1% 0 0; float:left;overflow:hidden;margin-left:20px;}
.partBox .pLeft .pleft_Tit{height:40px; height:40px;/*padding:10px 10px;*/padding-left:10px;font-weight: bold;overflow:hidden;font-size:18px;}
.partBox .pLeft .pleft_Conte{height:170px; height:220px\9;padding:20px 10px 10px; text-align:justify; font-size:1rem; overflow:hidden;}
.partBox .pLeft .pLeft_more{width:80px\9;margin-top:20px; float:left; border:1px solid #CCC\9; overflow:hidden;margin-left:9px;}


@media screen and (min-width:1390px) and (max-width:1490px){
.partBox{ width:1200px;height:340px;}
.partBox .pRight .pConte{ height:170px;}
.partBox .pRight .pmore{margin:20px 10px 0;}
.partBox .pLeft .pleft_Conte{ height:170px;}
.partBox .pLeft .pLeft_more{margin:20px 10px 0;}
}
@media screen and (min-width:1390px) and (max-width:1490px){
.partBox{ width:1200px;height:340px;}

}
@media screen and (min-width:1140px) and (max-width:1390px){
.partBox{ width:1200px;height:340px;}
.partBox .pRight .pConte{ height:170px;}
.partBox .pRight .pmore{margin:20px 10px 0;}
.partBox .pLeft .pleft_Conte{ height:170px;}
.partBox .pLeft .pLeft_more{margin:20px 10px 0;}
}
@media screen and (min-width:1024px) and (max-width:1140px){
.partBox{ width:80%;height:230px;}
.partBox .pRight .pConte{ height:95px;}
.partBox .pRight .pmore{margin:10px 10px 0;}

.partBox .pLeft .pleft_Conte{ height:95px;}
.partBox .pLeft .pLeft_more{margin:10px 10px 0;}
}
@media screen and (min-width:860px) and (max-width:1024px){
.partBox{ width:80%;height:195px;}
.partBox .pRight .pConte{ height:60px; font-size:.5rem;}
.partBox .pRight .pmore{margin:7px 10px 0;}

.partBox .pLeft .pleft_Conte{ height:60px; font-size:.5rem;}
.partBox .pLeft .pLeft_more{margin:7px 10px 0;}
}
@media screen and (max-width:860px){
body{background-color:#f6f6f6;}
.partBox{ 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%; margin-top:8px; float:right;}
.solutionSmallBox .soluSmallInner .solutionSmallRight .moreSmall .button{ height:27px; line-height:27px; font-size:.6rem;}
}