﻿@charset "utf-8";
body{background:#a5967e url(../images/index-repx.jpg) repeat-x;color:#333;}
a:hover{color: #FFF;}
.text-center{text-align: center;}
.uppercase{font-size: 16px; line-height: 180%;}
.blank0{clear:both; height:0px; overflow:hidden; display:block; font-size:1px;}
.blank10{clear:both; height:10px; overflow:hidden; display:block; font-size:1px;}
.blank20{clear:both; height:20px; overflow:hidden; display:block; font-size:1px;}

.sy-nav{ width:700px; height:80px; margin:0 auto;}
.sy-nav ul li{ float:left; padding:0 15px; line-height:80px; font-size:14px;text-shadow: 0 1px 1px #fff; font-weight:bold;}
.sy-nav ul li a:hover{ color:#FFF;text-shadow: 0 -1px 1px #000;}
.selected{ color:#FFF;text-shadow: 0 -1px 1px #000;}

.container
{
	margin: 0 auto;
	padding: 0;
	width: 942px;
	position: relative;
}

.pic{ background:url(../images/yushi_bg.png) no-repeat; height:582px; }
.flash{ position:relative;}
#slides {
	width:840px;
	height:560px;
	position:absolute;
    left:48px;
	top:11px;
}
.slides_container {
	width:840px;
	height:560px;
	overflow:hidden;
	position:relative;
}

#slides .next,#slides .prev {
	position:absolute;
	top:240px;
	left:-48px;
	width:48px;
	height:98px;
	display:block;
	z-index:101;
	
}
#slides .next {
	left:840px;
	width:53px;
	height:98px;
}
.pagination {
    display:none;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style-type:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

.sy-copy{width:448px; height:40px; margin:0 auto;}
.sy-copy p{ line-height:40px; text-align:center; display:inline; color:#3f3f3f;}

/*about*/
.sy-main{ width:960px; height:auto; margin:0 auto;}
.sm-left{ width:143px; height:auto;}
.sm-right{ width:817px; height:auto;}
.sml-top{ width:143px; background:url(../images/yaji_bgTop.png) no-repeat; height:21px;}
.sml-middle{ width:143px; height:650px; background:url(../images/yaji_bg.png) repeat-y;}
.sm-right p{ line-height:24px; padding:15px 30px; color:#000; text-indent:2em;}
.sm-right p img{ float:left; padding-right:50px;}
.sm-right p.smr-p{ text-indent:0em; padding-top:30px; line-height:40px;}

/*context*/
.contact-p{ width:780px; height:auto; margin:0 auto;}
.cp-left { width:400px; height:auto;}
.cp-right { width:380px; height:auto;}
.cp-right p{ text-indent:0em; line-height:50px;}
/*products*/
.products-p{width:780px; height:auto; margin:0 auto;}
.products-p ul li{ float:left; text-align:center; width:180px; height:190px;}
.products-p ul li a{ line-height:24px;}
.products-p ul li a img{ padding:4px; border:1px solid #000;}

/*productitem*/
.productitem-p{width:780px; height:auto; margin:0 auto; overflow:hidden;}
.productitem-p p img{max-width:780px;myimg:expression(onload=function(){
this.style.width=(this.offsetWidth > 780)?”780px”:”auto”}
);}
.productitem-title{ text-align:center; line-height:36px; font-size:16px; font-weight:bold; color:#FFF;}

/*works*/
.works-p{width:780px; height:auto; margin:0 auto;}
.works-p ul li{ float:left; text-align:center; width:180px; height:190px;}
.works-p ul li a{ line-height:24px;}
.works-p ul li a img{ padding:4px; border:1px solid #000;}

/*workitme*/
.workitme-p{width:780px; height:auto; margin:0 auto; overflow:hidden;}
.workitme-p p img{max-width:100%;height:auto; }

/*certificate*/
.certificate-p{width:780px; height:auto; margin:0 auto;}
.cp-magin{ width:600px; height:300px; margin:0 auto; background-color:#bcb19f; border:5px solid #9f8f75;}
.cp-font{ width:780px; height:60px; font-size:30px; text-align:center; font-weight:bold;}
.cp-magin table tr td{ height:50px;}
.sure-but{ width:62px; height:26px; display:inline-block;}
.cal-but{ width:62px; height:26px; background:url(../images/btnReset.png) no-repeat; display:inline-block;}

/*certificateitem*/
.certificateitem-p{width:780px; height:auto; margin:0 auto; overflow:hidden;}
.certificateitem-p p img{max-width:100%;height:auto; }

.paginator { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;}
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; color:#C00; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #C00; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #C00;border-color:#C00;text-decoration: none;}
