.page {
    margin-top: 60px;
    text-align: center;
}

.page a,
.page span {
    display: inline-block;
    width: 25px;
    color: #666;
    font-size: 16px;
    padding-bottom: 3px;
    margin-right: 15px;
}
@media(max-width:668px) {
.page a,
.page span { font-size: 15px;}
}
.page>*:last-child {
    margin-right: 0;
}

.page span {
    border-bottom: 2px solid #cc0000;
}

.page a.a1,
.page a:last-child {
    width: auto;
    height: auto;
}

.page-banner {
    background-size: cover !important;
    margin-top: 86px;
    height: 480px;
}

.page-banner .container {
    height: 100%;
    position: relative;
}

.page-banner .container .banner-txt {
    position: absolute;
    top: 35%;
    color: #fff;
}

.page-banner .container .banner-txt::after {
    content: "";
    display: block;
    width: 50%;
    height: 2px;
    background-color: #fff;
    margin-top: 20px;
}

.page-banner .container .banner-txt h3,
.page-banner .container .banner-txt h1 {
    font-size: 36px;
    font-weight: 700;
}

.pro-banner {
    margin-top: 86px;
    overflow: hidden;
}
.pro-banner:hover .swiper-button-next,
.pro-banner:hover .swiper-button-prev {
    opacity: 1;
}

.pro-banner .swiper-button-prev {
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.pro-banner .swiper-button-next {
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.pro-banner .swiper-container {
    height: 480px;
}

.pro-banner .swiper-container .swiper-img {
    position: relative;
}

.pro-banner .swiper-container .slide-video .swiper-img .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.pro-banner .swiper-container .swiper-img .container {
    height: 100%;
    position: relative;
}
.pro-banner .swiper-container .swiper-img {
    height: 100%;
}


.pro-banner .swiper-container>.container {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 100%;
    z-index: 10;
}

.pro-banner .swiper-pagination-bullet {
    background: rgba(255, 255, 255, .5);
    opacity: 1;
    width:30px;
    height: 3px;
    margin: 0 8px;
    border-radius: 0;
}

.pro-banner .swiper-pagination-bullets {
    width: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 48px;
}

.pro-banner .swiper-pagination-bullet-active {
    background: #fff;
}

@media(max-width:1366px) {
.page-banner {
    height:345px;
}
.page-banner .container .banner-txt h3,
.page-banner .container .banner-txt h1 {
    font-size: 30px;
    font-weight: 700;
}

.pro-banner .swiper-container {
    height: 342px;
}
}
@media(max-width:1200px) {
.page-banner {
    height:300px;
}
.page-banner .container .banner-txt h3,
.page-banner .container .banner-txt h1 {
    font-size: 26px;
    font-weight: 700;
}
.pro-banner .swiper-container {
    height: 300px;
}
}
@media(max-width:1024px) {
.page-banner {
    height:256px;
}
.page-banner .container .banner-txt h3,
.page-banner .container .banner-txt h1 {
    font-size: 20px;
    font-weight: 700;
}
.pro-banner .swiper-container {
    height: 256px;
}
}
@media(max-width:992px) {
.page-banner {
    height:250px;
}
.pro-banner {
    margin-top:71px;
    overflow: hidden;
}
.pro-banner .swiper-container {
    height:250px;
}
}
@media(max-width:768px) {
.page-banner {
    height:200px;
}
.pro-banner .swiper-container {
    height:200px;
}
.pro-banner .swiper-pagination-bullets {
    bottom: 10px;
}
}
@media(max-width:668px) {
.page-banner {
    height:170px;
}
.pro-banner .swiper-container {
    height:170px;
}
}
.page-banner .banner-nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    padding: 0 15px;
}

.page-banner .banner-nav ul {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid #d2d6dd;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-banner .banner-nav ul li {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.page-banner .banner-nav ul li a {
    display: block;
    text-align: center;
    padding: 20px 0;
}
.page-banner .banner-nav ul li a h3,
.page-banner .banner-nav ul li a h1 {
    font-size: 18px;
    color: #fff;
}

.page-banner .banner-nav ul li a.active {
    background-color: rgba(250, 6, 6, 0.6);
}

.profile-banner {
    background: url('../images/profile_banner.jpg')no-repeat center;
}
@media(max-width:1200px) {
.page-banner .banner-nav ul li a {
    padding: 15px 0;
}
.page-banner .banner-nav ul li a h3,
.page-banner .banner-nav ul li a h1 {
    font-size: 16px;
    color: #fff;
}

}
@media(max-width:7680px) {
.page-banner .banner-nav {
    padding: 0 5px;
}
}

.page-tit,
.page-tit h3,
.page-tit h1 {
    font-size: 30px;
}

.page-info {
    line-height: 35px;
    font-size: 15px;
    color: 666;
}

.page-section {
    padding: 70px 0;
}

.page-tit .e-t {
    font-size: 18px;
    margin-top: 20px;
    text-transform: uppercase;
}
@media(max-width:1200px) {
.page-tit,
.page-tit h3,
.page-tit h1 {
    font-size: 20px;
}
.page-section {
    padding: 40px 0;
}
.page-tit .e-t {
    font-size: 15px;
}
}


/* 集团介绍 */
.profile-main .profile-c {
    color: #666;
    line-height: 35px;
    margin: 30px 0;
}

.profile-main .profile-c p:nth-child(2) {
    margin: 10px 0;
}

.profile-main .creative-video {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    display: none;
    z-index: 1032;
}

.profile-main .creative-video video {
    width: 100%;
}

.profile-main .creative-video .close-video {
    position: fixed;
    background-color: #fff;
    border-radius: 50%;
    right: 0;
    top: -30px;
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    z-index: 1032;
    display: none;
    cursor: pointer;
}

.profile-main .bkgc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1031;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.profile-main .profile-c2 {
    background-color: #f7f7f7;
}

.profile-main .profile-c2 .profile-box {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.profile-main .profile-c2 .profile-box>div {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.profile-main .profile-c2 .profile-box .profile-lists {
    padding: 50px;
}

.profile-main .profile-c2 .profile-video .profile-bkg {
    background: url('../images/profile_bkg.jpg')no-repeat center;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
}

.profile-main .profile-c2 .profile-video .profile-out {
    position: relative;
    height: 100%;
}

.profile-main .profile-c2 .profile-video .profile-out .video-button {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.profile-main .profile-c2 .profile-video .profile-out .video-button i {
    background: url('../images/profile_button.png')no-repeat center;
    -o-background-size: cover;
    background-size: cover;
    width: 72px;
    height: 72px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.profile-main .profile-c2 .profile-lists ul li {
    float: left;
    width: 50%;
    text-align: center;
}

.profile-main .profile-c2 .profile-lists ul li .profile-item {
    padding: 50px;
}

.profile-main .profile-c2 .profile-lists ul li:nth-child(odd) .profile-item {
    padding-left: 0;
}

.profile-main .profile-c2 .profile-lists ul li:nth-child(even) .profile-item {
    padding-right: 0;
}

.profile-main .profile-c2 .profile-lists ul li:nth-child(2) .profile-item,
.profile-main .profile-c2 .profile-lists ul li:nth-child(1) .profile-item {
    padding-top: 0;
}

.profile-main .profile-c2 .profile-lists ul li:nth-child(4) .profile-item,
.profile-main .profile-c2 .profile-lists ul li:nth-child(3) .profile-item {
    padding-bottom: 0;
}

.profile-main .profile-c2 .profile-lists ul li:nth-child(odd) .profile-item {
    border-right: 1px solid #dcdcdc;
}

.profile-main .profile-c2 .profile-lists ul li:nth-child(1) .profile-item,
.profile-main .profile-c2 .profile-lists ul li:nth-child(2) .profile-item {
    border-bottom: 1px solid #dcdcdc;
}

.profile-main .profile-c2 .profile-lists ul li .profile-item .profile-ico {
    height: 72px;
    line-height: 72px;
}

.profile-main .profile-c2 .profile-lists ul li .profile-item p {
    font-size: 18px;
}
@media(max-width:992px) {
.profile-main .profile-c2 .profile-box {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: block; height:600px;
}
.profile-main .profile-c2 .profile-box .profile-video{ height:300px;}
.profile-main .profile-c2 .profile-box .profile-lists { height:300px;
    padding: 20px;
}
.profile-main .profile-c2 .profile-lists ul li .profile-item {
    padding: 20px;
}
.profile-main .profile-c2 .profile-lists ul li .profile-item p {
    font-size: 16px;
}
}
@media(max-width:992px) {
.profile-main .profile-c2 .profile-lists ul li .profile-item p {
    font-size: 14px;
}
}
@media(max-width:768px) {
.profile-main .profile-c2 .profile-lists ul li .profile-item p { height:50px;}
}
@media(max-width:600px) {
.profile-main .profile-c2 .profile-lists ul li .profile-item p { height:80px;}
.profile-main .profile-c2 .profile-box {height:680px;}
.profile-main .profile-c2 .profile-box .profile-lists { height:380px;}
}
/* 集团荣誉 */

.honor-main .honor-lists ul li {
    margin-top: 30px;
}

.honor-main .honor-lists ul li .honor-item .rect {
    padding-bottom: 78%;
}
.honor-main .honor-lists ul li img{ width:100%;}
.honor-main .honor-lists ul li .honor-item:hover .img-box img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.honor-main .honor-lists ul li .honor-item p {
    text-align: center;
    margin-top: 20px;
}


/* 集团文化 */
.cultrue-main .page-tit {
    margin-bottom: 30px;
}

.cultrue-main .page-info {
    margin-bottom: 30px;
}

.cultrue-main .cultrue-box {
    display: flex;
}

.cultrue-main .cultrue-box img {
    max-width: 100%;
}

.cultrue-main .cultrue-box .item-bkg img{ width:100%;}
.cultrue-main .cultrue-box .item-bk img{ width:100%;}

.cultrue-main .cultrue-box .middle {
    padding: 0 15px;
}

.cultrue-main .cultrue-box .cultrue-item {
    position: relative;
}

.cultrue-main .cultrue-box .top {
    position: relative;
}

.cultrue-main .cultrue-box .bottom {
    position: relative;
}

.cultrue-main .cultrue-box .middle .cultrue-md {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.cultrue-main .cultrue-box .item-txt {
    left: 0;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.cultrue-main .cultrue-box .item-txt .item-t {
    font-size: 24px;
    color: #fff;
    margin: 15px 0;
}

.cultrue-main .cultrue-box .item-txt .item-c {
    color: #fff;
}
@media(max-width:768px) {
.cultrue-main .cultrue-box .item-txt .item-t {
    font-size: 17px; margin: 5px 0;
}
}
@media(max-width:468px) {
.cultrue-main .cultrue-box {
    display: block;
}
.cultrue-main .cultrue-box .item-txt .item-t {
    font-size: 16px; 
}
.cultrue-main .cultrue-box .left ,.cultrue-main .cultrue-box .middle , .cultrue-main .cultrue-box .right{ width:100%;}
}
@media(max-width:767px) {
.cultrue-main .cultrue-box {
    display: block;width:100%; 
}
.cultrue-main .cultrue-box .left{ width:100%; height:100%;margin-bottom:10px; }
.cultrue-main .cultrue-box .top {
margin-bottom:10px;
}

.cultrue-main .cultrue-box .bottom {
margin-bottom:10px;}
.cultrue-main .cultrue-box .left .item-bkg{ flex:1; }
.cultrue-main .cultrue-box .cultrue-item {
 width:100%; height:100%; }
.cultrue-main .cultrue-box .middle {
    padding: 0 0px;
}

}

/* 发展历程 */
.history-main .history-bkg {
    background: url('../images/history_bkg.jpg')no-repeat bottom center;
    background-size: 100% auto;
    padding-bottom: 124px;
}

.history-main .history-t {
    margin: 30px 0;
}

.history-main .history-t ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.history-main .history-t ul li:nth-child(even) {
    width: 17%;
    height: 1px;
    background-color: #999;
}
@media(max-width:768px) {
.history-main .history-t ul li:nth-child(even) {
    width: 0;}
}

.history-main .history-t ul li:nth-child(odd) {
    cursor: pointer;
}

.history-main .history-t ul li:nth-child(even).active {
    background-color: #cc0000
}

.history-main .history-t ul li .history-year {
    font-weight: 700;
    font-size: 26px;
    color: #999;
}
@media(max-width:680px) {
.history-main .history-t ul li .history-year {
    font-size: 20px;}
}
@media(max-width:480px) {
.history-main .history-t ul li .history-year {
    font-size: 17px;}
}

.history-main .history-t ul li .history-year.active {
    color: #cc0000;
}

.history-main .history-lists ul li:first-child {
    margin-top: 0;
}

.history-main .history-lists ul li {
    margin-top: 30px;
}

.history-main .history-lists ul li .item {
    display: inline-block;

}

.history-main .history-lists ul li::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 2px solid #cc0000;
    vertical-align: top;
    margin-top: 12px;
    margin-right: 25px;
}

.history-main .history-lists .item .year {
    font-size: 24px;
    margin-bottom: 10px;
}

.history-main .history-lists .item .txt {
    font-size: 18px;
    color: #666;
}
@media(max-width:1300px) {
.history-main .history-lists ul li::before { float:left; display: block;}
.history-main .history-lists ul li .item { display:block; padding-left:14px;}
}
@media(max-width:480px) {
.history-main .history-lists .item .year {
    font-size: 20px;
}
.history-main .history-lists .item .txt {
    font-size: 15px;
}
}
/* 集团成员 */
.member-main .member-lists {
    margin-top: 40px;

    overflow: hidden;
}

.member-main .member-lists ul li .item-box {
    position: relative;
}

.member-main .member-lists ul {
    display: flex;
    height: 622px;
}

.member-main .member-lists ul li {
    width: 20.666667%;
    overflow: hidden;
    transition: width .5s;
}

.member-main .member-lists ul li .item-img img {
    transition: all .5s;
    height: 100%;
}

.member-main .member-lists ul li .item-box .item-img,
.member-main .member-lists ul li .item-box,
.member-main .member-lists ul li .item-img img {
    height: 100%;
}

.member-main .member-lists ul li.active .item-img img {
    width: 100%;
    transition: all .5s;
}

.member-main .member-lists ul li.active {
    width: 38%;
    position: relative;
}

.member-main .member-lists ul li .item-box::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: rgba(253, 8, 8, 0.671);
    z-index: 1;
    transition: opacity .5s;
}

.member-main .member-lists ul li.active .item-box::after {
    opacity: 0;
}

.member-main .member-lists ul li .item-box .item-ico {
    height: 59px;
}

.member-main .member-lists ul li .item-box .item-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 0 30px;
    z-index: 2;
}

.member-main .member-lists ul li .item-box .item-txt .item-t {
    font-size: 24px;
    font-weight: 700;
    margin: 20px 0;
}
@media(max-width:1200px) {
.member-main .member-lists ul li .item-box .item-txt {
    padding: 0 10px;
}
.member-main .member-lists ul li .item-box .item-txt .item-t {
    font-size: 20px;
    margin: 20px 0;
}
}

.member-main .member-lists ul li .item-box .item-txt .item-c a {
    color: #fff;
}

.member-main .member-lists ul li .item-box .item-txt .item-c {
    line-height: 30px;
    opacity: 1;
    height: 60px;
    width: 100%;
}

.member-main .member-lists ul li .item-box .item-txt .item-c.op {
    white-space: nowrap;
}

.member-main .mob-member-lists {
    margin-top: 20px;
    overflow: hidden;
}

.member-main .mob-member-lists ul li .item-box {
    position: relative;
}

.member-main .mob-member-lists ul {
    display: block;
  /*  height: 622px;*/
}

.member-main .mob-member-lists ul li {
    overflow: hidden;
    transition: width .5s; margin-bottom:20px;
}

.member-main .mob-member-lists ul li .item-img img {
    transition: all .5s; width:100%;
    height: auto;
}
.member-main .mob-member-lists ul li .item-box { position:relative;}
.member-main .mob-member-lists ul li .item-box .item-img,
.member-main .mob-member-lists ul li .item-box,
.member-main .mob-member-lists ul li .item-img img {
    height: 100%;
}

.member-main .mob-member-lists ul li.active .item-img img {
    width: 100%;
    transition: all .5s;
}

.member-main .mob-member-lists ul li .item-box::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: rgba(253, 8, 8, 0.51);
    z-index: 1;
    transition: opacity .5s;
}
.member-main .mob-member-lists ul li .item-box .item-ico {
    height: 59px; margin-bottom:10px;
}

.member-main .mob-member-lists ul li .item-box .item-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 0 10px;
    z-index: 2;
}

.member-main .mob-member-lists ul li .item-box .item-txt a{ color:#fff; }

/* 产品中心 */
.pro-banner1 {
    background: url('../images/pro_banner1.jpg') no-repeat center;
}

.pro-main .pro-lists ul li .pro-item .pro-img {
    background: url('../images/pro_item_bkg.jpg') no-repeat center;
    background-size: cover;
    height: 295px;
    position: relative;
}

.pro-main .pro-lists ul li .pro-item .pro-img .img-box {
    text-align: center;
    width: 100%;
    height: 63%;
    left: 0;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    overflow: visible;
}

.pro-main .pro-lists ul li .pro-item:hover .img-box img {
    transform: scale(1.1);
}

.pro-main .pro-lists ul li .pro-item .pro-img .img-box img {
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.pro-main .pro-lists ul li .pro-item .pro-c {
    padding: 20px;
    border: 1px solid #dcdcdc;
    border-top: 0;
}

.pro-main .pro-lists ul li .pro-item .pro-c .right {
    width: 12px;
    height: 12px;
    border: 1px solid #cc0000;
    border-top: 0;
    border-left: 0;
    transform: rotate(-45deg);
    margin-top: 8px;
}

.pro-main .pro-lists ul li .pro-item .pro-c .float-left {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pro-main .pro-lists ul li {
    margin-top: 40px;
}

.pro-main .pro-lists2 ul li .pro-item .pro-img {
    height: 295px;
    border: 1px solid #cfdaf4;
    background-color: #f9fbfe;
    padding: 10px;
}

.pro-main .pro-lists2 ul li .pro-item .pro-img .out-border {
    width: 100%;
    height: 100%;
    border: 2px dashed #dee2eb;
    padding: 10px;
    background-color: #f9fbfe;
}

.pro-main .pro-lists2 ul li .pro-item .pro-img .in-border {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #f6f6f6;
}

.pro-main .pro-lists2 ul li .pro-item .pro-img .img-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    overflow: visible;
}

.pro-main .pro-lists2 ul li .pro-item .pro-img .img-box img {
    width: 100%;
    height: auto;
}

.pro-main .pro-lists2 ul li .pro-item:hover .pro-img img {
    transform: scale(1.1);
}

.pro-main .pro-lists2 ul li .pro-item .pro-c {
    background-color: #f0f3fa;
    padding: 30px;
}

.pro-main .pro-lists2 ul li .pro-item .pro-c .pro-param {
    position: relative;
}

.pro-main .pro-lists2 ul li .pro-item .pro-c .pro-param .right {
    position: absolute;
    right: 0;
    bottom: 0;
}

.pro-main .pro-lists2 ul li .pro-item .pro-c .pro-t {
    margin-bottom: 15px;
}

.pro-main .pro-lists2 ul li .pro-item .pro-c .pro-param ul li {
    line-height: 30px;
    color: #666;
}

.pro-main .pro-lists2 ul li .pro-item .pro-c .pro-param ul li::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #666;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 10px;
}

.pro-main .pro-lists2 ul li .pro-item .pro-c .pro-param .right i {
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid;
    border-radius: 50%;
    position: relative;
    border: 1px solid #cc0000;
    background-color: #fff;
}

.pro-main .pro-lists2 ul li .pro-item .pro-c .pro-param .right i::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border: 1px solid #cc0000;
    border-top: 0;
    border-left: 0;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.pro-main .pro-lists2>ul>li {
    margin-top: 40px;
}

/* 产品详情 */
.show-pro-main .show-pro-top {
    height: 628px;
    background: url('../images/show_pro_bkg.jpg') no-repeat center;
    background-size: cover;
    margin-top: 86px; padding-top:120px;
}

.show-pro-main .show-pro-top .container>div {
    width: 50%;
}

.show-pro-main .show-pro-top .float-left img {
    width: 98%;
}

.show-pro-main .show-pro-top .float-right {
    padding-left: 20%;
}

.show-pro-main .show-pro-top .float-right .pro-t h1 {
    font-size: 32px;
    color: #666;
}

.share ul li {
    float: left;
    margin-right: 15px;
}

.share ul li:last-child {
    margin-right: 0;
}

.share {
    margin: 30px 0;
}

.share .wechat {
    position: relative;
}

.share .wechat:hover .vx {
    display: block;
}

.share .wechat .vx::after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: -14px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent
}

.share .wechat .vx {
    position: absolute;
    bottom: -185px;
    width: 180px;
    height: 172px;
    text-align: center;
    box-shadow: 0 2px 10px #aaa;
    background-color: #fff;
    z-index: 999;
    left: -76px;
    display: none;
}

.share .wechat .vx h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777;
}

.share .wechat .vx .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #333;
}

.share .wechat .vx .vx-img img {
    width: 100px;
    height: 100px;
    margin: 10px auto;
    display: block;
}

.show-pro-main .show-pro-top .line {
    width: 100%;
    height: 2px;
    background-color: #d2d2d2;
    position: relative;
    margin-bottom: 30px;
}

.show-pro-main .show-pro-top .line::before {
    content: "";
    position: absolute;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #cc0000;
}

.show-pro-main .show-pro-top .param ul li {
    line-height: 30px;
}

.show-pro-main .show-pro-top .param ul li::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #666;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 10px;
}

.show-pro-main .show-pro-top .contact {
    margin: 20px 0;
}

.show-pro-main .show-pro-top .contact .ico {
    margin-right: 15px;
}

.show-pro-main .show-pro-top .contact span {
    font-size: 18px;
    color: #666;
}

.show-pro-main .show-pro-top .button a {
    display: inline-block;
    padding: 15px 40px;
    background-color: #cc0000;
    color: #fff;
}

.show-pro-main .show-pro-bottom .pro-nav .nav-t {
    font-size: 24px;
    color: #cc0000;
    margin-bottom: 15px;
}

.show-pro-main .show-pro-bottom .pro-nav ul li a {
    display: block;
    padding: 15px 0;
    border-top: 1px solid #dcdcdc;
    font-size: 15px;
    color: #666;
}

.show-pro-main .show-pro-bottom .pro-nav ul li:last-child a {
    border-bottom: 1px solid #dcdcdc;
}

.show-pro-main .show-pro-bottom .left {
    width: 82%;
    padding-right: 70px;
}

.show-pro-main .show-pro-bottom .left img {
    max-width: 100%;
}

.show-pro-main .show-pro-bottom .right {
    width: 18%;
}

.show-pro-main .show-pro-bottom .left .param-t {
    font-size: 30px;
    color: #666;
    font-weight: 700;
    margin-bottom: 30px;
}

.show-pro-main .show-pro-bottom .left .param {
    margin-bottom: 30px;
}

.show-pro-main .show-pro-bottom .left .param-t::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 35px;
    width: 3px;
    margin-right: 10px;
    background-color: #cc0000;

}

@media(max-width:1200px) {
.show-pro-main .show-pro-top {
    height: 508px; padding-top:40px;
}
.show-pro-main .show-pro-top .button a {
    padding: 10px 40px;
}
.show-pro-main .show-pro-top .float-right {
    padding-left: 10%;
}

.show-pro-main .show-pro-top .float-right .pro-t h1 {
    font-size: 28px;
}
.show-pro-main .show-pro-bottom .left {
    width: 75%;
    padding-right: 50px;
}

.show-pro-main .show-pro-bottom .right {
    width:25%;
}
.show-pro-main .show-pro-bottom .left .param-t {
    font-size: 28px;
}
.show-pro-main .show-pro-bottom .left .param-t::before {
    height: 30px;

}


}
@media(max-width:992px) {
.show-pro-main .show-pro-top {
    height:478px;
}
.show-pro-main .show-pro-top .float-right .pro-t h1 {
    font-size: 24px;
}
.show-pro-main .show-pro-bottom .left .param-t {
    font-size: 24px;
}
.show-pro-main .show-pro-bottom .left .param-t::before {
    height: 25px;

}
}
@media(max-width:768px) {
.show-pro-main .show-pro-top {
    height:858px;
    margin-top: 71px;
}
.show-pro-main .show-pro-top .container>div {
    width: 100%;
}
.show-pro-main .show-pro-top .float-right .pro-t h1 {
    font-size: 20px;
}
.show-pro-main .show-pro-bottom .left .param-t {
    font-size: 20px;
}
.show-pro-main .show-pro-bottom .left .param-t::before {
    height: 20px;

}
.show-pro-main .show-pro-top .float-right {
    padding-left: 0;
}

.share {
    margin: 10px 0;
}
.show-pro-main .show-pro-bottom .left {
    width: 100%;
    padding-right: 0px;
}

.show-pro-main .show-pro-bottom .right {
    width:0; display:none;
}
}
@media(max-width:568px) {
.show-pro-main .show-pro-top {
    height:610px;
}


}
/* 新闻中心 */
.news-banner {
    background: url('../images/news_banner.jpg')no-repeat center;
}

.news-main .news-lists ul li .news-item a {
    display: flex;
}

.news-main .news-lists ul li .news-item .date .day {
    font-size: 72px;
    color: #cc0000;
}

.news-main .news-lists ul li .news-item .news-img {
    margin: 0 60px;
}

.news-main .news-lists ul li .news-item .date .month {
    white-space: nowrap;
    padding-left: 7px;
}

.news-main .news-lists ul li .news-item .news-tit {
    margin: 15px 0; font-size:18px;
}

.news-main .news-lists ul li .news-item .news-c {
    font-size: 15px;
    color: #666;
    line-height: 30px;
}

.news-main .news-lists ul li .news-item .news-more {
    margin-top: 30px;
    width: 112px;
    padding: 7px 0;
    border: 1px solid #dcdcdc;
    color: #999;
    font-size: 15px;
    text-align: center;
}

.news-main .news-lists ul li {
    padding: 45px 0;
}

.news-main .news-lists ul li:nth-child(even) {
    background-color: #f7f7f7;
}
.news-main .news-lists ul li .news-item a:hover .news-tit{
color: #cc0000;
}

.news-main .news-lists ul li .news-item a:hover .news-more {
    border: 1px solid #cc0000; background-color: #cc0000;
    color: #fff;
}

@media (max-width: 1024px){
.news-main .news-lists ul li .news-item .news-img {
    margin: 0 30px;
}
.news-main .news-lists ul li .news-item .news-tit {
    margin: 0px 0 10px; font-size:18px;
}
.news-main .news-lists ul li .news-item .date .day {
    font-size: 52px;
}

.news-main .news-lists ul li .news-item .news-more {
    margin-top: 10px;
}
}

@media (max-width: 768px){
.news-main .news-lists ul li .news-item a {
    display: block;
}
.news-main .news-lists ul li .news-item .date { width:12%; float:left;}
.news-main .news-lists ul li .news-item .date .day {
    font-size: 42px;
}

.news-main .news-lists ul li .news-item .news-img { width:36%; float:left;
    margin: 0 10px 0 0;
}
.news-main .news-lists ul li .news-item .news-img img{ width:100%;}
.news-main .news-lists ul li .news-item .date .month {
    white-space: nowrap;
    padding-left: 7px;
}
.news-main .news-lists ul li .news-item .news-txt{ width:50%; float:left; }
.news-main .news-lists ul li .news-item .news-tit {
    margin: 0px 0 10px;
}

.news-main .news-lists ul li .news-item .news-c {
    font-size: 15px; height:90px; overflow:hidden;
    color: #666;
    line-height: 30px;
}
}

@media (max-width: 767px){
.news-main .news-lists ul li .news-item .date { width:100%; float:  none; margin-bottom:5px;}
.news-main .news-lists ul li .news-item .news-tit {margin: 0px 0 8px;}
.news-main .news-lists ul li .news-item .news-txt{ width:60%; float:left; }
.news-main .news-lists ul li .news-item .news-img { width:38%; float:left;}
.news-main .news-lists ul li .news-item .news-c {line-height: 28px;}
}
@media (max-width: 445px){
.news-main .news-lists ul li .news-item .news-txt{ width:100%; float: none; margin-top:10px; }
.news-main .news-lists ul li .news-item .news-img { width:100%; float:none;}

}
/* 新闻详情 */
.show-news-main .tool {
    margin-top: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dcdcdc;
}

.show-news-main .tool .left {
    font-size: 15px;
    color: #666;
}

.show-news-main .tool .left #hits {
    margin-left: 35px;
}

.show-news-main .tool .share {
    margin: 0;
}

.show-news-main .tool .share ul li {
    font-size: 15px;
    color: #666;
}

.show-news-main .news-c {
    font-size: 15px; margin-top:20px;
    color: #666;
    line-height: 30px;
}

.show-news-main .news-c * {
    margin-top: 25px;
}

.show-news-main .news-c img {
    max-width: 100%;
}

.show-news-main .news-nav {
    margin-top: 30px;
    border-top: 1px solid #dcdcdc;
    padding-top: 30px;
}

.show-news-main .news-nav .left,
.show-news-main .news-nav .right {
    font-size: 15px;
    color: #666;
    border: 1px solid #a0a0a0;
}

.show-news-main .news-nav button {
    font-size: 15px;
    color: #fff;
    background-color: #cc0000;
}

.show-news-main .news-nav * {
    padding: 10px 30px;
}

.show-news-main .news-box>.left {
    float: left;
    width: 66.64%;
}

.show-news-main .news-box>.right {
    float: right;
    width: 33.36%;
    padding-left: 7.75%;
}

.show-news-main .news-box>.right .arr_box{background:#efefef;padding:10% 8%;margin-bottom:14px;color:#666;display:block;}
.show-news-main .news-box>.right .arr_title{font-size:18px;color:#000;margin-bottom:10px; margin-top:10px;}
.show-news-main .news-box>.right .arr_news_title{font-size:16px; font-weight:600;}
.show-news-main .news-box>.right .arr_time{font-size:14px;padding-top:6px;display:block;}
.show-news-main .news-box>.right .arr_box:hover{color:#e60012;}
.show-news-main .news-box>.right .arr_box:hover .arr_title{color:#e60012;}
.show-news-main .news-box>.right .share_box{background:#efefef;padding:10% 8%;}
.show-news-main .news-box>.right .share_title{font-size:18px;color:#000;margin-bottom:10px;}

@media(max-width:768px) {
.show-news-main .news-box>.left {
    float: none;
    width: 100%;
}

.show-news-main .news-box>.right {
    float: none; display:none;
    width: 0px;
    padding-left: 0;
}
.show-news-main .tool .share { display:none;}
}
.show-news-main .news-box>.right .commend-t {
    font-size: 30px;
    color: #cc0000;
}

.show-news-main .news-box>.right .commend-lists ul li {
    margin-top: 30px;
}

.show-news-main .news-box>.right .commend-lists ul li .item-tit {
    font-size: 15px;
    color: #666;
    margin-bottom: 15px;
}

.show-news-main .news-box>.right .commend-lists ul li .commend-item a {
    background-color: #efefef;
    padding: 24px 28px;
    display: block;
}

.show-news-main .news-box>.right .commend-lists ul li .item-c {
    font-size: 18px;
    color: #666;
    line-height: 30px;
}


/* 样品陈列 */
.display-banner {
    background: url('../images/display_banner.jpg')no-repeat center;
}

.display-main .display-box .left {
    float: left;
    width: 25.54%;
    padding-right: 7%;
}

.display-main .display-box .right {
    float: right;
    width: 74.46%;
}

.display-main .display-box .right .display-lists ul li .rect {
    padding-bottom: 70%;
}

.display-main .display-box .right .display-lists ul li {
    margin-top: 30px;
}

.display-main .display-box .right .display-lists ul li:nth-child(-n+3) {
    margin-top: 0;
}

.display-main .display-box .left .display-nav .nav-t {
    color: #cc0000;
    margin-bottom: 20px;
    font-size: 24px;
}

.display-main .display-box .left .display-nav .nav-lists ul li a {
    padding: 15px 0;
    display: block;    border-top: 1px solid #dcdcdc;
    font-size: 15px;
    color: #666;
}

.display-main .display-box .left .display-nav .nav-lists ul li:last-child a {
    border-bottom: 1px solid #dcdcdc;
}

@media(max-width:992px) {
.display-main .display-box .left .display-nav .nav-t {margin-bottom:0px;}
.display-main .display-box .left {
    float: none;
    width:100%;
    padding-right: 0;
}

.display-main .display-box .right {
    float: none;
    width: 100%; margin-top:30px;
}
.display-main .display-box .left .display-nav .nav-lists { margin-bottom:20px; height:110px;}
.display-main .display-box .left .display-nav .nav-lists ul { margin-bottom:30px;}
.display-main .display-box .left .display-nav .nav-lists ul li{ float:left; width:23%; margin:0 1%;border-bottom: 1px solid #dcdcdc;} 
.display-main .display-box .left .display-nav .nav-lists ul li a { border-top: 0px solid #dcdcdc;}
.display-main .display-box .left .display-nav .nav-lists ul li:last-child a {border-bottom: 0px solid #dcdcdc;}
}
@media(max-width:768px) {
.display-main .display-box .left .display-nav .nav-lists { margin-bottom:20px; height:90px;}
.display-main .display-box .right .display-lists ul li:nth-child(-n+3) {
    margin-top: 30px;
}
}
@media(max-width:425px) {
.display-main .display-box .left .display-nav .nav-lists { margin-bottom:20px; height:60px;}
.display-main .display-box .left .display-nav .nav-lists ul li a {
    padding:10px 0;
}

}
/* 售后服务 */
.service-banner {
    background: url('../images/service_banner.jpg')no-repeat center;
}

.service-main {
    overflow: hidden;
}

.service-main .service-top {
    margin-top: 30px;
}

.service-main .service-top ul {
    display: flex;
    justify-content: space-between;
    margin-right: -54px;
}

.service-main .service-top ul li {
    flex: 1;
    text-align: center;
    padding-right: 54px;
}

.service-main .service-top ul li .item-t {
    font-size: 18px;
    font-weight: 700;
    margin: 15px 0;
}

.service-main .service-top ul li .item-c {
    font-size: 15px;
    color: #666;
    line-height: 30px;
}

.service-main .service-bottom {
    margin-top: 45px;
}

.service-main .service-bottom .service-box {
    display: flex;flex-wrap: nowrap; flex-direction:row;
}

.service-main .service-bottom .service-box .right {
    padding: 50px 7%;
    background-color: #f8f8f8;
}

.service-main .service-bottom .service-box .right ul li:first-child {
    margin-top: 0;
}

.service-main .service-bottom .service-box .right ul li {
    font-size: 15px;
    color: #666;
    margin-top: 20px;
}

.service-main .service-bottom .service-box .right ul li p {
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
}
@media(max-width:1366px) {
.service-main .service-bottom .service-box .left img{ width:100%;}
.service-main .service-bottom .service-box .right {
    padding: 30px 2%;
}
}
@media(max-width:1280px) {
.service-main .service-bottom .service-box .right {
    padding: 15px 2%;
}
}
@media(max-width:1024px) {
/*.service-main .service-bottom .service-box .left { width:50%; float:left;}
.service-main .service-bottom .service-box .right { width:50%; float:left; padding-left: 2%;padding-right: 2%;}*/
.service-main .service-bottom .service-box .right ul li { margin-top:15px;}
.service-main .service-bottom .service-box .left img{ width:100%;}

}
@media(max-width:768px) {
.service-main .service-bottom .service-box {
    display: flex;flex-wrap: wrap; flex-direction: row
}
.service-main .service-top ul {
    display: flex;
  flex-wrap: wrap}
.service-main .service-top ul li {
    flex: 0 0 50%;
}
}
.service-main .service-bottom .service-box .right ul li:last-child p {
    width: calc(100% - 22px);
}

.service-main .service-bottom .service-box .right ul li::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('../images/service_right.png')no-repeat center;
    background-size: cover;
    vertical-align: top;
    margin-top: 4px;
}

/* 常见问题 */
.question-main .question-lists ul li {
    margin-top: 30px;
}

.question-main .question-lists ul li .question-item .question-tit {
    padding-bottom: 20px;
    border-bottom: 1px solid #dcdcdc;
}

.question-main .question-lists ul li .question-item .question-c {
    padding-top: 20px;
}

.question-main .question-lists ul li .question-item .question-c span:first-child,
.question-main .question-lists ul li .question-item .question-tit span:first-child {
    margin-right: 10px;
}

.question-main .question-lists ul li .question-item .question-c span {
    font-size: 15px;
    color: #666;
}

.question-main .question-lists ul li .question-item .question-tit span:nth-child(2) {
    font-size: 18px;
}
@media(max-width:668px) {
.question-main .question-lists ul li .question-item .question-tit span:nth-child(2) {
    font-size: 16px;
}
.question-main .question-lists ul li .question-item .question-tit .right{ display:none;}
}
.question-main .question-lists ul li a {
    display: block;
    padding: 30px 30px 15px 30px;
    box-shadow: 5px 1px 15px rgba(0, 0, 0, .175);
}

.question-main .question-lists ul li a .text-right {
    font-size: 15px;
    color: #cc0000;
}

/* 资料下载 */
.download-main .download-lists ul a {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #dcdcdc;
}

.download-main .download-lists ul a:hover span {
    color: #cc0000
}

.download-main .download-lists ul a span {
    font-size: 18px;
}

.download-main .download-lists ul a span:first-child {
    margin-right: 15px;
}

.download-main .download-lists ul a .date {
    font-size: 15px;
    color: #999;
}
@media(max-width:668px) {
.download-main .download-lists ul a .date { display:none;}
.download-main .download-lists ul a { padding: 10px 0;}
.download-main .download-lists ul a span {font-size: 16px;}
}
/* 联系方式 */
.contact-banner {
    background: url('../images/contact_banner.jpg') no-repeat center;
}

.contact-main.page-section { z-index:9;
  /*  position: relative; */padding-bottom:-40px;
}

.contact-main .contact-txt {
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .175);
    background-color: #fff;
    padding: 50px 0;
    margin-top: 30px;
    position: relative;
}

.contact-main .contact-txt .contact-item .contact-t {
    font-size: 18px;
    margin-top: 20px;
}

.contact-main .contact-txt .contact-item .contact-c {
    font-size: 15px;
    color: #666;
    line-height: 30px;
}

.contact-main .contact-txt ul {
    display: flex;
    justify-content: space-between;
}

.contact-main .contact-txt ul li {
    flex: 1;
    text-align: center;
    border-right: 1px solid #dcdcdc;
}

.contact-main .contact-txt ul li:last-child {
    border-right: 0;
}

 .map {
  z-index:0;
    width: 100%;
    width: 100%;
  margin-top: -90px;
}

.map #map {
    height: 100%;
}
@media(max-width:768px) {
.contact-main .contact-txt ul {display: flex; flex-wrap: wrap;}
.contact-main .contact-txt ul li {flex: 0 0 50%; margin-bottom:30px;}
}
@media(max-width:468px) {
.contact-main .contact-txt ul li {flex: 0 0 100%; margin-bottom:20px; padding-bottom:20px;  border-right: 0px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
}
/* 在线留言 */
.message-main .page-tit {
    margin-bottom: 50px;
}

.message-main .form-main {
    padding-top: 40px;
    border-top: 1px solid #dcdcdc;
}

.message-main .form-item {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}

.message-main .form-item:nth-child(odd) {
    padding-right: 25px;
}

.message-main .form-item:nth-child(even) {
    padding-left: 25px;
}

.message-main form .button {
    text-align: center;
}

.message-main form .button button {
    padding: 15px 50px;
    background-color: #cc0000;
    color: #fff;
}

.message-main label {
    display: block;
    color: #666;
    font-weight: 400;
    margin-bottom: 20px;
}

.message-main label span {
    color: #cc0000;
}

.message-main label {
    padding-left: 30px;
}

.message-main .form-item input {
    width: 100%;
    border: 0;
    padding-left: 30px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 5px;
}

.message-main .form-area textarea {
    resize: none;
    width: 100%;
    text-indent: 2em;
    height: 100px;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
}

.message-main .form-bottom {
    margin-top: 60px;
}

.message-main .form-bottom span {
    display: inline-block;
    color: #666;
    margin-right: 30px;
}

.message-main .form-bottom #code {
    width: 185px;
    height: 55px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    margin-right: 15px;
}

/* 加入我们 */
.join-main .join-lists ul {
    display: flex;
    justify-content: space-between;
}

.join-main .join-lists ul li .join-item .join-t {
    width: 107px;
    height: 107px;
    line-height: 107px;
    text-align: center;
    background-color: #e21f30;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.join-main .join-lists ul li .join-item .join-c {
    line-height: 30px;
}
@media(max-width:668px) {
.join-main .join-lists ul {display: flex; flex-wrap: wrap;}
.join-main .join-lists ul li {flex: 0 0 50%; margin-bottom:30px;}
.join-main .join-lists ul li .join-item .join-c { text-align:center;}
.join-main .join-lists ul li .join-item .join-t {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 36px;
    margin-bottom: 20px;
}


}

.join-main .page-tit {
    margin-bottom: 30px;
}

.join-main .sc2 .hr-lists {
    width: 100%;
}

.join-main .sc2 .hr-lists .head::before {
    position: absolute;
    content: "";
    top: -5px;
    width: 194px;
    height: 5px;
    background-color: #cc0000;
}

.join-main .sc2 .hr-lists .head {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    border-top: 5px solid #dcdcdc;
    position: relative;
}

.join-main .sc2 .hr-lists .head .head-t:first-child {
    text-align: left;
}

.join-main .sc2 .hr-lists .head .head-t {
    flex: 1;
    text-align: center;
}

.join-main .sc2 .hr-lists .td .td-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 30px 0;
    border-top: 1px solid #dcdcdc;
    cursor: pointer;
}

.join-main .sc2 .hr-lists .td .item:first-child {
    text-align: left;
}

.join-main .sc2 .hr-lists .td .item {
    flex: 1;
    text-align: center;
}


.join-main .sc2 .hr-lists .td .dropdown {
    width: 100%;
    background-color: #edecec;
    padding: 55px 50px;
    display: none;
}

.join-main .sc2 .hr-lists .td .dropdown .drop-t {
    margin-bottom: 20px;
}

.join-main .sc2 .hr-lists .td .dropdown .drop-c p {
    font-size: 15px;
    color: #666;
    line-height: 30px;
}

.join-main .sc2 .hr-lists .td .dropdown .button a {
    display: inline-block;
    padding: 15px 45px;
    background-color: #cc0000;
    color: #fff;
    margin-top: -25px;
}

@media(max-width:768px) {
.join-main .sc2 .hr-lists .head {
    padding:20px 0;}
.join-main .sc2 .hr-lists .td .dropdown {
    padding: 35px 20px;
}
.join-main .sc2 .hr-lists .td .td-box {
    padding: 20px 0;}
.join-main .sc2 .hr-lists .td .dropdown .drop-c { margin-bottom:30px;}
.join-main .sc2 .hr-lists .td .dropdown .button.text-right{ text-align:left;}

}
.message-main.message-main2 .form-item {
    width: 33.3333%;
}

.message-main.message-main2 {
    overflow: hidden;
}

.message-main.message-main2 .form-item:nth-child(even) {
    padding-left: 0;
}

.message-main.message-main2 .form-item {
    padding-right: 20px;
}

.message-main.message-main2 .form-top {
    margin-right: -20px;
}

.message-main.message-main2 .form-area {
    margin-bottom: 20px;
}

@media(max-width:1199px) {
    .message-main .form-bottom {
        margin-top: 30px;
    }

    .message-main .form-item input {
        padding-left: 0;
    }

    .message-main .form-item:nth-child(even) {
        padding-left: 0;
    }

    .message-main label {
        padding-left: 0;
    }

    .message-main .form-item {
        width: 100%;
    }
}

@media(max-width:991px) {
    .page-banner {
        margin-top: 71px;
    }
}

@media(max-width:767px) {
    .message-main.message-main2 .form-item {
        width: 100%;
    }

    .message-main.message-main2 .form-item {
        padding-right: 0;
    }

    .message-main.message-main2 .form-top {
        margin-right: 0;
    }
}

@media(max-width:540px) {
    .message-main .info {
        margin-bottom: 30px;
    }

    .message-main form .button {
        display: block;
        float: none;
        margin-top: 20px;
    }
}

@media(max-width:425px) {
    .message-main .form-bottom #code {
        width: 120px;
        height: 45px;
    }

    .message-main form .button {
        display: block;
        float: none;
        margin-top: 20px;
    }

    .message-main form .button button {
        padding: 9px 27px;
    }
}

@media(max-width:360px) {
    .message-main .form-bottom #code {
        width: 113px;
    }
}
.video-list { margin-top:30px;}
.video-list .item { margin-bottom:30px;}
.video-list .item a {display: block;position: relative;}
.video-list .item .rect-70{ padding-bottom:70%;}
.video-list .item a img {display: block;width: 100%;border: 1px solid #cecece;}
.video-list .item a:after {display: block;position: absolute;left: 50%;top: 50%;margin: -49px 0 0 -24px;width: 49px;height: 49px;background: url(../images/video-hover.png) no-repeat;content: '';}
.video-list .item a span {display: block; width: 100%;line-height: 30px; margin:10px 0 0; font-size: 18px; color:#333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.video-list .item a .date{ color:#666;}
.video-list .item a:hover img {background: rgba(0, 0, 0, 0.5);}
.video-list .item a:hover span { color:#e30000;}
@media (max-width:640px) {
.video-list .item a span { line-height: 34px;font-size: 15px;}
}