@charset "gb2312";
/* CSS Document */

/*header_begin*/
.header {width:100%;height:540px;margin:0 auto 30px;}
/*header_end*/
/*main_begin*/
#main {margin:0 auto 40px;}
/*fov_begin*/
#main .fov {width:1100px;padding:0 0.5rem;}
#main .fov .list {position:relative;padding:0 0.23rem;line-height:1em;text-align:justify;text-align-last:justify;text-justify:distribute;font-size:0;background:#ebeae8;overflow:hidden;}
#main .fov .list:after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:3.92rem;background:#fff;}
#main .fov .list-item {position:relative;display:inline-block;vertical-align:top;width:2.39rem;padding:0 0 0.12rem;font-size:0.16rem;text-align:left;text-align-last:auto;overflow:hidden;z-index:1;}
#main .fov .list-item:first-child {width:5.85rem;margin:0 0 0 -0.16rem;}
#main .fov .list-item:nth-of-type(3) {margin:0 -0.16rem 0 0;}
#main .fov .list-item:nth-of-type(4) {margin:-1.96rem 0 0 5.8rem;}
#main .fov .list-item:nth-of-type(5) {margin:-1.96rem -0.16rem 0;}
#main .fov .list-item:nth-of-type(n+6) {float:left;margin:0.15rem 0 0 0.32rem;}
#main .fov .list-item:nth-of-type(4n+6) {margin:0.15rem 0 0;}
#main .fov .list-item img {width:2.39rem;height:1.35rem;margin:0 0 0.09rem;}
#main .fov .list-item:first-child img {width:5.85rem;height:3.31rem;}
#main .fov .list-item .list-item-title {height:2.5em;line-height:1.25em;overflow:hidden;}
#main .fov .list-item a {position:relative;}
#main .fov .list-item a:after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;background:url("http://ats.chinataiwan.cn/Topic/2019/gdtbzhrh31tapp/images/bg_video_icon.png") right bottom no-repeat;background-size:14% auto;}
#main .fov .list-item .list-item-title a:after {display:none;}
/*fov_end*/
/*main_end*/
/*footer_begin*/
div#footerG {position:relative;width:100%;margin:0 auto;padding:20px 0 34px;font-size:0.875rem;font-size:14px;font-family:simsun;color:#757373;background:#f0f0f0;z-index:2147483641;}
div#footerG>div {width:900px;margin:0 auto;overflow:hidden;}
div#footerG>div img {float:left;margin:0 14px 0 0;}
div#footerG>div p a {display:inline-block;color:#757373;}
/*footer_end*/
/*mobileFooter_begin*/
div#footer {display:none;padding:26px 12% 25px;font-size:16px;color:#787878;text-align:center;background:#f1f1f1;}
div#footer ul.fList {margin:0 auto 26px;font-size:18px;line-height:1em;overflow:hidden;}
div#footer ul.fList>li {float:left;width:28%;}
div#footer ul.fList>li:last-child {width:16%}
div#footer ul.fList>li a {display:block;border:2px solid #e4e4e4;border-width:0 0 0 2px;color:#444;}
div#footer ul.fList>li:first-child a {border:none;}
div#footer p img.gshLogo {display:inline-block;margin:0 10px 0 0;vertical-align:middle;}
/*mobileFooter_end*/
/*************************************************     ÒÀ³ß´çËõ·Å     *************************************************/
@media screen and (max-width:1200px){
/*header_begin*/
.header {width:100%;height:28.125vw;margin:0 auto 2.5vw;}
/*header_end*/
/*main_begin*/
#main {margin:0 auto 3.33vw;}
#main .fov  {width:11rem;}
/*main_end*/
}
@media screen and (max-width:901px){
#main .fov .list:after {height:3.97rem;}
#main .fov .list-item .list-item-title {font-size: 0.18rem;}
#main .fov .list-item:nth-of-type(4) {margin:-2.01rem 0 0 6.03rem;}
#main .fov .list-item:nth-of-type(5) {margin:-2.01rem 0.07rem 0;}
}
@media screen and (max-width:768px){
/*header_begin*/
.header {width:100%;height:49.09vw;}
/*header_end*/
#main .fov .list:after {height:4.03rem;}
#main .fov .list-item img {margin:0;}
#main .fov .list-item .list-item-title {font-size:16px;}
#main .fov .list-item:nth-of-type(4) {margin:-2.07rem 0 0 5.8rem;}
#main .fov .list-item:nth-of-type(5) {margin:-2.07rem -0.16rem 0;}
/*footer_begin*/
div#footerG {display:none;}
/*footer_end*/
/*mobileFooter_begin*/
div#footer {display:block;}
/*mobileFooter_end*/
}
@media screen and (max-width:655px){
div#footer ul.fList {margin:0 auto 10px}
}
@media screen and (max-width:600px){
#main .fov .list {padding:0;background:#fff;}
#main .fov .list:after {display:none;}
#main .fov .list-item {width:5.3rem;}
#main .fov .list-item:first-child {width:11rem;}
#main .fov .list-item:nth-of-type(n) {margin:0 auto 0.3rem;}
#main .fov .list-item:nth-of-type(n+6) {float:none;}
#main .fov .list-item img {width:5.3rem;height:2.99rem;}
#main .fov .list-item:first-child img {width:11rem;height:6.21rem;}
}
@media screen and (max-width:480px){
div#footer {font-size:12px;}
div#footer ul.fList {font-size:14px;}
div#footer p {font-size:12px;line-height: 2em;}
}