@charset "utf-8";
.tb80{ padding: 80px 0; }
.icons{ display: block;width: 0;height: 0; background: url("../images/icons.png") no-repeat 0 0; }
.trans{
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
/*HeaderSTART*/
.header{ height:150px;box-shadow: 0 0 15px rgba(0,0,0,.1); }
.top-header{ height: 86px; }
.top-header img{ margin-top: 30px; display: block;max-width: 200px; }
.top-header .search{
    position: relative;
    width: 396px;
    height: 32px;
    border: 2px solid #ff6a00;
    margin: 26px 0 0 105px;
}
.top-header .search label{
    float: left;
    display: block;
    width: 35px;
    height: 32px;
}
.top-header .search label i{
    width: 14px;
    height: 14px;
    background-position: -32px 0;
    margin: 9px 0 0 11px;
}
.top-header .search input[type=text]{
    width: calc(100% - 117px);
    padding: 0 5px;
    height: 32px;
    line-height: 32px;
    border: 0;
    outline: none;
}
.top-header .search .but-sear{
    float: right;
    display: block;
    width: 72px;
    height: 32px;
    line-height: 32px;
    background: #ff6a00;
    border: 0;
    color: #fff;
    cursor: pointer;
}
.hits-keys{ margin-top: 8px; }
.hits-keys a{ display: block;float: left; font-size: 12px;color: #999;margin-right: 8px; }
.hits-keys a:last-child{ margin-right: 0 }
.hits-keys a:hover{ color: #ff6a00; }
.top-outer{ line-height: 36px;margin-top: 26px; }
.top-outer a{ display: block;float: left;margin-right: 15px; }
.top-outer a.regs{ width: 100px;background: #ff6a00;color: #fff !important;text-align: center; }
.top-outer a:hover{ color: #ff6a00; }

.nav{ height: 64px; }
.nav ul li{
    position: relative;
    float: left;
    line-height: 64px;
}
.nav ul li a{
    display:block;
    padding: 0 14px;
    font-size: 15px;
    color: #333;
}
.nav ul li:nth-of-type(2) a{ padding-right: 50px; }
.nav ul li:nth-of-type(2) i{
    position: absolute;
    left: 108px;
    top: 26px;
    width: 25px;
    height: 12px;
}
.nav ul li:first-child a{ padding-left: 0; }
.nav ul li.on a{ color: #ff6a00; }
.nav .tel{ line-height: 64px;color: #666; }
.nav .tel strong{ color: #ff6a00;font-size: 18px; }
/*HeaderNED*/
/*SlidesSTART*/
.top-cons{ padding: 25px 0; }
.left-sectle{ width: 240px; }
.left-sectle .sectle-tit{ height: 40px;line-height: 40px;background: #ff6a00;color: #fff;font-weight: bold;text-indent: 20px; }
.left-sectle ul{ padding: 0 20px; }
.left-sectle ul li{ padding: 10px 0 15px;border-bottom: 1px solid #e6e6e6; }
.left-sectle ul li:last-child{ border-bottom: 0; }
.left-sectle ul li h5{ margin-bottom:4px; }
.left-sectle ul li h5 a{ display: block;float: left; color: #333; }
.left-sectle ul li h5 i{ float: left; width: 5px;height: 8px; background-position: 0 -16px;margin: 7px 0 0 5px; }
.left-sectle ul li .cate-sub{ height: 20px;overflow: hidden; }
.left-sectle ul li .cate-sub a{ color: #999;font-size: 13px; }
.left-sectle ul li .cate-sub a:first-child{ padding-right: 5px; }
.left-sectle ul li h5:hover a,
.left-sectle ul li .cate-sub a:hover{ color: #ff6a00 }
.left-sectle ul li h5:hover i{ background-position: -207px -31px }
/** Right **/
.right-slide{ width: 940px; }
.slide-con{ width: 100%; }
.swiper-container { width: 100%;height: auto;background: #fff; }
.swiper-slide { text-align: center;font-size: 18px;background: #252c36;-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;background-repeat: no-repeat;}
.swiper-slide img{display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}
.slide-usezans .swiper-button-next,
.slide-usezans .swiper-button-prev{ width:50px !important;height:50px !important; background: none;}
.slide-usezans .swiper-button-next{right:2% !important;}
.slide-usezans .swiper-button-prev{left:2% !important;}
.slide-usezans .swiper-button-next .span-next,
.slide-usezans .swiper-button-prev .span-prev{ color: #fff;font-size: 50px; }
.slide-usezans.swiper-container .swiper-button-prev.swiper-button-disabled,
.slide-usezans.swiper-container .swiper-button-next.swiper-button-disabled{opacity:0;}
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets{
    bottom: 5%;
    text-align: left;
    text-indent: 20px;
}
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{
    width: 30px;
    height: 5px;
    background: #fff;
    opacity: 1;
    border-radius: 0;
}
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #ff6a00;
}
.swiper-container .swiper-slide .url{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 106;}
/** bottom-four **/
.bottom-four{ height: 230px;margin-top: 18px; }
.bottom-four ul li{
    float: left;
    width: calc(25% - 1px);
    height: 230px;
    border-right: 1px solid #e6e6e6;
    text-align: center;
}
.bottom-four ul li:last-child{ border-right: 0; }
.bottom-four ul li h5{ font-size: 18px;padding: 45px 0 2px; }
.bottom-four ul li .desc{ font-size: 13px; padding: 0 22px;color: #666; }
.bottom-four ul li .dask{ margin-top: 20px; }
.bottom-four ul li .dask .imgs{ position: relative; display: block;width: 86px;height: 60px;margin: 0 auto; }
.bottom-four ul li .dask .imgs img{ max-width: 100%; }
.bottom-four ul li .bth-a{ display: none }
.bottom-four ul li .bth-a a{ padding: 5px 15px; border: 1px solid #ff6a00;
    font-size: 12px;color: #ff6a00; }
.bottom-four ul li .bth-a a:last-child{ margin-left: 3px; }
.bottom-four ul li .bth-a a:hover{ background: #ff6a00;color: #fff; }
.bottom-four ul li:hover .imgs{ display: none; }
.bottom-four ul li:hover .bth-a{ display: block; }
/*SlidesNED*/
/** Tag **/
.tags .tab-head{ padding:0 25px;height:58px;line-height:58px;border-bottom:1px solid #ebebeb; }
.tags .tab-head span{ cursor:pointer;margin-right:25px;border-bottom:2px solid transparent;padding-bottom:16px; }
.tags .tab-head span.on{ font-size:16px;font-weight:bold;color:#ff6a00;border-bottom-color:#ff6a00; }
.tags .tab-cons{ padding:20px 25px; }
.tags .tab-cons a{ display: block;float: left;margin:0 14px 14px 0; }
.tags .tab-head a:hover,
.tags .tab-cons a:hover{ color: #ff6a00; }
/*Footer*/
.footer{ background: #181818;padding: 60px 0 30px; }
.footer .cons ul li{ position: relative; float: left; }
.footer .cons ul li.contact-li{ width: 248px; }
.footer .cons ul li.contact-li .tel-txt{ display: block;font-size: 16px;color: #fff;padding: 15px 0 10px; }
.footer .cons ul li.contact-li .ftel{ font-size: 24px; font-weight: bold;color: #ff6a00; }
.footer .cons ul li.contact-li .server-time{ color: #525252;font-size: 12px;padding: 5px 0 20px; }
.footer .cons ul li.contact-li .fqq{ display: block;width: 150px;height: 35px;line-height: 35px;background: #ff6a00;border-radius: 65px;color: #fff; }
.footer .cons ul li.contact-li .fqq i{ float: left; width: 19px;height: 18px;background-position: -140px 0;margin: 9px 5px 0 31px; }
.footer .cons ul li.cate-li{ width:calc(835px - 50px);padding-left: 50px; border-left: 1px solid #333; }
.footer .cons ul li.cate-li .cate-con{ width: 175px;float: left; }
.footer .cons ul li.cate-li .cate-con:nth-of-type(3){ width: 235px; }
.footer .cons ul li.cate-li .cate-con h6{ margin-bottom: 25px; }
.footer .cons ul li.cate-li .cate-con h6 a{ color: #fff;font-size: 16px;font-weight: bold; }
.footer .cons ul li.cate-li .cate-con .cate-a a{ display: block;height: 20px;text-overflow: ellipsis;white-space: nowrap; margin-bottom: 15px;color: #6e6e6e;overflow: hidden; }
.footer .cons ul li.cate-li .cate-con .cate-a a:hover{ color: #ff6a00; }
.footer .cons ul li.code-li{ float: right; width: 114px;text-align: center; }
.footer .cons ul li.code-li img{ display: block;width: 100%; }
.footer .cons ul li.code-li h6{ color: #fff;font-size: 16px;font-weight: bold;margin-bottom: 25px; }
.footer .cons ul li.code-li p{ padding-top: 8px;color: #6e6e6e; }
.footer .fbottom{ padding: 25px 0 0;border-top: 1px solid #333; }
.footer .fbottom .footer-cate a{ margin-right: 10px; }
.footer .fbottom .copy{ padding: 10px 0; }
.footer .fbottom .copy span{ margin-right: 2px;color: #6e6e6e; }
.footer .links span{ display: block;float: left; width: 75px;color: #6e6e6e; }
.footer .links .link-right{ width: calc(100% - 75px);float: right; }
.footer .links .link-right a{ display: block;float: left; color: #6e6e6e;margin: 0 10px 10px 0; }
.footer .fbottom .footer-cate a:hover,
.footer .fbottom .copy a:hover,
.footer .links .link-right a:hover{ color: #ff6a00; }
.footer .fbottom .footer-cate .scour:hover{ color: #666; }
/** Kefu **/
.fix-kefu{ position: fixed;bottom: 10%;right:10px; width: 80px;z-index: 10008;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,.2); }
.fix-kefu ul li{ position: relative;width: 100%;height: 74px;text-align: center;border-bottom: 1px solid #eaeaea;cursor: pointer; }
.fix-kefu ul li .txt{ position: absolute;top: 50%;left: 50%; width: 100%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.fix-kefu ul li h6{ font-size: 12px;color: #666; }
.fix-kefu ul li i{ width: 23px;height: 23px;background-position: 0 -29px;margin:0 auto 6px; }
.fix-kefu ul li:nth-of-type(2) i{ width: 22px;height: 26px;background-position: 0 -57px; }
.fix-kefu ul li:nth-of-type(3) i{ width: 30px;height: 25px;background-position: 0 -90px; }
.fix-kefu ul li:nth-of-type(4) i{ width: 22px;height: 22px;background-position: 0 -123px; }
.fix-kefu ul li:nth-of-type(5) i{ width: 40px;height: 15px;background-position: 0 -154px; }
.fix-kefu ul li:nth-of-type(6) i{ width: 27px;height: 27px;background-position: 0 -177px; }
.fix-kefu ul li .left-txt{ display: none; position: absolute; right: 110px;top: -16px; width: 191px;height: 62px;background: #fff;text-align: left;padding: 15px 0 0 25px;
box-shadow: 0 0 10px rgba(0,0,0,.2);border-radius: 8px; }
.fix-kefu ul li .left-txt .kailong{position: absolute;top: 13px;right: -8px;width:0;height:0;
    border-top: 8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #fff; }
.fix-kefu ul li .left-txt h5{ font-weight:bold; }
.fix-kefu ul li .left-txt h5 em{ font-size:12px;color:#666;padding-left: 5px; }
.fix-kefu ul li .left-txt strong{ display: block;font-size: 24px;color: #ff6a00; }
.fix-kefu ul li.custom .left-txt{ width: 175px;height: 170px;text-align: center;padding: 15px; }
.fix-kefu ul li.custom .left-txt .kf-code{ width: 140px;margin: 0 auto; }
.fix-kefu ul li:nth-of-type(1):hover .left-txt,
.fix-kefu ul li:nth-of-type(3):hover .left-txt{ display: block; }
.fix-kefu ul li.gotop{ height: 34px;border-bottom: 0; }
.fix-kefu ul li.gotop i{ width: 14px;height: 8px;background-position: -18px -16px; }
.fix-kefu ul li:hover{ background: #ff6a00; }
.fix-kefu ul li:hover h6{ color: #fff; }
.fix-kefu ul li:nth-of-type(1):hover i{ background-position: -32px -29px; }
.fix-kefu ul li:nth-of-type(2):hover i{ background-position: -34px -57px; }
.fix-kefu ul li:nth-of-type(3):hover i{ background-position: -34px -90px; }
.fix-kefu ul li:nth-of-type(4):hover i{ background-position: -34px -123px; }
.fix-kefu ul li:nth-of-type(5):hover i{ background-position: -48px -154px; }
.fix-kefu ul li:nth-of-type(6):hover i{ background-position: -34px -177px; }
.fix-kefu ul li:nth-of-type(7):hover i{ background-position: -37px -16px; }
/*Footer*/
/*++------------------------
/*++  Plate-Module
/*++------------------------*/
.comm-title { margin-bottom: 20px; }
.comm-title h5{ font-size: 24px;color: #000;max-width: 55%;float: left; }
.comm-title .cate-sub{ float: right;line-height: 36px; }
.comm-title .cate-sub a{ padding-right: 10px; }
.comm-title .cate-sub a:last-child{ padding-right: 0; }
.comm-title.heig{ padding: 0 25px; height: 68px;line-height: 68px; border-bottom: 1px solid #e6e6e6; }
.comm-title.heig h5{ font-size: 16px; }
.comm-title.heig h5 i{ float: left; display: block;width: 3px;height: 14px;background: #ff6a00;margin: 28px 10px 0 0; }
.comm-title.heig .cate-sub{ line-height: 68px; }
.comm-title.heig .cate-sub a{ color: #999; }
.comm-title .cate-sub a:hover,
.comm-title.heig .cate-sub a:hover{ color: #ff6a00; }
/** Five **/
.five-con{ height: 160px; }
.five-con ul li{ float: left; width: 20%;text-align: center;padding-top: 56px; }
.five-con ul li .num{ position: relative; font-size: 30px;color: #ff6a00; }
.five-con ul li .num i{ position: absolute;top: 5px;right: -15px; width: 9px;height: 8px;background-position: -58px 0; }
.five-con ul li:nth-of-type(4) .num i{ width: 14px;height: 12px;background-position: -73px 0;right: -17px; }
.five-con ul li .txt{ color: #ff6a00;padding-left: 15px; }
.five-con ul li h5{ font-size:13px;color:#666;padding-top:5px; }
/** Template-con **/
.template-con ul li{
    float: left;
    width: 385px;
    height: 380px;
    margin: 0 22px 22px 0;
    background: #fff;
    overflow: hidden;
}
.template-con ul li:nth-of-type(3n){ margin-right: 0; }
.template-con ul li .imgs{ position: relative; width: 100%;height: 279px;border-bottom: 1px solid #ebebeb; }
.template-con ul li .imgs img{ position: absolute;top: 50%;left: 50%; display: block;max-width: 80%;
    -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
}
.template-con ul li .desc{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff;
    z-index: 66;
}
.template-con ul li .desc .con{ height: 92px;margin-top: 72px; }
.template-con ul li .istype{ position: absolute;top: 0;right: 15px; width: 31px;height: 44px;z-index: 88; }
.template-con ul li .istype.typeico1{ display: none; }
.template-con ul li .istype.typeico2{ background-position: -189px -80px; }
.template-con ul li .istype.typeico3{ background-position: -71px -80px; }
.template-con ul li .istype.typeico4{ background-position: -151px -80px; }
.template-con ul li .istype.typeico5{ background-position: -71px -30px; }
.template-con ul li .desc .con .year,
.template-con ul li .desc .con .first{color: #ff6a00;  }
.template-con ul li .desc .con .year{ font-size: 16px; }
.template-con ul li .desc .con .first{ font-size: 32px;font-weight: normal; }
.template-con ul li .desc .con .oney{ font-size: 13px;color: #666; }
.template-con ul li .desc .con .servive{ margin-top: 25px; }
.template-con ul li .desc .con a{ display: inline-block; width: 93px;height: 32px;line-height: 32px;text-align: center; border: 1px solid #ff6a00;
    color: #ff6a00;font-size: 12px; }
.template-con ul li .desc .con a:last-child{ margin-left: 5px; }
.template-con ul li .desc .con a:hover{ background: #ff6a00;color: #fff; }
.template-con ul li .remark{ padding: 25px 20px; }
.template-con ul li .remark h5 a{ font-size: 16px;color: #333; }
.template-con ul li .remark .bottom{ margin-top: 5px; }
.template-con ul li .remark .bottom .left a{ color: #999; }
.template-con ul li .remark .bottom .detail{ color: #ff6a00; }
.template-con ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.2); }
.template-con ul li:hover .desc{ opacity: 1; }
.template-con ul li .remark .bottom .left a:hover{ color: #ff6a00; }
/** Adav-con **/
.adav-con .cons ul li{
    float: left;
    width: calc(20% - 1px);
    height: 199px;
    text-align: center;
    border: 1px solid #ebebeb;
    border-width: 0 1px 1px 0;
}
.adav-con .cons ul li:nth-of-type(5n){ border-right: 0; }
.adav-con .cons ul li:nth-of-type(n+11){ border-bottom: 0; }
.adav-con .cons ul li .imgs{
    position: relative;
    display: block;
    width: 80px;
    height: 50px;
    margin: 45px auto 8px;
}
.adav-con .cons ul li .imgs img{
    display: block;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.adav-con .cons ul li h5{ font-size: 16px;font-weight: bold;color: #333; }
.adav-con .cons ul li p{ color: #666; }
.adav-con .cons ul li:hover .imgs{ margin-top: 30px }
/** Seocase-con **/
.seocase-con{ position: relative; }
.seocase-con .cons{  width: 100%; }
.seocase-con .cons ul li{ width:587px;margin-right:25px;background:#fff; }
.seocase-con .cons ul li .imgs{ position: relative;width: 100%;height: 385px;border-bottom: 1px solid #ebebeb; }
.seocase-con .cons ul li .imgs img{ position: absolute;top: 50%;left: 50%;display: block;max-width: 100%;box-shadow: 0 0 15px rgba(0,0,0,.1);
    margin: -162.5px 0 0 -262.5px; }
.seocase-con .cons ul li .remark{ padding: 20px 30px; }
.seocase-con .cons ul li .remark h5{ font-size:16px;font-weight:bold;color: #333; }
.seocase-con .cons ul li .remark .desc{ min-height: 42px; padding: 5px 0 18px;color: #666; }
.seocase-con .cons ul li .remark .labels span{ display: inline-block; padding: 5px 10px;border: 1px solid #dcdcdc;color: #ff6a00;font-size: 12px;margin-right: 5px; }
.seocase-con .hd a{
    position: absolute;
    display: block;
    width: 65px;
    height: 65px;
    background: #999;
    top: 50%;
    border-radius: 65px;
    cursor: pointer;
    overflow: hidden;
}
.seocase-con .hd a.next{ left:-95px;  }
.seocase-con .hd a.prev{ right:-95px;  }
.seocase-con .hd a i{ position: absolute;top: 50%;left: 50%; width: 13px;height: 22px;margin: -11px 0 0 -6.5px; }
.seocase-con .hd a.next i{ background-position: -95px 0; }
.seocase-con .hd a.prev i{ background-position: -114px 0; }
.seocase-con .hd a:hover{ background: #ff6a00; }
/** Team **/
.team-cons .cons ul li{ float: left;width: 385px;margin-right: 22px;background: #fff; }
.team-cons .cons ul li:last-child{ margin-right: 0; }
.team-cons .cons ul li .imgs{ position: relative; display: block;width: 100%;height: 255px; }
.team-cons .cons ul li .imgs img{ display: block;max-width: 100%; }
.team-cons .cons ul li .remark{ padding: 20px 25px 30px; }
.team-cons .cons ul li .remark h5{ font-size: 16px;font-weight: bold;color: #333; }
.team-cons .cons ul li .remark h5 .posi{ font-weight: normal;font-size: 14px;padding-left: 5px; }
.team-cons .cons ul li .remark .phone{ margin: 10px 0; font-size: 16px;font-weight: bold; }
.team-cons .cons ul li .remark .phone i{ display: block;float: left; width: 3px;height: 15px;background: #ff6a00;margin: 3px 5px 0 0; }
.team-cons .cons ul li .remark .desc{ color: #666;font-size: 13px; }
.team-cons .cons ul li .remark .labels{ margin-top: 15px; }
.team-cons .cons ul li .remark .labels span{ display: inline-block;padding: 5px 10px;border: 1px solid #dcdcdc;color: #ff6a00;
    font-size: 12px;margin-right: 5px; }
.team-cons .cons ul li .dask{ opacity: 0; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #ff6a00;z-index: 66; }
.team-cons .cons ul li .dask .dask-con{ position: absolute; top: 50%;left: 50%; width: 140px;height: 140px; text-align: center;
margin: -70px 0 0 -70px; }
.team-cons .cons ul li .dask .dask-con img{ display: block;width: 140px;height: 140px; }
.team-cons .cons ul li .dask .dask-con .txt{ font-size: 12px;color: #fff;padding-top: 2px; }
.team-cons .cons ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.2); }
.team-cons .cons ul li:hover .dask{ opacity: 1; }
/** Hot-cate **/
.hot-cate .cons ul li{
    position: relative;
    float: left;
    width: calc(33.3333333% - 81px);
    height: 220px;
    padding: 40px 40px 0;
    border:1px solid #ebebeb;
    border-width: 0 1px 1px 0;
}
.hot-cate .cons ul li:nth-of-type(3n){ border-right: 0; }
.hot-cate .cons ul li:nth-of-type(n+4){ border-bottom: 0; }
.hot-cate .cons ul li .title{ margin-bottom: 15px; }
.hot-cate .cons ul li .title a{ display: flex;align-items: center; }
.hot-cate .cons ul li .title .imgs{ position: relative; display: block;width: 60px;height: 60px;margin-right: 8px;background: #f4f4f4;border-radius: 65px; overflow: hidden; }
.hot-cate .cons ul li .title .imgs img{ position: absolute; display: block; max-width: 100%;top: 50%;left: 50%;
    -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.hot-cate .cons ul li .right-h5 h5{ font-size: 16px;font-weight: bold;color: #333; }
.hot-cate .cons ul li .right-h5 p{ font-size: 13px;color: #666; }
.hot-cate .cons ul li .con-a a{ float: left; display: block;width: 98px;height: 30px;line-height: 30px;text-align: center; border: 1px solid #e0e0e0;border-radius: 5px;
    font-size: 12px;margin: 0 8px 8px 0;text-overflow: ellipsis;white-space: nowrap; overflow: hidden; }
.hot-cate .cons ul li .con-a a:nth-of-type(3n){ margin-right: 0; }
.hot-cate .cons ul li .con-a a:hover{ color: #ff6a00;border-color: #ff6a00; }
.hot-cate .cons ul li .title:hover h5{ color: #ff6a00; }
/** Product-con **/
.product-con .cons ul li .case-li{ float: left;width: 385px;height: 375px; margin: 0 22px 22px 0;background: #fff;overflow: hidden; }
.plate-pro.product-con .cons ul li .case-li{ height: 375px; }
.plate-pro.product-con .cons ul li:nth-of-type(3n) .case-li,
.product-con .cons ul li .case-li:nth-of-type(3n){ margin-right: 0; }
.product-con .cons ul li .imgs{ position: relative; display: block;width: 100%;height: 280px;border-bottom: 1px solid #ebebeb; }
.product-con .cons ul li .imgs img{ position: absolute;top: 50%;left: 50%; display: block;max-width: 100%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.product-con .cons ul li .remark{ display: flex;align-items: center;justify-content: space-between;padding: 20px; }
.product-con .cons ul li .remark .left-txt{ max-width: 70%;overflow: hidden; }
.product-con .cons ul li .remark h5 a{ font-size: 16px;font-weight: bold;color: #333; }
.product-con .cons ul li .remark p{ color: #666;font-size: 13px;padding-top: 5px; }
.product-con .cons ul li .remark .right-logo{ width: 28%; }
.product-con .cons ul li .remark .right-logo img{ float: right; display: block;max-width: 100%; }
.product-con .cons ul li .dask{ opacity: 0; position: absolute;top: 0;left: 0; width: 100%;height: 281px;background: #000; z-index: 88; }
.product-con .cons ul li .dask .dask-cons{ text-align: center;margin-top: 125px; }
.product-con .cons ul li .dask a{ display: inline-block;width: 88px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #ff6a00;color: #ff6a00;
font-size: 12px;margin-right: 5px; }
.product-con .cons ul li .case-li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.2); }
.product-con .cons ul li .dask a:hover{ background: #ff6a00;color: #fff; }
.product-con .cons ul li .case-li:hover .dask{ opacity: 1; }
.product-con .cons ul li .remark h5 a:hover{ color: #ff6a00; }
/** Article **/
.article-cons{ width: 794px;height: 460px; float: left; }
.article-cons .cons{ padding: 0 25px 20px; }
.article-cons .cons .lists{ width: 358px;float: left; }
.article-cons .cons .lists:last-child{ float: right; }
.article-cons .cons .lists ul li{ height: 35px;line-height: 35px;cursor: pointer; }
.article-cons .cons .lists ul li.first{ min-height: 129px;border-bottom: 1px solid #ebebeb;margin:5px 0 10px; }
.article-cons .cons .lists ul li h5 a{ color: #333; }
.article-cons .cons .lists ul li .time{ float: right;color: #999; }
.article-cons .cons .lists ul li.first h5{ font-size: 18px;color: #333;line-height: normal; }
.article-cons .cons .lists ul li.first .subtit{ color: #ff6a00;padding: 3px 0 8px; }
.article-cons .cons .lists ul li.first .desc{ color: #666;font-size: 13px; }
.article-cons .cons .lists ul li:hover a,
.article-cons .cons .lists ul li:hover h5{ color: #ff6a00; }
/** 顾问 **/
.team-cons.team-gw{ width: 385px;height: 460px; float: right;overflow: hidden; }
.team-cons.team-gw .cons{ padding: 0 25px 0; }
.team-cons.team-gw .cons ul li{ width: 100%; }
.team-cons.team-gw .cons ul li .imgs{ height: 221px; }
.team-cons.team-gw .cons ul li .remark{ padding: 20px 0 30px; }
.team-cons.team-gw .cons ul li:hover{ box-shadow: none; }
/** Article Tree **/
.article-tree{ width: 385px;height: 380px;float: left;margin-right: 22px; }
.article-tree.last{ margin-right: 0; }
.article-tree .comm-title.heig{ margin-bottom: 10px; }
.article-tree .cons{ padding: 0 25px 20px; }
.article-tree .cons ul li{ height: 35px; line-height: 35px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.article-tree .cons ul li span{ color: #999;padding-right: 2px; }
.article-tree .cons ul li a{ color: #333; }
.article-tree .cons ul li a:hover{ color: #ff6a00; }
/** Page-free **/
.hg1{display: block;width: 100%;height: 1px;clear: both; }
.page-free .tab-head {padding: 0 25px;height: 58px;line-height: 58px;border-bottom: 1px solid #ebebeb;}
.page-free .tab-head span {cursor: pointer;margin-right: 25px;border-bottom: 2px solid transparent;padding-bottom: 16px;}
.page-free .tab-head span.on {font-size: 16px;font-weight: bold;color: #ff6a00;border-bottom-color: #ff6a00;}
.page-free .lists{ padding: 20px 25px; }
.page-free .lists a{ float: left; display: block;width: 20%;margin-bottom: 15px; color: #666;text-overflow: ellipsis;white-space: nowrap;
    overflow: hidden; }
.page-free .lists a:hover{ color: #ff6a00; }

/**********  List-Content ***********/
.nbanner .aback{ display: block;width: 100%;height: 650px; min-height: 650px; }
.nbanner .aback .container{ position: relative; height: 100%; }
.nbanner .text{ width: 50%; position: absolute;top: 36%;left: 0; }
.nbanner .text h5{ font-size: 48px;font-weight: bold;color: #fff; }
.nbanner .text p{ font-size: 16px;color: rgba(255,255,255,.8);padding: 2px 0 35px; }
.nbanner .text a{ display: block;width: 140px;height: 40px;line-height: 40px; background: #ff6a00;border-radius: 65px;color: #fff;text-align: center; }
.nbanner.class-5 .text a,
.nbanner.class-7 .text a,
.nbanner.class-9 .text a{ width: 138px; height: 38px;line-height: 38px; border: 1px solid #fff;background: transparent; }
/** Curr-a **/
.curr-a{ height: 70px;line-height: 70px;overflow: hidden; }
.curr-a a{ display: block;float: left; }
.curr-a a:last-child{ color: #000; }
.curr-a i{ float: left; width: 7px;height: 7px;background-position: -219px 0;margin: 33px 7px 0; }
/** Screen **/
.screen-cate{ margin-bottom: 25px; }
.screen-cate .cate-type{ height: 79px;line-height: 79px; padding: 0 25px;border-bottom: 1px solid #e6e6e6; }
.screen-cate .cate-type a{ font-size: 16px;color: #333;margin-right: 30px;padding-bottom: 27px;border-bottom: 2px solid transparent; }
.screen-cate .cate-type a.on{ color: #ff6a00;font-weight: bold;border-bottom-color: #ff6a00; }
.screen-cate .cate-all{ padding: 30px 25px 10px; }
.screen-cate .cate-all ul li{ float: left; display: block;width: 230px;margin-bottom: 20px; }
.screen-cate .cate-all ul li.on a,
.screen-cate .cate-all ul li:hover a{ color: #ff6a00; }
/*** Picture-show ***/
.top-title{ height: 500px;margin-bottom: 25px; }
.top-title .top-cons{ height: 500px; display: flex;align-items: center; padding: 0 25px; }
.top-title .top-cons .left-img{ width: 50%;margin-right: 2%; }
.top-title .top-cons .left-img img{ display: block;max-width: 100%; }
.top-title .top-cons .right-remark{ width: 48%; }
.top-title .top-cons .title-h1{ position: relative;padding-bottom: 18px;border-bottom: 1px solid #ebebeb;margin-bottom: 15px; }
.top-title .top-cons .title-h1 h1{ font-size: 24px;color: #333; }
.top-title .top-cons .title-h1 .labels{ color: #999;padding-top: 5px; }
.top-title .top-cons .title-h1 .labels span{ display: block;float: left; width: 70px; }
.top-title .top-cons .title-h1 .labels-temp{ float: right; width: calc(100% - 70px); }
.top-title .top-cons .title-h1 .labels-temp a{ display: block;float: left;margin: 0 8px 3px 0; }
.top-title .top-cons .title-h1 .labels-temp a:hover{ color: #ff6a00; }
.top-title .top-cons .industry,
.top-title .top-cons .view{ color: #666; }
.top-title .top-cons .view{ padding: 8px 0; }
.top-title .top-cons .discount{ color: #ff6a00; }
.top-title .top-cons .prices{ margin: 16px 0 22px; }
.top-title .top-cons .isprice{ font-size: 30px;color: #ff6a00; }
.top-title .top-cons .isprice i{ float: left; width: 9px;height: 12px;background-position: -232px 0;margin: 14px 5px 0 0; }
.top-title .top-cons .oprice{ color: #666;text-decoration:line-through;margin-left: 13px; }
.top-title .top-cons .bottom-a a{ display: block;float: left;width: 99px;height: 34px;line-height: 34px;text-align: center; border: 1px solid #ff6a00;
font-size: 13px; color: #ff6a00;margin-right: 10px; }
.top-title .top-cons .istype{ position: absolute;top: 3px;left: -48px; width: 31px;height: 44px;z-index: 88 }
.top-title .top-cons .istype.typeico1{ display: none; }
.top-title .top-cons .istype.typeico2{ background-position: -189px -80px; }
.top-title .top-cons .istype.typeico3{ background-position: -71px -80px; }
.top-title .top-cons .istype.typeico4{ background-position: -151px -80px; }
.top-title .top-cons .istype.typeico5{ background-position: -71px -30px; }
.top-title .top-cons .bottom-a a:hover{ background: #ff6a00;color: #fff; }
.show-cons .left-list{ float: left; width: 280px; }
/** News-left **/
.article-left .comm-title.heig{ margin-bottom: 0; }
.article-left ul{ padding: 13px 0; }
.article-left ul li{ padding:0 25px;height: 35px; line-height: 35px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.article-left ul li:hover a{ color: #ff6a00; }
/** Cate **/
.cate-left .cons{ padding: 0 25px 15px; }
.cate-left .cons a{ float: left;display: block;padding: 0 10px; width:calc(47% - 20px);height: 28px;line-height: 28px;text-align: center; border: 1px solid #ebebeb;
    border-radius: 5px;font-size: 12px;margin-bottom: 5%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.cate-left .cons a:nth-of-type(even){ float: right; }
.cate-left .cons a:hover{ border-color: #ff6a00;color: #ff6a00; }
/** Right **/
.show-cons .right-content{ float: right; width: 900px; }
.right-content .details{ padding: 0 25px; }
.right-content .tab-head{
    height: 68px;
    line-height: 68px;
    border-bottom: 1px solid #e6e6e6;
}
.right-content .tab-head span{
    font-weight: bold;
    color: #333;
    font-size: 16px;
    margin-right: 25px;
    padding-bottom: 21px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}
.right-content .tab-head span.on{ color: #ff6a00; border-bottom-color: #ff6a00; }
.details .detail-content{ padding: 30px 0; }
.details .detail-content img{ max-width: 100% !important;height: auto !important; }
/** Recoom-temp **/
.rtitle{ height:69px;line-height:69px;border-bottom:1px solid #ebebeb;margin-bottom: 20px; }
.rtitle h6{ position: relative; float:left;font-size:16px;font-weight:bold;color:#ff6a00; }
.rtitle h6 i{ position: absolute;bottom: -1px;left: 0; display: block;width: 67px;height: 2px;background: #ff6a00;z-index: 66; }
.rtitle a{ float:right;font-size:12px;color:#999; }
.rtitle a:hover{ color:#ff6a00; }
.recoom-temp{ padding:0 25px 25px; }
.recoom-temp .cons ul li{ float:left;width:268px;height:278px;border:1px solid #ebebeb;margin-right:20px; }
.recoom-temp .cons ul li:last-child{ margin-right: 0; }
.recoom-temp .cons ul li .imgs{ position: relative; display:block;width:100%;height:195px;border-bottom:1px solid #ebebeb;overflow: hidden; }
.recoom-temp .cons ul li .imgs img{ position: absolute;top: 50%;left: 50%; display:block;width:90%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.recoom-temp .cons ul li .title{ padding:15px; }
.recoom-temp .cons ul li .title h5,
.recoom-temp .cons ul li .title p{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.recoom-temp .cons ul li .title h5{ font-size:16px;color:#333;padding-bottom:2px; }
.recoom-temp .cons ul li .title p{ font-size:13px;color:#999; }
.recoom-temp .cons ul li:hover h5{ color: #ff6a00; }
.seo-lists{ padding:0 25px 15px; }
.seo-lists .cons ul li{ width: 48%;float: left;margin-bottom: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.seo-lists .cons ul li:nth-of-type(even){ float: right; }
.seo-lists .cons ul li span{ color: #666;margin-right: 5px; }
.seo-lists .cons ul li a{ color: #333; }
.seo-lists .cons ul li:hover a{ color: #ff6a00; }
/*** 模板优化 ***/
.optimiza-adav{ margin: -65px 0 0;height: 130px;z-index: 66;box-shadow: 0 0 15px rgba(0,0,0,.2); }
.optimiza-adav ul li{ height: 130px; display: flex;align-items: center;justify-content: center; float: left;width: 20%;  }
.optimiza-adav ul li .imgs{ max-width: 58px; margin-right: 12px; }
.optimiza-adav ul li .imgs img{ display: block; max-width: 100%; }
.optimiza-adav ul li .remark h5{ font-size: 28px;color: #ff6a00; }
.optimiza-adav ul li .remark i{ font-style: normal;font-size: 16px;padding-left: 5px; }
.optimiza-adav ul li .remark p{ font-size: 12px;color: #333; }
/** optimiza-ques **/
.ntitls{ text-align: center;font-size: 36px;color: #000;padding:70px 0 25px; }
.optimiza-ques ul li{ float: left; width: 285px;height: 368px;margin-right: 20px;overflow: hidden; }
.optimiza-ques ul li:last-child{ margin-right: 0; }
.optimiza-ques ul li .imgs{ width: 140px;height: 94px;margin: 65px auto 30px; }
.optimiza-ques ul li .imgs img{ display: block;width: 100%; }
.optimiza-ques ul li .remark{ padding: 0 30px;text-align: center; }
.optimiza-ques ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 5px; }
.optimiza-ques ul li .remark p{ font-size: 13px; }
.optimiza-ques ul li .remark a{ display: block;width: 85px;height: 30px;line-height: 30px;font-size: 12px; background: transparent;color: #ff6a00;
    margin: 15px auto 0; }
.optimiza-ques ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.2); }
.optimiza-ques ul li:hover .remark a{ background: #ff6a00;color: #fff; }
/** optimiza-server **/
.optimiza-server ul li{ float: left; width: 283px;height: 378px;border: 1px solid #ebebeb; margin-right: 20px;overflow: hidden; }
.optimiza-server ul li:last-child{ margin-right: 0; }
.optimiza-server ul li .imgs{ position: relative; width: 100%;height: 195px;background: #fff; }
.optimiza-server ul li .imgs img{ position: absolute;bottom: 20px;left: 50%; display: block;max-width: 100%;-webkit-transform: translate(-50%,0);transform: translate(-50%,0) }
.optimiza-server ul li .remark{ padding: 20px 30px 0;text-align: center; }
.optimiza-server ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 5px; }
.optimiza-server ul li .remark p{ font-size: 13px;padding-bottom: 25px; }
.optimiza-server ul li .remark a{ color: #ff6a00; }
.optimiza-server ul li:hover { background: #ff6a00; box-shadow: 0 0 15px rgba(0,0,0,.2); }
.optimiza-server ul li:hover .remark,
.optimiza-server ul li:hover .remark a{ color: #fff; }
/** optimiza-search **/
.optimiza-search ul li{ float: left; width: 385px;height: 450px; margin-right: 20px; }
.optimiza-search ul li:last-child{ margin-right: 0; }
.optimiza-search ul li .title{ height: 110px;color: #fff;padding: 0 30px; }
.optimiza-search ul li:nth-of-type(1) .title{ background: #ff6a00 }
.optimiza-search ul li:nth-of-type(2) .title{ background: #2ec372 }
.optimiza-search ul li:nth-of-type(3) .title{ background: #02b2dc }
.optimiza-search ul li .title h5{ font-size: 22px;padding-top: 25px; }
.optimiza-search ul li .title p{ font-size: 14px; }
.optimiza-search ul li .remark{ padding: 20px 30px 0; }
.optimiza-search ul li .remark .desc{ height: 88px; font-size: 13px;color: #666;overflow: hidden; }
.optimiza-search ul li .remark .labels{ margin: 25px 0 30px; }
.optimiza-search ul li .remark .labels span{ display: block;height: 30px;line-height: 30px; font-size: 16px;color: #333; }
.optimiza-search ul li .remark .labels i{ float: left; display: block;width: 6px;height: 6px;border:1px solid #ff6a00;background: #fff;border-radius: 65px;
    margin:12px 5px 0 0;overflow: hidden; }
.optimiza-search ul li:nth-of-type(2) .remark .labels i{ border-color: #2ec372; }
.optimiza-search ul li:nth-of-type(3) .remark .labels i{ border-color: #02b2dc; }
.optimiza-search ul li .remark a{ display: block;width: 84px;height: 28px;line-height: 28px;text-align: center; border: 1px solid #ff6a00;color: #ff6a00;font-size: 12px; }
.optimiza-search ul li:nth-of-type(2) .remark a{ border-color: #2ec372;color: #2ec372 }
.optimiza-search ul li:nth-of-type(3) .remark a{ border-color: #02b2dc;color: #02b2dc }
.optimiza-search ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.2); }
.optimiza-search ul li:hover .remark a{ background: #ff6a00;color: #fff; }
.optimiza-search ul li:nth-of-type(2):hover .remark a{ background: #2ec372;color: #fff; }
.optimiza-search ul li:nth-of-type(3):hover .remark a{ background: #02b2dc;color: #fff; }
/** optimiza-sy **/
.optimiza-sy .seocase-con .cons ul li{ border: 1px solid #ebebeb; }
/** optimiza-treeadav **/
.optimiza-treeadav ul li{ float: left; width: 385px;height: 450px; margin-right: 20px;overflow: hidden; }
.optimiza-treeadav ul li:last-child{ margin-right: 0; }
.optimiza-treeadav ul li .imgs{ position: relative; width: 100%;height: 235px;background: #fff; }
.optimiza-treeadav ul li .imgs img{ position: absolute;bottom: 0;left: 50%; display: block;max-width: 100%;-webkit-transform: translate(-50%,0);transform: translate(-50%,0) }
.optimiza-treeadav ul li .remark{ padding: 30px 30px 0;text-align: center; }
.optimiza-treeadav ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 5px; }
.optimiza-treeadav ul li .remark p{ font-size: 13px; }
.optimiza-treeadav ul li .remark a{ color: #ff6a00; }
.optimiza-treeadav ul li .remark a{ display: block;width: 85px;height: 30px;line-height: 30px;font-size: 12px; background: transparent;color: #ff6a00;
    margin: 20px auto 0; }
.optimiza-treeadav ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.2); }
.optimiza-treeadav ul li:hover .remark a{ background: #ff6a00;color: #fff; }
/*** 模板案例 ***/
.case-select ul li{ float: left; width: 285px;height: 320px;margin-right: 20px;overflow: hidden; }
.case-select ul li:last-child{ margin-right: 0; }
.case-select ul li .imgs{ width: 90px;height: 90px;margin: 42px auto 15px; }
.case-select ul li .imgs img{ display: block;width: 100%; }
.case-select ul li .remark{ padding: 0 30px;text-align: center; }
.case-select ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 5px; }
.case-select ul li .remark p{ font-size: 13px; }
.case-select ul li .remark a{ display: block;width: 85px;height: 30px;line-height: 30px;font-size: 12px; background: transparent;color: #ff6a00;
    margin: 15px auto 0; }
.case-select ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.2); }
.case-select ul li:hover .remark a{ background: #ff6a00;color: #fff; }
/** case-guarantee **/
.case-guarantee img{ display: block;width: 100%; }
/** case-list-con **/
.case-list-con.product-con .container{ position: relative; }
.case-list-con.product-con .cons ul li .case-li:nth-of-type(3n){ margin-right: 0; }
.case-list-con.product-con .hd a{ position: absolute;display: block;width: 65px;height: 65px;background: #999;top: 53%;
    border-radius: 65px;cursor: pointer;overflow: hidden; }
.case-list-con.product-con .hd a.next{ left:-95px;  }
.case-list-con.product-con .hd a.prev{ right:-95px;  }
.case-list-con.product-con .hd a i{ position: absolute;top: 50%;left: 50%; width: 13px;height: 22px;margin: -11px 0 0 -6.5px; }
.case-list-con.product-con .hd a.next i{ background-position: -95px 0; }
.case-list-con.product-con .hd a.prev i{ background-position: -114px 0; }
.case-list-con.product-con .hd a:hover{ background: #ff6a00; }
.case-list-con .more-case{ text-align: center;margin-top: 10px; }
.case-list-con .more-case a{ color: #ff6a00;font-size: 16px; }
/** case-price **/
.case-price .cons ul li{ float: left; width: 285px;margin-right: 20px;background: #fff; }
.case-price .cons ul li:last-child{ margin-right: 0; }
.case-price .cons ul li .top{ position: relative; height: 160px;background: #80a1d3;text-align: center;color: #fff; }
.case-price .cons ul li .top i{ position: absolute;top: -1px;right: 0; width: 63px;height: 47px;background-position: -108px -30px;z-index: 66 }
.case-price .cons ul li .top h5{ font-size: 26px;font-weight: bold;padding-top: 30px; }
.case-price .cons ul li .top .price{ display: block; font-size: 16px; }
.case-price .cons ul li .top .server-txt{ width: 140px;height: 30px;line-height: 30px; border: 1px solid #fff;border-radius: 65px;font-size: 12px;
margin: 5px auto 0; }
.case-price .cons ul li:nth-of-type(2) .top, .case-price .cons ul li:nth-of-type(2) .bottom a{ background: #02b2dc }
.case-price .cons ul li:nth-of-type(3) .top, .case-price .cons ul li:nth-of-type(3) .bottom a{ background: #ff6a00 }
.case-price .cons ul li:nth-of-type(4) .top, .case-price .cons ul li:nth-of-type(4) .bottom a{ background: #2ec372 }
.case-price .cons ul li .remark{ padding-bottom: 20px; border: 1px solid #ebebeb;border-width: 0 1px 1px; }
.case-price .cons ul li .remark p{ text-indent: 42px;padding-top: 20px; }
.case-price .cons ul li .remark p i{ display:inline-block;width: 4px;height: 4px;background: #666;border-radius: 65px;margin-right: 5px;vertical-align: middle; }
.case-price .cons ul li .bottom{ padding: 30px 0 35px; border: 1px solid #ebebeb;border-width: 0 1px 1px;text-align: center; }
.case-price .cons ul li .bottom a{ display: block;width: 150px;height: 40px;line-height: 40px; background: #80a1d3;color: #fff;
    border-radius:65px;font-weight: bold;margin: 0 auto 10px; }
.case-price .cons ul li .bottom p{ color: #80a1d3;font-size: 13px; }
.case-price .cons ul li:nth-of-type(2) .bottom p{ color: #02b2dc; }
.case-price .cons ul li:nth-of-type(3) .bottom p{ color: #ff6a00; }
.case-price .cons ul li:nth-of-type(4) .bottom p{ color: #2ec372; }
.case-price .cons ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.2); }
/** guess-tempalte **/
.guess-tempalte{ padding: 65px 0 0; }
.guess-tempalte .comm-title .cate-sub a{ color: #333; }
.guess-tempalte .comm-title .cate-sub a:hover{ color: #ff6a00; }
/** Show-content **/
.cover-img{ width: 100%;height: 650px; }
.cover-img .container{ position: relative;height: 100%;overflow: hidden; }
.cover-img .dask-title{ position: absolute;height: 170px;top: 50%;left: 0;margin: -100px 0 0 0;z-index: 66; }
.cover-img .dask-title h1{ font-size: 48px;color: #fff; }
.cover-img .dask-title p{ font-size: 16px;color: #fff; }
.cover-img .dask-title a{ display: block;width: 138px;height: 38px;line-height: 38px;text-align: center; border: 1px solid #fff;border-radius: 65px;
color: #fff;margin-top: 35px; }
.intro-project{ margin-top: -75px; }
.intro-project .cons{ padding: 0 50px 0 60px; }
.intro-project .left{ width: 620px;float: left;padding-top: 55px; }
.intro-project .left .left-con{ position: relative; width: 620px; }
.intro-project .left .left-con em{ position: absolute;top: 12px;right: 0; display: block;width: 37px;height: 51px;background-position: -108px -81px; }
.intro-project .left h6{ font-size: 30px; }
.intro-project .left .cname{ font-weight: bold;padding-bottom:25px; }
.intro-project .left .desc{ line-height: 26px; }
.intro-project .left .bottom-url{ margin-top: 60px;border-top: 1px solid #ebebeb;padding: 35px 0 50px; }
.intro-project .reight{ width: 412px;float: right;border-left: 1px solid #ebebeb; }
.intro-project .reight .reight-con{ width: 360px;float: right;padding-bottom: 20px; }
.intro-project .reight{ padding-top: 55px; }
.intro-project .reight .server-tab h6{ font-size: 22px;padding-bottom: 20px; }
.intro-project .reight .server-tab span{ float: left;display: block;width: 32%;margin-bottom: 10px;color: #ff6a00;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.intro-project .reight .design h6{ font-size: 22px;padding: 20px 0 5px; }
.intro-project .reight .design .design-txt{ line-height: 25px; }
.intro-project .reight .tag{ color: #666;padding-top: 20px; }
/** Show-content **/
.details.pros .detail-content{ padding: 25px; }
.pros .Pre-Next{ position: relative; margin: 0 25px;padding: 0;height: 120px; }
.pros .Pre-Next p{ width: 490px;float: left;margin-top: 40px; }
.pros .Pre-Next p.page-next{ float: right;text-align: right; }
.pros .Pre-Next .qq-a{ position: absolute;top: 36px;left: 50%; display: block;width: 150px;height: 45px;line-height: 45px; background: #ff6a00;color: #fff;text-align: center;
    border-radius: 65px;margin: 0 0 0 -75px;z-index: 65;
}
/** Keyworks **/
.keyworks-txt{ padding: 20px 0; border-top: 1px solid #ebebeb;color: #666; }
.keyworks-txt.pd15{ padding: 20px 15px; }
/*** 模板价格 ***/
.plists .case-price .cons ul li .remark{ border-width: 0 0 1px; }
.plists .case-price .cons ul li .bottom{ border-width: 0; }
/** Table **/
.price-table .table-title { width: initial;height: 140px; }
.price-table .table-title .table-cell i{ position: absolute;top: 0;left: 0; display: block;width: 100%;height: 5px;  }
.price-table .table-title .table-cell-mid.table-classic { width: 340px; }
.price-table .table-title .table-cell { width: 214px;background-color: #fff; }
.price-table .table-title .table-cell:last-child{ border-right: 0; }
.price-table .table-title .table-cell:nth-of-type(2) i{ background: #80a1d3; }
.price-table .table-title .table-cell:nth-of-type(3) i{ background: #02b2dc; }
.price-table .table-title .table-cell:nth-of-type(4) i{ background: #ff6a00; }
.price-table .table-title .table-cell:nth-of-type(5) i{ background: #2ec372; }
.price-table .version { line-height: 140px; }
.price-table .version .free-txt{ font-size: 16px;font-weight: bold; }
.price-table .table-cell {
    position: relative;
    height: 139px;
    background: #fff;
    float: left;
    text-align: center;
    border-right: solid #f0f0f5 1px;
    border-bottom: solid #f0f0f5 1px;
    overflow: hidden;
}
.price-table .table-cell span.icon-no{ width: 14px;height: 13px;background-position: -179px -31px;margin: 24px 0 0 101px; }
.price-table .table-cell span.icon-yes{ width: 21px;height: 14px;background-position: -179px -63px;margin: 23px 0 0 96px; }
.table-right .table-right-row .table-cell:nth-last-child(1){ border-right: 0; }
.table-right .table-right-row .table-cell:nth-of-type(1){
    float: left;
    width: 201px;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
}
.table-right .table-right-row .table-cell:nth-of-type(n+2) {
    float: left;
    width: 214px;
    height: 60px;
    line-height: 60px;
}
.table-right .table-right-row .table-cell.lints{ line-height: normal; }
.table-right .table-right-row .table-cell.lints .tit{ display: block; padding-top: 10px; }
.table-right .table-right-row .table-cell .smalldesc{ display: block;font-size: 12px;color: #666; }
.table-title .table-classic { position: relative; }
.table-title .table-classic-area {
    width: 116px;
    height: 82px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -58px;
    margin-top: -42px;
}
.table-classic-top { top: 0;right: 0; }
.table-classic-bottom { bottom: 0;left: 0; }
.table-classic-top, .table-classic-bottom {
    width: auto;
    height: auto;
    position: absolute;
    z-index: 1;
    font-size: 16px;
}
.table-classic-area .f-tri {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    border-right: solid transparent 58px;
    border-left: solid #e3e3e6 58px;
    border-top: solid transparent 41px;
    border-bottom: solid #e3e3e6 41px;
}
.table-classic-area .f-whiteTri {
    top: 1px;
    border-bottom-color: #fff;
    border-left-color: #fff;
}
.price-table .table-content{ text-align: center; }
.price-table ul li{ margin-bottom: 8px; }
.price-table ul li:nth-of-type(1), .price-table ul li:nth-of-type(1) .table-left { height: 426px; }
.price-table ul li:nth-of-type(1) .table-left{ line-height: 426px; }
.price-table ul li:nth-of-type(2), .price-table ul li:nth-of-type(2) .table-left,
.price-table ul li:nth-of-type(3), .price-table ul li:nth-of-type(3) .table-left{ height: 548px; }
.price-table ul li:nth-of-type(2) .table-left,.price-table ul li:nth-of-type(3) .table-left{ line-height: 548px; }
.price-table ul li:nth-of-type(4), .price-table ul li:nth-of-type(4) .table-left { height: 182px; }
.price-table ul li:nth-of-type(4) .table-left{ line-height: 182px; }
.price-table ul li:nth-of-type(5), .price-table ul li:nth-of-type(5) .table-left { height: 426px; }
.price-table ul li:nth-of-type(5) .table-left{ line-height: 426px; }
.price-table ul li:nth-of-type(6), .price-table ul li:nth-of-type(6) .table-left { height: 487px; }
.price-table ul li:nth-of-type(6) .table-left{ line-height: 487px; }
.price-table ul li .table-left { width: 138px;background: #fff;float: left;font-size: 16px;border-bottom: 0; }
.price-table ul li .table-right { width:calc(100% - 139px); }
.price-table ul li .table-right { background: #fff; float: left; }
.table-right .table-right-row { width: 100%;float: left; }
.table-right .table-right-row:last-child .table-cell{ border-bottom: 0; }
/*** 模板特色 ***/
.features .optimiza-treeadav ul li{ width: 383px;height: 448px;border: 1px solid #e6e6e6; }
.features .adav-con .cons{ border: 1px solid #ebebeb; }
.features .team-cons .cons ul li .remark{ border: 1px solid #ebebeb;border-width: 0 1px 1px; }
/*** 模板学堂 ***/
.slide-cate{ padding-bottom: 30px; }
.slide-cate .left{ float: left; width: 793px;height: 450px; }
.slide-cate .left .swiper-container{ background: #f4f4f4; }
.slide-cate .left .swiper-slide{ width: 100%;height: 450px; }
.slide-cate .left .swiper-pagination-bullets {
    bottom: 5%;
    left: auto;
    right: 5%;
    text-align: right;
}
.slide-cate .left .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 30px;
    height: 5px;
    background: #fff;
    opacity: 1;
    border-radius: 0;
}
.slide-cate .left .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ff6a00; }
.slide-cate .right{ float: right;width: 387px;height: 450px; }
.slide-cate .right h5{ height: 68px;line-height: 68px;background: #ff6a00;color: #fff;font-weight: bold;font-size: 16px;text-indent: 25px;   }
.slide-cate .right .cons{ height: 270px;overflow: hidden; }
.slide-cate .right .cons ul li{ float: left; width:calc(60% - 50px); padding: 0 25px; height: 53px;line-height: 53px;border-bottom: 1px solid #ebebeb; }
.slide-cate .right .cons ul li:nth-of-type(odd){ width: calc(40% - 25px);padding-right: 0; }
.slide-cate .right .cons ul li a{ color: #333; }
.slide-cate .right .cons ul li a:hover{ color: #ff6a00; }
.slide-cate .right .slide-seo ul li{ height: 112px;padding: 0 25px;overflow: hidden; }
.slide-cate .right .slide-seo ul li h2{ font-size: 16px;color: #333;padding: 29px 0 3px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.slide-cate .right .slide-seo ul li p{ color: #ff6a00; }
.news .ntitls{ text-align: left;font-size: 24px;padding: 0 0 20px; }
.news .news-clist .article-tree:last-child{ margin-right: 0; }
.news .template-con ul li{ margin: 0 22px 0 0; }
.news .template-con ul li:nth-of-type(3n){ margin-right: 0; }
.news .team-cons{ padding-bottom: 20px; background: #f4f4f4; }
.news .team-cons .cons ul li:nth-of-type(3){ margin-right: 0; }
.news .team-cons .cons ul li:nth-of-type(n+4){ display: none; }
/** List **/
.articles .cons .left{ float: left; width: 270px; }
.cate-nav h5{ padding: 0 25px; height: 69px;line-height: 69px;background: #ff6a00;color: #fff;font-size: 16px;font-weight: bold; }
.cate-nav ul{ }
.cate-nav ul li{ float: left; width:calc(55% - 50px); padding: 0 25px; height: 55px;line-height: 55px;border-bottom: 1px solid #e6e6e6; }
.cate-nav ul li:nth-of-type(odd){ width: calc(45% - 25px);padding-right: 0; }
.cate-nav ul li:nth-last-child(1),.cate-nav ul li:nth-last-child(2){ border-bottom: 0; }
.cate-nav ul li a{ color: #333; }
.cate-nav ul li.on a,
.cate-nav ul li a:hover{ color: #ff6a00; }
.reccom-mb .comm-title.heig{ margin-bottom: 0; }
.reccom-mb ul li .imgs{ position: relative; width: 100%;height: 201px;border-bottom: 1px solid #ebebeb;overflow: hidden; }
.reccom-mb ul li img{ position: absolute;top: 50%;left: 50%; display: block;width: 85%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 66; }
.reccom-mb ul li .remark{ padding: 18px 20px 20px; }
.reccom-mb ul li .remark h5{ font-size: 16px;color: #333;padding-bottom: 3px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.reccom-mb ul li .remark p{ font-size: 13px;color: #999;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.articles .cons .right{ float: right; width: 850px;padding: 0 25px 15px; }
.articles .cons .right .titles{ height: 69px;line-height: 69px;border-bottom: 1px solid #ebebeb; }
.articles .cons .right .titles h2{ position: relative; font-weight: bold;font-size: 16px;color: #ff6a00; }
.articles .cons .right .titles h2 i{ position: absolute;bottom: -1px;left: 0; width: 66px;height: 2px; background: #ff6a00;z-index: 66; }
.articles .cons .alist-cons{ padding-bottom: 10px; }
.articles .cons .alist-cons ul li{ padding: 25px 0;border-bottom: 1px solid #ebebeb; }
.articles .cons .alist-cons ul li h5{ font-size: 20px;color: #333; }
.articles .cons .alist-cons ul li .desc{ color: #333;padding-top: 5px; }
/** article-content **/
.articles.ashow .cons .right{ width: 900px; padding: 0 0 15px; }
.articles.ashow .cons .right .data-show{ padding: 0 25px; }
.article-content .title{ position: relative; height: 138px;border-bottom: 1px solid #ebebeb; }
.article-content .title h1{ font-size: 25px;padding:35px 0 5px; }
.article-content .title .type{ font-size: 12px;color: #666; }
.article-content .title .type span{ padding-right: 8px; }
.article-content .title .type .share{ float: right;padding-right: 0; }
.bdsharebuttonbox{ display:inline-block;vertical-align: middle; }
.article-content .bdshare-button-style0-16 a,
.article-content .bdshare-button-style0-16 .bds_more{ margin:0 3px 2px 0; }
.bdsharebuttonbox a:last-child{ margin-right: 0; }
.article-content .details{ padding: 20px 0 30px; }
.article-content .details img{ max-width: 100%;height: auto !important; }
.article-zs{ padding: 0 25px 30px; }
.article-zs .cons ul li{ float: left; width: 48%; height: 35px;line-height: 35px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.article-zs .cons ul li:nth-of-type(even){ float: right; }
.article-zs .cons ul li a{ color: #333; }
.article-zs .cons ul li span{ color: #666;padding-right: 5px; }
.article-zs .cons ul li a:hover{ color: #ff6a00; }
/*** 定制服务 ***/
.custom .optimiza-ques ul li{ height: 320px; }
.custom .optimiza-ques ul li .imgs{ position: relative; width: 100%;height: 165px;margin: 0 0 15px; }
.custom .optimiza-ques ul li .imgs img{ position: absolute;bottom: 0;left: 50%; width: auto;-webkit-transform: translate(-50%,0);transform: translate(-50%,0); }
.custom .optimiza-search ul li{ height: 474px; }
.custom .optimiza-search ul li .remark{ height: 343px;border: 1px solid #e6e6e6;border-width: 0 1px 1px; }
.custom .optimiza-search ul li .remark .txt{ height: 65px;margin:5px 0 15px; overflow: hidden; }
.custom .optimiza-search ul li .remark .txt h6{ font-weight: bold;color: #333;padding-bottom: 3px; }
.custom .optimiza-search ul li .remark .txt p{ font-size: 13px; }
.custom .optimiza-search ul li .bottoms{ border-top: 1px solid #e6e6e6;padding-top: 30px; }
.custom .optimiza-search ul li .bottoms a{ float: left; }
.custom .optimiza-search ul li .bottoms .price-rig{ float: right;font-size: 24px; }
.custom .optimiza-search ul li .bottoms .price-rig em{ font-size: 12px; }
.custom .optimiza-search ul li:nth-of-type(1) .bottoms .price-rig{ color: #ff6a00; }
.custom .optimiza-search ul li:nth-of-type(2) .bottoms .price-rig{ color: #2ec372; }
.custom .optimiza-search ul li:nth-of-type(3) .bottoms .price-rig{ color: #02b2dc; }
.outer-server .cons ul li:first-child{ height: 60px;line-height: 60px;font-size: 22px;color: #fff; }
.outer-server .cons ul li:first-child span:nth-of-type(1){ background: #ff6a00; }
.outer-server .cons ul li:first-child span:nth-of-type(2){ background: #2ec372;border-color: #2ec372; }
.outer-server .cons ul li:first-child span:nth-of-type(3){ background: #02b2dc;color: #fff;font-weight: normal; }
.outer-server .cons ul li{ height: 54px;line-height: 54px;background: #fff;text-align: center; }
.outer-server .cons ul li:nth-of-type(even){ background: #f7f7f7; }
.outer-server .cons ul li span{ display: block;width: 33.3333333%;float: left }
.outer-server .cons ul li:first-child span:nth-of-type(2),
.outer-server .cons ul li span:nth-of-type(2){ width: calc(33.3333333% - 2px); }
.outer-server .cons ul li span:nth-of-type(2){ border: 1px solid #e6e6e6;border-width: 0 1px; }
.outer-server .cons ul li span:nth-of-type(3){ color: #ff6a00;font-weight: bold; }
/** List **/
.sameclass .catname{ position: relative;padding:0 40px;height: 79px;line-height: 79px;border-bottom: 1px solid #e6e6e6;font-weight: bold;
    font-size: 16px;color: #ff6a00; }
.sameclass .catname i{ position: absolute;bottom: -1px;left: 40px; display: block;width: 74px;height: 2px;background: #ff6a00; }
.sameclass .same-a{ padding: 25px 40px 15px; }
.sameclass .same-a a{ display: block;float: left;margin:0 25px 10px 0; }
.sameclass .same-a a.on,
.sameclass .same-a a:hover{ color: #ff6a00; }
/** Show **/
.custom .product-con .cons ul li .imgs{ height: 300px;border-bottom: 0;overflow: hidden; }
.custom .product-con .cons ul li .remark{ display: block; }
.custom .product-con .cons ul li .remark .left-txt{ max-width: 100%; }
.custom .product-con .cons ul li .bottom{ padding-top: 15px; line-height: 31px; margin-top: 20px; border-top: 1px solid #e6e6e6; }
.custom .product-con .cons ul li .bottom .cname{ color: #ff6a00; }
.custom .product-con .cons ul li .bottom a{ float: right; display: block;width: 85px;height: 30px;line-height: 30px; background: #ff6a00;color: #fff;font-size: 12px;
    text-align: center; }
/** Seo优化 **/
.seoshow .intro-project{ margin: 0 }
.seoshow .video{ position: relative; height: 675px;overflow: hidden; }
.seoshow .video .video-js{ width: 100%;height: 675px; }
.seoshow .video-js .vjs-big-play-button{ position: absolute;top: 50%;left: 50%; width: 81px;height: 81px;border: 0;background: transparent;
    border-radius:65px;margin: -45.5px 0 0 -45.5px; overflow: hidden;
}
.seoshow .video-js .vjs-big-play-button .vjs-icon-placeholder{
    display: block;
    width: 81px;
    height: 81px;
    background: url("../images/video.png") no-repeat;
}
.seoshow .video-js .vjs-big-play-button .vjs-icon-placeholder:before{ display: none; }
/** About **/
.abouts .ntitls p{ font-size: 16px; }
.about-compy .ntitls p{ font-size: 16px;font-weight: bold; }
.about-compy .cons{ text-align: center; }
.about-compy ul:after{ display: block;content: "";clear: both; }
.about-compy ul{ padding-top: 25px; }
.about-compy ul li { float: left;width: 25%;text-align: center; }
.about-compy ul li .num { position: relative;font-size: 48px;color: #ff6a00; }
.about-compy ul li .num em { position: absolute;top: 5px;right: -15px;width: 9px;height: 8px;background-position: -58px 0; }
.about-compy ul li h5 { font-size: 13px;color: #666;padding-top: 5px; }
.abouts .optimiza-treeadav ul li{ height: 430px; }
.office .container{  position: relative; }
.office .hd a{ position: absolute;display: block;width: 65px;height: 65px;background: #999;top: 56%;border-radius: 65px;
    cursor: pointer;overflow: hidden; }
.office .hd a.next{ left:-95px;  }
.office .hd a.prev{ right:-95px;  }
.office .hd a i{ position: absolute;top: 50%;left: 50%; width: 13px;height: 22px;margin: -11px 0 0 -6.5px; }
.office .hd a.next i{ background-position: -95px 0; }
.office .hd a.prev i{ background-position: -114px 0; }
.office .hd a:hover{ background: #ff6a00; }
.abouts .team-cons{ background: transparent; }
.abouts .optimiza-ques ul li { width: 283px; height: 348px;border: 1px solid #e6e6e6; }
.abouts .optimiza-ques ul li .imgs{ position: relative;width: 100%;height: 235px;margin: 0; }
.abouts .optimiza-ques ul li .imgs img{ width: auto;max-width: 100%; position: absolute;bottom: 25px;left: 50%; -webkit-transform: translate(-50%,0);transform: translate(-50%,0); }
.abouts .cert .container{  position: relative; }
.abouts .cert .cons ul li{ float: left; width: 385px;height: 560px;margin-right: 22px; }
.abouts .cert .cons ul li .imgs{ position: relative; width: 100%;height: 484px;border-bottom: 1px solid #e6e6e6;overflow: hidden; }
.abouts .cert .cons ul li .imgs img{ display: block;max-width: 85%; position: absolute;top: 50%;left: 50%;
    -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 66; }
.abouts .cert .cons ul li p{ line-height: 75px;font-size: 16px;font-weight: bold;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.abouts .cert .cons ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.2); }
.abouts .cert .hd a{ position: absolute;display: block;width: 65px;height: 65px;background: #999;top: 56%;border-radius: 65px;
    cursor: pointer;overflow: hidden; }
.abouts .cert .hd a.next{ left:-95px; }
.abouts .cert .hd a.prev{ right:-95px; }
.abouts .cert .hd a i{ position: absolute;top: 50%;left: 50%; width: 13px;height: 22px;margin: -11px 0 0 -6.5px; }
.abouts .cert .hd a.next i{ background-position: -95px 0; }
.abouts .cert .hd a.prev i{ background-position: -114px 0; }
.abouts .cert .hd a:hover{ background: #ff6a00; }
.partner .cons{ border: 1px solid #e6e6e6;overflow: hidden; }
.partner .cons ul li{ float: left;width: calc(16.6666667% - 1px);height: 119px;border: 1px solid #e6e6e6;border-width: 0 1px 1px 0; }
.partner .cons ul li:nth-of-type(6n){ border-right: 0; }
.partner .cons ul li:nth-last-child(1), .partner .cons ul li:nth-last-child(2),
.partner .cons ul li:nth-last-child(3), .partner .cons ul li:nth-last-child(4),
.partner .cons ul li:nth-last-child(5), .partner .cons ul li:nth-last-child(6){ border-bottom: 0; }
.partner .cons ul li img{ display: block;width: 100%; }
.about-maps{ position: relative; }
.about-maps,#maps{ width: 100%;height: 600px; }
.about-maps .contact-txt{ position: absolute;top: 50%;right: 18%; width: 385px;height: 450px;background: #ff6a00;z-index: 65;
 margin:-225px 0 0 0;}
.about-maps .contact-txt .cons{ padding: 0 35px;color: #fff; }
.about-maps .contact-txt .cons h5{ font-size: 36px;padding-top: 100px; }
.about-maps .contact-txt .cons .caten{ display: block; font-size: 16px;text-transform:uppercase; }
.about-maps .contact-txt .cons em{ display: block;width: 83px;height: 1px;background: #fff;margin: 13px 0 20px; }
.about-maps .contact-txt .cons .addname{ font-weight: bold; }
.about-maps .contact-txt .cons .address{ padding: 3px 0 100px; }
/** 帮助中心 **/
.help .left-nav{ float: left; width: 220px; }
.help .left-nav h5{ height: 68px;line-height: 68px;border-bottom: 1px solid #e6e6e6;font-weight: bold;font-size: 16px;color: #ff6a00;
text-indent: 25px; }
.help .left-nav ul li{ height: 55px;line-height: 55px;border-bottom: 1px solid #e6e6e6;text-indent: 25px; }
.help .left-nav ul li:last-child{ border-bottom: 0; }
.help .left-nav ul li a{ color: #333; }
.help .left-nav ul li.on a,
.help .left-nav ul li:hover a{ color: #ff6a00; }
.help .right-content{ float: right; width: 913px;padding: 0 25px 15px; }
.help .right-content .titles { height: 69px;line-height: 69px;border-bottom: 1px solid #ebebeb; }
.help .right-content .titles h2 { position: relative;font-weight: bold;font-size: 16px;color: #ff6a00; }
.help .right-content .titles h2 i { position: absolute;bottom: -1px;left: 0;width: 66px;height: 2px;background: #ff6a00;z-index: 66; }
.help .right-content .details{ padding: 25px 0 30px; }
.help .cons,.help .navcons{ padding-bottom: 20px; }
.help .cons ul li{ padding: 30px 0;border-bottom: 1px solid #e6e6e6; }
.help .cons ul li h5{ font-weight: bold;font-size: 16px;padding-bottom: 3px; }
.help .cons ul li h5:before{ content: "问：" }
.help .cons ul li p{ color: #666; }
.help .cons ul li p:before{ content: "答：" }
.help .navcons ul li{ margin: 30px 0 0; }
.help .navcons ul li h2{ font-size: 16px;font-weight: bold;color: #333;padding-bottom: 10px; }
.help .navcons ul li .lists{ padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; }
.help .navcons ul li .lists a{ float: left; display: block; width: 20%;margin-bottom: 15px;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.help .navcons ul li .lists a:hover{ color: #ff6a00; }
/** 智能写作 **/
.help .alist-cons ul li{ padding: 24px 0;border-bottom: 1px solid #ebebeb; }
.help .alist-cons ul li a{ display: flex;align-items: center; }
.help .alist-cons ul li .imgs{ width: 280px;height: 172px; margin-right: 20px;overflow: hidden; }
.help .alist-cons ul li .imgs img{ display: block;width: 100%; }
.help .alist-cons ul li .remark{ width: calc(100% - 300px); }
.help .alist-cons ul li h5{ font-size: 22px;color: #333; }
.help .alist-cons ul li .desc{ padding: 10px 0 20px; }
.help .alist-cons ul li .tabs{ color:#ff6a00;font-size: 12px; }
.help .alist-cons ul li:hover img{ -webkit-transform: scale(1.1);transform: scale(1.1); }
/*show*/
.video-js{ position: relative; width: 100%;height: 400px;margin-bottom: 25px; }
.help .video-js .vjs-big-play-button{ top: 50%;left: 50%;margin: -22.5px 0 0 -45px; }
.help .details .title{ position: relative;padding-bottom: 25px; border-bottom: 1px solid #ebebeb; }
.help .details .title h1{ font-size: 25px;padding: 0 0 5px; }
.help .details .title .tabs{ color:#ff6a00;font-size: 12px; }
.help .details .title .share{ position: absolute;bottom: 22px;right: 0;z-index: 6; }
.help .right-content.con{ width: 963px; padding: 0 0 15px; }
.help .right-content.con .cons-txt{ padding: 0 25px; }
.recomm-hits{ margin: 30px 0 20px; }
.recomm-hits h2{ font-size: 16px;color: #333;font-weight: bold;margin-bottom: 20px; }
.recomm-hits h2 a{ float: right; font-size: 12px; color: #666;font-weight: normal; }
.recomm-hits ul li{ float: left;width: 308px; margin-right: 19px;background: #fff; }
.recomm-hits ul li .imgs{ width: 100%;height: 189px; overflow: hidden;}
.recomm-hits ul li .imgs img{ display: block;width: 100%; }
.recomm-hits ul li:last-child{ margin-right: 0; }
.recomm-hits ul li .remark{ padding: 20px; }
.recomm-hits ul li .remark h5{ font-size: 16px;color: #333; }
.recomm-hits ul li .remark p{ font-size: 12px;padding: 5px 0 20px; }
.recomm-hits ul li .remark .sps{ font-size: 12px; }
.recomm-hits ul li:hover img{ -webkit-transform: scale(1.1);transform: scale(1.1); }
.recomm-hits ul li:hover .remark .sps{ color: #ff6a00; }
/** Pre-Next **/
.Pre-Next{ padding:10px 0 20px;border-top: 1px solid #ebebeb; }
.Pre-Next p{ height: 35px;line-height: 35px;color: #666; }
.Pre-Next p .a:hover{ color: #ff6a00; }
/** Pages **/
.pages{ text-align: center;padding: 15px 0 37px; }
.pages a{ display: inline-block;width: 30px;height: 30px;line-height: 30px; text-align: center;background: #fff;margin-right: 6px; }
.pages a.next,.pages a.prev,
.pages a.last,.pages a.first{ width: auto;padding: 0 8px; }
.pages a.curr,
.pages a:hover{ background: #ff6a00;color: #fff;border-color: #ff6a00; }
.pages .pagination li{ padding: 5px 11px; margin-right: 6px; display: inline-block;background: #fff; }
.pages .pagination li.active,
.pages .pagination li:hover{ background: #ff6a00;color: #fff;border-color: #ff6a00; }
.pages .pagination li a{ width: auto;height: auto;line-height: normal; margin-right: 0;border: 0;background: transparent; }
.pages .pagination li:hover a{ color: #fff; }