.pc-box {

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);

}

.pc-box .logo2 {

    display: none;

}

.scrollClass {

    background-color: #ffffff;

    box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5);

}

.pc-box .marginAuto {

    height: 69px;

    position: relative;

}

.pc-box .nav .cell {

    margin-left: 60px;

    position: relative;

}

.pc-box .nav .cell>a{

    color: #333333;

    font-size: 14px;

    display: block;

}

.pc-box .nav .cell>.line{

    width: 100%;

    height: 5px;

    position: absolute;

    left: 0;

    bottom: -23px;

}

.pc-box .nav .cell:hover>.line{

    background-color: #046159;

}

.pc-box .nav .on>.line{

    background-color: #046159;

}

.scrollClass .nav .cell:hover>.line{

    background-color: #046159 !important;

}

.pc-box .nav .cell:hover>a {

    color: #046159 !important;

    font-weight: bold;

}

.scrollClass .nav .on>.line{

    background-color: #046159 !important;

}

.pc-box .nav .on>a{

    color: #046159 !important;

    font-weight: bold;

}

.pc-box .right form {

    width: 207px;

    height: 32px;

    background: #FFFFFF;

    border-radius: 16px;

    border: 1px solid #CCCCCC;

    padding: 0 10px;

}

.pc-box .right form input{

    border: none;

    font-size: 14px;

    color: #9DA0A5;

    text-align: center;

}

.products-menu {

    position: absolute;

    top: 68px;

    left: 0;

    right: 0;

    background: #FFFFFF;

    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);

    display: none;

}

.products-menu .menu-left {

    width: 230px;

    background: #F7F7F7;

}

.products-menu .menu-left ul{

    padding: 30px 0 30px 17px;

}

.products-menu .menu-left ul li{

    height: 41px;

    border-radius: 0px;

    font-size: 14px;

    color: #333333;

    padding-left: 40px;

    line-height: 41px;

}

.products-menu .menu-left ul li a{

    font-size: 14px;

    color: #015D5A;

}

.products-menu .menu-left ul li.on{

    background-color: #ffffff;

}

.products-menu .menu-left ul li.on a{

    border-bottom: 3px solid #046159;
    font-weight: bold;

}

.products-menu .menu-left ul li:hover{

    background-color: #ffffff;

}

.products-menu .menu-right {

    position: relative;

    padding: 30px 70px;

}

.products-menu .menu-right .tab-cell {

    display: none;

}

.products-menu .menu-right .tab-cell:first-child {

    display: block;

}

.products-menu .menu-right .cell{

    width: 25%;

    padding-left: 3%;
    padding-bottom: 15px;

}

.products-menu .menu-right .cell .img img{

    width: 60px;

    height: 60px;

}

.products-menu .menu-right .cell .title {

    font-weight: bold;

    font-size: 14px;

    color: #333333;

    padding: 10px 0;

}
.products-menu .menu-right .cell .title a{
    color: #333333;
}
.products-menu .menu-right .cell .link {
    padding-bottom: 8px;
}
.products-menu .menu-right .cell .link a{

    font-size: 12px;

    color: #666666;

}

.products-menu .menu-right .cell .link a:hover{

    color: #333333;
    text-decoration: underline;

}

.products-menu .menu-right .close{

    position: absolute;

    right: 30px;

    top: 30px;

}



.news-menu {

    position: absolute;

    top: 68px;

    left: 0;

    right: 0;

    background: #FFFFFF;

    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);

    display: none;

}

.news-menu  .menu-right {

    position: relative;

    padding: 30px 70px;

}

.news-menu .menu-right .cell{

    width: 20%;

    padding-left: 3%;

}

.news-menu .menu-right .cell .img img{

    width: 43px;

    height: 43px;

}

.news-menu .menu-right .cell .title {

    font-weight: bold;

    font-size: 14px;

    color: #333333;

    padding: 10px 0;

}
.news-menu .menu-right .cell .link {
    padding-bottom: 10px;
}
.news-menu .menu-right .cell .link a{

    font-size: 12px;

    color: #666666;

}

.news-menu .menu-right .cell .link a:hover{

    color: #333333;
    text-decoration: underline;

}

.news-menu .menu-right .close{

    position: absolute;

    right: 30px;

    top: 30px;

}
.close{
    display: none;
}







.about-menu {

    position: absolute;

    top: 68px;

    left: 0;

    right: 0;

    background: #FFFFFF;

    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);

    display: none;

}

.about-menu  .menu-right {

    position: relative;

    padding: 30px 70px;

}

.about-menu .menu-right .cell{

    width: 20%;

    padding-left: 3%;

}

.about-menu .menu-right .cell .img img{

    width: 43px;

    height: 43px;

}

.about-menu .menu-right .cell .title {

    font-weight: bold;

    font-size: 14px;

    color: #333333;

    padding: 10px 0;

}
.about-menu .menu-right .cell .link {
    padding-bottom: 10px;
}
.about-menu .menu-right .cell .link a{

    font-size: 12px;

    color: #666666;

}

.about-menu .menu-right .cell .link a:hover{

    color: #333333;
    text-decoration: underline;

}

.about-menu .menu-right .close{

    position: absolute;

    right: 30px;

    top: 30px;

}





.common-menu {

    position: absolute;

    top: 68px;

    left: 0;

    right: 0;

    background: #FFFFFF;

    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);

    display: none;

}

.common-menu  .menu-right {

    position: relative;

    padding: 30px 70px;

}

.common-menu .menu-right .cell{

    width: 20%;

    padding-left: 3%;

}

.common-menu .menu-right .cell .img img{

    width: 43px;

    height: 43px;

}

.common-menu .menu-right .cell .title {

    font-weight: bold;

    font-size: 14px;

    color: #333333;

    padding: 10px 0;

}
.common-menu .menu-right .cell .link {
    padding-bottom: 10px;
}
.common-menu .menu-right .cell .link a{

    font-size: 12px;

    color: #666666;

}

.common-menu .menu-right .cell .link a:hover{

    color: #333333;
    text-decoration: underline;

}

.common-menu .menu-right .close{

    position: absolute;

    right: 30px;

    top: 30px;
    display: none;

}



.swiper-container {

    width: 100%;

    height:420px;

}

.banner .swiper-slide {

    text-align: center;

    font-size: 18px;

    height:420px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;



    /* Center slide text vertically */

    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;

}

.banner .swiper-slide a{ display:block; height:420px; width: 100%;

    position: relative; }



.banner-pagination {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 20px;

    z-index: 99;

}

.banner-pagination .swiper-pagination-bullet {

    width: 50px;

    height: 10px;

    background-color: #ffffff;

    opacity: 0.2 !important;

    border-radius: 0;

}

.banner-pagination .swiper-pagination-bullet-active {

    background-color: #666666;

    opacity: 0.4 !important;

}



.head-top {

    height: 32px;

    background: #EAEAEA;

    position: relative;

    z-index: 99;

}

.head-top .marginAuto{

    height: 100%;

}

.head-top .tel {

    font-size: 12px;

    color: #046159;

}

.head-top .tel img{

    margin-right: 5px;

}

.head-top .lang {

    width: 85px;

    height: 100%;

    margin-left: 20px;

    position: relative;

}

.head-top .lang .handle{

    width: 100%;

    height: 100%;

    text-align: center;

    font-size: 12px;

    color: #046159;

    cursor: pointer;

}

.head-top .lang .open{

    position: absolute;

    left: 0;

    top: 44px;

    right: 0;

    padding: 15px;

    box-shadow: 0px 3px 10px rgba(0,0,0,0.16);

    z-index: 99;

    background-color: #ffffff;

    display: none;

}

.head-top .lang .open:before{

    content: ' ';

    width: 0;

    height: 0;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-bottom: 8px solid #ffffff;

    position: absolute;

    top: -8px;

    left: 50%;

    margin-left: -5px;

}

.head-top .lang .open a{

    display: block;

    text-align: center;

    font-size: 12px;

    color: #666666;

    padding: 7px 0;

}

.head-top .lang .open a:hover{

    color: #333333;
    text-decoration: underline;

}

.head-top .lang:hover .open {

    display: block;

}



.footer {

    background-color: #ffffff;

    border-top: 1px solid #e8e8e8;

}

.footer .top{

    padding: 50px 0;

}
.footer .top .left img {
    width: 240px;
}
.footer .top .left .info{

    padding-top: 15px;

    line-height: 180%;

    font-size: 13px;

    color: #333333;

}
.footer .top .left .left-banner-text{
    font-size: 16px;
    color: #333333;
    padding: 15px 0;
    font-weight: bold;
    text-align: center;
}

.footer .top .center{

    flex: 1;
    padding-top: 55px;

}

.footer .top .center .list{

    width: 25%;

}

.footer .top .center .list .cell b{

    font-size: 14px;

    color: #333333;

    font-weight: bold;

}

.footer .top .center .list .cell b {

    padding-bottom: 5px;

    display: block;

}

.footer .top .center .list .cell b a{

    font-size: 18px;

    color: #ffffff;

    font-weight: normal;

}

.footer .top .center .list .cell {

    padding-bottom: 12px;

}

.footer .top .center .list .cell a{

    font-size: 12px;

    color: #333333;

}

.footer .top .center .list .cell a:hover{

    font-size: 14px;

    color: #EE9242;
    text-decoration: underline;

}

.footer .top .right {

    width: 30%;

}
.footer .top .right .title{

    padding-bottom: 15px;

    font-size: 18px;

    color: #ffffff;

    font-weight: normal;

}

.footer .top .right .info{

    font-size: 14px;

    color: #333333;

    line-height: 180%;

    padding-top: 20px;

}

.footer .top .right .info a{

    font-size: 14px;

    color: #333333;

}

.footer .top .right .info b{

    font-family: 'Bahnschrift';

    font-size: 30px;

    color: #ffffff;

    display: block;

    padding: 10px 0 15px 0;

}

.footer .top .ewm {

    padding-top: 50px;

    padding-left: 10px;

}

.footer .bottom {

    border-top: 1px solid #ECECEC;

    padding: 20px 0;

}

.footer .bottom .copy-right{

    font-size: 14px;

    color: #B8BAC3;

}

.footer .bottom .copy-right a{

    color: #000000;

}

.footer .bottom .go-top{

    cursor: pointer;

}

.footer .b-right a{

    margin-left: 20px;

}



.box-title {

    border-bottom: 3px solid #45B5AB;

}

.box-title .left .text{

    background-image: url("../images/title-bg.png");

    background-size: cover;

    background-repeat: no-repeat;

    width: 168px;

    height: 42px;

    font-weight: bold;

    font-size: 14px;

    color: #FFFFFF;

}



.index-c1 {

    padding: 35px 0;

    background-color: #ffffff;

}
.index-c1 .more {
    text-align: center;
}
.index-c1 .more a{
    color: #333333;
}
.index-c1 .more a:hover{
    color: #EE9242
}

/* .index-c1 .c1-tab {

    margin-top: 50px;

    background-color: #F7F7F7;

    padding: 16px;

}

.index-c1 .c1-tab .cell{

    flex: 1;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

}

.index-c1 .c1-tab .cell a{

    display: block;

    font-size: 20px;

    color: #333333;

}

.index-c1 .c1-tab .on a{

    border-bottom: 2px solid #046159;

}

.index-c1 .c1-tab .cell:hover a{

    border-bottom: 2px solid #046159;

} */
.index-c1 .c1-tab {
}
.index-c1 .c1-tab .cell {
    margin-right: 20px;
}
.index-c1 .c1-tab .cell a{

    height: 52px;

    background: #F7F7F7;

    border-radius: 9px;

    display: block;

    padding: 0;

    font-size: 14px;

    color: #666666;

    line-height: 52px;
    
    margin-bottom: 20px;
    
    width: 200PX;
    
    text-align: center;

}

.index-c1 .c1-tab .on a{

    background: #046159;

    color: #ffffff;

}

.index-c1 .tab-main {

    padding-top: 35px;

}

.index-c1 .tab-main .tab-cell{

    display: none;

}

.index-c1 .tab-main .tab-cell:first-child{

    display: block;

}

.index-c1 .tab-main .tab-cell .cell{

    width: calc((100% / 5) - 16px);

    margin-right: 20px;

    margin-bottom: 20px;

}

.index-c1 .tab-main .tab-cell .cell:nth-child(5n) {

    margin-right: 0;

}

.index-c1 .tab-main .tab-cell .cell a{

    display: block;

    position: relative;

    height: 224px;

    background: linear-gradient(180deg, #FAFAFA 0%, rgba(226,226,226,0.2) 100%);

    border-radius: 0px;

    border: 1px solid #EBEBEB;

    overflow: hidden;

}

.index-c1 .tab-main .tab-cell .cell a:hover{

    background: linear-gradient(180deg, #FAFAFA 0%, rgba(226,226,226,0.2) 100%);

    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);

    border-radius: 0px;

    border: 1px solid rgba(15,136,125,0.6039);

}

.index-c1 .tab-main .tab-cell .cell a .app-img {

    width: 100%;

    height: 224px;

}

.index-c1 .tab-main .tab-cell .cell a .info {

    padding: 14px;

    position: absolute;

    left: 0;

    right: 0;

}

.index-c1 .tab-main .tab-cell .cell a .info .title{

    font-weight: bold;

    font-size: 16px;

    color: #ffffff;
    overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

}

.index-c1 .tab-main .tab-cell .cell a .info .content{

    font-weight: 300;

    font-size: 12px;

    color: #969696;

    padding-top: 7px;
    display: none;

}

.index-c1 .tab-main .tab-cell .cell a .show-info {

    background-color: rgba(0, 0, 0, 0.5);

    bottom: 0;

}

.index-c1 .tab-main .tab-cell .cell a .hide-info {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;

    bottom: -100%;

}
.index-c1 .tab-main .tab-cell .cell a .hide-info .title {
    color: #ffffff;
    overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index-c1 .tab-main .tab-cell .cell a .hide-info .content {
    color: #ffffff;
    display: block !important;
}

.index-c1 .tab-main .tab-cell .cell a .hide-info .more{

    position: absolute;

    right: 10px;

    bottom: 20px;

}





.index-c2 {

    background: linear-gradient(180deg, #E8FAFA 0%, rgba(220,246,246,0) 100%);

    padding: 35px 0;

}

.index-c2 .index-c2-des {

    font-size: 18px;

    color: #333333;

    padding: 22px 0;

}

.index-c2 .index-c2-main .cell{

    width: calc((100% / 4) - 14px);

    margin-right: 18px;

    margin-bottom: 22px;

}

.index-c2 .index-c2-main .cell:nth-child(4n) {

    margin-right: 0;

}

.index-c2 .index-c2-main .cell a {

    display: block;

    height: 245px;

    position: relative;

    overflow: hidden;

}

.index-c2 .index-c2-main .cell a .app-img{

    width: 100%;

    height: 245px;

}

.index-c2 .index-c2-main .cell a .show-info {

    height: 50px;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0,0,0,0.5);

    padding: 0 20px;

}

.index-c2 .index-c2-main .cell a .show-info .left{

    font-weight: bold;

    font-size: 16px;

    color: #FFFFFF;

}

.index-c2 .index-c2-main .cell a:hover {

    box-shadow: 0px 3px 20px #CFE8E6;

}

.index-c2 .index-c2-main .cell a .hide-info {

   background-color: rgba(31, 149, 138, 0.8);

    position: absolute;

    left: 0;

    right: 0;

    bottom: -100%;

    height: 100%;

}

.index-c2 .index-c2-main .cell a .hide-info .title{

    font-weight: bold;

    font-size: 20px;

    color: #FFFFFF;

}

.index-c2 .index-c2-main .cell a .hide-info .des{

    font-weight: 400;

    font-size: 12px;

    color: #FFFFFF;

    padding: 10px;

}

.index-c2 .index-c2-main .cell a .hide-info img{

    margin-top: 30px;

}



.index-c3 {

    padding: 35px 0;

    background-image: url("../images/bg1.png");

    background-size: cover;

    background-repeat: no-repeat;

}

.index-c3 .index-c3-des {

    font-size: 18px;

    color: #333333;

    padding: 22px 0;

}

.index-c3 .index-c3-main {

    padding: 35px 0;

}

.index-c3 .index-c3-main .cell {

    width: calc((100% / 4) - 14px);

    margin-right: 18px;

}

.index-c3 .index-c3-main .cell:nth-child(4n) {

    margin-right: 0;

}

.index-c3 .index-c3-main .cell a{

    display: block;

    height: 348px;

    background: #FFFFFF;

    box-shadow: 0px 3px 15px rgba(178,178,178,0.16);

    border-radius: 0px;

    position: relative;

}

.index-c3 .index-c3-main .cell a>.app-img{

    width: 100%;

    height: 240px;

}

.index-c3 .index-c3-main .cell a>.info{

    width: 100%;

    height: 108px;

    background-color: #ffffff;

}

.index-c3 .index-c3-main .cell a>.info .title{

    font-weight: bold;

    font-size: 18px;

    color: #333333;

}

.index-c3 .index-c3-main .cell a>.info .index{

    font-size: 12px;

    color: #969696;

}

.index-c3 .index-c3-main .cell a .max-info {

    width: 100%;

    position: absolute;

    left: 0;

    right: 0;

    top: -35px;

    display: none;

    box-shadow: 0px 3px 15px rgba(178,178,178,0.16);

}

.index-c3 .index-c3-main .cell a .max-info .app-img{

    width: 100%;

    height: 112px;

}

.index-c3 .index-c3-main .cell a .max-info .content{

    width: 100%;

    height: 280px;

    background-color: #ffffff;

    padding: 0 17px;

}

.index-c3 .index-c3-main .cell a .max-info .content .title{

    font-weight: bold;

    font-size: 18px;

    color: #333333;

}

.index-c3 .index-c3-main .cell a .max-info .content .des{

    font-size: 15px;

    color: #333333;

    padding: 10px 0;

}

.index-c3 .index-c3-main .cell a .max-info .content .index{

    font-size: 12px;

    color: #969696;

}

.index-c3 .index-c3-main .cell a .max-info .link {

    background-color: #046159;

    padding: 0 15px;

    height: 45px;

}

.index-c3 .index-c3-main .cell a .max-info .link .left{

    font-size: 14px;

    color: #ffffff;

}

.index-c3 .index-c3-main .cell a:hover .max-info {

    display: block;

}



.index-c4 {

    padding: 35px 0;

}

.index-c4 .index-c4-des {

    font-size: 18px;

    color: #333333;

    padding-top: 22px 0;

}

.index-c4 .index-c4-main {

    padding: 35px 0;

}

.index-c4 .c4-tab-nav {

    border-bottom: 1px solid #EBEBEB;

}

.index-c4 .c4-tab-nav .cell{

    font-weight: bold;

    font-size: 20px;

    color: #046159;

    padding-bottom: 20px;

    margin: 0 80px;

}

.index-c4 .c4-tab-nav .cell a {

    font-weight: 400;

    font-size: 20px;

    color: #333333;

}

.index-c4 .c4-tab-nav .on {

    border-bottom: 3px solid #046159;

}

.index-c4 .c4-tab-nav .on a {

    font-weight: bold;

    font-size: 20px;

    color: #046159;

}

.index-c4 .c4-tab-main {

    padding-top: 35px;

}

.index-c4 .c4-tab-main .tab-cell {

    display: none;

}

.index-c4 .c4-tab-main .tab-cell:first-child {

    display: block;

}

.index-c4 .c4-tab-main .tab-cell .left {

    width: 50%;

}

.index-c4 .c4-tab-main .tab-cell .left .app-img{

    width: 100%;

    height: 370px;

}

.index-c4 .c4-tab-main .tab-cell .left .title{

    font-size: 16px;

    color: #313131;

}

.index-c4 .c4-tab-main .tab-cell .left .time{

    font-size: 14px;

    color: #B7B7B7;

}

.index-c4 .c4-tab-main .tab-cell .left .t-box {

    padding: 22px 0;

}

.index-c4 .c4-tab-main .tab-cell .left .des{

    font-size: 12px;

    color: #888585;

    line-height: 180%;

}

.index-c4 .c4-tab-main .tab-cell .left .more {

    margin-top: 30px;

}

.index-c4 .c4-tab-main .tab-cell .left .more .text{

    font-size: 16px;

    color: #969696;

    margin-right: 10px;

}

.index-c4 .c4-tab-main .tab-cell .right {

    width: 50%;

    padding-left: 5%;

}

.index-c4 .c4-tab-main .tab-cell .right .cell{

    margin-bottom: 10px;

}

.index-c4 .c4-tab-main .tab-cell .right .cell a .app-img{

    width: 250px;

    height: 150px;

}

.index-c4 .c4-tab-main .tab-cell .right .cell a .r-right {

    flex: 1;

    padding-left: 20px;

}

.index-c4 .c4-tab-main .tab-cell .right .cell a .r-right .title{

    font-weight: bold;

    font-size: 14px;

    color: #313131;

}

.index-c4 .c4-tab-main .tab-cell .right .cell a .r-right .time{

    font-weight: 400;

    font-size: 16px;

    color: #B7B7B7;

    padding: 14px 0;

}

.index-c4 .c4-tab-main .tab-cell .right .cell a .r-right .des{

    font-weight: 500;

    font-size: 14px;

    color: #888585;

}

.index-c4 .c4-tab-main .tab-cell .right .cell a:hover{

    background: #FFFFFF;

    box-shadow: 0px 3px 20px #CFE8E6;

    border-radius: 0px;

    border: 1px solid rgba(69,181,171,0.502);

    padding: 20px;

}



.index-contact {

    background-image: url("../images/bg2.jpg");

    background-size: cover;

    background-repeat: no-repeat;

    padding: 35px 0;

}

.index-contact .left {

    font-weight: bold;

    font-size: 20px;

    color: #333333;

}

.index-contact .line{

    height: 160px;

    width: 1px;

    background-color: #CCCCCC;

    margin: 0 8%;

}

.index-contact .right {

    flex: 1;

}

.index-contact .right .cell .title{

    font-weight: bold;

    font-size: 16px;

    color: #333333;

    padding: 15px 0;

}

.index-contact .right .cell .title a{

    color: #333333;

}

.index-contact .right .cell p{

    font-weight: 400;

    font-size: 14px;

    color: #969696;

    text-align: center;

}

.index-contact .right .cell p span{

    color: #333333;

    font-weight: bold;
    padding-top: 10px;
    display: inline-block;

}
.index-contact .right .cell img{
    width: 55px;
}





.page-banner {

    width: 100%;

    height:180px;
    background-repeat: no-repeat;
    background-position: center;

}

.page-banner .app-img {

    width: 100%;

    height: 100%;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;

}
.page-banner .app-img img{
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}



.app-page {

    padding: 30px 0;

}

.nav-bar {

    font-size: 12px;

    color: #666666;

}

.nav-bar a{

    font-size: 12px;

    color: #666666;

}

.nav-bar span{
    padding: 0 6px;

}

.page-main {

    padding-top: 30px;

}

.page-main .left{

    width: 215px;

}

.page-main .left-main{

    background: #F7F7F7;

    width: 100%;

    padding: 30px 0  30px 40px;
    position: sticky;
    top: 126px;

}

.page-main .left .l-title .text{

    font-weight: bold;

    font-size: 20px;

    color: #333333;

}

.page-main .left ul{

    padding-top: 50px;

}

.page-main .left ul li{

    height: 41px;

    border-radius: 0px;

    font-size: 14px;

    color: #333333;

    line-height: 41px;

}

.page-main .left ul li a{

    font-size: 14px;

    color: #333333;

}

.page-main .left ul li.on{

    background-color: #ffffff;

}

.page-main .left ul li.on a{

    border-bottom: 3px solid #046159;

}

.page-main .left ul li:hover{

    background-color: #FAFAFB;

}
.page-main .left ul li:hover a{

    border-bottom: 3px solid #046159;

}

.page-main .right{

    width: calc(100% - 215px);

    padding-left: 25px;

}

.page-box-title {

    width: 100%;

    overflow: hidden;

    border-bottom: 3px solid #45B5AB;

}

.page-box-title .left .text{

    background-image: url("../images/title-bg3.png");

    background-size: cover;

    background-repeat: no-repeat;

    width: 210px;

    height: 44px;

    font-weight: bold;

    font-size: 16px;

    color: #FFFFFF;

}

.about-main .about-top{

    padding: 30px 0;

}

.about-main .about-top .a-left{

    width: 50%;

    font-size: 14px;

    color: #666666;

    line-height: 180%;

    padding-top: 15px;

    padding-right: 5%;

}

.about-main .about-top .a-left b{

    font-size: 26px;

    color: #046159;

    display: block;

    margin-bottom: 15px;

}

.about-main .about-top .a-right{

    width: 50%;

}

.about-main .about-top .a-right img{

    width: 100%;

}

.about-main .about-content {

    font-size: 18px;

    color: #666666;

    line-height: 180%;

    padding: 15px 0;

}

.about-main .about-content img{

    max-width: 100%;

}



.contact-main .contact-top{

    background: #FFFFFF;

    box-shadow: 0px 2px 20px rgba(69,181,171,0.1);

    border-radius: 4px;

    border: 1px solid #EBEBEB;

}



.contact-main {

    padding-top: 60px;

}

.contact-main .contact-top .c-left{

    width: 50%;

    padding: 6%;

}

.contact-main .contact-top .c-left .title{

    font-size: 20px;

    color: #333333;

    border-bottom: 1px solid #e8e8e8;

    padding-bottom: 20px;

    font-weight: bold;

}

.contact-main .contact-top .c-left .des{

    font-size: 14px;

    color: #666666;

    line-height: 180%;

    padding-top: 20px;

}

.contact-main .contact-top .c-right{

    width: 50%;

}

.contact-main .contact-top .c-right .app-img{

    width: 100%;

    height: 330px;

}

.contact-main .map {

    width: 100%;

    height: 475px;

    margin-top: 60px;

}



.qywh-main {

    padding-top: 60px;

}

.qywh-main .qywh-main-content {

    background-image: url("../images/bg3.jpg");

    width: 100%;

    height: 550px;

    padding: 6%;

}

.qywh-main .qywh-main-content .content{

    background-color: rgba(255, 255, 255, 0.7);

    width: 100%;

    height: 100%;

    padding: 6%;

}

.qywh-main .qywh-main-content .content .cell{

    width: 50%;

    padding-bottom: 30px;

}

.qywh-main .qywh-main-content .content .cell .icon{

    width: 6px;

    height: 7px;

    border-radius: 50%;

    border: 2px solid #45B5AB;

    margin-top: 6px;

}

.qywh-main .qywh-main-content .content .cell .c-right{

    padding-left: 15px;

}

.qywh-main .qywh-main-content .content .cell .c-right .label{

    font-size: 15px;

    font-weight: bold;

    padding-bottom: 10px;

    color: #333333;

}

.qywh-main .qywh-main-content .content .cell .c-right .value{

    font-size: 12px;

    color: #999999;

}



.news-top {

    padding-top: 20px;

}

.news-top .news-nav .cell {

    margin-right: 30px;

}

.news-top .news-nav .cell a{

    height: 45px;

    background: #F7F7F7;

    border-radius: 9px;

    display: block;

    padding: 0 30px;

    color: #666666;

    line-height: 45px;

}

.news-top .news-nav .on a{

    background: #046159;

    color: #ffffff;

}

.news-top .right  form {

    width: 207px;

    height: 32px;

    background: #FFFFFF;

    border-radius: 16px;

    border: 1px solid #CCCCCC;

    padding: 0 10px;

}

.news-top .right form input{

    border: none;

    font-size: 14px;

    color: #9DA0A5;

    text-align: center;

}

.news-main {

    padding-top: 20px;

}

.news-main .left{

    padding-right: 4%;

    flex: 1;

    width: calc(100% - 365px);

}

.news-main .news-list .cell {

    border-bottom: 1px solid #EBEBEB;

    padding: 20px 0;

}

.news-main .news-list .cell>div .app-img{

    width: 218px;

    height: 147px;

}

.news-main .news-list .cell>div .n-right {

    padding-left: 20px;

    flex: 1;

}

.news-main .news-list .cell>div .n-right .title{

    font-size: 16px;

    color: #19191a;
    font-weight: 600;

}
.news-main .news-list .cell>div .n-right .title a{

    font-size: 14px;

    color: #19191a;
    font-weight: 600;

}
.news-main .news-list .cell>div .n-right .title:hover{
    text-decoration: underline;
}
.news-main .news-list .cell>div .n-right .time{

    font-size: 13px;

    color: #B7B7B7;

    padding: 20px 0;

}

.news-main .news-list .cell>div .n-right .des{

    font-size: 13px;

    color: #19191a;
    
    line-height: 1.5;

}
.news-main .news-list .cell>div .n-right .des a{
    color: #349FFE;

}

.news-main .right{

    width: 365px;

}

.news-main .right .cell-box {

    margin-bottom: 25px;

}

.news-main .right .cell-box .wrap{

    border: 1px solid #EBEBEB;

    padding: 17px;

}

.news-main .right .cell-box .wrap .tag a{

    height: 30px;

    background: #EBEBEB;

    border-radius: 12px;

    padding: 0 10px;

    line-height: 30px;

    font-size: 12px;

    color: #333333;

    display: block;

    margin-right: 16px;

    margin-bottom: 16px;

}

.news-main .right .cell-box .wrap .tag a.on{

    background: #45B5AB;

    color: #ffffff;

}

.news-main .t-product .cell{

    width: calc((100% / 2) - 5px);

    margin-right: 10px;

    margin-bottom: 10px;

    background-color: #F5F5F5;

}

.news-main .t-product .cell:nth-child(2n){

    margin-right: 0;

}

.news-main .t-product .cell a{

    display: block;

    padding: 5px;

}

.news-main .t-product .cell a .app-img{

    width: 100%;

    height: 120px;

}

.news-main .t-product .cell a .p-title {

    background-color: #ffffff;

    height: 38px;

    padding: 5px 10px;

}

.news-main .t-product .cell a .p-title .left{

    font-size: 12px;

    color: #333333;

}

.news-main .t-product .cell a .p-title img{

    width: 20px;

}

.news-main .r-news .cell{

    padding-bottom: 30px;

    width: 100%;

}

.news-main .r-news .cell a{

    display: block;

}

.news-main .r-news .cell a .app-img{

    width: 100%;

    height: 148px;

}

.news-main .r-news .cell a .title {

    font-size: 12px;

    color: #046159;

    padding-top: 14px;

}





.news-content>.title{

    font-size: 18px;

    color: #333333;

    font-weight: bold;

    text-align: center;
    
    line-height: 1.5;

}

.news-content>.time{

    font-size: 14px;

    color: #666666;

    padding-top: 20px;

    text-align: center;

}

.news-content>.content{

    font-size: 14px;

    color: #666666;

    padding-top: 40px;

    line-height: 180%;

    padding-bottom: 40px;

}
.news-content>.content table{
    width: 100% !important;
}

.news-content>.content img{

    max-width: 100%;

}

.news-content>.content-tag {

    padding-bottom: 40px;

    border-bottom: 1px solid #e8e8e8;

}

.news-content>.content-tag .label{

    font-weight: bold;

    font-size: 16px;

    color: #333333;

    padding-bottom: 20px;

}

.news-content>.content-tag a{

    height: 34px;

    background: #EBEBEB;

    border-radius: 22px;

    padding: 0 16px;

    line-height: 34px;

    font-size: 12px;

    color: #333333;

    display: block;

    margin-right: 16px;

    margin-bottom: 16px;

}

.news-content>.content-tag a.on{

    background: #45B5AB;

    color: #ffffff;

}

.news-content .o-news {

    padding-top: 40px;

}

.news-content .o-news .cell{

    width: calc((100% / 2) - 10px);

    margin-right: 20px;

    margin-top: 20px;

}

.news-content .o-news .cell:nth-child(2n){

    margin-right: 0;

}

.news-content .o-news .cell a {

    padding: 18px;

    border: 1px solid #EBEBEB;

}

.news-content .o-news .cell a:hover {

    border: 1px solid rgba(4,97,89,0.4039);

}

.news-content .o-news .cell a .app-img{

    width: 186px;

    height: 119px;

}

.news-content .o-news .cell a .o-n-right {

    flex: 1;

    padding-left: 18px;

}

.news-content .o-news .cell a .o-n-right .title{

    font-weight: bold;

    font-size: 10px;

    color: #046159;

}

.news-content .o-news .cell a .o-n-right .time{

    font-size: 12px;

    color: #B7B7B7;

    padding: 10px 0;

}

.news-content .o-news .cell a .o-n-right .des{

    font-size: 12px;

    color: #888585;

}



.page-product .cell{

    width: calc((100% / 4) - 15px);

    margin-right: 20px;

    margin-bottom: 20px;

}

.page-product .cell:nth-child(4n) {

    margin-right: 0;

}

.page-product .cell a{

    display: block;

    position: relative;

    height: 225px;

    background: linear-gradient(180deg, #FAFAFA 0%, rgba(226,226,226,0.2) 100%);

    border-radius: 0px;

    border: 1px solid #EBEBEB;

    padding: 0;

    overflow: hidden;

}

.page-product .cell a:hover{

    background: linear-gradient(180deg, #FAFAFA 0%, rgba(226,226,226,0.2) 100%);

    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);

    border-radius: 0px;

    border: 1px solid rgba(15,136,125,0.6039);

}

.page-product .cell a .app-img {

    width: 100%;

    height: 225px;

}

.page-product .cell a .info {

    padding: 14px;

    position: absolute;

    left: 0;

    right: 0;

}

.page-product .cell a .info .title{

    font-weight: bold;

    font-size: 16px;

    color: #ffffff;
    overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

}

.page-product .cell a .info .content{

    font-weight: 300;

    font-size: 12px;

    color: #969696;

    padding-top: 7px;
    display: none;

}

.page-product .cell a .show-info {

    background-color: rgba(0, 0, 0, 0.5);

    bottom: 0;

}

.page-product .cell a .hide-info {

    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;

    bottom: -100%;

}
.page-product .cell a .hide-info .title {
    color: #ffffff;
    overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page-product .cell a .hide-info .content {
    color: #ffffff;
    display: block !important;
}

.page-product .cell a .hide-info .more{

    position: absolute;

    right: 10px;

    bottom: 20px;

}

.p-content-page table{
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
}
.p-content-page table td{
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}



.yyly {

    padding-top: 30px;

}

.yyly .img-box img{

    width: 100%;

}

.yyly .content-box {

    padding-top: 30px;

}

.yyly .content-box .title{

    font-weight: bold;

    font-size: 26px;

    color: #333333;

}

.yyly .content-box .text{

    font-size: 16px;

    color: #333333;

    line-height: 180%;

    padding-top: 30px;

}
.yyly .content-box .text table{
    width: 100% !important;
}

.about-main .about-content table{
    width: 100% !important;
}




.yyly .content-box .img {

    padding-top: 30px;

}

.yyly .content-box .img img{

    width: 100%;

}

.yyly .content-box .form {

    background: #F5F9FA;

    padding: 5%;

    margin-top: 30px;

}

.yyly .content-box .form .form-left {

    width: 50%;

}

.yyly .content-box .form .form-right {

    width: 50%;

}

.yyly .content-box .form .cell{

    padding-bottom: 30px;

}

.yyly .content-box .form .cell .label{

    font-size: 16px;

    color: #666666;

    padding-top: 10px;

    width: 90px;

}

.yyly .content-box .form .cell .value {

    flex: 1;

}

.yyly .content-box .form .cell .value input{

    height: 48px;

    background: #FFFFFF;

    border-radius: 4px;

    border: none;

    width: 90%;

    padding-left: 15px;

}

.yyly .content-box .form .cell .value textarea{

    height: 148px;

    background: #FFFFFF;

    border-radius: 4px;

    border: none;

    width: 90%;

    padding: 15px;

}

.yyly .content-box .form .submit {

    width: 162px;

    height: 48px;

    background: #046159;

    border-radius: 6px;

    border: none;

    outline: none;

    font-size: 18px;

    color: #ffffff;

}

.yyly .content-box .xgjjfa .cell {

    width: calc((100% / 3) - 20px);

    margin-right: 30px;

    margin-top: 30px;

}
.yyly .content-box .xgjjfa .cell:nth-child(3n){
    margin-right: 0;
}

.yyly .content-box .xgjjfa .cell a{

    background: #FFFFFF;

    border-radius: 0px;

    border: 1px solid #EBEBEB;

    display: block;

}

.yyly .content-box .xgjjfa .cell a .app-img{

    width: 100%;

    height: 210px;

}

.yyly .content-box .xgjjfa .cell a .info {

    padding: 25px;

}

.yyly .content-box .xgjjfa .cell a .info .title{

    font-weight: bold;

    font-size: 18px;

    color: #333333;

}

.yyly .content-box .xgjjfa .cell a .info .more{

    font-size: 16px;

    color: #666666;

    padding-top: 8px;

}

.yyly .content-box .xgjjfa .cell a .info .more img{

    margin-left: 10px;

}

.yyly .pt-br-30 {

    margin-top: 60px;

    padding-top: 60px;

    border-top: 1px solid #e8e8e8;

}







.p-details {

    padding-top: 40px;

}

.p-details .p-d-top {

    padding-top: 40px;

}

.p-details .p-d-top .left{

    width: 600px;

}

.p-details .p-d-top .left .img{

    background-color: #F8F8F8;
    width: 600px;

}

.p-details .p-d-top .left img{

    width: 100%;
    height: 600px;

}

.p-details .p-d-top .right{

    width: calc(100% - 600px);

    padding-left: 2%;

}

.p-details .p-d-top .right .title{

    font-weight: bold;

    font-size: 24px;

    color: #000000;

}

.p-details .p-d-top .right .des{

    font-size: 16px;

    color: #000000;

    padding: 20px 0;
    line-height: 150%;

    border-bottom: 1px solid #e8e8e8;

}

.p-details .p-d-top .right .info{

    padding-top: 20px;

}

.p-details .p-d-top .right .info .info-left{

    width: 50%;

    border-right: 1px solid #e8e8e8;

}

.p-details .p-d-top .right .info .info-left .cell{

    padding-bottom: 30px;

}

.p-details .p-d-top .right .info .info-left .cell .label{

    font-size: 14px;

    color: #000000;

}

.p-details .p-d-top .right .info .info-left .cell .label img{

    margin-right: 10px;

}

.p-details .p-d-top .right .info .info-left .cell .value{

    font-size: 14px;

    color: #666666;

    padding-top: 10px;

}

.p-details .p-d-top .right .info .info-right{

    width: 49%;

    padding-top: 4%;

    padding-left: 4%;

}

.p-details .p-d-top .right .info .info-right .i-cell{

    font-weight: bold;

    font-size: 20px;

    color: #333333;

    margin-bottom: 20px;

}

.p-details .p-d-top .right .info .info-right .i-cell a{

    font-size: 16px;

    color: #333333;

}

.p-details .p-d-top .right .info .info-right .i-cell img{

    margin-right: 10px;

}

.p-details .p-d-top .right .info .info-right .tel {

    font-size: 16px;

    color: #666666;

    margin-top: 40px;

}

.p-details .p-d-top .right .info .info-right .tel img{

    margin-right: 10px;

}

.p-details .p-d-top .right .info .info-right .link {

    width: 299px;

    height: 57px;

    border-radius: 29px;

    border: 1px solid #046159;

    font-size: 16px;

    color: #046159;

    margin-top: 20px;

}

.p-details .p-d-top .right .info .info-right .link img{

    margin-right: 10px;

}

.p-details .p-d-top .text-info {

    padding-top: 20px;

    margin-top: 20px;

    border-top: 1px solid #e8e8e8;

}

.p-details .p-d-top .text-info .label {

    font-size: 20px;

    color: #000000;

}

.p-details .p-d-top .text-info .value {

    font-size: 16px;

    color: #666666;

    padding-top: 15px;

}

.p-d-nav {

    background: #F7F7F7;

    padding-top: 15px;
    position: sticky;
    top: 104px;
    z-index: 999;

}

.p-d-nav .cell{

    flex: 1;

    text-align: center;

}

.p-d-nav .cell a{

    display: block;

    font-weight: bold;

    font-size: 18px;

    color: #000000;

    padding-bottom: 15px;

    border-bottom: 3px solid #F7F7F7;

}

.p-d-nav .on a{

    color: #046159;

    border-bottom: 3px solid #046159;

}

.p-d-box {

    margin-top: 40px;

}

.p-d-box .title {

    font-weight: bold;

    font-size: 16px;

    color: #333333;

}

.p-d-box .p-d-content {

    padding-top: 30px;

    line-height: 180%;

    font-size: 16px;

    color: #333333;

}
.p-d-box .p-d-content .p-tables tr{
    font-size: 14px !important;
    text-align: center;
}
.p-d-box .p-d-content .p-tables td{
    font-size: 12px !important;
    text-align: center;
}
/* .p-d-box .p-d-content table tr:nth-child(odd) td{
    background-color: #E3E2E2;
} */
.p-d-box .p-d-content .p-tables tr:nth-child(even) td{
    background-color: rgb(243,243,243);
}
.p-d-box .p-d-content .p-tables tr span{
    font-size: 14px !important;
    text-align: center;
}
.p-d-box .p-d-content .p-tables tr strong{
    font-size: 14px !important;
    text-align: center;
}



.p-d-serve {

    padding: 60px 0;

}

.p-d-serve .cell {

    width: calc((100% / 4) - 14px);

    margin-right: 18px;
    margin-bottom: 18px;

}

.p-d-serve .cell:nth-child(4n) {

    margin-right: 0;

}

.p-d-serve .cell a{

    display: block;

    height: 348px;

    background: #FFFFFF;

    box-shadow: 0px 3px 15px rgba(178,178,178,0.16);

    border-radius: 0px;

    position: relative;

}

.p-d-serve .cell a>.app-img{

    width: 100%;

    height: 240px;

}

.p-d-serve .cell a>.info{

    width: 100%;

    height: 108px;

    background-color: #ffffff;

}

.p-d-serve .cell a>.info .title{

    font-weight: bold;

    font-size: 18px;

    color: #333333;

}

.p-d-serve .cell a>.info .index{

    font-size: 12px;

    color: #969696;

}

.p-d-serve .cell a .max-info {

    width: 100%;

    position: absolute;

    left: 0;

    right: 0;

    top: -35px;

    display: none;
    z-index: 99;

    box-shadow: 0px 3px 15px rgba(178,178,178,0.16);

}

.p-d-serve .cell a .max-info .app-img{

    width: 100%;

    height: 112px;

}

.p-d-serve .cell a .max-info .content{

    width: 100%;

    height: 280px;

    background-color: #ffffff;

    padding: 0 17px;

}

.p-d-serve .cell a .max-info .content .title{

    font-weight: bold;

    font-size: 18px;

    color: #333333;

}

.p-d-serve .cell a .max-info .content .des{

    font-size: 15px;

    color: #333333;

    padding: 20px 0;

}

.p-d-serve .cell a .max-info .content .index{

    font-size: 12px;

    color: #969696;

}

.p-d-serve .cell a .max-info .link {

    background-color: #046159;

    padding: 0 15px;

    height: 45px;

}

.p-d-serve .cell a .max-info .link .left{

    font-size: 14px;

    color: #ffffff;

}

.p-d-serve .cell a:hover .max-info {

    display: block;

}



.zlrz {

    padding: 30px 0;

}

.zlrz .des {

    font-size: 18px;

    color: #333333;

}

.zlrz img {

    display: block;

    margin: 30px 0;

}

.zlrz .des span{

    color: #2765A4;

}

.zlrz .des a{

    color: #2765A4;

}



.zljc {

    padding-top: 40px;

}

.zljc .zljc-main {

    background-color: #EBEBEB;

    padding: 50px 70px;

    position: relative;

    background-image: url("../images/bg4.png");

    background-size: cover;

    background-position: center left;

}

.zljc .zljc-main .img{

    position: absolute;

    right: 50px;

    bottom: -20px;

    height: 260px;

}

.zljc .zljc-main .left .des {

    padding-top: 20px;

}



.add-page-nav .marginAuto{

    background: #F7F7F7;

    padding-top: 15px;

}

.add-page-nav .marginAuto .cell {

    height: 50px;

    flex: 1;

}

.add-page-nav .marginAuto .cell a{

    border-bottom: 3px solid #F7F7F7;

    font-weight: bold;
    
    line-height: 40px;
    
    padding-top: 2px;
    
    font-size: 16px;

    color: #333333;

}

.add-page-nav .marginAuto .on a{

    color: #046159;

    border-bottom: 3px solid #046159;

}

.a-page-c1 {

    margin-top: 20px;

}

.a-page-c1 .tab{

    margin-top: 20px;

    border-bottom: 1px solid #e8e8e8;

}

.a-page-c1 .tab .cell{

    padding: 0 20px;

}

.a-page-c1 .tab .cell a{

    font-size: 20px;

    color: #333333;

    height: 50px;

    display: block;

}

.a-page-c1 .tab .on a{

    font-weight: bold;

    color: #046159;

    border-bottom: 3px solid #046159;

}

.a-page-c1 .tab-main {

    padding-top: 20px;

}

.a-page-c1 .tab-main .left{

    width: 40%;

}

.a-page-c1 .tab-main .tab-cell {

    display: none;

}

.a-page-c1 .tab-main .tab-cell:first-child {

    display: block;

}

.a-page-c1 .tab-main .left .img{

    background: linear-gradient(180deg, #FFFFFF 0%, rgba(226,226,226,0.2) 100%);

    border-radius: 0px;

    border: 1px solid #EBEBEB;

}

.a-page-c1 .tab-main .left img{

    width: 100%;

}

.a-page-c1 .tab-main .right {

    width: 60%;

    padding-left: 4%;

}

.a-page-c1 .tab-main .right .title {

    font-weight: bold;

    font-size: 24px;

    color: #000000;

}

.a-page-c1 .tab-main .right .info {

    padding-top: 20px;

}

.a-page-c1 .tab-main .right .info .i-left{

    width: 55%;

    border-right: 1px solid #e8e8e8;

    font-size: 14px;

    color: #000000;

    line-height: 180%;

}

.a-page-c1 .tab-main .right .info .i-left span{

    color: black;

}

.a-page-c1 .tab-main .right .info .i-right{

    width: 44%;

    padding-left: 5%;

}

.a-page-c1 .tab-main .right .info .i-right .cell{

    padding-bottom: 20px;

}

.a-page-c1 .tab-main .right .info .i-right .cell .label{

    font-size: 20px;

    color: #000000;

}

.a-page-c1 .tab-main .right .info .i-right .cell .label img{

    margin-right: 10px;

}

.a-page-c1 .tab-main .right .info .i-right .cell .value{

    font-size: 16px;

    color: #666666;

    padding-top: 10px;

}


.a-page-c1 .tab-main .right .info .i-right .tel {

    font-size: 16px;

    color: #666666;

    margin-top: 10px;
    width: 50%;

}

.a-page-c1 .tab-main .right .info .i-right .tel img{

    margin-right: 10px;

}

.a-page-c1 .tab-main .right .info .i-right .link {
    width: 40%;

    height: 47px;

    border-radius: 29px;

    border: 1px solid #046159;

    font-size: 18px;

    color: #046159;

}

.a-page-c1 .tab-main .right .info .i-right .link img{

    margin-right: 10px;

}




.a-page-c1 .tab-main .right .text-info {

    padding-top: 20px;

}

.a-page-c1 .tab-main .right .text-info .label {

    font-size: 20px;

    color: #000000;

}

.a-page-c1 .tab-main .right .text-info .value {

    font-size: 14px;

    color: #000000;

    padding-top: 15px;

}

.a-page-c2 {

    padding: 20px 0;

    background-image: url("../images/bg5.png");

    background-size: cover;

    background-repeat: no-repeat;

    background-color: #F8F8F8;

    margin-top: 5px;

}

.a-page-c2 .des{

    font-size: 20px;

    color: #333333;

    padding: 15px 0;

}

.a-page-c2-main .cell {

    width: calc((100% / 3) - 5.5%);

    margin-right: 8%;

}

.a-page-c2-main .cell:nth-child(3n) {

    margin-right: 0;

}

.a-page-c2-main .cell .app-img{

    width: 100%;

}

.a-page-c3 {

    margin-top: 20px;

}

.a-page-c3-main {

    margin-top: 25px;

    background: linear-gradient(180deg, #FFFFFF 0%, rgba(226,226,226,0.2) 100%);

    border-radius: 0px;

    border: 1px solid #EBEBEB;

    padding: 3%;

    position: relative;

}

.a-page-c3-main .title{

    font-weight: bold;

    font-size: 20px;

    color: #046159;

}

.a-page-c3-main .des{

    font-size: 18px;

    color: #333333;

    padding-top: 20px;

}

.a-page-c3-main .tag-cell{

    width: 50%;

    padding-top: 20px;

}

.a-page-c3-main .tag-cell .cell{

    width: 250px;

    margin-right: 50px;

    margin-bottom: 20px;

    height: 105px;

    background: #E7F0F0;

    border-radius: 120px;

    font-weight: bold;

    font-size: 14px;

    color: #333333;

    padding-left: 1%;

}

.a-page-c3-main .tag-cell .cell img{

    margin-right: 20px;

}

.a-page-c3-main .tag-cell .cell:nth-child(2n){

    margin-right: 0;

}

.a-page-c3-main .img{

    width: 55%;

    position: absolute;

    right: -10%;

    bottom: -10%;

}

.a-page-c3-main .img img{

    width: 80%;

}

.a-page-c4 {

    margin-top: 20px;

}
.a-page-c4-main {
    width: 100%;
    overflow: hidden;
}
.a-page-c4-main .cell{

    width: 220px;
    margin-right: 30px;

    margin-top: 55px;
    position: relative;

}

.a-page-c4-main .cell .app-img{

    width: 100%;

    height: 345px;

}
.a-page-c4-main .cell .text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(128,128,128);
    text-align: center;
    padding: 8px 12px;
    font-size: 14px;
    color: #ffffff;
}

.a-page-c4-main .cell:nth-child(5n){

    margin-right: 0;

}

.a-page-c5 {

    margin-top: 20px;

    background: linear-gradient(180deg, #E8FAFA 0%, rgba(220,246,246,0) 100%);

    padding: 20px 0;

}

.a-page-c5-main {

}

.a-page-c5-main .cell{

    width: 33.333%;

    margin-top: 20px;

}

.a-page-c5-main .cell .app-img {

    width: 260px;

    height: 260px;

    border-radius: 100%;

    background: rgba(255, 255, 255, 1);

    box-shadow: 0px 3px 10px  rgba(69, 181, 171, 0.23);

}

.a-page-c5-main .cell .l-title {

    padding-top: 20px;

    font-weight: bold;

    font-size: 16px;

    color: #333333;

}

.a-page-c6 {

    margin-top: 20px;

    padding-bottom: 20px;

}

.a-page-c6-main {

    background: linear-gradient(180deg, #FFFFFF 0%, rgba(226,226,226,0.2) 100%);

    border-radius: 0px;

    border: 1px solid #EBEBEB;

    padding: 4%;

    margin-top: 20px;

}

.ac6-ab-top {

    padding-bottom: 20px;

}

.ac6-ab-top .a-t-l{

    width: 65%;

    padding-right: 4%;

}

.ac6-ab-top .a-t-l .title{

    font-weight: bold;

    font-size: 20px;

    color: #046159;

}

.ac6-ab-top .a-t-l .des{

    font-size: 14px;

    color: #333333;

    line-height: 180%;

    padding-top: 30px;
    
    line-height: 1.5;

}

.ac6-ab-top .a-t-r{

    width: 35%;

}

.ac6-ab-top .a-t-r .app-img{

    width: 100%;

}

.ac6-ab-bottom .a-t-l{

    width: 55%;

    padding-right: 4%;

}

.ac6-ab-bottom .a-t-l .cell {

    padding-bottom: 20px;

}

.ac6-ab-bottom .a-t-l .cell .label{



}

.ac6-ab-bottom .a-t-l .cell .label .text{

    background-color: #45B5AB;

    padding: 0 20px;

    color: #ffffff;

}

.ac6-ab-bottom .a-t-l .cell .value{

    font-size: 16px;

    color: #333333;

    padding-top: 15px;

    line-height: 180%;
    
    width: 200%;

}

.ac6-ab-bottom .a-t-r{

    width: 45%;

}

.ac6-ab-bottom .a-t-r .app-img{

    width: 100%;

}


.add-page-nav {
    position: sticky;
    top: 104px;
    z-index: 999;
}

@media only screen and (max-width: 2600px) and (min-width:1024px) {

    .pc-box {

        display: block;

    }

}

@media only screen and (max-width: 1024px) and (min-width:0px) {







    .add-page-nav .marginAuto{

        padding-top: 15px;

    }

    .add-page-nav .marginAuto .cell {

        height: 35px;

        padding-top: 10px;

        flex: none;

        width: 50%;

        margin-bottom: 10px;

    }

    .a-page-c1 {

        margin-top: 20px;

    }

    .a-page-c1 .tab{

        margin-top: 20px;

    }

    .a-page-c1 .tab .cell{

        padding: 0 20px;

    }

    .a-page-c1 .tab-main {

        padding-top: 20px;

    }

    .a-page-c1 .tab-main .left{

        width: 100%;

    }

    .a-page-c1 .tab-main .right {

        width: 100%;

        padding-left: 0;

        padding-top: 20px;

    }

    .a-page-c1 .tab-main .right .title {

        font-size: 24px;

    }

    .a-page-c1 .tab-main .right .info {

        padding-top: 20px;

    }

    .a-page-c1 .tab-main .right .info .i-left{

        width: 100%;

        border-right: none;

        border-bottom: 1px solid #e8e8e8;

        padding-bottom: 20px;

    }

    .a-page-c1 .tab-main .right .info .i-left span{

        color: red;

    }

    .a-page-c1 .tab-main .right .info .i-right{

        width: 100%;

        padding-top: 20px;

        padding-left: 0;

    }

    .a-page-c1 .tab-main .right .info .i-right .cell{

        padding-bottom: 15px;

    }

    .a-page-c1 .tab-main .right .info .i-right .cell .label{

        font-size: 16px;

    }

    .a-page-c1 .tab-main .right .info .i-right .cell .label img{

        margin-right: 10px;

    }

    .a-page-c1 .tab-main .right .info .i-right .cell .value{

        font-size: 12px;

    }

    .a-page-c1 .tab-main .right .text-info {

        padding-top: 12px;

    }

    .a-page-c1 .tab-main .right .text-info .label {

        font-size: 15px;

    }

    .a-page-c1 .tab-main .right .text-info .value {

        font-size: 12px;

    }

    .a-page-c2 {

        padding: 20px 0;

        margin-top: 20px;

    }

    .a-page-c2 .des{

        font-size: 14px;

        padding: 15px 0;

    }

    .a-page-c2-main .cell {

        width: 100%;

        margin-right: 0;

        margin-bottom: 20px;

    }

    .a-page-c3 {

        margin-top: 20px;

    }

    .a-page-c3-main {

        margin-top: 25px;

    }

    .a-page-c3-main .title{

        font-size: 22px;

    }

    .a-page-c3-main .des{

        font-size: 14px;

    }

    .a-page-c3-main .tag-cell{

        width: 100%;

        padding-top: 20px;

    }

    .a-page-c3-main .tag-cell .cell{

        width: 100%;

        margin-right: 15px;

        margin-bottom: 15px;

        height: 105px;

        background: #E7F0F0;

        border-radius: 53px;

        font-weight: bold;

        font-size: 24px;

        color: #333333;

        padding-left: 4%;

    }

    .a-page-c3-main .img{

        width: 100%;

        position: relative;

        right: 0;

        bottom: 0;

        left: 0;

    }

    .a-page-c4 {

        margin-top: 20px;

    }

    .a-page-c4-main .cell{

        width: 100%;

        margin-top: 20px;

        margin-right: 0;

    }

    .a-page-c4-main .cell .app-img{

        width: 100%;

        height: auto;

    }

    .a-page-c4-main .cell:nth-child(5n){

        margin-right: 20px;

    }

    .a-page-c5 {

        margin-top: 20px;

        padding: 15px 0;

    }

    .a-page-c5-main .cell{

        width: 100%;

        margin-top: 15px;

    }

    .a-page-c5-main .cell .app-img {

        width: 200px;

        height: 200px;

        border-radius: 100%;

    }

    .a-page-c5-main .cell .l-title {

        padding-top: 10px;

        font-weight: bold;

        font-size: 16px;

        color: #333333;

    }

    .a-page-c6 {

        margin-top: 20px;

        padding-bottom: 15px;

    }

    .a-page-c6-main {

        margin-top: 20px;

    }

    .ac6-ab-top {

        padding-bottom: 20px;

    }

    .ac6-ab-top .a-t-l{

        width: 100%;

        padding-right: 0;

    }

    .ac6-ab-top .a-t-l .title{

        font-size: 22px;

    }

    .ac6-ab-top .a-t-l .des{

        padding-top: 15px;

    }

    .ac6-ab-top .a-t-r{

        width: 100%;

    }

    .ac6-ab-top .a-t-r .app-img{

        width: 100%;

    }

    .ac6-ab-bottom .a-t-l{

        width: 100%;

        padding-right: 0;

    }

    .ac6-ab-bottom .a-t-l .cell {

        padding-bottom: 15px;

    }

    .ac6-ab-bottom .a-t-l .cell .label .text{

        background-color: #45B5AB;

        padding: 0 12px;

        color: #ffffff;

    }

    .ac6-ab-bottom .a-t-l .cell .value{

        font-size: 13px;

    }

    .ac6-ab-bottom .a-t-r{

        width: 100%;

    }













    .p-details {

        padding-top: 20px;

    }

    .p-details .p-d-top {

        padding-top: 20px;

    }

    .p-details .p-d-top .left{

        width: 100%;

    }

    .p-details .p-d-top .right{

        width: 100%;

        padding-left: 0;

        margin-top: 20px;

    }

    .p-details .p-d-top .right .title{

        font-size: 18px;

    }

    .p-details .p-d-top .right .des{

        font-size: 14px;

        padding: 12px 0;

    }

    .p-details .p-d-top .right .info{

        padding-top: 12px;

    }

    .p-details .p-d-top .right .info .info-left{

        width: 100%;

        border-right: none;

        border-bottom: 1px solid #e8e8e8;

    }

    .p-details .p-d-top .right .info .info-left .cell{

        padding-bottom: 15px;

    }

    .p-details .p-d-top .right .info .info-left .cell .label{

        font-size: 14px;

    }

    .p-details .p-d-top .right .info .info-left .cell .value{

        font-size: 14px;

    }

    .p-details .p-d-top .right .info .info-right{

        width: 100%;

        padding-top: 20px;

        padding-left: 0;

    }

    .p-details .p-d-top .right .info .info-right .i-cell{

        font-size: 15px;

    }

    .p-details .p-d-top .right .info .info-right .i-cell a{

        font-size: 14px;

    }

    .p-details .p-d-top .right .info .info-right .i-cell img{

        margin-right: 10px;

    }

    .p-details .p-d-top .right .info .info-right .tel {

        font-size: 12px;

        margin-top: 20px;

    }

    .p-details .p-d-top .right .info .info-right .tel img{

        margin-right: 10px;

    }

    .p-details .p-d-top .right .info .info-right .link {

        width: 199px;

        height: 47px;

        font-size: 16px;

        margin-top: 20px;

    }

    .p-details .p-d-top .right .info .info-right .link img{

        margin-right: 10px;

    }

    .p-details .p-d-top .text-info {

        padding-top: 20px;

        margin-top: 20px;

        border-top: 1px solid #e8e8e8;

    }

    .p-details .p-d-top .text-info .label {

        font-size: 16px;

    }

    .p-details .p-d-top .text-info .value {

        font-size: 12px;

    }

    .p-d-nav {

        margin-top: 20px;

    }

    .p-d-nav .cell{

        flex: none;

        width: 50%;

        text-align: center;

        margin-bottom: 10px;

    }

    .p-d-nav .cell a{

        font-size: 18px;

    }

    .p-d-box {

        margin-top: 20px;

    }

    .p-d-box .title {

        font-size: 16px;

    }

    .p-d-box .p-d-content {

        padding-top: 15px;

    }







    .zlrz {

        padding: 15px 0;

    }

    .zlrz .des {

        font-size: 14px;

    }

    .zlrz img {

        display: block;

        margin: 15px 0;

        max-width: 100%;

    }

    .zlrz .des span{

        color: #2765A4;

    }

    .zlrz .des a{

        color: #2765A4;

    }



    .zljc {

        padding-top: 40px;

    }

    .zljc .zljc-main {

        padding: 20px 30px;

    }

    .zljc .zljc-main .img{

        display: none;

    }

    .zljc .zljc-main .left .des {

        padding-top: 20px;

    }





    .p-d-serve {

        padding: 20px 0;

    }

    .p-d-serve .cell {

        width: 100%;

        margin-right: 0;

        margin-bottom: 18px;

    }

    .p-d-serve .cell a .max-info {

        display: none !important;

    }





    .yyly {

        padding-top: 15px;

    }

    .yyly .img-box img{

        width: 100%;

    }

    .yyly .content-box {

        padding-top: 15px;

    }

    .yyly .content-box .title{

        font-size: 18px;

    }

    .yyly .content-box .text{

        padding-top: 15px;

    }

    .yyly .content-box .img {

        padding-top: 15px;

    }

    .yyly .content-box .img img{

        width: 100%;

    }

    .yyly .content-box .form {

        padding: 3%;

        margin-top: 15px;

    }

    .yyly .content-box .form .form-left {

        width: 100%;

    }

    .yyly .content-box .form .form-right {

        width: 100%;

    }

    .yyly .content-box .form .cell{

        padding-bottom: 15px;

    }

    .yyly .content-box .form .cell .label{

        font-size: 13px;

        padding-top: 12px;

        width: 70px;

    }

    .yyly .content-box .form .cell .value {

        flex: 1;

    }

    .yyly .content-box .xgjjfa .cell {

        width: 100%;

        margin-right: 0;

        margin-top: 15px;

    }

    .yyly .pt-br-30 {

        margin-top: 20px;

        padding-top: 20px;

    }





    .page-product .cell{

        width: 100%;

        margin-right: 0;

    }

    .page-product .cell:nth-child(5n) {

        margin-right: 0;

    }

    .page-product .cell a{

        display: block;

        position: relative;

        height: 307px;

        background: linear-gradient(180deg, #FAFAFA 0%, rgba(226,226,226,0.2) 100%);

        border-radius: 0px;

        border: 1px solid #EBEBEB;

        padding: 8px;

        overflow: hidden;

    }

    .page-product .cell a:hover{

        background: linear-gradient(180deg, #FAFAFA 0%, rgba(226,226,226,0.2) 100%);

        box-shadow: 0px 3px 6px rgba(0,0,0,0.16);

        border-radius: 0px;

        border: 1px solid rgba(15,136,125,0.6039);

    }

    .page-product .cell a .app-img {

        width: 100%;

        height: 190px;

    }

    .page-product .cell a .info {

        padding: 14px;

        position: absolute;

        left: 8px;

        right: 8px;

    }

    .page-product .cell a .info .title{

        font-weight: bold;

        font-size: 16px;

        color: #343434;

    }

    .page-product .cell a .info .content{

        font-weight: 300;

        font-size: 12px;

        color: #969696;

        padding-top: 7px;

    }

    .page-product .cell a .show-info {

        background-color: #ffffff;

        bottom: 8px;

    }

    .page-product .cell a .hide-info {

        background-color: rgba(255, 255, 255, 0.8);

        bottom: -100%;

    }



    .news-content>.title{

        font-size: 20px;

    }

    .news-content>.content{

        padding-top: 20px;

        padding-bottom: 20px;

    }

    .news-content>.content-tag {

        padding-bottom: 20px;

    }

    .news-content>.content-tag .label{

        font-size: 16px;

    }

    .news-content .o-news {

        padding-top: 20px;

    }

    .news-content .o-news .cell{

        width: 100%;

        margin-right: 0;

        margin-top: 20px;

    }

    .news-content .o-news .cell:nth-child(2n){

        margin-right: 0;

    }

    .news-content .o-news .cell a {

        padding: 12px;

    }

    .news-content .o-news .cell a:hover {

        border: 1px solid rgba(4,97,89,0.4039);

    }

    .news-content .o-news .cell a .app-img{

        width: 120px;

        height: 69px;

    }

    .news-content .o-news .cell a .o-n-right {

        flex: 1;

        padding-left: 12px;

    }

    .news-content .o-news .cell a .o-n-right .title{

        font-size: 14px;

    }





    .news-top {

        padding-top: 25px;

    }

    .news-top .news-nav {

        width: 100%;

    }

    .news-top .news-nav .cell {

        margin-right: 15px;

        margin-bottom: 15px;

    }

    .news-top .news-nav .cell a{

        height: 42px;

        padding: 0 15px;

        font-size: 15px;

        line-height: 42px;

    }

    .news-top .right {

        width: 100%;

    }

    .news-top .right  form {

        width: 207px;

        height: 32px;

        background: #FFFFFF;

        border-radius: 16px;

        border: 1px solid #CCCCCC;

        padding: 0 10px;

    }

    .news-top .right form input{

        border: none;

        font-size: 14px;

        color: #9DA0A5;

        text-align: center;

    }

    .news-main {

        padding-top: 20px;

    }

    .news-main .left{

        padding-right: 0;

        flex: none;

        width: 100%;

    }

    .news-main .news-list .cell {

        padding: 15px 0;

    }

    .news-main .news-list .cell a .app-img{

        width: 120px;

        height: 87px;

    }

    .news-main .news-list .cell a .n-right {

        padding-left: 10px;

    }

    .news-main .news-list .cell a .n-right .title{

        font-size: 16px;

    }

    .news-main .news-list .cell a .n-right .time{

        font-size: 12px;

        padding: 10px 0;

    }

    .news-main .news-list .cell a .n-right .des{

        font-size: 12px;

    }

    .news-main .right{

        width: 100%;

        padding-top: 20px;

    }

    .news-main .right .cell-box {

        margin-bottom: 15px;

    }

    .news-main .right .cell-box .wrap{

        border: 1px solid #EBEBEB;

        padding: 17px;

    }

    .news-main .right .cell-box .wrap .tag a{

        padding: 0 12px;

        font-size: 12px;

        margin-right: 12px;

        margin-bottom: 12px;

    }





    .qywh-main {

        padding-top: 20px;

    }

    .qywh-main .qywh-main-content {

        height: auto;

        padding: 3%;

    }

    .qywh-main .qywh-main-content .content{

        padding: 6%;

    }

    .qywh-main .qywh-main-content .content .cell{

        width: 100%;

        padding-bottom: 16px;

    }







    .contact-main {

        padding-top: 20px;

    }

    .contact-main .contact-top .c-left{

        width: 100%;

        padding: 3%;

    }

    .contact-main .contact-top .c-right{

        width: 100%;

    }

    .contact-main .contact-top .c-right .app-img{

        height: 230px;

    }

    .contact-main .map {

        width: 100%;

        height: 275px;

        margin-top: 20px;

    }



    .app-page {

        padding: 20px 0;

    }

    .page-main {

        padding-top: 20px;

    }

    .page-main .left{

        width: 100%;

    }

    .page-main .left-main{

        padding: 15px 0  15px 20px;

    }

    .page-main .left .l-title .text{

        font-size: 16px;

    }

    .page-main .left ul{

        padding-top: 20px;

    }

    .page-main .right{

        width: 100%;

        padding-left: 0;

        padding-top: 20px;

    }

    .about-main .about-top{

        padding: 15px 0;

    }

    .about-main .about-top .a-left{

        width: 100%;

        padding-right: 0;

    }

    .about-main .about-top .a-right{

        width: 100%;

    }





    .page-box-title {

        border-bottom: 2px solid #45B5AB;

        overflow: hidden;

    }

    .page-box-title .left .text{

        width: 158px;

        max-width: 80% !important;

        height: 42px;

        font-size: 22px;

    }





    .page-banner {

        width: 100%;

        height: 140px;

    }



    .index-contact {

        padding: 20px 0;

    }

    .index-contact .left {

        font-size: 24px;

        width: 100%;

    }

    .index-contact .line{

        display: none;

    }

    .index-contact .right {

        width: 100%;

        padding-top: 20px;

    }

    .index-contact .right .cell {

        width: 100%;

        flex: none;

        padding-bottom: 15px;

    }

    .index-contact .right .cell img{

        width: 55px;

    }

    .index-contact .right .cell .title{

        font-weight: bold;

        font-size: 20px;

        color: #333333;

        padding: 20px 0;

    }

    .index-contact .right .cell .title a{

        color: #333333;

    }

    .index-contact .right .cell p{

        font-weight: 400;

        font-size: 18px;

        color: #969696;

        text-align: center;

    }

    .index-contact .right .cell p span{

        color: #333333;

        font-weight: bold;

    }





    .index-c4 {

        padding: 20px 0;

    }

    .index-c4 .index-c4-main {

        padding: 20px 0;

    }

    .index-c4 .c4-tab-nav .cell{

        margin: 0 20px;

    }

    .index-c4 .c4-tab-main .tab-cell .left {

        width: 100%;

    }

    .index-c4 .c4-tab-main .tab-cell .left .app-img{

        width: 100%;

        height: 200px;

    }

    .index-c4 .c4-tab-main .tab-cell .left .title{

        font-size: 20px;

    }

    .index-c4 .c4-tab-main .tab-cell .left .time{

        font-size: 14px;

    }

    .index-c4 .c4-tab-main .tab-cell .left .t-box {

        padding: 14px 0;

    }

    .index-c4 .c4-tab-main .tab-cell .left .des{

        font-size: 14px;

    }

    .index-c4 .c4-tab-main .tab-cell .left .more {

        margin-top: 20px;

    }

    .index-c4 .c4-tab-main .tab-cell .right {

        width: 100%;

        padding-left: 0;

        padding-top: 20px;

    }

    .index-c4 .c4-tab-main .tab-cell .right .cell{

        margin-bottom: 15px;

    }

    .index-c4 .c4-tab-main .tab-cell .right .cell a .app-img{

        width: 120px;

        height: 80px;

    }

    .index-c4 .c4-tab-main .tab-cell .right .cell a .r-right {

        padding-left: 10px;

    }

    .index-c4 .c4-tab-main .tab-cell .right .cell a .r-right .title{

        font-size: 16px;

    }

    .index-c4 .c4-tab-main .tab-cell .right .cell a .r-right .time{

        font-size: 13px;

        padding: 6px 0;

    }

    .index-c4 .c4-tab-main .tab-cell .right .cell a .r-right .des{

        font-size: 12px;

    }

    .index-c4 .c4-tab-main .tab-cell .right .cell a:hover{

        padding: 12px;

    }





    .index-c3 {

        padding: 20px 0;

    }

    .index-c3 .index-c3-main {

        padding: 20px 0;

    }

    .index-c3 .index-c3-main .cell {

        width: 100%;

        margin-right: 0;

        margin-bottom: 18px;

    }

    .index-c3 .index-c3-main .cell a .max-info {

        display: none !important;

    }



    .index-c2 {

        padding: 20px 0;

    }

    .index-c2 .index-c2-main .cell{

        width: 100%;

        margin-right: 0;

    }





    .index-c1 {

        padding: 20px 0;

    }

    .index-c1 .c1-tab {

    }

    .index-c1 .c1-tab .cell{
        margin-bottom: 8px;

    }
    .index-c1 .c1-tab .cell{
        margin-right: 20px !important;
    }

    .index-c1 .tab-main {

        padding-top: 20px;

    }

    .index-c1 .tab-main .tab-cell .cell{

        width: 100%;

        margin-right: 0;

    }

    .index-c1 .tab-main .tab-cell .cell:nth-child(5n) {

        margin-right: 0;

    }

    .index-c1 .tab-main .tab-cell .cell a{

        display: block;

        position: relative;

        height: 307px;

        background: linear-gradient(180deg, #FAFAFA 0%, rgba(226,226,226,0.2) 100%);

        border-radius: 0px;

        border: 1px solid #EBEBEB;

        padding: 8px;

        overflow: hidden;

    }

    .index-c1 .tab-main .tab-cell .cell a:hover{

        background: linear-gradient(180deg, #FAFAFA 0%, rgba(226,226,226,0.2) 100%);

        box-shadow: 0px 3px 6px rgba(0,0,0,0.16);

        border-radius: 0px;

        border: 1px solid rgba(15,136,125,0.6039);

    }

    .index-c1 .tab-main .tab-cell .cell a .app-img {

        width: 100%;

        height: 190px;

    }

    .index-c1 .tab-main .tab-cell .cell a .info {

        padding: 14px;

        position: absolute;

        left: 8px;

        right: 8px;

    }

    .index-c1 .tab-main .tab-cell .cell a .info .title{

        font-weight: bold;

        font-size: 16px;

        color: #343434;

    }

    .index-c1 .tab-main .tab-cell .cell a .info .content{

        font-weight: 300;

        font-size: 12px;

        color: #969696;

        padding-top: 7px;

    }

    .index-c1 .tab-main .tab-cell .cell a .show-info {

        background-color: #ffffff;

        bottom: 8px;

    }

    .index-c1 .tab-main .tab-cell .cell a .hide-info {

        background-color: rgba(255, 255, 255, 0.8);

        bottom: -100%;

    }





    .box-title {

        border-bottom: 2px solid #45B5AB;

        overflow: hidden;

    }

    .box-title .left .text{

        width: 198px;

        max-width: 80% !important;

        height: 42px;

        font-size: 22px;

    }

    /*.pc-box {*/

    /*    display: none;*/

    /*}*/

    .banner {

        height:160px;

    }

    .banner .swiper-slide {

        height:160px;

    }

    .banner .swiper-slide a{

        height:160px;

    }

    .banner .swiper-slide .title{

        font-size: 14px;

    }

    .footer {

        border-top: 1px solid #e8e8e8;

    }

    .footer .top{

        display: none;

    }

    .footer .b-right {

        display: none;

    }

    .footer .bottom {

        border-top: none;

        padding: 15px 0;

    }

    .footer .bottom .copy-right{

        font-size: 14px;

        color: #999999;

        padding-right: 10px;

    }
    
    
    
    

}
.pc-box .nav .cell>a {
    font-size: 12px;
}
.pc-box .nav .cell {
    margin-left:0;
    flex: auto;
    flex-flow: row;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pc-box .nav {
    flex: 1;
}