@charset "UTF-8";

/*首页*/
.header {
    margin: 0 auto;
}

.header .language {
    height     : 38px;
    line-height: 38px;
    text-align : right;

    font-size: 12px;
    color    : #666666;
}

.header .language a {
    color  : #666666;
    padding: 0 10px;
    display: inline-block;

    background     : url(/common/static/img/language-b.png) center right no-repeat;
    background-size: 1px 18px;
}

.header .language a:last-child {
    background: unset;
}

.header .language a img {
    width         : 20px;
    height        : 14px;
    vertical-align: middle;
}

.header .logo {
    height  : 69px;
    clear   : both;
    position: relative;
}

.header .logo .partition {
    font-size       : 0;
    width           : 1px;
    height          : 40px;
    background-color: #ccc;
    margin-top      : 10px;
    margin-left     : 20px;
    margin-right    : 20px;
}

.header .logo .logo-certification {
    margin-top: 0px;
}

.header .logo .share {
    margin-top: 14px;
}

.header .logo .share .block {
    width      : 30px;
    height     : 30px;
    text-align : center;
    line-height: 30px;
    margin     : 10px 10px 0;
}

.header .logo .share .xhs {
    width      : 40px;
    height     : 40px;
    text-align : center;
    line-height: 40px;
    margin-left: 10px;
    margin-top : 2px;
}

.header .logo .qr_code {
    position     : absolute;
    width        : 180px;
    height       : 180px;
    bottom       : -180px;
    right        : 0;
    z-index      : 99;
    box-shadow   : 0px 6px 50px 0px rgba(0, 0, 0, 0.6);
    border-radius: 20px 20px 20px 20px;
    display      : none;
}

.banner {
    position: relative;
}

.banner .img {
    text-align: center;
}

.banner .desc {
    width           : 1095px;
    height          : 230px;
    border-radius   : 10px;
    position        : absolute;
    top             : 200px;
    left            : 240px;
    background-color: #fff;
    opacity         : 0.8;
    font-size       : 60px;
    color           : #333333;
    line-height     : 90px;
    padding         : 20px 0 0 25px;
    box-sizing      : border-box;
}

.product {
    padding-bottom: 50px;
}

.product .style {
    font-size: 16px;
    height   : 70px;
}

.product .style .name {
    width        : 340px;
    height       : 70px;
    line-height  : 70px;
    text-align   : center;
    background   : #FFFFFF;
    border-radius: 10px;
    opacity      : 1;
    margin-right : 26px;
    cursor       : pointer;
}

.product .style .name:last-child {
    margin-right: unset;
}

.product .style .active {
    background: #179F74;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color     : #fff;
}

.product .content {
    width         : 1440px;
    height        : 606px;
    margin-top    : 32px;
    padding-bottom: 20px;
}

.product .content .swiper-slide {
    height       : 586px;
    background   : #FFFFFF;
    border-radius: 20px 20px 20px 20px;
    overflow     : hidden;
    box-shadow   : 0px 4px 4px 0px rgba(0, 0, 0, 0.06);
}

.product .content .swiper-slide .text {
    width     : 723px;
    height    : 586px;
    box-sizing: border-box;
    padding   : 90px 167px 0 80px;
    background: #fff;
}

.product .content .swiper-slide .text .etitle {
    width      : 360px;
    height     : 60px;
    font-size  : 40px;
    font-family: ssbold;
    font-weight: bold;
    color      : #333333;
    line-height: 60px;
}

.product .content .swiper-slide .text .etitle span {
    color: #179F74;
}

.product .content .swiper-slide .text .estitle {
    height     : 45px;
    font-size  : 30px;
    font-weight: 400;
    color      : #333333;
    line-height: 45px;
}

.product .content .swiper-slide .text .title {
    height     : 90px;
    font-size  : 50px;
    font-family: ssbold;
    font-weight: bold;
    color      : #333333;
    line-height: 90px;
    margin-top : 9px;
}

.product .content .swiper-slide .text p {
    height     : 90px;
    font-size  : 14px;
    font-weight: 400;
    color      : #666666;
    line-height: 28px;
    margin-top : 10px;
}

.product .content .swiper-slide .img {
    width : 717px;
    height: 586px;
}

.course {
    padding: 30px 0 50px;
}

.course .content {
    height: 560px;
}

.course .content .swiper-slide {
    height: 420px;
}

.course .content .info {
    width: 582px;
}

.course .content .desc {
    font-size  : 16px;
    font-weight: 400;
    color      : #666666;
    line-height: 35px;
}

.course .content .more {
    width        : 160px;
    height       : 50px;
    line-height  : 50px;
    text-align   : center;
    background   : #179F74;
    border-radius: 10px 10px 10px 10px;
    margin-top   : 43px;
}

.course .content .more a {
    color    : #fff;
    font-size: 16px;
}

.course .content .desc span {
    color: #2D7156;
}

.course .content .info .year {
    margin-top : 100px;
    font-size  : 44px;
    color      : #333333;
    font-weight: bold;
}

.course .content .img {
    position: relative;
}

.course .content .img .bg {
    width        : 600px;
    height       : 400px;
    background   : #FFFFFF;
    border-radius: 20px 20px 20px 20px;
    font-size    : 0;
    position     : absolute;
    top          : 20px;
    left         : -20px;
    z-index      : 1;
}

.course .content .img .photo {
    width   : 700px;
    height  : 400px;
    position: relative;
    z-index : 2;
}

.course .content .img .photo img {
    border-radius: 10px;
    width: 700px;
    height: 400px;
}

.course-swiper-pagination {
    text-align: center;
    margin-top: 100px;
}

.course-swiper-pagination .point {
    display  : inline-block;
    margin   : 0 13px;
    height   : 35px;
    width    : 32px;
    font-size: 14px;
    color    : #333333;
    position : relative;
    cursor   : pointer;
}

.course-swiper-pagination .point::before {
    content      : "";
    width        : 10px;
    height       : 10px;
    background   : #999999;
    display      : block;
    margin       : 0 auto;
    border-radius: 100%;
}

.course-swiper-pagination .point.active {
    color: #179F74;
}

.course-swiper-pagination .point.active::before {
    content   : "";
    background: #179F74;
}

.news {
    background    : #fff;
    padding-bottom: 50px;
}

.news .content .block {
    width       : 330px;
    height      : 398px;
    margin-right: 40px;
    position    : relative;
}

.news .content .block:last-child {
    margin-right: unset;
}

.news .content .block .module {
    position  : relative;
    margin-top: 9px;
}

.news .content .block .pic {
    width        : 330px;
    height       : 260px;
    border-radius: 10px;
    overflow     : hidden;
    opacity      : 1;
}

.news .content .block .date {
    height     : 21px;
    font-size  : 14px;
    font-weight: 400;
    color      : #179F74;
    line-height: 16px;
}

.news .content .block .title {
    width             : 216px;
    height            : 54px;
    font-size         : 18px;
    font-weight       : 400;
    color             : #666666;
    line-height       : 27px;
    margin-top        : 4px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news .content .block .desc {
    width             : 330px;
    height            : 42px;
    font-size         : 14px;
    font-weight       : 400;
    color             : #999999;
    line-height       : 21px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news .content .block .more {
    width        : 100px;
    height       : 40px;
    line-height  : 40px;
    text-align   : center;
    color        : #fff;
    background   : #DDDDDD;
    border-radius: 10px 10px 10px 10px;
    position     : absolute;
    top          : 0;
    right        : 0;
}

.news .content .block:hover .more {
    background: #179F74;
}

.teamwork {
    padding-bottom: 50px;
}

.teamwork .content {
    height: 459px;
}

.teamwork .content .img-gl {
    width      : 953px;
    height     : 459px;
    margin-left: 104px;
}

.teamwork .content .desc-gr {
    width       : 204px;
    margin-right: 103px;
}

.teamwork .content .desc-gr .b01 {
    font-size  : 12px;
    font-weight: 400;
    color      : #999999;
    line-height: 22px;
}

.teamwork .content .desc-gr .b02 {
    margin-top: 40px;
    font-size : 14px;
}

.teamwork .content .desc-gr .b02 .num {
    font-size  : 30px;
    font-weight: 400;
    color      : #666666;
    line-height: 35px;
}

.teamwork .content .desc-gr .b02 .title {
    color: #666666;
}

.teamwork .content .desc-gr .b03 {
    margin-top : 20px;
    font-size  : 12px;
    color      : #999999;
    line-height: 22px;
}

.teamwork .content .desc-gr .b04 {
    width        : 130px;
    height       : 40px;
    line-height  : 40px;
    text-align   : center;
    border-radius: 6px 6px 6px 6px;
    opacity      : 1;
    border       : 1px solid #179F74;
    margin       : 46px auto 0;
}

.index_contact {
    background-color: #fff;
    padding         : 0 205px 50px;
    box-sizing      : border-box;
    box-shadow      : 0px 6px 50px 0px rgba(0, 0, 0, 0.1);
    border-radius   : 20px 20px 20px 20px;
}

.index_contact .st {
    height     : 21px;
    font-size  : 14px;
    color      : #666666;
    line-height: 21px;
    text-align : center;
}

.index_contact .gtitle {
    padding: 60px 0 16px;
}

.index_contact .btn-list {
    margin-top: 48px;
    overflow  : hidden;
    text-align: center;
    position  : relative;
}

.index_contact .btn-list::before {
    content : "";
    width   : 850px;
    height  : 0px;
    opacity : 1;
    border  : 1px dashed #999999;
    position: absolute;
    top     : 22px;
    left    : 86px;
    right   : 0;
}

.index_contact .btn-list .item {
    text-align: center;
}

.index_contact .btn-list .item img {
    width : 44px;
    height: 44px;
}

.index_contact .btn-list .item span {
    display    : block;
    text-align : center;
    height     : 18px;
    font-size  : 12px;
    color      : #999999;
    line-height: 18px;
}

.index_contact .btn-list .tel {
    width: 115px;
    float: left;
}

.index_contact .btn-list .address {
    width   : 400px;
    display : inline-block;
    position: relative;
    z-index : 1;
}

.index_contact .btn-list .email {
    width: 115px;
    float: right;
}

.index_contact .content {
    width        : 975px;
    overflow     : hidden;
    border-radius: 20px;
    margin       : 50px auto 0;
}

.index_contact .content .form_ul {
    overflow: hidden;
    clear   : both;
}

.index_contact .content .form_ul li {
    width         : 485px;
    margin-bottom : 20px;
    padding-top   : 10px;
    display       : inline-block;
    vertical-align: bottom;
    position      : relative;
}

.index_contact .content .form_ul li:nth-child(even) {
    width      : 460px;
    margin-left: 24px;
}

.index_contact .content .form_ul li label {
    height       : 21px;
    font-size    : 14px;
    color        : #333333;
    line-height  : 21px;
    display      : block;
    margin-bottom: 10px;
}

.index_contact .content .form_ul li input {
    background   : unset;
    width        : 460px;
    height       : 40px;
    border-radius: 6px 6px 6px 6px;
    opacity      : 1;
    border       : 1px solid #179F74;
    text-indent  : 10px;
    box-sizing   : border-box;
    font-size    : 14px;
}

.index_contact .content .form_ul li .red {
    color: red;
}

.index_contact .content .form_ul li select {
    background   : unset;
    width        : 460px;
    height       : 40px;
    border-radius: 6px 6px 6px 6px;
    opacity      : 1;
    border       : 1px solid #179F74;
    text-indent  : 10px;
    padding-right: 10px;
    box-sizing   : border-box;
}

.index_contact .content .form_ul li .group_select {
    width        : 150px;
    margin-bottom: 10px;
}

.index_contact .content .form_ul li textarea {
    width        : 460px;
    background   : unset;
    height       : 90px;
    border-radius: 6px 6px 6px 6px;
    opacity      : 1;
    border       : 1px solid #179F74;
    box-sizing   : border-box;
    padding      : 10px;
}

.index_contact .content .form_ul li .farea-m {
    content : 'm';
    width   : 20px;
    height  : 20px;
    position: absolute;
    top     : 50px;
    right   : 12px;
}

.index_contact .content .submit {
    border       : unset;
    width        : 136px;
    height       : 40px;
    background   : #179F74;
    border-radius: 10px 10px 10px 10px;
    display      : block;
    margin       : 30px auto 0;
    font-size    : 16px;
    font-family  : ssbold;
    font-weight  : bold;
    color        : #FFFFFF;
    cursor       : pointer;
}

/* 产品列表页 */
.list-content {
    margin-top: 60px;
}

.list-content .content {
    margin-top: 60px;
}

.list-content .content li {
    width        : 348px;
    height       : 518px;
    background   : #FAFAFA;
    box-shadow   : 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    float        : left;
    margin-right : 16px;
    margin-bottom: 40px;
    overflow     : hidden;
}

.list-content .content li .img {
    display : block;
    height  : 348px;
    overflow: hidden;
}

.list-content .content li .text {
    text-align: center;
    padding   : 30px 40px 0;
}

.list-content .content li .text .title {
    display      : block;
    height       : 24px;
    font-weight  : 400;
    color        : #333333;
    line-height  : 24px;
    margin-bottom: 10px;
}

.list-content .content li .text .en-title {
    display      : block;
    height       : 18px;
    font-size    : 12px;
    color        : #999999;
    line-height  : 18px;
    margin-bottom: 20px;
}

.list-content .content li .text .desc {
    display    : block;
    font-size  : 14px;
    color      : #999999;
    line-height: 21px;
}

.list-content .content li:nth-of-type(4n) {
    margin-right: unset;
}

.product-article {
    margin-top   : 60px;
    margin-bottom: 100px;
}

.product-article .content {
    margin-top: 60px;
}

.product-article .content .img {
    width: 530px;
}

.product-article .content .img img {
    width : 500px;
    height: 500px;
}

.product-article .content .desc {
    width: 806px;
}

.product-article .content .desc h3 {
    font-size  : 14px;
    line-height: 21px;
    color      : #999999;
    font-weight: normal;
}

.product-article .content .desc h2 {
    font-size  : 30px;
    font-weight: bold;
    color      : #333333;
    line-height: 45px;
}

.product-article .content .desc .desc {
    font-size  : 18px;
    color      : #666666;
    line-height: 27px;
    margin-top : 10px;
}

.product-article .content .desc .label {
    font-size  : 14px;
    font-weight: bold;
    color      : #666666;
    line-height: 24px;
    margin-top : 35px;
}

.product-article .content .desc .usage_method_label {
    margin-top: 25px;
}

.product-article .content .desc .specification_label {
    font-size: 16px;
}

.product-article .content .desc .element_label {
    font-size: 16px;
}

.product-article .content .desc .detail {
    font-size  : 14px;
    color      : #999999;
    line-height: 21px;
}

.product-article .content .desc .text {
    margin     : 20px 0;
    line-height: 22px;
    font-size  : 14px;
}

.product-article .content .desc .warn {
    font-size  : 14px;
    font-weight: 400;
    line-height: 21px;
    margin-top : 40px;
}

.list-article {
    margin-top: 60px;
}

.list-article .content {
    margin-top: 60px;
    clear     : both;
}

.list-article .content li {
    width        : 318px;
    height       : 246px;
    background   : #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    overflow     : hidden;
    float        : left;
    margin-right : 56px;
    margin-bottom: 50px;
}

.list-article .content li:nth-of-type(4n) {
    margin-right: unset;
}

.list-article .content li:hover {
    box-shadow       : 4px 4px 6px 0px rgba(0, 0, 0, 0.25);
    animation        : scaleDraw 1s;
    -webkit-animation: scaleDraw 1s;
    transform        : scale(1.1);
}

@keyframes scaleDraw {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

.list-article .content li .img {
    height: 185px;
}

.list-article .content li .text {
    height    : 226px;
    background: #FFFFFF;
    position  : relative;
    padding   : 10px;
}

.list-article .content li .text .title {
    height       : 21px;
    font-size    : 14px;
    font-weight  : bold;
    color        : #333333;
    line-height  : 21px;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
}

.list-article .content li .text .desc {
    height       : 18px;
    font-size    : 12px;
    font-weight  : 400;
    color        : #666666;
    line-height  : 18px;
    margin-top   : 2px;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
}

.list-article .content li .text .more {
    position     : absolute;
    top          : 10px;
    right        : 10px;
    width        : 54px;
    height       : 18px;
    line-height  : 18px;
    background   : #179F74;
    box-shadow   : 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
    border-radius: 4px 4px 4px 4px;
    color        : #fff;
    text-align   : center;
    font-size    : 12px;
}

.list-article .content li .text .more a {
    color: #fff;
}

.show-article {
    margin-top   : 60px;
    margin-bottom: 50px;
}

.show-article .content {
    margin-top: 60px;
    clear     : both;
}

.show-article .content .text {
    width: 997px;
}

.show-article .content .text h2 {
    font-size  : 30px;
    font-weight: 400;
    color      : #333333;
    line-height: 45px;
    text-align : center;
}

.show-article .content .text .info {
    margin-top: 50px;
    text-align: center;
}

.show-article .content .text .info span {
    font-size  : 14px;
    font-weight: 400;
    color      : #999999;
    line-height: 21px;
    margin     : 0 75px;
}

.show-article .content .text .text {
    margin-top   : 50px;
    box-sizing   : border-box;
    background   : #FFFFFF;
    box-shadow   : 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
    border-radius: 20px 20px 20px 20px;
    padding      : 50px 40px;
    overflow     : hidden;
    margin-bottom: 50px;
}

.show-article .content .text .text .detail {
    border-bottom : 1px solid #999999;
    padding-bottom: 20px;
}

.show-article .content .text .text .g-pre-next {
    margin-top: 20px;
}

.show-article .content .text .text .g-pre-next p {
    margin-top: 10px;
    color     : #707070;
}

.show-article .content .text .text .g-pre-next p a {
    color: #666666;
}

.show-article .content .hot {
    width        : 413px;
    margin-top   : 164px;
    margin-bottom: 30px;
}

.show-article .content .hot .recommend {
    font-size  : 30px;
    font-weight: 400;
    color      : #333333;
    line-height: 45px;
}

.show-article .content .hot .desc {
    font-size  : 16px;
    font-weight: 400;
    color      : #666666;
    line-height: 24px;
}

.show-article .content .hot ul {
    margin-top: 30px;
}

.show-article .content .hot ul li {
    height       : 93px;
    background   : #FFFFFF;
    box-shadow   : 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px 10px 10px 10px;
    box-sizing   : border-box;
    padding      : 20px 40px;
    position     : relative;
    margin-bottom: 20px;
}

.show-article .content .hot ul li::after {
    content      : "";
    width        : 6px;
    height       : 6px;
    border-radius: 6px;
    background   : #666666;
    opacity      : 1;
    position     : absolute;
    top          : 44px;
    left         : 20px;
}

.show-article .content .hot ul li a {
    display      : block;
    font-size    : 16px;
    font-weight  : 400;
    color        : #666666;
    line-height  : 24px;
    margin-bottom: 8px;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
}

.show-article .content .hot ul li span {
    font-size  : 14px;
    font-weight: 400;
    color      : #999999;
    line-height: 21px;
}

.page_brand {
    margin-top: 60px;
}

.page_brand .content {
    margin: 60px auto 0;
    width : 1300px;
}

.page_brand .content .introduce {
    height       : 692px;
    background   : #FFFFFF;
    border-radius: 20px 20px 20px 20px;
    box-sizing   : border-box;
    padding-top  : 50px;
    text-align   : center;
}

.page_brand .content .introduce .info {
    width      : 1131px;
    margin     : 0 auto;
    height     : 90px;
    font-size  : 20px;
    font-weight: 400;
    color      : #666666;
    line-height: 30px;
    text-align : left;
}

.page_brand .content .introduce .honor {
    margin-top: 54px;
}

.page_brand .content .introduce .honor img {
    width : 280px;
    margin: 0 16px;
}

.page_brand .content .introduce .honor-bottom {
    margin-top: 63px;
}

.page_brand .content .introduce .honor-bottom img {
    width: 1198px;
}

.page_brand .content .sketch {
    height     : 30px;
    font-size  : 20px;
    font-weight: 400;
    color      : #666666;
    line-height: 30px;
    text-align : center;
    margin-top : 50px;
}

.page_brand .content .map {
    margin-top: 30px;
}

.page_story {
    margin-top: 60px;
}

.page_story .content {
    margin-top: 60px;
}

.page_story .content .headline {
    font-size  : 34px;
    font-weight: bold;
    color      : #179F74;
    line-height: 51px;
    text-align : center;
    overflow   : hidden;
}

.page_story .content .headline span {
    display: block;
}

.page_story .content .headline span:first-child {
    margin-bottom: 9px;
}

.page_story .content .about {
    margin-top: 100px;
}

.page_story .content .about .setup {
    width: 348px;
}

.page_story .content .about .setup .title {
    font-size  : 30px;
    font-weight: bold;
    color      : #333333;
    line-height: 45px;
}

.page_story .content .about .setup .desc {
    margin-top : 40px;
    height     : 24px;
    font-size  : 16px;
    font-weight: 400;
    color      : #666666;
    line-height: 24px;
}

.page_story .content .about .setup .desc p {
    margin-bottom: 10px;
}

.page_story .content .about .setup .desc p:last-child {
    margin-bottom: unset;
}

.page_story .content .about .time {
    width      : 200px;
    margin-left: 198px;
}

.page_story .content .about .time .title {
    height     : 26px;
    font-size  : 26px;
    font-weight: bold;
    color      : #666666;
    line-height: 18px;
}

.page_story .content .about .time .desc {
    margin-top : 10px;
    height     : 8px;
    font-size  : 16px;
    font-weight: bold;
    color      : #666666;
    line-height: 0px;
}

.page_story .content .about .time .img {
    margin-top   : 14px;
    width        : 40px;
    margin-bottom: 13px;
}

.page_story .content .about .img {
    width    : 559.5px;
    font-size: 0;
}

.page_story .content .brand {
    margin-top: 200px;
}

.page_story .content .brand .img {
    width: 559.5px;
}

.page_story .content .brand .text {
    width: 720px;
}

.page_story .content .brand .text .title {
    height     : 45px;
    font-size  : 30px;
    font-weight: bold;
    color      : #333333;
    line-height: 45px;
}

.page_story .content .brand .text .entitle {
    margin-top : 40px;
    height     : 39px;
    font-size  : 26px;
    font-weight: 400;
    color      : #179F74;
    line-height: 39px;
}

.page_story .content .brand .text .desc {
    font-size  : 16px;
    font-weight: 400;
    color      : #999999;
    line-height: 24px;
}

.page_story .content .brand .text .desc .info {
    color      : #666666;
    line-height: 24px;
}

.page_story .content .brand .text .desc p {
    margin-top: 10px;
}

.page_story .content .brand .text .desc p span {
    color: #666666;
}

.page_story .study {
    background : #fff;
    padding-top: 100px;
    margin-top: 100px;
}

.page_story .study .title {
    font-size  : 30px;
    font-weight: bold;
    color      : #333333;
    line-height: 45px;
}

.page_story .study .desc {
    width      : 1426px;
    margin-top : 40px;
    font-size  : 20px;
    font-weight: 400;
    color      : #666666;
    line-height: 30px;
}

.page_story .study .honor {
    margin-top: 50px;
    text-align: center;
}

.page_story .study .honor img {
    width       : 330px;
    margin-right: 40px;
}

.page_story .study .honor img:last-child {
    margin-right: unset;
}

.page_story .study .honor-bottom {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.page_story .patent {
    background : #fff;
    padding-top: 100px;
}

.page_story .patent .title {
    height     : 45px;
    font-size  : 30px;
    font-weight: bold;
    color      : #333333;
    line-height: 45px;
    text-align : center;
}

.page_story .patent .desc {
    margin-top : 40px;
    font-size  : 20px;
    font-weight: 400;
    color      : #666666;
    line-height: 30px;
    text-align : center;
}

.page_story .patent .desc p {
    margin-bottom: 4px;
}

.page_story .patent .desc p:last-child {
    margin-bottom: unset;
}

.page_story .patent .list {
    margin-top: 24px;
}

.page_story .patent .list li {
    display     : inline-block;
    width       : 450px;
    text-align  : center;
    margin-right: 45px;
}

.page_story .patent .list li:last-child {
    margin-right: unset;
}

.page_story .patent .list li .name {
    height       : 30px;
    font-size    : 20px;
    font-weight  : bold;
    color        : #666666;
    line-height  : 30px;
    margin-bottom: 20px;
}

.page_story .patent .honorlist {
    margin-top: 100px;
    text-align: center;
}

.page_story .patent .honorlist li {
    display      : inline-block;
    width        : 479px;
    margin       : 0 59px;
    margin-bottom: 69px;
}

.page_story .patent .honorlist li .name .s01 {
    font-size  : 60px;
    font-weight: bold;
    color      : #CCCCCC;
    line-height: 70px;
    font-family: ssbold;
    display    : inline-block;
}

.page_story .patent .honorlist li .name .s02 {
    font-size   : 60px;
    font-weight : bold;
    color       : #CCCCCC;
    line-height : 70px;
    font-family : ssbold;
    display     : inline-block;
    margin-left : -10px;
    position    : relative;
    top         : 14px;
    margin-right: 10px;
}

.page_story .patent .honorlist li .name .s03 {
    height     : 30px;
    font-size  : 20px;
    font-weight: bold;
    color      : #666666;
    line-height: 23px;
}

.page_story .exclusive {
    padding-top: 100px;
    height     : 338px;
    clear      : both;
}

.page_story .exclusive .text {
    width      : 680px;
    margin-left: 50px;
}

.page_story .exclusive .text .title {
    height     : 45px;
    font-size  : 30px;
    font-weight: bold;
    color      : #333333;
    line-height: 45px;
}

.page_story .exclusive .text .title img {
    vertical-align: middle;
}

.page_story .exclusive .text .title span {
    vertical-align: middle;
}

.page_story .exclusive .text .desc {
    margin-top : 20px;
    font-size  : 20px;
    font-weight: 400;
    color      : #666666;
    line-height: 30px;
}

.page_story .exclusive .text .desc p {
    margin-bottom: 20px;
}

.page_story .exclusive .img {
    width        : 348px;
    height       : 481px;
    box-shadow   : 0px 4px 20px 0px rgba(0, 0, 0, 0.38);
    border-radius: 0px 0px 0px 0px;
    opacity      : 1;
    font-size    : 0;
    margin-left  : 130px;
    position     : relative;
    top          : 160px;
}

.page_story .protein {
    clear     : both;
    background: #fff;
    padding   : 83px 0 100px 271px;
}

.page_story .protein p {
    height       : 45px;
    font-size    : 30px;
    font-weight  : 400;
    color        : #666666;
    line-height  : 45px;
    margin-bottom: 10px;
}

.page_course {
    margin-top: 60px;
}

.page_course .content {
    margin-top: 60px;
}

.page_course .zoom-image {
    width        : 100%;
    height       : 100%;
    transition   : all 1s;
    -o-object-fit: cover;
    object-fit   : cover;
}

.page_course .zoom-image:hover {
    transform: scale(1.06);
}

.page_course .history-list li {
    display        : flex;
    flex-wrap      : wrap;
    width          : 1200px;
    margin         : 0px auto;
    padding-bottom : 50px;
    justify-content: center;
    flex-direction : row-reverse;
    position       : relative;
}

.page_course .history-list li::before {
    position  : absolute;
    display   : block;
    content   : "";
    height    : 100%;
    width     : 1px;
    background: #e2e7ed;
}

.page_course .history-list li:hover .right .title {
    color: #179F74;
}

.page_course .history-list li:hover .left-line {
    border-color: #179F74;
}

.page_course .history-list li:hover .left-line::after,
.page_course .history-list li:hover .left-line::before {
    background: #179F74;
}

.page_course .history-list .left {
    position  : relative;
    width     : 542px;
    box-sizing: border-box;
    overflow  : inherit;
    padding   : 0 0 0 50px;
}

.page_course .history-list .left img {
    position     : relative;
    z-index      : 10;
    border-radius: 10px;
    overflow     : hidden;
}

.page_course .history-list .left-line {
    position     : absolute;
    width        : 16px;
    height       : 16px;
    top          : 50%;
    border-radius: 50%;
    border       : 1.4px solid #999;
    left         : 0;
    transform    : translate(-50%, -50%);
    box-sizing   : border-box;
}

.page_course .history-list .left-line::after,
.page_course .history-list .left-line::before {
    display : block;
    content : "";
    position: absolute;
}

.page_course .history-list .left-line::after {
    width        : 9px;
    height       : 9px;
    border-radius: 50%;
    background   : #999;
    top          : 50%;
    left         : 50%;
    transform    : translate(-50%, -50%);
}

.page_course .history-list .left-line::before {
    height    : 1px;
    width     : 42px;
    background: #999;
    top       : 50%;
    left      : 100%;
}

.page_course .history-list .right {
    text-align   : right;
    padding-right: 50px;
}

.page_course .history-list li:last-child {
    margin-bottom: 113px;
}

.page_course .history-list li:nth-child(odd) {
    flex-direction: inherit;
}

.page_course .history-list li:nth-child(odd) .left {
    padding: 0;
}

.page_course .history-list li:nth-child(odd) .left-line {
    left: 100%;
}

.page_course .history-list li:nth-child(odd) .left-line::before {
    left     : 0;
    transform: translateX(-100%);
}

.page_course .history-list li:nth-child(odd) .right {
    padding   : 0 0 0 50px;
    text-align: left;
}

.page_course .history-list li:nth-child(odd) .left::after {
    transform: translate(-20px, 20px);
}

.page_course .history-list li .right {
    width     : 542px;
    box-sizing: border-box;
    height    : auto;
}

.page_course .history-list li .figure {
    background-color: #eee;
    position        : relative;
    width           : 433px;
    height          : 235px;
}

.page_course .history-list li .figure::after {
    display      : block;
    content      : "";
    width        : 433px;
    height       : 235px;
    position     : absolute;
    bottom       : 0;
    left         : 0;
    transform    : translate(20px, 20px);
    background   : #FFFFFF;
    box-shadow   : 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px 10px 10px 10px;
}

.page_course .history-list li:nth-child(odd) .figure {
    margin-left: 60px;
}

.page_course .history-list li:nth-child(odd) .figure::after {
    transform: translate(-20px, 20px);
}

.page_course .history-list li h3 {
    margin-top : 40px;
    height     : 45px;
    font-size  : 30px;
    font-weight: bold;
    color      : #000000;
    line-height: 45px;
}

.page_course .history-list li p.t {
    height     : 24px;
    font-size  : 16px;
    font-family: ssbold;
    font-weight: bold;
    color      : #333333;
    line-height: 24px;
    margin-top : 10px;
}

.page_course .history-list li p.st {
    font-size  : 14px;
    font-weight: 400;
    color      : #666666;
    line-height: 21px;
    margin-top : 10px;
}

.page_course .index-nav {
    position : fixed;
    top      : 50%;
    left     : 50%;
    transform: translate(-796px, -50%);
    z-index  : 99;
    display  : none;
}

@media screen and (max-width: 1692px) {
    .page_course .index-nav {
        transform: translate(70%, -50%);
        left     : 0;
    }
}

.page_course .index-nav:before {
    content         : "";
    position        : absolute;
    left            : -11px;
    top             : -9px;
    bottom          : -9px;
    width           : 1px;
    background-color: #e2e7ed;
}

.page_course .index-nav li {
    position     : relative;
    margin-bottom: 36px;
    width        : 57px;
    height       : 20px;
    color        : #444;
    font-size    : 16px;
    line-height  : 23px;
    text-indent  : 15px;
    cursor       : pointer;
}

.page_course .index-nav li:before {
    content         : "";
    position        : absolute;
    left            : -14px;
    top             : 50%;
    width           : 7px;
    height          : 7px;
    border-radius   : 50%;
    background-color: #999;
    transform       : translateY(-50%);
}

.page_course .index-nav li.active {
    color          : #fff;
    background     : url(/common/static/img/navindex-active.png) no-repeat;
    background-size: 57px 20px;
}

.page_course .index-nav li.active:before {
    background-color: #179F74;
}

.page_course .index-nav li.active:after {
    position     : absolute;
    left         : -19px;
    top          : 50%;
    content      : "";
    width        : 13px;
    height       : 13px;
    border-radius: 50%;
    border       : 2px solid #179F74;
    transform    : translateY(-50%);
}

.page_cooperation .why {
    padding-top: 60px;
    background : #fff;
}

.page_cooperation .why .title {
    height     : 48px;
    font-size  : 32px;
    font-weight: 400;
    color      : #333333;
    line-height: 48px;
    text-align : center;
    margin-top : 60px;
}

.page_cooperation .why .list {
    overflow  : hidden;
    margin-top: 48px;
}

.page_cooperation .why .list li {
    width        : 135px;
    display      : inline-block;
    text-align   : center;
    margin       : 0 74px;
    margin-bottom: 83px;
}

.page_cooperation .why .list li img {
    width : 82px;
    height: 82px;
}

.page_cooperation .why .list li .t {
    height     : 30px;
    font-size  : 20px;
    font-weight: 400;
    color      : #333333;
    line-height: 30px;
    margin-top : 24px;
}

.page_cooperation .why .list li .st {
    height     : 42px;
    font-size  : 14px;
    color      : #666666;
    line-height: 21px;
    margin-top : 10px;
}

.page_cooperation .why .know-btn {
    width        : 226px;
    height       : 56px;
    background   : #179F74;
    border-radius: 30px 30px 30px 30px;
    font-size    : 24px;
    font-weight  : bold;
    color        : #FFFFFF;
    line-height  : 56px;
    margin       : 0 auto;
    text-align   : center;
    position     : relative;
    top          : 28px;
}

.page_cooperation .why .know-btn a{
    color: #fff;
}

.page_cooperation .advantage {
    padding-top: 130px;
}

.page_cooperation .advantage .title {
    height     : 48px;
    font-size  : 32px;
    color      : #000000;
    line-height: 48px;
    text-align : center;
}

.page_cooperation .advantage .text {
    width          : 646px;
    height         : 646px;
    margin-top     : 20px;
    background     : url(/common/static/img/advantage.png) center center no-repeat;
    background-size: 646px 646px;
    margin         : 20px auto 0;
    position       : relative;
}

.page_cooperation .advantage .text .item {
    width        : 300px;
    height       : 100px;
    background   : linear-gradient(180deg, #E3F2FB 0%, #FFFFFF 100%);
    box-shadow   : 0px 0px 40px 0px rgba(185, 228, 253, 0.5);
    border-radius: 20px 20px 20px 20px;
    border       : 8px solid #FFFFFF;
    box-sizing   : border-box;
    padding      : 15px 10px 0 20px;
}

.page_cooperation .advantage .text .item .gl {
    width        : 60px;
    height       : 60px;
    background   : #179F74;
    border-radius: 100%;
    text-align   : center;
    font-size    : 40px;
    font-family  : ssbold;
    font-weight  : bold;
    color        : #FFFFFF;
    line-height  : 60px;
}

.page_cooperation .advantage .text .item .gr {
    width: 180px;
}

.page_cooperation .advantage .text .item .gr .t {
    height     : 30px;
    font-size  : 20px;
    font-weight: 400;
    color      : #333333;
    line-height: 30px;
}

.page_cooperation .advantage .text .item .gr .st {
    height     : 21px;
    font-size  : 14px;
    color      : #666666;
    line-height: 21px;
    margin-top : 10px;
}

.page_cooperation .advantage .text #item1 {
    position: absolute;
    top     : 18px;
    left    : 170px;
}

.page_cooperation .advantage .text #item2 {
    position: absolute;
    top     : 237px;
    left    : -130px;
}

.page_cooperation .advantage .text #item3 {
    position: absolute;
    bottom  : 105px;
    left    : -90px;
}

.page_cooperation .advantage .text #item4 {
    position: absolute;
    bottom  : 105px;
    right   : -90px;
}

.page_cooperation .advantage .text #item5 {
    position: absolute;
    top     : 237px;
    right   : -130px;
}

.page_cooperation .advantage .text .active {
    background: #179F74;
}

.page_cooperation .advantage .text .active .gl {
    background: #fff;
    color     : #179F74;
}

.page_cooperation .advantage .text .active .gr {
    color: #fff;
}

.page_cooperation .advantage .text .active .gr .t {
    color: #fff;
}

.page_cooperation .advantage .text .active .gr .st {
    color: #fff;
}

.page_cooperation .join {
    background    : #2B2B2B;
    text-align    : center;
    padding-bottom: 100px;
}

.page_cooperation .join .title-btn {
    margin       : 0 auto;
    width        : 226px;
    height       : 56px;
    background   : #179F74;
    border-radius: 30px 30px 30px 30px;
    font-size    : 24px;
    font-family  : ssbold;
    font-weight  : bold;
    color        : #FFFFFF;
    line-height  : 56px;
    position     : relative;
    top          : -28px;
}

.page_cooperation .join .title-btn a{
    color: #fff;
}

.page_cooperation .join .title {
    height     : 48px;
    font-size  : 32px;
    color      : #FFFFFF;
    line-height: 48px;
    margin     : 110px auto 0;
}

.page_cooperation .join .list li {
    display: inline-block;
    margin : 50px 60px 0;
    width  : 380px;
}

.page_cooperation .join .list li img {
    width : 80px;
    height: 80px;
}

.page_cooperation .join .list li .t {
    height     : 36px;
    font-size  : 24px;
    color      : #FFFFFF;
    line-height: 36px;
    margin-top : 10px;
}

.page_cooperation .join .list li .st {
    height     : 27px;
    font-size  : 18px;
    color      : #FFFFFF;
    line-height: 27px;
}

.page_cooperation .teamwork {
    background: #fff;
    padding   : 100px 0 128px;
}

.page_cooperation .teamwork .title {
    height     : 48px;
    font-size  : 32px;
    color      : #333333;
    line-height: 48px;
    text-align : center;
}

.page_cooperation .teamwork .list {
    margin-top: 50px;
    font-size : 0;
}

.page_cooperation .teamwork .list li {
    display    : inline-block;
    width      : 720px;
    height     : 168px;
    line-height: 80px;
    background : #FAFAFA;
    box-sizing : border-box;
    padding    : 44px;
}

.page_cooperation .teamwork .list li img {
    width         : 80px;
    height        : 80px;
    vertical-align: middle;
}

.page_cooperation .teamwork .list li span {
    height        : 30px;
    font-size     : 20px;
    color         : #333333;
    line-height   : 30px;
    vertical-align: middle;
    margin-left   : 44px;
}

.page_cooperation .teamwork .list .active {
    background: #EEEEEE;
}

.page_cooperation .consult {
    padding-bottom: 100px;
}

.page_cooperation .consult .title-btn {
    width        : 136px;
    height       : 56px;
    background   : #179F74;
    border-radius: 30px 30px 30px 30px;
    opacity      : 1;
    font-size    : 24px;
    font-family  : ssbold;
    font-weight  : bold;
    color        : #FFFFFF;
    line-height  : 56px;
    margin       : -28px auto 0;
    text-align   : center;
}

.page_cooperation .consult .title {
    height     : 48px;
    font-size  : 32px;
    color      : #333333;
    line-height: 48px;
    text-align : center;
    margin-top : 100px;
}

.page_cooperation .consult .text {
    text-align: center;
    margin-top: 50px;
}

.page_cooperation .consult .text .page-module.skill {
    background-color: #fff;
    height          : 812px;
    position        : relative;
}

.page_cooperation .consult .text .page-module.skill .skill-bg {
    position           : absolute;
    top                : 0;
    left               : 0;
    width              : 100%;
    height             : 100%;
    z-index            : 1;
    background         : url(/common/static/img/consult01.png) no-repeat;
    background-position: 50% 50%;
    background-size    : 1440px 812px;
}

.page_cooperation .consult .text .page-module.skill .circular {
    z-index      : 3;
    position     : absolute;
    width        : 180px;
    height       : 64px;
    left         : 50%;
    border-radius: 36px;
    top          : 304px;
}

.page_cooperation .consult .text .page-module.skill .circular img {
    width  : 0;
    height : 0;
    opacity: 0;
}

.page_cooperation .consult .text .page-module.skill .circular:nth-child(1) {
    transform: translateX(-54%) rotateZ(327deg) translateY(-140px);
}

.page_cooperation .consult .text .page-module.skill .circular:nth-child(2) {
    transform: translateX(-64%) rotateZ(43deg) translateY(-160px);
}

.page_cooperation .consult .text .page-module.skill .circular:nth-child(3) {
    transform: translateX(-61%) rotateZ(107deg) translateY(-155px);
}

.page_cooperation .consult .text .page-module.skill .circular:nth-child(4) {
    transform: translateX(-41%) rotateZ(186deg) translateY(-135px);
}

.page_cooperation .consult .text .page-module.skill .circular:nth-child(5) {
    transform: translateX(-41%) rotateZ(255deg) translateY(-153px);
}

.page_cooperation .consult .text .page-module .skill-btn {
    width   : 230px;
    position: absolute;
    bottom  : -28px;
    left    : 50%;
    margin  : 0 -115px;
}

.page_cooperation .joinus {
    text-align    : center;
    padding-bottom: 74px;
}

.page_cooperation .joinus .title-btn {
    width        : 136px;
    height       : 56px;
    background   : #179F74;
    border-radius: 30px 30px 30px 30px;
    font-size    : 24px;
    font-family  : ssbold;
    font-weight  : bold;
    color        : #FFFFFF;
    line-height  : 56px;
    margin       : 0 auto;
}

.page_cooperation .joinus .en-title {
    font-size  : 20px;
    color      : #666666;
    line-height: 30px;
    margin-top : 55px;
}

.page_cooperation .joinus .title {
    font-size  : 32px;
    font-family: ssbold;
    font-weight: bold;
    color      : #333333;
    line-height: 48px;
}

.page_cooperation .joinus .text {
    margin-top: 50px;
}

.page_cooperation .joinus .text .nav {
    font-size       : 0;
    background-color: #fff;
    width           : 1200px;
    margin          : 0 auto;
    border-radius   : 20px;
    box-shadow      : 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
}

.page_cooperation .joinus .text .nav li {
    display      : inline-block;
    width        : 400px;
    height       : 80px;
    line-height  : 80px;
    background   : #FFFFFF;
    border-radius: 20px 20px 20px 20px;
    font-size    : 24px;
    font-family  : ssbold;
    font-weight  : bold;
    color        : #333333;
    cursor       : pointer;
}

.page_cooperation .joinus .text .nav li.active {
    background: #179F74;
    color     : #fff;
}

.page_cooperation .joinus .text .list {
    margin-top: 30px;
}

.page_cooperation .joinus .text .list li {
    display: none;
}

.page_cooperation .joinus .text .list li span {
    display      : inline-block;
    width        : 120px;
    height       : 40px;
    line-height  : 40px;
    background   : #FFFFFF;
    box-shadow   : 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px 10px 10px 10px;
    margin       : 0 32px;
}

.page_cooperation .joinus .text .list li.show {
    display: block;
}

.page_cooperation .data {
    background-color: #fff;
    padding         : 100px 0;
    text-align      : center;
}

.page_cooperation .data .title {
    font-size  : 32px;
    color      : #333333;
    line-height: 48px;
}

.page_cooperation .data .list {
    font-size : 0;
    margin-top: 50px;
}

.page_cooperation .data .list li {
    display      : inline-block;
    width        : 480px;
    height       : 215px;
    background   : rgba(217, 217, 217, 0);
    border-radius: 20px 20px 20px 20px;
    padding-top  : 50px;
    box-sizing   : border-box;
    cursor       : pointer;
}

.page_cooperation .data .list li .num {
    height     : 75px;
    font-size  : 50px;
    font-family: ssbold;
    font-weight: bold;
    color      : #333333;
    line-height: 75px;
}

.page_cooperation .data .list li .num span {
    height     : 39px;
    font-size  : 26px;
    color      : #333333;
    line-height: 39px;
}

.page_cooperation .data .list li .desc {
    height     : 30px;
    font-size  : 20px;
    color      : #333333;
    line-height: 30px;
    margin-top : 10px;
}

.page_cooperation .data .list li.active {
    background: #FFFFFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}

.page_cooperation .data .desc {
    font-size  : 12px;
    color      : #999999;
    line-height: 18px;
    margin-top : 25px;
}

.page_cooperation .flow {
    padding   : 100px 0;
    text-align: center;
}

.page_cooperation .flow .title {
    font-size  : 32px;
    color      : #333333;
    line-height: 48px;
}

.page_cooperation .flow .list {
    margin-top: 34px;
    font-size : 0;
}

.page_cooperation .flow .list li {
    float: left;
    width: 160px;
}

.page_cooperation .flow .list li:nth-child(odd) {
    position: relative;
}

.page_cooperation .flow .list li:nth-child(odd)::after {
    content        : "";
    width          : 112px;
    height         : 80px;
    background     : url(/common/static/img/vector.png) no-repeat;
    background-size: 112px 80px;
    display        : block;
    margin-left    : 84px;
}

.page_cooperation .flow .list li:nth-child(even) {
    margin-top: 42px;
}

.page_cooperation .flow .list li:nth-child(even)::before {
    content        : "";
    width          : 112px;
    height         : 80px;
    background     : url(/common/static/img/vectort.png) no-repeat;
    background-size: 112px 80px;
    display        : block;
    margin-left    : 84px;
    margin-bottom  : 20px;
}

.page_cooperation .flow .list li:last-child::before {
    content: "";
    width  : 0;
    height : 0;
}

.page_cooperation .flow .list li:last-child::after {
    content: "";
    width  : 0;
    height : 0;
}

.page_cooperation .flow .list li img {
    width : 76px;
    height: 76px;
}

.page_cooperation .flow .list li p {
    height     : 21px;
    font-size  : 14px;
    color      : #333333;
    line-height: 21px;
}

.page_cooperation .contactus {
    background-color: #fff;
    padding         : 100px 0;
}

.page_cooperation .contactus .content {
    width        : 1440px;
    height       : 730px;
    background   : #FFFFFF;
    box-shadow   : 0px 6px 50px 0px rgba(0, 0, 0, 0.1);
    border-radius: 20px 20px 20px 20px;
    margin       : 0 auto;
    padding-top  : 41px;
}

.page_cooperation .contactus .content .title {
    font-size  : 32px;
    font-family: ssbold;
    font-weight: bold;
    color      : #333333;
    line-height: 48px;
    position   : relative;
    text-align : center;
}

.page_cooperation .contactus .content .title::after {
    content   : "";
    width     : 104px;
    height    : 1px;
    background: #CCCCCC;
    position  : absolute;
    left      : 0;
    right     : 0;
    bottom    : 0;
    margin    : 0 auto;
}

.page_cooperation .contactus .content .en-title {
    height     : 21px;
    font-size  : 14px;
    font-family: ssbold;
    font-weight: bold;
    color      : #BBBBBB;
    line-height: 21px;
    text-align : center;
}

.page_cooperation .contactus .content .desc {
    font-size  : 14px;
    color      : #666666;
    line-height: 21px;
    margin-top : 16px;
    text-align : center;
}

.page_contact_us {
    padding: 60px 0 100px;
}

.page_contact_us .en-title {
    margin-top : 60px;
    font-size  : 20px;
    color      : #666666;
    line-height: 30px;
    text-align : center;
}

.page_contact_us .title {
    font-size  : 40px;
    font-family: ssbold;
    font-weight: bold;
    color      : #333333;
    line-height: 60px;
    margin-top : 2px;
    text-align : center;
}

.page_contact_us .consult {
    margin-top: 40px;
}

.page_contact_us .consult .block {
    width        : 450px;
    height       : 352px;
    background   : #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    text-align   : center;
    padding-top  : 20px;
    box-sizing   : border-box;
}

.page_contact_us .consult .t {
    font-size  : 28px;
    font-family: ssbold;
    font-weight: bold;
    color      : #333333;
    line-height: 42px;
}

.page_contact_us .consult .tel {
    margin-right: 45px;
}

.page_contact_us .consult .tel .st {
    font-size  : 23px;
    font-family: ssbold;
    font-weight: bold;
    color      : #666666;
    line-height: 42px;
    margin-top : 40px;
}

.page_contact_us .consult .tel .xt {
    font-size    : 30px;
    font-family  : ssbold;
    font-weight  : bold;
    color        : #179F74;
    line-height  : 60px;
    margin-bottom: 71px;
}

.page_contact_us .consult .tel .desc {
    font-size  : 14px;
    color      : #666666;
    line-height: 24px;
}

.page_contact_us .consult .web .web-btn {
    width        : 210px;
    height       : 62px;
    background   : #179F74;
    border-radius: 10px 10px 10px 10px;
    font-size    : 28px;
    font-family  : ssbold;
    font-weight  : bold;
    color        : #FFFFFF;
    line-height  : 62px;
    box-sizing   : border-box;
    margin       : 71px auto 82px;
}

.page_contact_us .consult .web .desc {
    font-size  : 14px;
    color      : #666666;
    line-height: 24px;
}

.page_contact_us .consult .note input {
    width        : 302px;
    height       : 40px;
    border-radius: 6px 6px 6px 6px;
    opacity      : 1;
    border       : 1px solid #179F74;
    display      : block;
    text-indent  : 43px;
    margin       : 10px auto 0;
    font-size    : 14px;
}

.page_contact_us .consult .note .username {
    background     : url(/common/static/img/form-user.jpg) 8px center no-repeat;
    background-size: 30px 30px;
}

.page_contact_us .consult .note .tel {
    background     : url(/common/static/img/form-tel.jpg) 8px center no-repeat;
    background-size: 30px 30px;
    margin-top     : 16px;
}

.page_contact_us .consult .note .remark {
    width          : 303px;
    height         : 88px;
    border-radius  : 6px 6px 6px 6px;
    border         : 1px solid #179F74;
    margin-top     : 16px;
    padding        : 10px;
    box-sizing     : border-box;
    background     : url(/common/static/img/form-remark.jpg) 8px 5px no-repeat;
    background-size: 30px 30px;
    margin-top     : 16px;
    text-indent    : 34px;
}

.page_contact_us .consult .note .submit {
    width        : 136px;
    height       : 40px;
    background   : #179F74;
    border-radius: 10px 10px 10px 10px;
    opacity      : 1;
    font-size    : 16px;
    font-family  : ssbold;
    font-weight  : bold;
    color        : #FFFFFF;
    line-height  : 40px;
    text-indent  : unset;
    cursor       : pointer;
}

.page_contact_us .company {
    position  : relative;
    margin-top: 40px;
}

.page_contact_us .company .swiper-container {
    padding: 10px;
}

.page_contact_us .company .swiper-slide {
    width        : 350px;
    height       : 339px;
    background   : #FFFFFF;
    box-shadow   : 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px 10px 10px 10px;
    box-sizing   : border-box;
    padding      : 40px 15px 0;
}

.page_contact_us .company .swiper-slide .title {
    height     : 39px;
    font-size  : 22px;
    font-family: ssbold;
    font-weight: bold;
    color      : #333333;
    line-height: 39px;
    text-align : center;
}

.page_contact_us .company .swiper-slide .desc {
    width         : 270px;
    height        : 78px;
    font-size     : 14px;
    font-weight   : 400;
    color         : #666666;
    line-height   : 24px;
    padding-bottom: 30px;
    box-sizing    : border-box;
    border-bottom : 1px solid #CCCCCC;
    margin-top    : 20px;
    margin-bottom : 29px;
}

.page_contact_us .company .swiper-slide p {
    height     : 24px;
    font-size  : 14px;
    color      : #666666;
    line-height: 24px;
    margin-top : 10px;
}

.page_contact_us .company .button-next {
    background     : url(/common/static/img/left.png) no-repeat;
    background-size: 50px 50px;
    width          : 50px;
    height         : 50px;
    position       : absolute;
    top            : 145px;
    left           : -95px;
}

.page_contact_us .company .button-prev {
    background     : url(/common/static/img/right.png) no-repeat;
    background-size: 50px 50px;
    width          : 50px;
    height         : 50px;
    position       : absolute;
    top            : 145px;
    right          : -95px;
}

.page_college {
    padding-bottom: 60px;
}

.page_college .en-title {
    height     : 30px;
    font-size  : 20px;
    color      : #666666;
    line-height: 30px;
    text-align : center;
    margin-top : 60px;
}

.page_college .title {
    height     : 48px;
    font-size  : 32px;
    font-family: ssbold;
    font-weight: bold;
    color      : #333333;
    line-height: 48px;
    text-align : center;
}

.page_college .desc {
    height     : 60px;
    font-size  : 20px;
    color      : #666666;
    line-height: 30px;
    margin-top : 40px;
}

.page_college .introduce {
    padding         : 60px 0 50px;
    background-color: #fff;
}

.page_college .introduce .zhu-btn {
    width        : 200px;
    height       : 60px;
    background   : #179F74;
    border-radius: 180px 180px 180px 180px;
    font-size    : 24px;
    font-family  : ssbold;
    font-weight  : bold;
    color        : #FFFFFF;
    line-height  : 60px;
    margin       : 50px auto 0;
    text-align   : center;
}

.page_college .introduce .feature {
    overflow  : hidden;
    font-size : 0;
    margin-top: 40px;
}

.page_college .introduce .feature li {
    width        : 450px;
    border-radius: 10px;
    float        : left;
    margin-right : 45px;
    text-align   : center;
}

.page_college .introduce .feature li:last-child {
    margin-right: unset;
    float       : right;
}

.page_college .introduce .feature li p {
    height     : 30px;
    font-size  : 20px;
    color      : #666666;
    line-height: 30px;
}

.page_college .introduce .feature li img {
    width     : 450px;
    height    : 300px;
    margin-top: 20px;
}

.page_college .system .text {
    text-align: center;
    margin-top: 50px;
}

.page_college .system .text .nav {
    font-size       : 0;
    background-color: #fff;
    width           : 1200px;
    margin          : 0 auto;
    border-radius   : 20px;
    box-shadow      : 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
}

.page_college .system .text .nav li {
    display      : inline-block;
    width        : 400px;
    height       : 80px;
    line-height  : 80px;
    background   : #FFFFFF;
    border-radius: 20px 20px 20px 20px;
    font-size    : 24px;
    font-family  : ssbold;
    font-weight  : bold;
    color        : #333333;
    cursor       : pointer;
}

.page_college .system .text .nav li.active {
    background: #179F74;
    color     : #fff;
}

.page_college .system .text .list {
    margin-top: 30px;
}

.page_college .system .text .list li {
    display: none;
}

.page_college .system .text .list li span {
    display      : inline-block;
    width        : 120px;
    height       : 40px;
    line-height  : 40px;
    background   : #FFFFFF;
    box-shadow   : 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px 10px 10px 10px;
    margin       : 0 32px;
}

.page_college .system .text .list li.show {
    display: block;
}

.page_college .qualification {
    text-align     : center;
    height         : 762px;
    box-sizing     : border-box;
    padding-top    : 50px;
    background     : url(http://dy.grenia.cn/college-bg1.png) no-repeat;
    background-size: contain;
}

.page_college .qualification .img {
    margin-top: 40px;
}

.page_college .certificate {
    text-align     : center;
    height         : 841px;
    box-sizing     : border-box;
    padding-top    : 2px;
    background     : url(http://dy.grenia.cn/college-bg2.png) no-repeat;
    background-size: contain;
}

.page_college .certificate .img {
    margin-top: 40px;
}

.page_college .classes {
    width        : 1440px;
    height       : 780px;
    background   : #FFFFFF;
    box-shadow   : 0px 4px 100px 0px rgba(0, 0, 0, 0.15);
    border-radius: 10px 10px 10px 10px;
    margin       : 100px auto;
    box-sizing   : border-box;
    padding      : 0 247px;
    overflow     : hidden;
}

.page_college .classes .apply {
    height       : 30px;
    font-size    : 20px;
    color        : #333333;
    line-height  : 30px;
    margin-top   : 40px;
    text-align   : center;
    margin-bottom: 20px;
}

.page_college .classes .date .t {
    height     : 36px;
    font-size  : 24px;
    font-family: ssbold;
    font-weight: bold;
    color      : #333333;
    line-height: 36px;
}

.page_college .classes .date p {
    width        : 300px;
    height       : 50px;
    border-radius: 25px 25px 25px 25px;
    border       : 1px solid #179F74;
    box-sizing   : border-box;
    line-height  : 46px;
    padding-left : 9px;
    margin-top   : 20px;
}

.page_college .classes .date p img {
    width         : 32px;
    height        : 32px;
    vertical-align: middle;
}

.page_college .classes .date p span {
    vertical-align: middle;
    font-size     : 16px;
    color         : #333333;
}

.page_college .classes .form {
    width  : 520px;
    padding: 10px;
}

.page_college .classes .form p {
    margin-bottom: 20px;
    position     : relative;
}

.page_college .classes .form p label {
    width         : 72px;
    height        : 21px;
    font-size     : 14px;
    color         : #333333;
    line-height   : 21px;
    margin-right  : 10px;
    margin-top    : 5px;
    display       : inline-block;
    text-align    : right;
    vertical-align: top;
}

.page_college .classes .form p input {
    border       : unset;
    background   : unset;
    width        : 430px;
    height       : 34px;
    background   : #fff;
    border-radius: 4px 4px 4px 4px;
    font-size    : 14px;
    line-height  : 34px;
    text-indent  : 20px;
    border: 1px solid #179F74;
    box-sizing: border-box;
}

.page_college .classes .form p select {
    border       : unset;
    background   : unset;
    width        : 140.7px;
    height       : 34px;
    background   : #fff;
    border-radius: 4px 4px 4px 4px;
    font-size    : 14px;
    line-height  : 34px;
    text-indent  : 20px;
    border: 1px solid #179F74;
}

.page_college .classes .form p select.cnature {
    width: 430px;
}

.page_college .classes .form p .carea-m {
    position: absolute;
    top     : 5px;
    right   : 10px;
    width   : 20px;
    height  : 20px;
    display : block;
}

.page_college .classes .form p textarea {
    width        : 430px;
    height       : 86px;
    background   : #fff;
    border-radius: 4px 4px 4px 4px;
    box-sizing   : border-box;
    padding      : 10px;
    border: 1px solid #179F74;
}

.page_college .classes .form .submit {
    width        : 150px;
    height       : 40px;
    background   : #179F74;
    border-radius: 6px 6px 6px 6px;
    font-size    : 16px;
    color        : #FFFFFF;
    line-height  : 40px;
    text-align   : center;
    border       : unset;
    margin-left  : 240px;
    display      : block;
}

.page_college .yechnology {
    background-color: #fff;
    overflow        : hidden;
    padding-bottom  : 50px;
}

.page_college .yechnology .block {
    margin-top: 50px;
}

.page_college .yechnology .imgs {
    width   : 672px;
    height  : 692px;
    position: relative;
}

.page_college .yechnology .imgs .s {
    width   : 344px;
    height  : 476px;
    position: absolute;
    left    : 0;
    bottom  : 0;
    display : block;
}

.page_college .yechnology .imgs .b {
    width   : 500px;
    height  : 692px;
    position: absolute;
    right   : 0;
    bottom  : 0;
    display : block;
}

.page_college .yechnology .text {
    width     : 660px;
    margin-top: 108px;
}

.page_college .yechnology .text p {
    height       : 30px;
    font-size    : 20px;
    color        : #666666;
    line-height  : 30px;
    margin-bottom: 30px;
}

.page_college .collection .list {
    margin-top: 40px;
    font-size : 0;
}

.page_college .collection .list li {
    display      : inline-block;
    margin-right : 10px;
    margin-bottom: 13px;
}

.page_college .collection .list li:nth-child(4n) {
    margin-right: unset;
}

.page_college .collection .list li img {
    width : 350px;
    height: 260px;
}

.page_college .collection .map {
    margin-top: 109px;
    text-align: center;
    position  : relative;
}

.page_college .collection .map .data {
    height     : 83px;
    color      : #333333;
    line-height: 23px;
    text-align : left;
}

.page_college .collection .map .data span {
    font-size: 30px;
    color    : red;
}

.page_college .collection .map .dl {
    position: absolute;
    top     : 294px;
    left    : 117px;
}

.page_college .collection .map .dr {
    position: absolute;
    top     : 294px;
    right   : 117px;
}

.page_college .collection .map .btn01 {
    position: absolute;
    bottom  : -140px;
    left    : 169px;
}

.page_college .collection .map .btn02 {
    position: absolute;
    bottom  : -140px;
    left    : 390px;
}

.page_college .collection .map .btn03 {
    position: absolute;
    bottom  : -140px;
    right   : 518px;
}

.page_college .collection .map .btn04 {
    position: absolute;
    bottom  : -140px;
    right   : 196px;
}

.page_college .collection .itemlist {
    margin-top: 157px;
}

.page_college .collection .itemlist li {
    display     : inline-block;
    width       : 350px;
    margin-right: 8px;
}

.page_college .collection .itemlist li:last-child {
    margin-right: unset;
}

.page_college .collection .itemlist li .t {
    height     : 36px;
    font-size  : 24px;
    color      : #333333;
    line-height: 36px;
}

.page_college .collection .itemlist li .st {
    height     : 24px;
    font-size  : 16px;
    color      : #666666;
    line-height: 24px;
}

.page_college .collection .itemlist li .img {
    margin-top   : 10px;
    border-radius: 20px;
    overflow     : hidden;
}

.page_college .collection .itemlist li .img img {
    width : 350px;
    height: 250px;
}

.article_sm {
    padding-top: 60px;
}

.article_sm .title {
    margin    : 60px auto 0;
    text-align: center;
}

.article_sm .title span {
    font-size       : 32px;
    font-family     : ssbold;
    font-weight     : bold;
    color           : #FFFFFF;
    background-color: #179F74;
    padding         : 23px 54px;
    border-radius   : 138px;
    display         : inline-block;
}

.article_sm .en-title {
    text-align : center;
    font-size  : 18px;
    color      : #999999;
    line-height: 27px;
    margin-top : 10px;
}

.article_sm .desc {
    margin-top    : 40px;
    font-size     : 14px;
    color         : #999999;
    line-height   : 21px;
    text-align    : center;
    padding-bottom: 50px;
}

.article_sm .skulist {
    font-size      : 0;
    width          : 1220px;
    margin         : 50px auto 0;
    position       : relative;
    background     : url(/common/static/img/skulist_bg.png) no-repeat;
    background-size: contain;
}

.article_sm .skulist li {
    width     : 305px;
    display   : inline-block;
    padding   : 40px 0 56px;
    box-sizing: border-box;
    position  : relative;
    text-align: center;
}

.article_sm .skulist li span {
    display      : block;
    width        : 30px;
    height       : 30px;
    text-align   : center;
    line-height  : 30px;
    font-size    : 16px;
    font-family  : ssbold;
    font-weight  : bold;
    color        : #FFFFFF;
    background   : #659965;
    border-radius: 100%;
    position     : absolute;
    top          : 0;
    left         : 0;
    right        : 0;
    margin       : -15px auto;
}

.article_sm .skulist li .img {
    width : 200px;
    height: 200px;
}

.article_sm .skulist li .t {
    height       : 21px;
    font-size    : 14px;
    color        : #333333;
    line-height  : 21px;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
}

.article_sm .skulist li .st {
    height       : 18px;
    font-size    : 12px;
    color        : #999999;
    line-height  : 18px;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
}

.article_sm .sku_img{
    margin: 0 auto;
    font-size: 0;
}

.article_sm .flow {
    background-color: #fff;
    padding         : 50px 0;
}

.article_sm .flow .text {
    width         : 820px;
    margin-right  : 120px;
    vertical-align: middle;
    display       : inline-block;
}

.article_sm .flow .text .t {
    height     : 36px;
    font-size  : 24px;
    font-family: ssbold;
    font-weight: bold;
    color      : #333333;
    line-height: 36px;
}

.article_sm .flow .text .info {
    font-size  : 16px;
    color      : #666666;
    line-height: 24px;
}

.article_sm .flow .text .info p {
    margin-top: 26px;
}

.article_sm .flow .img {
    vertical-align: middle;
    width         : 490px;
    text-align    : center;
    display       : inline-block;
}

.article_sm .flow .img .before {
    display       : inline-block;
    vertical-align: middle;
}

.article_sm .flow .img .before span {
    display    : block;
    height     : 21px;
    font-size  : 14px;
    color      : #666666;
    line-height: 21px;
}

.article_sm .flow .img .before img {
    width : 154px;
    height: 182px;
}

.article_sm .flow .img .btn {
    vertical-align: middle;
    width         : 18px;
    height        : 18px;
    margin        : 0 34px;
}

.article_sm .flow .img .after {
    display       : inline-block;
    vertical-align: middle;
}

.article_sm .flow .img .after span {
    display    : block;
    height     : 21px;
    font-size  : 14px;
    color      : #666666;
    line-height: 21px;
}

.article_sm .flow .img .after img {
    width : 154px;
    height: 182px;
}

.article_sm .art-img {
    text-align    : center;
    margin-top    : 50px;
    padding-bottom: 50px;
}

.article_sm .art_info {
    background-color: #fff;
    padding-top     : 50px;
}

.article_sm .art_info .t {
    width         : 58px;
    height        : 30px;
    background    : #179F74;
    border-radius : 10px 10px 10px 10px;
    opacity       : 1;
    font-size     : 16px;
    font-family   : ssbold;
    font-weight   : bold;
    color         : #FFFFFF;
    line-height   : 30px;
    text-align    : center;
    display       : inline-block;
    vertical-align: top;
    margin-right  : 20px;
}

.article_sm .art_info .specification {
    width: 50%;
    float: left;
}

.article_sm .art_info .specification ul {
    width  : 600px;
    display: inline-block;
}

.article_sm .art_info .specification ul li {
    display      : inline-block;
    width        : 300px;
    margin-bottom: 20px;
}

.article_sm .art_info .specification ul li .li-t {
    height     : 21px;
    font-size  : 14px;
    font-family: ssbold;
    font-weight: bold;
    color      : #666666;
    line-height: 21px;
}

.article_sm .art_info .specification ul li .li-desc {
    margin-top : 10px;
    height     : 18px;
    font-size  : 12px;
    color      : #999999;
    line-height: 18px;
}

.article_sm .art_info .ingredient {
    width: 50%;
    float: right;
}

.article_sm .art_info .ingredient .t {
    width: 90px;
}

.article_sm .art_info .ingredient ul {
    width  : 600px;
    display: inline-block;
}

.article_sm .art_info .ingredient ul li {
    display      : inline-block;
    width        : 300px;
    margin-bottom: 20px;
    font-size    : 0;
}

.article_sm .art_info .ingredient ul li img {
    width         : 70px;
    height        : 70px;
    vertical-align: middle;
}

.article_sm .art_info .ingredient ul li span {
    height        : 24px;
    font-size     : 16px;
    font-family   : ssbold;
    font-weight   : bold;
    color         : #333333;
    line-height   : 24px;
    vertical-align: middle;
}

.article_sm .flow_img {
    background-color: #fff;
    padding-top     : 50px;
    text-align      : center;
}

.article_sm .notice {
    margin-top: 50px;
}

.article_sm .notice .notice_title {
    width      : 80px;
    height     : 24px;
    font-size  : 16px;
    font-family: ssbold;
    font-weight: bold;
    color      : #666666;
    line-height: 24px;
}

.article_sm .notice .notice_text {
    width      : 1300px;
    font-size  : 14px;
    color      : #666666;
    line-height: 21px;
}

.article_sm .notice .notice_text p {
    margin-bottom: 12px;
}

/* 分页 */
#page {
    height: unset;
}

/* 上页 下页 */
#page .nopage {
    display: none;
}

#page a {
    display      : inline-block;
    box-sizing   : border-box;
    margin       : unset;
    padding      : 0;
    border       : unset;
    width        : 40px;
    height       : 40px;
    background   : #FFFFFF;
    border-radius: 10px 10px 10px 10px;

    font-size  : 14px;
    color      : #666666;
    line-height: 40px;
    text-align : center;
    margin     : 0 10px;
}

/* 全局悬浮 */
.flex-r {
    position  : fixed;
    top       : 400px;
    right     : 20px;
    width     : 116px;
    text-align: center;
    z-index   : 9999;
}

.flex-r .flex-logo {
    width : 80px;
    height: 98px;
}

.flex-r .group {
    box-sizing   : border-box;
    width        : 116px;
    background   : #179F74;
    border-radius: 20px;
    padding      : 4px 10px 10px;
    box-shadow   : 0px 4px 80px 0px rgba(0, 0, 0, 0.6);
}

.flex-r .group li {
    margin-top: 10px;
}

.flex-r .group li .group-btn {
    display      : block;
    width        : 96px;
    height       : 33px;
    line-height  : 33px;
    box-sizing   : border-box;
    background   : #FFFFFF;
    box-shadow   : 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px 10px 10px 10px;

    font-size  : 14px;
    font-family: ssbold;
    font-weight: bold;
    color      : #179F74;
}

.flex-r .group li .topimg {
    width     : 30px;
    height    : 30px;
    margin-top: 2px;
}

.flex-r .group li .wx-item {
    display   : none;
    margin-top: 15px;
}

.flex-r .group li .wx-item img {
    width : 96px;
    height: 106px;
}

.flex-form {
    position: fixed;
    top     : 20%;
    left    : 0;
    right   : 0;
    margin  : 0 auto;
    z-index : 9999;

    width        : 568px;
    height       : 714px;
    background   : #FFFFFF;
    box-shadow   : 0px 4px 80px 0px rgba(0, 0, 0, 0.3);
    border-radius: 20px 20px 20px 20px;

    box-sizing: border-box;
    padding   : 30px 49px 30px;
    display   : none;
}

.flex-form .t {
    height     : 48px;
    font-size  : 32px;
    font-family: ssbold;
    font-weight: bold;
    color      : #333333;
    line-height: 48px;
    text-align : center;
}

.flex-form .st {
    height     : 21px;
    font-size  : 14px;
    color      : #666666;
    line-height: 21px;
    text-align : center;
}

.flex-form .form_ul {
    margin-top: 10px;
}

.flex-form .form_ul li {
    overflow  : hidden;
    position  : relative;
    margin-top: 20px;
}

.flex-form .form_ul li label {
    display    : block;
    height     : 21px;
    font-size  : 14px;
    color      : #333333;
    line-height: 21px;
}

.flex-form .form_ul li input,
.flex-form .form_ul li select {
    display      : block;
    background   : #fff;
    width        : 459px;
    height       : 40px;
    border-radius: 6px 6px 6px 6px;
    border       : 1px solid #179F74;
    margin-top   : 10px;
    padding      : 0 10px;
    box-sizing   : border-box;
}

.flex-form .form_ul li .red {
    position: absolute;
    right   : 0;
    top     : 40px;
    color   : red;
}

.flex-form .form_ul li .farea-m {
    position   : absolute;
    width      : 20px;
    height     : 20px;
    line-height: 20px;
    text-align : center;
    top        : 38px;
    right      : 18px;
}

.flex-form .form_ul li textarea {
    width        : 459px;
    height       : 90px;
    border-radius: 6px 6px 6px 6px;
    opacity      : 1;
    border       : 1px solid #179F74;
    box-sizing   : border-box;
    padding      : 10px;
}

.flex-form .form_ul_submit {
    border       : unset;
    width        : 300px;
    height       : 40px;
    line-height  : 40px;
    text-align   : center;
    background   : #179F74;
    border-radius: 10px 10px 10px 10px;
    font-size    : 16px;
    font-family  : ssbold;
    font-weight  : bold;
    color        : #FFFFFF;
    margin       : 30px auto 0;
    display      : block;
}

.flex-form .flex-close {
    width   : 22px;
    height  : 22px;
    position: absolute;
    top     : 20px;
    right   : 20px;
    cursor  : pointer;
}

.mask {
    display         : none;
    position        : fixed;
    inset           : 0;
    z-index         : 9997;
    background-color: black;
    opacity         : 0.5;
}