@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{
    margin:0;
    padding:0
}
*{
	margin:0;
	padding:0;
	}
a{
	text-decoration:none;
	font-size:14px;
	color:#666;
	font-family:"Arial Narrow", Gadget, sans-serif;}
body{
	background:#f6f7f9;
	}

.heard_box{
	background:url(../images/nav_bg.png) repeat-x;
	height:71px;
	width:100%}
.heard_nav{
	width:1000px;
	height:69px;
	margin:auto}
	
.heard_nav #logo_box{
	width:179px; 
	margin-top:8px;
	float:left;
	margin-right:30px;
	}

.heard_nav ul{
	width:800px;
	/*height:18px;*/
	
	
	}
.heard_nav ul li{
	float:left;
	list-style:none;
	margin:20px;
	}
.heard_nav ul li a{
	letter-spacing:2px;
}
#nav1 a:hover{
	color:#a54399;
	}
.search{
	width: 140px;
	float:left;
	position:relative;
	margin-top:25px;
	margin-left:30px;
}
.search .input{
	padding-top:2px;
	height:16px;
	width: 130px;
	border: 1px solid #ccc;
	font-size:14px;
	background:#fff url(../images/search.png) no-repeat right 0;
	color: #ccc;
}
.search .btn{
}

.label{
	color:#ccc;
	position:absolute;
	left:12px;
	top:6px;
	display:block;
	height:22px;
	line-height:22px;
	font-size:12px;
	}
span.submit{
	cursor:pointer;
	position:absolute;
	left:111px;
	top:6px;
	width:20px;
	height:20px;
	text-indent:-999em;
	}
	.search .submit{
	cursor:pointer;
	position:absolute;
	left:111px;
	top:0px;
	width:20px;
	height:20px;
	text-indent:-999em;
	background-color: transparent;
    border: 0;
	}
.Language{
	margin-top:25px;
	float:left;
	height:20px;
	margin-left:18px;
	font-size:12px;
	font-family:"Arial Narrow";
	letter-spacing:2px;
	color:#666;
	}
.Language img{
		margin-left:4px;
		margin-bottom:2px;
		}
		
.Language a{
	color:#333;
	margin-left:2px;
	
}
.Language a:hover{
	color:red;
	}

.conte{
	width:1000px;
	margin:auto;
	}

.conte h1{
	margin-top:20px;
	font-family:"Apple Garamond Light";
	letter-spacing:3px;}
.tp_box li{
	float:left;
	margin:20px;
	list-style:none;
	}
.tp_box li #ridus_box{
	width:208px; 
	border-radius:60%; 
	overflow:hidden; 
	height:208px; 
	list-style:none;
	border:solid 1px #ecc5e7;
	}
.tp_box li #ridus_box:hover{
	width:208px; 
	border-radius:60%; 
	overflow:hidden; 
	height:208px; 
	list-style:none;
	border:solid 1px #dea7d7;
	}

.tp_box li #ridus_box img{
	width:210px;
	}
.tp_box li #bq_box h1{
	font-size:14px; 
	text-align:center; 
	font-family:'Arial Narrow'
	}
.tp_box li #bq_box{
	padding-left:14px;
	}
.tp_box li #cm_box{
	font-size:14px; 
	text-align:center; 
	font-family:'Arial Narrow'; 
	color:#666666; 
	letter-spacing:1px; 
	padding-top:6px; 
	padding-bottom:6px;
	
	}
.tp_box li #color_box{
	font-size:14px;
	text-align:center; 
	font-family:'Arial Narrow'; 
	color:#666666;
	letter-spacing:2px;
	}
.foot_box{
	background:url(../images/FOOTE.png) ;
	}
.foot_box ul{
	width:388px;
	margin:auto;
	padding-top:60px;
	}
.foot_box ul li{
	list-style:none;
	float:left;
	color:#fff;
	}
.foot_box ul li a{
	color:#fff;
	font-family:"Arial Narrow";
	padding:18px;
	font-size:16px;}
	
.about_box{
	width:1000px;
	margin:auto;
	}
.about_box h1{
	font-size:30px;
	font-family:"Arial Narrow";
	font-weight:bold;
	letter-spacing:3px;
	margin-top:52px;
	margin-left:34px;
	}
.about_box h1 span{
	font-size:18px;
	font-family:"Arial Narrow";
	letter-spacing:3px;
	font-weight:100;
	}
.left_text{
	width:464px;
	float:left;
	margin-left:20px;
	margin-top:38px;
	}
.left_text p{
	font-family:"Arial Narrow";
	font-size:14px;
	line-height:24px;
	letter-spacing:1px;
	text-indent:2em;
	word-break: break-all;
	padding-bottom:20px;
	}
.right_img{
	width:484px;
	height:320px;
	float:left;
	overflow:hidden;
	margin-left:20px;
	margin-top:102px;
	
	}

#page{
	width:1000px;
	margin:auto; 
	position:relative;
	}
#page h1{
	font-size:30px;
	font-family:"Arial Narrow";
	font-weight:bold;
	letter-spacing:3px;
	margin-top:52px;
	margin-left:34px;
	
	}
#page h1 #cc_ic{
	font-size:14px;
	font-family:"Arial Narrow";
	letter-spacing:3px;
	font-weight:100;
	color:#999;
	line-height:28px;
	}
#page h1 #coro{
	font-size:14px;
	font-family:"Arial Narrow";
	letter-spacing:3px;
	font-weight:100;
	color:#040404;
	}		
#page{
	width:1000px; 
	margin:26px auto; 
	height:647px;
	}	
#slide-box{
	width:1000px;
	position:relative;
	height:472px; 
	margin-top:40px;
	}
#slide-box .corner{
	clear:both;
	display:block;
	overflow:hidden;
	height:0;
	margin:0 px;
	}
#slide-box .slide-content{padding:10px;}
#slide-box .JQ-slide-content{
	position:absolute;
	}
#slide-box .JQ-slide-nav a{
	display:block;
	z-index:99;
	width:34px;
	color:#ddd;
	position:absolute;
	top:190px;
	height:65px;
	text-decoration:none;
	}
#slide-box .JQ-slide-nav span{
	font:400 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:-20px;
	}
#slide-box .JQ-slide-nav .next{
	right:-30px;
	}
#slide-box .wrap{
	overflow:hidden;
	width:970px;
	height:440px;
	position:relative;
	}
#slide-box ul{
	width:980px;
	}
#slide-box li{
	float:left;
	width:304px;
	height:440px;
	padding:12px;
	}
#slide-box li img{
	width:304px;
	height:440px;
	}
#slide-box .JQ-slide-nav a:hover,#slide-box .JQ-slide-nav a:hover span{
	color:#f43d1e;
	}



.examples {
	margin-top: 34px; 
	}
.examples .row {
	margin-bottom: 20px;
	}
.example{
	border-bottom:solid 1px #ccc; 
	height:360px; 
	width:1000px;
	}
.examples .col-md-3 {
	text-align: center;
	margin-bottom: 20px;
	}
.example img{
	width: 100%;
	}
.text-overflow {
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	}



.examples {
	
	}
.examples .row {

	width:1000px;
	}
.examples .col-md-3 {
	text-align: center;
	}
.example p{
	margin:10px; 
	width:230px; 
	float:left;
    margin-bottom:20px;
	}
.example img{
	width:230px; 
	height:154px; 
	float:left;
	}
.container{
	width:1000px; 
	margin:auto; 

	}
.zoomify{
	cursor:pointer;
	cursor:-webkit-zoom-in;
	cursor:zoom-in
	}
.zoomify.zoomed{
	cursor:-webkit-zoom-out;
	cursor:zoom-out;
	padding:0;
	margin:0;
	border:none;
	border-radius:0;
	box-shadow:none;
	position:relative;
	z-index:1501
	}
.zoomify-shadow{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:1500;
	background:rgba(0,0,0 ,.3);
	opacity:0
	}
.zoomify-shadow.zoomed{
	opacity:1;
	cursor:pointer;
	cursor:-webkit-zoom-out;
	cursor:zoom-out
	}
.container h1{
	font-size:30px;
	font-family:"Arial Narrow";
	font-weight:bold;
	letter-spacing:3px;
	margin-top:48px;
	margin-left:34px;
	}
.container h1 span{
	font-size:18px;
	font-family:"Arial Narrow";
	letter-spacing:3px;
	font-weight:100;
	}
#photext{
	text-align:center;
	line-height:38px; 
	font-family:'Arial Narrow'; 
	color:#666;
	display:block;
	}
	.photext{
	text-align:center;
	line-height:38px; 
	font-family:'Arial Narrow'; 
	color:#666;
	display:block;
	}
#sese{
	margin-top:20px;
	}
	

.contact_box{
	width:1000px;
	margin:auto;
	height:630px;
	}
.contact_box h1{
	font-size:30px;
	font-family:"Arial Narrow";
	font-weight:bold;
	letter-spacing:3px;
	margin-top:52px;
	margin-left:34px;
	}
.contact_box h1 span{
	font-size:18px;
	font-family:"Arial Narrow";
	letter-spacing:3px;
	font-weight:100;
	}
.con_left{
	float:left;
	width:500px;
	}
.con_left h1{
	font-family:"Arial Narrow";
	font-size:22px;
	color:#666;
	
	}
.con_left ul{
	    margin: 5px 24px;
	    }
.con_left ul li{
	width:297px; 
	height:128px;
	background:#666;
	list-style:none;
	margin:10px;
	float:left
	}
.con_left ul li img{
	float:left;
	    width: 96px;
    height: 128px;
	}
.con_left ul li p{
	float:left;
	font-family:"Arial Narrow";
	font-size:12px;
	color:#fff;
	line-height:20px;
	letter-spacing:2px;
	margin-top:6px;
	margin-left:6px;
	display:block;
	}
.con_right{
	float:right;
	width:500px;
	}
.con_right h1{
	font-family:"Arial Narrow";
	font-size:24px;
	color:#666;
	margin-left:34px;
	width:300px;	
	}
.con_right p{
	font-family:"Arial Narrow";
	font-size:16px;
	color:#999;
	margin-left:34px;
	width:100%;
	margin-top:10px;
	letter-spacing:2px;	
	}
.con_right .map_box{
	width:933px;
	height:360px;
	overflow:hidden;
	margin-left:34px;
	margin-top:20px;
	}
#canhome{
	color:#af5ba5;

	width:80px; 
	height:30px;
	position:absolute;
	right:0px;
	margin-right:20px;
	margin-top:60px;
	}
#canhome span{
	float:left;
	line-height:22px;
	letter-spacing:1px;
	padding-left:10px;
	}
#canhome:hover{
	color:#822a78;
	width:80px; 
	height:30px;
	position:absolute;
	right:0px;
	}
.nanme_box{
	height:320px;
	width:900px;
	margin:auto；
	}
.nanme_box label{
	float:left;
	width:430px;
	margin:10px;
	}

.nanme_box label span{ font-family:"Arial Narrow"; color:#333; width:80px; float:left}
#ly_buttpn{width:140px; height:30px; background:#af5ba5; margin:auto; text-align:center; border-radius:5px; line-height:30px; margin-top:10px; color:#fff;}
#ly_buttpn:hover{ background:#682160; }


.fy{ width:100%; height:auto; float:left; line-height:24px; text-align:center; margin:1px 0 20px 0;}
.fy span{ color:#727272 !important; /*background:#d7ddde;*/ border:0px #d7ddde solid; padding:2px 8px;}
.fy a{ color:#727272; /*background:#fff;*/ border:0px #d7ddde solid; padding:2px 8px;}
.fy a:hover{ color:#727272; /*background:#e6e6e4;*/ border:0px #d7ddde solid; padding:2px 8px;}


.contactqp{width:100%;}