@charset "utf-8";
/* CSS Document */
/***********通用基本类************/

/*格式化样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
q:before,q:after {content:''} 
abbr,acronym { border:0}

/* 滚动条 */
/*::-webkit-scrollbar {width:0px;}*/

/*css定义超链接四个状态也有顺序的。*/

a:link, a:visited {
text-decoration: none;
color: #999999;
}
a:hover, a:active {text-decoration: none;color: #999999;border: none;}
/*以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。
注意，必须按以上顺序写，否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。*/
ul {
clear:both;

width: 100%;
}
ul, li {
list-style:none;
}

/***********通用基本类2************/

/* Copyright 2008 TSXMLOVE. All Rights Reserved. */
* {
padding: 0px;
margin: 0px;
text-align: left;
font-family:Arial, Verdana, Tahoma, "微软雅黑", Helvetica, sans-serif;
line-height: 150%;box-sizing: border-box;
}
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #535353;
  }
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
  }
body {
	    font-family: 微软雅黑;
	    background-color: #fefefe;
}
table {
border-collapse: collapse;
}


/*长度高度*/
.w1200{ width:1200px; margin:0 auto;}
.w100{ width:100%; text-align:center;}
.w50{ width:50%}

/*清除浮动*/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* IE <8 */
}
.fl{ float:left;}
.fr{ float:right;}


.header{
    background-color: black;
}
.header .w1200{}
.web-logo{
    display: block;
    float: left;
}
.web-nav{
    width: auto;
    float: left;
    margin-left: 10px;
}
.web-nav a{
    color: #af966e;
        padding: 8px 18px;
    display: inline-block;
}
.h-phone{background: url(../images/002.png) no-repeat center left;width: auto;float: right;color: #af966e;padding-left: 30px;margin-top: 4px;}
.h-phone p{
    font-size: 14px;
    line-height: 15px;
}
.h-phone div{
    font-weight: bold;
    font-size: 20px;
    line-height: 18px;
}

.cont1{background: url(../images/bg4.jpg) no-repeat center;background-size: cover; }
.public-tb{
    padding: 50px 0px 30px;
    color: #af966e;
    text-align: center;
}
.public-tb>h3{
       text-align: center;
    font-size: 40px;
    letter-spacing: 2px;
    line-height: 35px;
}
.public-tb>div{
    text-align: center;
}
.public-tb>div>.public-tb-i1{background: url(../images/0001.png) no-repeat center;display: inline-block;width: 110px;height: 24px;}
.public-tb>div>.public-tb-i2{
    display: inline-block;
    font-size: 30px;
    margin: 0px 15px;
}
.public-tb>div>.public-tb-i3{background: url(../images/0002.png) no-repeat center;}
.public-tb>p{
   text-align: center;
    margin-top: 2px;
}
.cont1-pt{    text-align: center;}
.cont1-pt a{    color: #af966e;
    font-size: 22px;padding: 5px 10px;}
.typeliston{color: white !important;background-color: #af966e !important}
.cont1-pt span{    color: #af966e;
    font-size: 23px;
    width: 25px;
    display: inline-table;
    text-align: center;
    cursor: pointer;}
.cont1-pt span:last-child{display: none;}
.cont1-box{    margin-top: 35px;}
.cont1-box-li:hover .cont1-b-c1{opacity: 0}
.cont1-box-li:hover .cont1-b-c2{opacity: 1}
.cont1-box-li{    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;}
.cont1 .cont1-box-li:nth-child(4n+4){margin-right: 0px;}
.cont1-b1-img{    width: 100%;
    display: block;}
.cont1-b-c1{
    transition: all 0.5s ease-in-out;
    position: absolute;
    width: 100%;
    bottom: 0px;
    background-color: #00000094;
    opacity: 1;
    }
.cont1-b-c1-d1{    padding: 10px;}
.cont1-b-c1-d1>a{}
.cont1-b-c1-d1>a div:first-child{    color: #af966e;
    width: 53%;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;}
.cont1-b-c1-d1>a div:last-child{color: #af966e;
    float: right;}
.cont1-b-c2{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-color: #00000094;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    }


.cont1-b-c2-d1{
    height: 100%;
    border: 1px solid wheat;
    display: flex;
}
.cont1-b-c2-d1 div{align-self: center;margin: 0 auto;text-align: center;color: #af966e;}
.cont1-b-c2-d1 h3{
   
width: 100%;
   
font-size: 20px;
   
text-align: center;
}
.cont1-b-c2-d1 p{
   
width: 100%;
   
font-size: 20px;
   
text-align: CENTER;
}
.cont1-b-c2-d1 a{
 
text-align: center;
 
background-color: #af966e;
 
color: white;
 
padding: 5px 10px;
 
margin: 5px auto 0px;
 
display: block;
 
width: 110px;
}

.cont2{background: url(../images/bg4.jpg) no-repeat center;background-size: cover; }
.cont2-box{
    width: 955px;
    margin: 0 auto;
    padding-bottom: 30px;
}
.cont2-box>img{
    width: 637px;
    height: 341px;
    float: left;
}
.cont2-box-d1{
    width: 290px;
    float: right;
    background-color: #4A4A4A;
    padding: 20px;
    height: 341px;
}
.cont2-box-d1-d1{
    background-color: #AF9570;
    text-align: CENTER;
    padding: 5px 0px;
    border-radius: 5px;
    font-size: 17px;
    color: #3a3a3a;
}
.cont2-box-d1-d2{
    margin-top: 15px;
}
.cont2-box-d1-d2 div:first-child{
    width: 50%;
    float: left;
    background: url(../images/010.png) no-repeat center;
    background-position: 10px 6px;
    padding-left: 43px;
    line-height: 41px;
}
.cont2-box-d1-d2 div:last-child{
    width: 50%;
    float: left;
    background: url(../images/011.png) no-repeat center;
    background-position: 10px 6px;
    padding-left: 43px;
    line-height: 41px;
}
.cont2-box-d1 input[type=text]{
    width: 100%;
    background-color: black;
    border: 0px;
    color: white;
    font-size: 17px;
    height: 40px;
    margin-top: 10px;
    padding-left: 10px;
}
.cont2-box-d1-d3{
    margin-top: 10px;
}
.cont2-box-d1-d3 input[type=submit]{
    border: 0px;
    width: 48%;
    text-align: center;
    font-size: 15px;
    padding: 9px;
}
.cont2-box-d1 p{
    font-size: 12px;
    text-align: center;
    color: white;
    margin-top: 7px;
}

.cont3{background: url(../images/bg4.jpg) no-repeat center;background-size: cover;padding-bottom: 30px;}
.cont3-box{}
/*场地展示*/
.ca-show{
  width: 100%;
  /* padding:100px 0 160px 0; */
  background: #434343;
}
.msn-focus { 
  width: 100%; 
  height: auto; 
}

.msn-focus .bd {
  width: 100%; 
}
.msn-focus .bd ul { 
  height: auto; 
  overflow: hidden; 
  position:relative;  
}
.msn-focus .bd li { 
  width: 100%;
  height: auto;
  position: relative;
}


.cdzs-list,.fczs-list,.jlzs-list,.xyzs-list,.tdzs-list{
  position: relative;
}

.cdzs-list .swiper-container,.fczs-list .swiper-container,
.jlzs-list .swiper-container,.xyzs-list .swiper-container,
.tdzs-list .swiper-container
{
  width: 100%;
  padding: 0 30%;
}
.cdzs-list .swiper-container .swiper-slide-active,.fczs-list .swiper-container .swiper-slide-active,
.jlzs-list .swiper-container .swiper-slide-active,
.xyzs-list .swiper-container .swiper-slide-active,
.tdzs-list .swiper-container .swiper-slide-active
{
  box-shadow: 0 0 25px rgba(0,0,0,1);
}

.cdzs-list .swiper-slide img,.fczs-list .swiper-slide img,
.jlzs-list .swiper-slide img,.xyzs-list .swiper-slide img,
.tdzs-list .swiper-slide img
{
  width: 100%;
  height: auto;
  display: block;
}

.cdzs-list .left-pa,.fczs-list .left-pa,
.jlzs-list .left-pa,.xyzs-list .left-pa,
.tdzs-list .left-pa
{
  width: 30%;
  height: 100%;
  position: absolute;
  background: rgba(0,0,0,0.4);
  top:0;
  left:0;
  z-index:9;
}
.cdzs-list .right-pa,.fczs-list .right-pa,
.jlzs-list .right-pa,.xyzs-list .right-pa,
.tdzs-list .right-pa
{
  width: 30%;
  height: 100%;
  position: absolute;
  background: rgba(0,0,0,0.4);
  top:0;
  right:0;
  z-index:9;
}

.cdzs-list .swiper-button-prev,.fczs-list .swiper-button-prev,
.jlzs-list .swiper-button-prev,.xyzs-list .swiper-button-prev,
.tdzs-list .swiper-button-prev
{
  position: absolute;
  top:50%;
  left: calc(30% - 45px);
  background: url(../images/014.png) no-repeat;
  background-size: 100% 100%;
}
.cdzs-list .swiper-button-next,.fczs-list .swiper-button-next,
.jlzs-list .swiper-button-next,.xyzs-list .swiper-button-next,
.tdzs-list .swiper-button-next
{
  position: absolute;
  top:50%;
  right: calc(30% - 45px);
  background: url(../images/015.png) no-repeat;
  background-size: 100% 100%;
  z-index: 9999;
  /* right: 10px; */
}
.ca-show .swiper-button-next, .ca-show .swiper-button-prev{    width: 45px;
    height: 70px;}


.cont4{background: url(../images/bg4.jpg) no-repeat center;background-size: cover;padding-bottom: 30px;}
.cont4-box{position: relative;}
.cont4 .cont4-box-dl{
    width: 14.28%;
    top: 0;
    position: absolute;
    transition: all 0.5s ease-in-out;
    z-index: 999;
    /* display: inline-block; */
}
.cont4 .cont4-box-dl:hover{  transform:scale(1.2);z-index: 1000}
.cont4 .cont4-box-dl:hover .cont4-box-dl-d{opacity: 1}
.cont4 .cont4-box-dl:nth-child(1){}
.cont4 .cont4-box-dl:nth-child(2){margin-left: 14.28%}
.cont4 .cont4-box-dl:nth-child(3){margin-left: 28.56%}
.cont4 .cont4-box-dl:nth-child(4){margin-left: 42.84%}
.cont4 .cont4-box-dl:nth-child(5){margin-left: 57.12%}
.cont4 .cont4-box-dl:nth-child(6){margin-left: 71.4%}
.cont4 .cont4-box-dl:nth-child(7){margin-left:85.68%}
/*.cont4-box-dl:last-child{}*/
.cont4-box-dl-i{
    width: 100%;
    display: block;
}
.cont4-box-dl-div{
    position: relative;
}
.cont4-box-dl-d{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #6161618c;
    padding: 50px 50px;
    display: flex;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    z-index: 999;
}
.cont4-box-dl-d-d{
    align-self: center;
    color: white;
}
.cont4-box-dl-d-d h3{
    font-size: 30px;
}
.cont4-box-dl-d-d h4{
    font-size: 25px;
}
.cont4-box-dl-d-d hr{
    height: 3px;
    background-color: white;
    width: 50px;
    margin: 10px 0px 30px;
}
.cont4-box-dl-d-d div{
    font-size: 18px;
}
.cont4-box-dl-d-d a{
    color: white;
    border: 1px solid white;
    padding: 5px 20px;
    display: block;
    width: 120px;
    text-align: center;
    margin: 10px 0px;
}
.cont4-box-dl-d-d p{}


.cont5{background: url(../images/bg4.jpg) no-repeat center;background-size: cover;padding-bottom: 30px;}
.cont5-box{text-align: center;width: 1200px;margin: 0 auto;}
.cont5-box-li{
    width: auto;
    display: inline-block;
    padding: 5px 10px 5px 70px;
    border: 1px solid #af966e;
    margin-right: 20px;
    margin-bottom: 20px;
}
.cont5-box-li:nth-child(1){background: url(../images/0003.png) no-repeat center left;background-position: 10px;}
.cont5-box-li:nth-child(2){background: url(../images/0005.png) no-repeat center left;    background-position: 10px;}
.cont5-box-li:nth-child(3){background: url(../images/0005.png) no-repeat center left;    background-position: 10px;}
.cont5-box-li:nth-child(4){background: url(../images/0006.png) no-repeat center left;    background-position: 10px;}
.cont5-box-li:nth-child(5){background: url(../images/0007.png) no-repeat center left;    background-position: 10px;}
.cont5-box-li:nth-child(6){background: url(../images/0008.png) no-repeat center left;    background-position: 10px;}
.cont5-box-li:nth-child(7){background: url(../images/0009.png) no-repeat center left;    background-position: 10px;}
.cont5-box-li:nth-child(8){background: url(../images/0010.png) no-repeat center left;    background-position: 10px;}
.cont5-box-li:nth-child(9){background: url(../images/0011.png) no-repeat center left;    background-position: 10px;}
.cont5-box-li:nth-child(10){background: url(../images/0012.png) no-repeat center left;    background-position: 10px;}
.cont5-box-li:nth-child(11){background: url(../images/0013.png) no-repeat center left;    background-position: 10px;}
.cont5-box-li:nth-child(12){background: url(../images/0014.png) no-repeat center left;    background-position: 10px;}
.cont5-box-li:nth-child(13){background: url(../images/0015.png) no-repeat center left;    background-position: 10px;}
.cont5-box-li:hover h3{color: #FFC107}
.cont5-box-li a{}
.cont5-box-li a h3{
    color: #af966e;
    text-align: center;
}
.cont5-box-li a p{
    text-align: center;
}

.cont6{background: url(../images/bg4.jpg) no-repeat center;background-size: cover;padding-bottom: 30px;}
.cont6-box{}
/*多种组合方案*/
.duo{width:1200px;margin:auto;/* padding-top:30px; */padding-bottom:30px;font-size: 0;overflow: hidden;}

.duo_l{width: 680px;height: 509px;overflow: hidden;float:left;}
.duo_l ul li{float: left;width: 136px;background-color: #715f43;}
.duo_l ul li a{ display: block;float: left;width: 136px;height: 509px;overflow: hidden;}
.duo_l ul li.cur a,.duo_l ul li a:hover{background-color: #af9668;}
.duo_l ul li img{width: 136px;height: 509px;}
.duo_r{width: 520px;float:left;}
.duo_r img{width: 520px;height: 509px;}


.cont7{background: url(../images/bg4.jpg) no-repeat center;background-size: cover;padding-bottom: 30px;}
.cont7-box{
    width: 1200px;
    margin: 0 auto;
}

.inews1{
    width: 397px;
    float: left;
    margin-right: 50px;
}
.inewstop{
    border-bottom: 2px solid #8C8C8C;
    height: 33px;
}
.inewstop div{
    color: #af966e;
    font-size: 20px;
    width: auto;
    float: left;
}
.inewstop a{
    float: right;
    color: #af966e;
    margin-top: 12px;
}
.inews-box{}
.inews-img{
    margin: 15px  0px;
}
.inewsli{
    position: relative;
    margin-bottom: 30px;
}
.inews-num{
    background-color: #af966e;
    width: 50px;
    height: 50px;
    color: white;
    text-align: center;
    font-size: 35px;
    position: absolute;
    z-index: 2;
    top: 43px;
}
.inews-nr{
    width: 360px;
    float: right;
    /* padding: 0px 40px; */
    /* border: 1px solid #DBDBDB; */
}
.inews-titme{
    padding: 0px 40px;
    color: black;
}
.inews-li-d{
    border: 1px solid #af966e;
    padding: 10px 40px;
    /* background-color: white; */
}
.inews-li-d h3{
    font-weight: bold;
    font-size: 17px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #af966e;
}
.inews-li-d p{
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px;
    color: #af966e;
}
.inews2{}
.inews3{
    width: 305px;
    float: right;
}
.inews3box{
    margin-top: 15px;
    /* background-color: white; */
    padding: 0px 10px;
    height: 443px;
    overflow: hidden;
}

.footer{
    background-color: #292929;
    color: #af966e;
}
.foot-box{
    width: 1200px;
    margin: 0 auto;
    /* padding: 50px 0px; */
}
.foot-d1{
    width: 33%;
    float: left;
    padding-top: 40px;
}
.foot-d1 p{}
.foot-d2{
    width: 33%;
    float: left;
    text-align: center;
    margin-left: 100px;:;: 38px;: 37px;: 36px;: 35px;: 34px;: 33px;: 32px;: 31px;: 30px;: 29px;: 28px;: 27px;: 26px;: 25px;: 24px;: 23px;: 22px;: 21px;: 20px;: 19px;: 18px;: 17px;: 16px;: 15px;: 14px;: 13px;: 12px;: 11px;: 10px;: 10p;: 10;: 1;
}
.foot-d2 img{
    margin-top: 60px;
    max-width: 95%;
    max-height: 80px;
}
.foot-d3{
    width: 150px;
    float: right;
    text-align: center;
    padding: 20px 0px;
}
.foot-d3 img{
    width: 150px;
    height: 150px;
}
.foot-d3 p{
    text-align: center;
}
.foot2{
    border-top: 1px solid wheat;
    text-align: center;
    padding: 5px 0px;
}
.foot2 a{
    color: #af966e;
}


.product-box{padding: 20px 0px;background: url(../images/bg4.jpg) no-repeat center;background-size: cover;}
.product-box .cont1-box-li{
    width: 32%;
}
.product-box .cont1-box-li:nth-child(3n+3){margin-right: 0px}
.news-box{}
.news-box .w1200{}
.news-box-ul{}
.news-box-ul ul{}
.news-box-ul ul li{
    padding: 10px 0px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #af966e;
}
.news-box-ul ul li a{}
.news-box-ul ul li a img{
    width: 260px;
    height: 180px;
    float: left;
}
.news-box-ul ul li a>div{
    width: 920px;
    float: right;
}
.news-box-ul ul li a>div h3{
    color: #af966e;
    font-size: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
}
.news-box-ul ul li a>div div{
    color: white;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 96px;
}
.news-box-ul ul li a>div p{
    margin-top: 10px;
}




.duanbox{margin-top: 10px;}
.duanbox img{max-width: 100% !important; height: auto;}

/* 分页 */
/*列表翻页*/
.in_news+.list_page{border-top:none;}
.list_page {text-align: center;padding: 20px 0;}
.list_page a, .list_page span {padding:6px 12px;display: inline-block;font-size: 14px;margin: 0 4px ; border-radius: 20px;}
.list_page a {background:#f5f3ed;color: #000000;}
.list_page span, .list_page a:hover{background: #af966f;color:#fff;}