@charset "utf-8";
/* CSS Document */

html,body{height:100%; width:100%;}
body,td,th,input,select,textarea{
	font-family:"Microsoft YaHei", Arial, Tahoma;
	font-size:12px;
	color:#555;
}
body{background:#EBEBEB;}
html{-webkit-text-size-adjust:none;}
body,form{margin:0;}
ul{margin:0; padding:0; display:block;}
ul li{list-style:none;}
img{border:0px none; vertical-align:middle; outline:hidden;}
p{display:block; margin:0; padding:0;}
h1{color:#555; display:block; margin:0; padding:0; font-size:26px; font-weight:normal; margin-top:15px;}
a{color:#555; text-decoration:none;}
a:hover,a:active{color:#FF7F00;}

#menu{
	display:block; position:fixed; left:0; bottom:0; z-index:1;
	width:100%; height:70px; background:url(images/menu_bg2.png);
}
#menu li{width:20%; text-align:center; float:left; height:100%;}
#menu li a{display:block; width:100%; height:70px;}
#menu li a.A{background:url(images/menu_bgA.png) repeat-x; color:#FFF;}
#menu li img{display:inline-block; margin-top:9px;}
#menu li span{display:block; font-size:14px; text-align:center; width:100%; padding-top:5px;}

#main{padding:15px; position:relative; z-index:1;}

#plan li{display:table; width:100%; border-radius:5px; box-shadow:1px 1px 2px 0px #DDD; background:#FFF; margin-bottom:15px; padding:12px;}
#plan li a{
	display:table-cell; vertical-align:top;
}
#plan li a .title{font-size:16px; font-weight:bold; display:block; color:#FF7F00;}
#plan li a .con{color:#888; display:block; margin-top:5px; line-height:150%;}
.planimg img{border-radius:5px; box-shadow:1px 1px 2px 0px #DDD;}

#head{height:45px; background:url(images/head_bg.png) repeat-x; position:fixed; width:100%; top:0; left:0;}
#head span{display:block; text-align:center; font-size:20px; line-height:41px; font-weight:bold;}
#head img{position:absolute; left:15px; top:10px; width:20px;}

#plancon{margin-top:45px;}
#plancon li{padding:15px; border-bottom:1px dotted #D8D8D8; font-size:14px; line-height:150%; display:block;}
#plancon li .img{display:inline-block; width:40px; vertical-align:top;}
#plancon li .con{display:inline-block; width:auto;}

.contactlist{display:block; width:100%; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; margin-bottom:15px;}
.contactcon{
	display:block; border-right:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB;
	padding:15px 15px 18px 15px;
}

#newsmenu li{float:left; width:50%; height:42px;}
#newsmenu li a{display:block; width:100%; height:42px; line-height:41px; text-align:center; font-size:16px; font-weight:bold;}
#newsmenu li a.A{background:url(images/head_a_btm.png) repeat-x left bottom; color:#FF7F00;}

#newslist{margin-top:45px;}
#newslist li{padding:15px; border-bottom:1px dotted #D8D8D8; font-size:14px; display:block;}
#newslist li .time{display:inline-block; width:54px; vertical-align:top; background:url(images/newsdate.png) no-repeat left top; background-color:#FF7F00; padding-top:8px; padding-bottom:10px;}
#newslist li .time span{display:block; color:#FFF; text-align:center;}
#newslist li .title{display:inline-block; width:auto; margin-left:8px; font-size:14px;}
#newslist li .title span{display:block;}
#newslist li .title span.tit{font-size:14px; line-height:130%; color:#333;}
#newslist li .title span.con{font-size:12px; color:#888; line-height:130%; margin-top:4px;}

#con_head{border-bottom:1px solid #F5F5F5; top:0; padding-top:12px; background:#EBEBEB;}
#con_head_con{border-bottom:1px solid #D8D8D8; padding-bottom:12px;}

.textcon{
	line-height:180%; margin-top:20px; font-size:14px;
}
.textcon img{
	max-width:300px;
	margin:10px auto; display:block;
}

#share{
	display:none; position:absolute; z-index:3; right:15px; margin-top:-1px;
	border-radius:0px 0px 5px 5px;
	background:#FFF;
	box-shadow:0px 0px 6px 0px #AAA;
}
#share p{padding:10px 8px 8px 8px; border-bottom:1px solid #F2F2F2; font-weight:bold;}
#share a{display:block; padding:8px 17px 8px 15px; border-bottom:1px solid #F2F2F2;}
#share a:last-child{border-bottom:0px none; padding-bottom:12px;}
#share a img{margin-right:3px; margin-top:-3px;}

#sharebtn{width:100%; display:none;}
#sharebtn1{width:49%; float:left;}
#sharebtn2{width:49%; float:right;}
#sharebtn button{
	display:block; width:100%; height:38px; padding-top:5px; background:url(images/sharebtn_bg.png) repeat-x;
	border:1px solid #DDD; text-align:center; font-size:16px;
	border-radius:5px; box-shadow:0px 1px 2px 0px #C6C6C6;
}
#sharebtn button img{margin-top:-2px; margin-right:2px;}

#mcover{position:fixed;	top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:none; z-index:20000;}
#mcover img{position:fixed; right:10px; top:10px; width:260px; height:180px; z-index:20001;}

#casemenu li{float:left; width:50%; height:42px;}
#casemenu li a{display:block; width:100%; height:42px; line-height:41px; text-align:center; font-size:16px; font-weight:bold;}
#casemenu li a.A{background:url(images/head_a_btm.png) repeat-x left bottom; color:#FF7F00;}

#caselist{margin-top:45px;}
#caselist li{padding:15px; border-bottom:1px dotted #D8D8D8; font-size:14px; display:block;}
#caselist li .img{display:inline-block; width:100px; vertical-align:top; border-radius:4px; box-shadow:1px 1px 2px 0px #DDD;}
#caselist li img{width:100px; background:#FFF; border-radius:4px;}
#caselist li .title{display:inline-block; width:auto; margin-left:8px; font-size:14px;}
#caselist li .title span{display:block;}
#caselist li .title span.tit{font-size:16px; line-height:130%; margin-top:2px; color:#333;}
#caselist li .title span.con{font-size:14px; color:#888; line-height:140%; margin-top:4px;}

#intro{line-height:180%; margin-top:20px; font-size:14px; background:#FFF; border:1px solid #DDD; padding: 8px 10px 10px 10px; color:#888;}
#jumpurl{
	display:block; margin-top:15px; background:#F70; color:#FFF; text-align:center; font-size:16px; font-weight:bold;
	padding-top:10px; padding-bottom:10px;
	border-radius:5px 5px 5px 5px;
	box-shadow:0px 1px 2px 0px #C6C6C6;
}