@charset "utf-8";
/* CSS Document */
.clr:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clr{*+height:1%;}
.notice:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.notice{*+height:1%;}
.altinfo:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.altinfo{*+height:1%;}
body {
	font-family: "Microsoft Yahei", Tahoma, simsun;
	font-size: 14px;
	line-height: 1.65em;
}
.wechaticon {
position:absolute;
left:-600px;
top:-600px;
}
#loading{
	position: fixed;
	_position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background: #FFF url(../images/loaderc.gif) no-repeat center;
	background-size: 20px;
	z-index: 25;
	margin: -10px 0 0 -10px;
	padding: 8px;
	border-radius: 10px;
	border: 1px solid #f1f1f1;
	opacity: 0.8;
}
.header{
line-height:50px;
background: url(../images/header_bg.jpg) repeat-x;
background-size: contain;
height:50px;
position:relative;
display:none;
}
.headname{
margin: 0 auto;
text-align: center;
font-weight: bold;
font-size: 20px;
position:relative;
color:#fff;
}
.headAux{
left: 0;
position: absolute;
top: 0;
width: 100%;
line-height:50px;
}
.headAux .return{
left: 0;
}
.headAux .honme{
right: 0;
  width: 28%;
}
.headAux .honme a{
  float: right;
  padding: 0 15px;
}

.headAux div {
height:50px;
position: absolute;
text-align: center;
color:#fff;
font-weight:bold;
width:50px;
font-size:85%;
}
.headAux div a{
color:#fff;
}
.content {
	position: relative;
}
h2 {
	  background: url(../images/h2blue_bg.jpg) repeat-x;
	  color: #fff;
	  line-height: 38px;
	  text-indent: 3%;
	  border-bottom: 1px #0072bb solid;
	  position:relative
}
#art2 h2{
padding: 0 0 0 45px;
}
.intrologo{
background-image: url('../images/jtlogo.png');
  text-indent: 45px;
  background-size: 32px 32px;
  background-repeat: no-repeat;
  /* margin-left: 10px; */
  position: absolute;
  width: 41px;
  height: 50px;
  left: 0px;
  top: 0;
  background-color: #FFF;
  background-position: center;
}
.lucor {
	background: #6e6e6e;
}
a.phonebtn {
  width: 80%;
  margin: 0px auto;
  display: block;
  padding: 15px 10px;
  background-color: #0E8600;
  color: #FFF;
  text-align: center;
  margin: 0 auto 15px;
  border-radius: 10px;
  border-bottom: 3px solid #333;
}
.sslk {
	width: 80%;
	margin: 0px auto;
	position:relative;
}
.sslk .stationpanel {
position:absolute;
width:100%;
left:0;
top:0;
height:72px;
z-index:3;
}
.dres {
position: relative;
  padding: 10px 5px;
  border: 6px solid #0483d4;
  background: #FFF;
  border-radius: 10px;
}
.placename {
    font-weight: 700;
    font-size: 110%;
    line-height: 38px;
}
.serviceInfoBlock {}
.servitem {
    width: 23%;
    /* height: 35px; */
    background-color: #999;
    color: #FFFFFF;
    float: right;
    text-align: center;
    margin-right: 2px;
    padding: 2px 0;
	background-repeat:no-repeat;
background-size: 24px 24px;
background-position: center;
text-indent:-999em;
}
.servitem a {
text-decoration: none;
  color: #FFF;
  display: block;
  padding: 5px 3px;
}
.altinfo .servitem {
	width: auto;
  margin: 0 2px 0 0;
  padding: 0 12px;
}
.altinfo .servitem a {

}

.parking{
background-color: #007d00;
background-image:url('../images/Parking.png');

}
.dining{
background-color: #F80;
background-image:url('../images/restaurant.png');
}
.gas{
background-color: #e21505;
background-image:url('../images/gas_station.png');
}
.fix{
background-color: #007d00;
background-image:url('../images/repair.png');
}
.exit{
background-color: #0483d4;
background-image:url('../images/exit_icon.png');

}


.notice {
	background: url(../images/highway_bg.jpg) repeat-y center;
	background: url(../images/highway_bg.svg) repeat-y center;
	background-size: 70%;
	position: relative;
	width: 90%;
	margin: 0px auto;
	min-height: 100px;
}
.msg {
}
.notice>.block {
width:45%;
}
.tip.nojam {
text-align: center;
  background-color: #2EA30E;
  position: absolute;
  padding: 2% 8%;
  border-radius: 10px;
  left: 0;
  top: 25%;
  width: 74%;
  border: 2px dotted #53E24F;
  margin: 0 5%;
  color: #FFF;
  font-weight: 700;
  font-size: 85%;
  }
.leftside {
float:left;
}
.rightside {
float:right;
}
.const {
}
.icon a {
    height: 63px;
    width: 90px;
    display: block;
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
}
.leftside .const a {
  background-image:url('../images/lbh_icon_const-rt.svg');
}
.leftside .accident a {
  background-image:url('../images/lbh_icon_acc-rt.svg');
}
.leftside .busy a {
  background-image:url('../images/lbh_icon_slow-rt.svg');
}
.rightside .const a {
  background-image:url('../images/lbh_icon_const-lt.svg');
}
.rightside .accident a {
  background-image:url('../images/lbh_icon_acc-lt.svg');
}
.rightside .busy a {
  background-image:url('../images/lbh_icon_slow-lt.svg');
}
.rightside .icon a {
	margin:0 0 0 auto;
}
.leftside .icon a {
	margin:0 auto 0 0;
}
.icon a img {
	width: 100%;
	height: 100%;
}
.camera {
}
.camera a {
	height: 40px;
	width: 40px;
	display: block;
}
.camera a img {
	width: 100%;
	height: 100%;
}
.dlclose {
}
.dlclose a {
	height: 40px;
	width: 40px;
	display: block;
}
.dlclose a img {
	width: 100%;
	height: 100%;
margin-top:
}
.mar_tb {
	padding: 5px 0px;
}
.drestop {
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.alltit {
}
.alltit a {
}
.gsclose {
	position: relative;
}
.gsconst {
	position: relative;
	  display: inline-block;
	  width: 100%;
}
.gsconst a {
		height: 66px;
	  width: 33%;
	  display: block;
	  position: relative;
	  line-height: 66px;
	  float: left;
	  color: #FFFFFF;
	  text-align: center;
}
#index .gsconst a {
    height: 30px;
    line-height: 30px;
}
.dt01,.dt02,.dt03{
font-size:80%;
font-weight:bold;
 }
 .dt01{ background: #FF0000;}
 .dt02{ background: #FF9900;}
 .dt03{ background: #009900;}
 .gsconst a.audpaly{
   background-size: 35px 40px;
   background:#086126 url(../images/gskl_btn_play.svg) no-repeat center
 }
 .gsconst a.map{
   background-size: 35px 40px;
     background: #10371D url(../images/gskl_btn_map.svg) no-repeat center;
 }
.tippos {
	position: absolute;
	background: #FF0000;
	color: #fff;
	top: -3px;
	width: 18px;
	line-height: 18px;
	font-size: 50%;
	height: 18px;
	text-align: center;
	right: -3px;
	font-weight: bold;
	border-radius: 4px;
}
.tippos.traffic {
    position: static;
    background-color: #ddd;
    color: #fff;
    width: 56px;
    font-size: 115%;
    text-align: center;
    font-weight: bold;
    border-radius: 4px;
    line-height: 36px;
    padding: 0 10px;
    height: inherit;
    margin: 0 auto;
}
}
.tippos.traffic.bad {
    background-color: #FF0000;
}
.tippos.traffic.slow {
    background-color: #f3a30c;
}
.tippos.traffic.normal {
    background-color: #33cc00;
}


.gsclose a {
	height: 40px;
	width: 40px;
	display: block;
}
.gslist {
	border-bottom: 1px solid #808080;
    padding: 10px 5px 10px 10px;
}
.gslist .G_name a{
  color: #666;
  display: block;
  }
.tipinfo2 .yplay {
  text-align: center;
  padding: 40px;
}
.listcont {
	border-bottom: 2px solid #eda533;
	border-left: 2px solid #eda533;
	border-right: 2px solid #eda533;
	border-radius: 0px 0px 5px 5px;
	margin: 0px 8px 8px;
}
.dresinfo {
	margin: 0px 10px;
	border-bottom: 2px solid #bababa;
}
.infotit {
	text-align: center;
}
.infotit a {
	text-align: center;
	line-height: 45px;
	color: #000;
	font-weight: bold;
	font-size: 100%;
	width: 100%;
	display: block;
}
.infotit a span {
	background: #FF0000;
	color: #fff;
	font-size: 70%;
	text-align: center;
	font-weight: normal;
	padding: 0px 5px;
	border-radius: 4px;
    display: none;
	margin-left: 2px;
}
.ui-tabs-active .infotit a {
	background: url(../images/infotab.png) center bottom no-repeat;
}
.infolist {
	margin: 0px 10px;
}
.infolist ul {
}
.infolist ul li {
}
.infolist ul li a {
	color: #000;
	  font-weight: bold;
	  font-size: 110%;
	  border-bottom: 1px solid #f1f1f1;
	  padding: 3% 3%;
	  display: block;

}
.G_name {
	font-size: 110%;
	  line-height: 1.3em;
	  width: 90%;
	  margin: 0 auto;
}
.G_name span.gid {
font-size:16px;
display:block;
font-weight:700;
}
.G_icon {
  width:40px;
  height:46px;
  background-size:38px;
  background-repeat:no-repeat;
  background-image:url(../images/icon_g75.svg);
}
.G_icon a { display:block; width:100; height:100%;}
.G_icon.g72 {
  background-image:url(../images/icon_g72.svg);
}
.G_icon.g80 {
  background-image:url(../images/icon_g80.svg);
}
.G_icon.g7201 {
  background-image:url(../images/icon_g7201.svg);
}
.G_icon.s5101 {
  background-image:url(../images/icon_s5101.svg);
}
.G_icon.s52 {
  background-image:url(../images/icon_s52.svg);
}
.G_icon.s31 {
  background-image:url(../images/icon_s52.svg);
}
.G_icon.s7221 {
  background-image:url(/uploads/allimg/230814/1_1638269881.jpg);
}
.G_icon.s90 {
  background-image:url(../images/icon_s52.svg);
}
.G_icon img{
display:none;
}
.map {
	height: 150px;
}
.tipinfo {
	padding: 10px;
}
.tipinfo ul {
	list-style: none;
}
.tipinfo ul li {
	list-style: none;
	font-size: 100%;
	font-weight: bold;
	padding: 5px 0px;
}
.tipinfo ul li span {
	font-size: 90%;
	font-weight: normal;
}
.drstitie .drslist {
	text-align: center;
}
.drstitie .drslist a {
	line-height: 50px;
	border-left: 1px solid #fff;
	font-size: 100%;
	font-weight: bold;
	width: 99%;
	display: block;
	text-align: center;
	background: #1cbcfb;
	color: #fff;
}
.drstitie .drslist a.colcurrent {
	color: #fff;
	background: #0072bb;
}
.banner {
	background: url(../images/banner.png) no-repeat;
	background-size: contain;
	height: 150px;
	position: relative;
}
.maincont {
	position: absolute;
	top: 90px;
	width: 100%;
	margin: 0px auto;
}
.gdt{
	width: 98%;
	margin: 0px auto;
	line-height: 45px;
	height: 45px;
	}
#marquee2 li a{color:#FF0000;} 
#marquee2 ul{list-style:none;}
#marquee2{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    background: #FFFFFF;
}
#marquee2 ul li{float:left; padding:0 10px; line-height:45px;}
.maincont h2 {
	width: 98%;
	margin: 0px auto;
}
h2.ld {
	line-height: 45px;
	height: 45px;
	color: #fff;
	background:none;
	text-indent:0em;
	border:none;
	letter-spacing:0;font-family: "Microsoft Yahei", Tahoma, simsun;
}
h2.lkgl ,h2.gsfw,h2.gywm {
    line-height: 45px;
    height: 45px;
    color: #8E8D8D;
    background: url(../images/index_gywm.png) no-repeat center left;
    background-size: 32px 32px;
    text-indent: 2.5em;
    margin-top: 10px;
    border: none;
    font-weight: 300;
}
.indexitem.c1 {
	background: url(../images/c1_bg.jpg) repeat-x;
}
.indexitem.c2 {
	background: url(../images/c2_bg.jpg) repeat-x;
	/*background: url(../images/c1_bg.jpg) repeat-x;*/
	background-size: contain;

}
.indsurvey .indexitem {
	text-align: center;
	width: 99%;
	margin: 45px auto 0;
}
.indsurvey .yuyininfo {
width: 96%;
margin: 0px auto 3px;
padding:1%;
background: #fff;
font-weight:bold;
color:#000;
border:5px solid #00addf;
}
.indexitem a {
	display: block;
	overflow: hidden;
	text-align: center;
	margin: 0;
	padding: 30px 10px;
	color: #fff;
	font-size: 100%;
	text-align: left;
	background-position-x: 90%;
	background-position-y: 52%;
	background-size: 32px 32px;
	background-repeat: no-repeat;
}
.indsurvey .indexitem a {
  padding: 50px 10px 10px;
  color: #fff;
  font-size: 100%;
  text-align: center;
  background-position-x: 50%;
  background-position-y: 25%;
  font-weight: bold;
  background-size: 32px 32px;
  background-repeat: no-repeat;
  border: 1px solid #FFC9AC;
}
.indsurvey .indexitem.i1 a {
	background-image: url(../images/index_gl.png);
}
.indsurvey .indexitem.i2 a {
	background-image: url(../images/index_jy.png);
}
.servinfo .indexitem.w1 a {
	background-image: url(../images/index_fwss.png);
}
.servinfo .indexitem.w2 a {
	background-image: url(../images/index_sfgl.png);
}
.servinfo .indexitem.w3 a {
	background-image: url(../images/index_lbhjj.png);
}
.servinfo .indexitem.w4 a {
	background-image: url(../images/index_lxwm.png);
}
.servinfo .indexitem.w5 a {
	background-image: url(../images/fwsc_01.png);
}
.servinfo .indexitem.w6 a {
	background-image: url(../images/fwsc_02.png);
}
.servinfo .indexitem.w7 a {
	background-image: url(../images/earth.png);
}
.servinfo .indexitem a {
	display: block;
	overflow: hidden;
	text-align: right;
	margin: 0 auto;
  display: block;
  overflow: hidden;
  text-align: right;
  margin: 0 auto;
  padding: 20px 5px 20px 20px;
  color: #fff;
  font-weight: bold;
  font-size: 100%;
  background-position-x: 0%;
  background-position-y: 50%;
  background-size: 32px 32px;
  width: 68%;
  background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	background-position-x: 0%;
	background-position-y: 50%;
	background-size: 32px 32px;
width: 68%;
	background-repeat: no-repeat;
}
.servinfo .xcitem a {
	display: block;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	padding: 20px 2px;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	background-position-x: 0%;
	background-position-y: 50%;
	background-size: 32px 32px;
	width:96%;
	background-repeat: no-repeat;
}
.gstips{
background: #223442;
width: 97%;
margin: 3px auto 0;
padding: 5px 1%;

}
.gstips .tipsdet {
	text-align: center;
	position: relative;
	margin-top:5px;
}
.tipsfetinfo {
	position: relative;
	width: 80%;
	margin: 0px auto;
}
.tipsdetname {
    position: static;
    width: 94%;
    margin: 7px auto;
    line-height: 1.3em;
    color: #555;
}
.tipsdetname span.stitle{
    display:block;
		overflow: hidden;
}
.tipsdetname a {
  color: #000;
  font-size: 75%;
  line-height: 1.4em;
  margin-top: 10px;
  display: block;
}
.indmar_l {
	margin-left: 2px;
}
.gsbo {
	width: 97%;
	position: relative;
	background: url(../images/gstips.jpg);
	background-size: contain;
	padding: 10px 0px;
	margin:0px auto;border-bottom: #afafaf 1px solid;
	border-radius: 5px;
	height:76px;
}
.gslkxc {
	width: 97%;
	position: relative;
	background:url(../images/green.jpg) repeat-x;
	margin: 8px auto 0px;
	border-bottom: 1px solid #2c5f07;
}
.servnr {
	width: 98%;
	position: relative;background:#b483ff;
	/*background: url(../images/w_bg.jpg) repeat-x;*/	background:url(../images/green.jpg) repeat-x;

	margin: 3px auto 0px;border-bottom: 1px solid #2c5f07;
}
.intronr {
    width: 98%;
    position: relative;
    background: #548B0E;
    background-size: contain;
    margin: 3px auto 0px;
    border-bottom: 2px solid #3E6A07;
}
.pop-up {
position: absolute;
  width: 90%;
  left: 3%;
  top: 15%;
  border: 5px solid #D86615;
  background: #FFF;
  z-index: 20;
  display: none;
  border-radius: 15px;
  }
  .pop-up h3{
font-size: 125%;
  padding: 15px 20px;
  line-height: 1.4em;
  background-color: #F09200;
  color: #FFF;
  font-weight: 700;
  border-radius: 10px 10px 0 0;
}
.pop-up.grey {
border: 5px solid #16D719;
  background: #FFF;
  }
  .pop-up.grey h3{
  background-color: #00A302;
}
  .pop-up.grey .close {
  background: #007d00;
}
.pop-up.blue {
border: 5px solid #1E84AB;
  background: #FFF;
  }
  .pop-up.blue h3{
  background-color: #0B6CAD;
}
  .pop-up.blue .close {
  background-color: #0F77B5;;
}

  .pop-up div {
  margin:15px;
}
  .pop-up div.option {
    position: absolute;
    bottom: 0;
    width: 90%;
    margin: 5%;
	left:0;
	}
  .pop-up .artcontent {
  font-size:100%;
  margin-bottom:30px;
}
  .pop-up .altinfo {
  font-size:85%;
  font-size: 85%;
  position: absolute;
  right: 0px;
  top: -5px;
}
  .pop-up.yell .altinfo {
  position:static;
  }

.pop-up .altinfo h4 { display:none;}

	.pop-up .desc {
		max-height: 100%;
	  overflow-y: auto;
	  margin: 0;
	  font-size: 120%;
	  line-height: 1.5em;
}
.pop-up .desc div {
	margin: 0;
}

  .pop-up .close {
  margin: 2%;
  background: #F80;
  padding: 15px 1%;
  text-align: center;
  color: #FFF;
  display:block;
    border-radius: 10px;
}
  .mask {
  width: 100%;
  left: 0%;
  top: 0%;
  height: 100%;
  background: #333;
  opacity: 0.5;
  z-index: 10;
  display: none;
  position: absolute;
  }
.disablescroll {
  overflow:hidden;

}
.artinfo {
padding: 2% 3%;
  line-height: 1.65em;
  font-size:115%;
}
.artinfo img {
margin:3% 0;}

.artinfo p {
line-height:1.65em;
text-indent:2em;
}
.artinfo h3 {
line-height:28px;
font-weight:bold;
padding:10px 0px;
margin-bottom:10px;
border-bottom:1px #ccc solid;
}

.listinfo {
padding:0;
margin:0px auto;
}
.listinfo ul {
list-style:none;
}
.listinfo ul li {
list-style:none;
border-bottom:#ccc 1px solid;
line-height:28px;
padding:10px;
}
.listinfo ul li a {
color:#000;
font-weight:bold;
}

.wxmenu{
width:90%;
background:#fff;
margin:0px auto;
}
.wxmenu ul{
}
.wxmenu ul li{
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
line-height:40px;
text-align:center;
}
.wxmenu ul li.noline{
border-bottom: 1px solid #f4f4f4;
}
.wxmenu ul li.nobolck2{
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom:2px solid #fff;
}
.wxmenu ul li.nobolck{
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom:1px solid #fff;
}
.wxmenu ul li.topline{
border-top:1px solid #ccc;
}
.wxmenu ul li a{
text-align:center;
font-size:85%;
color:#000;
}
.allmenu h4{
border-right:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size:100%;
color:#000;
font-weight:bold;
text-align:center;
line-height:50px;
background:#fff;
}
.allmenu{
  position: fixed;
  bottom: 0;
  width: 100%;
}
.high{
height:150px;
}
.sslklistcont {
}
.sslkdresinfo {
	margin: 0px 0px;
}
.sslkinfotit {
	text-align: center;
}
.sslkinfotit a {
	text-align: center;
	line-height: 45px;
	color: #515151;
	font-weight: bold;
	font-size: 100%;
	width: 100%;
	display: block;
	background: url(../images/atab_bg.jpg) repeat-x;
	border-bottom:2px #0072bb solid;
}

.ui-state-active .sslkinfotit a {
	background:#0072bb;
	color: #fff;
}
#jdss .ui-state-active .sslkinfotit a {
	background:#00BB18;
	color: #fff;
	border-bottom: 2px #077B0D solid;
}
#jdss .sslkinfotit a {
	border-bottom: 2px #077B0D solid;
}
#jdss h2 {
	background: #00941E;
	border-bottom: 1px #006911 solid;
}
.sslkinfolist {
	margin:10px;
}
.sslkinfolist ul {
}
.sslkinfolist ul li {
	  border-bottom: 1px solid #f1f1f1;
}
.sslkinfolist ul li a {
	color: #000;
	font-size: 100%;
	padding: 2% 3%;
	display:block;
}
.sslkinfolist ul li a span {
	background-color: #ddd;
	padding: 3px 5px;
	border-radius: 8px;
	margin-right: 3px;
	font-size: 75%;
	color: #666;
	margin-left: -10px;
}
.ht_pl{
position:absolute;
right:10px;
}
.input_body{
margin:0xp auto;
padding:10px;
background:#FFFFFF;
font-size:14px;
}
.ht_pl a{
margin:0px auto;
padding:4px 8px;
font-size:14px;
color:#FFFFFF;
background:#b80000;
border-radius:4px;
border-bottom:1px solid #555;
}.input_ht{
margin:0px auto;
font-size:14px;
width:100%;
border:none;
height:180px;
}

.choose_info{
margin:0px auto;
padding:10px;
background:#fbfbfb;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size:14px;
}
.ht_img{
padding:0px;
margin-right:3px;
background:url(../images/add_img.png) no-repeat;
height:24px;
width:24px;
display:inline-block;
vertical-align:-6px;
}

.baidumap img {
max-width:none;
height:auto;
}
.artinfo a.tellink {
  display: block;
  background-color: #138600;
  color: #FFF;
  text-align: center;
  font-size: 120%;
  padding: 3% 0;
  margin: 2% 0;
  border-radius: 5px;
  box-shadow: 0 2px 1px #333;
}
.block.otherroute {
	margin: 10px;
  border-radius: 5px;
  border: 2px solid #0D5A00;
  }