@charset "utf-8";
/* CSS Document */
    @font-face {
        font-family: "TrumpGothicWest";
        src: url('../fonts/trumpgothicwest-bold.a6430bf.ttf');
    }

.mian {
    overflow: hidden;background: #e1e1e1;
}
.index-com-title{text-align: center;padding-top: .5rem;}
.index-com-title h3{color: #333333;font-size: .4267rem;font-weight: 500;}
.index-com-title h3>a{color: #333333;font-size: .467rem;display: inline;}
.index-com-title p{color: #333333;font-size: .2667rem;margin-top: .133rem;}

a.gduo{display: inline-block;color: #333;height: .64rem;text-indent: .8rem;border: .0233rem solid #c4c3c3;line-height: .61rem;padding-right: .3733rem;border-radius: 3px;margin-top: .3067rem;background: url(../images/genduo.png) no-repeat .3333rem;background-size: .2933rem .2667rem;}


/* banner 
.banner{ position: relative}
.banner img{ display: block; width: 100%;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{width: 100%;text-align: center;position: absolute;bottom: 0rem;left: 0;z-index:1;}
.focus .hd ul{ width: 100%; text-align: center; position: absolute; left:0; bottom: 0.5rem; }
.focus .hd ul li{display: inline-block;width: 0.9rem;height: 0.073rem;background: #fff;margin: 0 1%;font-size:0;}
.focus .hd ul .on{background: #e2c083;}*/
/*banner*/
.banner{ position: relative}
.banner img{ display: block; width: 100%;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ width: 100%; text-align: center; position: absolute; left:0; bottom: 0.5rem; }
.focus .hd ul li{display: inline-block; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #fff; margin: 0 .1rem; font-size:0;}
.focus .hd ul .on{ background:#e2c083;  }


/* services */
.services{width: 100%;}
.services img{display: block;width: 100%;}
.services ul{overflow: hidden;background: #fff;}
.services ul li{float: left;width: 25%;text-align: center;padding: .533rem 0;}
.services ul li a{display: block;width: 100%;height: 100%;}
.services ul li{border-bottom:.022rem solid #f2ecec;}
.services li img{width: .84rem;height: .6rem;margin: 0 auto;}
.services ul li span{color: #333333;font-size: .32rem;margin-top: .3333rem;display: block;}

/* .产品与艺术 */
.cphys{width: 100%;background: #fff;margin-top: .2rem;text-align: center;padding-bottom: .5867rem;}
.cphys .cphys-box{padding-left: 2%;padding-right: 2%;margin: 0 auto;margin-top: .4rem;}
.cphys .cphys-box a{display: block;}
.cphys .cphys-box a img{display: block;width: 100%;}
.cphys .cphys-box p{color: #333;font-size: .42rem;text-align: center;margin-top: .4rem;}

.cphys .cpys-bbox{position: relative;}
.cphys .cpys-bbox .cphys-anniu{position: absolute;width: 100%;bottom: 1.2rem;}
.cphys .cpys-bbox .cphys-anniu ul{text-align: center;width: 100%;margin: 0 auto;}
.cphys .cpys-bbox .cphys-anniu ul li{display: inline-block;}
.cphys .cpys-bbox .cphys-anniu ul li span{display: block;width: .2rem;height: .2rem;background: #fff;border-radius: 50%;margin-left: .2667rem;}
.cphys .cpys-bbox .cphys-anniu ul li span:first-child{margin-left: 0;}
.cphys .cpys-bbox .cphys-anniu ul li span.on{background: #e2c083;}




/* 工程经典案例 */
.lunbotu{width: 100%;margin-top: .2rem;background: #ffffff;text-align: center;padding-bottom: .5067rem;}
.lunbotu .lunbotu-img{margin-top: .4rem;position: relative;width: 100%;}
.lbu-box{position: relative;width: 100%;}
.lunbotu .lunbotu-img a{display: block;}
.lunbotu .lunbotu-img a img{width: 100%;}
.lunbotu .lunbotu-img a p{width: 100%;line-height: .9333rem;text-align: center;font-size: .4rem;color: #fff;position: absolute;bottom: 0;background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,.8));}
.lbu-box .lbt-but{position: absolute;bottom: 0;width: 100%;height: .9333rem;}
.lbu-box .lbt-but a{display: block;width: 2rem;height: 100%;position: absolute;text-align: center;}
.lbu-box .lbt-but a img{display: block;width: 1.12rem;height: .1867rem;margin: 0 auto;margin-top: .4rem;}
.lbu-box .lbt-but a.lbut01{left: 0;}
.lbu-box .lbt-but a.lbut02{right: 0;}

/* 塔萨尼艺术学院 */
.ysxy{width: 100%;background: #fff;margin-top: .2rem;}
.ysxy .ysxy-lbt{width: 100%;margin-top: .3733rem;position: relative;padding-bottom: 1.2rem;}
.ysxy .ysxy-lbt .ysxy-lbt-li{overflow: hidden;padding-left: 1%;padding-right: 1%;}
.ysxy .ysxy-lbt .ysxy-lbt-li ul{width: 100%;overflow: hidden;}
.ysxy .ysxy-lbt .ysxy-lbt-li ul li{float: left;width: 49%;margin-left: 2%;}
.ysxy .ysxy-lbt .ysxy-lbt-li ul li:first-child{margin-left:0;}
.ysxy .ysxy-lbt .ysxy-lbt-li ul li a{width: 100%;display: block;}
.ysxy .ysxy-lbt .ysxy-lbt-li ul li a img{width: 100%;display: block;}
.ysxy .ysxy-lbt .ysxy-lbt-li ul li a .sy-ct{width: 100%;height:2rem;background: #f7f7f7;text-align: center;padding-top: .4rem;position: relative;}
.ysxy .ysxy-lbt .ysxy-lbt-li ul li a .sy-ct h3{color: #333;font-size: .3067rem}
.ysxy .ysxy-lbt .ysxy-lbt-li ul li a .sy-ct h4{color: #333;font-size: .32rem}
.ysxy .ysxy-lbt .ysxy-lbt-li ul li a .sy-ct span{display: block;width: .6rem;height: .0267rem;background: #999;margin: 0 auto;margin-top: .2933rem;}
.ysxy .ysxy-lbt .ysxy-lbt-li ul li a .sy-ct p{color: #666;width: 3.7333rem;margin: 0 auto;margin-top: .2933rem;font-size: .24rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.ysxy .ysxy-lbt .ysxy-lbt-li ul li a .sy-ct h5{color: #333;font-size: .24rem;position: absolute;bottom: .58rem;width: 3.6rem;left: 50%;margin-left: -1.8rem;}

.ysxy-lbt .ysxy-anniu{position: absolute;width: 100%;bottom: .6rem;}
.ysxy-lbt .ysxy-anniu ul{text-align: center;width: 100%;margin: 0 auto;}
.ysxy-lbt .ysxy-anniu ul li{display: inline-block;}
.ysxy-lbt .ysxy-anniu ul li span{display: block;width: .2rem;height: .2rem;background: #dfdfdf;border-radius: 50%;margin-left: .2667rem;}
.ysxy-lbt .ysxy-anniu ul li span.firstOn{margin-left: 0;}
.ysxy-lbt .ysxy-anniu ul li span.on{background: #e2c083;}

/* 探秘塔萨尼 */
.tanmi{width: 100%;background: #fff;margin-top: .2rem;padding-bottom: .7333rem;}
.tanmi .tanmi-tc{padding-left: 2%;padding-right: 2%;margin-top: .53rem;}
.tanmi .tanmi-tc .img-box{position: relative;}
.tanmi .tanmi-tc .img-box>a>img{display: block;width: 100%;}
.tanmi .tanmi-tc p{font-size: .2667rem;color: #666;line-height: .43rem;margin-top: .3333rem;}
.tanmi .tanmi-tc .img-box ul{width: 100%;background: rgba(0,0,0,.2);position: absolute;bottom: 0;}
.tanmi .tanmi-tc .img-box ul li{width: 33.33%;text-align: center;float: left;padding-top: .6267rem;padding-bottom: .3067rem;}
.tanmi .tanmi-tc .img-box ul li>img{display: inline-block;height: .52rem;margin-top: 0 auto;}
.tanmi .tanmi-tc .img-box ul li>p{font-size: .24rem;color: #fff;}

/* .塔萨尼在中国 */
.inChina{width: 100%;background: #fff;margin-top: .2rem;padding-bottom: 1.16rem;position: relative;}
.inChina .inChina-tc{padding-left: 2%;padding-right: 2%;margin-top: .53rem;}
.inChina .inChina-tc .img-box img{display: block;width: 100%;}

.inChina .inChina-anniu{position: absolute;width: 100%;bottom: .4rem;}
.inChina .inChina-anniu ul{text-align: center;width: 100%;margin: 0 auto;}
.inChina .inChina-anniu ul li{display: inline-block;}
.inChina .inChina-anniu ul li span{display: block;width: .2rem;height: .2rem;background: #dfdfdf;border-radius: 50%;margin-left: .2667rem;}
.inChina .inChina-anniu ul li span:first-child{margin-left: 0;}
.inChina .inChina-anniu ul li span.on{background: #e2c083;}



/* 新闻动态 */
.news{padding:0 .2rem ;background: #fff;margin-top: .24rem;}
.news .mainCon{width: 9.6rem;margin: 0.32rem auto 0;}
.news .mainCon .menu{margin-bottom: .267rem;}
/* .news .mainCon .menu ul{border: 1px solid #f3f2f2;border-right: none;} */
.news .mainCon .menu ul li a{width: 33%;float: left;text-align: center;height: .987rem;line-height: .987rem;font-size: .32rem;color: #333333;border: .02rem solid #e1e1e1;box-sizing: border-box;border-left: 0;}
.news .mainCon .menu ul li:first-child a{border-left: .02rem solid #e1e1e1;}

.news .mainCon .menu ul .on a{border-top: .04rem solid #000;}
.news .mainCon .conBox .box .img a{display: block;}
.news .mainCon .conBox .box .img a img{width: 3.36rem;}
.news .mainCon .conBox .box .img {display: inline-block;float: left;}
.news .mainCon .conBox .box .pingu{margin-left: .267rem;float: left;width: 5.533rem;}
.news .mainCon .conBox .box .pingu h3 a{font-size: .32rem;color: #333333;line-height: .43rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.news .mainCon .conBox .box .pingu p {margin-top: .16rem;}
.news .mainCon .conBox .box .pingu p a{color: #666;font-size: .3rem;line-height: .408rem;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news .mainCon .conBox{position: relative;margin-top: .267rem;}
.news .mainCon .conBox .box .box-ul{margin-top: .2rem;padding-bottom: .6rem;}
.news .mainCon .conBox .box .box-ul li{font-size: .293rem;height: .8rem;line-height: .8rem;width: 7.333rem;overflow: hidden;border-bottom: .02rem dashed #c1c1c1;width: 99%;}
.news .mainCon .conBox .box .box-ul li a {float: left;color: #666666;display: block;width: 6.9333rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.news .mainCon .conBox .box .box-ul li .span01{float: left; width: .04rem;height: .04rem;background: #b0aeae;border-radius: 50%;border: 1px solid #b0aeae;display: block;position: relative;top: .38rem;margin-right: .067rem;margin-left: .133rem;}
.news .mainCon .conBox .box .box-ul li span{float: right;color: #999999;position: absolute;right: .133rem;}