.cityShow{}

.cityShow .cityShowHead{ background:#337AB7; height:150px;}

.cityShow .cityShowHead .cityShowHeadBox{ height:100px;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowLogo{ padding-top:25px;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowLogo .logo{ float:left; margin-right:15px;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowLogo h1{ font-weight:normal;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowLogo p{ color:#ffffff; opacity:0.8;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowLogo a{ color:#ffffff; opacity:0.8; font-size:2rem; text-decoration:none;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowLogo a:hover{ color:#ffffff; opacity:1;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowContact{ text-align:right; padding-top:30px;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowContact .link{ opacity:0.8;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowContact .link a{ color:#ffffff;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowContact .home a{ font-size:1.1rem; opacity:0.8; color:#ffffff;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowContact .phone{ font-size:1.7rem; color:#ffffff; opacity:0.8;}

.cityShow .cityShowHead .cityShowNav{ height:50px; line-height:50px; background:#0D5B8A; padding:0 20px; border-top-left-radius:5px; border-top-right-radius:5px;}

.cityShow .cityShowHead .cityShowNav a{ color:#ffffff; margin-right:15px; font-size:1.1rem; padding:3px 12px;}

.cityShow .cityShowHead .cityShowNav a.on{  background:#D7EAF9; color:#333333; border-radius:30px;}

.cityShow .cityShowHead .cityShowNav a:hover{ background:#D7EAF9; color:#333333; border-radius:30px;}

.cityShow .cityShowHead .cityShowNav a.sy{ color:red; background:#ffffff; border-radius:30px; font-size:1rem;}

.cityShow .cityShowHead .cityShowNav a.sy:hover{ background:#9AC7EB; color:#0D5B8A;}

.cityShow .cityShowHead .cityShowNav a.cityTocity{ color:#FF0;}

.cityShow .cityShowHead .cityShowNav a.cityTocity:hover{ color:red; background:#ffffff;}

.cityShow .cityShowHead .cityShowNav .qq{ float:right;}

.cityShow .cityShowHead .cityShowNav .qq img{ vertical-align:middle; height:22px;}

.cityShow .cityShowHead .cityShowNav .qq a{ vertical-align:middle; margin:0;}

.cityShow .cityShowHead .cityShowNav .qq .goWechat{ position:relative;}

.cityShow .cityShowHead .cityShowNav .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;}

.cityShow .cityShowHead .cityShowNav .qq .goWechat span img{ width:100px; height:100px;}

.cityShow .cityShowHead .cityShowNav .qq .goWechat:hover span{ display:block;}

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

.cityShow .cityShowHead .cityShowHeadBox{ height:110px;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowLogo .logo{ display:none;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowLogo{ text-align:center; padding-top:0px;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowLogo h1{ font-weight:normal; height:40px; line-height:40px; overflow:hidden; width:calc(100% - 20px); margin:0 10px;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowLogo a{ font-size:1.5rem;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowContact{ padding-top:10px; text-align:center;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowContact .link{ display:inline-block;}

.cityShow .cityShowHead .cityShowHeadBox .cityShowContact .phone{ font-size:1rem; display:inline-block;}

.cityShow .cityShowHead .cityShowNav{ height:auto; border-radius:0; width:auto; text-align:center;}

.cityShow .cityShowHead .cityShowNav .cityShowNavBox{ width:auto; line-height:18px; padding:6px 0;}

.cityShow .cityShowHead .cityShowNav a{ font-size:0.9rem; padding:3px 8px 0 8px; margin:0; height:26px; line-height:26px; white-space:nowrap;}

.cityShow .cityShowHead .cityShowNav .qq{ float:none; display:block;}

.cityShow .cityShowHead .cityShowNav .qq .goQq:nth-child(2){ display:none;}

.cityShow .cityShowHead .cityShowNav .qq img{ height:16px;}

}



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

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

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

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

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

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

.cityShowContent .content1 .slide{ width:470px; float:left;}

.cityShowContent .content1 .slide img{ width:95%;}

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

.cityShowContent .content1 .detail .contentSolution{}

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

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

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

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

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

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

.cityShowContent .content1 .bgImg .icon img{}

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

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

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

.cityShowContent .gnsy a.sy:hover{ color:#666666;}

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

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

.cityShowContent .d1{}

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

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

.cityShowContent .content1 .slide{ width:100%; float:none;}

.cityShowContent .content1 .slide img{ width:100%;}

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

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

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

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

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

}





.cityShow .note{}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}





.cityShow .note2{}

.cityShow .note2 > dl{ margin:30px 20px;}

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

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

.cityShow .note2 > dl dd{ padding:0 10px; margin-bottom:20px;}

.cityShow .note2 > dl dd:first-child{ margin-top:30px;}

.cityShow .note2 > dl dd p{ }

.cityShow .note2 > dl dd div.left{ width:100px; float:left;}

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

.cityShow .note2 > dl dd div.right{ width:calc(100% - 100px); float:left;}

.cityShow .note2 > dl dd p.p2{ height:30px; line-height:30px; font-size:1.15rem; color:#337AB7; font-weight:bold; overflow:hidden;}

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

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

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

.cityShow .note2 > dl{ margin:10px;}

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

.cityShow .note2 > dl .d2{ font-size:1rem;}

.cityShow .note2 > dl dd{ width:calc(50% - 20px);}

.cityShow .note2 > dl dd p{ text-align:center;}

.cityShow .note2 > dl dd div.left{ float:none; width:100%;}

.cityShow .note2 > dl dd div.right{ float:none; width:100%;}

}





.cityShow .module{}

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

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

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

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

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

.cityShow .picture{}

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

.cityShow .picture dl{}

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

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

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

.cityShow .picture dl dd .p1{}

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

.cityShow .picture dl dd .p2{}

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

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

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

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

.cityShow .module .moduleList p.p1{}

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

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

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

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

}





.cityShow .relatecity{}

.cityShow .relatecity .relatecityList{ margin:20px;}

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

.cityShow .relatecity .relatecityList h3 a{ float:right; margin-right:0px; color:#666666; font-size:1rem; line-height:28px;}

.cityShow .relatecity .relatecityList ul{ padding:0; margin:0;}

.cityShow .relatecity .relatecityList li{ padding:0; margin:0; height:30px; line-height:30px; overflow:hidden;}

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

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

.cityShow .relatecity .relatecityList{ margin:15px;}

.cityShow .relatecity .relatecityList li{ height:30px; overflow:visible; width:100%; margin:0;}

.cityShow .relatecity .relatecityList p.p1{}

.cityShow .relatecity .relatecityList p.p2{ height:28px; line-height:28px; overflow:hidden;}

}







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

#cityShowNavBox{ width:950px;}

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

}





.tableList{}

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





.citySearch{ float:right; margin:0; padding:0; margin-right:10px;}

.citySearch .text{ height:28px; line-height:28px; border:0; vertical-align:middle; width:220px; padding:0 10px; border-top-left-radius:5px; border-bottom-left-radius:5px;}

.citySearch .button{ height:28px; line-height:28px; border:0; vertical-align:middle; padding:1px 10px; background:#dddddd; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px;}

.citySearch .button:hover{ opacity:0.9;}

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

.citySearch{ clear:both; float:none; margin-top:10px;}

.citySearch .text{ width:180px; border:1px solid #cccccc; height:24px; line-height:24px;}

.citySearch .button{ border:1px solid #cccccc; height:24px; line-height:24px; border-left:0;}

}





.cityShow .infoList{ padding:0 20px;}

.cityShow .infoList h3{ font-size:1.15rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; font-weight:bold; color:#333333;}

.cityShow .infoList h3 a{ float:right; margin-right:0px; color:#666666; font-size:1rem; line-height:28px;}

.cityShow .infoList ul{ padding:0; margin:0;}

.cityShow .infoList li{ padding:0; margin:0; height:28px; line-height:28px; overflow:hidden;}

.cityShow .infoList li.w-16{ width:16.66%;}

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

.cityShow .infoList{ width:calc(100% - 20px); margin:0 10px 10px 10px;}

.cityShow .infoList h3{ font-size:1.2rem;}

.cityShow .infoList li{ height:auto; line-height:auto; overflow:visible; width:100%; margin:0;}

.cityShow .infoList li.w-16{ width:50%;}

.cityShow .infoList p.p1{}

.cityShow .infoList p.p2{ height:28px; line-height:28px; overflow:hidden;}

}







.cityShow .newsList{ padding:0 20px;}

.cityShow .newsList h3{ font-size:1.15rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; font-weight:bold; color:#333333;}

.cityShow .newsList h3 a{ float:right; margin-right:0px; color:#666666; font-size:1rem; line-height:28px;}

.cityShow .newsList ul{ padding:0; margin:0;}

.cityShow .newsList li{ padding:0; margin:0; width:calc(33.33% - 20px); margin-right:20px; margin-bottom:20px;}

.cityShow .newsList li:nth-child(3n+0){}

.cityShow .newsList li .p1{ margin-bottom:5px;}

.cityShow .newsList li .p1 a{ font-size:1.1rem;}

.cityShow .newsList li .p1 span{ float:right;}

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

.cityShow .newsList{ width:calc(100% - 20px); margin:0 10px 10px 10px;}

.cityShow .newsList h3{ font-size:1.2rem;}

.cityShow .newsList li{ height:auto; line-height:auto; overflow:visible; width:100%; margin:0;}

.cityShow .newsList p.p1{}

.cityShow .newsList p.p2{ height:28px; line-height:28px; overflow:hidden;}

}



.cityBox{ background:#ffffff; height:100%; border:1px solid #cccccc; margin-top:10px; border-radius:5px; box-shadow: 2px 0px 2px 0px rgba(150,150,150,0.1), -2px 0px 2px 0px rgba(150,150,150,0.1);}

.cityBox h3{ font-size:1.15rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; font-weight:bold; color:#333333; padding-left:20px;}

.cityBox ul{ margin:20px;}

.cityBox ul li{ display:inline-block; margin:0 8px; line-height:26px;}