.hidden{display:none;}
.index_banner { height:calc(100% - 70px); position: relative; }
.index_banner .swiper-container{height: 100%;}
.index_banner .swiper-slide{ height: 100%;resize: both; }
.index_banner .swiper-slide a{ display: block;  cursor: pointer;height: 100%; }
.index_banner .swiper-slide h2{font-family: "Gotham-Bold";  width: 1200px; margin-left: -600px; left: 50%; top: 40%;  z-index: 22; text-align: center; color: #fff; font-size: 45px; font-weight: bold; text-shadow: 2px 2px 10px rgba(0,0,0,0.3); position: absolute; text-align: left;opacity: 0; transition: 0.5s; transition-delay: 0.3s; transition-timing-function: linear;}
.index_banner .swiper-slide h3{ width: 1200px; margin-left: -600px; left: 50%; top: 48%;  z-index: 33; color: #fff; font-size:45px;  text-shadow: 2px 2px 10px rgba(0,0,0,0.3);text-align: left; position: absolute; opacity: 0; transition: 0.5s; transition-delay: 0.6s; transition-timing-function: linear;}
.index_banner .swiper-slide .more{ width: 1200px; margin-left: -600px; left: 50%; top: 62%; z-index: 333; text-shadow: 2px 2px 10px rgba(0,0,0,0.3);text-align: left; position: absolute; opacity: 0; transition: 0.5s; transition-delay: 1.2s; transition-timing-function: linear; }
.index_banner .swiper-slide .more a{ background: none;border:#fff solid 2px; font-weight: bold; font-size: 16px; padding: 10px 40px; border-radius: 6px; color: #fff; }
.index_banner .swiper-slide-active h2{opacity: 1; top: 42%; }
.index_banner .swiper-slide-active h3{opacity: 1; top: 50%; }
.index_banner .swiper-slide-active .more{opacity: 1; top: 65%; }
.index_banner .swiper-slide img{object-fit: cover;width: 100%; height: 100%;}
.index_banner .swiper-pagination{ bottom: 120px!important; }
.index_banner .swiper-pagination-bullet{ width: 40px; height: 2px; border-radius: 0px; background: #fff;  margin-left: 5px!important; margin-right: 5px!important;}
.index_banner .swiper-pagination-bullet-active{ }
.index_banner .swiper-button-prev { left: 100px;}
.index_banner .swiper-button-next{ right: 100px;}


.index_banner .text{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 33;background: rgba(0,0,0,0.5); color: #fff; height: 100px;	 }
.index_banner .text ul{padding-top: 26px;}
.index_banner .text ul li{ float: left; width: 25%; }
.index_banner .text ul li a{ display: block; cursor: pointer; transition-duration: 0.2s}
.index_banner .text ul li a:hover{transform: translateY(-5px) }
.index_banner .text ul li img{ width: 48px; height: 48px;margin-left: 20px; margin-right: 10px; display: block; float: left; }
.index_banner .text ul li h4{ font-size: 18px; color: #fff; padding-top: 6px }
.index_banner .text ul li p{ font-size: 14px; color: #fff; }
.index_banner{ margin-bottom: 80px; }
.index_zheng{ margin-bottom: 80px; }
.index_zheng .left{ background: #f9f9f9; width: 300px; float: left; padding: 50px; height: 540px; }
.index_zheng .left .title{ margin-bottom: 30px; }
.index_zheng .left .title h2{ font-size: 36px; color: #000; }
.index_zheng .left .title span{ width: 40px; height: 2px; background: #fecf30; margin-top: 20px; margin-bottom: 20px; display: block; }
.index_zheng .left .title p{ font-size: 18px; color: #000; }
.index_zheng .left .list ul li{ margin-bottom: 35px; }
.index_zheng .left .list ul li .icon{  float: left; width: 40px; height: 40px; padding: 18px; border-radius: 100px; border:#ececec solid 1px; background: #fff; margin-right: 20px; }
.index_zheng .left .list ul li .icon img{  width: 40px; height: 40px; display: block; }
.index_zheng .left .list ul li h3{ font-size: 18px; color: #000; margin-bottom: 5px; padding-top: 2px; }
.index_zheng .left .list ul li p{ font-size: 14px; color: #000; line-height: 1.6em; }
.index_zheng .left .more a{ display: block; background: #fecf30; color: #78420d; font-size: 18px; text-align: center; height: 50px; line-height: 50px; border-radius: 3px; font-weight: bold; }

.index_zheng .right{ background: #333; width: 900px; float: left; height: 640px;}
.index_zheng .right .swiper-slide img{object-fit: cover;width: 100%; height: 640px;}
.index_zheng .right .swiper-pagination{ bottom: 30px!important;  }
.index_zheng .right .swiper-pagination-bullet{ width: 40px; height: 2px; border-radius: 0px; background: #fff;  margin-left: 5px!important; margin-right: 5px!important;}
.index_zheng .right .swiper-pagination-bullet-active{ }
.index_zheng .swiper-button-prev { left:40px;}
.index_zheng .swiper-button-next{ right: 40px;}


.layui-input, .layui-select, .layui-textarea{ font-size: 14px; }

.index_jubu{ margin-bottom: 80px; }
.index_jubu ul.menu{ float: right; padding-top: 10px; }
.index_jubu ul.menu li{ float: left; opacity: 0.5; text-align: center; padding-left: 0px; padding-right: 0px; margin-left: 40px; border-bottom: #fff solid 1px; padding-bottom: 20px; }
.index_jubu ul.menu li img{ width: 48px; height: 48px; display: block; margin: 0 auto; }
.index_jubu ul.menu li p{ font-size: 16px; font-weight: bold; padding-top: 5px; }
.index_jubu .title{ margin-bottom: 30px; }
.index_jubu .title h2{ font-size: 36px; color: #000; }
.index_jubu .title span{ width: 40px; height: 2px; background: #fecf30; margin-top: 20px; margin-bottom: 20px; display: block; }
.index_jubu .title p{ font-size: 18px; color: #000; }
.index_jubu .content  ul{ width: 1350px; }
.index_jubu .content  ul li{ float: left; width: 410px; margin-right: 35px; position: relative; background: #333; overflow:hidden;border-radius: 3px;}
.index_jubu .content  ul li img{ width: 100%; display: block; position: relative; z-index: 1; opacity: 0.8;  transition-duration: 0.3s}
.index_jubu .content  ul li h3{  position: absolute;left: 0px; right: 0px; z-index: 2; text-align: center; top: 140px; color: #ffffff; font-weight: bold; font-size: 24px;text-shadow: 0px 5px 5px rgba(0,0,0,0.3); transition-duration: 0.3s;}
.index_jubu .content  ul li p{  position: absolute;left: 0px; right: 0px; z-index: 2; text-align: center; top: 180px; color: #fff; font-size: 16px; transition-duration: 0.3s;transition-delay: 0.05s }
.index_jubu .content  ul li .button{  position: absolute;left: 0px; right: 0px; z-index: 2;text-align: center; top: 240px; color: #fff; font-size: 16px; transition-duration: 0.3s; opacity: 0;transition-delay: 0.05s }
.index_jubu .content  ul li .button a{ cursor: pointer; border-radius: 3px; border:#fff solid 2px; color: #fff; font-size: 14px; font-weight: bold; padding: 10px 26px; margin-right: 5px; margin-left: 5px;}
.index_jubu .content  ul li:hover img{ opacity: 0.6; transform: scale(1.05);  }
.index_jubu .content  ul li:hover h3{top: 110px;  }
.index_jubu .content  ul li:hover p{top: 150px;  }
.index_jubu .content  ul li:hover .button{top: 200px;  opacity: 1; }

.index_advantage{ background: url(../images/advantage_bg.jpg) no-repeat center; background-size: cover; padding-top: 100px; padding-bottom: 100px;}
.index_advantage .title{ margin-bottom: 30px; }
.index_advantage .title h2{ font-size: 36px; color: #fff; text-align: center; }
.index_advantage .title span{ width: 40px; height: 2px; background: #fff; margin: 20px auto; display: block; }
.index_advantage .title p{ font-size: 22px; color: #fff; text-align: center; }
.index_advantage .swiper-container .swiper-slide .box{ background: #fff; border-radius: 3px; overflow: hidden; }
.index_advantage .swiper-container .swiper-slide .box img{ width: 100%; }
.index_advantage .swiper-container .swiper-slide .box .info{ padding:20px  25px; }
.index_advantage .swiper-container .swiper-slide .box .info h2{ font-size: 22px; margin-bottom: 10px; }
.index_advantage .swiper-container .swiper-slide .box .info p{ font-size: 14px; line-height: 1.8em; }
.index_advantage .swiper-pagination{ display: none; }

.index_case{ padding-top: 80px; padding-bottom: 80px;}
.index_case .title{ margin-bottom: 30px; }
.index_case .title h2{ font-size: 36px; color: #000; text-align: center; }
.index_case .title span{ width: 40px; height: 2px; background: #fdb82d; margin: 20px auto; display: block; }
.index_case .title p{ font-size: 18px; color: #666; text-align: center; }
.index_case .content{ position: relative; }
.index_case .content .swiper-container .swiper-slide ul{ position: relative; height: 400px; }
.index_case .content .swiper-container .swiper-slide ul li{ position: absolute;  background: #333;}
.index_case .content .swiper-container .swiper-slide ul li.li1{ width: 600px; height: 420px; position: absolute; left: 0px; top: 0px;}
.index_case .content .swiper-container .swiper-slide ul li.li2{ width: 300px; height: 200px; left: 620px; top: 0px;}
.index_case .content .swiper-container .swiper-slide ul li.li3{ width: 300px; height: 200px; left: 620px; top: 220px;}
.index_case .content .swiper-container .swiper-slide ul li.li4{ width: 360px; height: 420px; right: 0px;}
.index_case .content .swiper-container .swiper-slide ul li .box{ position: relative;width: 600px; height: 420px; border-radius: 3px; overflow: hidden; }
.index_case .content .swiper-container .swiper-slide ul li .box:after{content: ""; position: absolute; bottom: 0; width: 100%; height: 100px; z-index: 3; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);}
.index_case .content .swiper-container .swiper-slide ul li.li1 .box{ position: relative;width: 600px; height: 420px; }
.index_case .content .swiper-container .swiper-slide ul li.li2 .box{ position: relative;width: 300px; height: 200px; }
.index_case .content .swiper-container .swiper-slide ul li.li3 .box{ position: relative;width: 300px; height: 200px; }
.index_case .content .swiper-container .swiper-slide ul li.li4 .box{ position: relative;width: 360px; height: 420px; }
.index_case .content .swiper-container .swiper-slide ul li .box h2{ position: absolute; z-index: 4; left: 25px; font-weight: bold; font-size: 18px; color: #fff; bottom: 50px; transition-duration: 0.3s }
.index_case .content .swiper-container .swiper-slide ul li .box p{ position: absolute; z-index: 4; font-size: 14px; color: #fff; left: 25px; bottom: 25px; transition-duration: 0.3s; transition-delay: 0.05s;}
.index_case .content .swiper-container .swiper-slide ul li .box p span{ margin-right: 20px; position: relative; }
.index_case .content .swiper-container .swiper-slide ul li .box p span:after{ position: absolute; right: -10px; top: 6px; height: 8px; width: 1px; content: ""; background: #999; }
.index_case .content .swiper-container .swiper-slide ul li .box p span.last:after{ display: none; }




.index_case .content .swiper-container .swiper-slide ul li img{ width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; z-index: 3; opacity: 0.9; transition-duration: 0.3s;}
.index_case .content .swiper-container .swiper-slide ul li .box:hover img{ opacity: 0.7;transform: scale(1.05);}
.index_case .content .swiper-container .swiper-slide ul li .box:hover h2{ bottom: 55px; }
.index_case .content .swiper-container .swiper-slide ul li .box:hover p{ bottom: 30px; }
.index_case .content .swiper-container{ padding-bottom: 70px; }
.index_case .swiper-pagination-bullet{ width: 40px; height: 2px; border-radius: 0px; background: #666;  margin-left: 5px!important; margin-right: 5px!important;}
.index_case .content .swiper-button-next{ position: absolute; right: -40px; top: 45%; background: rgba(0,0,0,0.2); border-radius: 3px;}
.index_case .content .swiper-button-prev{ position: absolute; left: -40px; top: 45%; background: rgba(0,0,0,0.2); border-radius: 3px; }
.index_case .content .swiper-button-next i{  color: #fff; line-height: 42px; text-align: center; font-size: 24px; display: block; }
.index_case .content .swiper-button-prev i{  color: #fff; line-height: 42px; text-align: center; font-size: 24px; display: block; }

.index_design{ padding-top: 80px; padding-bottom: 80px; background: #f9f9f9;}
.index_design .title{ margin-bottom: 30px; position: relative; z-index: 333; }
.index_design .title h2{ font-size: 36px; color: #000; text-align: center; }
.index_design .title span{ width: 40px; height: 2px; background: #fdb82d; margin: 20px auto; display: block; }
.index_design .title p{ font-size: 18px; color: #666; text-align: center; }
.index_design .content{ position: relative; position: relative; margin-top: -50px; }
.index_design .content .swiper-slide .box .photo{ width: 400px; float: left; }
.index_design .content .swiper-slide .box .photo img{ width: 260px; display: block;  margin:0 auto;}
.index_design .content .swiper-slide .box .info{  float: left; width: 500px; padding-top: 120px; margin-right: 40px;  }
.index_design .content .swiper-slide .box .info .name { margin-bottom: 15px; }
.index_design .content .swiper-slide .box .info .name strong{ font-size: 24px;  }
.index_design .content .swiper-slide .box .info .name span{ font-size: 14px; padding-left: 5px; }
.index_design .content .swiper-slide .box .description{ line-height:1.8em; font-size: 14px;  }
.index_design .content .swiper-slide .box .more{ margin-bottom: 30px; }
.index_design .content .swiper-slide .box .more a{  line-height:1.8em; font-size: 14px;  }
.index_design .content .swiper-slide .box .reserve a{ background: #fecf30; color: #78420d; font-weight: bold; display: inline-block; padding: 10px 30px; font-size: 14px; border-radius: 3px;  }
.index_design .content .swiper-slide .box .reserve strong{ display: none; }
.index_design .content .swiper-slide .box .case{ float: left; width: 360px;padding-top: 130px; }
.index_design .content .swiper-slide .box .case h2{ font-weight: bold; font-size: 16px; color: #666; margin-bottom: 20px; }
.index_design .content .swiper-slide .box .case ul { width: 380px; }
.index_design .content .swiper-slide .box .case ul li{ float: left; width: 170px; margin-right: 20px; margin-bottom: 20px; position: relative; }
.index_design .content .swiper-slide .box .case ul li img{ width: 100%; display: block; }
.index_design .content .swiper-slide .box .case ul li p{position: absolute; z-index: 5; left: 0px; right: 0px;bottom: 0px; color: #fff; font-size: 14px; text-align: center; height: 40px; line-height:40px;}
.index_design .content .swiper-slide .box .case ul li:after{content: ""; position: absolute; bottom: 0; width: 100%; height: 60px; z-index: 3; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);}
.index_design .content .swiperTab { width: 1310px; padding-top: 10px; }
.index_design .content .swiperTab li{ width: 135px; margin-right: 10px; float: left; background: #000; }
.index_design .content .swiperTab li img{ width: 100%; opacity: 0.5; }
.index_design .content .swiperTab li.active img{ opacity: 1; }

.index_news{ padding-top: 80px; padding-bottom: 80px; background: #fff;}
.index_news .title{ margin-bottom: 30px; }
.index_news .title h2{ font-size: 36px; color: #000; text-align: center; }
.index_news .title span{ width: 40px; height: 2px; background: #fdb82d; margin: 20px auto; display: block; }
.index_news .title p{ font-size: 18px; color: #666; text-align: center; }
.index_news .content .left{ float: left; width: 400px; margin-right: 50px; }
.index_news .content .center{ float: left; width: 400px;margin-right: 50px; }
.index_news .content .right{ float: left; width: 400px; }
.index_news .content .subtitle{ position: relative; margin-bottom: 20px; text-align: center; color: #fff; font-weight: bold; font-size: 20px; border-radius: 3px; padding-top: 40px; padding-bottom: 40px; }
.index_news .content .subtitle:after{ position: absolute; content: ""; left: 110px; top: 51px; width: 30px; height: 1px; background: #fff; }
.index_news .content .subtitle:before{position: absolute; content: ""; right: 110px; top: 51px; width: 30px; height: 1px; background: #fff;}
.index_news .content ul li{ line-height: 36px; font-size: 14px; position: relative; padding-left: 15px; }
.index_news .content ul li:after{ position: absolute; content:""; left: 0px; top: 16px;  width: 4px; height: 4px; background: #febf2e }
.index_news .content ul li a{ color: #000; }
.index_news .content ul li a:hover{ color: #333; }


.ce_banner{ height: calc(100% - 70px); }
.ce_banner h2{ padding-top: 300px; font-size: 60px; text-align: center; color: #fff; text-shadow: 0px 5px 5px rgba(0,0,0,.3) }
.ce_banner h3{ padding-top: 20px; font-size: 30px; text-align: center; font-weight: normal; color: #fff; text-shadow: 0px 5px 5px rgba(0,0,0,.3) }
.ce_banner .button{ text-align: center; padding-top: 50px;}
.ce_banner .button a{ cursor: pointer; display:inline-block; background: #fecf30; color: #78420d; font-weight: bold; display: inline-block; padding: 14px 40px; font-size: 16px; border-radius: 3px; margin-right: 12px;  }
.ce_banner .button a img{display: inline-block; width: 20px;  height: 20px; position: relative; margin-top: -2px; }



.zheng_banner{ height: calc(100% - 70px); }
.zheng_banner h2{ padding-top: 300px; font-size: 60px; text-align: center; color: #fff; text-shadow: 0px 5px 5px rgba(0,0,0,.3) }
.zheng_banner h3{ padding-top: 20px; font-size: 30px; text-align: center; font-weight: normal; color: #fff; text-shadow: 0px 5px 5px rgba(0,0,0,.3) }
.zheng_banner .button{ text-align: center; padding-top: 50px;}
.zheng_banner .button a{ cursor: pointer; display:inline-block; background: #fecf30; color: #78420d; font-weight: bold; display: inline-block; padding: 14px 40px; font-size: 16px; border-radius: 3px; margin-right: 12px;  }
.zheng_banner .button a img{display: inline-block; width: 20px;  height: 20px; position: relative; margin-top: -2px; }
.zheng_form{ background: #2c2e2c }

.zheng_box_1{ padding-top: 80px; padding-bottom: 80px; }
.zheng_box_1 ul li{float: left; width: 33.333%}
.zheng_box_1 ul li .img{width: 180px; margin: 0 auto; height: 180px; border-radius: 180px; overflow: hidden; }
.zheng_box_1 ul li .img img{ object-fit: cover; width: 100%; height: 100%; }
.zheng_box_1 ul li h2{ padding-top:30px; padding-bottom: 20px;  text-align: center; color: #fecf30}
.zheng_box_1 ul li p{ text-align: center; line-height: 1.8em; color: #333333;}


.zheng_box_2{ background: url(../images/zheng_4.jpg) no-repeat; background-size:cover; padding-top: 100px; padding-bottom: 100px; }
.zheng_box_2 .title{ margin-bottom: 30px; text-align: center; }
.zheng_box_2 .title h2{ font-size: 36px; color: #fff; }
.zheng_box_2 .title span{ width: 40px; height: 2px; background: #fff; margin: 20px auto; display: block; }
.zheng_box_2 .title p{ font-size: 22px; color: #fff; }
.zheng_box_2 .content{ position: relative; }
.zheng_box_2 .content .pk{ position: absolute; left:50%; top: 40%; width: 100px; margin-left: -50px; z-index: 32;}
.zheng_box_2 .content .pk img{ width: 100%; display: block; }
.zheng_box_2 .content .left{width: 50%; float: left; background:rgba(0,0,0,0.6); }
.zheng_box_2 .content .right{width: 50%; float: left; background:rgba(254,207,47,0.9); }
.zheng_box_2 .content .left .box{ padding: 60px; padding-bottom: 30px; }
.zheng_box_2 .content .left .box h3{ text-align: center; font-size: 24px; color: #fff; padding-bottom: 40px;}
.zheng_box_2 .content .left .box ul li{ color: #fff; position: relative; padding-left: 40px; margin-bottom: 35px; }
.zheng_box_2 .content .left .box ul li strong{position: absolute; left: 0px; top: 0px; width: 24px; height: 24px; border-radius: 24px; background: #fff; color: #333; font-size: 16px; text-align: center; line-height: 24px;}
.zheng_box_2 .content .left .box ul li h4{ font-size: 18px; margin-bottom: 5px; line-height: 24px; }
.zheng_box_2 .content .left .box ul li p{ font-size: 16px; }
.zheng_box_2 .content .right .box{ padding: 60px; padding-bottom: 30px; }
.zheng_box_2 .content .right .box h3{ text-align: center; font-size: 24px; color: #000000; padding-bottom: 40px;}
.zheng_box_2 .content .right .box ul li{ color: #000000; position: relative; padding-left: 40px; margin-bottom: 35px; }
.zheng_box_2 .content .right .box ul li strong{position: absolute; left: 0px; top: 0px; width: 24px; height: 24px; border-radius: 24px; background: #000000; color: #fff; font-size: 16px; text-align: center; line-height: 24px;}
.zheng_box_2 .content .right .box ul li h4{ font-size: 18px; margin-bottom: 5px; line-height: 24px; }
.zheng_box_2 .content .right .box ul li p{ font-size: 16px; }

.zheng_box_3{  padding-top: 80px; padding-bottom: 80px; }
.zheng_box_3 .title{ margin-bottom: 30px; text-align: center; }
.zheng_box_3 .title h2{ font-size: 36px; color: #000; }
.zheng_box_3 .title span{ width: 40px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.zheng_box_3 .content .swiperTab{ text-align: center; margin-bottom: 40px;}
.zheng_box_3 .content .swiperTab li{ display: inline-block; font-size: 16px; color: #333; padding: 10px 20px; margin-left: 5px; margin-right: 5px; cursor: pointer; }
.zheng_box_3 .content .swiperTab li.active{ background: #fecf30; color: #78420d; border-radius: 3px; }
.zheng_box_3 .content .swiper-container .swiper-slide ul{ width: 1350px; }
.zheng_box_3 .content .swiper-container .swiper-slide ul li{ float: left; width: 410px; margin-bottom: 35px; margin-right: 35px; position: relative; background: #333; overflow:hidden;border-radius: 3px;}
.zheng_box_3 .content .swiper-container .swiper-slide ul li img{ width: 100%; display: block; position: relative; z-index: 1; opacity: 0.8;  transition-duration: 0.3s}


.zheng_box_4{  padding-top: 80px; padding-bottom: 80px; background: #f9f9f9; }
.zheng_box_4 .title{ margin-bottom: 30px; text-align: center; }
.zheng_box_4 .title h2{ font-size: 36px; color: #000; }
.zheng_box_4 .title span{ width: 40px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.zheng_box_4 .content .swiperTab{ text-align: center; margin-bottom: 40px;}
.zheng_box_4 .content .swiperTab li{ display: inline-block; font-size: 16px; color: #333; padding: 10px 20px; margin-left: 5px; margin-right: 5px; cursor: pointer; }
.zheng_box_4 .content .swiperTab li.active{ background: #fecf30; color: #78420d; border-radius: 3px; }
.zheng_box_4 .section{ position: relative; height: 600px; }
.zheng_box_4 .img-box {width: 1300px;height: 600px;position: absolute;top: 0px;left: 50%;margin-left: -650px;overflow: hidden;}
.zheng_box_4 .img-box img{ width: 1300px; }
.zheng_box_4 .part-l {position: absolute;width: 200px;overflow: hidden;z-index: 1;}
.zheng_box_4 .part-r {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.zheng_box_4 .tags {position: absolute;bottom: 20px;left: 0;width: 100%;height: 40px;z-index: 2;}
.zheng_box_4 .tags a {position: absolute;display: block;width: 136px;height: 36px;font-size: 14px;text-align: center;line-height: 36px;border: 1px solid #fff;border-radius: 20px;}
.zheng_box_4 .tags a:nth-child(1) {bottom: 0;left: 20px;color: #fff;}
.zheng_box_4 .tags a:nth-child(2) {bottom: 0;right: 20px;color: #000;background-color: #fff;}
.zheng_box_4 .toolbar {position: absolute;height: 100%;left: 200px;top: 0;border-right: 1px solid rgba(255, 255, 255, 0.4);z-index: 3;}
.zheng_box_4 .toolbar:after {content: "";position: absolute;top: 47%;left: -16px;height: 32px;width: 32px;background: url(../images/mz-bar.png) repeat; background-size: cover; }

.zheng_box_5{  padding-top: 80px; padding-bottom: 80px;  }
.zheng_box_5 .title{ margin-bottom: 30px; text-align: center; }
.zheng_box_5 .title h2{ font-size: 36px; color: #000; }
.zheng_box_5 .title span{ width: 40px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.zheng_box_5 .title p{ font-size: 18px; color: #333; }
.zheng_box_5 .content ul li{ border-top: #dadada solid 2px; padding-top:20px; padding-bottom: 20px;}
.zheng_box_5 .content ul li .name{ float: left; width: 30%; line-height: 32px; font-weight: bold; font-size: 24px; }
.zheng_box_5 .content ul li .name img{display: inline-block; width: 32px;  height: 32px; position: relative; margin-top: -4px; margin-right: 5px; }
.zheng_box_5 .content ul li .list_left{ float: left; width: 35%; }
.zheng_box_5 .content ul li .list_right{ float: left; width: 35%; }
.zheng_box_5 .content ul li dl dd{ line-height: 2.4em; font-size: 18px; color: #333; }


.zheng_box_6{  padding-top: 80px; padding-bottom: 80px; background: #f9f9f9  }
.zheng_box_6 .title{ margin-bottom: 30px; text-align: center; }
.zheng_box_6 .title h2{ font-size: 36px; color: #000; }
.zheng_box_6 .title span{ width: 40px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.zheng_box_6 .title p{ font-size: 18px; color: #333; }
.zheng_box_6 .content ul li { position: relative; margin-bottom: 50px; }
.zheng_box_6 .content ul li img{ width: 870px; border-radius: 3px; }
.zheng_box_6 .content ul li:nth-child(2n){ text-align: right; }
.zheng_box_6 .content ul li .info{position: absolute; width: 360px; right: 0px; top: 52px; background: #fff;border-radius: 3px; padding: 50px; box-shadow: 0px 10px 40px rgba(0,0,0,.1); }
.zheng_box_6 .content ul li .info h3{ font-weight: bold; font-size:30px; margin-bottom: 15px; text-align: left; position: relative;}
.zheng_box_6 .content ul li .info h3 span{ position: relative; z-index: 2; }
.zheng_box_6 .content ul li .info h3:after{ position: absolute; content: "";width: 14px; height: 14px; border-radius: 20px; border:#fecf30 solid 3px; left: -10px; z-index: 1; }
.zheng_box_6 .content ul li .info p{ line-height: 2em; font-size: 16px; color: #333; text-align: left; }
.zheng_box_6 .content ul li:nth-child(2n) .info{position: absolute;width: 360px; left: 0px; top: 52px;background: #fff;border-radius: 3px; padding: 50px; box-shadow: 0px 10px 40px rgba(0,0,0,.1); }

.ju_box_1{  padding-top: 80px; padding-bottom: 80px; background: #f9f9f9;  }
.ju_box_1 .title{ margin-bottom: 30px; text-align: center; }
.ju_box_1 .title h2{ font-size: 36px; color: #000; }
.ju_box_1 .title span{ width: 40px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.ju_box_1 .title p{ font-size: 18px; color: #333; }
.ju_box_1 .swiper-pagination{ display: none; }
.ju_box_1 .swiper-slide .box{ background: #000; position: relative; overflow: hidden;}
.ju_box_1 .swiper-slide .box:after{ position: absolute;content: ""; left: 10px; top: 10px; right: 10px; bottom: 10px;border:#fff solid 1px; opacity: 0.7; transition-duration: 0.3s;} 
.ju_box_1 .swiper-slide .box img{ display: block; width: 100%; opacity: 0.7; transition-duration: 0.3s; }
.ju_box_1 .swiper-slide .box h3{ position: absolute; left: 30px; bottom: 60px; z-index: 3; color: #fff; font-size: 36px; opacity: 0.6; font-weight: normal;transition-duration: 0.3s;}
.ju_box_1 .swiper-slide .box p{ position: absolute; left: 30px; bottom: 30px; z-index: 3; color: #fff; font-size: 18px; opacity: 0.6; font-weight: normal;transition-duration: 0.3s;}
.ju_box_1 .swiper-slide .box:hover:after{ position: absolute;content: ""; left: 12px; top: 12px; right: 12px; bottom: 12px;border:#fff solid 1px; opacity: 1; } 
.ju_box_1 .swiper-slide .box:hover h3{ font-weight: normal; opacity: 1; font-size: 48px; }
.ju_box_1 .swiper-slide .box:hover p{ font-weight: normal; opacity: 1; font-size: 20px; }
.ju_box_1 .swiper-slide .box:hover img{ transform: scale(1.1); opacity: 0.9 }



.ju_box_2{  padding-top: 80px; padding-bottom: 80px;}
.ju_box_2 .title{ margin-bottom: 30px; text-align: center; }
.ju_box_2 .title h2{ font-size: 36px; color: #000; }
.ju_box_2 .title span{ width: 40px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.ju_box_2 .title p{ font-size: 18px; color: #333; }
.ju_box_2 .content ul{ border-radius: 3px; border:#dadada solid 1px;  }
.ju_box_2 .content ul li{ float: left; width: 12.5%; text-align: center;transition-duration: 0.3s;padding-top: 80px; padding-bottom: 80px; box-shadow: 0px 0px 30px rgba(0,0,0,0)}
.ju_box_2 .content ul li:hover{ background: #fecf30; transform: scale(1.1);box-shadow: 0px 0px 30px rgba(254,207,47,.4)}
.ju_box_2 .content ul li .icon{ position: relative; width: 44px; height: 44px; margin: 0 auto;}
.ju_box_2 .content ul li .icon img.black{  position: absolute; left: 0px; width: 44px;opacity: 1; transition-duration: 0.3s;}
.ju_box_2 .content ul li .icon img.white{  position: absolute; left: 0px; width: 44px;opacity: 0;transition-duration: 0.3s;}
.ju_box_2 .content ul li h3{ padding-top: 20px; padding-bottom: 20px; text-align: center; font-size: 18px;transition-duration: 0.3s;}
.ju_box_2 .content ul li:hover h3{ padding-top: 20px; padding-bottom: 20px; text-align: center; color: #fff; font-size: 18px; }
.ju_box_2 .content ul li .more{ position: relative; width: 24px; height: 24px; margin: 0 auto;}
.ju_box_2 .content ul li .more img.black{  position: absolute; left: 0px; width: 24px;opacity: 1;}
.ju_box_2 .content ul li .more img.white{  position: absolute; left: 0px; width: 24px;opacity: 0;}
.ju_box_2 .content ul li:hover .icon img.black{  position: absolute; left: 0px; width: 44px;opacity: 0;}
.ju_box_2 .content ul li:hover .icon img.white{  position: absolute; left: 0px; width: 44px;opacity: 1;}
.ju_box_2 .content ul li:hover .more img.black{  position: absolute; left: 0px; width: 24px;opacity: 0;}
.ju_box_2 .content ul li:hover .more img.white{  position: absolute; left: 0px; width: 24px;opacity: 1;}


.ju_box_3{  padding-top: 80px; padding-bottom: 80px; background: #f9f9f9;}
.ju_box_3 .title{ margin-bottom: 30px; text-align: center; }
.ju_box_3 .title h2{ font-size: 36px; color: #000; }
.ju_box_3 .title span{ width: 40px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.ju_box_3 .title p{ font-size: 18px; color: #333; }
.ju_box_3 .content ul{ width: 1350px; padding-top: 50px; }
.ju_box_3 .content ul li{ float: left; width: 410px; margin-right: 35px;margin-bottom: 35px; position: relative; background: #333; transition-duration: 0.3s; }
.ju_box_3 .content ul li img{ width: 100%; }
.ju_box_3 .content ul li h3{ position: absolute; left: 0px; right: 0px; bottom: 0px; height: 60px; line-height: 60px; color: #fff; text-align: center; font-size: 18px;background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); transition-duration: 0.3s; }
.ju_box_3 .content ul li:hover {  transform: scale(1.03); }
.ju_box_3 .content ul li:hover h3{ background: #fecf30; color: #fff; }
.ju_box_3 .content ul li:nth-child(2){ position: relative; margin-top: -40px; }
.ju_box_3 .content ul li:nth-child(5){ position: relative; margin-top: -40px; }


.ju_box_4{  padding-top: 80px; padding-bottom: 80px; background: url(../images/ju_14.jpg) no-repeat center; background-size:cover; }
.ju_box_4 .title{ margin-bottom: 30px; text-align: center; }
.ju_box_4 .title h2{ font-size: 36px; color: #fff; }
.ju_box_4 .title span{ width: 40px; height: 2px; background: #fff; margin: 20px auto; display: block; }
.ju_box_4 .title p{ font-size: 18px; color: #fff; }
.ju_box_4 .swiper-pagination{ display: none; }
.ju_box_4 .swiper-slide .box{ background: rgba(0,0,0,0.3); border-radius: 3px; padding-top: 60px; padding-bottom: 60px; position: relative; }
.ju_box_4 .swiper-slide .box:after{ position: absolute; content: ""; left: 10px; right: 10px; top: 10px; bottom: 10px; border-radius: 3px; border:#fff solid 1px; opacity: 0.5; }
.ju_box_4 .swiper-slide img{ display: block; width: 48px;margin: 0 auto; }
.ju_box_4 .swiper-slide h3{color: #fff; font-size: 18px; text-align: center; padding-top: 20px;}


.ju_box_5{  padding-top: 80px; padding-bottom: 80px; }
.ju_box_5 .title{ margin-bottom: 30px; text-align: center; }
.ju_box_5 .title h2{ font-size: 36px; color: #000; }
.ju_box_5 .title span{ width: 40px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.ju_box_5 .title p{ font-size: 18px; color: #333; }

.ju_box_5 .content .tab{ text-align: center;  margin-bottom: 40px;}
.ju_box_5 .content .tab ul li{display: inline-block; margin-left: 5px; margin-right: 5px;}
.ju_box_5 .content .tab ul li .sd02{ border-radius: 3px; display:block; font-size: 18px; background: #fff; color: #333; padding: 10px 20px; cursor: pointer; }
.ju_box_5 .content .tab ul li .sd01{ border-radius: 3px; display:block; font-size: 18px; padding: 10px 20px; cursor: pointer;  background: #fecf30; color: #78420d; }

.ju_box_5 .swiper-slide img{ width: 100%; display: block; }
.ju_box_5 .swiper-container{ padding-bottom: 50px; }
.ju_box_5 .swiper-pagination-bullet{ width: 40px; height: 2px; border-radius: 0px; background: #666;  margin-left: 5px!important; margin-right: 5px!important;}
.ju_box_5 .swiper-button-prev { left: 100px; top: 45%;}
.ju_box_5 .swiper-button-next{  right: 100px;top:45%;}



.detailbanner{ height: 450px }
.detailbanner h2{ padding-top: 160px; font-size: 60px; text-align: center; color: #fff; text-shadow: 0px 5px 5px rgba(0,0,0,.3) }
.detailbanner h3{ padding-top: 20px; font-size: 30px; text-align: center; font-weight: normal; color: #fff; text-shadow: 0px 5px 5px rgba(0,0,0,.3) }

.shaixuan{ padding-top: 30px; padding-bottom: 30px; }
.shaixuan .list{ padding-top: 10px; padding-bottom: 10px; font-size: 16px;}
.shaixuan .list span{ float: left; font-weight: bold;padding: 10px;  }
.shaixuan .list strong{ float: left; margin-right:10px; background: #fecf30; color: #fff; border-radius: 3px; padding: 10px;box-shadow: 0px 5px 10px rgba(254,207,47,.4) }
.shaixuan .list a{ float: left; margin-right: 10px;padding: 10px;  }

.case_list { background: #f6f6f6; padding-bottom: 40px; }
.case_list ul{ width: 1350px; padding-top: 35px; }
.case_list ul li{ float: left; width: 410px;  margin-bottom: 35px; margin-right: 35px; border-radius: 3px; overflow: hidden; box-shadow: 0px 10px 40px rgba(0,0,0,0.0); transition-duration: 0.3s;  }
.case_list ul li:hover{ box-shadow: 0px 10px 40px rgba(0,0,0,0.1) ;transform: translateY(-3px) }
.case_list ul li .img img{ width: 100%; height: 300px; display: block; }
.case_list ul li .img{ position: relative; overflow: hidden; }
.case_list ul li .img .case_design{ position: absolute; left: 20px; right: 20px; bottom:-70px; z-index: 333; transition-duration: 0.3s;}
.case_list ul li .img .case_design .photo{ width: 48px; height: 48px; border-radius: 48px; overflow: hidden; float: left; margin-right: 10px; }
.case_list ul li .img .case_design .photo img{ width: 100%; height: auto; display: block; }
.case_list ul li .img .case_design .text{  }
.case_list ul li .img .case_design .text h3{ color: #fff; font-weight: bold; font-size: 14px; margin-bottom: 4px; padding-top: 4px; }
.case_list ul li .img .case_design .text h4{ color: #fff; font-size: 12px; font-weight: normal; margin-bottom: 12px; }
.case_list ul li .img .case_design .text h4 span{ margin-right: 10px; }
.case_list ul li .img .case_design .button{ float: right; padding-top: 11px; }
.case_list ul li .img .case_design .button a.detail{ display: inline-block; background:none; padding: 5px 12px; color: #fff; font-size: 12px; margin-right: 10px; border-radius: 3px; border:#fff solid 1px;  }

.case_list ul li .img:after{ content: ""; position: absolute; height: 100px; left: 0px; z-index: 222; right: 0px; bottom: -100px; background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); transition-duration: 0.3s;}

.case_list ul li:hover .img:after{ bottom: 0px; }
.case_list ul li .img:hover .case_design{bottom: 15px;}


.case_list ul li .info{ background: #fff; padding: 25px 20px; }
.case_list ul li .info h3{font-size: 20px; color: #2c2e2c; margin-bottom: 10px;}
.case_list ul li .info p{font-size: 16px; color: #2c2e2c;}
.case_list ul li .info p span{ margin-right: 20px; position: relative; }
.case_list ul li .info p span:after{ position: absolute; right: -10px; top: 6px; height: 8px; width: 1px; content: ""; background: #999; }
.case_list ul li .info p span.last:after{ display: none; }


.crumbs{ background: #2c2e2c; font-size: 14px; color: #dadada; line-height: 50px; height: 50px;}
.crumbs a{ color: #dadada; }
.crumbs i{ margin-right: 5px; margin-left: 5px; }


.case_detail{ background: #f6f6f6; padding-top: 40px; padding-bottom: 60px; }
.case_detail .top{ background: #fff; padding: 50px; padding-bottom: 20px; position: relative;  border-top-left-radius: 3px; border-top-right-radius: 3px;}
.case_detail .top .case_info{ width: auto; }
.case_detail .top .case_info h2{ font-size: 24px; color: #000; margin-bottom: 20px;}
.case_detail .top .case_info p{ font-size: 16px; color: #333;line-height: 1.8em; margin-bottom: 6px;}
.case_detail .top .case_info p span{ margin-right: 50px; }
.case_detail .top .case_design{ position: absolute; right: 50px; top: 50px;}
.case_detail .top .case_design .photo{ width: 70px; height: 70px; border-radius: 70px; overflow: hidden; float: left; margin-right: 15px; }
.case_detail .top .case_design .photo img{ width: 100%; display: block; }
.case_detail .top .case_design .text{ width: 300px; }
.case_detail .top .case_design .text h3{ color: #333; font-weight: bold; font-size: 16px; margin-bottom: 2px; }
.case_detail .top .case_design .text h4{ color: #666; font-size: 12px; font-weight: normal; margin-bottom: 6px; }
.case_detail .top .case_design .text h4 span{ margin-right: 10px; }
.case_detail .top .case_design .text .button a.detail{ display: inline-block; background: #fff; padding: 5px 12px; font-size: 12px; margin-right: 10px; border-radius: 3px; border:#666 solid 1px;  }
.case_detail .top .case_design .text .button a.reserve{ display: inline-block; background: #fff; padding: 4px 12px; font-size: 12px;  border-radius: 3px; border:#fecf30 solid 1px; background: #fecf30; color: #78420d;  }
.case_detail .imglist{ padding-left: 50px; padding-right: 50px; background: #fff; }
.case_detail .imglist img{ width: 100%; display: block; height: 100%; object-fit: contain;}
.case_detail .imglist .swiper-slide{ overflow: hidden; height: 100%; }
.case_detail .imglist .swiper-container{ height: 650px; background: #000; }
.case_detail .imglist .swiper-pagination{ bottom: 30px!important }
.case_detail .imglist .swiper-pagination-bullet{ width: 10px; height: 2px; opacity: 0.5; border-radius: 0px; background: #fff;  margin-left: 5px!important; margin-right: 5px!important;}
.case_detail .imglist .swiper-pagination-bullet-active{ opacity: 1; background: #fecf30 }
.case_detail .other{ border-top: #ececec solid 1px;  background: #fff; padding: 50px;padding-top: 40px; padding-bottom: 30px; }
.case_detail .other .title{ font-size: 24px; color: #2c2e2c; margin-bottom: 25px; }
.case_detail .other  .swiper-slide .box{}
.case_detail .other  .swiper-slide .box .img{ height: 300px; border-radius: 3px; overflow: hidden;  }
.case_detail .other  .swiper-slide .box .img img{ width: 100%; display: block;height: 100%; object-fit: cover;}
.case_detail .other  .swiper-slide .box h3{ color: #2c2e2c; font-size: 18px; margin-bottom: 10px; padding-top: 20px; }
.case_detail .other  .swiper-slide .box p{font-size: 14px; color: #2c2e2c;}
.case_detail .other  .swiper-slide .box p span{ margin-right: 20px; position: relative; }
.case_detail .other  .swiper-slide .box p span:after{ position: absolute; right: -10px; top: 5px; height: 8px; width: 1px; content: ""; background: #999; }
.case_detail .other  .swiper-slide .box p span.last:after{ display: none; }
.case_detail .other  .swiper-container{ padding-bottom: 30px;}
.case_detail .other .swiper-pagination-bullet{ width: 40px; height: 2px; opacity: 0.5; border-radius: 0px; background: #999;  margin-left: 5px!important; margin-right: 5px!important;}
.case_detail .other .swiper-pagination-bullet-active{ opacity: 1; background: #fecf30 }

.design_list{ background: #f6f6f6; padding-top: 40px; padding-bottom: 60px; }
.design_list .content{ background: #fff; border-radius: 3px; padding: 10px 40px; }
.design_list .content ul li { border-bottom: #ececec solid 1px; padding-top: 30px; padding-bottom: 30px; }
.design_list .content ul li .photo{ float: left; width: 160px; height: 160px; border-radius: 160px; overflow: hidden; margin-right: 40px;}
.design_list .content ul li .photo img{ width: 100%; display: block; }
.design_list .content ul li .info{ float: left; width: 800px; }
.design_list .content ul li .info h3{ margin-bottom: 10px; padding-top: 20px; }
.design_list .content ul li .info h3 .xing{ float: right; font-size: 16px; line-height: 24px; }
.design_list .content ul li .info h3 .xing i{ margin-left: 5px; }
.design_list .content ul li .info h3 .xing5 i{ color: #fecf30 }
.design_list .content ul li .info h3 strong{ color: #2c2e2c; font-size: 24px; }
.design_list .content ul li .info h3 span{ padding-left: 30px; font-weight: normal; font-size: 16px; color: #2c2e2c; }
.design_list .content ul li .info .html{ line-height: 1.8em; font-size: 16px; color: #2c2e2c }
.design_list .content ul li .button{  float: right; width: 200px; text-align: right; padding-top: 60px;}
.design_list .content ul li .button a{ background: #fecf30; color: #78420d; font-size: 16px; font-weight: bold; display: inline-block; padding: 10px 30px; border-radius: 3px; }
.design_list .content ul li .button strong{ display: none; }

.design_detail{  background: url(../images/designbg.jpg) no-repeat center top #f6f6f6; background-size:contain; padding-top: 160px; padding-bottom: 60px;  }
.design_detail .content{ background: #fff; border-radius: 3px; padding: 50px; box-shadow: 0px 5px 30px rgba(0,0,0,0.1)}
.design_detail .content .info .left {float: left; width: 162px; margin-right: 50px;}
.design_detail .content .info .left .photo{ width: 150px; height: 150px; overflow: hidden; border-radius: 200px; background: #fff; border: #fff solid 6px; position: relative; margin-top: -130px; }
.design_detail .content .info .left .photo img{ width: 100%; display: block; }
.design_detail .content .info .left .xing{ font-size: 16px; line-height: 24px; text-align: center; padding-top: 10px; }
.design_detail .content .info .left .xing i{ margin-left: 5px; }
.design_detail .content .info .left .xing5 i{ color: #fecf30 }
.design_detail .content .info .left .button{  text-align: center; padding-top: 15px;}
.design_detail .content .info .left .button a{ background: #fecf30; color: #78420d; font-size: 16px; font-weight: bold; display: inline-block; padding: 10px 30px; border-radius: 3px; }
.design_detail .content .info .left .button strong{ display: none; }
.design_detail .content .info .text { float: left; width: 980px; }
.design_detail .content .info .text h3{ margin-bottom: 10px; }
.design_detail .content .info .text h3 strong{ color: #2c2e2c; font-size: 24px; }
.design_detail .content .info .text h3 span{ padding-left: 30px; font-weight: normal; font-size: 16px; color: #2c2e2c; }
.design_detail .content .info .text .html{ line-height: 1.8em; font-size: 16px; color: #2c2e2c }


.design_detail .tacase{  padding-top: 60px; }
.design_detail .tacase .title{font-size: 24px; color: #2c2e2c; margin-bottom: 25px; font-weight: bold; }
.design_detail .tacase .list ul { width: 1240px; }
.design_detail .tacase .list ul li{ width: 380px; margin-right: 30px; float: left; margin-bottom: 30px; }
.design_detail .tacase .list ul li .img{height: 300px; border-radius: 3px; overflow: hidden; }
.design_detail .tacase .list ul li .img img{width: 100%; display: block;height: 100%; object-fit: cover;}
.design_detail .tacase .list ul li h3{ color: #2c2e2c; font-size: 18px; margin-bottom: 10px; padding-top: 20px; }
.design_detail .tacase .list ul li p{font-size: 14px; color: #2c2e2c;}
.design_detail .tacase .list ul li p span{ margin-right: 20px; position: relative; }
.design_detail .tacase .list ul li p span:after{ position: absolute; right: -10px; top: 5px; height: 8px; width: 1px; content: ""; background: #999; }
.design_detail .tacase .list ul li p span.last:after{ display: none; }


.bao_banner{ height:450px; }
.bao_banner h2{ padding-top: 160px; font-size: 60px; text-align: center; color: #fff; text-shadow: 0px 5px 5px rgba(0,0,0,.3) }
.bao_banner h3{ padding-top: 20px; font-size: 30px; text-align: center; font-weight: normal; color: #fff; text-shadow: 0px 5px 5px rgba(0,0,0,.3) }
.bao_form{ background: #2c2e2c }

.bao_box_1{padding-top: 80px; padding-bottom: 80px; }
.bao_box_1 .title{ margin-bottom: 30px; text-align: center; }
.bao_box_1 .title h2{ font-size: 36px; color: #000; }
.bao_box_1 .title span{ width: 40px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.bao_box_1 .title p{ font-size: 18px; color: #333; }
.bao_box_1 .content .swiperTab{ text-align: center; margin-bottom: 40px;}
.bao_box_1 .content .swiperTab li{ display: inline-block; font-size: 16px; color: #333; padding: 10px 20px; margin-left: 5px; margin-right: 5px; cursor: pointer; }
.bao_box_1 .content .swiperTab li.active{ background: #fecf30; color: #78420d; border-radius: 3px; }
.bao_box_1 .content .swiper-container .swiper-slide ul{ width: 1350px; }
.bao_box_1 .content .swiper-container .swiper-slide ul.list4 li{ float: left; width: 302.5px; margin-right: 30px; position: relative; background: #333; overflow:hidden;border-radius: 3px;}
.bao_box_1 .content .swiper-container .swiper-slide ul.list3 li{ float: left; width: 410px; margin-right: 30px; position: relative; background: #333; overflow:hidden;border-radius: 3px;}
.bao_box_1 .content .swiper-container .swiper-slide ul.list2 li{ float: left; width: 635px; margin-right: 30px; position: relative; background: #333; overflow:hidden;border-radius: 3px;}
.bao_box_1 .content .swiper-container .swiper-slide ul li img{ width: 100%; display: block; }
.bao_box_1 .content .swiper-container .swiper-slide ul li h3{ position: absolute; z-index: 44; left: 0px;  right: 0px; bottom: 0px; height: 60px; line-height: 40px; text-align: center; color: #fff; }
.bao_box_1 .content .swiper-container .swiper-slide ul li:after{ content: ""; position: absolute; z-index: 22; left: 0px; right: 0px; bottom: 0px; height: 60px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); }


.bao_box_2{ background: #f6f6f6; padding-top: 80px; padding-bottom: 80px; }
.bao_box_2 .title{ margin-bottom: 30px; text-align: center; }
.bao_box_2 .title h2{ font-size: 36px; color: #000; }
.bao_box_2 .title span{ width: 40px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.bao_box_2 .title p{ font-size: 18px; color: #333; }
.bao_box_2 .content ul{ width: 1350px; }
.bao_box_2 .content ul li{ float: left; width: 120px; padding: 35px; margin-right: 32px; background: #fff; border-radius: 3px; height: 180px; transition-duration: 0.3s; }
.bao_box_2 .content ul li .icon{ width: 50px; height: 50px; margin: 0 auto; margin-bottom:20px; position: relative; }
.bao_box_2 .content ul li .icon img{ width: 100%; display: block; position: absolute;transition-duration: 0.3s;  }
.bao_box_2 .content ul li .icon img.black{ opacity: 1; }
.bao_box_2 .content ul li .icon img.white{ opacity: 0; }
.bao_box_2 .content ul li h3{ text-align: center; font-size: 20px; margin-bottom: 15px;transition-duration: 0.3s;  }
.bao_box_2 .content ul li p{text-align: center; font-size: 16px; color: #333; line-height: 1.8em;transition-duration: 0.3s; }
.bao_box_2 .content ul li:hover{ background: #ffd531; transform: scale(1.05); }
.bao_box_2 .content ul li:hover .icon img.black{ opacity: 0; }
.bao_box_2 .content ul li:hover .icon img.white{ opacity: 1; }
.bao_box_2 .content ul li:hover h3{ color: #fff;}
.bao_box_2 .content ul li:hover p{ color: #fff;}


.baojiabox { padding-top: 100px; padding-bottom: 100px; }
.baojiabox .title{margin-bottom: 40px;}
.baojiabox .title img{ width: 650px; margin: 0 auto; display: block; }
.baojiabox .title h2{ text-align: center; color: #fff; font-size: 24px;}
.baojiabox .box{ background: #fff; border-radius: 3px; padding: 80px 50px 80px 50px ; }
.baojiabox .box .subtitle h3{ color: #50ab6a; font-size: 30px; text-align: center; margin-bottom: 15px; }
.baojiabox .box .subtitle p{ color: #333; font-size: 16px; text-align: center; }
.baojiabox .box .subtitle p span{ color: #fecf30; font-weight: bold;font-family: "Gotham-Bold"; font-size: 18px;padding-right: 3px; padding-left: 3px; }
.baojiabox .box .form_e{ padding-top: 40px; }
.baojiabox .box .form_e .left .layui-form .layui-form-label{ font-size: 14px; width: 50px; padding-left: 0px; padding-right: 10px; }
.baojiabox .box .form_e .left .layui-form .layui-input-inline{ width: 175px; }
.baojiabox .box .form_e .left .layui-btn{ background: #fecf30; color: #78420d; font-weight: bold; }
.baojiabox .box .form_e .left .layui-btn:hover{ color: #78420d }
.baojiabox .box .form_e .left .tishi{ color: #fecf30; font-size: 14px; font-weight: bold; }

.baojiabox .box .form_e .left .jisuan{ position: absolute; right: -127px; top:10px; background: #fff; width: 120px; height: 120px; border-radius: 120px;  padding: 5px; border:#fecf30 solid 2px;box-shadow: 0px 0px 20px rgba(254,207,47,0.5);}
.baojiabox .box .form_e .left .jisuan button{ background: #fecf30;width: 120px; height: 120px; border-radius: 120px; line-height: 1.2em; font-size: 22px; color: #fff; }
.baojiabox .box .form_e .left .jisuan button:hover{ color: #fff; }
.baojiabox .box .form_e .left{  float: left; width: 45%; position: relative;}
.baojiabox .box .form_e .right{  float: right; width: 42% }
.baojiabox .box .form_e .right .box1{ border-radius: 3px; border:#ececec solid 2px; padding: 50px 40px; }
.baojiabox .box .form_e .right .box1 h4{ line-height: 32px; font-size:20px; color:#e84f4f;text-align: center; margin-bottom: 20px; }
.baojiabox .box .form_e .right .box1 h4 img{ display: inline-block; width: 32px; height: 32px; position: relative; margin-top: -4px; }
.baojiabox .box .form_e .right .box1 h5{ font-size: 30px; color: #e84f4f;text-align: center;font-family: "Gotham-Bold"; }
.baojiabox .box .form_e .right .box1 h5 em{ font-style: normal; font-size: 20px; }
.baojiabox .box .form_e .right .box1 h5 strong{ font-size: 20px; color: #333; }


.about_content { background: #f6f6f6; padding-top: 35px; padding-bottom: 50px; }
.about_content .left{ width: 200px; float: left; background: #fff; box-shadow: 0px 10px 20px rgba(0,0,0,0.05); border-radius: 3px; }
.about_content .left ul{ padding: 12px; }
.about_content .left ul li a{ display: block; background: #fff; text-align: center; line-height: 50px; height: 50px; border-radius: 3px; color: #333; font-size: 16px;}
.about_content .left ul li a.active{ display: block; background: #f6f6f6; text-align: center; line-height: 50px; height: 50px; border-radius: 3px; color: #000; font-weight: bold; font-size: 16px;}

.about_content .right{ width: 1000px; float: right; background: #fff; box-shadow: 0px 10px 20px rgba(0,0,0,0.05); border-radius: 3px; padding: 35px;}
.about_content .right .content .title { font-weight: bold; font-size: 24px; color: #000; position: relative; padding-bottom: 25px; margin-bottom: 25px; }
.about_content .right .content .title:after{ content: ""; position: absolute; left: 0px; bottom: 0px; width: 30px; height: 2px; background:#fecf30  }
.about_content .right .content .html{ line-height: 1.8em; font-size: 16px; }
.about_content .right .content .html hr{ margin-top: 30px; margin-bottom: 30px; }

.about_content .right .history{ position: relative; }
.about_content .right .history:before{ position: absolute; left: 118px; width: 1px; top: 10px; bottom: 10px; content: ""; background: #dadada; z-index: 1; }
.about_content .right .history h3{font-size: 24px; color: #fecf30; font-weight: bold; position: relative; padding-left: 0px; margin-bottom: 25px; z-index: 2;}
.about_content .right .history h3:after{ position: absolute; content: ""; left: 110px; top: 5px; background: #fff; width: 12px; height: 12px; border-radius: 12px; border:#fecf30 solid 3px; }
.about_content .right .history ul{ padding-left: 0px; padding-bottom: 20px; position: relative; z-index: 2; }
.about_content .right .history ul li{ margin-bottom: 20px; }
.about_content .right .history ul li h4{ float: left; font-size: 16px; color: #333; width: 150px; position: relative; }
.about_content .right .history ul li h4:after{ position: absolute; content: ""; left: 112px; top: 3px; background: #fff; width: 9px; height: 9px; border-radius: 12px; border:#dadada solid 2px; }
.about_content .right .history ul li p{ float: left; font-size: 16px; color: #333; }

.about_content .right .honor ul{ width: 1050px; }
.about_content .right .honor ul li{ float: left;  margin-right:20px; margin-bottom: 20px;}
.about_content .right .honor ul li .img{ width: 306px; padding: 6px; border:#ececec solid 1px; height: 220px; }
.about_content .right .honor ul li .img img{object-fit: contain; height: 100%; width: 100%;}
.about_content .right .honor ul li h4{ text-align: center; padding-top: 10px; padding-bottom: 20px; font-size: 16px; color: #666; font-weight:normal; }

.about_content .right .news ul{ }
.about_content .right .news ul li{ margin-bottom: 20px; border-bottom: #ececec solid 1px; padding-bottom: 20px;}
.about_content .right .news ul li .img{ width: 180px; float: right; padding: 4px; border:#ececec solid 1px; height: 120px; }
.about_content .right .news ul li .img img{object-fit: cover; height: 100%; width: 100%;}
.about_content .right .news ul li .info{ float: left; width: 770px;}
.about_content .right .news ul li .info h4{ margin-bottom: 10px; padding-top: 10px; }
.about_content .right .news ul li .info h4 a{ color: #333; font-size: 18px; }
.about_content .right .news ul li .info p{ margin-bottom: 15px; color: #666; font-size: 14px; line-height: 1.8em; }
.about_content .right .news ul li .info .time { font-size: 14px; color: #666; }
.about_content .right .news ul li .info .time span{  float: right; }
.about_content .right .news ul li .info .time span a{ color: #fecf30}

.about_content .right .news_detail .news_title{ padding-bottom: 20px; border-bottom:#ececec solid 1px; margin-bottom: 20px; }
.about_content .right .news_detail .news_title h1{ font-size: 24px; color: #000; margin-bottom:10px;}
.about_content .right .news_detail .news_title p{ font-size: 14px; color: #999; }
.about_content .right .news_detail .news_content{ line-height: 1.8em; color: #000; font-size: 16px; margin-bottom: 20px;padding-bottom: 20px;border-bottom:#ececec solid 1px; }
.about_content .right .news_detail .news_content p{line-height: 1.8em; color: #000; font-size: 16px; }
.about_content .right .news_detail .news_content p img{ width: 600px; display: block; margin: 0 auto; }
.about_content .right .news_detail .other{ line-height: 2em; font-size: 14px;  }

.about_content .right .client ul{ }
.about_content .right .client ul li{ margin-bottom: 30px;}
.about_content .right .client ul li .photo { float: left; margin-right: 30px; }
.about_content .right .client ul li .photo .img{ width: 70px;overflow: hidden;  border:#ececec solid 1px; height: 70px; border-radius: 90px; background: #fff }
.about_content .right .client ul li .photo .img img{object-fit: cover;width: 100%; height: 100%;}
.about_content .right .client ul li .photo p{ text-align: center; padding-top: 10px; color: #666; font-size: 14px;}
.about_content .right .client ul li .info{ float: left; width: 870px;}
.about_content .right .client ul li .info h3{ font-weight: bold; font-size: 14px; color: #333; margin-bottom: 10px; }
.about_content .right .client ul li .info .html{ padding: 20px; border-radius: 3px; border:#dadada solid 1px; font-size: 14px; line-height: 1.8em; color: #666; position: relative; }
.about_content .right .client ul li .info .html:after{ content: '';position: absolute;border: 8px solid transparent;border-left-width: 0;border-right-color: #dadada;top: 8px;left: -8px}
.about_content .right .client ul li .info .html:before{ content: '';position: absolute;border: 8px solid transparent;border-left-width: 0;border-right-color: #fff;top: 8px;left: -6.5px; z-index: 999;}


.service{ position: fixed; right: -220px; top: 25%; width: 70px; border-radius: 3px; overflow: hidden; background: #fff; z-index: 999; box-shadow: 0px 10px 20px rgba(0,0,0,0.1);  transition-duration: 0.3s; }
.service ul li{ }
.service ul li a{ display: block;padding-top: 10px; padding-bottom: 10px;  height: 50px; width: 70px; cursor: pointer; }
.service ul li a .icon{ width: 32px; height: 32px; }
.service ul li a .icon { width: 32px; height: 32px; display: block; position: relative; margin: 0 auto }
.service ul li a .icon img.icon1{ position: absolute; left: 0; top: 0; opacity: 1; }
.service ul li a .icon img.icon2{ position: absolute; left: 0; top: 0; opacity: 0; }
.service ul li a p{ text-align: center; font-size: 12px; color: #333333; padding-top: 5px; }
.service ul li a:hover{background: #fecf30; }
.service ul li a:hover .icon img.icon1{opacity: 0; }
.service ul li a:hover .icon img.icon2{opacity: 1; }
.service .hongbaobox a{ display: block; padding-top:16px; padding-bottom: 16px; cursor: pointer; }
.service .hongbaobox img{ width: 40px; height: 40px; display: block; margin: 0 auto;  -webkit-animation: tada 1.5s infinite linear;  -moz-animation: tada 1.5s infinite linear;}
.fixed{  right: 20px; }
@-moz-keyframes tada{
    0%{-moz-transform:scale(1);}
    10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-moz-transform:scale(1.2) rotate(3deg);}
    40%,60%,80%{-moz-transform:scale(1.2) rotate(-3deg);}
    100%{-moz-transform:scale(1) rotate(0);}
   }

  @-webkit-keyframes tada{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1.2) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}}
.hideright{ right: -220px; }

.tuan_list{ background: #f6f6f6; padding-top: 50px; }
.tuan_list ul{ width: 1350px; }
.tuan_list ul li{ width: 625px; float: left; margin-bottom: 50px; margin-right: 50px; border-radius: 3px; overflow: hidden; background:#fff; box-shadow: 0px 10px 40px rgba(0,0,0,0.0); transition-duration: 0.3s;}
.tuan_list ul li:hover{ box-shadow: 0px 10px 40px rgba(0,0,0,0.1) ;transform: translateY(-3px) }
.tuan_list ul li .img{ position: relative; height: 350px; overflow: hidden; }
.tuan_list ul li .img .sale{ width:124px; height:95px; background: url(../images/sale.png) no-repeat;  background-size: 124px 95px; position: absolute; right: 20px; top:0px; z-index: 456;  }
.tuan_list ul li .img .sale h5{ text-align: center; font-size: 16px; color: #fff; padding-top: 14px; margin-bottom: 2px; }
.tuan_list ul li .img .sale h4{ text-align: center; font-size: 32px; color: #fff; font-family: "Gotham-Bold"; }
.tuan_list ul li .img img{ width: 100%; display: block; height: 100%; object-fit: cover; }
.tuan_list ul li .img strong{ display:none; }
.tuan_list ul li .img a{ display: block; cursor: pointer; }
.tuan_list ul li .img:after{ content: ""; position: absolute; height: 100px; left: 0px; z-index: 222; right: 0px; bottom: 0px; background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);}
.tuan_list ul li .img .info{ position: absolute; left: 20px;bottom: 20px; right: 20px; line-height: 16px; z-index: 333;}
.tuan_list ul li .img .info img.icon{width: 16px; height: 16px; display: inline-block; position: relative; margin-top: -2px;}
.tuan_list ul li .img .info span{ margin-right: 20px; color: #fff; font-size: 14px; font-weight: bold; }
.tuan_list ul li .bottom_info{ background: #fff; padding: 20px; height: 38px; line-height: 38px; }
.tuan_list ul li .bottom_info strong{ font-weight: bold; font-size: 20px; color: #000; }
.tuan_list ul li .bottom_info a{ cursor: pointer; float: right; font-size: 16px; background: #fecf30; color: #78420d; display: block; padding-left:20px; padding-right: 20px; height: 38px; line-height: 38px; border-radius: 3px; }
.tuan_list ul li .bottom_info span{ float: right; padding-right: 40px; font-size: 14px; font-weight: bold; }
.tuan_list ul li .bottom_info span em{ font-style: normal; font-weight: bold; font-size: 20px; color: #fecf30; padding-right: 2px; padding-left: 2px; }

.contact ul{ padding-top:30px;  padding-bottom: 60px; }
.contact ul li{ float: left; width: 33.333%; text-align: center; }
.contact ul li img{ display: block; width: 90px; height: 90px; margin: 0 auto; }
.contact ul li h4{ font-size: 16px; color: #333; padding-top: 15px; padding-bottom: 15px; }
.contact ul li p{ font-weight: bold; font-size: 24px;  color: #fecf30; font-family: "Gotham-Bold"; }
.contact .map img{ width: 100%; display: block;  }

.ce_box_1{ background: #1d1d1d; padding-top: 80px; padding-bottom: 80px; }
.ce_box_1 .title { padding-bottom: 20px; }
.ce_box_1 .title h2{ text-align: center; font-size:45px; color: #fff; font-weight: bold;  }
.ce_box_1 .title img{ display:block;width: 40px; margin: 20px auto; }
.ce_box_1 .content ul{ width: 1360px; }
.ce_box_1 .content ul li{ float: left; width: 245px; margin-right: 18px; margin-bottom: 30px;}
.ce_box_1 .content ul li .img{ display: block; border-radius: 12px; overflow: hidden; margin-bottom: 20px; transition-duration: 0.3s; }
.ce_box_1 .content ul li:hover .img{ display: block; border-radius: 12px; overflow: hidden; margin-bottom: 20px;  transform:scale(1.04); }
.ce_box_1 .content ul li .img img{ display: block; width: 100%; }
.ce_box_1 .content ul li span{ display: block;  width: 70px; height: 26px; line-height: 26px; text-align: center; margin: 0 auto; background: #fef612; color: #333; border-radius: 40px; font-weight: bold;  margin-bottom: 15px;}
.ce_box_1 .content ul li h4{ text-align: center; color: #fff; line-height: 1.6em; font-weight: bold; font-size: 16px; }

.ce_box_2{ background: #252525; padding-top: 80px; padding-bottom: 80px; }
.ce_box_2 .title { padding-bottom: 20px; }
.ce_box_2 .title h2{ text-align: center; font-size:45px; color: #fff; font-weight: bold;  }
.ce_box_2 .title img{ display:block;width: 40px; margin: 20px auto; }
.ce_box_2 .content ul{ width: 1360px; }
.ce_box_2 .content ul li.w2{ float: left; width: 625px; margin-right: 50px; margin-bottom: 30px;}
.ce_box_2 .content ul li.w3{ float: left; width: 400px; margin-right: 49px; }
.ce_box_2 .content ul li .img{ display: block; border-radius: 12px; overflow: hidden; margin-bottom: 20px; transition-duration: 0.3s; }
.ce_box_2 .content ul li:hover .img{ display: block; border-radius: 12px; overflow: hidden; margin-bottom: 20px;  transform:scale(1.02); }
.ce_box_2 .content ul li .img img{ display: block; width: 100%; }
.ce_box_2 .content ul li h4{ text-align: center; color: #fff; line-height: 1.6em; font-weight: bold; font-size: 16px; }

.ce_box_3{ background: #1d1d1d; padding-top: 80px; padding-bottom: 80px; }
.ce_box_3 .title { padding-bottom: 10px; }
.ce_box_3 .title h2{ text-align: center; font-size:45px; color: #fff; font-weight: bold;margin-bottom: 15px;   }
.ce_box_3 .title h3{ text-align: center; font-size:22px; color: #fff; font-weight: bold; margin-bottom: 15px;   }
.ce_box_3 .title img{ display:block;width: 40px; margin: 20px auto; }
.ce_box_3 .content{ width: 90%; margin: 0 auto; }
.ce_box_3 .content .tabmenu{text-align: center; }
.ce_box_3 .content .tabmenu .sd01{ color: #fef612; font-size: 15px; display: inline-block; border-radius: 50px; border:#fef612 solid 2px; padding: 6px 10px; cursor: pointer; transition-duration: 0.2s;}
.ce_box_3 .content .tabmenu .sd02{ color: #fff; font-size: 15px; display: inline-block; border-radius: 50px; border:#1d1d1d solid 2px; padding: 6px 10px; cursor: pointer; transition-duration: 0.2s;}
.ce_box_3 .content .tabcontent{ padding-top: 20px; }
.ce_box_3 .content .swiper-container{ height: 400px; } 
.ce_box_3 .content .swiper-container .swiper-slide { height: auto;}
.ce_box_3 .content .swiper-container .swiper-slide ul li{ float: left;width: 12.5%; height: 36px; line-height: 36px; color: #aeaeae; font-size: 14px; }
.ce_box_3 .content .swiper-container .swiper-scrollbar{ background: #292929 }
.ce_box_3 .content .swiper-container .swiper-scrollbar-drag{ background: #666 }

.zhuanticontent img{ width: 100%; display: block; height: auto; }
/*表单*/
.form_a{ background: #2c2e2c; color: #fff; padding-top: 30px; padding-bottom: 30px; height: 38px; }
.form_a ul{ float: left; }
.form_a ul li img{width: 32px;height: 32px;  display: block; float: left; margin-right: 10px; position: relative; top: 2px;}
.form_a ul li { line-height: 36px; height: 36px; font-size: 15px; font-weight: bold; float: left; margin-right: 30px; }
.form_a .info{float: left; line-height: 38px; font-size: 22px; color: #fff; }
.form_a .info strong{ font-size: 26px; font-family: "Gotham-Bold"; }
.form_a .layui-form{ float: right; }
.form_a .layui-form .layui-form-label{ font-size: 14px; width: 40px; padding-left: 0px; padding-right: 10px; }
.form_a .layui-form .layui-input-inline{ width: 160px; }
.form_a .layui-btn{ background: #fecf30; color: #78420d; font-weight: bold; }
.form_a .layui-btn:hover{ color: #78420d }

.form_b{ background: #fff; color: #333; padding-top: 30px; padding-bottom: 30px; height: 38px; border-top: #ececec solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.05) }
.form_b .info{float: left; line-height: 38px; font-size: 24px; color: #333; }
.form_b .layui-form{ float: right; }
.form_b .layui-form .layui-form-label{ font-size: 14px; width: 40px; padding-left: 0px; padding-right: 10px; }
.form_b .layui-form .layui-input-inline{ width: 160px; }
.form_b .layui-btn{ background: #2c2e2c; color: #fff; font-weight: bold;padding-left: 30px; padding-right: 30px; }
.form_b .layui-btn:hover{ color: #fff }

.form_c{ background: #fff; color: #333; padding: 30px 50px; height: 38px;}
.form_c .info{float: left; line-height: 38px; font-size: 24px; color: #333; }
.form_c .info strong{ color: #fecf30 }
.form_c .layui-form{ float: right; }
.form_c .layui-form .layui-form-label{ font-size: 14px; width: 40px; padding-left: 0px; padding-right: 10px; }
.form_c .layui-form .layui-input-inline{ width: 160px; }
.form_c .layui-form input{ background: #f6f6f6; border:#f6f6f6 solid 1px; }
.form_c .layui-btn{ background: #2c2e2c; color: #fff; font-weight: bold; padding-left: 30px; padding-right: 30px;}
.form_c .layui-btn:hover{ color: #fff }

.form_d{ background: #fff; color: #333; padding-top: 30px; padding-bottom: 30px; height: 38px; border-top: #ececec solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.05) }
.form_d .info{float: left; line-height: 38px; font-size: 24px; color: #333; }
.form_d .layui-form{ float: right; }
.form_d .layui-form .layui-form-label{ font-size: 14px; width: 52px; padding-left: 0px; padding-right: 10px; }
.form_d .layui-form .layui-input-inline{ width: 160px; }
.form_d .layui-form input{ background: #f6f6f6; border:#f6f6f6 solid 1px; }
.form_d .layui-btn{ background: #2c2e2c; color: #fff; font-weight: bold;padding-left: 30px; padding-right: 30px; }
.form_d .layui-btn:hover{ color: #fff }


.form_f{ background: #fff; color: #333; padding-top: 30px; padding-bottom: 30px; height: 38px; border-top: #ececec solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.05) }
.form_f .info{float: left; line-height: 38px; font-size: 24px; color: #333; }
.form_f .layui-form{ float: right; }
.form_f .layui-form .layui-form-label{ font-size: 14px; width:64px; padding-left: 0px; padding-right: 10px; }
.form_f .layui-form .layui-input-inline{ width: 160px; }
.form_f .layui-btn{ background: #2c2e2c; color: #fff; font-weight: bold;padding-left: 30px; padding-right: 30px; }
.form_f .layui-btn:hover{ color: #fff }


.form_g{ padding-top: 30px; padding-bottom: 30px; height: 38px; }
.form_g .info{float: left; line-height: 38px; font-size: 24px; color: #333; }
.form_g .layui-form{ float: right; }
.form_g .layui-form .layui-form-label{ font-size: 14px; width: 52px; padding-left: 0px; padding-right: 10px; }
.form_g .layui-form .layui-input-inline{ width: 160px; }
.form_g .layui-form input{ background: #f6f6f6; border:#f6f6f6 solid 1px; }
.form_g .layui-btn{ background: #2c2e2c; color: #fff; font-weight: bold;padding-left: 30px; padding-right: 30px; }
.form_g .layui-btn:hover{ color: #fff }

#saosao_content{}
#saosao_content .formbox h2{ margin-bottom: 30px; }
#saosao_content .wechat ul li{ float: left; width: 50%; }
#saosao_content .wechat img{ width: 70%; display: block; margin: 0 auto; }
#saosao_content .wechat p{font-size: 14px; color: #929299; text-align: center; padding-top: 15px;}
#saosao_content .wechat p img{ width: 16px; display: inline-block; position: relative; top: -1px; }

.hide{ display: none; }
.layui-layer{ border-radius:0!important; background: none!important; box-shadow: none!important; overflow: auto!important;}
.layui-layer .layui-layer-setwin .layui-layer-close2{ right: 10px; top: 10px; opacity: 0.5; background: url(../images/close_white.svg) no-repeat!important; background: 16px 16px; width: 16px; height: 16px;}
.layui-layer .layui-layer-setwin .layui-layer-close2:hover{ opacity: 1; }
.formbox .layui-btn{ background: #fecf30; color: #78420d; height: 44px; line-height: 44px; font-weight: bold; }
.formbox .layui-btn:hover{color: #78420d;}
.formbox { padding: 40px 30px;  }
.formbox  h2{ text-align: center; font-size: 24px;  color: #fff; text-align: center; margin-bottom: 10px; }
.formbox  h3{ text-align: center; font-size: 16px; font-weight: normal; color: #fff; text-align: center; margin-bottom: 20px; }
.formbox .info{ text-align: center; font-size: 14px; color: rgb(255,255,255,0.7); }
.formbox{background:rgba(0,0,0,0.8)!important; border-radius: 3px; }
.hongbaoformbox{ border-radius: 40px; padding:60px 30px 100px 30px; background: url(../images/hongb.jpg) no-repeat top #e63231!important;  background-size: contain!important; }
.hongbaoformbox .title{ margin-bottom: 10px; }
.hongbaoformbox .title h5{ text-align: center; font-size:20px;padding-top: 40px;  color: #fff; text-align: center; margin-bottom: 20px; }
.hongbaoformbox .layui-input{ border-radius: 50px; height: 48px; background: #fff; color: #78420d; font-size: 18px; font-weight: bold; text-align: center; border:none; }
.hongbaoformbox .layui-btn{ border-radius: 50px; height: 54px; line-height: 54px;font-size: 18px; background: #fecf30; color: #78420d; font-weight: bold; }
.hongbaoformbox .layui-btn:hover{color: #78420d;}
.hongbaoformbox .info{ text-align: center; font-size: 14px; color: rgb(255,255,255,0.7); }
.layui-layer-hui .layui-layer-content{ background:rgba(0,0,0,0.7)!important; border-radius: 3px!important; }


.zhuantibanner{ height: 650px; }










































































@media screen and (max-width: 1920px) {} 
@media screen and (max-width: 1112px) {} 
@media screen and (max-width: 768px) {}
@media screen and (max-width: 480px) {
.hidden{display:none;}
.index_banner { height:280px; position: relative; padding-bottom: 100px; }
.index_banner .swiper-container{height: 100%;}
.index_banner .swiper-slide{ height: 100%;resize: both; }
.index_banner .swiper-slide a{ display: block;  cursor: pointer;height: 100%; }
.index_banner .swiper-slide h2{font-family: "Gotham-Bold";  width: 1200px; margin-left: -600px; left: 50%; top: 40%;  z-index: 22; text-align: center; color: #fff; font-size: 45px; font-weight: bold; text-shadow: 2px 2px 10px rgba(0,0,0,0.3); position: absolute; text-align: left;opacity: 0; transition: 0.5s; transition-delay: 0.3s; transition-timing-function: linear;}
.index_banner .swiper-slide h3{ width: 1200px; margin-left: -600px; left: 50%; top: 48%;  z-index: 33; color: #fff; font-size:45px;  text-shadow: 2px 2px 10px rgba(0,0,0,0.3);text-align: left; position: absolute; opacity: 0; transition: 0.5s; transition-delay: 0.6s; transition-timing-function: linear;}
.index_banner .swiper-slide .more{ width: 1200px; margin-left: -600px; left: 50%; top: 62%; z-index: 333; text-shadow: 2px 2px 10px rgba(0,0,0,0.3);text-align: left; position: absolute; opacity: 0; transition: 0.5s; transition-delay: 1.2s; transition-timing-function: linear; }
.index_banner .swiper-slide .more a{ background: none;border:#fff solid 2px; font-weight: bold; font-size: 16px; padding: 10px 40px; border-radius: 6px; color: #fff; }
.index_banner .swiper-slide-active h2{opacity: 1; top: 42%; }
.index_banner .swiper-slide-active h3{opacity: 1; top: 50%; }
.index_banner .swiper-slide-active .more{opacity: 1; top: 65%; }
.index_banner .swiper-slide img{object-fit: cover;width: 100%; height: 100%;}
.index_banner .swiper-pagination{ bottom: 20px!important; }
.index_banner .swiper-pagination-bullet{ width: 40px; height: 2px; border-radius: 0px; background: #fff;  margin-left: 5px!important; margin-right: 5px!important;}
.index_banner .swiper-pagination-bullet-active{ }
.index_banner .swiper-button-prev { left: 10px;}
.index_banner .swiper-button-next{ right: 10px;}


.index_banner .text{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 33;background: rgba(0,0,0,0.8); color: #fff; height: 100px;	 }
.index_banner .text ul{padding-top: 15px;}
.index_banner .text ul li{ float: left; width: 25%; }
.index_banner .text ul li a{ display: block; cursor: pointer; transition-duration: 0.2s}
.index_banner .text ul li a:hover{transform: translateY(-3px) }
.index_banner .text ul li img{ width: 32px; height: 32px; display: block; float: none; margin: 0 auto; }
.index_banner .text ul li h4{ font-size: 16px; color: #fff; padding-top: 5px; text-align: center; margin-bottom:2px; }
.index_banner .text ul li p{ font-size: 10px; color: #fff; text-align: center; }
.index_banner{ margin-bottom: 20px; }


.index_zheng{ margin-bottom: 40px; }
.index_zheng .left{ background: #f9f9f9; width: auto; float: none; padding: 30px; height: auto; }
.index_zheng .left .title{ margin-bottom: 30px; text-align: center; }
.index_zheng .left .title h2{ font-size: 24px; color: #000; }
.index_zheng .left .title span{ width: 30px; height: 2px; background: #fecf30; margin:  20px auto; display: block; }
.index_zheng .left .title p{ font-size: 16px; color: #000; }
.index_zheng .left .list ul li{ margin-bottom: 35px; }
.index_zheng .left .list ul li .icon{  float: left; width: 40px; height: 40px; padding: 18px; border-radius: 100px; border:#ececec solid 1px; background: #fff; margin-right: 20px; }
.index_zheng .left .list ul li .icon img{  width: 40px; height: 40px; display: block; }
.index_zheng .left .list ul li h3{ font-size: 18px; color: #000; margin-bottom: 5px; padding-top: 2px; }
.index_zheng .left .list ul li p{ font-size: 14px; color: #000; line-height: 1.6em; }
.index_zheng .left .more a{ display: block; background: #fecf30; color: #78420d; font-size: 18px; text-align: center; height: 50px; line-height: 50px; border-radius: 3px; font-weight: bold; }

.index_zheng .right{ background: #333; width: auto; float: none; height: auto;}
.index_zheng .right .swiper-slide img{object-fit: cover;width: 100%; height: 280px;}
.index_zheng .right .swiper-pagination{ bottom: 30px!important;  }
.index_zheng .right .swiper-pagination-bullet{ width: 40px; height: 2px; border-radius: 0px; background: #fff;  margin-left: 5px!important; margin-right: 5px!important;}
.index_zheng .right .swiper-pagination-bullet-active{ }
.index_zheng .swiper-button-prev { left:10px;}
.index_zheng .swiper-button-next{ right:10px;}


.layui-input, .layui-select, .layui-textarea{ font-size: 14px; }

.index_jubu{ margin-bottom: 40px; }
.index_jubu ul.menu{ display: none;}
.index_jubu .title{ margin-bottom: 30px; text-align: center; }
.index_jubu .title h2{ font-size: 24px; color: #000; }
.index_jubu .title span{ width: 30px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.index_jubu .title p{ font-size: 16px; color: #000; }
.index_jubu .content  ul{ width: auto; }
.index_jubu .content  ul li{ float: none; margin-bottom: 15px; width: auto; margin-right: 0px; position: relative; background: #333; overflow:hidden;border-radius: 3px;}
.index_jubu .content  ul li img{ width: 100%; display: block; position: relative; z-index: 1; opacity: 0.8;  transition-duration: 0.3s}
.index_jubu .content  ul li h3{  position: absolute;left: 0px; right: 0px; z-index: 2; text-align: center; top: 90px; color: #ffffff; font-weight: bold; font-size: 24px;text-shadow: 0px 5px 5px rgba(0,0,0,0.3); transition-duration: 0.3s;}
.index_jubu .content  ul li p{  position: absolute;left: 0px; right: 0px; z-index: 2; text-align: center; top: 130px; color: #fff; font-size: 16px; transition-duration: 0.3s;transition-delay: 0.05s }
.index_jubu .content  ul li .button{  position: absolute;left: 0px; right: 0px; z-index: 2;text-align: center; top: 180px; color: #fff; font-size: 16px; transition-duration: 0.3s; opacity: 1;transition-delay: 0.05s }
.index_jubu .content  ul li .button a{ cursor: pointer; border-radius: 3px; border:#fff solid 2px; color: #fff; font-size: 14px; font-weight: bold; padding: 10px 26px; margin-right: 5px; margin-left: 5px;}

.index_jubu .content  ul li:hover img{ opacity: 0.6; transform: scale(1.05);  }
.index_jubu .content  ul li:hover h3{top: 90px;  }
.index_jubu .content  ul li:hover p{top: 130px;  }
.index_jubu .content  ul li:hover .button{top: 180px;  opacity: 1; }

.index_advantage{ background: url(../images/advantage_bg.jpg) no-repeat center; background-size: cover; padding-top: 50px; padding-bottom: 50px;}
.index_advantage .title{ margin-bottom: 30px; }
.index_advantage .title h2{ font-size: 24px; color: #fff; text-align: center; }
.index_advantage .title span{ width: 30px; height: 2px; background: #fff; margin: 20px auto; display: block; }
.index_advantage .title p{ font-size: 20px; color: #fff; text-align: center; line-height: 1.8em; }
.index_advantage .swiper-container .swiper-slide .box{ background: #fff; border-radius: 3px; overflow: hidden; }
.index_advantage .swiper-container .swiper-slide .box img{ width: 100%; }
.index_advantage .swiper-container .swiper-slide .box .info{ padding:20px  25px; }
.index_advantage .swiper-container .swiper-slide .box .info h2{ font-size: 22px; margin-bottom: 10px; }
.index_advantage .swiper-container .swiper-slide .box .info p{ font-size: 14px; line-height: 1.8em; }

.index_case{ padding-top: 40px; padding-bottom: 40px;}
.index_case .title{ margin-bottom: 30px; }
.index_case .title h2{ font-size: 24px; color: #000; text-align: center; }
.index_case .title span{ width: 30px; height: 2px; background: #fdb82d; margin: 20px auto; display: block; }
.index_case .title p{ font-size: 16px; color: #666; text-align: center; }
.index_case .content{ position: relative; }
.index_case .content .swiper-container .swiper-slide ul{ position: initial; height: auto; }
.index_case .content .swiper-container .swiper-slide ul li{ position:initial;  background: #333; margin-bottom: 15px;}
.index_case .content .swiper-container .swiper-slide ul li.li1{ width: 100%; height: 240px; position: initial; left: auto; top: auto;}
.index_case .content .swiper-container .swiper-slide ul li.li2{ width: 100%; height: 240px; left: auto; top: auto;}
.index_case .content .swiper-container .swiper-slide ul li.li3{ width: 100%; height: 240px; left: auto; top: auto;}
.index_case .content .swiper-container .swiper-slide ul li.li4{ width: 100%; height: 240px; right: auto;}
.index_case .content .swiper-container .swiper-slide ul li .box{ position: relative;width: 100%; height: 240px; border-radius: 3px; overflow: hidden; }
.index_case .content .swiper-container .swiper-slide ul li .box:after{content: ""; position: absolute; bottom: 0; width: 100%; height: 100px; z-index: 3; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);}
.index_case .content .swiper-container .swiper-slide ul li.li1 .box{ position: relative;width: 100%; height: 240px; }
.index_case .content .swiper-container .swiper-slide ul li.li2 .box{ position: relative;width: 100%; height: 240px; }
.index_case .content .swiper-container .swiper-slide ul li.li3 .box{ position: relative;width: 100%; height: 240px; }
.index_case .content .swiper-container .swiper-slide ul li.li4 .box{ position: relative;width: 100%; height: 240px; }
.index_case .content .swiper-container .swiper-slide ul li .box h2{ position: absolute; z-index: 4; left: 25px; font-weight: bold; font-size: 18px; color: #fff; bottom: 50px; transition-duration: 0.3s }
.index_case .content .swiper-container .swiper-slide ul li .box p{ position: absolute; z-index: 4; font-size: 14px; color: #fff; left: 25px; bottom: 25px; transition-duration: 0.3s; transition-delay: 0.05s;}
.index_case .content .swiper-container .swiper-slide ul li .box p span{ margin-right: 20px; position: relative; }
.index_case .content .swiper-container .swiper-slide ul li .box p span:after{ position: absolute; right: -10px; top: 6px; height: 8px; width: 1px; content: ""; background: #999; }
.index_case .content .swiper-container .swiper-slide ul li .box p span.last:after{ display: none; }
.index_case .content .swiper-container .swiper-slide ul li img{ width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; z-index: 3; opacity: 0.9; transition-duration: 0.3s;}
.index_case .content .swiper-container .swiper-slide ul li .box:hover img{ opacity: 0.7;transform: scale(1.05);}
.index_case .content .swiper-container .swiper-slide ul li .box:hover h2{ bottom: 55px; }
.index_case .content .swiper-container .swiper-slide ul li .box:hover p{ bottom: 30px; }
.index_case .content .swiper-container{ padding-bottom: 20px; }
.index_case .swiper-pagination-bullet{ width: 40px; height: 2px; border-radius: 0px; background: #666;  margin-left: 5px!important; margin-right: 5px!important;}
.index_case .content .swiper-button-next{ display: none;  }
.index_case .content .swiper-button-prev{ display: none;  }

.index_design{ padding-top: 40px; padding-bottom: 40px; background: #f9f9f9;}
.index_design .title{ margin-bottom: 30px; position: relative; z-index: 333; }
.index_design .title h2{ font-size: 24px; color: #000; text-align: center; }
.index_design .title span{ width: 30px; height: 2px; background: #fdb82d; margin: 20px auto; display: block; }
.index_design .title p{ font-size: 16px; color: #666; text-align: center; }
.index_design .content{ position: relative; position: relative; margin-top: 0px; }
.index_design .content .swiper-slide .box .photo{ width: 140px; float: none; height: 140px; border-radius: 140px; overflow: hidden; border:#ececec solid 1px; margin: 0 auto}
.index_design .content .swiper-slide .box .photo img{ width: 100%; display: block;  margin:0 auto;}
.index_design .content .swiper-slide .box .info{  float: none; width: auto; padding-top: 20px; margin-right: 0px;  }
.index_design .content .swiper-slide .box .info .name { margin-bottom: 15px; text-align: center; }
.index_design .content .swiper-slide .box .info .name strong{ font-size: 18px;  }
.index_design .content .swiper-slide .box .info .name span{ font-size: 14px; padding-left: 5px; }
.index_design .content .swiper-slide .box .description{ line-height:1.8em; font-size: 14px;  }
.index_design .content .swiper-slide .box .more{ margin-bottom: 30px; }
.index_design .content .swiper-slide .box .more a{  line-height:1.8em; font-size: 14px;  }
.index_design .content .swiper-slide .box .reserve a{ background: #fecf30; color: #78420d; font-weight: bold; display: inline-block; padding: 10px 30px; font-size: 14px; border-radius: 3px;  }
.index_design .content .swiper-slide .box .reserve strong{ display: none; }
.index_design .content .swiper-slide .box .case{ float: none; width: auto;padding-top: 30px; }
.index_design .content .swiper-slide .box .case h2{ font-weight: bold; font-size: 16px; color: #666; margin-bottom: 20px; }
.index_design .content .swiper-slide .box .case ul { width: 100%; }
.index_design .content .swiper-slide .box .case ul li{ float: left; width:calc(50% - 20px); margin-right: 10px; margin-left: 10px; margin-bottom: 15px; position: relative; }
.index_design .content .swiper-slide .box .case ul li img{ width: 100%; display: block; }
.index_design .content .swiper-slide .box .case ul li p{position: absolute; z-index: 5; left: 0px; right: 0px;bottom: 0px; color: #fff; font-size: 14px; text-align: center; height: 40px; line-height:40px;}
.index_design .content .swiper-slide .box .case ul li:after{content: ""; position: absolute; bottom: 0; width: 100%; height: 60px; z-index: 3; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);}
.index_design .content .swiperTab {  display: none; }

.index_news{ padding-top:40px; padding-bottom: 40px; background: #fff;}
.index_news .title{ margin-bottom: 30px; }
.index_news .title h2{ font-size: 24px; color: #000; text-align: center; }
.index_news .title span{ width: 30px; height: 2px; background: #fdb82d; margin: 20px auto; display: block; }
.index_news .title p{ font-size: 16px; color: #666; text-align: center; }
.index_news .content .left{ float: none; width: auto; margin-right: 0px; margin-bottom: 30px;}
.index_news .content .center{ float: none; width: auto;margin-right: 0px; margin-bottom: 30px; }
.index_news .content .right{ float: none; width: auto; }
.index_news .content .subtitle{ position: relative; margin-bottom: 10px; text-align: center; color: #fff; font-weight: bold; font-size: 20px; border-radius: 3px; padding-top: 40px; padding-bottom: 40px; }
.index_news .content .subtitle:after{ position: absolute; content: ""; left: 110px; top: 51px; width: 30px; height: 1px; background: #fff; }
.index_news .content .subtitle:before{position: absolute; content: ""; right: 110px; top: 51px; width: 30px; height: 1px; background: #fff;}
.index_news .content ul li{ line-height: 36px; font-size: 14px; position: relative; padding-left: 15px; }
.index_news .content ul li:after{ position: absolute; content:""; left: 0px; top: 16px;  width: 4px; height: 4px; background: #febf2e }
.index_news .content ul li a{ color: #000; }
.index_news .content ul li a:hover{ color: #333; }


.ce_banner{ height: 280px; }
.ce_banner h2{ padding-top: 50px; font-size: 30px; text-align: center; color: #fff; text-shadow: 0px 5px 5px rgba(0,0,0,.3) }
.ce_banner h3{ padding-top: 20px; font-size: 18px; text-align: center; font-weight: normal; color: #fff; text-shadow: 0px 5px 5px rgba(0,0,0,.3) }
.ce_banner .button{ text-align: center; padding-top: 30px;}
.ce_banner .button a{ cursor: pointer; display:inline-block; background: #fecf30; color: #78420d; font-weight: bold; display: inline-block; padding: 10px 20px; font-size: 14px; border-radius: 3px; margin-right: 12px;  }
.ce_banner .button a img{display: inline-block; width: 16px;  height: 16px; position: relative; margin-top: -2px; }



.zheng_banner{ height: 280px; }
.zheng_banner h2{ padding-top: 70px; font-size: 30px; text-align: center; color: #fff; text-shadow: 0px 5px 5px rgba(0,0,0,.3) }
.zheng_banner h3{ padding-top: 20px; font-size: 18px; text-align: center; font-weight: normal; color: #fff; text-shadow: 0px 5px 5px rgba(0,0,0,.3) }
.zheng_banner .button{ text-align: center; padding-top: 30px;}
.zheng_banner .button a{ cursor: pointer; display:inline-block; background: #fecf30; color: #78420d; font-weight: bold; display: inline-block; padding: 10px 20px; font-size: 14px; border-radius: 3px; margin-right: 12px;  }
.zheng_banner .button a img{display: inline-block; width:16px;  height: 16px; position: relative; margin-top: -2px; }
.zheng_form{ background: #2c2e2c }
.zheng_form .form_a{ padding-left: 0px!important; padding-right: 0px!important; }

.zheng_box_1{ padding-top: 40px; padding-bottom: 40px; }
.zheng_box_1 ul li{float: none; width: 100%; margin-bottom: 30px;}
.zheng_box_1 ul li .img{width: 140px; margin: 0 auto; height: 140px; border-radius: 140px; overflow: hidden; }
.zheng_box_1 ul li .img img{ object-fit: cover; width: 100%; height: 100%; }
.zheng_box_1 ul li h2{ padding-top:20px; padding-bottom: 10px;  text-align: center; color: #fecf30}
.zheng_box_1 ul li p{ text-align: center; line-height: 1.8em; color: #333333;}
.zheng_box_1 ul li p br{display: none;}

.zheng_box_2{ background: url(../images/zheng_4.jpg) no-repeat; background-size:cover; padding-top: 50px; padding-bottom: 50px; }
.zheng_box_2 .title{ margin-bottom: 30px; text-align: center; }
.zheng_box_2 .title h2{ font-size: 24px; color: #fff; }
.zheng_box_2 .title span{ width: 30px; height: 2px; background: #fff; margin: 20px auto; display: block; }
.zheng_box_2 .title p{ font-size: 16px; color: #fff; }
.zheng_box_2 .content{ position: relative; }
.zheng_box_2 .content .pk{ position: absolute; left:50%; top: 47%; width: 70px; margin-left: -35px; z-index: 32;}
.zheng_box_2 .content .pk img{ width: 100%; display: block; }
.zheng_box_2 .content .left{width: 100%; float: none; background:rgba(0,0,0,0.6); }
.zheng_box_2 .content .right{width: 100%; float: none; background:rgba(254,207,47,0.9); }
.zheng_box_2 .content .left .box{ padding: 50px; padding-bottom: 30px; }
.zheng_box_2 .content .left .box h3{ text-align: center; font-size: 24px; color: #fff; padding-bottom: 40px;}
.zheng_box_2 .content .left .box ul li{ color: #fff; position: relative; padding-left: 40px; margin-bottom: 35px; }
.zheng_box_2 .content .left .box ul li strong{position: absolute; left: 0px; top: 0px; width: 24px; height: 24px; border-radius: 24px; background: #fff; color: #333; font-size: 16px; text-align: center; line-height: 24px;}
.zheng_box_2 .content .left .box ul li h4{ font-size: 18px; margin-bottom: 5px; line-height: 24px; }
.zheng_box_2 .content .left .box ul li p{ font-size: 16px; }
.zheng_box_2 .content .right .box{ padding: 50px; padding-bottom: 30px; }
.zheng_box_2 .content .right .box h3{ text-align: center; font-size: 24px; color: #000000; padding-bottom: 40px;}
.zheng_box_2 .content .right .box ul li{ color: #000000; position: relative; padding-left: 40px; margin-bottom: 35px; }
.zheng_box_2 .content .right .box ul li strong{position: absolute; left: 0px; top: 0px; width: 24px; height: 24px; border-radius: 24px; background: #000000; color: #fff; font-size: 16px; text-align: center; line-height: 24px;}
.zheng_box_2 .content .right .box ul li h4{ font-size: 18px; margin-bottom: 5px; line-height: 24px; }
.zheng_box_2 .content .right .box ul li p{ font-size: 16px; }

.zheng_box_3{  padding-top: 40px; padding-bottom: 40px; }
.zheng_box_3 .title{ margin-bottom: 30px; text-align: center; }
.zheng_box_3 .title h2{ font-size: 24px; color: #000; }
.zheng_box_3 .title span{ width: 30px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.zheng_box_3 .content .swiperTab{ text-align: center; margin-bottom: 20px;}
.zheng_box_3 .content .swiperTab li{ display: inline-block; font-size: 16px; color: #333; padding: 10px 20px; margin-left: 5px; margin-right: 5px; cursor: pointer; }
.zheng_box_3 .content .swiperTab li.active{ background: #fecf30; color: #78420d; border-radius: 3px; }
.zheng_box_3 .content .swiper-container .swiper-slide ul{ width: auto; }
.zheng_box_3 .content .swiper-container .swiper-slide ul li{ float: none; width: 100%; margin-bottom: 15px; margin-right: 0px; position: relative; background: #333; overflow:hidden;border-radius: 3px;}
.zheng_box_3 .content .swiper-container .swiper-slide ul li img{ width: 100%; display: block; position: relative; z-index: 1; opacity: 0.8;  transition-duration: 0.3s}


.zheng_box_4{  padding-top: 40px; padding-bottom: 40px; background: #f9f9f9; }
.zheng_box_4 .title{ margin-bottom: 30px; text-align: center; }
.zheng_box_4 .title h2{ font-size: 24px; color: #000; }
.zheng_box_4 .title span{ width: 30px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.zheng_box_4 .content{ overflow: hidden; }
.zheng_box_4 .content .swiperTab{ text-align: center; margin-bottom: 40px;}
.zheng_box_4 .content .swiperTab li{ display: inline-block; font-size: 16px; color: #333; padding: 10px 20px; margin-left: 5px; margin-right: 5px; cursor: pointer; }
.zheng_box_4 .content .swiperTab li.active{ background: #fecf30; color: #78420d; border-radius: 3px; }
.zheng_box_4 .section{ position: relative; height: 400px; }
.zheng_box_4 .img-box {width: 800px;height: 400px;position: absolute;top: 0px;left: 50%;margin-left: -400px;overflow: hidden;}
.zheng_box_4 .img-box img{ width: 800px; }
.zheng_box_4 .part-l {position: absolute;width: 200px;overflow: hidden;z-index: 1;}
.zheng_box_4 .part-r {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.zheng_box_4 .tags {position: absolute;bottom: 20px;left: 0;width: 100%;height: 40px;z-index: 2;}
.zheng_box_4 .tags a {position: absolute;display: block;width: 136px;height: 36px;font-size: 14px;text-align: center;line-height: 36px;border: 1px solid #fff;border-radius: 20px;}
.zheng_box_4 .tags a:nth-child(1) {bottom: 0;left: 20px;color: #fff;}
.zheng_box_4 .tags a:nth-child(2) {bottom: 0;right: 20px;color: #000;background-color: #fff;}
.zheng_box_4 .toolbar {position: absolute;height: 100%;left: 200px;top: 0;border-right: 1px solid rgba(255, 255, 255, 0.4);z-index: 3;}
.zheng_box_4 .toolbar:after {content: "";position: absolute;top: 47%;left: -16px;height: 32px;width: 32px;background: url(../images/mz-bar.png) repeat; background-size: cover; }

.zheng_box_5{  padding-top: 40px; padding-bottom: 40px;  }
.zheng_box_5 .title{ margin-bottom: 30px; text-align: center; }
.zheng_box_5 .title h2{ font-size: 24px; color: #000; }
.zheng_box_5 .title span{ width: 30px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.zheng_box_5 .title p{ font-size: 14px; line-height: 1.5em; color: #333; }
.zheng_box_5 .content ul li{ border-top: #dadada solid 2px; padding-top:20px; padding-bottom: 20px;}
.zheng_box_5 .content ul li .name{ float: left; width: 25%; line-height: 32px; font-weight: bold; font-size: 16px; }
.zheng_box_5 .content ul li .name img{display: inline-block; width: 18px;  height: 18px; position: relative; margin-top: -4px; margin-right: 4px; }
.zheng_box_5 .content ul li .list_left{ float: left; width: 35%; }
.zheng_box_5 .content ul li .list_right{ float: left; width: 40%; }
.zheng_box_5 .content ul li dl dd{ line-height: 2.4em; font-size: 12px; color: #333; }


.zheng_box_6{  padding-top: 40px; padding-bottom: 40px; background: #f9f9f9  }
.zheng_box_6 .title{ margin-bottom: 30px; text-align: center; }
.zheng_box_6 .title h2{ font-size: 24px; color: #000; }
.zheng_box_6 .title span{ width: 30px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.zheng_box_6 .title p{ font-size: 16px; color: #333; line-height: 1.5em; }
.zheng_box_6 .content ul li { position: initial; margin-bottom: 20px; }
.zheng_box_6 .content ul li img{ width: 100%; border-radius: 3px; }
.zheng_box_6 .content ul li:nth-child(2n){ text-align: left; }
.zheng_box_6 .content ul li .info{position: initial; width: auto; right: 0px; top: 52px; background: #fff;border-radius: 3px; padding: 20px; box-shadow: 0px 10px 40px rgba(0,0,0,.1); }
.zheng_box_6 .content ul li .info h3{ font-weight: bold; font-size:20px; margin-bottom: 10px; text-align: left; position: relative;}
.zheng_box_6 .content ul li .info h3 span{ position: relative; z-index: 2; }
.zheng_box_6 .content ul li .info h3:after{ position: absolute; content: "";width: 10px; height: 10px; border-radius: 20px; border:#fecf30 solid 3px; left: -10px; z-index: 1; }
.zheng_box_6 .content ul li .info p{ line-height: 2em; font-size: 16px; color: #333; text-align: left; }
.zheng_box_6 .content ul li:nth-child(2n) .info{position: initial; width: auto; right: 0px; top: 52px; background: #fff;border-radius: 3px; padding: 20px; box-shadow: 0px 10px 40px rgba(0,0,0,.1); }

.ju_box_1{  padding-top: 40px; padding-bottom: 40px; background: #f9f9f9;  }
.ju_box_1 .title{ margin-bottom: 30px; text-align: center; }
.ju_box_1 .title h2{ font-size: 24px; color: #000; }
.ju_box_1 .title span{ width: 30px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.ju_box_1 .title p{ font-size: 16px; color: #333; }
.ju_box_1 .swiper-pagination{ display: block; }
.ju_box_1 .swiper-pagination{ bottom: 10px!important; }

.ju_box_1 .swiper-slide .box{ background: #000; position: relative; overflow: hidden;}
.ju_box_1 .swiper-slide .box:after{ display: none;} 
.ju_box_1 .swiper-slide .box img{ display: block; width: 100%; opacity: 0.7; transition-duration: 0.3s; }
.ju_box_1 .swiper-slide .box h3{ position: absolute; left: 30px; bottom: 60px; z-index: 3; color: #fff; font-size: 36px; opacity: 0.6; font-weight: normal;transition-duration: 0.3s;}
.ju_box_1 .swiper-slide .box p{ position: absolute; left: 30px; bottom: 30px; z-index: 3; color: #fff; font-size: 18px; opacity: 0.6; font-weight: normal;transition-duration: 0.3s;}
.ju_box_1 .swiper-slide .box:hover:after{ position: absolute;content: ""; left: 12px; top: 12px; right: 12px; bottom: 12px;border:#fff solid 1px; opacity: 1; } 
.ju_box_1 .swiper-slide .box:hover h3{ font-weight: normal; opacity: 1; font-size: 48px; }
.ju_box_1 .swiper-slide .box:hover p{ font-weight: normal; opacity: 1; font-size: 20px; }
.ju_box_1 .swiper-slide .box:hover img{ transform: scale(1.1); opacity: 0.9 }
.ju_box_1 .content .swiper-container{ padding-bottom: 40px; }
.ju_box_1 .swiper-pagination-bullet{ width: 40px; height: 2px; border-radius: 0px; background: #111;  margin-left: 5px!important; margin-right: 5px!important;}
.ju_box_1 .swiper-pagination-bullet-active{ }


.ju_box_2{  padding-top: 40px; padding-bottom: 40px;}
.ju_box_2 .title{ margin-bottom: 30px; text-align: center; }
.ju_box_2 .title h2{ font-size: 24px; color: #000; }
.ju_box_2 .title span{ width: 30px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.ju_box_2 .title p{ font-size: 16px; color: #333; }
.ju_box_2 .content ul{ border-radius: 3px; border:#dadada solid 1px;  }
.ju_box_2 .content ul li{ float: none; width: 100%; text-align: center;transition-duration: 0.3s;padding-top: 30px; padding-bottom:30px; box-shadow: 0px 0px 30px rgba(0,0,0,0)}
.ju_box_2 .content ul li:hover{ background: #fecf30; transform: scale(1..5);box-shadow: 0px 0px 30px rgba(254,207,47,.4)}
.ju_box_2 .content ul li .icon{ position: relative; width: 44px; height: 44px; margin: 0 auto; }
.ju_box_2 .content ul li .icon img.black{  position: absolute; left: 0px; width: 44px;opacity: 1; transition-duration: 0.3s;}
.ju_box_2 .content ul li .icon img.white{  position: absolute; left: 0px; width: 44px;opacity: 0;transition-duration: 0.3s;}
.ju_box_2 .content ul li h3{ padding-top: 20px; padding-bottom: 20px; text-align: center; font-size: 18px;transition-duration: 0.3s;}
.ju_box_2 .content ul li:hover h3{ padding-top: 20px; padding-bottom: 20px; text-align: center; color: #fff; font-size: 18px; }
.ju_box_2 .content ul li .more{ position: relative; width: 24px; height: 24px; margin: 0 auto;transform:rotate(90deg);}
.ju_box_2 .content ul li .more img.black{  position: absolute; left: 0px; width: 24px;opacity: 1;}
.ju_box_2 .content ul li .more img.white{  position: absolute; left: 0px; width: 24px;opacity: 0;}
.ju_box_2 .content ul li:hover .icon img.black{  position: absolute; left: 0px; width: 44px;opacity: 0;}
.ju_box_2 .content ul li:hover .icon img.white{  position: absolute; left: 0px; width: 44px;opacity: 1;}
.ju_box_2 .content ul li:hover .more img.black{  position: absolute; left: 0px; width: 24px;opacity: 0;}
.ju_box_2 .content ul li:hover .more img.white{  position: absolute; left: 0px; width: 24px;opacity: 1;}


.ju_box_3{  padding-top: 40px; padding-bottom: 40px; background: #f9f9f9;}
.ju_box_3 .title{ margin-bottom: 30px; text-align: center; }
.ju_box_3 .title h2{ font-size: 24px; color: #000; }
.ju_box_3 .title span{ width: 30px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.ju_box_3 .title p{ font-size: 16px; color: #333; }
.ju_box_3 .content ul{ width: auto; padding-top: 0px; }
.ju_box_3 .content ul li{ float: none; width: 100%; margin-right: 0px;margin-bottom: 15px; position: relative; background: #333; transition-duration: 0.3s; }
.ju_box_3 .content ul li img{ width: 100%; }
.ju_box_3 .content ul li h3{ position: absolute; left: 0px; right: 0px; bottom: 0px; height: 44px; line-height: 44px; color: #fff; text-align: center; font-size: 16px;background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); transition-duration: 0.3s; }
.ju_box_3 .content ul li:hover {  transform: scale(1.03); }
.ju_box_3 .content ul li:hover h3{ background: #fecf30; color: #fff; }
.ju_box_3 .content ul li:nth-child(2){ position: relative; margin-top: 0px; }
.ju_box_3 .content ul li:nth-child(5){ position: relative; margin-top: 0px; }


.ju_box_4{  padding-top: 40px; padding-bottom: 40px; background: url(../images/ju_14.jpg) no-repeat center; background-size:cover; }
.ju_box_4 .title{ margin-bottom: 30px; text-align: center; }
.ju_box_4 .title h2{ font-size: 24px; color: #fff; }
.ju_box_4 .title span{ width: 30px; height: 2px; background: #fff; margin: 20px auto; display: block; }
.ju_box_4 .title p{ font-size: 16px; color: #fff; }
.ju_box_4 .swiper-pagination{ display: block; }
.ju_box_4 .content .swiper-container{ padding-bottom: 40px; }
.ju_box_4 .swiper-pagination-bullet{ width: 40px; height: 2px; border-radius: 0px; background: #fff;  margin-left: 5px!important; margin-right: 5px!important;}
.ju_box_4 .swiper-pagination-bullet-active{ }
.ju_box_4 .swiper-slide .box{ background: rgba(0,0,0,0.3); border-radius: 3px; padding-top: 60px; padding-bottom: 60px; position: relative; }
.ju_box_4 .swiper-slide .box:after{ position: absolute; content: ""; left: 10px; right: 10px; top: 10px; bottom: 10px; border-radius: 3px; border:#fff solid 1px; opacity: 0.5; }
.ju_box_4 .swiper-slide img{ display: block; width: 48px;margin: 0 auto; }
.ju_box_4 .swiper-slide h3{color: #fff; font-size: 18px; text-align: center; padding-top: 20px;}


.ju_box_5{  padding-top: 40px; padding-bottom: 40px; }
.ju_box_5 .title{ margin-bottom: 30px; text-align: center; }
.ju_box_5 .title h2{ font-size: 24px; color: #000; }
.ju_box_5 .title span{ width: 30px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.ju_box_5 .title p{ font-size: 16px; color: #333; }

.ju_box_5 .content .tab{ text-align: center;  margin-bottom: 30px;}
.ju_box_5 .content .tab ul li{display: inline-block; margin-left: 5px; margin-right: 5px;}
.ju_box_5 .content .tab ul li .sd02{ border-radius: 3px; display:block; font-size: 18px; background: #fff; color: #333; padding: 10px 20px; cursor: pointer; }
.ju_box_5 .content .tab ul li .sd01{ border-radius: 3px; display:block; font-size: 18px; padding: 10px 20px; cursor: pointer;  background: #fecf30; color: #78420d; }

.ju_box_5 .swiper-slide img{ width: 100%; display: block; }
.ju_box_5 .swiper-container{ padding-bottom: 40px; }
.ju_box_5 .swiper-pagination-bullet{ width:20px; height: 2px; border-radius: 0px; background: #666;  margin-left: 5px!important; margin-right: 5px!important;}
.ju_box_5 .swiper-button-prev { left: 10px; top: 45%;}
.ju_box_5 .swiper-button-next{  right: 10px;top:45%;}



.detailbanner{ height: 200px }
.detailbanner h2{ padding-top: 65px; font-size: 30px; text-align: center; color: #fff; text-shadow: 0px 5px 5px rgba(0,0,0,.3) }
.detailbanner h3{ padding-top: 10px; font-size: 16px; line-height: 1.6em; text-align: center; font-weight: normal; color: #fff; text-shadow: 0px 5px 5px rgba(0,0,0,.3) }

.shaixuan{ padding-top: 10px; padding-bottom: 10px; }
.shaixuan .list{ padding-top: 5px; padding-bottom: 5px; font-size: 14px;}
.shaixuan .list span{ float: none; font-weight: bold;padding: 10px; padding-left: 0px; display: block;  }
.shaixuan .list strong{ float: left; margin-right:10px; background: #fecf30; color: #fff; border-radius: 3px; padding: 10px;box-shadow: 0px 5px 10px rgba(254,207,47,.4) }
.shaixuan .list a{ float: left; margin-right: 10px;padding: 10px;  }

.case_list { background: #f6f6f6; padding-bottom: 40px; }
.case_list ul{ width: 100%; padding-top: 35px; }
.case_list ul li{ float: none; width: 100%;  margin-bottom: 15px; margin-right: 0px; border-radius: 3px; overflow: hidden; box-shadow: 0px 10px 40px rgba(0,0,0,0.0); transition-duration: 0.3s;  }
.case_list ul li:hover{ box-shadow: 0px 10px 40px rgba(0,0,0,0.1) ;transform: translateY(-3px) }
.case_list ul li .img img{ width: 100%; height: auto; display: block; }
.case_list ul li .img{ position: relative; overflow: hidden; }
.case_list ul li .img .case_design{ position: absolute; left: 20px; right: 20px; bottom:15px; z-index: 333; transition-duration: 0.3s;}
.case_list ul li .img .case_design .photo{ width: 48px; height: 48px; border-radius: 48px; overflow: hidden; float: left; margin-right: 10px; }
.case_list ul li .img .case_design .text h3{ color: #fff; font-weight: bold; font-size: 14px; margin-bottom: 4px; padding-top: 4px; }
.case_list ul li .img .case_design .text h4{ color: #fff; font-size: 12px; font-weight: normal; margin-bottom: 12px; }
.case_list ul li .img:after{ content: ""; position: absolute; height: 100px; left: 0px; z-index: 222; right: 0px; bottom: 0px; background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); transition-duration: 0.3s;}
.case_list ul li:hover .img:after{ bottom: 0px; }
.case_list ul li .img:hover .case_design{bottom: 15px;}
.case_list ul li .info{ background: #fff; padding: 20px; }
.case_list ul li .info h3{font-size: 18px; color: #2c2e2c; margin-bottom: 10px;}
.case_list ul li .info p{font-size: 14px; color: #2c2e2c;}
.case_list ul li .info p span{ margin-right: 20px; position: relative; }
.case_list ul li .info p span:after{ position: absolute; right: -10px; top: 6px; height: 8px; width: 1px; content: ""; background: #999; }
.case_list ul li .info p span.last:after{ display: none; }


.crumbs{ background: #2c2e2c; font-size: 14px; color: #dadada; line-height: 40px; height: 40px;}
.crumbs a{ color: #dadada; }
.crumbs i{ margin-right: 5px; margin-left: 5px; }


.case_detail{ background: #f6f6f6; padding-top: 20px; padding-bottom: 30px; }
.case_detail .top{ background: #fff; padding: 20px; padding-bottom: 20px; position: relative;  border-top-left-radius: 3px; border-top-right-radius: 3px;}
.case_detail .top .case_info{ width: auto; margin-bottom: 20px; }
.case_detail .top .case_info h2{ font-size: 24px; color: #000; margin-bottom: 20px;}
.case_detail .top .case_info p{ font-size: 16px; color: #333;line-height: 1.8em; margin-bottom: 0px;}
.case_detail .top .case_info p span{ margin-right: 30px; }
.case_detail .top .case_design{ position: initial; right: 50px; top: 50px; width: 100%; padding-top: 30px; border-top: #ececec solid 1px;}
.case_detail .top .case_design .photo{ width: 70px; height: 70px; border-radius: 70px; overflow: hidden; float: left; margin-right: 15px; }
.case_detail .top .case_design .photo img{ width: 100%; display: block; }
.case_detail .top .case_design .text{ width: auto; }
.case_detail .top .case_design .text h3{ color: #333; font-weight: bold; font-size: 16px; margin-bottom: 2px; }
.case_detail .top .case_design .text h4{ color: #666; font-size: 12px; font-weight: normal; margin-bottom: 6px; }
.case_detail .top .case_design .text h4 span{ margin-right: 10px; }
.case_detail .top .case_design .text .button a.detail{ display: inline-block; background: #fff; padding: 5px 12px; font-size: 12px; margin-right: 10px; border-radius: 3px; border:#666 solid 1px;  }
.case_detail .top .case_design .text .button a.reserve{ display: inline-block; background: #fff; padding: 4px 12px; font-size: 12px;  border-radius: 3px; border:#fecf30 solid 1px; background: #fecf30; color: #78420d;  }
.case_detail .imglist{ padding-left: 0px; padding-right: 0px; background: #fff; }
.case_detail .imglist img{ width: 100%; display: block; height: 100%; object-fit: contain;}
.case_detail .imglist .swiper-slide{ overflow: hidden; height: 100%; }
.case_detail .imglist .swiper-container{ height: 350px; background: #000; }
.case_detail .imglist .swiper-pagination{ bottom: 20px!important }
.case_detail .imglist .swiper-pagination-bullet{ width: 10px; height: 2px; opacity: 0.5; border-radius: 0px; background: #fff;  margin-left: 5px!important; margin-right: 5px!important;}
.case_detail .imglist .swiper-pagination-bullet-active{ opacity: 1; background: #fecf30 }
.case_detail .other{ border-top: #ececec solid 1px;  background: #fff; padding: 20px;padding-top: 40px; padding-bottom: 30px; }
.case_detail .other .title{ font-size: 24px; color: #2c2e2c; margin-bottom: 25px; }
.case_detail .other  .swiper-slide .box{}
.case_detail .other  .swiper-slide .box .img{ height: auto; border-radius: 3px; overflow: hidden;  }
.case_detail .other  .swiper-slide .box .img img{ width: 100%; display: block;height: 100%; object-fit: cover;}
.case_detail .other  .swiper-slide .box h3{ color: #2c2e2c; font-size: 16px; margin-bottom: 10px; padding-top: 20px; }
.case_detail .other  .swiper-slide .box p{font-size: 14px; color: #2c2e2c;}
.case_detail .other  .swiper-slide .box p span{ margin-right: 20px; position: relative; }
.case_detail .other  .swiper-slide .box p span:after{ position: absolute; right: -10px; top: 5px; height: 8px; width: 1px; content: ""; background: #999; }
.case_detail .other  .swiper-slide .box p span.last:after{ display: none; }
.case_detail .other  .swiper-container{ padding-bottom: 40px;}
.case_detail .other .swiper-pagination-bullet{ width: 40px; height: 2px; opacity: 0.5; border-radius: 0px; background: #999;  margin-left: 5px!important; margin-right: 5px!important;}
.case_detail .other .swiper-pagination-bullet-active{ opacity: 1; background: #fecf30 }

.design_list{ background: #f6f6f6; padding-top: 20px; padding-bottom: 30px; }
.design_list .content{ background: #fff; border-radius: 3px; padding: 10px 20px; }
.design_list .content ul li { border-bottom: #ececec solid 1px; padding-top: 30px; padding-bottom: 30px; }
.design_list .content ul li .photo{ float: none; width: 120px; height: 120px; border-radius: 120px; overflow: hidden; margin-right: 0px; margin: 0 auto;}
.design_list .content ul li .photo img{ width: 100%; display: block; }
.design_list .content ul li .info{ float: none; width: auto; text-align: center; }
.design_list .content ul li .info h3{ margin-bottom: 10px; padding-top: 20px; }
.design_list .content ul li .info h3 .xing{ float: none; font-size: 14px; line-height: 24px;  text-align: center; padding-bottom: 10px;}
.design_list .content ul li .info h3 .xing i{ margin-left: 5px; }
.design_list .content ul li .info h3 .xing5 i{ color: #fecf30 }
.design_list .content ul li .info h3 strong{ color: #2c2e2c; font-size: 24px; display:block; text-align: center; margin-bottom: 10px; }
.design_list .content ul li .info h3 span{ padding-left:10px; padding-right: 10px; font-weight: normal; font-size: 16px; color: #2c2e2c; }
.design_list .content ul li .info .html{ line-height: 1.8em; font-size: 16px; color: #2c2e2c; text-align:justify;}
.design_list .content ul li .button{  float: none; width: 100%; text-align: center; padding-top: 20px;}
.design_list .content ul li .button a{ background: #fecf30; color: #78420d; font-size: 16px; font-weight: bold; display: block; padding: 14px 30px; border-radius: 3px; }
.design_list .content ul li .button strong{ display: none; }

.design_detail{  background: url(../images/designbg.jpg) no-repeat center top #f6f6f6; background-size:contain; padding-top: 100px; padding-bottom: 60px;  }
.design_detail .content{ background: #fff; border-radius: 3px; padding: 20px; box-shadow: 0px 5px 30px rgba(0,0,0,0.1)}
.design_detail .content .info .left {float: none; width: 120px; margin-right: 0px; margin: 0 auto; margin-bottom: 30px;}
.design_detail .content .info .left .photo{ width: 120px; height: 120px; overflow: hidden; border-radius: 120px; background: #fff; border: #fff solid 6px; position: relative; margin-top: -100px; }
.design_detail .content .info .left .photo img{ width: 100%; display: block; }
.design_detail .content .info .left .xing{ font-size: 16px; line-height: 24px; text-align: center; padding-top: 10px; }
.design_detail .content .info .left .xing i{ margin-left: 5px; }
.design_detail .content .info .left .xing5 i{ color: #fecf30 }
.design_detail .content .info .left .button{  text-align: center; padding-top: 15px;}
.design_detail .content .info .left .button a{ background: #fecf30; color: #78420d; font-size: 16px; font-weight: bold; display: inline-block; padding: 10px 30px; border-radius: 3px; }
.design_detail .content .info .left .button strong{ display: none; }
.design_detail .content .info .text { float: none; width: auto; text-align: center; }
.design_detail .content .info .text h3{ margin-bottom: 10px; line-height: 1.5em; }
.design_detail .content .info .text h3 strong{ color: #2c2e2c; font-size: 22px; }
.design_detail .content .info .text h3 span{ padding-left: 0px; font-weight: normal; font-size: 16px; color: #2c2e2c; display: block; }
.design_detail .content .info .text .html{ line-height: 1.8em; font-size: 16px; color: #2c2e2c; text-align: left; }


.design_detail .tacase{  padding-top: 40px; }
.design_detail .tacase .title{font-size: 20px; color: #2c2e2c; margin-bottom: 25px; font-weight: bold; }
.design_detail .tacase .list ul { width: auto; }
.design_detail .tacase .list ul li{ width: 100%; margin-right: 0px; float: left; margin-bottom: 40px; }
.design_detail .tacase .list ul li .img{height: auto; border-radius: 3px; overflow: hidden; }
.design_detail .tacase .list ul li .img img{width: 100%; display: block;height: 100%; object-fit: cover;}
.design_detail .tacase .list ul li h3{ color: #2c2e2c; font-size: 18px; margin-bottom: 10px; padding-top: 20px; }
.design_detail .tacase .list ul li p{font-size: 14px; color: #2c2e2c;}
.design_detail .tacase .list ul li p span{ margin-right: 20px; position: relative; }
.design_detail .tacase .list ul li p span:after{ position: absolute; right: -10px; top: 5px; height: 8px; width: 1px; content: ""; background: #999; }
.design_detail .tacase .list ul li p span.last:after{ display: none; }


.bao_banner{ height:200px; }
.bao_banner h2{ padding-top: 65px; font-size: 30px; text-align: center; color: #fff; text-shadow: 0px 5px 5px rgba(0,0,0,.3) }
.bao_banner h3{ padding-top: 10px; font-size: 16px; line-height: 1.6em; text-align: center; font-weight: normal; color: #fff; text-shadow: 0px 5px 5px rgba(0,0,0,.3) }
.bao_form{ background: #2c2e2c }
.bao_form .pagewidth{  padding: 0; }



.bao_box_1{padding-top: 40px; padding-bottom: 40px; }
.bao_box_1 .title{ margin-bottom: 30px; text-align: center; }
.bao_box_1 .title h2{ font-size: 24px; color: #000; }
.bao_box_1 .title span{ width: 30px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.bao_box_1 .title p{ font-size: 16px; color: #333; }
.bao_box_1 .content .swiperTab{ text-align: center; margin-bottom: 40px;}
.bao_box_1 .content .swiperTab li{ display: inline-block; font-size: 16px; color: #333; padding: 10px 20px; margin-left: 5px; margin-right: 5px; cursor: pointer; }
.bao_box_1 .content .swiperTab li.active{ background: #fecf30; color: #78420d; border-radius: 3px; }
.bao_box_1 .content .swiper-container .swiper-slide ul{ width: auto; }
.bao_box_1 .content .swiper-container .swiper-slide ul.list4 li{ float: none; width: 100%; margin-right: 0px; position: relative; background: #333; overflow:hidden;border-radius: 3px;}
.bao_box_1 .content .swiper-container .swiper-slide ul.list3 li{ float: none; width: 100%; margin-right: 0px; position: relative; background: #333; overflow:hidden;border-radius: 3px;}
.bao_box_1 .content .swiper-container .swiper-slide ul.list2 li{ float: none; width: 100%; margin-right: 0px; position: relative; background: #333; overflow:hidden;border-radius: 3px;}
.bao_box_1 .content .swiper-container .swiper-slide ul li img{ width: 100%; display: block; }
.bao_box_1 .content .swiper-container .swiper-slide ul li h3{ position: absolute; z-index: 44; left: 0px;  right: 0px; bottom: 0px; height: 60px; line-height: 40px; text-align: center; color: #fff; }
.bao_box_1 .content .swiper-container .swiper-slide ul li:after{ content: ""; position: absolute; z-index: 22; left: 0px; right: 0px; bottom: 0px; height: 60px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); }
.bao_box_1 .content .swiper-container .swiper-slide ul li{ margin-bottom: 15px; }

.bao_box_2{ background: #f6f6f6; padding-top: 40px; padding-bottom: 40px; }
.bao_box_2 .title{ margin-bottom: 30px; text-align: center; }
.bao_box_2 .title h2{ font-size: 24px; color: #000; }
.bao_box_2 .title span{ width: 30px; height: 2px; background: #fecf30; margin: 20px auto; display: block; }
.bao_box_2 .title p{ font-size: 16px; color: #333; }
.bao_box_2 .content ul{ width: 100%; }
.bao_box_2 .content ul li{ float: left; width:calc(50% - 50px); padding: 25px; margin-right: 0px; background: #fff; border-radius: 3px; height: 180px; transition-duration: 0.3s; }
.bao_box_2 .content ul li .icon{ width: 50px; height: 50px; margin: 0 auto; margin-bottom:20px; position: relative; }
.bao_box_2 .content ul li .icon img{ width: 100%; display: block; position: absolute;transition-duration: 0.3s;  }
.bao_box_2 .content ul li .icon img.black{ opacity: 1; }
.bao_box_2 .content ul li .icon img.white{ opacity: 0; }
.bao_box_2 .content ul li h3{ text-align: center; font-size: 20px; margin-bottom: 15px;transition-duration: 0.3s;  }
.bao_box_2 .content ul li p{text-align: center; font-size: 16px; color: #333; line-height: 1.8em;transition-duration: 0.3s; }
.bao_box_2 .content ul li:hover{ background: #ffd531; transform: scale(1); }
.bao_box_2 .content ul li:hover .icon img.black{ opacity: 0; }
.bao_box_2 .content ul li:hover .icon img.white{ opacity: 1; }
.bao_box_2 .content ul li:hover h3{ color: #fff;}
.bao_box_2 .content ul li:hover p{ color: #fff;}


.baojiabox { padding-top: 60px; padding-bottom: 60px; }
.baojiabox .title{margin-bottom: 40px;}
.baojiabox .title img{ width: 100%; margin: 0 auto; display: block; }
.baojiabox .title h2{ text-align: center; color: #fff; font-size: 20px; line-height: 1.5em;}
.baojiabox .box{ background: #fff; border-radius: 3px; padding: 30px ; }
.baojiabox .box .subtitle h3{ color: #50ab6a; font-size: 24px; text-align: center; margin-bottom: 15px; }
.baojiabox .box .subtitle p{ color: #333; font-size: 16px; text-align: center; }
.baojiabox .box .subtitle p span{ color: #fecf30; font-weight: bold;font-family: "Gotham-Bold"; font-size: 18px;padding-right: 3px; padding-left: 3px; }
.baojiabox .box .form_e{ padding-top: 20px; }
.baojiabox .box .form_e .left .layui-form .layui-form-label{ display: none; margin-left: 0; left: 0; }
.baojiabox .box .form_e .left .layui-form .layui-input-inline{ width: 100%!important; margin-left: 0; left: 0; display: block; }
.baojiabox .box .form_e .left .layui-btn{ background: #fecf30; color: #78420d; font-weight: bold; }
.baojiabox .box .form_e .left .layui-btn:hover{ color: #78420d }
.baojiabox .box .form_e .left .tishi{ color: #fecf30; font-size: 14px; font-weight: bold; }

.baojiabox .box .form_e .left .jisuan{ position: initial; right: -127px; top:10px; background: #fff; width: auto; height: auto; border-radius: auto;  padding: 0; border:none;box-shadow: 0px 0px 20px rgba(254,207,47,0);}
.baojiabox .box .form_e .left .jisuan button{ background: #fecf30;width: 100%; height: 44px; line-height: 44px; border-radius: auto; line-height: 1.2em; font-size: 18px; color: #fff; border-radius: 3px; }
.baojiabox .box .form_e .left .jisuan button:hover{ color: #fff; }
.baojiabox .box .form_e .left .jisuan button br{ display: none; }
.baojiabox .box .form_e .left{  float: none; width: auto; position: initial; margin-bottom: 20px;}
.baojiabox .box .form_e .right{  float: none; width: auto;}
.baojiabox .box .form_e .right .box1{ border-radius: 3px; border:#ececec solid 2px; padding: 20px ; }
.baojiabox .box .form_e .right .box1 h4{ line-height: 32px; font-size:18px; color:#e84f4f;text-align: center; margin-bottom: 20px; }
.baojiabox .box .form_e .right .box1 h4 img{ display: inline-block; width: 24px; height: 24px; position: relative; margin-top: -3px; }
.baojiabox .box .form_e .right .box1 h5{ font-size: 20px; color: #e84f4f;text-align: center;font-family: "Gotham-Bold"; }
.baojiabox .box .form_e .right .box1 h5 em{ font-style: normal; font-size: 20px; }
.baojiabox .box .form_e .right .box1 h5 strong{ font-size:16px; color: #333; }


.about_content { background: #f6f6f6; padding-top: 20px; padding-bottom: 30px; }
.about_content .left{  display: none; }

.about_content .right{ width: auto; float: none; background: #fff; box-shadow: 0px 10px 20px rgba(0,0,0,0.05); border-radius: 3px; padding: 20px;}
.about_content .right .content .title { font-weight: bold; font-size: 24px; color: #000; position: relative; padding-bottom: 25px; margin-bottom: 25px; }
.about_content .right .content .title:after{ content: ""; position: absolute; left: 0px; bottom: 0px; width: 30px; height: 2px; background:#fecf30  }
.about_content .right .content .html{ line-height: 1.8em; font-size: 16px; text-align: justify; }
.about_content .right .content .html hr{ margin-top: 30px; margin-bottom: 30px; }

.about_content .right .history{ position: relative; }
.about_content .right .history:before{ position: absolute; left: 106px; width: 1px; top: 10px; bottom: 10px; content: ""; background: #dadada; z-index: 1; }
.about_content .right .history h3{font-size: 18px; color: #fecf30; font-weight: bold; position: relative; padding-left: 0px; margin-bottom: 15px; z-index: 2;}
.about_content .right .history h3:after{ position: absolute; content: ""; left: 100px; top: 4px; background: #fff; width: 8px; height: 8px; border-radius: 8px; border:#fecf30 solid 3px; }
.about_content .right .history ul{ padding-left: 0px; padding-bottom: 10px; position: relative; z-index: 2; }
.about_content .right .history ul li{ margin-bottom: 10px; }
.about_content .right .history ul li h4{ float: left; font-size: 16px; color: #333; width: 130px; position: relative; }
.about_content .right .history ul li h4:after{ position: absolute; content: ""; left: 100px; top: 3px; background: #fff; width: 9px; height: 9px; border-radius: 12px; border:#dadada solid 2px; }
.about_content .right .history ul li p{ float: left; font-size: 14px; color: #333; width: calc(100% - 130px); line-height: 1.5em; position: relative; top: -2px;  }

.about_content .right .honor ul{ width: auto; }
.about_content .right .honor ul li{ float: none;  margin-right:0px; margin-bottom: 20px;}
.about_content .right .honor ul li .img{ width: auto; padding: 6px; border:#ececec solid 1px; height: 220px; }
.about_content .right .honor ul li .img img{object-fit: contain; height: 100%; width: 100%;}
.about_content .right .honor ul li h4{ text-align: center; padding-top: 10px; padding-bottom: 20px; font-size: 16px; color: #666; font-weight:normal; }

.about_content .right .news ul{ }
.about_content .right .news ul li{ margin-bottom: 20px; border-bottom: #ececec solid 1px; padding-bottom: 20px;}
.about_content .right .news ul li .img{ width: auto; float: none; padding: 4px; border:#ececec solid 1px; height: auto; }
.about_content .right .news ul li .img img{object-fit: cover; height: 100%; width: 100%;}
.about_content .right .news ul li .info{ float: none; width: auto;}
.about_content .right .news ul li .info h4{ margin-bottom: 10px; padding-top: 10px; line-height: 1.6em; }
.about_content .right .news ul li .info h4 a{ color: #333; font-size: 18px; }
.about_content .right .news ul li .info p{ margin-bottom: 15px; color: #666; font-size: 14px; line-height: 1.8em; }
.about_content .right .news ul li .info .time { font-size: 14px; color: #666; }
.about_content .right .news ul li .info .time span{  float: right; }
.about_content .right .news ul li .info .time span a{ color: #fecf30}

.about_content .right .news_detail .news_title{ padding-bottom: 20px; border-bottom:#ececec solid 1px; margin-bottom: 20px; }
.about_content .right .news_detail .news_title h1{ font-size: 24px; color: #000; margin-bottom:10px;}
.about_content .right .news_detail .news_title p{ font-size: 14px; color: #999; }
.about_content .right .news_detail .news_content{ line-height: 1.8em; color: #000; font-size: 16px; margin-bottom: 20px;padding-bottom: 20px;border-bottom:#ececec solid 1px; }
.about_content .right .news_detail .news_content p{line-height: 1.8em; color: #000; font-size: 16px; }
.about_content .right .news_detail .news_content p img{ width: 100%; display: block; margin: 0 auto; }
.about_content .right .news_detail .other{ line-height: 2em; font-size: 14px;  }

.about_content .right .client ul{ }
.about_content .right .client ul li{ margin-bottom: 30px;}
.about_content .right .client ul li .photo { float: left; margin-right: 20px; width: 50px; }
.about_content .right .client ul li .photo .img{ width: 50px;overflow: hidden;  border:#ececec solid 1px; height: 50px; border-radius: 50px; background: #fff }
.about_content .right .client ul li .photo .img img{object-fit: cover;width: 100%; height: 100%;}
.about_content .right .client ul li .photo p{ text-align: center; padding-top: 10px; color: #666; font-size: 14px;}
.about_content .right .client ul li .info{ float: left; width: calc( 100% - 70px);}
.about_content .right .client ul li .info h3{ font-weight: bold; font-size: 14px; color: #333; margin-bottom: 10px; }
.about_content .right .client ul li .info .html{ padding:10px 15px; text-align: justify; border-radius: 3px; border:#dadada solid 1px; font-size: 14px; line-height: 1.8em; color: #666; position: relative; }
.about_content .right .client ul li .info .html:after{ content: '';position: absolute;border: 8px solid transparent;border-left-width: 0;border-right-color: #dadada;top: 8px;left: -8px}
.about_content .right .client ul li .info .html:before{ content: '';position: absolute;border: 8px solid transparent;border-left-width: 0;border-right-color: #fff;top: 8px;left: -6.5px; z-index: 999;}


.service{ display:none; }
.hideright{ right: -220px; }

.tuan_list{ background: #f6f6f6; padding-top: 30px; }
.tuan_list ul{ width: auto; }
.tuan_list ul li{ width: 100%; float: none; margin-bottom: 20px; margin-right: 0px; border-radius: 3px; overflow: hidden; background:#fff; box-shadow: 0px 10px 40px rgba(0,0,0,0.0); transition-duration: 0.3s;}
.tuan_list ul li:hover{ box-shadow: 0px 10px 40px rgba(0,0,0,0.1) ;transform: translateY(-3px) }
.tuan_list ul li .img{ position: relative; height: auto; overflow: hidden; }
.tuan_list ul li .img .sale{ width:90px; height:70px; background: url(../images/sale.png) no-repeat;  background-size: 90px 70px; position: absolute; right: 10px; top:0px; z-index: 456;  }
.tuan_list ul li .img .sale h5{ text-align: center; font-size: 12px; color: #fff; padding-top: 10px; margin-bottom: 2px; }
.tuan_list ul li .img .sale h4{ text-align: center; font-size: 22px; color: #fff; font-family: "Gotham-Bold"; }
.tuan_list ul li .img img{ width: 100%; display: block; height: 100%; object-fit: cover; }
.tuan_list ul li .img strong{ display:none; }
.tuan_list ul li .img a{ display: block; cursor: pointer; }
.tuan_list ul li .img:after{ content: ""; position: absolute; height: 100px; left: 0px; z-index: 222; right: 0px; bottom: 0px; background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);}
.tuan_list ul li .img .info{ position: absolute; left: 20px;bottom: 20px; right: 20px; line-height: 16px; z-index: 333;}
.tuan_list ul li .img .info img.icon{width: 16px; height: 16px; display: inline-block; position: relative; margin-top: -2px;}
.tuan_list ul li .img .info span{ margin-right: 20px; color: #fff; font-size: 14px; font-weight: bold; display: block; margin-top: 10px; }
.tuan_list ul li .bottom_info{ background: #fff; padding: 10px; height: 38px; line-height: 38px; }
.tuan_list ul li .bottom_info strong{ font-weight: bold; font-size: 14px; color: #000; }
.tuan_list ul li .bottom_info a{ cursor: pointer; float: right; font-size: 14px; background: #fecf30; color: #78420d; display: block; padding-left:20px; padding-right: 20px; height: 38px; line-height: 38px; border-radius: 3px; }
.tuan_list ul li .bottom_info span{ float: right; padding-right: 20px; font-size: 12px; font-weight: bold; }
.tuan_list ul li .bottom_info span em{ font-style: normal; font-weight: bold; font-size: 16px; color: #fecf30; padding-right: 2px; padding-left: 2px; }

.contact ul{ padding-top:30px;  padding-bottom: 30px; }
.contact ul li{ float: none; width: 100%; text-align: center; margin-bottom: 30px;}
.contact ul li img{ display: block; width: 90px; height: 90px; margin: 0 auto; }
.contact ul li h4{ font-size: 14px; color: #333; padding-top: 15px; padding-bottom: 5px; }
.contact ul li p{ font-weight: bold; font-size: 20px;  color: #fecf30; font-family: "Gotham-Bold"; }
.contact .map img{ width: 100%; display: block;  }

.ce_box_1{ background: #1d1d1d; padding-top: 40px; padding-bottom: 40px; }
.ce_box_1 .title { padding-bottom: 20px; }
.ce_box_1 .title h2{ text-align: center; font-size:24px; color: #fff; font-weight: bold;  }
.ce_box_1 .title img{ display:block;width: 30px; margin: 20px auto; }
.ce_box_1 .content ul{ width: auto; }
.ce_box_1 .content ul li{ float: left; width:calc(50% - 20px) ; margin-right: 10px; margin-left: 10px; margin-bottom: 30px;}
.ce_box_1 .content ul li .img{ display: block; border-radius: 12px; overflow: hidden; margin-bottom: 20px; transition-duration: 0.3s; }
.ce_box_1 .content ul li:hover .img{ display: block; border-radius: 12px; overflow: hidden; margin-bottom: 20px;  transform:scale(1.04); }
.ce_box_1 .content ul li .img img{ display: block; width: 100%; }
.ce_box_1 .content ul li span{ display: block;  width: 70px; height: 26px; line-height: 26px; text-align: center; margin: 0 auto; background: #fef612; color: #333; border-radius: 40px; font-weight: bold;  margin-bottom: 15px;}
.ce_box_1 .content ul li h4{ text-align: center; color: #fff; line-height: 1.6em; font-weight: bold; font-size: 14px; }
.ce_box_1 .content ul li h4 br{ display: none; }
.ce_box_2{ background: #252525; padding-top: 40px; padding-bottom: 40px; }
.ce_box_2 .title { padding-bottom: 20px; }
.ce_box_2 .title h2{ text-align: center; font-size:24px; color: #fff; font-weight: bold;  }
.ce_box_2 .title img{ display:block;width: 30px; margin: 20px auto; }
.ce_box_2 .content ul{ width: 100%; }
.ce_box_2 .content ul li{ margin-bottom: 20px; }
.ce_box_2 .content ul li.w2{ float: none; width: 100%; margin-right: 0px; margin-bottom: 20px;}
.ce_box_2 .content ul li.w3{ float: none; width: 100%; margin-right: 0px; }
.ce_box_2 .content ul li .img{ display: block; border-radius: 12px; overflow: hidden; margin-bottom: 20px; transition-duration: 0.3s; }
.ce_box_2 .content ul li:hover .img{ display: block; border-radius: 12px; overflow: hidden; margin-bottom: 20px;  transform:scale(1.02); }
.ce_box_2 .content ul li .img img{ display: block; width: 100%; }
.ce_box_2 .content ul li h4{ text-align: center; color: #fff; line-height: 1.6em; font-weight: bold; font-size: 14px; }

.ce_box_3{ background: #1d1d1d; padding-top: 40px; padding-bottom: 40px; }
.ce_box_3 .title { padding-bottom: 10px; }
.ce_box_3 .title h2{ text-align: center; font-size:24px; color: #fff; font-weight: bold;margin-bottom: 15px;   }
.ce_box_3 .title h3{ text-align: center; font-size:16px; color: #fff; font-weight: bold; margin-bottom: 10px;   }
.ce_box_3 .title img{ display:block;width: 40px; margin: 20px auto; }
.ce_box_3 .content{ width: 100%; margin: 0 auto; }
.ce_box_3 .content .tabmenu{text-align: center; }
.ce_box_3 .content .tabmenu .sd01{ color: #fef612; font-size: 14px; display: inline-block; border-radius: 50px; border:#fef612 solid 2px; padding: 6px 10px; cursor: pointer; transition-duration: 0.2s;}
.ce_box_3 .content .tabmenu .sd02{ color: #fff; font-size: 14px; display: inline-block; border-radius: 50px; border:#1d1d1d solid 2px; padding: 6px 10px; cursor: pointer; transition-duration: 0.2s;}
.ce_box_3 .content .tabcontent{ padding-top: 20px; }
.ce_box_3 .content .swiper-container{ height: 400px; } 
.ce_box_3 .content .swiper-container .swiper-slide { height: auto;}
.ce_box_3 .content .swiper-container .swiper-slide ul li{ float: left;width: 33.33%; height: 32px; line-height: 32px; color: #aeaeae; font-size: 13px; }
.ce_box_3 .content .swiper-container .swiper-scrollbar{ background: #292929 }
.ce_box_3 .content .swiper-container .swiper-scrollbar-drag{ background: #666 }

.zhuanticontent img{ width: 100%; display: block; height: auto; }
/*表单*/
.layui-layer{ width: 94%!important; }
.form_a{ background: #2c2e2c; color: #fff; padding: 20px!important; padding-bottom: 10px!important; height: auto; }
.form_a ul{ float: none; }
.form_a ul li img{width: 32px;height: 32px;  display: block; float: left; margin-right: 10px; position: relative; top: 2px;}
.form_a ul li { line-height: 36px; height: 36px; font-size: 15px; font-weight: bold; float: left; margin-right: 0px; width: 50%; margin-bottom: 10px; }
.form_a .info{float: left; line-height: 38px; font-size: 20px; color: #fff; padding-bottom: 20px; }
.form_a .info strong{ font-size: 26px; font-family: "Gotham-Bold"; }
.form_a .layui-form{ float: none; width: auto}
.form_a .layui-form .layui-form-label{  display: none; }
.form_a .layui-form .layui-input-inline{ width: auto; width: 100%; margin-left: 0px; left: 0px; }
.form_a .layui-btn{ background: #fecf30; color: #78420d; font-weight: bold; width: 100%; }
.form_a .layui-btn:hover{ color: #78420d }

.form_b{ background: #fff; color: #333;  padding: 20px 0px; height: auto; border-top: #ececec solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.05) }
.form_b .info{float: left; line-height: 38px; font-size: 20px; color: #333;padding-bottom: 20px; }
.form_b .layui-form{ float: none; }
.form_b .layui-form .layui-form-label{  display: none; }
.form_b .layui-form .layui-input-inline{  width: auto; width: 100%; margin-left: 0px; left: 0px; }
.form_b .layui-btn{ background: #2c2e2c; color: #fff; font-weight: bold;padding-left: 0px; padding-right: 0px;  width: 100%; }
.form_b .layui-btn:hover{ color: #fff }

.form_c{ background: #fff; color: #333;  padding: 20px; height: auto;}
.form_c .info{float: left; line-height: 38px; font-size: 20px; color: #333;padding-bottom: 20px; }
.form_c .info strong{ color: #fecf30 }
.form_c .layui-form{  float: none; }
.form_c .layui-form .layui-form-label{  display: none; }
.form_c .layui-form .layui-input-inline{ width: auto; width: 100%; margin-left: 0px; left: 0px; }
.form_c .layui-form input{ background: #f6f6f6; border:#f6f6f6 solid 1px; }
.form_c .layui-btn{ background: #2c2e2c; color: #fff; font-weight: bold; padding-left: 0px; padding-right: 0px;  width: 100%; }
.form_c .layui-btn:hover{ color: #fff }

.form_d{ background: #fff; color: #333; padding: 20px 0px; height: auto; border-top: #ececec solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.05) }
.form_d .info{float: left; line-height: 38px; font-size: 20px; color: #333; padding-bottom: 20px;}
.form_d .layui-form{  float: none; }
.form_d .layui-form .layui-form-label{ display: none; }
.form_d .layui-form .layui-input-inline{ width: auto; width: 100%; margin-left: 0px; left: 0px; }
.form_d .layui-form input{ background: #f6f6f6; border:#f6f6f6 solid 1px; }
.form_d .layui-btn{ background: #2c2e2c; color: #fff; font-weight: bold;padding-left: 0px; padding-right: 0px;  width: 100%; }
.form_d .layui-btn:hover{ color: #fff }


.form_f{ background: #fff; color: #333; padding: 20px 0px; height: auto; border-top: #ececec solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.05) }
.form_f .info{float: none; line-height: auto; font-size: 20px; color: #333; text-align: center; padding-bottom: 20px; }
.form_f .layui-form{ float: none; }
.form_f .layui-form .layui-form-label{  display: none; }
.form_f .layui-form .layui-input-inline{ width: auto; width: 100%; margin-left: 0px; left: 0px; }
.form_f .layui-btn{ background: #2c2e2c; color: #fff; font-weight: bold;padding-left: 0px; padding-right: 0px;  width: 100%; }
.form_f .layui-btn:hover{ color: #fff }


.form_g{ padding: 20px 0px;  height: auto; }
.form_g .info{float: left; line-height: 38px; font-size: 20px;  text-align: center; padding-bottom: 20px; }
.form_g .layui-form{ float: none; }
.form_g .layui-form .layui-form-label{  display: none; }
.form_g .layui-form .layui-input-inline{ width: auto; width: 100%; margin-left: 0px; left: 0px; }
.form_g .layui-form input{ background: #f6f6f6; border:#f6f6f6 solid 1px; }
.form_g .layui-btn{ background: #2c2e2c; color: #fff; font-weight: bold;padding-left: 0px; padding-right: 0px;  width: 100%; }
.form_g .layui-btn:hover{ color: #fff }

#saosao_content{}
#saosao_content .formbox h2{ margin-bottom: 30px; }
#saosao_content .wechat ul li{ float: left; width: 50%; }
#saosao_content .wechat img{ width: 70%; display: block; margin: 0 auto; }
#saosao_content .wechat p{font-size: 14px; color: #929299; text-align: center; padding-top: 15px;}
#saosao_content .wechat p img{ width: 16px; display: inline-block; position: relative; top: -1px; }

.hide{ display: none; }
.layui-layer{ border-radius:0!important; background: none!important; box-shadow: none!important; overflow: auto!important;}
.layui-layer .layui-layer-setwin .layui-layer-close2{ right: 10px; top: 10px; opacity: 0.5; background: url(../images/close_white.svg) no-repeat!important; background: 16px 16px; width: 16px; height: 16px;}
.layui-layer .layui-layer-setwin .layui-layer-close2:hover{ opacity: 1; }
.formbox .layui-btn{ background: #fecf30; color: #78420d; height: 44px; line-height: 44px; font-weight: bold; }
.formbox .layui-btn:hover{color: #78420d;}
.formbox { padding: 40px 30px;  }
.formbox  h2{ text-align: center; font-size: 24px;  color: #fff; text-align: center; margin-bottom: 10px; }
.formbox  h3{ text-align: center; font-size: 16px; font-weight: normal; color: #fff; text-align: center; margin-bottom: 20px; }
.formbox .info{ text-align: center; font-size: 14px; color: rgb(255,255,255,0.7); }
.formbox{background:rgba(0,0,0,0.8)!important; border-radius: 3px; }
.hongbaoformbox{ border-radius: 40px; padding:60px 30px 100px 30px; background: url(../images/hongb.jpg) no-repeat top #e63231!important;  background-size: contain!important; }
.hongbaoformbox .title{ margin-bottom: 10px; }
.hongbaoformbox .title h5{ text-align: center; font-size:20px;padding-top: 40px;  color: #fff; text-align: center; margin-bottom: 20px; }
.hongbaoformbox .layui-input{ border-radius: 50px; height: 48px; background: #fff; color: #78420d; font-size: 18px; font-weight: bold; text-align: center; border:none; }
.hongbaoformbox .layui-btn{ border-radius: 50px; height: 54px; line-height: 54px;font-size: 18px; background: #fecf30; color: #78420d; font-weight: bold; }
.hongbaoformbox .layui-btn:hover{color: #78420d;}
.hongbaoformbox .info{ text-align: center; font-size: 14px; color: rgb(255,255,255,0.7); }
.layui-layer-hui .layui-layer-content{ background:rgba(0,0,0,0.7)!important; border-radius: 3px!important; }
.zhuantibanner{ height: 210px; }
.zhuanticontent .pagewidth{ margin: 0; padding: 0; }

}
@media screen and (max-width: 320px) {}