#banner {width: 100%;height: 700px;}
#main1 {width:100%; height: auto; text-align: center; background-color: #EEEEEE;}
#main1 #menu-group{background-color: #FFF;padding:0; position: relative;top:-258px;z-index: 100000;}
#main1 #menu-group table{margin: 0;}
#main1 #menu-group table td{padding: 0;}
#main1 #menu-group .l_b {border-left:1px solid #CCC;}
#main1 #menu-group .t_b {border-top:1px solid #CCC;}
#main1 #menu-group .col {padding:0;}
#main1 #menu-group .row {margin:0;}
#main1 #menu-group .col-div{width: 100%;height:258px;background-color: #FFF;}
#main1 #menu-group .col-div a {display: block;width: 100%;height: 258px;padding-top: 50px;}
#main1 #menu-group .col-div a:hover {background-color: #313131;color:#CCC;text-decoration: none;}
#main1 #menu-group .col-div .icon {width:70px;height:70px;line-height:60px;text-align:center;margin:0 auto;overflow:hidden;border-radius: 50%;}
#main1 #menu-group .col-div .icon i {font-size:36px;color:#CCCCCC;}
#main1 #menu-group .col-div .title {width:100%;height:40px;line-height:40px;font-size:20px;float:left;text-align:center;}
#main1 #menu-group .col-div .title_en {width:100%;height:40px;line-height:40px;font-size:12px;float:left;text-align:center;}

/*-- about --*/
#main1 #about {width: 100%;height:auto;padding-bottom: 4rem;position: relative;margin-top:-258px;}
#main1 #about h3 {
    font-size: 28px;
	font-weight: bold;
    margin-bottom: 20px;
}
#main1 #about h4 {
    font-size: 1.5rem;
    margin-bottom: .5em;
}

#main1 #about .hd {padding: 1rem 0 1rem;}
@media (min-width: 767px)
{
#about .hd {
    padding: 5rem 0 2rem;
}}
#main1 #about .bd{height:auto;}
#main1 #about .bd .row {padding:0; margin:0;}
#main1 #about .bd .col {padding:0;text-align: left;}
#main1 #about .bd .col .img img{width: 100%;height:auto;}
#main1 #about .bd .col .col-div {width: 590px;height:400px;padding: 15px;background-color: #FFF;}
#main1 #about .ft {padding: 1rem 0 1rem;}
#main1 #about .ft a{display:block;width:10rem;height: 3rem;line-height: 3rem;margin: 0 auto;border: 1px solid #CCC;border-radius: 1.5rem;}
#main1 #about .ft a:hover{background-color: #CC8809;color: #FFF;text-decoration: none;}

/*-- team --*/
#main2 {width:100%; height: auto; text-align: center; background-color: #FFF;padding-top: 50px;}
#main2 #team {width: 100%;height:auto;padding-bottom: 4rem;position: relative;}
#main2 #team h3 {
    font-size: 28px;
	font-weight: bold;
    margin-bottom: 20px;
}
#main2 #team h4 {
    font-size: 1.5rem;
    margin-bottom: .5em;
}

#main2 #team .hd {padding: 1rem 0 1rem;}
@media (min-width: 767px)
{
#team .hd {
    padding: 5rem 0 2rem;
}}
#main2 #team .bd{width:100%;height:auto;overflow: hidden;}
#main2 #team .bd ul li div{display:block;width:200px;height:260px;float:left;position: relative;overflow: hidden;}
#main2 #team .bd ul li div img{width:200px;}
#main2 #team .bd ul li div .info{text-indent:10px;color:#FFF;opacity:0.8;width:100%;height: 3rem;line-height: 3rem;position: absolute;bottom:0;background-color:#313131;z-index:5;}
#main2 #team .bd ul li div .info .name{font-size: 1rem;}
#main2 #team .bd ul li div .info .name a{font-size: 1rem;color:#FFF;}
#main2 #team .bd ul li div img:hover{transform: scale(1.2);animation-duration:2s;}
#main2 #team .ft {padding: 1rem 0 1rem;}
#main2 #team .ft a{display:block;width:10rem;height: 3rem;line-height: 3rem;margin: 0 auto;border: 1px solid #CCC;border-radius: 1.5rem;}
#main2 #team .ft a:hover{background-color: #CC8809;color: #FFF;text-decoration: none;}


#main3 {width:100%; height: auto; text-align: center; overflow: hidden; background-image: url(../../static/img/news_bg.jpg);background-position: center center;background-color: #CCC;padding-top: 50px;}
/*-- news --*/
#main3  #news {width: 100%;height:auto;padding-bottom: 4rem;position: relative;}
#main3  #news h3 {
    font-size: 28px;
	font-weight: bold;
    margin-bottom: 20px;
}
#main3  #news h4 {
    font-size: 1.5rem;
    margin-bottom: .5em;
}

#main3  #news .hd {padding: 1rem 0 1rem;color: #FFF;}
@media (min-width: 767px)
{
 #news .hd {
    padding: 5rem 0 2rem;
}}
#main3  #news .bd{height:auto;}
#main3  #news .bd .row {padding:0; margin:0;}
#main3  #news .bd .col {padding:0;text-align: left;}
#main3  #news .bd .col .col-div {width: 570px;height:400px;padding: 15px;background-color: #000;background-color:rgba(0,0,0,0.4)}
#main3  #news .bd .col .img img {width: 100%;height:auto;}
#main3  #news .bd .row {padding:0; margin:0;}
#main3  #news .bd  .news-list a {color:#FFF;}
#main3  #news .bd  .news-list a:hover {color:#CC8809;}
#main3  #news .bd  .news-list {color:#FFF;}
#main3  #news .bd  .news-list h5 {font-size:18px;}
#main3  #news .bd  .news-list p {font-size:14px;}
#main3  #news .bd  .news-list .row{margin-bottom: 10px;}
#main3  #news .bd .date{
	width: 100%;
	height: 80px;
	overflow: hidden;
	background-color: #FFFF;
	color:#333;
	text-align:center
}
#main3  #news .bd .date .day{
	width: 96%;
	height: auto;
	color:#999;
	font-size:30px;
	line-height: 50px;
	margin:0 2%;
	overflow: hidden;
}

#main3  #news .bd .date .year-month{
	width: 96%;
	height: auto;
	font-size:14px;
	line-height: 30px;
	margin:0 2%;
	overflow: hidden;
}
#main3  #news .ft {padding: 1rem 0 1rem;}
#main3  #news .ft a{display:block;width:10rem;height: 3rem;line-height: 3rem;margin: 0 auto;background-color: #CCC;border: 1px solid #CCC;border-radius: 1.5rem;}
#main3  #news .ft a:hover{background-color: #CC8809;color: #FFF;text-decoration: none;}

#main4 {width:100%; height: auto; text-align: center; overflow: hidden; background-image: url(../../static/img/yyzz_bg.jpg);background-position: center center;background-color: #CCC;padding-top: 50px;}
#main4  #yyzz {width: 100%;height:auto;padding-bottom: 4rem;position: relative;}
#main4  #yyzz h3 {
    font-size: 28px;
	font-weight: bold;
    margin-bottom: 20px;
}
#main4  #yyzz h4 {
    font-size: 1.5rem;
    margin-bottom: .5em;
}

#main4  #yyzz .hd {padding: 1rem 0 1rem;color: #FFF;}
@media (min-width: 767px)
{
 #news .hd {
    padding: 5rem 0 2rem;
}}
#main4  #yyzz .bd{height:auto;}
#main4  #yyzz .bd .row {padding:0; margin:0;}
#main4  #yyzz .bd .col {padding:0;text-align: left;}
#main4  #yyzz .bd .col .col-div {width: 570px;height:400px;padding: 15px;background-color: #000;background-color:rgba(0,0,0,0.4)}
#main4  #yyzz .bd .col .img img {width: 100%;height:auto;}