@charset "gbk";
/* CSS Document */

.mobileBanner{width:100%; height:520px; background:url(../images/mobilebanner.png) no-repeat center;}

.sjSpan{background:#f8f8f8 url(../images/sjbox.png) no-repeat center;}
.sjBox{position:relative; height:1194px;}
.sjBox dl{position:absolute;}
.sjBox dt{margin-bottom:50px;}
.sjBox dt h3{font-size:30px; color:#026bbc;}
.sjBox dt p{margin-bottom:4px; font-size:22px; color:#282828;}
.sjBox .sjTxt01{left:0px; top:278px;}
.sjBox .sjTxt01 dd{width:432px; line-height:22px; font-size:14px; color:#333;}
.sjBox .sjTxt02{right:20px; top:660px;}
.sjBox .sjTxt02 dt p{font-size:18px;}
.sjBox .sjTxt02 dd{padding-bottom:26px;}
.sjBox .sjTxt02 dd p{padding-top:4px; padding-left:30px; margin-bottom:20px; width:390px; line-height:22px; font-size:14px; color:#333; background:url(../images/sjddp_ico.png) no-repeat left 2px;}



.gnSpan .container{position:relative; height:580px; overflow:hidden;}
#gnSpan01{background:url(../images/shouji1.jpg) no-repeat center center;}
#gnSpan03{background:url(../images/shouji2.jpg) no-repeat center center;}
#gnSpan02 , #gnSpan04{background-color:#fff;}
#gnSpan01 .container{background:url(../images/gnspan01.png) no-repeat 648px bottom;}
#gnSpan02 .container{background:url(../images/gnspan02.png) no-repeat left center;}
#gnSpan03 .container{padding:0px 86px; background:url(../images/gnspan03.png) no-repeat right center;}
#gnSpan04 .container{background:url(../images/gnspan04.png) no-repeat left center;}

.gnBox02 , .gnBox04{float:right;}
.gnBox{margin-top:58px;}
.gnBox h3{margin-bottom:32px; font-size:24px; color:#026bbc;}
.gnBox dl{margin-bottom:20px; width:410px;}
.gnBox dt{margin-bottom:16px; font-size:16px; color:#026bbc;}
.gnBox dd{line-height:20px; font-size:14px; color:#333;}
.gnBox04 ul{margin-bottom:56px;}
.gnBox04 li{padding-left:20px; height:34px; line-height:34px; font-size:14px; color:#333; background:url(../images/gnli_ico.png) no-repeat left center;}
.gnBox .gnBox04 a{ display:block; width:228px; height:59px;}
.gnTab{position:absolute; left:50%; top:0px; margin-left:-2px; width:3px; height:100%; background-color:#026bbc;}
.gnTab a{display:block; margin-bottom:15px; margin-left:-27px; width:54px; height:54px; background-repeat:no-repeat; background-position:center top;}
.gnTab a:hover , .gnTab a.cur{background-position:center bottom;}
.gnTab .gnTab01{margin-top:160px; background-image:url(../images/gntabimg01.png);}
.gnTab .gnTab02{background-image:url(../images/gntabimg02.png);}
.gnTab .gnTab03{background-image:url(../images/gntabimg03.png);}
.gnTab .gnTab04{background-image:url(../images/gntabimg04.png);}

.m_mobile_img{
	display: none;
}
/*锟斤拷锟斤拷*/
.alSpan{padding:44px 0px; background:#f8f8f8 url(../images/alspan.png) no-repeat center;}
.alSpan h4{text-align:center; font-size:30px; color:#282828;}
.alSpan h4 b{color:#026bbc;}
.alSpan h4 p{font-size:12px; font-weight:normal; color:#999;}

.alSpan .alCont{padding-top:30px; position:relative;}
.alSpan .alCont ul{margin:0 auto; width:944px; overflow:hidden;}
.alSpan .alCont li{float:left; width: 185px;}
.alSpan .alCont li .alImgBg{padding:43px 16px 51px 8px; width: 202px;height: 180px;overflow:hidden; }/*background:url(../images/alimgbg.png) no-repeat center;*/
.alSpan .alCont li .alImgBg p{padding-right:16px; width:198px;  }/*overflow:scroll;overflow-x:hidden; */
.alSpan .alCont li h5{margin-top:6px; font-weight:normal; font-size:14px; height:20px; width:160px; padding:0px 10px; text-align:center; overflow:hidden;}
.alSpan .alCont .btnLeft , .alSpan .alCont .btnRight{position:absolute; top:50%; margin-top:-32px; width:64px; height:64px;}
.alSpan .alCont .btnLeft{left:-30px; }
.alSpan .alCont .btnRight{right:-30px; }


.zxSpan{margin:44px auto;}
.zxSpan h2{ font-size:16px; font-weight:normal; margin-bottom:20px;}
.zxSpan h2 a{color:#026bbc;}
.zxSpan h2 span{display:block; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#999;}

.zxBox{width:580px;}
.zxBox dl{height:260px; overflow:hidden;}
.zxBox dt{width:250px;}
.zxBox dt p{line-height:20px;}
.zxBox dt h5{ height:25px; line-height:25px; overflow:hidden;}
.zxBox h2{color:#026bbc;font-size:16px;}
.zxBox h2 a{color:#026bbc;}
.zxBox h2 span{display:block; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#999;}
.zxBox dt img{ width:250px; overflow:hidden;}
.zxBox dd{margin-left:270px;}
.zxBox dd ul{position:relative; top:-8px;}
.zxBox dd li{height:30px; line-height:30px; overflow:hidden;padding-right:10px;}
.zxBox dd li>a{width:215px;verflow:hidden; float:left;font-size:14px; }
.zxBox dd li font{ float:right; font-size:12px; color:#999999;}
/*锟斤拷锟斤拷锟斤拷锟斤拷*/
.cjwt{padding-left:42px; width:380px;}
.cjwt ul{position:relative; top:-8px;}
.cjwt li{height:30px; line-height:30px; overflow:hidden; padding-right:10px;}
.cjwt li font{ float:right; font-size:12px; color:#999999;}
.cjwt li a{ float:left; width:280px; overflow:hidden; font-size:14px;}
.byyySpan{height:600px; background:url(../images/byyyspan.png) no-repeat center;}
.byyySpan .byTit{padding-top:54px; padding-bottom:22px; font-size:30px; color:#fff; text-align:center;}
.byyySpan .byTit p{font-size:12px; font-weight:normal;}

/*锟斤拷锟斤拷*/
.dingDan{width:400px;}
.dingDan h4{height:110px; line-height:104px; background:url(../images/dingdantit.png) no-repeat center; font-size:16px;}
.dingDan h4 a{margin-left:22px; color:#fff;}
.dingDan ul{margin-left:22px;}
.dingDan li{position:relative; height:32px; line-height:32px; overflow:hidden; padding-left:10px; background:url(../images/dingdan_ico.png) no-repeat left 14px;}
.dingDan li em{display:block; width:260px; font-size:14px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dingDan li span{position:absolute; right:0; top:0px; color:#b03e00;}

/*锟斤拷锟斤拷预约*/
.msYy{position:relative; margin-top:100px; margin-right:200px;}
.msYy .m_form{}
.msYy .m_form>li{margin-bottom:5px;}
.msYy .m_form .iptTxt , .iptD p{width:250px; border:none; height:18px; line-height:18px; padding:10px; outline:none; background:url(../images/ipttxt_yy.png) no-repeat center; color:#666; font-family:microsoft yahei; font-size:14px;}
.msYy .m_form .iptD{position:relative;}
.msYy .m_form .iptD p{background:url(../images/iptsel_yy.png) no-repeat center;}
.msYy .m_form .iptD ul{position:absolute; top:36px; left:0px; z-index:999; display:none; width:270px; background-color:#fff; border-bottom:2px solid #ccc;height:170px;overflow:scroll;overflow-x:hidden;}
.msYy .m_form .iptD ul li{height:34px; line-height:34px; overflow:hidden;}
.msYy .m_form .iptD ul li{display:block; padding:0px 10px; font-size:14px; text-decoration:none; cursor:pointer;}
/*.msYy .m_form .iptD:hover ul{display:block;}*/
.msYy .m_form .iptD ul li:hover{background-color:#f2f2f2;}
.msYy .m_form .txtAre{width:250px; height:78px; border:none; outline:none; resize:none; padding:5px 10px; color:#666; line-height:20px; background:url(../images/txtare_yy.png) no-repeat center; font-family:microsoft yahei; font-size:14px; *overflow:hidden;}
.msYy .m_form .btnTj{width:160px; height:66px; border:none; background:url(../images/btntj_yy.png) no-repeat center; cursor:pointer;}




/* -- 锟斤拷锟斤拷锟斤拷锟斤拷 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}


@media only screen and (max-width:769px) and (min-width:320px){
	.alSpan .alCont ul{
		width:100%!important;
	}
	.alSpan .alCont .btnLeft{
		display:none;
	}
	.alSpan .alCont .btnRight{
		display:none;
	}

	.sjSpan{
		background-size:100%;
		background-position-y:0;
	}

	.sjBox .sjTxt01{
		width:50%;
	}
	.sjBox .sjTxt01 dd{
		width:100%;
	}
	.sjBox .sjTxt02{
		width:50%;
		top:520px;
		right:0;
		padding-left:5px;
		box-sizing:border-box;
	}
	.sjBox .sjTxt02 dd{
		width:100%;
	}
	.sjBox{
		height:900px;
	}
	.gnBox dl{
		width:100%;
	}
	#gnSpan01 .container{
		background-position-x:right;
	}

	.gnBox{
		width:45%;
	}
	#gnSpan02 .container{
		background-size:46%;
	}

	#gnSpan03 .container{
		padding:0;
	}

	.gnSpan .container{
		height:520px;
	}

	.zxBox{
		width:100%;

	}
	.zxBox dd{
		margin-left:0;
	}
	.cjwt{
		width:100%;
		padding-left:0;
	}
	.container{
		width:100%;
	}
}


@media only screen and (max-width:415px) and (min-width:320px){
	.sjSpan .container{
		width:100%;
	}
	.sjBox .sjTxt01{
		top:93px;
	}
	.sjBox .sjTxt01 dd{
		display:none;
	}
	.sjBox .sjTxt02{
		top:225px;
	}
	.sjBox .sjTxt02 dd{
		display:none;
	}
	.sjBox{
		height:340px;
	}
	#gnSpan01 .container{
		width:100%;
		background-size:50%;
	}
	.gnTab{
		display:none;
	}

	.gnBox{
		width:100%;
		padding:0 5px;
	}
	.gnBox h3{
		text-align:center;
	}

	#gnSpan02 .container{
		width:100%;
		background:none;
	}

	#gnSpan03 .container{
		width:100%;
		background:none;
	}
	
	#gnSpan04 .container{
		width:100%;
		background:none;
	}

	.gnBox04{
		text-align:center;
	}
	.gnBox04 ul{
		text-align:left;
	}

	.alSpan{
		display:none;
	}

	.zxSpan.container{
		width:100%;
		padding:0 5px;
	}

	.m_footer_info .container{
		width:100%;
	}
}

@media only screen and (max-width:325px) and (min-width:320px){
	.sjBox dt h3{
		font-size:18px;
	}
	.sjBox dt p{
		font-size:18px;
	}
	.sjBox .sjTxt01{
		top:75px;
	}
	.sjBox .sjTxt02{
		top:200px;
	}
	.sjBox{
		height:340px;
	}
	.gnBox{
		margin-top:30px;
	}
	.gnSpan .container{
		height:560px;
	}

	#gnSpan04 .container{
		height:420px;
	}
	.cjwt li a{
		width:275px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
		.gtop{
		padding-top: 15px;
	}
	.m_mobile_img{
		display: block;
		text-align: center;
	}
	.gnBox04 a img{
		width: 45%;
	}
	.sjBox .sjTxt01{
		left: 1%;
	}
	.gtop h2{
		font-size: 20px;
	}
	.gtop h2 span{
		font-size: 12px;
	}
	.gtop h3{
		font-size: 14px;
		margin: 10px 0;
	}
	.gcont ul{
		width: 100%;
	}
	.gcont li{
		width: 48%;
		margin: 1%;
	}
	.gcont li h5{
		margin: 10px 0;
	}
	.gcont li p{
		height: 66px;
		overflow: hidden;
	}
	.gcont{
		margin: 15px 0;
	}
	.gd_vant{
		margin-top: 15px;
	}
	.gd_vant .vtop h2{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.gd_vant .vcont{
		margin-bottom: 15px;
	}
	.gd_vant .vcont dt span{
		font-size: 24px;
	}
	.gd_vant .vcont dd{
		margin-top: 15px;
	}
	.gd_vant .vcont dd p{
		height: auto;
		font-size: 12px;
		line-height: 20px;
	}
	.gd_vant .vcont dl{
		position: relative;
		padding-bottom: 15px;
	}
	.gd_vant .vcont .ys1,
	.gd_vant .vcont .ys2{
		height: auto;
	}
	.wzjs_swhy .vtop .container{
		padding-top: 15px;
		overflow: hidden;
	}
	.wzjs_swhy .vtop h3{
		font-size: 14px;
	}
	.wzjs_swhy .vtop h2{
		margin: 10px 0;
		font-size: 16px;
	}
	.wzjs_swhy .vtop font{
		margin-top: 10px;
	}
	.wzjs_liuda{
		display: none;
	}
	.gd_vant .vcont dt p{
		font-size: 15px;
	}
	.gd_vant .vcont .ys2 h5{
		display: none;
	}
	.sjBox dt h3{
		font-size: 16px;
	}
	.sjBox dt p,
	.sjBox .sjTxt02 dt p{
		font-size: 16px;
	}
	.gnBox{
		margin-top: 15px;
	}
	#gnSpan01{
		background: #f2f2f2;
	}
	.gnBox h3{
		font-size: 20px;
		margin-bottom: 15px;
	}
	#gnSpan01 .container{
		background: none;
		height: auto;
	}
	.gnSpan .container{
		height: auto;
	}
	.gnBox h3{
		font-size: 20px;
	}
	.gnBox04 ul{
		margin-bottom: 15px;
	}
	.gnBox04{
		margin-bottom: 15px;
	}
	.gnSpan .container{
		height: auto;
	}
}