@charset "utf-8";
/* CSS Document */
.solution{padding:50px 0 45px;height:600px;overflow:hidden;background:url(../images/solution_show.jpg) no-repeat left bottom; width: 1200px; margin: 0 auto;}

.homeTitle{font-size:36px;font-weight:normal;text-transform:uppercase;text-align:center;line-height:36px;color:#ea8b27;font-family:Arial;margin-bottom:20px;}

.homeTitle strong{display:block;font-weight:normal;font-size:30px;font-family:"微软雅黑";}

.homeTitle span{display:block;font-size:16px;color:#434343;background:url(../images/tieline.jpg) no-repeat center top;padding-top:10px;margin-top:10px;font-family:"微软雅黑";}

.solutionLeft{width:230px;}

.solutionMenu li{position:relative;height:60px;line-height:60px;background:#eee;font-size:16px;margin-bottom:2px;}

.solutionMenu li:before{content: "";position: absolute;top:26px;right:-12px;width: 0px; height: 0px;border:6px solid transparent;}

.solutionMenu li a{display:block;height:60px;}

.solutionMenu li i{float:left;height:60px;width:50px;background:#dadada url(../images/solution_icon.png) no-repeat -50px 0;margin-right:10px;}

.solutionMenu li.s2 i{background-position:-50px -60px;}

.solutionMenu li.s3 i{background-position:-50px -120px;}

.solutionMenu li.s4 i{background-position:-50px -180px;}

.solutionMenu li.s5 i{background-position:-50px -240px;}

.solutionMenu li.on a{background:#ea8b27;color:#fff;}

.solutionMenu li.on i{background:#e85f00 url(../images/solution_icon.png) no-repeat 0 0; transition:all 0.3s;}

.solutionMenu li.s2.on a i{background-position:0 -60px ;}

.solutionMenu li.s3.on a i{background-position:0 -120px ;}

.solutionMenu li.s4.on a i{background-position:0 -180px ;}

.solutionMenu li.s5.on a i{background-position:0 -240px ;}

.solutionMenu li.on:before{border-left-color:#ea8b27;}

.solutionForm{background:#ea8b27;padding:14px 15px 10px 15px;color:#fff;overflow:hidden;}

.solutionForm p{line-height:18px;margin-bottom:10px;font-size:13px;}

.solutionForm .fl{width:130px;}

.solutionForm input{width:120px; height:30px;line-height:30px;background:#fff;border-radius:3px;padding:0 5px;color:#555;margin-bottom:5px;}

.solutionForm .sub{float:right;width:65px;height:65px;font-size:18px;color:#ea8b27;cursor:pointer; transition:all 0.3s;}

.solutionForm .sub:hover{background:#007777; transition:all 0.3s;color:#fff;}



.solutionRight,.solutionBox{width:1160px;height:450px; overflow:hidden;}

.solutionRight .sImg{width:620px;height:440px;padding:4px;overflow:hidden;margin-right:20px;border:1px solid #dadada;}

.solutionRight .sImg img{width:620px;height:440px;}

.solutionRight h4{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:20px;font-weight:normal;height:40px;line-height:35px;margin-bottom:15px;}

.solutionRight h4 a{display:inline-block;border-bottom:3px solid #ea8b27;height:37px;color:#ea8b27;}

.solutionRight .font{height:270px;margin-bottom:20px;overflow:hidden; line-height: 200%;}

.solutionRight  .phone{padding-top:0;margin-bottom:15px;overflow:hidden;}

.solutionRight  .phone span{font-size:28px;}

.solutionRight .more{width:110px;height:30px;line-height:30px;text-align:center;background:#ea8b27;color:#fff;border:1px solid #ea8b27;display:inline-block;border-radius:15px;font-size:12px;}

.solutionRight .more:hover{color:#ea8b27;background:none;}

.solutionRight .zx{display:inline-block;background:url(../images/qq_bg.png) no-repeat;width:85px;height:30px;line-height:32px;padding-left:35px;color:#fff;font-size:12px;margin-left:10px;}

.solutionRight .zx:hover{opacity:.8;filter:alpha(opacity=80);}
@media screen and (min-width:320px) and (max-width:768px) {
.solutionLeft{width:100%;}
.solutionMenu li{ float:left;width: calc(100% / 6);}
.solutionMenu li a .h4zw{ display:none;}
.solutionRight,.solutionBox{width: auto;height: auto; overflow:hidden;}
.solutionRight .sImg{width:auto;height:auto;margin-right:0;}
.solutionRight .sImg img{width:95%;height:auto; text-align:center;display: table-cell; vertical-align: middle;}
.solutionRight h4{white-space: pre-line;overflow: visible; height:auto;}
.solutionRight .font{height:auto;}
}