/**
 * 红酒模板D 首页样式
 *
 * v0.0.1 17/09/23 --- by Sun
 */

@charset "utf-8";

body{min-width:1200px; background-color:#f2f2f2;}

/* 立体效果 */
.boxshadow{
	-webkit-transition:all .3s ease 0s;
	   -moz-transition:all .3s ease 0s;
		-ms-transition:all .3s ease 0s;
		 -o-transition:all .3s ease 0s;
			transition:all .3s ease 0s;
}
.boxshadow:hover{box-shadow:0 5px 10px 3px #ccc;
	-webkit-transform:translateY(-1px);
	   -moz-transform:translateY(-1px);
		-ms-transform:translateY(-1px);
		 -o-transform:translateY(-1px);
			transform:translateY(-1px);
}

.brand{margin:20px auto 0; width:1200px; background-color:#fff; border:1px solid #dfdfdf; border-radius:4px;}
.brand .top{width:100%; height:41px; border-bottom:1px solid #dfdfdf;}
.brand .top h2{position:relative; float:left; padding:0 0 0 33px; font-size:20px; color:#2f2f2f; line-height:40px;}
.brand .top h2::before{content:""; position:absolute; top:11px; left:21px; width:3px; height:19px; background-color:#c09455;}
.brand .top span{float:right; padding:0 25px 0 0; font-size:14px; color:#2f2f2f; line-height:40px;}
.brand .top span:hover{color:#78531e;}
.brand .box{width:100%; height:319px; border-left:1px solid #dfdfdf;}
.brand .video{width:398px;}
.brand .video .box{position:relative; background:url(../images/brand_video_bg.jpg) center 25px/355px 253px no-repeat; border:none;}
.brand .video .box video{display:block; position:absolute; top:40px; left:50%; margin-left:-168px; object-fit:fill;}
.brand .news{width:401px;}
.brand .news .box{padding:25px 16px 0 21px;}
.brand .news .headline{padding:0 0 17px; width:363px; border-bottom:1px solid #dfdfdf;}
.brand .news .headline img{float:left; width:138px; height:92px;}
.brand .news .headline .txt{margin:0 0 0 11px; width:214px; height:92px; overflow:hidden;}
.brand .news .headline p.ttl{padding:0 0 7px; width:100%; height:25px; overflow:hidden; font-size:18px; font-weight:700; color:#2c2c2c; line-height:1; white-space:nowrap;text-overflow: ellipsis}
.brand .news .headline p.des{height:72px; overflow:hidden; font-size:14px; color:#2c2c2c; line-height:22px;}
.brand .news .headline p.des a{color:#7c522b;}
.brand .news ul{width:363px;}
.brand .news li{width:100%; height:38px; overflow:hidden; border-bottom:1px solid #dfdfdf;}
.brand .news li span.ttl{float:left; width:264px; height:38px; overflow:hidden; font-size:14px; color:#2c2c2c; line-height:38px; white-space:nowrap; text-overflow:ellipsis;}
.brand .news li span.ttl:hover{color:#78531e;}
.brand .news li span.date{float:right; font-size:14px; color:#8b8b8b; line-height:38px;}
.brand .walkinto{width:399px;}
.brand .walkinto .box{padding:25px 0 0;}
.brand .walkinto img.ad{display:block; margin:0 auto; width:357px; height:196px;}
.brand .walkinto p.des{padding:15px 0 0 ; font-size:18px; color:#7f654d; text-align:center; line-height:28px;}
.brand .walkinto p.des img{width:30px; height:30px;}

.advertisement{margin:20px auto 0; width:1200px;}
.advertisement img{width:1200px; height:100px;}

.school{margin:20px auto 0; width:1200px; border:1px solid #dfdfdf; border-radius:4px;}
.school .academy{width:399px;}
.school .academy .top{width:100%; height:41px; border-bottom:1px solid #dfdfdf;}
.school .academy .top h2{position:relative; padding:0 0 0 33px; font-size:20px; color:#2f2f2f; line-height:40px;}
.school .academy .top h2::before{content:""; position:absolute; top:11px; left:21px; width:3px; height:19px; background-color:#c09455;}
.school .academy .box{padding:25px 15px 26px 21px; border-right:1px solid #dfdfdf;}
.school .academy .headline{padding:0 0 17px; width:362px; border-bottom:1px solid #dfdfdf;}
.school .academy .headline img{float:left; width:138px; height:92px;}
.school .academy .headline .txt{margin:0 0 0 10px; width:214px; height:92px; overflow:hidden;}
.school .academy .headline p.ttl{padding:0 0 7px; width:100%; height:25px; overflow:hidden; font-size:18px; font-weight:700; color:#2c2c2c; line-height:1; white-space:nowrap;}
.school .academy .headline p.des{height:72px; overflow:hidden; font-size:14px; color:#2c2c2c; line-height:22px;}
.school .academy .headline p.des a{color:#7c522b;}
.school .academy ul{width:363px;}
.school .academy li{width:100%; height:41px; overflow:hidden; border-bottom:1px dashed #dfdfdf;}
.school .academy li span.ttl{float:left; width:264px; height:40px; overflow:hidden; font-size:14px; color:#2c2c2c; line-height:40px; white-space:nowrap; text-overflow:ellipsis;}
.school .academy li span.ttl:hover{color:#78531e;}
.school .academy li span.date{float:right; font-size:14px; color:#8b8b8b; line-height:38px;}
.school .info{width:799px;}
.school .info .top{width:100%; height:41px; border-bottom:1px solid #dfdfdf;}
.school .info .top h2{position:relative; padding:0 0 0 33px; font-size:20px; color:#2f2f2f; line-height:40px;}
.school .info .top h2::before{content:""; position:absolute; top:11px; left:21px; width:3px; height:19px; background-color:#c09455;}
.school .info .box{padding:25px 21px 0;}
.school .info ul{display:inline-block; margin-left:-14px; width:468px;}
.school .info li{float:left; margin:0 0 2px 14px; width:220px;}
.school .info li img{width:220px; height:136px;}
.school .info li p{width:100%; height:32px; overflow:hidden; font-size:14px; color:#2c2c2c; text-align:center; line-height:32px; white-space:nowrap; text-overflow:ellipsis;}
.school .info dl{float:right; width:284px;}
.school .info dd{padding:0 0 0 2px; width:286px; height:36px; overflow:hidden; font-size:14px; color:#2c2c2c; line-height:36px; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #dfdfdf;}
.school .info dd:hover{color:#78531e;}

/* bluefite */
.product{margin:30px auto 0; padding:0 0 37px; width:1200px; background-color:#fff; border:1px solid #dfdfdf; border-radius:4px;}
.product .top{width:100%; height:41px; border-bottom:1px solid #dfdfdf;}
.product .top h2{position:relative; float:left; padding:0 0 0 33px; font-size:20px; color:#2f2f2f; line-height:40px;}
.product .top h2::before{content:""; position:absolute; top:11px; left:21px; width:3px; height:19px; background-color:#c09455;}
.product .pro_title_right{float:right; padding-top:5px; width:188px; height:34px; background:url(../images/p_bg1.jpg) left 5px no-repeat;}
.product .pro_title_right2{background:url(../images/p_bg2.jpg) left 5px no-repeat;}
.product .pro_title_right span{display:block; float:left; width:94px; height:29px; font-size:16px; color:#323232; text-align:center; line-height:28px;}
.product .pro_title_right span.span_active{color:#fff;}
.product .pro_show{position:relative; height:288px;}
.product .pro_show_w{position:relative; height:288px; overflow:hidden;}
.product .pro_show1{position:absolute; top:26px; left:0; width:1198px; height:258px; overflow:hidden; background:#fff;}
.product .pro_wrap{float:left; padding-right:10px; padding-left:10px; width:1020px; height:288px; overflow:hidden;}
.product .left_adorn{float:left; width:79px; height:258px; background:url("../images/left_adorn.jpg") center center no-repeat;}
.product .right_adorn{float:left; width:79px; height:258px; background:url("../images/right_adorn.jpg") center center no-repeat;}
.product .pro_wrap li{float:left; margin-right:10px; margin-left:10px; width:150px; height:258px; overflow:hidden;}
.product .pro_img_a{display:block; margin:0 auto; width:150px; height:210px; overflow:hidden;}
.product .pro_txt_a{display:block; width:150px; height:30px; overflow:hidden; font-size:14px; color:#676767; text-align:center; line-height:30px;}
.product .pro_desc1{height:18px; overflow:hidden; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#808080; text-align:center; line-height:18px;}
.product .pro_wrap li img{width:150px; height:210px;}

/* bluefite */
.cooperation{margin:20px auto 0; width:1200px; background-color:#fff; border:1px solid #dfdfdf; border-radius:4px;}
.cooperation .top{width:100%; height:41px; border-bottom:1px solid #dfdfdf;}
.cooperation .top h2{position:relative; float:left; padding:0 0 0 33px; font-size:20px; color:#2f2f2f; line-height:40px;}
.cooperation .top h2::before{content:""; position:absolute; top:11px; left:21px; width:3px; height:19px; background-color:#c09455;}
.cooperation .hezuo{padding-top:20px; height:342px; overflow:hidden;}
.cooperation .hezuo_left{float:left; width:934px; height:322px;}
.cooperation .hezuo_right{float:left; width:264px; height:322px;}
.cooperation .hezuo_right li{margin-bottom:8px; padding-left:42px; width:264px; height:58px; text-align:center; text-indent:1.5em; line-height:58px; background:url("../images/hezuo_bg1.jpg");}
.cooperation .hezuo_right li:last-child{margin:0;}
.cooperation .hezuo_right li a{display:block; width:100%; height:100%; font-size:16px; font-weight:bold; color:#676767;}
.cooperation .hezuo_right li.li_active{background:url("../images/hezuo_bg2.jpg");}
.cooperation .hezuo_right li.li_active a{color:#fff;}
.cooperation .hezuo_moshi1{display:none; height:322px; overflow:hidden;}
.cooperation .hezuo_moshi1:first-child{display:block;}
.cooperation a.ren_contact{display:block; position:absolute; right:40px; bottom:60px; width:69px; height:49px; font-size:20px; color:#fff; text-align:center; line-height:49px; background-color:#b28c4f;}
.cooperation a.mail_contact{display:block; position:absolute; right:109px; bottom:60px; width:73px; height:49px; font-size:20px; color:#fff; text-align:center; line-height:49px; background-color:#c70021;}
.cooperation .hezuo_left_l{position:relative; float:left; padding:40px 20px 0; width:382px; height:322px; background:#f1f1f1;}
.cooperation .hezuo_left_r{float:left; width:552px; height:322px; overflow:hidden;}
.cooperation .div_title{width:150px; height:40px; font-size:20px; font-weight:bold; color:#676767; text-align:left; line-height:40px; border-bottom:4px solid #676767;}
.cooperation .moshi_detail{padding-top:10px; font-size:16px; line-height:24px;}
.cooperation .hezuo_left_r{float:left; width:552px; height:322px; background:#fff;}
.cooperation .hezuo_left_r img{width:552px; height:322px;}

.case{margin:20px auto 0; width:1200px; background-color:#fff; border:1px solid #dfdfdf; border-radius:4px;}
.case .top{width:100%; height:41px; border-bottom:1px solid #dfdfdf;}
.case .top h2{position:relative; float:left; padding:0 0 0 33px; font-size:20px; color:#2f2f2f; line-height:40px;}
.case .top h2::before{content:""; position:absolute; top:11px; left:21px; width:3px; height:19px; background-color:#c09455;}
.case .box{padding:21px 21px 28px;}
.case img.info{width:391px; height:340px;}
.case ul{margin-top:-3px; width:765px;}
.case li{float:left; margin:3px 0 0 4px;}
.case li img{width:251px; height:169px;}