@font-face {
    font-family: 'DINBOLD';
    src: url('../font/DINCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PPR';
    src: url('http://www.gxhzpca.com/static/home/fonts/PublicaPlay-Regular.otf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bodoni';
    src: url('http://www.gxhzpca.com/static/home/fonts/Bodoni-72-Bold-Italic-38.otf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
    font-size: 14px;
    font-family: "微软雅黑";
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.fn {
    float: none;
}

.f2 {
    font-size: 12px;
}

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a,
img {
    border: 0;
    text-decoration: none;
}

ul,
li {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ul li a:hover {
    color: #1F439B;
}

div a:hover {
    color: #1F439B;
}

input,
form,
select,
textarea {
    margin: 0px;
    padding: 0px;
    outline: medium;
    border: 0;
    border-radius: 0;
    background: none;
    font-family: "微软雅黑";
    font-size: 14px;
}

i,
em {
    font-style: normal;
}

.mo {
    margin: 0 auto;
}

.most {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
}

.roundBorder {
    border-radius: 15px;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.dsk {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}


/*定位*/

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.pf {
    position: fixed;
}


/*块级转换*/

.db {
    display: block;
}

.dn {
    display: none;
}

.di {
    display: inline;
}

.dib {
    display: inline-block;
}


/*清除浮动*/

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

.clearfix {
    *zoom: 1;
}

a {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.lazy {
    width: 100%;
    height: 100%;
    background: url(../image/loading.gif) 50% no-repeat;
}

.w1200 {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}

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

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.justify-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.justify-around {
    justify-content: space-around;
}

.justify-end {
    justify-content: end;
}

.items-center {
    align-items: center;
}

.items-start {
    align-items: start;
}

.items-end {
    align-items: flex-end;
}

.lines1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lines2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.lines3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
}

.vis {
    opacity: 1;
    visibility: visible;
}


/* 首页 */

.header {
    background-color: #fff;
}

.header_row {
    padding:15px 0;
}

.search {
    width: 450px;
}

.search input {
    flex: 1;
    padding: 0 20px;
    height: 44px;
    box-sizing: border-box;
    border: 1px #e6e6e6 solid;
    border-right: none;
}

.search button {
    width: 70px;
    height: 44px;
    border: none;
    background: url(../image/zoom.png) no-repeat center center #1F439B;
    cursor: pointer;
}

.nav {
    background-color: #1F439B;
}

.nav li {
    width: 11.11111%;
    position: relative;
}

.nav_link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    font-size: 16px;
    color: #fff;
}

.nav_link.on {
    background-color: #486ECB;
    color: #fff;
}

.nav_link:hover {
    background-color: #486ECB;
    color: #fff;
}

.nav_slide {
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    position: absolute;
    top: 56px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.nav_slide a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.nav_slide a:hover {
    color: #486ECB;
    background-color: #f5f5f5;
}

.nav_slide a.on {
    color: #486ECB;
    background-color: #f5f5f5;
}

.nav li:hover .nav_slide {
    opacity: 1;
    visibility: visible;
}

.nav li:hover .nav_link {
    background-color: #486ECB;
    color: #fff;
}

.banner_slide {
    max-width: 1920px;
    width:1200px;
    max-width: 1200px;
    height: 415px;
    overflow: hidden;
}

.banner_slide a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.banner_slide img {
    max-width: 1920px;
    width: auto;
    height: auto;
    /*width: 1920px;*/
    /*max-height:415px;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner_slide .swiper-pagination {
    bottom: 40px !important;
}

.banner_slide .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 0.8;
}

.banner_slide .swiper-pagination-bullet-active {
    border-radius: 10px;
    width: 20px;
    background-color: #1F439B;
}

.index_container {
    padding:34px 0;
}

.index_row {
    margin-bottom:34px;
}

.news_pics {
    width: 438px;
    max-width: 100%;
    height: 318px;
}

.news_slide {
    width: 438px;
    max-width: 100%;
    height: 318px;
}

.news_slide a {
    display: block;
    width: 438px;
    max-width: 100%;
    height: 318px;
    position: relative;
    overflow: hidden;
}

.news_slide img {
    height: 318px;
    transition: all 0.3s;
}

.news_slide a:hover img {
    transform: scale(1.1);
}

.news_slide p {
    width: 100%;
    padding: 0 20px;
    padding-right: 100px;
    height: 46px;
    box-sizing: border-box;
    line-height: 46px;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.news_slide .swiper-pagination {
    padding: 0 20px;
    box-sizing: border-box;
    text-align: right;
    bottom: 18px !important;
}

.news_slide .swiper-pagination-bullet {
    background-color: #fff;
}

.news_slide .swiper-pagination-bullet-active {
    background-color: #fff;
}

.news_list {
    width: 438px;
    max-width: 100%;
}
.news_list1 {
    width: 576px;
    max-width: 100%;
}

.news_title_row {
    margin-bottom: 20px;
    border-bottom: 1px #e6e6e6 solid;
}

.news_title {
    width: 149px;
    height: 43px;
    display: flex;
    padding-left: 20px;
    align-items: center;
    box-sizing: border-box;
    background: url(../image/ti_bg.png) no-repeat;
    font-size: 20px;
    color: #fff;
}

.news_list li {
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news_list1 li {
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_link1 {
    width: 480px;
    padding-left: 2px;
    position: relative;
    font-size: 16px;
}
.news_link {
    width: 340px;
    padding-left: 32px;
    position: relative;
    font-size: 16px;
}

.news_link i {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    border: 1px #1F439B solid;
    font-size: 14px;
    color: #1F439B;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.news_link a {
    font-weight: bold;
}

.news_link:hover i {
    background-color: #1F439B;
    color: #fff;
}

.news_list li span {
    min-width: 45px;
    font-size: 16px;
    color: #999;
}
.news_list1 li span {
    min-width: 45px;
    font-size: 16px;
    color: #999;
}

.news_link em {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #CBD0DB;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.notice {
    width: 264px;
}

.notice_title {
    background-image: url(../image/notice_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 60px;
    font-size: 20px;
    color: #fff;
}

.notice_slide {
    padding: 10px !important;
    box-sizing: border-box;
    height: 258px;
    border: 1px #1F439B solid;
    border-top: none;
}

.notice_item {
    padding: 10px;
    padding-top: 8px;
}

.notice_link {
    padding-left: 18px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    position: relative;
}

.notice_link:before {
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #CBD0DB;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.notice_item span {
    font-size: 16px;
    color: #999;
}

.tools {
    width: 264px;
}

.tools_item {
    margin-bottom: 10px;
}

.tools_item:last-child {
    margin-bottom: 0;
}

.serice_slide {
    height: 145px;
}

.serice_slide a {
    display: block;
    width: 100%;
    height: 145px;
    border-radius: 4px;
    overflow: hidden;
}

.serice_slide img {
    width: 100%;
    height: 145px;
    transition: all 0.3s;
}

.serice_slide a:hover img {
    transform: scale(1.1);
}

.serice {
    position: relative;
}

.serice .serice_prev {
    width: 44px;
    height: 44px;
    background-color: #E5E5E5;
    border-radius: 50%;
    left: -74px;
}

.serice .serice_prev:after {
    font-size: 20px;
    color: #fff;
}

.serice .serice_prev:hover {
    background-color: #486ECB;
}

.serice .serice_next {
    width: 44px;
    height: 44px;
    background-color: #E5E5E5;
    border-radius: 50%;
    right: -74px;
}

.serice .serice_next:after {
    font-size: 20px;
    color: #fff;
}

.serice .serice_next:hover {
    background-color: #486ECB;
}

.brand {
    /* width: 730px; */
    width: 100%;
}

.brand_slide {
    height: 235px;
}

.brand_item {
    border-radius: 2px;
    border: 1px #CBD0DB solid;
}

.brand_img {
    height: 175px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.brand_img img {
    width: 100%;
    height: 137px;
}

.brand_img:after {
    display: block;
    content: '';
    width: 180px;
    height: 1px;
    background-color: #EEF2F6;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.brand_name {
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    color: #333;
}

.links {
    padding: 45px 0;
    background-color: #F6F7F8;
}

.links_item {
    width: 290px;
    margin-bottom: 20px;
}

.links_name {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 10px;
}

.links_slide {
    display: block;
    padding: 15px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 2px;
    position: relative;
    min-height: 120px;
}

.links_pagination {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.links_pagination button {
    padding: 4px 10px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    cursor: pointer;
    border-radius: 3px;
}

.links_pagination button:hover {
    background-color: #f5f5f5;
}

.links_pagination button.active {
    background-color: #1F439B;
    color: #fff;
    border-color: #1F439B;
}

.links_pagination button:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.links_page {
    display: none;
}

.links_page.active {
    display: block;
}
    position: relative;
    min-height: 120px;
}

.links_pagination {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.links_pagination button {
    padding: 4px 10px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    cursor: pointer;
    border-radius: 3px;
}

.links_pagination button:hover {
    background-color: #f5f5f5;
}

.links_pagination button.active {
    background-color: #1F439B;
    color: #fff;
    border-color: #1F439B;
}

.links_pagination button:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.links_page {
    display: none;
}

.links_page.active {
    display: block;
}



.links_slide a {
    display: block;
    padding: 8px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.links_slide a:hover {
    background-color: #486ECB;
    color: #fff;
}



.footer {
    background-color: #2048AB;
}

.footer_inner {
    padding: 40px 0;
}

.footer_nav {
    margin-bottom: 40px;
}

.footer_nav h3 {
    margin-bottom: 20px;
    color: #fff;
}

.footer_nav a {
    display: inline-block;
    margin-right: 20px;
    color: #fff;
    opacity: 0.6;
}

.footer_nav a:hover {
    opacity: 1;
    color: #fff;
}

.footer_contact h3 {
    margin-bottom: 20px;
    color: #fff;
}

.footer_contact p {
    line-height: 32px;
    color: #fff;
    opacity: 0.6;
}

.footer_qr {
    width: 130px;
    text-align: center;
    color: #fff;
}

.footer_qr_img {
    width: 130px;
    height: 130px;
    margin-bottom: 20px;
}

.footer_qr_img img {
    width: 130px;
    height: 130px;
}

.copyright {
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
}

.copyright .w1200 {
    height: 60px;
}

.copyright p {
    opacity: 0.6;
}


/* 入会申请 */

.inside_container {
    padding: 40px 0 100px;
    background-color: #F5F5F5;
}

.your_position {
    margin-bottom: 30px;
}

.application {
    padding: 60px 250px 120px;
    background-color: #fff;
}

.application_title {
    margin-bottom: 60px;
    text-align: center;
}

.application_title h3 {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 30px;
    color: #333;
}

.application_title p {
    font-size: 18px;
    color: #999;
}

.person_item {
    margin-bottom: 30px;
}

.person_dec {
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
}

.person_dec em {
    color: #f00;
}


/* 走进协会 */

.inside_banner {
    max-width: 1920px;
    width: 100%;
    height: 380px;
    background-position: center;
    background-size: cover;
    position: relative;
}

.inside_banner h3 {
    font-weight: bold;
    font-size: 50px;
    color: #fff;
    position: relative;
    z-index: 9;
}

.inside_banner p {
    margin-top: -30px;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    opacity: 0.27;
}

.sub_nav {
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.sub_nav li {
    width: 200px;
    height: 64px;
}

.sub_nav a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 21px;
    color: #fff;
}

.sub_nav a.on {
    background-color: #1F439B;
    color: #fff;
}


/* 入会简介 */

.about {
    padding: 70px;
    background-color: #fff;
}
@media (max-width:768px){
    .about { padding: 30px; }
}

/* 企业文化 */

.cultrue_img {
    width: 387px;
    height: 460px;
    background-color: #fff;
}

.cultrue_box {
    width: 387px;
    height: 460px;
}

.cultrue_item {
    height: 220px;
    padding: 0 30px;
    background-color: #fff;
}

.cultrue_name {
    margin-bottom: 30px;
    font-size: 28px;
    color: #333;
}

.cultrue_dec {
    font-size: 16px;
    color: #666;
}


/* 会员风采 */

.worker_list:after {
    display: block;
    content: '';
    width: 590px;
}

.worker_item {
    width: 285px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 10px;
    float: left;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 2px;
}

.worker_item:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.worker_item:nth-child(4n) {
    margin-right: 0;
}

.worker_img {
    height: 265px;
    overflow: hidden;
}

.worker_img img {
    height: 265px;
    transition: all 0.3s;
}

.worker_img:hover img {
    transform: scale(1.1);
}

.worker_info {
    height: 85px;
    box-sizing: border-box;
    padding-top: 30px;
    font-size: 16px;
    color: #999;
    position: relative;
}

.worker_info span {
    display: inline-block;
    padding: 5px 15px;
    background-color: #1F439B;
    font-size: 21px;
    color: #fff;
    position: absolute;
    top: -30px;
    left: -10px;
    z-index: 9;
}

.worker_labels {
    margin-bottom: 30px;
}

.worker_labels a {
    display: inline-block;
    padding: 10px 25px;
    margin: 10px 0;
    margin-right: 20px;
    border-radius: 4px;
    border: 1px #e6e6e6 solid;
    font-size: 18px;
    color: #333;
}

.worker_labels a.on {
    background-color: #486ECB;
    color: #fff;
}

.worker_detail_img {
    width: 540px;

}

.worker_detail_info {
    width: 570px;
}

.worker_detail_name {
    margin-bottom: 30px;
    display: inline-block;
    padding: 15px 40px;
    background-color: #1F439B;
    font-size: 48px;
    color: #fff;
}

.worker_detail_spec {
    margin-bottom: 60px;
    font-size: 18px;
    line-height: 40px;
    color: #666;
}

.worker_detail_spec span {
    display: block;
    width: 42px;
    height: 4px;
    margin-top: 10px;
    background-color: #1F439B;
}

.worker_detail_dec {
    font-size: 18px;
    line-height: 38px;
    color: #666;
}

.worker_detail_dec h3 {
    margin-bottom: 20px;
    font-weight: bold;
    color: #333;
}


/* 协会资讯 */

.news_left {
    width: 844px;
    background-color: #fff;
}

.inside_title {
    padding: 30px;
    border-bottom: 1px #EEF2F6 solid;
    font-size: 24px;
    color: #1F439B;
}

.inside_news_wrap {
    padding: 30px;
    padding-top: 0;
}

.inside_news_wrap .news_list {
    width: 100%;
}
.inside_news_wrap .news_list1 {
    width: 100%;
}

.inside_news_wrap .news_list li {
    padding: 25px 0;
    border-bottom: 1px #e6e6e6 dashed;
}
.inside_news_wrap .news_list1 li {
    padding: 25px 0;
    border-bottom: 1px #e6e6e6 dashed;
}

.inside_news_wrap .news_link {
    width: 640px;
}

.news_search {
    padding: 30px;
    width: 336px;
    box-sizing: border-box;
    background-color: #fff;
}

.news_search_title {
    margin-bottom: 30px;
    font-size: 24px;
    color: #333;
}

.news_search .layui-form-select dl dd.layui-this {
    background-color: #1F439B;
}

.news_detail {
    padding: 40px;
}

.news_detail_title {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px #e6e6e6 solid;
}

.news_detail_title h3 {
    margin-bottom: 20px;
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.news_detail_title p {
    color: #666;
}

.news_detail_dec {
    margin-bottom: 20px;
    padding-bottom: 30px;
    border-bottom: 1px #e6e6e6 solid;
}

.news_detail_dec table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}

.news_detail_dec table th,
.news_detail_dec table td {
    border: 1px solid #e6e6e6;
    padding: 8px 12px;
    text-align: left;
}

.news_detail_dec table th {
    background-color: #f5f5f5;
    font-weight: bold;
}

.news_pages_row {
    padding: 10px 0;
}

.news_pages_row span {
    color: #999;
}

.news_pages_link {
    width: 500px;
}

.news_right {
    width: 336px;
    padding: 30px;
    box-sizing: border-box;
    background-color: #fff;
}

.recom_item {
    padding: 20px 0;
    border-bottom: 1px #f5f5f5 solid;
}

.recom_link {
    margin-bottom: 20px;
    height: 60px;
    line-height: 30px;
    font-size: 16px;
    color: #333;
}

.recom_item span {
    color: #999;
}


/* 品牌介绍 */

.brand_list .brand_item {
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}

.brand_list .brand_item:nth-child(4n) {
    margin-right: 0;
}

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

.brand_detail_title {
    padding: 30px 0;
    border-bottom: 1px #EEF2F6 solid;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.brand_detail_content {
    padding: 50px 0;
}

.brand_detail_img {
    width: 467px;
    border: 1px #e6e6e6 solid;
}

.brand_detail_info {
    width: 560px;
}

.brand_detail_info h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}


/* 产品展示 */

.pro_name {
    padding: 30px 0;
    font-size: 28px;
    font-weight: bold;
    color: #333;
}

.pro_item {
    width: 300px;
    margin-bottom: 30px;
    padding: 10px;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
}

.pro_item:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    z-index: 9;
}

.pro_img {
    height: 280px;
    overflow: hidden;
}

.pro_img img {
    height: 280px;
    transition: all 0.3s;
}

.pro_img:hover img {
    transform: scale(1.1);
}

.pro_info {
    padding: 10px 0;
}

.pro_info_name {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: bold;
    color: #333;
    text-align: center;
}

.pro_btn {
    width: 88px;
    height: 30px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px #C9CBD4 solid;
    border-radius: 2px;
}

.pro_btn:hover {
    background-color: #1F439B;
    color: #fff;
}


/* 人才招聘 */

.join_wrap {
    padding: 50px;
    background-color: #fff;
}

.join_title {
    height: 70px;
    padding: 0 35px;
    margin-bottom: 20px;
    background-color: #dfe5f0;
}

.join_title h3 {
    width: 220px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

.join_title h3:first-child {
    width: 560px;
    text-align: left;
}

.join_item {
    margin-bottom: 20px;
}

.join_bar {
    height: 70px;
    padding: 0 35px;
    background-color: #f8f9fd;
    font-size: 16px;
    color: #666;
}

.join_bar h3 {
    width: 220px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
}

.join_bar h3:first-child {
    width: 560px;
    text-align: left;
}

.join_bar p {
    width: 220px;
    text-align: center;
}

.join_bar i {
    display: block;
    width: 39px;
    height: 25px;
    margin: 0 auto;
    background: url(../image/j1.png) no-repeat;
    background-size: 100% 100%;
}

.join_bar.on i {
    background: url(../image/j2.png) no-repeat;
    background-size: 100% 100%;
}

.join_slide {
    display: none;
    border-top: 1px #dfe5f0 solid;
    padding: 0 20px;
    background-color: #f8f9fd;
}

.join_box {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.join_content {
    padding: 30px 0;
    border-bottom: 1px #dfe5f0 solid;
}

.join_content:last-child {
    border-bottom: none;
}

.join_content h3 {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.join_tips {
    margin-bottom: 30px;
}

.join_tips_row {
    padding: 10px 0;
    font-size: 20px;
}

.join_tips_row span {
    margin-right: 90px;
    font-weight: bold;
    color: #333;
}

.join_tips_row p {
    color: #999;
}


/* 联系方式 */

.contact {
    padding: 50px;
    background-color: #fff;
}

.contact_list {
    margin-bottom: 30px;
}

.contact_item {
    width: 345px;
    height: 306px;
    background-color: #F3F5F8;
}

.contact_item h3 {
    margin: 40px 0;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.contact_dec {
    height: 60px;
    line-height: 30px;
    font-size: 20px;
    color: #666;
    text-align: center;
}


/* 产品列表修改 */

.pro_slide {
    height: 280px;
    overflow: hidden;
}

.pro_slide img {
    height: 280px;
    transition: all 0.3s;
}

.pro_slide a:hover img {
    transform: scale(1.1);
}

.worker_slide_box {
    width: 540px;
}