.news_list .list0  {
        border: 1px solid #d0d0d0;
    }
    .news_list .item{
        display: flex;
        position: relative;
        padding: 0 60px;
        justify-content: space-between;
        cursor: pointer;
        color: #646464;
        font-size: 16px;
        border-bottom: 1px dashed #cdcdcd;
    }
    .news_list .item:last-child {
        border-bottom: none;
    }
    .news_list .item:hover .name,
    .news_list .item:hover .date,
    .news_list .item:hover .link a {
        color: #e31a47;
    }
    .news_list .item .name{
        max-width: 960px;
        text-align: left;
        flex: 1;
        line-height: 75px;
        transition: 0.3s;
    }
    .news_list .item .date{
        line-height: 75px;
        width: 85px;
        text-align: center;
        color: #646464;
        transition: 0.3s;
    }
    .news_list .item .link a{
        line-height: 75px;
        width: 85px;
        color: #646464;
        text-align: center;
        transition: 0.3s;
    }
    .news_list .common_more {
        margin: 45px auto;
    }

    .news_content {
        margin-top: 170px;
    }
    .news_content .content_gy{
        margin-top: 70px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 100px;
    }
    .news_content .content_gy .content{
        background: #fff;
        width: 100%;
        max-width: 845px;
    }
    .news_content .content_gy .content .name{
        width: 100%;
        line-height: 40px;
        font-size: 20px;
        font-weight: 600;
        color: #1e1e1e;
        margin-bottom: 10px;
        
    }
    .news_content .content_gy .content .other{
        color: #8e8e8e;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 15px;
        padding-bottom: 30px;
        position: relative;
    }
    .news_content .content_gy .content .other span {
        margin-right: 25px;
    }
    .news_content .content_gy .content .other::after{
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        content: '';
        width: 100%;
        border-bottom: 1px dashed #ccc;
    }
    .news_content .content_gy .content .text {
        border-bottom: 1px dotted #ccc;
    }
    /* .news_content .content_gy .content .text p{ */
        /* line-height: 35px; */
        /* text-indent: 40px; */
        /* font-size: 16px; */
        /* margin-bottom: 30px; */
        /* color: #8e8e8e; */
    /* } */
	.news_content .content_gy .content .text p{
        line-height: 35px;
        /* text-indent: 40px; */
        font-size: 16px;
        /* margin-bottom: 30px; */
        color: #8e8e8e;
    }
	
    .news_content .content_gy .content .text p.img {
        text-indent: 0;
    }
    .news_content .content_gy .content .text p img{
        margin: 40px auto;
        width: 100%;
    }
    .news_content .content_gy .content .bottom {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 35px;
    }
    .news_content .content_gy .content .bottom a{
        display: block;
        width: 100%;
        font-size: 16px;
        color: #8e8e8e;
        line-height: 40px;
        transition: 0.3s;
    }
    .news_content .content_gy .content .bottom a:hover{
        color: #e31a47;
    }
    .news_content .content_gy .other_list>.name{
        color: #646464;
        font-size: 18px;
        height: 60px;
        line-height: 60px;
        padding: 0px 40px;
        border-top: 2px solid #e31a47;
        font-weight: bold;
        border-bottom: 1px dashed #dedfe1;
    }
    .news_content .content_gy .other_list{
        width: 465px;
        box-sizing: content-box;
        background: #fafafa;
        padding-bottom: 20px;
        margin-left: 70px;
    }
    .news_content .content_gy .other_list .item {
        display: block;
        padding: 15px 40px;
        font-size: 14px;
        color: #8c8c8c;
    }
    .news_content .content_gy .other_list .item .pic img{
        width: 100%;
    }
    .news_content .content_gy .other_list .item:hover .name{
        color: #e31a47;
        font-weight: bold;
    }
    .news_content .content_gy .other_list .item .date{
        font-size: 14px;
        color: #8e8e8e;
        text-align: left;
        margin-top: 10px;
        line-height: 20px;
    }
    .news_content .content_gy .other_list .item .name{
        font-size: 16px;
        line-height: 25px;
        overflow: hidden;
        max-height: 50px;
        color: #8e8e8e;
        word-break: break-all;
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }

    /*---------------- index--------------------*/
    
    .index_banner .pagination{
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        right: 0;
        bottom: 120px;
        justify-items: center;
    }
    .index_banner .swiper-container-horizontal .swiper-pagination-bullets{
        left: 0;
        width: auto;
        margin:  auto;
        border-radius: 40px;
        display: inline-flex;
        padding: 5px 10px;
        position: unset;
    }
    .index_banner .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{
        opacity: 0.6;
        border: 1px solid #fff;
        border-radius: 500px;
        margin: 0 9px;
        background: #fff;
        width: 15px;
        height: 15px;
    }
    .index_banner .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active{    
        opacity: 1;
        background: #fff;

    }

    .index_box1 .content_gy{
        background: #fff;
        box-shadow: 0 0 15px #aaa;
        height: 170px;
        margin-top: -90px;
        display: flex;
        position: relative;
        z-index: 9;
        justify-content: space-between;
        align-items: center;
    }
    .index_box1 .content_gy .item{
        width: 25%;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .index_box1 .content_gy .item .box .count{
        text-align: left;
    }
    .index_box1 .content_gy .item1 .box{
        background: url("../images/index_icon3.png") no-repeat 0 8px;
    }
    .index_box1 .content_gy .item2 .box{
        background: url("../images/index_icon4.png") no-repeat 0 8px;
    }
    .index_box1 .content_gy .item3 .box{
        background: url("../images/index_icon5.png") no-repeat 0 8px;
    }
    .index_box1 .content_gy .item4 .box{
        background: url("../images/index_icon6.png") no-repeat 0 8px;
    }
    .index_box1 .content_gy .item .box{
        padding: 0 0 0 60px;
        background-size: auto 37px;
    }
    .index_box1 .content_gy .item .txt2{
        width: 100%;
        color: #767676;
        text-align: left;
    }
    .index_box1 .content_gy .item .txt1{
        display: flex;
        align-items: center;
        position: relative;
        align-items: flex-start;
    }
    .index_box1 .content_gy .item .txt1 p{
        color: #3b3b3b;
        font-size: 46px;
        line-height: 50px;
        font-weight: 300;
    }
    .index_box1 .content_gy .item .txt1 span{
        margin-left: 10px;
    }
    .index_box1 .content_gy .item2 .txt1 span{
        right: 0px;
    }
    .index_box1 .content_gy .item .txt1 .icon{
        margin-right: 20px;
    }
    .index_box1 .content_gy .item3,
    .index_box1 .content_gy .item2{
        position: relative;
    }
    .index_box1 .content_gy .item2::before{
        display: block;
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -21px;
        height: 42px;
        width: 1px;
        background: #d4d4d4;
    }
    .index_box1 .content_gy .item3::before{
        display: block;
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -21px;
        height: 42px;
        width: 1px;
        background: #d4d4d4;
    }
    .index_box1 .content_gy .item2::after{
        display: block;
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -22px;
        height: 44px;
        width: 1px;
        background: #d4d4d4;
    }
    
    .index_box2 {
        margin-top: 85px;
        padding-bottom: 70px;
    }
    .index_box2 .content_gy{
        display: flex;
        justify-content: space-between;
    }
    .index_box2 .txt .view a img {
        margin-left: 10px;
    }
    .index_box2 .txt .view a{
        border-radius: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 180px;
        background: #e31a47;
        height: 40px;
        color: #fff;
        line-height: 40px;
        text-align: center;
        transition: 0.3s;
        margin-left: 0;
    }
    .index_box2 .txt .view a:hover {
        opacity: 0.8;
        margin-left: 20px;
    }
    .index_box2 .txt .desc {
        margin-bottom: 40px;
    }
    .index_box2 .txt .desc p {
        color: #7b7b7b;
        font-size: 16px;
        line-height: 40px;
    }
    .index_box2 .txt{
        max-width: 660px;
    }
    .index_box2 .video {
        width: 660px;
        height: 370px;
        position: relative;
    }
    .index_box2 .video .btn img {
        width: 100%;
    }
    .index_box2 .video .btn{
        width: 59px;
        height: 56px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        cursor: pointer;
        top: 50%;
        margin-top: -28px;
        z-index: 9;
    }
    
    .index_box2 .name p {
        font-size: 30px;
        line-height: 50px;
        color: #666666;
    }
    .index_box2 .name {
        font-size: 30px;
        color: #000000;
        margin-bottom: 30px;
    }
    .index_box2 .name::after {
        display: block;
        content: '';
        width: 42px;
        height: 3px;
        background: #e31a47;
        margin-top: 40px;
    }
    .index_box2 .name p.e {
        font-weight: bold;
        color: #646464;
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .index_box2 .video {
        position: relative;

    }
    .index_box2 .video a {
        position: absolute;
        left: -55px;
        bottom: -10px;
        width: 140px;
        height: 40px;
        text-align: center;
        color: #fff;
        line-height: 40px;
        background: url("../images//index_bg2.png") no-repeat center;
    }

    .common_title {
        display: flex;
        margin-bottom: 40px;
        flex-wrap: wrap;
        position: relative;
    }
    .common_title p.e {
        font-weight: bold;
        color: #646464;
        font-size: 34px;
        text-transform: uppercase;
        line-height: 40px;
        margin-bottom: 10px;
        width: 100%;
    }
    .common_title p.c {
        font-size: 30px;
        line-height: 50px;
        color: #666666;
        width: 100%;
    }

    .common_title p.c::after {
        display: block;
        content: '';
        width: 42px;
        height: 3px;
        background: #e31a47;
        margin-top: 40px;
    }

    .index_box3  {
        position: relative;
        padding-bottom: 100px;
    }
    .index_box3 .pagination{
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        right: 0;
        justify-items: center;
        bottom: 75px;
    }
    .index_box3 .swiper-container-horizontal .swiper-pagination-bullets{
        left: 0;
        width: auto;
        margin:  auto;
        border-radius: 40px;
        display: inline-flex;
        padding: 5px 10px;
        position: unset;
    }
    .index_box3 .swiper-pagination-clickable .swiper-pagination-bullet{
        opacity: 0.6;
        border: 1px solid #c1c1c1;
        border-radius: 500px;
        margin: 0 9px;
        background: #c1c1c1;
        width: 15px;
        height: 15px;
    }
    .index_box3 .swiper-pagination-clickable .swiper-pagination-bullet-active{    
        opacity: 1;
        border: 1px solid #e31a47;
        background: #e31a47;

    }

    .index_box3 .list {
        position: relative;
    }
    .index_box3 .list::before {
        position: absolute;
        right: 0;
        top: 10px;
        width: 2px;
        background: #fff;
        content: '';
        display: none;
        height: 100%;
        z-index: 9;
    }
    .index_box3 .swiper-slide::before {
        position: absolute;
        right: 0;
        top: 10px;
        width: 1px;
        background: #d3d3d3;
        content: '';
        display: block;
        height: 70px;
    }
    .index_box3 .swiper-slide {
        justify-content: center;
        display: flex;
        position: relative;
    }
    .index_box3 .list{
        display: flex;
        justify-content: space-between;
    }
    .index_box3 .list .item {
        background: #fff;
        cursor: pointer;
        text-align: center;
        display: inline-flex;
        width: 32%;
        margin-right:4%;
    }
     .index_box3 .list .item:last-child {
         margin-right: 0;
     }
    .index_box3 .list .item .name {
        color: #282828;
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 12px;
        transition: 0.3s;
    }
    .index_box3 .list .item:hover .name {
        color: #e31a47;
    }

    .index_box3 .list .item .desc {
        font-size: 14px;
        color: #767676;
        text-align: center;
        line-height: 30px;
    }
    .index_box3 .list .item .info {
        text-align: left;
    }
    .index_box3 .list .item .icon {
        margin-right: 25px;
    }
    .index_box3 .list .item .icon img{
        height: 50px;
    }

    .index_box4 {
        background: #f8f8f8;
    }
    .index_box4 .item {
        transition: 0.3s;
        cursor: pointer;
    }
    .index_box4 .item .icon {
        width: 100%;
        position: relative;
    }
    .index_box4 .item .icon .zzt {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        opacity: 0;
        transition: 1s;
    }
    .index_box4 .item:hover .icon .zzt {
        opacity: 1;
    }
    .index_box4 .item .icon .span {
        position: absolute;
        width: 100%;
        bottom: 0; 
        left: 0;
        height: 50px;
        line-height:50px;
        background: rgba(0,0,0,0.5);
        color:#fff;
        text-align: center;
        font-size:16px;
    }
    .index_box4 .item .icon img {
        width: 100%;
    }
    .index_box4 .item .date {
        padding: 25px 0;
        text-align: left;
        font-size: 16px;
        color: #767676;
        line-height: 25px;
        border-bottom: 2px solid #a3a3a3;
        transition: 0.3s;
    }
    .index_box4 .item .name {
        text-align: left;
        font-size: 16px;
        line-height: 30px;
        height: 60px;
        overflow: hidden;
        color: #757575;
        transition: 0.3s;
        padding: 20px 0 0px;
        box-sizing: content-box;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;

    }
    .index_box4 {
        padding: 80px 0;
        border-bottom: 1px solid #dedede;
    }
    .index_box4 .item:hover .name{
        color: #e31a47;
        }
    .index_box4 .item:hover .date{
        border-bottom: 2px solid #e31a47;
    }
    .index_box5 {
        padding: 80px 0;
    }
    .index_box5 .content {
        /* padding: 45px 40px; */
        background: #f8f8f8;
        display: flex;
    }
    .index_box5 .content .list {
        flex: 1;
        /* margin-left: 40px; */
        padding: 45px 40px;
    }
    .index_box5 .content .list .item {
        display: flex;
        margin-bottom: 10px;
    }

    .index_box5 .content .list .item p {
        color: #767676;
        font-size: 16px;
        height: 31px;
        width: calc(100% - 120px);
        overflow: hidden;
        line-height: 31px;
        white-space:nowrap;
        text-overflow: ellipsis;
        transition: 0.3s;
    }

    .index_box5 .content .list .item:hover p {
        color: #e31a47;
    }
    .index_box5 .content .list .item span {
        width: 120px;
        font-size: 16px;
        color: #767676;
        text-align: right;
    }
    .index_box5 .content .pic {
        display:block;
        content:'';
        width: 600px;
    }
    .index_box5 .swiper-slide .item {
        display: flex;
        background: #f9f9f9;
    }    
    .index_box5 .swiper-slide .item .info {
        padding: 65px 40px;
        display: flex;
        align-items: center;
    }
    .index_box5 .swiper-slide .item .info .desc{
        color: #8e8e8e;
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 45px;
    }
    
    .index_box5 .info .view a img {
        margin-left: 10px;
    }
    .index_box5 .info .view {
        display: flex;
        justify-content: flex-end;
    }
    .index_box5 .info .view a{
        border-radius: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 180px;
        background: #e31a47;
        height: 40px;
        color: #fff;
        line-height: 40px;
        text-align: center;
        transition: 0.3s;
        margin-left: 0;
    }
    .index_box5 .info .view a:hover {
        opacity: 0.8;
        margin-right: 20px;
    }
    .index_box5 .swiper-slide .item .info .name{
        color: #646464;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 25px;
    }
    .index_box5 .swiper-slide .item .info .date{
        background: url("../images/date_icon.png") no-repeat center left;
        padding-left: 30px;
        font-size: 16px;
        color: #5f5f5f;
        margin-bottom: 10px;
    }
    .index_box4 .common_title .operation,
    .index_box5 .common_title .operation{
        position: absolute;
        right: 0;
        top: 50%;
        display: flex;
    }
    .index_box5 .common_title .operation .more{
        display: inline-block;
        width: 120px;
        text-align: center;
        height: 40px;
        line-height: 38px;
        font-size: 16px;
        color: #767676;
        transition: 0.3s;
        border: 1px solid #767676;
    }

    .index_box5 .common_title .operation .more:hover {
        background: #e31a47;
        border: 1px solid #e31a47;
        color: #fff;
    }
    .index_box4 .common_title .operation .prev ,
    .index_box5 .common_title .operation .prev {
        margin-right: 20px;
    }
    .index_box4 .common_title .operation>div ,
    .index_box5 .common_title .operation>div {
        width: 40px;
        height: 40px;
        border: 1px solid #888888;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: 0.3s;
    }
    .index_box4 .common_title .operation>div:hover ,
    .index_box5 .common_title .operation>div:hover {
        border: 1px solid #e95677;
    }
    .index_box4 .common_title .operation i ,
    .index_box5 .common_title .operation i {
        font-size: 18px;
        color: #888888;
    }
    .index_box4 .common_title .operation>div:hover i ,
    .index_box5 .common_title .operation>div:hover i {
        font-size: 18px;
        color: #e95677;
    }
    .index_box5 .info {
        width: calc(100% - 700px);
    }
    .index_box5 .pic {
        width: auto;
        /* height: 455px; */
    }
    .index_box5 .pic img {
        width: 100%;
        height: 100%;
    }
    /*---------------- index--------------------*/









    /*-----------------about-------------------*/
   
    .fzlc_box1 {
        padding: 40px 0 50px;
    }
    .fzlc_box1 .title {
        text-align: center;
    }
    .fzlc_box1 .title .box{
        display: inline-flex;
        padding-bottom: 15px;
        border-bottom: 1px solid #0c5fa1;
        color: #0c5fa1;
        font-family: serif;
    }
    .fzlc_box1 .title .box .line{
        margin: 0 10px;
        font-family: serif;
        font-size: 30px;
        line-height: 50px;
    }
    .fzlc_box1 .title .box .item .span1{
        font-size: 20px;
        font: 14px Helvetica Neue,Helvetica, Tahoma,Arial,sans-serif;
        font-family: 'nitalagoruikamonokyohkan-06';
    }
    .fzlc_box1 .title .box .item .span2{
        font-size: 30px;
        font-weight: bold;
        font: 14px Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif;
        font-family: 'nitalagoruikamonokyohkan-06';
            
        font-size: 40px;
        line-height: 44px;
    }
    .fzlc_box1 .des{
        text-align: center;
        font-size: 18px;
        color: #0c5fa1;
        letter-spacing: 10px;
        margin: 15px 0;
    }
    .fzlc_box1 .history{
        position: relative;
        padding: 100px 0;
    }
    .fzlc_box1 .history::before{
        position: absolute;
        left: 50%;
        top: 0;
        height: 100%;
        width: 1px;
        background: #b8c7a5;
        display: block;
        content: '';
    }
    .fzlc_box1 .history::after{
        content: '......';
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -10px;
        bottom: -30px;
        text-align: center;
    }
    .fzlc_box1 .history .rows{
        width: 100%;
        display: flex;
        position: relative;
    }
    .fzlc_box1 .history .rows::before{
        position: absolute;
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        border: 1px solid #74af29;
        background: #faf7f0;
        left: 50%;
        margin-left: -10px;
        top: 37px;
        border-radius: 100px;
    }
    .fzlc_box1 .history .rows::after{
        position: absolute;
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        border: 1px solid #74af29;
        background: #74af29;
        left: 50%;
        margin-left: -5px;
        top: 42px;
        border-radius: 100px;
    }
    .fzlc_box1 .history .rows.rows_right{
        justify-content: flex-end;
    }
    .fzlc_box1 .history .rows.rows_left{
        justify-content: flex-start;
    }
    .fzlc_box1 .history .rows .item{
        width: 45%;
        padding: 20px;
        border: 1px solid #0c5fa1;
        position: relative;
    }
    .fzlc_box1 .history .rows .item .year{
        font-size: 30px;
        color: #0c5fa1;
        margin-bottom: 10px;
    }
    .fzlc_box1 .history .rows .item .content{
        font-size: 16px;
        color: #3c3c3c;
        line-height: 30px;
    }
    .fzlc_box1 .history .rows.rows_right .item::before{
        position: absolute;
        display: block;
        content: '';
        border-width: 30px;
        border-style: solid;
        left: -60px;
        top: 18px;
        border-color: transparent #0c5fa1 transparent transparent;
    }
    .fzlc_box1 .history .rows.rows_right .item::after{
        position: absolute;
        display: block;
        content: '';
        border-style: solid;
        border-width: 30px;
        border-style: solid;
        left: -59px;
        top: 18px;
        border-color: transparent #fff transparent transparent;
    }
    .fzlc_box1 .history .rows.rows_left .item::before{
        position: absolute;
        display: block;
        content: '';
        border-width: 30px;
        border-style: solid;
        right: -60px;
        top: 18px;
        border-color: transparent transparent transparent #0c5fa1;
    }
    .fzlc_box1 .history .rows.rows_left .item::after{
        position: absolute;
        display: block;
        content: '';
        border-style: solid;
        border-width: 30px;
        border-style: solid;
        right: -59px;
        top: 18px;
        border-color: transparent transparent transparent #fff;
    }


    .product {
        margin-top: 60px;
    }
    .product .content_gy {
        display: flex;
        align-items: flex-start;
        margin-bottom: 50px;
    }
    .product .nav_list {
        border: 1px solid #d4d4d4;
        margin-right: 60px;
    }
    .product .nav_list .name {
        height: 70px;
        color: #fff;
        font-size: 20px;
        padding: 0 30px;
        line-height: 70px;
        background: #e31a47;
        border: 1px solid #e31a47;
        position: relative;
        z-index: 1;
        width: calc(100% + 2px);
        left: -1px;
        top: -1px;
    }
    .product .nav_list {
        width: 355px;
    }
    .product .nav_list .list {
        padding: 20px 30px;
    }
    .product .nav_list .list .item .title{
        font-size: 16px;
        color: #8e8e8e;
        cursor: pointer;
        position: relative;
        height: 55px;
        line-height: 55px;
    }
    .product .nav_list .list .item .title i {
        position: absolute;
        right: 0;
        margin-top: -11px;
        top: 50%;
        transition: 0.3s;
    }
    .product .nav_list .list .item.active i {
        color: #e31a47;
        transform:rotate(89deg);
    } 
    .product .nav_list .list .item ul{
        padding-left: 20px;
    }
    .product .nav_list .list .item.active ul {
        display: block;
    }
    .product .nav_list .list .item ul li{
        line-height: 30px;
        font-size: 14px;
        color: #8e8e8e;
    }
    .product .nav_list .list .item ul li a {
        
        color: #8e8e8e;
    }
    .product .nav_list .list .item ul li a:hover{
        color: #e31a47;
    }
    .product .content_list {
        flex: 1;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .product .content_list .item {
        width: 308px;
        height: 297px;
        margin-right: calc((100% - 925px) / 2);
        text-align: center;
        border: 1px solid #d4d4d4;
        margin-bottom: 30px;
        padding: 40px;
        box-sizing: border-box;
    }
    
    .product .content_list .item:nth-child(3n) {
        margin-right: 0;
    }
    .product .content_list .item .pic {
        text-align: center;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        overflow: hidden;
    }
    .product .content_list .item .name {
        color: #8e8e8e;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .product .content_list .item:hover .name {
        color: #e31a47;
    }
    .product .content_list .item img {
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
        transition: 0.3s;
    }
    .product .content_list .item:hover img {
        transition: 0.3s;
        transform: scale(1.1);
    }
    .product .content_list .item {

    }
    .product_banner{
        height: 506px;
        width: 100%;
        background: url('../images/product_banner.png') no-repeat right center;
        background-size: cover;
    }
    
    .about_banner {
        
        background: url("../images/about_banner.png") no-repeat right center;
        background-size: cover;
    }
    
    .news_banner {
        background: url("../images/news_banner.png") no-repeat right center;
        background-size: cover;
    }
    .dangjian_banner {
        background: url("../images/dangjian_banner.png") no-repeat right center;
        background-size: cover;
    }
    .hezuo_banner {
        background: url("../images/hezuo_banner.png") no-repeat right center;
        background-size: cover;
    }
    .lxfs_banner {
        background: url("../images/lxfs_banner.png") no-repeat right center;
        background-size: cover;
    }
    .about_box .content_gy{
        display: flex;
        justify-content: space-between;
    }
   
    .about_box {
    }
    .about_box .left .name {
        color: #8e8e8e;
        font-size: 16px;
        line-height: 30px;
    }
    .about_box .left .address {
        color: #808080;
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    .about_box .left .address::after {
        display: block;
        margin-top: 25px;
        content: '';
        margin-bottom: 30px;
        height: 3px;
        background: #e31a47;
        width: 45px;
    }
    .about_box .left .num {
        color: #e31a47;
        font-size: 34px;
        font-weight: bold;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .about_box .left {
        width: 355px;
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .about_box .right p{
        color: #8e8e8e;
        line-height: 45px;
        font-size: 14px;
        text-indent: 28px;
    }
    .about_box .right p.img {
        text-indent: 0;
        margin-top: 60px;
    }
    .about_box .right{
        width: 100%;
        padding-top: 60px;
        padding-bottom: 70px;
        padding-left: 105px;
        border-left: 1px solid #d0d0d0;
    }


    .qyry_box {
        margin-bottom: 70px;
    }
    .qyry_box .list{
        display: flex;
        flex-wrap: wrap;
        margin-top: 60px;
    }
    .qyry_box .list .item {
        width: 23.5%;
        height: 290px;
        padding: 35px 0;
        border: 1px solid #d0d0d0;
        margin-bottom: 40px;
        font-size: 16px;
        color: #646464;
        transition: 0.3s;
        cursor: pointer;
        box-sizing: border-box;
        margin-right: 2%;
    }

    .qyry_box .list .item:nth-child(4n) {
        margin-right: 0px;
    }
    .qyry_box .list .item .view {
        max-height:180px;
        max-width:260px;
        text-align: center;
        transition: 0.3s;
        margin:0 auto;
    }
    .qyry_box .list .item .view img {
      
        max-height: 180px;
        max-width: 260px;
    }
    .phont_dialog {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        height: 100vh;
        display: none;
        z-index: 1005;
        justify-content: center;
        align-items: center;
    }
    .phont_dialog.active {
        display: flex;
    }
    .phont_dialog .pic {
        max-width: 80%;
        max-height: 80vh;
        position: relative;
        display: inline-block;
    }
    .phont_dialog .pic .close{
        position: absolute;
        right: -48px;
        top: 0;
        background: #e31a47;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .phont_dialog .pic img {
        max-width: 100%;
        max-height: 100%;
    }
    .qyry_box .list .item .name {
        line-height: 70px;
        width: 100%;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        transition: 0.3s;
        width: 260px;
        margin: 0 auto;
    }
    .qyry_box .list .item:hover {}
    .qyry_box .list .item:hover .view{
        color: #e31a47;
    }
    .qyry_box .list .item:hover .name{
        color: #e31a47;
    }
    .common_more {
        text-align: center;
        margin: 50px auto;
    }
    .common_more span {
        display: inline-block;
        width: 210px;
        line-height: 60px;
        height: 60px;
        text-align: center;
        border-radius: 10px;
        color: #646464;
        font-size: 16px;
        border: 1px solid #d0d0d0;
        transition: 0.3s;
        cursor: pointer;
    }
    .common_more span:hover {
        border: 1px solid #e31a47;
        color: #fff;
        background: #e31a47;
    }
    /*-----------------about-------------------*/






    /*-----------------contact-------------------*/
    
    .contact_banner{
        height: 506px;
        width: 100%;
        background: url('../images/contact_banner.png') no-repeat center;
        background-size: cover;
    }
    .index_box5 .des{
        text-align: left;
        margin-bottom: 35px;
    }
    .index_box5 .des p{
        font-size: 14px;
        color: #747474;
        line-height: 25px;
    }
    .index_box5 .des .p1{
        font-size: 20px;
        color: #0c5fa1;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .index_box5 .form .submit{
        text-align: right;
    }
    .index_box5 .form .submit1 a{
        
        color: #fff;
        background: #0c5fa1;
        border: 1px solid #0c5fa1;
    }
    /*-----------------contact-------------------*/




    /*-----------------join-------------------*/
    
    .join_banner{
        background: url('../images/join_banner.png') no-repeat right center;
        background-size: cover;
    }
    
    .join_box  {
        margin-top: 45px;
        margin-bottom: 70px;
    }
    .join_box .content_gy {
        border: 1px solid #d0d0d0;
    }
    .join_box .join_table_head{
        background: #f4f4f4;
        color: #4f4f4f;
        font-size: 16px;
        display: flex;
        padding: 0 20px;
    }
    .join_box .rows {
        color: #0c5fa1;
        font-size: 14px;
        display: flex;
        padding: 0 20px;
        border-bottom: 1px dashed #ccc;
    }
    .join_box .rows:last-child {
        border-bottom: none;
    }
    .join_box .join_table_head .tr {
        
    }
    .join_box .rows .td{
        line-height: 80px;
        text-align: center;
        width: 200px;
        color: #606060;
        font-size: 16px;
        cursor: pointer;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0 10px;
    }
    .join_box .join_table_head .tr.more,
    .join_box .rows .td.more {
        width: 215px;
    }
    .join_box .join_table_head .tr.pname,
    .join_box .rows .td.pname {
        flex: 1;
        text-align: center;
    }
    .join_box .rows .td.name {
        flex: 1;
        text-align: left;
    }
    .join_box .rows:hover .name{
        color: #e31a47;
    }
    .join_box .rows .td.more:hover{
        
        color: #0c5fa1;
    }
    .join_box .rows .td.more{
        cursor: pointer;
    }
    .join_box .join_table_head .tr{
        line-height: 80px;
        text-align: center;
        font-weight: bold;
        width: 200px;
        padding: 0 10px;
    }
    
    .join_box .join_table_head .tr.name {
        text-align: left;
        flex: 1;
        padding: 0 10px;
    }
    .join_details{
        position: fixed;
        width: 615px;
        height: 440px;
        background: #fff;
        top: 50%;
        margin-top: -220px;
        left: 50%;
        margin-left: -307px;
        padding: 35px;
        display: none;
        border-radius: 20px;
        z-index: 1003;
    }
    .join_details .name {
        color: #e83a4d;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 5px;
        line-height: 30px;
    }
    .join_details .other {
        color: #555555;
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }
    .join_details .close img {
        width: 12px;
    }
    .join_details .close {
        width: 25px;
        height: 25px;
        background: #e83a4d;
        cursor: pointer;
        position: absolute;
        top: 30px;
        right: 25px;
        text-align: center;
        line-height: 23px;
        border-radius: 100px;
    }
    .join_details .content p{
        color: #5d5d5d;
        line-height: 25px;
        font-size: 14px;
    }
    .join_details .content .p1{
        font-size: 14px;
    }
    .join_details .content{
        padding: 20px 0;
        height: 330px;
        overflow-y: auto;
    }
    .join_details .submit{
        text-align: center;
    }
    .join_details .submit button{
        width: max-content;
        height: 45px;
        background: #37a0db;
        color: #fff;
        text-align: center;
        border: none;
        outline: none;
        border-radius: 30px;
        cursor: pointer;
        padding: 0 25px;
        font-size: 16px;
    }
    .product_details {
        padding:20px;
        margin-top:-350px;
        height: 700px;
    }
    .product_details .content {
        height: 640px;
    }

    /*-----------------join-------------------*/



    .social-share .social-share-icon{
        margin-right: 15px;
    }


    
    .lxfs .content_gy{
        display: flex;
        justify-content: space-between;
        margin-top: 40px;
        margin-bottom: 80px;
    }
    .lxfs .content_gy .txt{
        width: 470px;
        height: 450px;
        padding-right: 45px;
    }
    .lxfs .content_gy .txt .info{
        height: 65px;
        font-size: 20px;
        color: #0c5fa1;
        margin-bottom: 25px;
        padding-bottom: 40px;
        position: relative;
    }
    .lxfs .content_gy .txt .info::before{
        width: 45px;
        height: 1px;
        display: block;
        content: '';
        position: absolute;
        background: #0c5fa1;
        left: 0;
        bottom: 0;
    }
    .lxfs .content_gy .map{
        flex: 1;
        height: 450px;
        padding: 10px;
        border: 1px solid #ccc;
    }
    .lxfs .content_gy .txt .txt1{
        display: flex;

    }
    .lxfs .content_gy .txt .txt1 span{
        display: block;
        font-size: 14px;
        line-height: 30px;
        color: #747474;
    }
    .lxfs .content_gy .txt .txt1 p{
        display: block;
        font-size: 14px;
        color: #747474;
        line-height: 30px;
        flex: 1;
    }
    .lxfs .content_gy .ewm{
        margin-top: 50px;
        display: flex;
        text-align: center;
    }

    .lxfs .content_gy .ewm .item p{
        font-size: 16px;
        color: #606060;
    }
    .lxfs .content_gy .ewm .item p.name {
        margin-top: 5px;
    }
    .lxfs .content_gy .ewm .item {
        margin-right: 25px;
    }
    
    .jrhy .name{
        text-align: center;
        font-size: 26px;
        color: #222222;
        position: relative;
        padding-bottom: 20px;
        margin-bottom: 30px;
    
    }
    .jrhy .slogan{
        color: #969696;
        font-size: 14px;
        text-align: center;
        line-height: 30px;
        margin-bottom: 35px;
    }
    .jrhy .name::before{
        position: absolute;
        display: block;
        content: '';
        height: 1px;
        width: 40px;
        background: #222222;
        left: 50%;
        margin-left: -20px;
        bottom: 0;
    }

    .jrhy .form{
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .jrhy .form .label{
        width: 568px;
        margin-bottom: 30px;
    }
    .jrhy .form .label input{
        width: 100%;
        height: 45px;
        border:1px solid #cbcbcb;
        padding: 0 15px;
    }
    .jrhy .form .label.textarea{
        width: 100%;
    }
    .jrhy .form .label.textarea textarea{
        width: 100%;
        resize: none;
        height: 110px;
        padding: 10px 15px;
    }
    .jrhy .form .submit {
        text-align: center;
        padding: 40px 0 50px;
        width: 100%;
    }
    
    .jrhy .form .submit a{
        display: inline-block;
        width: 160px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        transition: 0.3s;
        margin: 0 auto;
        background: #37A0DB;
    }
    .jrhy .form .submit a:hover{
        color: #fff;
        background: #0c5fa1;
    }

    
    .news_box .content_gy{
        display: flex;
        justify-content: space-between;
    }
    .news_box .item {
        transition: 0.3s;
        cursor: pointer;
        width: 430px;
    }
    .news_box .item .icon {
        width: 100%;
        position: relative;
    }
    .news_box .item .icon .zzt {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        opacity: 0;
        transition: 1s;
    }
    .news_box .item:hover .icon .zzt {
        opacity: 1;
    }

    .news_box .item .icon img {
        width: 100%;
    }
    .news_box .item .date {
        padding: 25px 15px;
        text-align: left;
        font-size: 30px;
        color: #333333;
        font-weight: bold;
        line-height: 40px;
        transition: 0.3s;
    }
    .news_box .item .name {
        text-align: left;
        font-size: 16px;
        line-height: 30px;
        overflow: hidden;
        color: #757575;
        transition: 0.3s;
        padding: 0px 15px 30px;
        box-sizing: border-box;
        border-bottom: 2px solid #a3a3a3;
    }
    .news_box {
        padding: 65px 0 60px;
    }
    .news_box .item:hover .name{
        color: #e31a47;
        border-bottom: 2px solid #e31a47;
    }




    
    .dangjian_list .item{
        border-bottom: 1px solid #d3d3d3;
        padding: 50px 0;
        display: flex;
        position: relative;
    }
    .dangjian_list .item .pic {
        width: 200px;
        height: 130px;
        overflow: hidden;
    }
    .dangjian_list .item .pic img {
        width: 100%;
        height: 100%;
        transition: 0.3s;
    }
    .dangjian_list .item .info .desc {
        color: #8e8e8e;
        font-size: 14px;
    }
    .dangjian_list .item .info .name {
        color: #646464;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .dangjian_list .item .info {
        flex: 1;
        margin-right: 110px;
    }
    .dangjian_list .item .date {
        font-size: 24px;
        color: #000000;
        padding-right: 128px;
        line-height: 30px;
        position: relative;
    }
    .dangjian_list .item .date::before {
        display: block;
        content: '';
        width: 35px;
        height: 1px;
        background: #bfbfbf;
        position: absolute;
        left: 135px;
        top: 13px;
    }
    .dangjian_list .item .jt {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        transition: 0.3s;
        justify-content: center;
        position: absolute;
        left: 0;
        top: 95px;
    }
    .dangjian_list .item .jt i {
        font-size: 18px;
        color: #bfbfbf;
        transition: 0.3s;
    }
    .dangjian_list .item:hover .jt {
        background: #e31a47;
    }
    .dangjian_list .item:hover .jt i {
        color: #fff;
    }
    .dangjian_list .item:hover .name {
        color: #e31a47;
    }
    .dangjian_list .item:hover .pic img {
        transform: scale(1.1);
    }


    
    .hezuo_list .content_gy {
        display: flex;
        flex-wrap: wrap;
    }
    .hezuo_list .content_gy .item{
        display: flex;
        margin-top: 60px;
        background: #f8f8f8;
    }
    
    .hezuo_list .content_gy .item:nth-child(2n) {
        flex-direction: row-reverse;
    }
    .hezuo_list .content_gy .item .info {
        width: 50%;
        padding: 90px 45px;
    }
    .hezuo_list .content_gy .item .info .desc {
        font-size: 14px;
        color: #8e8e8e;
        line-height: 25px;
    }
    .hezuo_list .content_gy .item .info .name {
        font-size: 30px;
        color: #646464;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .hezuo_list .content_gy .item .pic {
        width: 50%;
    }

    .hezuo_list .view {
        margin-top: 30px;
        display: flex;
        justify-content: flex-end;
    }
    .hezuo_list .view a img {
        margin-left: 10px;
    }
    .hezuo_list .view a{
        border-radius: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 180px;
        background: #e31a47;
        height: 40px;
        color: #fff;
        line-height: 40px;
        text-align: center;
        transition: 0.3s;
        margin-left: 0;
    }
    .hezuo_list .view a:hover {
        opacity: 0.8;
        margin-right: 20px;
    }

    .link_box .content_gy {
        display: flex;
        height: 130px;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        border-bottom: 1px solid #d0d0d0;
    }
.link_box a:hover,
.link_box a.active {
color: #e31a47;
}
 .link_box a,
.link_box i {
    font-size: 16px;
    color: #717171;
    line-height: 30px;
}

.link_box i {
    margin:0 20px
}