@charset "utf-8";
/* CSS Document */
* {margin:0px;padding:0px;}
body {font-family:"Microsoft Yahei";font-size:14px;color:#333;text-align:left;background:#fff;margin:0px auto;}
a:focus {outline:none;}
a {color:#333;text-decoration:none;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
a:hover {color:#c61920;text-decoration:none;}
ul, li {list-style:none;}
img {border:none;}
.clear {clear:both;}
.en {font-family:Georgia, Arial;}
.kr {font-family:Gulim, Dotum;}
.jp {font-family:MS PGothic;}
.w1200 {width:1200px;margin:0 auto;}
.k1200 {width:1200px;margin:0px auto 0px;}
.fl {float:left !important;}
.fr {float:right !important;}

.bpic {display:none;}

.banner {overflow:hidden;width:100%;height:718px;background:url(img/banner.png) no-repeat center 0px;margin:0px auto;}

.maina {overflow:hidden;position:relative;width:1200px;height:44px;margin:30px auto;}
.maina h3 {position:relative;width:100%;height:100%;text-align:center;}
.maina h3 img {width:100%;vertical-align:top;}

/*作品列表页样式*/
.video-list2 {padding-bottom:40px;font-size:0;}
.video-list2 li {display:inline-block;margin-right:30px;width:380px;}
.video-list2 li:nth-child(3n) {margin-right:0;}
.video-list2 li:nth-child(n+4) {margin-top:30px;}
.video-list2 li .pic {position:relative;width:100%;height:253px;}
.video-list2 li .pic img {width:100%;height:100%;vertical-align:top;}
.video-list2 li h3 {margin-top:6px;font-weight:normal;}
.video-list2 li h3 a {height:60px;line-height:30px;font-size:18px;color:#333;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align:center;}
.video-list2 li h4 a:hover, .video-list2 li h3 a:hover{color:#cd0000;}

/*底部样式*/
.footer {padding:20px 0;overflow:hidden;font-size:14px;color:#fff;text-align:center;background:#c61920;width:100%;}
.footer p {margin-top: 15px;}
.footer p:first-child {margin-top:0;}

@media only screen and (min-width:0px) and (max-width:850px)
{
    .w1200 {width:94%;margin:3% auto 0px;}
    .fl {float:none !important;}
    .fr {float:none !important;}
    .banner {display:none;}
    
    .bpic {margin:0 auto;display:block;}
    .bpic img {width:100%;vertical-align:top;}
    
    .maina {width:94%;height:auto;margin:8% auto 0;}
    .maina h3 img {width:100%;vertical-align:middle;}
    
    .video-list2 {padding-bottom:5%;text-align:center;}
    .video-list2 li {margin-bottom:3%;margin-right:0;float:left;width:48.5%;}
    .video-list2 li:nth-child(2n) {float:right;}
    .video-list2 li .pic {height:125px;}
    .video-list2 li h4 {margin-top:1%;height:66px;line-height:22px;-webkit-line-clamp: 3;}
    .video-list2 li h4 a {display:block;font-size:14px;}
    .video-list2 li h3 {margin-top:1%;}
    .video-list2 li h3 a {height:44px;line-height:22px;font-size:14px;}
    .video-list2 li:nth-child(n+5), .video-list2 li:nth-child(n+4) {margin-top:0;}
    
    .footer {padding:3.5% 0;}
    .footer p {margin-top: 2.5%;}
}