@charset "utf-8";
/* CSS Document */

.banner{ position:relative;}
.banner .swiper-slide{}
.banner .swiper-slide a{ display:block; padding-bottom:44%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.banner .swiper-pagination-bullet{ background:none; width:12px; height:12px; border:1px solid #fff; opacity:1;}
.banner .swiper-pagination-bullet-active{ background:#fff;}
.banner .swiper-container-horizontal>.swiper-pagination{bottom:20px;}
.bannerslide-nation{text-align: left;padding-left: 60px;font-size: 13px;color: #111;}
.bannerslide-nation .swiper-pagination-current{font-size: 20px;font-weight: bold;}
.swiper-button-prev,.swiper-button-next{width:auto;height: auto;background-size: 14px;background-repeat: no-repeat;position: static;
margin: 0;display: inline-block;vertical-align: middle;font-size: 12px;font-family:'tt0144m_';}
.swiper-button-prev{background-image: url(/public/static/home/images/arrow_prev.png);background-position:left center;padding-left: 20px;}
.swiper-button-next{background-image: url(/public/static/home/images/arrow_next.png);background-position:right center;padding-right: 20px;}

.banner-arrow{position: absolute;right: 60px;bottom: 20px;z-index: 99}
.banner-arrow i{display: inline-block;vertical-align: middle;margin: 0 30px;font-size: 9px;}


.home-title{ text-align: center; margin-bottom: 80px;}
.home-title span{font-size: 24px; color: #111;font-weight:bold;position: relative;display: inline-block;border-bottom: 1px solid #e2e2e2;padding-bottom: 15px;}
.home-title span:after{content: ''; display: inline-block; width:25px;height: 3px;background: #0d4da1; position: absolute;left: 50%;bottom:-2px;transform: translateX(-50%);}

/*¹طسع*/

.products{padding-top: 90px;margin-bottom: 110px;}
.products-col{margin-bottom: 50px;}
.products-pic{width: 59%;float: left;position: relative;}
.products-pic a{overflow: hidden;}
.products-pic a,.products-pic img{width: 100%;display: block;-webkit-transition: all 0.5s; transition: all 0.8s;}
.products-pic a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 0.8s; transition: all 0.8s;}

.products-text{width:41%;float: right;padding-left: 80px;}
.products-text dl{position: relative;}
.products-text dl dt {}
.products-text dl dt p{width: 72px;height: 83px;background-position: center;background-repeat: no-repeat;background-size: contain;margin-bottom: 98px;}
.products-text dl dt a{font-size: 24px; color: #111;margin-bottom: 12px;display: block;}
.products-text dl dt span{font-size: 18px;font-family:'tt0144m_';color: #111;transform: rotate(90deg);display: inline-block;position: absolute;
top:10px;right: 10px; }
.products-text dl dt span:after{content: '';display: block;width: 20px;height: 1px;background: #111;position: absolute;top:10px;right: -30px;}
.products-text dl dd{font-size: 12px; color: #333;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.products-text dl dd.more-btn{padding-top: 40px;}
.more-btn a{font-size: 12px;font-family: 'tt0144m_';color: #111;border-bottom: 1px solid #111;display: inline-block;padding-bottom: 2px;transition: all 1s; }
.more-btn a:hover{letter-spacing:2px;transition: all 0.5s;}
.ac2 .products-text{float: left; padding-right: 80px; padding-left: 0;}
.ac2 .products-pic{float: right;}
.ac2 .products-text dl dt span{right: auto;left: 10px; }
.ac2 .products-text dl dt p{float:right;}
.ac2 .products-text dl dt a{clear: both;}


/*about*/
.about-bg{width: 100%;height:360px;background-position:top center;background-repeat: no-repeat;/*background-size: cover;*//*background-attachment:  fixed;*/}
.about{margin-top: -130px;margin-bottom: 110px;}
.about-con .title{padding: 15px;background: #0d4da1;color: #fff;width: 220px;margin-bottom: 60px;}
.about-con .title p{font-size: 37px;font-family: 'tt0144m_';line-height: 36px;}
.about-con .title p:after{content: '';display: block;width: 15px;height: 4px;background: #fff;margin: 20px 0;}
.about-con .title span{font-size: 24px;}
.about-l{width:45%;float: left;}
.about-text{font-size: 14px;line-height: 24px;color: #666;margin-bottom: 58px;text-align: justify;}
.about-r{width: 40.5%;float: right;}
.about-r img{display: block;width: 100%;}


@media (max-width:1440px){
    .products-text dl dt p{margin-bottom: 60px;}
    .products-text dl dt a{margin-bottom: 10px;}
    .products-text dl dd.products-link-a{padding-top: 40px;}
}
@media (max-width:1380px) {
    .products{padding-top: 60px;margin-bottom: 80px;}
    .home-title{margin-bottom: 60px;}
    .banner .swiper-slide a{padding-bottom:37%;}
    }
@media (max-width:1280px){
/*	.products-text{padding-right: 40px;}*/
    .products-text dl{width: 100%;}
    .wine-col{width: 32%; margin-right: 2%;}
    .products-text,.products-pic{/*float: none;width: 100%;*/}
    .wine-col .wine-text{padding-top: 62%}
    .wine-col:nth-child(2) .wine-pic{bottom: 0}
    .wine-col:nth-child(2) .wine-text{padding-top: 30px;padding-bottom: 62%;}
    .about-bg{height: 320px;}
	}

@media (max-width:992px){
    .products{padding-top: 40px;margin-bottom: 60px;}
    .home-title{margin-bottom: 40px;}
    .bannerslide-nation{padding-left: 30px;}
    .banner-arrow{right: 30px;}
    .products-text{padding-left: 5%;}
    .products-text dl dt p{width: 48px;height: 55px;margin-bottom: 30px;}
    .products-text dl dt a{font-size: 18px;}
    .products-col{margin-bottom: 30px;}
    .products-text dl dd.more-btn{padding-top: 20px;}
    .about-bg{height: 240px;background-size:cover;}
    .about-l{float: none;width: 100%;margin-bottom: 60px;}
    .about-r{float: none;width: 100%;}


	}
	
@media (max-width:750px){
	.banner .swiper-slide a{ padding-bottom:55%;}
    .bannerslide-nation{width: auto;padding-left: 20px;color: #666;font-size: 12px;}
    .banner .swiper-container-horizontal>.swiper-pagination{bottom: 10px;}
    .bannerslide-nation .swiper-pagination-current{font-size: 14px;color: #111;}
    .banner-arrow{bottom: 10px;right: 20px;font-size: 0;}
    .swiper-button-prev, .swiper-button-next{text-indent: -999em;}
    .banner-arrow i{margin: 0 5px;}


	.products-text,.ac2 .products-text{padding: 4%;}


	.products{padding-top: 30px;margin-bottom: 40px;}
    .home-title{margin-bottom: 30px;}
    .home-title span{font-size: 18px;padding-bottom: 10px;}

    .products-text, .products-pic{float: none;width: 100%;}
    
    .about{margin-bottom: 60px;}
    .about-con .title{width: 180px;margin-bottom: 30px;}
    .about-con .title p{font-size: 30px;line-height: 30px;}
    .about-con .title span{font-size: 18px;}
    .about-bg{height: 200px;}
    .about-l{margin-bottom: 40px;}
    .about-text{margin-bottom: 30px;}


/*
    .products-pic{height: 180px;}
    .products-text dl dt a{font-size: 18px;}
    .products-text dl dt{padding: 4% 0;}*/


	
}