/*.systemShow{}*/
.systemShow .systemShowHead{ background:#1183fb; 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{ opacity:0.8;}
.systemShow .systemShowHead .systemShowHeadBox .systemShowContact .link a{ color:#ffffff;}
.systemShow .systemShowHead .systemShowHeadBox .systemShowContact .phone{ font-size:1.8rem; 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:150px; height:150px;}
.systemShow .systemShowHead .systemShowNav .qq .goWechat:hover span{ display:block;}
.systemShow .systemShowHead .systemShowNav .qq .app_qrcode{ position:relative;}
.systemShow .systemShowHead .systemShowNav .qq .app_qrcode 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 .app_qrcode span img{ width:150px; height:150px;}
.systemShow .systemShowHead .systemShowNav .qq .app_qrcode:hover span{ display:block;z-index: 99}
@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;}
.systemShowContent .content1 .bgImg .icon{ text-align:center; 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;
    width: 80px;
    text-align: center;
    margin-right: 20px;
    border: 2px solid #0c71c0;
    border-radius: 5px;
    color: #337AB7;
    font-size: 1rem;
    line-height: 28px;
}
.systemShow .module .moduleList h3 a:hover {
    background-color: #0c71c0;
    color: #fff;
}

.ty_button {
    float: right;
    width: 80px;
    text-align: center;
    margin-right: 20px;
    border: 2px solid #0c71c0;
    border-radius: 5px;
    color: #337AB7;
    font-size: 1rem;
    line-height: 28px;
}
.ty_button:hover {
    background-color: #0c71c0;
    color: #fff;
}
.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;
    width: 80px;
    text-align: center;
    margin-right: 20px;
    border: 2px solid #0c71c0;
    border-radius: 5px;
    color: #337AB7;
    font-size: 1rem;
    line-height: 28px;
}


.systemShow .relateSystem .relateSystemList h3 a:hover {
    background-color: #0c71c0;
    color: #fff;
}
.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;}
}