@Charset "utf-8";
@import url("common.css");

#main {max-width:1200px; margin:0 auto 50px; overflow:hidden;}

#main .main1 {width:810px; overflow:hidden;}
#main .banner1 {float:left; width:490px; height:200px; padding:20px; background:#bbc5c7; overflow:hidden;}

#main .main2 {float:left; width:390px; overflow:hidden;}
#main .main_link {width:100%; overflow:hidden;}
#main .main_link div {float:left; width:50%; text-align:center; overflow:hidden;}
#main .main_link div a {display:table-cell; width:500px; height:165px; padding-bottom:30px; font-size:18px; font-weight:bold; color:#fff; vertical-align:bottom;}
#main .main_link div img {display:block; margin:0 auto 20px;}
#main .main_link .c1 {background:url("/site/v-biz/res/img/main_link_bg01.png") no-repeat 0 0; background-size:100% 100%;}
#main .main_link .c2 {background:url("/site/v-biz/res/img/main_link_bg02.png") no-repeat 0 0; background-size:100% 100%;}
#main .main_link .c3 {background:url("/site/v-biz/res/img/main_link_bg03.png") no-repeat 0 0; background-size:100% 100%;}
#main .main_link .c4 {background:url("/site/v-biz/res/img/main_link_bg04.png") no-repeat 0 0; background-size:100% 100%;}

#main .bbs {position:relative; width:100%; height:460px; background:#e9ebf0;}
#main .bbs .list {display:table-cell; width:300px;}
#main .bbs .t18 {height:49px; line-height:49px; font-size:18px; color:#eaf1f3; text-align:center; background:#6c7f93; cursor:pointer;}
#main .bbs .more {position:absolute; left:0; bottom:0; width:100%; height:50px; font-size:14px; color:#52828d; line-height:50px; text-align:center; display:none;}

#main .bbs ul {display:none; position:absolute; top:50px; left:0; width:calc(100% - 40px);; padding:20px 20px;}
#main .bbs ul li {line-height:28px; overflow:hidden;}
#main .bbs ul li a {display:block; overflow:hidden;}
#main .bbs ul li a .title {display:block; font-size:14px; color:#696969; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#main .bbs ul li a .date {float:right; font-size:12px; color:#939393; padding-left:5px;}
#main .bbs ul .on a {padding-bottom:20px; border-bottom:1px solid #9fb2c4; margin-bottom:15px;}
#main .bbs ul .on a .title {display:block; font-size:16px; font-weight:bold; color:#696969; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#main .bbs ul li a .content {display:block; font-size:14px; color:#696969; line-height:24px; max-height:70px; margin:5px 0; overflow:hidden;}
#main .bbs ul .on a .date {float:none; padding-left:0;}

#main .bbs .c1 .t18 {background:#8997a6;}
#main .bbs .on .t18 {font-size:20px; font-weight:bold; color:#006c84; background:#e9ebf0;}
#main .bbs .on ul {display:block;}
#main .bbs .on .more {display:block;}


.m_quicksite {max-width:780px; margin:0 auto 10px; overflow:hidden; display:none;}
.m_quicksite div {float:left; width:25%; height:100px;}
.m_quicksite a {display:table-cell; width:500px; height:100px; text-align:center; vertical-align:middle;}
.m_quicksite .c1 {background:#306dc8;}
.m_quicksite .c2 {background:#2f59ac;}




@media only screen and (max-width:1216px) {
	#main {max-width:780px; margin:0 auto;}
	#main .main1 {width:100%;}
	#main .main2 {width:100%;}
	#main .main_link {margin:10px 0;}
	#main .main_link div {width:25%;}
	#main .move {margin-bottom:10px;}
	
}
@media only screen and (max-width:780px) {
	.m_quicksite div {width:50%; height:80px;}
	.m_quicksite a {height:80px;}
	.m_quicksite .c3 {background:#2f59ac;}
	.m_quicksite .c4 {background:#306dc8;}
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}