/* base */



blockquote{color:#666;font-style:italic;}
sup,sub{line-height:0}
abbr,acronym{border-bottom:1px dotted #666}
pre{white-space:pre;}
pre,code,tt{font:12px 'andale mono', 'lucida console', monospace;line-height:1.5}
/*clear clearfix*/
.clearfix:after {content: "020"; display: block; height: 0;clear: both; visibility: hidden }
.clearfix {zoom: 1;} 
.clear{clear:both;}
/* table */

/* temp3 */
#temp3{height:520px;}
#temp3 .JQ-content-box{float:left;overflow:hidden;height:500px;position:relative}
#temp3 .JQ-content-box .JQ-slide-content  li{position:absolute;top:0;left:0}
#temp3 .JQ-content-box img{height:500px;display:block}
#temp3 .JQ-slide-nav{display:block;float:right;width:145px;height:301px;overflow:hidden;}
#temp3 .JQ-slide-nav li{display:inline;float:left;padding-left:12px;padding-bottom:6px;width:133px;height:61px;padding-top:6px;margin-bottom:3px;background:url(images/nom.png)}
#temp3 .JQ-slide-nav li.on{display:inline;float:left;padding-left:12px;padding-bottom:6px;width:133px;height:61px;padding-top:6px;margin-bottom:3px;background:url(images/on_box.png)}
#temp3 .JQ-slide-nav li img{width:127px;height:61px;display:block}
/* slide-box */
#slide-box{width:690px;position:relative;height:472px;}
#slide-box .corner{clear:both;border-top:#333 1px solid;display:block;overflow:hidden;height:0;margin:0 1px;}
#slide-box .slide-content{background:#333;padding:10px;}
#slide-box .JQ-slide-content{position:absolute;}
#slide-box .JQ-slide-nav a{display:block;z-index:99;width:37px;color:#b4b4b4;position:absolute;top:205px;height:65px;text-decoration:none;}
#slide-box .JQ-slide-nav span{display:block;background:#4b4b4b;font:700 53px arial;width:37px;cursor:pointer;height:63px;text-align:center;}
#slide-box .JQ-slide-nav .corner{border-color:#4b4b4b;}
#slide-box .JQ-slide-nav .prev{left:-10px;}
#slide-box .JQ-slide-nav .next{right:-10px;}
#slide-box .wrap{overflow:hidden;width:670px;height:450px;position:relative;}
#slide-box ul{width:10000px;}
#slide-box li{float:left;width:340px;height:450px;}
#slide-box li img{width:330px;height:450px;}
#slide-box .JQ-slide-nav a:hover,#slide-box .JQ-slide-nav a:hover span{color:#f43d1e;}



.banner-container {
				text-align:center;
				position: absolute;
				width: 300px;
				right: 8%;
				top: 20px!important;
				background: rgba(255,255,255,0.5);
				border-radius: 10px;
				padding: 20px;
				z-index: 999;
			}
			.banner-container h2 {
				margin-bottom: 20px!important;
				color: #000;
			}
			.banner-container h2 {
				text-align:center;
				font-size: 22px;
				margin: 5px 0;
			}
			.banner-container .input {
				position: relative;
				margin-bottom: 20px;
			}
			
			.banner-container button {
				width: 186px;
				clear: both;
			}
			.banner-container button {
				border: none;
				width: 150px;
				background: linear-gradient(90deg, rgba(65, 133, 244, 1) 0%, rgba(52, 86, 230, 1) 100%);
				color: #fff;;
				font-size: 17px;
				padding: 8px 25px;
				border-radius: 50px;
				cursor: pointer;
				height:45px;
				
			}
			.banner-container .input label {
				width: 80px;
				height: 40px;
				line-height: 40px;
				text-align: right;
				display: block;
				float: left;
				font-size: 16px;
			}
			
			
			.banner-container .input input {
				width: 224px;
				padding-left: 10px;
			}
			.banner-container .input input {
				background: #fff;
				width: 200px;
				height: 38px;
				border: none;
				padding-left: 10px;
				border-radius: 4px;
				font-size: 14px;
				border-radius: 5px;
			}
			input {
				outline: none
			}