@charset "utf-8";
@import "public-en.less";
@width:999px;
sup{.font(12px);}
.pagination{
	>dt{
		display:inline;
		>span{
			position: relative;
			float: left;
			padding: 5px 10px;
			margin-left: -1px;
			.font(12px);
			font-weight:100;
			.bg(white);
		}
	}
	>dd{
		display: inline;
		>a, >span{
			position: relative;
			float: left;
			padding: 5px 10px;
			margin-left: -1px;
			color: #337ab7;
			.font(12px);
			text-decoration: none;
			.bg(white);
			border: 1px solid #ddd;
			&:focus, &:hover{
				z-index: 3;
				color: #23527c;
				.bg(#eee);
				border-color: #ddd;
			}
		}
		&:first-child{
			>a, >span{
				margin-left: 0;
				border-top-left-radius: 4px;
				border-bottom-left-radius: 4px;
			}
		}
		&:last-child{
			>a, >span{
				border-top-right-radius: 4px;
				border-bottom-right-radius: 4px;
			}
		}
	}
	dt+dd{
		>a, >span{
			margin-left: 0;
			border-top-left-radius: 4px;
			border-bottom-left-radius: 4px;
		}
	}
}
.modal .modal-content{
	.modal-title>font{
		margin-right: 20px;
		cursor:pointer;
		.a(#717171);
		font-size:12px;
		&.active{float:left; cursor:auto; color:@detail; font-size:18px; text-decoration: none;}
	}
	.modal-body>table{
		display: none;
		td{padding:2px 5px; .font(12px);}
		font{.font(12px)}
		input{border:1px #ccc solid;}
	}
}
.xy-container{
	width:@width;
	&#top{
		overflow:hidden;
		>img{margin:5px 17px 0 12px;}
		>div{
			margin-top:11px;
			color:#43ad4b;
			.font(20px, 1.5, "微软雅黑");
			font-weight:bold;
			>small{display:block; .font(13px, 1.5, "微软雅黑"); text-align:center;}
			&+div{
				height:50px;
				width:330px;
				padding:5px 0 5px 20px;
				margin:0;
				.bg(#f6f6f6);
				>.xy-col-1-5{
					height:15px;
					.col-width(1/5);
					margin:5px 0;
					>a{
						height:15px;
						display:block;
						&#lang1{width:49px; .bg('@{base-url}lang1.jpg', left center);}
						&#lang2{width:59px; .bg('@{base-url}lang2.jpg', left center);}
						&#lang3{width:49px; .bg('@{base-url}lang3.jpg', left center);}
						&#lang4{width:40px; .bg('@{base-url}lang4.jpg', left center);}
						&#lang5{width:35px; .bg('@{base-url}lang5.jpg', left center);}
						&#lang6{width:34px; .bg('@{base-url}lang6.jpg', left center);}
						&#lang7{width:46px; .bg('@{base-url}lang7.jpg', left center);}
						&#lang8{width:46px; .bg('@{base-url}lang8.jpg', left center);}
						&#lang9{width:45px; .bg('@{base-url}lang9.jpg', left center);}
						&#lang10{width:47px; .bg('@{base-url}lang10.jpg', left center);}
						&#lang11{width:38px; .bg('@{base-url}lang11.jpg', left center);}
						&:focus, &:hover{border-bottom:1px #2d2d2d solid;}
					}
				}
			}
		}
	}
	&#menu{
		height:47px;
		>.nav{
			>li{
				padding:0 13px;
				>a{
					height:16px;
					padding:15px 5px;
					border-radius:0;
					&:focus, &:hover{color:@detail; .bg(transparent);}
				}
				>.dropdown-menu{
					margin:0;
					.bg(rgba(255, 255, 255, 0.8));
					border-top-color:#f2f2f2;
					border-radius:0;
					>li>a{
						.bg('@{base-url}dot4.jpg', 12px center);
						&:focus, &:hover{color:#43ad4b; text-decoration:underline; .bg(transparent);}
					}
				}
				&#menu1{
					>a{width:40px; .bg('@{base-url-en}menu1.png', 5px center);}
				}
				&#menu2{
					>a{width:97px; .bg('@{base-url-en}menu2.png', 5px center);}
				}
				&#menu3{
					>a{width:38px; .bg('@{base-url-en}menu3.png', 5px center);}
				}
				&#menu4{
					>a{width:68px; .bg('@{base-url-en}menu4.png', 5px center);}
				}
				&#menu5{
					>a{width:56px; .bg('@{base-url-en}menu5.png', 5px center);}
				}
				&#menu6{
					>a{width:53px; .bg('@{base-url-en}menu6.png', 5px center);}
				}
				&#menu7{
					>a{width:103px; .bg('@{base-url-en}menu7.png', 5px center);}
				}
				&.active, &.open{
					>a{color:#43ad4b; .bg(transparent);}
					&#menu1{
						>a{.bg('@{base-url-en}menu1-active.png', 5px center);}
					}
					&#menu2{
						>a{.bg('@{base-url-en}menu2-active.png', 5px center);}
					}
					&#menu3{
						>a{.bg('@{base-url-en}menu3-active.png', 5px center);}
					}
					&#menu4{
						>a{.bg('@{base-url-en}menu4-active.png', 5px center);}
					}
					&#menu5{
						>a{.bg('@{base-url-en}menu5-active.png', 5px center);}
					}
					&#menu6{
						>a{.bg('@{base-url-en}menu6-active.png', 5px center);}
					}
					&#menu7{
						>a{.bg('@{base-url-en}menu7-active.png', 5px center);}
					}
				}
				&.dropdown{
					>a{
						padding-right:20px;
						>i{position:absolute; right:4px; top:17px;}
					}
				}
			}
		}
		>form{
			height:28px;
			width:220px;
			margin-top:9px;
			.bg(white);
			>input{height:20px; width:180px; padding:4px 5px; float:left; border-width:0;}
			>button{height:28px; width:28px; padding:0; float:right; .bg(transparent); border-width:0;}
		}
	}
	&#banner{width:@width; height: 299px; overflow: hidden;}
	&#expotype{
		overflow:hidden;
		>.xy-col-1-7{
			.col-width(1/7);
			.a(@detail, @hover, none);
			>div{
				height:126px;
				&.null{height:5px; width:102px; margin:0 auto; .bg(#52b359);}
				&#expo1{.bg('@{base-url}icon3.png', center center);}
				&#expo2{.bg('@{base-url}icon4.png', center center);}
				&#expo3{.bg('@{base-url}icon5.png', center center);}
				&#expo4{.bg('@{base-url}icon6.png', center center);}
				&#expo5{.bg('@{base-url}icon7.png', center center);}
				&#expo6{.bg('@{base-url}icon8.png', center center);}
				&#expo7{.bg('@{base-url}icon9.png', center center);}
			}
			>p{.font;}
		}
	}
	&#show{
		height:72px;
		overflow:hidden;
		.bg('@{base-url-en}temp2.jpg', left center);
		.bg(#f7f7f7);
		>font{width:180px; padding:24px 0 0 10px; color:@detail; .font(16px);}
		>div{
			height:72px;
			width:45px;
			position:relative;
			>i{
				position:absolute;
				right:15px;
				cursor:pointer;
				font-size:20px;
				&:focus, &:hover{color:@hover;}
				&.icon-angle-up{top:10px;}
				&.icon-angle-down{bottom:10px;}
			}
			&+div{
				height:60px;
				width:762px;
				margin-top:6px;
				overflow:hidden;
				>ul{
					padding:0;
					margin:0;
					list-style:none;
					>li{
						height:20px;
						width:238px;
						padding:5px 4px 5px 12px;
						float:left;
						color:@detail;
						.font;
						.bg('@{base-url}dot1.jpg', left center);
						>a{.a;}
					}
				}
			}
		}
	}
	>div{
		&#imgnews{
			height:300px;
			width:395px;
      .bg(#f4f4f4);
			#imgFocus{
				height:300px;
				width:395px;
				>.pic{
					height:260px;
					td{
						height:258px;
						width:393px;
						border:1px #f1f1f1 solid;
						>a{
							width:393px;
							clear:both;
							display:block;
							text-align:center;
							>img{max-height:258px; max-width:393px;}
						}
					}
				}
				>.txt>ul>li>a{padding:8px 10px; .a; .font; font-weight:100; text-align:center;}
			}
		}
		&#topnews{
			height:300px;
			width:574px;
			>div{
				padding:0 0 2px 7px;
				color:black;
				.font(24px);
				border-bottom:3px #ebebeb solid;
				>a{
					padding-left:15px;
					margin-left:40px;
					.a(#404040);
					.font(16px);
					.bg('@{base-url}dot2.jpg', left center);
					&+a{margin-left:0;}
				}
			}
			>ul{
				padding:0;
				margin:0;
				list-style:none;
				>li{
					padding:8px 10px 8px 30px;
					.bg('@{base-url}dot3.png', 12px center);
					>a{max-width:450px; display:block; .a; .font;}
					>font{color:#b6b6b6; .font;}
				}
			}
		}
		#profile{
			position:relative;
			height:127px;
			width:395px;
			margin-right:18px;
			.bg('@{base-url}temp1.jpg', right center);
			>a{
				position:absolute;
				.a;
				.font(16px);
				>i{padding:24px 24px 0 0; margin-right:12px; float:left;}
				&#profile1{
					left:50px;
					top:30px;
					>i{.bg('@{base-url}icon10.png', center center);}
				}
				&#profile2{
					left:200px;
					top:30px;
					>i{.bg('@{base-url}icon11.png', center center);}
				}
				&#profile3{
					left:50px;
					top:88px;
					>i{.bg('@{base-url}icon12.png', center center);}
				}
				&#profile4{
					left:200px;
					top:88px;
					>i{.bg('@{base-url}icon13.png', center center);}
				}
			}
			>div{position:absolute; top:63px; width:100%; border-bottom:1px #d9d9d9 solid;}
		}
		.code{
			height:167px;
			width:139px;
			margin-left:40px;
			text-align:center;
			.bg(#f4f4f4);
			>img{margin:17px auto 8px;}
			>b{clear:both; display:block; color:#333; .font;}
		}
		>.link{
			position:relative;
			height:25px;
			width:192px;
			padding:25px 0 25px 80px;
			display:block;
			.font(17px);
			font-weight:bold;
			>i{position:absolute; left:15px; top:20px; height:35px; width:50px;}
			&#link1{
				.a(#2c6b8e, #2c6b8e, none);
				.bg('@{base-url}icon16.png', 235px center);
				.bg(#d8eefc);
				>i{.bg('@{base-url}icon14.png', center center);}
			}
			&#link2{
				.a(#578e5b, #578e5b, none);
				.bg('@{base-url}icon17.png', 235px center);
				.bg(#ddf7df);
				>i{.bg('@{base-url}icon15.png', center center);}
			}
		}
	}
	&#service{
		overflow:hidden;
		>div{padding:7px 0 7px 23px; color:black; .font(24px); border-bottom:3px #ebebeb solid;}
		>.xy-col-1-8{
			.col-width(1/8);
			padding-top:7px;
			.a(@detail, @hover, none);
			>div{
				height:123px;
				&#service1{.bg('@{base-url}icon18.png', center center);}
				&#service2{.bg('@{base-url}icon19.png', center center);}
				&#service3{.bg('@{base-url}icon20.png', center center);}
				&#service4{.bg('@{base-url}icon21.png', center center);}
				&#service5{.bg('@{base-url}icon22.png', center center);}
				&#service6{.bg('@{base-url}icon23.png', center center);}
				&#service7{.bg('@{base-url}icon24.png', center center);}
				&#service8{.bg('@{base-url}icon25.png', center center);}
			}
			>p{margin:0; .font(16px);}
		}
	}
	&#company{
		>div{
			overflow:hidden;
			>p{
				margin-bottom:5px;
				overflow:hidden;
				color:#717171;
				.font;
				>b{color:black; .font;}
				>font{margin-right:25px; float:left;}
				>a{margin-right:25px; float:left; .a(#717171);}
				&+p{margin:0;}
			}
			&.xy-col-1-3{
				.col-width(1/3, 885px);
				padding:13px 0;
				margin-left:65px;
				&+.xy-col-1-3{margin-left:0;}
			}
			&.xy-col{clear:both; padding:14px 49px 14px 65px; border-top:1px #d9dadc solid;}
		}
	}
	&#iframe{
		overflow:hidden;
		.bg('@{base-url}bg-left.jpg', left top, repeat-y);
		.bg(white);
		>#left-iframe{
			width:192px;
			padding:0 4px 0 7px;
			>dl{
				width:152px;
				padding:10px 0;
				margin:0 auto;
				>dt{padding:0 0 4px 10px; .font;}
				>dd{
					padding:5px 0;
					>i{margin-right:6px;}
					>a{.font(12px);}
				}
			}
			>.clear{height:2px; .bg('@{base-url}line2.jpg', left top, repeat-x);}
			>#zgdh{
				width:162px;
				margin:0 auto;
				>b{padding:25px 0 17px 55px; display:block; .font; .bg('@{base-url}icon27.png', 10px center);}
				>a{
					position:relative;
					padding:4px 0 4px 49px;
					margin-bottom:7px;
					display:block;
					.a(@detail, @hover, none);
					.font(12px);
					.bg('@{base-url}bg-button.jpg', left bottom, repeat-x);
					border:1px #bfc3c5 solid;
					border-radius:4px;
					>i{
						position:absolute;
						left:19px;
						top:5px;
						height:16px;
						width:16px;
						&#dh1{.bg('@{base-url}icon28.png', center center);}
						&#dh2{.bg('@{base-url}icon29.png', center center);}
						&#dh3{.bg('@{base-url}icon30.png', center center);}
						&#dh4{.bg('@{base-url}icon31.png', center center);}
					}
				}
			}
			>img{margin-bottom:15px; margin-top:15px; cursor:pointer;}
			>.cg-left{
				margin: 0 0 10px;
				padding:10px 0 0;
				list-style: none;
				.bg('@{base-url}bg-cg.jpg', left top);
				>li{
					padding:2px 10px 2px 35px;
					.font(12px);
					>a{.a(#3183bc); font-weight: bold;}
					&.bottom{height:10px; padding: 0; .bg('@{base-url}bg-cg-bottom.jpg', left bottom);}
					&#icon1{.bg('@{base-url}new-ico1.gif', 10px center);}
					&#icon2{.bg('@{base-url}new-ico2.gif', 10px center);}
					&#icon3{.bg('@{base-url}new-ico7.gif', 10px center);}
					&#icon4{.bg('@{base-url}new-ico8.gif', 10px center);}
					&#icon5{.bg('@{base-url}new-ico4.gif', 10px center);}
					&#icon6{.bg('@{base-url}new-ico5.gif', 10px center);}
					&#icon7{.bg('@{base-url}new-ico6.gif', 10px center);}
				}
				&#cg2>li{
					padding:5px 10px 5px 30px;
					margin: 0 7px;
					.a(#3183bc, @hover, none);
					font-weight: bold;
					.bg('@{base-url}icon43.png', 10px 8px);
					border-bottom: 1px #a0d7ee solid;
					>font{cursor:pointer;}
					>ul{
						display: none;
						margin: 0;
						padding: 5px 0 0;
						list-style: none;
						>li{
							padding:2px 0 2px 10px;
							font-weight: 100;
							.bg('@{base-url}dot7.jpg', left 7px);
						}
					}
					&.last{border-bottom-width:0;}
					&.bottom{height:10px; padding: 0; margin:-1px 0 0; .bg('@{base-url}bg-cg-bottom.jpg', left bottom); border-width:0;}
					&.active{
						.bg('@{base-url}icon44.png', 10px 8px);
						>ul{display:block;}
					}
					&+li{border-top:1px white solid;}
				}
			}
		}
		>#right-iframe{
			position:relative;
			width:754px;
			overflow:hidden;
			padding:0 21px 10px;
      >a#link1{position:absolute; left:397px; top:18px; height: 24px; width: 175px; .bg('@{base-url}null.png', left top, repeat);}
			>a#link2{position:absolute; left:580px; top:17px; height: 24px; width: 175px; .bg('@{base-url}null.png', left top, repeat);}
			>a#link3{position:absolute; left:397px; top:45px; height: 24px; width: 175px; .bg('@{base-url}null.png', left top, repeat);}
			>a#link4{position:absolute; left:580px; top:44px; height: 24px; width: 175px; .bg('@{base-url}null.png', left top, repeat);}
			>a#link5{position:absolute; left:397px; top:71px; height: 24px; width: 175px; .bg('@{base-url}null.png', left top, repeat);}
			>a#link6{position:absolute; left:580px; top:72px; height: 24px; width: 175px; .bg('@{base-url}null.png', left top, repeat);}
			>a#link7{position:absolute; left:397px; top:99px; height: 24px; width: 175px; .bg('@{base-url}null.png', left top, repeat);}
			>a#link8{position:absolute; left:580px; top:98px; height: 24px; width: 175px; .bg('@{base-url}null.png', left top, repeat);}
			>#log{
				position:relative;
				padding:12px 0;
				.font(12px);
				.bg('@{base-url}icon32.jpg' ,4px center);
				border-bottom:1px #d0e2e6 solid;
				>b{position:absolute; left:53px; top:11px; .font;}
				>a{.font(12px);}
			}
			>.detail{
				padding:15px 5px;
				overflow:hidden;
				>p{.font(12px);}
				>ol{
					padding-left:25px;
					>li{.font(12px);}
				}
				>#previous{
					padding:10px 15px;
					>label{float:left; color:@hover; .font(12px);}
					>a{margin:0 5px; float:left; .font(12px);}
				}
				&#about1{padding-bottom:305px; .bg('@{base-url}temp3.jpg', center bottom);}
				&#about2{
					padding:70px 60px 70px 110px;
          >p{
            margin:0;
            overflow:hidden;
            clear:both;
            >b{padding-left:15px; margin-top:9px; display:block; color:@hover; .font; .bg('@{base-url}dot5.jpg', left center);}
            >a{padding:6px 0 6px 15px; clear:both; float:left; .font(12px);}
          }
				}
				&#about3{
					>p{
						overflow: hidden;
						>a{padding-left:30px; .bg('@{base-url}icon45.jpg', left center);}
					}
					>div{
						position:relative;
						padding:15px 20px;
						margin-bottom:15px;
						border:1px #bfcee2 solid;
						border-radius:4px;
						>b{
							padding:6px 0 4px 40px;
							margin-bottom:10px;
							display:block;
							color:#0063a0;
							.font;
							&#expo1{.bg('@{base-url}icon33.jpg', left center);}
							&#expo2{.bg('@{base-url}icon34.jpg', left center);}
							&#expo3{.bg('@{base-url}icon35.jpg', left center);}
							&#expo4{.bg('@{base-url}icon36.jpg', left center);}
							&#expo5{.bg('@{base-url}icon37.jpg', left center);}
							&#expo6{.bg('@{base-url}icon38.jpg', left center);}
				      &#expo7{.bg('@{base-url}icon46.jpg', left center);}
				      &#expo8{.bg('@{base-url}icon47.jpg', left center);}
				      &#expo9{.bg('@{base-url}icon48.jpg', left center);}
				      &#expo10{.bg('@{base-url}icon49.jpg', left center);}
				      &#expo11{.bg('@{base-url}icon50.jpg', left center);}
				      &#expo12{.bg('@{base-url}icon51.jpg', left center);}
						}
						>#ex_search_btn{position:absolute; right:20px; top:20px;}
						>p{
							padding:0 5px;
							margin-bottom:5px;
							.font(12px);
							>a{.a(@hover);}
						}
						>table{
							margin-bottom: 10px;
							.bg(#bfcee2);
							thead tr{
								.bg(#ebf4f9);
								>td{padding:5px 10px; .font;}
							}
							tbody tr{
								.bg(white);
								>td{padding:5px 10px; .font(12px);}
								&.odd{.bg(#f5f5f5);}
							}
						}
					}
				}
				&#about4{
					>p>b{color:@hover; .font;}
					>img+p{padding-top:15px; border-top:1px #d0e2e6 solid;}
				}
				&#about5{
					>p>b{color:@hover; .font;}
					>img{margin:10px auto;}
					>table+img{margin-top:20px;}
					>table{
						width:100%;
						margin:0 auto;
						border-color:#d0e2e6;
						border-style:solid;
						border-width:1px 0;
						th{padding:20px 0 5px; text-align:center;}
						td{padding:5px 0 20px; .font(12px);}
					}
				}
				&#about6{
					padding-bottom:290px;
					.bg('@{base-url}temp9.jpg', center bottom);
					>p>b{color:#0063a0; .font;}
				}
				&#about7{
					>.list-group{
						>.list-group-item{
							border-color:#d0e2e6;
							border-width:1px 0 0;
							border-radius:0;
							>p{
								.font(12px);
								&.title{
									margin:0;
									color:#0063a0;
									.font(12px);
									font-weight:bold;
									>a{
										.a(#0063a0);
										&.more{font-weight:100;}
									}
									&:first-child{margin-bottom:10px;}
								}
							}
							>table{
								width:100%;
								td{
									height:123px;
									width:25%;
									border:1px #bfcee2 solid;
									>a{
										width:150px;
										clear:both;
										display:block;
										text-align:center;
										>img{max-height:115px; max-width:150px;}
									}
								}
								&#pic4 td{height:auto; width:33%; padding-bottom:15px; border-width:0;}
							}
							&:first-child{border-top:0;}
						}
					}
				}
				&#about-news{
					video, embed{margin:10px auto; display:block;}
					>p{
						.font(12px);
						>b{color:#0063a0; .font;}
					}
				}
				&#about-img{
					>table{
						width:100%;
						td{
							height:123px;
							width:25%;
							border:1px #bfcee2 solid;
							>a{
								width:150px;
								clear:both;
								display:block;
								text-align:center;
								>img{max-height:115px; max-width:150px;}
							}
							&.null{border-color:transparent;}
							&.font{height:auto; .font(12px); border-color:transparent;}
						}
					}
					>p{
						.font(12px);
						>b{color:#0063a0; .font;}
					}
				}
				&#service1{
					>.clear{margin:10px 0; border-bottom:1px #d0e2e6 solid;}
					>#route{
						>p{
							margin-bottom:5px;
							.font(12px);
							>b{color:#0063a0;}
						}
					}
					>form{
						th{width:120px; color:#b78435; .font(12px);}
						td{
							height:24px;
							.font(12px);
							>select{height:18px; line-height:18px;}
							>label{margin:0 10px 0 0; font-weight:100;}
						}
					}
					>.list-group{
						>.list-group-item-info{
							padding:10px 15px;
							color:@hover;
							.font;
							font-weight:bold;
							>img{margin:0 5px;}
						}
						>.list-group-item{
							width:714px;
							margin:0;
							overflow:hidden;
							border-color:#d0e2e6;
							border-style:dashed;
							border-width:0 0 1px;
							border-radius:0;
							>table{
								width:190px;
								td{
									height:110px;
									width:180px;
									padding:4px;
									border:1px #cad5d7 solid;
									>a, >div{
										clear:both;
										display:block;
										width:180px;
										text-align:center;
										>img{max-height:110px; max-width:180px;}
									}
								}
							}
							>div{
								width:510px;
								>p{
									margin:0;
									color:#0063a0;
									.font;
									>a{.a(#0063a0);}
									>img{margin-left:10px;}
									&+p{padding-top:10px; color:@detail; .font(12px);}
								}
							}
						}
					}
				}
				&#service2{
					>form{
						margin-bottom:10px;
						thead>tr>th{height:46px; .bg('@{base-url-en}eat.jpg', left top);}
						tbody{
							th{width:120px; color:#b78435; .font(12px);}
							td{
								height:24px;
								.font(12px);
								>select{height:18px; line-height:18px;}
								>label{margin:0 10px 0 0; font-weight:100;}
							}
						}
					}
					>table{
						&.box{
							padding-top:45px;
							margin-bottom:15px;
							.bg('@{base-url-en}eat1.jpg', center top);
							&+.box{.bg('@{base-url-en}eat2.jpg', center top);}
							tr{
								>td{padding:5px 0 10px; .font(12px);}
								&.img{
									>td{
										height:90px;
										width:110px;
										padding:0;
										.bg('@{base-url}eat-box.png', center center);
										>a{
											width:100px;
											clear:both;
											display:block;
											text-align:center
											>img{max-height:80px; max-width:100px;}
										}
									}
								}
							}
						}
						&.list{
							border:1px #bfcee2 solid;
							thead{
								th{padding:5px 10px; color:#0063a0; .font; .bg(#ebf4f9);}
							}
							tbody{
								tr{
									>td{padding:5px 10px; .font(12px);}
									&+tr>td{border-top:1px #ccc dashed;}
									&:focus, &:hover{.bg(#f5f5f5);}
								}
							}
						}
					}
				}
				&#service3{
					>div{
						overflow:hidden;
						>img{margin-right:20px;}
						>p{padding:40px 0 60px; .font(12px);}
					}
					>table{
						padding:18px 30px 18px 10px;
						.bg('@{base-url}box.jpg', center center);
						td{padding:3px 5px; .font(12px);}
						&#movie td{padding:0 5px;}
						&.list{
							padding:0;
							margin-bottom:15px;
							.bg(none);
							border:1px #bfcee2 solid;
							thead{
								th{padding:5px 10px; color:#0063a0; .font; .bg(#ebf4f9);}
							}
							tbody{
								tr{
									>td{padding:5px 10px; .font(12px);}
									&+tr>td{border-top:1px #ccc dashed;}
									&.odd{.bg(#f5f5f5);}
								}
							}
						}
					}
				}
				&#service4{
					>.box{
						padding-top:65px;
						padding-bottom:10px;
						margin-bottom:15px;
						tr{
							>td{padding:5px 0 10px; .font(12px);}
							&.img>td{padding:0;}
						}
						&#trou1{.bg('@{base-url-en}renw.jpg', center top);}
						&#trou2{.bg('@{base-url-en}gren.jpg', center top);}
						&#trou3{.bg('@{base-url-en}shis.jpg', center top);}
					}
					>ul{
						height:120px;
						padding:3px 10px 3px 160px;
						margin:0 0 10px;
						list-style:none;
						.bg('@{base-url-en}tour_t_04.jpg', 3px center);
						.bg(#F4F8E9);
						border:2px #f0f0f0 solid;
						>li{
							width:285px;
							padding:2px 0;
							float:left;
							>a{.font(12px);}
						}
						&+ul{.bg('@{base-url-en}tour_t_05.jpg', 3px center);}
					}
					>#tags{
						padding:5px 3px 10px;
						border:2px #f0f0f0 solid;
						>table{
							padding-top:41px;
							margin-bottom:5px;
							.bg('@{base-url-en}zix.jpg', left top);
							font{
								cursor:pointer;
								color:#693;
								.font;
								font-weight:bold;
								&.active{color:#717171;}
							}
						}
						>div{
							padding:0 10px;
							display:none;
							>p{margin-bottom:5px; .font(12px);}
						}
					}
				}
				&#service5{
					>table img{cursor:pointer;}
					>div{
						padding:10px 15px;
						display:none;
						border:1px #bfcee2 solid;
						border-radius:4px;
						>p{padding:5px 0; margin:0; .font(12px);}
						>table{margin-bottom:10px;}
						td{padding:5px 10px;}
					}
				}
				&#aircraft{
					>table{
						margin-top:20px;
						display:none;
						border-collapse:collapse;
						td{.font(12px);}
            th{text-align:center;}
					}
				}
				&#train{
					>table{
						border:1px #bfcee2 solid;
						thead{
							th, td{padding:10px; color:#0063a0; .font;}
							td{.font(12px); .bg(#ebf4f9);}
						}
						tbody{
							tr{
								>td{padding:10px; .font(12px);}
								&+tr>td{border-top:1px #bfcee2 solid;}
								&:focus, &:hover{.bg(#f5f5f5);}
							}
						}
					}
				}
				&#coach{
					>.clear{padding-top:10px; margin-bottom:10px; border-bottom:1px #bfcee2 solid;}
					>p{
						.font(12px);
						>b{color:#0063a0; .font;}
					}
					>table{
						margin-bottom:15px;
						border-collapse:collapse;
						th, td{padding:5px; .font(12px);}
						&.time{
							th{padding:0;}
							td{width:10%; padding:5px 0 0 0;}
						}
					}
				}
				&#service6{
					position:relative;
					>div{
						height:80px;
						padding:30px 20px;
						margin-bottom:15px;
						.bg('@{base-url}temp12.gif', 537px center);
						border:1px #bfcee2 solid;
						border-radius:4px;
						>p{
							width:500px;
							margin-bottom:5px;
							.font(12px);
							>b{color:#0063a0;}
						}
					}
					>p{
						margin:0 15px 20px;
						clear:both;
						.font(12px);
						&.title{
							margin:0 0 5px;
							height:30px;
							float:left;
							color:#0063a0;
							.font(12px, 30px);
							font-weight:bold;
							.bg('@{base-url}tel.gif', left center, repeat-x);
							>img{
								margin-left:50px;
								&+img{margin:0 15px 0 0;}
							}
						}
						&#online{
							position:absolute;
							right:2px;
							top:172px;
						}
					}
					>table{
						margin-bottom:20px;
						border-color:#bfcee2;
						border-style:solid;
						border-width:1px 0;
						tr+tr>td{padding-bottom:20px;}
						td{
							padding-top:20px;
							.font(12px);
							>b{clear:both; display:block; color:#0063a0;}
						}
					}
				}
				&#service7{
					.bg(#f5f5f5);
					td{padding:15px;}
				}
				&#service8, &#service8-list{
					>table{
						margin-bottom:15px;
						border:2px #f0f0f0 solid;
						th{height:36px; padding:0 0 10px 80px; color:@hover; .font; .bg('@{base-url}hospital.jpg', left top);}
						td{padding:3px 5px; .font(12px);}
						tbody td{
							>p{width:338px; padding-left:20px; margin-bottom:0; .bg('@{base-url}dot4.jpg', 10px center);}
							>b{color:@hover;}
						}
						tfoot td{padding-top:10px;}
					}
				}
				&#service8-list tbody tr{
					>td{padding:0 10px 10px; .font(12px, 2);}
					&+tr>td{padding-top:10px; border-top:1px #ccc dashed;}
				}
				&#guanggao{
					padding:30px 5px;
					>.clear{height:30px;}
				}
				&#banquan>p{
					.font(12px, 2);
					>b{color:#0063a0; .font;}
				}
				&#links{
					>p>b{color:#0063a0; .font;}
					>.clear{height:15px; margin-bottom:15px; border-bottom:1px #bfcee2 solid;}
					dl{
						>dt{padding-bottom:10px; color:#b78435; .font;}
						>dd{padding:3px 0 3px 10px; .font(12px); .bg('@{base-url}dot4.jpg', left center);}
					}
				}
				&#newslist{
					>div{
						&.title{
							padding: 10px 15px 10px 60px;
							color:#0063a0;
							.font;
							font-weight: bold;
							.bg('@{base-url}zhgg.jpg', left center);
							>a{.font(12px); font-weight: 100;}
						}
					}
					>ul.list-group{
						>.list-group-item{
							padding-left:30px;
							margin:0;
							.font(12px);
							.bg('@{base-url}dot3.png', 15px center);
							border-style:dashed;
							border-width:0 0 1px 0;
							>a{max-width: 625px; display:block;}
							>.date{position:absolute; right:10px; top:10px; color:#999;}
						}
					}
					>div.list-group{
						>.list-group-item{
							padding-left:30px;
							margin:0;
							.font(12px);
							.bg('@{base-url}dot3.png', 15px 14px);
							border-style:dashed;
							border-width:0 0 1px 0;
							>a{max-width: 625px; float:left; color:#0063a0; .font; font-weight: bold;}
							>font{float:left; color:#999;}
							>p{margin:0; clear:both; color:#666;}
						}
					}
				}
				&#detail{
					>img{position:fixed; right: 5%; top:40%;}
					>h3{
						color:#0063a0;
						line-height: 1.5;
						text-align: center;
						>small{padding:5px 0 15px; clear:both; display: block; color:#999; .font(12px); font-weight: 100;}
					}
					>div{
						table{border-collapse:collapse;}
            &, & *{.font(14px, 2);}
					}
          >table{
            width: 100%;
            margin-top: 20px;
            border-top:1px #d0e2e6 solid;
            td{padding:10px 0 0;}
          }
					>ul{
						padding:10px 0;
						margin:10px 0 0 0;
						list-style: none;
						border-top:1px #bfcee2 solid;
						>li{padding:3px 5px; .font(12px);}
					}
				}
				&#ex_how{
					td{padding:10px 0; border-bottom:1px #d0e2e6 solid;}
					b{color:#0063a0; .font;}
					p{margin:0; .font(12px);}
				}
				&#ex_zwjg{
					padding:100px 50px;
					.bg('@{base-url}temp19.jpg', right center);
					>p{.font;}
				}
				&#ex_require{
					>ul{
						padding: 0;
						margin: 0;
						list-style: none;
						>li{padding:10px 0 10px 35px; .font(12px); .bg('@{base-url}dot6.jpg', left center);}
					}
					>dl{
            border-top:1px #d0e2e6 solid;
						>dt{padding:10px 5px; margin-top: 5px; .font; font-weight: 100; border-top:1px #d0e2e6 solid;}
						>dd{padding:10px 0 10px 45px; .font(12px); .bg('@{base-url}num1.jpg', left center);}
					}
				}
				&#ex_sc td{padding-top:20px; .font(12px);}
				&#ex_bcz{
					>p{
						padding-top:10px;
						border-top:1px #d0e2e6 solid;
						>b{color:#0063a0; .font;}
					}
					>ol{
						>li{
							.font(12px);
							text-align: justify;
							>b{color:#0063a0; .font;}
						}
					}
				}
				&#ex_zj>div{
					height:175px;
					padding:20px;
					margin: 10px auto;
					.bg('@{base-url}bgx.jpg', center top);
					>p{
						margin: 0;
						.font(12px);
						>b{color:#0063a0; .font;}
					}
					>ol{
						>li{padding:2px 0; .font(12px);}
					}
				}
				&#ex_login{
					padding-top:50px;
					input{width:180px; height: 20px; padding: 0; margin-top: 9px; float:left;.font(12px); font-weight: 100; border:1px #bfcee2 solid;}
					button.img{height:32px; width: 82px; .bg(transparent); border-width:0;}
					img{float:left; width: 60px; height:22px; margin: 9px 0 0 5px;}
				}
				&#ex_search{
					>form{
						height: 22px;
						padding:20px 0 20px 60px;
						.bg('@{base-url}searc.jpg', left center);
						>label{height:22px; margin:0 5px 0 0; float:left; .font(12px, 22px); font-weight: 100;}
						>select{float:left; width: 100px; height:22px; margin-right: 5px;}
						>input{width:180px; height:20px; margin-right:5px; float:left; border:1px #bfcee2 solid;}
						>button{float:left; margin-right: 5px;}
						>font{float:left; .font(12px, 22px);}
					}
					>.list{
						border:1px #bfcee2 solid;
						thead{
							th{padding:5px 10px; color:#0063a0; .font; .bg(#ebf4f9);}
						}
						tbody{
							tr{
								>td{padding:5px 10px; .font(12px);}
								&+tr>td{border-top:1px #ccc dashed;}
								&:focus, &:hover{.bg(#f5f5f5);}
							}
						}
					}
				}
				&#hall_map{padding:15px 50px;}
				&#hall_layout{
					padding:15px 30px;
					>p{
						.font(12px);
						>b{color:#0063a0; .font;}
					}
					table{
						margin-bottom: 20px;
						.bg(#bfcee2);
						thead tr{
							.bg(#ebf4f9);
							>td{padding:5px; .font;}
						}
						tbody tr{
							.bg(white);
							>td{padding:5px; .font(12px);}
							&.odd{.bg(#f5f5f5);}
						}
					}
					img{margin-bottom: 20px;}
				}
				&#hall_traffic{
					padding:15px 30px;
					>p{
						.font(12px);
						>b{color:#0063a0; .font;}
					}
					table{
						margin-bottom: 15px;
						td{padding:5px 10px; .font(12px);}
					}
				}
				&#hall_pic{
					>table{
						width:100%;
						td{
							height:150px;
							width:25%;
							>a{
								width:220px;
								clear:both;
								display:block;
								text-align:center;
								>img{max-height:150px; max-width:220px;}
							}
							&.null{border-color:transparent;}
							&.font{height:auto; .font(12px); border-color:transparent;}
						}
					}
				}
			}
			>#flow-link{
				width:100%;
				padding:4px 3px 21px 4px;
				margin-top:15px;
				.bg('@{base-url}flow-link.jpg', center top);
				th{height:42px; color:#0063a0; .font; text-align: center;}
				td{height:25px; .font(12px); border-bottom:1px #ccc dashed;}
			}
			>#member-form{
				.bg('@{base-url}guest_login.jpg', center top);
				th{
					color:#0063a0;
					>a{font-weight: 100;}
				}
				td{
					.font(12px);
					>input{height:22px; width: 130px; padding:0 3px; border:1px #bfcee2 solid;}
					>button{height:27px; width: 51px; padding:0; margin:2px 0 10px; border-width: 0;}
					>ul{
						width:440px;
						margin: 0 auto;
						padding: 0;
						list-style: none;
						>li{
							padding:5px 0 5px 15px;
							.font(12px);
							.bg('@{base-url}dot3.png', left 7px);
							>a{.a(@hover);}
						}
					}
				}
			}
			>#companylist{
				.bg(#bfcee2);
				thead tr{
					.bg(#ebf4f9);
					>td{padding:5px 10px; .font;}
				}
				tbody tr{
					.bg(white);
					>td{padding:5px 10px; .font(12px);}
					&.odd{.bg(#f5f5f5);}
				}
			}
			>#guest{
				padding-top:15px;
				>img{padding-left:1px;}
				>div{
					padding: 0 40px;
					overflow: hidden;
					.bg('@{base-url}box1-middle.jpg', center top, repeat-y);
					>h3{margin-bottom: 50px; color:@hover;}
					>p{
						margin-bottom: 40px;
						>b{padding-bottom:10px; clear:both; display: block; color:#3366ff; .font;}
						.font(12px);
					}
					td{.font(12px);}
					>div{
						h5{padding:10px 15px; margin-bottom: 0; .bg(#f2f2f2); border-color:#b2b2b2; border-style: solid; border-width: 2px 0 1px;}
						p{
							.font(12px);
							>a{.a(@hover);}
						}
						ol{
							padding:0;
							margin: 0 0 10px;
							list-style-position: inside;
							>li{padding:5px 15px; .bg(white); border-bottom:1px #b2b2b2 solid;}
							&.bus{
								list-style-position: outside;
								margin-left: 25px;
								>li{
									.bg(transparent);
									border-bottom-width: 0;
								}
							}
						}
					}
				}
			}
			>#qhmm{
				padding:50px 0;
				>table{
					margin-bottom:50px;
					th{color:#0063a0; .font;}
					td{.font(12px);}
				}
				>p{padding-left:40px; .font(12px);}
			}
		}
	}
	&#bottom-menu{
		padding:15px 0;
		margin:0 auto;
		list-style:none;
		display:table;
		border-top:1px #d9dadc solid;
		>li{
			display:table-cell;
			text-align:center;
			>a{.a(#717171); .font;}
			&+li{.bg('@{base-url}line1.jpg', left center);}
		}
	}
}
.xy-container-fluid{
	min-width:@width;
	&#footer{
		.bg(#e2e5ea);
		>.xy-container{
			height:47px;
			padding-top:17px;
			color:#3b3b3b;
			.font;
			>a{.a(#3b3b3b);}
		}
	}
}
#guest_reg{
  width: 735px;
  margin: 0 auto;
  >dl{
    margin: 20px auto;
    >dt{padding:5px 0; color:#3366ff; .font(12px);}
    >dd{padding:2px 0 2px 15px; .font(12px); .bg('@{base-url}dot3.png', left center);}
  }
}
body{
	min-width:@width;
	.bg('@{base-url}bg.jpg', center top);
	.bg(#eef0f3);
	&.index{
		@width:1202px;
		min-width:@width;
		>#banner{width:@width; height: auto;}
		>#iwant{
			width:@width;
			>.xy-col-1-2{
				.col-width(2/5);
				padding:14px 0;
				.bg(#52b359);
				>table{
					margin:0 10px 0 10px;
					th, td{
						color:white;
						>a{.a(white);}
					}
					th{padding-bottom:8px; .font(18px); font-weight:100; text-align:center; .bg('@{base-url}icon1.png', center 13px);}
					td{padding:4px 0; .font(16px);}
				}
				&+.xy-col-1-2{
          .col-width(3/5);
					.bg(#61bb5c);
					>table th{.bg('@{base-url}icon2.png', center 17px);}
				}
			}
		}
		>#detail{width:@width; overflow:hidden; .bg(white);}
		>#footer{min-width:@width;}
	}
	&.invitation{
		height:auto;
		.bg(none);
		.bg(white);
		>.xy-container{
			margin-top:30px;
			width:615px;
			.bg('@{base-url}lt_title_bg.gif', left top, repeat-y);
			>div{
				width:496px;
				margin:30px auto 10px;
				>p{
					margin-bottom:15px;
					.font(12px, 1.8);
					>b{.font; letter-spacing:2px;}
					&.text-right{margin-bottom:30px;}
				}
				a+p{margin-top:20px;}
			}
		}
	}
	&.zxbm{
		padding-top:10px;
		.bg(none);
		.bg(white);
		>.xy-container-fluid{
			.bg('@{base-url}bgi.jpg', center top);
			>.xy-container{
				height:40px;
				padding:4px 0 0;
				>b{color:#0063a0; .font;}
				&+.xy-container{
					height: auto;
					width:890px;
					padding:0;
					border-color:#DDEEF8;
					border-style: solid;
					border-width: 0 5px 5px;
					>form{
						>table{
							.bg(#bfcee2);
							tr{
								.bg(white);
								>td{
									padding:5px 10px;
									.font(12px);
									>font{color:@hover;}
									input.trim{
										height: 20px;
										width: 300px;
										padding: 0 5px;
										border:1px #bfcee2 solid;
										&.short{width:100px;}
									}
									select{height:22px;}
									img{margin-left:10px;}
									span.msg{
										position: relative;
										height: 0;
										width: 0;
										padding:20px 20px 0 0;
										>i{position:absolute; bottom:0;}
									}
								}
								&.odd{.bg(#f2f8fd);}
							}
						}
						>div{padding:20px 0;}
					}
				}
			}
		}
	}
}
td{
	>#left-iframe{
		width:192px;
		padding:0 4px 0 7px;
		>dl{
			width:132px;
			padding:10px 0;
			margin:0 auto;
			>dt{padding:0 0 4px 10px; .font;}
			>dd{
				padding:5px 0;
				>i{margin-right:6px;}
				>a{.font(12px);}
			}
		}
		>.clear{height:2px; .bg('@{base-url}line2.jpg', left top, repeat-x);}
		>#zgdh{
			width:162px;
			margin:0 auto;
			>b{padding:25px 0 17px 55px; display:block; .font; .bg('@{base-url}icon27.png', 10px center);}
			>a{
				position:relative;
				padding:4px 0 4px 49px;
				margin-bottom:7px;
				display:block;
				.a(@detail, @hover, none);
				.font(12px);
				.bg('@{base-url}bg-button.jpg', left bottom, repeat-x);
				border:1px #bfc3c5 solid;
				border-radius:4px;
				>i{
					position:absolute;
					left:19px;
					top:5px;
					height:16px;
					width:16px;
					&#dh1{.bg('@{base-url}icon28.png', center center);}
					&#dh2{.bg('@{base-url}icon29.png', center center);}
					&#dh3{.bg('@{base-url}icon30.png', center center);}
					&#dh4{.bg('@{base-url}icon31.png', center center);}
				}
			}
		}
		>img{margin-bottom:15px; margin-top:15px; cursor:pointer;}
		>.cg-left{
			margin: 0 0 10px;
			padding:10px 0 0;
			list-style: none;
			.bg('@{base-url}bg-cg.jpg', left top);
			>li{
				padding:2px 10px 2px 35px;
				.font(12px);
				>a{.a(#3183bc); font-weight: bold;}
				&.bottom{height:10px; padding: 0; .bg('@{base-url}bg-cg-bottom.jpg', left bottom);}
				&#icon1{.bg('@{base-url}new-ico1.gif', 10px center);}
				&#icon2{.bg('@{base-url}new-ico2.gif', 10px center);}
				&#icon3{.bg('@{base-url}new-ico7.gif', 10px center);}
				&#icon4{.bg('@{base-url}new-ico8.gif', 10px center);}
				&#icon5{.bg('@{base-url}new-ico4.gif', 10px center);}
				&#icon6{.bg('@{base-url}new-ico5.gif', 10px center);}
				&#icon7{.bg('@{base-url}new-ico6.gif', 10px center);}
			}
			&#cg2>li{
				padding:5px 10px 5px 30px;
				margin: 0 7px;
				.a(#3183bc, @hover, none);
				font-weight: bold;
				.bg('@{base-url}icon43.png', 10px 8px);
				border-bottom: 1px #a0d7ee solid;
				>font{cursor:pointer;}
				>ul{
					display: none;
					margin: 0;
					padding: 5px 0 0;
					list-style: none;
					>li{
						padding:2px 0 2px 10px;
						font-weight: 100;
						.bg('@{base-url}dot7.jpg', left 7px);
					}
				}
				&.last{border-bottom-width:0;}
				&.bottom{height:10px; padding: 0; margin:-1px 0 0; .bg('@{base-url}bg-cg-bottom.jpg', left bottom); border-width:0;}
				&.active{
					.bg('@{base-url}icon44.png', 10px 8px);
					>ul{display:block;}
				}
				&+li{border-top:1px white solid;}
			}
		}
	}
	>#flow-top{
		position:relative;
    >a#link1{position:absolute; left:392px; top:18px; height: 24px; width: 175px; .bg('@{base-url}null.png', left top, repeat);}
    >a#link2{position:absolute; left:575px; top:17px; height: 24px; width: 175px; .bg('@{base-url}null.png', left top, repeat);}
    >a#link3{position:absolute; left:392px; top:45px; height: 24px; width: 175px; .bg('@{base-url}null.png', left top, repeat);}
    >a#link4{position:absolute; left:575px; top:44px; height: 24px; width: 175px; .bg('@{base-url}null.png', left top, repeat);}
    >a#link5{position:absolute; left:392px; top:71px; height: 24px; width: 175px; .bg('@{base-url}null.png', left top, repeat);}
    >a#link6{position:absolute; left:575px; top:72px; height: 24px; width: 175px; .bg('@{base-url}null.png', left top, repeat);}
    >a#link7{position:absolute; left:392px; top:99px; height: 24px; width: 175px; .bg('@{base-url}null.png', left top, repeat);}
    >a#link8{position:absolute; left:575px; top:98px; height: 24px; width: 175px; .bg('@{base-url}null.png', left top, repeat);}
	}
}
@media (min-width: 800px){}
@media (min-width: 1024px){}
@media (min-width: 1152px){}
@media (min-width: 1280px){}
@media (min-width: 1360px){}
@media (min-width: 1366px){}
@media (min-width: 1400px){}
@media (min-width: 1440px){}
@media (min-width: 1600px){}
@media (min-width: 1680px){}
@media (min-width: 1920px){}/*chrom全屏宽度*/
@media (max-height: 600px){}
@media (max-height: 750px){
	.mF_box_wrap{height:460px; overflow:hidden;}
}
@media (max-height: 740px){
	.mF_box_wrap{height:450px; overflow:hidden;}
}
@media (max-height: 730px){
	.mF_box_wrap{height:440px; overflow:hidden;}
}
@media (max-height: 720px){
	.mF_box_wrap{height:430px; overflow:hidden;}
}
@media (max-height: 710px){
	.mF_box_wrap{height:420px; overflow:hidden;}
}
@media (max-height: 700px){
	.mF_box_wrap{height:410px; overflow:hidden;}
}
@media (max-height: 690px){
	.mF_box_wrap{height:400px; overflow:hidden;}
}
@media (max-height: 680px){
	.mF_box_wrap{height:390px; overflow:hidden;}
}
@media (max-height: 670px){
	.mF_box_wrap{height:380px; overflow:hidden;}
}
@media (max-height: 660px){
	.mF_box_wrap{height:370px; overflow:hidden;}
}
@media (max-height: 650px){
	.mF_box_wrap{height:360px; overflow:hidden;}
}
@media (max-height: 640px){
	.mF_box_wrap{height:350px; overflow:hidden;}
}
@media (max-height: 630px){
	.mF_box_wrap{height:340px; overflow:hidden;}
}
@media (max-height: 620px){
	.mF_box_wrap{height:330px; overflow:hidden;}
}
@media (max-height: 610px){
	.mF_box_wrap{height:320px; overflow:hidden;}
}
@media (min-height: 600px){}
@media (min-height: 720px){}
@media (min-height: 768px){}
@media (min-height: 800px){}
@media (min-height: 864px){}
@media (min-height: 900px){}
@media (min-height: 960px){}/*chrom全屏高度*/
@media (min-height: 1024px){}
@media (min-height: 1050px){}
@media (min-height: 1080px){}
@-moz-document url-prefix(){}
@media print {}