/*登录注册*/
.bgf6f7{
    background-color: #f6f7f8;
}
.header .logo img{
    height: 48px;
}
.header .logo h3{
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #000;
    line-height: 1.2em;
    font-weight: normal;
    margin-left: 34px;
    overflow: hidden;
}
.header .logo h3 em{
    display: block;
    font-size: 12px;
    color: #000;
    line-height: 1.1em;
    margin-top: -2px;
}
.ul-txtq1{
    margin: 0 -16px;
}
.ul-txtq1:after{
    content: '';
    display: block;
    clear:both;
    visibility: hidden;
    width: 100%;
    height: 0;
}
.ul-txtq1 li{
    float: left;
    position: relative;
    margin: 0 16px;
}
.ul-txtq1 li .con{
    display: block;
    font-size: 0;
    line-height: 80px;
    overflow: hidden;
}
.ul-txtq1 li .pic{
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    margin-right: 8px;
}
.ul-txtq1 li .pic img{
    display: block;
    height: 100%;
}
.ul-txtq1 li span{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #010101;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.ul-txtq1 li:hover span{
    color: #12ada9;
}
.ul-txtq1 li .login{
    width: 117px;
    color: #fff;
    line-height: 33px;
    text-align: center;
    background-color: #12ADA9;
    border: 1px #12ADA9 solid;
    border-radius: 18px;
}
.ul-txtq1 li:hover .login{
    color: #fff;
    opacity: .8;
    filter: alpha(opacity=80);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
}
.ul-txtq1 .down{
    display: none;
    width: 182px;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
}
.ul-txtq1 .down.on{
    display: block;
}
.ul-txtq1 .down .img{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.ul-txtq1 .down .img img{
    display: block;
    width: 100%;
    height: auto;
}
.m-sign .left{
    padding-top: 57px;
}
.m-sign .left .tit{
    font-size: 60px;
    color: #fff;
    line-height: 1.2em;
    font-weight: bold;
    margin-bottom: 24px;
}
.m-sign .left span{
    font-size: 24px;
    color: #fff;
    margin-bottom: 72px;
}
/*企业入驻*/
.btn-fanhui{color: #999;display: inline-block;font-size: 14px;padding: 5px;}
.btn-fanhui:hover{color: #333;}
.r-titbox{height: 185px;display: flex;align-items: center;justify-content: center;background: url(../images/r-pic1.jpg) no-repeat center center;
    background-size: cover;margin-bottom: 46px;}
.r-titbox .h2{text-align: center;color: #ffffff;font-size: 36px;}
.rubox{text-align: center;}
.ul-list-rgl{display: inline-block;overflow: hidden;position: relative;margin: 0 -50px; margin-bottom: 65px;}
.ul-list-rgl::before{content: '';position: absolute;top: 20px;left: 27%;height: 1px;width: 70px;background-color: #dbdbdb;}
.ul-list-rgl::after{content: '';position: absolute;top: 20px;right: 26%;height: 1px;width: 70px;background-color: #dbdbdb;}
.ul-list-rgl li{float: left;}
.ul-list-rgl li .con{margin: 0 50px;text-align: center;}
.ul-list-rgl li .con .pic{display: inline-block;width: 38px;height: 38px;margin-bottom: 5px;}
.ul-list-rgl li .con .pic img{display: block;width: 100%;}
.ul-list-rgl li .con .pic .img2{display: none;}
.ul-list-rgl li.ok .con .pic .img1{display: none;}
.ul-list-rgl li.ok .con .pic .img2{display: block;}
.ul-list-rgl li .con .name{font-size: 14px;color: #434343;text-align: center;}
.ul-list-rgl li.ok .name{color: #12ada9;}
.ul-list-rgl li:first-child .con .name{color: #12ada9;}
.ul-inp-rgl{margin-bottom: 40px;margin-right: 85px;display: inline-block;}
.ul-inp-rgl li{overflow: hidden;padding-bottom: 30px;}
.ul-inp-rgl li .name{float: left;margin-right: 15px;line-height: 47px;height: 47px; font-size: 14px;color: #2c2c2c;text-align: right;min-width: 70px;font-weight: 550;}
.ul-inp-rgl li .name span{margin-right: 7px;color: #ff0000;font-weight: 550;}
.ul-inp-rgl li .inp{float: left;position: relative;}
.ul-inp-rgl li .inp .inptext{outline: none;border: 0;line-height: 47px;background-color: #f8f8f8;padding-left: 17px;width: 417px;font-size: 14px;}
.ul-inp-rgl li .tishi{position: absolute;bottom: -23px;font-size: 14px;color: #ff0000;left: 17px; display: none;}
.ul-inp-rgl li .inp .btn{position: absolute;right: 45px;font-size: 14px;color: #12ada9;top: 50%;transform: translateY(-50%);outline: none;}
.ul-inp-rgl li .inp .btn:hover{color: #12ada9;}
.ul-inp-rgl .form-group{float: left;}
.abox{text-align: center;margin-bottom: 127px;}
.abox .btn{display: inline-block; line-height: 45px;font-size: 18px;color: #ffffff;text-align: center;background-color: #12ada9;border-radius: 5px;width: 417px;padding: 0;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.abox .btn:hover{opacity: .8;filter: alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';}
.abox .return{display: block;font-size: 14px;color: #2C2C2C;line-height: 30px;text-align: center;padding: 8px 0;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.abox .return:hover{text-decoration: underline;}
.ul-inp-rgl li .line::after{content: '';position: absolute;right: 160px;height: 17px;width: 1px;background-color: #9c9c9c;top: 50%;transform: translateY(-50%);}
.tabbox{text-align: center;}
.form-inline .form-group{margin-right: 6.58px;position: relative;}
.form-inline .form-group:last-child{margin-right: 0;}
.ul-inp-rgl .form-inline .form-control{outline: none;height: 47px;line-height: 47px;border: 0;background-color: #f8f8f8;
    font-size: 14px;width: 100%;padding: 0 0 0 17px;width: 132px;border-radius: 0;box-shadow: none;}
.ul-inp-rgl .form-group .layui-edge{position: absolute; width: 13px;height: 13px;border: 1px solid #d4d4d4;transform: translateY(-50%) rotate(45deg);border-left: 0;border-top: 0;transition: all .5s;right: 15px;top: 43%;}
.ul-inp-rgl .form-group-ed .layui-edge{transform: rotate(225deg);}
.ul-mr{width: 1332px;margin: 0 auto;margin-bottom: 60px;}
.ul-mr:after{
    content: '';
    display: block;
    clear:both;
    visibility: hidden;
    width: 100%;
    height: 0;
}
.ul-mr li{float: left;width: 25%;padding: 0 15px;}
.ul-mr li .con{height: 428px;overflow: hidden;position: relative;border-radius: 15px;-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);-moz-box-shadow: 0 0 10px rgba(0,0,0,.3);-ms-box-shadow: 0 0 10px rgba(0,0,0,.3);-o-box-shadow: 0 0 10px rgba(0,0,0,.3);box-shadow: 0 0 10px rgba(0,0,0,.3);}
.ul-mr .con .name{width: 106px;color: #000000;font-size: 24px;margin-bottom: 20px; text-align: justify; text-align-last: justify;position: absolute;top: 58px;left: 50%;transform: translateX(-50%);}
.ul-mr .con .desc{color: #656565;font-size: 16px;width: 100%;position: absolute;top: 109px;left: 50%;transform: translateX(-50%);text-align: center;line-height: 1.75em;}
.ul-mr .con a{display: block;line-height: 52px;background-color: #12ada9;font-size: 16px;color: #fff;width: 160px;border-radius: 26px;text-align: center;position: absolute;top: 277px;left: 50%;transform: translateX(-50%);-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.ul-mr .con a:hover{opacity: .8;filter: alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';}
.ul-mr .con .info{position: absolute;top: 342px;left: 50%;transform: translateX(-50%);overflow: hidden;text-align: center;font-size: 16px;color: #656565;}
.ul-mr .con .info span{font-size: 26px;color: #ff0000;}
.ul-mr .on .con::after{content: '';width: 74px;height: 74px;background: url(../images/icon23.png) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;position: absolute;top: 0;left: 0;}
/* 品牌弹窗 */
.m-pp{padding: 50px 37px;}
.m-pp h3{font-size: 18px;color: #2c2c2c;margin-bottom: 30px; margin-left:8px;}
.m-pp .fenlei{font-size: 14px;color: #2c2c2c;margin-bottom: 17px;margin-left:8px;}
.ul-list-pp{margin-bottom: 15px;overflow: hidden;}
.ul-list-pp li{float: left;width: 20%;margin-bottom: 15px;}
.ul-list-pp li .con{display: block; margin: 0 8px; height: 28px;line-height: 28px;border: 1px solid #dfdfdf;background-color: #fafafa;text-align: center;font-size: 14px;color: #2c2c2c;border-radius: 2px;cursor: pointer;}
.ul-list-pp li .con:hover{text-decoration: none;}
.ul-list-pp li.on .con{background-color: #12ada9;color: #ffffff;border: 1px solid #12ada9;}
#pinpai .inner{top: 45%;}
.m-win .bot a{
    margin-left: 0;
}
.m-win .bot .confirm2{background-color: #fff;color: #2c2c2c; }
.fenleibox{height: 536px;overflow-y: auto;}
.index .footer{
    padding: 17px 10px 32px;
}
.fd-copy{
    line-height: 1.71em;
}
/*偏好设置*/
.ph-main{background-color: #fff;height: 828px;border: 1px solid #d9d9d9;display: flex;align-content: center;position: relative;}
.ul-phsz{position: absolute;top: 40%;transform: translateY(-50%);left: 47px;right: 39px;}
.ul-phsz .con{overflow: hidden;}
.ul-phsz li:last-child .con .desc{border-bottom: 0;}
.ul-phsz .con .name{font-size: 16px;color: #6c6c6c;width: 128px;padding-right: 19px;padding: 20px 0;float: left;}
.ul-phsz .con .desc{padding: 20px 0;border-bottom: 1px solid #dddddd;position: relative;padding-right: 60px;overflow: hidden;}
.ul-phsz .con .desc .s1{font-size: 16px;color: #000;float: left;}
.ul-phsz .con .desc .s2{font-size: 16px;color: #6c6c6c;float: left;}
.ul-phsz li:nth-child(4) .con .desc .s2{max-width: 78%; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ul-phsz .con .desc .btn{font-size: 16px;color: #12ada9;cursor: pointer;position: absolute;right: 23px;top: 50%;transform: translateY(-50%);}
.ph-pop-tit{position: absolute;top: 20px;left: 46px;font-size: 16px;color: #000;}
.ph-pop-main{margin-top: 41px;position: relative;padding-bottom: 65px;}
.ph-pop-main .btn-box{text-align: center;}
.ph-pop-btn{display: inline-block; width: 320px;height: 41px;line-height: 41px;text-align: center;background-color: #12ada9;color: #fff;}
.ph-pop-btn:hover{color: #fff;background-color: #12ada9;opacity:.8;}
.ph-pop-main .top{padding-top: 18px;padding-bottom: 34px;border-bottom: 1px solid #dddddd;text-align: center;color: #000;font-size: 14px;margin-bottom: 40px;}
.ul-lab{margin-left: 68px;overflow: hidden;margin-bottom: 73px;}
.ul-lab li{width: 128px;margin-bottom: 25px;float: left;}
.ul-lab li label{display: inline-flex;align-items: center;margin-right: 7px;}
.ul-lab li label input{width: 14px;height: 14px;border: 1px solid #333;cursor: pointer;}
.ul-lab .con{display: flex;align-items: center;}
.ul-lab .con .addchec{border: 1px solid #12ada9;background: url(../images/icon16-1.png) center center no-repeat;}
.ul-lab .con .name{font-size: 16px;color: #000;line-height: 1;}
.boxtime{margin-left: 120px;overflow: hidden;margin-bottom: 65px;}
.boxtime .box-left{float: left;margin-right: 75px;}
.boxtime .box-right{float: left;}
.boxtime .cg-tit{font-size: 14px;color: #000;margin-left: 84px;margin-bottom: 18px;}
.ul-phtime li{margin-bottom: 15px;}
.ul-phtime li:last-child{margin-bottom: 0;}
.ul-phtime .con{display: block;position: relative;}
.ul-phtime .con .name{line-height: 40px;font-size: 16px;color: #333333;width: 92px;padding-right: 4px;display: inline-block;}
.ul-phtime .con select{height: 38px;border: 1px solid #d9d9d9;width: 78px;font-size: 16px;padding-left: 15px;padding-right: 20px;
background: url(../images/icon13.png) 90% 50% no-repeat #fff;
}
.ul-phtime .con .s1{margin-right: 8px;}
.ul-phtime .con::after{content: '';position: absolute;width: 6px;right: 81px;top: 50%;transform: translateY(-50%);height: 1px;background-color: #d9d9d9;}
.boxinp{width: 728px;margin: 0 auto;margin-bottom: 32px;}
.boxinp .bz{border: 1px solid #e7e7eb;height: 248px;font-size: 16px;color: #333333;width: 100%;margin-bottom: 8px;resize:none;padding: 10px;}
.descinp{font-size: 14px;color: #7a7a7a;}
.boxxs{display: flex;align-items: center;justify-content: center;margin-bottom: 43px;}
.boxxs .item{margin-bottom: 20px;display: flex;align-items: center;}
.boxxs .item:last-child{margin-bottom: 0;}
.boxxs .item label{height: 16px;}
.boxxs .item .box{width: 14px;height: 14px;border: 1px solid #333;cursor: pointer;margin-right: 24px;}
.boxxs .item .addchec{border: 1px solid #12ada9;background: url(../images/icon16-1.png) center center no-repeat;}
.boxxs .item .name{font-size: 16px;color: #000;display: inline-block;}
.boxxs .item .txt{height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #d9d9d9;width: 210px;margin-left: 25px;}
.boxzhi{margin: 0 140px 45px;}
.ul-zhizhang{overflow: hidden;margin: 0 -20px;}
.ul-zhizhang li{float: left;width: 33.33%;}
.ul-zhizhang .con{margin: 0 20px;}
.ul-zhizhang .con .labbox{display: flex;align-items: center;justify-content: center;margin-bottom: 15px;}
.ul-zhizhang .con label{display: inline-flex;align-items: center;margin-right: 7px;}
.ul-zhizhang .con label input{width: 14px;height: 14px;border: 1px solid #333;cursor: pointer;}
.ul-zhizhang .con label .name{font-size: 16px;color: #000;line-height: 1;}
.ul-zhizhang .con .addchec {border: 1px solid #12ada9;background: url(../images/icon16-1.png) center center no-repeat;}
.ul-zhizhang .con .pic{text-align: center;}
.ul-zhizhang .con .pic img{display: inline-block;height: 200px;}
.ul-zhizhang .con .text{font-size: 14px;color: #000101;text-align: center;line-height: 2;}
.m-pop .inner.q1{
    width: 593px;
}
.m-pop .inner.q1 .m-win{
    padding: 0;
}
.m-win .tit{
    font-size: 16px;
    color: #000;
    line-height: 3.63em;
    padding: 0 43px;
    margin-bottom: 1px;
    overflow: hidden;
}
.m-win .tt{
    font-size: 14px;
    color: #000101;
    line-height: 1.5em;
    text-align: center;
    border-bottom: 1px rgba(197,197,197,.5) solid;
    padding-bottom: 31px;
    overflow: hidden;
}
.m-win .formq1{
    width: 320px;
    margin: 32px auto 69px;
    overflow: hidden;
}
.m-win .formq1 .item{
    overflow: hidden;
}
.m-win .formq1 .left{
    display: block;
    float: left;
    width: 110px;
    font-size: 16px;
    color: #000101;
    line-height: 44px;
    margin-right: 10px;
    overflow: hidden;
}
.m-win .formq1 .right{
    font-size: 16px;
    color: #000101;
    line-height: 44px;
    overflow: hidden;
}
.m-win .formq1 .lab{
    margin-right: -66px;
    overflow: hidden;
}
.m-win .formq1 label{
    display: block;
    float: left;
    background: url(../images/icon16.png) no-repeat left center;
    -webkit-background-size: 14px auto;
    -moz-background-size: 14px auto;
    -ms-background-size: 14px auto;
    -o-background-size: 14px auto;
    background-size: 14px auto;
    position: relative;
    margin-right: 66px;
    padding-left: 24px;
    cursor: pointer;
    overflow: hidden;
}
.m-win .formq1 label input{
    position: absolute;
    left: -99999px;
}
.m-win .formq1 label.checked{
    background-image: url(../images/icon16-1.png);
}
.m-win .formq1 .sub-btn{
    display: block;
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background-color: #12ada9;
    border: none;
    margin-top: 79px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.m-win .formq1 .sub-btn:hover{
    opacity: .8;
    filter: alpha(opacity=80);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
}
/*首页*/
.index{
    padding-top: 80px;
}
.index .header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
.index .header.fixed{
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.index .header .logo{
    margin-left: 0;
}
.index .header .hdr{
    margin-right: 0;
}
.banner{
    position: relative;
    overflow: hidden;
}
.banner .item{
    height: 654px;
    background-color: rgba(32,159,155,.1);
    position: relative;
    overflow: hidden;
}
.banner .picbox{
    width: 755px;
    position: absolute;
    top: 0;
    right: 303px;
    bottom: 0;
}
.banner .picbox .pic{
    margin-top: 117px;
    margin-left: 120px;
}
.banner .picbox .pic img{
    display: block;
    -webkit-box-shadow: 0 0 13px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 13px 2px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 13px 2px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 13px 2px rgba(0,0,0,.1);
    box-shadow: 0 0 13px 2px rgba(0,0,0,.1);
    overflow: hidden;
}
.banner .picbox .img{
    position: absolute;
    -webkit-box-shadow: 0 0 13px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 13px 2px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 13px 2px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 13px 2px rgba(0,0,0,.1);
    box-shadow: 0 0 13px 2px rgba(0,0,0,.1);
    z-index: 2;
}
.banner .picbox .img1{
    top: 25px;
    left: 0;
    -webkit-animation: shaking 4s infinite alternate;
    -moz-animation: shaking 4s infinite alternate; 
    -ms-animation: shaking 4s infinite alternate; 
    -o-animation: shaking 4s infinite alternate;
    animation: shaking 4s infinite alternate;
}
.banner .picbox .img2{
    top: 25px;
    right: 49px;
    -webkit-animation: shaking 4s 1s infinite alternate;
    -moz-animation: shaking 4s 1s infinite alternate; 
    -ms-animation: shaking 4s 1s infinite alternate; 
    -o-animation: shaking 4s 1s infinite alternate;
    animation: shaking 4s 1s infinite alternate;
}
.banner .picbox .img3{
    bottom: 73px;
    left: -15px;
    -webkit-animation: shaking2 4s infinite alternate;
    -moz-animation: shaking2 4s infinite alternate; 
    -ms-animation: shaking2 4s infinite alternate; 
    -o-animation: shaking2 4s infinite alternate;
    animation: shaking2 4s infinite alternate;
}
.banner .picbox .img img{
    display: block;
    overflow: hidden;
}
@keyframes shaking {
    from{
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    to{
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@-moz-keyframes shaking {
    from{
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    to{
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@-ms-keyframes shaking {
    from{
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    to{
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@-webkit-keyframes shaking {
    from{
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    to{
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@-o-keyframes shaking {
    from{
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    to{
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes shaking2 {
    from{
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    to{
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@-moz-keyframes shaking2 {
    from{
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    to{
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@-ms-keyframes shaking2 {
    from{
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    to{
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@-webkit-keyframes shaking2 {
    from{
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    to{
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@-o-keyframes shaking2 {
    from{
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    to{
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
.banner .picbox .people{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    overflow: hidden;
}
.banner .picbox .people img{
    display: block;
    overflow: hidden;
}
.banner .box{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 4;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
}
.banner h3{
    font-size: 60px;
    color: #000;
    line-height: 1.2em;
    margin-bottom: 22px;
    overflow: hidden;
}
.banner span{
    display: block;
    font-size: 24px;
    color: #000;
    line-height: 1.5em;
    overflow: hidden;
}
.banner .trial{
    display: block;
    width: 241px;
    font-size: 24px;
    color: #fff;
    line-height: 61px;
    text-align: center;
    background-color: #12ADA9;
    border-radius: 31px;
    margin-top: 120px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.banner .trial:hover{
    opacity: .8;
    filter: alpha(opacity=80);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
}
.row-a1{
    overflow: hidden;
}
.row-a1 .item{
    background-color: #fff;
    overflow: hidden;
}
.row-a1 .item:nth-child(even){
    background-color: rgba(32,159,155,.1);
}
.row-a1 .pic{
    float: right;
    width: 50%;
    height: 584px;
    font-size: 0;
    line-height: 584px;
    margin-left: 48px;
    overflow: hidden;
}
.row-a1 .item:nth-child(even) .pic{
    float: left;
    margin-left: 0;
    margin-right: 86px;
}
.row-a1 .pic img{
    display: inline-block;
     vertical-align: middle;
}
.row-a1 .txt{
    padding-top: 86px;
    overflow: hidden;
}
.row-a1 .txt h2{
    font-size: 44px;
    color: #000;
    line-height: 1.64em;
    overflow: hidden;
}
.row-a1 dl{
    margin-top: 40px;
    margin-bottom: 34px;
    overflow: hidden;
}
.row-a1 dd{
    float: left;
    width: 50%;
    padding-right: 10px;
    margin-bottom: 31px;
    overflow: hidden;
}
.row-a1 dd h3{
    font-size: 24px;
    color: #000;
    line-height: 1.5em;
    position: relative;
    padding-left: 14px;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.row-a1 dd h3:after{
    content: '';
    width: 9px;
    height: 9px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.row-a1 dd span{
    display: block;
    font-size: 16px;
    color: #000;
    line-height: 1.5em;
    overflow: hidden;
}
.row-a1 .trial{
    display: block;
    width: 241px;
    font-size: 24px;
    color: #12ADA9;
    line-height: 57px;
    text-align: center;
    border: 2px #12ADA9 solid;
    border-radius: 30px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.row-a1 .trial:hover{
    color: #fff;
    background-color: #12ADA9;
}
.g-titq1{
    overflow: hidden;
}
.g-titq1 h3{
    font-size: 44px;
    color: #fff;
    line-height: 1.5em;
    text-align: center;
    overflow: hidden;
}
.g-titq1.black h3{
    color: #000;
}
.row-a2{
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 126px 0 87px;
    overflow: hidden;
}
.ul-imgtxtq1{
    margin: 70px -22px 40px;
    overflow: hidden;
}
.ul-imgtxtq1 li{
    float: left;
    width: 33.33%;
    padding: 0 22px;
    margin-bottom: 37px;
    overflow: hidden;
}
.ul-imgtxtq1 .con{
    display: block;
    border-top: 1px #fff solid;
    padding-top: 34px;
    overflow: hidden;
}
.ul-imgtxtq1 .pic{
    float: left;
    width: 54px;
    height: auto;
    margin-right: 20px;
    overflow: hidden;
}
.ul-imgtxtq1 .pic img{
    display: block;
    width: 100%;
    height: auto;
}
.ul-imgtxtq1 .txt{
    padding-top: 2px;
    overflow: hidden;
}
.ul-imgtxtq1 h3{
    font-size: 24px;
    color: #fff;
    line-height: 1.5em;
    margin-bottom: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ul-imgtxtq1 .desc{
    height: 3em;
    font-size: 16px;
    color: #fff;
    line-height: 1.5em;
    overflow: hidden;
}
.row-a2 .trial{
    display: block;
    width: 241px;
    font-size: 24px;
    color: #fff;
    line-height: 57px;
    text-align: center;
    border: 2px #fff solid;
    border-radius: 30px;
    margin: 0 auto;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.row-a2 .trial:hover{
    background-color: #12ADA9;
    border-color: #12ADA9;
}
.row-a3{
    padding: 88px 0 102px;
    overflow: hidden;
}
.row-a3 .ul-mr{
    width: auto;
    margin: 60px -9px 0;
}
.row-a3 .ul-mr li{
    padding: 0 9px;
}
.row-a4{
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 125px 0 178px;
    overflow: hidden;
}
.ul-imgtxtq2{
    font-size: 0;
    text-align: center;
    margin-top: 100px;
    overflow: hidden;
}
.ul-imgtxtq2 li{
    display: inline-block;
    vertical-align: middle;
    width: 275px;
    margin: 0 9px;
}
.ul-imgtxtq2 .con{
    height: 110px;
    position: relative;
    overflow: hidden;
}
.ul-imgtxtq2 .con:before,.ul-imgtxtq2 .con:after{
    content: '';
    width: 32px;
    height: 99px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ul-imgtxtq2 .con:before{
    left: 0;
    background-image: url(../images/q-icon8.png);
}
.ul-imgtxtq2 .con:after{
    right: 0;
    background-image: url(../images/q-icon9.png);
}
.ul-imgtxtq2 .txt{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 42px;
    overflow: hidden;
}
.ul-imgtxtq2 em{
    display: block;
    font-size: 48px;
    color: #FBC700;
    line-height: 1.2em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1px;
    overflow: hidden;
}
.ul-imgtxtq2 h3{
    font-size: 18px;
    color: #FBC700;
    line-height: 1.5em;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.row-a5{
    padding: 102px 0 110px;
    overflow: hidden;
}
.row-a5 .pic{
    margin-top: 40px;
    overflow: hidden;
}
.row-a5 .pic img{
    display: block;
    margin: 0 auto;
}
.row-a6{
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 30px 0 29px;
    overflow: hidden;
}
.row-a6 .txt{
    overflow: hidden;
}
.row-a6 .trial{
    float: right;
    display: block;
    width: 237px;
    font-size: 24px;
    color: #12ADA9;
    line-height: 57px;
    text-align: center;
    border: 2px #12ADA9 solid;
    background-color: #fff;
    border-radius: 30px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.row-a6 .trial:hover{
    color: #fff;
    background-color: #12ADA9;
}
.row-a6 .txt h3{
    font-size: 24px;
    color: #fff;
    line-height: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.fd-top{
    border-bottom: 1px #737579 solid;
    padding-bottom: 48px;
    margin-top: 43px;
    margin-bottom: 29px;
    overflow: hidden;
}
.fd-top .tt{
    font-size: 16px;
    color: #fff;
    line-height: 1.5em;
    margin-bottom: 29px;
    overflow: hidden;
}
.fd-top .box{
    overflow: hidden;
}
.fd-link{
    float: right;
    width: 339px;
    margin-left: 54px;
    overflow: hidden;
}
.fd-link .tt{
    margin-bottom: 24px;
}
.fd-link .box em{
    display: block;
    font-size: 30px;
    color: #fff;
    line-height: 33px;
    font-weight: bold;
    margin-bottom: 3px;
    overflow: hidden;
}
.fd-link .box a{
    display: block;
    font-size: 14px;
    color: #A5A5A5;
    line-height: 34px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.fd-link .box a:hover{
    color: #fff;
}
.fd-nav{
    overflow: hidden;
}
.fd-nav .item{
    float: left;
    width: 25%;
    padding-right: 10px;
    overflow: hidden;
}
.fd-nav ul{
    overflow: hidden;
}
.fd-nav li{
    overflow: hidden;
}
.fd-nav li a{
    display: block;
    font-size: 14px;
    color: #A5A5A5;
    line-height: 33px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.fd-nav li a:hover{
    color: #fff;
}
.fright{
    width: 120px;
    position: fixed;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    background-color: #12ada9;
    -webkit-box-shadow: 0 0 13px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 13px 2px rgba(0,0,0,.3);
    -ms-box-shadow: 0 0 13px 2px rgba(0,0,0,.3);
    -o-box-shadow: 0 0 13px 2px rgba(0,0,0,.3);
    box-shadow: 0 0 13px 2px rgba(0,0,0,.3);
    border-radius: 60px 60px 10px 10px;
    padding-bottom: 21px;
}
.fright .pic{
    width: 90px;
    height: auto;
    border-radius: 50%;
    margin: 15px auto 0;
    overflow: hidden;
}
.fright .pic img{
    display: block;
    width: 100%;
    height: auto;
}
.fright .tel{
    text-align: center;
    margin-top: 17px;
    overflow: hidden;
}
.fright .tel span{
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    font-weight: 500;
    overflow: hidden;
}
.fright .tel span i{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: -2px;
}
.fright .tel em{
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 1.6em;
    font-weight: 500;
    overflow: hidden;
}
.fright ul{
    margin: 9px 12px 0 13px;
}
.fright li{
    border-bottom: 1px rgba(255,255,255,.5) solid;
}
.fright li:last-child{
    border-bottom: none;
}
.fright li a{
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.fright li a i{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.fright .down{
    display: none;
    width: 153px;
    position: absolute;
    top: 50%;
    right: 127px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
}
.fright .down.on{
    display: block;
}
.fright .down .img{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.fright .down .img img{
    display: block;
    width: 100%;
    height: auto;
}
.fright .mabox{
    margin-top: 10px;
    overflow: hidden;
}
.fright .ma{
    width: 90px;
    height: auto;
    margin: 0 auto 9px;
    overflow: hidden;
}
.fright .ma img{
    display: block;
    width: 100%;
    height: auto;
}
.fright .mabox span{
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 1.5em;
    font-weight: 500;
    text-align: center;
    overflow: hidden;
}