.other-banner {
    width: 100%;
    height: 430px;
    overflow: hidden;
    text-align: center;
    position: relative;
    background-image: url(../images/inbg.jpg);
    background-position: left top;
}

.other-banner .banner-img {
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    margin: 0 -100%;
}

.banner-title {
    width: 600px;
    position: absolute;
    top: 180px;
    left: 16%;
    color: #fff;
    text-align: left;
}

.banner-title h2 {
    font-size: 50px;
    letter-spacing: 5px;
    line-height: 54px;
}

.banner-title p {
    font-size: 24px;
    padding-top: 15px;
    color: #02B2B5;
    text-transform: uppercase;
}

.banner-style img {
    width: 260px;
    height: 10px;
    margin-top: 15px;
}

a {
    color: #111;
}

.i-menu {
    width: 100%;
    height: 80px;
    /* background-color: #fafafa; */
}

.i-menu ul {
    width: 1300px;
    margin: 0 auto;
}

.i-menu ul li a {
    float: left;
    border: 1px solid rgba(216, 24, 67, 0.5);
    margin-top: 20px;
    margin-right: 30px;
    text-align: center;
    line-height: 20px;
    padding: 10px 25px;
    font-size: 16px;
    /* color: #02B2B5; */
    transition: all 0.3s ease-in-out;
}

.i-menu ul li a:hover {
    color: #fff;
    background-color: #02B2B5;
}

.i-on {
    color: #fff;
    background-color: #02B2B5;
}

.i-menu2 {
    width: 100%;
    height: 60px;
    margin-top: 10px;
}

.i-menu2 ul {
    width: 1300px;
    margin: 0 auto;
}

.i-menu2 ul li {
    float: left;
    display: block;
    margin-right: 20px;
}

.i-menu2 ul li a {
    display: block;
    border: 1px solid rgba(216, 24, 67, 0.68);
    background-color: #fff;
    color: rgba(17, 17, 17, 0.68);
    padding: 8px 20px;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}

.i-menu2 ul li a:hover {
    border: 1px solid rgba(216, 24, 67, 0.68);
    background-color: rgba(216, 24, 67, 0.68);
    color: #fff;
}

.i-menu2-on {
    border: 1px solid rgba(216, 24, 67, 0.68) !important;
    color: #fff !important;
    background-color: rgba(216, 24, 67, 0.68) !important;
}

.o-menu {
    width: 100%;
    height: 60px;
    background-color: #f9f9f9;
}

.o-box {
    width: 1300px;
    margin: 0 auto;
}

.o-now {
    float: left;
    line-height: 20px;
    padding: 20px 0px;
    font-size: 16px;
}

.o-menu .o-box>ul {
    float: right;
}

.o-menu .o-box>ul>li {
    display: block;
    float: left;
    position: relative;
}

.o-menu .o-box>ul>li>a {
    float: left;
    text-align: center;
    line-height: 20px;
    padding: 20px 25px;
    font-size: 16px;
    /* color: #02B2B5; */
    /* background-color: #fad49d; */
    transition: all 0.3s ease-in-out;
}

.o-menu .o-box>ul>li:hover>a {
    color: #fff;
    background-color: #02B2B5;
}

.o-on {
    color: #fff;
    background-color: #02B2B5;
}

.o-menu .o-box>ul>li:hover>.o-menu2 {
    display: block;
}

.o-menu2 {
    width: 100%;
    position: absolute;
    top: 60px;
    background-color: #f9f9f9;
    display: none;
}

.o-menu2 ul {
    width: 100%;
}

.o-menu2 ul li {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
}

.o-menu2 ul li a {
    display: block;
    width: 100%;
    padding: 10px 15px;
    font-size: 14px;
}

.o-menu2 ul li a:hover {
    color: #fff;
    background-color: #02B2B5;
}

.info-menu {
    width: 100%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}

.info-menu ul {
    display: inline-block;
}

.info-menu ul li {
    display: block;
    float: left;
    margin: 5px;
}

.info-menu ul li a {
    float: left;
    text-align: center;
    line-height: 20px;
    padding: 10px 30px;
    font-size: 16px;
    color: #fff;
    background-color: transparent;
    border: 2px solid #02B2B5;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
}
.info-menu ul li a:hover{
    background-color: #02B2B5;
    color: #fff;
}

.info-on {
    color: #fff !important;
    background-color: #02B2B5 !important;
}

.info-text {}

.about-img {
    float: right;
    width: 480px;
}

.about-img img {
    width: 100%;

}

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

.content-text {
    line-height: 30px;
    font-size: 16px;
    color: #111;
}

.content-title {
    text-align: center;
}

.content-title img {
    margin-top: 10px;
}

.content-title h3 {
    font-size: 36px;
    color: #02B2B5;
    font-weight: normal;
    padding-bottom: 10px;
}

.content-title h1 {
    font-size: 16px;
    color: #111;
    font-weight: normal;
    padding-bottom: 20px;
}

.content-text a {
    display: inline-block;
    margin: 10px;
}

.content-text img {
    margin: 10px;
}

.about-tit {
    text-align: center;
    margin-top: 120px;
}

.about-tit h3 {
    font-size: 32px;
    color: #fff;
    padding-bottom: 10px;
}

.about-tit p {
    font-size: 20px;
    margin-bottom: 10px;
    padding-top: 10px;
    color: #fff;
    font-weight: normal;
}

.about-tit h1 {
    font-size: 16px;
    color: #111;
    font-weight: normal;
}

.about-tit h4 {
    font-size: 13px;
    color: #797979;
    font-weight: normal;
}

.about-tit img {
    margin-top: 10px;
}

/* .about-tit b{
    display: block;
    width: 90px;
    height: 3px;
    background-color: #02B2B5;
    margin-top: 10px;
} */
.about-text {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    color: #111;
    padding: 30px 50px;
    text-align: justify;
}
.about-text img{
    width: 100%;
    height: auto;
    margin: 20px 0;
}

.qiye-up {
    background-color: #f3f1ee;
    padding: 80px 0 120px;
}

.qiye-tit {
    text-align: center;
}

.qiye-tit h3 {
    font-size: 24px;
    color: #111;
    font-weight: normal;
}

.qiye-tit h1 {
    font-size: 24px;
    color: #111;
    line-height: 34px;
    /* font-weight: normal; */
}

.qiye-tit b {
    display: block;
    width: 50px;
    height: 2px;
    background-color: #02B2B5;
    margin: 0 auto;
    margin-top: 10px;
}

.qiye-up ul {
    width: 1300px;
    margin: 0 auto;
    margin-top: 50px;
}

.qiye-up ul li {
    float: left;
    display: block;
    width: 310px;
    height: 210px;
    background-color: #02B2B5;
    color: #fff;
    text-align: center;
    margin-right: 20px;
    padding: 50px;
}

.qiye-up ul li:nth-child(4) {
    margin-right: 0px;
}

.qiye-up ul li strong {
    display: block;
    font-size: 22px;
    padding-top: 10px;
}

.qiye-up ul li p {
    line-height: 28px;
    padding-top: 20px;
}

.qiye-down {
    padding: 80px 0 120px;
}

.qiye-down ul {
    width: 1300px;
    margin: 0 auto;
    margin-top: 50px;
}

.qiye-down ul li {
    display: block;
    width: 610px;
    height: 56px;
    margin-right: 80px;
    margin-bottom: 10px;
    float: left;
    background-color: #eeeeee;
    line-height: 56px;
}

.qiye-down ul li:nth-child(2n+2) {
    margin-right: 0px;
}

.qiye-down ul li strong {
    display: inline-block;
    background-color: #02B2B5;
    color: #fff;
    font-size: 18px;
    padding: 0 30px;
    font-weight: normal;
}

.qiye-down ul li p {
    display: inline-block;
    padding-left: 20px;
}

.prod-list {
    width: 100%;
    margin-top: 30px;
}

.prod-list ul li {
    width: 300px;
    height: 285px;
    margin-right: 33.33px;
    margin-bottom: 30px;
    /* border: 1px solid #02B2B5; */
    float: left;
    border: 1px solid #e1e1e1;
    padding: 10px;
    transition: all 0.5s ease-in-out;
}

.prod-list ul li:nth-child(4n+4) {
    margin-right: 0px;
}

.prod-list ul li .prod-img {
    width: 100%;
    height: 220px;
    overflow: hidden;
    text-align: center;
}

.prod-list ul li .prod-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
}

.prod-list ul li:hover img {
    transform: scale(1.05);
}

.prod-list ul li .prod-title {
    width: 100%;
    height: 30px;
    background-color: #fff;
    margin-top: 10px;
}

.prod-list ul li .prod-title h3 {
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #555;
    font-weight: normal;
    transition: all 0.5s ease-in-out;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/* .prod-list ul li .prod-title p{
    padding-top: 5px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #555;
    transition: all 0.5s ease-in-out;
} */
.prod-list ul li:hover {
    border: 1px solid #02B2B5;
}

.prod-list ul li:hover .prod-title>h3 {
    color: #02B2B5;
}

/* .prod-list ul li:hover .prod-title>p{
    color: #fff;
} */

.rongyu-list {
    width: 100%;
    margin-top: 30px;
}

.rongyu-list ul li {
    width: 285px;
    margin: 20px;
    /* border: 1px solid #02B2B5; */
    float: left;
    border: 1px solid #e1e1e1;
    padding: 20px;
    transition: all 0.5s ease-in-out;
}

.rongyu-list ul li .prod-img {
    width: 100%;
    height: 335px;
    overflow: hidden;
    text-align: center;
}

.rongyu-list ul li .prod-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.rongyu-list ul li .prod-title {
    width: 100%;
    height: 30px;
    background-color: #fff;
    margin-top: 10px;
}

.rongyu-list ul li .prod-title h3 {
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #555;
    font-weight: normal;
    transition: all 0.5s ease-in-out;
}

/* .rongyu-list ul li .prod-title p{
    padding-top: 5px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #555;
    transition: all 0.5s ease-in-out;
} */
.rongyu-list ul li:hover {
    border: 1px solid #02B2B5;
}

.rongyu-list ul li:hover .prod-title>h3 {
    color: #02B2B5;
}

/* .rongyu-list ul li:hover .prod-title>p{
    color: #fff;
} */

.case-list ul li {
    width: 410px;
    height: 360px;
    margin-right: 35px;
    margin-bottom: 30px;
    float: left;
    /* border: 1px solid #e1e1e1;
    padding: 10px; */
    transition: all 0.5s ease-in-out;
}

.case-list ul li:nth-child(3n+3) {
    margin-right: 0px;
}

.case-list ul li .case-img {
    width: 100%;
    height: 300px;
    overflow: hidden;
    text-align: center;
}

.case-list ul li .case-img img {
    width: auto;
    min-width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 -100%;
    transition: all 0.5s ease-in-out;
}

.case-list ul li:hover img {
    transform: scale(1.05);
}

.case-list ul li .case-title {
    width: 100%;
    height: 35px;
    background-color: #fff;
}

.case-list ul li .case-title h3 {
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 15px;
    color: #555;
    padding-top: 15px;
    font-weight: normal;
    transition: all 0.5s ease-in-out;
}

/* .case-list ul li .case-title p{
    padding-top: 5px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #555;
    transition: all 0.5s ease-in-out;
} */
/* .case-list ul li:hover{
    border: 1px solid #02B2B5;
} */
.case-list ul li:hover .case-title>h3 {
    color: #02B2B5;
}

/* .case-list ul li:hover .case-title>p{
    color: #fff;
} */

.news-list {
    width: 100%;
    margin: 20px 0;
    text-align: center;
}

.news-list ul {
    display: inline-block;
}

.news-list ul a {
    width: 400px;
    height: 460px;
    margin: 15px;
    float: left;
}

.news-list ul a li {
    width: 100%;
    height: 100%;
    display: block;
}

.news-list ul a li .news-img {
    width: 100%;
    height: 280px;
    overflow: hidden;
}

.news-img img {
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
}

.news-list ul a li .t-title {
    padding: 20px;
    background-color: #fff;
    z-index: 99;
}

.news-list ul a li .t-title h4 {
    background-color: #fff;
    color: #000;
    font-size: 16px;
    line-height: 26px;
    /* font-weight: normal; */
    transition: all 0.5s ease-in-out;
}

.news-list ul a:hover li>.t-title>h4 {
    color: #02B2B5;
}

.news-list ul a:hover li>.t-title>i {
    color: #02B2B5;
}

.news-list ul a:hover li>.news-img>img {
    transform: scale(1.05);
}

.news-list ul li .t-title i {
    font-size: 14px;
    color: #555;
    line-height: 30px;
    transition: all 0.5s ease-in-out;
}

.news-list ul li .t-title p {
    font-size: 14px;
    color: #555;
    line-height: 24px;
}

.qs-list {
    width: 100%;
    margin: 20px 0;
    /* text-align: center; */
}

.qs-list ul {
    display: inline-block;
}

.qs-list ul a {
    width: 48%;
    /* height: 50px; */
    margin: 10px 1%;
    background-color: #f1f1f1;
    float: left;
}

.qs-list ul a li {
    width: 100%;
    height: 100%;
    float: left;
    display: block;
    padding: 25px 30px;
}

/* .qs-list ul a li .qs-img {
    width: 100%;
    height: 280px;
    overflow: hidden;
}

.qs-img img {
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
} */

/* .qs-list ul a li .t-title {
    z-index: 99;
} */

.qs-list ul a li .t-title h4 {
    color: #000;
    font-size: 16px;
    line-height: 30px;
    float: left;
    /* font-weight: normal; */
}
.qs-list ul a:hover{
    background-color: #02B2B5;
}
.qs-list ul a:hover li>.t-title>h4 {
    color: #fff;
}

.qs-list ul a:hover li>.t-title>b {
    color: #fff;
}

.qs-list ul a:hover li>.qs-img>img {
    transform: scale(1.05);
}

.qs-list ul li .t-title b {
    font-size: 14px;
    color: #555;
    line-height: 30px;
    font-weight: normal;
    float: right;
}

.qs-list ul li .t-title p {
    font-size: 14px;
    color: #555;
    line-height: 24px;
}



.list_page {
    display: block;
    padding-top: 30px;
    text-align: center;
    font-size: 14px;
    color: #ccc;
}

.list_page a {
    font-size: 14px;
    color: #ccc;
}

.list_page {}

.list_page ul {
    display: block;
    font-size: 0;
    line-height: 0;
}

.list_page li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.list_page li a {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    height: 36px;
    border: 1px solid #ccc;
    background: #fff;
    color: #262626;
    text-align: center;
    line-height: 36px;
    border-left: 0px;
}

.list_page li a:hover {
    background: #efefef;
    color: #262626;
}

.list_page li .up {
    border-left: 1px solid #ccc;
    /* border-radius: 20px 0 0 20px; */
}

.list_page li .up2 {
    /* border-radius: 0 20px 20px 0; */
}

.list_page li .list_page_now {
    background-color: #efefef;
    color: #262626;
}

.list_page li .list_page_now:hover {
    background-color: #efefef;
}

.art_dis {
    font-size: 14px;
    padding-top: 20px;
    line-height: 22px;
}


.article-center {
    margin-top: 60px;
    padding-bottom: 100px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.article-content {
    width: 1300px;
    margin: 0 auto;
    /* border-radius: 20px; */
    border: solid 1px #e6e6e6;
    overflow: hidden;
}

.article-content-detail {
    padding: 30px 40px;
    font-size: 16px;
    color: #797979;
    line-height: 32px;
}
.article-content-detail img{
    max-width:100%;
    margin: 10px 0;
}

.article-content .article-content-detail h4 {
    font-size: 20px;
    color: #262626;
    padding-top: 10px;
    padding-bottom: 5px;
}

.article-content .article-content-detail .article-date {
    margin: 15px 0;
    font-size: 14px;
    color: #797979;
    line-height: 20px;
}

.article-content .article-content-detail .article-date img {
    float: left;
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.article-content .article-content-detail p {
    font-size: 16px;
    color: #797979;
    line-height: 32px;
    padding-bottom: 20px;
}

.article-content-down {
    background: #f4f4f4;
    display: flow-root;
    width: 100%;
    padding: 10px 0;
}

.article-content-down .article-prev {
    margin: 0px 30px;
    display: inline-grid;
    float: left;
}

.article-content-down .article-next {
    float: right;
    margin: 0px 30px;
    display: inline-grid;
}

.article-content-down a {
    border-radius: 30px;
    border: solid 1px #ddd;
    background: #fff;
    padding: 8px 15px;
    font-size: 14px;
    color: #555;
    transition: all 0.3s ease-in-out;
}

.article-content-down a:hover {
    background-color: #02B2B5;
    color: #fff;
}



.contact{
    width: 1300px;
    margin: 60px auto;
}
.contact-left{
    float: left;
    width: 46%;
    padding: 30px 0px;
    /* border: 1px solid #e1e1e1; */
}


.contact-left h3{
    color: #333333;
    font-size: 30px;
    font-weight: normal;
    line-height: 40px;
    letter-spacing: 1px;
}
.contact-left i{
    display: block;
    width: 120px;
    height: 2px;
    background-color: #02B2B5;
    margin: 20px 0 15px;
}
.contact-list{
    padding-top: 5px;
}
.contact-list p{
    font-size: 16px;
    margin: 12px 0;
    padding-left: 30px;
    position: relative;
    line-height: 30px;
}
.contact-list p::before{
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    text-align: left;
    line-height: 20px;
    color: #333333;
    top: 6px;
    left: 0;
    background-size: 100%;
    background-position: center center;
}
.contact-list p:nth-child(3)::before{
    background-image: url(../images/contact11.png);
}
.contact-list p:nth-child(2)::before{
    background-image: url(../images/contact22.png);
}
/* .contact-list p:nth-child(3)::before{
    background-image: url(../images/contact44.png);
} */
.contact-list p:nth-child(1)::before{
    background-image: url(../images/contact55.png);
}
.map-box{
    width: 46%;
    height: 360px;
    float: right;
    border: 5px;
    overflow: hidden;
}





.liuyan {
    width: 100%;
}

.liuyan form {
    width: 60%;
    margin: 0 auto;
    margin-top: 20px;
}

.liuyan form li {
    display: block;
    list-style: none;
    width: 48%;
    margin: 0 1%;
    float: left;
}

.input-text {
    width: 100%;
    height: 48px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding-left: 10px;
    font-size: 15px;
}

.textarea-text {
    width: 100%;
    height: 48px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding-left: 10px;
    font-size: 15px;
    line-height: 36px;
}

input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #4f4f4f;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #4f4f4f;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #4f4f4f;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #4f4f4f;
}

textarea::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #4f4f4f;
    font-size: 15px;
    font-family: "Microsoft YaHei", "微软雅黑";
}

textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #4f4f4f;
    font-size: 15px;
    font-family: "Microsoft YaHei", "微软雅黑";
}

textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #4f4f4f;
    font-size: 15px;
    font-family: "Microsoft YaHei", "微软雅黑";
}

textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #4f4f4f;
    font-size: 15px;
    font-family: "Microsoft YaHei", "微软雅黑";
}

.input-submit {
    margin: 0 auto;
    margin-top: 10px;
    width: 200px;
    height: 48px;
}

.input-submit input {
    width: 200px;
    height: 48px;
    border: 0px;
    background-color: #02B2B5;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
}

.input-submit input:hover {
    color: #02B2B5;
    background-color: #fff;
    border: 1px solid #02B2B5;
    box-shadow: 2px 2px 5px #02B2B5;
    -moz-box-shadow: 2px 2px 5px #02B2B5;
    -webkit-box-shadow: 2px 2px 5px #02B2B5;
}


.yewu {
    width: 100%;
}

.yewu-box:nth-child(2n+2) {
    background-color: #323232;
}

.yewu-item {
    width: 50%;
    float: left;
    height: auto;
    overflow: hidden;
}

.yewu-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.yewu-box:nth-child(2n+1) .yewu-item:nth-child(2n+1) {
    color: #3e3e3e;
    padding: 70px 110px 20px;
}

.yewu-box:nth-child(2n+2) .yewu-item:nth-child(2n+2) {
    color: #fff;
    padding: 70px 110px;
}

.yewu-box .yewu-item strong {
    font-size: 24px;
}

.yewu-box .yewu-item b {
    display: block;
    width: 95px;
    height: 4px;
    background-color: #02B2B5;
    margin: 30px 0;
}

.yewu-box .yewu-item p {
    line-height: 30px;
}

.yewu1 {
    width: 1300px;
    margin: 60px auto;
}

.yewu1-box {
    width: 100%;
    margin-bottom: 20px;
}

/* .yewu1-box:nth-child(2n+2){
    background-color: #323232;
} */

.yewu1-item {
    width: 64%;
    color: #3e3e3e;
    padding: 40px 0;
    float: left;
}
.yewu1-img {
    width: 36%;
    float: right;
    height: auto;
    position: relative;
}
.yewu1-img img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.yewu1-box:nth-child(2n+1) .yewu1-item{
    padding-right: 60px;
}
.yewu1-box:nth-child(2n+2) .yewu1-img {
    float: left;
}
.yewu1-box:nth-child(2n+2) .yewu1-item{
    float: right;
    padding-left: 60px;
}

.yewu1-box .yewu1-item strong {
    font-size: 26px;
    display: block;
    /* margin-bottom: 20px; */
}

.yewu1-box .yewu1-item b {
    display: block;
    width: 60px;
    height: 3px;
    background-color: #02B2B5;
    margin: 20px 0;
}

.yewu1-box .yewu1-item p {
    line-height: 30px;
}


.re-case {
    width: 100%;
    margin: 50px auto;
}

.re-case-title {
    text-align: center;
}

.re-case-title strong {
    font-size: 28px;
    font-weight: normal;
}

.re-case-title b {
    display: block;
    width: 72px;
    height: 3px;
    background-color: #02B2B5;
    margin: 15px auto;
}

.contact-center {
    width: 49%;
    margin-right: 1%;
    height: 400px;
    background-color: #f1f1f1;
    float: left;
    text-align: center;
    margin-top: 30px;
}

.contact-t {
    width: 100%;
    margin-top: 50px;
}

.contact-t p {
    color: #111;
    font-size: 18px;
    line-height: 36px;
}

.contact-code {
    width: 100%;
    margin-top: 30px;
}

.contact-code-box {
    display: inline-block;
    text-align: center;
}

.contact-code-box img {
    width: 130px;
    height: auto;
}

.contact-code-box p {
    font-size: 14px;
    color: #111;
    line-height: 30px;
}


.cp_top {
    width: 1300px;
    margin: auto;
    background-color: #f9f9f9;
    margin-top: 50px;
    margin-bottom: 50px;
    border: 1px solid #e6e6e6;
}

.cp_top_img {
    float: left;
    width: 500px;
}

.cp_top_img img {
    width: 500px;
}

.cp_top_img i {
    display: block;
    width: 101px;
    height: 107px;
    background-image: url(../images/hot.png);
    position: absolute;
}

.cp_top_img .nohuo {
    display: block;
    width: 101px;
    height: 107px;
    background-image: url(../images/nohuo.png);
    position: absolute;
}

.cp_top_cs {
    padding-top: 50px;
    padding-right: 50px;
    width: 730px;
    float: right;
}

.cp_top_cs strong {
    font-size: 30px;
    font-weight: normal;
}

.cp_top_cs b {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #02B2B5;
    margin: 15px 0 20px;
}

.cp_top_cs h4 {
    font-size: 18px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 30px;
}

.cp_top_cs div {
    font-size: 17px;
    padding-top: 20px;
    margin-bottom: 10px;
    line-height: 30px;
    color: #555;
}

.cp_top_cs li {
    line-height: 55px;
    font-size: 15px;
    background-image: url(../images/yl.svg);
    background-size: auto 20px;
    background-position: 0px;
    padding-left: 29px;
    background-repeat: no-repeat;
}

.cp_top_cs .zl {
    background-image: url(../images/zl.svg);
}

.cp_top_cs .fh {
    background-image: url(../images/fh.svg);
}

.cp_top_cs .jg {
    background-image: url(../images/jg.svg);
}

.cp_top_cs .jg span {
    color: #F00;
    font-size: 25px
}

.dis {
    display: block;
}

.undis {
    display: none;
}

.cp_jieshao {
    width: 900px;
    float: left;
    border: 1px solid #e6e6e6;
}

.cp_jieshao ul {
    background-color: #f1f1f1;
}

.cp_jieshao ul li {
    width: 20%;
    float: left;
    background-color: #efefef;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
}

.cp_jieshao ul .newpost_w {
    background-color: #02B2B5;
    color: #fff;
}


.cp_xxjs table {
    width: 100%;
    margin-bottom: 20px;
}

.cp_xxjs table td {
    border: 1px solid #CCC;
    padding: 5px;
}

.cp_xxjs {
    padding: 30px;
    line-height: 33px;
    font-size: 15px;
}

.cp_xxjs img{
	max-width: 100%;
}
.cp_xxjs li {
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #e6e6e6;
}

.cp_xxjs li:last-child {
    border-bottom: 0px dashed #e6e6e6;
}

.cp_xxjs li img {
    float: left;

}

.cp_xxjs li strong {
    float: left;
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 18px;
}

.pro-text {
    font-size: 14px;
    color: #555;
    line-height: 24px;
    padding: 10px 0;
}

#xtbc_01 img {
    width: 800px;
    border: 1px #e6e6e6 solid;
    display: block;
    margin-bottom: 20px;
}

.cpxx_kk {
    width: 1300px;
    margin: auto;
}

.cp_about {
    float: right;
    width: 460px;
    border: 1px #e6e6e6 solid;
}

.cp_about_tit {
    background-color: #fff;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    text-align: left;
    border-bottom: 1px #e6e6e6 solid;
    padding-left: 20px;
    display: block;
    font-weight: normal;
}

.pro_index_list {
    padding-top: 80px;
    margin-top: 0px;
    padding-bottom: 80px;
}

.pro_index_list li {
    float: left;
    border: 20px solid #fff;
    margin-right: 58px;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    position: relative;
}

.pro_index_list li:hover {
    box-shadow: 0 0 20px #ccc;
}

.pro_index_list ul {
    margin: auto;
}

.pro_index_list li img {
    width: 448px;
    height: 298px;
    border-bottom: 1px #efefef solid;
}

.pro_index_list li i {
    display: block;
    width: 101px;
    height: 107px;
    background-image: url(../images/hot.png);
    position: absolute;
    margin-top: -20px;
    margin-left: -20px;
}

.pro_index_list li .nohuo {
    background-image: url(../images/nohuo.png);
}

.nlist {
    width: 1355px;
    margin: auto;
}

.nlist li {
    margin: 10px 25px;
}

.nlist li img {
    width: 350px;
    height: 233px;
    border-bottom: 1px #efefef solid;
}


.wenhua {
    width: 100%;
    box-sizing: border-box;
    padding: 0 80px;
    margin-top: 30px;
    text-align: center;
}

.wenhua ul {
    display: inline-block;
}

.wenhua ul li {
    width: 49%;
    height: 50px;
    margin-right: 2%;
    margin-bottom: 15px;
    float: left;
    background-color: #fad49d;
    color: #02B2B5;
    line-height: 50px;
}

.wenhua ul li:nth-child(2n+2) {
    margin-right: 0;
}



.history-con-box {
    margin-top: 0px;
    overflow: hidden;
    padding: 0 20px 0 30px;
    text-align: center;
    font-size: 14px;
}

.history-con {
    margin: 0 auto;
    margin-top: 50px;
    overflow: hidden;
    padding: 0 220px;
}

.history-conlist1 {
    padding-top: 50px;
    width: 400px;
    float: left;
    text-align: right;
    padding-right: 20px;
    border-right: 1px solid #fad49d;
    line-height: 25px;
    position: relative;
}

.history-conlist-text {
    width: 370px;
    min-height: 79px;
    padding: 0 20px;
}

.history-conlist2 {
    padding-top: 50px;
    float: left;
    width: 270px;
    text-align: left;
    padding-left: 20px;
    line-height: 25px;
    position: relative;
}

.history-conlist-text em {
    font-family: "微软雅黑";
    font-size: 14px;
    color: #666;
    display: block;
}

.history-conlist-text span {
    font-family: "微软雅黑";
    font-size: 16px;
    color: #333;
    display: block;
    font-weight: bold;
}

.foc {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0e0717;
}

.history-conlist2 .foc {
    position: absolute;
    left: -5px;
    z-index: 2 !important;
}

.history-conlist1 .foc {
    position: absolute;
    right: -5px;
    z-index: 2 !important;
}

.history-conlist-text em img {
    width: 14px;
    height: 14px;
}


.jmys {
    width: 100%;
    box-sizing: border-box;
    padding: 0 60px;
    margin-top: 30px;
    text-align: center;
}

.jmys ul {
    display: inline-block;
}

.jmys ul li {
    width: 32%;
    height: 50px;
    margin-right: 2%;
    margin-bottom: 15px;
    float: left;
    background-color: #fad49d;
    color: #02B2B5;
    line-height: 50px;
    text-align: left;
    padding-left: 30px;
}

.jmys ul li:nth-child(3n+3) {
    margin-right: 0;
}

.title_t {
    height: 46px;
    line-height: 46px;
    background-color: #f7fbff;
    padding: 0 40px;
}

.title_t strong {
    float: left;
    font-size: 16px;
}

.title_t .dress {
    float: right;
    padding-right: 10px;
    word-spacing: 0px;
    font-size: 13px;
}


.zhaopin-box{
    width: 760px;
    float: left;
}

.jo_dd{
    margin-top: 10px;
}
.jo_dd li {
   margin-bottom: 10px;
}

.jo_dd li.on .johd {
    background: #02B2B5;
    border: 0;
}
.jo_dd li.on .johd span{
    color: #fff;
}
.jo_dd li.on .johd b{
    background-image: url(../images/reduce.png);
}
.johd {
    position: relative;
    padding: 0 20px;
    height: 54px;
    background: #ffffff;
    border: 1px solid #bbbbbb;
    line-height: 54px;
    cursor: pointer;
}
.johd span {
    display: block;
    width: 100%;
    /* vertical-align: top; */
    font-size: 18px;
    color: #333;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.johd b{
    position: absolute;
    top: 50%;
    right: 20px;
    content: '';
    margin-top: -12px;
    width: 24px;
    height: 24px;
    padding: 4px;
    background-image: url(../images/plus.png);
    background-size: 100% 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.johd b img{
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.jobd {
    display: none;
}
.jobd-on{
    display: block;
}
.jobd>div {
    padding: 20px 20px 10px;
    font-size: 14px;
    line-height: 24px;
    color: #333;
}
.jobd p {
    font-size: 14px;
    line-height: 24px;
    color: #555;
}

.recruitment{
    width: 400px;
    float: right;
    padding-top: 10px;
    border-radius: 50%;
    /* background-color: #f9f9f9;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); */
    position: relative;
}
.recruitment-img{
    width: 100%;
}
.recruitment-img img{
    width: 100%;
}
.recruitment-txt {
    text-align: center;
}
.recruitment-txt p{
    line-height: 30px;
    color: #333;
    font-size: 20px;
}
/* .recruitment::before{
    content: '';
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background-color: #39b54a;
    position: absolute;
    top: -2px;
    left: -8px;
    z-index: -1;
} */


.info-top{
    padding: 30px 0 0px;
}
.info-img{
    width: 35%;
    float: left;
}
.info-img img{
    width: 100%;
}
.info-right{
    width: 60%;
    float: right;
}
.info-right p{
    font-size: 16px;
    line-height: 30px;
    color: #555;
    padding-top: 10px;
}
.info-right a{
    display: block;
    /* width: 130px; */
    height: 40px;
    padding: 0 20px;
    margin-top: 30px;
    margin-right: 20px;
    background-color: #02b2b5;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 40px;
    position: relative;
}

.info-right a span{
    display: block;
    position: absolute;
    top: 8px;
    left: 20px;
    width: 24px;
    height: 24px;
    background: url(../images/tel-w.png) no-repeat center center;
    background-size: 100% 100%;
}
.info-right a:hover{
    background-color: #029599;
}
.info-right a.orange-a{
    background-color: #ffb400 !important;
}
.info-right a.orange-a:hover{
    background-color: #f1ac0b !important;
}

.info-tit{
    text-align: center;
}
.info-tit h3{
    font-size: 32px;
    color: #02b2b5;
    line-height: 42px;
    font-family: Source Han Sans CN Bold;
}
.info-tit b{
    display: block;
    width: 80px;
    height: 3px;
    background-color: #02b2b5;
    margin: 15px 0;
}
.info-tit p{
    color: #232323;
    font-size: 14px;
    line-height: 28px;
    margin-top: 5px;
}

.info-list{
    width: 100%;
    margin-top: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #333;
}
.info-cont{
    padding: 10px 50px;
}
.info-list .info-t{
    width: 100%;
    height: 44px;
    background-color: #f1f1f1;
    margin: 60px 0 40px;
}
.info-list .info-t h4{
    width: 200px;
    line-height: 44px;
    font-size: 22px;
    font-weight: normal;
    background-color: #02b2b5;
    color: #fff;
    font-family: Source Han Sans CN Normal;
}
.info-list h4{
    font-size: 24px;
    font-weight: normal;
    color: #222;
    font-family: Source Han Sans CN Normal;
}
.info-list h6{
    color: #555;
    font-size: 16px;
    line-height: 20px;
    margin-top: 5px;
    font-family: Source Han Sans CN ExtraLight;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.info-pic img{
    max-width: 100%;
    height: auto;
}

.tips ul li{
    text-align: left;
    padding-left: 35px;
    position: relative;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
}
.tips ul li::before{
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background-image: url(../images/tips.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}