/*初始化样式*/

html {
    margin: 0;
    padding: 0;
    border: 0;
}

body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, address, code, b, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, footer, header, hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background: #fff;
    color: #666;
    position: relative;
    /* font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif; */
    vertical-align: baseline;
    width: 100%;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    outline: none;
}

a:link {
    color: #666;
}

a:visited {
    color: #666;
}

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

input {
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei';
}

img {
    border: none;
    background: none;
    vertical-align: middle;
}

ul, ol, li {
    list-style-type: none;
}

select, input, img, select {
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}



table, th, td {
    vertical-align: middle
}

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

.clearfix {
    zoom: 1
}

.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}


h1, h2, h3, h4 {
    line-height: 1.5;
}
hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 0;
}

dt {
    font-weight: normal;
}

/*----- Common css ------*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}

.max1600{
    max-width: 1600px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}


/*滚动*/

#demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#indemo {
    float: left;
    width: 800%!important;
}

#demo1 {
    float: left;
}

#demo2 {
    float: left;
}

#m_demo {
    overflow: hidden;
    width: 92%;
    margin: 0 auto;
}

#m_indemo {
    float: left;
    width: 800%!important;
}

#m_demo1 {
    float: left;
}

#m_demo2 {
    float: left;
}

.pos {
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}

.com-img {
    display: inline;
    overflow: hidden;
    margin: 0 auto;
    display: table;
}

.com-img img {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
}

.com-img:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.roll_product {
    float: left;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}


/*右侧漂浮*/

.pf_right {
    width: 50px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -180px;
    display: none;
    z-index: 99;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.pf_right ul {
    width: 100%;
    float: left;
}

.pf_right ul li {
    width: 49px;
    height: 49px;
    margin-top: 1px;
    float: left;
    background: #112387;
    text-align: center;
}

.pf_right ul li a {
    display: block;
    float: right;
    width: 49px;
    height: 49px;
    position: relative;
    font-size: 12px;
    color: white;
    line-height: 16px;
}

.pf_right ul li a .ico {
    width: 100%;
    height: 25px;
    line-height: 25px;
    float: left;
    margin-top: 4px;
}

.pf_right ul li a .ico img {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
}

.pf_right ul li a h5 {
    width: 191px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    color: white;
    font-size: 14px;
    display: none;
    position: absolute;
    right: 100%;
    top: 0;
    background: #112387;
}

.pf_right ul li a h5 span {
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
}

.pf_right ul li:hover {
    background: none !important;
}

.pf_right ul li:hover a {
    background: #112387;
}

.pf_right ul li:hover a h5 {
    display: block;
}

.pf_right ul li.r_ewm:hover a {
    background: #112387;
}

.pf_right ul li.r_ewm:hover a h5 {
    display: none;
}

.pf_right ul li.r_ewm .z_ewm {
    position: absolute;
    right: 120%;
    width: 100px;
    height: 100px;
    display: none;
    top: 0;
    border: 5px solid #112387;
}

.pf_right ul li.r_ewm .z_ewm span.jt {
    width: 7px;
    height: 14px;
    position: absolute;
    right: -12px;
    top: 20px;
}

.pf_right ul li.r_ewm .z_ewm img {
    width: 100%;
    height: 100%;
}

.pf_right ul li.r_ewm:hover a .z_ewm {
    display: block;
}

@media screen and (max-width:1569px) {
    .pf_right.on {
        right: 0 !important;
    }
}

@media screen and (max-width:991px) {
    .pf_right {
        display: none !important;
    }
}

.aspg-left {
    width: 320px;
    float: left;
}

.aspg-right {
    width: calc(97% - 320px);
    float: right;
}

.aspg-nei-img {
    margin-bottom: 20px;
}

.aspg-nei-img img {
    max-width: 100%;
}

.nei-news-list{
    margin-bottom: 30px;
}
.nei-news-list li {
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
}

.nei-news-list li:nth-child(1) {
    padding-top: 0;
}

.nei-news-list li a {
    display: block;
}

.nei-news-list li .img {
    width: 250px;
    float: left;
    overflow: hidden;
}

.nei-news-list li .img img {
    max-width: 100%;
    transition: .5s;
}

.nei-news-list li a:hover .img img {
    transform: scale(1.1);
}

.nei-news-list li .wz {
    width: calc(96% - 250px);
    float: right;
}

.nei-news-list li .wz h3 {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    color: #333;
}

.nei-news-list li .wz .date {
    font-size: 13px;
    line-height: 30px;
    color: #666;
}

.nei-news-list li .wz .info {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.nei-news-list li .wz .more {
    font-size: 12px;
    color: #333;
    text-align: right;
    margin-top: 8px;
}

.nei-news-list li a:hover .wz h3 {
    color: #112387;
}

.nei-news-list1 li{
    width: 48%;
    float: left;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.nei-news-list1 li:nth-child(2n){
    margin-left: 4%;
}
.nei-news-list1 li a{
    display: block;
}
.nei-news-list1 li a h3{
    font-size: 16px;
    line-height: 2;
    color: #333;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.nei-news-list1 li a .info{
    font-size: 14px;
    line-height: 2;
    color: #666;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.nei-news-list1 li a:hover h3{
    color: #112387;
}

@media screen and (max-width:991px){
    .aspg-right{
        width: 100%;
        float: none;
    }
    
}

@media screen and (max-width:767px){
    .nei-news-list li .img{
        width: 180px;
    }
    .nei-news-list li .wz{
        width: calc(96% - 180px);
    }
    .nei-news-list1 li{
        width: 100%;
        float: none;
        margin-left: 0!important;
    }
}
@media screen and (max-width:480px){
    .nei-news-list li .img{
        width: 100%;
        float: none;
    }
    .nei-news-list li .wz{
        width: 100%;
        margin-top: 15px;
    }
    .nei-news-list li .wz h3{
        font-size: 14px;
    }
    .nei-news-list1 li a h3{
        font-size: 14px;
    }
}

.container2 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1640px) {
    .container2 {
        width: 1630px;
    }
}

.max_wd1600 {
    max-width: 1630px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}



/* 通用重置 */

* {
    margin: 0;
    padding: 0;
}

.clicked .a{color: #5c677d !IMPORTANT;}





/* 通用样式 */

.dth_pos {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-color: #ffffff;
}

.dth_wh {
    display: block;
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;
}

.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flexd {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wh {
    width: 1200px;
    margin: 0 auto;
}

.pos {
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}

@media(max-width:991px) {
    body {
        padding-top: 60px;
    }
}


/* 统一的样式 */

.com-img {
    display: inline;
    overflow: hidden;
    margin: 0 auto;
    display: table;
}

.com-img img {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
}

.com-img:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
}









/* 内页 */

.page-banner{
    position: relative;
}
.page-banner .wzs{
    display: block;
    position: absolute;
    left: 0;
    top: 0;	
    text-align: center;
    width: 100%;
    top: 32%;
}
.page-banner .wzs h2{
    font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #ffffff;
}

.page-banner .wzs h3{
    font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0.1em;
	color: rgba(255,255,255,0.8);
	margin-top: 0.6em;
}
@media(max-width:1200px){
    .page-banner .wzs h2{
        font-size:3vw;
    }
    .page-banner .wzs h3{
        font-size:1.666vw;
    }
}

@media(max-width:768px){
    .page-banner .wzs{
        top:20%;
    }
    .page-banner .wzs h2{
        font-size:22px;
    }
    .page-banner .wzs h3{
        font-size:12px;
        margin-top:0.3em;
    }
}
@media(max-width:420px){
    .page-banner .wzs{
        top:22%;
    }
    .page-banner .wzs h2{
        font-size:20px;
    }
    .page-banner .wzs h3{
        font-size:11px;
        margin-top:0.3em;
    }
}


/* 响应式 */
@media (min-width:1920px){html{font-size:16px;}}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}


.w1440{
    max-width: 1440px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.w1200{
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
@font-face {
	font-family: 'St';
	src: url('../fonts/SourceHanSerifCN-Bold.otf') format('truetype');
}
.syst {
    font-family: 'St';
}

.copy a img{
    max-width: 66px;
}





.ys_header {
    position: relative;
    z-index: 99999999
}
.ys_hd_pc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    background: #fff;
    transition: background 0.36s;
}

.ys_hd_pc.ys_hd_highli {
    background: transparent;
}

.ys_hd_pc.ys_hd_highli .mod_head_le .ys_imgbox_cover img:nth-child(1) {
    opacity: 1 !important;
}

.ys_hd_pc.ys_hd_highli .mod_head_le .ys_imgbox_cover img:nth-child(2) {
    opacity: 0 !important;
}

.ys_hd_pc.ys_hd_highli .mhnu_link {
    color: #fff;
}

.ys_hd_pc.ys_hd_highli .mod_head_ri .ys_imgbox_cover img:nth-child(1) {
    opacity: 0 !important;
}

.ys_hd_pc.ys_hd_highli .mod_head_ri .ys_imgbox_cover img:nth-child(2) {
    opacity: 1 !important;
}

/*  */
.ys_hd_pc.ys_hd_highli.isfixed {
    background: #fff;
}

.ys_hd_pc.ys_hd_highli.isfixed .mod_head_le .ys_imgbox_cover img:nth-child(2) {
    opacity: 1 !important;
}

.ys_hd_pc.ys_hd_highli.isfixed .mhnu_link {
    color: #333;
}

.ys_hd_pc.ys_hd_highli.isfixed .mhnu_link {
    color: #333;
}

.ys_hd_pc.ys_hd_highli.isfixed .mod_head_ri .ys_imgbox_cover img:nth-child(1) {
    opacity: 1 !important;
}

.ys_hd_pc.ys_hd_highli.isfixed .mod_head_ri .ys_imgbox_cover img:nth-child(2) {
    opacity: 0 !important;
}

.ys_hd_pc.isfixed {
    box-shadow: 0px 2.76726px 2.21381px 0px rgba(0, 0, 0, 0.02), 0px 6.6501px 5.32008px 0px rgba(0, 0, 0, 0.02);
}
.ys_hd_pc.ys_hd_highli {
    background: transparent;
}
.head_con{
    padding: 0 7%;
}
.mod_head {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mod_head_le_log .ys_imgbox_cover img {
    transform: scale(1) !important;
}
.ys_hd_pc.ys_hd_highli:hover {
    background: #fff;
}
.mod_head_le {
    width: 240px;
}
.mod_head_le img{
    height: 49px
}

.mod_head_le a {
    display: block;
}

.mod_head_le a .ys_imgbox_cover {
    line-height: 49px;
}

.mod_head_le .ys_imgbox_cover img:nth-child(1) {
    opacity: 0;
}
.ys_hd_pc.ys_hd_highli .mod_head_le .ys_imgbox_cover img:nth-child(1) {
    opacity: 0 !important;
}

.ys_hd_pc.ys_hd_highli.isfixed .mod_head_le .ys_imgbox_cover img:nth-child(1) {
    opacity: 0 !important;
}

.ys_g2page .ys_hd_pc.ys_hd_highli .mod_head_le .ys_imgbox_cover img:nth-child(1), .ys_c1_2page .ys_hd_pc.ys_hd_highli .mod_head_le .ys_imgbox_cover img:nth-child(1), .ys_a1pageb .ys_hd_pc.ys_hd_highli .mod_head_le .ys_imgbox_cover img:nth-child(1) {
    opacity: 1 !important;
}

.ys_g2page .ys_hd_pc.ys_hd_highli:hover .mod_head_le_log .ys_imgbox_cover img:nth-child(1), .ys_c1_2page .ys_hd_pc.ys_hd_highli:hover .mod_head_le_log .ys_imgbox_cover img:nth-child(1), .ys_a1pageb .ys_hd_pc.ys_hd_highli:hover .mod_head_le_log .ys_imgbox_cover img:nth-child(1) {
    opacity: 0 !important;
}

.ys_g2page .ys_hd_pc.ys_hd_highli.isfixed .mod_head_le_log .ys_imgbox_cover img:nth-child(1), .ys_c1_2page .ys_hd_pc.ys_hd_highli.isfixed .mod_head_le_log .ys_imgbox_cover img:nth-child(1) {
    opacity: 0 !important;
}
.ys_imgbox_cover {
    position: relative;
    overflow: hidden
}

.ys_imgbox_cover img {
    width: 100%;
    transition: all .36s ease
}

.ys_imgbox_cover img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.ys_imgbox_contain img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}
.mod_head_nav_ul {
    display: flex;
}
.mhnu_li {
    position: relative;
    margin: 0 30px;
}

.mdul_link:hover {
    color: #b4000a;
}
 .ys_hd_pc.ys_hd_highli:hover .mod_head_le .ys_imgbox_cover img:nth-child(2) {
        opacity: 1 !important;
    }

    .ys_hd_pc.ys_hd_highli:hover .mhnu_link {
        color: #333;
    }

    .ys_hd_pc.ys_hd_highli:hover .mhnu_link {
        color: #333;
    }

    .ys_hd_pc.ys_hd_highli:hover .mod_head_ri .ys_imgbox_cover img:nth-child(1) {
        opacity: 1 !important;
    }

    .ys_hd_pc.ys_hd_highli:hover .mod_head_ri .ys_imgbox_cover img:nth-child(2) {
        opacity: 0 !important;
    }

    .nrcu_li:hover .nrru_li_info .mod_tit36 {
        color: #b4000a;
    }

    .nlbu_wrap:hover .nrru_li_info .mod_tit24 {
        color: #b4000a;
    }




.sustai_head {
    width: 100%;
    position: fixed;
    top: 80px;
    left: 0;
    /* padding: 15px 0; */
    z-index: 20;
}
.sustai_head {
    box-shadow: 0 9px 15px -5px rgba(0, 0, 0, 0.05);
}

.sustai_head {
    display: none;
}

.sustai_head_li {
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.sustai_head_cont {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sustai_head_le a {
    font-size: 14px;
    font-weight: bold;
    line-height: 58px;
    display: block;
    color: #000;
    transition: all 0.36s;
}

.sustai_head_le {
    padding-right: 22px;
    margin-right: 4px;
    position: relative;
}

.sustai_head_le::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 17px;
    background: rgba(0, 0, 0, 0.2);
}

.shrl_link {
    font-size: 14px;
    line-height: 58px;
    color: #000;
    transition: all 0.36s;
    display: block;
}

.shrl_link_wrap {
    width: 9px;
    margin-left: 7px;
    display: none;
}

.shrl_link_wrap img {
    width: 100%;
    transition: all 0.36s;
}

.sustai_head_ri {
    display: flex;
}

.sustai_head_ri_li {
    padding: 0 18px;
}

.sustai_head_ri_li.on .shrl_link_wrap {
    display: inline-block;
}

.ys_e1page.ys_nypage .mod_bread {
    top: 155px;
}

.sustai_strate {
    width: 100%;
    position: relative;
}

.sustai_strate_cont {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mod_head_ri_sear {
    margin-right: 22px;
}
.mod_head_ri_lang {
    z-index: 10;
}

.mod_head_ri {
    position: relative;
    z-index: 26;
    display: flex;
}
.mhrs_icon {
    width: 20px;
}
.mhrs_icon .ys_imgbox_cover {
    line-height: 80px;
    cursor: pointer;
}

.mhrs_icon img {
    width: 100%;
    transition: all .36s ease;
}
.yx_search3xlbox {
    width: 100%;
    height: 200px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 5px 13px rgba(35, 50, 64, 0.13);
    display: none;
    position: fixed;
    left: 0;
    z-index: 99;
}

.mod_head_ri_lang {
    position: relative;
}

.mhrl_top {
    width: 30px;
    padding-right: 8px;
    position: relative;
    cursor: pointer;
}

.ys_imgbox_cover {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.mhrl_topimg1 {
    line-height: 76px;
}

.mhrl_top img {
    width: 100%;
}

.mhrl_top .mhrl_topimg2 {
    width: 6px;
    position: absolute;
    top: 46px;
    right: 0;
    transition: all 0.36s;
}


.mhrl_btm {
    top: 80px;
}

.mhrl_btm {
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    position: absolute;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 10px;
    width: 100px;
    text-align: center;
    display: none;
}

.mhrl_btm_li {
    width: 100%;
    position: relative;
}

.mhrl_btm_li a {
    
    display: block;
    font-size: 16px;
    line-height: 2;
    color: #333;
}
.mhrl_btm_li a:hover{
    color: #b4000a;
}

.mod_head_ri_lang.on .mhrl_topimg2 {
    transform: rotate(45deg);
}

.mhnu_link {
    font-size: 16px;
    line-height: 1.5 !important;
    display: inline-block !important;
}
.mod_head_tel{
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}
.isfixed .mod_head_tel{
    color: #333;
}

.ys_hd_pc.ys_hd_highli:hover .mod_head_tel{
    color: #333;
}


.mhnu_down_ul_li.yxnav_active2 .mdul_link {
    color: #b4000a;
}

.mhnu_li.yxnav_active1 .mhnu_link {
    color: #b4000a !important;
}

.mhnu_li.yxnav_active1 .mhnu_link::before{
    content: '';
    width: 120%;
    left: -10%;
    bottom: -12px;
    height: 3px;
    background: #b4000a;
    position: absolute;
}

.sustai_head_ri_li a:hover{
    color: #b4000a;
}

.yx_search3_tbox {
    width: 40%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 60px;
    border-bottom: 1px solid #666;
}
.yx_search3_tbox .ss-search{
    width: 100%;
    display: flex;
}
.yx_search3_tbox .ss-search #keyword{
    font-size: 16px;
    line-height: 3.75;
    color: rgb(102, 102, 102);
    transition: 0.36s;
    width: calc(100% - 27px);
    padding-right: 20px;
    border: none;
    outline: none;
    background: none;
}
.yx_search3_tbox .ss-search #s_btn{
    width: 27px;
    line-height: 60px;
    border: none;
    outline: none;
    background: url(../images/com_icon1.svg) no-repeat center ;
    background-size: 27px 24px;
}

@media (max-width: 1600px) {
    .head_con{
        padding: 0 5%;
    }
}
@media (max-width: 1500px) {
    .head_con{
        padding: 0 2.5%;
    }
    .mhnu_li{
        margin: 0 25px;
    }
}
@media (max-width: 1400px) {
    .head_con{
        padding: 0 15px;
    }
    .mhnu_li{
        margin: 0 20px;
    }
}
@media (max-width: 1300px) {
    .mhnu_li{
        margin: 0 15px;
    }
}
@media (max-width: 1200px) {
    .mhnu_li{
        margin: 0 12px;
    }
}






.index_c1{
    padding: 6vw 0 4vw;
    background: url(../images/bg1.jpg) no-repeat center;
    background-size: cover;
}
.c1_con{
    max-width: 1440px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
.c1_con .c1_tlt{
    font-size: 3rem;
    font-weight: bold;
    color: #333;
    line-height: 1.2;
    text-align: center;
    /*background: url(../images/txtll.png) no-repeat 11% top;*/
    /*padding-top: 10px;*/
    background-size: 110px 57px;
}
.c1_con .c1_tlt span{
    color: #666;
    font-size: 2rem;
    font-weight: normal;
}
.c1_roll{
    margin: 4vw 0 5vw;
    overflow: hidden;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
}
.c1_roll .c1_roll_slide{
    width: 24%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .8s;
}
.c1_roll .c1_roll_slide.cur{
    width: 50.7%;
}
.c1_roll .c1_roll_slide a{
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
}
.c1_roll .c1_roll_slide a .wz .info{
    display: none;
}
.c1_roll .c1_roll_slide a .wz{
    background: url(../images/c1_1.png) no-repeat center;
    background-size: 100% 100%;
    padding: 3vw 2vw;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    transition: all .4s ease;
}
.c1_roll .c1_roll_slide a .wz h3{
    font-size: 2rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.c1_roll .c1_roll_slide.cur a .wz{
    background: url(../images/c1_2.jpg) no-repeat center;
    background-size: 100% 100%;
    padding: 1.5vw 3vw 3vw;
}
.c1_roll .c1_roll_slide.cur a .wz .info{
    font-size: 1.3rem;
    color: #fff;
    display: block;
    transition-delay: 0.36s;
}
.c1_roll .c1_roll_slide.cur a .wz h3{
    border-bottom: 1px solid #fff;
    text-align: left;
    line-height: 2;
    margin-bottom: 20px;
}
.c1_more{
    text-align: center;
}
.c1_more a{
    display: block;
    max-width: 500px;
    width: 90%;
    background: #e9e9e9;
    text-align: center;
    margin: 0 auto;
    border-radius: 28px;
    position: relative;
}
.c1_more a span{
    display: block;
    color: #000;
    line-height: 56px;
    font-size: 18px;
    z-index: 99;
    position: relative;
}
.c1_more a span::before{
    content: '';
    width: 40px;
    height: 40px;
    background: url(../images/more1.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 99;
}
.c1_more a i {
    background: #b4000a;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    transform: scale(0);
    transition: 0.5s;
    z-index: 98;
}
.c1_more a:hover span{ 
    color:#fff; 
    transition:0.5s;
}
.c1_more a:hover i{
    transform:scale(1); 
    transition:0.5s;
}
.c1_more a:hover span::before{
    background: url(../images/more2.png) no-repeat center;
    background-size: 100% 100%;
}
.c1swiper{
    margin: 20px 0;
    overflow: hidden;
}
.c1swiper .swiper-slide a{
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.c1swiper .swiper-slide .img img{
    width: 100%;
}
.c1swiper .swiper-slide .wz{
    background: url(../images/c1_2.jpg) no-repeat center;
    background-size: 100% 100%;
    padding: 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.c1swiper .swiper-slide .wz h3{
    font-size: 18px;
    line-height: 2;
    color: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 5px;
}
.c1swiper .swiper-slide .wz .info{
    font-size: 14px;
    color: #fff;
    line-height: 20px;
}
@media (max-width: 1500px) {
    /*.c1_con .c1_tlt{*/
    /*    font-size: 26px;*/
    /*}*/
    .c1_roll .c1_roll_slide a .wz h3{
        font-size: 1.8rem;
    }
    .c1_roll .c1_roll_slide.cur a .wz .info{
        font-size: 1.3rem;
    }
}
@media (max-width: 1200px) {
    /*.c1_con .c1_tlt{*/
    /*    font-size: 24px;*/
    /*}*/
    .c1_roll .c1_roll_slide a img{
        height: 490px;
    }
    .c1_more a span{
        font-size: 18px;
        line-height: 50px;
    }
    .c1_more a span::before{
        width: 40px;
        height: 40px;
        top: 5px;
        right: 5px;
        border-radius: 20px;
    }
    .c1_con .c1_tlt{
        background: none;
        padding-top: 0;
    }
}
@media (max-width: 990px) {
    /*.c1_con .c1_tlt{*/
    /*    font-size: 22px;*/
    /*}*/
    .c1_roll .c1_roll_slide a{
        border-radius: 15px;
    }
    .c1_roll .c1_roll_slide a .wz h3{
        font-size: 1.5rem;
    }
    .c1_roll .c1_roll_slide.cur a .wz .info{
        font-size: 1.1rem;
    }
    .c1_more a span{
        font-size: 16px;
    }
    .c1_roll .c1_roll_slide a img{
        height: 400px;
    }
    
}
@media (max-width: 767px) {
    .c1_con .c1_tlt{
        font-size: 22px;
    }
    .c1_con .c1_tlt span{
        font-size: 18px;
    }
    .c1_roll .c1_roll_slide a .wz h3{
        font-size: 1.3rem;
    }
    .c1_roll .c1_roll_slide.cur a .wz .info{
        font-size: 0.9rem;
    }
    .c1_more a span{
        font-size: 15px;
        line-height: 40px;
    }
    .c1_roll .c1_roll_slide a img{
        height: 320px;
    }
    .c1_more a span::before{
        width: 30px;
        height: 30px;
        top: 5px;
        right: 5px;
        border-radius: 15px;
    }
}





.index_c2{
    padding: 5vw 0 6vw;
    background: url(../images/bg2.jpg) no-repeat center;
    background-size: cover;
}
.c2_con{
    max-width: 1520px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.c2_top{
    display: flex;
    justify-content: space-between;
}
.c2_top .c2_top_tt{
    padding-bottom: 50px;
    position: relative;
}
.c2_top .c2_top_tt h3{
    font-size: 2rem;
    color: #000;
    text-transform: uppercase;
}
.c2_top .c2_top_tt h4{
    font-size: 2.6rem;
    color: #000;
    font-weight: bold;
}
.c2_top .c2_top_tt::before{
    content: '';
    width: 64px;
    height: 12px;
    background: #b4000a;
    position: absolute;
    bottom: 0;
    left: 0;
}
.c2_top .c2_top_num{
    margin-top: 20px;
}
.c2_top .c2_top_num ul li{
    float: left;
    text-align: right;
}
.c2_top .c2_top_num ul li+li{
    margin-left: 5rem;
}
.c2_top .c2_top_num ul li dd{
    font-size: 3.2rem;
    font-weight: bold;
    color: #122387;
}
.c2_top .c2_top_num ul li dl{
    font-size: 1.4rem;
    color: #8a8787;
}
.c2_top .c2_top_num ul li dt{
    font-size: 1.4rem;
    font-weight: bold;
    color: #000000;
}
.c2_bot{
    margin-top: 65px;
}
.c2_bot ul li{
    width: 24%;
    float: left;
    margin-right: 1.33333%;
}
.c2_bot ul li:last-child{
    margin-right: 0;
}
.c2_bot ul li a{
    display: block;
    overflow: hidden;
    position: relative;
}
.c2_bot ul li .mark1{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 3vw 2.2vw;
    top: 0;
    left: 0;
    background: rgba(57, 72, 138, 0.42);
    z-index: 95;
}
.c2_bot ul li a h3{
    font-size: 2rem;
    line-height: 2;
    font-weight: bold;
    color: #fff;
}
.c2_bot ul li a h4{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}
.c2_bot ul li .mark2{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 3vw 2.2vw;
    top: 0;
    left: 0;
    background: rgba(16, 42, 78, 0.74);
    z-index: 96;
    opacity: 0;
    transition: .6s;
}
.c2_bot ul li .mark2 h4{
    font-weight: normal;
    font-size: 12px;
}
.c2_bot ul li .mark2 .info{
    font-size: 14px;
    color: #fff;
    padding: 2vw 0;
    line-height: 2.5;
}
/*.c2_bot ul li .mark2 .info p:hover{*/
/*    text-decoration: underline;*/
/*}*/
.c2_bot ul li .mark2 .info p{
    position: relative;
    padding-right: 25px;
}
.c2_bot ul li .mark2 .info p i{
    display: block;
    font-style: normal;
    position: absolute;
    right: 0;
    top: 0;
}
.c2_bot ul li .mark2 span{
    display: block;
    width: 142px;
    line-height: 38px;
    text-align: center;
    background: #fff;
    border-radius: 19px;
    overflow: hidden;
    position: relative;
}
.c2_bot ul li .mark2 span em{
    display: block;
    font-size: 14px;
    color: #b4000a;
    font-style: normal;
    position: relative;
    z-index: 99;
}
.c2_bot ul li .mark2 span i{
    background: #b4000a;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 19px;
    transform: scale(0);
    transition: 0.5s;
}
.c2_bot ul li .mark2 span:hover em{ 
    color:#fff; 
    transition:0.5s;
}
.c2_bot ul li .mark2 span:hover i{
    transform:scale(1); 
    transition:0.5s;
}
.c2_bot ul li .mark2::before{
    content: '';
    width: 0;
    height: 6px;
    background: #b4000a;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    transition: 1s;
}
.c2_bot ul li a:hover .mark2::before{
    width: 100%;
}
.c2_bot ul li a:hover .mark1{
    opacity: 0;
}
.c2_bot ul li a:hover .mark2{
    opacity: 1;
}
.c2_bot ul li .mark3{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 94;
    opacity: 0;
    transition: .6s;
}
.c2_bot ul li .mark3 video{
    width: 100%;
    height: 100%;
    object-fit: cover;  /* 想完整显示用 contain，但可能有黑边 */
    display: block;
}
.c2_bot ul li a:hover .mark3{
    opacity: 1;
}

@media (max-width: 1400px) {
    .c2_bot ul li a .img img{
        height: 560px;
    }
}
@media (max-width: 1300px) {
    .c2_bot ul li a .img img{
        height: 500px;
    }
}
@media (max-width: 1200px) {
    .c2_bot ul li .mark2 .info{
        display: none!important;
    }
    .c2_bot ul li .mark2 span{
        margin-top: 2rem;
    }
}
@media (max-width: 990px) {
    .c2_top{
        display: block;
    }
    .c2_top .c2_top_num{
        margin-top: 30px;
    }
    .c2_bot{
        margin-top: 30px;
    }
    .c2_top .c2_top_num ul li{
        width: 33.33333%;
        padding: 0 1%;
        margin: 0!important;
        text-align: center;
    }
    .c2_top .c2_top_tt h3{
        font-size: 1.5rem;
    }
    .c2_top .c2_top_tt h4{
        font-size: 2rem;
    }
    .c2_top .c2_top_num ul li dd{
        font-size: 2.8rem;
    }
    .c2_top .c2_top_num ul li dt{
        font-size: 1.2rem;
    }
    .c2_top .c2_top_tt{
        padding-bottom: 30px;
    }
    .c2_top .c2_top_tt::before{
        height: 4px;
    }
    .c2_bot ul li a .img img{
        height: 350px;
    }
    .c2_bot ul li a h3{
        font-size: 1.6rem;
    }
}
@media (max-width: 767px) {
    .c2_bot ul li{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 20px;
    }
    .c2_bot ul li:nth-child(2n){
        margin-right: 0;
    }
    .c2_bot ul li a .img img{
        width: 100%;
        height: auto;
    }
    .c2_bot ul li a h4{
        font-size: 12px;
    }
    .c2_bot ul li .mark2 span{
        width: 120px;
        line-height: 32px;
        border-radius: 16px;
    }
    .c2_bot ul li .mark2 span i{
        border-radius: 16px;
    }
    .c2_bot ul li .mark2 span em{
        font-size: 14px;
    }
}



.index_c3{
    width: 100%;
    position: relative;
}
.c3_con .c3_tab .c3_tab_con{
    display: none;
}
.c3_con .c3_tab .c3_tab_con .img img{
    width: 100%;
}
.c3_con .c3_tab .c3_tab_con ul{
    position: absolute;
    top: 13%;
    right: 10%;
}
/*.c3_con .c3_tab .c3_tab_con ul li{*/
/*    margin-bottom: 30px;*/
/*}*/
.c3_con .c3_tab .c3_tab_con ul li a{
    display: block;
    /*background: #fff;*/
    /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);*/
    padding: 1vw 1vw 1vw 1.5vw ;
    border-radius: 1vw;
    display: flex;
    align-items: center;
    transition: .6s;
}
.c3_con .c3_tab .c3_tab_con ul li a span img{
    width: 122px;
    height: 90px;
}
.c3_con .c3_tab .c3_tab_con ul li a em{
    font-style: normal;
    font-weight: bold;
    color: #122387;
    font-size: 1.8rem;
    display: block;
    margin-left: 20px;
    min-width: 180px;
}
.c3_con .c3_tab .c3_tab_con ul li:hover a{
    transform:translateY(-10px);
}
.c3_con .c3_tabli{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 6%;
    left: 0;
}
.c3_con .c3_tabli li{
    width: 17rem;
    line-height: 5rem;
    /*background: url(../images/c3_1.png) no-repeat center;*/
    /*background-size: 100% 100%;*/
    background: #fff;
    display: inline-block;
    margin: 0 2vw;
}
.c3_con .c3_tabli li a{
    display: block;
    font-size: 1.8rem;
    font-weight: bold;
    color: #122387;
    /*padding-right: 2rem;*/
    position: relative;
    z-index: 2;
    overflow: hidden;
}
/*.c3_con .c3_tabli li.cur{*/
/*    background: #b4000a;*/
/*}*/
/*.c3_con .c3_tabli li.cur a{*/
/*    color: #fff;*/
/*    padding-right: 0;*/
/*}*/
/*.c3_con .c3_tabli li.cur a .std-btn1-bg{*/
/*    width: 300px;*/
/*    height: 300px;*/
/*}*/
/*.c3_con .c3_tabli li.cur:hover a .std-btn1-bg{*/
/*    transform: translate(-50%, -50%) scale(1);*/
/*}*/


.index_c3 .c3_tlt{
    position: absolute;
    top: 5%;
    left: 10%;
}
.index_c3 .c3_tlt h3{
    font-size: 2rem;
    color: #000;
    text-transform: uppercase;
}
.index_c3 .c3_tlt h4{
    font-size: 2.6rem;
    color: #000;
    font-weight: bold;
}

@media (max-width: 1800px) {
    .index_c3 .c3_tlt{
        left: 8%;
    }
    .c3_con .c3_tab .c3_tab_con ul{
        right: 8%;
    }
}
@media (max-width: 1700px) {
    .index_c3 .c3_tlt{
        left: 5%;
    }
    .c3_con .c3_tab .c3_tab_con ul{
        right: 5%;
    }
}
@media (max-width: 1500px) {
    .index_c3 .c3_tlt{
        left: 15px;
    }
    .c3_con .c3_tab .c3_tab_con ul{
        right: 15px;
    }
    .c3_con .c3_tab .c3_tab_con ul li a span img{
        width: 100px;
        height: 74px;
    }
}
@media (max-width: 1200px) {
    .c3_con .c3_tab .c3_tab_con ul li a span img{
        width: 80px;
        height: 59px;
    }
    .c3_con .c3_tab .c3_tab_con ul li a em{
        font-size: 1.4rem;
        min-width: 150px
    }
    .c3_con .c3_tabli li{
        width: 14rem;
        line-height: 4rem;
    }
    .c3_con .c3_tabli li a{
        font-size: 1.5rem;
    }
}
@media (max-width: 990px) {
    .index_c3 .c3_tlt h3{
        font-size: 1.5rem;
    }
    .index_c3 .c3_tlt h4{
        font-size: 2rem;
    }
    .c3_con .c3_tab .c3_tab_con ul li{
        margin-bottom: 20px;
    }
    .c3_con .c3_tab .c3_tab_con ul li a span img{
        width: 60px;
        height: 44px;
    }

}
@media (max-width: 767px) {
    .index_c3 .c3_tlt h3{
        font-size: 1.2rem;
    }
    .index_c3 .c3_tlt h4{
        font-size: 1.5rem;
    }
    .index_c3{
        padding-bottom: 80px;
    }
    .c3_con .c3_tabli{
        bottom: 30px;
    }
    .c3_con .c3_tabli li {
        width: 110px;
        line-height: 30px;
        margin: 0 5px;
    }
    .c3_con .c3_tabli li a{
        font-size: 14px;
        padding-right: 10px;
    }
    .c3_con .c3_tab .c3_tab_con ul li{
        margin-bottom: 10px;
    }
    .c3_con .c3_tab .c3_tab_con ul li a span img{
        width: 36px;
        height: 27px;
    }
    .c3_con .c3_tab .c3_tab_con ul li a em{
        font-size: 14px;
        min-width: 80px;
        width: 80px;
        overflow: hidden;
        margin-left: 10px;
    }

}


.index_c4{
    padding: 5vw 0;
    width: 100%;
    overflow: hidden;
}
.c4_con .c4_right{
    width: 49.5%;
    float: right;
}
.c4_con .c4_right img{
    width: 100%;
}
.c4_con .c4_left{
    width: 48%;
    float: left;
    padding-left: 10%;
}
.c4_con .c4_left .c4_tlt h3{
    font-size: 7.5rem;
    font-weight: bold;
    color: #f6f6f6;
    line-height: 0.5;
}
.c4_con .c4_left .c4_tlt h4{
    font-size: 3rem;
    line-height: 1;
    color: #333333;
    font-weight: bold;
    margin-top: -15px;
}
.c4_con .c4_left_wz{
    margin:2vw 0 ;
}
.c4_con .c4_left_wz .wz1{
    font-size: 1.8rem;
    color: #122387;
}
.c4_con .c4_left_wz .wz2{
    font-size: 1.3rem;
    line-height: 1.8;
    color: #888686;
    margin-top: 20px;
}
.c4_more a{
    display: block;
    width: 162px;
    text-align: center;
    border-radius: 22px;
    position: relative;
    border: 1px solid #122387;
}
.c4_more a span{
    display: block;
    color: #122387;
    line-height: 43px;
    font-size: 16px;
    z-index: 99;
    position: relative;
    padding-right: 44px;
}
.c4_more a span::before{
    content: '';
    width: 31px;
    height: 31px;
    background: url(../images/more1.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 99;
}
.c4_more a i {
    background: #b4000a;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 22px;
    transform: scale(0);
    transition: 0.5s;
    z-index: 98;
}
.c4_more a:hover {
    border-color: #b4000a;
}
.c4_more a:hover span{ 
    color:#fff; 
    transition:0.5s;
}
.c4_more a:hover i{
    transform:scale(1); 
    transition:0.5s;
}
.c4_more a:hover span::before{
    background: url(../images/more4.png) no-repeat center;
    background-size: 100% 100%;
}
.c4_num{
    padding: 0 7%;
    margin-top: 4vw;
}
.c4_num ul li{
    width: 25%;
    float: left;
    text-align: center;
}
.c4_num ul li+li{
    border-left: 2px solid #cf5c62;
}
.c4_num ul li dd{
    font-size: 1.5rem;
    color: #010101;
}
.c4_num ul li dd span{
    font-size: 4.2rem;
    line-height: 1.2;
    color: #122387;
}
.c4_num ul li dd span em{
    font-style: normal;
}
.c4_num ul li dl{
    font-size: 1.1rem;
    color: #b5b5b5;
}

@media (max-width: 1800px) {
    .c4_con .c4_left{
        padding-left: 8%;
    }
    .c4_num{
        padding: 0 4%;
    }
}
@media (max-width: 1700px) {
    .c4_con .c4_left{
        padding-left: 5%;
    }
    .c4_num{
        padding: 0 15px;
    }
}
@media (max-width: 1500px) {
    .c4_con .c4_left{
        padding-left: 15px;
    }
    .c4_con .c4_left .c4_tlt h4{
        font-size: 2.4rem;
    }
    .c4_con .c4_left .c4_tlt h3{
        font-size: 6.5rem;
    }
    .c4_con .c4_left_wz .wz1{
        font-size: 1.5rem;
    }
    .c4_con .c4_left_wz .wz2{
        font-size: 1.2rem;
    }
    .c4_num ul li dd span{
        font-size: 3.2rem;
    }
    .c4_num ul li dd{
        font-size: 1.2rem;
    }
}
@media (max-width: 1200px) {
    .c4_con .c4_left .c4_tlt h3{
        font-size: 5.5rem;
    }
    .c4_con .c4_left_wz .wz1{
        font-size: 1.3rem;
    }
    .c4_con .c4_left_wz .wz2{
        font-size: 1.1rem;
    }
    .c4_num ul li dd span{
        font-size: 2.8rem;
    }

}
@media (max-width: 767px) {
    .c4_con .c4_left{
        width: 100%;
        float: none;
        padding: 0 15px;
    }
    .c4_con .c4_right{
        width: 100%;
        float: none;
        padding: 0 15px;
        margin-top: 30px;
    }
    .c4_con .c4_left_wz{
        margin: 30px 0;
    }
    .c4_num{
        margin-top: 30px;
    }
    .c4_num ul li{
        width: 50%;
        margin: 10px 0;
    }
    .c4_num ul li:nth-child(3){
        border-left: none;
    }
    .c4_con .c4_left .c4_tlt h3{
        font-size: 50px;
    }
    .c4_con .c4_left .c4_tlt h4{
        font-size: 24px;
    }
    .c4_more a{
        width: 120px;
        border-radius: 15px;
    }
    .c4_more a span{
        font-size: 14px;
        padding-right: 30px;
        line-height: 32px;
    }
    .c4_more a span::before{
        width: 24px;
        height: 24px;
        right: 4px;
        top: 4px;
    }
    .c4_more a i{
        border-radius: 15px;
    }
    .c4_num ul li dd{
        font-size: 15px;
    }
    .c4_num ul li dd span{
        font-size: 30px;
    }

}





.index_c5{
    padding: 3vw 0 9vw;
    background: url(../images/bg4.jpg) no-repeat center;
    background-size: cover;
}
.c5_con{
    max-width: 1550px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
.c5_con .c5_tlt h3{
    font-size: 2.4rem;
    color: #000000;
    text-align: center;
    font-weight: bold;
}
.fzlc{
    margin: 30px auto 1vw;
    background: url(../images/c5_4.png) no-repeat center;
    height: 400px;
    position: relative;
    width: 1295px;
}
.fzlc ul li {
    text-align: center;
    width: 300px;
    position: absolute;
    cursor: pointer;
}
.fzlc ul li h3{
    font-size: 24px;
    font-weight: bold;
    line-height: 2;
    color: #010101;
}
.fzlc ul li h4{
    font-size: 18px;
    font-weight: bold;
    line-height: 2;
    color: #010101;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.fzlc ul li p{
    font-size: 15px;
    color: #000000;
}
.fzlc ul li:nth-child(2n+1){
    padding-top: 52px;
    background-image: url(../images/c5_5.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 36px 36px;
}
.fzlc ul li:nth-child(2n){
    padding-bottom: 52px;
    background-image: url(../images/c5_5.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 36px 36px;
}
/*.fzlc ul li:nth-child(2n+1):hover{*/
/*    background-image: url(../images/c5_3.png);*/
/*}*/
/*.fzlc ul li:nth-child(2n):hover{*/
/*    background-image: url(../images/c5_3.png);*/
/*} */
/*.fzlc ul li:nth-child(2n+1) h3{*/
/*    margin-bottom: 10px;*/
/*}*/
/*.fzlc ul li:nth-child(2n) h3{*/
/*    margin-top: 10px;*/
/*}*/
.fzlc ul li:nth-child(1){
    left: -100px;
    top: 348px;
}
.fzlc ul li:nth-child(2){
    left: 40px;
    top: 177px;
}
.fzlc ul li:nth-child(3){
    left: 215px;
    top: 322px;
}
.fzlc ul li:nth-child(4){
    left: 385px;
    top: 127px;
}
.fzlc ul li:nth-child(5){
    left: 570px;
    top: 245px;
}
.fzlc ul li:nth-child(6){
    left: 740px;
    top: 28px;
}
.fzlc ul li:nth-child(7){
    left: 910px;
    top: 126px;
}
.fzlc ul li:nth-child(8){
    left: 1070px;
    top: -90px;
}
.fzlc_mob{
    margin-top: 50px;
    height: 190px;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.fzlc_mob::before{
    content: '';
    width: 100%;
    height: 4px;
    background: #033fbe;
    position: absolute;
    left: 0;
    top: 66%;
    margin-top: -2px;
}
.fzlc_mob .swiper-slide a{
    display: block;
    text-align: center;
}
.fzlc_mob .swiper-slide .conn h3{
    font-size: 16px;
    font-weight: bold;
    color: #010101;
    padding-bottom: 30px;
    background-image: url(../images/c5_5.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 20px 20px;
}
.fzlc_mob .swiper-slide .conn h4{
    font-size: 14px;
    color: #111;
    font-weight: bold;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.fzlc_mob .swiper-slide .conn p{
    font-size: 14px;
    color: #000;
    line-height: 20px;
    height: 60px;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

@media (max-width: 1500px) {
    .fzlc{
        width: 1000px;
        height: 320px;
        background-size: 100% auto;
    }
    .fzlc ul li{
        width: 240px;
    }
    .fzlc ul li h3{
        font-size: 18px;
    }
    .fzlc ul li h4{
        font-size: 16px;
    }
    .fzlc ul li p{
        font-size: 14px;
    }
    .fzlc ul li:nth-child(2n+1){
        background-size: 28px 28px;
    }
    .fzlc ul li:nth-child(2n){
        background-size: 28px 28px;
    }
    .fzlc ul li:nth-child(1){
        left: -60px;
        top: 274px;
    }
    .fzlc ul li:nth-child(2){
        left: 60px;
        top: 94px;
    }
    .fzlc ul li:nth-child(3){
        left: 198px;
        top: 248px;
    }
    .fzlc ul li:nth-child(4){
        left: 340px;
        top: 67px;
    }
    .fzlc ul li:nth-child(5){
        left: 480px;
        top: 182px;
    }
    .fzlc ul li:nth-child(6){
        left: 620px;
        top: -17px;
    }
    .fzlc ul li:nth-child(7){
        left: 745px;
        top: 83px;

    }
    .fzlc ul li:nth-child(8){
        left: 850px;
        top: -120px;

    }

}

@media (max-width: 1200px) {
    .index_c5{
        padding: 2vw 0 3vw;
    }
    .c5_con .c5_tlt h3{
        font-size: 2rem;
    }
}
@media (max-width: 990px) {
    .index_c5{
        padding: 30px 0 20px;
    }
    .c5_con .c5_tlt h3{
        font-size: 1.9rem;
    }
}
@media (max-width: 767px) {
    .fzlc_mob{
        margin-top: 30px;
    }

}



.index_c6{
    /*padding: 5vw 0 7vw;*/
    padding: 5vw 0;
    background: url(../images/bg5.jpg) no-repeat center;
    background-size: cover;
}
.c6_tlt{
    max-width: 1430px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    text-align: center;
}
.c6_tlt h3{
    font-size: 2rem;
    color: #29dd41;
}
.c6_tlt h4{
    font-size: 2.8rem;
    color: #000000;
}
.c6_tlt h4 span{
    color: #122387;
    font-size: 3.2rem;
}
.c6_img{
    margin: 50px 0;
}
.c6_img img{
    width: 100%;
}
.c6_wz{
    font-size: 1.45rem;
    color: rgba(20,22,29,0.79);
    max-width: 700px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.6;
}
.c6_wz span{
    color: rgba(180,0,10,0.79);
}

@media (max-width: 1200px) {
    .c6_tlt h3{
        font-size: 1.6rem;
    }
    .c6_tlt h4{
        font-size: 2.4rem;
    }
    .c6_tlt h4 span{
        font-size: 2.8rem;
    }
}
@media (max-width: 990px) {
    .c6_tlt h3{
        font-size: 1.4rem;
    }
    .c6_tlt h4{
        font-size: 2.2rem;
    }
    .c6_tlt h4 span{
        font-size: 2.5rem;
    }
    .c6_img{
        margin: 30px auto;
    }
}
@media (max-width: 767px) {
    .c6_tlt h3{
        font-size: 1.2rem;
    }
    .c6_tlt h4{
        font-size: 1.9rem;
    }
    .c6_tlt h4 span{
        font-size: 2.2rem;
    }
    .c6_img{
        margin: 20px auto;
    }
    .c6_wz{
        font-size: 1.1rem;
    }

}



.index_c7{
    /*padding-bottom: 50px;*/
    padding-right: 3%;
    /*background: #f8f9fd;*/
    background: url(../images/bg11.jpg) no-repeat center #f8f9fd;
    background-size: 100% 100%;
}
.c7_left{
    width: 55%;
    height: 60rem;
    /*background: url(../images/bg6.png) no-repeat center;*/
    /*background-size: 100% 100%;*/
    padding-top: 6.5rem;
    float: left;
}
.c7_left .c7_left_img{
    margin: 5rem auto;
}
.c7_left .c7_left_img img{
    width: 100%;
}
.c7_right{
    width: 45%;
    height: 60rem;
    /*background: url(../images/bg7.png) no-repeat center;*/
    /*background-size: 100% 100%;*/
    padding-top: 6.5rem;
    float: right;
}
.c7_right ul li{
    padding: 2rem 6.5rem;
    position: relative;
    background: rgba(51,51,51,0.5);
}
.c7_right ul li a{
    display: block;
}
.c7_right ul li dd{
    font-size: 1.3rem;
    /*color: #849bb9;*/
    color: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.c7_right ul li dl{
    font-size: 1.1rem;
    line-height: 1.8;
    /*color: #a3afc0;*/
    color: #fff;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
/*.c7_right ul li.on{*/
/*    background: #0344aa;*/
/*}*/
.c7_right ul li:hover{
    background: #0344aa;
}
.c7_right ul li::before{
    content: '';
    width: 4px;
    height: 0;
    background: #17c32f;
    position: absolute;
    left: 0;
    top: 0;
    transition: 1s;
}
/*.c7_right ul li.on::before{*/
/*    height: 100%;*/
/*}*/
.c7_right ul li:hover::before{
    height: 100%;
}
.c7_more{
    text-align: center;
    margin-top: 6rem;
    padding: 0 6.5rem;
}
.c7_more a{
    display: block;
    max-width: 680px;
    width: 100%;
    background: #e9e9e9;
    text-align: center;
    margin: 0 auto;
    border-radius: 30px;
    position: relative;
}
.c7_more a span{
    display: block;
    color: #000;
    line-height: 60px;
    font-size: 18px;
    z-index: 99;
    position: relative;
}
.c7_more a span::before{
    content: '';
    width: 46px;
    height: 46px;
    background: url(../images/more1.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 99;
}
.c7_more a i {
    background: #b4000a;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    transform: scale(0);
    transition: 0.5s;
    z-index: 98;
}
.c7_more a:hover span{ 
    color:#fff; 
    transition:0.5s;
}
.c7_more a:hover i{
    transform:scale(1); 
    transition:0.5s;
}
.c7_more a:hover span::before{
    background: url(../images/more2.png) no-repeat center;
    background-size: 100% 100%;
}


@media (max-width: 1200px) {
    .c7_more a span{
        font-size: 18px;
        line-height: 50px;
    }
    .c7_more a span::before{
        width: 40px;
        height: 40px;
        top: 5px;
        right: 5px;
        border-radius: 20px;
    }
}
@media (max-width: 990px) {
    .c7_more a span{
        font-size: 16px;
    }
    .index_c7{
        padding-right: 0;
    }
    .c7_left{
        width: 100%;
        float: none;
        height: auto;
        padding: 30px 0;
    }
    .c7_left .c7_left_img{
        margin: 30px auto;
    }
    .c7_right{
        width: 100%;
        float: none;
        height: auto;
        padding: 30px 0;
    }
    .c7_more{
        margin-top: 30px;
    }
    .c7_right ul li{
        padding: 1rem 3rem;
    }
    .c7_right ul li dd{
        font-size: 1.2rem;
    }
    .c7_right ul li dl{
        font-size: 1rem;
    }
    .c7_more{
        padding: 0 3rem;
    }
}
@media (max-width: 767px) {
    /*.index_c7{*/
    /*    padding-bottom: 40px;*/
    /*}*/
    .c7_more a span{
        font-size: 15px;
    }

}




.index_c8{
    position: relative;
}
.c8_tlt{
    padding: 0 15px;
    width: 100%;
    position: absolute;
    top: 5%;
    left: 0;
}
.c8_tlt h3{
    text-align: center;
    font-size: 3rem;
    color: #fff;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
}
.c8_tab ul li{
    display: none;
}
.c8_tab ul li a{
    display: block;
}
.c8_tab ul li a img{
    width: 100%;
}
.c8_tabli{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 5%;
    padding: 0 6%;
}
.c8_tabli ul{
    display: flex;
    justify-content: space-between;
}
.c8_tabli ul li{
    width: 19%;
    transition: .6s
}
.c8_tabli ul li.cur{
    width: 40%;

}
.c8_tabli ul li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1vw;
    background: #fff;
    border-radius: 12px;
}
.c8_tabli ul li .img img{
    width: 89px;
    height: 86px;
    transition: .5s;
}
.c8_tabli ul li .wz{
    width: calc(95% - 89px);
}
.c8_tabli ul li .wz .wz2{
    display: none;
}
.c8_tabli ul li.cur .wz .wz1{
    display: none;
}
.c8_tabli ul li.cur .wz .wz2{
    display: block;
}
.c8_tabli ul li:hover .img img{
  transform: rotateY(180deg)
}
.c8_tabli ul li .wz .wz1{
    font-size: 1.5rem;
    line-height: 1.3;
    color: #0c0c0c;
}
.c8_tabli ul li .wz .wz2 dd{
    font-size: 1.2rem;
    color: #000000;
    font-weight: bold;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-bottom: 6px;
}
.c8_tabli ul li .wz .wz2 dl{
    font-size: 1.2rem;
    color: #000000;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

@media (max-width: 1500px) {
    .c8_tabli{
        padding: 0 15px;
    }
    .c8_tabli ul li .img img{
        width: 79px;
        height: 76px;
    }
    .c8_tabli ul li .wz{
        width: calc(95% - 80px);
    }
    .c8_tabli ul li .wz .wz1{
        font-size: 1.4rem;
    }
    .c8_tlt h3{
        font-size: 2.5rem;
    }

}

@media (max-width: 1200px) {
    .c8_tabli ul li .img img{
        width: 69px;
        height: 65px;
    }
    .c8_tabli ul li .wz{
        width: calc(95% - 70px);
    }
    .c8_tabli ul li .wz .wz1{
        font-size: 1.2rem;
    }
    .c8_tlt h3{
        font-size: 2.2rem;
    }
    .c8_tabli ul li .wz .wz2 dd{
        font-size: 1.1rem;
    }
    .c8_tabli ul li .wz .wz2 dl{
        font-size: 1.1rem;
    }

}

@media (max-width: 990px) {
    .c8_tabli{
        position: static;
        margin-top: 10px;
    }
    .c8_tabli ul{
        flex-wrap: wrap;
    }
    .c8_tabli ul li{
        width: 49%;
        margin-bottom: 10px;
    }
    .c8_tabli ul li.cur{
        width: 49%;
    }
    .c8_tabli ul li a{
       box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
       border-radius: 6px;
       padding: 15px;
    }
    .c8_tabli ul li.cur .wz .wz2{
        display: none!important;
    }
    .c8_tabli ul li.cur .wz .wz1{
        display: block!important;
    }

}
@media (max-width: 767px) {
    .c8_tabli ul li .img img{
        width: 50px;
        height: 46px;
    }
    .c8_tabli ul li .wz{
        width: calc(95% - 52px);
    }
    .c8_tabli ul li a{
        padding: 10px;
    }
    .c8_tlt h3{
        font-size: 2rem;
    }

}


.index_c9{
    padding: 60px 0;
}
.c9_con{
    padding: 0 6%;
}
.c9_tlt{
    text-align: center;
}
.c9_tlt h3{
    position: relative;
    font-size: 2.6rem;
    font-weight: bold;
    color: #000;
    padding-bottom: 10px;
}
.c9_tlt h3::before{
    content: '';
    width: 77px;
    height: 4px;
    background: #b4000a;
    position: absolute;
    left: 50%;
    margin-left: -38.5px;
    bottom: 0;
}
.c9_tlt p{
    font-size: 14px;
    color: #122387;
    font-weight: bold;
    margin-top: 16px;
}
.c9_tabli{
    padding: 2vw 0 4vw;
}
.c9_tabli ul{
    text-align: center;
}
.c9_tabli ul li{
    display: inline-block;
    margin-right: 3vw;
}
.c9_tabli ul li:last-child{
    margin-right: 0;
}
.c9_tabli ul li a{
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px 30px;
    background: #ebe9e9;
    border-radius: 20px;
    z-index: 2;
}
.c9_tabli ul li a span{
    font-size: 1rem;
    color: #122387;
}
.std-btn1-bg {
    background: #a5030c;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
    width: 200px;
    height: 200px;
    pointer-events: none;
    transition: all .5s cubic-bezier(0, 0, 0.2, 1);
    z-index: -1;
}
.c9_tabli ul li a:hover .std-btn1-bg{
    transform: translate(-50%, -50%) scale(1);
}
.c9_tabli ul li a:hover span{
    color: #fff;
}
.c9_tabli ul li.cur a{
    background: #b4000a;
}
.c9_tabli ul li.cur a span{
    color: #fff;
}
.c9_tab .swiper{
    display: none;
}
.c9_tab .swiper .swiper-slide a{
    display: block;
}
.c9_tab .swiper .swiper-slide .img img{
    width: 100%;
}
.c9_tab .swiper .swiper-slide h3{
    text-align: center;
    font-size: 1.1rem;
    line-height: 2;
    margin-top: 10px;
    font-weight: bold;
    color: #3d3b3b;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.c9_tab .swiper .swiper-slide a:hover h3{
    color: #b4000a;
}
.c9_tab{
    padding: 0 70px;
    position: relative;
}
.c9_tab .swiper{
    position: static;
}
.c9_tab .swiper .swiper-button-prev:after,.c9_tab .swiper .swiper-button-next:after{
    display: none;
}
.c9_tab .swiper .swiper-button-next{
    width: 24px;
    height: 41px;
    position: absolute;
    top: 50%;
    margin-top: -20.5px;
    right: 5px;
    background-image: url(../images/right2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.c9_tab .swiper .swiper-button-next:hover{
    background-image: url(../images/right2_h.png);
}
.c9_tab .swiper .swiper-button-prev{
    width: 24px;
    height: 41px;
    position: absolute;
    top: 50%;
    margin-top: -20.5px;
    left: 5px;
    background-image: url(../images/left2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.c9_tab .swiper .swiper-button-prev:hover{
    background-image: url(../images/left2_h.png);
}
.c9_tab .swiper .swiper-pagination{
    position: static;
    margin-top: 3vw;
}
.c9_tab .swiper .swiper-pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border: 1px solid #1a2b8b;
    background: none;
    outline: none;
    opacity: 1;
    margin: 0 0.8vw;
    border-radius: 50%;
}
.c9_tab .swiper .swiper-pagination .swiper-pagination-bullet-active{
    background: #b4000a;
    border-color: #b4000a;
}


@media (max-width: 1600px) {
    .c9_con{
        padding: 0 3%;
    }
}
@media (max-width: 1500px) {
    .c9_con{
        padding: 0 15px;
    }
}
@media (max-width: 1200px) {
    .index_c9{
        padding: 50px 0;
    }
    .c9_tlt h3{
        font-size: 2rem;
    }
    .c9_tab{
        padding: 0 50px;
    }
    .c9_tab .swiper .swiper-button-next{
        width: 18px;
        height: 34px;
    }
    .c9_tab .swiper .swiper-button-prev{
        width: 18px;
        height: 34px;
    }
}
@media (max-width: 990px) {
    .index_c9{
        padding: 40px 0;
    }
    .c9_tabli{
        padding: 20px 0;
    }
    .c9_tabli ul li a{
        padding: 6px 15px;
        border-radius: 15px;
    }

}
@media (max-width: 480px) {
    .c9_tab{
        padding: 0 30px;
    }
    .c9_tabli ul li a{
        padding: 6px 10px;
        border-radius: 15px;
    }
    .c9_tabli ul li{
        margin-right: 5px;
    }
    .c9_tab .swiper .swiper-pagination .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
    }

}




.index_c10{
    background: url(../images/bg8.jpg) no-repeat center;
    background-size: cover;
    padding: 6vw 0;
}
.c10_con{
    max-width: 1440px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
.c10_con .c10_top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.c10_con .c10_top .c10_tlt h3{
    font-size: 2rem;
    color: #000;
    text-transform: uppercase;
}
.c10_con .c10_top .c10_tlt h4{
    font-size: 2.6rem;
    color: #000;
    font-weight: bold;
}
.c10_con .c10_top ul li{
    display: inline-block;
}
.c10_con .c10_top ul li+li{
    margin-left: 20px;
}
.c10_con .c10_top ul li a{
    display: block;
    padding: 10px 50px;
    border: 1px solid #122387;
    border-radius: 24px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.c10_con .c10_top ul li a span{
    color: #122387;
    font-size: 1.2rem;
}
.c10_con .c10_top ul li a:hover{
    border-color: #a5030c;
}
.c10_con .c10_top ul li a:hover .std-btn1-bg{
    transform: translate(-50%, -50%) scale(1);
}
.c10_con .c10_top ul li a:hover span{
    color: #fff;
    font-weight: bold;
}
.c10_con .c10_bot{
    margin-top: 40px;
}
.c10_con .c10_bot .c10_left{
    width: 57%;
    float: left;
}
.c10_con .c10_bot .c10_left .xw_swiper{
    position: relative;
}
.c10_con .c10_bot .c10_left .xw_swiper .swiper-slide a{
    display: block;
    position: relative;
}
.c10_con .c10_bot .c10_left .xw_swiper .swiper-slide .img img{
    width: 100%;
}
.c10_con .c10_bot .c10_left .xw_swiper .swiper-slide .date{
    background: #122387;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
}
.c10_con .c10_bot .c10_left .xw_swiper .swiper-slide .date dd{
    font-size: 3rem;
    color: #fff;
    font-weight: bold;
    line-height: 1;
}
.c10_con .c10_bot .c10_left .xw_swiper .swiper-slide .date dl{
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    line-height: 1;
}
.c10_con .c10_bot .c10_left .xw_swiper .swiper-slide .wz{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px 30% 16px 30px;
    background: #797478;
}
.c10_con .c10_bot .c10_left .xw_swiper .swiper-slide .wz h3{
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 5px;
    color: #fff;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.c10_con .c10_bot .c10_left .xw_swiper .swiper-slide .wz .info{
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.c10_con .c10_bot .c10_left .xw_swiper .swiper-pagination{
    position: absolute;
    bottom: 30px;
    right: 30px;
    left: auto;
    width: auto;
}
.c10_con .c10_bot .c10_left .xw_swiper .swiper-pagination .swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
}
.c10_con .c10_bot .c10_left .xw_swiper .swiper-pagination .swiper-pagination-bullet-active{
    background: #122387;
}
.c10_con .c10_bot .c10_right{
    width: 41%;
    float: right;
}
.c10_con .c10_bot .c10_right ul li{
    margin-bottom: 1.5rem;
}
.c10_con .c10_bot .c10_right ul li:last-child{
    margin-bottom: 0;
}
.c10_con .c10_bot .c10_right ul li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f6f7fb;
    padding: 2.08rem 1.8rem;
}
.c10_con .c10_bot .c10_right ul li .date{
    width: 100px;
    text-align: center;
}
.c10_con .c10_bot .c10_right ul li .date dd{
    font-size: 2.5rem;
    line-height: 1.2;
    color: #6e6e6e;
    font-weight: bold;
}
.c10_con .c10_bot .c10_right ul li .date dl{
    font-size: 14px;
    color: #909193;
    font-weight: bold;
}
.c10_con .c10_bot .c10_right ul li .xwjt{
    width: 37px;
    height: 37px;
    background-image: url(../images/more5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.c10_con .c10_bot .c10_right ul li .wz{
    width: calc(94% - 140px);
}
.c10_con .c10_bot .c10_right ul li .wz h3{
    font-size: 1.2rem;
    color: #424342;
    font-weight: bold;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.c10_con .c10_bot .c10_right ul li .wz .info{
    font-size: 14px;
    color: #6a6c71;
    font-weight: bold;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.c10_con .c10_bot .c10_right ul li a:hover{
    background: #fff;
}
.c10_con .c10_bot .c10_right ul li a:hover .date dd{
    color: #122387;
}
.c10_con .c10_bot .c10_right ul li a:hover .date dl{
    color: #122387;
}
.c10_con .c10_bot .c10_right ul li a:hover .xwjt{
    background-image: url(../images/more6.png);
}

@media (max-width: 1600px) {
    .c10_con .c10_bot .c10_right ul li a{
        padding: 2.36rem 1.8rem;
    }
}
@media (max-width: 1400px) {
    .c10_con .c10_bot .c10_right ul li a{
        padding: 2.16rem 1.6rem;
    }
}
@media (max-width: 1200px) {
    .c10_con .c10_bot .c10_left .xw_swiper .swiper-slide .wz h3{
        font-size: 1.3rem;
    }
    .c10_con .c10_bot .c10_left .xw_swiper .swiper-slide .date dd{
        font-size: 2.4rem;
    }
    .c10_con .c10_bot .c10_left .xw_swiper .swiper-slide .wz{
        padding: 12px 30% 12px 20px;
    }
    .c10_con .c10_bot .c10_right ul li {
        margin-bottom: 20px;
    }
    .c10_con .c10_bot .c10_right ul li a{
        padding: 1.8rem 1.5rem;
    }
    .c10_con .c10_bot .c10_right ul li .date{
        width: 80px;
    }
    .c10_con .c10_bot .c10_right ul li .date dd{
        font-size: 2.2rem;
    }
    .c10_con .c10_bot .c10_right ul li .xwjt{
        width: 28px;
        height: 28px;
    }
    .c10_con .c10_bot .c10_right ul li .wz{
        width: calc(94% - 110px);
    }
}

@media (max-width: 990px) {
    .c10_con .c10_top .c10_tlt h3{
        font-size: 1.5rem;
    }
    .c10_con .c10_top .c10_tlt h4{
        font-size: 2rem;
    }
    .c10_con .c10_top ul li a{
        padding: 6px 30px;
    }
    .c10_con .c10_top ul li a span{
        font-size: 14px;
    }
    .c10_con .c10_bot{
        margin-top: 30px;
    }
    .c10_con .c10_bot .c10_left{
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .c10_con .c10_bot .c10_right{
        width: 100%;
        float: none;
    }
    

}
@media (max-width: 767px) {
    .c10_con .c10_top ul li+li{
        margin-left: 10px;
    }
    .c10_con .c10_top ul li a{
        padding: 5px 15px;
    }
    .c10_con .c10_bot .c10_left .xw_swiper .swiper-slide .wz h3{
        font-size: 15px;
    }
    .c10_con .c10_bot .c10_right ul li a{
        padding: 15px;
    }
    .c10_con .c10_bot .c10_left .xw_swiper .swiper-pagination{
        right: 15px;
    }
    .c10_con .c10_bot .c10_left .xw_swiper .swiper-slide .wz{
        padding: 10px 30% 10px 20px;
    }
    .c10_con .c10_bot{
        margin-top: 20px;
    }
    .c10_con .c10_bot .c10_right ul li .wz h3{
        margin-bottom: 5px;
    }

}



.footbg{
    /*background: url(../images/bg9.jpg) no-repeat center;*/
    /*background-size: cover;*/
    background: #363636;
    padding: 3vw 0 30px;
}
.ft_con{
    max-width: 1440px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
.ft_con .ft_aa{
    display: flex;
    justify-content: space-between;
}
.ft_con .ft_aa .ft_tlt {
    margin-bottom: 30px;
}
.ft_con .ft_aa .ft_tlt h3{
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #fff;
}
.ft_con .ft_aa .ft_tlt h4{
    font-size: 22px;
    color: #fff;
    padding-left: 35px;
    position: relative;
}
.ft_con .ft_aa .ft_tlt h4::before{
    content: '';
    width: 21px;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}
.ft_con .ft_aa .ft_contact .ft_lxwm{
    font-size: 16px;
    color: #fff;
    line-height: 2;
}
.ft_con .ft_aa .ft_ewm .ewm_img{
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
    text-align: center;
    line-height: 2;
}
.ft_con .ft_aa .ft_ewm .ewm_img img{
    width: 124px;
    height: 124px;
}
.ft_con .ft_aa .ft_nav .ft_tlt{
    text-align: left;
}
.ft_con .ft_aa .ft_nav .ft_tlt h4{
    display: inline-block;
}
.ft_con .ft_aa .ft_nav{
    text-align: left;
    width: 45%
}
.ft_con .ft_aa .ft_nav ul{
    width: 250px;
    display: inline-block;
}
.ft_con .ft_aa .ft_nav ul li{
    display: inline-block;
}
.ft_con .ft_aa .ft_nav ul li:nth-child(2n+1){
    margin-right: 70px;
}
.ft_con .ft_aa .ft_nav ul li a{
    font-size: 16px;
    color: #fff;
    line-height: 2.5;
}
.ft_con .ft_aa .ft_nav ul li a:hover{
    text-decoration: underline;
}
.ft_con .ft_bb{
    margin-top: 30px;
    font-size: 14px;
    color: #fff;
}
.ft_con .ft_bb a{
    color: #fff;
}
.ft_con .ft_bb a img{
    max-width: 66px;
    filter: brightness(100);
}


@media (max-width: 1500px) {
    .ft_con .ft_aa .ft_tlt h3{
        font-size: 24px;
    }
    .ft_con .ft_aa .ft_tlt h4{
        font-size: 19px;
    }

}
@media (max-width: 1200px) {
    .footbg{
        padding: 30px 0;
    }
    .ft_con .ft_aa .ft_nav ul{
        width: 200px;
    }
    .ft_con .ft_aa .ft_tlt h3{
        font-size: 22px;
        margin-bottom: 5px;
    }
    .ft_con .ft_aa .ft_tlt h4{
        font-size: 18px;
    }
    .ft_con .ft_aa .ft_tlt{
        margin-bottom: 20px;
    }
    .ft_con .ft_aa .ft_contact .ft_lxwm{
        font-size: 14px;
    }
    .ft_con .ft_aa .ft_nav ul li a{
        font-size: 14px;
    }

}





.ys-fold-nub{flex-grow:1;width: 24%;padding:0 10px;transition:all .4s ease}

.ys-fold-nub.on{width: 50.7%}

.ys-fold-zhan{height:500px;background:#ff0;width:100%;display:flex;align-items:center;justify-content:center;font-size:20px}

@media screen and (max-width:1199px){
    

.ys-fold .ys-fold-nub{width:33.333333%}

}

@media screen and (max-width:767px){.ys-fold .ys-fold-nub{width:100%}

}

.ys-fold-zhan-bg{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}
.ys-fold-zhan-bg::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: linear-gradient(180deg, rgba(10, 23, 41, 1) 0%, rgba(10, 23, 41, 0) 20.12%, rgba(10, 23, 41, 0) 66.75%, rgba(10, 23, 41, 1) 100%);
    opacity: 1;
    transition: all .36s ease;
}
.ys-fold-nub.on .ys-fold-zhan-bg::after{
    opacity: 0;
}
.ys-fold-zhan-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    transition: all .36s ease;
}
.ys-fold-zhan-bg img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.ys-fold-zhan{
    overflow: hidden;
    border-radius: 20px;
    height: 620px;
    position: relative;
}
.ys-fold {
    display: flex;
    margin-top: 3vw;
}
.ys-fold-nub.on .ys-fold-zhan-bg img:nth-child(1){
    opacity: 0;
}
.ys-fold-nub.on .ys-fold-zhan-bg img:nth-child(2){
    opacity: 1;
}
.ys-fold-zhan-cry{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 3rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*justify-content: space-between;*/
}
.yfzc-tab p{
    color: #fff;
    position: relative;
    padding-left: 19px;
    transition: all .4s ease;
}
.yfzc-tab p::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    transition: all .36s ease;
}
.ys-fold-nub.on .yfzc-tab p::after{
    background: #b4000a;
}
.yfzc-min-text{
    color: #fff;
    /*margin-bottom: 1.2rem;*/
    margin: 2.4rem 0;
    font-size: 2rem;
}
.yfzc-min-word p{
    color: #fff;
    font-size: 1rem;
    line-height: 1.8;
}
.yfzc-min{
    opacity: 0;
    transition: all .36s ease;
}
.yfzc-min a{
    display: block;
}
.ys-fold-nub.on .yfzc-min{
    opacity: 1;
    transition-delay: 0.36s;
}
.yfzc-bot-le-tp{
    display: flex;
    align-items: flex-end;
}
.yfzc-bot-le-tp .ys-demo-num{
    font-weight: bold ;
    line-height: 1.2;
    color: #fff;
    font-size: 3.2rem;
}
.yfzc-bot-le-word p{
    color: #fff;
    font-size: 1rem;
}
.yfzc-bot{
    width: 100%;
    display: flex;
    align-items: flex-end;
    position: relative;
}
.yfzc-bot-ri .std-btn1-box{
    padding: 0.12rem 0.32rem;
}
.yfzc-bot-ri{
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: all .36s ease;
}
.ys-fold-nub.on .yfzc-bot-ri{
    opacity: 1;
    transition-delay: 0.36s;
    pointer-events: all;
}


@media screen and (max-width: 1680px) {
    .ys-fold-zhan {
        height: 540px;
    }
}
@media screen and (max-width: 1440px) {
    .ys-fold-zhan {
        height: 470px;
    }
}
@media screen and (max-width: 1199px) {
    .ys-fold-zhan {
        height: 410px;
    }
}

@media screen and (max-width: 767px) {
    .ys-fold{
        flex-wrap: wrap;
    }
    .ys-fold .ys-fold-nub {
        width: 100%;
        margin: 10px auto;
    }
    .ys-fold-zhan {
        height: 290px;
        border-radius: 10px;
    }
    .ys-fold-zhan-cry{
        padding: 15px;
    }
    .yfzc-min-text{
        font-size: 1.6rem;
    }
    .yfzc-bot-le-tp .ys-demo-num{
        font-size: 2.5rem;
    }
    .yfzc-tab p{
        font-size: 14px;
    }
}








/* 关于我们 */
.wh1560{max-width:1590px;margin:0 auto;padding:0 15px;}





.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}

.flexs{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.fbox1{padding:4.5vw 0;}
.ab_img{width:40.77%;position: relative;}
.ab_img img{width:100%;display:block;position: relative;z-index:99;}
.ab_img:before{content:"";position:absolute;z-index:2;right:-10px;top:10px;width:100%;height:100%;border:1px solid #023f99;box-shadow:0 0 10px #ddd;}
.bkaa{background-color: rgb(2, 63, 153);opacity: 0.8;width: 158px;height: 84px;z-index: 100;border-top-left-radius:30px;border-bottom-right-radius:30px;position:absolute;right:-39px;top:57px;}



.qyjj{width:52.88%;}
.jiantt h2{color:#000000;font-size:44px;font-weight:bold;}
.jiantt h3{color:#023f99;font-size:24px;text-transform:uppercase;font-family:"Arial";margin-top:16px;}
.jianwz{color:#555555;font-size:17px;line-height:32px;margin:2vw 0 4.5vw;}

.sjnm li .num1{justify-content:flex-start;flex-wrap: nowrap;display: -webkit-flex;}
.sjnm li .counter{color:#333333;font-size:56px;font-weight:bold;line-height:55px;}
.sjnm li .num2{color:#fff;font-size:13px;width:22px;height:22px;line-height:22px;border-radius:50%;background:#023f99;text-align:center;margin-left:5px;}
.sjnm li .num3{color:#666666;font-size:16px;margin-top:10px;}


.fbox2{padding:4.5vw 0;background:url(../images/bg10.jpg) no-repeat;background-size:100% 100%;}
.fgy_tt{color:#000000;font-size:44px;text-align:center;font-weight:bold;}
.qywh_list{margin-top:2.4vw;}
.qywh_list li{width:15.69%;text-align:center;border-radius: 10px;background-color: rgb(255, 255, 255);padding:40px 0;}
.qywh_list li .wz1{color:#111111;font-size:22px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:26px 0 17px;}
.qywh_list li .wz2{color:#555555;font-size:16px;line-height:28px;}


.fbox3{padding:4.5vw 0;}
.hor{margin-top:3vw;position:relative;}
.hor .mySwiperhor{overflow:hidden;}
.hor .swiper-slide{text-align:center;background:#eeeeee;padding:13px 13px 0;}
.hor .swiper-slide img{width:100%;margin:0 auto;display:block;}
.hor .swiper-slide .wz{color:#555555;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:52px;}
.hor .swiper-slide:hover{background:#023f99;}
.hor .swiper-slide:hover .wz{color:#fff;}
.hor .swiper-button-prevf{position: absolute;top:50%;margin-top:-33px;left:-59px;width:38px;height:66px;opacity:1;z-index:999;background:url(../images/left4.png) no-repeat;background-size:100% 100%;}
.hor .swiper-button-nextf{position: absolute;top:50%;margin-top:-33px;right:-59px;width:38px;height:66px;opacity:1;z-index:999;background:url(../images/right4.png) no-repeat;background-size:100% 100%;}
.hor .swiper-button-prevf:hover{background:url(../images/left4_h.png) no-repeat;background-size:100% 100%;}
.hor .swiper-button-nextf:hover{background:url(../images/right4_h.png) no-repeat;background-size:100% 100%;}



.fbox4{padding:4vw 0;background:#f5f5f5;}
.fqyhj{margin-top:3vw;}
.fqyhj li{width:32.8%;margin-bottom:1vw;box-shadow:0 0 15px #ddd;}
.fqyhj li .img{overflow:hidden;border:3px solid #fff;display:block;}
.fqyhj li .img img{transition:all 0.8s;width:100%;display:block;}
.fqyhj li .img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}



.fbox5{padding:4vw 0;background:#fff;}
.fbox5 ul{margin-top:3vw;}
.fbox5 ul li{width: 48%;float: left;margin-bottom: 3rem;transition: .5s;}
.fbox5 ul li:hover{transform: translateY(-10px);}
.fbox5 ul li:nth-child(2n){margin-left: 4%;}
.fbox5 ul li a{display: flex;justify-content: space-between;align-items: center;background: #f6f6f6;box-shadow: 2px 3px 8px 0 #6E6E6E1A, 18px 25px 18px 0 #6E6E6E0D, 31px 45px 22px 0 #6E6E6E03, 49px 70px 24px 0 #6E6E6E00;}
.fbox5 ul li .img{width: 35%;position: relative;}
.fbox5 ul li .img::before{content: "";width: 4px;height: 100%;background: #fb030a;position: absolute;top: 0;left: 0;z-index: 9;}
.fbox5 ul li .img::after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;z-index: 6;}
.fbox5 ul li .img img{width: 100%;}
.fbox5 ul li .img h3{position: absolute;top: 50%;left: 0;transform: translateY(-50%);font-size: 1.5rem;color: #fff;z-index: 10;text-align: center;width: 100%;}
.fbox5 ul li .wz{width: 60%;padding-right: 4%;}
.fbox5 ul li .wz .info{font-size: 15px;line-height: 2;color: #333;}
.fbox5 ul li .wz .info p{margin: 2px 0;padding-left: 35px;background-repeat: no-repeat;background-position: left 1px;}
.fbox5 ul li .wz .info p:nth-child(1){background-image: url(../images/add_icon.png);}
.fbox5 ul li .wz .info p:nth-child(2){background-image: url(../images/tel_icon.png);}
.fbox5 ul li .wz .info p:nth-child(3){background-image: url(../images/email_icon.png);}

@media (max-width:1440px){
   .hor .swiper-button-prevf{left:0;}
   .hor .swiper-button-nextf{right:0;}
   .hor{padding:0 60px;}
   .fbox5 ul li .wz .info{line-height: 1.5;}
}
@media (max-width:1199px){
    .fbox5 ul li{
        margin-bottom: 2rem;
    }
    .fbox5 ul li a{
        height: 120px;
    }
}
@media (max-width:1024px){
  .ab_img{width:100%;}
  .qyjj{width:100%;margin-top:20px;}
  .bkaa{display:none;}
  .ab_img:before{display:none;}
  .jiantt h2{font-size:34px;}
  .jiantt h3{font-size:18px;}
  .jianwz{font-size:15px;line-height:25px;}
  .sjnm li .counter{font-size:45px;line-height:36px;}
  .sjnm li .num3{font-size:15px;}
  .fgy_tt{font-size:34px;}
  .qywh_list li{padding:25px 0;}
  .qywh_list li .img{width:54px;margin:0 auto;}
  .qywh_list li .img img{width:100%;}
  .qywh_list li .wz1{font-size:18px;padding:15px 0 10px;}
  .qywh_list li .wz2 br{display: none;}
   .qywh_list li .wz2{font-size:14px;line-height:22px;padding:0 10px;}
   .hor .swiper-slide .wz{font-size:14px;line-height:42px;}
   .hor .swiper-slide{padding:8px 8px 0;}
}

@media (max-width:768px){
    .hor .swiper-button-prevf{width:23px;height:40px;margin-top:-20px;}
   .hor .swiper-button-nextf{width:23px;height:40px;margin-top:-20px;}
   .hor{padding:0 46px;}
   .fbox5 ul li{width: 100%;float: none;margin-bottom: 20px;}
   .fbox5 ul li:nth-child(2n){margin-left:0;}
   .fbox5 ul li a{
        height: auto;
    }
}

@media (max-width:482px){
  .jiantt h2{font-size:23px;}
  .fgy_tt{font-size:23px;}
  .sjnm li{width:50%;margin:8px 0;}
  .sjnm li .counter{font-size:35px;line-height:30px;}
  .sjnm li .num2{font-size:12px;line-height:18px;height:18px;width:18px;}
  .sjnm li .num3{margin-top:5px;}
  .qywh_list li{width:49%;margin:5px 0;}
  .fqyhj li{width:49%;}
  .fbox2{background-size:cover;}
  .fbox5 ul li a{flex-wrap:wrap;}
  .fbox5 ul li .img{width: 100%;}
  .fbox5 ul li .wz{padding: 20px;width: 100%;}
  .fbox5 ul li .img h3{font-size: 18px;}
}





/*产品中心修改20260929*/
.public-nav-banner {
    position: relative;
}
.public-nav-banner .banner-img img{
    width: 100%;
}
.public-nav-banner .banner-wz{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 5%;
    text-align: center;
}
.public-nav-banner .banner-wz h3{
    font-size: 3rem;
    line-height: 1.2;
    color: #fff;
    font-weight: 500;
}
.public-nav-banner .banner-wz .info{
    font-size: 1.12rem;
    margin-top: 20px;
    color: #fff;
    line-height: 1.4;
}

.product-series-menu{
    padding: 3vw 0 4vw;
}
.product-series-menu > ul{
    position: relative;
    text-align: center;
    padding-bottom: 50px;
}
.product-series-menu > ul > li{
    display: inline-block;
    text-align: center;
    margin: 0 1rem;
    vertical-align: top;
}
.product-series-menu > ul > li > a{
    display: block;
    flex-shrink: 0;
    width: 136px;
    border: 1px solid #E3E3E3;
    box-shadow: 2px 3px 8px 0 #6E6E6E1A, 18px 25px 18px 0 #6E6E6E0D, 31px 45px 22px 0 #6E6E6E03, 49px 70px 24px 0 #6E6E6E00;
    background-color: #Fff;
    padding: 2rem 1rem 1.5rem 1rem;
    transition: all .5s;
    text-align: center;
    border-radius: 10px;
}
.product-series-menu > ul > li > a .ximg img{
    width: 50px;
    height: 50px;
}
.product-series-menu > ul > li > a .ptext{
    transition: all .5s;
    margin-top: 1rem;
    color: #000;
    font-size: 16px;
    line-height: 18px;
}
.product-series-menu > ul > li.clicked > a{
    background-color: #112387;
}
.product-series-menu > ul > li.clicked > a .ximg img{
    filter: invert(98%) sepia(0%) saturate(7497%) hue-rotate(316deg) brightness(103%) contrast(100%);
}
.product-series-menu > ul > li.clicked > a .ptext{
    color: #fff;
}
.product-series-menu > ul > li:hover > a {
    background-color: #112387;
}
.product-series-menu > ul > li:hover > a .ximg img{
    filter: invert(98%) sepia(0%) saturate(7497%) hue-rotate(316deg) brightness(103%) contrast(100%);
}
.product-series-menu > ul > li:hover > a .ptext{
    color: #fff;
}
.product-series-menu > ul > li .pro-sec{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    display: none;
}
.product-series-menu > ul > li .pro-sec dd{
    display: inline-block;
    margin: 0 0.8rem;
}
.product-series-menu > ul > li .pro-sec dd a{
    font-size: 1rem;
    color: #333;
    display: block;
    line-height: 1.5;
}
.product-series-menu > ul > li .pro-sec dd a:hover{
    color: #112387;
}
.product-series-menu > ul > li.clicked .pro-sec{
    display: block;
}


@media(max-width: 1399px){
    .product-series-menu > ul > li > a{
        width: 120px;
    }
    .product-series-menu > ul > li > a .ximg img{
        width: 40px;
        height: 40px;
    }
    .aspg-product-list li h3{
        font-size: 1.4rem;
    }
}
@media(max-width: 991px){
    .aspg-product-list li h3{
        font-size: 1.3rem;
    }
}
@media(max-width: 767px){
    .public-nav-banner .banner-wz h3{
        font-size: 2.4rem;
    }
    .public-nav-banner .banner-wz .info{
        font-size: 1.05rem;
    }
    .aspg-product-list li h3{
        font-size: 1.1rem;
        margin-bottom: 10px;
    }
    .product-series-menu > ul{
        padding-bottom: 0;
    }
    .product-series-menu > ul > li.clicked .pro-sec{
        display: none!important;
    }
    .product-series-menu > ul > li{
        margin: 0 5px;
    }
    .product-series-menu > ul > li > a{
        padding: 20px 10px 15px 10px;
        width: 100px;
    }
    .product-series-menu > ul > li > a .ptext{
        font-size: 14px;
    }
    
}




/*关于我们修改20261021*/
.index_about{
    background-image: url(../images/bg12.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.about_left{
    width: 50%;
    padding: 6rem 3.8rem;
    background: rgba(0,0,0,0.3);
}
.about_left .about_left_tt h3{
    font-size: 3rem;
    color: #fff;
}
.about_left .about_left_tt h4{
    font-size: 2rem;
    color: #fff;
}
.about_left .about_left_info{
    font-size: 1rem;
    color: #fff;
    line-height: 1.8;
    margin-top: 2.5rem;
}


@media(max-width: 1199px){
    .about_left{
        width: 100%;
    }
}
@media(max-width: 767px){
    .about_left .about_left_tt h3{
        font-size: 28px;
    }
    .about_left .about_left_tt h4{
        font-size: 24px;
    }
    .about_left{
        padding: 40px 15px;
    }
}



/*产品中心修改20261021*/
.index_pro{
    padding: 0 15px 6vw;
}
.index_pro_tt{
    text-align: center;
}
.index_pro_tt h3{
    font-size: 3rem;
    font-weight: bold;
    color: #000;
}
.index_pro_tt h4{
    font-size: 2rem;
    color: #000;
}
.index_pro_list{
    margin-top: 50px;
}
.index_pro_list ul li{
    width: calc(33.33333% - 20px);
    float: left;
    margin: 0 10px;
    
}
.index_pro_list ul li .conn{
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.index_pro_list ul li .conn .img img{
    width: 100%;
}
.index_pro_list ul li .conn::before{
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .3s;
}
.index_pro_list ul li .san{
    padding: 0 3vw;
    display: flex;
    justify-content: space-around;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 15%;
    opacity: 0;
    transition: .3s;
}
.index_pro_list ul li .san dd{
    text-align: center;
}
.index_pro_list ul li .san dd a{
    display: block;
    transition: .5s;
}
.index_pro_list ul li .san dd a span img{
    width: 7.625rem;
}
.index_pro_list ul li .san dd a em{
    display: block;
    font-size: 1.1rem;
    color: #fff;
    font-style: normal;
    margin-top: 10px;
}
.index_pro_list ul li .san dd a:hover{
    transform: translateY(-5px);
}
.index_pro_list ul li h3{
    font-size: 1.6rem;
    color: #333333;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.index_pro_list ul li:hover .conn::before{
    opacity: 1;
}
.index_pro_list ul li:hover .san{
    opacity: 1;
}
@media(max-width: 1199px){
    .index_pro_list ul li .san dd a span img{
        width: 5rem;
    }
    .index_pro_list ul li .san dd a em{
        font-size: 1rem;
    }
}
@media(max-width: 767px){
    .index_pro_tt h3{
        font-size: 26px;
    }
    .index_pro_tt h4{
        font-size: 20px;
    }
    .index_pro_list{
        margin-top: 30px;
    }
    .index_pro_list ul li h3{
        font-size: 16px;
        margin-top: 10px;
    }
    .index_pro_list ul li{
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
}

/*发展历程修改20261021*/
.index_history{
    background-image: url(../images/bg13.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 5vw 0;
}
.index_history_tlt h3{
    font-size: 2.4rem;
    color: #000000;
    text-align: center;
    font-weight: bold;
}
.history_tlt_swiper{
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 500px;
    background: url(../images/xx.png) repeat-x center;
    margin-top: 30px;
    padding: 0 6vw;
}
.history_tlt_swiper .swiper-slide a{
    display: block;
    position: relative;
}
.history_tlt_swiper .swiper-slide a h3{
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    padding-top: 233px;
    text-align: center;
}
.history_tlt_swiper .swiper-slide a h4{
    width: 140%;
    text-align: center;
    font-size: 17px;
    line-height: 36px;
    color: #13467b;
    font-weight: bold;
    position: absolute;
    left: -20%;
}
.history_tlt_swiper .swiper-slide:nth-child(2n+1) a h4{
    bottom: 49px;
}
.history_tlt_swiper .swiper-slide:nth-child(2n) a h4{
    top: calc(100% + 20px);
}
.history_tlt_swiper .swiper-slide a .wzz{
    width: 140%;
    position: absolute;
    left: -20%;
    text-align: center;
    opacity: 0;
    transition: .3s;
}
.history_tlt_swiper .swiper-slide:nth-child(2n+1) a .wzz{
    bottom: 49px;
}
.history_tlt_swiper .swiper-slide:nth-child(2n) a .wzz{
    top: calc(100% + 20px);
}
.history_tlt_swiper .swiper-slide a .wzz h5{
    font-size: 17px;
    padding: 3px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    background: #13467b;
    border-radius: 6px;
}
.history_tlt_swiper .swiper-slide a .wzz .info{
    background: rgba(69,69,69,0.17);
    padding: 10px 20px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 0.9rem;
    color: #444345;
}
.history_tlt_swiper .swiper-slide a .wzz::before{
    content: '';
    width: 4px;
    height: 20px;
    background: #6183a6;
    position: absolute;
    left: 50%;
    margin-left: -2px;
}
.history_tlt_swiper .swiper-slide:nth-child(2n+1) a .wzz::before{
    bottom: -20px;
}
.history_tlt_swiper .swiper-slide:nth-child(2n) a .wzz::before{
    top: -20px;
}
.history_tlt_swiper .swiper-slide.on a .wzz{
    opacity: 1;
}
.history_tlt_swiper .swiper-slide.on a h4{
    opacity: 0;
}
@media(max-width: 1599px){
    .history_tlt_swiper .swiper-slide a .wzz{
        width: 160%;
        left: -30%;
    }
    .history_tlt_swiper .swiper-slide a h4{
        width: 160%;
        left: -30%;
    }
    .history_tlt_swiper .swiper-slide a .wzz .info{
        padding: 10px;
    }
    
}

@media(max-width: 1199px){
    .history_tlt_swiper{
        padding: 0;
    }
    .history_tlt_swiper .swiper-slide a .wzz{
        width: 100%;
        left: 0;
    }
    .history_tlt_swiper .swiper-slide a h4{
        width: 100%;
        left: 0;
    }
    .history_tlt_swiper .swiper-slide a h4{
        font-size: 16px;
    }
    .history_tlt_swiper .swiper-slide a .wzz h5{
        font-size: 16px;
    }
    .history_tlt_swiper .swiper-slide a .wzz{
        opacity: 1;
    }
    .history_tlt_swiper .swiper-slide a h4{
        opacity: 0;
    }
    
}

@media(max-width: 767px){
    .index_history_tlt h3{
        font-size: 26px;
    }
    .history_tlt_swiper .swiper-slide a h3{
        font-size: 18px;
    }
    .history_tlt_swiper .swiper-slide a h4{
        font-size: 14px;
    }
    .history_tlt_swiper .swiper-slide a .wzz h5{
        font-size: 14px;
    }
    .history_tlt_swiper .swiper-slide a .wzz .info{
        padding: 10px;
    }
}



/*新闻中心修改20261023*/
.fixed_ratio {
  position: relative;
  overflow: hidden;
  padding-top: calc(3 / 4 * 100%);
}
.fixed_ratio img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c10_one {
    margin-top: 3rem;
}
.c10_one ul li .c10_one_left{
    width: 54%;
    float: left;
}
.c10_one ul li .c10_one_right{
    width: 46%;
    float: left;
    background: #f6f7fb;
    height: 425px;
    overflow-y: scroll;
}
.c10_one ul li .c10_one_left a{
    display: block;
    overflow: hidden;
    position: relative;
}
.c10_one ul li .c10_one_left a .imgs {
    padding-top: 425px;
}
.c10_one ul li .c10_one_left a .imgs img{
    transform: scale(1);
    transition: 0.5s ease;
}
.c10_one ul li .c10_one_left a:hover .imgs img {
  transform: scale(1.08);
}
.c10_one ul li .c10_one_left a .date{
    background: #122387;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
}
.c10_one ul li .c10_one_left a .date dd{
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    line-height: 1;
}
.c10_one ul li .c10_one_left a .date dl{
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    line-height: 1;
}
.c10_one ul li .c10_one_left a .wz{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px 10% 16px 30px;
    background: #797478;
}
.c10_one ul li .c10_one_left a .wz h3{
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 5px;
    color: #fff;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.c10_one ul li .c10_one_left a .wz .info{
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.c10_one ul li .c10_one_right .c10_one_right_con{
    padding: 2rem;
}
.c10_one ul li .c10_one_right .c10_one_right_con h3{

}
.c10_one ul li .c10_one_right .c10_one_right_con h3 a{
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.c10_one ul li .c10_one_right .c10_one_right_con .wzt{
    font-size: 1.1rem!important;
    margin-top: 15px;
    color: #000000;
    line-height: 1.6;
}
.c10_one ul li .c10_one_right .c10_one_right_con .wzt *{
    font-size: 1.1rem!important;
}

@media(max-width: 1399px){
    .c10_one ul li .c10_one_left a .imgs{
        padding-top: 400px;
    }
    .c10_one ul li .c10_one_right{
        height: 400px;
    }
}
@media(max-width: 1199px){
    .c10_one ul li .c10_one_left a .wz h3{
        font-size: 1.3rem;
    }
    .c10_one ul li .c10_one_right .c10_one_right_con h3 a{
        font-size: 1.3rem;
    }
    .c10_one ul li .c10_one_left a .imgs{
        padding-top: 350px;
    }
    .c10_one ul li .c10_one_right{
        height: 350px;
    }
    .c10_one ul li .c10_one_left a .date dd {
        font-size: 1.1rem;
    }
    
}
@media(max-width: 991px){
    .c10_one ul li .c10_one_left{
        width: 100%;
        float: none;
    }
    .c10_one ul li .c10_one_right{
        width: 100%;
        float: none;
    }
    .c10_one ul li .c10_one_left a .imgs{
        padding-top: calc(425 / 809 * 100%);
    }
    .c10_one ul li .c10_one_right{
        height: 300px;
    }
    
}
@media(max-width: 767px){
    .c10_one ul li .c10_one_left a .wz h3{
        font-size: 15px;
    }
    .c10_one ul li .c10_one_left a .wz{
        padding: 10px 20px;
    }
    
}



.lxwm1{
    background: #fff;
    margin: 2vw auto;
    position: relative;
    overflow: hidden;
}
.lxwm1 .lxwm1-left{
    width: 50%;
    background: url(../images/lianxi_bg.png) right bottom no-repeat #fff;
    border: 1px solid #e5e5e5;
    border-radius: .5rem 0 0 .5rem;
    padding: 4rem 4rem 3rem;
    box-shadow: 1.832px 10.952px 10px 5px rgb(0,0,0,0.1);
}
.lxwm1 .lxwm1-left .lxfs{
    margin-bottom: 2vw;
}
.lxwm1 .lxwm1-left .lxfs ul li{
    font-size: 16px;
    color: #333;
    line-height: 2;
    margin-bottom: 10px;
}
.lxwm1 .lxwm1-left .lxfs ul li span{
    display: inline-block;
    width: 44px;
    line-height: 42px;
    height: 44px;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    margin-right: 20px;
    text-align: center;
}
.lxwm1 .lxwm1-left .lxfs ul li span img{
    max-width: 100%;
}
.lxwm1 .lxwm1-left .lxewm{
    display: flex;
    align-items: center;
}
.lxwm1 .lxwm1-left .lxewm img{
    max-width: 120px;
}
.lxwm1 .lxwm1-left .lxewm dl{
    font-size: 14px;
    line-height: 24px;
    color: #333;
    margin-left: 10px;
}

.lxwm1 .lxwm1-right{
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}
.lxwm1 .lxwm1-right .map-box{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.lxwm2{
    background: rgba(245, 245, 245, 1);
    padding: 5vw 0;
}
.lxwm2 .lxwm2-tlt{
    text-align: center;
    margin-bottom: 30px;
}
.lxwm2 .lxwm2-tlt h3{
    font-size: 34px;
    font-weight: bold;
    color: #000;
    line-height: 1.6;
}
.lxwm2 .lxwm2-tlt p{
    font-size: 16px;
    color: #787878;
    line-height: 2;
}

.lxwm2 #form2 > div{
    margin-bottom: 25px;

}
.lxwm2 #form2 .ly-item1 textarea{
    width: 100%;
    height: 160px;
    background-color: #fff;
    border: 0px;
    padding: 10px;
    color: #666;
    outline: none;
}
.lxwm2 #form2 input::-webkit-input-placeholder,.lxwm2 #form2 textarea::-webkit-input-placeholder{
    color: #666;
}
.lxwm2 #form2 input::-moz-placeholder,.lxwm2 #form2 textarea::-moz-placeholder{ 
    color: #666;        
}
.lxwm2 #form2 input:-ms-input-placeholder,.lxwm2 #form2 textarea:-ms-input-placeholder{ 
    color: #666;        
}
.lxwm2 #form2 .ly-item2 input{
    width: 48%;
    float: left;
    border: none;
    outline: none;
    background: #fff;
    line-height: 42px;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
}
.lxwm2 #form2 .ly-item2 #name{
    margin-right: 4%;
}
.lxwm2 #form2 .ly-item3 > input{
    width: 48%;
    float: left;
    border: none;
    outline: none;
    background: #fff;
    line-height: 42px;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
    margin-right: 4%;
}
.lxwm2 #form2 .ly-item3 .code{
    display: flex;
    justify-content: space-between;
}
.lxwm2 #form2 .ly-item3 .code input{
    width: calc(100% - 120px);
    border: none;
    outline: none;
    background: #fff;
    line-height: 42px;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
}
.lxwm2 #form2 .ly-item4 input{
    width: 100%;
    border: none;
    outline: none;
    background: #333;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
}

.lxwm3{
    background: #f3f7fa;
    padding: 7vw 0;
}

.lxwm3 .w1440{
    padding: 0 5%;
}
.lx3_list li{
    width: 31%;
    margin-right: 3.5%;
    float: left;
}
.lx3_list li:nth-child(3n){
    margin-right: 0;
}
.lx3_list li a{
    display: block;
    padding: 2rem 2.2rem;
    background: #fcfcfc;
    text-align: center;
    transition: .5s;
}
.lx3_list li .img{
    width: 160px;
    height: 160px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}
.lx3_list li .img img{
    width: 100%;
    height: 100%;
}
.lx3_list li h3{
    font-size: 1.8rem;
    line-height: 2.6;
    font-weight: bold;
    color: #000000
}
.lx3_list li h4{
    font-size: 1.2rem;
    color: #000000
}
.lx3_list li .info{
    text-align: left;
    margin-top: 10px;
}
.lx3_list li .info p{
    font-size: 1rem;
    color: #000;
    line-height: 2;
    margin-bottom: 5px;
}
.lx3_list li dt{
    margin-top: 25px;
}
.lx3_list li dt img{
    width: 53px;
    height: 25px;
}
.lx3_list li:hover a{
    transform: translateY(-10px);
    box-shadow: 0 5px 10px rgba(51,51,51,0.1);
}



@media(max-width: 1399px){
    header{
        padding: 0 15px;
    }
    header .heBox .top_tel{
        font-size: 20px;
    }
    .lxwm3 .w1440{
        padding: 0 15px;
    }

}
@media(max-width: 1199px){
    header .heBox .heLe{
        width: 20%;
    }
    .x-menu{
        width: 60%;
    }
    .lxwm1 .lxwm1-left > h3{
        font-size: 22px;
    }
    .lxwm1 .lxwm1-left .lxfs{
        font-size: 14px;
    }
    
    .lxwm2 .lxwm2-tlt h3{
        font-size: 24px;
    }
    .lxwm2 .lxwm2-tlt p{
        font-size: 14px;
    }
    .lx3_list li .img{
        width: 140px;
        height: 140px;
    }
    .lx3_list li{
        width: 31%;
        margin-right: 3%;
    }
}
@media(max-width: 767px){
    .lxwm1 .lxwm1-left{
        width: 100%;
        padding: 20px;
        float: none;
    }
    .lxwm1 .lxwm1-left > h3{
        font-size: 20px;
    }
    .lxwm1 .lxwm1-left .welto{
        font-size: 24px;
    }
    .lxwm1 .lxwm1-right{
        position: relative;
        width: 100%;
        height: 400px;
    }
    .lxwm1 .lxwm1-left .lxfs ul li{
        font-size: 14px;
    }
    
    .lxwm2 #form2 > div{
        margin-bottom: 15px;
    }
    .lxwm2 #form2 .ly-item2 input{
        width: 100%;
        float: none;
    }
    .lxwm2 #form2 .ly-item2 #name{
        margin-bottom: 15px;
        margin-right: 0;
    }
    .lxwm2 #form2 .ly-item3 > input{
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .lxwm3{
        padding: 40px 0;
    }
    .lx3_list li{
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .lx3_list li:last-child{
        margin-bottom: 0;
    }
    .lx3_list li a{
        padding: 15px;
    }
    .lx3_list li .img{
        width: 130px;
        height: 130px;
    }
    .lx3_list li h4{
        font-size: 16px;
    }
    .lx3_list li .info p{
        font-size: 14px;
    }

}


.aspg-right-mbx .cur-pos {
    display: inline-block;
    color: #333;
}

.aspg-right-mbx .cur-pos img{
    width: 20px;
    height: 20px;
}



   
/*phone底部导航*/

li {
    list-style: none;
}

.q_d_m {
    float: left;
    width: 100%;
    height: 50px;
}

.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    background: #112387;
    z-index: 999;
    border-top: 1px solid #fff;
}

.pf_down li {
    width: 33.333333%;
    float: left;
    text-align: center;
    padding: 7px 0 4px 0;
    border-right: 1px solid #fff;
}

.pf_down li .ico7 {
    width: 100%;
    float: left;
    height: 20px;
}

.pf_down li .d_name {
    width: 100%;
    float: left;
    margin-top: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
}

.pf_down li.l1 .ico7 {
    background: url(../images/btn15.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
    background: url(../images/btn16.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
    background: url(../images/btn17.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li:nth-child(3n) {
    border: none;
}