@font-face{
    font-family:'SourceHanSansCN-Normal';
    src:url('../fonts/SourceHanSansCN-Normal.ttf');
}
*{margin:0;padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0);outline:none;}
a{text-decoration: none;cursor: pointer;}
ul li{list-style: none;}
body,.section{width: 100%;height: 100%!important;overflow: hidden;}
body{font-family: "SourceHanSansCN-Normal";}
#section1{background:url(../image/banner.jpg) no-repeat right;background-size:100% 100%;}
#fullPage-nav li, .fullPage-slidesNav li{width: 24px;height:28px;margin:20px 0;}
#fullPage-nav span, .fullPage-slidesNav span{border:none;border-radius: 0;width: 24px;height:28px;background:url(../image/rad2.png) no-repeat;background-size:24px 28px;}
#fullPage-nav li .active span, .fullPage-slidesNav .active span{background:url(../image/rad1.png) no-repeat;background-size: 24px 28px;}
.slides{margin:0 auto;}
.header{display:flex;align-items: center;height:72px;position:absolute;top:52px;left:4%;}
.header img{display:inline-block;width: 198px;margin-right: 125px;}
#menu{height:28px;line-height:28px;font-size: 26px;padding-left:40px;background:url(../image/line1.png) no-repeat left;margin-top: 18px;overflow: hidden;}
#menu li{display:inline-block;padding-right: 3vw;}
#menu li a{color:#ffffff;}
.nextpage{width: 80px;height: 93px;background:url(../image/next2.png) no-repeat;background-size: 80px 93px;position: absolute;left: 50%;margin-left: -40px;top: 85%;}
.nextpage1{background:url(../image/next1.png) no-repeat;background-size: 80px 93px;}
#section1_txt img{display:block;}
#btxt{margin-left:190px;}
#sd{position: absolute;height: 100%;right: -23px;top: -47px;}
/**/
.content{position: absolute;top: 5%;left: 11.5%;}
.txtInfo{font-size:28px;line-height: 48px;color:#888888;max-width: 760px;}
.txtInfo p{margin-bottom: 25px;}
.txtInfo span{color:#46b6b2;}
#shaodi{right: -120%;position: absolute;top: 0;height: 100%;}
#spContent{box-sizing: border-box;}
#spContent .title{margin-bottom:70px;}
/**/

.jiejue{color:#46b6b2;display: flex;align-items: center;}
.jiejue i{display: inline-block;background:url(../image/jiejue.png) no-repeat;width: 198px;height: 44px;background-size: 198px 44px;}
.jiejue p{font-size: 24px;margin-left: 4%;}
.fanzhuan{display:flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width:100%;height: 100%;}
.fanzhuan li:first-child,.fanzhuan li:nth-child(3),.fanzhuan li:nth-child(5){background:#f5f6f6}
.fanzhuan li{width: 33.333333%;height:50%;overflow:hidden;cursor: pointer;position: relative;perspective: 1000px;display: flex;align-items: center;justify-content: center;}
.fanzhuan li div{position: absolute;}
.fanzhuan li .front{display:table}
.fanzhuan li .front img{display:table-cell;}
.fanzhuan li .front{transform: rotateY(0); transition: 0.5s ease-in-out;opacity:1;}
.fanzhuan li:hover .front{transform: rotateY(-180deg);opacity: 0;}

.fanzhuan li .back{transform: rotateY(180deg); transition: 0.5s ease-in-out;opacity:0;}
.fanzhuan li:hover .back{transform: rotateY(0); opacity: 1;}
.fanzhuan li:hover{background:#46b6b2;}
/**/
#caseUl{height:48px;border-bottom:4px solid #dadbdb;line-height:44px;font-size: 24px;margin: 0 auto;margin-bottom: 50px;}
#caseUl li{display:inline-block;color:#dadbdb;border-bottom:4px solid #dadbdb;margin-right: 20px;cursor: pointer;}
#caseUl li.on{color:#46B6B2;border-bottom: 4px solid #46B6B2;}
#caseUl li span{font-weight: bold;font-size: 30px;vertical-align: middle;display: inline-block;margin-top: -5px;padding-right: 10px;}
#caseUl li i{margin-right: 20px;width: 8px;height: 8px;border-radius: 50%;background:#dadbdb;display: inline-block;vertical-align: middle;}
#caseUl li.on i{background:#46B6B2;}
.caseWarpper{margin:0 auto;position: relative;z-index: 5;}
.caseDetail{
    position: absolute;
	top: 0;
    left:0;
	z-index: 1;
    opacity: 0;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    transition: all linear 0.3s;
}
.caseDetail:first-child{
	-webkit-transform: translateX(-250px);
	-moz-transform: translateX(-250px);
	-o-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	transform: translateX(-250px);
}

.caseDetail:nth-child(2),.caseDetail:nth-child(3),.caseDetail:nth-child(4){
    -webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	-o-transform: translateX(250px);
	-ms-transform: translateX(250px);
	transform: translateX(250px);
}
.caseDetail>img {
    width: 100%;
}
.showMe{
    -webkit-transform: translateX(0px)!important;
	-moz-transform: translateX(0px)!important;
	-o-transform: translateX(0px)!important;
	-ms-transform: translateX(0px)!important;
	transform: translateX(0px)!important;
	z-index: 100!important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
    filter: alpha(opacity=100)!important;
    opacity: 1!important;
    -webkit-transition: all ease-out 0.2s 0.1s!important;
    -moz-transition: all ease-out 0.2s 0.1s!important;
    -o-transition: all ease-out 0.2s 0.1s!important;
    -ms-transition: all ease-out 0.2s 0.1s!important;
    transition: all ease-out 0.2s 0.1s!important;
}
#content5{left:11.5%;}
/**/
.contactBox{display:flex;justify-content: space-between;align-items: center;margin-bottom: 30px;background: #ffffff;}
.contactBox>dt,.contactBox>dd{flex:1;padding: 2% 5%;box-sizing: border-box;}
.contactBox dt{background: #46B6B2;color:#ffffff;}
.contactBox dd{color:#46B6B2;}
.contactBox h3{font-size: 36px;padding: 10px 0;font-weight: normal;}
.contactBox p{font-size: 18px;line-height: 32px;}
.contactBox h4{font-size: 38px;font-weight: normal;}
.contactBox h2{font-size: 54px;font-weight: bold;}
#subForm{display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #dadbdb;border-bottom: 1px solid #dadbdb;flex-wrap: wrap;padding:20px 0;}
#subForm div{width:100%;display: flex;}
#subForm div:first-child{margin-bottom: 15px;}
#subForm div p{flex:1;display: flex;}
#subForm div>p:nth-child(2){margin: 0 2%;}
#subForm div p span{width: 115px;color:#7b7979;font-size: 30px;}
#subForm div p input,#subForm div p textarea{flex:1;border: 1px solid #d4d5d5;height: 45px;line-height: 45px;background: #ffffff;color:#bababa;outline:none;box-sizing: border-box;text-indent: 10px;font-family: "微软雅黑";}
#subForm div p textarea{height: 10vh;}
#subForm .button {display:flex;justify-content:center;align-items: center;width: 200px;font-size: 28px;height: 50px;border:none;outline:none;margin: 15px auto;background:#46B6B2;color:#ffffff;}
.downLoad{display:flex;justify-content: space-between;align-items: center;padding: 2vh 0;}
.downLoad >div{display:flex;align-items: center;font-size: 28px;}
.downLoad >div i{width: 25px;height: 25px;border-radius: 50%;background:#46B6B2;display:inline-block;margin-right: 20px;}
.downLoad >div span{color: #7b7979;}
.downLoad >div:last-child{
    padding-right: 150px;
    box-sizing: border-box;
}
.downLoad >div:last-child span{color:#46b6b2;}
.downLoad >div img{display:inline-block;margin-left:10px;width: 90px;height: 90px;}
.downLoad >div input{border: 1px solid #d4d5d5;height: 45px;width: 365px;background: #ffffff;margin: 0 25px 0 10px;box-sizing: border-box;text-indent: 10px;color: #7b7979;font-size: 24px;}
.downLoad >div a{display:inline-block;width: 100px;height: 45px;border:none;outline:none;background:#46B6B2;color:#ffffff;line-height: 45px;text-align: center;font-size: 24px;}
.footer{background:#46b6b2;color: #ffffff;display:flex;align-items: center;position: absolute;
    left: 0;
    right: 0;}
.footerBox{width:95%;margin:0 auto;display:flex;align-items: center;justify-content: space-between;height: 105px;}
.footerBox >img{height: 50%;}
.footerBox >div{height:100%;padding-left: 170px;background: url(../image/line2.png) no-repeat  left;position: relative;background-size: 75px 72px;padding-top:15px;padding-bottom:15px;}
.footerBox >div i{position:absolute;left:100px;background:url(../image/wx1.png) no-repeat;background-size: 70px 70px;width: 70px;height: 70px;top: 50%;margin-top: -35px;}
.footerBox>div p,.footerBox>div h5{font-weight: normal;padding-left: 20px;}
.footerBox>div p{font-size: 23px;}
.footerBox>div h5{font-size: 25px;}
#section7 .tableCell{padding-bottom: 155px;box-sizing: border-box;}

.contactIcon{position: fixed;width:55px;background:url(../image/contactUs.png);height:178px;background-size:55px 178px;top:50%;margin-top:-89px;right:0;z-index:99999;}
.section .section-container {
    width: 77%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.section .section-title {
    height: 45px;
    width: 100%;
    margin-bottom: 70px;
    margin-top: 70px;
    font-size: 48px;
    color: #46b6b2;
    display: flex;
    align-items: center;
}
.section .section-title>img {
    height: 100%;
    margin-right: 5px;
}
.section .section-content {
    height: calc(100% - 143px);
    width: 100%;
    overflow: hidden;
}

@media screen and (min-width: 1024px) and (max-width: 1199px){
    .header img{width:108px;margin-right:65px;}
    #menu{height:14px;line-height:14px;font-size:14px;}
    #sd{width:440px;height:621px;background-size:440px 621px;top: -32px;right: -17px;}
    #fullPage-nav span, .fullPage-slidesNav span{width: 16px;height: 18px;background-size: 16px 18px;}
    #fullPage-nav li .active span, .fullPage-slidesNav .active span{background-size: 16px 18px;}
    #fullPage-nav li, .fullPage-slidesNav li{width: 16px;height: 20px;margin: 25px 0;}
    #section1_txt{top: 308px;}
    #btxt{margin-left:100px;width:481px;}
    .nextpage{width:42px;height:50px;margin-left:-21px;background-size:42px 50px;}
    .section .section-title{
        height:23px;
        font-size: 23px;
        margin-bottom: 60px;
        margin-top: 60px;
    }
    #shaodi{height: 100%;}
    .content{position: absolute;top: 15%;left: 11.5%;}
    #spTitle,.jiejue{top:5%;}
    #spContent{padding-left:120px;}
    #spContent .title{height:24px;margin-bottom:50px;}
    .txtInfo{font-size:16px;line-height: 26px;max-width: 405px;}
    .txtInfo p{margin-bottom: 20px;}
    .jiejue i{width:106px;height: 23.5px;background-size:106px 23.5px;}
    .jiejue p{font-size: 15px;margin-left: 20px;}
    .front img{width:50px;height:60px;}
    .back img{width:33.333vw;}
    .caseDetail img{height:320px;}
    #caseUl{height: 24px;line-height: 24px;font-size: 15px;border-bottom:2px solid #dadbdb;margin-bottom:25px;}
    #caseUl li span{font-size:16px;margin-top: -3px;padding-right: 5px;}
    #caseUl li{border-bottom:2px solid #dadbdb;}
    #caseUl li.on{border-bottom:2px solid #46B6B2;}
    #caseUl li i{width:4px;height:4px;}
    #section7 .tableCell{padding-bottom: 125px;}
    .footerBox >div{padding-left:134px;}
    .footerBox>div p,.footerBox>div h5{font-size:18px;padding-left: 10px;}
    .footerBox >div{background-size:61px 55px;}
    .footerBox >div i{width: 52px;height: 52px;left: 73px;background-size: 52px 52px;margin-top: -26px;}
    .footerBox >img{width:110px;}
    #subForm div p input, #subForm div p textarea{height: 6vh;line-height: 6vh;}
    #subForm div p textarea{height:100px;}
    #subForm div:first-child{margin-bottom: 12px;}
    #subForm div p span{line-height: 6vh;font-size:16px;width: 55px;}
    .contactBox h3{font-size: 5vh;}
    .contactBox p{font-size: 1.8vh;line-height: 2.7vh;}
    .contactBox h4{font-size: 30px;line-height: 48px;}
    .contactBox h2{font-size: 40px;}
    .contactBox{margin-bottom: 2.5vh;margin-top: 5.5vh;}
    #subForm{padding: 2vh 0;}
    #subForm input[type="button"]{font-size: 18px;width:120px;height:32px;margin-top: 1vh;margin-bottom: 0;}
    .downLoad{padding: 2vh 0 0 0;}
    .downLoad >div i{width:13px;height:13px;margin-right: 10px;}
    .downLoad >div span{font-size:16px;}
    .downLoad >div input{height:27px;width:198px;font-size: 15px;}
    .downLoad >div a{width:57px;height:27px;font-size: 14px;line-height: 27px;}
    .downLoad >div img{width:56px;height:56px;}
    .downLoad >div:last-child{padding-right:80px;}
    .contactIcon{width: 41.5px;height: 133.5px;background-size: 41px 133.5px;margin-top: -66.75px;}
} 
@media screen and (min-width: 1200px)and (max-width: 1439px){
    .header img{width:135px;margin-right:84px;}
    #menu{height:18px;line-height:18px;font-size:18px;}
    #sd{width: 466px;height: 658px;background-size: 466px 658px;top: -33px;right: -16px;}
    #fullPage-nav span, .fullPage-slidesNav span{width: 22px;height: 25px;background-size: 22px 25px;}
    #fullPage-nav li .active span, .fullPage-slidesNav .active span{background-size: 22px 25px;}
    #fullPage-nav li, .fullPage-slidesNav li{width: 22px;height: 25px;margin: 25px 0;}
    #btxt{margin-left:100px;width: 594px;}
    .nextpage{width: 55px;height: 64px;margin-left:-21px;background-size: 55px 64px;}
    .section .section-title{
        height: 23px;
        font-size: 23px;
        margin-bottom: 60px;
        margin-top: 60px;
    }
    #shaodi{height: 100%;}
    .content{position: absolute;top: 12%;left: 11.5%;}
    #spTitle,.jiejue{top:5%;}
    #spContent{padding-left:150px;}
    #spContent .title{height:26px;margin-bottom:60px;}
    .txtInfo{font-size: 20px;line-height: 32px;max-width: 505px;}
    .txtInfo p{margin-bottom: 22px;}
    .jiejue i{width: 135px;height: 30px;background-size: 135px 30px;}
    .jiejue p{font-size: 16px;}
    .front img{width: 65px;height: 76px;}
    .back img{width:33.333vw;}
    .caseDetail img{width: 100%;}
    #caseUl{height: 34px;line-height: 32px;font-size: 20px;border-bottom:2px solid #dadbdb;margin-bottom: 35px;}
    #caseUl li span{font-size: 20px;margin-top: -6px;padding-right: 10px;}
    #caseUl li{border-bottom:2px solid #dadbdb;}
    #caseUl li.on{border-bottom:2px solid #46B6B2;}
    #caseUl li i{width:6px;height:6px}
    #section7 .tableCell{padding-bottom: 125px;}
    .footerBox>div p,.footerBox>div h5{font-size: 22px;padding-left: 12px;}
    .footerBox >div{background-size:75px 68px;padding-left: 168px;}
    .footerBox>div i{width: 62px;height: 62px;margin-top: -31px;background-size: 64px 64px;left:93px;}
    .footerBox >img{width: 136px;}
    #subForm div p input, #subForm div p textarea{height: 6vh;line-height: 6vh;}
    #subForm div p textarea{height: 14vh;}
    #subForm div:first-child{margin-bottom: 12px;}
    #subForm div p span{width: 76px;font-size: 20px;line-height: 6vh;}
    .contactBox h3{font-size: 32px;padding-bottom: 0;}
    .contactBox p{font-size: 16px;line-height: 27px;}
    .contactBox h4{font-size: 30px;line-height: 48px;}
    .contactBox h2{font-size: 40px;}
    .contactBox{margin-bottom: 1.5vh;margin-top: 1.5vh;}
    #subForm{padding: 2vh 0;}
    #subForm input[type="button"]{font-size: 20px;width: 146px;height: 44px;margin-top: 1vh;margin-bottom: 0;}
    .downLoad{padding: 2vh 0 0 0;}
    .downLoad >div:last-child{padding-right:115px;}
    .downLoad >div i{width:16px;height:16px;margin-right: 12px;}
    .downLoad >div span{font-size: 22px;}
    .downLoad >div input{height: 36px;width: 280px;font-size: 20px;}
    .downLoad >div a{width: 70px;height: 36px;font-size: 20px;line-height: 36px;}
    .downLoad >div img{width: 75px;height: 75px;margin-left: 18px;}
    .contactIcon{width: 46px;height: 148px;background-size: 46px 148px;margin-top: -74px;}
} 
@media screen and (min-width: 1440px)and (max-width: 1680px){
    .header img{width:153px;margin-right:92px;}
    #menu{height: 24px;line-height: 24px;font-size: 24px;}
    #sd{width: 496px;height: 699px;background-size: 496px 699px;top: -36px;right: -17px;}
    #fullPage-nav span, .fullPage-slidesNav span{width: 22px;height: 25px;background-size: 22px 25px;}
    #fullPage-nav li .active span, .fullPage-slidesNav .active span{background-size: 22px 25px;}
    #fullPage-nav li, .fullPage-slidesNav li{width: 22px;height: 25px;margin: 25px 0;}
    #btxt{margin-left: 140px;width: 670px;}
    .nextpage{width: 60px;height: 70px;margin-left: -30px;background-size: 60px 70px;}
    .section .section-title{
        height: 30px;
        font-size: 30px;
        margin-bottom: 40px;
        margin-top: 40px;
    }
    .section .section-content {
        height: calc(100% - 110px);
    }
    #shaodi{height: 100%;}
    .content{position: absolute;top: 12%;left: 11.5%;}
    #spContent .title{height:30px;margin-bottom: 70px;}
    .txtInfo{font-size: 22px;line-height: 36px;max-width: 570px;}
    .txtInfo p{margin-bottom: 22px;}
    .jiejue i{width: 154px;height: 32px;background-size: 154px 32px;}
    .jiejue p{font-size: 18px;}
    .front img{width: 72px;height: 84px;}
    .back img{width:33.333vw;}
    .caseDetail img{height: 450px;}
    #caseUl{height: 34px;line-height: 32px;font-size: 20px;border-bottom:2px solid #dadbdb;margin-bottom: 35px;}
    #caseUl li span{font-size: 20px;margin-top: -6px;padding-right: 10px;}
    #caseUl li{border-bottom:2px solid #dadbdb;}
    #caseUl li.on{border-bottom:2px solid #46B6B2;}
    #section7 .tableCell{padding-bottom: 125px;}
    .footerBox >div{background-size:85px 77px;padding-left: 190px;}
    .footerBox >div i{width:74px;height:74px;background-size:74px 74px;margin-top:-37px;left:105px;}
    .footerBox >img{width: 150px;}
    #subForm div p input, #subForm div p textarea{height: 6vh;line-height: 6vh;font-size: 24px;}
    #subForm div p textarea{height: 12vh;}
    #subForm div:first-child{margin-bottom: 5px;}
    #subForm div p span{line-height: 6vh;font-size: 24px;width: 85px;}
    #subForm .button {margin: 5px auto;height: 45px;}
    .contactBox h3{font-size: 30px;padding-bottom: 5px;}
    .contactBox p{font-size: 20px;line-height: 30px;}
    .contactBox h4{font-size: 30px;line-height: 48px;}
    .contactBox h2{font-size: 40px;}
    .contactBox{margin-bottom: 1.5vh;margin-top: 1.5vh;}
    #subForm{padding: 10px 0;}
    #subForm input[type="button"]{font-size: 26px;width: 165px;height: 48px;margin-top: 1.5vh;margin-bottom: 0;}
    .downLoad{padding: 2vh 0 0 0;}
    .downLoad >div i{width:18px;height:18px;}
    .downLoad >div span{font-size: 24px;}
    .downLoad >div input{height: 36px;width:198px;font-size: 22px;}
    .downLoad >div a{width:57px;height: 36px;font-size: 20px;line-height: 36px;}
    .downLoad >div img{width: 75px;height: 75px;margin-left: 20px;}
    .contactIcon{width: 48px;height: 157px;background-size: 48px 157px;margin-top: -78.5px;}
}
.swiper-container2 {
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 25px;
  }

  .swiper-container2 .swiper-slide {
    text-align: center;
    font-size: 18px;
    width: 100%;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .swiper-container2 .swiper-slide img{display:block;width: 100%;max-height:683px;}
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0;}

  .swiper-container1  .swiper-slide {
	box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    background: #fff;
    width:33%;
  }
  .swiper-container1 .swiper-slide img{display:block;width: 100%;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:7%;}
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:7%;}