@charset "utf-8";
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    padding: 0;
}

body {
    font-family: arial, "microsoft yahei";
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    width: 100%;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    font-weight: lighter;
}

ul {
    list-style: none;
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select {
    margin: 0;
    padding: 0;
}

a:link, a:visited {
    text-decoration: none;
    outline: 0;
    color: #666
}

a:hover, a:active, a:focus {
    color: #666;
    text-decoration: none
}

img {
    border: 0;
    padding: 0;
    margin: 0;
    max-width: 100%;
}

table {
    border-collapse: collapse;
    width: 100%
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

input, textarea {
    font-size: 14px;
    outline: 0;
    overflow: hidden;
    font-family: arial, "microsoft yahei"
}

input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] {
    cursor: pointer;
    outline: 0;
    border: none;
}

input[type='checkbox'], input[type='radio'] {
    position: relative;
    vertical-align: middle;
}

textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] {
    outline: 0;
    color: #666;
}

input[type="submit"], input[type="reset"], input[type="button"], input[type='text'], select, button {
    -webkit-appearance: none
}

input, select, textarea {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder {
    color: #999;
    opacity: 1;
}

::-moz-placeholder {
    color: #999;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #999;
}

.clearfix:after {
    clear: both;
    height: 0;
    content: "";
    line-height: 0;
    font-size: 0;
    display: block
}

.clear {
    clear: both;
}

.continer1-1 {
    width: 1236px;
    margin: 0 auto;
    transition: 1s;
    position: relative;
}

.continer1 {
    width: 1236px;
    margin: 0 auto;
    transition: 1s;
    position: relative;
}

/*棣栭〉寮€濮?/
body {
    transition: 1s;
}

#main .banner {
    height: 100vh;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#main .banner .swiper-button-prev,
#main .banner .swiper-container-rtl .swiper-button-next {
    background-image: url("../../images/index/index-13.png");
    background-size: 50px 50px;
}

#system .quality-con .text1 span {
    font-size: 0px !important;
    position: relative;
    top: 12px;
    display: inline-block;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    background-color: #333;
    margin-right: 5px;
}

#main .banner .swiper-button-next,
#main .banner .swiper-container-rtl .swiper-button-prev {
    background-image: url("../../images/index/index-12.png");
    background-size: 50px 50px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0px !important;
}

.swiper-button-next, .swiper-button-prev {
    width: 50px !important;
    height: 50px !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0px !important;
}

#main .banner .swiper-container {
    width: 100%;
    height: 100%;
}

#main .banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    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;
}

#main .banner .swiper-slide img {
    width: 100%;
    height: 100%;
}

#main .banner .banner-text {
    position: absolute;
    top: 40vh;
    z-index: 9;
    /*display: flex;*/
    flex-direction: column;
    align-items: center;
    display: none;
}

#main .banner .banner-text .text1 {
    font-size: 60px;
    font-weight: bold;
    color: #000;
    margin-bottom: 28px;
    line-height: 80px;
    letter-spacing: 3px;
}

#main .banner .banner-text .text1 span {
    color: #b92c21;
    font-size: 90px;
}

#main .banner .banner-text .dian {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background-color: #b92c21;
    margin-left: 25px;
    margin-right: 25px;
    position: relative;
    top: -16px;

}

#main .banner .banner-text .text2 {
    font-size: 36px;
    font-family: Arial;
    font-weight: 400;
    color: #151517;
    line-height: 35px;
    margin-bottom: 40px;
    text-transform: uppercase;
}

#main .banner .banner-text .line {
    width: 42px;
    height: 2px;
    background-color: #FFFFFF;
}

#main .banner .banner-text .text3 {
    font-size: 20px;
    color: #FFFFFF;
    line-height: 68px;
    text-shadow: #0f060b 1px 0px 1px;
    display: none;
}

#main .maodian {
    display: block;
    position: absolute;
    bottom: 0px;
    z-index: 9;
}

/*棣栭〉缁撴潫*/

/*鍏充簬鎴戜滑寮€濮?/
#about .about-con {
    margin-bottom: 200px;
}

#about .about-con .about-title {
    font-size: 30px;
    color: #212121;
    line-height: 41px;
    font-weight: lighter;
    margin-top: 50px;
}

#about .about-con .about-line {
    width: 35px;
    height: 1px;
    background: #CD3125;
    margin-top: 25px;
    margin-bottom: 25px;
}

#about .about-con .about-text {
    font-size: 16px;
    color: #191818;
    line-height: 40px;
}

#about .about-con .about-text p {
    margin-bottom: 25px;
}

#about .honor-con {
    margin-top: 62px;
    margin-bottom: 74px;
}

#about .honor-con .swiper-container {
    width: 100%;
    height: 100%;
}

#about .honor-con .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    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;
    transition: 300ms;
    transform: scale(0.8);
}

#about .honor-con .swiper-slide-active,
#about .honor-con .swiper-slide-duplicate-active {
    transform: scale(1);
}

#about .honor-con .cert-block {
    position: relative;
    width: 100%;
    height: 100%;
}

#about .honor-con .cert-block img {
    width: 100%;
    height: 100%;
}

#about .honor-con .cert-block .cert-text {
    background-image: url("../../images/about/about-17.png");
    width: 100%;
    height: 48px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 48px;
    position: absolute;
    bottom: 0px;
    z-index: 9;
}

#about .history-con {
    margin-bottom: 77px;
    margin-top: 77px;
}

#about .culture-con {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 71px;
    margin-bottom: 24px;
}

#about .culture-con .culture-block {
    width: 48%;
    position: relative;
    margin-bottom: 68px;
}

#about .culture-con .culture-block .text-con {
    display: flex;
    transition: 0.5s;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
}

#about .culture-con .culture-block .text-con .text1 {
    font-size: 24px;
    color: #212121;
    line-height: 24px;
    margin-top: 15px;
}

#about .culture-con .culture-block .text-con .text2 {
    font-size: 16px;
    color: #545454;
    line-height: 30px;
    margin-top: 15px;
    width: 80%;
    text-align: center;
}

#about .culture-con .culture-block .text-right {
    transition: 0.3s;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #CD3125;
    width: 0px;
    overflow: hidden;
    height: 100%;
}

#about .culture-con .culture-block .text-right .text1 {
    font-size: 24px;
    color: #fff;
    line-height: 24px;
    margin-top: 15px;
}

#about .culture-con .culture-block .text-right .text2 {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    margin-top: 15px;
    opacity: 0.6;
    width: 80%;
    text-align: center;
}

#about .culture-con .culture-block:hover .text-con {
    display: none;
}

#about .culture-con .culture-block:hover .text-right {
    width: 201px;
    opacity: 1;
}

.in-top-title {
    font-size: 30px;
    color: #212121;
    line-height: 41px;
    margin-top: 70px;
    font-weight: lighter;
}

.in-top-line {
    width: 35px;
    height: 1px;
    background: #CD3125;
    margin-top: 30px;
}

/*鍏充簬鎴戜滑缁撴潫*/

/*鏂伴椈涓績寮€濮?/

/*鏂伴椈涓績缁撴潫*/

/*澶撮儴鑿滃崟寮€濮?/
body {
    position: relative;
}

.header {
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 12;
    padding-top: 0px !important;
    height: 0px !important;
}

.header .header-con {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 55px;
    width: 90%;
    margin: 35px auto 0px;
    align-items: center;
}

.header .header-con .header-left img {
    width: 201px;
    height: 55px;
}

.header .header-con .header-right {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header .header-con .header-right .language {
    width: 117px;
    background-color: #CD3125;
    margin-right: 25px;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 29px;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

#system .quality-con .cert-con .cert-block:empty {
    margin-bottom: 0px;
}

.header .header-con .header-right .language .language-list {
    position: absolute;
    top: 29px;
    height: 0px;
    overflow: hidden;
    transition: 0.5s;
}

.header .header-con .header-right .language .language-list .language-list1 {
    width: 117px;
    height: 29px;
    background-color: #fff;
    color: #333;
    text-align: center;
    line-height: 29px;
    border-top: 1px solid #fff;
}

.header .header-con .header-right .language .language-list .language-list1:hover {
    background-color: #CD3125;
    color: #fff;
}

.header .header-con .header-right .language .arrow {
    width: 10px;
    height: 6px;
    margin-left: 10px;
}

.header .header-con .header-right .language:hover .language-list {
    height: 58px;
}

.header .header-con .header-right .caidan img {
    width: 26px;
    height: 17px;
}

.header .caidan2 {
    position: fixed;
    top: 481px;
    right: 0px;
    width: 42px;
    height: 78px;
    transition: 1s;
    overflow: hidden;
}

.header .caidan2 img {
    width: 42px;
    height: 78px;
}

.header .caidan-in {
    position: fixed;
    top: 0px;
    width: 100%;
    right: 0px;
    height: 100vh;
    transition: 0.5s;
}

.header .mengban {
    background-image: url("../../images/index/nav/nav-9.png");
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    display: none;
    transition: 1s;
}

.header .caidan-in .caidan-in-in {
    background-image: url("../../images/index/nav/nav-8.png");
    position: absolute;
    width: 286px;
    z-index: 9;
    top: 0px;
    right: 0px;
    height: 100vh;
    transition: 0.5s;
}

.header .caidan-in .caidan-in-in .xx {
    margin-left: 242px;
    margin-top: 10px;
}

.header .caidan-in .caidan-in-in .xx img {
    width: 29px;
    height: 29px;
}

.header .caidan-in .caidan-in-in .logo {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.header .caidan-in .caidan-in-in .logo img {
    width: 185px;
    height: 51px;
}

.header .caidan-in .caidan-in-in .line {
    width: 195px;
    height: 1px;
    background: #8B8C8D;
    margin: 0 auto;
}

.header .caidan-in .caidan-in-in .list-con {
    margin-left: 48px;
    margin-right: 48px;
}

.header .caidan-in .caidan-in-in .list-con .list-1 {
    font-size: 16px;
    margin-top: 20px;
    width: 195px;
    position: relative;
}

.header .caidan-in .caidan-in-in .list-con .list-1 .list-1-a {
    color: #212121;
}

.header .caidan-in .caidan-in-in .list-con .list-1 .list-1-arrow {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    background-image: url("../../images/index/nav/nav-6.png");
    width: 7px;
    height: 13px;
    transition: 0.5s;
    padding: 15px;
    background-repeat: no-repeat;
    background-position: center center;
}

.header .caidan-in .caidan-in-in .list-con .list-1 .list2-con {
    margin-top: 10px;
    margin-left: 20px;
    display: none;
    flex-direction: column;

}

.header .caidan-in .caidan-in-in .list-con .list-1 .list2-con .list-2 {
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.header .caidan-in .caidan-in-in .list-con .list-1 .list2-con .list-2:hover {
    color: #CD3125;
}

.header .caidan-in .caidan-in-in .list-con .list-1:hover .list-1-a {
    color: #CD3125;
}

.header .caidan-in .caidan-in-in .list-con .list-1:hover .list-1-arrow {
    background-image: url("../../images/index/nav/nav-7.png");
    width: 13px;
    height: 7px;
    background-repeat: no-repeat;
}

.header .caidan-in .caidan-in-in .list-con .list-1:hover .list2-con {
    display: flex;
}

.header .caidan-in .caidan-in-in .nav-btn {
    position: absolute;
    bottom: 0px;
    margin-left: 48px;
}

.header .caidan-in .caidan-in-in .nav-btn .btn-language {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#main .language-list {
    color: red;
}

#main .lable {
    color: red;
}

.maodian img {
    height: inherit;
}

.header .caidan-in .caidan-in-in .nav-btn .btn-language .btn-language-text {
    margin-left: 17px;
    font-size: 14px;
    color: #212121;
    line-height: 30px;
}

.header .caidan-in .caidan-in-in .nav-btn .btn-language:hover .btn-language-text {
    color: #CD3125;
}

.header .caidan-in .caidan-in-in .nav-btn .share {
    margin-bottom: 22px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 80%;
}

.header .caidan-in .caidan-in-in .nav-btn .share .share-1 {
    width: 26px;
    height: 26px;
    background-image: url("../../images/index/nav/nav-10.png");
    background-repeat: no-repeat;
}

.header .caidan-in .caidan-in-in .nav-btn .share .share-1:hover {
    background-image: url("../../images/index/nav/nav-11.png");
    background-repeat: no-repeat;
}

.header .caidan-in .caidan-in-in .nav-btn .share .share-2 {
    width: 26px;
    height: 26px;
    background-image: url("../../images/index/nav/nav-12.png");
    background-repeat: no-repeat;
}

.header .caidan-in .caidan-in-in .nav-btn .share .share-2:hover {
    background-image: url("../../images/index/nav/nav-2.png");
}

.header .caidan-in .caidan-in-in .nav-btn .share .share-3 {
    width: 26px;
    height: 26px;
    background-image: url("../../images/index/nav/nav-3.png");
}

.header .caidan-in .caidan-in-in .nav-btn .share .share-3:hover {
    background-image: url("../../images/index/nav/nav-13.png");
}

/*澶撮儴鑿滃崟缁撴潫*/

/*棣栭〉寮€濮?/
#main .index-con {
    width: 90%;
    margin: 0 auto;
}

#main .about-title {
    font-size: 36px;
    color: #212121;
    line-height: 41px;
    text-align: center;
    padding-top: 120px;
    font-weight: lighter;
}

#main .about-title span {
    color: #CD3125;
    font-weight: lighter;
}

#main .about-title2 {
    font-size: 14px;
    color: #000;
    line-height: 30px;
    margin-top: 15px;
    text-align: center;
    margin-bottom: 65px;
}

#main .about-con {
    font-size: 20px;
    color: #191818;
    line-height: 40px;
    margin-top: 40px;
    text-indent: 2em;
}

#main .about-icon {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

#main .about-icon .about-icon-block {
    width: 142px;
    height: 142px;
    border-radius: 50%;
    background-image: url("../../images/index/grey-icon.png");
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 40px;
    margin-bottom: 57px;
}

#main .about-icon .about-icon-block .icon1 {
    background-image: url("../../images/index/index-37.png");
    margin-bottom: 20px;
    width: 142px;
    height: 50px;
    position: absolute;
    top: 30px;
    background-repeat: no-repeat;
    left: 0px;
    background-position-x: center;
}

#main .about-icon .about-icon-block .icon2 {
    background-image: url("../../images/index/index-36.png");
    margin-bottom: 20px;
    width: 142px;
    height: 47px;
    position: absolute;
    top: 30px;
    background-repeat: no-repeat;
    left: 0px;
    background-position-x: center;

}

#main .about-icon .about-icon-block .icon3 {
    background-image: url("../../images/index/index-11.png");
    margin-bottom: 20px;
    width: 142px;
    height: 41px;
    position: absolute;
    top: 30px;
    background-repeat: no-repeat;
    left: 0px;
    background-position-x: center;
}

#main .about-icon .about-icon-block .icon4 {
    background-image: url("../../images/index/index-17.png");
    margin-bottom: 20px;
    width: 142px;
    height: 51px;
    position: absolute;
    top: 30px;
    background-repeat: no-repeat;
    left: 0px;
    background-position-x: center;
}

#main .about-icon .about-icon-block .icon-text {
    font-size: 18px;
    color: #FFFFFF;
    position: absolute;
    bottom: 15px;
    left: 0px;
    width: 142px;
    text-align: center;
}

#main .about-icon .about-icon-block:hover {
    background-image: url("../../images/index/red-icon.png");
}

#main .about-icon .about-icon-block:hover .icon1 {
    background-image: url("../../images/index/index-30.png");
}

#main .about-icon .about-icon-block:hover .icon2 {
    background-image: url("../../images/index/index-39.png");
}

#main .about-icon .about-icon-block:hover .icon3 {
    background-image: url("../../images/index/index-38.png");
}

#main .about-icon .about-icon-block:hover .icon4 {
    background-image: url("../../images/index/index-40.png");
}

#main .pro-con {
    background-image: url("../../images/index/index-19.png");
    background-size: cover;
    height: 803px;
    position: relative;
}

#main .pro-con .pro-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #fff;
    padding: 42px 0px 42px 42px;
    position: relative;
}

#main .pro-con .pro-block .pro-block-left {
    width: 40%;
}

#main .pro-con .pro-block .pro-block-left .text1 {
    font-size: 24px;
    color: #043156;
    line-height: 40px;
    font-weight: lighter;
}

#main .pro-con .pro-block .pro-block-left .text2 {
    font-size: 18px;
    color: #191818;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

#main .pro-con .pro-block .pro-block-left .text3 {
    font-size: 14px;
    color: #191818;
    line-height: 24px;
    margin-top: 31px;
}

#main .pro-con .pro-block .pro-block-left .btn1 {
    width: 92px;
    height: 30px;
    border: 1px solid #CD3125;
    border-radius: 15px;
    color: #CD3125;
    text-align: center;
    line-height: 30px;
    margin-top: 30px;
    display: block;
}

#main .pro-con .pro-block .pro-block-right {
    width: 55%;
    margin-left: 5%;
}

#main .pro-con .pro-block .pro-block-right2 {
    width: 0%;
    overflow: hidden;
    transition: 0.3s;
    position: absolute;
    right: 0px;
    height: 100%;
    opacity: 0;
    top: 0px;
    background-size: cover;
}

#main .pro-con .pro-block .pro-block-right2 img {
    height: 100%;
}

#main .pro-con .pro-block:hover .pro-block-right2 {
    opacity: 1;
    width: 100%;
}

#main .pro-con .swiper-pagination-bullet {
    width: 72px;
    height: 4px;
    background-color: #D5D5D5;
    opacity: 1;
    border-radius: 0px;
}

#main .pro-con .swiper-pagination-bullet-active {
    width: 72px;
    height: 4px;
    background-color: #CD3125;
    border-radius: 0px;
}

#main .pro-con .swiper-pagination {
    margin-bottom: 50px;
    position: relative;
    bottom: -19px;
    z-index: 9;
}

#main .pro-con .pro-more {
    width: 150px;
    height: 45px;
    border: 1px solid #CD3125;
    color: #CD3125;
    border-radius: 22px;
    display: block;
    font-size: 14px;
    line-height: 45px;
    text-align: center;
    margin: 20px auto;
}

#main .pro-con .pro-more:hover {
    color: #fff;
    background-color: #CD3125;
}

#main .cdmo-con .cdmo-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#main .cdmo-con .cdmo-list .cdmo-list-left {
    width: 60%;
    height: 636px;
}

#main .cdmo-con .cdmo-list .cdmo-list-left .cdmo-list-img1 {
    background-size: cover;
    width: 100%;
    height: 636px;
}

#main .cdmo-con .cdmo-list .cdmo-list-right {
    width: 40%;
}

#main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 212px;
    align-items: center;
    position: relative;
    transition: 0.5s;
    background-color: #f7f8fb;
}

#main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .cdmo-right-icon {
    width: 99px;
    height: 99px;
    border: 1px solid #CD3125;
    border-radius: 50%;
    background-image: url("../../images/index/index-41.png");
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 40px;
}

#main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .cdmo-right-icon2 {
    width: 99px;
    height: 99px;
    border: 1px solid #CD3125;
    border-radius: 50%;
    background-image: url("../../images/index/index-33.png");
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 40px;
}

#main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .cdmo-right-icon3 {
    width: 99px;
    height: 99px;
    border: 1px solid #CD3125;
    border-radius: 50%;
    background-image: url("../../images/index/index-34.png");
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 40px;
}

#main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .text-con {
    margin-right: 40px;
    width: 70%;
    margin-left: 3%;
}

#main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .text-con .text1 {
    font-size: 24px;
    color: #000;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

#main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .text-con .text2 {
    font-size: 15px;
    color: #191818;
    line-height: 30px;
    margin-top: 20px;
}

#main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .red-arrow {
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-right: 10px solid #CD3125;
    position: absolute;
    left: -19px;
    display: none;
    transition: 0.5s;
}

#main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block:hover {
    background-color: #CD3125 !important;
}

#main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block:hover .cdmo-right-icon {
    border: 1px solid #fff;
    background-image: url("../../images/index/index-9.png");
}

#main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block:hover .cdmo-right-icon2 {
    border: 1px solid #fff;
    background-image: url("../../images/index/index-43.png");
}

#main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block:hover .cdmo-right-icon3 {
    border: 1px solid #fff;
    background-image: url("../../images/index/index-42.png");
}

#main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block:hover .text-con .text1 {
    color: #fff;
}

#main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block:hover .text-con .text2 {
    color: #fff;
}

#main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block:hover .red-arrow {
    display: block;
}

#main .jishu-con {
    background-image: url("../../images/index/index-18.png");
    background-size: cover;
    height: 903px;
    margin-top: 97px;
}

#main .jishu-con .continer1-1 {
    position: relative;
}

#main .jishu-con .continer1 {
    position: relative;
}

#main .jishu-con .continer1 .eng {
    position: absolute;
    font-size: 80px;
    font-family: Arial;
    font-weight: 900;
    color: #B4B6BA;
    line-height: 40px;
    opacity: 0.14;
    top: 89px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#main .eng {
    position: absolute;
    font-size: 80px;
    font-family: Arial;
    font-weight: 900;
    color: #B4B6BA;
    line-height: 40px;
    opacity: 0.14;
    top: 89px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#main .jishu-con .six-con {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

#main .jishu-con .six-con .six-block {
    width: 32%;
    height: 229px;
    background: #FFFFFF;
    box-shadow: 0px 1px 1px 0px rgba(15, 6, 11, 0.12);
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
    margin-right: 2%;
}

#main .jishu-con .six-con .six-block .six-icon {
    width: 40%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

#main .jishu-con .six-con .six-block .six-icon-img1 {
    background-image: url("../../images/index/index-10.png");
    transition: 0.5s;
}

#main .jishu-con .six-con .six-block .six-icon-img2 {
    background-image: url("../../images/index/index-14.png");
    transition: 0.5s;
}

#main .jishu-con .six-con .six-block .six-icon-img3 {
    background-image: url("../../images/index/index-32.png");
    transition: 0.5s;
}

#main .jishu-con .six-con .six-block .six-icon-img4 {
    background-image: url("../../images/index/index-22.png");
    transition: 0.5s;
}

#main .jishu-con .six-con .six-block .six-icon-img5 {
    background-image: url("../../images/index/index-44.png");
    transition: 0.5s;
}

#main .jishu-con .six-con .six-block .six-text {
    width: 56%;
}

#main .jishu-con .six-con .six-block .six-text .text1 {
    font-size: 24px;
    color: #CD3125;
    line-height: 40px;
}

#main .jishu-con .six-con .six-block .six-text .text2 {
    font-size: 15px;
    color: #191818;
    line-height: 24px;
    margin-right: 5%;
}

#main .jishu-con .six-con .six-block:hover .six-icon-img1 {
    background-image: url("../../images/index/index-48.png");
}

#main .jishu-con .six-con .six-block:hover .six-icon-img2 {
    background-image: url("../../images/index/index-47.png");
}

#main .jishu-con .six-con .six-block:hover .six-icon-img3 {
    background-image: url("../../images/index/index-461.png");
}

#main .jishu-con .six-con .six-block:hover .six-icon-img4 {
    background-image: url("../../images/index/index-45.png");
}

#main .jishu-con .six-con .six-block:hover .six-icon-img5 {
    background-image: url("../../images/index/index-21.png");
}

#main .jishu-con .six-con .six-block:nth-child(3) {
    margin-right: 0%;
}

#main .jidi-con {
    margin-bottom: 97px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#main .jidi-con .jidi-block {
    padding: 30px;
    background-color: #f7f8fb;
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#main .jidi-con .jidi-block .img {
    overflow: hidden;
    width: 100%;
}

#main .jidi-con .jidi-block .img img {
    transition: 0.5s;
}

#main .jidi-con .jidi-block .text1 {
    font-size: 24px;
    color: #212121;
    text-align: center;
    margin-top: 20px;
}

#main .jidi-con .jidi-block .btn1 {
    width: 124px;
    height: 36px;
    border: 1px solid #CD3125;
    border-radius: 17px;
    font-size: 14px;
    color: #CD3125;
    line-height: 36px;
    text-align: center;
    margin-top: 17px;
}

#main .jidi-con .jidi-block:hover {
    background-color: #CD3125;
}

#main .jidi-con .jidi-block:hover .text1 {
    color: #fff;
}

#main .jidi-con .jidi-block:hover .img img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#main .jidi-con .jidi-block:hover .btn1 {
    border: 1px solid #fff;
    color: #fff;
}

#main .footer {
    width: 100%;
    height: 466px;
    background: #ECECEC;
    display: flex;
    flex-direction: column;
}

#main .footer .index-con {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 182px;
    margin-top: 102px;
    align-items: center;
}

#main .footer .index-con .block1 {
    width: 17%;
    margin-right: 3%;
}

#main .footer .index-con .block1 .logo {
    width: 263px;
    height: 71px;
}

#main .footer .index-con .block1 .share {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 70%;
    margin-left: 15%;
    margin-top: 27px;
}

#main .footer .index-con .block1 .share .share-1 {
    width: 40px;
    height: 40px;
    background-image: url("../../images/index/index-29.png");
}

#main .footer .index-con .block1 .share .share-1:hover {
    background-image: url("../../images/index/index-3-2.png");
}

#main .footer .index-con .block1 .share .share-2 {
    width: 41px;
    height: 41px;
    background-image: url("../../images/index/index-2.png");
}

#main .footer .index-con .block1 .share .share-2:hover {
    background-image: url("../../images/index/index-3-3.png");
}

#main .footer .index-con .block1 .share .share-3 {
    width: 41px;
    height: 41px;
    background-image: url("../../images/index/index-3.png");
}

#main .footer .index-con .block1 .share .share-3:hover {
    background-image: url("../../images/index/index-3-1.png");
}

#main .footer .index-con .block2 {
    text-align: left;
    width: 27%;
    padding-right: 3%;
    border-right: 1px solid #ddd;
    height: 182px;
    align-items: center;
}

#main .footer .index-con .block2 .text1 {
    font-size: 14px;
    color: #545151;
    line-height: 36px;
}

#main .footer .index-con .block2 .text2 {
    font-size: 36px;
    font-family: Arial;
    font-weight: bold;
    color: #C92D21;
    line-height: 36px;
}

#main .footer .index-con .block2 .address-con {
    margin-top: 20px;
}

#main .footer .index-con .block2 .address-con .address-list1 {
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    overflow: ;
    text-overflow: ;
    white-space: nowrap;
}

#main .footer .index-con .block2 .address-con .address-list1 img {
    margin-right: 10px;
}

#main .footer .index-con .block3 {
    width: 35%;
    border-right: 1px solid #ddd;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    height: 182px;
}

#main .footer .index-con .block3 .caidan-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

#main .footer .index-con .block3 .caidan-block .caidan1 {
    font-size: 18px;
    font-weight: bold;
    color: #545151;
    line-height: 40px;
    display: block;
}

#main .footer .index-con .block3 .caidan-block .caidan-line {
    width: 17px;
    height: 1px;
    background: #EF2C1D;
    margin-top: 5px;
    margin-bottom: 10px;
}

#main .footer .index-con .block3 .caidan-block .caidan2 {
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    opacity: 0.6;
    display: block;
}

#main .footer .index-con .block4 {
    width: 15%;
}

#main .footer .index-con .block4 .er img {
    border: 6px solid #fff;
}

#main .footer .index-con .block4 .er-text {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    opacity: 0.6;
    margin-top: 10px;
}

#main .footer .beizhu {
    height: 104px;
    border-top: 1px solid #ddd;
    width: 100%;
    line-height: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #333333;
    opacity: 0.6;
}

/*棣栭〉缁撴潫*/

/*鍏充簬鎴戜滑寮€濮?/
#in .but-soso {
    width: 100%;
    height: 236px;
    background: #E1E1E1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#in .but-soso .text1 {
    font-size: 24px;
    color: #525252;
    line-height: 40px;
}

#in .but-soso .soso-con {
    margin-top: 30px;
}

#in .but-soso .soso-con input {
    width: 418px;
    height: 45px;
    background: #FFFFFF;
    border-radius: 5px;
    padding-left: 20px;
}

#in .but-soso .soso-con button {
    width: 103px;
    height: 45px;
    background-color: #FF5346;
    border-radius: 5px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 40px;
    margin-left: 10px;
}

#in .but-soso .soso-con button:hover {
    background-color: #f52515;
}

#in .beizhu {
    background: #eee;
    width: 100%;
}

#in .beizhu .continer1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 201px;
}

#in .beizhu .share {
    margin-bottom: 22px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 150px;
}

#in .beizhu .share .share-1 {
    width: 26px;
    height: 26px;
    background-image: url("../../images/index/nav/nav-10.png");
    background-repeat: no-repeat;
}

#in .beizhu .share .share-1:hover {
    background-image: url("../../images/index/nav/nav-11.png");
    background-repeat: no-repeat;
}

#in .beizhu .share .share-2 {
    width: 26px;
    height: 26px;
    background-image: url("../../images/index/nav/nav-12.png");
    background-repeat: no-repeat;
}

#in .beizhu .share .share-2:hover {
    background-image: url("../../images/index/nav/nav-2.png");
}

#in .beizhu .share .share-3 {
    width: 26px;
    height: 26px;
    background-image: url("../../images/index/nav/nav-3.png");
}

#in .beizhu .share .share-3:hover {
    background-image: url("../../images/index/nav/nav-13.png");
}

.neiye-banner .neiye-text-con {
    position: absolute;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    left: 0px;
    top: 37% \9;
}

.neiye-banner {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center !important;
}

.neiye-banner .neiye-text-con .neiye-banner-text1 {
    font-size: 40px;
    color: #fff;
    line-height: 60px;
    font-weight: normal;
}

.neiye-banner .neiye-text-con .neiye-banner-text2 {
    font-size: 14px;
    color: #212121;
    line-height: 60px;
}

.bread .continer1 {
    display: flex;
    flex-direction: row;
}

.bread {
    border: 1px solid #eee;
}

.bread .bread-list {
    font-size: 14px;
    color: #565656;
    line-height: 60px;
}

.bread .bread-list:hover {
    color: #CD3125;
}

.bread .bread-xie {
    font-size: 14px;
    color: #565656;
    line-height: 60px;
    margin-left: 20px;
    margin-right: 20px;
}

/*鍏充簬鎴戜滑缁撴潫*/

/*鏂伴椈涓績寮€濮?/
.fenye {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

.pagination {
    margin-top: 30px;
    text-align: center;
    color: #666;
    clear: both;
}

.pagination a {
    display: inline-block;
    color: #808080;
    border: 1px solid #D9D9D9;
    text-align: center;
    text-transform: capitalize;
    padding: 0px 10px;
    line-height: 28px;
    background-color: transparent;
    margin: 0px 1px 10px 1px;
}

.pagination a:hover {
    color: #fff !important;
    background-color: #CD3125;
    border: 1px solid #CD3125;
}

.pagination a.active {
    display: inline-block;
    color: #fff !important;
    background-color: #CD3125;
    border: 1px solid #CD3125;
}

#case .share .center {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-top: 23px;

}

#case .share .center .arrow-left {
    width: 54px;
    height: 30px;
    background: #D6D8D7;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#case .share .center .arrow-left img {
    width: 26px;
    height: 7px;
}

#case .share .center .arrow-left:hover {
    background: #CD3125;
}

#case .share .center .arrow-right:hover {
    background: #CD3125;
}

#case .share .center .arrow-center {
    width: 54px;
    height: 30px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-image: url("../../images/news/news-7.png");
    background-position: center center;
    background-repeat: no-repeat;
}

#case .share .center .arrow-center:hover {
    background: url("../../images/news/news-9.png");
    background-position: center center;
    background-repeat: no-repeat;

}

#case .share .center .arrow-right {
    width: 54px;
    height: 30px;
    background: #D6D8D7;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#case .share .center .arrow-right img {
    width: 26px;
    height: 7px;
}

#news .news-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#news .news-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 43px;
}

#news .news-top .blcok-in {
    width: 32%;
}

#news .news-top .blcok-in .img {
    overflow: hidden;
    width: 100%;
}

#news .news-top .blcok-in .img img {
    transition: 0.5s;
}

#news .news-top .blcok-in .text1 {
    font-size: 18px;
    color: #353535;
    line-height: 24px;
    margin-top: 25px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#news .news-top .blcok-in .text2 {
    font-size: 12px;
    color: #C0C0C0;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 8px;
}

#news .news-top .blcok-in .text3 {
    font-size: 14px;
    color: #7E7E7E;
    line-height: 24px;
}

#news .news-top .blcok-in .btn1 {
    width: 96px;
    height: 30px;
    border: 1px solid #D3D3D3;
    border-radius: 15px;
    color: #575757;
    line-height: 28px;
    text-align: center;
    margin-top: 35px;
}

#news .news-top .blcok-in:hover .img img {
    transform: scale(1.1);
}

#news .news-top .blcok-in:hover .text1 {
    color: #CD3125;
}

#news .news-top .blcok-in:hover .btn1 {
    background-color: #CD3125;
    color: #fff;
    border: 1px solid #CD3125;
}

#news .news-bot {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 43px;
}

#news .news-bot .block-in {
    width: 23%;
    height: 213px;
    background-color: #F7F8FC;
    border: 1px solid rgba(211, 211, 211, 0.45);
    padding: 28px;
    margin-bottom: 24px;
}

#news .news-bot .block-in .text1 {
    font-size: 18px;
    color: #353535;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

#news .news-bot .block-in .text2 {
    font-size: 12px;
    color: #C0C0C0;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 8px;
}

#news .news-bot .block-in .text3 {
    font-size: 14px;
    color: #7E7E7E;
    line-height: 24px;
}

#news .news-bot .block-in .text4 {
    font-size: 14px;
    color: #575757;
    line-height: 24px;
    margin-top: 25px;
}

#news .news-bot .block-in:empty {
    width: 23%;
    height: 0px;
    border: 0px;
    padding: 0px;
    margin-bottom: 0px;
}

#news .news-bot .block-in:hover {
    background-color: #CD3125;
}

#news .news-bot .block-in:hover .text1 {
    color: #fff;
}

#news .news-bot .block-in:hover .text2 {
    color: #fff;
}

#news .news-bot .block-in:hover .text3 {
    color: #fff;
}

#news .news-bot .block-in:hover .text4 {
    color: #fff;
}

/*鏂伴椈涓績缁撴潫*/

/*slick寮€濮?/
.iproshow_fr1 {
    margin-bottom: 20px;
    overflow: hidden;
}

.iproshow_fr1_t {
    color: #333;
    font-size: 20px;
    font-weight: bold;
}

.iproshow_fr1_b {
    margin-top: 15px;
}

.iproshow_fr1_bl {
    float: left;
    width: 60%;
}

.iproshow_fr1_blimg1 {
    float: left;
    width: 80%;
}

.iproshow_fr1_blimg2 {
    float: right;
    width: 16%;
    left: -15px;
    position: relative;
    top: -3px;
}

.proshow-max {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    cursor: pointer;
    border: 1px solid #ddd;
    height: 394px;
    overflow: hidden;
}

.proshow-max .item i {
    display: block;
    padding-bottom: 79%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.proshow-min {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    top: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.proshow-min .getIndex {
    display: inline-block;
    *float: none;
    *display: inline;
    zoom: 1;
    text-align: center;
}

.proshow-min .getIndex .item {
    margin: 2px 0px;
}

.proshow-min .getIndex .item i {
    display: block;
    padding-bottom: 0%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.proshow-min .getIndex .item i img {
    border: 1px #e4e4e4 solid !important;
}

.proshow-min .getIndex .item i:hover {
    cursor: pointer;
}

.proshow-min .slick-current .item i img {
    border: 1px #CD3125 solid !important;
}

.iproshow_fr1_br {
    float: right;
    width: 37%;
}

.iproshow_fr1_br dt {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}

.iproshow_fr1_br dd {
    line-height: 30px;
    font-size: 15px;
    color: #666;
    font-weight: bold;
}

.proshow-min .slick-next {
    position: absolute;
    top: -12px;
    width: 100%;
    height: 12px;
    background-image: url("../../images/product/pro-in.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.proshow-min .slick-prev {
    position: absolute;
    bottom: -17px;
    width: 100%;
    height: 12px;
    background-image: url("../../images/product/pro-in2.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.proshow-min .getIndex .item i {
}

/*slick缁撴潫*/

/*浜у搧椤甸潰寮€濮?/
#pro .education-con {
    margin-top: 72px;
    margin-bottom: 81px;
}

#pro .education-con .img {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80%;
}

#pro .education-con .img .img-bg {
    width: 100%;
}

#pro .education-con .img-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    bottom: 34px;
    left: 68px;
}

#pro .education-con .img-text .icon {
    width: 95px;
    height: 95px;
    background: #CD3123;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#pro .education-con .img-text .icon img {
    width: 52px;
    height: 45px;
}

#pro .education-con .img-text .text-con {
    margin-left: 27px;
}

#pro .education-con .img-text .text-con .text1 {
    font-size: 45px;
    color: #CD3123;
    line-height: 60px;
}

#pro .education-con .img-text .text-con .text2 {
    font-size: 30px;
    font-weight: normal;
    color: #8C8C8C;
    line-height: 60px;
}

#pro .product-con {
    margin-top: 71px;
}

#pro .product-con .pro-con {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-image: none;
    height: auto;
    flex-wrap: wrap;
}

#pro .product-con .pro-con .pro-block {
    width: 48.5%;
    margin-bottom: 33px;
    border: 1px solid #D8D8D8;
}

#pro .product-con .pro-con .pro-block .pro-block-left .text1 {
    color: #000;
}

#pro .product-con .pro-con .pro-block .pro-block-left .btn1 {
    border: 1px solid #D8D8D8;
    color: #575757;
}

#pro .product-detail {
    margin-top: 71px;
    margin-bottom: 41px;
}

#pro .product-detail .product-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#pro .product-detail .product-top .product-left {
    width: 55%;
    margin-right: 5%;
}

#pro .product-detail .product-top .product-right {
    width: 40%;
}

#pro .product-detail .product-top .product-right .text1 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: lighter;
}

#pro .product-detail .product-top .product-right .text2 {
    font-size: 24px;
    color: #8D8D8D;
    line-height: 40px;
    font-weight: lighter;
    margin-top: 20px;
}

#pro .product-detail .product-top .product-right .line {
    width: 35px;
    height: 1px;
    background: #CD3125;
    margin-top: 27px;
    margin-bottom: 37px;
}

#pro .product-detail .product-top .product-right .text3 {
    font-size: 16px;
    color: #8D8D8D;
    line-height: 30px;
    font-weight: lighter;
}

#pro .product-detail .pro-bot .title1 {
    font-size: 24px;
    color: #000000;
    line-height: 24px;
    margin-top: 44px;
}

#pro .product-detail .pro-bot .line {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    margin-bottom: 35px;
}

#pro .product-detail .pro-bot .line .line-left {
    width: 95px;
    height: 1px;
    background: #CD3125;
}

#pro .product-detail .pro-bot .line .line-right {
    width: 100%;
    height: 1px;
    background: #E2E2E2;
}

#pro .product-detail .pro-bot .detail {
    margin-bottom: 41px;
}

#pro .product-detail .pro-bot .detail p {
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    font-weight: lighter;
    margin-bottom: 20px;
}

#pro .product-detail .pro-bot .detail p em {
    color: #000000;
    font-weight: normal;
}

#pro .product-detail .pro-bot .detail i {
    width: 6px;
    height: 6px;
    background-color: #9A9A9A;
    border-radius: 50%;
    font-size: 35px;
    display: inline-block;
    margin-right: 3px;
}

/*浜у搧椤甸潰缁撴潫*/

/*鏂伴椈璇︽儏寮€濮?/
.inner_newsshow {
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 60px;
}

.inner_fr_newsshow {
    margin: 31px 0 50px 0;
    overflow: hidden;
}

.show_title {
    text-align: center;
    padding-bottom: 25px;
    border-bottom: 1px dashed #eee;
}

.show_title h3 {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    color: #333;
    padding-bottom: 10px;
    line-height: 28px;
}

.show_title span {
    color: #949494;
    margin: 0px 10px;
    font-size: 14px;
    padding-left: 20px;
}

.browse {
    background: url(../../images/browse.png) no-repeat left center;
}

.date {
    background: url(../../images/date.png) no-repeat left center;
}

.show_content {
    line-height: 28px;
    color: #4b4b4b;
    padding: 25px 0px;
    border-bottom: 1px dashed #eee;
    font-size: 15px;
}

.show_content p {
    margin-bottom: 20px;
    text-indent: 2em;
}

.show_content img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    height: auto;
}

.show_back {
    padding-top: 20px;
}

.show_back_fl {
    float: left;
    width: 70%;
    overflow: hidden;
}

.show_back_fl li {
    margin-bottom: 2px;
    line-height: 25px;
    color: #4d4d4d;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}

.show_back_fl li a {
    color: #868686;
    font-size: 15px;
}

.show_back_fl li a:hover {
    color: #2668A2;
}

.show_back_fr {
    overflow: hidden;
    float: right;
    width: 15%;
}

.show_back_fr a {
    display: block;
    line-height: 46px;
    color: #fff;
    font-size: 15px;
    background: #eb6000 url(../../images/return.png) no-repeat 20px center;
    padding-right: 25px;
    text-align: right;
}

/*鏂伴椈璇︽儏缁撴潫*/

/*cdmo寮€濮?/
#cdmo .cdmo-con .cdmo-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#cdmo .cdmo-con .cdmo-top .text-con {
    margin-top: 35px;
    margin-bottom: 62px;
}

#cdmo .cdmo-con .cdmo-top .text-con .text1 {
    font-size: 16px;
    color: #191818;
    line-height: 40px;
}

#cdmo .cdmo-con .cdmo-top .text-con .text2 {
    font-size: 16px;
    color: #191818;
    line-height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#cdmo .cdmo-con .cdmo-top .text-con .text2 em {
    width: 6px;
    height: 6px;
    background: #7E7E7E;
    border-radius: 50%;
    margin-right: 10px;
    margin-left: 20px;
    display: inline-block;
}

#cdmo .cdmo-con .cdmo-top .text-con .text2 div {
    margin-left: 5px;
}

#cdmo .cdmo-con .cdmo-top .text-con .text2 em:first-child {
    margin-left: 0px;
}

#cdmo .cdmo-con .cdmo-top .cdmo-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list {
    width: 48%;
}

#cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .bg-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

#cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .bg-img img {
    transition: 0.5s;
}

#cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .bg-img:hover img {
    transform: scale(1.1);
}

#cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .text-bg {
    background: #FFFFFF;
    opacity: 0.5;
    height: 106px;
    width: 100%;
    position: absolute;
}

#cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .bg-text-con {
    position: absolute;
    display: flex;
    flex-direction: row;
}

#cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .bg-text-con .text1 {
    font-size: 36px;
    color: #212121;
    line-height: 40px;
}

#cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .bg-text-con .text2 {
    color: #CD3125;
    font-size: 24px;
    line-height: 40px;
}

#cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .list-text {
    margin-top: 37px;
    margin-bottom: 30px;
}

#cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .list-text .list-text1 {
    font-size: 16px;
    color: #191818;
    line-height: 36px;
    position: relative;
    padding-left: 25px;
}

#cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .list-text .list-text1 em {
    width: 6px;
    height: 6px;
    background: #7E7E7E;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 15px;
    left: 0px;
}

#cdmo .cdmo-con .cdmo-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 44px;
}

#cdmo .cdmo-con .cdmo-center .cdmo-list {
    width: 32%;
    border: 1px solid rgba(211, 211, 211, 0.45);
    padding: 61px 29px 54px;
}

#cdmo .cdmo-con .cdmo-center .cdmo-list .text1 {
    font-size: 22px;
    color: #373737;
    line-height: 30px;
    margin-bottom: 40px;
}

#cdmo .cdmo-con .cdmo-center .cdmo-list .text2 {
    font-size: 16px;
    color: #191818;
    line-height: 36px;
    position: relative;
    padding-left: 25px;
}

#cdmo .cdmo-con .cdmo-center .cdmo-list .text2 em {
    width: 6px;
    height: 6px;
    background: #7E7E7E;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 15px;
    left: 0px;
}

#cdmo .cdmo-con .cdmo-center .cdmo-list:empty {
    width: 32%;
    border: 0px;
    height: 0px;
    padding: 0px;
}

#cdmo .cdmo-con .cdmo-bot {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 46px;
    margin-bottom: 74px;
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list {
    width: 23%;
    border: 1px solid #D8D8D8;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    align-items: center;
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list .icon1 {
    background-image: url("../../images/cdmo/cdmo-7.png");
    width: 49px;
    height: 63px;
    background-repeat: no-repeat;
    margin-top: 51px;
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list .icon2 {
    background-image: url("../../images/cdmo/cdmo-6.png");
    width: 56px;
    height: 56px;
    background-repeat: no-repeat;
    margin-top: 51px;
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list .icon3 {
    background-image: url("../../images/cdmo/cdmo-9.png");
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    margin-top: 51px;
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list .icon4 {
    background-image: url("../../images/cdmo/cdmo-1.png");
    width: 61px;
    height: 45px;
    background-repeat: no-repeat;
    margin-top: 51px;
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list .text1 {
    font-size: 18px;
    color: #212121;
    line-height: 40px;
    padding-left: 43px;
    padding-right: 43px;
    margin-top: 22px;
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list .line {
    width: 29px;
    height: 1px;
    background: #CD3125;
    margin-top: 10px;
    margin-bottom: 10px;
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list .text2 {
    font-size: 16px;
    color: #191818;
    line-height: 30px;
    padding-left: 13px;
    margin-left: 30px;
    padding-right: 43px;
    position: relative;
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list .text2 em {
    width: 6px;
    height: 6px;
    background: #7E7E7E;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 15px;
    left: 0px;
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list:hover {
    border: 1px solid #fff;
    background-color: #CD3125;
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list:hover .icon1 {
    background-image: url("../../images/cdmo/cdmo-8.png");
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list:hover .icon2 {
    background-image: url("../../images/cdmo/cdmo-5.png");
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list:hover .icon3 {
    background-image: url("../../images/cdmo/cdmo-10.png");
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list:hover .icon4 {
    background-image: url("../../images/cdmo/cdmo-11.png");
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list:hover .text1 {
    color: #fff;
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list:hover .line {
    background: #fff;
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list:hover .text2 {
    color: #fff;
}

#cdmo .cdmo-con .cdmo-bot .cdmo-list:hover .text2 em {
    background-color: #fff;
}

/*cdmo缁撴潫*/

/*鐮斿彂鍒涙柊+鐢熶骇璐ㄩ噺 寮€濮?/

#system .system-con {
    margin-top: 72px;
    margin-bottom: 78px;
}

#system .system-con .system-list {
    height: auto;
    overflow: hidden;
}

#system .system-con .system-list .img {
    width: 50%;
    overflow: hidden;
    position: relative;
}

#system .system-con .system-list .img img {
    transition: 0.5s;
}

#system .system-con .system-list .img .img-text {
    color: #FFFFFF;
    line-height: 61px;
    height: 61px;
    position: absolute;
    bottom: 0px;
    font-size: 22px;
    text-align: center;
    width: 100%;
    background-image: url("../../images/quality/bg-img.png");
}

#system .system-con .system-list .text-in {
    width: 44%;
    margin-left: 3%;
    margin-right: 3%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

#system .system-con .system-list .text-in .system-title .in-top-title {
    margin-top: 48px;
}

#system .system-con .system-list .text-in .system-title .in-top-title2 {
    margin-top: 48px;
    font-size: 24px;
    font-weight: lighter;
}

#system .system-con .system-list .text-in .text1 {
    font-size: 16px;
    color: #7E7E7E;
    line-height: 36px;
    font-weight: lighter;
    margin-top: 13px;
    text-indent: 2em;
}

#system .system-con .system-list .text-in .text2 {
    margin-top: 40px;
}

#system .system-con .system-list .text-in .text2 .text2-con {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}

#system .system-con .system-list .text-in .text2 .text2-con .left {
    color: #373737;
    font-size: 16px;
    font-weight: lighter;
}

#system .system-con .system-list .text-in .text2 .text2-con .right {
    color: #7B7B7B;
    font-size: 16px;
    font-weight: lighter;
    display: flex;
    flex: 1;
}

#system .system-con .block1 .img {
    float: left;
}

#system .system-con .block1 .text-in {
    float: right;
}

#system .system-con .block2 .img {
    float: right;
}

#system .system-con .block2 .text-in {
    float: left;
}

#system .system-con .system-list:hover .img img {
    transform: scale(1.1);
}

#system .jishu-con {
    margin-top: 70px;
    margin-bottom: 94px;
}

#system .jishu-con .text1 {
    font-size: 16px;
    color: #191818;
    line-height: 40px;
}

#system .jishu-con .jushu-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 450px;
    margin-top: 45px;
}

#system .jishu-con .jushu-block .left {
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 30px;
    color: #000;
    font-weight: lighter;
    line-height: 40px;
}

#system .jishu-con .jushu-block .left .icon1 {
    width: 44px;
    height: 38px;
    background-image: url("../../images/system/system-14.png");
    margin-right: 20px;
    background-repeat: no-repeat;
}

#system .jishu-con .jushu-block .left .icon2 {
    width: 40px;
    height: 40px;
    background-image: url("../../images/system/system-9.png");
    margin-right: 20px;
    background-repeat: no-repeat;
}

#system .jishu-con .jushu-block .left .icon3 {
    width: 46px;
    height: 48px;
    background-image: url("../../images/system/system-3.png");
    margin-right: 20px;
    background-repeat: no-repeat;
}

#system .jishu-con .jushu-block .left .icon4 {
    width: 39px;
    height: 40px;
    background-image: url("../../images/system/system-2.png");
    margin-right: 20px;
    background-repeat: no-repeat;
}

#system .jishu-con .jushu-block .left .icon5 {
    width: 44px;
    height: 44px;
    background-image: url("../../images/system/system-8.png");
    margin-right: 20px;
    background-repeat: no-repeat;
}

#system .jishu-con .jushu-block .left .left-block {
    width: 100%;
    height: 19%;
    background-color: #ECEDF2;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#system .jishu-con .jushu-block .left-block:hover {
    background-color: #CD3125;
    color: #fff;
}

#system .jishu-con .jushu-block .left-block:hover .icon1 {
    background-image: url("../../images/system/system-11.png");
}

#system .jishu-con .jushu-block .left-block:hover .icon2 {
    background-image: url("../../images/system/system-13.png");
}

#system .jishu-con .jushu-block .left-block:hover .icon3 {
    background-image: url("../../images/system/system-16.png");
}

#system .jishu-con .jushu-block .left-block:hover .icon4 {
    background-image: url("../../images/system/system-15.png");
}

#system .jishu-con .jushu-block .left-block:hover .icon5 {
    background-image: url("../../images/system/system-17.png");
}

#system .jishu-con .jushu-block .right {
    width: 65%;
    overflow: hidden;
    height: 100%;
}

#system .jishu-con .jushu-block .right .right-block {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    transition: 0.5s;
}

#system .jishu-con .jushu-block .right .right-block .text-bg {
    background-image: url("../../images/system/system-4.png");
    position: absolute;
    bottom: 0px;
    width: 100%;
}

#system .jishu-con .jushu-block .right .right-block .text-bg .text1 {
    text-indent: 2em;
    padding: 20px;
    line-height: 30px;
}

#system .quality-con .text1 {
    font-size: 16px;
    color: #191818;
    line-height: 40px;
    font-weight: lighter;
    margin-top: 30px;
}

#system .quality-con .cert-con {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 63px;
    flex-wrap: wrap;
}

#system .quality-con .cert-con .cert-block {
    width: 23%;
    margin-bottom: 28px;
}

#system .quality-con .cert-con .cert-block .img {
    overflow: hidden;
}

#system .quality-con .cert-con .cert-block .img img {
    transition: 0.5s;
}

#system .quality-con .cert-con .cert-block .cert-text {
    text-align: center;
    font-size: 16px;
    color: #212121;
    line-height: 40px;
    margin-top: 15px;
    font-weight: lighter;
}

#system .quality-con .cert-con .cert-block:empty {
    margin-top: 0px;
}

#system .quality-con .cert-con .cert-block:hover .img img {
    transform: scale(1.1);
}

/*鐮斿彂鍒涙柊+鐢熶骇璐ㄩ噺 缁撴潫*/

/*鑱旂郴鎴戜滑寮€濮?/
#contact .contact-con {
    margin-top: 71px;
    margin-bottom: 91px;
}

#contact .contact-con .detail-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

#contact .contact-con .detail-block .detail-list {
    border: 1px solid #D8D8D8;
    width: 32%;
    padding: 30px;
    margin-bottom: 17px;
}

#contact .contact-con .detail-block .detail-list .text1 {
    font-size: 24px;
    color: #212121;
    line-height: 41px;
}

#contact .contact-con .detail-block .detail-list .line {
    width: 35px;
    height: 1px;
    background: #CD3125;
    margin-top: 10px;
    margin-bottom: 10px;
}

#contact .contact-con .detail-block .detail-list .text2 {
    font-size: 16px;
    color: #191818;
    line-height: 40px;
}

/*鑱旂郴鎴戜滑缁撴潫*/

/*鎷涜仒寮€濮?/

#join .grow-con {
    margin-top: 89px;
    margin-bottom: 89px;
}

#join .grow-con img {
    width: 100%;
}

#join .recru-con {
    margin-top: 72px;
    margin-bottom: 78px;
}

#join .recru-con .recru-text1 {
    font-size: 16px;
    color: #191818;
    line-height: 40px;
}

#join .recru-con .recru-title .in-top-title {
    margin-top: 46px;
}

#join .recru-con .recru-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 44px;
    flex-wrap: wrap;
}

#join .recru-con .recru-block .recru-list {
    border: 1px solid #D8D8D8;
    width: 32%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#join .recru-con .recru-block .recru-list .text1 {
    font-size: 24px;
    color: #212121;
    line-height: 24px;
    font-weight: lighter;
    text-align: center;
    margin-top: 17px;
}

#join .recru-con .recru-block .recru-list .text2 {
    font-size: 16px;
    color: #191818;
    line-height: 30px;
    font-weight: lighter;
    margin-top: 26px;
}

#join .recru-con .recru-block .recru-list .btn1 {
    width: 124px;
    height: 37px;
    background: #CD3125;
    border-radius: 18px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 37px;
    text-align: center;
    margin-top: 20px;
}

#join .recru-con .recru-block .recru-list:empty {
    border: 0px;
    width: 32%;
    padding: 0px;
}

#join .recru-con .recru-block .recru-list:hover {
    border: 1px solid #CD3125;
}

#join .recru-detail {
    margin-top: 70px;
    margin-bottom: 50px;
}

#join .recru-detail .title {
    font-size: 24px;
    color: #353535;
    line-height: 24px;
    text-align: center;
    margin-bottom: 35px;
}

#join .recru-detail p {
    font-size: 16px;
    color: #7e7e7e;
    font-weight: lighter;
    line-height: 40px;
}

#join .recru-detail em {
    font-size: 16px;
    color: #353535;
    font-weight: lighter;
    line-height: 40px;
}

#join .recru-beizhu {
    font-size: 16px;
    color: #CD3123;
    line-height: 40px;
    margin-bottom: 70px;
    margin-top: 40px;
}

#join .school-con .school-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 39px;
    margin-bottom: 50px;
}

#join .school-con .school-block .school-list {
    width: 48%;
    border: 1px solid #D8D8D8;
    padding: 37px 34px 27px 34px;
    margin-bottom: 33px;
}

#join .school-con .school-block .school-list .in-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#join .school-con .school-block .school-list .in-top .in-top-text1 {
    font-size: 22px;
    font-weight: 300;
    color: #212121;
    line-height: 24px;
}

#join .school-con .school-block .school-list .in-top .in-top-btn {
    width: 124px;
    height: 37px;
    background: #CD3125;
    border-radius: 18px;
    color: #FFFFFF;
    line-height: 37px;
    text-align: center;
}

#join .school-con .school-block .school-list .in-center {
    margin-top: 40px;
}

#join .school-con .school-block .school-list .in-center .in-center-text1 {
    font-size: 15px;
    color: #6F6F6F;
    line-height: 30px;
}

#join .school-con .school-block .school-list .in-center .in-center-con {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 60px;
    flex-wrap: wrap;
}

#join .school-con .school-block .school-list .in-center .in-center-con .in-center-btn {
    padding: 5px 21px;
    background-color: #E2E2E7;
    font-size: 16px;
    color: #191818;
    line-height: 30px;
    margin-right: 5%;
    margin-bottom: 10px;
}

#join .school-con .school-block .school-list .in-center .in-center-con .in-center-btn:nth-child(4n) {
    margin-right: 0%;
}

#join .school-con .school-block .school-list .in-bot {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 23px;
}

#join .school-con .school-block .school-list .in-bot .tubiao {
    margin-right: 15px;
}

#join .school-con .school-block .school-list .in-bot .text1 {
    font-size: 16px;
    color: #191818;
    line-height: 24px;
}

#join .school-con .school-block .school-list:hover {
    border: 1px solid #CD3125;
}

#join .work-con {
    margin-bottom: 76px;
}

#join .work-con .work-block {
    margin-top: 38px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#join .work-con .work-block .work-list {
    width: 50%;
    display: flex;
    flex-direction: row;
}

#join .work-con .work-block .work-list .img {
    width: 50%;
    overflow: hidden;
}

#join .work-con .work-block .work-list .img img {
    transition: 0.5s;
}

#join .work-con .work-block .work-list .tubiao {
    width: 50%;
    background-color: #F7F8FC;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#join .work-con .work-block .work-list .tubiao .tubiao-img {
    width: 87px;
    height: 87px;
    border-radius: 50%;
    border: 1px solid #CD3125;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center center;
}

#join .work-con .work-block .work-list .tubiao .tubiao-img1 {
    background-image: url("../../images/join/join-32.png");
}

#join .work-con .work-block .work-list .tubiao .tubiao-img2 {
    background-image: url("../../images/join/join-11.png");
}

#join .work-con .work-block .work-list .tubiao .tubiao-img3 {
    background-image: url("../../images/join/join-23.png");
}

#join .work-con .work-block .work-list .tubiao .tubiao-img4 {
    background-image: url("../../images/join/join-10.png");
}

#join .work-con .work-block .work-list .tubiao .tubiao-img5 {
    background-image: url("../../images/join/join-5.png");
}

#join .work-con .work-block .work-list .tubiao .tubiao-img6 {
    background-image: url("../../images/join/join-1.png");
}

#join .work-con .work-block .work-list .tubiao .tubiao-img7 {
    background-image: url("../../images/join/join-20.png");
}

#join .work-con .work-block .work-list .tubiao .tubiao-img8 {
    background-image: url("../../images/join/join-25.png");
}

#join .work-con .work-block .work-list .tubiao .tubiao-img9 {
    background-image: url("../../images/join/join-3.png");
}

#join .work-con .work-block .work-list .tubiao .tubiao-img10 {
    background-image: url("../../images/join/join-21.png");
}

#join .work-con .work-block .work-list .tubiao .tubiao-img11 {
    background-image: url("../../images/join/join-7.png");
}

#join .work-con .work-block .work-list .tubiao .tubiao-img12 {
    background-image: url("../../images/join/join-24.png");
}

#join .work-con .work-block .work-list .tubiao .text1 {
    font-size: 24px;
    color: #212121;
    line-height: 60px;
}

#join .work-con .work-block .work-list:hover .img img {
    transform: scale(1.1);
}

#join .work-con .work-block .work-list:hover .tubiao {
    background-color: #CD3125;
}

#join .work-con .work-block .work-list:hover .tubiao .text1 {
    color: #fff;
}

#join .work-con .work-block .work-list:hover .tubiao .tubiao-img {
    border: 1px solid #fff;
}

#join .work-con .work-block .work-list:hover .tubiao .tubiao-img1 {
    background-image: url("../../images/join/join-8.png");
}

#join .work-con .work-block .work-list:hover .tubiao .tubiao-img2 {
    background-image: url("../../images/join/join-30.png");
}

#join .work-con .work-block .work-list:hover .tubiao .tubiao-img3 {
    background-image: url("../../images/join/join-27.png");
}

#join .work-con .work-block .work-list:hover .tubiao .tubiao-img4 {
    background-image: url("../../images/join/join-31.png");
}

#join .work-con .work-block .work-list:hover .tubiao .tubiao-img5 {
    background-image: url("../../images/join/join-34.png");
}

#join .work-con .work-block .work-list:hover .tubiao .tubiao-img6 {
    background-image: url("../../images/join/join-36.png");
}

#join .work-con .work-block .work-list:hover .tubiao .tubiao-img7 {
    background-image: url("../../images/join/join-29.png");
}

#join .work-con .work-block .work-list:hover .tubiao .tubiao-img8 {
    background-image: url("../../images/join/join-37.png");
}

#join .work-con .work-block .work-list:hover .tubiao .tubiao-img9 {
    background-image: url("../../images/join/join-35.png");
}

#join .work-con .work-block .work-list:hover .tubiao .tubiao-img10 {
    background-image: url("../../images/join/join-28.png");
}

#join .work-con .work-block .work-list:hover .tubiao .tubiao-img11 {
    background-image: url("../../images/join/join-33.png");
}

#join .work-con .work-block .work-list:hover .tubiao .tubiao-img12 {
    background-image: url("../../images/join/join-38.png");
}

/*鎷涜仒缁撴潫*/
.phone {
    display: none;
}

@media (max-width: 1801px) {
}

@media (max-width: 1701px) {
    .proshow-min .slick-next {
        background-size: 110px;
    }

    .proshow-min .slick-prev {
        background-size: 110px;
    }
}

@media (max-width: 1601px) {
    .continer1 {
        width: 1100px;
        margin: 0 auto;
    }

    #system .system-con .system-list .text-in .system-title .in-top-title {
        margin-top: 20px;
    }

    #system .system-con .system-list .text-in .text1 {
        line-height: 30px;
        font-size: 14px;
    }

    .continer1-1 {
        width: 1236px;
        margin: 0 auto;
    }

    .proshow-max {
        height: 363px;
    }

    #cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .bg-text-con .text1 {
        font-size: 30px;
    }

    .proshow-min .slick-next {
        background-size: 100px;
    }

    .proshow-min .slick-prev {
        background-size: 100px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .text-con .text1 {
        font-size: 20px;
        margin-top: 10px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .text-con {
        width: 60%;
    }

}

@media (max-width: 1501px) {
    .continer1 {
        width: 1000px;
        margin: 0 auto;
    }

    #system .jishu-con .jushu-block .left {
        font-size: 25px;
    }

    #news .news-bot .block-in .text4 {
        margin-top: 10px;
    }

    .proshow-max {
        height: 332px;
    }

    #about .culture-con .culture-block .text-con .text1 {
        font-size: 20px;
    }

    .proshow-min .slick-next {
        background-size: 90px;
    }

    .proshow-min .slick-prev {
        background-size: 90px;
    }

    #about .culture-con .culture-block .text-con .text2 {
        font-size: 14px;
        margin-top: 5px;
        line-height: 25px;
    }

    #about .culture-con .culture-block .text-right .text1 {
        font-size: 20px;
    }

    #about .culture-con .culture-block .text-right .text1 {
        margin-top: 10px;
    }

    #about .culture-con .culture-block .text-con img {
        width: 40px;
    }

    #about .culture-con .culture-block .text-right .text2 {
        height: 49px;
        overflow: hidden;
    }

    #about .culture-con .culture-block .text-right img {
        width: 40px;
    }

    #about .culture-con .culture-block .text-right .text2 {
        margin-top: 5px;
    }

    .continer1-1 {
        width: 1236px;
        margin: 0 auto;
    }

    #main .about-title {
        padding-top: 80px;
    }

    #main .pro-con .pro-block .pro-block-left .text3 {
        margin-top: 10px;
    }

    #main .jishu-con {
        height: 803px;
    }

    #main .pro-con {
        height: 763px;
    }

    #main .jishu-con {
        margin-top: 60px;
    }

    #main .jidi-con .jidi-block .text1 {
        font-size: 20px;
    }

    #main .jidi-con {
        margin-bottom: 80px;
    }

    #main .eng {
        top: 46px;
    }
}

@media (max-width: 1401px) {
    #system .jishu-con {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #main .eng {
        top: 46px;
    }

    #join .recru-beizhu {
        margin-bottom: 50px;
    }

    #join .recru-detail {
        margin-top: 50px;
    }

    #join .recru-con .recru-block .recru-list .text1 {
        font-size: 20px;
    }

    #join .recru-con .recru-block .recru-list {
        padding: 20px;
    }

    #join .recru-con .recru-block .recru-list .text2 {
        margin-top: 10px;
    }

    #join .recru-con {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #join .grow-con {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #join .work-con .work-block .work-list .tubiao .text1 {
        font-size: 20px;
    }

    #contact .contact-con {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #system .system-con {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #news .news-bot .block-in {
        width: 30%;
    }

    #system .system-con .system-list {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 20px;
    }

    #pro .education-con {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .bg-text-con .text1 {
        font-size: 28px;
    }

    #cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .bg-text-con .text2 {
        font-size: 16px;
    }

    #pro .education-con .img-text .text-con .text1 {
        font-size: 35px;
        line-height: 40px;
    }

    #pro .education-con .img-text .text-con .text2 {
        font-size: 25px;
    }

    #pro .product-detail {
        margin-top: 50px;
        margin-bottom: 30px;
    }

    #pro .product-detail .product-top .product-left {
        width: 100%;
        margin-right: 0%;
    }

    #pro .product-detail .product-top {
        flex-wrap: wrap;
    }

    #pro .product-detail .product-top .product-right {
        width: 100%;
    }

    .proshow-max {
        height: 497px;
    }

    #pro .product-detail .product-top .product-right .text1 {
        margin-top: 20px;
        font-size: 27px;
    }

    #pro .product-detail .product-top .product-right .text2 {
        margin-top: 7px;
        font-size: 22px;
    }

    #pro .product-detail .product-top .product-right .line {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #pro .product-detail .pro-bot .title1 {
        font-size: 22px;
    }

    .continer1 {
        width: 900px;
        margin: 0 auto;
    }

    .proshow-min .slick-next {
        background-size: 90px;
        background-color: #eee;
    }

    .proshow-min .slick-prev {
        background-size: 90px;
        background-color: #eee;
    }

    .in-top-title {
        font-size: 25px;
        margin-top: 50px;
    }

    .in-top-line {
        margin-top: 10px;
    }

    .neiye-banner .neiye-text-con .neiye-banner-text1 {
        font-size: 35px;
        line-height: 50px;
    }

    #about .about-con .about-title {
        font-size: 28px;
    }

    #about .about-con .about-title {
        margin-top: 30px;
    }

    #about .about-con .about-line {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    #about .about-con {
        margin-bottom: 100px;
    }

    #in .but-soso {
        height: 206px;
    }

    #in .beizhu .continer1 {
        height: 150px;
    }

    #in .but-soso .text1 {
        font-size: 22px;
    }

    .continer1-1 {
        width: 1200px;
        margin: 0 auto;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .text-con {
        width: 60%;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-left {
        width: 50%;
    }

    .home-banner {
        margin-top: 0px !important;
    }

    #main .footer .index-con .block1 .logo {
        width: 200px;
        height: auto;
    }
}

@media (max-width: 1280px) {

    .continer1 {
        width: 800px;
        margin: 0 auto;
    }

    #main .banner .banner-text .text1 span {
        font-size: 70px;
    }

    .proshow-max {
        height: 450px;
    }

    #main .banner .banner-text .dian {
        width: 12px;
        height: 12px;
        margin-left: 20px;
        margin-right: 20px;
    }

    #system .system-con .system-list {
        display: flex;
        align-items: center;
    }

    .continer1-1 {
        width: 1100px;
        margin: 0 auto;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block:hover .red-arrow {
        display: none;
    }

    #cdmo .cdmo-con .cdmo-center .cdmo-list .text1 {
        font-size: 20px;
    }

    #main .banner .banner-text .text1 {
        font-size: 50px;
        margin-bottom: 10px;
    }

    #main .banner .banner-text .text2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    #main .about-title {
        padding-top: 60px;
        font-size: 32px;
    }

    #main .about-title2 {
        margin-bottom: 40px;
    }

    #main .about-con {
        font-size: 18px;
        margin-top: 20px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .text-con {
        width: 80%;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-left {
        display: none;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right {
        width: 100%;
    }

    #main .jidi-con {
        margin-bottom: 50px;
    }

    #main .jishu-con {
        height: 763px;
    }

    #main .jishu-con .continer1 .eng {
        font-size: 50px;
        top: 70px;
    }

    #main .eng {
        font-size: 50px;
        top: 22px;
    }

    #main .jishu-con .six-con .six-block .six-text .text1 {
        font-size: 22px;
    }

    #main .jishu-con .six-con .six-block .six-icon {
        background-size: 70%;
    }

    #main .footer .index-con .block2 .text2 {
        font-size: 30px;
    }
}

@media (max-width: 1201px) {
    .continer1 {
        width: 94%;
        margin: 0 auto;
    }

    .proshow-max {
        height: 606px;
    }

    #about .culture-con {
        margin-top: 30px;

    }

    #about .culture-con .culture-block {
        margin-bottom: 30px;
    }

    .neiye-banner .neiye-text-con {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
    }

    .continer1-1 {
        width: 94%;
        margin: 0 auto;
    }

    .neiye-banner .neiye-text-con .neiye-banner-text1 {
        font-size: 30px;
    }

    .neiye-banner .neiye-text-con .neiye-banner-text2 {
        line-height: 40px;
    }

    #about .about-con {
        margin-bottom: 50px;
    }

    #main .footer .index-con .block1 {
        width: 30%;
    }

    #main .footer .index-con .block3 {
        display: none;
    }

    #main .footer .index-con .block2 {
        border-right: 0px;
    }

    #main .footer .index-con .block2 {
        width: 50%;
    }

    #main .footer .beizhu {
        height: 84px;
    }

    #main .footer {
        height: 400px;
    }

    #main .footer .index-con {
        margin-top: 52px;
    }
}

@media (max-width: 992px) {
    #join .recru-detail .title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    #join .recru-detail p {
        font-size: 14px;
        line-height: 30px;
    }

    #main .banner .banner-text .text1 {
        font-size: 40px;
    }

    #main .banner .banner-text .text1 span {
        font-size: 50px;
    }

    #main .banner .banner-text .dian {
        margin-left: 10px;
        margin-right: 10px;
        top: -8px;
    }

    #main .banner .banner-text .text2 {
        font-size: 25px;
    }

    .continer1 {
        width: 94%;
        margin: 0 auto;
    }

    #join .school-con .school-block .school-list .in-top .in-top-text1 {
        font-size: 20px;
    }

    #join .school-con .school-block .school-list .in-center {
        margin-top: 20px;
    }

    #join .school-con .school-block .school-list .in-center .in-center-con {
        padding-bottom: 20px;
    }

    #contact .contact-con .detail-block .detail-list {
        padding: 15px;
    }

    #contact .contact-con .detail-block .detail-list .text1 {
        font-size: 20px;
    }

    #system .jishu-con .jushu-block .left {
        font-size: 20px;
    }

    #pro .product-detail .product-top .product-right .text1 {
        font-size: 22px;
    }

    #cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .bg-text-con .text1 {
        font-size: 24px;
    }

    #cdmo .cdmo-con .cdmo-top .text-con {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    #cdmo .cdmo-con .cdmo-center .cdmo-list {
        padding: 20px 29px 20px;
    }

    #cdmo .cdmo-con .cdmo-bot {
        flex-wrap: wrap;
    }

    #cdmo .cdmo-con .cdmo-bot .cdmo-list {
        width: 48%;
        margin-bottom: 20px;
    }

    #cdmo .cdmo-con .cdmo-bot {
        margin-bottom: 30px;
    }

    #pro .product-detail .product-top .product-right .text2 {
        font-size: 18px;
        line-height: 25px;
    }

    #pro .product-detail .product-top .product-right .text3 {
        font-size: 14px;
    }

    #pro .education-con .img-text .text-con .text1 {
        font-size: 28px;
    }

    #pro .education-con .img-text .text-con .text2 {
        font-size: 20px;
        line-height: 40px;
    }

    #pro .education-con .img-text .icon img {
        width: 40px;
        height: auto;
    }

    #pro .education-con .img-text .icon {
        width: 80px;
        height: 80px;
    }

    #pro .product-detail .pro-bot .title1 {
        font-size: 20px;
        margin-top: 25px;
    }

    #pro .product-detail .pro-bot .line {
        margin-bottom: 20px;
    }

    #pro .product-con {
        margin-top: 30px;
    }

    .proshow-max {
        height: 453px;
    }

    #pro .product-con .pro-con .pro-block {
        margin-bottom: 20px;
    }

    #about .honor-con .cert-block .cert-text {
        font-size: 15px;
    }

    #about .culture-con .culture-block .text-con .text2 {
        display: none;
    }

    .continer1-1 {
        width: 94%;
        margin: 0 auto;
    }

    #about .honor-con {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #about .history-con {
        margin-bottom: 50px;
        margin-top: 50px;
    }

    .neiye-banner .neiye-text-con .neiye-banner-text1 {
        font-size: 20px;
        line-height: 35px;
    }

    #about .about-con .about-title {
        margin-top: 20px;
        font-size: 20px;
    }

    #about .about-con .about-line {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    #in .but-soso .text1 {
        font-size: 20px;
    }

    #in .but-soso {
        height: 156px;
    }

    #in .but-soso .soso-con {
        margin-top: 10px;
    }

    #in .beizhu .continer1 {
        height: 120px;
    }

    #in .beizhu .share {
        margin-bottom: 10px;
    }

    .neiye-banner .neiye-text-con .neiye-banner-text2 {
        line-height: 25px;
    }

    .neiye-banner .neiye-text-con {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
    }

    .inner_newsshow {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #system .system-con .system-list {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

}

@media (max-width: 768px) {
    .school-con {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #main .about-icon .about-icon-block .icon1 {
        width: 80px;
        background-size: 30px;
    }

    #main .about-icon .about-icon-block .icon2 {
        width: 80px;
        background-size: 30px;
    }

    #main .about-icon .about-icon-block .icon3 {
        width: 80px;
        background-size: 30px;
    }

    #main .about-icon .about-icon-block .icon4 {
        width: 80px;
        background-size: 30px;
    }

    #main .banner .banner-text .text1 span {
        font-size: 25px;
    }

    #join .recru-beizhu {
        margin-top: 20px;
    }

    #main .banner .banner-text .dian {
        margin-left: 5px;
        margin-right: 5px;
        top: -4px;
        width: 6px;
        height: 6px;
    }

    #join .recru-detail {
        margin-top: 30px;
    }

    #join .recru-beizhu {
        margin-bottom: 30px;
    }

    #system .system-con {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #join .school-con .school-block .school-list {
        width: 100%;
    }

    #join .school-con .school-block .school-list .in-center {
        margin-top: 10px;
    }

    #join .school-con .school-block {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    #join .school-con .school-block .school-list:last-child {
        margin-bottom: 0px;
    }

    #join .recru-con .recru-block .recru-list {
        width: 48%;
        margin-bottom: 20px;
    }

    #join .recru-con {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #join .grow-con {
        margin-top: 30px;
        margin-bottom: 30px;
        min-height: 400px;
    }

    #join .work-con .work-block .work-list {
        width: 100%;
    }

    #join .work-con .work-block .work-list .img {

    }

    #join .work-con .work-block .work-list .img img {
        width: 100%;
    }

    #join .work-con .work-block .work-list .tubiao .text1 {
        font-size: 18px;
    }

    #join .work-con .work-block .work-list .tubiao .tubiao-img {
        width: 70px;
        height: 70px;
    }

    #join .work-con .work-block .work-list .tubiao .tubiao-img {
        background-size: 50%;
    }

    #contact .contact-con {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #system .quality-con .cert-con {
        margin-bottom: 20px;
    }

    #system .jishu-con {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #contact .contact-con .detail-block .detail-list {
        width: 48%;
    }

    #system .jishu-con .jushu-block {
        flex-wrap: wrap;
    }

    #system .jishu-con .jushu-block .left {
        width: 100%;
    }

    #system .jishu-con .jushu-block .left {
        height: 385px;
    }

    #system .jishu-con .jushu-block .right {
        overflow: auto;
    }

    #system .jishu-con .jushu-block {
        height: auto;
    }

    #system .jishu-con .jushu-block .right {
        height: 450px;
        margin-top: 2px;
    }

    #system .jishu-con .jushu-block {
        margin-top: 20px;
    }

    #system .jishu-con .text1 {
        font-size: 14px;
        line-height: 30px;
    }

    #system .system-con .system-list .text-in .text2 {
        margin-top: 20px;
    }

    #system .system-con .system-list .img .img-text {
        font-size: 20px;
    }

    #system .system-con .system-list .text-in .system-title .in-top-title2 {
        margin-top: 20px;
        font-size: 20px;
    }

    #system .system-con .system-list .img .img-text {
        font-size: 18px;
    }

    #system .system-con .system-list .text-in .text2 .text2-con .right {
        font-size: 14px;
    }

    #system .system-con .system-list .text-in .text2 .text2-con .left {
        font-size: 14px;
    }

    #system .quality-con .cert-con .cert-block .cert-text {
        font-size: 14px;
    }

    #system .quality-con .cert-con .cert-block {
        width: 48%;
    }

    #system .system-con .system-list .text-in .text2 {
        margin-top: 10px;
    }

    #system .system-con .system-list {
        margin-bottom: 0px;
    }

    #system .jishu-con .jushu-block .right {
        width: 100%;
    }

    #main .pro-con .pro-block {
        padding: 20px 0px 20px 20px;
    }

    #cdmo .cdmo-con .cdmo-center .cdmo-list .text1 {
        font-size: 18px;
    }

    #system .system-con .system-list {
        flex-wrap: wrap;
    }

    #system .system-con .system-list .img {
        width: 100%;
    }

    #system .system-con .system-list .text-in {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-bottom: 20px;
    }

    #system .system-con .system-list .img img {
        width: 100%;
    }

    #cdmo .cdmo-con .cdmo-top .text-con .text2 {
        flex-wrap: wrap;
    }

    #cdmo .cdmo-con .cdmo-bot .cdmo-list {
        width: 100%;
    }

    #cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .list-text .list-text1 {
        font-size: 14px;
        line-height: 27px;
    }

    #cdmo .cdmo-con .cdmo-top .cdmo-block {
        flex-wrap: wrap;
    }

    #cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list {
        width: 100%;
    }

    #cdmo .cdmo-con .cdmo-top .text-con .text1 {
        font-size: 14px;
        line-height: 25px;
    }

    #cdmo .cdmo-con .cdmo-center .cdmo-list {
        width: 100%;
        margin-bottom: 20px;
    }

    #cdmo .cdmo-con .cdmo-center .cdmo-list .text1 {
        margin-bottom: 10px;
    }

    #cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .bg-text-con .text1 {
        font-size: 16px;
    }

    #pro .product-detail {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #main .pro-con .pro-block .pro-block-left .btn1 {
        margin-top: 10px;
    }

    #pro .education-con .img {
        width: 100%;
    }

    #pro .education-con .img-text .text-con .text1 {
        font-size: 20px;
    }

    #pro .education-con .img-text .text-con .text2 {
        font-size: 18px;
        line-height: 35px;
    }

    #pro .education-con .img-text .icon {
        width: 60px;
        height: 60px;
    }

    #pro .education-con .img-text .text-con {
        margin-left: 10px;
    }

    #pro .education-con .img-text {
        left: 20px;
        bottom: 20px;
    }

    #pro .education-con {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #pro .education-con .img-text .text-con .text1 {
        line-height: 30px;
    }

    #pro .product-con .pro-con .pro-block {
        width: 100%;
    }

    .proshow-max {
        height: 353px;
        border: 0px;
    }

    .show_title h3 {
        font-size: 18px;
    }

    .show_title {
        margin-bottom: 15px;
    }

    .show_content img {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .show_content {
        padding: 10px;
    }

    .in-top-title {
        font-size: 20px;
        margin-top: 20px;
    }

    #news .news-top {
        margin-top: 20px;
    }

    #news .news-top .blcok-in .text1 {
        font-size: 16px;
    }

    #news .news-top .blcok-in .text2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #news .news-bot {
        margin-top: 23px;
    }

    #news .news-bot .block-in {
        width: 48%;
    }

    #news .news-bot .block-in .text1 {
        font-size: 16px;
    }

    #news .news-top .blcok-in {
        width: 48%;
        margin-bottom: 20px;
    }

    .pagination {
        margin-top: 10px;
    }

    #news .news-bot .block-in {
        height: 194px;
    }

    #news .news-top .blcok-in .btn1 {
        margin-top: 15px;
    }

    #about .culture-con .culture-block .text-con .text2 {
        display: block;
    }

    #about .honor-con {
        min-height: 400px;
    }

    #about .honor-con .cert-block .cert-text {
        height: 40px;
        line-height: 40px;
    }

    #about .culture-con .culture-block {
        width: 100%;
    }

    #about .culture-con .culture-block .bg-img {
        width: 100%;
    }

    #about .culture-con .culture-block .text-con .text1 {
        font-size: 16px;
    }

    #about .culture-con .culture-block .text-con .text2 {
        line-height: 20px;
    }

    #about .culture-con .culture-block .text-con img {
        width: 30px;
    }

    #about .culture-con {
        margin-bottom: 0px;
    }

    .neiye-banner .neiye-text-con .neiye-banner-text2 {
        display: none;
    }

    #main .about-title {
        padding-top: 40px;
        font-size: 24px;
    }

    #about .history-con {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .bread .bread-list {
        line-height: 50px;
    }

    .bread .bread-xie {
        line-height: 50px;
    }

    #about .about-con .about-text p {
        margin-bottom: 15px;
    }

    #about .about-con .about-text {
        font-size: 14px;
        line-height: 30px;
        font-weight: lighter;
    }

    #in .but-soso .text1 {
        font-size: 16px;
    }

    #in .but-soso .soso-con input {
        width: 250px;
    }

    #in .but-soso .soso-con button {
        width: 73px;
    }

    #in .beizhu .continer1 {
        text-align: center;
    }

    #main .about-con {
        margin-top: 10px;
    }

    #main .about-icon .about-icon-block {
        width: 120px;
        height: 120px;
        background-size: 120px 120px;
    }

    #main .about-icon .about-icon-block .icon-text {
        font-size: 13px;
        bottom: 13px;
    }

    #main .jishu-con .six-con .six-block {
        width: 100%;
    }

    #main .about-title2 {
        margin-bottom: 20px;
    }

    #main .pro-con {
        height: 703px;
    }

    #main .pro-con .pro-more {
        margin: 0 auto;
    }

    #main .pro-con .swiper-pagination-bullet-active {
        width: 60px;
    }

    #main .pro-con .swiper-pagination-bullet {
        width: 60px;
    }

    #main .about-icon .about-icon-block .icon1 {
        top: 10px;
    }

    #main .about-icon .about-icon-block .icon2 {
        top: 10px;
    }
    #main .about-icon .about-icon-block .icon3{
        top: 15px;
    }
    #main .about-icon .about-icon-block .icon4 {
        top: 10px;
    }

    #main .pro-con .pro-block .pro-block-left .text1 {
        font-size: 20px;
    }

    #main .pro-con .pro-block .pro-block-left .text2 {
        font-size: 16px;
        line-height: 35px;
    }

    #main .pro-con {
        height: 683px;
    }

    #main .footer .index-con .block1 {
        width: 45%;
        margin-right: 0%;
    }

    #main .footer .index-con .block4 {
        width: 100%;
    }

    #main .footer .index-con .block4 {
        margin-top: 35px;
    }

    #main .footer .index-con {
        height: auto;
    }

    #main .footer .index-con {
        margin-top: 20px;
    }

    #main .footer .beizhu {
        height: 60px;
        font-size: 14px;
    }

    #main .footer {
        height: auto;
    }

    #main .footer .index-con .block2 {
        width: 50%;
        padding-right: 0%;
    }

    #main .footer .index-con {
        flex-wrap: wrap;
    }

    #main .banner .banner-text .text1 {
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 0px;
    }

    #main .banner .banner-text .text3 {
        font-size: 18px;
        line-height: 30px;
    }

    #main .banner .banner-text {
        top: 32%;
    }

    #main .banner .banner-text .text2 {
        margin-bottom: 0px;
    }

    .banner img {
        width: 60%;
    }

    #main .maodian {
        display: none;
    }

    #main .banner .banner-text .text2 {
        font-size: 16px;
    }

    .header .header-con {
        margin: 10px auto 0px
    }

    .header .header-con .header-left img {
        width: 120px;
        height: auto;
    }

    #main .banner .swiper-slide img {
        height: auto;
    }

    #main .banner {
        height: auto;
    }

    .header .caidan-in .caidan-in-in .xx {
        margin-left: 87%;
        margin-top: 20px;
    }

    .header .caidan-in .caidan-in-in .logo {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .header .caidan-in .caidan-in-in .line {
        width: 85%;
    }

    .header .caidan-in .caidan-in-in .list-con .list-1 {
        width: 100% !important;
    }

    .header .caidan-in .caidan-in-in .list-con {

        overflow-y: auto;
        overflow-x: hidden;
        margin-right: 0px;
        height: 65vh;

    }

    .header .caidan-in .caidan-in-in .list-con .list-1 {
        line-height: 40px;
        margin-top: 10px;
    }

    .header .caidan-in .caidan-in-in .list-con .list-1 .list-1-arrow {
        margin-right: 21px;
    }

    .header .caidan-in .caidan-in-in .nav-btn {
        width: 100%;
    }

    .header .caidan-in .caidan-in-in .nav-btn {
        margin-left: 0px;
    }

    .header .caidan-in .caidan-in-in .nav-btn .share {
        width: 50%;
    }

    .header .caidan-in .caidan-in-in .list-con .list-1 .list-1-a {
        display: block;
    }

    .header .caidan-in .caidan-in-in .list-con .list-1 .list2-con .list-2 {
        line-height: 35px;
    }

    .header .caidan-in .caidan-in-in .nav-btn .btn-language {
        margin-left: 33px;
    }

    .header .caidan-in .caidan-in-in .nav-btn .share {
        margin-left: 33px;
    }

    .header .caidan-in .caidan-in-in .nav-btn .btn-language {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .header .caidan-in .caidan-in-in .list-con .list-1:first-child {
        margin-top: 20px;
    }

    .header .caidan-in .caidan-in-in {
        width: 100%;
    }

    .phone {
        display: none;
    }

    .inner_newsshow {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #main .jidi-con .jidi-block .text1 {
        font-size: 16px;
    }

    #main .jishu-con .six-con .six-block .six-icon {
        width: 30%;
    }

    #main .jishu-con .six-con .six-block .six-text {
        width: 70%;
    }

    #main .jishu-con .six-con .six-block {
        height: 150px;
    }

    #main .jidi-con {
        flex-wrap: wrap;
    }

    #main .jidi-con .jidi-block {
        padding: 10px;
        width: 100%;
    }

    #main .jishu-con {
        height: auto;
    }

    #main .jishu-con .six-con {
        justify-content: space-between;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .text-con {
        width: 85%;
    }

    #main .footer .index-con .block1 .share {
        display: none;
    }

    #main .jidi-con .jidi-block .img img {
        width: 100%;
    }

    #main .jishu-con .six-con .six-block .six-icon {
        background-size: 50%;
    }

    #main .about-con {
        line-height: 35px;
        font-size: 16px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .text-con .text1 {
        font-size: 20px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .text-con .text2 {
        margin-top: 10px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block {
        height: 183px;
    }

    #main .jishu-con .six-con .six-block .six-text .text1 {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    #main .banner .banner-text .text1 {
        font-size: 20px;
        line-height: 30px;
    }

    #news .news-top .blcok-in {
        width: 100%;
    }

    #join .recru-con .recru-block {
        margin-top: 20px;
    }

    #join .recru-con .recru-block .recru-list:last-child {
        margin-bottom: 0px;
    }

    #pro .education-con .img-text .icon img {
        width: 30px;
    }

    #cdmo .cdmo-con .cdmo-center .cdmo-list .text2 {
        font-size: 14px;
    }

    #cdmo .cdmo-con .cdmo-top .cdmo-block .cdmo-list .list-text .list-text1 {
        padding-left: 15px;
    }

    #cdmo .cdmo-con .cdmo-center .cdmo-list .text2 {
        padding-left: 15px;
    }

    #main .banner .banner-text .text3 {
        font-size: 16px;
    }

    #cdmo .cdmo-con .cdmo-center .cdmo-list:last-child {
        margin-bottom: 0px;
    }

    #pro .education-con {
        min-height: 400px;
    }

    #main .banner .banner-text .text2 {
        font-size: 14px;
    }

    #main .about-title {
        padding-top: 30px;
        font-size: 20px;
    }

    #main .about-con {
        font-size: 15px;
        margin-top: 0px;
    }

    #main .about-icon {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #main .about-icon .about-icon-block {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #main .about-icon .about-icon-block {
        background-size: 80px 80px;
        width: 80px;
        height: 80px;
    }

    #main .about-icon .about-icon-block .icon1 {
        background-position: center 10%;
    }

    #main .footer .index-con .block1 {
        width: 100%;
    }

    #main .footer .index-con .block2 {
        width: 100%;
        margin-top: 20px;
    }

    #main .about-icon .about-icon-block .icon2 {
        background-position: center 10%;
    }

    #main .about-icon .about-icon-block .icon3 {
        background-position: center 10%;
    }

    #main .about-icon .about-icon-block .icon4 {
        background-position: center 10%;
    }
    #main .about-icon .about-icon-block .icon-text{
        width: 80px;
        font-size: 12px;
        line-height: 8px;
    }
    #main .about-title2 {
        line-height: 25px;
    }

    #main .pro-con .swiper-pagination-bullet {
        width: 30px;
    }

    #main .pro-con .pro-more {
        width: 100px;
        height: 40px;
        line-height: 40px;
    }

    #main .pro-con {
        height: 633px;
    }

    #main .pro-con .swiper-pagination {
        margin-bottom: 35px;
    }

    #main .about-title2 {
        margin-top: 5px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .text-con .text1 {
        font-size: 16px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .text-con .text2 {
        font-size: 12px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .text-con {
        margin-right: 0px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .cdmo-right-icon {
        margin-left: 20px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .cdmo-right-icon2 {
        margin-left: 20px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .cdmo-right-icon3 {
        margin-left: 20px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .cdmo-right-icon {
        width: 70px;
        height: 70px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .cdmo-right-icon2 {
        width: 70px;
        height: 70px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .cdmo-right-icon3 {
        width: 70px;
        height: 70px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .cdmo-right-icon {
        background-size: 40%;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .cdmo-right-icon2 {
        background-size: 40%;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .cdmo-right-icon3 {
        background-size: 40%;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .text-con .text2 {
        line-height: 25px;
    }

    #news .news-bot .block-in {
        height: auto;
    }

    #join .recru-con .recru-block .recru-list .text2 {
        font-size: 14px;
    }

    #join .recru-con .recru-text1 {
        line-height: 30px;
        font-size: 14px;
    }
}

@media (max-width: 414px) {
    .proshow-max {
        height: 253px;
    }

    .iproshow_fr1_blimg2 {
        width: 15.5%;
        left: -6px;
        top: 0px;
    }

    .proshow-min .slick-next {
        top: -5px;
    }

    #join .recru-con .recru-block .recru-list {
        width: 100%;
    }

    #contact .contact-con .detail-block .detail-list {
        width: 100%;
    }

    #join .recru-con .recru-title .in-top-title {
        margin-top: 20px;
    }

    #pro .product-detail .product-top .product-right .text1 {
        font-size: 18px;
    }

    #pro .product-detail .pro-bot .title1 {
        font-size: 18px;
    }

    #pro .product-detail .pro-bot .detail p {
        font-size: 14px;
    }

    .header .mengban {
        display: none !important;
    }

    .neiye-banner .neiye-text-con .neiye-banner-text1 {
        font-size: 18px;
        line-height: 30px;
    }

    #main .footer .index-con .block2 .text2 {
        font-size: 28px;
    }

    #main .cdmo-con .cdmo-list .cdmo-list-right .cdmo-right-block .text-con {
        width: 70%;
    }

    #main .banner .banner-text .text1 {
        font-size: 17px;
    }

    #main .banner .banner-text .text2 {
        line-height: 25px;
    }

    #main .banner .banner-text {
        top: 39%;
    }

    #main .banner .swiper-button-next, #main .banner .swiper-container-rtl .swiper-button-prev {
        background-size: 40px 40px;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }
}

@media (max-width: 375px) {
}

@media (max-width: 320px) {
}