@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, form, p, blockquote, th {margin:0;padding:0;font-family:Microsoft YaHei,Verdana,Arial,Helvetica,Sans-serif,宋体;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-style:normal;font-weight:normal;}
ol, ul, li {list-style:none;}
address, caption, cite, code, dfn, em, th, var{font-style:normal;font-weight:normal;}
fieldset {border:0;}
caption, th{text-align:left;}
q:before, q:after{content:'';}

.l{float:left;}
.r{float:right;}
.tc{text-align:center;}
.tr{text-align:right;}
.dis{display:block;}
.undis{display:none;}
.input{height:18px;border-width: 1px;border-color: #dddddd;}
.button {height:20px; margin-left:5px; padding-top:1px;	border: 1px solid #C8C8CA;  border-color: #f7f7f7;	color:#000000;}

body{ background:url(images/bodybg.jpg) center; /*background-size:cover; background-attachment:fixed;*/ height:100%;}
html{ height:100%;}

.cl{clear:both;}
a,a:link,a:visited,a:active{color:#000000; text-decoration:none; font-size:14px; }
a:hover{color:#cbad61; text-decoration:underline;}

.bbcgray{border-bottom:1px solid #ccc;}

img{max-width:100%; height:auto; width:auto\9;}


#section1{
	padding: 0% 0 0 0;
	display:table;
	overflow:hidden;
	height:100%;
}

.main{clear:both; margin:0 auto;  vertical-align:middle; display:table-cell; text-align:center; _position:absolute; _top:50%; _left:50%; height:100%;}
.synr{ clear:both; margin:0 auto; display:inline-block; _position:relative; _top:-50%; _left:-50%;}

.logosy{ clear:both; margin:0 auto; text-align:center; padding-bottom:8%;}
.logosy img{ width:60%;}

.anniu{margin:0 auto; clear:both; padding-bottom:30%; overflow:hidden;}
.anniu dl{ float:left; width:50%; text-align:center;}
.anniu dl dt{ clear:both;}
.anniu dl dt img{ width:120px;}



.footsy{ clear:both; margin:0 auto; text-align:center; padding-top:10%; bottom:0; position:fixed;}
.footsy img{ display:block; width:100%;}



@media all and (min-width:640px){
body{width:640px;margin:0 auto;position:relative;}
}