body{width:100%;overflow-x: hidden;}
/*头部pc*/
.header-pc{width:100%;  position: fixed;top: 0;left: 0;z-index: 99;width: 100%;background-color: transparent;/*line-height: 0;*/-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: background-color .3s ease, height .3s ease;transition: background-color .3s ease, height .3s ease;}
.header-in{width:90%;  margin: 0 auto;text-align: justify;}
.logo{float:left;vertical-align:middle;padding-top:25px;-webkit-transition:all .3s ease;transition: all .3s ease;}
.logo img{height:60px;}
.navRight{float:right;border-bottom:solid 1px #566067;vertical-align:middle;}
.nav li{float:left;position:relative;}
.nav li a{display: block;margin: 0;padding: 75px 20px 30px;color: #fff;text-transform: uppercase;
font-size: 14px;line-height: 1em;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
.nav li .active,.nav li a:hover{background:#076cb6;}

.nav .posLi2{position:relative;}
.nav .posLi2 .jt{display: inline-block;margin-left:6px;background:url("../images/icon.png") 0 -140px no-repeat;width:7px;height:4px;vertical-align:middle;}
.seleBox2{position:absolute;left:0;top:123px;width:190px;background:#272727;-webkit-transition:all .3s ease;transition:all .3s ease;display:none;}
.selList2{margin:4px;/*border-top:1px solid #444;*/}
.selList2 dd a{display:block;line-height:34px;border-bottom:1px solid #444;font-size:12px;
color:#ccc;padding:0 10px;}
.selList2 dd .active2,.selList2 dd a:hover{background:#3a3a3a;color:#fff;}

.header-pc.headerActive{background-color: #000000;}
.header-pc.headerActive .header-in{height:50px;} 
.header-pc.headerActive .logo{padding-top:10px;}
.header-pc.headerActive .navRight{border:none;}
.header-pc.headerActive .nav li a{padding:0 20px;line-height:70px;}
.header-pc.headerActive .nav li .selList2 dd a{line-height:34px;padding:0 10px;}
.header-pc.headerActive .nav li .seleBox2{top:53px;}
.header-pc.headerActive .nav li .active,.header-pc.headerActive .nav li a:hover{background:#fff;color:#076cb6;}

.sectionItem{position:relative;}
/*键盘事件*/
.keyDown{position:fixed;left:30px;bottom:170px;z-index:100;color:#076cb6;}
.keyList li{margin-bottom:16px;font-size:12px;position:relative;height:12px;cursor: pointer;}
.keyList li em{float:left;margin-left:7px;width:10px;height:10px;border:solid 1px #076cb6;border-radius:50%;margin-right:8px;transition:all .3s;opacity:0;filter:alpha(opacity=0);}
.keyList li i{height:4px;width:4px;position:absolute;left:11px;top:4px;background:#c3c3c3;border-radius: 50%;opacity: 1;filter:alpha(opacity=100);}
.keyList li span{float: left;transition:all .3s;display:none;color:#076cb6;}
.keyList .active i{opacity:0;filter:alpha(opacity=0);}
.keyList .active em{opacity:1;filter:alpha(opacity=1);}

.keyBtns{width:26px;height:17px;display: block;background: url("../images/keydown.png") no-repeat;}

.section-pc{overflow:hidden;background:transparent fixed;} 
.videoBox{width:100%;height:100%;overflow: hidden;}
.sectionBg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:5;background:url("../images/secBg.png") no-repeat;background-size:cover;opacity: 0.7;filter:alpha(opacity=70);overflow: hidden;}
.bannerBox{width:750px;height:auto;position:absolute;left:50%;margin-left:-375px;top:50%;z-index:10;text-align: center;color:#fff;margin-top:-300px;}
.banItem{width:100%;}
.s1_text{display:none;}
.s1_text img{width:600px;text-align: center;display:block;margin:0 auto;opacity: 0;-webkit-transform:translateY(-60px) ;transform:translateY(-60px);transition:.8s .2s;}
.s1_text.s1_active img{-webkit-transform:translateY(0);transform:translateY(0);opacity: 1;}
.s1_text h5{padding:20px 0 16px;font-size:18px;font-family:"webfont";-webkit-transform:translateY(50px);transform:translateY(50px);transition:.5s .7s;opacity:0;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.s1_text.s1_active h5{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.s1_text p{font-size:12px;font-family:"webfont";-webkit-transform:translateY(50px);transform:translateY(50px);transition:.5s .9s;opacity:0;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.s1_text.s1_active p{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.drop{text-align: center;width:100%;padding-top:30px;}
.drop span{width:60px;height:15px;background:transparent;display:inline-block;margin:0 6px;vertical-align: top;border-top:solid 4px #a4a4a6;transition:all .4s;}
 .drop .active{background:#076cb6;height:6px;border:none;}
 
 
.swiper-container1{width:100%;position:relative;height:500px;overflow:hidden;}
.swiper-container1 .pagination{padding-top:20px;width:100%;text-align: center;position: absolute;
    left: 0;
    bottom: 20px;}
.swiper-container1 .swiper-pagination-switch{width:60px;height:15px;background:transparent;display:inline-block;margin:0 6px;vertical-align: top;border-top:solid 4px #a4a4a6;transition:all .4s;cursor: pointer;}
.swiper-container1 .swiper-active-switch{background:#076cb6;height:6px;border:none;}
.swiper_ban{width:100%;height:auto;text-align: center;padding-top:100px;padding-bottom:50px;}
.swiper_banBox{width:80%;margin:0 auto;}
.swiper_banBox img{width:100%;max-width:414px;}
.swiper_ban h5,.swiper_ban p{color:#fff;line-height:2rem;}
 
 .numList{position:absolute;left:0;bottom:0;width:100%;height:160px;background:rgba(0,0,0,0.5);z-index:11;}
.numList li{float:left;color:#fff;width:16.66%;text-align: center;margin:20px 0;height:120px;position:relative;}
.numList h6{padding: 20px 0;}
.numList h6 span{font-size:48px;font-family:'HelveticaNeue680e7f55016c42';}
.numList p{font-family:"webfont";font-size:18px;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.numList li i{position:absolute;right:0;top:0;height:100%;width:1px;background:#423b40;}
.numList h6 b{vertical-align: top;font-size:24px;margin-top:-10px;display: inline-block;font-family: "webfont";-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.numList h6 em{font-size:28px;font-family: "webfont";line-height:50px;display:inline-block;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.prev_arrow,.next_arrow{position:absolute;top:40%;z-index:20;width:49px;height:49px;border:solid 2px transparent;transition:all 0.5s;}
.prev_arrow{left:60px;}
.next_arrow{right:60px;}
.prev_arrow i{display:block;width:16px;height:10px;background:url("../images/icon.png") 0 0 no-repeat;margin:21px auto 0;}
.next_arrow i{display:block;width:16px;height:10px;background:url("../images/icon.png") 0 -30px no-repeat;margin:21px auto 0;}
.prev_arrow:hover{border:solid 2px #6b7379;}
.next_arrow:hover{border:solid 2px #6b7379;}
.videoBtns{position:absolute;left:40px;bottom:200px;z-index:20;background:url("../images/icon.png") 0 -448px no-repeat;width:155px;height:52px;cursor:pointer ;}


.downArrow{position:absolute;left:50%;bottom:170px;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;}
}

.number{height:112px;width:100%;position:absolute;left:0;bottom:0;display: none;}
.numberBox{width:100%;height:100px;}
.swiper-container4{width:100%;height:100px;overflow:hidden;}
.swiper_num{width:100%;background:rgba(0,0,0,0.5);height:100px;}
.swiper_num li{height:80px;float:left;text-align: center;color:#fff;margin:10px -2px 10px 0;border-right:solid 1px #423b40;box-sizing: border-box;width:50%;}
.swiper_num h6{padding: 5px 0 10px;}
.swiper_num h6 span{font-size:36px;font-family:'HelveticaNeue680e7f55016c42';}
.swiper_num p{font-family:"webfont";font-size:18px;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.swiper_num h6 b{vertical-align: top;font-size:24px;margin-top:-10px;display: inline-block;font-family: "webfont";-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.swiper_num h6 em{font-size:26px;font-family: "webfont";line-height:40px;display:inline-block;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}

.numArrow{width:100%;height:12px;background:#000;text-align: center;}
.numArrow span{display: inline-block;margin:3px 4px 0;width:16px;height:6px;vertical-align: top;}
.numArrow .numLeft{background:url("../images/icon.png") 0 -310px no-repeat;}
.numArrow .numRight{background:url("../images/icon.png") 0 -325px no-repeat;}




/*我们能做什么*/
.section2{width:100%;background:#fff;overflow:hidden;}
.sectionTit{padding-top:100px;text-align: center;padding-bottom:60px;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;color:#949494;}

.sectionTit1,.sectionTit2,.sectionTit3,.sectionTit4,.sectionTit5,.sectionTit6{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0;}
.sectionTit1.secAdd,.sectionTit2.secAdd,.sectionTit3.secAdd,.sectionTit4.secAdd,.sectionTit5.secAdd,.sectionTit6.secAdd{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}

.responseBox{width:100%;height:695px;}
.resTit{position:relative;opacity:0;transition:0.7s 0.5s;}
.resTit.resTit2{opacity:1;}
.red_line{position:absolute;bottom:-1px;width:270px;height:1px;background:#076cb6;}
.red_line i{position:absolute;left:50%;margin-left:-4px;bottom:-8px;width:7px;height:5px;background:url("../images/icon.png") 0 -120px no-repeat;}

.main1170{width:1170px;margin:0 auto;}
.resLsit li{width:200px;float:left;margin-right:30px;text-align: center;position:relative;cursor: pointer;transition:all .6s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;}
.resLsit.listActive li{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.resLsit.listActive li:nth-child(1){transition-delay: 0.4s;}
.resLsit.listActive li:nth-child(2){transition-delay: 0.6s;}
.resLsit.listActive li:nth-child(3){transition-delay: 0.9s;}
.resLsit.listActive li:nth-child(4){transition-delay: 1.2s;}
.resLsit.listActive li:nth-child(5){transition-delay: 1.5s;}

.resLsit li:last-child{margin-right:0;}
.resLsit li h6{font-size:66px;font-family: "iconfont";transition:all .5s;heigt:80px;line-height:80px;color:#999;}
.resLsit li:nth-child(1) h6{font-size:100px;}
.resLsit li:nth-child(2) h6{font-size:70px;}
.resLsit li:nth-child(3) h6{font-size:76px;}
.resLsit li:nth-child(4) h6{font-size:100px;}
.resLsit li p{font-size:16px;color:#999;font-weight: bold;font-family: "微软雅黑";margin:16px 0 12px;transition:all .5s;}
.resLsit .active h6{color:#076cb6;}
.resLsit .active p{color:#076cb6;}
.resLsit li em{width:1px;height:20px;margin:0 auto 12px;display: block;background:#999;transition:all .5s;}
.resLsit .active em{background: #076cb6;}

.resCont{width:100%;border-top:solid 1px #e0e0e0;padding-bottom:0;}
.resItem{display:none;}
.resLeft{float:left;width:520px;transition:all .8s 0.3s;opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px);padding-top:80px;}
.itemActive .resLeft{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.resLeft span{display:block;width:44px;height:1px;background:#000;}
.resLeft h6{font-size:30px;color:#000;margin:25px 0 30px;font-family: 'webfont';-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.resLeft .textBtns{height:30px;margin-bottom:10px;}
.resLeft .textBtns a{width:120px;height:30px;line-height:30px;margin-right:10px;float:left;text-align: center;font-size:14px;color:#fff;}
.resLeft .textBtns .color1{background:#076cb6;}
.resLeft .textBtns .color2{background:#9BC557;}
.resLeft .textBtns .color3{background:#53BFF3;}
.resLeft .textBtns .color4{background:#ff7700;}
.resLeft p{font-size:14px;line-height:24px;color:#000;margin-bottom:20px;}
.resLeft .caseBtns{width:170px;height:40px;line-height:40px;text-align: center;display: block;border:solid 1px #000;border-radius:3px;/*box-sizing: border-box;*/color:#333;font-size:14px;margin-top:25px; 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;
}
.resLeft .icon_sb{float:left;width:66px;text-align: center;}
.resLeft .icon_sb i{height:40px;display:block;font-family: "iconfont";font-size:34px;color:#ccc;}
.resLeft .icon_sb strong{font-weight:bold;font-size:14px;color:#000;line-height:40px;}
.resLeft em{float:left;width:74px;height:18px;margin:15px 20px 0;background:url("../images/dian.png") no-repeat;}
.resRight{float:right;max-width:620px;transition:all 1s 0.3s;-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0;}
.itemActive .resRight{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
.resRight img{width:100%;}
.prev_arrow2,.next_arrow2{position:absolute;top:40%;z-index:20;width:49px;height:49px;border:solid 2px transparent;transition:all 0.5s;}
.prev_arrow2{left:60px;transition-delay: 0.3s;-webkit-transform:translateX(-300px);transform:translateX(-300px);opacity:0;display:none;}
.prev_arrow2.prevL{-webkit-transform:translateX(0);transform:translateY(0);opacity:1;}
.next_arrow2{right:60px;transition-delay: 0.3s;-webkit-transform:translateX(300px);transform:translateX(300px);opacity:1;display:none;}
.next_arrow2.nextR{-webkit-transform:translateX(0);transform:translateY(0);opacity:1;}
.prev_arrow2 i{display:block;width:16px;height:10px;background:url("../images/icon.png") 0 -60px no-repeat;margin:21px auto 0;}
.next_arrow2 i{display:block;width:16px;height:10px;background:url("../images/icon.png") 0 -90px no-repeat;margin:21px auto 0;}
.prev_arrow2:hover{border:solid 2px #6b7379;}
.next_arrow2:hover{border:solid 2px #6b7379;}

/*新增*/
.responseWrap{width:96%;padding:0;border-top:none;margin:0 auto;}
.swiper-container2{width:100%;height:0;overflow: hidden;position: relative;}
.swiper-container2 .swiper-pagination-switch,.swiper-container3 .swiper-pagination-switch{display: inline-block;width:13px;height:13px;background:#cfcfcf;border-radius:50%;margin:0 5px;cursor: pointer;vertical-align: middle;}
.swiper-container2 .swiper-active-switch,.swiper-container3 .swiper-active-switch{background:#076cb6;}
.swiper-container2 .pagination,.swiper-container3 .pagination{position:absolute;bottom:10px;width:100%;text-align: center;}
.swiper_respon{text-align: center;width:100%;}
.swiper_respon h5{font-size:2.4rem;padding-bottom:4px;border-bottom:solid 1px #000;font-family: "webfont";width:40px;margin:0 auto;color:#000;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.swiper_respon h6{font-size:28px;color:#000;margin:15px 0;font-family: 'webfont';-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.swiper_respon .textBtns{height:30px;margin-bottom:10px;}
.swiper_respon .textBtns a{width:88px;height:30px;line-height:30px;margin:0 4px;display: inline-block;text-align: center;font-size:14px;color:#fff;}
.swiper_respon .textBtns a.colorW{width:64px;}
.swiper_respon .textBtns .color1{background:#076cb6;}
.swiper_respon .textBtns .color2{background:#9BC557;}
.swiper_respon .textBtns .color3{background:#53BFF3;}
.swiper_respon .textBtns .color4{background:#ff7700;}
.swiper_respon p{font-size:14px;line-height:24px;color:#000;margin-bottom:20px;}
.swiper_respon .case_see{width:150px;height:32px;line-height:32px;text-align: center;display: block;border:solid 1px #000;border-radius:3px;color:#333;font-size:14px;margin:20px auto ;}
.swiper_respon .icon_sb{display:inline-block;width:40px;text-align: center;}
.swiper_respon .icon_sb i{height:40px;display:block;font-family: "iconfont";font-size:34px;color:#ccc;}
.swiper_respon .icon_sb strong{font-weight:bold;font-size:14px;color:#000;line-height:40px;}
.swiper_respon em{display:inline-block;width:74px;height:18px;margin:12px 0 0;background:url("../images/dian.png") no-repeat;vertical-align: top;}


/*跨终端呈现*/
.section3{width:100%;height:620px;background:url("../images/secBg2.jpg") fixed no-repeat;background-size:cover;}
.secBox3{height:100%;position:relative;}
.tabBox{width:100%;position:relative;text-align: center;height:100%;}
.tabItem{display:none;}
.tabItem .tabTop{padding-top:96px;color:#fff;}
.tabItem .tabTop h6{font-size:48px;font-family: "webfont";margin-bottom:25px;transition:all 0.4s 0.2s;-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.tabItem.tabItem2 .tabTop h6{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.tabItem .tabTop p{font-size:24px;font-family: "webfont";margin-bottom:50px;transition:all 0.4s 0.4s;-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.tabItem.tabItem2 .tabTop p{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.tabItem .tabTop .xys_btns{width:170px;height:40px;display:block;margin:0 auto;line-height:40px;color:#fff;text-align: center;font-size:14px;border-radius:4px;background:#076cb6;transition:all 0.4s 0.6s;-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0;}
.tabItem.tabItem2 .tabTop .xys_btns{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.tabItem .tabBot{max-width:960px;margin:66px auto 0;transition:all 0.6s 0.8s;-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0;}
.tabItem .tabBot img{width:100%;}
.tabItem.tabItem2 .tabBot{-webkit-transform:scale(1);transform:scale(1);opacity:1;}

/*我们的设计流程*/
.section4{margin-top:116px;height:680px;background:url("../images/secBg3.jpg") no-repeat;background-size:cover;width:100%;overflow:hidden;}
.DesignBox{width:1170px;margin:40px auto 0;}
.DesignCont{margin-bottom:60px;}
.DesignCont .designItem{float:left;transition:all 0.3s 0.3s;cursor: pointer;max-width:195px;position: relative;}
.DesignCont .designItem img{width:100%;}
.line{float:left;width:96px;height:3px;margin-top:90px;transition:0.2s;}
.line1{background:url("../images/icon.png") -404px 0 no-repeat;margin-left:-22px;}
.line2{background:url("../images/icon.png") -404px -21px no-repeat;margin-left:-22px;}
.line3{background:url("../images/icon.png") -404px -42px no-repeat;margin-left:-22px;}
.line4{background:url("../images/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.3s;}
.DesignCont.DesActive .designItem3{opacity:1;}
.DesignCont .line2{opacity:0;-webkit-transform:translateX(70PX);transform:translateX(70PX);transition-delay: 0.8s;}
.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: 0.8s;}
.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.2s;}
.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.2s;}
.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.6s;}
.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.6s;}
.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: 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: 2s;}
.DesignCont.DesActive .designItem5{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}


.DesignImg{margin:10px auto;width:80%;max-width:435px;display:none;}
.DesignImg img{width:100%;}

/*我们的案例*/
.section5{width: 100%;padding-bottom:80px;overflow:hidden;}

.caseCont{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);}
.caseList{margin-bottom:40px;}
.caseList li{width:22.5%;margin-left:2%;float:left;margin-bottom:2%;position:relative;overflow:hidden;height:auto;}
.caseList li:hover{ box-shadow:0 10px 10px rgba(0,0,0,.2)}
.caseList li img{width: 100%;transition: all .5s;}
.caseList li .caseBg{position:absolute;left:0;top:0;bottom:70px;width:100%;background:rgba(0,0,0,.5);opacity:0;transition:all 0.5s;}
.caseList li .caseLink{text-align: center;width:100%;position:absolute;left:0;top:21px; margin-top:-21px;height:42px;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 .caseText{bottom:0px;}
.caseList .active .caseBg {opacity:1;}
.caseList .active .caseBg  .caseLink{ top:50%;}
.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;}
.see_more{width:168px;height:38px;border:solid 1px #000;border-radius:3px;line-height:38px;text-align: center;color:#000;display:block;margin:0 auto;color:#333;font-size:14px;margin-top:25px; 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;}
.see_more1{-webkit-transform:translateY(150px);transform:translateY(150px);opacity:0;transition:0.5s ;}
.see_more1.seeActive{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}

/*我们的伙伴*/
.PartnerBox{width:100%;padding-bottom:80px;border-bottom:solid 1px #e5e5e5; overflow:hidden;}
.PartnerCont{width:1170px;margin:0 auto;-webkit-transform:translateY(150px);transform:translateY(150px);opacity:0;transition:0.5s 0.5s;}
.PartnerCont.PartnerCont2{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
/*.swiper-container{height:140px;margin-top:60px;}*/
.titBor{width:1170px;border-top:solid 1px #e5e5e5;margin:0 auto;}
.parItem{width:100%;}
.praList{text-align: center;}
.praList li{float:left;width:232px;transition:all 0.3s;}
.praList li img{width:100%;}
.praList li:hover{ box-shadow: 0 15px 25px #d5d5d5;transform:translate3d(0, -2px, 0);}


.praList2{width:90%;margin:0 auto;text-align: center;}
.praList2 li{width:49%;border:solid 1px #eeeeee;display: inline-block;margin-right:-1px;max-width:232px;}
.praList2 li img{width:100%;}
.swiper-container3{width:100%;height:0;overflow: hidden;position: relative;}

/*新闻资讯*/
.news{width:100%;padding-bottom:80px;overflow:hidden;}
.newBox {transition:all 0.6s 0.4s;-webkit-transform:translateY(200px);transform:translateY(200px);opacity:0;}
.newBox.newActive {-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.newList{width:1140px;margin:0 auto;}
.newList li{float:left;width:32%;margin-right:2%;margin-bottom:40px;}
.newList .mr0{margin-right:0;}
.newDate{float:left;position:relative;width:78px;height:78px;border:solid 1px #333;color:#333;text-align: center;cursor: pointer;transition: all 0.4s;}
.newList li:hover .newDate{color:#EF3333;}

.newDate .border-left{width: 1px;height: 0px;background: #EF3333;position:absolute;left:-1px;bottom: 0;}
.newDate .border-bottom{width: 0px;height: 1px;background: #EF3333;position:absolute;left:-1px;bottom: -1px;}
.newDate .border-top{width: 0px;height: 1px;background: #EF3333;position:absolute;right:-1px;top: -1px;}
.newDate .border-right{width: 1px;height: 0px;background: #EF3333;position:absolute;right:-1px;top: 0;}
.newDate span{display:block;font:36px/52px "微软雅黑";height:52px;}
.newDate em{display:block;font:16px/1em "微软雅黑";}
.newsText{float:right;width:72%;height:100%;overflow:hidden;}
.newsText h4{padding-top:5px;font:18px/35px "微软雅黑";color:#434343;}
.newsText p{font:14px/20px "微软雅黑";color:#777;overflow:hidden;height:40px;}
.mar2{margin:10px auto 0;}

.news{background:#fbfbfb;}
.newsWrap{width:1170px;margin:0 auto;}
.newBg{width:370px;background:#fff;margin-right:30px;float:left; min-height:200px;}
.mr_0{margin-right:0;}
.newItem{padding:20px;}
.newItem dt{line-height:60px;font-size:24px;color:#979797;}
.newItem dt i{height:24px;display: inline-block;vertical-align: middle;width:5px;background:#076cb6;margin-right:10px;}
.newItem dd{height:30px;line-height:30px;font-size:14px;}
.newItem dd a{float:left;color:#666;width:255px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newItem dd span{float:right;color:#979797;font-size:12px;}

/*联系我们*/
.Contact{width:100%;height:714px;background:url("../images/mapBg.jpg") no-repeat;background-size:cover;overflow:hidden;}
.titActive h6,.titActive p{color:#fff;}
.titActive span{background:url("../images/line2.png") no-repeat;}
.ContactBox{width:1170px;margin:0 auto;}
.contectLeft{float:left;margin-left:110px;width:350px;transition:0.7s 0.4s;-webkit-transform:translateX(-300px);transform:translateX(-300px);opacity:0;}
.contectLeft.leftActive{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}
.contectLeft h3{font-size:20px;margin-bottom:20px;color:#fff;}
.contectLeft .h3_active{margin-top:20px;}
.contectLeft p{font:14px/20px "微软雅黑";margin:10px 0;width:100%;}
.contectLeft p a{color:#fff;}
.contectLeft p .g_icons{font-family: "iconfont";font-size:20px;line-height:20px;color:#fff;display:inline-block;margin-right:15px;    vertical-align: middle;}
.contectRight{float:right;margin-right:90px;width:550px;transition:0.7s 0.4s;-webkit-transform:translateX(300px);transform:translateX(300px);opacity:0;}
.contectRight.rightActive{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}
.contectRight input{margin-bottom:24px;width:98%;height:40px;font:14px/40px "微软雅黑";color:#999;background:#fff;padding-left:2%;}

.contectRight .name,.contectRight .tel{width:45%;}
.contectRight .name{float:left;}
.contectRight .tel{float:right;}
.contectRight .message{margin-bottom:24px;width:98%;height:120px;font:14px/40px "微软雅黑";color:#999;background:#fff;padding-left:2%;}

/*.contectRight .submitBtn{
	margin-left: 25%;width:50%;height: 30px;color: black;line-height: 30px;
}*/



.contectRight .submitBtn{
margin-left: 33%;
width:168px;
height:38px;
border:solid 1px #fff;
/*background:none;*/
border-radius:3px;
line-height:38px;
background-color: white;
/*text-align: center;*/
color:black;
font-size:16px;
position: relative;
  -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;
}



.see_more:hover, .see_more:focus, .see_more:active {
  color: white;
}
.see_more:hover:before, .see_more:focus:before, .see_more:active:before {
   -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.caseBtns:before,.see_more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.caseBtns:hover, .caseBtns:focus, .caseBtns:active {
  color: white;
}
.caseBtns:hover:before, .caseBtns:focus:before, .caseBtns:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.caseTab a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  background: #076cb6;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.caseTab a:hover, .caseTab a:focus, .caseTab a:active {
  color: white;border:solid 1px #076cb6;
}
.caseTab a:hover:before, .caseTab a:focus:before, .caseTab a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


.SubmitBtn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.SubmitBtn:hover, .SubmitBtn:focus, .SubmitBtn:active {
  color: #076cb6;
}
.SubmitBtn:hover:before, .SubmitBtn:focus:before, .SubmitBtn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*响应式代码*/
@media only screen and (max-width:1600px) {
	.s1_text img{width:450px;max-width: 450px;}
	.bannerBox{margin-top:-250px;}
}
@media only screen and (max-width:1400px) {
	.s1_text img{width:380px;max-width: 380px;}
	.s1_text h5{padding:15px 0;}
	.drop{padding-top:25px;}
}

@media only screen and (max-width:1260px) {	
	.main1170{width:960px;}
	.red_line{width:240px;}
	.resLsit li{width:25%;margin-right:0;}
	.resLeft{width:420px;}
	.resRight{max-width:530px;margin-top:50px;}
	.prev_arrow2{left:10px;}
	.next_arrow2{right:10px;}
	.tabItem .tabBot{max-width:840px;margin-top:100px;}
	.DesignBox{width:960px;}
	.DesignCont .designItem{max-width:150px;}
	.line{margin-top: 70px;}
	.titBor{width:100%;}
	.newList{width:960px;}
	.newList li,.newList .mr0{width:46%;margin-right:4%;}
	.ContactBox{width:960px;}
	.contectLeft{margin-left:0;}
	.contectRight{margin-right:0;}
	.PartnerCont{width:960px;}
	.praList li{width:20%;}
	.numList{height:130px;}
	.numList li{height:100px;margin:15px 0;}
	.numList h6{padding: 12px 0;}
	.videoBtns{bottom:160px;}
	.downArrow{bottom:150px;}
	.bannerBox{margin-top:-200px;}
	.caseList li .caseText{height:50px;bottom: -50px;}
	.caseList .active .caseLink{top:20%;opacity:1;}
	.caseList li .caseText h6{padding:0 10px;margin:8px 0;}
	.caseList li .caseText p{padding:0 10px;}
	.caseList li .caseBg{ bottom:50px;}
	.resLeft em{margin: 15px 12px 0;}
	.comment img{width:48%;}
	.newsWrap{width:90%;}
	.newBg{width:32%;margin-right:2%;}
	.mr_0{margin-right:0;}
	.newItem{padding:20px 10px;}
	.newItem dd a{width:200px;}
}

@media only screen and (max-width:1023px) {
	.header-pc{display:none;}
}
@media only screen and (min-width:1024px) {
	.header-mobile{display:none;}
}


@media only screen and (max-width:1023px) {
	.header-pc{display:none;}
	.sectionBg{display:none;}
	.section-pc{background:url("../images/ban1.jpg") no-repeat;background-size: cover;}
	.s1_text img{width:480px;}
	.bannerBox{margin-top:-180px;}
	.responseBox{display:none;}
	.responseWrap{padding:30px 0;border-top: solid 1px #e0e0e0;}
	.swiper-container2{height:450px;}
	.section3,.DesignBox{display:none;}
	.section4{margin-top:0;height:auto;padding-bottom:40px;}
	.DesignImg,.number{display:block;}
	.caseList li {width:47%; margin-bottom:20px; padding-bottom:5px;}
    .caseList li .caseBg{ right:0; bottom:5px; width:80px; left:auto; top:auto; background:none; opacity:1; height:50px;}
    .caseList li .caseText {height:50px;bottom:0px; position:relative; float:left; width:60%; overflow:hidden; margin-left:10px;}
    .caseList li .caseText h6{ margin:0; padding:0; height:25px; line-height:25px;  overflow:hidden;}
	.caseList li .caseText p{ margin:0; padding:0; height:25px; line-height:25px;   overflow:hidden;}
	.caseList li .caseLink{ position:relative; top:0; left:0; float:right; padding:4px 0; overflow:hidden; opacity:1; width:80px; margin-top:0;}
	.caseList .active img{-webkit-transform: scale(1);transform: scale(1);}
	.caseList .active .caseBg .caseLink{ top:0;} 
	.caseList li img{ margin-bottom:5px;}
    .PartnerCont{display:none;}
    .swiper-container3{height:200px;}
    .newList {width:92%;}
    .newList li, .newList .mr0 {width: 100%;margin-right: 0;}
    .ContactBox{width:90%;margin:0 auto;}
    .contectLeft,.contectRight{float:none;text-align: center;width:100%;}
    
    .contectRight .submitBtn{margin:0 auto;}
 	.sectionTit1,.sectionTit2,.sectionTit3,.sectionTit4,.sectionTit5,.sectionTit6{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
 	.caseCont,.newBox{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
    .contectLeft{-webkit-transform: translateX(0px);transform: translateX(0px);opacity: 1;}
    .contectRight{-webkit-transform: translateX(0px);transform: translateX(0px);opacity: 1;}
    .videoBox,.keyDown,.bannerBox,.prev_arrow,.next_arrow,.numList{display:none;}
    .downArrow {bottom: 130px;}
	.newBg{width:100%;margin-right:0;}
	.mr_0{margin-right:0;}
	.newItem{padding:20px 10px;}
	.newItem dd a{width:75%;}

}


@media only screen and (max-width:800px) {
	.bannerBox{width:90%;margin-left:-45%;margin-top:-155px;}
	.s1_text img{width:400px;}
	.prev_arrow{left:0;}
	.next_arrow{right:0;}
	.sectionTit h6{font-size:38px;}
	.sectionTit p{display:none;}
	.sectionTit{padding:60px 0 30px;}
}

@media only screen and (max-width:600px) {
	.s1_text img{width:80%;}
	.bannerBox{margin-top:-110px;}
	.newDate{width:68px;height:68px;}
	.newDate span{font: 30px/44px "微软雅黑";height:44px;}
	.newsText h4{font: 16px/28px "微软雅黑";padding-top:0;}
	.newItem{padding:20px 8px;}
	
	.caseList li {width:90%; margin-left:5%}
	
}
@media only screen and (max-width:400px) {
	.swiper-container1{height:450px;}
	.downArrow{display:none;} 
}

@media only screen and (max-width:374px) {
	.swiper-container1{height:410px;}
	.section-pc{height: 568px !important;}    
}