/*全局样式*/
*{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img,input{border:none;vertical-align:middle;}
body{font-family:Tahoma,Arial,Helvetica,"微软雅黑";font-size:12px;background:#FFF;color:#000;}
html{overflow-y:scroll;}
ul,ol{list-style-type:none;}
th,td,input{font-size:12px;}
input{outline:none;border:none;box-shadow:none;}
h3{font-size:14px;}
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
a{ text-decoration:none;}
/* index */
.topa{width: 100%; max-width: 1920px;  margin:0 auto; height: auto; position: relative;}
.topa .topimg{  top: 0; left: 0; max-width: 1920px; float: left; z-index: 1;}
.topa .topimg img{width: 100%; float: left;}
.logo img{ float:left;}
.topcon{ position: absolute; top: 0; z-index: 2; left: 50%; margin-left: -600px !important;}
.con{width:1200px; margin:0 auto;}
.ys{width:100%; float: left;}
.logo{width:245px; height: 65px; float: left; padding-top: 30px;}
.nav{width:800px; float:right; height: 100px;}

.nav li{ float:left; padding:0 15px; margin:0 15px; padding-top: 35px; line-height: 65px; font-size: 24px;}
.nav li a{ color:#fff}
.nav li.active,.nav li.active a,.nav li:hover{ background:#f15a01; color:#fff}

.ysbg{width: 100%; max-width: 1920px; background:url(../images/chengshi.jpg) no-repeat center bottom; margin:0 auto; height: 870px;}

.ystit{width: 100%; font-size:40px; text-align: center; padding-top: 40px; clear:both;}
.ystit>p{width: 100%; float:left;}
.ystit>.tia{width: 100%; float:left; position:relative; width:100%; border-bottom: 1px solid #ddd; height:60px; line-height: 60px; font-size:30px; color:#121c32}
.ystit>.tia::after{ width:180px; height:2px; background:#f15a01; content:''; position:absolute; left:50%;margin-left: -90px; top:59px}
.ystit>.tib{width: 100%; float:left; color:#999; font-size: 30px; padding-top: 30px;}

.ysul{width:100%; padding-top: 40px; float:left; display:flex; justify-content: space-around;}
.ysul li{width:400px; float:left; background:#471b01; height:490px; position: relative;}
.ysul li:hover{ background:#f15a01;}
.ysimg{width:400px; height:490px; float:left;opacity:0.2;}

.yscon{ position:absolute; width:400px; top:130px; text-align:center; z-index: 2; font-size: 30px; font-weight: bold; color:#fff; line-height:88px}

/* .ysbg{width: 100%; max-width: 1920px; background:url(../images/chengshi.jpg) no-repeat center bottom; margin:0 auto; height: 870px;} */

.fwul{width:100%; padding-top: 40px; float:left;}
.fwul li{width:100%; float:left; background:#f15a01; height:420px; margin-bottom: 18px; }
.fwul li>img{ float:left}

.wordfw{width:388px; float:right; color:#fff}
.wordfw .title{ width:auto; padding:0px 15px; border-bottom: 1px solid #fff; display:table; margin:0 auto; font-size:30px; padding-top: 50px; padding-bottom: 10px; margin-bottom: 20px;}
.wordfw .a{width:100%;  float:left; padding-top: 20px; font-size: 18px; text-align: left;}
.wordfw .b{width:100%;  float:left; padding-top: 5px; font-size: 18px; text-align: left;}

.wordfw >p{position: relative; padding-left: 35px; box-sizing: border-box;}
.wordfw >p::before {width:40px; height: 22px; text-align: center; background: url(../images/qizhi.png) no-repeat center; content: ''; position: absolute; left: 0; background-size: 30px; margin-right: 25px; }
.hezuo{ display:flex;justify-content:space-around; width:100%; float:left;flex-wrap: wrap; padding:52px 0}
.hezuo li{width:380px; height:140px; border: 1px solid #ddd; box-sizing: border-box; margin:8px auto; overflow: hidden;}
.hezuo li img{ float:left; }

.footer{width:100%; float:left; background:#111111; height:390px}

.foota{width:100%; float:left; background:#202020; height: 310px;}
.footb{width:100%; float:left; background:#111111; height: 80px; line-height: 80px; font-size: 14px; color:#666;}
.footb>.con{ line-height:30px; padding-top: 10px;}

.footicon{ float:left; width:120px; height:120px; padding-top: 80px; padding: 80px 20px 0;}

.ksul{ padding-top: 80px; float:left; padding-left:60px;}
.ksul li{ padding-right: 25px; float:left; width:175px}
.ksul li p{ float:left; font-size: 24px; color:#fff; width:100%; padding-bottom: 15px;}
.ksul li span{ float:left; font-size: 18px;width:100%; line-height: 35px;}
.ksul li span a{ color:#fff}

.footma{width:300px; float:right; display:flex; justify-content: space-around; padding-top: 80px; color:#fff}
.footma>p{width:30%; text-align: center; font-size: 14px;}
.footma>p span{font-size: 14px;}
.footma>p img{width:74px; margin:0 auto; display:block; margin-top: 5px;}


/* about */



.gkt{font-size: 30px; width: 100%; float: left; line-height: 100px; font-weight: bold;}
.gkc{font-size: 20px; width: 100%; float: left; line-height: 40px;}

.gytp{ padding: 40px 0; float: left;}
.yj{width: 100%; background:#fffaf7; float: left;}
.yjjz{width: 100%; float: left; padding:30px 0;}
.yjjz li{width:50%; float: left; margin:10px 0;}
.yjjz li>img{width: 86px; float: left; margin-right: 20px;}
.yuan{ width: calc(100% - 106px); float: left;}
.yuan .a{width:100%; float: left; font-size: 24px; padding-top: 10px;}
.yuan .b{width:100%; float: left; font-size: 16px; padding-top: 10px;}
.hsbg{ background :#fff; margin: 40px 0; width: 100%; color: #333; padding-top: 50px; float: left;}

.lxhs{width:300px; height: 100px; background: #f6b651; line-height: 100px; text-align: center; position: relative; left: 50%; margin-left: -150px; font-size: 40px; color:#fff}
.lxhs::after{ position: absolute; width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f6b651; z-index: 2; content: ''; left: 50%;
    top: 100px;
    margin-left: -5px; }

.ditu{width:800px; height: auto; margin: 0 auto; display: block;}

.lxadd{width: 100%;  height: auto; clear: both;}
.lxadd ul{ margin-bottom: 40px; width: 100%; float: left;}
.lxadd li{width:50%;  box-sizing: border-box; float: left; font-size:20px; padding: 18px 0;padding-left: 5%;}
.bja{ position: relative; width: 100%; height: 45px;}
.bja::after{position: absolute;content: '';width:40px;height: 2px;background: #b01f1e;left: 0;top: 30px;}
.dha ,.dza{ font-size: 18px; line-height: 36px;}

.setit{width: 100%; font-size:40px;  padding-top: 40px; clear:both;}
.setit>p{width: auto; float:left;font-size:30px;}

.setit>.tia{width: 130px; float:right; height:40px;  line-height: 40px; font-size:14px; color:#fff; background:rgba(0, 0, 0, 0.8); text-align: center; border-radius: 100px; cursor: pointer}
.setit>.tia:hover{ background:#f15a01;}

.zhuju {
    width: 1200px;
    height: 560px; padding-top: 45px; padding-bottom: 15px;
}
.zhuju .swiper-slide { 
    position: relative;
   
}
.juleft{width:490px; height: 560px; background: #f15a01; color: #fff;  position:absolute; left: 0;}
.jupic{ position: absolute; z-index: 2;  top: 28px; width: 785px; height: 505px;right: 0;}
.zhuju .nextIcon, .zhuju .prevIcon{ right: 0; width: 88px; height: 88px; background: url(../images/next.jpg); top: 538px;}
.zhuju .prevIcon{background: url(../images/prev.jpg);left: 1024px; }

.juleft .aa{ font-size: 18px; padding-left: 40px; padding-top: 200px; width: 100%; box-sizing: border-box;}
.juleft .ab{ font-size: 30px; padding-left: 40px; padding-top: 20px;width: 100%; box-sizing: border-box; position: relative;}
.juleft .ab::before{ content: ''; width: 115px; height: 2px; background: #fff; position: absolute; left: 40px; top: 80px;}

.zhu ul{width:100%; display: flex; justify-content: space-between; padding-bottom: 15px;}
.zhu li,.zhu li img{width:380px; height: 380px; }

.shbg{width: 100%; float: left; background: #fffaf7; padding: 10px 0; margin-top: 40px; padding-bottom: 50px;}

.Property {
    width: 1200px;
    height:335px;  margin-top: 40px; clear: both; float: left;
}
.Property .swiper-slide { 
    position: relative;
   
}


.Property .nextIcon{background: url(../images/nexta.png) !important; width: 75px; height: 75px;right: 0; }
.Property .prevIcon{background: url(../images/preva.png) !important; width: 75px; height: 75px; left: 0;}

.bgsha{ position: absolute; top:50% ; z-index: 22; margin-top: -100px; background: rgba(0, 0, 0, 0.8); width: 540px; height: 215px; left: 50%; margin-left: -270px; color: #fff; font-size: 18px; box-sizing: border-box; padding-left:50px; padding-top:40px;}
.bgsha>p{ color: #f15a01; font-size: 30px; padding-bottom: 10px;}

.ling ul{width:100%; float: left; padding: 30px 0;}
.ling ul li{ position: relative; width: 400px; height: 475px; float: left;}
.ling img{width: 400px; height: 475px; float: left;}
.footling{ position: absolute; left: 0; top: 360px; left:15px; color: #fff; font-size:24px;}
.footling span{font-size: 14px;}

/* 优势 */
.youtit{width: 70%; margin-left: 15%; display: flex; justify-content: space-between; padding: 50px 0; }
.youtit li,.youtit li img{width: 210px; float: left;}
.jia{width: 100%; max-width: 1200px; margin: 0 auto;}
.jia ul{width: 100%; float: left;}
.jia li{width:50%; float: left;}
.jia img{width:100%; float: left;}
.titleYl{width:100%; text-align: center; font-size: 40px; line-height:85px; padding-top: 20px; float: left}
.casebg{width: 100%;  float: left; position:relative; clear:both; height:auto; color:#333}

.casebg>.tita{width: 100%; text-align:center; font-size: 20px; line-height:50px; font-weight: bold; }
.casebg>.titb{width: 100%; text-align:left; font-size: 20px; line-height:50px; font-weight: bold; }

.casebg>.cona{width: 100%; padding:0 0%; box-sizing: border-box; font-size: 14px; padding-bottom: 40px;}

.casebg>img{ float:right; position: absolute;right: 0; top:0;}
.jytit{width:100%; font-size: 20px; padding-top: 30px; float: left}
.ypan{ padding:30px 0;width: 100%; float: left}

.jycon{width:100%; float: left}
.jycon ul{ display:flex; justify-content: space-around; width:100%;}
.jycon li{width:390px; height:472px; position: relative;}
.jycon li>img{ position:absolute; top:0; left: 0;}
.jycon li>p{width:390px; padding:10px; box-sizing: border-box; color:#fff; position:absolute; top:20px; font-size: 14px;}
.cptit{width: 100%; text-align: center; line-height:50px; background:#fcdecc; color:#333; clear: both; font-size: 20px; margin-bottom: 20px;}
.flsj{ position:absolute; bottom:20px; font-size: 14px; color:#fff; width: 100px; text-align: center; line-height: 35px; background:rgba(0, 0, 0, 0.8); left:50%; margin-left: -50px; border-radius: 100px;}
.flsj::after{content:'';  right: 10px;width: 0; height: 0; position: absolute;z-index: 22;top: 10px;  border-left: 10px solid #f15a01; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}

.fang{width: 100%; float: left; padding-bottom: 30px;}
.fang ul{ display:flex; justify-content: space-between; width:100%; float: left;flex-wrap: wrap;}
.fang li{width:590px; height:550px; margin:15px 0; background:#f15a01; color:#fff; font-size: 14px;}

.ffa{ position:relative;width: 590px; float: left;}
.ffa>img{width:590px; float: left;}
.ffa>span{position:absolute; bottom:25px; color:#fff; left:15px; font-size: 24px; font-weight: bold; z-index: 1;}
.ffa>span::before{content:'';width:80px;height:10px;background:#942123;z-index: -1;position: absolute;left: 0px;top: 20px;}
.mzzf{width: 100%; padding:15px; box-sizing: border-box; float: left;}

/* 案例 */
.casetit{width:100%; background:#f1f2f3; line-height:55px; float: left; padding:0 15px; box-sizing: border-box; margin: 15px 0;}
.casetit li{ padding:0 25px; float: left; font-size: 14px;cursor: pointer;}
.casetit li.active{ position: relative; color:#f15a01; font-weight: bold;}
.casetit li.active::after{ width:80px; height:2px; position:absolute; top:54px; content:''; left: 10px; background:#f15a01; }

.casecon ul{min-height: 350px;  float: left; width: 100%;}
.casecon ul li{width: 380px; float:left; margin-right: 30px; padding-bottom: 15px; cursor: pointer;}
.casecon ul li img{width:380px; height:380px; float: left;}
.casecon ul li p{width: 100%; text-align: center; font-size: 14px; color:#333; line-height: 55px;}
.casecon ul li:nth-child(3n){ margin-right: 0;}

.caseXx{ padding: 45px 0; clear: both; display: table;}


.swiper-container.topimg {
    width: 100%;
    height: 100%;
}
.topimg .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}