/* CSS Document */

body{margin: 0 auto; font-size: 12px; text-align: center; padding: 0px; color: #333333; background-image: url(../images/bbg.jpg); background-repeat: repeat-x;}
a{color: #333333; text-decoration: none;}
a:hover{color: #FF6600; text-decoration: underline;}
ul{list-style-type: none; margin: 0px; padding: 0px;}
p{margin: 0px; padding: 0px;}
.clear{clear: both;}
.hide{display:none;}
#head{margin: 0 auto; width: 985px;}
#main{margin: 0 auto; width: 985px;}
#foot{margin: 0 auto; width: 985px;}
.top{height: 87px; padding-top: 30px;}
.logo{/* width:500px; */ float: left; height: 62px;}
.logo img{margin-top: -10px; vertical-align: middle;}
.hezuo{width: 190px; float: right; height: 45px;}
.nav{padding: 0px; line-height: 44px; height: 49px; background-image: url(../images/bg.jpg);}
.nav ul{margin: 0 0 0 20px;}
.nav ul li{width: 106px; color: #FFFFFF; font-size: 14px; background-image: url(../images/sa.jpg); background-repeat: no-repeat; background-position: right; float: left;}
.nav ul li a{color: #FFFFFF;}
.mainbody{margin: 15px 0;}
.mainleft{width: 610px; float: left; background-position: right;}
.mainright{width: 350px; padding: 0px; float: right;}
.yyinfo{text-align: left; line-height: 28px; height: auto; min-height: 305px;}
/*.yyinfo p{padding: 10px 0;}*/
.mainleft p{padding: 20px 30px 0 0; text-align: left; line-height: 22px;}
.foot { border-top: 2px solid #ddd; padding: 10px 0; text-align: left; line-height: 22px; }
.foot span { float: right; }
.textr{float: right; width: 565px;}
.textr p{padding: 0;}


/***ipad平板***/
@media only screen and (max-width:768px) {
	#head,#main,#foot,.mainright img,.banner img { width: 100%; }
	.mainbody { margin-left: 10px; margin-right: 10px; }
	.mainleft { width: 65%; }
	.mainleft p { padding-right: 10px;padding-top:10px; }
	.yyinfo p { padding-top: 0; padding-bottom: 0; }
	.yyinfo img { width: 40%; height: auto; }
	.mainright { width: 34%; }
	.textr { width:  calc(58% - 10px); }
	.hezuo { display: none; }
}

/***ipad平板以下 手机设备***/
@media only screen and (max-width:480px) {
	.top { padding-top: 20px; padding-bottom: 10px; }
	.top,.logo,.yyinfo { height:auto;}
	.mainbody { margin-top: 5px; margin-bottom: 10px; }
	.logo img { width:calc(100% - 10px); margin-left: 5px; margin-right: 5px; }
	.logo img ~ font { display: none; }
	.nav ul li,.foot { width: auto; padding-left: 10px; padding-right: 10px; }
	.mainright { margin-top: 10px; }
	.yyinfo img { margin-right: 0 !important; }
	.mainleft,.mainright,.yyinfo img,.textr,.foot span { width: 100%; }	
}