body{width:100%;overflow-x: hidden;}
/*-------------------案例--------------------*/
/*banner视频*/
.banner1{width: 100%;height:500px;overflow:hidden;position:fixed;left:0;top:0;z-index:1;}
.banItem2{display:none;background: url(../images/secBg.png) no-repeat center center;width:100%;height:500px;}
.videoBox{width:100%;height:100%;overflow: hidden;}
#video{height:100%;}
.banner1Bg{width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity: 0.67;z-index:1;}
.banBox{width:100%;position:absolute;left:0;top:0;z-index: 2;text-align: center;padding-top:200px;color:#fff;}
.banBox h6{font-size:48px;font-family: "webfont";padding-bottom:15px;opacity: 0;-webkit-transform:translateY(-80px) ;transform:translateY(-80px);transition:all .6s .5s;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.banBox.banBox2 h6{opacity: 1;-webkit-transform:translateY(0) ;transform:translateY(0);}
.banBox p{font-size:24px;line-height:36px;padding-bottom:35px;opacity: 0;-webkit-transform:translateY(-80px) ;transform:translateY(-80px);transition:.6s .8s;font-family: "webfont";-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.banBox.banBox2 p{opacity: 1;-webkit-transform:translateY(0);transform:translateY(0);}
.banBox .dz_see{display:inline-block ;width:184px;height:40px;border:solid 1px #fff;color:#fff;line-height:40px;text-align: center;font-size:16px;opacity: 0;-webkit-transform:translateY(-80px) ;transform:translateY(-80px);transition:.6s 1.1s;position:relative;z-index:1;}

.banBox.banBox2 .dz_see{opacity: 1;-webkit-transform:translateY(0);transform:translateY(0);}
.fixedList{position:absolute;top:450px;left:0;width:100%;height:60px;background:rgba(0,0,0,0.3);z-index:999;}
.fixedList.fixed2{position:fixed;top:0;background:rgba(0,0,0,1)}
.topList{width:1170px;height:100%;margin:0 auto;}
.topList li{width:25%;line-height:60px;text-align: center;font-size:16px;color:#fff;float:left;border-left:solid 1px #68696a;box-sizing: border-box;cursor: pointer;transition:all .3s;}
.topList li:last-child{border-right:solid 1px #68696a;}
.topList .active{color:#ff5555;}

/*下拉箭头*/
.downArrow{position:absolute;left:50%;bottom:30px;width:33px;height:28px;z-index:30;background:url(../images/down_arrow.png) no-repeat center center;margin-left:-17px;-webkit-transform:translateY(-8px);transform:translateY(-8px);opacity:0.5;}
.downArrow.active{-webkit-animation:arrow 1.5s 0.8s infinite;animation:arrow 1.5s 0.8s infinite;}

@-webkit-keyframes arrow{
	0%{-webkit-transform:translateY(-8px);transform:translateY(-8px);opacity:0.7;}
	50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0.9;}
	100%{-webkit-transform:translateY(-8px);transform:translateY(-8px);opacity:0.7;}
}

@keyframes arrow{
	0%{transform:translateY(-8px);opacity:0.7;}
	50%{transform:translateY(0);opacity:0.9;}
	100%{transform:translateY(-8px);opacity:0.7;}
}

/*我们的案例*/
.sectionTit{display:none;text-align: center;transition:0.5s ;}
.sectionTit h6{font-size:48px;font-family:"webfont";color:#333;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.sectionTit span{display: block;width:215px;height:9px;background:url(../images/line.png) no-repeat;margin:20px auto;}
.sectionTit p{font-size:16px;line-height: 24px;color:#949494;}

.sectionTit3{-webkit-transform:translateY(-150px);transform:translateY(-150px);opacity:0;}
.sectionTit3.secAdd{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.section5{width: 100%;padding-top:60px;padding-bottom:80px;overflow:hidden;margin-top:500px;position:relative;z-index:2;position:relative;background:#fff;}
.main1200{width:1200px;margin:0 auto;}
.caseTab{display: block;text-align: center;opacity: 0;-webkit-transform:translateY(150px);transform:translateY(150px);transition: 0.6s .8s;margin-bottom: 20px;}
.caseTab.caseTab2{opacity: 1;-webkit-transform:translateY(0);transform:translateY(0);}
.caseTab a{width:118px;height:28px;border:solid 1px #829199;display:inline-block;margin:0 3px;text-align: center;line-height:28px;color:#333;position:relative;
vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;}  
.caseTab .active{background:#ff5555;border:solid 1px #ff5555;color:#fff;}
.caseCont{margin:40px 0 0;opacity: 0;-webkit-transform:translateY(150px);transform:translateY(150px);transition: 0.8s 0.5s;}
.caseCont.caseCont2{opacity: 1;-webkit-transform:translateY(0);transform:translateY(0);}
.caseItem{display:none;}
.caseList{margin-bottom:40px;}
.caseList li{position:relative;float:left;width:370px;height:250px;margin:15px;overflow:hidden;}
.caseList li img{
    /*width: 100%;*/
    transition: all .5s;}
.caseList li .caseBg{position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:#000;opacity:0;transition:all 0.5s;}
.caseList li .caseLink{text-align: center;width:100%;position:absolute;left:0;top:-40px;height:42px;opacity:0;transition:all 0.3s 0.1s;}
.caseList li .caseLink a{width:42px;height:42px;border-radius:50%;display:inline-block;margin:0 5px;}
.caseList li .caseLink .search_icon{background:#e2e2e2;}
.caseList li .caseLink .search_icon i{font-size:16px;text-align: center;display: block;line-height:42px;color:#000;font-family: "iconfont";}
.caseList li .caseLink .link_icon{background:#e5493a;}
.caseList li .caseLink .link_icon i{font-size:16px;text-align: center;display: block;line-height:42px;color:#fff;font-family: "iconfont";}
.caseList li .caseText{position:absolute;left:0;bottom:-70px;width:100%;height:70px;background:#fff;transition:all 0.3s 0.1s;}
.caseList .active img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.caseList .active .caseBg{opacity:0.5;}
.caseList .active .caseText{bottom:0px;}
.caseList .active .caseLink{top:60px;opacity:1;}
.caseList li .caseText h6{padding:0 15px ;font-size:14px;color:#000;line-height:1em;height:14px;overflow:hidden;margin:15px 0 12px;text-overflow: ellipsis;white-space: nowrap;}
.caseList li .caseText p{font-size:12px;color:#959595;padding:0 15px;line-height:1em;height:12px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.lookMore{opacity:0;filter:alpha(opacity=0); display:block;margin:0 auto;width:178px;height:38px;border:1px solid #e5e5e5;border-radius:3px;line-height:38px;text-align: center;color:#3a3d41;font-size:12px;}
.lookMore>i{margin-right:4px;font-size:20px;font-family: "iconfont";color:#3e4145;vertical-align: middle;}
/*分页*/
.pageFY{text-align: center;}
.pageFY a{display:inline-block;width:38px;height:38px;margin-right:5px;border:1px solid #e5e5e5;border-radius: 3px;color:#808080;font-size: 12px;line-height: 38px;transition: all 0.3s;}
.pageFY a:last-of-type{margin-right: 0;font-family: consolas;}
.pageFY a.active,.pageFY a:hover{background:#ff5555;color:#fff;border:1px solid #ff5555;}
/*固定右边小挂件*/
.fixedR{display:none;}
.aside{position:fixed;width:32px;right:10px;bottom:48px;z-index:99;}
.aside li{position:relative;width:32px;height:32px;margin-bottom:2px;background:#140f12;cursor: pointer;}
.aside li i{color:#bab9ba;text-align: center;line-height:32px;font-size:20px;font-family: "iconfont";}
.aside li div{position:absolute;right:32px;top:0;display:none;width:130px;height:32px;line-height:32px;text-align:center;background:#4a4a4a;color:#ff5555;font-size:14px;font-weight:bold;}
.aside li:hover{background:#ff5555;}
.aside li:hover i{color:#fff;}


/*-------------------响应式--------------------*/
@media only screen and (max-width:1230px) {
	/*banner*/
	.banBox h6{font-size: 42px;}
	.main1200{width:960px;}
	/*我们的案例*/
	.caseList{width: 800px;margin:0 auto 40px;}
	.sectionTit h6{font-size: 40px;}	
}


@media only screen and (max-width:1023px) {
	.section5{margin-top:0;} 
	.banner1{position:relative;}
	
	.sectionTit3,.caseTab,.caseCont{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@media only screen and (max-width:1000px) {
	.main1200{width:680px;}
	/*banner*/
	.banBox h6{font-size: 40px;}
	/*我们的案例*/
	.caseList{width:660px;}
	.caseList li{width:300px;height:auto;}
	.sectionTit h6{font-size: 38px;}
}

@media only screen and (max-width:767px){
	/*banner*/
	.banner1{height:400px;}
	.banItem1{display:none;}
	.banItem2{display:block;height:400px;}
	.banBox h6{width:84%;margin:0 auto;font-size: 30px;}
	.banBox p{width:80%;margin:0 auto;}
	.main1200{width:85%;}
	/*我们的案例*/
	.sectionTit h6{font-size: 32px;}
	.section5{padding-top: 30px;padding-bottom: 40px;}
	.caseCont{margin: 10px 0 0;}
	.sectionTit{display:none;}
	.caseTab a{width:65px;}
	.caseList{width: 330px;}
	.caseList li{width: 100%;margin:10px 0;}
	.lookMore{opacity:1;filter:alpha(opacity=100);}
	.sectionTit p{display:none;}
	
}
@media only screen and (max-width:400px){
	/*banner*/
	.banner1,.banItem2{height:350px;}
	.banBox{padding-top: 110px;}
	.main1200{width:80%;}
	.banBox h6{font-size: 26px;}
	/*我们的案例*/
	.caseList{width: 260px;margin: 0 auto 15px;}
	.caseList .active .caseLink{top:40px;}
	.banBox p{font-size: 22px;}
	
}