@charset "utf-8";
@import "public.less";
font.mail{padding:8px 12px 0 0; .bg('@{base-url}@.png', center bottom);}
body{min-width:1002px; border-top:6px #f58220 solid; background:url(../../images/bg.jpg) repeat-y center;}
.box{
	>.tag{padding:5px 0 7px 15px; color:#222222; .font2(16px, 28px); font-weight:bold; .bg('@{base-url}border.jpg', left bottom);}
	>.title{
		height:30px;
		padding-left:30px;
		color:black;
		.font2(16px, 30px);
		font-weight:bold;
		border-bottom:1px #b2b2b2 solid;
					background:url(../../images/2017/tit.jpg) no-repeat 15px 9px ;	
				.bg(#ebebeb);


		>a{
			.a(black, @hover, none);
			&.more{float:right; margin-right:10px; .font1(12px, 30px); font-weight:100;}
		};
	}
	>.font{
		padding:10px 0;
		>p{
			margin-bottom:0;
			color:@detail;
			.font1(12px, 21px);
			>a{.a;}
		}
	}
	>.list1, >.list2{
		padding:5px 10px;
		margin:0;
		list-style:none;
		>li{
			padding:4px 0 3px 20px;
			overflow:hidden;
			.bg('@{base-url}dot1.jpg', 6px center);
			border-bottom:1px #c4c4c4 dashed;
			>a{.a(#363636); .font1(13px, 20px);}
			>span{color:#999999; .font1(12px, 20px);}
		}
		&.list2{
			height:232px;
			.bg(#f6f6f6);
			>li{border-bottom-color:#c4c4c4;}
		}
	}
}
.box1{

	height:302px;
	>.tag{padding:4px 0 3px 15px; color:#222222; .font2(16px, 28px); font-weight:bold;}
	>.font{
		width:196px;
		padding:3px 8px 10px 8px;
		margin:0 auto 0px;
			border: 1px #cfcfcf solid;
	border-radius:5px;
		>p{
			margin-bottom:0;
			color:@detail;
			.font1(12px, 19px);
			>a{.a;}
			>b{color:#333;}
			>.mail{padding:8px 8px 0 0;}
		}
	}
	>.font2{
		width:196px;
		padding:3px 8px 10px 8px;
		margin:0 auto 0px;
			border: 1px #cfcfcf solid;
	border-radius:5px;
		>p{
			margin-bottom:0;
			color:@detail;
			.font1(12px, 19px);
			>a{.a;}
			>b{color:#333;}
			>.mail{padding:8px 8px 0 0;}
		}
	}
}

.box1x{

	height:302px;
	>.tag{padding:4px 0 3px 15px; color:#222222; .font2(16px, 28px); font-weight:bold;}
	>.font{
		width:183px;
		padding:3px 8px 10px 8px;
		margin:0 auto 0px;
			border: 1px #cfcfcf solid;
	border-radius:5px;
		>p{
			margin-bottom:0;
			color:@detail;
			.font1(12px, 19px);
			>a{.a;}
			>b{color:#333;}
			>.mail{padding:8px 8px 0 0;}
		}
	}
	>.font2{
		width:183px;
		padding:3px 8px 10px 8px;
		margin:0 auto 0px;
			border: 1px #cfcfcf solid;
	border-radius:5px;
		>p{
			margin-bottom:0;
			color:@detail;
			.font1(12px, 19px);
			>a{.a;}
			>b{color:#333;}
			>.mail{padding:8px 8px 0 0;}
		}
	}
}


#log{
	height:28px;
	padding:10px 10px 10px 20px;
	color:@detail;
	.font1(12px, 28px);
	>font{padding-left:25px; color:#9b5120; .font2(16px, 28px); font-weight:bold; .bg('@{base-url}icon8.png', left center);}
	>a{
		.a;
		&#back{margin:2px 0 0 35px; .a(@detail, @hover, none); .font1(12px, 20px);}
		&#home{padding:3px 0 3px 25px; .bg('@{base-url}icon9.jpg', left center);}
	}
}
.xy-container{
	width:1002px;
	&#header{
		padding-top:193px;
		.bg('@{base-url}logo.jpg', center top);
		>#menu{
			height:38px;
			background:url(../../images/2017/menubg.jpg);	
			>.nav{
				width:769px;
				padding-left:3px;
				>li{
					padding:0 14px 0 15px;
					.bg('@{base-url}line1.jpg', left center);
					>a{
						padding:7px 8px;
						.a(white, white, none);
						.font2(16px, 24px);
						font-weight:bold;
						border-radius:0;
						&:focus, &:hover{.bg(transparent);}
					}
					>.dropdown-menu{
						width:100%;
						padding:5px 0;
						margin:0;
						.bg(transparent);
						border-width:0;
						border-radius:0;
						-webkit-box-shadow:none;
										box-shadow:none;
						>li{
							width:auto;
              display: table-cell;
							>a{
								padding:0 5px 0 15px;
								margin-right:20px;
								.a(#666666);
								.font2(12px, 20px);
								.bg('@{base-url}dot1.jpg', 5px center);
								&:focus, &:hover{.bg(transparent);}
							}
						}
					}
					&:first-child{padding-left:15px; .bg(none);}
					&:focus>a, &:hover>a, &.active>a{.bg('@{base-url}active.jpg', center bottom); .bg(transparent);}
					&.open>a{
						&, &:focus, &:hover{.bg(transparent);}
					}
          &.open>.dropdown-menu{
            display: table;
          }
				}
			}
			>form{
				width:220px;
				padding:5px 5px 0 0;
				>input{height:17px; width:110px; padding:2px 5px 2px 30px; margin-top:2px; .font1(12px, 18px); .bg('@{base-url}search.jpg', left center); border-width:0;}
				>button{padding:4px 10px; color:white; .font2(12px, 18px); .bg(#9b5120); border-width:0;}
			}
		}
		>#msg{
			height:30px;
			.bg('@{base-url}msg.jpg', center top);
			>#demo-title{padding-left:25px; margin-left:15px; color:@hover; .font2(12px, 30px); .bg('@{base-url}icon2.png', left center);}
			>#demo{
				height:30px;
				width:735px;
				overflow:hidden;
        >div{
          position:relative;
          height:30px;
          width:735px;
          overflow:hidden;
          >ul{
            position:absolute;
            left:0;
            padding:0;
            margin:0;
            overflow:hidden;
            list-style:none;
            >li{
              float:left;
              white-space:nowrap;
              &, &>span{color:#000000; .font2(12px, 30px);}
              >span{padding-left:10px; margin-right:35px; .bg('@{base-url}dot1.jpg', left center);}
              a{.a(#666666); .font2(12px, 30px);}
            }
          }
        }
			}
			>#date{margin-right:15px; color:#5f312b; .font2(12px, 30px);}
		}
	}
	&#iframe1{
		>#leftiframe{
			width:227px;padding-top:10px;	
						background:url(../../images/2017/left_19.jpg);	
				>.xy-col-1-2{.col-width(1/2); margin-bottom:4px;
				width:45%; margin-left:6px;
				}
			>#wechat{
				padding:10px 0 28px 0;
				margin:14px auto; 
				color:@detail;
				.font2(14px, 30px);
				>b{color:black; .font2(16px, 30px);}
			}
		}
		>#rightiframe{
			width:758px;
			margin:10px 5px 0 10px;
			>a>img{margin-bottom:10px;}
			>.box{
				margin-bottom:6px;
				&.leftbox{
					width:440px;
					>ul>li>a{width:338px;}
				}
				&.rightbox{
					width:308px;
					>ul>li>a{width:268px;}
				}
			}
			>.focus{
				width:296px;
				padding:5px;
				margin-bottom:10px;
        border: 1px #cfcfcf solid;
        border-radius: 5px;
				overflow:hidden;
				#boxFocus{padding-bottom:31px;}
        #boxFocus1{
          padding-bottom:31px;
          &, &>.pic, &>.pic>ul>li, &>.pic>ul>li td{width: 296px; height: 218px;}
          >.pic>ul>li td>a{
            width: 296px;
            clear:both;
            display: block;
            text-align: center;
            >img{max-height: 218px; max-width: 296px;}
          }
        }
			}
		}
	}
	&#iframe2{
		overflow:hidden;
		.bg('@{base-url}bg-right.jpg', right 2px);
		>#leftiframe{
			width:748px;
			>.inside{
				margin-bottom:10px;
				border:1px #e5e5e5 solid;
				#print{margin-bottom:20px; margin-right:20px; cursor:pointer;}
				&#about{
					padding:15px 30px 30px;
						#title{margin-bottom:15px; color:#191919; .font2(24px, 44px); font-weight:bold}
					>p{color:#191919; .font1(12px, 28px);}
				}
				&#jgsz{
					padding-bottom:50px;
					.bg('@{base-url}temp1.png', 496px 37px);
					>div{
						&#title{padding:50px 0 20px 55px; color:#9b5120; .font2(21px,41px); font-weight:bold;}
						&.null{
							width:699px;
							margin:0 auto 10px;
							>img{}
							>div{
								padding:15px 19px 25px;
								.bg('@{base-url}middle.png', center top, repeat-y);
								>p{
									margin:0;
									color:#191919;
									.font1(14px, 28px);
									font-weight:bold;
									&.indent{.font1(12px, 28px); font-weight:100;}
								}
							}
						}
					}
				}
				&#list{
					padding:10px 15px 30px;
					>.list{
						padding:0;
						margin:0;
						list-style:none;
						>li{
							padding:5px 10px 5px 25px;
							.bg('@{base-url}dot2.gif', 10px center);
							border-bottom:1px #c4c4c4 dashed;
							>a{.a; .font1(12px, 20px);}
							>.date{float:right; color:#999999; .font1(12px, 20px);}
						}
					}
					>div{
						overflow:hidden;
						>.pagination{margin-left:15px; float:right;}
						>div.pagination{
							padding:3px 0;
							.font1(12px, 24px);
							>select{height:22px; line-height:22px; margin:0 5px;}
							>input{
								margin:0 5px;
								&.text{height:20px; width:30px; line-height:20px; text-align:center; border:1px #cccccc solid;}
								&.button{.font1(12px, 22px);}
							}
						}
						>ul.pagination{
							
						}
					}
				}
				&#newsdetail{
					padding:35px;
					color:@detail;
					.font1(12px, 24px);
					>.title{color:#9b5120; .font2(24px, 44px); text-align:center; font-weight:bold}
					>.info{padding:10px 0; color:@detail; .font1(12px, 20px); text-align:center;}
					>.enter{
						overflow:hidden;
						padding:5px 0;
						border-top:1px #cccccc solid;
						>.msg{padding-left:15px; color:#ee620d; .font1(12px, 20px);}
						>form{
							>table{
								width:676px;
								margin:5px auto 10px;
								clear:both;
								th{
									height:33px;
									margin-left:-1px;
									text-align:center;
									font-weight:100;
									.bg('@{base-url}bg-th.jpg', left top, repeat-x);
									border-color:#c3c3c3;
									border-style:solid;
									border-width:1px 1px 1px 0;
									&:first-child{border-left-width:1px;}
									img.btn{padding:0; margin:0 3px; cursor:pointer; border-width:0;}
								}
								td{
									padding:10px;
									color:@detail;
									.font1(12px, 20px);
									.float{margin-right:5px; float:left;}
									input.text{
										height:18px;
										width:100px;
										border:1px #b8b8b8 solid;
										&.long{width:168px;}
										&.short{width:58px; margin-right:5px; float:left;}
									}
									input.float{height:19px; width:63px; padding:0; margin-left:0; cursor:pointer; .bg('@{base-url}reset.jpg'); border-width:0;}
								}
							}
							input.submit{padding:6px 30px; .font2(14px, 24px);}
						}
						>.enter-title{color:@detail; .font2(14px, 28px);}
						>.nologin{
							padding:15px 0;
							margin-bottom:20px;
							color:@detail;
							.font1(14px, 28px);
							.bg(#f6f6f6);
							>a{.a(#1c85fc, @hover, underline);};
						}
					}
					>ul.other{
						padding:0;
						margin:0;
						list-style:none;
						>li{
							padding:5px 0;
							color:#09459a;
							.font1(12px, 20px);
							font-weight:bold;
							>font{color:#999999; font-weight:100;}
							>a{.a; font-weight:100;}
						}
					}
				}
				&#plan{
					padding:40px 15px 50px;
					>.title{color:#9b5120; .font2(24px, 44px); text-align:center;font-weight:bold}
					table{
						width:100%;
						margin-bottom:20px;
						th{padding:5px; color:@detail; .font1(12px, 20px); text-align:center; .bg(#efefef);}
						td{padding:5px 0; color:@detail; .font1(12px, 20px); .bg(white);}
					}
					>.info{.font1(12px, 20px);}
				}
				&#register{
					padding:100px 0;
					input.btn{margin-left:120px;}
					a.btn{margin-left:10px;}
					.form_title{color:#1d1d1d; .font2(22px, 42px); text-align:center;}
					ul.form{
						width:560px;
						padding:0;
						margin:0 0 0 155px;
						list-style:none;
						>li{
							padding:5px 0;
							overflow:hidden;
							input.text{
								height:24px;
								width:202px;
								padding:0;
								line-height:24px;
								float:left;
								cursor:auto;
								border:1px #c3c3c3 solid;
								&.short{width:88px;}
								&.long{width:454px;}
							}
							input.option{float:left;}
							input.btn{width:178px;}
							select{height:24px; float:left; margin-right:10px;}
							textarea{height:80px; width:300px; border:1px #b8b8b8 solid; cursor:auto; float:left;}
							label{
								width:140px;
								float:left;
								color:@detail;
								.font1(14px, 26px);
								font-weight:100;
								&.option{width:40px; padding-left:5px;}
							}
							span{
								&.tip{margin-left:5px; float:left; color:#999999; .font1(12px, 20px);}
								&.success{.bg('@{base-url}success.png', left center); line-height:32px; padding-left:20px;}
								&.warning{.bg('@{base-url}warning.png', left center); color:#a2450c; line-height:32px; padding-left:20px;}
							}
              >font{float:left; margin-left: 5px; color:#999999; .font1(12px, 20px);}
							img.float{height:26px; margin-left:20px; cursor:pointer; float:left;}
							&.info{
								padding-left:140px;
								color:@detail;
								.font1(12px, 20px);
								>a{margin:0 2px; .a(#ee7220, @hover, underline);}
							}
						}
					}
					>#login{
						height:295px;
						width:242px;
						padding:26px 50px 0;
						margin:0 auto;
						.bg('@{base-url}bg-login.jpg');
						>.form_title{text-align:left; padding-bottom:15px;}
						>ul.form{
							width:242px;
							margin:0;
							>li{
								padding:3px 0;
								margin:0 0 12px;
								&.bg{.bg(white); position:relative;}
								input.text{
									width:150px;
									.bg(white);
									border-width:0;
									&.short{width:60px;}
								}
								img.float{position:absolute; top:6px; right:-65px;}
								>a{.a(@detail, @hover, underline); .font2(14px, 20px); text-decoration:underline; margin-right:5px;}
							}
							input.btn{margin:0; width:216px;}
							label{width:75px; padding:0 0 0 10px; margin:0;}
						}
					}
				}
				&#regok{
					padding:80px 0 100px;
					>div{padding:5px 0;}
					>#font1{color:#9b5120; .font2(36px, 56px);}
					>#font2{color:#9b5120; .font2(32px, 52px);}
					>#font3{color:#ee7220; .font2(44px, 64px);}
					a.btn{width:135px;}
				}
        &#contact{
          padding:40px 60px 25px;
          >p{
            padding-left:25px;
            margin:0;
            color:@detail;
            .font1(12px, 30px);
            >a{.a;}
            &.title{margin-bottom:15px; color:#9b5120; .font2(24px, 44px); font-weight:bold}
          }
          >#dituContent{height:430px; width:100%; margin-top:25px;}
          >img.title{margin:22px 0 15px 20px;}
          >div.bg{
            padding:8px 0;
            margin-bottom:15px;
            .bg(#f8f5f1);
            >p{
              padding-left:20px;
              margin:0;
              color:@detail;
              .font1(12px, 22px);
              >a{.a;}
              img{margin-top:-5px;}
            }
            &+div{padding:15px 0;}
          }
        }
			}
		}
		>#rightiframe{
			width:230px;
			>.list-group{
				width:200px;
				margin:10px auto 0;
				>.list-group-item{
					padding:0;
					margin:0;
					border-width:0;
					border-radius:0;
					.bg(transparent);
					>a{padding:9px 0 8px 30px; margin:0 0 2px; display:block; .a(@detail, #9b5120, none); .font1(14px, 20px); .bg('@{base-url}dot3.png', 180px center); .bg(white);}
					>ul{
						padding:0;
						margin:0;
						list-style:none;
						display:none;
						>li{
							>a{
								padding:9px 0 8px 55px;
								margin:0 0 2px;
								display:block;
								.a(#6f6f6f, #e23b28);
								.font1(14px, 20px);
								.bg('@{base-url}dot5.jpg', 40px center);
								.bg(white);
								&:focus, &:hover, &.active{.a(#e23b28, #e23b28); text-decoration:underline; .bg('@{base-url}dot6.jpg', 40px center);}
							}
						}
					}
					&.list-group-item-heading{
						margin-bottom:2px;
						>a{padding:9px 0 8px 30px; .a(white, white, none); .font1(16px, 20px); font-weight:bold; .bg('@{base-url}bg-menu.jpg');}
					}
					&.active{
						>a{.a(#9b5120, #9b5120, none); font-weight:bold; .bg('@{base-url}dot4.png', 180px center);.bg(#fffaed);}
						>ul{display:block;}
					}
				}
			}
			>.box{
				width:170px;
				padding:0 15px 25px;
				margin:10px auto 0;
				.bg(white);
				border-top:4px #ee7220 solid;
				>.tag{padding:5px 0; color:#9b5120; .font2(16px, 28px); font-weight:bold; .bg(none); }
				>.font{
					padding:0;
					>p{
						margin-bottom:0;
						color:@detail;
						.font1(12px, 21px);
						>a{.a;}
					}
				}
			}
		}
	}
	&#iframe3{
		overflow:hidden;
		>.inside{
			margin-bottom:10px;
			border:1px #e5e5e5 solid;
			#print{cursor:pointer;}
			&#contact{
				padding:40px 60px 25px;
				>p{
					padding-left:25px;
					margin:0;
					color:@detail;
					.font1(12px, 30px);
					>a{.a;}
					&.title{margin-bottom:15px; color:#9b5120; .font2(24px, 44px); font-weight:bold}
				}
				>#dituContent{height:430px; width:100%; margin-top:25px;}
				>img.title{margin:22px 0 15px 20px;}
				>div.bg{
					padding:8px 0;
					margin-bottom:15px;
					.bg(#f8f5f1);
					>p{
						padding-left:20px;
						margin:0;
						color:@detail;
						.font1(12px, 22px);
						>a{.a;}
						img{margin-top:-5px;}
					}
					&+div{padding:15px 0;}
				}
			}
		}
	}
}
.xy-container-fluid{
	min-width:1002px;
	&#footer{
		height:91px;
		.bg('@{base-url}footer.jpg', top center, repeat-x);
		>.xy-container{
			padding:10px 0;
			overflow:hidden;
			color:@detail;
			.font1(12px, 20px);
			border-top:1px #d0d0d0 solid;
			>label{padding-left:35px; margin:0 0 0 55px; float:left; .font2(14px, 24px); font-weight:100; .bg('@{base-url}icon1.jpg', left center);}
			>select{height:22px; line-height:22px; margin-left:70px; float:left;}
			>a{.a(#666666);}
			&:first-child{border-top-width:0;}
		}
	}
}
@media print {
	body{
		border-top-width:0;
		#print, .enter, ul.other, .like{display:none;}
		#about{
			#title{margin-bottom:15px; color:#191919; .font2(24px, 44px);}
			p{color:#191919; .font1(12px, 28px);}
		}
		#newsdetail{
			.title{color:#9b5120; .font2(24px, 44px); text-align:center; font-weight:bold}
			.info{padding:10px 0; color:@detail; .font1(12px, 20px); text-align:center;}
			p{margin-bottom:5px; color:@detail; .font1(12px, 24px);}
		}
		#plan{
			.title{color:#9b5120; .font2(24px, 44px); text-align:center;}
			table{
				border-spacing:0;
				border:1px black solid;
				th{text-align:center; border:1px black solid;}
				td{border:1px black solid;}
			}
			.info{padding:10px 0; color:@detail; .font1(12px, 20px);}
		}
	}
}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (min-width: 1200px){}
@media (min-width: 1500px){}
@-moz-document url-prefix(){}