html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, q, em, ul, li, ol, dl, dt, dd, form, article, aside, embed, table, td, th, input, button, legend, fieldlset, blockquote, textarea, label, strong, img, cite { margin: 0; padding: 0; outline: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
table { border-collapse: collapse; }
ul, li , ol, li{ list-style: none; }
img{ border: none; vertical-align:top;}
em, cite, address,i { font-style: normal; font-weight: normal; }
a { text-decoration:none; }
input { outline:none; border:none; background-color:transparent;}
input::-ms-clear { display:none; }
textarea { outline:none; resize:none; ;overflow:auto;border:none;background: transparent;}
body{width:100%;overflow-x: hidden;}

/* 清浮动 */
.clearfix:after,.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom:1;}







/*我们能做什么*/
.section2{width:100%;background:#f3f3f3;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")/*tpa=http://www.js-web.cc/cn/template/new6/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:#ff5555;}
.red_line i{position:absolute;left:50%;margin-left:-4px;bottom:-8px;width:7px;height:5px;background:url("../images/icon.png")/*tpa=http://www.js-web.cc/cn/template/new6/images/icon.png*/ 0 -120px no-repeat;}

.main1170{width:1170px;margin:0 auto;}
.resLsit li{width:270px;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 li:last-child{margin-right:0;}
.resLsit li h6{ width:70px; height:70px; margin:0 auto; transition:all .5s;color:#999;}
.resLsit li:nth-child(1) h6{ background:url(../images/1.png) center center no-repeat; background-size:100%;}
.resLsit li:nth-child(2) h6{ background:url(../images/2.png) center center no-repeat; background-size:100%;}
.resLsit li:nth-child(3) h6{ background:url(../images/3.png) center center no-repeat; background-size:100%;}
.resLsit li:nth-child(4) h6{ background:url(../images/4.png) center center no-repeat; background-size:100%;}
.resLsit li:nth-child(1):hover h6{ background:url(../images/1on.png) center center no-repeat; background-size:100%;}
.resLsit li:nth-child(2):hover h6{ background:url(../images/2on.png) center center no-repeat; background-size:100%;}
.resLsit li:nth-child(3):hover h6{ background:url(../images/3on.png) center center no-repeat; background-size:100%;}
.resLsit li:nth-child(4):hover h6{ background:url(../images/4on.png) center center no-repeat; background-size:100%;}
.resLsit li p{font-size:16px;color:#999;font-weight: bold;font-family: "微软雅黑";margin:16px 0 12px;transition:all .5s;}
.resLsit li:nth-child(1).active h6{background:url(../images/1on.png) center center no-repeat; background-size:100%;}
.resLsit .active p{color:#ff5555;}
.resLsit li em{width:1px;height:20px;margin:0 auto 12px;display: block;background:#999;transition:all .5s;}
.resLsit .active em{background: #ff5555;}

.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:#FF5555;}
.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")/*tpa=http://www.js-web.cc/cn/template/new6/images/dian.png*/ no-repeat;}
.resRight{float:right; margin-top:50px; 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")/*tpa=http://www.js-web.cc/cn/template/new6/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")/*tpa=http://www.js-web.cc/cn/template/new6/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:#ff5555;}
.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:#FF5555;}
.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")/*tpa=http://www.js-web.cc/cn/template/new6/images/dian.png*/ no-repeat;vertical-align: top;}






@media only screen and (max-width:1023px) {
	.header-pc{display:none;}
	.sectionBg{display:none;}
	.section-pc{background:url("../images/ban1.jpg")/*tpa=http://www.js-web.cc/cn/template/new6/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;}
	.pro li{ width:48%; margin:0 1% 2% 1%;}
}

@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;}
	.pro{ display:none;}
	.sypro{ display:block;}
	.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;}    
}