@charset "utf-8";

.icons{ display: block;width: 0;height: 0;background: url("../images/icons.png") no-repeat 0 0; }
.maximg{ display: block;max-width: 100%; }
.trans{
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bgse{ background-repeat: no-repeat;background-position: center top; }

/**首页背景图**/
.businessbj{background-image:url(../images/business-bg.jpg)}
.aboutbj{background-image:url(../images/about-bg1.jpg)}
.interactionbj{background-image:url(../images/interaction-bj.jpg)}
.advanbj{background-image:url(../images/advan-bj.jpg)}
.newsbj{background-image:url(../images/news-bg.jpg)}
/**首页背景图**/

/**----------
 Slide
 ------------**/
.slide{
    position: relative;
    height: 100vh;
    background: #000;
}
.uz-slide.swiper-container {
    width: 100%;
    height: 100%;
}
.uz-slide .swiper-slide {
    background: #374660;
    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;
}
.uz-slide .wrapper-intro{
    position: absolute;
    top: 25%;
    left: calc((100% - 1200px)/2);
}
.uz-slide .wrapper-intro h5{
    font-size: 60px;
    line-height: 70px;
    color: #fff;
}
.uz-slide .wrapper-intro .scn,
.uz-slide .wrapper-intro .sen{ color: #eaeaea; }
.uz-slide .wrapper-intro .scn{ font-size: 16px;padding-top: 10px; }
.uz-slide .wrapper-intro .sen{ font-size: 12px; }
.uz-slide .buts:after{ display: none; }
.uz-slide .buts{ display: none; top: 65%;width: 28px; }
@media screen and (min-width:1920px) { .uz-slide .buts{ top: 55%; } }
.uz-slide .buts.swiper-button-prev{ left: calc((100% - 1200px)/2); }
.uz-slide .buts.swiper-button-next {
    left: calc((100% - 1200px) / 2 + 46px);
    right: auto;
}
.uz-slide .buts span{
    width: 28px;
    height: 28px;
    background-position: 0 0;
}
.uz-slide .buts span.next{ background-position: -34px 0; }
.uz-slide .buts span.prev:hover{ background-position: 0 -34px; }
.uz-slide .buts span.next:hover{ background-position: -34px -34px; }
.uz-slide:hover .buts{ display: block; }
/** slide-video **/
.slide-video{ width: 100%; height: 100%;overflow: hidden; }
.slide-video .vv-video{ width:100%;object-fit: fill; }
/* Slide-menu */
.slide-menu{
    position: absolute;
    left: 50%;
    bottom: 45px;
    margin: 0 0 0 -600px;
    z-index: 6;
}
.slide-menu ul li{ position: relative; width: 25%;height: 140px; float: left;overflow: hidden; }
.slide-menu ul li .remark{
    width: calc(100% - 50px);
    padding: 25px 25px 0;
    position: absolute;
    top:0;
    color: #fff;
    z-index: 5;
}
.slide-menu ul li .remark h5{ font-size: 16px;padding-bottom: 6px; }
.slide-menu ul li .remark p{ font-size: 13px; }
.slide-menu ul li .bor{ width: 100%; position: absolute;left: 0; bottom: 0;height: 5px;background: transparent; }
.slide-menu ul li:hover .bor{ background: #39C5BB; }
/**----------
 Comm-title
 ------------**/
.comm-title{
    padding: 50px 0 40px;
    text-align: center;
    color: #2b333f;
}
.comm-title h5{ font-size: 42px; }
.comm-title p{ font-size: 14px;color: #2b333f; }
.subcat{ margin-top: 15px; }
.subcat a{ font-size: 16px;color: #2b333f;padding: 0 25px; }
.subcat a:hover,
.subcat a.on{ color: #2b333f; }
/**----------
 business
 ------------**/
/**.business{
    width: 100%;
    height: 1060px;
}
.business .cons{ height: 500px;overflow: hidden; }
.business ul li{
    width: 335px;
    position: relative;
    float: left;
    overflow: hidden;
}
.business ul li:nth-last-child(1),
.business ul li:nth-last-child(2){ width: calc(100% - 670px);height: 250px; }
.business ul li .remark{
    width: calc(100% - 56px);
    position: absolute;
    bottom: 0;
    padding: 0 28px 30px;
    color: #fff;
    z-index: 6;
}
.business ul li .remark h5{ font-size: 14px; }
.business ul li .remark p{ font-size: 12px; }
.business ul li .remark span{
    opacity: 0;
    position: absolute;
    bottom: 42px;
    right: 28px;
    width: 28px;
    height: 28px;
    background-position: -34px 0;
}
.business ul li:hover img{ -webkit-transform: scale(1.07);transform: scale(1.07); }
.business ul li:hover .remark span{ opacity: 1 }**/

/**----------
 business
 ------------**/
/** v2-2021.05.20 **/
.business{ position: relative;padding-bottom: 100px; }
.business .comm-title{ padding-top: 80px; }
.business .comm-title h5,
.business .comm-title p{ color: #2b333f; }
.business .txtbg{ position: absolute;top: 50px;left: 50%;transform: translateX(-50%);z-index: -1; }
.business .txtbg-m{ position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%);z-index: -1; }
.head-menu{ background: #b4b4b4; }
.head-menu ul li{display: flex;align-items: center;flex-direction: column;justify-content: center;  float: left; width: calc((100% / 4) - 1px);
    height: 160px;border-right: 1px solid #d2d2d2;cursor: pointer; }
.head-menu ul li:last-child{ border-right: #b4b4b4; }
.head-menu ul li .ico-img{ width: 54px;height: 49px; }
.head-menu ul li .ico-img img{ display: block;margin: 0 auto;max-width: 100%; }
.head-menu ul li h5{ font-size: 20px;color: #fff;padding-top: 10px;text-align: center }
.head-menu ul li:hover,
.head-menu ul li.on{ background: #999; }
.tab-business{ margin-top: 25px; }
.tab-business .tab-con{ display: none;height: 340px;overflow: hidden; }
.tab-business .tab-con:first-child{ display: block; }
.tab-business .tab-con .tab-l{ width:calc(300px - 70px);height: 310px;padding: 30px 35px 0;background: #d2d2d2;color: #fff; }
.tab-business .tab-con .tab-l h5{ font-size: 26px;font-weight: bold; }
.tab-business .tab-con .tab-l span{ display: block; font-size: 20px;font-family: Arial;padding: 8px 0 30px; }
.tab-business .tab-con .tab-l em{ display: block;width: 100%;height: 2px;background: #fff;margin-bottom: 30px; }
.tab-business .tab-con .tab-l .desc{ font-size: 14px;line-height: 28px; }
.tab-business .tab-con .tab-r{ width:880px; }
.tab-business .tab-con .tab-r .lis{ position:relative;float:left;width:300px;height:160px;overflow:hidden; }
.tab-business .tab-con .tab-r .lis:first-child{ width:560px;height:340px;margin-right:20px; }
.tab-business .tab-con .tab-r .lis:nth-of-type(2){ margin-bottom:20px; }
.tab-business .tab-con .tab-r .lis img{ display:block;width:100%;height: 100% }
.tab-business .tab-con .tab-r .lis h3{ opacity: 0; position: absolute;bottom: 0;left: 0; width: 100%;height: 50px;background: rgba(0,0,0,.5);color: #fff;
    text-align: center;line-height: 50px;font-size: 16px; z-index: 60 }
.tab-business .tab-con .tab-r .lis:hover h3{ opacity: 1; }
.tab-business .hd{ text-align: center;margin-top: 40px; }
.tab-business .hd ul li{ display: inline-block;width: 105px;height: 4px;background: #e6e6e6;margin-right: 14px;cursor: pointer;text-indent: -9999px; }
.tab-business .hd ul li:last-child{ margin-right: 0; }
.tab-business .hd ul li.on{ background: #999; }
/**----------
 about
 ------------**/
.about{
    width: 100%;
    height: 900px;
}
.about ul li{
    position: relative;
    height: 295px;
    overflow: hidden;
}
.about ul li:last-child{ margin-top: 18px; height: 336px; }
.about ul li .remark{
    display: flex;
    justify-content: center;
    flex-direction:column;
    position: absolute;
    width: calc(290px - 90px);
    height: 100%;
    padding: 0 45px;
    top: 0;
    right: 0;
    background: #1e686a;
    color: #fff;
    z-index: 6;
}
.about ul li .remark h5{ font-size: 20px; }
.about ul li .remark p{ font-size: 13px;color: rgba(255,255,255,.8);padding: 15px 0 50px; }
.about ul li .remark a{
    width: 28px;
    height: 28px;
    background-position: -34px 0;
}
.about ul li .col{ float: left; width: 50%; height: 100%; }
.about ul li .col.uz-intro{
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: url("../images/about-img-left.jpg") no-repeat center top;
}
.about ul li .col.uz-intro .intro-con{ padding: 0 65px; }
.about ul li .col.uz-intro h5{ font-size: 20px;color: #313131 }
.about ul li .col.uz-intro p{ font-size: 13px;color: #666;padding: 20px 0 75px; }
.about ul li .col.uz-intro a{
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #303133;
    color: #fff;
    font-size: 13px;
    border-radius: 65px;
}
.about ul li .col.uz-video .video-js{ width: 100%;height: 336px; }
.about ul li .col.uz-video .video-js .vjs-big-play-button{
    width: 40px;
    height: 40px;
    border-radius: 65%;
    border: 3px solid #fff;
}
.about ul li .col.uz-video .video-js .vjs-big-play-button .vjs-icon-placeholder:before{ top: -5px;left: 1px; }
.about ul li .col.uz-video .vjs-slider-horizontal .vjs-volume-level:before,
.about ul li .col.uz-video .video-js .vjs-play-progress:before{ top: -4px; }
/**----------
 interaction
 ------------**/
.interaction{
    width: 100%;
    height: 800px;
}
.interaction ul li{
    float: left;
    position: relative;
    width: 285px;
    height: 261px;
    margin-bottom: 10px;
    overflow: hidden;
}
.interaction ul li:nth-of-type(3),
.interaction ul li:nth-of-type(5){ width: 590px }
.interaction ul li:nth-of-type(2),
.interaction ul li:nth-of-type(5){ margin: 0 10px; }
.interaction ul li .remark{
    position: absolute;
    bottom: 0;
    width: calc(100% - 50px);
    padding: 0 25px 20px;
    color: #fff;
    z-index: 6;
}
.interaction ul li .remark h5{ font-size: 14px; }
.interaction ul li .remark p{ font-size: 12px;color: rgba(255,255,255,.8) }
.interaction ul li:hover img{ -webkit-transform: scale(1.07);transform: scale(1.07); }
/**----------
 advan
 ------------**/
.advan{
    width: 100%;
    height: 950px;
}
.advan ul li{
    float: left;
    position: relative;
    width: 285px;
    height: 285px;
    margin: 0 20px 20px 0;
    overflow: hidden;
}
.advan ul li:nth-of-type(4n){ margin-right: 0; }
.advan ul li .remark{
    width: calc(100% - 70px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 35px;
    text-align: center;
    color: #fff;
    z-index: 6;
}
.advan ul li .remark .ico-img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    border-radius: 65%;
    background: rgba(255,255,255,.3);
    margin: 60px auto 20px;
    overflow: hidden;
}
.advan ul li .remark .ico-img .vh,
.advan ul li:hover .remark .ico-img .default{ display: none; }
.advan ul li .remark h5{ font-size: 20px;padding-bottom: 5px; }
.advan ul li .remark p{ opacity: 0;font-size: 13px; }
.advan ul li:hover .remark{ background: #666 }
.advan ul li:hover .remark .ico-img{ background: #fff; }
.advan ul li:hover .remark .ico-img .vh{ display: block; }
.advan ul li:hover .remark p{ opacity: 1; }
/**----------
 partner
 ------------**/
.partner,.partner-bgs{ height: 800px; }
.partner{
    position: relative;
    width: 100%;
}
.partner .comm-title{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
}
.partner-bgs{background: #0c2d47;}
.partner-logo{
    position: absolute;
    left: 50%;
    top: 200px;
    margin: 0 0 0 -600px;
    z-index: 8;
}
.partner-logo .swiper-wrapper{ display: block; }
.partner-logo .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 20% !important;
    height: 110px;
    cursor: pointer;
}
.partner-logo .swiper-slide img{
    -webkit-filter: brightness(.8);
    filter: brightness(.8);
}
.partner-logo .swiper-slide:hover img{
    -webkit-filter: brightness(1);
    filter: brightness(1);
}
/**----------
 news
 ------------**/
.news{
    width: 100%;
    height: 1060px;
}
.news ul li{
    position: relative;
    float: left;
    width: 400px;
    height: 320px;
}

.news ul li:nth-of-type(2){ width: 800px; }
.news ul li:nth-of-type(3){ background: #f1f1f1; }
.news ul li .imgs{ max-height: 220px;overflow: hidden; }
.news ul li .remark{
    padding: 22px 22px 0 22px;
    height: 78px;
    background: #fff;
}
.news ul li .remark h5{ font-size: 16px;color: #313131;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.news ul li .remark .time{ color: #999; }
.news ul li .remark .icon-detail{
    display: none;
    float: right;
    width: 42px;
    height: 6px;
    background-position: 0 -108px;
}
.news ul li:nth-of-type(2) .remark{
    width: calc(100% - 44px);
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.4);
    z-index: 6;
}
.news ul li:nth-of-type(2) .remark .time{ color: #bababa; }
.news ul li:nth-of-type(2) .remark h5{ color: #fff; }
.news ul li:nth-of-type(2) .remark .icon-detail,
.news ul li:nth-of-type(3) .remark .icon-detail{ display: block; }
.news ul li:nth-of-type(3) .imgs{ display: none; }
.news ul li:nth-of-type(3) .remark{
    padding-top: 40px;
    background: #f1f1f1;
}
.news ul li:nth-of-type(3) .remark h5{ font-size: 20px; }
.news ul li:nth-of-type(3) .remark .desc{ padding: 25px 0 0 0 }
.news ul li:nth-of-type(3) .remark .icon-detail{
    position: absolute;
    bottom: 40px;
    background-position: -161px 0;
}
.news ul li:not(:nth-of-type(3)):hover .remark{ background: #666; }
.news ul li:not(:nth-of-type(3)):hover .remark h5,
.news ul li:not(:nth-of-type(3)):hover .remark .time{ color: #fff; }
.news ul li:nth-of-type(3):hover .remark .icon-detail{ background-position: 0 -98px; }
/**----------
 List-Content
 ------------**/
.nslide a{ position: relative; display: block;width: 100%;min-height: 750px; }
.nslide .text{
    position: absolute;
    bottom: 290px;
    left: calc((100% - 1200px) / 2);
    color: #fff;
}
.nslide .text h5{ font-size: 56px;font-weight: 300; }
.nslide .text p{ font-size: 16px; }
/** current **/
.current{
    width: 100%;
    height: 80px;
    background: #f8f8f8;
}
.current .subcate,
.current .curr{ line-height: 80px; }
.current .subcate a{ color: #333;margin-right: 30px; }
.current .subcate a:hover,
.current .subcate a.on{ color: #39C5BB; }
.current .curr { font-size: 13px; }
.current .curr a{ padding-right:15px;background: url("../images/curr-ico.png") no-repeat center right;color: #333 }
.current .curr a:last-child{ background: none;color: #333; }
/** cat-name **/
.cat-name{
    padding: 10px 0 45px;
    text-align: center;
}
.cat-name h3{ font-size: 42px;color: #333; }
.cat-name p{ color: #666 }
/**----------
 About
 ------------**/
.cnumber{ margin: 55px 0 80px; }
.cnumber ul li{
    float: left;
    width: 25%;
}
.cnumber ul li .num{ font-size: 80px; color: #39C5BB; }
.cnumber ul li .company{ font-weight: normal;color: #666; }
.cnumber ul li p{ margin-top: -8px; }
/** advan-page **/
.advan-page.advan{ height: auto; padding-bottom: 65px; }
/** ent-page **/
.ent-page{ padding-bottom: 70px; background: #f8f8f8;}
.ent-page ul li{ float: left; width: 385px;height: 365px;margin: 0 22px 22px 0; overflow: hidden; }
.ent-page ul li:nth-of-type(3n){ margin-right: 0; }
.ent-page ul li .imgs{ width: 100%;height: 300px;overflow: hidden; }
.ent-page ul li h5{ text-align: center; line-height: 65px; font-size: 16px;color: #000;background: #fff; }
.ent-page ul li:hover img{ -webkit-transform: scale(1.07);transform: scale(1.07); }
/**----------
 article-slide
 ------------**/
.article-slide{ width: 100%;height: 400px;background: #f5f5f5;overflow: hidden; }
.article-slide a{ display: flex;align-items: center; }
.article-slide .imgs{ width: 670px;overflow: hidden; }
.article-slide .remark{ width: calc(100% - 740px); padding: 0 35px; }
.article-slide .remark .time{ display: block; color: #999; }
.article-slide .remark h5{ font-size: 24px;color: #000; }
.article-slide .remark p{ color: #666;padding: 15px 0 80px; }
.article-slide .remark em{ width: 42px;height: 6px;background-position: -161px 0; }
.article-slide:hover .imgs img{ -webkit-transform: scale(1.07);transform: scale(1.07); }
.article-slide:hover .remark em{ background-position: 0 -98px; }
.article-list .cons{ padding: 30px 0; }
.article-list ul li{
    float: left;
    width: 385px;
    height: 455px;
    background: #f5f5f5;
    margin: 0 22px 22px 0;
    overflow: hidden;
}
.article-list ul li:nth-of-type(3n){ margin-right: 0; }
.article-list ul li .imgs{ width: 100%;height: 280px;overflow: hidden; }
.article-list ul li .remark{ padding: 25px 30px; }
.article-list ul li .remark h5{ font-size: 16px;color: #000; }
.article-list ul li .remark .desc{ color: #666;margin: 10px 0 30px; }
.article-list ul li .remark .time-more .time{ font-size: 12px;color: #999; }
.article-list ul li .remark .time-more .icos{
    float: right;
    width: 42px;
    height: 6px;
    background-position: -161px -95px;
    margin-top: 8px;
}
.article-list ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.3); }
.article-list ul li:hover img{ -webkit-transform: scale(1.07);transform: scale(1.07); }
/** articl-content **/
.article-content .show-title{
    padding: 40px 0 30px;
}
.article-content .show-title h1{ font-size: 30px;color: #000; }
.article-content .show-title .type{ color: #666;font-size: 13px; }
.article-content .show-title .type span{ padding-right: 10px; }
.editor-detail.tb30{ padding: 30px 0;border: 1px solid #e6e6e6;border-width: 1px 0; }
.editor-detail img{
    /*display: block;*/
    max-width: 100%; }
/** article-recd **/
.article-recd{ padding: 80px 0 50px; background: #f8f8f8; }
.rtitle h3{ float: left; font-size: 36px;color: #000; }
.rtitle a{ font-size: 12px; color: #666;line-height: 54px; }
/**----------
 honor-list
 ------------**/
.honor-list .cons{margin-bottom: 45px;border: 1px solid #e1e1e1;}
.honor-list ul li{float: left;width: 398px;}
.honor-list ul li:nth-of-type(3n - 1){ border: 1px solid #e1e1e1;border-width: 0 1px; }
.honor-list ul li:nth-last-child(1) .remark, .honor-list ul li:nth-last-child(2) .remark,
.honor-list ul li:nth-last-child(3) .remark{ border-bottom: 0; }
.honor-list ul li .imgs{ display: flex;align-items: center;justify-content: center; width: 100%;height: 263px; }
.honor-list ul li .remark{ position: relative; padding: 0 30px; height: 79px;border-top: 1px dashed #d1d1d1;border-bottom: 1px solid #e1e1e1; }
.honor-list ul li .remark h5{ line-height: 79px;font-size: 16px; }
.honor-list ul li .remark .picbig{
    position: absolute;
    bottom: 30px;
    right: 33px;
    width: 16px;
    height: 16px;
    background-position: -46px -98px;
    z-index: 5;
}
.honor-list ul li:hover .remark h5{ color: #39C5BB }
.honor-list ul li:hover .remark .picbig{ background-position: -65px -98px; }
/**----------
 join-list
 ------------**/
.join-list ul li{ margin-bottom: 24px; }
.join-list .cons{ padding-bottom: 35px; }
.join-list .join-head{
    padding: 0 30px;
    height: 58px;
    line-height: 58px;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    overflow: hidden;
}
.join-list .join-head span{ display: inline-block; }
.join-list .join-head .jname{ width: 375px; font-size: 20px;color: #000; }
.join-list .join-head .jedu{ width: 330px; }
.join-list .join-head .jnum{ width: 380px; }
.join-list .join-head .jbutton{ float: right; width: 35px;height: 35px;background-position: -168px -57px;margin-top: 13px;cursor: pointer; }
.join-list .remark{ display: none; padding: 35px 30px 15px; }
.join-list .remark .intro{ padding-bottom: 20px; }
.join-list .remark h5{ font-size: 16px;color: #39C5BB;font-weight: bold;margin-bottom: 10px; }
.join-list .remark p{ line-height: 30px;color: #666; }
.join-list .remark p strong{ color: #000; }
.join-list ul li.on .join-head{ background: #39C5BB;color: #fff; }
.join-list ul li.on .join-head .jname{ color: #fff; }
.join-list ul li.on .join-head .jbutton{ background-position: -168px -17px; }
/**----------
 contactus
 ------------**/
.contactus-info{padding: 50px 0;}
.contactus-info ul li{ float: left; width: 238px;height: 389px;border: 1px solid #e1e1e1;margin-left: 22px;text-align: center; }
.contactus-info ul li.hot-lis{ width: calc(100% - 786px);border: 0;margin-left: 0;text-align: left; }
.contactus-info ul li.hot-lis .hot-tel h5{ font-size: 22px;color: #333;font-weight: bold;padding-bottom: 5px; }
.contactus-info ul li.hot-lis .hot-tel strong{ display: block;font-size: 46px;color: #39C5BB;line-height: 50px; }
.contactus-info ul li.hot-lis .hot-tel p{ color: #999; }
.contactus-info ul li.hot-lis .hot-txt{ padding-top: 165px; }
.contactus-info ul li.hot-lis .hot-txt h5{ font-size: 20px;color: #333; }
.contactus-info ul li.hot-lis .hot-txt p{ color: #999; }
.contactus-info ul li .imgs{ padding: 69px 0 23px; width: 60px;height: 60px;margin: 0 auto; }
.contactus-info ul li img{ max-width: 100%; }
.contactus-info ul li h5{ font-size: 22px;color: #000; }
.contactus-info ul li em{ display: block;width: 14px;height: 3px;background: #39C5BB;margin: 65px auto; }
.contactus-info ul li.address p{ padding: 0 15px; }
/** contactus-map **/
.contactus-map{ position: relative; width: 100%;height: 400px;background: #f4f4f4;overflow: hidden; margin-bottom: 20px }
.Map,#map{ width: 100%;height: 400px;}
/** message **/
.message{ padding: 0px 0 80px; }
.message .cat-name{ text-align: left; }
.message ul li,.message ul li input{ height: 58px; }
.message ul li{ float: left; width: 583px;border: 1px solid #e1e1e1;margin-bottom: 30px;overflow: hidden; }
.message ul li:first-child{ margin-right: 30px; }
.message ul li.textarea{ width: 100%;height: 130px; }
.message ul li label,
.message ul li input,
.message .but-sub{ line-height: 58px; }
.message ul li label{ float: left; display: block;width: 98px;color: #666;text-indent: 30px; }
.message ul li input{ width: calc(100% - 98px);border: 0; }
.message ul li.textarea textarea{ width:calc(100% - 30px);height: 100px; padding: 15px;border: 0;resize: none; }
.message .but-sub{ display: block;width: 198px;height: 58px;border: 1px solid #e8e8e8;text-align: center;color: #fff;margin: 30px auto 0;
    background: #39C5BB;font-size: 16px;cursor: pointer; }
.message .error-tips{ position: absolute;top: -48px;left: 0; }
/** Validform_wrong **/
.Validform_checktip{line-height:20px;height:20px;overflow:hidden;color:#999;font-size:12px}
.Validform_right{color:#71b83d;padding-left:20px;background:url(../images/right.png) no-repeat left center}
.Validform_wrong{color:red;padding-left:20px;white-space:nowrap;background:url(../images/error.png) no-repeat left center}
.Validform_loading{padding-left:20px;background:url(../images/onLoad.gif) no-repeat left center}
.Validform_error{background-color:#ffe7e7}
/**----------
 space-list
 ------------**/
.space-list .cons{ padding-bottom: 20px; }
.space-list ul li{
    float: left;
    width: 375px;
    margin: 0 37px 10px 0;
}
.space-list ul li:nth-of-type(3n){ margin-right: 0; }
.space-list ul li .imgs{ width: 100%;height: 180px;overflow: hidden; }
.space-list ul li .remark{ padding: 5px 0 0; }
.space-list ul li .remark h5{ font-size: 14px;color: #333; }
.space-list ul li .remark p{ color: #666; }
.space-list ul li .remark .posit{ float: right;background: url("../images/posit.png") no-repeat center left; padding-left: 18px; }
.space-list ul li:hover img{ -webkit-transform: scale(1.07);transform: scale(1.07); }
/** space-content **/
.space-thumbs{ padding: 10px 0 80px; }
.space-intro{ padding-bottom: 35px; border-bottom: 1px solid #ebebeb; }
.space-intro h1{ font-size: 26px;color: #000;padding-bottom: 3px; }
.space-intro .type{color: #666;}
.space-intro .type span{ display: inline-block;width: 407px;padding-top: 2px; }
.space-desc{ color: #666;line-height: 24px;padding: 30px 0; }
/** space-slides **/
.space-bigimg ul.space-uls{ margin-bottom: 20px; }
.space-bigimg ul.space-uls li{
    width: 100%;
    height: 600px;
}
.space-bigimg ul.space-uls li img{ display: block;width: 100%; }
.small-scroll{ position: relative; }
.small-scroll .small-img{ width: 1100px;margin: 0 auto;overflow: hidden; }
.small-scroll .small-img ul li{ width: 261px;height: 176px;background: transparent;border-radius: 3px;margin-right: 18px;cursor: pointer; overflow: hidden; }
.small-scroll .small-img ul li img{ width: 255px;height: 170px;padding: 3px; }
.small-scroll .small-img ul li.on{ background: #39C5BB; }
.small-scroll .sPrev,
.small-scroll .sNext{
    position: absolute;
    top: 80px;
    width: 30px;
    height: 30px;
    display: block;
    background-position: -86px -47px;
}
.small-scroll .sNext{ right: 0;background-position: -125px -47px; }
.small-scroll .sPrev.prevStop,
.small-scroll .sPrev.nextStop{ opacity: .3 }
.small-scroll .sPrev:hover{ background-position: -86px -84px; }
.small-scroll .sNext:hover{ background-position: -125px -84px; }
/** space-recd **/
.space-recd{
    padding: 90px 0 15px;
    background: #f8f8f8;
}
.space-recd .rtitle{ padding-bottom: 45px; }
/**----------
 prev-next
 ------------**/
.prev-next{ padding: 35px 0; }
.prev-next p{ width: 50%;text-overflow: ellipsis;white-space: nowrap; overflow: hidden; }
.prev-next p.prev{ float: left; }
.prev-next p.next{ float: right;text-align: right; }
.prev-next p a:hover{ color: #39C5BB; }
.prev-next p a{ color: #000000; }
/**----------
 pages
 ------------**/
.pages{ text-align: center;padding-bottom: 50px; }
.pages span{ display: inline-block;padding: 8px 16px;background: #f8f8f8;border-radius: 5px;margin: 0 3px;  }
.pages span a{ color: #666; }
.pages span.on{ background: #39C5BB; }
.pages span.on a{ color: #fff; }