/* CSS Document */
@import url("core.css?v=12");
@import url("font.css");
/****/
@import url("common.css?v=25636");
/***/
#banner { position:relative; z-index:800; }
#banner_carousel { }
#banner { position:relative; overflow:hidden }
#banner .item { display:block; background-size:100% 100%; background-repeat:no-repeat; background-position: center top }
#banner .item img { display:block; width:100%; height:auto }
#banner .item img.mobile { display:none }
#banner .w_center { position:relative }
#banner .owl-dots { position:absolute; left:0; bottom:20px; width:100%; text-align:center }
#banner .owl-dots div { display:inline-block; margin:0 5px; height:12px; width:12px; border:1px solid #cca086; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; }
#banner .owl-dots div.active { background:#cca086 }
#banner .owl-nav div { filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0 }
#banner:hover .owl-nav div { filter:alpha(opacity=80); -webkit-opacity:.8; -moz-opacity:.8; -khtml-opacity:.8; -ms-opacity:.8; -o-opacity:.8; opacity:.8 }
#banner .owl-nav div { font-size:40px; text-align:center; line-height:60px; text-align:center; color:#fff; background:rgba(185, 105, 85, 0.8); padding:0px; height:60px; width:60px; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; z-index:9998; position:absolute; top:50%; margin-top:-20px; }
#banner .owl-nav div.owl-prev { left:25px }
#banner .owl-nav div.owl-next { right:25px }
/***/
#home_product_hots { padding-top:100px; padding-bottom:157px; background:url(../images/rbg.png) no-repeat right top }
.w1300 { width:1300px; margin:0 auto; position:relative }
#home_product_hots .h1_title { font-family:Fiona; font-weight:normal; font-size:126px; color:#3e5c59; line-height:normal; position:absolute; left:-208px; bottom:105px; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); }
.hots_pics { float:left; width:635px; position:relative; padding-right:28px }
.hots_pics:after { background:url(../images/makeyour.png) no-repeat; width:14px; height:157px; background-size:14px 157px; content:""; position:absolute; right:0; top:2px; display:block; }
.hots_pics.odd { float:right }
.pics_slider.owl-carousel { float:right }
.pics_slider .item { position:relative }
.pics_box_thumb { float:right; width:410px; }
.pics_box_thumb img,.hots_image_box .thumb img{ display:block; width:100%; height:100%}
.pics_box_thumb a{ display:block; position:relative}
.pics_box_thumb img.curpic,.hots_image_box .thumb img.curpic{
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.pics_box { position:absolute; left:0px; top:185px; width:220px; text-align:right; color:#3e5c59; }
.pics_title { font-size:30px; line-height:1.0 }
.pics_title a { color:#3e5c59; }
.pics_price { margin-top:10px; margin-bottom:20px; font-size:15px }
.pics_more a { color:#3e5c59; display:inline-block; border-bottom:1px solid #3e5c59; font-size:15px }
.pics_slider .owl-nav div { background:#fff; width:40px; height:40px; text-align:center; color:#3e5c59; font-size:24px; line-height:40px; position:absolute; bottom:0; right:0 }
.pics_slider .owl-nav div.owl-prev { right:40px; }
.hots_image .pics_slider .owl-nav{ display:none}
.hots_image .owl-dots{ position:absolute; left:0; bottom:-30px; width:100%; text-align:center }
.hots_image .owl-dots div { display:inline-block; margin:0 5px; height:12px; width:12px; border:1px solid #cca086; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; }
.hots_image .owl-dots div.active { background:#cca086 }
/***/
.hots_image { float:right; width:635px; }
.hots_image.odd { float:left; }
.hots_image.odd .hots_image_box { margin-left:auto; margin-right:28px; float:right }
.hots_image_box { width:335px; margin:0 auto; margin-top:140px }
.hots_image_box .thumb { display:block; overflow:hidden; margin-bottom:10px; position:relative}
.hots_image_box .title { color:#3e5c59; font-size:16px; position:relative; padding-right:90px; margin-top:6px }
.hots_image_box .price { position:absolute; font-size:15px; right:0; top:0; text-align:right; width:80px }
/***/
#home_customized { background:#f7e9e3 url(../images/rgbs.jpg) repeat-x; padding-bottom:165px }
#home_customized .thumb { float:left; width:660px; position:relative; }
#home_customized .desclt { float:left; width:640px; padding-top:195px; padding-left:85px; position:relative; z-index:800 }
#home_customized h2 { color:#b36654; font-size:54px; font-family:Fiona; font-weight:normal }
#home_customized p { color:#2b2b2b; font-size:16px; line-height:1.5; }
#home_customized .amore,.home_about .amore{ display:block; margin-top:25px; }
#home_customized .amore a,.home_about .amore a{ display:inline-block; border-bottom:1px solid #0c0c0c; color:#0c0c0c; font-size:15px; }
#home_customized .thumb:after { background:url(../images/cbg.png) no-repeat; width:471px; height:238px; content:""; position:absolute; right:-258px; bottom:-100px; display:block; z-index:100 }
.home_about p.mp{display:none}
/***/
#home_real { padding:110px 0; padding-bottom:50px }
#home_real .h2_title { font-family:Fiona; font-size:94px; color:#b36654; font-weight:normal; margin-bottom:35px }
#home_real ul { padding:0 30px }
#home_real li { float:left; width:590px; position:relative; }
#home_real li .thumb { width:310px; float:right; padding-bottom:60px }
#home_real li .thumb img { display:block; width:100%; height:415px; }
#home_real li p { font-size:14px; font-weight:normal; color:#585858; line-height:1.5; width:280px; padding-right:35px; padding-top:35px; float:left; }
#home_real li .iconu { position:absolute; width:290px; text-align:right }
#home_real li .iconu span { display:inline-block; vertical-align:middle; text-align:left; padding-right:20px; color:#3e5c59 }
#home_real li .iconu span em { display:block; font-style:normal; color:#7d7d7d }
#home_real li .iconu font.toppic { display:inline-block; vertical-align:middle; padding:8px; background:#fff; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; }
#home_real li .iconu font.toppic img { -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; display:block }
#home_real li.real-02 { float:right; }
#home_real li.real-02 .thumb { padding-top:60px }
#home_real li.real-02 p { padding-top:190px; margin-top:60px }
#home_real li.real-01 .iconu { left:50px; bottom:110px; }
#home_real li.real-02 .iconu { left:50px; top:110px; }
#home_real li.real-03 .iconu { right:50px; bottom:110px; text-align:left }
#home_real li.real-04 .iconu { right:50px; top:50px; text-align:left }
/**/
#home_real li.real-03 .iconu font { margin-right:30px }
#home_real li.real-03 .iconu span, #home_real li.real-04 .iconu span { padding-right:0 }
#home_real li.real-03 { float:left; }
#home_real li.real-03 .thumb { padding-top:0px; float:left }
#home_real li.real-03 p { padding-top:65px; margin-top:0px; float:right; padding-right:0; padding-left:35px; }
/**/
#home_real li.real-04 .iconu font { margin-right:30px }
#home_real li.real-04 { float:right; }
#home_real li.real-04 .thumb { padding-top:0px; float:left }
#home_real li.real-04 p { float:right; padding-left:35px; padding-top:220px; padding-right:0 }
/***/
#home_video { position:relative }
#home_video img { max-width:100%; height:auto; display:block; margin:0 auto }
#home_video:before { cursor:pointer; content:""; display:block; width:100%; height:100%; background:url(../images/icon_video.png?v=20) no-repeat center center; background-size:102px 102px; position:absolute; left:0; top:0; z-index:880 }
/***/
#home_blog { padding-top:120px; background:url(../images/vbg.png) no-repeat right top }
#home_blog .h2_title { color:#b36654; font-size:94px; font-weight:normal; font-family:Fiona; width:100%; display:block; margin-bottom:65px }
#home_blog .h2_title span { margin-right:35px }
#home_blog .h2_title:after { background:url(../images/icon_jt.png) no-repeat left center; width:53px; height:41px;background-size:53px 41px; content:""; display:inline-block; }
.blog_desc { float:left; width:670px }
.blog_desc_lt { float:left; width:325px; margin-right:80px }
.blog_desc_rt { float:left; width:265px; }
.blog_desc_lt .amore { font-size:16px; color:#0c0c0c; display:inline-block; border-bottom:1px solid #0c0c0c }
.blog_desc_lt p { height:145px; margin-bottom:25px }
.blog_desc_rt span { display:block; float:left; width:50%; padding-right:10px; padding-top:15px }
.blog_desc_rt span a { font-size:16px; color:#0c0c0c; display:block; position:relative; padding-left:22px; }
.blog_desc_rt span a:before { content:""; width:14px; height:14px; background:#cca086; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; display:block; position:absolute; left:0; top:5px; }
.blog_desc_rt span a:hover, .blog_desc a:hover, .blog_uls a:hover, .blog_uls li .cat a:hover { color:#cca086 }
.blog_uls { margin-top:15px }
.blog_uls li { float:left; width:325px; padding-top:45px; }
.blog_uls li.odd { float:left; width:265px; margin-left:80px; padding-top:0 }
.blog_uls li .cat { padding:15px 0; color:#696969 }
.blog_uls li .cat a { color:#696969 }
.blog_uls li a.title{ font-size:16px; line-height:1}
a[data-fit=fill] { position:relative; display:block }
a[data-fit=fill] img.curpic { object-fit: cover; position:absolute; left:0; top:0; }
.blog_uls li .thumb { display:block; margin-bottom:10px }
.blog_uls li .thumb img { display:block; width:100%; height:100% }
.blog_uls li .amore { }
.blog_uls li .amore a { color:#0c0c0c; display:inline-block; border-bottom:1px solid #0c0c0c }
.blog_uls li .amore a:hover, .blog_desc_lt .amore:hover,.blog_other .amore a:hover{ border-bottom-color:#cca086; color:#cca086 }
/***/
.home_about{}
.home_about .about_desc { float: left; width:600px; padding-right:35px }
.home_about .about_desc .desc { font-size:20px; color: #323232; line-height: 1.4; font-weight: normal; margin-top: 80px }
.home_about .about_thumb { width:700px; float: right; position: relative }
.home_about .about_thumb:after { content: ""; background: url(../images/abrd.png) no-repeat; width: 240px; height: 121px; display: block; z-index: 80; position: absolute; right: -100px; bottom: 0 }
/***/
.fheight { background:url(../images/fbgs.jpg) no-repeat left bottom; height:170px; }
.blog_other { float:right; width:540px; }
.blog_other .thumb { display:block; margin-bottom:10px }
.blog_other .thumb img { display:block; width:100%; height:100% }
.blog_other .amore { margin-top:15px }
.blog_other .amore a { color:#0c0c0c; display:inline-block; border-bottom:1px solid #0c0c0c }
.blog_other a:hover{color:#cca086}
/***/
#pages { margin-top:55px; text-align:center }
#pages .a1 { display:none }
#pages a,#pages span{ font-size:24px; line-height: 0.8; color: #b36654; vertical-align:middle; margin:0 12px}
#pages a{ font-size:18px;}
#pages span{ font-weight:bold;}
#pages a.first,#pages a.last{ display:none}
#pages a.prev,#pages a.next{ font-size:16px;}
/***/
.owl-carousel .owl-item img.fill{ height:auto}
@media all and (max-width:1400px) {
.w1300{ width:100%; padding-left:50px; padding-right:50px}
.hots_pics{ width:50%}
.hots_image{ width:50%}
.pics_box{left:0px; top:130px}
.pics_box_thumb{ width:65%;}
.pics_box{ width:40%}
.hots_image_box{ width:55%; margin-top:8.5vw}
#home_product_hots .h1_title{ left:-160px;}
/**/
.home_about{ padding:14.28571428571429vw 0}
.home_about .about_desc{ width:55%; padding-right:0}
.home_about .about_thumb{ width:45%; padding-left:50px}
.home_about .about_thumb img{ display:block; width:100%; height:auto}
.home_about .about_desc .desc{ margin-top:50px}
#home_blog .h2_title{}
}
@media all and (max-width:1100px) {
#home_blog .h2_title{}
.home_about .about_thumb{margin-top: 60px;}	
}
@media all and (max-width:760px) {
	#home_blog .h2_title{margin-bottom:0}
	.home_about .about_thumb{width:100%;padding-right:0;margin-top:30px;padding-left:0}
	.home_about .about_desc{width:100%;}
	.home_about .about_desc .desc{margin-top:25px;font-size:16px}
}
@media all and (max-width:1200px) {
	.pics_title{ font-size:25px}
	#home_product_hots{ background:none}
}
@media all and (max-width:940px) {
#banner .owl-dots{ bottom:10px}
.w1300{ width:100%; padding-left:25px; padding-right:25px}	
#home_product_hots .h1_title{ left:-140px; font-size:100px}
.hots_image_box{ width:60%; margin-top:30px}
.pics_title{ font-size:20px}
.pics_box{ top:60px}
}
@media all and (max-width:700px) {
#banner .owl-dots{ bottom:10px}
}
@media all and (max-width:800px) {
	.pics_slider .owl-nav div{ bottom:45px}
	.pics_slider .owl-nav div{ font-size:30px; height:30px; line-height:30px; font-size:15px}
	#home_product_hots{ padding-top:10vw; padding-bottom:10vw}
	/**/
	#home_product_hots .h1_title{ position:static;
	transform:none;
    -ms-transform:none;
    -moz-transform:none;
    -webkit-transform:none;
    -o-transform:none;
	font-size:80px; margin-bottom:35px}
	.hots_image{ padding-left:25px}
	.hots_image.odd{ padding-left:0;}
	.hots_image_box{margin-top:6vw}
	.hots_image.odd .hots_image_box{ margin-right:0;padding-right:25px;}
	.hots_image_box .title{ padding-right:70px}
	.pics_box{ width:100%; position:static; text-align:left; float:left;}
	.pics_box_thumb{ width:100%;}
	.pics_title{ font-size:16px; padding-right:70px; padding-top:10px}
	.pics_price{ position:absolute; right:0; top:10px; margin:0; padding:0}
	.pics_more{ display:none}
	.hots_image_box{ width:100%}
	.pics_bs{ position:relative}
}
@media all and (max-width:680px) {
	.pics_price{}
}
@media all and (max-width:650px) {
	.pics_price{}
}
@media all and (max-width:600px) {
	.pics_title,.hots_image_box .title{ padding-right:0}
	.pics_price,.hots_image_box .price{ position:static; padding-top:8px; display:block; width:100%; text-align:left}
	.hots_image_box .title font{ display:block; line-height:1.2}
	.pics_title a{line-height:1.2; display:block}
	.pics_slider .owl-nav div{ bottom:18px; width:0; height:0; line-height:normal}
	.pics_slider .owl-nav div{ background:#f5f5f5;}
	.pics_slider .owl-nav div.owl-prev{ right:20px}
	#home_product_hots .h1_title{ margin-bottom:20px; font-size:60px}
}
@media all and (max-width:400px) {
#home_product_hots .h1_title{ font-size:50px}
}
@media all and (max-width:350px) {
	.pics_title,.hots_image_box .title font{ font-size:14px}
}
/******/
#home_real li p font{ display:block; max-height:125px; overflow:hidden}
@media (max-width: 1400px){
#home_customized .thumb{ width:55%}
#home_customized .thumb img{ width:100%; display:block; height:auto}
#home_customized .desclt{ width:45%; padding-top:10vw; padding-left:60px}
#home_real{ padding:50px 0}
#home_real ul{ padding:0}
/**/
#home_real li{ width:48%;}
#home_real li p{ width:50%}
#home_real li .thumb{ width:50%}
#home_real li .thumb img{ display:block; width:100%; height:auto}
#home_real li .iconu{ width:250px}
#home_real ul{}
.blog_desc{ width:60%; padding-right:50px}
.blog_other{ width:40%;}
.blog_desc_lt{ width:55%; padding-right:50px;margin-right:0}
.blog_desc_rt{ width:45%}
.blog_desc_lt p{ height:auto}
.blog_uls li{ width:55%; padding-right:50px;}
.blog_uls li.odd{ margin-left:0; width:45%; padding-right:0}
#home_blog{ padding-top:80px}
}
@media (max-width:1300px){
#home_customized{ padding-bottom:0}
#home_customized .thumb:after{ display:none}
#home_customized .thumb{ background:url(../images/cbg.png) no-repeat right bottom; padding-bottom:80px; padding-right:50px}
#home_customized .desclt{ padding-left:0;padding-top:86px}

}
@media (max-width:1100px){
#home_customized .thumb{ background:url(../images/cbg.png) no-repeat right bottom; padding-bottom:50px; padding-right:30px}	
#home_customized .desclt{ padding-left:20px; padding-bottom:40px}
#home_real li p{ display:block; overflow:hidden;}
#home_real li.real-02 .iconu{ top:90px}
#home_real li.real-02 p{ padding-top:160px}
#home_real li.real-02 .thumb{ padding-top:40px}
#home_real li.real-03 p{ padding-top:15px}
#home_real li.real-04 p{ padding-top:180px}
#home_real li p{ padding-top:0}
#home_real li.real-02 .iconu{ top:50px}
#home_real li.real-02 p{ padding-top:100px}
#home_real li.real-03 p{ padding-top:0}
#home_real li.real-04 .iconu{ top:20px}
#home_real li.real-04 p{ padding-top:130px}
#home_blog{ padding-top:60px}
#home_blog .h2_title{ font-size:80px; margin-bottom:35px}
}
@media (max-width:1100px){
#home_customized .thumb{ background:none; padding-bottom:0px; padding-right:0px}
#home_customized .desclt{ padding-left:30px; padding-bottom:40px}
#home_real li.real-01 .iconu,#home_real li.real-02 .iconu{ left:2.7vw}
#home_real li.real-03 .iconu,#home_real li.real-04 .iconu{ right:2.7vw;}
#home_real li .iconu font img{ width:80px; height:80px}
.fheight{ height:15.45454545454545vw; background-size:auto 100%; margin-top:20px}
#home_video:before{ background-size:9.27272727272727vw 9.27272727272727vw}
}
@media (max-width:1050px){
#home_real li.real-01 .iconu,#home_real li.real-02 .iconu{ left:0vw}
#home_real li.real-03 .iconu,#home_real li.real-04 .iconu{ right:0vw;}
#home_real li .iconu font img{ width:70px; height:70px}
}
@media (max-width:900px){
#home_real li{}	
#home_blog{ padding-top:50px; background-position:right -35px}
}
@media (max-width:880px){
#home_customized .desclt{ padding-left:40px; padding-top:75px}
#home_customized{ background:#f7e9e3;}
#home_customized .thumb{ padding:35px 0}
#home_customized .desclt{ padding-left:35px; padding-top:15px}
#home_real .h2_title{ font-size:90px}
/***/
#home_real li{ width:48%;}
#home_real li .iconu{ width:50%; position:static; float:left; margin-top:15px}
#home_real li .iconu span{ display:block; padding-right:0; text-align:left}
#home_real li p{ padding-right:15px}
#home_real li .iconu font{ display:block; text-align:right; padding-left:0}
#home_real li.real-02 p{ padding-top:0; margin-top:0}
#home_real li.real-02 .thumb{ padding-top:0}
#home_real li.real-03 p,#home_real li.real-04 p{ padding-left:20px}
#home_real li.real-03 .iconu, #home_real li.real-04 .iconu{ padding-left:20px;width:50%}
#home_real li.real-04 p{ padding-top:0}
#home_real li .iconu font img{ width:40px; height:40px; position:absolute;}
#home_real li .iconu font{ position:relative; padding:0}
#home_real li.real-01 .iconu font img,#home_real li.real-02 .iconu font img{ right:15px; top:-40px}
#home_real li.real-03 .iconu font img,#home_real li.real-04 .iconu font img{left:0px; top:0px}
#home_real li.real-03 .iconu span, #home_real li.real-04 .iconu span{ text-align:right}
/**/
.blog_desc{ padding-right:0; width:100%}
.blog_other{ display:none}
.blog_uls li{ width:50%; padding-right:20px;}
.blog_uls li.odd{ width:50%; padding-right:0; padding-left:20px}
.blog_desc_lt{ width:50%; padding-right:20px}
.blog_desc_rt{ width:50%; padding-left:20px}
.fheight{background-image:url(../images/fbgsr.jpg); background-position:right center}
}
@media (max-width:880px){
#home_real .h2_title{ font-size:80px}
#home_real{ padding:6vw 0}
#banner .owl-nav div{ width:35px; height:35px; font-size:16px; line-height:35px}
}
@media (max-width:760px){
#home_real li .thumb{ padding-bottom:0}	
#home_real li{ width:100%}
#home_real li .thumb{ width:20%}
#home_real li p{ width:80%}
#home_real li .iconu{ width:220px}
#home_real li.real-02 .thumb{ float:left;}
#home_real li p{ padding-right:25px}
#home_real li.real-02,#home_real li.real-03,#home_real li.real-01{ margin-bottom:25px;}
#home_real li.real-02 p{ padding-right:0; padding-left:25px}
#home_real li.real-02 .iconu{ margin-left:25px}
#home_real li.real-03 .thumb{ float:right}
#home_real li.real-03 p{ padding-left:0; padding-right:25px}
#home_real li .iconu{ width:180px}
}
@media (max-width:640px){
#home_customized .thumb{ width:100%; padding-bottom:10px}
#home_customized .desclt{ width:100%; padding-left:0; padding-top:0; padding-bottom:50px}
#home_customized h2{ font-size:50px}
#home_real li .thumb{ width:30%}
#home_real li p{ width:70%}
#home_real{ padding:10vw 0}
#home_real .h2_title{ font-size:50px}
#home_real li p{ padding-right:15px;}
#home_real li .iconu{ margin-top:10px}
#home_real .h2_title{ margin-bottom:20px}
#home_blog{ padding-top:50px; background:none}
#home_blog .h2_title{ font-size:50px; margin-bottom:15px}
.blog_desc_lt{ width:100%; padding-right:0; margin-bottom:25px}
.blog_desc_rt{ width:100%; padding-left:0; margin-bottom:25px}
#home_blog .h2_title span{ vertical-align:middle; margin-right:25px}
#home_blog .h2_title:after{ vertical-align:middle}
.home_about p.mp{display:block}
.home_about p.pc{display:none}
}	
@media (max-width:460px){
#home_real li .thumb{ width:40%}
#home_real li p{ width:60%}
}
@media (max-width:400px){
#home_real li .thumb{ width:45%}
#home_real li p{ width:55%}
#home_real li .iconu{ width:130px; padding-left:0; font-size:12px}
#home_real li.real-03 .iconu, #home_real li.real-04 .iconu{ padding-left:25px; text-align:left}
#home_real li.real-01 .iconu font img, #home_real li.real-02 .iconu font img{ right:-20px}
#home_real li.real-03 .iconu font img, #home_real li.real-04 .iconu font img{ left:-25px}
#home_real li.real-04 .iconu font img{ left:-10px}
#home_real li.real-03 .iconu span, #home_real li.real-04 .iconu span{ text-align:left; padding-left:20px}
#home_real li.real-04 .iconu span{ text-align:left; padding-left:35px}
}