.kaiti{font-family:KaiTi;}

.main-nav-blank{height:100px;}

.btn-home{display:block; width:226px; height:54px; border-radius:2px; margin:0 auto 20px; border-bottom:1px solid #67050e; line-height:54px; text-align:center; font-size:20px; background:#CC0000; color:#FFF;}
.btn-home:hover{text-decoration:none; color:#FFF; background:#ed1b2f;}
.btn-home i{display:inline-block; width:8px; height:22px; margin-left:5px; vertical-align:-4px; background:url(../images/icon/cup.png) no-repeat;}

.fscreen-wrap{position:relative; width:100%; height:100%; background:url(../images/pc/home-fscreen-banner.jpg) center bottom no-repeat; background-size:auto 100%;}
.fscreen-nav{position:absolute; left:0; bottom:0; z-index:8; width:100%; height:73px; background:rgba(0, 0, 0, 0.59);}
.fscreen-nav .logo-box{display:block; margin-top:15px;}
.fscreen-nav .nav-pills > li a{padding:25px 35px 0; font-size:16px; color:#FFF;}
.fscreen-nav .nav-pills > li a:hover{background:no-repeat;}
.fscreen-nav .btn-fun{display:block; padding-top:20px; font-size:24px; color:#FFF;}
.fscreen-nav .btn-fun .user{display:block; width:26px; height:26px; background:url(../images/icon/username-w.png) no-repeat;}
.fscreen-nav .btn-fun .search{display:block; width:26px; height:26px; background:url(../images/icon/search-w.png) no-repeat;}

.swiper-container{/*display:none;*/}

@media only screen and (max-width: 1200px) {
	.fscreen-swiper{display:block;}
}

.home-container{margin-top:-30px;}

.home-video{width:526px; border-radius:8px;}

.featurette-heading{padding-top:120px; text-align:center;}
.featurette-heading span{display:inline-block; border-bottom:2px solid #ed1b2f; font-family:Calibri; font-size:40px;}
.featurette-lead{padding:20px 0; font-size:16px; text-align:center;}

.home-title{margin:60px 0 40px; text-align:center; line-height:1em;}
.home-title .title-main{font-size:40px; color:#121212; font-family:Calibri;}
.home-title .title-main i{display:inline-block; width:80px; height:2px; margin:0 5px; vertical-align:middle; overflow:hidden; background:#ed1b2f;}
.home-title .title-sub{font-size:16px; font-family:KaiTi; color:#121212;}

.swiper-button-next, .swiper-button-prev{width:60px; height:60px; border-radius:4px; background:rgba(0, 0, 0, 0.5) url(../images/icon/arrow-white.png) no-repeat;}
.swiper-button-prev{left:0; background-position:20px center;}
.swiper-button-next{right:1px; background-position:-50px center;}

.products-swiper-container{margin-bottom:30px;}
.products-swiper-container .swiper-button-next, .products-swiper-container .swiper-button-prev{top:36%;}
.product-item{position:relative;}
.product-item:hover{opacity:0.8;}
.product-item .item-img{margin-bottom:10px; border-radius:4px; overflow:hidden;}
.product-item a{text-decoration:none;}
.product-item h3{font-size:16px; color:#C00; font-weight:bold;}
.product-item h4{font-size:14px; color:#555;}
.product-item .flag-new{position:absolute; left:0; top:0; width:42px; height:42px; border-radius:4px 0 0 0; background:url(../images/icon/news-products.png) no-repeat; background-size:cover;}

.lineup-swiper-container{background:#EEEEEF;}
.lineup-item{transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease;}
.lineup-item .item-img{display:block;}
.lineup-item .item-img-hover{display:none;}
.lineup-item .item-desc{position:absolute; bottom:-100%; left:0; z-index:2; width:100%; padding:10px 0; font-size:38px; color:#333; text-align:center; background:rgba(255, 255, 255, 0.4); transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease;}
.lineup-item .item-desc span{font-size:24px; display:block;}
.lineup-item:hover{-webkit-filter:grayscale(0);}
.lineup-item:hover .item-desc{bottom:0;}
.lineup-item:hover .item-img{display:none;}
.lineup-item:hover .item-img-hover{display:block;}

.news-wrap{padding-bottom:60px; background:#EEEEEF;}
.new-list .list-title{margin-top:20px;}
.new-list .list-title span{display:inline-block; padding-bottom:4px; border-bottom:2px solid #ed1b2f; font-size:20px;}
.new-list .list-img:hover{opacity:.8;}
.new-list ul{list-style:none; padding-left:0;}
.new-list li{height:44px; line-height:44px; border-bottom:1px dotted #DEDEDE;}
.new-list li a{color:#555;}

@media only screen and (max-width: 1200px) {
    .btn-home{width:130px; height:40px; line-height:40px; font-size:14px;}
    .btn-home i{transform:scale(0.8)}

    .home-container{margin-top:-50px;}

    .home-video{width:100%; height:0; overflow:hidden; padding-bottom:75.9%; border-radius:4px;}

    .products-swiper-container .swiper-button-next, .products-swiper-container .swiper-button-prev{transform:scale(0.5); -webkit-transform:scale(0.5); top:22%;}
    .products-swiper-container .swiper-button-next{right:-15px}
    .products-swiper-container .swiper-button-prev{left:-15px;}

    .lineup-item .item-desc{font-size:16px;}
    .lineup-item .item-desc span{font-size:14px;}

    .fscreen-swiper{width:100%; height:100%;}
    .fscreen-swiper .swiper-slide{background-position:center bottom; background-repeat:no-repeat; background-size:auto 92%;}
    .fscreen-swiper .swiper-slide:before,.fscreen-swiper .swiper-slide:after{position:absolute; z-index:2;}
    .fscreen-swiper .swiper-slide:before{left:0; bottom:6%; content:"Scroll"; width:100%; text-align:center; color:#FFF;}
    .fscreen-swiper .swiper-slide:after{position:absolute; left:50%; bottom:4.7%; z-index:2; width:14px; height:14px; margin-left:-7px; border-width:0 2px 2px 0; border-style:solid; border-color:#FFF; content:""; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
    .fscreen-swiper .swiper-slide:last-child:before,.fscreen-swiper .swiper-slide:last-child:after{display:none;}
    .fscreen-wrap{background:none;}
    .featurette-heading{padding:0 0 10px;}
    .featurette-heading span{font-size:20px;}
    .featurette-lead{padding:0; font-size:14px; line-height:30px;}

    .home-title{margin:25px 0 15px;}
    .home-title .title-main{font-size:18px;}
    .home-title .title-main i{width:8%;}
    .home-title .title-sub{font-size:12px; padding:0 10px; line-height:24px;}

    .product-item .flag-new{width:26px; height:26px;}
    .product-item h3{font-size:14px; margin-bottom:10px;}
    .product-item h4{font-size:12px; color:#121212;}

    .new-list .list-title{text-align:center;}
    .new-list ul{margin-bottom:20px;}
    .new-list li a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
}