@charset "utf-8";
.tb80{ padding: 80px 0; }
.maximg{ display: block;max-width: 100%; }
.trans{ -webkit-transition: all .3s ease-out;transition: all .3s ease-out; }
.clayer{ display: none; position: fixed;top: 0;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,.8); z-index: 1090; }
/** wechat **/
.wechat{ display: none; position: absolute;top: 51px;right: -61px; width: 300px;height: 260px;background: #fff;text-align: center;box-shadow: 0 3px 3px rgba(0,0,0,.2); }
.lay-title{ font-size: 22px;color: #000;padding: 25px 0; }
.wechat img{ width: 120px; border: 1px solid #dadada;padding: 10px; }
.close-xs{ position: absolute;top: 15px;right: 15px; display: block;width: 13px;height: 13px;
    background: url("../images/close-xs.png") no-repeat;cursor: pointer; }
.list-icon a.hwx:hover .wechat{ display: block; }
/** ctel **/
.ctel{ display: none; position: absolute;top: 51px;right: -122px; width: 300px;background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,.2); }
.ctel .lis{ display: flex;align-items: center; padding: 40px 0;margin: 0 30px;border-bottom: 1px solid #ebebeb; }
.ctel .lis img{ margin-right: 15px; }
.ctel .lis .remark h5{ font-size: 20px;color: #000;font-weight: bold;padding-bottom: 5px; }
.ctel .lis .remark p{ font-size: 18px;color: #666;font-weight: bold; }
.list-icon a.htel:hover .ctel{ display: block; }
/** message **/
.message{ display: none; position: absolute;top: 50%;left: 50%; width: 540px;height: 280px;background: #fff;text-align: center;margin: -140px 0 0 -270px; }
.message.open{ display: block; }
.message .lay-title{ height: 50px;background: #157da0;color: #fff;font-size: 15px;padding: 0 20px;line-height: 50px;text-align: left; }
.message .remark{ display: flex;align-items: center; padding: 15px 20px; }
.message .remark img{ border: 1px solid #ebebeb; }
.message .remark .txt{ width: calc(100% - 190px); }
.message .remark .txt h6{ font-size: 32px;color: #000; }
.message .remark .txt p{ font-size: 16px;color: #666;padding: 5px 0 30px; }
.message .remark .txt a{ display: block;width: 130px;height: 45px;line-height: 45px; border-radius: 65px;background: #157da0;
    text-align: center;color: #fff;margin: 0 auto; }
/** fix-footer **/
.fix-footer{ position: fixed;bottom: 0;left: 0; width: 100%;height: 110px;line-height: 110px;
    background: url("../images/fixbg.jpg") no-repeat center top;font-size: 26px;color: #fff;z-index: 1060 }
.fix-footer .cols{ color: #0dcfff; }
.fix-footer .hot-tel{ font-weight: lighter;padding-left: 30px; }
.fix-footer .gomessage{ float: right; display:block; width: 160px;height: 50px;line-height: 50px; font-size: 16px;color: #fff;
    border-radius: 65px;text-align: center;background: #329fd7;margin-top: 30px;cursor: pointer; }
/** fix-online **/
.fix-online,
.fix-online .fleft,
.fix-online .fright .cons{ height: 380px; }
.fix-online{ display: none; position: fixed;top: 50%;left: 50%; width: 671px;background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,.2);
   margin: -190px 0 0 -335px; z-index: 1099; }
.fix-online .fleft{ width: 306px;background: url("../images/onlinbg.jpg") no-repeat; }
.fix-online .fleft .cons{ padding: 80px 0 0; }
.fix-online .fleft .code-img{ width: 180px;height: 180px;background: #fff;margin: 0 auto 15px; overflow: hidden; }
.fix-online .fleft .code-img img{ width: 140px; padding: 20px; }
.fix-online .fleft .otel{ font-size: 24px;font-weight: bold;color: #fff;background: url("../images/onlitel.png") no-repeat center left;
    padding-left: 25px;text-align: center;margin-left: 55px; }
.fix-online .fright{ width: 365px; }
.fix-online .fright .cons{ display: flex;align-items: center;flex-direction: column;justify-content: center; width: 280px; margin: 0 auto; }
.fix-online .fright h5{ font-size: 28px;color: #000;font-weight: bold; }
.fix-online .fright p{ font-size: 15px;color: #666;text-align: center;padding: 10px 0 30px; }
.fix-online .fright .cphone{ padding: 0 15px; width:calc(100% - 32px);height: 43px; border: 1px solid #ebebeb; }
.fix-online .fright .go-phone{ display: block;width: 280px;height: 45px;background: #157da0;color: #fff;font-size: 16px;font-weight: bold;
    border: 0;margin-top: 15px;cursor: pointer; }
.fix-online .close-xx{ position: absolute;top: 15px;right: 15px; display: block;width: 13px;height: 13px;
    background: url("../images/close-xs.png") no-repeat;cursor: pointer; }
.fix-online .etips{ width: 100%;display: block; padding-top: 10px; color: #71b83d;text-align: left; }
/*HeaderSTART*/
.header{ position: fixed;top: 0;left: 0;width: 100%;z-index: 1080; }
.logo{ height: 80px;display: flex;align-items: center; }
.list-icon a{ position: relative; float: left; display: block;width: 31px;height: 26px;margin-left: 30px; background: url("../images/hicon.png") no-repeat 0 0;cursor: pointer;
    margin-top: 29px; }
.list-icon a.htel{ background-position: 4px 0; }
.list-icon a.hwx{ background-position: -52px 0; }
.list-icon a.hqq{ background-position: -116px 0; }
/** nav **/
.nav{ position: relative; width: 100%;height: 80px;background: #157da0; }
.nav ul li{
    float: left;
    padding: 0 20px;
    line-height: 80px;
    text-align: center;
    z-index: 999
}
.nav ul li a{ font-size: 17px;color: #fff; }
.nav ul li .childer{
    display: none;
    position: absolute;
    width: 750px;
    height: auto;
    top: 80px;
    left: 50%;
    padding: 30px 20px;
    background: rgba(255,255,255,1);
    box-shadow: 0 5px 5px rgba(0,0,0,.1);
    margin: 0 0 0 -375px;
    z-index: 9999;
}
.nav ul li .nav-cate{
    float: right;
    width: 390px;
    text-align: left;
    line-height: normal;
}
.nav ul li .nav-cate h5{
    font-size: 24px;
    color: #000;
    padding-bottom: 15px;
}
.nav ul li .nav-cate p{ color: #666; }
.nav ul li .nav-list{
    float: left;
    width: 150px;
    text-align: left;
    margin-right: 155px;
}
.nav ul li .nav-list .cli-a{ line-height: 45px;border-bottom: 1px solid #ebebeb; }
.nav ul li .nav-list a{ font-size: 16px;color: #333;font-weight: bold !important; }
.nav ul li .nav-list a:hover{ color: #157da0; }

.nav ul li .cover-cons:nth-of-type(2){ display: block; }
.nav ul li .cover-cons{ display: none; }
.nav ul li .nav-cover{ float: left; max-width: calc(960px - 345px); }
.nav ul li .nav-cover img{ display: block;float: left;max-width: 100%; }

.nav ul li.on{ background: #06536d; }
.nav ul li:hover .childer{ display: block; }
nav ul li .nav-list .cli-a.onn,
.nav ul li .nav-list .cli-a:hover{ border-bottom-color: #157da0; }
.nav ul li .nav-list .cli-a.onn a{ color: #157da0; }
/*HeaderNED*/
/*SlidesSTART*/
.swiper-container { min-width: 1180px; width: 100%;height: auto;background: #fff; }
.swiper-slide {min-width:1150px;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%; }
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{ opacity: .4; }
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; }
.swiper-container .swiper-slide .url{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 106;}
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #157da0; }
.slide-usezans .swiper-button-prev .span-prev:hover,
.slide-usezans .swiper-button-next .span-next:hover{ color:#157da0; }
/*SlidesNED*/
/*Footer*/
.footer:after{ display: block;content: "";clear: both; }
.footer{ padding-bottom: 110px; }
.footer .fcontact{ padding: 65px 0 35px; }
.footer .fcontact ul li{ float: left; color: #fff; }
.footer .fcontact ul li:nth-of-type(1){ width: 475px; }
.footer .fcontact ul li:nth-of-type(2){ width: 270px; }
.footer .fcontact ul li:nth-of-type(3){ width: 345px; }
.footer .fcontact ul li:nth-of-type(4){ float: right; }
.footer .fcontact ul li h6{ font-size: 16px;font-weight: bold;padding-bottom: 3px; }
/** fnav **/
.fnav{ padding: 40px 0 35px;border: 1px solid #505050;border-width: 1px 0; }
.fnav .left-nav{ float: left; width: 660px; }
.fnav .left-nav ul li{ line-height: 30px; }
.fnav .left-nav ul li h5{ display: inline-block; font-size: 18px; font-weight: bold;color: #fff; }
.fnav .left-nav ul li a{ display: inline-block;line-height: 35px;color: #b9b9b9;margin-left: 20px; }
.fnav .left-nav ul li a:hover{ color: #157da0; }
.fnav .left-nav .fcode-img{ margin-top: 25px; width: 143px;text-align: center; }
.fnav .left-nav .fcode-img img{ background: #fff;padding: 16px; }
.fnav .left-nav .fcode-img p{ color: #fff;padding-top: 10px; }
.fnav .right-code{ float: right; max-width: calc(100% - 660px); }
/** footer-text **/
.footer .footer-text .feedabck{ width: 350px; }
.footer .footer-text .feedabck .titles{ font-size: 18px;padding-bottom: 20px;color: #fff; }
.footer .footer-text .feedabck ul li{ float: left; width: 165px;margin-bottom: 14px; height: 28px;border: 1px solid rgba(255,255,255,.4); }
.footer .footer-text .feedabck ul li:nth-of-type(1),
.footer .footer-text .feedabck ul li:nth-of-type(3){ margin-right: 16px; }
.footer .footer-text .feedabck ul li input::placeholder,
.footer .footer-text .feedabck textarea::placeholder{ color: #999; }
.footer .footer-text .feedabck ul li input[type=text]{ width:calc(100% - 20px);padding: 0 10px; height: 28px;line-height: 28px;background: transparent;border: 0;color: #fff;
    outline: none; }
.footer .footer-text .feedabck textarea{ width:calc(100% - 20px);padding: 10px; height: 45px;background: transparent;outline: none;resize: none;
    border: 1px solid rgba(255,255,255,.4);color: #fff; }
.footer .footer-text .bth-submit{ display: block; width: 165px;height: 33px;line-height: 31px;text-align: center;color: #fff;background: transparent;
    margin: 15px auto 0;border: 1px solid rgba(255,255,255,.4);cursor: pointer; }
.footer .footer-text .error-hides{ display: block; margin:10px 0 0 0; }
/** copyright **/
.copyright{ padding: 30px 0; }
.copyright p span{ padding-right: 15px; }
.copyright p,.copyright p a{ color: #b9b9b9; }
.copyright .links{ margin-top: 10px; }
.copyright .links span{ color: #b9b9b9; }
.copyright .links .text-a{ display: inline-block;  }
.copyright .links .text-a a{  padding-right:15px;margin-bottom: 5px;color: #b9b9b9; }
/** validform **/
.Validform_checktip{margin-left:8px;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}
/*++------------------------
/*++  Plate-Module
/*++------------------------*/
.comm-title{ position: relative;margin-bottom: 30px;text-align: center; }
.comm-title .title h3{ font-size:48px;color:#000; }
.comm-title .title p{ font-size: 18px;color: #666; }
/** plate-together **/
.plate-together{ position: relative; padding: 150px 0 100px; }
.plate-together .top-txt{ padding: 25px 85px 15px; }
.plate-together .top-txt p{ float: left; width: 33.3333333%; font-size: 16px;color: #000;margin-bottom: 25px; }
.plate-together .top-txt p em{ display: block;float: left;width: 13px;height: 5px;background: #157da0;margin: 10px 5px 0 0; }
.plate-together .four-list ul li{display: flex;flex-direction: column;align-items: center;justify-content: center;  float: left; width: 273px;
    height: 273px;background: #157da0;margin-right: 36px;border-radius: 65%;color: #fff; }
.plate-together .four-list ul li:nth-of-type(odd){ background: #035060; }
.plate-together .four-list ul li:last-child{ margin-right: 0; }
.plate-together .four-list ul li .num-counter{ font-size: 80px;line-height: 80px; }
.plate-together .four-list ul li .num span{ font-size: 16px; }
.plate-together .four-list ul li h5{ font-size: 24px;font-weight: bold;padding-top: 10px; }
/** six-list **/
.six-list{
    width: 1200px;
    position: absolute;
    top: -49px;
    left: 50%;
    padding: 40px 0;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    margin: 0 0 0 -600px;
    z-index: 66;
}
.six-list ul li{position: relative; display: flex;align-items: center; float: left; width: calc((100% / 6) - 70px);padding: 0 35px; }
.six-list ul li:nth-of-type(5){ width: calc((100% / 6) - 60px);padding: 0 30px; }
.six-list ul li:last-child::after{ display: none; }
.six-list ul li::after{ position: absolute;right: 0; width: 1px;height: 20px;content: ""; background: #c5c6cc;z-index: 8 }
.six-list ul li .ico-img{ margin-right: 10px;height: 28px;overflow: hidden; }
.six-list ul li .ico-img img{ transition: all .3s ease-out; }
.six-list ul li h3{ font-size: 16px;color: #333;font-weight: bold; }
.six-list ul li:hover .ico-img img{ margin-top: -30px; }
.six-list ul li:hover h3{ color: #157da0; }
/** plat-product **/
.plat-product{ padding: 60px 0 80px; }
/** cate-left **/
.product-list .cate-left{ float: left; width: 266px;background: #fff; }
.product-list .cate-left .title{ padding: 40px 0 40px 35px; background: #157da0; color: #fff; }
.product-list .cate-left .title h5{ font-size: 24px; }
.product-list .cate-left .title p{ font-size: 16px;color: #dfdfdf; }
.product-list .cate-left ul{ margin: 0 20px; }
.product-list .cate-left ul li{ padding: 0 15px; height: 60px;line-height: 60px;border-bottom: 1px solid #e1e1e1; }
.product-list .cate-left ul li:nth-last-child(2){ border-bottom: 0; }
.product-list .cate-left ul li a{ display: block; font-size: 15px;color: #333; }
.product-list .cate-left .more{ display: block;width: 135px;height: 45px;line-height: 45px; background: #157da0;border-radius: 65px;
    text-align: center;color: #fff;margin: 75px auto; }
.product-list .cate-left ul li:hover a{ color: #157da0; }
/** cate-right **/
.product-list .cate-right{ float: right; width: 905px; background: #fff; }
.product-list .cate-right ul li{ float: left; width: 33.3333333%;height: 379px;border-bottom: 1px solid #e6e6e6; }
.product-list .cate-right ul li:nth-of-type(3n - 1){ width: calc(33.3333333% - 2px);border: 1px solid #e6e6e6;border-width: 0 1px 1px; }
.product-list .cate-right ul li:nth-of-type(n+4){ border-bottom: 0; }
.product-list .cate-right ul li .remark{ padding: 40px 30px 35px; }
.product-list .cate-right ul li .remark h5{ font-size: 18px; font-weight: bold;color: #000; }
.product-list .cate-right ul li .remark h5::after{ width: 23px;height: 23px; clear: both; content: url("../images/cp_ico01.png");vertical-align: middle;padding-left: 8px; }
.product-list .cate-right ul li .remark p{ color: #666;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.product-list .cate-right ul li .imgs{ height: 255px;text-align: center; overflow: hidden; }
.product-list .cate-right ul li .imgs img{ max-width: 100%; }
.product-list .cate-right ul li:hover .remark h5{ color: #157da0; }
/** plat-product **/
.plat-service{ padding: 60px 0 80px; }
.service-list ul li{ position: relative; float: left; width: calc((100% / 4) - 1);margin-right: 1px; }
.service-list ul li:last-child{ margin-right: 0 }
.service-list ul li .remark{ display: flex;justify-content: center; flex-direction: column; width: 100%;height: 100%; position: absolute;top: 0;left: 0;
    background: rgba(0,0,0,.7);color: #fff;text-align: center;transition: all .3s ease-out; }
.service-list ul li .remark h5{ font-size: 30px;font-weight: bold; }
.service-list ul li .remark p{ font-size: 18px; }
.service-list ul li .remark a{ display: none;width: 133px;height: 40px;line-height: 40px; border: 1px solid #fff;border-radius: 65px;font-size: 16px;
    text-align: center;color: #fff;margin: 35px auto 0; }
.service-list ul li:hover .remark{ background: #157da0; }
.service-list ul li:hover .remark a{ display: block; }
/** plat-partner **/
.plat-partner{ padding: 60px 0 45px; }
.partner-list .tab-info{ width: 100%;height: 339px;background: #fff;margin-bottom: 35px; }
.partner-list .tab-info .cons{ display: flex;align-items: center; }
.partner-list .tab-info img{ display: block;width: 50%; }
.partner-list .tab-info .remark{ padding: 0 50px;width: calc(50% - 100px); }
.partner-list .tab-info .remark h5{ font-size: 28px;font-weight: bold;color: #000; }
.partner-list .tab-info .remark .intro{ font-size: 16px;color: #666;height: 80px;margin: 10px 0 20px; overflow: hidden; }
.partner-list .tab-info .remark a{ display: block; width: 133px;height: 40px;line-height: 40px; border: 1px solid #fff;border-radius: 65px;
    text-align: center;color: #fff;background: #157da0; }
.partner-list ul li{
    position: relative;
    float: left;
    width: 212px;
    height: 120px;
    margin: 0 35px 35px 0;
    overflow: hidden;
}
.partner-list ul li:nth-of-type(5n){ margin-right: 0; }
.partner-list ul li img{ display: block;max-width: 100%; }
.partner-list ul li .remark{ display: flex;align-items: center;justify-content: center; position: absolute;bottom: -101%;left: 0; width: 100%;height: 100%;
    background: rgba(21,125,160,.9);transition: all .3s ease-out; }
.partner-list ul li .remark h5{ color: #fff;font-size: 16px; }
.partner-list ul li:hover .remark{ bottom: 0; }
/** plat-brand **/
.plat-brand{ padding: 60px 0 80px; }
.brand-list ul li{ float: left; width: 285px;margin-right: 20px; }
.brand-list ul li:last-child{ margin-right: 0; }
.brand-list ul li .remark{ position: relative; padding: 58px 25px 45px; border: 1px solid #e6e6e6;border-width: 0 1px 1px;text-align: center; }
.brand-list ul li .remark .ico-img{ position: absolute;left:calc((100% - 90px)/2);top: -45px; display: flex;align-items: center;justify-content: center; width: 90px;height: 90px;background: #f3f3f3;
    border-radius: 65px; }
.brand-list ul li .remark .ico-img img{ display: block;max-width: 100%; }
.brand-list ul li .remark h5{ font-size: 18px;font-weight: bold;padding-bottom: 10px; }
.brand-list ul li .remark p{ font-size: 16px; }
/** plat-article **/
.plat-article{ padding: 60px 0 80px; }
.article-list ul li{ float: left; width: 385px;margin-right: 22px;background: #fff;padding-bottom: 20px; }
.article-list ul li:nth-of-type(3n){ margin-right: 0; }
.article-list ul li .imgs{ position: relative; width: 100%;height: 264px;overflow: hidden; }
.article-list ul li .imgs img{ display: block;width: 100%;transition: all .3s ease-out; }
.article-list ul li .cate-name{ position: absolute;left: 30px;bottom: 20px;width: 97px;height: 35px;line-height: 35px; border-radius: 65px;color: #fff;background: #157da0;
    text-align: center; z-index: 2; }
.article-list ul li .frist-li .remark{ margin-bottom: 10px; padding: 20px 30px;border-bottom: 1px solid #e6e6e6; }
.article-list ul li .frist-li .remark h5{ font-size: 16px;color: #000;font-weight: bold;padding-bottom: 5px; }
.article-list ul li .frist-li .remark p{ color: #666; }
.article-list ul li .clis{ margin: 0 30px; }
.article-list ul li .clis p{ line-height: 35px;  }
.article-list ul li .clis p a{ color: #000; }
.article-list ul li .frist-li:hover .remark h5,
.article-list ul li .clis p a:hover{ color: #157da0; }
.article-list ul li .frist-li:hover .imgs img{ transform: scale(1.1) }
/** plat-about **/
.plate-about{ padding: 60px 0 80px; }
.content-page .remark{ text-align: center; }
.content-page .remark h5{ font-size: 26px;font-weight: bold;padding: 20px 0 10px; }
.content-page .remark p{ font-size: 16px;color: #666; }