.banner img{width:100%;}
.contant{width:1200px;margin:0 auto;position:relative;}

.intro {text-align:center;}
.intro h1{font-size:36px;color:#333;padding:70px 0 20px 0;}
.intro p{font-size:16px;color:#999;line-height:26px;}
.intro img{margin-top:45px;}
.line .luara{margin:40px 0;position:relative;}
.line .luara .swiper-slide img{width:100%;}
.line .luara .swiper-slide p{position:absolute;left:15px;bottom:20px;color:white;font-size:28px;}
.line .luara .swiper-slide p span{font-size:16px;}
.line .luara .swiper-button-prev{left:-80px;width:46px;height:46px;background:url(../img/index/arr-l.png) no-repeat;}
.line .luara .swiper-button-next{right:-80px;width:46px;height:46px;background:url(../img/index/arr-r.png) no-repeat;}

.derect{height:800px;background:url(../img/index/derect.jpg) no-repeat center center;}
.derect .intro h1{color:white;}
.derect .intro h1 span{display:inline-block;width:120px;border-bottom:1px solid white;position:relative;top:-10px;}
.derect .left{margin-top:110px;float:left;margin-left:140px;}
.derect .right{margin-top:110px;float:left;margin-left:55px;color:white;}
.derect .right h2{font-size:32px;margin-bottom:15px;}
.derect .right p{font-size:16px;margin-bottom:40px;}
.derect .right .item{margin-top:20px;}
.derect .right .item input{height:28px;padding:10px;border:0;float:left;color:#666;}
.derect .right .item .name{border-radius:5px 0 0 5px;width:130px;}
.derect .right .item .addr{border-right:1px solid #ccc;border-left:1px solid #ccc;width:160px;}
.derect .right .item .num{border-radius:0 5px 5px 0;width:130px;}
.derect .right .item .phone{width:462px;border-radius:5px;}
.derect .right .item textarea{width:462px;border:0;padding:10px;border-radius:5px;color:#666;}
.derect .right .item .submit{width:140px;height:40px;background-color:#00a8b5;border:0;color:white;border-radius:5px;font-size:16px;}


.project ul li{float:left;margin-top:30px;}
.project ul{margin-left:-12px;}
.project ul li{margin-left:12px;}
.project ul li .con{border:1px solid #ccc;padding:40px 0;border-top:0;text-align:center;}
.project ul li .con p{font-size:16px;}
.project ul li .con button{margin-top:20px;}
.project ul li .con .btnl{width:124px;height:30px;border:0;background-color:#efefef;}
.project ul li .con .btnr{width:134px;height:28px;border:1px solid #00a8b5;background-color:white;color:#00a8b5;}


.raiders{height:1000px;background:url(../img/index/raiders.png) no-repeat center center;}
.raiders .contant{height:100%;}
.raiders .active{width:100%;height:305px;position:absolute;bottom:50px;left:0;}
.raiders .active h1{font-size:36px;color:#333;margin-bottom:40px;}
.raiders .active .list.first{width:366px;padding-left:0;background:none;}
.raiders .active .list.first .zijia{height:170px;overflow: hidden;}
.raiders .active .list.first img{width:100%;}
.raiders .active .list{height:100%;float:left;padding-left:100px;background:url(../img/index/line-l.png) no-repeat 50px 20px;}
.raiders .active .list .outs{background-color:#f3f4f6;font-size:16px;color:#333;padding:15px;line-height:24px;}
.raiders .active .list .outs span{color:#00a8b5;margin-right:10px;}
.raiders .active .list li{font-size:16px;color:#333;line-height:38px;width: 315px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.raiders .active .list li span{margin-right:15px;color:#00a8b5;}
.raiders .active .list .arr{width:16px;height:16px;margin-right:5px;background:url(../img/index/arr.png) no-repeat;display:inline-block;position:relative;top:3px;}
.raiders .active .list .more{float:right;line-height:18px;margin-top:15px;color:#333;}