﻿@charset "utf-8";
/* css document */
body, html {  min-height:101%; }
html {overflow:-moz-scrollbars-vertical;}
body { padding:0px;margin:0px; background-color:#d6d6d6; font-family: verdana, geneva, sans-serif; font-size:100%;}
.clearfix { display: block;}

.div0 { background-color: #fff; width: 976px; vertical-align:top; margin: 0px auto; padding: 0; border: 0; font-size:0.75em; overflow:visible;}
.div0 #header {height: 88px; width: 100%; display:block; background:url(../images/YANCO-4.png) no-repeat left center;}
.div0 #header #yuyan { float: right; margin-top:10px; margin-right:10px; list-style-type: none; width:280px;position: relative;}
.div0 #header #yuyan li { display:inline; margin:0px; padding:0px 10px; text-align:center; font-size: 14px; float: right;}
.div0 #header #yuyan li a:hover{color: #fff; background-color: #06f;}

.div-header2 {margin: 0; padding: 0; height: 0px; width: 100%; background-color:#9FF;display:block;}

.div-3 { width:100%; background:url(../images/bg-5.jpg) no-repeat; margin-top:0px; min-height: 415px; padding-bottom: 0px; overflow:hidden; text-overflow:clip;}

.div-3-1 {height:393px; width: 607px; z-index: 10; margin-right: 24px; margin-bottom: 0px; float: right; margin-top: 20px; padding:0px; }

#turn { border:0px; overflow:hidden;height: 362px; width: 607px;}

#wenzi{ width:306px; height:398px; margin-left: 18px; margin-top: 15px; margin-right: 10px; float: left;}

#wenzi-p1{ font-size: 25px; font-weight:bold; color: #fff; text-align: center; font-family:arial, helvetica, sans-serif;}
#wenzi-p1-c{ font-size: 2.5em; font-weight:bold; color: #fff; text-align: center; font-family: "楷体"}
#wenzi .wenzi-p1-english { width: 250px; height:125px; margin-top: 15px; margin-bottom: 13px; margin-left: auto;margin-right: auto; vertical-align:middle; text-align: center;} 

#wenzi .wenzi-p2-english { height:160px;}
#wenzi .wenzi-p2-english p{ padding: 10px 18px 7px 26px ; font-size: 15px; font-weight: normal; color: #fff; text-indent: 0px; margin:0; vertical-align:middle; line-height: 16px; font-family: georgia, "times new roman", times, serif; text-align:justify;}
#wenzi .wenzi-p2-chinese { height:160px;}
#wenzi .wenzi-p2-chinese p{ padding: 10px 18px 5px 26px ; font-size: 1.2em; font-weight: normal; color: #fff; text-indent: 0px; margin:0; vertical-align:middle; line-height: 25px; font-family: "宋体", times, serif; text-align:justify;}



.div-bottom { width:100%; font-size: 13px; border-right: 0; border-top: #ccc 1px solid; background-image: url(../images/bg-div-bottom.png); background-position: right top; background-repeat: no-repeat; position: relative; min-height: 188px;}
.main-1 { margin-bottom: 2px; position: relative; float: left; width: 325px; height: 165px; display:inline}
.main-1 h2 { border-right: #fff 1px solid; padding-right: 10px; padding-left: 10px; font-size: 1.3em; position: relative; padding-bottom: 0px; margin: 0px; color: #f06; line-height: 20px; padding-top: 0px; background-image: url(../images/bg-title-fade.gif); height: 40px; background-position: center bottom; background-repeat: no-repeat;}
.main-1-2{ border-right: #ccf 1px solid; padding-right: 10px; padding-left: 10px; height: 145px; padding-bottom: 0px; padding-top: 0px; background-color: #fff; color: #06f; margin-top: -6px;}
.main-1-2 ul { padding:0px; margin:0px; list-style-type: none}
.main-1-2 li { font-weight: normal; margin: 2px 0px 2px 0px;;}
.main-1-2 a:hover { border-bottom: #06c 1px solid;}
.main-1-2 p { color: #333; font-weight: normal; margin: 2px 0px 8px 0px;}
.collast {border-right: 0;}
.main-1 .more { right: 43px; margin: 0px; width:40px; padding-left:7px; line-height: 20px; position: absolute; top: 2px; background-image: url(../images/arrow-next.gif); background-repeat: no-repeat; background-position: left center; height: 20px;}
.main-1 .more a {font-size: 0.9em;  color: #06f; }
.main-1 .more a:hover {border-bottom: #06c 1px solid;}
.main-3 { margin-bottom: 6px; position: relative;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

.footer { background-image: url(../images/bg-footer.jpg); min-height: 81px; width: 976px; background-repeat: no-repeat; background-position: center top; margin-top: 0px; position: absolute;  margin-bottom: 0px;}
.footer2 {
	margin-top: 64px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	text-align:center;
	position: relative;
}
.footer2 a,.footer2 p{ margin: 0 6px; font-size: 12px; color: #666;}
.footer2 a{ text-decoration:underline}
.copyright { float:left; margin-left: 50px; margin-right:15px; margin-top: 50px;}

.axx{ padding:3px 11px; border-left:#cccccc 1px solid; margin:0px;}
a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:39px;font:25px; sans-serif;background-color:#666;}
a.axx:hover,a.axx:active{text-decoration:none;color:#fff;line-height:39px;font:25px;  sans-serif;background-color:#999;}
.bxx { padding:3px 11px; border-left:#cccccc 1px solid; margin:0px;}
a.bxx:link,a.bxx:visited
{text-decoration:none;color:#fff;line-height:39px;font:25px;  sans-serif;background-color:#d34600;}
a.bxx:hover,a.bxx:active
{text-decoration:none;color:#fff;line-height:39px;font:25px; sans-serif;background-color:#d34600;}
#button01 { width:136px; text-align:middle; top:5px; position:relative; margin:0px; height:29px; line-height:29px; vertical-align:middle; left:95px; border:0px;}
#button-a1{border-left:0;}



.container-body { width:976px; margin-top:0px; min-height: 415px; padding-bottom: 0px; overflow:hidden; text-overflow:clip; background: url(../images/bg-body3.gif) left top repeat-y; display:block;}

#leftcol{ width:220px; height:260px; margin-left: 18px; margin-top: 50px; overflow: auto; font-size: 13px; float:left; color: #06f; }
#leftcol h1{ color:#c06; font-size:16px; line-height:25px;} 
#leftcol p{ color:#000; font-size:13px; vertical-align: middle; line-height:20px; }

#leftcol2{ width:253px; height:393px; margin-left: 0px; margin-top: 10px; overflow: auto; font-size: 13px; float:left; color: #06f; }
#leftcol2 h1{ color:#c06; font-size:16px; line-height:19px;margin-left: 15px; margin-right: 15px;} 
#leftcol2 p{ color:#000; font-size:13px; vertical-align: middle; line-height:20px; margin-left: 15px; margin-right: 15px; }

#rightcol{ width:640px; height:310px; margin-top: 50px; float:right; overflow: auto; font-size: 14px; color: #000; margin-right: 30px; }

#rightcol-products{ width:720px; min-height:415px; float:right; overflow: auto; font-size: 14px; color: #000; margin-right: 0px; margin-top:10px;}

.rightcol-products-1{ width:720px; min-height:410px; float:right; font-size: 14px; margin-top: 0px; color: #000; text-align:center; display: block; }
/* 以上height控制分页控件的高度 */

.rightcol-products-2{ width:177px; height:210px; margin-top: 3px; margin-left:0px; float:left; overflow: auto; font-size: 14px; color: #000; padding-left:2px; padding-right:0px; text-align:center; font-size:12px;}
.rightcol-products-2 a { text-decoration: none; color:#000; }
.rightcol-products-2 a:hover { text-decoration: underline;}
/* 以上控制多产品列表的显示 */

.rightcol-products-img{ display:inline; width:170px; height:170px; margin-top: 0px; margin-left:0px; border:0px;} 

.rightcol-products-3{ width:720px; margin-top: 0px; margin-bottom: 20px; margin-left:auto; margin-right: auto; float:left; overflow: auto; font-size: 14px; color: #000;  text-align:center; font-size:12px; } 
.rightcol-products-img2{ min-width:330px; margin-top: 0px;margin-bottom: 0px; margin-left:0px; border:0px;}
.rightcol-products-4{ width:380px;  margin-top: 10px; margin-left:auto; margin-right:auto; overflow: auto; color: #f06; padding-left:5px; padding-right:5px; padding-bottom:10px; text-align:center; font-size:13px; display: block;   }
.rightcol-products-5{ width:370px; margin-top: 0px; margin-left:0px; float:left; overflow: auto; color: #000; padding-left:5px; padding-right:5px; text-align:left; font-size:13px; line-height:16px; padding-bottom:10px; }
.rightcol-products-5 p {margin-top: 0px; margin-bottom:15px; padding-top: 0; color:#000;}
.rightcol-products-5 span.isbold{ font-weight:normal; color: #00f; font-size:12px; line-height:16px; }
.rightcol-products-5 a{ text-decoration:underline }
.rightcol-products-5 a:hover{  background-color:#009; color:#fff; }
.rightcol-products-6{ width:370px; margin-top: 12px; margin-bottom:12px; margin-left:auto; margin-right:auto; float:left; overflow: auto; color: #c06; padding-left:5px; padding-right:5px; text-align: middle; font-size:18px; font-weight:bold; line-height:25px; }
.p{margin-left:10px;}
.ps{margin-left:10px;display:none;}
.pss{margin-left:10px;display:block;}
.t{cursor:pointer;background:url(../images/close1.gif) left center no-repeat;line-height:20px; padding-left:20px; height:auto; line-height:20px;}
.tcurrent{cursor:pointer;background:url(../images/close1.gif) left center no-repeat;line-height:20px; padding-left:20px; height:auto; line-height:20px; background-color: #ccc;}
.firstlevel{cursor:pointer;background:url(../images/open1.gif) left center no-repeat;line-height:20px; padding-left:20px; height:auto; line-height:20px;}
.firstlevel1{background:url(../images/dot1.gif) left center no-repeat; padding-left:20px; height:auto;}
.firstlevel2{cursor:pointer;background:url(../images/dot1.gif) left center no-repeat;line-height:20px; padding-left:20px; height:auto; line-height:20px;}
.firstlevel2current{cursor:pointer;background:url(../images/dot1.gif) left center no-repeat;line-height:20px; padding-left:20px; height:auto; line-height:20px; background-color: #ccc;}
.b{cursor:pointer;background:url(../images/dot5.gif) left center no-repeat;line-height:20px; padding-left:25px; height:20px;  margin-left: 0px; vertical-align:top;}
.bcurrent{cursor:pointer;background:url(../images/dot5.gif) left center no-repeat;line-height:20px; padding-left:25px; height:20px;  margin-left: 0px; vertical-align:top; background-color: #ccc;}


#leftmenu{ width:253px;  margin-left: 0px; margin-top: 0px; overflow: auto; float:left; }
#leftmenu2{ width:250px; margin-left: 0px; margin-top: 10px; margin-bottom:2px; font-family:verdana, geneva, sans-serif; overflow: auto; font-size: 13px; color: #006; float:left; }
#leftmenu2 a{ color: #006; line-height:25px; text-decoration: none; width:auto;}
#leftmenu2 a:hover{text-decoration: underline; background-color:#03f; color:#fff; }
#leftmenu2 .fblod a{font-weight:bold; color:#f06; font-size:16px; line-height:25px;}
#leftmenu2 .fblod2{ background-color: #ccc;}

/*
#leftmenu2 div.b:hover{background:url(../images/go.gif) left center no-repeat;}
#leftmenu2 div.firstlevel2:hover{background:url(../images/go.gif) left center no-repeat;}
*/
div.flickr { padding-right: 3px; padding-left: 3px; padding-bottom: 18px; margin-left: auto; margin-right:auto; padding-top: 3px; text-align: center; width:600px; font-size:14px; color: #000;  display: block;}
div.flickr a.act { border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #06f; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none; font-weight:bold;}
div.flickr a.act:hover { border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de;font-weight:bold;}
div.meneame a:active { border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de;font-weight:bold;}
div.flickr span.current { padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px}
div.flickr span.disabled { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px}
div.flickr a.current { padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px; border:0;font-weight:bold;}
div.flickr a.disabled { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px;border:0;}
div.flickr .typing{float:right; margin-top:-7px; margin-right:25px;}
div.flickr input{font-size:10px;font-family:verdana;}
.eml:before{
		content: attr(data-website) "\0040" attr(data-user);
		unicode-bidi: bidi-override;
		direction: rtl;
	}