@import url(https://fonts.googleapis.com/css?family=Poiret+One);

/*body{background-color:#f8f6ea;}*/
.wrap{width:100%;}


/* banner */
.banner{width:100%; position:relative;}
.banner img{width:100%; height:auto;}
.big_img{display:block;}
.small_img{display:none;}





/* product */
.product{width:1200px; margin:1.5% auto;} 
.product h2{text-align:center; font-size:20px; color:#7a5e5a; font-family: 'Alegreya', serif; margin-bottom:1.4%; font-weight:normal; letter-spacing:0.1em;}
.product ul.product-row{background:url(../images2017/index/product_line.gif) repeat-x bottom; padding-bottom:20px; margin-bottom:20px; text-align:center;}
.product ul.product-row li{width:16.66666666666667%; height:190px; margin:0; padding:0; display:inline-block; text-align:center; position:relative;}
.product ul.product-row li:before{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.product ul.product-row li img{vertical-align:middle; display:inline-block; transition:all 0.5s ease-in-out; max-width:100%; height:auto;}
.product ul.product-row li:hover img{transform:scale(1.02);}
.product ul.product-row li.pro_img{width:32%;}
.product ul.product-row li.pro_img img{width:100%;}
.product ul.product-row li.pro_img:hover img{transform:none;}
.product ul.product-row li .pro_name{position:absolute; bottom:0; left:0; width:100%; text-align:center; padding:5px 0; font-size:15px; z-index:99999;}
.product ul.product-row li .pro_name a{color:#555;}
.product ul.product-row li:hover .pro_name a{color:#9a825e;}
.product ul.product-row li.pro_img .img_type{width:80px; height:80px; border-radius:100px; padding:20px; background:rgba(0,0,0,0.6); font-style:oblique; font-size:24px; letter-spacing:0.07em; color:#fff; position:absolute; text-align:center;}
.product ul.product-row li.pro_img .img_type div{border-bottom:1px solid #fff; padding:0 3px 4px 3px; margin-bottom:4px; font-size:24px; letter-spacing:0.07em;}
.product ul.product-row:nth-child(2) li.pro_img .img_type, .product ul.product-row:nth-child(4) li.pro_img .img_type{right:20px; top:20%;}
.product ul.product-row:nth-child(3) li.pro_img .img_type{left:35%; top:20%;}
.product ul.product-row:nth-child(4){background:none; margin-bottom:0; padding-bottom:0;}
.mobile{display:none;}






ul.ind_btn{text-align:center; margin:30px 0;}
ul.ind_btn li{margin-left:60px; font-size:12px; display:inline-block;}
ul.ind_btn li span{font-size:20px; letter-spacing:0.2em;}
ul.ind_btn li a{padding:5px 50px; color:#fff; border-radius:5px;}
ul.ind_btn li:first-child{margin-left:0;}


/* about */
.about_bg{background:url(../images2017/index/vedio_bg.jpg) no-repeat center top #f2f2f2;}
.about_box{width:1200px; margin:auto; padding:4% 0 2% 0;}
.about_box .video{width:60%; height:450px; float:right; padding:35px 0 0 140px; background:url(../images2017/index/video_title.png) no-repeat left top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.about_box .video iframe{width:100%; height:380px; box-shadow:10px 10px 30px rgba(0,0,0,0.5);}
.about_box .wrap_a{width:38%; float:left; position:relative;}
.about_box .wrap_a .about{margin:145px 10px 0 0; float:right; width:250px; height:250px; background:#b20021; position:relative; box-shadow:20px 20px 0 rgba(102,86,71,0.15); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.about_box .wrap_a .about h3{color:#c70125; font-size:15px; position:absolute; top:-45px; right:5px;}
.about_box .wrap_a .about h3 span{font-family: 'Alegreya', serif;}
.about_box .wrap_a .about .a_img{position:absolute; top:0; right:20px; width:380px;/* height:300px;*/}
.about_box .wrap_a .about .a_img ul.slides{ text-align:center; display:inline-block;}
.about_box .wrap_a .about .a_img ul.slides li{position:relative; width:380px; height:280px;}
.about_box .wrap_a .about .a_img ul.slides li:before{content: ""; height: 100%; display: inline-block; vertical-align: top;}
.about_box .wrap_a .about .a_img ul.slides li img{max-width:300px; height:auto; vertical-align:middle; display:inline-block;}
.a_img.flexslider {background:none;}
.a_img.flexslider ul.slides li.clone div{opacity:0;}
.a_img.flexslider ul.slides li.flex-active-slide div{position:absolute; color:#fff; right:5px; bottom:40px; font-size:15px; font-style:oblique; text-align:right; opacity:0.7;}
.a_img.flexslider .flex-control-paging li a{background:rgba(255,255,255,0.5); border:none; color:rgba(255,255,255,0);}
.a_img.flexslider .flex-control-paging li a.flex-active{background:rgba(255,255,255,1);}
.a_img.flexslider .flex-control-nav{bottom:90px; right:-5px; text-align:right;}

.v_for_mobile{display:none;}

.about_box .wrap_a .readmore{ margin:25px 10px 0 0; float:right;}
.about_box .wrap_a .readmore a{padding:15px 20px;}

/*加号*/
.icon-add-50{
    position: relative;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    border: 1px solid #c70125;
	background:#fff;
	overflow:hidden;
}
.icon-add-50:before{
    content: '';
    position: absolute;
    width: 14px;
    height: 1px;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -1px;
    background-color: #c70125;
}
.icon-add-50:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 14px;
    left: 50%;
    top: 50%;
    margin-left: -1px;
    margin-top: -7px;
    background-color: #c70125;
}





a.btn-style{background:#ae9777; color:#fff; overflow:hidden; display:block; position:relative; z-index:1; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}	
a.btn-style:hover{background:#c70125;}
a.btn-style::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #ae9777;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
a.btn-style:hover::before {
	opacity: 1;
	background-color: #ae9777;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

@media only screen and (max-width: 1230px)
{
.about_box{width:96%;}
}

@media only screen and (max-width: 1200px)
{
.product{width:98%;} 
.product ul.product-row li{width:16.34%;}
}

@media only screen and (max-width: 1024px)
{

}

@media only screen and (max-width: 980px)
{
.product ul.product-row li:hover img{transform:none;}
.product ul.product-row li.pro_img .img_type{font-size:18px; padding:15px; width:60px; height:60px;}
.product ul.product-row li.pro_img .img_type div{font-size:18px;}
.product ul.product-row:nth-child(2) li.pro_img .img_type, .product ul.product-row:nth-child(3) li.pro_img .img_type, .product ul.product-row:nth-child(4) li.pro_img .img_type{top:25%;}
.product ul.product-row li .pro_name{font-size:14px;}
.about_bg{background:none; margin-bottom:30px;}
.about_box .video{width:92%; margin:0 auto 20px auto; float:none;}
.about_box .wrap_a{padding:30px 0; background:#c70125; width:100%; margin:0 auto 20px auto; float:none;}
.about_box .wrap_a .about{float:none; margin:20px auto;}
.about_box .wrap_a .about h3{color:#fff; right:inherit;}
.about_box .wrap_a .about .a_img{width:300px; right:10px;}
.about_box .wrap_a .about .a_img ul.slides li img{max-width:280px;}
.icon-add-50{border-color:#fff; background:none; margin-right:30px;}
.icon-add-50:before, .icon-add-50:after{background-color:#fff;}
.about_box .video{padding:100px 0 0 0; background:url(../images2017/index/video_title2.png) no-repeat left top; margin-top:30px; height:auto;}
.about_box .video iframe{margin-bottom:20px;}
.v_for_mobile{display:block;}
}


@media only screen and (max-width: 767px)
{
.product ul.product-row{display:none;}
.mobile{display:block; width:85%; margin:auto;}
.product{width:100%; background:#f8f6ea; padding:30px 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.product dl{background:#fff; width:100% ; height:auto; padding:0 6%; margin-bottom:2%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.product dl dt{width:55%; margin-bottom:0; height:auto; float:left; text-align:center;}
.product dl dt img{max-width:85%; height:auto; margin:auto;}
.product dl dd{width:45%; float:right; margin-bottom:1.5%; color:#7a5e5a; font-size:20px; letter-spacing:0.1em; margin-top:5vw; text-align:center;}
.about_box{padding-top:0;}
}

@media only screen and (max-width: 640px)
{
.big_img{display:none;}
.small_img{display:block;}
/*.product ul.product-row li{width:49.5%;}
.product ul.product-row li.pro_img{display:none;}*/
.about_box .video{background-size:320px auto;}
}

@media only screen and (max-width: 480px)
{
/*.product ul.product-row li{width:49.2%;}*/
.product dl{padding:0 3%;}
.product dl dt{width:48%;}
.product dl dt img{/*width:80%;*/ height:auto;}
.product dl dd{text-align:center; font-size:16px; width:52%;}
ul.ind_btn li{margin:0 5px !important;}
ul.ind_btn li a{padding:5px 30px;}
.about_box .video iframe{height:260px;}
}

@media only screen and (max-width: 380px)
{
ul.ind_btn li a{padding:5px 20px;}
.about_box .wrap_a .about .a_img{width:260px;}
.about_box .wrap_a .about .a_img ul.slides li img{max-width:250px;}
.about_box .video{background-size:240px auto; padding-top:70px;}
}