/* 公共导航 */
#son-head{width:100%;background:url(../images/yunshu-back.jpg)no-repeat center;background-size:cover;height:200px;
padding-top:67px;box-sizing: border-box;}
#son-head .w128{position: relative;height: 100%;}
#son-head .logo img{height:63px;}
#son-head .logo h1{font-size:32px;line-height:32px;color:#fff;font-weight: bold;}
#son-head .logo h1:before{content:'';display: inline-block;width:1px;height:32px;background:#fff;margin:0px 15px;margin-bottom: -6px;}
#son-head .top-navs{text-align: right;position:absolute;right:0;bottom:10px;}
#son-head .top-navs li{width:120px;font-size:18px;line-height:36px;text-align: center;display:inline-block;}
#son-head .top-navs li a{color:#fff;}
#son-head .top-navs li.active,#son-head .top-navs li:hover{background:#fff;border-radius:32px;font-weight: bold;}


.qh-news .qh-ul,#news-div .gg-list ul{display: block;}
#com-head .web-top{height:auto;}
#about-jj .aboutjj-cont{padding-top:30px;}
#about-jj .aboutjj-cont p{font-size:16px;line-height:32px;margin-bottom:10px;}

/* 综合颜色修改 */
.zonghe-color #son-head{background:url(../images/zonghe-back.jpg)no-repeat center;}
.zonghe-color #son-head .top-navs li.active a,.zonghe-color #son-head .top-navs li:hover a{color:#02567a;}
.zonghe-color .ons{color:#02567a;}
.zonghe-color .foot{background:#02567a !important;}
.zonghe-color .foot .links li{background:#006691 !important;}
.zonghe-color  .small-title span.on,.zonghe-color  .small-title span:hover{color:#02567a !important;}
.zonghe-color .small-title span:after,.zonghe-color .dt-news a.ons{background:#02567a !important;}
.zonghe-color .small-title span:first-child:before{background: url(../images/zonghe-title-nav.png)no-repeat center;    background-size: cover;}


/* 水路颜色修改 */
.shuilu-color #son-head{background:url(../images/shuilu-back.jpg)no-repeat center;}
.shuilu-color #son-head .top-navs li.active a,.shuilu-color #son-head .top-navs li:hover a{color:#009999;}
.shuilu-color .ons{color:#009999;}
/*.shuilu-color a:hover,.shuilu-color li:hover h3{color:#009999 !important;}*/
.shuilu-color .foot{background:#009999 !important;}
.shuilu-color .foot .links li{background:#068383 !important;}
.shuilu-color  .small-title span.on,.shuilu-color  .small-title span:hover{color:#009999 !important;}
.shuilu-color .small-title span:after,.shuilu-color .dt-news a.ons{background:#068383 !important;}
.shuilu-color .small-title span:first-child:before{background: url(../images/shuilu-title-nav.png)no-repeat center;    background-size: cover;}

/* 公路颜色修改 */
.gonglu-color #son-head{background:url(../images/gonglu-back.jpg)no-repeat center;}
.gonglu-color #son-head .top-navs li.active a,.gonglu-color #son-head .top-navs li:hover a{color:#0535a9;}
.gonglu-color .ons{color:#0535a9;}
.gonglu-color .foot{background:#0535a9 !important;}
.gonglu-color .foot .links li{background:#204ebd !important;}
.gonglu-color  .small-title span.on,.gonglu-color  .small-title span:hover{color:#0535a9 !important;}
.gonglu-color .small-title span:after,.gonglu-color .dt-news a.ons{background:#0535a9 !important;}
.gonglu-color .small-title span:first-child:before{background: url(../images/gonglu-title-nav.png)no-repeat center;    background-size: cover;}

/* 港航颜色修改 */
.ganghang-color #son-head{background:url(../images/ganghang-back.jpg)no-repeat center;}
.ganghang-color #son-head .top-navs li.active a,.ganghang-color #son-head .top-navs li:hover a{color:#1387c4;}
.ganghang-color .ons{color:#1387c4;}
.ganghang-color .foot{background:#1387c4 !important;}
.ganghang-color .foot .links li{background:#129ce4 !important;}
.ganghang-color  .small-title span.on,.ganghang-color  .small-title span:hover{color:#1387c4 !important;}
.ganghang-color .small-title span:after,.ganghang-color .dt-news a.ons{background:#1387c4 !important;}
.ganghang-color .small-title span:first-child:before{background: url(../images/ganghang-title-nav.png)no-repeat center;    background-size: cover;}

/* 货运颜色修改 */
.huoyun-color #son-head{background:url(../images/huoyun-back.jpg)no-repeat center;}
.huoyun-color #son-head .top-navs li.active a,.huoyun-color #son-head .top-navs li:hover a{color:#ef7c1c;}
.huoyun-color .ons{color:#ef7c1c;}
.huoyun-color .foot{background:#ef7c1c !important;}
.huoyun-color .foot .links li{background:#f49546 !important;}
.huoyun-color  .small-title span.on,.huoyun-color  .small-title span:hover{color:#ef7c1c !important;}
.huoyun-color .small-title span:after,.huoyun-color .dt-news a.ons{background:#ef7c1c !important;}
.huoyun-color .small-title span:first-child:before{background: url(../images/huoyun-title-nav.png)no-repeat center;    background-size: cover;}

/* 客运颜色修改 */
.keyun-color #son-head{background:url(../images/keyun-back.jpg)no-repeat center;}
.keyun-color #son-head .top-navs li.active a,.keyun-color #son-head .top-navs li:hover a{color:#035897;}
.keyun-color .ons{color:#035897;}
.keyun-color .foot{background:#035897 !important;}
.keyun-color .foot .links li{background:#0067b4 !important;}
.keyun-color  .small-title span.on,.keyun-color  .small-title span:hover{color:#035897 !important;}
.keyun-color .small-title span:after,.keyun-color .dt-news a.ons{background:#035897 !important;}
.keyun-color .small-title span:first-child:before{background: url(../images/keyun-title-nav.png)no-repeat center;    background-size: cover;}

/* 客运颜色修改 */
.zhiheng-color #son-head{background:url(../images/zhiheng-back.jpg)no-repeat center;}
.zhiheng-color #son-head .top-navs li.active a,.zhiheng-color #son-head .top-navs li:hover a{color:#356cdd;}
.zhiheng-color .ons{color:#356cdd;}
.zhiheng-color .foot{background:#356cdd !important;}
.zhiheng-color .foot .links li{background:#4f82ea !important;}
.zhiheng-color  .small-title span.on,.zhiheng-color  .small-title span:hover{color:#356cdd !important;}
.zhiheng-color .small-title span:after,.zhiheng-color .dt-news a.ons{background:#356cdd !important;}
.zhiheng-color .small-title span:first-child:before{background: url(../images/zhiheng-title-nav.png)no-repeat center;    background-size: cover;}


@media screen and (max-width: 780px){
	#son-head{height:auto;padding:0.2rem 0px;}
	#son-head .logo{justify-content: space-between;}
	#son-head .logo img{height:0.7rem;}
	#son-head .top-navs{position: unset;text-align: center;margin-top:0.2rem;display: flex;
    justify-content: space-between;}
	#son-head .logo h1{font-size: 0.3rem;line-height: 0.3rem;}
	#son-head .logo h1:before{display:none;}
	#son-head .top-navs li{width:25%;font-size: 0.28rem;line-height: 0.5rem;}



	#about-jj .aboutjj-cont{padding-top:0.3rem;}
	#about-jj .aboutjj-cont p{font-size:0.3rem;line-height:0.5rem;margin-bottom:0.1rem;}
}