﻿@charset "utf-8";
/* CSS Document */
body{ width:100%; max-width:100%; min-width:1200px; background-color:#fff;}

.bn_qw{ width:100%; height:640px; position:relative; overflow:hidden;}
.bn_qw .pic_p{ position:absolute; width:1920px; height:640px; left:50%; top:0; margin-left:-960px;}
.w100{ width:100%; background-color:#fff; overflow:hidden;}
.gray_box {
    overflow: hidden;
    position: relative;
    padding: 0;
    background-color: #f8f8f8;
}
.bn_qw .pic_p img{ display:block; width:100%; height:640px;} 

.inp_qw{ width:100%; height:700px; position:relative; overflow:hidden;}
.inp_qw .pic_part_b{ position:absolute; width:1920px; height:700px; left:50%; top:0; margin-left:-960px;}

.inp_qw .pic_part_b img{ display:block; width:100%; height:700px;} 


.hide{ display:none;}
.bn_deta{ width:1200px; margin:0 auto;  position:relative;}
.bn_deta .text_p{ overflow:hidden; text-align:center;}
.bn_deta .text_p .text_w{ overflow:hidden; color:#fff; margin-top:94px;}

.bn_deta .text_p .text_w span{ display:block; font:bold 92px/122px 'microsoft yahei';font-family: "Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif !important;}
.bn_deta .text_p .text_w em{display:block; font:26px/56px 'microsoft yahei';letter-spacing: 10px;font-family: "Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif !important;}

.mr_p{ overflow:hidden; width:660px; margin:0 auto; margin-top:15px;}
.mr_p ul li{ float:left; width:158px; border:1px solid #fff; border-radius:27px; background:rgba(0,0,0,0.24);  height:52px; margin:0 30px;}
.mr_p ul li em{ width:40px; margin-left:16px; float:left; margin-top:6px; height:40px; background:url(../img/rz_m.png) no-repeat; background-size:400px; background-position:-360px 0px;}
.mr_p ul li em.pz_m{ background-position:-360px 0px;}
.mr_p ul li em.hb_m{ background-position:-360px -40px;}
.mr_p ul li em.fw_m{ background-position:-360px -80px;}

.mr_p ul li span{ float:left; text-align:center;font:20px/52px 'microsoft yahei'; color:#fff;}
a:hover{ text-decoration:none;}
.to_sj{ width:360px; height:80px; border-radius:10px; margin:0 auto; margin-top:130px; background-color:#9c7428; text-align:center; font:26px/80px 'microsoft yahei'; color:#fff;}
.inp_p{ float:right; margin:100px 0; background-color:#fff; width:346px; height:440px; box-shadow:0 13px 40px rgba(100,120,130,0.8);}
.inp_p .tit_inp{ font:22px/42px "microsoft yahei"; color:#333; padding-top:30px; text-align:center;}

.inp_box{ width:286px; /*overflow:hidden;*/ margin:0 auto; margin-top:20px;}
.inp_box .per_inp{ width:284px; height:48px; border:1px solid #eee; margin-bottom:20px; position:relative;}
.inp_box .per_inp select{ border:none; height:28px; font:16px/28px 'microsoft yahei'; margin:10px 20px; float:left;}
.inp_box .per_inp input{ display:block; width:100%; box-sizing:border-box; padding:0 20px; height:100%; font:16px/48px 'microsoft yahei'; color:#333;}

.inp_box .per_inp .uni_css{ position:absolute; top:0; right:20px; font:16px/48px 'microsoft yahei'; color:#444;}
.poin_m{ width:40px; height:40px; position:absolute; right:0; top:50%; margin-top:-20px; background:url(../img/rz_m.png) no-repeat; background-size:400px; background-position:-360px -200px;}



.agr{ overflow:hidden; cursor:pointer; font:14px/18px 'microsoft yahei';}
.agr em{ width:30px; height:18px; float:left; margin-left:70px; background:url(../img/rz_m.png) no-repeat; background-size:400px; background-position:-365px -131px;}
.agr .agr_no{ background-position:-365px -171px;}
.agr p{ float:left; color:#444;}
.agr a{ float:left; color:#9c7428}

.inp_box .btn_css{ width:286px; cursor:pointer; margin-top:20px; overflow:hidden; background-color:#9c7428; border-radius:6px; height:64px; font:22px/64px 'microsoft yahei'; color:#fff; text-align:center; }

.sj_inp{ width:712px; height:520px; border-radius:10px; float:none; margin:90px auto; box-shadow:0 13px 40px rgba(100,120,130,0.8)}
.sj_inp .per_inp{ width:398px; border-radius:6px;}
.sj_inp .btn_css{ width:400px;}

.sj_inp .inp_box{ width:400px;}
.sj_inp .tit_inp{ font:36px/56px "microsoft yahei"; color:#333; padding-top:40px; text-align:center;}

.type_p{ overflow:hidden; width:1200px; margin:15px auto; margin-bottom:102px;}
.type_p ul li{ float:left;cursor:pointer; width:300px;}
.type_p ul li .pic_b{ width:240px; margin:0 auto; display:block; height:200px; position:relative; overflow:hidden; margin:0 30px }
.type_p ul li .pic_b img{ display:block; width:100%;} 
.type_p ul li span{ width:300x; display:block; text-align:center; font:24px/54px 'microsoft yahei'; color:#444;}




.tit_sty{ text-align:center; overflow:hidden; margin-top:60px; margin-bottom:30px;}
.tit_sty p{ font:42px/82px 'microsoft yahei'; color:#444;font-family: "Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif !important;}

.tit_sty .sec_ti{ text-align:center; overflow:hidden; overflow-x:auto; width:90%; margin:0 auto; font-size:0; margin-top:20px;}
.tit_sty .sec_ti .wid_b{ max-width:2000px; white-space:nowrap;}
.sec_ti::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

.sec_ti {
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  overflow-x: hidden;
  overflow-y: auto;
}

.tit_sty .sec_ti span{ display:inline-block; cursor:pointer;  border-radius:6px; text-align:center; font:20px/50px 'microsoft yahei'; color:#444;font-family: "Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif !important; margin:0 3px; padding:0 20px;}
.tit_sty .sec_ti span.sel{background-color:#f5f1e9; color:#9c7428;}
.adv_mar{ padding-bottom:60px;}

.adv_p{  width:1230px; margin:0 auto; padding-bottom:80px;}
.adv_p ul li{ float:left; border-radius:10px; cursor:pointer; width:390px; margin:0 10px; margin-bottom:20px; height:400px; background-color:#fff; box-shadow:0 10px 30px rgba(150,140,110,0.3);}
.adv_p ul li em{ width:120px; margin:0 auto; margin-top:70px; display:block; height:120px; background:url(../img/rz_m.png) no-repeat; background-size:400px; background-position:0 0px;}
.adv_p ul li em.m_01{ background-position:0 0px;}
.adv_p ul li em.m_02{ background-position:-120px 0px;}
.adv_p ul li em.m_03{ background-position:-240px 0px;}
.adv_p ul li em.m_04{ background-position:0px -120px;}
.adv_p ul li em.m_05{ background-position:-120px -120px;}
.adv_p ul li em.m_06{ background-position:-240px -120px;}

.adv_p ul li span{ display:block; text-align:center; font:28px/48px 'microsoft yahei'; color:#444;}
.adv_p ul li p{text-align:center; font:16px/28px 'microsoft yahei'; color:#999; width:260px; height:84px; overflow:hidden; margin:25px auto;}
.adv_p ul li p i{ font-style:normal;}
.proc_p{ overflow:hidden; position:relative; width:1220px; padding:10px; margin:0 auto; padding-bottom:90px;}
.proc_p ul{ position:relative; z-index:2;}
.proc_p ul li{ float:left;cursor:pointer;width:244px; }
.proc_p ul li .box_whi{width:208px; margin:0 17px; overflow:hidden; height:228px; border-radius:10px; border:1px solid #eee; background-color:#fff;}

.proc_p ul li em{ width:80px; margin:0 auto; margin-top:40px; margin-bottom:10px; display:block; height:80px; background:url(../img/rz_m.png) no-repeat; background-size:400px; background-position:-120px -280px;}
.proc_p ul li em.mr1{ background-position:0px -240px;}
.proc_p ul li em.mr2{ background-position:-80px -240px;}
.proc_p ul li em.mr3{ background-position:-160px -240px;}
.proc_p ul li em.mr4{ background-position:-240px -240px;}
.proc_p ul li em.mr5{ background-position:-320px -240px;}
.proc_p ul li span{ display:block; text-align:center; font:18px/30px 'microsoft yahei'; color:#444;}
.proc_p ul li p{text-align:center; font:13px/25px 'microsoft yahei'; color:#aaa; height:33px; overflow:hidden;}

.line_dash{ width:900px; left:50%; margin-left:-450px; bottom:205px; position:absolute; border-bottom:1px dashed #dcdcdc;}

.pic_part{ overflow:hidden; width:1200px; margin-top:50px; margin-bottom:80px;}
.pic_part .pic_ev{ float:left; width:1200px; height:675px; position:relative;}


.pic_part .pic_ev li img{ display:block; width:100%; height:100%;}




.com_p{ width:1220px; margin:0 auto; overflow:hidden; margin-bottom:60px;}
.com_p ul li{ float:left; width:224px; cursor:pointer; height:150px; border-radius:10px; overflow:hidden; background-color:#fff; margin:10px; box-shadow:0 2px 8px rgba(150,140,110,0.12);}
.com_p ul li .pic_b{ position:relative; width:224px; height:150px; overflow:hidden;}










.addr_click{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:50;}

.side_addr{ position:fixed; width:0; overflow:hidden;  height:100%; max-width:600px; top:0; z-index:120;}
.side_addr .bl_50{ width:100%; position:absolute; height:100%; background-color:#000; opacity:0.5;}
.side_addr .pro_box{ width:33%; height:100%; transition:all linear .2s; position:absolute; right:-33%; background-color:#fff; }
.side_addr .pro_box .province{ height:auto !important; overflow:hidden;}
.side_addr .pro_box .province li{ font:0.11rem/0.3rem "microsoft yahei"; height:0.3rem; overflow:hidden; display:block; text-align:center; cursor:pointer;border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;}
.side_addr .pro_box .province li em{ float:left; text-align:center; padding-left:24%; width:12%; color:#aaa; }
.side_addr .pro_box .province li span{float:right; text-align:left; width:60%; color:#333; }
.side_addr .pro_box .province .sel_addr{ background-color:#f8f8f8;}
.side_addr .pro_box .province .sel_addr span{ color:#f60; background-color:#f8f8f8;}

.city_addr{ position:absolute; right:-66%; transition:all linear .2s; width:33%; background-color:#fff; height:100%; overflow:hidden;}
.city_addr ul{ display:none;}
.city_addr ul{height:auto !important; min-height:100%; width:100%; overflow:hidden;}
.city_addr ul li{ font:0.11rem/0.3rem "microsoft yahei"; overflow:hidden; color:#333; text-align:center; height:0.3rem; overflow:hidden; box-sizing:border-box; padding:0 0.1rem;text-align: left;
    border-bottom: 1px solid #eee;}
.city_addr ul .sel{ color:#f60; background-color:#f8f8f8;}
.city_addr ul:nth-child(1){ display:block;border-left: 1px solid #eee;}
.city_box{ overflow:auto; height:100%; width:100%; float:left;}

.city_box::-webkit-scrollbar{display: none;}
    
.side_addr .pro_box_3{ width:25%; right:-25%; }
.side_addr .pro_box_3 .province li span{width: 100%;
    box-sizing: border-box;
    padding: 0 0.15rem;}
.city_addr_3{ width:25%; right:-50%;}
.area_addr_3{ width:25%; right:-75%; background-color:#fdfdfd;}
.two_addr .province li span{ width:70%;}
.two_addr .province li{ border:none !important;}
.two_addr .city_addr ul{ border:none;}
.two_addr .city_addr{ background-color:#f8f8f8;}
.two_addr .city_addr ul li{ padding:0 0.2rem;}
.two_addr .city_addr ul li{ border:none;}

.suc_sj{width:286px; margin:0 auto;}
.suc_sj em{ display:block; text-align:center; font:28px/48px 'microsoft yahei'; color:#444;}
.suc_sj span{ width:120px; height:120px; display:block; margin:0 auto; margin-top:30px; background:url(../img/rz_m.png) no-repeat; background-size:400px; background-position:0px -320px;  }
.suc_sj p{ display:block; text-align:center; font:20px/30px 'microsoft yahei'; color:#444;}
.suc_sj .text_suc{display:block; margin-top:10px; margin-bottom:60px; text-align:center; font:14px/20px 'microsoft yahei'; color:#bbb;}
.suc_sj .btn_css{ width:100%; margin-top:20px; overflow:hidden; background-color:#9c7428; border-radius:10px; height:64px; font:22px/64px 'microsoft yahei'; color:#fff; text-align:center; }

.sj_w{ width:340px;}
.mar_15{ margin-top:15px !important;}
.mar_15 .per_inp{ margin-bottom:15px !important;}
.tc_inpu{ position:absolute;top:48px; left:-1px; border:0px solid #eee; background-color:#fff;  width:100%; height:0; overflow:hidden; z-index:2}
.tc_inpu ul{ overflow:hidden; padding:10px 0;}
.tc_inpu ul li{ font:14px/36px 'microsoft yahei'; cursor:pointer; color:#777; padding:0 20px;}
.tc_inpu ul li.sel{ background-color:#f8f8f8; color:#f60;}
.tc_inpu ul li:hover{ background-color:#f8f8f8; color:#f60;}
.bn_p .suc_sj .text_suc{ margin-bottom:40px;}


.cir_point{ bottom:25px !important; padding:0; font-size:0;}
.cir_point span{ width:8px; height:8px; background-color:#fff; opacity:0.5;}
.cir_point span.swiper-pagination-bullet-active{ background-color:#9c7428; opacity:1;}
.bl_point{ bottom:25px !important; padding:0; font-size:0;}
.bl_point span{ width:40px; height:4px; border-radius:0; background-color:#000; opacity:0.1;}
.bl_point span.swiper-pagination-bullet-active{ background-color:#9c7428; opacity:1;}
input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    input[type="number"]{
        -moz-appearance: textfield;
    }

/*城市选择*/
.city_select_box{ position:absolute;top:48px; left:-1px; border:0px solid #eee; background-color:#fff;  width:100%; height:0; overflow:hidden; z-index:2}
.city_select_box .city_select_province{ float:left; width:50%; height:200px; overflow-y:auto;}
.city_select_box .city_select_city{ float:left; width:50%; height:200px; overflow-y:auto;}
.city_select_box .city_select_box_in{ overflow:hidden; padding:10px 0;}

.city_select_box .city_select_box_in span{ font:14px/36px 'microsoft yahei'; display:block; cursor:pointer; color:#777; padding:0 20px;}
.city_select_box .city_select_box_in span.sel{ background-color:#f8f8f8; color:#f60;}
.city_select_box .city_select_box_in span:hover{ background-color:#f8f8f8; color:#f60;}


.city_select_box .city_select_province::-webkit-scrollbar{width:7px;height:7px}
.city_select_box .city_select_province::-webkit-scrollbar-thumb{border-radius:4px;background-color:#ccc}
.city_select_box .city_select_province::-webkit-scrollbar-track{background-color:#f8f8f8}
.city_select_box .city_select_province::-webkit-scrollbar-corner{background-color:#f8f8f8}

.city_select_box .city_select_city::-webkit-scrollbar{width:7px;height:7px}
.city_select_box .city_select_city::-webkit-scrollbar-thumb{border-radius:4px;background-color:#ccc}
.city_select_box .city_select_city::-webkit-scrollbar-track{background-color:#f8f8f8}
.city_select_box .city_select_city::-webkit-scrollbar-corner{background-color:#f8f8f8}
/*城市选择end*/
