.systemShow{}

.systemShow .systemShowHead{ background:#337AB7; height:150px;}

.systemShow .systemShowHead .systemShowHeadBox{ height:100px;}

.systemShow .systemShowHead .systemShowHeadBox .systemShowLogo{ padding-top:25px;}

.systemShow .systemShowHead .systemShowHeadBox .systemShowLogo .logo{ float:left; margin-right:15px;}

.systemShow .systemShowHead .systemShowHeadBox .systemShowLogo h1{ font-weight:normal;}

.systemShow .systemShowHead .systemShowHeadBox .systemShowLogo p{ color:#ffffff; opacity:0.8;}

.systemShow .systemShowHead .systemShowHeadBox .systemShowLogo a{ color:#ffffff; opacity:0.8; font-size:2rem; text-decoration:none;}

.systemShow .systemShowHead .systemShowHeadBox .systemShowLogo a:hover{ color:#ffffff; opacity:1;}

.systemShow .systemShowHead .systemShowHeadBox .systemShowContact{ text-align:right; padding-top:30px;}

.systemShow .systemShowHead .systemShowHeadBox .systemShowContact .link{ font-size:1.1rem; opacity:0.8;}

.systemShow .systemShowHead .systemShowHeadBox .systemShowContact .link a{ color:#ffffff;}

.systemShow .systemShowHead .systemShowHeadBox .systemShowContact .phone{ font-size:1.7rem; color:#ffffff; opacity:0.8;}

.systemShow .systemShowHead .systemShowNav{ height:50px; line-height:50px; background:#0D5B8A; padding:0 20px; border-top-left-radius:5px; border-top-right-radius:5px;}

.systemShow .systemShowHead .systemShowNav a{ color:#ffffff; margin-right:15px; font-size:1.1rem; padding:3px 12px;}

.systemShow .systemShowHead .systemShowNav a.on{  background:#D7EAF9; color:#333333; border-radius:30px;}

.systemShow .systemShowHead .systemShowNav a:hover{ background:#D7EAF9; color:#333333; border-radius:30px;}

.systemShow .systemShowHead .systemShowNav a.sy{ color:red; background:#ffffff; border-radius:30px; font-size:1rem;}

.systemShow .systemShowHead .systemShowNav a.sy:hover{ background:#9AC7EB; color:#0D5B8A;}

.systemShow .systemShowHead .systemShowNav a.systemToSystem{ color:#FF0;}

.systemShow .systemShowHead .systemShowNav a.systemToSystem:hover{ color:red; background:#ffffff;}

.systemShow .systemShowHead .systemShowNav .qq{ float:right;}

.systemShow .systemShowHead .systemShowNav .qq img{ vertical-align:middle; height:22px;}

.systemShow .systemShowHead .systemShowNav .qq a{ vertical-align:middle; margin:0;}

.systemShow .systemShowHead .systemShowNav .qq .goWechat{ position:relative;}

.systemShow .systemShowHead .systemShowNav .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;}

.systemShow .systemShowHead .systemShowNav .qq .goWechat span img{ width:100px; height:100px;}

.systemShow .systemShowHead .systemShowNav .qq .goWechat:hover span{ display:block;}

@media all and (max-width:768px){

.systemShow .systemShowHead .systemShowHeadBox .systemShowLogo .logo{ display:none;}

.systemShow .systemShowHead .systemShowHeadBox .systemShowLogo{ text-align:center; padding-top:0px;}

.systemShow .systemShowHead .systemShowHeadBox .systemShowLogo h1{ font-weight:normal; height:40px; line-height:40px; overflow:hidden; width:calc(100% - 20px); margin:0 10px;}

.systemShow .systemShowHead .systemShowHeadBox .systemShowLogo a{ font-size:1.5rem;}

.systemShow .systemShowHead .systemShowHeadBox .systemShowContact{ padding-top:10px; text-align:center;}

.systemShow .systemShowHead .systemShowHeadBox .systemShowContact .link{ display:inline-block;}

.systemShow .systemShowHead .systemShowHeadBox .systemShowContact .phone{ font-size:1rem; display:inline-block;}

.systemShow .systemShowHead .systemShowNav{ height:auto; border-radius:0; width:auto; text-align:center;}

.systemShow .systemShowHead .systemShowNav .systemShowNavBox{ width:auto; line-height:18px; padding:6px 0;}

.systemShow .systemShowHead .systemShowNav a{ font-size:0.9rem; padding:3px 8px 0 8px; margin:0; height:26px; line-height:26px; white-space:nowrap;}

.systemShow .systemShowHead .systemShowNav .qq{ float:none; display:block;}

.systemShow .systemShowHead .systemShowNav .qq .goQq:nth-child(2){ display:none;}

.systemShow .systemShowHead .systemShowNav .qq img{ height:16px;}

}



.systemShowContent{ padding:30px 0 10px 0;}

.systemShowContent .d1{ text-align:center; border-bottom:1px solid #eeeeee; padding-bottom:15px;}

.systemShowContent .d1 .title{ font-size:1.8rem;}

.systemShowContent .d1 a{ font-size:1.2rem;}

.systemShowContent .contentDetailBox{ max-height:300px; overflow:auto;}

.systemShowContent .content1{ padding:20px; line-height:28px; font-size:1.05rem; color:#666666;}

.systemShowContent .content1 .detail{ width:calc(100% - 470px); float:left;}

.systemShowContent .content1 .detail .contentSolution{}

.systemShowContent .content1 .detail .contentSolution ul{ background:#eeeeee; margin-top:10px; padding:10px; border-radius:5px;}

.systemShowContent .content1 .detail .contentSolution ul li{ line-height:26px;}

.systemShowContent .content1 .detail .contentSolution ul li .p1{ font-size:1rem;}

.systemShowContent .content1 .detail .contentSolution ul li .p2{ font-size:0.9rem;}

.systemShowContent .content1 .bgImg{ width:450px; height:300px; float:right; background: center center url("../file/bg.png");}

.systemShowContent .content1 .bgImg .icon{ text-align:center; margin-top:30px; margin-bottom:15px;}

.systemShowContent .content1 .bgImg .icon img{}

.systemShowContent .content1 .bgImg .note{ text-align:center; color:#ffffff;}

.systemShowContent .gnsy a{ font-size:1rem;}

.systemShowContent .gnsy a.sy{ font-size:1.2rem; color:red;}

.systemShowContent .gnsy a.sy:hover{ color:#666666;}@media all and (max-width:768px){

.systemShowContent{ width:calc(100% - 20px); margin:10px; margin-top:55px; margin-bottom:0px;}

.systemShowContent .d1{}

.systemShowContent .d1 .title{ font-size:1.4rem; font-weight:bold; display:block; line-height:30px; clear:both;}

.systemShowContent .d1 a{ display:block; display:block; height:30px; line-height:30px; clear:both; font-size:1.1rem;}

.systemShowContent .content1 .detail{ width:100%; height:auto; float:none;}

.systemShowContent .content1 .bgImg{ width:100%; height:auto; float:none; padding-bottom:20px; text-align:center;}

.systemShowContent .content1 .bgImg .note{ font-size:0.8rem; margin:0; line-height:20px; padding:0; text-align:center;}

.systemShowContent .gnsy a{ display:inline-block; font-size:1rem;}

.systemShowContent .contentDetailBox{ max-height:none; overflow:hidden;}

}





.systemShow .note{}

.systemShow .note > dl{ margin:30px;}

.systemShow .note > dl .d1{ font-size:1.8rem; text-align:center; margin-bottom:10px; margin-top:10px;}

.systemShow .note > dl .d2{ font-size:1.1rem; text-align:center; margin-bottom:30px; color:#888888;}

.systemShow .note > dl dd{ padding:0 10px;}

.systemShow .note > dl dd:first-child{ margin-top:30px;}

.systemShow .note > dl dd p{ text-align:center;}

.systemShow .note > dl dd p.p1 img{ height:80px; margin:0 auto;}

.systemShow .note > dl dd p.p2{ height:40px; line-height:40px; font-size:1.1rem; color:#333333; font-weight:bold; overflow:hidden;}

.systemShow .note > dl dd p.p3{ color:#666666; line-height:24px; height:50px; overflow:hidden; font-size:1rem;}

@media all and (max-width:768px){

.systemShow .note{ width:calc(100% - 20px); margin:10px; margin-top:20px;}

.systemShow .note > dl{ margin:10px;}

.systemShow .note > dl .d1{ font-size:1.3rem; padding-top:10px; font-weight:bold;}

.systemShow .note > dl .d2{ font-size:1rem;}

}

.systemShow .module{}

.systemShow .module .moduleList{ margin:20px;}

.systemShow .module .moduleList h3{ font-weight:normal; color:#337AB7; font-size:1.4rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; margin-bottom:20px;}

.systemShow .module .moduleList h3 a{ float:right; margin-right:20px; color:#666666; font-size:1rem; line-height:28px;}

.systemShow .module .moduleList p.p1{ text-align:center; }

.systemShow .module .moduleList p.p2{ text-align:center; overflow:hidden; color:#666666; height:28px; line-height:28px; overflow:hidden;}

.systemShow .picture{}

.systemShow .picture .pictureBox{ margin:20px; margin-bottom:10px;}

.systemShow .picture dl{}

.systemShow .picture dl dt{ color:#337AB7; font-size:1.4rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; margin-bottom:20px;}

.systemShow .picture dl dd{ margin-bottom:20px;}

.systemShow .picture dl dd p{ text-align:center;}

.systemShow .picture dl dd .p1{}

.systemShow .picture dl dd .p1 img{ width:280px;  height:auto; border:1px solid #dddddd; padding:8px; cursor:pointer;}

.systemShow .picture dl dd .p2{}

@media all and (max-width:768px){

.systemShow .module{ width:calc(100% - 20px); margin:10px;}

.systemShow .module .moduleList{ margin-left:10px;}

.systemShow .module .moduleList li{ height:120px; overflow:visible; width:33%; margin:0;}

.systemShow .module .moduleList p.p1{}

.systemShow .module .moduleList p.p2{ height:28px; line-height:28px; overflow:hidden;}

.systemShow .picture{ width:calc(100% - 20px); margin:10px;}

.systemShow .picture dl dd .p1{ height:inherit;}

.systemShow .picture dl dd .p1 img{ width:auto; width:150px; height:120px;}

}





.systemShow .solution{}

.systemShow .solution .solutionBox{ margin:20px;}

.systemShow .solution .solutionBox dl{}

.systemShow .solution .solutionBox dl dt{ color:#337AB7; font-size:1.4rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; margin-bottom:20px;}

.systemShow .solution .solutionBox dl dt a{ float:right; margin-right:20px; color:#666666; font-size:1rem; line-height:28px;}

.systemShow .solution .solutionBox dl dd{ width:calc(100% - 20px); margin-bottom:15px; border-bottom:1px dashed #eeeeee; padding-bottom:10px;}

.systemShow .solution .solutionBox dl dd .p1{ font-size:1.1rem; margin-bottom:5px;}

.systemShow .solution .solutionBox dl dd .p2{ color:#666666;}

.systemShow .solution .solutionBox dl dd .iii{ display:block; float:right; color:#666666;}

@media all and (max-width:768px){

.systemShow .solution .solutionBox dl dd .iii{ display:none;}

.systemShow .solution .solutionBox dl dd{ width:calc(100% - 0px);}

.systemShow .solution{ width:calc(100% - 20px); margin:10px;}

}







.systemShow .relateSystem{}

.systemShow .relateSystem .relateSystemList{ margin:20px;}

.systemShow .relateSystem .relateSystemList h3{ font-weight:normal; color:#337AB7; font-size:1.4rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; margin-bottom:20px;}

.systemShow .relateSystem .relateSystemList h3 a{ float:right; margin-right:20px; color:#666666; font-size:1rem; line-height:28px;}

.systemShow .relateSystem .relateSystemList ul{ padding:0; margin:0;}

.systemShow .relateSystem .relateSystemList li{ padding:0; margin:0; height:30px; line-height:30px; overflow:hidden;}

@media all and (max-width:768px){

.systemShow .relateSystem{ width:calc(100% - 20px); margin:10px;}

.systemShow .relateSystem .relateSystemList{ margin:15px;}

.systemShow .relateSystem .relateSystemList li{ height:30px; overflow:visible; width:100%; margin:0;}

.systemShow .relateSystem .relateSystemList p.p1{}

.systemShow .relateSystem .relateSystemList p.p2{ height:28px; line-height:28px; overflow:hidden;}

}







@media all and (max-width:768px){

#cityShowNavBox{ width:950px;}

.systemArticle1{ width:calc(100% - 20px); margin:0 auto; margin-top:55px; margin-left:10px;}

}







.tableList{}

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



}









.systemShow .cityCL{ width:calc(40% - 20px); float:left; margin-right:20px;}

.systemShow .cityCL .img{ width:100%; margin-bottom:5px; border-radius:5px;}

.systemShow .cityCR{ width:60%; float:left;}

@media screen and (max-width: 768px){

.systemShow .cityCL{ width:100%; float:none;}

.systemShow .cityCR{ width:100%; float:none;}

}