*{margin: 0;padding: 0;}
body{
    background:#fff;
    min-width:1310px;
}
.clearfix:after,.clearfix::after{
    content:"";
    clear:both;
    overflow:hidden;
    zoom:1;
}
.delay-1 {
    animation-delay: .2s;
}
.delay-2 {
    animation-delay: .4s;
}
.delay-3 {
    animation-delay: .6s;
}
.delay-4 {
    animation-delay: .8s;
}
.delay-5 {
    animation-delay: 1s;
}
.delay-6 {
    animation-delay: 1.2s;
}
.delay-7 {
    animation-delay: 1.4s;
}
.delay-8 {
    animation-delay: 1.6s;
}
.delay-9 {
    animation-delay: 1.8s;
}
.delay-0 {
    animation-delay: 2s;
}
.delay-11 {
    animation-delay: 2.2s;
}
.mainbgbox{
    background:url(/wp-content/uploads/pageimg/dragonsep/shiyue/2bg.png) top center no-repeat;
}
/* 数字信息 */
.youhui{
    width:1310px;
    margin:0 auto;
    padding-top:30px;
    padding-bottom:105px;
}
.youhui .listbox{
    /*width:66.6%;*/
    margin:0 auto;
    padding-bottom:3.3vw;
}
.youhui .listbox li{
    width:16.66%;
    float:left;
    padding-left:2%;
    padding-right:1.2%;
    position:relative;
}
/*.youhui .listbox li i{
    background:#bcbcbc;
    display:block;
    width:2px;
    height:84px;
    position:absolute;
    right:0;
    top:5px;
}*/
.youhui .listbox li img{
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.youhui .listbox li .imgbox:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.youhui2 .listbox{
    margin:0 auto;
    max-width:1310px;
}
.youhui2 .listbox li{
    width:20%;
    float:left;
    padding:0 2%;
}
/* 测算报名 */
.cesuanbox{
    width:1220px;
    margin:0 auto;
    padding-top:65px;
}
.cesuanbox .csbox{
    position:relative;
}
.csleftbox{
    width:29.9%;
    float:left;
    color:#fff;
    line-height:160%;
}
.csleftbox img{
    margin-bottom:20px;
}
.csleftbox p span{
    color:#a0a41c;
}
.cesuanbox .csbox .image{
    position:absolute;
    left:0;
    /*top:-5px;*/
}
.cesuanbox .csbox .image2{
    position:absolute;
    left:178px;
}
.cesuanbox .csbox .csbmbox{
    width:770px;
    float:right;
}
.csbmbox .inputbox{
    padding-bottom:25px;
    clear:both;
    float:none;
}
.csbmbox .inputbox input{
    width:364px;
    height:65px;
    line-height:65px;
    padding:0 25px;
    border-radius:8px;
    border:1px solid #eaeaea;
    float:left;
    margin-right:20px;
    font-size:18px;
    color:#666;
}
.csbmbox .inputbox1 input{
    width:236px;
}
.csbmbox .btnbox{
    clear:both;
    float:none;
    padding-bottom:30px;
}
.csbmbox .btnbox a{
    width:385px;
    height:66px;
    line-height:66px;
    border-radius:8px;
    text-align:center;
    background:#4cb896;
    color:#fff;
    font-size:24px;
    float:left;
    margin-right:20px;
    /*box-shadow:0px 0px 5px 3px #e4d2a4;*/
}
.csbmbox .btnbox p{
    padding-top:36px;
    line-height:30px;
    float:left;
    font-size:18px;
    color:#fff;
}

/* 案例 */
.twomain{
    width:85%;
    position:relative;
    margin:0;
}
.zhengzhbox .swiper-pagination.decasebtn{
    position:relative;
    opacity:1;
    /*width:1168px;*/
    width:60.8%;
    text-align:left;
    margin:0 auto;
    margin-top:1.7vw;
    margin-bottom:2.3vw;
    padding-right:9%;
    background:url(/wp-content/uploads/pageimg/dragonsep/5_13.jpg) no-repeat right top;
    background-size:auto 2vw;
}
.zhengzhbox .swiper-pagination.decasebtn .swiper-pagination-bullet{
    width:14.66%;
    height:2vw;
    line-height:2vw;
    text-align:center;
    background:transparent;
    border-radius:5px;
    border:1px solid #e9e9e9;
    color:#222;
    opacity:1;
    margin-right:2%;
    font-size:1vw;
    vertical-align:top;
}
.zhengzhbox .swiper-pagination.decasebtn .swiper-pagination-bullet-active{
    background-color:#4cb896;
    border-color:#e9e9e9;
    color:#fff;
}
.cs_info .deinfo{
    height:8.5vw;
    padding-top:;
}
.cs_info .deinfo .deimg{
    width:28.8%;
    float:left;
}
.cs_info .deinfo .detext{
    float:left;
    width:71%;
    padding-left:6%;
}
.cs_info .deinfo .detext span{
    display:block;
    line-height:2.1vw;
    font-size:1.1vw;
}


/* 展会 */
.zhanhuibox{
    width:100%;
    background:url(/wp-content/uploads/pageimg/tigerJuly/4bg.jpg) no-repeat top center;
    padding-top:70px;
}
.zhanhuibox .swiper-pagination-bullet-active{
    background:#000;
}
.mainbox{
    width:1110px;
    margin:0 auto;
    padding-top:70px;
    padding-bottom:45px;
}
.mainbox .leftbox{
    width:452px;
    height:400px;
    background:url(/wp-content/uploads/pageimg/tigerJuly/4_1.png) no-repeat -40px -80px;
    float:left;
    margin-top:10px;
    padding:15px 12px;
}
.mainbox .leftbox img{
    height:246px;
}
.mainbox .rightbox{
    width:575px;
    float:right;
}
/* 云展会 */
.sztit{
    padding-bottom:45px;
}
.shuzhuangbox{
    width:1190px;
    /*height:508px;*/
    margin:0 auto;
    box-shadow:2px 3px 6px 2px #dedede;
    border-radius:8px;
    margin-bottom:70px;
}
.shuzhuangbox .szleftbox{
    width:696px;
    /*height:508px;*/
    float:left;
    overflow:hidden;
    border-radius:8px;
}
.shuzhuangbox .szleftbox img{
    width:100%;
}
.shuzhuangbox .szrightbox{
    float:left;
    width:494px;
    padding-left:120px;
    margin-top:45px;
}
.szrightbox h2{
    font-size:36px;
    line-height:58px;
    font-weight:bold;
    color:#4d4d4d;
}
.szrightbox .spanbox{
    padding-top:26px;
    padding-bottom:68px;
}
.szrightbox .spanbox span{
    width:206px;
    height:45px;
    line-height:45px;
    border:1px solid #b8b8b8;
    display:block;
    border-radius:8px;
    margin-bottom:10px;
    text-align:center;
    font-size:25px;
    color:#b8b8b8;
}
.szrightbox a.btn{
    width:242px;
    height:50px;
    line-height:50px;
    color:#fff;
    text-align:center;
    font-size:20px;
    background:#d5a567;
    padding:0;
    display:block;
}
/*  */
.zhengzhbox{
    padding-bottom:4vw;
}
.zhengzhbox .tit{
    padding-top:4.16vw;
    padding-bottom:2.6vw;
}
.zzmainbox{
    width:100%;
    overflow:hidden;
    margin-bottom:35px;
}
.zzmainbox li{
    width:25%;
    float:left;
}
.zzmainbox .img1,.zzmainbox .img2{
    padding-right:1vw;
}
.zzmainbox .img4{
    padding-left:1vw;
}
.zhengzhbox a.btn{
    display:block;
    width:320px;
    height:50px;
    line-height:50px;
    color:#fff;
    text-align:center;
    font-size:20px;
    background:#d5a567;
    padding:0;
    margin:0 auto;
}
.zhengzhbtn{
    padding-bottom:45px;
    width:62.5%;
    margin:0 auto;
}
.zhengzhbtn li{
    float:left;
    width:10%;
    padding:0 5px;
}
/*  */
.designhbox{
    padding-top:70px;
    padding-bottom:100px;
}
.designhbox .tit{
    padding-bottom:65px;
}
.demainbox{
    width:1190px;
    /*height:514px;*/
    margin:0 auto;
    position:relative;
}
.demainbox .yynumbox{
    width:234px;
    height:46px;
    line-height:46px;
    text-align:center;
    position:absolute;
    right:0;
    top:0;
    background:#d5a567;
    color:#fff;
    font-size:24px;
    border-radius:8px;
}
.deleftbox{
    width:362px;
    height:514px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:auto 100%;
    position:absolute;
    left:0;
    bottom:0;
    border-radius:8px;
}
.derightbox{
    width:804px;
    float:right;
    color:#333333;
}
.derightbox .infobox{
    padding-left:12px;
    padding-bottom:20px;
}
.derightbox .top{
    padding-bottom:20px;
}
.derightbox h3{
    font-size:28px;
    line-height:46px;
    font-weight:700;
}
.derightbox span{
    font-size:22px;
    line-height:38px;
    display:block;
}
.derightbox .line{
    width:697px;
    height:2px;
    background:#f9f9f9;
    display:block;
}
.derightbox .p{
    line-height:45px;
    padding:15px 0;
    font-size:23px;
}
.derightbox .p strong{
    font-size:26px;
}
.derightbox .listbox{
    height:155px;
    overflow:hidden;
}
.derightbox .delist{
    width:684px;
    float:left;
}
.derightbox .delist .swiper-slide{
    border-radius:8px;
    overflow:hidden;
}
.derightbox .listbox .btn{
    width:98px;
    height:155px;
    background-color:#d5a567;
    padding-top:30px;
    line-height:30px;
    color:#fff;
    font-size:18px;
    border-radius:10px;
    float:right;
}

.ppjiaju{
    padding-bottom:10px;
}
.ppjiaju .left{
    width:52.76%;
    float:left;
}
.ppjiaju .ppjjright{
    width:46%;
    margin:0 auto;
    float:right;
    padding-right:2.8%;
}
.ppjiaju .ppjjright li{
    float:left;
    padding:0 1.7%;
    padding-bottom:4.8%;
    width:20%;
}
.ppjiaju .ppjjright li img{
    transition:all 0.2s ease;
}
.ppjiaju .ppjjright li:hover img{
    transform:scale(1.1);
}


.liyoubox{
    padding-top:6.875vw;
    padding-bottom:8.8vw;
    background:url(/wp-content/uploads/pageimg/dragonsep/8.png) no-repeat top center;
    background-size:100%;
}
.liyoubox .tit{
    padding-bottom:30px;
}
.liyoubox .lymainbox{
    width:74.58%;
    margin:0 auto;
}
.liyoubox .lymainbox li{
    float:left;
    padding:0 6px;
    width:25%;
}
.liyoubox .lymainbox li img{
    transition:margin 0.2s ease;
}
.liyoubox .lymainbox li:hover img{
    margin-top:-20px;
}




.fuwubox{
    padding-bottom:4vw;
}
.fuwubox .tit{
    padding-bottom:30px;
}
.fuwubox .fwmainbox{
    width:63%;
    margin:0 auto;
}
.fuwubox .fwmainbox li{
    float:left;
    padding:0 22px;
    width:25%;
}
.fuwubox .fwmainbox li img{
    transition:margin 0.2s ease;
}
.fuwubox .fwmainbox li:hover img{
    margin-top:-20px;
}
/**/
.sixbox{
    background:url(/wp-content/uploads/pageimg/dragonsep/shiyue/bgbtm.png) no-repeat center 20px;
    background-size:100%;
}
.sixmain{
    width:84.89%;
    margin-left:9%;
    padding-top:3%;
    padding-bottom:2%;
}
.sixtopbox .sixp{
    color:#fff;
    width:60%;
    float:left;
    font-size:3.96vw;
    height:4vw;
    line-height:4.1vw;
    font-weight:bold;
    display:block;
    padding-top:5.6%;
}
.sixtopbox .siximg{
    width:30.18%;
    float:right;
    margin-top:-4%;
}
.sixbtmbox{
    padding-top:1vw;
}
.sixmain .btmleft{
    width:72.4%;
    float:left;
}
.sixmain .btmleft li{
    width:16.66%;
    float:left;
    padding-right:3.8%;
}
.sixmain .btmleft img{
    margin-bottom:0.75vw;
}
.sixmain .btmright{
    width:24.3%;
    padding-top:0.5vw;
    float:left;
}
.sixmain .btmright strong{
    line-height:1.71vw;
    height:1.71vw;
    font-size:1.25vw;
    color:#3a3a3a;
    font-weight:bold;
    display:block;
    text-align:center;
}
.sixmain .btmright span{
    font-size:0.72vw;
    display:block;
    text-align:center;
    margin-bottom:0.5vw;
}
.sixmain .btmright p{
    color:#fff;
    font-size:12px;
    line-height:2vw;
    text-align:right;
}
.sixmain .btnbox{
    clear:both;
    float:none;
    padding-bottom:15px;
}
.sixmain .btnbox a{
    width:385px;
    height:64px;
    line-height:64px;
    border-radius:8px;
    text-align:center;
    background:#d51c24;
    color:#fff;
    font-size:1.25vw;
    float:left;
    margin-right:20px;
}
.sixmain .btnbox p{
    padding-top:32px;
    line-height:30px;
    float:left;
    font-size:16px;
}
.sixmain .bjbaombox input{
    width:100%;
    height:3.125vw;
    min-height:22px;
    line-height:3.125vw;
    padding:0 12px;
    border-radius:8px;
    border:1px solid #eaeaea;
    display:block;
    margin-bottom:1.5625vw;
    font-size:14px;
    color:#666;
}
.sixmain .bjbaombox a{
    width:100%;
    height:3.125vw;
    min-height:22px;
    line-height:3.125vw;
    background:#4cb896;
    margin:0 auto;
    /*margin-top:1vw;*/
    display:block;
    text-align:center;
    border-radius:10px;
    font-size:18px;
    color:#fff;
    margin-top:2.76vw;
}

.opacity-hide{
    opacity: 0;
}
.opacity-show{
    opacity: 1;
}