@import url(/images/lib.css);
* {
    margin:0 auto;
	padding:0;
}
html {
	overflow-x: hidden
}
body {
    font-family:"微软雅黑","宋体",Arial,simsun;
	color:#363636;
	line-height:150%;
	font-size:0.75em;
	background:#EEE;
	position:relative;
	padding-top:40px;
	padding-bottom:55px;
}
a:link, a:visited {
    color:#363636;
	text-decoration:none;
	outline:none;
	blur:expression(this.onFocus=this.blur())
}
a:hover {
    color:#f00;
	text-decoration:none
}

ul li {
    list-style:none
}
a img {
    border:0
}
.eu_btn {
	cursor:pointer;
}
.tbold { font-weight:bold;}
.tred {color:#F00;}
.tblue {color:#0066FF}
.tem {font-style:italic}
input {
	border:1px solid #ddd;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	padding:0 2px;
	border-radius:5px;
}

.inp {
    height:25px;
	line-height:25px;
	padding:0 1px;
	width:70%;
}
.dat {
	border:1px solid #ccc;
	background:url(date.gif) no-repeat right bottom #FFF;
}

.area {
	width:90%;
	height:60px;
	border:1px solid #ccc;
	 -webkit-border-radius:5px;
	 -moz-border-radius:5px;
	border-radius:5px;
	padding:2px;
}

td {
	padding:2px;
}
.subit {
    cursor:pointer;
	border:1px solid #ddd;
	height:25px;
	line-height:25px;
	padding:0 5px;
	background:#eee;
}

.container {
    width:980px;
	overflow:hidden;
	background:#FFF
}
.container div {
    overflow-x: hidden;
	overflow-y: hidden
}
.theme {
	width:80px;
	height:10px;
	line-height:10px;
	position:fixed;
	left:140px;
	top:40px;
	z-index:9999;
	text-align:center;
}
.theme a {
	width:22px;
	height:10px;
	display:block;
	color:#fff;
}
.c1 {
	width:22px;
	height:10px;
	float:left;
	background:#666;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
}
.c2 {
	width:22px;
	height:10px;
	float:left;
	background:#0097dc;
	margin:0 2px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
}

.c3 {
	width:22px;
	height:10px;
	float:left;
	background:#c00;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
}
.cor a {background:url(colour.png) no-repeat center;}
.top {
    width:100%;
	position:fixed;
	top:0;
	z-index:6666;
	height:40px;
	background:#fff;
}
.logo {
    width:40%;
	height:40px;
	float:left;
}
.logo a {
    display:block;
	cursor:pointer;
    width:100%;
	height:40px;
	float:left;
}
.back a {
	width:60px;
	height:35px;
	float:right;
	display:block;
	background:url(back.png) no-repeat center 1px;
	cursor:pointer
}
.att {
	width:100%;
	padding:10px 0 5px 0;
	overflow:auto;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	overflow-x:hidden;
	overflow-y:hidden;
}
.att ul li img {
	width:64px;
	height:64px;
	-webkit-border-radius:10px; 
    -moz-border-radius:10px; 
    border-radius:10px;
}
.att ul li {
	width:33%;
	text-align:center;
	display:block;
	float:left;
	margin-bottom:10px;
}
.slideBox{ position:relative; overflow:hidden; margin:0 auto; width:100%;border-bottom:1px solid #fff;}
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
	.slideBox .hd li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px; cursor:pointer   }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; text-align:center;  }
	.slideBox .bd li img{ background:url(loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(focusBg.png) repeat-x; color:#fff;  text-align:left;  }
.title {
    height:35px;
	line-height:35px;
	background:url(title.gif) repeat-x;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	width:100%;
}
.title span {
    font-size:0.72em;
	-webkit-text-size-adjust:none;
	color:#777;
	padding-left:5px;
	font-weight:normal;
}
.titlea {
    height:34px;
	line-height:34px;
	float:left;
	padding:0 10px;
	font-family:"微软雅黑";
	font-weight:bold;
	font-size:1.1em;
}
.titlecon {
    padding:5px 10px;
	text-align:left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
}
.titlecon ul li {
    height:25px;
	line-height:25px;
	border-bottom:1px dashed #eee;
	display:block;
	overflow:hidden;
	color:#888;
}

.title2 {
    height:35px;
	line-height:35px;
	background:#EEE;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
}
.title2 span {
	color:#f00;
	padding-left:5px;
}
.title2a {
    height:34px;
	line-height:34px;
	float:left;
	padding:0 10px;
	font-family:"微软雅黑";
}
.sitecon {
    padding:5px 10px;

	font-size:1.0em;
	line-height:23px;
}
.sitecon img {
   width:auto;
   max-width:100%;
   height:auto;
   margin:0 5 0 auto;
   -webkit-border-radius:10px; 
   -moz-border-radius:10px; 
   border-radius:10px;
 }
.formurl {
    padding:5px 10px;
	background:#EEE;
	border-top:1px solid #ccc;
	border-bottom:1px solid #FFF;
	font-size:1.0em;
	line-height:23px;
}

.pagelist{padding-top:10px;padding-bottom:10px;text-align:center; font-size:0px; clear:both;border-top:1px solid #ccc;border-bottom:1px solid #FFF;}
.pagelist span,.pagelist a,.pagelist strong{text-align:center; vertical-align:middle; font-family:Arial; font-size:12px;
display:inline-block; padding:4px 12px;margin:0px 2px;border:#cccccc solid 1px;color:#333333; border-radius:3px;}
.pagelist var{height:21px;line-height:21px; display:inline-block;margin:0px 3px 0px 3px;}
.pagelist select {border:0; padding:2px 0;}
.goback {
	padding:0 2px;
	text-align:center;
	position:fixed;
	right:0;
	float:right;
	bottom:55px;
    margin:5px;
	width:30px;
	height:44px;
	line-height:22px;
	background:#fff;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	FILTER: alpha(opacity=40); 
	opacity: 0.4;  
}

.aboutcon {
	height:100px;
    padding:5px 10px;
	overflow:hidden;
	text-align:left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #FFF;
	padding-bottom:10px;
}
.aboutcon img {
    height:80px;
	width:100px;
	padding:5px;
	-webkit-border-radius:10px; 
    -moz-border-radius:10px; 
    border-radius:10px;
}
.more {
    float:right;
	width:80px;
	height:35px;
	font-weight:normal;
	letter-spacing:2px;
	text-align:right;
	background:url(more.png) no-repeat right;
}
.more a {
	width:80px;
	height:35px;
	display:block;
}
.contact {
    height:auto;
	overflow:auto;
	overflow-x: hidden;
	overflow-y: hidden;
	padding:5px 10px;
	border-top:1px solid #ccc;
}
.contact td {
	margin:1px;
	padding:2px 0;
}
.contact img {
   width:auto;
   max-width:100%;
   height:auto;
   margin:0 auto;
   padding-right:5px;
   -webkit-border-radius:10px; 
   -moz-border-radius:10px; 
   border-radius:10px;
 }
 .code {
	width:85px;
    height:25px;
	line-height:25px;
	padding:0 2px;
}

.code img {
    width:40px;
	height:10px;
   -webkit-border-radius:0; 
    -moz-border-radius:0; 
    border-radius:0;
}
.qq img {
    width:81px;
	height:23px;
}

.procon {
    padding:5px 0 10px 0;
	width:100%;
	overflow:auto;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	overflow-x:hidden;
	overflow-y:hidden;
}

.procon ul li {
	float:left;
	text-align:center;
	margin:0 4px;
	margin-bottom:10px;
	width:96%;
	border:1px #ddd solid;
    -webkit-border-radius:10px; 
    -moz-border-radius:10px; 
    border-radius:10px;
	overflow:hidden;
}

.procon ul li a img {
	width:100%;
    -webkit-border-radius:10px 10px 0 0; 
    -moz-border-radius:10px 10px 0 0; 
    border-radius:10px 10px 0 0;
}
.procon ul li a:hover img {
	padding:0px;
}
@media (min-width: 330px) {
.procon ul li {
	width:46%;
	margin:5px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:120px;
}
}

@media (min-width: 550px) {
.procon ul li {
	width:23%;
	margin:0 3px 5px 4px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:180px;
}

}
@media (min-width: 1110px) {
.procon ul li {
	width:23%;
	margin:0 8px 8px 10px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:250px;
}

}
.artitle {
	font-size:1.1em;
	font-family:"微软雅黑";
	text-align:center;
	line-height:25px;
	font-weight:bold;
	width:auto;
	text-align:center;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
}
.artitle p {
    color:#999;
	text-align:right;
	display:block;
	font-weight:normal;
	font-size:0.9em;
	padding-right:10px;
}

.artitle p select {
	color:#999;
	border:0px solid #999;
	background:#eee;
	font-size:1.0em;
	cursor:pointer
}
.arcon {
    text-align:left;
	overflow:auto;
	overflow-x: hidden;
	padding:5px 10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	line-height:23px;
}
.arcon img {
   width:auto;
   max-width:100%;
   height:auto;
   margin:0 auto;
   -webkit-border-radius:10px; 
   -moz-border-radius:10px; 
   border-radius:10px;
   margin-right:5px;
 }
.size1 {font-size:12px}
.size2 {font-size:14px}
.size3 {font-size:16px; line-height:25px;}
.size4 {font-size:18px; line-height:30px;}
.size5 {font-size:20px; line-height:35px;}
.nextlist {
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
    padding:5px;
	overflow:auto;
	overflow-x: hidden;
	overflow-y: hidden;
}
.nextlist ul li {
    height:25px;
	line-height:25px;
	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;/*hack Opera*/
	overflow:hidden;
}
.tags {
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
    padding:3px;
	text-align:right;
}
.case {
	width:100%;
	padding:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	text-align:left;
}
.case ul li {
	line-height:25px;
	margin:2px 5px;
	display:block;
	overflow:auto;
}
.case ul li a:link, .case ul li a:visited {
    padding:3px 5px;
	color:#777;
}

/*留言板*/
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 200%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 20%;
left: 25%;
width: 680px;
height:auto;
border: 16px solid lightblue;
background-color: white;
z-index:1002;
overflow: auto;
padding:10px;
}

.sub {
    height:16px;
	line-height:16px;
	padding:0 2px;
}
.send {
    width:100px;
	height:30px;
	background:#009933;
	float:right;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	font-family:"微软雅黑";
	color:#eee;
	display:block;
	font-size:14px;
	letter-spacing:2px;
	cursor:pointer
}
.send:hover {
    color:#FF0;
	display:block;
	background:#036724;
}
.send a:hover {
    color:#FF0;
	display:block;
}
.bookcon {
    padding:5px;
	display:block;
	overflow:auto;
	overflow-x: hidden;
	overflow-y: hidden;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
}

.bookcon ul li {
	margin-bottom:5px;
	padding:0 5px;
    border-bottom:1px dashed #ccc;
	overflow:auto;
	overflow-x: hidden;
	overflow-y: hidden;
	line-height:25px;
}

.Ainput {
	border:1px solid #ccc;
	width:200px;
	padding-left:2px;
	color:#666;
	height:25px;
	line-height:21px;
}
.uhf {
	overflow:auto;
}

.b1 a, .b2 a, .b3 a, .b4 a {
	display:block;
	width:100%;
	height:88px;
	text-align:center;
}

.bottom .b1 {
    border-left:0px;
	display:block;
}
.bottom .b2 {
	display:block;
}
.bottom .b3 {
	display:block;
}
.bottom .b4 {
    border-right:0px;
	display:block;
}

#menulist,#searchcon {
	position:absolute;
	right:0;
	top:40px;
	z-index:9999;
	background:#111;
	display:block;
	padding:0;
	width:100%;
	height:100%;
	FILTER: alpha(opacity=9); 
	opacity: 0.9;
	animation: fadeInDown 0.5s ease-out forwards;
	-webkit-animation: fadeInRight 0.5s ease-out forwards;
	-moz-animation: fadeInRight 0.5s ease-out forwards;
	transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s;
	
}
/*
#menulist,#searchcon,.logo,.sear,.list,.toplist,.bottom,.slideBox,.att ul,.titlea,.titlecon,.sitecon,.page ul,.more,.back,.contact,.nextlist,.case ul,.procon ul {	-webkit-animation:0.6s ease-out backwards;-moz-animation:0.6s ease-out backwards;-ms-animation:0.6s ease-out backwards;animation:0.6s ease-out backwards;}
#menulist,#searchcon,.sear,.list,.att ul,.page ul{-webkit-animation-name:fadeinT;animation-name:fadeinT;}
@-webkit-keyframes fadeinT{0%{opacity:0;-webkit-transform:translateY(-150px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@keyframes fadeinT{0%{opacity:0;transform:translateY(-150px);}100%{opacity:1;transform:translateY(0);}}
.bottom,.slideBox,.arcon,.procon ul{-webkit-animation-name:fadeinB;animation-name:fadeinB;}
@-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@keyframes fadeinB{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
.logo,.titlea,.nextlist{-webkit-animation-name:fadeinL;animation-name:fadeinL;}
@-webkit-keyframes fadeinL{0%{opacity:0;-webkit-transform:translateX(-50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@keyframes fadeinL{0%{opacity:0;transform:translateX(-50px);}100%{opacity:1;transform:translateX(0);}}
.toplist,.sitecon,.titlecon,.more,.back,.contact,.case ul{-webkit-animation-name:fadeinR;animation-name:fadeinR;}
@-webkit-keyframes fadeinR{0%{opacity:0;-webkit-transform:translateX(50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@keyframes fadeinR{0%{opacity:0;transform:translateX(50px);}100%{opacity:1;transform:translateX(0);}}
*/