@charset "gb2312";
/* CSS Document */
body{margin:0px;padding:0px; font:12px "΢���ź�"; color:#6e6e6e;}
img{border:0;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,span,img{margin:0;padding:0}
input,from,td,table,img,dl,dt,ul,dd,li,p{padding:0;margin:0; list-style:none;}
ul,li{padding:0px;margin:0px;list-style-type:none;display: block;}
a{text-decoration: none;color:#6e6e6e}
a:hover{color:#900}
.centre980{margin:0 auto;width:980px; clear:both}
.centre1200{margin:0 auto;width:1200px; clear:both; overflow:hidden;}
.more{width:60px;height:25px;float:right;display:inline}
.red{color:#F00}
.red:hover{color:#900}
.clear{ clear:both}
.hid{ text-indent:-9999px; float:left}


.title{ font-size:42px; color:#342819; font-weight: bold; text-align:center; margin:70px auto 30px auto;}
.title p{
    position: relative;
    text-align:center;
}
.title p::before {
  content: ''; /* 伪元素必须有内容 */
  position: absolute; /* 绝对定位 */
  left: 80px; /* 从左边开始 */
  /* right: 0; 到右边结束 */
  top: 50%; /* 垂直居中 */
  height: 1px; /* 横线高度 */
  width: 60px;
  background: #7c462b; /* 横线颜色 */
}
 .title p::after{
    content: ''; /* 伪元素必须有内容 */
  position: absolute; /* 绝对定位 */
  /* left: 0; 从左边开始 */
  right: 80px; /* 到右边结束 */
  top: 50%; /* 垂直居中 */
  height: 1px; /* 横线高度 */
  width: 70px;
  background: #7c462b; /* 横线颜色 */
 }
.title2 p{
    position: relative;
    text-align:center;
    display: inline-block;
}
.title2 p::before,
.title2 p::after {
  content: ''; /* 伪元素必须有内容 */
  position: absolute; /* 绝对定位 */
   /* left: 80px;  从左边开始  */
  /*  right: 0px;   到右边结束  */
  top: 50%; /* 垂直居中 */
  height: 1px; /* 横线高度 */
  width: 70px;
  background: #fff; /* 横线颜色 */
}
 .title2 p::before{
    left:-80px;
 }
 .title2 p::after{
    right:-80px;
 }


 .title5{ font-size:42px; color:#342819; font-weight: bold; text-align:center; margin:70px auto 30px auto;}
.title5 p{
    position: relative;
    text-align:center;
}
.title5 p::before {
  content: ''; /* 伪元素必须有内容 */
  position: absolute; /* 绝对定位 */
  left: 80px; /* 从左边开始 */
  /* right: 0; 到右边结束 */
  top: 50%; /* 垂直居中 */
  height: 1px; /* 横线高度 */
  width: 60px;
  background: #fff; /* 横线颜色 */
}
 .title5 p::after{
    content: ''; /* 伪元素必须有内容 */
  position: absolute; /* 绝对定位 */
  /* left: 0; 从左边开始 */
  right: 80px; /* 到右边结束 */
  top: 50%; /* 垂直居中 */
  height: 1px; /* 横线高度 */
  width: 70px;
  background: #fff; /* 横线颜色 */
 }
 .title5 p{  line-height:20px; text-align:center; font-size:14px; color:#7c462b; width:440px; display:block; margin:10px auto 0 auto;} 
.title5 p span{ padding:0 10px; font-weight:normal !important;}

.title p{  line-height:20px; text-align:center; font-size:14px; color:#7c462b; width:440px; display:block; margin:10px auto 0 auto;} 
.title p span{ padding:0 10px; font-weight:normal !important;}
.sp{ width:1198px; border:1px #afacac solid; margin:0 auto; overflow:hidden;}
.sp_left{ width:699px; float:left; margin:10px 0 10px 10px;}
.sp_right{ float:left; width:488px; overflow:hidden;}
.sp_right li{ width:222px; float:left; margin:10px 0 10px 14px;}
.sp_zx1{ width:180px; line-height:40px; font-size:18px; color:#fff; background:#da251d; text-align:center; float:left; margin:30px 0 70px 400px;}
.sp_zx2{ width:210px; line-height:40px; font-size:18px; color:#fff; background:#7c462b; text-align:center; float:left; margin:30px 0 70px 30px;}
.sp_zx1 a,.sp_zx2 a{ color:#fff;}
.sp_zx1 a:hover,.sp_zx2 a:hover{ color:#e3e0e0;}
.index_p8{ width:100%; height:630px; background:url(../images/index_p8_bg.jpg) no-repeat fixed 0 0; overflow:hidden;}
.index_p8_hd{ width:1145px; height:40px; background:rgba(128,82,60,.8); padding:10px 0px 0px 55px; position:relative;}
.index_p8_hd ul{ float:left; height:40px;}
.index_p8_hd ul li{ float:left; height:40px; width:150px; text-align:center; line-height:40px; color:#FFFFFF; font-size:18px; cursor:pointer;}
.pp1,.pp2,.pp3,.pp4,.pp5,.pp6{ background:#fff !important; color:#000 !important;}



/* 18/06/22 ������ */
.jnx_p1{font-size: 42px;text-align: center;margin-top: 42px;}
.jnx_p2{font-size: 16px;line-height: 28px;text-indent: 2em;}
.fy{display: block;margin: 50px auto 74px auto;}
.mod18{position: relative;margin: 20px auto 80px auto;}
.mod18 li{float: left;}
.mod18 .cf li{position: relative;}
.mod18 .cf a{display: block;position: absolute;color: #fff;}
.mod18 .picBox{position: relative;overflow: hidden;}
.mod18 .picBox ul{position: absolute;}
.mod18 .listBox{position: relative;overflow: hidden;}
.mod18 .listBox ul{position: absolute;}
.mod18 .listBox li{cursor: pointer;position: relative;}
.mod18 .listBox li i{display: none;}
.mod18 .listBox .on i{display: block;}
.smexperts{height: 110px;width: 1200px;margin-left: 350px;}
.smexperts ul{height: 110px;color: #565555 !important;font: 14px;line-height: 20px;margin-left: 10px;}
.smexperts ul li{width: 91px;height: 85px;text-align: center;float: left;display: inline;margin: 15px 0 0 25px;padding-top: 1px;}
.smexperts ul li img{margin-bottom: 4px;}
.bigexprt{height: 525px;margin-top: 25px;}
.bigexprt ul{width: 1200px;}
.bigexprt ul li{float: left;height:525px; position:relative;}
.bigexrt{color: #363636;}
.exa1{height: 525px;width: 1200px;box-sizing: border-box;background: #fff; border: 1px solid #C3C3C3;z-index: -99999;}
.exa1 img{vertical-align: left;}
.exa2{ width:430px; margin-top:-400px; margin-left:360px; font-size:14px; color:#1e1e1e; line-height:20px; overflow:hidden;}
.exa3{ font-size:12px; margin-top:10px;}
.exa4{ width:100px; height:30px; background:#eb0100; text-align:center; color:#FFF; font-size:16px; line-height:30px; position:absolute; z-index:10px;}
.exa4 a{ color:#FFF;}
.mod18 .listBox .on{ background:#b90100; color:#ffffff; }
.bigexprt .btn{position:absolute;width:45px;height:510px; margin-top:230px;cursor:pointer;z-index:99; background:#000;}
.bigexprt .prev{left:0;background:url(../images/blackpre1.PNG) no-repeat;}
.bigexprt #prevTop,.bigexprt #nextTop,.bigexprt #prevTop1,.bigexprt #nextTop1,.bigexprt #prevTop2,.bigexprt #nextTop2{width:45px;height:100px;}
.bigexprt .next{right:-1px;background:url(../images/blacknext1.PNG) no-repeat;}
.bigexprt #prevTop:hover,.bigexprt #prevTop1:hover,.bigexprt #prevTop2:hover{background:url(../images/blackpre.jpg) no-repeat}
.bigexprt #nextTop:hover,.bigexprt #nextTop1:hover,.bigexprt #nextTop2:hover{background:url(../images/blacknext.jpg) no-repeat}
.zjdy{ width:270px; background:#e7e7e7; overflow:hidden; position:absolute; top:30px; right:60px;}
.zjdy1{ width:210px; border:1px #efefef solid; margin:5px; color:#616161; padding:0 25px 15px 25px; line-height:25px;}
.zjdy1 span{ width:215px; margin:0 auto; display:block; text-align:center; border-bottom:1px #bfbfbf solid; font-size:20px; line-height:60px;}

.pp_fy_01{width: 100%;margin: 45px auto;}
.pp_fy_01 li{width: 1200px;float: left;}
.pp_left_01,.pp_right_01{position: absolute;width: 47px;height: 108px;display: block;margin-top: 230px;cursor: pointer;opacity: 0.9;filter: alpha(opacity=90);}
.pp_left_01{background: url(../images/left.png) no-repeat center;margin-left: -84px;}
.pp_right_01{background: url(../images/right.png) no-repeat center;margin-left: 1237px;}
.map_box{width: 100%;height: 484px;background: #fff;margin: 20px auto 70px auto;}
.map_box .map{width: 715px;height: 392px;border: 1px solid #ddd;float: left;margin: 45px 28px;font-size:14px;}
.map_box .add{width: 386px;height: 395px;float: left;margin-top: 45px;font-size: 18px;color: #000;}
.add_model{width: 100%;height: 100px;line-height: 30px;border-bottom: 1px dashed #d5d4d4;}
.add_model p{float: left;width: 314px;}
/*.icon_01{float: left;margin: 22px 20px auto 20px;width: 29px;height: 29px;background: url(../images/icon_01.png) no-repeat center;}*/
.icon_02{float: left;margin: 22px 20px auto 20px;width: 29px;height: 29px;background: url(../images/icon_02.png) no-repeat center;}
.icon_04{float: left;margin: 42px 20px auto 20px;width: 29px;height: 29px;background: url(../images/icon_04.png) no-repeat center;}
.icon_03{float: left;width: 22px;height: 31px;background: url(../images/icon_03.png) no-repeat center;margin: 32px 24px auto 24px;}
.address{width: 100%;height: 110px;border-bottom: 1px dashed #d5d4d4;line-height: 30px;}
.address p{float: left;width: 316px;font-size: 18px;margin-top: 10px;}
.lx_con{width: 316px;font-size: 16px;line-height: 25px;padding: 0 10px 0 69px;}
.int01{width: 170px;}
.but01{width: 75px;height: 50px;background: #ed2d2d;font-size: 24px;font-weight: bold;color: #fff;text-align: center;line-height: 50px;border-radius: 10px;border: none;float:right;margin-top: -24px;outline: none;}

/* 2021.1.20 ԤԼ */
.yy_bx1{width: 632px;float: left;}
.yy_p1{font-size: 42px;font-weight: bold;text-align: center;color: #000;margin-top: 60px;}
.yy_p2{font-size: 20px;text-align: center;color: #000;margin-top: 15px;}
.yy_bx2{width: 496px;float: left;box-sizing: border-box;border: 15px solid #ececec;margin-top: 62px;border-radius: 10px;}
.yy_p3{font-size: 25px;font-weight: bold;text-align: center;color: #000;margin-top: 36px;}
.yy_p4{font-size: 20px;text-align: center;color: #000;margin-top: 10px;}
.input{width: 402px;line-height: 60px;height: 60px;background: none;box-sizing: border-box;display: block;outline: none;font-size: 18px;color: #252525;padding-left: 12px;border: 1px solid #e1e1e1;margin: 22px auto 0 auto;}
.bt{width: 184px;height: 54px;line-height: 54px;background: #eb0100;text-align: center;font-size: 20px;font-weight: bold;color: #fff;border: 0;margin: 37px auto 50px auto;display: block;border-radius: 10px;outline: none;}
#bg {width: 100%; height: 100%; background-color: #000; position:fixed; top: 0; left: 0; z-index: 4; opacity: 0.3; filter: alpha(opacity=30);display:none;} 
#loading{ width:37px; height:37px; position:fixed; margin:-20px 0 0 -20px; z-index:10; top:50%; left:50%; display:none;}
#loading img{width:100%; vertical-align:top; float:left;}

/* Ժ������ */
.yqry{ overflow:hidden; margin:0 auto 90px auto; padding:10px 0 0 0; background:#fff;}
.yqry li{ width:386px; float:left; background:#f3f3fb; margin:0 0 10px 10px; text-align:center; padding:18px 0;}
.zq_sp{ float:left; width:568px;height: 300px; border:6px #ececec solid; margin:45px 0 30px 0; }
#jq_box1{ width:1200px; overflow:hidden; margin:0 auto 85px auto;}
#jq_box_in{ width:1200%; float:left;}
#jq_box2{ float:left; }
.jq_list li{ float:left; width:284px; margin:0 18px 0 0;}
.jq_list li img{ border:6px #ececec solid; }
.jq_list li p{ text-align:center; color:#42220b; font-size:16px; margin:10px 0 0 0; }

/* ���Ŷ�̬ */
.xwdt{ overflow:hidden; margin:0 auto 90px auto; padding:10px 0 0 0;}
.xwdt li{ width:296px; float:left;margin: 0 0 0 5px;}
.xwdt li:nth-child(1){margin-left: 0;}
.xwdt li img{width: 284px;height: 208px;border: 6px solid #ececec;}
.xwdt li a{font-size: 16px;color: #5771ea;margin: 16px auto 0 auto;width: 91%;display: block;}
.xwdt li a:hover{color: #5771ea;}
.xwdt_p1{font-size: 20px;font-weight: bold;text-align: center;color: #342819;margin-top: 20px;}
.xwdt_p2{font-size: 16px;color: #342819;line-height: 28px;margin: 16px auto 0 auto;width: 91%;}




.aljz_li{
    width:273px;
    height: 76px;
    background-color: #fff;
    font-size: 24px;
    padding-left: 53px;
    box-sizing: border-box;
    color: #a06e53;
    line-height: 76px;
}
.aljz_li:hover{
    background-color: #cbad91;
    color: #fff;
}
.aljz_li:hover::before{
    color: #fff; 
}
.aljz_li::before {
  content: "\2022"; /* 使用实体来生成圆点 */
  color: #a06e53; /* 圆点的颜色 */
  font-size: 20px; /* 圆点的大小 */
  display: inline-block; /* 使内容可调整大小 */
  width: 1em; /* 设置宽度，使其更粗 */
  height: 1em; /* 设置高度 */
  line-height: 1em; /* 设置行高 */
  text-align: center; /* 文本居中 */
}
.aljz_top{
    margin-top:6px;
}


.qe_li{
    display: inline-block;
    text-align: center;
    font-size: 14px;
}
.qe_li_img{
    border:1px solid #cccccc ;
}

.dot {
  width: 15px;
  height: 15px;
  border-radius: 50%; 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.title3{
    font-size:14px;
}
.title2{
    font-size:14px;
}

.title3 p{
    position: relative;
    text-align:center;
    display: inline-block;
}
.title3 p::before,
.title3 p::after {
  content: ''; /* 伪元素必须有内容 */
  position: absolute; /* 绝对定位 */
   /* left: 80px;  从左边开始  */
  /*  right: 0px;   到右边结束  */
  top: 50%; /* 垂直居中 */
  height: 1px; /* 横线高度 */
  width: 70px;
  background: #81533e; /* 横线颜色 */
}
 .title3 p::before{
    left:-80px;
 }
 .title3 p::after{
    right:-80px;
 }


.szfn_container{
    display: flex;
    flex-direction:row;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 20px;
}
.szfn_item{
    width:140px;
    height:140px;
     border-radius: 50%;
  
    background-color: #f1f0ee;
    margin-right: 20px;
    margin-left: 20px;
    


    display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */

  margin-bottom: 10px;
}
.szfn_item:hover{
    background-color: #cbad91;
    cursor: pointer;
}

.szfn_item_title{
    font-size: 22px;
}