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_net/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:20px;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:30px;line-height:40px;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_net/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;}
}

/*我们的服务*/
.secBox01_yc{width: 100%;padding-top:60px;padding-bottom:80px;overflow:hidden;background:#fff;margin-top:500px;}
.main1200{width:1200px;margin:0 auto;}
.sectionTit{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_net/line.png) no-repeat;margin:20px auto;}
.sectionTit p{font-size:16px;line-height: 24px;color:#949494;}
.section01_yc,.section03_yc,.section05_yc{-webkit-transform:translateY(-150px);transform:translateY(-150px);opacity:0;transition: 0.6s 0.2s;}
.section01_yc.active,.section03_yc.active,.section05_yc.active{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}

.section02_yc,.section022_yc{margin-top:50px;transition: 0.6s 0.2s;-webkit-transform:translateY(150px);transform:translateY(150px);opacity:0;cursor:pointer;text-align: center;}
.section02_yc.active,.section022_yc.active,.section044_yc.active{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.section02_yc li{transition:0.5s ;float:left;width:268px;padding:40px 0;border: 1px solid #eaeaea;background:#fff;margin:14px;}
.serveTop{width:80px;height: 80px;border:2px solid #ff5555;border-radius: 50%;margin:0 auto 40px;text-align: center;}
.serveTop i{font-size:50px;color:#ff5555;font-family: "iconfont";line-height: 80px;}
.serveBot{color:#000;}
.serveBot>h5{font-size: 16px;font-weight: bold;line-height: 36px;}
.serveBot>span{display:block;font-size: 14px;font-weight: lighter;line-height: 30px;}
.section02_yc li:hover{background:#ff5555;box-shadow:3px 5px 30px #FFAAAA;border: 1px solid #ff5555;transform: translate3d(0, -10px, 0);}
.section02_yc li:hover .serveTop{border:2px solid #fff;}
.section02_yc li:hover .serveTop i{color:#fff;}
.section02_yc li:hover .serveBot{color:#fff;}
/*小于1024*/
.section022_yc .swiperSli01{transition:0.5s ;width:250px;padding-top:40px;height:280px;margin: 0 auto;border: 1px solid #eaeaea;background:#fff;}
.section022_yc .swiperSli01:hover{background:#ff5555;box-shadow:3px 5px 30px #FFAAAA;border: 1px solid #ff5555;}
.section022_yc .swiperSli01:hover .serveTop{border:2px solid #fff;}
.section022_yc .swiperSli01:hover .serveTop i{color:#fff;}
.section022_yc .swiperSli01:hover .serveBot{color:#fff;}
.section022_yc .swiper-container{position: relative;height:0;overflow:hidden;}
.section022_yc .swiper-container .pagination{position:absolute;bottom:20px;width:100%;text-align: center;}
.section022_yc .swiper-container .swiper-pagination-switch{display: inline-block;width:13px;height:13px;background:#f5f5f5;border-radius:50%;margin:0 8px;cursor: pointer;vertical-align: middle;}
.section022_yc .swiper-container .swiper-active-switch{background:#ff5555;}

/*固定背景*/
.bgFix{width:100%;overflow:hidden;text-align: center;background:#fff;}
.bgFTop{background: url(../images_net/bg01_yc.png) no-repeat center top;width:1311px;height: 145px;margin:0 auto;}

/*这些使我们与众不同*/
.secBox02_yc{padding:80px 0 30px;width:100%;overflow:hidden;background:#fff;}
.section04_yc{margin-top: 70px;}
.secUl01_yc{margin-left:20px;}
.secUl02_yc{margin-right:20px;}
.computer{-webkit-transform:translateY(150px);transform:translateY(150px);opacity:0;transition: 0.6s 0.8s;width:433px;height: 375px;margin:30px 0 0 75px;background: url(../images_net/bg02_yc.png) no-repeat center center;}
.computer.active{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.section04_yc li{opacity:0;width:290px;margin-bottom:50px;overflow:hidden;}
.comitem01{-webkit-transform:translateX(-150px);transform:translateX(-150px);transition: 0.6s 1s;}
.comitem02{-webkit-transform:translateX(-150px);transform:translateX(-150px);transition: 0.6s 1.4s;}
.comitem03{-webkit-transform:translateX(-150px);transform:translateX(-150px);transition: 0.6s 1.8s;}
.comitem04{-webkit-transform:translateX(150px);transform:translateX(150px);transition: 0.6s 1.2s;}
.comitem05{-webkit-transform:translateX(150px);transform:translateX(150px);transition: 0.6s 1.6s;}
.comitem06{-webkit-transform:translateX(150px);transform:translateX(150px);transition: 0.6s 2s;}
.comitem01.active,.comitem02.active,.comitem03.active,.comitem04.active,.comitem05.active,.comitem06.active{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
.secUl01_yc li>div{float:left;}
.secUl02_yc li>div{float:right;}
.compLeft{width:60px;height: 60px;border-radius: 50%;background: #ee3131;text-align: center;line-height: 60px;}
.compLeft i{font-size:34px;color:#fff;font-family: "iconfont";}
.compRig{width:210px;}
.secUl01_yc .compRig{text-align:left;margin-left: 20px;}
.secUl02_yc .compRig{text-align:right;margin-right: 20px;}
.compRig>h5{margin-bottom:10px;color: #333;font-size: 24px;font-weight: lighter;}
.compRig>p{color: #666;font-size: 12px;line-height: 24px;}

/*小于1024px*/
.section044_yc{margin-top:40px;transition: 0.6s 0.8s;-webkit-transform:translateY(150px);transform:translateY(150px);opacity:0;text-align: center;}
.section044_yc .swiperSli02{width:210px;margin: 0 auto;}
.seritem01{width:60px;height: 60px;margin: 0 auto 20px;border-radius: 50%;background: #ee3131;text-align: center;line-height: 60px;}
.seritem01 i{font-size:34px;color:#fff;font-family: "iconfont";}
.seritem02{width:210px;}
.seritem02>h5{margin-bottom:10px;color: #333;font-size: 24px;font-weight: lighter;}
.seritem02>p{color: #666;font-size: 12px;line-height: 24px;}
.section044_yc .swiper-container{position: relative;height:0;overflow:hidden;}
.section044_yc .swiper-container .pagination{position:absolute;bottom:20px;width:100%;text-align: center;}
.section044_yc .swiper-container .swiper-pagination-switch{display: inline-block;width:13px;height:13px;background:#f5f5f5;border-radius:50%;margin:0 8px;cursor: pointer;vertical-align: middle;}
.section044_yc .swiper-container .swiper-active-switch{background:#ff5555;}

/*我们的设计流程*/
.secBox03_yc{background:url(../images_net/bg03_yc.png) no-repeat center center;width:100%;height: 599px;overflow:hidden;}
.section05_yc{padding-top:80px;}
.DesignBox{width:1170px;margin:40px auto 0;}
.DesignCont .designItem{float:left;transition:all 0.3s 0.3s;cursor: pointer;max-width:195px;}
.DesignCont .designItem img{width:100%;}
.line{float:left;width:96px;height:3px;margin-top:90px;transition:0.2s;}
.line1{background:url(../images_net/icon.png) -404px 0 no-repeat;margin-left:-22px;}
.line2{background:url(../images_net/icon.png) -404px -21px no-repeat;margin-left:-22px;}
.line3{background:url(../images_net/icon.png) -404px -42px no-repeat;margin-left:-22px;}
.line4{background:url(../images_net/icon.png) -404px -62px no-repeat;margin-left:-22px;}
.designItem2{margin-left:-22px;}
.designItem3{margin-left:-22px;}
.designItem4{margin-left:-22px;}
.designItem5{margin-left:-22px;}
.designItem:hover{-webkit-animation:hover 2s forwards;animation:hover 2s forwards;}

@-webkit-keyframes hover{
	0%{-webkit-transform:scale(1);transform:scale(1);}
	20%{-webkit-transform:scale(1.1);transform:scale(1.1);}
	40%{-webkit-transform:scale(0.9);transform:scale(0.9);}
	60%{-webkit-transform:scale(1.05);transform:scale(1.05);}
	80%{-webkit-transform:scale(0.95);transform:scale(0.95);}
	100%{-webkit-transform:scale(1);transform:scale(1);}
}

@keyframes hover{
	0%{transform:scale(1);}
	20%{transform:scale(1.1);}
	40%{transform:scale(0.9);}
	60%{transform:scale(1.05);}
	80%{transform:scale(0.95);}
	100%{transform:scale(1);}
}

.DesignCont .designItem3{opacity:0;transition:0.4s 0.8s;}
.DesignCont.DesActive .designItem3{opacity:1;}
.DesignCont .line2{opacity:0;-webkit-transform:translateX(70PX);transform:translateX(70PX);transition-delay: 1s;}
.DesignCont.DesActive .line2{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.DesignCont .line3{opacity:0;-webkit-transform:translateX(-70PX);transform:translateX(-70PX);transition-delay: 1s;}
.DesignCont.DesActive .line3{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}

.DesignCont .designItem2{opacity:0;-webkit-transform:translateX(70PX);transform:translateX(70PX);transition-delay: 1.4s;}
.DesignCont.DesActive .designItem2{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.DesignCont .designItem4{opacity:0;-webkit-transform:translateX(-70PX);transform:translateX(-70PX);transition-delay: 1.4s;}
.DesignCont.DesActive .designItem4{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}

.DesignCont .line1{opacity:0;-webkit-transform:translateX(70PX);transform:translateX(70PX);transition-delay: 1.8s;}
.DesignCont.DesActive .line1{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.DesignCont .line4{opacity:0;-webkit-transform:translateX(-70PX);transform:translateX(-70PX);transition-delay: 1.8s;}
.DesignCont.DesActive .line4{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}

.DesignCont .designItem1{opacity:0;-webkit-transform:translateX(70PX);transform:translateX(70PX);transition-delay: 2.2s;}
.DesignCont.DesActive .designItem1{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.DesignCont .designItem5{opacity:0;-webkit-transform:translateX(-70PX);transform:translateX(-70PX);transition-delay: 2.2s;}
.DesignCont.DesActive .designItem5{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}

/*小于1024*/
.DesignBox01{display: none;width:435px;margin:30px auto 0;transition: 0.6s 0.8s;-webkit-transform:translateY(150px);transform:translateY(150px);opacity:0;}
.DesignBox01.active{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.DesignBox01>img{width:100%;}


/*-------------------响应式--------------------*/
@media only screen and (max-width:1230px) {
	/*banner*/
	.banBox h6{font-size: 42px;}
	.banBox p{font-size: 26px;}
	.main1200{width:960px;}
	/*我们的服务*/
	.sectionTit h6{font-size: 40px;}
	.section02_yc li{width:200px;margin:12px;}
	.section02_yc>ul{width:904px;margin:0 auto;}

	.bgFTop{width:100%;background-size:cover;}

	/*这些使我们与众不同*/
	.secBox02_yc{padding:60px 0 40px;}
	.section04_yc li{margin-bottom: 30px;}
	.computer{background-size:100%;width:280px;margin:0 0 0 30px;}

	/*我们的设计流程*/
	.DesignBox{width:960px;}
	.DesignCont .designItem{max-width:150px;}
	.line{margin-top: 70px;}
		
}
@media only screen and (max-width:1023px){
	.main1200{width:680px;}
	/*banner*/
	.banBox h6{font-size: 40px;}
	/*我们的服务*/
	.sectionTit h6{font-size: 38px;}
	.section02_yc{display: none;}
	.section022_yc .swiper-container{height: 400px;}
	.secBox01_yc{padding-bottom:50px;}

	/*这些使我们与众不同*/
	.section04_yc{display: none;}
	.section044_yc .swiper-container{height: 246px;}

	/*我们的设计流程*/
	.secBox03_yc{height: 770px;background-size: cover;}
	.section05_yc{padding-top: 60px;}
	.DesignBox{display: none;}
	.DesignBox01{display: block;max-width:320px;}
	
	.secBox01_yc{margin-top:0;}
	.banner1{position:relative;}
	
	.section01_yc,.section03_yc,.section05_yc,.section02_yc,.section022_yc,.computer,.section04_yc li,.section044_yc,.DesignBox01{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}

@media only screen and (max-width:767px){
	/*banner*/
	.banner1{height:400px;}
	.banItem1{display:none;}
	.banItem2{display:block;height:400px;}
	.banBox h6{width:80%;margin:0 auto;font-size: 30px;line-height: 44px;}
	.banBox p{width:80%;margin:0 auto;font-size: 22px;}
	.main1200{width:85%;}
	.sectionTit p{display:none;}
	/*我们的服务*/
	.sectionTit h6{font-size: 32px;}
	
	.bgFTop{display: none;}
	/*我们的设计流程*/
	.secBox03_yc{height: 680px;}
	.DesignBox01{max-width:260px;}

	
}
@media only screen and (max-width:400px){
	/*banner*/
	.banner1,.banItem2{height:350px;}
	.banBox{padding-top: 110px;}
	.banBox h6{font-size: 26px;}
	.banBox p{font-size: 20px;}
	.main1200{width:80%;}
	/*我们的服务*/
	.sectionTit h6{font-size: 30px;}
}