﻿
.fullSlide{ width:100%;  position:relative;  height:420px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:420px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:420px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000;
		filter:alpha(opacity=50);opacity:0.5;  line-height:999px;
	}
.fullSlide .hd ul .on{ background:#f00;  }

.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }

/* 项目列表css */
.project-list{height:410px;background:#fff;color:#333;text-align: center;margin:0 auto;width:1200px;}
.project-top{margin-top:50px;}
.project-list ul{width:1260px;height:300px;}
.project-list ul li{z-index:2;overflow:hidden;position:relative;height:270px;text-align: center;width:180px;padding-top:35px;float: left;margin-right:22px;transition:all .3s;transition-delay:.3s;}
.project-list ul li:nth-child(1) a{background-image:url(../images/project1.png)}
.project-list ul li:nth-child(2) a{background-image:url(../images/project6.png)}
.project-list ul li:nth-child(3) a{background-image:url(../images/project5.png)}
.project-list ul li:nth-child(4) a{background-image:url(../images/project3.png)}
.project-list ul li:nth-child(5) a{background-image:url(../images/project2.png)}
.project-list ul li:nth-child(6) a{background-image:url(../images/project4.png)}
.project-list ul li a{position:relative;z-index:2;display:block;position:relative;width: 100px;height: 100px;background-size: 200px;background-position: -100px;margin: 0 auto;transition:all .3s;transition-delay:.6s;}
.project-list ul li h4{position:relative;z-index:2;font-size:20px;margin: 30px 0 10px 0;}
.project-list ul li span{position:relative;z-index:2;font-size:12px;}
.project-list a i{position: absolute;background: url(../images/round.png);width: 100px;height: 100px;top: 0;left: 0;display: block;background-size: 100%;transition:all .3s;}

.project-list ul li .bg{z-index:1;position:absolute;width: 100%;height:300px;background: #1c9fea;top: 270px;transition:all .3s;transition-delay:.3s;}

.project-list ul .il{clip:rect(0px,50px,100px,0px)}
.project-list ul .ir{clip:rect(0px,100px,100px,50px)}
.project-list ul li:hover{color:#fff;}
.project-list ul li:hover a .il{clip:rect(100px,50px,100px,0px)}
.project-list ul li:hover a .ir{clip:rect(0px,100px,0px,50px)}
.project-list ul li:hover a{background-position:0px;}
.project-list ul li:hover .bg{top:0;}


/* news */
.news{padding-bottom:30px;background:#e0f3f6;}
.news-top{text-align:center;margin-bottom:20px;padding-top:50px;padding-bottom:20px;background:#fff;}
.news-top div{width:1200px;margin:0 auto;}
.news-bottom{width:1200px;margin:0 auto;}
.news-item{width:380px;height:140px;padding:0 25px;margin-top:20px;margin-bottom:10px;float:left;border:1px solid #666;margin-right:20px;overflow:hidden;position:relative;z-index:2;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.news-item dl{text-align:center;position:absolute;top:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.news-item dl dt{background:url(../images/time.png) no-repeat center 20px;padding-top:58px;font-size:12px;color:#444444;background-size:33px 33px;}
.news-item dl dd.t{margin:10px 0;width:330px;height:46px;line-height:46px;overflow:hidden;}
.news-item dl dd.t a{color:#000;font-size:18px;text-align:center;}
.news-item dl dd.spec{width:330px;overflow:hidden;}
.news-item dl dd.spec a{color:#666;font-size:12px;line-height:24px;}
.news-item:nth-child(4){clear:both;}

.news-item:hover{border:1px solid #15909c;padding:10px 25px;margin-top:10px;margin-bottom:0;height:160px;}
.news-item:hover dl{top:-85px;}
.news-item:hover dl dd.t a{color:#15909c;}
.news-more{width:1200px;margin:30px auto 0 auto;}
.news-more a{text-align:center;display: block;width: 120px;height: 36px;margin: 0 auto;border: 1px solid #15909c;line-height: 36px;font-size: 12px;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}
.news-more a:hover{background:#15909c;color:#fff;}

/* 案例css */
.item{padding-top:50px;}
.item-top,.item .item-footer{width:1200px;margin:0 auto;}
.item-top h2{font-weight:400;text-align: center;color:#4b1558;font-size:27px;background:url(../images/pencel.png) bottom no-repeat;padding-bottom: 25px;}
.item-top p{color:#73567c;text-align: center;font-size:12px;margin:5px 0 30px 0;}
.item ul{font-size:12px;color:#4b1558;height:20px;width:650px;margin:0 auto}
.item ul li{cursor: pointer;float:left;border-right:1px solid #999;padding:0 15px;}
.item ul li.active{background:#4b1558;color:#fff;}
.item ul li a{background:#4b1558;color:#fff;padding:0 3px;}
/* 案例下方item css */
.item dl{margin:10px auto;width:1200px;height:570px;display:none;}
.item dl:nth-of-type(1){display:block;}
.item dl dd{margin:0 calc((900px - 831px) / 6);width:277px;height:50%;float:left;}
.item dl dd img{width:100%;height:182px;}
.item dl dd h7{color:#c50102;font-size:14px;}
.item dl dd p{font-size:12px;color:#909090;letter-spacing:1px;line-height:1.7;}

/* 为什么选择css */
.chose{height:600px;background:url(../images/chose.jpg) center no-repeat;padding-top:50px;min-width:1200px;}
.chose .chose-top{width: 1200px;margin:0px auto 40px auto;text-align:center;}
.chose-footer{width:1200px;margin:0 auto;}
.chose ul{width:1260px;margin:0 auto;}
.chose ul li{float:left;margin-right:60px;width:255px;position:relative;height:380px;}
.chose ul li .chose_header{width:50%;position:absolute;left:25%;top:60px;-webkit-animation:gogogo 5s infinite linear;}
.chose ul li .chose_header img{width:100%;opacity:0.8;filter:alpha(opacity=80);}

.chose ul li .chose_footer{text-align:center;padding:105px 0 0 0;color:#222;}
.chose_footer img{width:40px;}
.chose_footer h5{margin-top:100px;font-size:18px;margin-bottom:20px;transition:all .3s;}
.chose_footer p{margin-bottom:5px;font-size:14px;}

.chose ul li:hover h5{margin-top:60px;font-size:20px;}

@-webkit-keyframes gogogo{
	0%{transform:rotate(0deg);}
  50%{transform:rotate(180deg);}
  100%{transform:rotate(360deg);}
}

/* 客户名师css */
.teacher{background:#f7f7f7;min-width:1200px;padding:50px 0 30px 0;}
.teacher_box{width:1200px;margin:0 auto;    }
.teacher_box .teacher-top h2{font-weight:400;text-align: center;color:#4b1558;font-size:27px;background:url(../images/pencel.png) bottom no-repeat;padding-bottom: 25px;}
.teacher_box .teacher-top p{color:#73567c;text-align: center;font-size:12px;margin:5px 0 30px 0;}
.teacher_box .teacher-top a{background:#4b1558;color:#fff;padding:0 3px;width:44px;height:15px;margin:0 auto;display:block;font-size:12px;}

.teacher-bottom{overflow:hidden;}
.teacher_item{width:2400px;position:relative;left:0;}
.teacher-bottom ul{float: left;width: 1200px;height: 460px;position: relative;}
.teacher_info{background:#2fafbc;color:#fff;padding:50px 50px 0 50px;}
.teacher_img,.teacher_info{width: 400px;height: 230px;position: absolute;}
.teacher_img img{width: 100%;height: 100%;}

.teacher-bottom ul:nth-child(1) li:nth-child(1) .teacher_img{top:0;left:0;}
.teacher-bottom ul:nth-child(1) li:nth-child(2) .teacher_img{top:230px;left:400px;}
.teacher-bottom ul:nth-child(1) li:nth-child(3) .teacher_img{top:0px;right:0;}
.teacher-bottom ul:nth-child(1) li:nth-child(1) .teacher_info{top:0px;left:400px;}
.teacher-bottom ul:nth-child(1) li:nth-child(2) .teacher_info{left:0;bottom:0;}
.teacher-bottom ul:nth-child(1) li:nth-child(3) .teacher_info{right:0;bottom:0;}

.teacher-bottom ul:nth-child(2) li:nth-child(1) .teacher_info{top:0;left:0;}
.teacher-bottom ul:nth-child(2) li:nth-child(2) .teacher_info{top:230px;left:400px;}
.teacher-bottom ul:nth-child(2) li:nth-child(3) .teacher_info{top:0px;right:0;}
.teacher-bottom ul:nth-child(2) li:nth-child(1) .teacher_img{top:0px;left:400px;}
.teacher-bottom ul:nth-child(2) li:nth-child(2) .teacher_img{left:0;bottom:0;}
.teacher-bottom ul:nth-child(2) li:nth-child(3) .teacher_img{right:0;bottom:0;}

.teacher-bottom ul:nth-child(1) li:nth-child(1) .teacher_info:before{height: 0;width: 0;content: "";position: absolute;left: -30px;top: 45%;z-index: 2;border-width: 15px;border-style: dashed dashed dashed solid;border-color: transparent #2eafbb transparent transparent;}
.teacher-bottom ul:nth-child(1) li:nth-child(2) .teacher_info:after{height: 0;width: 0;content: "";position: absolute;right: -30px;top: 45%;z-index: 2;border-width: 15px;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #2eafbb;}
.teacher-bottom ul:nth-child(1) li:nth-child(3) .teacher_info:after{height: 0;width: 0;content: "";position: absolute;right: 45%;top: -30px;z-index: 2;border-width: 15px;border-style: dashed dashed dashed solid;border-color: transparent transparent #2eafbb transparent;}

.teacher-bottom ul:nth-child(2) li:nth-child(1) .teacher_info:before{height: 0;width: 0;content: "";position: absolute;right: -30px;top: 45%;z-index: 2;border-width: 15px;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #2eafbb;}
.teacher-bottom ul:nth-child(2) li:nth-child(2) .teacher_info:after{height: 0;width: 0;content: "";position: absolute;left: -30px;top: 45%;z-index: 2;border-width: 15px;border-style: dashed dashed dashed solid;border-color: transparent #2eafbb transparent transparent;}
.teacher-bottom ul:nth-child(2) li:nth-child(3) .teacher_info:after{height: 0;width: 0;content: "";position: absolute;right: 45%;bottom: -30px;z-index: 2;border-width: 15px;border-style: dashed dashed dashed solid;border-color: #2eafbb transparent transparent transparent;}

.teacher_info h3{font-size:16px;border-bottom:1px solid #fff;margin-bottom:10px;padding-bottom:10px;}
.teacher_info p{font-size:12px;line-height:1.6;}

.teacher_btn{text-align:center;margin-top:30px;position:relative;}
.teacher_btn span{display: inline-block;width: 40px;height: 40px;border: 1px solid #2eafbb;background:#fff;margin:0 10px;cursor:pointer;}
.teacher_btn span:nth-child(1){background-image: url(../images/left1.png);background-size: 100%;background-position: 10px center;background-repeat: no-repeat;transition: all .5s;}
.teacher_btn span:nth-child(2){background-image: url(../images/right1.png);background-size: 100%;background-position: -10px center;background-repeat: no-repeat;transition: all .5s;}

.teacher_more{position: absolute;right: 0;top: 0;float:right;width:120px;height:40px;background:#fff;line-height:40px;font-size:14px;border:1px solid #2eafbb;;transition:all .5s;overflow:hidden;}
.teacher_btn a{display:block;transition:all .5s;position:absolute;width:100%;height:100%;}

.more1{top:0;transition:all .5s;color:#2eafbb;}
.more2{top:40px;transition:all .5s;color:#fff;}

.teacher_more:hover{background:#2eafbb;box-shadow:0px 0px 5px 0px #2eafbb;color:#fff;}
.teacher_more:hover .more1{top:-40px;}
.teacher_more:hover .more2{top:0px;}

.teacher_btn span:nth-child(1):hover{background-position-x:-10px;background-color:#2eafbb;}
.teacher_btn span:nth-child(2):hover{background-position-x:10px;background-color:#2eafbb;}

/* 客户见证 */
.client{width:1200px;margin:0 auto;padding:50px 0;}
.client_top h2{font-weight:400;text-align: center;color:#4b1558;font-size:27px;background:url(../images/pencel.png) bottom no-repeat;padding-bottom: 25px;}
.client_top p{color:#73567c;text-align: center;font-size:12px;margin:5px 0 30px 0;}

.client_bottom ul:before{content: "";position:absolute;left: 0;top: 0;width:1px;bottom:0;border-right:1px solid #eee;color:#333;}
.client_bottom ul:after{content: "";position:absolute;right: 0;top: 0;left:0;height:1px;border-bottom:1px solid #eee;color:#333;}
.client_bottom ul li:before{content: "";position:absolute;right: 0;top: 0;width:1px;bottom:0;border-right:1px solid #eee;color:#333;}
.client_bottom ul li:after{content: "";position:absolute;right: 0;bottom: 0;left:0;height:1px;border-bottom:1px solid #eee;color:#333;}


.client_bottom{}
.client_bottom ul{position:relative;}
.client_bottom ul li{float: left;width: 240px;height: 110px;overflow: hidden;position:relative;}
.client_bottom ul li div{height:100%;}

.client_bottom ul li img{width: 100%;display: block;}

.client_box{width: 100%;height: 100%;position: relative;top: 0;}
.client_show{transition:all .7s;}
.client_hide{background:#333;width: 100%;position: absolute;left: 0;bottom: 0;transform: rotateX(90deg);transform-origin: center bottom 0;transition:all .7s;vertical-align: middle;opacity: 0;}

.client_bottom ul li:hover .client_show{transform: translateY(-100%);}
.client_bottom ul li:hover .client_hide{transform: none;opacity: 1;background:#fff;}


/* 响应式css */
@media only screen and (min-width: 300px) and (max-width: 768px){

}
