.softShow{}
.softShow .softShowHead{ background:#337AB7; height:150px;}
.softShow .softShowHead .softShowHeadBox{ height:100px;}
.softShow .softShowHead .softShowHeadBox .softShowLogo{ padding-top:25px;}
.softShow .softShowHead .softShowHeadBox .softShowLogo .logo{ float:left; margin-right:15px;}
.softShow .softShowHead .softShowHeadBox .softShowLogo h1{ font-weight:normal;}
.softShow .softShowHead .softShowHeadBox .softShowLogo p{ color:#ffffff; opacity:0.8;}
.softShow .softShowHead .softShowHeadBox .softShowLogo a{ color:#ffffff; opacity:0.8; font-size:2rem; text-decoration:none;}
.softShow .softShowHead .softShowHeadBox .softShowLogo a:hover{ color:#ffffff; opacity:1;}
.softShow .softShowHead .softShowHeadBox .softShowContact{ text-align:right; padding-top:30px;}
.softShow .softShowHead .softShowHeadBox .softShowContact .link{ opacity:0.8;}
.softShow .softShowHead .softShowHeadBox .softShowContact .link a{ color:#ffffff;}
.softShow .softShowHead .softShowHeadBox .softShowContact .phone{ font-size:1.8rem; color:#ffffff; opacity:0.8;}
.softShow .softShowHead .softShowNav{ height:50px; line-height:50px; background:#0D5B8A; padding:0 20px; border-top-left-radius:5px; border-top-right-radius:5px;}
.softShow .softShowHead .softShowNav a{ color:#ffffff; margin-right:15px; font-size:1.1rem; padding:3px 12px;}
.softShow .softShowHead .softShowNav a.on{  background:#D7EAF9; color:#333333; border-radius:30px;}
.softShow .softShowHead .softShowNav a:hover{ background:#D7EAF9; color:#333333; border-radius:30px;}
.softShow .softShowHead .softShowNav a.sy{ color:red; background:#ffffff; border-radius:30px; font-size:1rem;}
.softShow .softShowHead .softShowNav a.sy:hover{ background:#9AC7EB; color:#0D5B8A;}
.softShow .softShowHead .softShowNav a.softToSoft{ color:#FF0;}
.softShow .softShowHead .softShowNav a.softToSoft:hover{ color:red; background:#ffffff;}
.softShow .softShowHead .softShowNav .qq{ float:right;}
.softShow .softShowHead .softShowNav .qq img{ vertical-align:middle; height:22px;}
.softShow .softShowHead .softShowNav .qq a{ vertical-align:middle; margin:0;}
.softShow .softShowHead .softShowNav .qq .goWechat{ position:relative;}
.softShow .softShowHead .softShowNav .qq .goWechat span{ display:none; position:absolute; top:37px; line-height:20px; right:0px; text-align:center; background:#ffffff; padding:5px; border:1px solid #cccccc;}
.softShow .softShowHead .softShowNav .qq .goWechat span img{ width:100px; height:100px;}
.softShow .softShowHead .softShowNav .qq .goWechat:hover span{ display:block;}
@media all and (max-width:768px){
.softShow .softShowHead .softShowHeadBox .softShowLogo .logo{ display:none;}
.softShow .softShowHead .softShowHeadBox .softShowLogo{ text-align:center; padding-top:0px;}
.softShow .softShowHead .softShowHeadBox .softShowLogo h1{ font-weight:normal; height:40px; line-height:40px; overflow:hidden; width:calc(100% - 20px); margin:0 10px;}
.softShow .softShowHead .softShowHeadBox .softShowLogo a{ font-size:1.5rem;}
.softShow .softShowHead .softShowHeadBox .softShowContact{ padding-top:10px; text-align:center;}
.softShow .softShowHead .softShowHeadBox .softShowContact .link{ display:inline-block;}
.softShow .softShowHead .softShowHeadBox .softShowContact .phone{ font-size:1rem; display:inline-block;}
.softShow .softShowHead .softShowNav{ height:auto; border-radius:0; width:auto; text-align:center;}
.softShow .softShowHead .softShowNav .softShowNavBox{ width:auto; line-height:18px; padding:6px 0;}
.softShow .softShowHead .softShowNav a{ font-size:0.9rem; padding:3px 8px 0 8px; margin:0; height:26px; line-height:26px; white-space:nowrap;}
.softShow .softShowHead .softShowNav .qq{ float:none; display:block;}
.softShow .softShowHead .softShowNav .qq .goQq:nth-child(2){ display:none;}
.softShow .softShowHead .softShowNav .qq img{ height:16px;}
}

.softShowContent{ padding:30px 0 10px 0;}
.softShowContent .d1{ text-align:center; border-bottom:1px solid #eeeeee; padding-bottom:15px;}
.softShowContent .d1 .title{ font-size:1.8rem;}
.softShowContent .d1 a{ font-size:1.2rem;}
.softShowContent .contentDetailBox{ max-height:300px; overflow:auto;}
.softShowContent .content1{ padding:20px; line-height:28px; font-size:1.05rem; color:#666666;}
.softShowContent .content1 .detail{ width:calc(100% - 470px); float:left;}
.softShowContent .content1 .detail .contentSolution{}
.softShowContent .content1 .detail .contentSolution ul{ background:#eeeeee; margin-top:10px; padding:10px; border-radius:5px;}
.softShowContent .content1 .detail .contentSolution ul li{ line-height:26px;}
.softShowContent .content1 .detail .contentSolution ul li .p1{ font-size:1rem;}
.softShowContent .content1 .detail .contentSolution ul li .p2{ font-size:0.9rem;}
.softShowContent .content1 .bgImg{ width:450px; height:300px; float:right; background: center center url("../file/bg.png");}
.softShowContent .content1 .bgImg .icon{ text-align:center; margin-top:30px; margin-bottom:15px;}
.softShowContent .content1 .bgImg .icon img{}
.softShowContent .content1 .bgImg .note{ text-align:center; color:#ffffff;}
.softShowContent .gnsy a{ font-size:1rem;}
.softShowContent .gnsy a.sy{ font-size:1.2rem; color:red;}
.softShowContent .gnsy a.sy:hover{ color:#666666;}@media all and (max-width:768px){
.softShowContent{ width:calc(100% - 20px); margin:10px; margin-top:55px; margin-bottom:0px;}
.softShowContent .d1{}
.softShowContent .d1 .title{ font-size:1.4rem; font-weight:bold; display:block; line-height:30px; clear:both;}
.softShowContent .d1 a{ display:block; display:block; height:30px; line-height:30px; clear:both; font-size:1.1rem;}
.softShowContent .content1 .detail{ width:100%; height:auto; float:none;}
.softShowContent .content1 .bgImg{ width:100%; height:auto; float:none; padding-bottom:20px; text-align:center;}
.softShowContent .content1 .bgImg .note{ font-size:0.8rem; margin:0; line-height:20px; padding:0; text-align:center;}
.softShowContent .gnsy a{ display:inline-block; font-size:1rem;}
.softShowContent .contentDetailBox{ max-height:none; overflow:hidden;}
}


.softShow .note{}
.softShow .note > dl{ margin:30px;}
.softShow .note > dl .d1{ font-size:1.8rem; text-align:center; margin-bottom:10px; margin-top:10px;}
.softShow .note > dl .d2{ font-size:1.1rem; text-align:center; margin-bottom:30px; color:#888888;}
.softShow .note > dl dd{ padding:0 10px;}
.softShow .note > dl dd:first-child{ margin-top:30px;}
.softShow .note > dl dd p{ text-align:center;}
.softShow .note > dl dd p.p1 img{ height:80px; margin:0 auto;}
.softShow .note > dl dd p.p2{ height:40px; line-height:40px; font-size:1.1rem; color:#333333; font-weight:bold; overflow:hidden;}
.softShow .note > dl dd p.p3{ color:#666666; line-height:24px; height:50px; overflow:hidden; font-size:1rem;}
@media all and (max-width:768px){
.softShow .note{ width:calc(100% - 20px); margin:10px; margin-top:20px;}
.softShow .note > dl{ margin:10px;}
.softShow .note > dl .d1{ font-size:1.3rem; padding-top:10px; font-weight:bold;}
.softShow .note > dl .d2{ font-size:1rem;}
}
.softShow .module{}
.softShow .module .moduleList{ margin:20px;}
.softShow .module .moduleList h3{ font-weight:normal; color:#337AB7; font-size:1.4rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; margin-bottom:20px;}
.softShow .module .moduleList h3 a{ float:right; margin-right:20px; color:#666666; font-size:1rem; line-height:28px;}
.softShow .module .moduleList p.p1{ text-align:center; }
.softShow .module .moduleList p.p2{ text-align:center; overflow:hidden; color:#666666; height:28px; line-height:28px; overflow:hidden;}
.softShow .picture{}
.softShow .picture .pictureBox{ margin:20px; margin-bottom:10px;}
.softShow .picture dl{}
.softShow .picture dl dt{ color:#337AB7; font-size:1.4rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; margin-bottom:20px;}
.softShow .picture dl dd{ margin-bottom:20px;}
.softShow .picture dl dd p{ text-align:center;}
.softShow .picture dl dd .p1{}
.softShow .picture dl dd .p1 img{ width:280px;  height:auto; border:1px solid #dddddd; padding:8px; cursor:pointer;}
.softShow .picture dl dd .p2{}
@media all and (max-width:768px){
.softShow .module{ width:calc(100% - 20px); margin:10px;}
.softShow .module .moduleList{ margin-left:10px;}
.softShow .module .moduleList li{ height:120px; overflow:visible; width:33%; margin:0;}
.softShow .module .moduleList p.p1{}
.softShow .module .moduleList p.p2{ height:28px; line-height:28px; overflow:hidden;}
.softShow .picture{ width:calc(100% - 20px); margin:10px;}
.softShow .picture dl dd .p1{ height:inherit;}
.softShow .picture dl dd .p1 img{ width:auto; width:150px; height:120px;}
}


.softShow .solution{}
.softShow .solution .solutionBox{ margin:20px;}
.softShow .solution .solutionBox dl{}
.softShow .solution .solutionBox dl dt{ color:#337AB7; font-size:1.4rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; margin-bottom:20px;}
.softShow .solution .solutionBox dl dt a{ float:right; margin-right:20px; color:#666666; font-size:1rem; line-height:28px;}
.softShow .solution .solutionBox dl dd{ width:calc(100% - 20px); margin-bottom:15px; border-bottom:1px dashed #eeeeee; padding-bottom:10px;}
.softShow .solution .solutionBox dl dd .p1{ font-size:1.1rem; margin-bottom:5px;}
.softShow .solution .solutionBox dl dd .p2{ color:#666666;}
.softShow .solution .solutionBox dl dd .iii{ display:block; float:right; color:#666666;}
@media all and (max-width:768px){
.softShow .solution .solutionBox dl dd .iii{ display:none;}
.softShow .solution .solutionBox dl dd{ width:calc(100% - 0px);}
.softShow .solution{ width:calc(100% - 20px); margin:10px;}
}



.softShow .relateSoft{}
.softShow .relateSoft .relateSoftList{ margin:20px;}
.softShow .relateSoft .relateSoftList h3{ font-weight:normal; color:#337AB7; font-size:1.4rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; margin-bottom:20px;}
.softShow .relateSoft .relateSoftList h3 a{ float:right; margin-right:20px; color:#666666; font-size:1rem; line-height:28px;}
.softShow .relateSoft .relateSoftList ul{ padding:0; margin:0;}
.softShow .relateSoft .relateSoftList li{ padding:0; margin:0; height:30px; line-height:30px; overflow:hidden;}
@media all and (max-width:768px){
.softShow .relateSoft{ width:calc(100% - 20px); margin:10px;}
.softShow .relateSoft .relateSoftList{ margin:15px;}
.softShow .relateSoft .relateSoftList li{ height:30px; overflow:visible; width:100%; margin:0;}
.softShow .relateSoft .relateSoftList p.p1{}
.softShow .relateSoft .relateSoftList p.p2{ height:28px; line-height:28px; overflow:hidden;}
}



@media all and (max-width:768px){
#cityShowNavBox{ width:950px;}
.softArticle1{ width:calc(100% - 20px); margin:0 auto; margin-top:55px; margin-left:10px;}
}



.tableList{}
.tableList .tr1 .td1{ width:200px;}

}