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

.nav{ background:#d81e06; border:0;}
.nav ul{ display:flex; justify-content:space-between; height:60px;}
.nav ul::after{ display:none;}
.nav ul li{}
.nav ul li a{ line-height:60px; color:#fff; font-weight:normal; padding:0 3em;}
.nav ul li a:hover,
.nav ul li.cur a{ color:#fff; background:#b11905;}

.cbanner{ background:#000; position:relative;}
.cbanner img{ display:block; width:100%; height:404px; object-fit:cover; opacity:0.7;}
.cbanner .con{ width:1200px; color:#fff; font-size:16px; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.cbanner h2{ display:block; line-height:1; font-size:2.25em; padding:2em 0 0;}
.cbanner em{ display:inline-block; vertical-align:top; line-height:1.5; color:#fceb7a; background:linear-gradient(to bottom left, rgba(109,82,49,0), rgba(109,82,49,0) 30%, rgba(216,149,6,1)); padding:2px 38px 0 4px; margin:24px 0 48px;}
.cbanner p{ display:block; line-height:2.25;}

.main{ background:#f6f6f6;}

.ibox{ background:#fff; padding:0 28px; border-radius:24px; overflow:hidden; box-shadow:0 0 10px 3px rgba(185,191,200,0.2); margin:28px 0 0;}
.ibox h2{ display:block; line-height:110px; color:#333; font-size:28px; overflow:hidden; padding-left:44px;}
.ibox h2 i{ color:#d81e06;}
.ibox h2 font{ font-size:14px; font-weight:normal; margin:0 0 0 2em;}
.ibox h2 a{ display:block; font-size:16px; font-weight:normal; float:right;}
.ibox h2 a:hover{ color:#d81e06; text-decoration:underline;}

.box1{ background:url(../images/icons/recomd_bg.jpg) center no-repeat; background-size:100% 100%;}
.box1 h2{ background:url(../images/icons/ico_recomd.png) left center no-repeat; padding-left:52px;}
/*
.box1 ul{ display:block; overflow:hidden; margin:-12px; padding:0 0 40px;}
.box1 ul li{ display:block; width:25%; float:left;}
.box1 ul li a{ display:block; overflow:hidden; background:url(../images/icons/recomd_list.jpg) center no-repeat; background-size:100% 100%; padding:0 0 10px; margin:12px; box-shadow:0 0 6px rgba(167,150,123,0.5);}
.box1 ul li a img{ display:block; width:100%; height:204px;}
.box1 ul li a b.price{ display:block; line-height:34px; color:#d81e06; font-size:22px; margin:12px 20px 0;}
.box1 ul li a span{ display:block; line-height:28px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 20px;}
.box1 ul li a:hover span{ color:#d81e06;}
*/
.box1 .recomd{ overflow:hidden; padding:0 0 40px;}
.box1 .recomd .swiper-button-prev,
.box1 .recomd .swiper-button-next,
.box1 .recomd .swiper-pagination{ display:none;}
.box1 .recomd .swiper-wrapper{ transition-timing-function:linear;}
.box1 .recomd .swiper-slide a{ display:block; overflow:hidden; background:url(../images/icons/recomd_list.jpg) center no-repeat; background-size:100% 100%; padding:0 0 10px; margin:12px 0; box-shadow:0 0 6px rgba(167,150,123,0.5);}
.box1 .recomd .swiper-slide a img{ display:block; width:100%; height:204px;}
.box1 .recomd .swiper-slide a b.price{ display:block; line-height:34px; color:#d81e06; font-size:22px; margin:12px 20px 0;}
.box1 .recomd .swiper-slide a span{ display:block; line-height:28px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 20px;}
.box1 .recomd .swiper-slide a:hover span{ color:#d81e06;}

.box2{ margin:28px 0;}
.box2 h2{ padding-left:0;}
.box2 ul.list{ display:block; font-size:16px; overflow:hidden; margin:0 -14px; padding:0 0 10px;}
.box2 ul.list li{ display:block; width:25%; box-sizing:border-box; padding:0 14px 28px; float:left;}
.box2 ul.list li a.pic{ display:block; overflow:hidden; position:relative;}
.box2 ul.list li a.pic img{ display:block; width:100%; height:202px;}
.box2 ul.list li b.price{ display:block; line-height:1.45; color:#d81e06; font-size:1.375em; padding:0.65em 0 0;}
.box2 ul.list li a.title{ display:block; line-height:2.25; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box2 ul.list li a.title:hover{ color:#d81e06;}
.box2 ul.list li p{ display:block; line-height:2; color:#999; font-size:0.875em; overflow:hidden;}
.box2 ul.list li p span{ display:block; float:left; margin-right:1em;}
.box2 ul.list li p span img{ display:block; height:20px; float:left; margin:4px 6px 0 0;}
.box2 ul.list li a.comp{ display:block; line-height:2.5; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box2 ul.list li a.comp:hover{ color:#d81e06;}

.box3{ color:#fff; font-size:16px; background:url(../images/icons/cbg3.jpg) center no-repeat; background-size:cover; border-radius:0; box-shadow:0; padding:80px 0;}
.box3 .content{ display:flex; align-items:center;}
.box3 .content > div:first-child{ flex:auto;}
.box3 h2{ line-height:1; color:#fff; font-size:24px; padding:0.25em 0 1em;}
.box3 .txt{ line-height:2;}
.box3 a.btn{ display:block; width:6.875em; line-height:2.5; text-align:center; border:1px solid #fff; margin:1.75em 0 0;}
.box3 a.btn:hover{ background:#d81e06; border-color:#d81e06;}
.box3 .info{ width:452px; box-sizing:border-box; line-height:2.5; padding:1.25em 2.25em; background:rgba(0,0,0,0.3); flex-shrink:0; margin:0 0 0 3%;}

.box2:first-child{ margin-bottom:60px;}
.box2 ul.list:first-child{ padding:28px 0;}
.box2 ul.list li.saled a.pic::after{ content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/icons/ico_saled.png) center no-repeat; background-size:47% auto; position:absolute; left:0; top:0; z-index:3;}

.about{ font-size:16px; background:url(../images/icons/c_about_bg.jpg) center no-repeat; background-size:cover; padding:80px 0 100px;}
.about .content{ display:flex; align-items:center;}
.about h2{ display:block; line-height:1; color:#333; font-size:22px; font-weight:normal; padding:1.25em 0 1em;}
.about h2 b{ display:block; line-height:1.56; color:#d81e06; font-size:2.64em; opacity:0.53;}
.about h2 span{ display:block;}
.about .txt{ min-height:9em; line-height:2.25; color:#333; padding:0.5em 0 0;}
.about a.btn{ display:block; width:8.75em; line-height:2.5; color:#fff; text-align:center; background:#d81e06; border-radius:1.25em; margin:2em 0 4em;}
.about .intro{ flex:auto; background:rgba(255,255,255,0.88); padding:0 72px 0 36px; border-radius:8px;}
.about .info{ width:570px; box-sizing:border-box; color:#fff; background:url(../images/icons/c_about_info.jpg) center no-repeat; background-size:cover; padding:0 0 36px; border-radius:8px; flex-shrink:0; margin:0 0 0 -3%; box-shadow:0 0 27px rgba(165,189,208,0.3);}
.about .info h2{ color:#fff; text-align:center; padding:1.75em 0 1em;}
.about .info h2 b{ line-height:1; color:#fff; font-size:1.3636em; margin:0 0 -0.5em;}
.about .info h2 span{ display:block;}
.about .info p{ display:block; line-height:2; overflow:hidden; margin:0 70px; padding:0.25em 0; padding-left:5.75em;}
.about .info p em{ display:block; width:5.75em; font-weight:bold; float:left; margin:0 0 0 -5.75em;}

.contact{ display:flex; align-items:center; font-size:16px; padding:60px 0;}
.contact .ctinfo{ flex:auto; padding:10px 0 40px;}
.contact .ctinfo h2{ display:block; line-height:1; font-size:2em; position:relative; margin:0 0 0.5em;}
.contact .ctinfo h2::before{ content:''; display:block; width:4em; height:1px; background:#e5e5e5; position:absolute; left:0; bottom:0;}
.contact .ctinfo h2::after{ content:''; display:block; width:1.5em; height:4px; background:#d81e06; margin:0.75em 0 0;}
.contact .ctinfo p{ display:block; line-height:3.375; overflow:hidden; padding:20px 0 0 4.375em;}
.contact .ctinfo p img{ display:block; width:3.375em; height:3.375em; float:left; margin:0 1em 0 -4.375em;}
.contact a.ctpic{ display:block; width:50%; overflow:hidden; border-radius:10px; flex-shrink:0; margin-left:4%;}




























/**/