/* 前端谷梦阳 */
/* 主色调 #c4a578  */
@font-face {
    font-family: "din";
    src: url("../woff2/din-bold_0.woff2") format("woff2"),
        url("../woff/din-bold_0.woff") format("woff"),
        url("../ttf/din-bold_0.ttf") format("truetype"),
        url("../eot/din-bold_0.eot") format("embedded-opentype"),
        url("../svg/din-bold_0.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "pop_r";
    src: url("../404.html") format("opentype");
}

.pop_r {
    font-family: pop_r;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0 auto;
    overflow-x: hidden;
    min-width: 1280px;
    position: relative;
    padding: 0;
    width: 100%;
    color: #1f1f1f;
    font-family: "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    background: #fff;
}

html.act {
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

ul,
ul li,
ol li,
tr td,
dl,
dd {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

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

.clearfix {
    *zoom: 1;
}

a {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    color: #333;
    outline: none;
}

textarea,
select {
    outline: none;
    color: #555;
    font-size: 14px;
    width: 100%;
}

img {
    border: none;
    transform: scale(1);
    -webkit-transform: scale(1);
    display: block;
    max-width: 100%;
}

img[src=""] {
    opacity: 0;
}

body::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

body::-webkit-scrollbar-thumb {
    background: #000;
}

body::-webkit-scrollbar-track {
    background: #fff;
}

.f_12 {
    font-size: 12px;
}

.f_14 {
    font-size: 14px;
}

.f_16 {
    font-size: 16px;
}

.f_18 {
    font-size: 18px;
}

.f_20 {
    font-size: 20px;
}

.f_22 {
    font-size: 22px;
}

.f_24 {
    font-size: 24px;
}

.f_26 {
    font-size: 26px;
}

.f_28 {
    font-size: 28px;
}

.f_30 {
    font-size: 30px;
}

.f_32 {
    font-size: 32px;
}

.f_34 {
    font-size: 34px;
}

.f_36 {
    font-size: 36px;
}

.f_38 {
    font-size: 38px;
}

.f_40 {
    font-size: 40px;
}

.f_42 {
    font-size: 42px;
}

.f_48 {
    font-size: 48px;
}

.f_52 {
    font-size: 52px;
}

.f_72 {
    font-size: 72px;
}

.f_80 {
    font-size: 80px;
}

/*分页*/

.BMap_mask,
.BMap_cpyCtrl,
.BMap_scaleTxt,
.BMap_scaleCtrl,
.BMap_omCtrl,
.anchorBL {
    display: none !important;
}

.a_dw {
    position: relative;
    top: -100px;
}

.ybox {
    max-width: 1600px;
    min-width: 1200px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

.ibox {
    max-width: 1800px;
    min-width: 1200px;
    width: 95%;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

.obox {
    max-width: 1280px;
    min-width: 100px;
    width: 85%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-sizing: border-box;
}

.zbox {
    max-width: 1800px;
    min-width: 100px;
    width: 95%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-sizing: border-box;
}

.zbox.en {
    max-width: 1820px;
    min-width: 100px;
    width: 95%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-sizing: border-box;
}

.alltime,
.alltime * {
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.wow {
    opacity: 0;
}

.wow1 {
    opacity: 1;
}


/* 头部 */
.m_header {
    display: none;
}

.header_nav {
    display: none;
}

.header {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.header.in_en {
    height: 80px;
}

/* .header.fy {
    border-bottom: 1px solid #ddd;
} */
.header.bai {
    background-color: transparent;
}

.header:hover {
    background-color: #fff;
}

.header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.header.one1 {
    top: -100px;
}

.header .zbox {
    height: 100%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
}

.header .logo_img {
    width: 138px;
    height: 51px;
    float: left;
    cursor: pointer;
}

.header .logo_img>a {
    display: block;
    position: relative;
    margin-top: 28px;
}

.header.in_en .logo_img>a {
    margin-top: 16px;
}

.header .logo_img>a img {
    position: absolute;
    top: 0;
    left: 0;
}

.header .logo_img>a img.logo2 {
    opacity: 0;
}

.header:hover .logo_img>a img.logo2 {
    opacity: 1;
}

.header:hover .logo_img>a img.logo1 {
    opacity: 0;
}

.header.fixed .logo_img>a img.logo2 {
    opacity: 1;
}

.header.fixed .logo_img>a img.logo1 {
    opacity: 0;
}

.header.fy .logo_img>a img.logo2 {
    opacity: 1;
}

.header.fy .logo_img>a img.logo1 {
    opacity: 0;
}

.header .zbox .h_daohang {
    float: right;
    width: 64.44%;
    height: 100%;
    display: flex;
    align-items: center;
}

.header .zbox.en .h_daohang {
    float: right;
    width: 41.86%;
    height: 100%;
    display: flex;
    align-items: center;
}

.header .zbox .ul1 {
    width: 81.6%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* cursor: pointer; */
}

.header .zbox.en .ul1 {
    width: 74.6%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-right: 33px;
}

.header .zbox .ul1 li {
    width: 100%;
    position: relative;
    height: 100%;
    padding-top: 42px;
}

.header.in_en .zbox .ul1 li {
    padding-top: 31px;
}

.header .zbox .ul1 li .ltp {
    height: 17px;
    position: relative;
    overflow: hidden;
}

.header .zbox .ul1 li::before {
    content: "";
    display: block;
    width: 0;
    height: 4px;
    background-color: #333333;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
}

.header .zbox .ul1 li:hover::before {
    opacity: 1;
}

.header .zbox .ul1 li.act::before {
    opacity: 1;
}

.header.bai .zbox .ul1 li.act::before {
    opacity: 0;
}

.header .zbox .ul1 li:nth-child(1):hover:before {
    width: 38px;
}

.header .zbox .ul1 li:nth-child(2):hover:before,
.header .zbox .ul1 li:nth-child(3):hover:before,
.header .zbox .ul1 li:nth-child(4):hover:before,
.header .zbox .ul1 li:nth-child(5):hover:before {
    width: 65px;
}

.header .zbox .ul1 li:nth-child(6):hover:before {
    width: 45px;
}

.header .zbox .ul1 li.act:nth-child(1):before {
    width: 38px;
}

.header .zbox .ul1 li.act:nth-child(2):before,
.header .zbox .ul1 li.act:nth-child(3):before,
.header .zbox .ul1 li.act:nth-child(4):before,
.header .zbox .ul1 li.act:nth-child(5):before {
    width: 65px;
}

.header .zbox .ul1 li.act:nth-child(6):before {
    width: 45px;
}

.header .zbox .ul1 li>a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.header .zbox.en .ul1 li>a {
    font-family: Arial;
}

.header .zbox .ul1 li .ltp .ltop {
    position: relative;
    display: flex;
    justify-content: center;
}


.header .zbox .ul1 li .ltp .ltop span {
    display: block;
    float: left;
    color: #333333;
    position: relative;
    top: 0;
    line-height: 17px;
    font-weight: bold;
}

.header.bai .zbox .ul1 li .ltp .ltop span {
    color: #fff;
}

.header:hover .zbox .ul1 li .ltp .ltop span {
    color: #333333;
}

.header.fixed .zbox .ul1 li .ltp .ltop span {
    color: #333333;
}

.header .zbox .ul1 li:hover .ltp .ltop span {
    top: -17px;
}

.header .zbox .ul1 li:hover .ltp .ltop span:nth-child(2) {
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
}

.header .zbox .ul1 li:hover .ltp .ltop span:nth-child(3) {
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
}

.header .zbox .ul1 li:hover .ltp .ltop span:nth-child(4) {
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
}


.header .zbox .ul1 li .lbt {
    display: none;
    width: 100%;
    /* height: 60px; */
    position: fixed;
    top: 100px;
    left: 0;
    z-index: 9;
}

.header .zbox.en .ul1 li .lbt {
    top: 80px;
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box {
    width: 90%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 50px 0;
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .four_text {
    width: 90%;
    max-width: 1200px;
    height: 48px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .four_text .count {
    width: 20.8%;
    height: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 30px;
    color: #78bfff;
    font-weight: bold;
    background-color: transparent;
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .four_text .count.act {
    background-color: rgba(1, 123, 233, .2);
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .four_text .count:hover {
    background: rgba(1, 123, 233, .5);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .5);
    
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .line {
    width: 100%;
    margin: 40px auto 60px;
    height: 1px;
    background-color: #0b68bc;
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .four_class {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .four_class .six_text {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
}




.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .four_class .six_text.act {
    position: relative;
    opacity: 1;
    z-index: 5;
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .four_class .six_text .six {
    display: flex;
    flex-direction: column;
    width: 25%;
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .four_class .six_text .six a {
    line-height: 1;
    margin: 0 0 22px 0;
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .four_class .six_text .six a:first-child {
    color: #fff;
    font-size: 18px;
    position: relative;
    margin-bottom: 50px;
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .four_class .six_text .six a:first-child::before {
    content: "";
    display: block;
    width: 2px;
    height: 14px;
    background-color: #126fc3;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    opacity: 1;
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .four_class .six_text .six a:last-child {
    margin-bottom: 0;
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .four_class .six_text .six a::before {
    display: none;
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .four_class .six_text .six a .s1 {
    position: relative;
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .four_class .six_text .six a .s1::before {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    bottom: 0;
    left: 0;
}

.header .zbox .ul1 li:nth-child(3) .lbt .pro_box .four_class .six_text .six a .s1:hover::before {
    width: 100%;
    opacity: 1;
}


.header .zbox .ul1 li .lbt .sbox {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    z-index: 2;
    background-color: rgba(1, 90, 170, 0.95);
    display: flex;
    justify-content: center;
}

.header .zbox .ul1 li:nth-child(4) .lbt .sbox{padding-left: 34%;}

.header .zbox .ul1 li .lbt a {
    display: block;
    line-height: 60px;
    font-size: 16px;
    color: #78bfff;
    margin-right: 60px;
    position: relative;
}

.header .zbox .ul1 li .lbt a:hover {
    color: #fff;
}

.header .zbox .ul1 li .lbt a::before {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 20px;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.header .zbox .ul1 li .lbt a:hover::before {
    width: 100%;
    opacity: 1;
}

.header .zbox .ss_right {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .zbox .ss_right .line {
    width: 1px;
    height: 15px;
    background-color: #555;
}

.header:hover .zbox .ss_right .line {
    background-color: #555 !important;
}

.header.bai .zbox .ss_right .line {
    background-color: rgba(255, 255, 255, .5);
}

.header.fixed .zbox .ss_right .line {
    background-color: #555;
}

.header .zbox .ss_right .ss {
    width: 20px;
    height: 20px;
    position: relative;
}

.header .zbox .ss_right .ss a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../png/h_11.png) center no-repeat;
    position: relative;
}

.header.bai .zbox .ss_right .ss a {
    background: url(../png/h_1.png) center no-repeat;
}

.header.fixed .zbox .ss_right .ss a {
    background: url(../png/h_11.png) center no-repeat;
}

.header:hover .zbox .ss_right .ss a {
    background: url(../png/h_11.png) center no-repeat;
}

.header .zbox .ss_right .ss input {
    display: block;
    width: 0px;
    height: 40px;
    background: #fff;
    border: 0;
    outline: none;
    border-bottom: 1px solid #333;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    z-index: 5;
}

.header .zbox .ss_right .ss:hover input {
    width: 270px;
    padding: 0 10px;
}

.header .zbox .ss_right .ec {
    display: flex;
    align-items: center;
}

.header .zbox .ss_right .ec .d_line {
    width: 4px;
    height: 1px;
    background-color: #333333;
    margin: 0 19px;
}

.header.bai .zbox .ss_right .ec .d_line {
    background-color: #fff;
}

.header:hover .zbox .ss_right .ec .d_line {
    background-color: #333333;
}

.header.fixed .zbox .ss_right .ec .d_line {
    background-color: #333333;
}

.header .zbox .ss_right .ec .ecn {
    color: #333;
    position: relative;
}

.header:hover .zbox .ss_right .ec .ecn {
    color: #333 !important;
}

.header.fixed .zbox .ss_right .ec .ecn {
    color: #333 !important;
}

.header .zbox .ss_right .ec .ecn.act {
    font-weight: bold;
}

.header.bai .zbox .ss_right .ec .ecn {
    color: #fff;
}

.header .zbox .ss_right .ec .ecn::before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: #333333;
    position: absolute;
    bottom: -10px;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.header.bai .zbox .ss_right .ec .ecn::before {
    background-color: #fff;
}

.header:hover .zbox .ss_right .ec .ecn::before {
    background-color: #333333;
}

.header.fixed .zbox .ss_right .ec .ecn::before {
    background-color: #333333;
}

.header .zbox .ss_right .ec .ecn.act::before {
    width: 100%;
    opacity: 1;
}


/* 头部 */

/* 脚部 */
.footer {
    width: 100%;
    height: auto;
    background-color: #f3f3f3;
}

.footer .ybox .up {
    width: 100%;
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
}

.footer .ybox .center {
    width: 100%;
    padding-top: 50px;
    display: flex;
    justify-content: space-between;
}

.footer .ybox .center .cen_left {
    width: 77.5%;
}

.footer .ybox .center .cen_left .ul1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footer .ybox .center .cen_left .ul1 li {
    display: flex;
    flex-direction: column;
}

.footer .ybox .center .cen_left .ul1 li div {
    margin-bottom: 19px;
}

.footer .ybox .center .cen_left .ul1 li a {
    display: inline;
    color: #555;
    position: relative;
}

.footer .ybox .center .cen_left .ul1 li a::before {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #333;
    position: absolute;
    bottom: -1px;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.footer .ybox .center .cen_left .ul1 li a:hover::before {
    width: 100%;
    opacity: 1;
}

.footer .ybox .center .cen_left .ul1 li div:first-child a {
    color: #333;
    margin-bottom: 29px;
}

.footer .ybox .center .cen_left .ul1 li div:first-child {
    margin-bottom: 29px;
}

.footer .ybox .center .cen_left .ul1 li a:hover {
    color: #333;
}

.footer .ybox .center .cen_left .ul1 li div.ul1_text {
    color: #555;
}

.footer .ybox .center .cen_left .ul1 li div.ul1_text a {
    color: #555;
}

.footer .ybox .center .cen_left .ul1 li .three_num {
    display: flex;
    align-items: center;
}

.footer .ybox .center .cen_left .ul1 li .three_num .three {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.footer .ybox .center .cen_left .ul1 li .three_num .three .s1 {
    color: #555;
    display: block;
}

.footer .ybox .center .cen_left .ul1 li .three_num .three .s2 {
    color: #555;
    font-weight: bold;
    font-family: Arial;
    display: block;
}

.footer .ybox .center .cen_left .ul1 li .three_num .c_line {
    width: 1px;
    height: 15px;
    background-color: #a2a3a2;
    margin: 0 5px 0 20px;
}

.footer .ybox .center .line {
    width: 1px;
    height: 250px;
    background-color: #e8e8e8;
}

.footer .ybox .center .cen_right {
    width: 14.3%;
}

.footer .ybox .center .cen_right .cr_text {
    color: #333;
    margin-bottom: 28px;
}

.footer .ybox .center .cen_right .two_img {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footer .ybox .center .cen_right .two_img .ewm {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.footer .ybox .center .cen_right .two_img .ewm .ewm_text {
    color: #555;
    margin-top: 8px;
}

.footer .ybox .down {
    width: 100%;
    height: 76px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer .ybox .down * {
    font-size: 12px;
    color: #7d868e;
}

.footer .top {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #d9d9d9;
    cursor: pointer;
    position: fixed;
    right: -60px;
    z-index: 9;
    top: 80%;
    margin-top: -30px;
    
}

.footer .top:hover .img {
    transform: translateY(-5px);
}

.footer .top.act{right: 0;}

/* 脚部 */

/* 首页 */
#index .banner {
    width: 100%;
    position: relative;
}

#index .banner .swiper1 {
    width: 100%;
}

#index .banner .swiper1 .s1_box {
    width: 100%;
    position: relative;
}

#index .banner .swiper1 .s1_box .s1_img {
    width: 100%;
    overflow: hidden;
}

#index .banner .swiper1 .s1_box .s1_img img {
    width: 100%;
}

#index .banner .swiper1 .s1_box .s1_img img:nth-child(1){
    width: 1920px;
    max-width: 1920px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

#index .banner .swiper1 .s1_box .s1_img img:last-child {
    display: none;
}

@media(min-width:1930px){
    #index .banner .swiper1 .s1_box .s1_img img:nth-child(1){
        width: 100%;
        max-width: 100%;
    }
}

#index .banner .swiper1 .s1_box a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}

#index .banner .swiper1 .s1_box .s1_fp {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#index .banner .swiper1 .s1_box .s1_fp .ibox {}

#index .banner .swiper1 .s1_box .s1_fp .ibox .d_text {
    width: 100%;
    text-align: center;
    color: #fff;
    transform: translateY(30px);
    opacity: 0;
}

#index .banner .swiper1 .s1_box .s1_fp .ibox .c_text {
    width: 100%;
    text-align: center;
    color: #fff;
    margin: 30px 0 70px 0;
    transform: translateY(30px);
    opacity: 0;
}

#index .banner .swiper1 .s1_box .s1_fp .ibox .more {
    margin: 0 auto;
    transform: translateY(30px);
    opacity: 0;
}

#index .banner .swiper1 .swiper-slide-active .s1_box .s1_fp .ibox .d_text {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
}

#index .banner .swiper1 .swiper-slide-active .s1_box .s1_fp .ibox .c_text {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: .7s;
    -webkit-transition-delay: .7s;
}

#index .banner .swiper1 .swiper-slide-active .s1_box .s1_fp .ibox .more {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
}

#index .banner>.ibox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    padding: 10px;
}


.swiper1 .pagination1 {
    width: auto;
    position: absolute;
    left: 0%;
    width: 100%;
    bottom: 50px;
    text-align: center;
}

.swiper1 .pagination1 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}

.swiper1 .pagination1 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #015aaa;
}



#index .cpzx .zbox.en .down {
    width: 100%;
    margin-top: 60px;
    position: relative;
}
#index .cpzx .zbox.en .down1 {
    display: none;
}
#index .cpzx .zbox.en .down .four_big_img {
    width: 100%;
    position: relative;
}

#index .cpzx .zbox.en .down .four_big_img .img1 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

#index .cpzx .zbox.en .down .four_big_img .img1.act {
    position: relative;
    opacity: 1;
}

#index .cpzx .zbox.en .down .four_img {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
}

#index .cpzx .zbox.en .down .four_img .four {
    width: 25%;
    position: relative;
    display: block;
}

#index .cpzx .zbox.en .down .four_img .four .f_img {
    width: 100%;
}

#index .cpzx .zbox.en .down .four_img .four .f_img img {
    width: 100%;
}

#index .cpzx .zbox.en .down .four_img.act .four .f_img img {
    width: 100%;
    opacity: 0;
}

#index .cpzx .zbox.en .down .four_img .four .f_fp {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

#index .cpzx .zbox.en .down .four_img .four .f_fp .d_text {
    font-family: "din";
    color: #fff;
    text-transform: uppercase;
}

#index .cpzx .zbox.en .down .four_img.act .four .f_fp .d_text {
    font-family: "din";
    color: rgba(255, 255, 255, .3);
}

#index .cpzx .zbox.en .down .four_img.act .four.act .f_fp .d_text {
    color: #fff;
}

#index .cpzx .zbox.en .down .four_img .four .f_fp .more_en {
    position: absolute;
    top: 69px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}

#index .cpzx .zbox.en .down .four_img .four:hover .f_fp .more_en {
    top: 61px;
    opacity: 1;
}

#index .cpzx .zbox.en .down .four_img .four:hover .more_en::before {
    width: 100%;
    opacity: 1;
}










/* 公司简介 */
#index .gsjj {
    width: 100%;
    /* background: url(../images/i_10.png) center no-repeat; */
    background-size: cover;
}

#index .gsjj .ibox {
    padding-top: 101px;
}

#index .gsjj .ibox .lrt {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#index .gsjj .ibox .lrt .left {
    width: 50%;
    position: relative;
    cursor: pointer;
}

#index .gsjj .ibox .lrt .left .big_img {
    width: 100%;
}

#index .gsjj .ibox .lrt .left .big_img img {
    width: 100%;
}

#index .gsjj .ibox .lrt .left .left_fp {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#index .gsjj .ibox .lrt .left:hover .left_fp .fp_img img {
    transform: scale(0.8);
}

#index .gsjj .ibox .lrt .left .left_fp .d_text {
    color: #fff;
    padding-bottom: 11px;
    margin-top: 40px;
    position: relative;
}

#index .gsjj .ibox .lrt .left .left_fp .d_text::after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#index .gsjj .ibox .lrt .left:hover .left_fp .d_text::after {
    width: 100%;
    opacity: 1;
}

#index .gsjj .ibox .lrt .right {
    width: 50%;
    padding: 0 5.5556%;
}

#index .gsjj .ibox .lrt .right .d_text {
    color: #333;
}

#index .gsjj .ibox .lrt .right .gmy_text {
    margin: 25px 0 28px 0;
}
#index .gsjj .ibox .lrt .right .cc_text{
    width: 100%;
    height: 180px;
    overflow: auto;
    padding-right: 15px;
}
#index .gsjj .ibox .lrt .right .c_text {
    color: #333;
    line-height: 1.8;
    margin-bottom: 5px;
    text-align: justify;
}
#index .gsjj .ibox .lrt .right .cc_text::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

#index .gsjj .ibox .lrt .right .cc_text::-webkit-scrollbar-thumb {
    background: #015aaa;
}

#index .gsjj .ibox .lrt .right .cc_text::-webkit-scrollbar-track {
    background: #fff;
}

#index .gsjj .ibox .lrt .right .c_text:last-child {
    margin-bottom: 0;
}

#index .gsjj .ibox .lrt .right .three_img {
    width: 100%;
    display: flex;
    margin: 40px 0 100px 0;
}

#index .gsjj .ibox .lrt .right .three_img .three {
    display: flex;
    width: 30%;
}

#index .gsjj .ibox .lrt .right .three_img .three:nth-child(2){width: 40%;}

#index .gsjj .ibox .lrt .right .three_img .three:last-child {
    margin-right: 0;
}

#index .gsjj .ibox .lrt .right .three_img .three .wenzi {width: calc(100% - 60px);}

#index .gsjj .ibox .lrt .right .three_img .three .wenzi .zhijin {
    color: #555;
    line-height: 1.5;

}

#index .gsjj .ibox .lrt .right .three_img .three .wenzi .flx {
    display: flex;
    align-items: flex-end;
    
}

#index .gsjj .ibox .lrt .right .three_img .three .wenzi .flx .num {
    color: #333;
    font-family: "din";
    position: relative;
}

#index .gsjj .ibox .lrt .right .three_img .three .wenzi .flx .nian {
    color: #333;
    transform: translate(3px, -4px);
}

#index .gsjj .ibox .lrt .right .three_img .three:last-child .wenzi .flx .num::before {
    content: "+";
    display: block;
    position: absolute;
    top: -2px;
    right: -15px;
    color: #333;
    font-size: 28px;
}

#index .gsjj .ibox .lrt .right .three_img .three .tupian {
    width: 30px;
}

/* 产品中心 */
#index .cpzx {
    width: 100%;
    position: relative;
}

#index .cpzx::before {
    content: "";
    display: block;
    width: 610px;
    height: 818px;
    background-color: #e9edef;
    position: absolute;
    right: 0;
    bottom: 44px;
    display: none;
}

#index .cpzx .ibox {
    padding-top: 100px;
}

#index .cpzx .ibox .gmy_text {
    text-align: center;
}

#index .cpzx .ibox .swi2 {
    width: 100%;
    height: 720px;
    margin-top: 61px;
    display: none;
}



#index .cpzx .ibox .swi2 .swiper2 {
    height: 100%;
}

#index .cpzx .ibox .swi2 .swiper-slide {
    width: 24%;
    height: 100%;
    -webkit-transition: all 1s cubic-bezier(.51, .01, 0, 1);
    -moz-transition: all 1s cubic-bezier(.51, .01, 0, 1);
    transition: all 1s cubic-bezier(.51, .01, 0, 1);
}


#index .cpzx .ibox .swi2 .s2_box {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translate3d(0, 0, 0);
    overflow: hidden;
}

#index .cpzx .ibox .swi2 .s2_box .s2_img {
    width: 100%;
    height: 100%;
    background: #000;
}

#index .cpzx .ibox .swi2 .s2_box .s2_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#index .cpzx .ibox .swi2 .s2_box .s2_fp {
    width: 100%;
    position: absolute;
    bottom: 5%;
    left: 0;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 5%;
}



#index .cpzx .ibox .swi2 .s2_box .s2_fp .d_text {
    color: #fff;
    margin-bottom: 26px;
    font-size: 40px;
}

#index .cpzx .ibox .swi2 .s2_box .s2_fp .viewmore {
    opacity: 0;
}

#index .cpzx .ibox .swi2 .swiper-slide:hover .s2_box .s2_fp .viewmore {
    opacity: 1;
}

#index .cpzx .ibox .swi2 .s2_box:hover .s2_fp .viewmore::before {
    width: 100%;
    opacity: 1;
}

#index .cpzx .ibox .swi2 .s2_box:hover .s2_img img{
    opacity: 0.5;
}

#index .cpzx .ibox .swi2 .swiper2 .s2_dw {
    width: 94%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 5;

}

#index .cpzx .ibox .swi2 .swiper2 .s2_dw .pagination2 {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

#index .cpzx .ibox .swi2 .swiper2 .s2_dw .pagination2 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}

#index .cpzx .ibox .swi2 .swiper2 .s2_dw .pagination2 span {
    margin-right: 10px;
}

#index .cpzx .ibox .swi2 .swiper2 .s2_dw .pagination2 span:last-child {
    margin-right: 0;
}

#index .cpzx .ibox .swi2 .swiper2 .s2_dw .pagination2 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #126fc3;
}

/* 研发技术 */
#index .yfjs {
    width: 100%;
    /* background: url(../images/i_8.jpg) center bottom 50px no-repeat; */
}

#index .yfjs .ibox {
    padding-top: 100px;
}

#index .yfjs .ibox .gmy_text {
    text-align: center;
}

#index .yfjs .ibox .yfcx {
    margin-top: 52px;
    background: url(../jpg/i_9.jpg) center no-repeat;
    overflow: hidden;
    display: flex;
    padding: 52px 23% 52px 18.111%;
}

#index .yfjs .ibox .yfcx .swi3 {
    width: 62%;
}

#index .yfjs .ibox .yfcx .swi3 .swiper3 {
    width: 100%;
    background-color: #fff;
}

#index .yfjs .ibox .yfcx .swi3 .swiper3 .s3_box {
    width: 100%;
    padding: 95px 86px 153px;
}

#index .yfjs .ibox .yfcx .swi3 .swiper3 .s3_box .s3_text {
    color: #333;
}

#index .yfjs .ibox .yfcx .swi3 .swiper3 .s3_box .d_text {
    color: #333;
    font-weight: bold;
    margin: 26px 0 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#index .yfjs .ibox .yfcx .swi3 .swiper3 .s3_box .c_text {
    color: #555;
    line-height: 1.5;
    margin-bottom: 100px;
}

#index .yfjs .ibox .yfcx .swi3 .swiper3 .btn {
    width: 86px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 68px;
    right: 82px;
    z-index: 5;
}

#index .yfjs .ibox .yfcx .swi3 .swiper3 .btn .prev3 {
    width: 30px;
    height: 14px;
    background: url(../png/i_16.png) center left no-repeat;
    cursor: pointer;
}

#index .yfjs .ibox .yfcx .swi3 .swiper3 .btn .prev3:hover {
    transform: translateX(-5px);
}

#index .yfjs .ibox .yfcx .swi3 .swiper3 .btn .next3:hover {
    transform: translateX(5px);
}

#index .yfjs .ibox .yfcx .swi3 .swiper3 .btn .next3 {
    width: 30px;
    height: 14px;
    background: url(../png/i_17.png) center right no-repeat;
    cursor: pointer;
}

#index .yfjs .ibox .yfcx .swi3 .swiper3 .btn .line {
    width: 2px;
    height: 15px;
    background-color: #dddddd;
}

#index .yfjs .ibox .yfcx .swi4 {
    width: 38%;
    margin-top: 95px;
}

#index .yfjs .ibox .yfcx .swi4 .s4_box {
    width: 100%;
}

#index .yfjs .ibox .yfcx .swi4 .s4_box .s4_img {
    width: 100%;
}

#index .yfjs .ibox .yfcx .swi4 .s4_box .s4_img img {
    width: 100%;
}

/* 山蒲人才 */
#index .sprc {
    width: 100%;
    position: relative;
}

#index .sprc::before {
    content: "";
    display: block;
    width: 610px;
    height: 765px;
    background-color: #e9edef;
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
}

#index .sprc .ibox {
    padding-top: 160px;
    position: relative;
}

#index .sprc .ibox .sp_img {
    width: 100%;
    height: 700px;
    position: relative;
}

#index .sprc .ibox .sp_img>img {
    width: 100%;
    height: 100%;
    object-fit: none;
}

#index .sprc .ibox .sp_fp {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 100px;
}

#index .sprc .ibox .sp_fp .c_text {
    color: #fff;
    font-weight: bold;
    margin: 135px 0 70px 0;
}

#index .sprc .ibox .sp_fp .zpmh {
    width: 330px;
    height: 82px;
    border-radius: 41px;
    background-color: #015aaa;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 58px;
}

#index .sprc .ibox .sp_fp .zpmh .zpnh_text {
    color: #fff;
}

#index .sprc .ibox .sp_fp .zpmh:hover .jt_img {
    transform: translateX(5px);
}

/* 新闻资讯 */
#index .xwzx {
    width: 100%;
}

#index .xwzx .ibox {
    padding: 100px 0;
}

#index .xwzx .ibox .gmy_text {
    text-align: center;
}

#index .xwzx .ibox .swiper5 {
    margin: 50px 0 90px 0;
}

#index .xwzx .ibox .swiper5 .s5_box {
    width: 100%;
}

#index .xwzx .ibox .swiper5 .s5_box .s5_img {
    width: 100%;
    overflow: hidden;
    height: 370px;
}

#index .xwzx .ibox .swiper5 .s5_box .s5_img img {
    width: 100%;
    height: 100%;
}

#index .xwzx .ibox .swiper5 .s5_box:hover .s5_img img {
    transform: scale(1.2);
}

#index .xwzx .ibox .swiper5 .s5_box .s5_text {
    width: 100%;
    padding: 30px 0 0 0;
}

#index .xwzx .ibox .swiper5 .s5_box .s5_text .year {
    color: #555;
    font-family: Arial;
}


#index .xwzx .ibox .swiper5 .s5_box .s5_text .d_text {
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#index .xwzx .ibox .gdxw {
    width: 150px;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 29px;
    border-radius: 41px;
    background-color: #015aaa;
    margin: 0 auto;
}

#index .xwzx .ibox .gdxw .gdxw_text {
    color: #fff;
}

#index .xwzx .ibox .gdxw:hover .jt_img {
    transform: translateX(5px);
}

/* 关于我们 */
#about .gsjj {
    width: 100%;
    background-color: #f0f4f6;
}

#about .gsjj .ybox {
    padding: 100px 0 70px 0;
}

#about .gsjj .ybox .lhx_text {
    text-align: center;
}

#about .gsjj .ybox .d_text {
    color: #333;
    font-weight: bold;
    margin: 50px 0 11px 0;
    text-align: center;
}

#about .gsjj .ybox .c_text {
    color: #555;
    line-height: 1.555;
    text-align: center;
}

#about .gsjj .ybox .six_text {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 94px;
}

#about .gsjj .ybox .six_text .six {
    width: 11.4375%;
}

#about .gsjj .ybox .six_text .six .sh_text {
    color: #555;
    margin-bottom: 5px;
}

#about .gsjj .ybox .six_text .six .sd_text {
    color: #555;
    line-height: 1.8;
    margin-top: 12px;
}

#about .gsjj .ybox .six_text .six .sc_text {
    font-family: "din";
    color: #333;
    line-height: 1;
}

#about .gsjj .ybox .six_text .six:nth-child(5) .sc_text {
    font-family: "微软雅黑";
    font-weight: bold;
    font-size: 40px;
}

#about .gsjj .ybox .six_text .six:nth-child(6) .sc_text {
    font-family: "微软雅黑";
    font-weight: bold;
    font-size: 40px;
}

/* 企业愿景 */
#about .qyyj {
    width: 100%;
    /* height: 600px; */
    background: url(../jpg/a_2.jpg) center no-repeat;
    background-size: cover;
}



#about .qyyj .ybox {
    padding: 100px 0 160px;
}

#about .qyyj .ybox .lhx_text1 {
    text-align: center;
    color: #333;
}

#about .qyyj .ybox .d_text {
    text-align: center;
    margin: 50px 0 40px 0;
    font-weight: bold;
}

#about .qyyj .ybox .two_text {
    width: 100%;
    display: flex;
    -webkit-box-pack: space-around;
  
  
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;

    -webkit-justify-content: space-around;
       -moz-justify-content: space-around;
       -ms-justify-content: space-around;
       -o-justify-content: space-around;
       justify-content: space-around;



}

#about .qyyj .ybox .two_text .two {
    width: 30.625%;
    height: 190px;
    border: 2px solid rgba(0, 0, 0, .3);
    border-radius: 9px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.8;
    text-align: center;
}

#about .qyyj .ybox .two_text .line {
    width: 1px;
    height: 190px;
    background-color: rgba(0, 0, 0, .3);
    display: none;
}

#about .qyyj_down {
    width: 100%;
    background-color: #f0f4f6;
}

#about .qyyj_down .ybox {
    padding: 95px 0 40px 0;
}

#about .qyyj_down .ybox .cc_text {}

#about .qyyj_down .ybox .cc_text .c_text {
    color: #555;
    line-height: 1.8;
    margin-bottom: 20px;
}

#about .qyyj_down .ybox .super {
    margin-top: 170px;
}

#about .qyyj_down .ybox .super .su_img {
    width: 100%;
    position: relative;
}

#about .qyyj_down .ybox .super .su_img img {
    width: 100%;
}

#about .qyyj_down .ybox .super .su_img .ul1 {
    width: 100%;
    position: absolute;
    top: -95px;
    left: 0;
    padding: 0 35px;
}

#about .qyyj_down .ybox .super .su_img .ul1 li {
    padding-left: 27px;
    position: absolute;
    top: 0;
}

#about .qyyj_down .ybox .super .su_img .ul1 li::after {
    content: "";
    display: block;
    width: 4px;
    height: 25px;
    background-color: #555555;
    position: absolute;
    top: 0;
    left: 3px;
    display: none;
}

#about .qyyj_down .ybox .super .su_img .ul1 li::before {
    content: "";
    display: block;
    width: 1px;
    height: 364px;
    background-color: #555555;
    position: absolute;
    top: 0;
    left: 0px;
}

#about .qyyj_down .ybox .super .su_img .ul1 li .d_text {
    color: #1c1912;
    font-family: "pop_r";
}

#about .qyyj_down .ybox .super .su_img .ul1 li .d_text span{color: #000;font-size: 30px;font-weight: bold;    }

#about .qyyj_down .ybox .super .su_img .ul1 li .dd_text {
    color: #1c1912;
    margin-top: 21px;
}

#about .qyyj_down .ybox .super .su_img .ul1 li:nth-child(1) {
    left: 35px;
}

#about .qyyj_down .ybox .super .su_img .ul1 li:nth-child(2) {
    left: 30.9375%;
}

#about .qyyj_down .ybox .super .su_img .ul1 li:nth-child(3) {
    left: 48.5625%;
}

#about .qyyj_down .ybox .super .su_img .ul1 li:nth-child(4) {
    left: 73%;
}

#about .qyyj_down .ybox .super .su_img .ul1 li:nth-child(5) {
    left: 87.5%;
}

/* 发展历程 */
#about .fzlc {
    width: 100%;
    background: url(../jpg/a_3.jpg) center no-repeat;
}

#about .fzlc .ybox {
    padding: 104px 0 217px 0;
}

#about .fzlc .ybox .lhx_text1 {
    text-align: center;
}

#about .fzlc .ybox .sjjd {
    width: 1007px;
    background: url(../png/a_4.png) center bottom 14px no-repeat;
    margin: 182px auto 0;
}

#about .fzlc .ybox .sjjd .seven_text {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 5px;
}

#about .fzlc .ybox .sjjd .seven_text .seven {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}

#about .fzlc .ybox .sjjd .seven_text .d_text {
    color: #fff;
    margin-bottom: 13px;
}

#about .fzlc .ybox .sjjd .seven_text .two_img {
    width: 30px;
    height: 30px;
    position: relative;
}

#about .fzlc .ybox .sjjd .seven_text .two_img img {
    position: absolute;
    top: 0;
    left: 0;
}

#about .fzlc .ybox .sjjd .seven_text .seven .two_img img:last-child {
    opacity: 0;
}

#about .fzlc .ybox .sjjd .seven_text .seven.act .two_img img:last-child {
    opacity: 1;
}

#about .fzlc .ybox .sjjd .seven_text .seven.act .two_img img:first-child {
    opacity: 0;
}

#about .gd {
    padding: 52px 0 155px 0;
}

#about .gd .swp {
    padding-left: 8.33333%;
}

#about .gd .swiper6 {
    width: 100%;
}

#about .gd .swiper6 .swiper-slide {
    width: 28.5%;
    margin: 0 30px 0 0;
}

#about .gd .swiper6 .swiper-slide .s6_box {
    width: 100%;
}

#about .gd .swiper6 .swiper-slide .s6_box .num {
    color: #000;
}

#about .gd .swiper6 .swiper-slide .s6_box .line {
    width: 100%;
    height: 1px;
    background-color: #dbdbdb;
    margin: 16px 0 38px 0;
}

#about .gd .swiper6 .swiper-slide .s6_box .c_text {
    color: #555;
    line-height: 1.8;
}

/* 人才招聘 */
#about .rczp {
    width: 100%;
    background-color: #f0f4f6;
}

#about .rczp .ybox {
    padding: 100px 0;
}

#about .rczp .ybox .lhx_text {
    text-align: center;
}

#about .rczp .ybox .hyr {
    text-align: center;
    color: #333;
    margin: 52px 0 50px 0;
}

#about .rczp .ybox .lrt {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#about .rczp .ybox .lrt .left {
    width: 50%;
}

#about .rczp .ybox .lrt .left img {
    width: 100%;
}

#about .rczp .ybox .lrt .right {
    width: 50%;
    padding: 63px 4.375% 30px;
    background-color: #fff;
}

#about .rczp .ybox .lrt .right .ul1 {
    width: 100%;
    display: flex;
}

#about .rczp .ybox .lrt .right .ul1 li {
    margin-right: 48px;
    position: relative;
    color: 555;
    cursor: pointer;
}

#about .rczp .ybox .lrt .right .ul1 li:last-child {
    margin-right: 0;
}

#about .rczp .ybox .lrt .right .ul1 li.act {
    color: #333;
}

#about .rczp .ybox .lrt .right .ul1 li:hover {
    color: #333;
}

#about .rczp .ybox .lrt .right .ul1 li::before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: #333;
    position: absolute;
    bottom: -2px;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#about .rczp .ybox .lrt .right .ul1 li.act::before {
    width: 100%;
    opacity: 1;
}

#about .rczp .ybox .lrt .right .ul1 li:hover:before {
    width: 100%;
    opacity: 1;
}

#about .rczp .ybox .lrt .right .ul2 {
    width: 100%;
    position: relative;
    margin-top: 60px;
}

#about .rczp .ybox .lrt .right .ul2 li {
    position: absolute;
    top: 8px;
    left: 0;
    opacity: 0;
    z-index: -1;
}

#about .rczp .ybox .lrt .right .ul2 li.act {
    position: relative;
    z-index: 2;
    opacity: 2;
    top: 0;
}

#about .rczp .ybox .lrt .right .ul2 li .line {
    width: 27px;
    height: 2px;
    background-color: #333333;
}

#about .rczp .ybox .lrt .right .ul2 li .d_text {
    color: #333;
    margin: 18px 0 24px 0;
}

#about .rczp .ybox .lrt .right .ul2 li .c_text {
    color: #555;
    line-height: 2.1;
}

#about .rczp .ybox .two_btn {
    width: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    margin: 64px 0 52px 0;
}

#about .rczp .ybox .two_btn .two {
    width: 269px;
    height: 58px;
    border: 1px solid #000000;
    border-radius: 28px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    cursor: pointer;
    margin-right: 30px;
}

#about .rczp .ybox .two_btn .two:last-child {
    margin-right: 0;
}

#about .rczp .ybox .two_btn .two.act {
    background-color: #015aaa;
    border: 1px solid #015aaa;
    color: #fff;
}

#about .rczp .ybox .two_btn .two:hover {
    background-color: #015aaa;
    border: 1px solid #015aaa;
    color: #fff;
}


#about .zpmh {
    width: 330px;
    height: 82px;
    border-radius: 41px;
    background-color: #015aaa;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 58px;
    margin: 50px auto 0;
}

#about .zpmh .zpnh_text {
    color: #fff;
}

#about .zpmh:hover .jt_img {
    transform: translateX(5px);
}


#about .rczp .ybox .ul3 {
    position: relative;
    width: 100%;
    display: none;
}

#about .rczp .ybox .ul3 li.li3 {
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#about .rczp .ybox .ul3 li.li3.act {
    position: relative;
    opacity: 1;
    z-index: 2;
    top: 0;
}

#about .rczp .ybox .ul3 li.li3 .sfq {
    width: 100%;
    height: 440px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

#about .rczp .ybox .ul3 li.li3 .sfq .left {
    width: 48.75%;
    height: 100%;
    margin-right: 2.5%;
    position: relative;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one {
    width: 100%;
    padding: 49px 6.3% 86px;
    background-color: #fff;
    -moz-box-shadow: 0px 0px 10px #eee;
    -webkit-box-shadow: 0px 0px 10px #eee;
    box-shadow: 0px 0px 10px #eee;
    margin-bottom: 43px;
    position: absolute;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one:nth-child(1) {
    top: 0;
    left: 0;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one:nth-child(2) {
    bottom: 0;
    left: 0;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one.act:nth-child(1) {
    top: 0;
    left: 0;
}

#about .rczp .ybox .ul3 li .sfq .sfq_one.act:nth-child(2) {
    bottom: auto;
    top: 0;
    left: 0;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one:last-child {
    margin-bottom: 0;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one.act {
    padding: 44px 6.3% 50px;
    height: 100%;
    z-index: 5;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-right: 45px;
    cursor: pointer;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_top .left_text {}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_top .left_text .d_text {
    color: #333;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one.act .sfq_top .left_text .d_text {
    color: #015aaa;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_top .left_text .c_text {
    color: #333;
    margin-top: 21px;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one.act .sfq_top .left_text .c_text {
    margin-top: 25px;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_top .right_img {
    width: 43px;
    height: 43px;
    position: relative;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_top .right_img::before {
    content: "";
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../png/a_5.png) center no-repeat;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one.act .sfq_top .right_img::before {
    background: url(../png/a_6.png) center no-repeat !important;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_btm {
    width: 100%;
    padding-top: 27px;
    display: none;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one.act .sfq_btm {
    display: block;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_btm .line {
    width: 100%;
    height: 1px;
    background-color: #eaeaea;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_btm .lert {
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: space-between;
    margin: 35px 0 45px 0;
    overflow: auto;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_btm .lert::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_btm .lert::-webkit-scrollbar-thumb {
    background: #015aaa;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_btm .lert::-webkit-scrollbar-track {
    background: #fff;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_btm .lert .lrt_left {
    width: 35%;
    margin-right: 5%;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_btm .lert .lrt_right {
    width: 60%;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_btm .lert .jc_text {
    color: #333;
    margin-bottom: 13px;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_btm .lert .qh_text {
    color: #555;
    line-height: 2.14;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_btm .jltd {
    color: #333;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_btm .jltd a {
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #000;
}

#about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_btm .jltd a:hover {
    color: #015aaa;
    border-bottom: 1px solid #015aaa;
}

#about .rczp .ybox .ul3 li.li3 .fy {
    margin-top: 57px;
}

#about .rczp .ybox .ul3 li.li3 .fy .ul1 li.pge a {
    background-color: #ffffff;
}

#about .xwzx {
    padding: 100px 0 0 0;
}

#about .xwzx .lhx_text {
    text-align: center;
}

#about .xwzx .lunb {
    width: 100%;
    margin-top: 51px;
    padding: 80px 0 87px 8.3333%;
    display: flex;
    position: relative;
    background: url(../jpg/a_5.jpg) center no-repeat;
    background-size: cover;
}

#about .xwzx .lunb .swi7 {
    width: 45.45%;
    padding: 50px 6.85% 0 0;
    position: relative;
}

#about .xwzx .lunb .swiper7 {}

#about .xwzx .lunb .swiper7 .s7_box {
    width: 100%;
    position: relative;
    display: block;
}

#about .xwzx .lunb .swiper7 .s7_box .big_img {
    display: none;
}

#about .xwzx .lunb .swiper7 .s7_box .year {
    color: rgba(51, 51, 51, .7);
    padding-left: 24px;
    position: relative;
    line-height: 1.5;
}

#about .xwzx .lunb .swiper7 .s7_box .year::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url(../png/a_9.png) center no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#about .xwzx .lunb .swiper7 .s7_box .d_text {
    color: #333;
    line-height: 1.3888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 30px 0 9px 0;
}

#about .xwzx .lunb .swiper7 .s7_box:hover .d_text {
    color: #015aaa;
}

#about .xwzx .lunb .swiper7 .s7_box .c_text {
    color: rgba(45, 66, 83, .7);
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

#about .xwzx .lunb .swi8 {
    width: 55%;
}

#about .xwzx .lunb .swiper8 {
    width: 100%
}

#about .xwzx .lunb .swiper8 .swiper-slide {
    width: 66.667%;
    margin-right: 40px;
    opacity: .5;
}

#about .xwzx .lunb .swiper8 .swiper-slide-active {
    opacity: 1;
}

#about .xwzx .lunb .swiper8 .swiper-slide .s8_box {
    width: 100%;
    position: relative;
}

#about .xwzx .lunb .swiper8 .swiper-slide .s8_box .s4_img {
    width: 100%;
    overflow: hidden;
}

#about .xwzx .lunb .swiper8 .swiper-slide .s8_box .s4_img img {
    width: 100%;
}

#about .xwzx .lunb .swiper8 .swiper-slide .s8_box:hover .s4_img img {
    transform: scale(1.1);
}

#about .xwzx .lunb .swiper8 .swiper-slide .s8_box a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#about .xwzx .swi_btn {
    left: 8.3333%;
    bottom: 120px;
}

/* 新闻列表 */
#about .xwlb {
    width: 100%;
}

#about .xwlb .ybox {
    padding: 34px 0 105px 0;
}

#about .xwlb .ybox .seven_xw {
    width: 100%;
}

#about .xwlb .ybox .seven_xw .seven {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #dddddd;
    padding: 22px 0 13px 0;
    line-height: 1.5;
}

#about .xwlb .ybox .seven_xw .seven .left {
    width: 75%;
}

#about .xwlb .ybox .seven_xw .seven .left .c_text {
    color: #333;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#about .xwlb .ybox .seven_xw .seven:hover .left .c_text {
    color: #015aaa;
}

#about .xwlb .ybox .seven_xw .seven .rgiht {}

#about .xwlb .ybox .seven_xw .seven .rgiht .year {
    color: #555;
}

#about .xwlb .ybox .seven_xw .seven:hover .rgiht .year {
    color: #015aaa;
}

#about .xwlb .ybox .fy {
    margin-top: 50px;
}

/* 产品中心 */
#product .bmcp {
    width: 100%;
}

#product .bmcp .ybox {
    padding: 97px 0 45px 0;
}

#product .bmcp .ybox .lhx_text {
    text-align: center;
}

#product .bmcp .ybox .c_text {
    width: 85%;
    text-align: center;
    margin: 40px auto 0;
    line-height: 2;
    color: #555;
}

/* 六大产品 */
#product .ldcp {
    width: 100%;
}

#product .ldcp .ybox {
    padding: 0 0 100px 0;
}

#product .ldcp .ybox .six_pr {
    width: 100%;
}

#product .ldcp .ybox .six_pr .six {
    width: 100%;
    height: 600px;
    margin-bottom: 30px;
    background-color: #f0f4f6;
}

#product .ldcp .ybox .six_pr .six:last-child {
    margin-bottom: 0;
}

#product .ldcp .ybox .six_pr .six .left {
    width: 44.7%;
    height: 100%;
    float: right;
    position: relative;
}

#product .ldcp .ybox .six_pr .six .left .le_text {
    width: 450px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#product .ldcp .ybox .six_pr .six .left .le_text .line {
    width: 50px;
    height: 4px;
    background-color: #333333;
}

#product .ldcp .ybox .six_pr .six .left .le_text .d_text {
    font-family: "din";
    color: #333;
    margin: 48px 0 49px 0;
}

#product .ldcp .ybox .six_pr .six .left .le_text .five_btn {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#product .ldcp .ybox .six_pr .six .left .le_text .five_btn .five {
    min-width: 140px;
    height: 48px;
    padding: 0 25px;
    border: 1px solid #dddddd;
    border-radius: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 9px 9px 0;
    color: #333;
}

#product .ldcp .ybox .six_pr .six .left .le_text .five_btn .five:hover {
    color: #fff;
    background-color: #015aaa;
}

#product .ldcp .ybox .six_pr .six .right {
    width: 55.3%;
    height: 100%;
    float: left;
}

#product .ldcp .ybox .six_pr .six .right .ri_img {
    width: 100%;
    height: 100%;
}

#product .ldcp .ybox .six_pr .six .right .ri_img img {
    width: 100%;
    height: 100%;
    object-fit: none;
}

#product .ldcp .ybox .six_pr .six:nth-child(2n) .left {
    float: left;
}

#product .ldcp .ybox .six_pr .six:nth-child(2n) .right {
    float: right;
}


#product .ldcp .ybox .swiper_pr1{width: 100%;padding-bottom: 100px;}

#product .ldcp .ybox .swiper_pr1 .sbox{position: relative; width: 100%;}

#product .ldcp .ybox .swiper_pr1 .bent {position: absolute;width: 100%;left: 0;bottom: 0;z-index: 6;height: 64px;}

#product .ldcp .ybox .swiper_pr1 .bent .pagination_pr1{width:calc( 100% - 200px);left: 0;text-align: left;top: 20px;}

#product .ldcp .ybox .swiper_pr1 .bent .pagination_pr1 span{opacity: 1;background: #d6d6d6;width: 20px;height: 20px;margin-right: 15px;}

#product .ldcp .ybox .swiper_pr1 .bent .pagination_pr1 .swiper-pagination-bullet-active{background: #0b68bc;}

#product .ldcp .ybox .swiper_pr1 .bent .btn{display: block;width: 64px;height: 64px;float: right;background: url(../png/i_6h.png) center no-repeat;cursor: pointer;margin-left: 30px;z-index: 5;position: relative;}

#product .ldcp .ybox .swiper_pr1 .bent .btn:hover{background: url(../png/i_5.png) center no-repeat;}

#product .ldcp .ybox .swiper_pr1 .bent .next_pr1{transform: rotate(180deg);-webkit-transform: rotate(180deg);}


/* 产品列表 */
#product_list .qp {
    width: 100%;
}

#product_list .qp .ybox {
    padding: 88px 0 100px 0;
}

#product_list .qp .ybox .ckx_text {
    text-align: center;
}

#product_list .qp .ybox .zlhq_text {
    color: #333;
    margin: 52px auto 54px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#product_list .qp .ybox .zlhq_text .zl_img {
    width: 19px;
    height: 20px;
    position: relative;
    margin-right: 10px;
}

#product_list .qp .ybox .zlhq_text .zl_img img {
    position: absolute;
    top: 0;
    left: 0;
}

#product_list .qp .ybox .zlhq_text .zl_img img:last-child {
    opacity: 0;
}

#product_list .qp .ybox .zlhq_text:hover .zl_img img:last-child {
    opacity: 1;
}

#product_list .qp .ybox .zlhq_text:hover .zl_img img:first-child {
    opacity: 0;
}

#product_list .qp .ybox .zlhq_text .s1 {
    color: #333;
    border-bottom: 1px solid #333;
}

#product_list .qp .ybox .zlhq_text:hover .s1 {
    color: #015aaa;
}

#product_list .qp .ybox .eight_img {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#product_list .qp .ybox .eight_img .eight {
    width: 24.375%;
    margin: 0 0.83% 0.83% 0;
    background-color: #f9f9f9;
    padding: 24px 26px;
}

#product_list .qp .ybox .eight_img .eight:nth-child(4n) {
    margin: 0 0 0.83% 0;
}

#product_list .qp .ybox .eight_img .eight .e_img {
    width: 100%;
    overflow: hidden;
}

#product_list .qp .ybox .eight_img .eight .e_img img {
    width: 100%;
}

#product_list .qp .ybox .eight_img .eight:hover .e_img img {
    transform: scale(1.2);
}

#product_list .qp .ybox .eight_img .eight .e_text {
    width: 100%;
    padding-top: 25px;
}

#product_list .qp .ybox .eight_img .eight .e_text .line {
    width: 25px;
    height: 4px;
    background-color: #333;
}

#product_list .qp .ybox .eight_img .eight .e_text .d_text {
    color: #333;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 20px 0 10px 0;
    font-family: "din";
}

#product_list .qp .ybox .eight_img .eight:hover .e_text .d_text {
    color: #015aaa;
}

#product_list .qp .ybox .eight_img .eight .e_text .c_text {
    color: #555;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#product_list .qp .ybox .fy {
    margin-top: 35px;
}

#product_list .qp .ybox .c_line {
    width: 100%;
    height: 1px;
    background-color: #dddddd;
    margin: 100px 0 50px 0;
}

#product_list .qp .ybox .lr_btn {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
}

#product_list .qp .ybox .lr_btn .lr {
    min-width: 172px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 48px 0 48px;
    background-color: #8e9499;
    border-radius: 25px;
}

#product_list .qp .ybox .lr_btn .lr:hover {
    background-color: #015aaa;
}

#product_list .qp .ybox .lr_btn .lr .lr_text {
    color: #fff;
    margin-right: 5px;
}

#product_list .qp .ybox .lr_btn .lr.left:hover .lr_img {
    transform: translateX(-8px);
}

#product_list .qp .ybox .lr_btn .lr.right:hover .lr_img {
    transform: translateX(8px);
}

/* 产品详情 */
#product_con .cpxq {
    width: 100%;
    margin-top: 100px;
    position: relative;
    background-color: #f0f4f6;
    padding-top: 30px;

}
#product_con .cpxq .bg_blue {
    width: 100%;
    height: 128px;
    background-color: #015aaa;
    position: absolute;
    top: 0;
    left: 0;
}

#product_con .cpxq .ybox {
    padding: 0 0 100px;
    position: relative;
    z-index: 2;
}

#product_con .cpxq .ybox .lrt {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#product_con .cpxq .ybox .lrt .left {
    width: 50%;
    height: 100%;
}

#product_con .cpxq .ybox .lrt .left .swiper10 {
    width: 100%;
    height: 100%;
}

#product_con .cpxq .ybox .lrt .left .swiper10 .swiper-slide img {
    width:100%;
}

#product_con .cpxq .ybox .lrt .left .swiper10 .s10_btn {
    width: 100%;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 77px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    cursor: pointer;
}

#product_con .cpxq .ybox .lrt .left .swiper10 .s10_btn .pnall {
    width: 64px;
    height: 64px;
    cursor: pointer;
}

#product_con .cpxq .ybox .lrt .left .swiper10 .s10_btn .prev10 {
    background: url(../png/pc_1.png) center no-repeat;
}

#product_con .cpxq .ybox .lrt .left .swiper10 .s10_btn .next10 {
    background: url(../png/pc_2.png) center no-repeat;
}

#product_con .cpxq .ybox .lrt .left .swiper10 .s10_btn .prev10:hover {
    background: url(../png/pc_3.png) center no-repeat;
}

#product_con .cpxq .ybox .lrt .left .swiper10 .s10_btn .next10:hover {
    background: url(../png/pc_4.png) center no-repeat;
}

#product_con .cpxq .ybox .lrt .left .swiper10 .s10_btn .swiper-pagination {
    position: relative;
    margin: 0 37px;
}

#product_con .cpxq .ybox .lrt .left .swiper10 .s10_btn .swiper-pagination span {
    width: 12px;
    height: 12px;
    margin-right: 14px;
}

#product_con .cpxq .ybox .lrt .left .swiper10 .s10_btn .swiper-pagination span:last-child {
    margin-right: 0px;
}

#product_con .cpxq .ybox .lrt .right {
    width: 50%;
    height: 100%;
    padding: 0 50px 0 52px;
    position: relative;
    z-index: 5;
}

#product_con .cpxq .ybox .lrt .right .up {
    width: 100%;
    position: relative;
}

#product_con .cpxq .ybox .lrt .right  .bf{display: block;padding-left: 30px;background: url(../png/xz2.png) left center no-repeat;margin-top: 60px;}


#product_con .cpxq .ybox .lrt .right  .bf span{display: block;cursor: pointer;width: 110px;float: left;text-decoration: underline;line-height: 30px;}

#product_con .cpxq .ybox .lrt .right .bf .img{width: calc(100% - 120px);float: right;}

#product_con .cpxq .ybox .lrt .right .bf .img img{display: block;max-width: 100%;}


#product_con .cpxq .ybox .lrt .right .up::-webkit-scrollbar {
    width: 3px;
    height: 1px;
}

#product_con .cpxq .ybox .lrt .right .up::-webkit-scrollbar-thumb {
    background: #fff;
}

#product_con .cpxq .ybox .lrt .right .up::-webkit-scrollbar-track {
    background: #015aaa;
}

#product_con .cpxq .ybox .lrt .right .up .line {
    width: 50px;
    height: 8px;
}

#product_con .cpxq .ybox .lrt .right .up .d_text {
   position: relative;
   background: #015aaa;
   color: #fff;
   line-height: 1.6;
   padding: 20px 0;
   font-weight: bold;
   z-index: 3;
}

#product_con .cpxq .ybox .lrt .right .up .d_text s{display: block;position: absolute;width: 300px;height: 100%;background: #015aaa;top: 0;z-index: -1;}

#product_con .cpxq .ybox .lrt .right .up .d_text .s1{left: -52px;}

#product_con .cpxq .ybox .lrt .right .up .d_text .s2{right: -300px;}


#product_con .cpxq .ybox .lrt .right .up .c_text {
    width: 100%;
}

#product_con .cpxq .ybox .lrt .right .up .cc_text {
    /* display: flex; */
    line-height: 1.8;
}
#product_con .cpxq .ybox .lrt .right .up .cc_text .s1{
    float: left;
}
#product_con .cpxq .ybox .lrt .right .up .cc_text .s2{
    float: left;
}
#product_con .cpxq .ybox .lrt .right .down {
    width: 100%;
    padding-top: 49px;
}

#product_con .cpxq .ybox .lrt .right .down .ul1 {
    width: 100%;
    display: flex;
}

#product_con .cpxq .ybox .lrt .right .down .ul1 li {
    margin-right: 50px;
    color: 555;
    position: relative;
    cursor: pointer;
}

#product_con .cpxq .ybox .lrt .right .down .ul1 li.act {
    color: #333;
}

#product_con .cpxq .ybox .lrt .right .down .ul1 li:hover {
    color: #333;
}

#product_con .cpxq .ybox .lrt .right .down .ul1 li::before {
    width: 0;
    height: 1px;
    content: "";
    display: block;
    background-color: #333;
    position: absolute;
    bottom: -1px;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#product_con .cpxq .ybox .lrt .right .down .ul1 li:hover::before {
    width: 100%;
    opacity: 1;
}

#product_con .cpxq .ybox .lrt .right .down .ul1 li.act::before {
    width: 100%;
    opacity: 1;
}

#product_con .cpxq .ybox .lrt .right .down .ul2 {
    width: 100%;
    position: relative;
}

#product_con .cpxq .ybox .lrt .right .down .ul2 li {
    width: 100%;
    max-height: 390px;
    overflow: auto;
    display: none;
}


#product_con .cpxq .ybox .lrt .right .down .ul2 li::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

#product_con .cpxq .ybox .lrt .right .down .ul2 li::-webkit-scrollbar-thumb {
    background: #015aaa;
}

#product_con .cpxq .ybox .lrt .right .down .ul2 li::-webkit-scrollbar-track {
    background: #dddddd;
}

#product_con .cpxq .ybox .lrt .right .down .ul2 li.act {
   display: block;
}

#product_con .cpxq .ybox .lrt .right .down .ul2 li .ul2_text {
    color: #333;
    line-height: 1.8;
}

/* 产品表格 */
#product_con .cpbg {
    width: 100%;
    background-color: #f0f4f6;
}

#product_con .cpbg .ybox {
    padding: 0 0 100px 0;
    overflow: hidden;
}

#product_con .cpbg .ybox .line {
    width: 100%;
    height: 1px;
    background-color: #dddddd;
    margin-bottom: 100px;
}

#product_con .cpbg .ybox .sfq {
    width: 100%;
}

#product_con .cpbg .ybox .sfq .one {
    width: 100%;
}

#product_con .cpbg .ybox .sfq .one .up {
    width: 100%;
    height: 60px;
    background-color: #8ea8bf;
    padding: 0 49px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-radius: 9px;
    margin-bottom: 10px;
}

#product_con .cpbg .ybox .sfq .one .up .left {
    color: #fff;
}

#product_con .cpbg .ybox .sfq .one .up .right {
    position: relative;
}

#product_con .cpbg .ybox .sfq .one .up .right .zlhq {
    width: 158px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#product_con .cpbg .ybox .sfq .one .up .right .zlhq:first-child {
    position: relative;
    opacity: 1;
    z-index: 2;
}

#product_con .cpbg .ybox .sfq .one.act .up .right .zlhq:last-child {
    width: 158px;
    position: relative;
    opacity: 1;
    z-index: 2;
}

#product_con .cpbg .ybox .sfq .one.act .up .right .zlhq:first-child {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

#product_con .cpbg .ybox .sfq .one .up .right .zlhq .zl_text {
    margin-right: 30px;
    color: #fff;
    border-bottom: 1px solid #fff;
}


#product_con .cpbg .ybox .sfq .one .bottom {
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    margin-bottom: 10px;
    /* height: 0; */
    display: none;
}

#product_con .cpbg .ybox .sfq .one.act .bottom {
    /* height: auto; */
}

#product_con .cpbg .ybox .sfq .one .bottom .swiper13 .swiper-slide {
    width: auto;
}

#product_con .cpbg .ybox .sfq .one .bottom .bot_box {
    width: 1600px;
    cursor: pointer;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul1 {
    width: 100%;
    height: 72px;
    display: flex;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul1 li {
    height: 100%;
    background-color: #8ea8bf;
    border: 1px solid #dddddd;
    margin-right: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: Arial;
    text-align: center;
    line-height: 1.3;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul1 li:nth-child(1) {
    width: 280px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul1 li:nth-child(2) {
    width: 134px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul1 li:nth-child(3) {
    width: 82px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul1 li:nth-child(4) {
    width: 82px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul1 li:nth-child(5) {
    width: 82px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul1 li:nth-child(6) {
    width: 62px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul1 li:nth-child(7) {
    width: 62px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul1 li:nth-child(8) {
    width: 151px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul1 li:nth-child(9) {
    width: 63px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul1 li:nth-child(10) {
    width: 82px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul1 li:nth-child(11) {
    width: 122px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul1 li:nth-child(12) {
    width: 122px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul1 li:nth-child(13) {
    width: 123px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul1 li:nth-child(14) {
    width: 139px;
    font-family: "微软雅黑";
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 {
    width: 100%;
    height: 52px;
    display: flex;
    margin-top: 1px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 li {
    height: 100%;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-right: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    font-family: Arial;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 li:nth-child(1) {
    width: 280px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 li:nth-child(2) {
    width: 134px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 li:nth-child(3) {
    width: 82px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 li:nth-child(4) {
    width: 82px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 li:nth-child(5) {
    width: 82px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 li:nth-child(6) {
    width: 62px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 li:nth-child(7) {
    width: 62px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 li:nth-child(8) {
    width: 151px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 li:nth-child(9) {
    width: 63px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 li:nth-child(10) {
    width: 82px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 li:nth-child(11) {
    width: 122px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 li:nth-child(12) {
    width: 122px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 li:nth-child(13) {
    width: 123px;
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 li:nth-child(14) {
    width: 139px;
    font-family: "微软雅黑";
}

#product_con .cpbg .ybox .sfq .one .bottom .ul2 li:last-child:hover {
    color: #015aaa;
}

/* 在线留言 */
#product_con .zxly {
    width: 100%;
    background-color: #fff;
}

#product_con .zxly .ybox {
    padding: 100px 0;
}

#product_con .zxly .ybox .lhx_text {
    text-align: center;
}

#product_con .zxly .ybox .c_text {
    color: #4c4c4c;
    text-align: center;
    margin: 42px 0 44px 0;
    line-height: 1.5;
}

#product_con .zxly .ybox .zxly_box {
    width: 100%;
    padding: 50px 17% 72px;
}

#product_con .zxly .ybox .zxly_box .inpu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#product_con .zxly .ybox .zxly_box .inpu .inp {
    width: 47.4%;
    margin-bottom: 40px;
}

#product_con .zxly .ybox .zxly_box .inpu .inp input {
    width: 100%;
    height: 40px;
    border: 1px solid #e2e6ea;
    border-radius: 2px;
    padding-left: 25px;
    font-size: 16px;
}

#product_con .zxly .ybox .zxly_box .texa {
    width: 100%;
}

#product_con .zxly .ybox .zxly_box .texa textarea {
    width: 100%;
    height: 200px;
    resize: none;
    border: 1px solid #e2e6ea;
    border-radius: 2px;
    padding: 19px 0 0 25px;
    font-family: "微软雅黑";
    font-size: 16px;
}

#product_con .zxly .ybox .zxly_box .two_btn {
    height: 50px;
    display: flex;
    justify-content: center;
    align-content: center;
    margin-top: 50px;
}

#product_con .zxly .ybox .zxly_box .two_btn .tc {
    width: 170px;
    height: 100%;
    background-color: #8e9499;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 30px;
    cursor: pointer;
}

#product_con .zxly .ybox .zxly_box .two_btn .tc.tijiao {
    margin-right: 64px;
}

#product_con .zxly .ybox .zxly_box .two_btn .tc:hover {
    background-color: #015aaa;
}

/* 供应商 */
#supplier .hzlc {
    width: 100%;
}

#supplier .hzlc .ybox {
    padding: 100px 0 0 0;
}

#supplier .hzlc .ybox .sym_text {
    text-align: center;
}

#supplier .hzlc .ybox .c_line {
    width: 100%;
    height: 1px;
    background-color: #dddddd;
    margin-top: 50px;
}

#supplier .hzlc .ybox .seven_img {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 8%;
}

#supplier .hzlc .ybox .seven_img .seven {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

#supplier .hzlc .ybox .seven_img .seven::before {
    content: "";
    display: flex;
    width: 38px;
    height: 1px;
    background-color: #333333;
    position: absolute;
    bottom: 7px;
    right: -88px;
}

#supplier .hzlc .ybox .seven_img .seven:last-child::before {
    display: none;
}

#supplier .hzlc .ybox .seven_img .seven .line {
    width: 20px;
    height: 1px;
    background-color: #015aaa;
}

#supplier .hzlc .ybox .seven_img .seven .sev_img {
    margin: 60px 0 25px 0;
}

#supplier .hzlc .ybox .seven_img .seven .d_text {
    color: #333;
}

/* 采购品类 */
#supplier .cgpl {
    width: 100%;
}

#supplier .cgpl .ybox {
    padding: 100px 0 0 0;
}

#supplier .cgpl .ybox .sym_text {
    text-align: center;
}

#supplier .cgpl .ybox .six_text {
    margin-top: 50px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#supplier .cgpl .ybox .six_text .six {
    width: 16.25%;
    margin-right: 0.05%;
    padding: 20px 21px;
    border: 1px solid #dddddd;
}

#supplier .cgpl .ybox .six_text .six:last-child {
    margin-right: 0;
}

#supplier .cgpl .ybox .six_text .six .bg_text {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #015aaa;
}

#supplier .cgpl .ybox .six_text .six .ul1 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 22px;
}

#supplier .cgpl .ybox .six_text .six .ul1 li {
    margin-bottom: 15px;
    cursor: pointer;
    color: #555;
}

#supplier .cgpl .ybox .six_text .six .ul1 li:last-child {
    margin-bottom: 0;
}

#supplier .cgpl .ybox .six_text .six .ul1 li:hover {
    color: #015aaa;
}

/* 采购需求 */
#supplier .cgxq {
    width: 100%;
}

#supplier .cgxq .ybox {
    padding: 100px 0;
}

#supplier .cgxq .ybox .sym_text {
    text-align: center;
}

#supplier .cgxq .ybox .two_xq {
    width: 100%;
    margin-top: 50px;
}

#supplier .cgxq .ybox .two_xq .two {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px dashed #dddddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#supplier .cgxq .ybox .two_xq .two:last-child {
    margin-bottom: 0;
}

#supplier .cgxq .ybox .two_xq .two .left {
    color: #333;
}

#supplier .cgxq .ybox .two_xq .two:hover .left {
    color: #015aaa;
}

#supplier .cgxq .ybox .two_xq .two .right {
    color: #555;
}

#supplier .cgxq .ybox .two_xq .two:hover .right {
    color: #015aaa;
}


/* 联系我们 */
/* 地图 */
#contact .contact_map {
    position: relative;
    padding: 50px 0 0 0;
}

#contact .contact_map a {
    display: block;
}

#map {
    width: 100%;
    height: 600px;
    border: 1px solid #dddddd;
}

#contact .contact_map .three_city {
    width: 300px;
    position: absolute;
    top: 50%;
    right: 100px;
    transform: translateY(-50%);
    z-index: 5;
}

#contact .contact_map .three_city .three {
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #015aaa;
    color: rgba(255, 255, 255, .5);
    margin-bottom: 21px;
    position: relative;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    text-align: center;
    line-height: 1.2;
}

#contact .contact_map .three_city .three:last-child {
    margin-bottom: 0;
}

#contact .contact_map .three_city .three span {
    position: relative;
}

#contact .contact_map .three_city .three span::before {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#contact .contact_map .three_city .three.act span::before {
    width: 100%;
    opacity: 1;
}

#contact .contact_map .three_city .three:hover span::before {
    width: 100%;
    opacity: 1;
}

#contact .contact_map .three_city .three.act {
    color: #fff;
}

#contact .contact_map .three_city .three:hover {
    color: #fff;
}

/* 山蒲 */
#contact .shanp {
    width: 100%;
}

#contact .shanp .ybox {
    padding: 73px 4% 78px;
}

#contact .shanp .ybox .four_img {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#contact .shanp .ybox .four_img .four {
    width: 21%;
}

#contact .shanp .ybox .four_img .four .line {
    width: 100%;
    height: 1px;
    background-color: #eaeced;
    margin: 15px 0 28px 0;
}

#contact .shanp .ybox .four_img .four .d_text {
    color: rgba(51, 51, 51, .8);
    margin-bottom: 11px;
}

#contact .shanp .ybox .four_img .four .c_text {
    color: #333;
    line-height: 1.5;
    word-break: break-all;
    word-wrap:break-word;
}

#contact .shanp .ybox .four_img .four a.c_text:hover {
    color: #015aaa;
}

/* 搜索页面 */
#search .banner1 .ybox {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
}

#search .banner1 .ybox .ssjg {
    width: 100%;
    padding: 29px 6.25% 65px;
    background-color: #e0e0e0;
}

#search .banner1 .ybox .ssjg .d_text {
    color: #333;
    margin-bottom: 25px;
}

#search .banner1 .ybox .ssjg .three_text {
    width: 100%;
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#search .banner1 .ybox .ssjg .three_text .inp {
    width: 76%;
    height: 100%;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

#search .banner1 .ybox .ssjg .three_text .inp .ss_img {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}

#search .banner1 .ybox .ssjg .three_text .inp input {
    width: 100%;
    height: 100%;
    border: 0;
    background-color: #fff;
    padding-left: 28px;
    font-size: 16px;
}

#search .banner1 .ybox .ssjg .three_text .ss {
    width: 11.3%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    background-color: #eeeeee;
    cursor: pointer;
    border-radius: 30px;
    overflow: hidden;
}

#search .banner1 .ybox .ssjg .three_text .ss:hover {
    background-color: #015aaa;
    color: #fff;
}

#search .banner1 .ybox .ssjg .three_text .fh {
    width: 11.3%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eeeeee;
    cursor: pointer;
    border-radius: 30px;
    overflow: hidden;
}

#search .banner1 .ybox .ssjg .three_text .fh:hover {
    background-color: #015aaa;
}

#search .banner1 .ybox .ssjg .three_text .fh .fh_text {
    color: #333;
    padding-left: 44px;
    position: relative;
}

#search .banner1 .ybox .ssjg .three_text .fh:hover .fh_text {
    color: #fff;
}

#search .banner1 .ybox .ssjg .three_text .fh .fh_text::before {
    content: "";
    display: block;
    width: 27px;
    height: 28px;
    background: url(../png/se_2.png) center no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#search .banner1 .ybox .ssjg .three_text .fh:hover .fh_text::before {
    background: url(../png/se_3.png) center no-repeat;
}

/* 新闻结果 */
#search .xwjg {
    width: 100%;
}

#search .xwjg .ybox {
    padding: 100px 0;
}

#search .xwjg .ybox .cpdd {
    width: 100%;
}

#search .xwjg .ybox .cpdd .c_text {
    color: #595656;
}

#search .xwjg .ybox .cpdd .c_text .s2 {
    color: #015aaa;
}

#search .xwjg .ybox .cpdd .cp_line {
    width: 100%;
    height: 1px;
    background-color: #dddddd;
    margin: 50px 0 28px 0;
}

#search .xwjg .ybox .cpdd .seven_xw {
    width: 100%;
}

#search .xwjg .ybox .cpdd .seven_xw .seven {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #dddddd;
    padding: 22px 0 13px 0;
    line-height: 1.5;
}

#search .xwjg .ybox .cpdd .seven_xw .seven .left {
    width: 75%;
}

#search .xwjg .ybox .cpdd .seven_xw .seven .left .c_text {
    color: #333;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#search .xwjg .ybox .cpdd .seven_xw .seven:hover .left .c_text {
    color: #015aaa;
}

#search .xwjg .ybox .cpdd .seven_xw .seven .rgiht {}

#search .xwjg .ybox .cpdd .seven_xw .seven .rgiht .year {
    color: #555;
}

#search .xwjg .ybox .cpdd .seven_xw .seven:hover .rgiht .year {
    color: #015aaa;
}

#search .xwjg .ybox .xwzx.cpdd {
    margin-top: 85px;
}

#search .xwjg .ybox .cpdd .eight_img {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#search .xwjg .ybox .cpdd .eight_img .eight {
    width: 24.375%;
    margin: 0 0.83% 0.83% 0;
    background-color: #f9f9f9;
    padding: 24px 26px;
}

#search .xwjg .ybox .cpdd .eight_img .eight:nth-child(4n) {
    margin: 0 0 0.83% 0;
}

#search .xwjg .ybox .cpdd .eight_img .eight .e_img {
    width: 100%;
    overflow: hidden;
}

#search .xwjg .ybox .cpdd .eight_img .eight .e_img img {
    width: 100%;
}

#search .xwjg .ybox .cpdd .eight_img .eight:hover .e_img img {
    transform: scale(1.2);
}

#search .xwjg .ybox .cpdd .eight_img .eight .e_text {
    width: 100%;
    padding-top: 25px;
}

#search .xwjg .ybox .cpdd .eight_img .eight .e_text .line {
    width: 25px;
    height: 4px;
    background-color: #333;
}

#search .xwjg .ybox .cpdd .eight_img .eight .e_text .d_text {
    color: #333;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 20px 0 10px 0;
    font-family: "din";
}

#search .xwjg .ybox .cpdd .eight_img .eight:hover .e_text .d_text {
    color: #015aaa;
}

#search .xwjg .ybox .cpdd .eight_img .eight .e_text .c_text {
    color: #555;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 新闻详情 */
#news_con .xwxq {
    width: 100%;
    padding-top: 100px;
}

#news_con .xwxq .kong_box {
    width: 100%;
    height: 1px;
    -moz-box-shadow: 2px 2px 15px #333;
    -webkit-box-shadow: 2px 2px 15px #333;
    box-shadow: 2px 2px 15px #333;
}

#news_con .xwxq .ybox {
    padding: 100px 11% 100px;
}

#news_con .xwxq .ybox .up {
    margin-bottom: 50px;
}

#news_con .xwxq .ybox .up .xwxq_title {
    color: #000;
    margin-bottom: 45px;
    line-height: 1.5;
    text-align: center;
}

#news_con .xwxq .ybox .up .two_text {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#news_con .xwxq .ybox .up .two_text .one {
    display: flex;
}

#news_con .xwxq .ybox .up .two_text .one .two {
    margin-right: 26px;
}

#news_con .xwxq .ybox .up .two_text .two {
    color: #555;
}

#news_con .xwxq .ybox .down {
    width: 100%;
}

#news_con .xwxq .ybox .down .c_text {
    color: #555;
    line-height: 1.8;
    text-align: justify;
}

#news_con .xwxq .ybox .down .xwxq_img {
    width: 100%;
}

#news_con .xwxq .ybox .down .xwxq_img img {
    max-width: 100%;
    display: block;
    margin: 45px auto 35px;
}

#news_con .xwxq .ybox .down img {
    max-width: 100%;
    display: block;
    margin: 45px auto 35px;
}

#news_con .xwxq .ybox .down .line {
    width: 100%;
    height: 1px;
    background-color: #eeeeee;
    margin: 109px 0 50px 0;
}

#news_con .xwxq .ybox .sxf {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#news_con .xwxq .ybox .sxf .left {
    width: 75%;
}

#news_con .xwxq .ybox .sxf .left .sxyp {
    display: block;
    color: #555;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#news_con .xwxq .ybox .sxf .left .sxyp.syp {
    margin-bottom: 29px;
}

#news_con .xwxq .ybox .sxf .left .sxyp:hover {
    color: #015aaa;
}

#news_con .xwxq .ybox .sxf .right .fhlb {
    width: 169px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #015aaa;
    color: #fff;
    border-radius: 30px;
}

#news_con .xwxq .ybox .sxf .right .fhlb:hover {
    background-color: #005096;
}

/* 研发技术 */
#research .yfcx {
    width: 100%;
    padding: 100px 0 0 0;
}

#research .yfcx .lhx_text {
    text-align: center;
}

#research .yfcx .big_img {
    width: 100%;
    height: 550px;
    position: relative;
    margin: 48px 0 100px 0;
}

#research .yfcx .dn_img {
    display: none;
}

#research .yfcx .big_text {
    position: absolute;
    top: 50%;
    left: 19.27%;
    transform: translateY(-50%);
}

#research .yfcx .big_text .d_text {
    color: #fff;
}

#research .yfcx .big_text .c_text {
    color: #fff;
    margin-top: 48px;
    padding-left: 54px;
}

#research .yfcx .ybox {}

#research .yfcx .ybox .four_img {
    width: 100%;
}

#research .yfcx .ybox .four_img .four {
    width: 100%;
}

#research .yfcx .ybox .four_img .four .left {
    width: 42.8125%;
    float: right;
    padding-top: 72px;
}

#research .yfcx .ybox .four_img .four .left .d_text {
    font-weight: bold;
    color: #333;
}

#research .yfcx .ybox .four_img .four .left .c_text {
    color: #333;
    line-height: 2;
    margin-top: 39px;
    text-align: justify;
    height: 230px;
    overflow: auto;
    padding-right: 15px;
}
#research .yfcx .ybox .four_img .four .left .c_text::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

#research .yfcx .ybox .four_img .four .left .c_text::-webkit-scrollbar-thumb {
    background: #015aaa;
}

#research .yfcx .ybox .four_img .four .left .c_text::-webkit-scrollbar-track {
    background: #fff;
}


#research .yfcx .ybox .four_img .four .right {
    width: 42.5%;
    float: left;
}

#research .yfcx .ybox .four_img .c_line {
    width: 100%;
    height: 1px;
    background-color: #dddddd;
    margin: 60px 0;
}

/* 工艺技术 */
#research .yfcx.gyjs {
    padding: 100px 0;
}

/* 研发专利 */
#research .yfzl {
    width: 100%;
    background: url(../jpg/r_11.jpg) center no-repeat;
    background-size: cover;
}

#research .yfzl .ybox {
    padding: 100px 0 135px 0;
}

#research .yfzl .ybox .lhx_text {
    text-align: center;
}

#research .yfzl .ybox .c_text {
    color: #333;
    line-height: 2;
    text-align: justify;
    margin: 37px 0 33px 0;
}

#research .yfzl .ybox .ul1 {
    width: 100%;
    height: 53px;
    display: flex;
}

#research .yfzl .ybox .ul1 li {
    color: #333;
    width: 170px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    background-color: #fff;
    margin-right: 10px;
    cursor: pointer;
}

#research .yfzl .ybox .ul1 li:last-child {
    margin-right: 0;
}

#research .yfzl .ybox .ul1 li.act {
    background-color: #015aaa;
    color: #fff;
}

#research .yfzl .ybox .ul1 li:hover {
    background-color: #015aaa;
    color: #fff;
}

#research .yfzl .ybox .ul2 {
    position: relative;
    width: 100%;
    height: 395px;
    overflow: auto;
    margin-top: 53px;
    padding-right: 15px;
}

#research .yfzl .ybox .ul2::-webkit-scrollbar {
    width: 20px;
    height: 1px;
}

#research .yfzl .ybox .ul2::-webkit-scrollbar-thumb {
    width: 16px;
    background: #015aaa;
    border-radius: 10px;
}

#research .yfzl .ybox .ul2::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
}

#research .yfzl .ybox .ul2 li {
    width: 99%;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}

#research .yfzl .ybox .ul2 li.act {
    z-index: 2;
    opacity: 1;
    top: 0;
    visibility: visible;
}

#research .yfzl .ybox .ul2 li .tab_title {
    width: 100%;
    display: flex;
    border: 1px solid #dddddd;
    margin-bottom: 2px;
}

#research .yfzl .ybox .ul2 li .three {
    border-right: 1px solid #dddddd;
    display: flex;
    justify-content: center;
    align-items: center;
}

#research .yfzl .ybox .ul2 li .three:last-child {
    border-right: 0;
}

#research .yfzl .ybox .ul2 li .tab_title .three {
    background-color: #8ea8bf;
    height: 52px;
    color: #fff;
    font-weight: bold;
}

#research .yfzl .ybox .ul2 li .three:nth-child(1) {
    width: 21.875%;
}

#research .yfzl .ybox .ul2 li .three:nth-child(2) {
    width: 40.625%;
}

#research .yfzl .ybox .ul2 li .three:nth-child(3) {
    width: 37.5%;
}

#research .yfzl .ybox .ul2 li .tab_text {
    width: 100%;
    display: flex;
    border: 1px solid #dddddd;
    margin-bottom: 2px;
}

#research .yfzl .ybox .ul2 li .tab_text .three {
    height: 32px;
    color: #333;
    background-color: #fff;
}


/* 英文首页 */
#index_en .banner {
    width: 100%;
    position: relative;
    margin-top: 80px;
}

#index_en .banner .swiper11 {
    width: 100%;
}

#index_en .banner .swiper11 .s11_box {
    width: 100%;
    position: relative;
}

#index_en .banner .swiper11 .s11_box .s11_img {
    width: 100%;
}

#index_en .banner .swiper11 .s11_box .s11_img img {
    width: 100%;
}

#index_en .banner .swiper11 .s11_box .s11_img img:last-child {
    display: none;
}

#index_en .banner .swiper11 .s11_box .s11_fp {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-left: 8.681%;
}

#index_en .banner .swiper11 .s11_box .s11_fp {}

#index_en .banner .swiper11 .s11_box .s11_fp .d_text {
    width: 100%;
    /* text-align: center; */
    color: #fff;
    transform: translateY(30px);
    opacity: 0;
    line-height: 1.125;
}

#index_en .banner .swiper11 .s11_box .s11_fp .c_text {
    width: 100%;
    /* text-align: center; */
    color: #fff;
    margin: 30px 0 70px 0;
    transform: translateY(30px);
    opacity: 0;
}

#index_en .banner .swiper11 .s11_box .s11_fp .more {
    margin: 0 auto;
    transform: translateY(30px);
    opacity: 0;
}

#index_en .banner .swiper11 .swiper-slide-active .s11_box .s11_fp .d_text {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
}

#index_en .banner .swiper11 .swiper-slide-active .s11_box .s11_fp .c_text {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: .7s;
    -webkit-transition-delay: .7s;
}

#index_en .banner .swiper11 .swiper-slide-active .s11_box .s11_fp .more {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
}

#index_en .banner>.ibox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    padding: 10px;
}

#index_en .banner .swiper11 .pagination11 {
    width: auto;
    position: absolute;
    left: 8.681%;
    bottom: 32%;
}

#index_en .banner .swiper11 .pagination11 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}

#index_en .banner .swiper11 .pagination11 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #015aaa;
}

/* 公司简介 */
#index_en .gsjj {
    width: 100%;
    background: url(../jpg/z_10.jpg) center no-repeat;
    background-size: cover;
    margin-top: 102px;
}

#index_en .gsjj .zbox.en {
    padding: 125px 0 110px 0;
}

#index_en .gsjj .zbox.en .lrt {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#index_en .gsjj .zbox.en .lrt .left {
    width: 47.8%;
    position: relative;
    cursor: pointer;
}

#index_en .gsjj .zbox.en .lrt .left video {
    width: 100%;
    height: 585px;
    object-fit: none;
}
#index_en .gsjj .zbox.en .lrt .left img{
    display: none;
}
#index_en .gsjj .zbox.en .lrt .right {
    width: 52.2%;
    padding: 0 3.2% 0 6%;
}

#index_en .gsjj .zbox.en .lrt .right .d_text {
    color: #333;
    font-weight: bold;
}

#index_en .gsjj .zbox.en .lrt .right .gmy_text {
    margin: 22px 0 25px 0;
    line-height: 1.3;
}

#index_en .gsjj .zbox.en .lrt .right .c_text {
    color: #333;
    line-height: 1.5;
    margin-bottom: 20px;
}

#index_en .gsjj .zbox.en .lrt .right .c_text:last-child {
    margin-bottom: 0;
}

#index_en .gsjj .zbox.en .lrt .right .three_img {
    width: 100%;
    display: flex;
    margin: 50px 0 100px;
}

#index_en .gsjj .zbox.en .lrt .right .three_img .three {
    margin-right: 28px;
    display: flex;
}

#index_en .gsjj .zbox.en .lrt .right .three_img .three:last-child {
    margin-right: 0;
}

#index_en .gsjj .zbox.en .lrt .right .three_img .three .wenzi {}

#index_en .gsjj .zbox.en .lrt .right .three_img .three .wenzi .zhijin {
    color: #333;
    text-transform: uppercase;
}

#index_en .gsjj .zbox.en .lrt .right .three_img .three .wenzi .flx {
    display: flex;
    align-items: flex-end;
}

#index_en .gsjj .zbox.en .lrt .right .three_img .three .wenzi .flx .num {
    color: #000;
    font-family: "din";
    font-weight: bold;
    position: relative;
}

#index_en .gsjj .zbox.en .lrt .right .three_img .three .wenzi .flx .nian {
    color: #333;
    transform: translate(3px, -4px);
    text-transform: uppercase;
}

#index_en .gsjj .zbox.en .lrt .right .three_img .three:last-child .wenzi .flx .num::before {
    content: "+";
    display: block;
    position: absolute;
    top: -7px;
    right: -15px;
    color: #333;
    font-size: 31px;
}

#index_en .gsjj .zbox.en .lrt .right .three_img .three .tupian {
    margin-left: 30px;
}

#index_en .gsjj .zbox.en .lrt .right .more {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial;
}

/* 产品中心 */
#index_en .cpzx {
    width: 100%;
}

#index_en .cpzx .zbox.en {
    padding: 77px 0 0 0;
}

#index_en .cpzx .zbox.en .up {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#index_en .cpzx .zbox.en .up .left {}

#index_en .cpzx .zbox.en .up .left .en_jianjie {
    color: #333;
    font-family: Arial;
    margin-top: 7px;
}

#index_en .cpzx .zbox.en .down {
    width: 100%;
    margin-top: 17px;
    position: relative;
}
#index_en .cpzx .zbox.en .down1 {
    display: none;
}
#index_en .cpzx .zbox.en .down .four_big_img {
    width: 100%;
    position: relative;
}

#index_en .cpzx .zbox.en .down .four_big_img .img1 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

#index_en .cpzx .zbox.en .down .four_big_img .img1.act {
    position: relative;
    opacity: 1;
}

#index_en .cpzx .zbox.en .down .four_img {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
}

#index_en .cpzx .zbox.en .down .four_img .four {
    width: 25%;
    position: relative;
    display: block;
}

#index_en .cpzx .zbox.en .down .four_img .four .f_img {
    width: 100%;
}

#index_en .cpzx .zbox.en .down .four_img .four .f_img img {
    width: 100%;
}

#index_en .cpzx .zbox.en .down .four_img.act .four .f_img img {
    width: 100%;
    opacity: 0;
}

#index_en .cpzx .zbox.en .down .four_img .four .f_fp {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

#index_en .cpzx .zbox.en .down .four_img .four .f_fp .d_text {
    font-family: "din";
    color: #fff;
    text-transform: uppercase;
}

#index_en .cpzx .zbox.en .down .four_img.act .four .f_fp .d_text {
    font-family: "din";
    color: rgba(255, 255, 255, .3);
}

#index_en .cpzx .zbox.en .down .four_img.act .four.act .f_fp .d_text {
    color: #fff;
}

#index_en .cpzx .zbox.en .down .four_img .four .f_fp .more_en {
    position: absolute;
    top: 69px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}

#index_en .cpzx .zbox.en .down .four_img .four:hover .f_fp .more_en {
    top: 61px;
    opacity: 1;
}

#index_en .cpzx .zbox.en .down .four_img .four:hover .more_en::before {
    width: 100%;
    opacity: 1;
}


/* 新闻中心 */
#index_en .xwzx {
    width: 100%;
}

#index_en .xwzx .zbox.en {
    padding: 77px 0 125px 0;
}

#index_en .xwzx .zbox.en .up {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#index_en .xwzx .zbox.en .up .left {}

#index_en .xwzx .zbox.en .up .left .en_jianjie {
    color: #333;
    font-family: Arial;
    margin-top: 7px;
}

#index_en .xwzx .zbox.en .down {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
}

#index_en .xwzx .zbox.en .down .d_left {
    width: 50%;
}
#index_en .xwzx .zbox.en .down .d_left .d_box{
    width: 100%;
}
#index_en .xwzx .zbox.en .down .d_left .l_img {
    width: 100%;
    overflow: hidden;
}

#index_en .xwzx .zbox.en .down .d_left .l_img img {
    width: 100%;
}

#index_en .xwzx .zbox.en .down .d_left:hover .l_img img {
    transform: scale(1.2);
}

#index_en .xwzx .zbox.en .down .d_left .l_text {
    width: 100%;
    padding-top: 20px;
}

#index_en .xwzx .zbox.en .down .d_left .l_text .year {
    color: #555;
    font-family: Arial;
    margin-bottom: 15px;
}

#index_en .xwzx .zbox.en .down .d_left .l_text .c_text {
    width: 100%;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.3;
}

#index_en .xwzx .zbox.en .down .d_right {
    width: 50%;
    padding-left: 3.736%;
}

#index_en .xwzx .zbox.en .down .d_right .five_text {
    width: 100%;
}

#index_en .xwzx .zbox.en .down .d_right .five_text .five {
    width: 100%;
    padding: 20px 10px 26px 12px;
    border-bottom: 1px dashed #dddddd;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}

#index_en .xwzx .zbox.en .down .d_right .five_text .five:hover {
    background-color: #f3f3f3;
}

#index_en .xwzx .zbox.en .down .d_right .five_text .five:last-child {
    border-bottom: 0;
}

#index_en .xwzx .zbox.en .down .d_right .five_text .five .c_text {
    width: 63%;
    color: #333;
    font-family: Arial;
    line-height: 1.5556;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#index_en .xwzx .zbox.en .down .d_right .five_text .five .time {
    color: #555555;
    font-family: Arial;
}

#index_en .xwzx .zbox.en .down .d_right .five_text .five .time .s1 {
    text-transform: uppercase;
}






































@media (max-width: 1680px) {
    .header .zbox.en .h_daohang {
        float: right;
        width: 45.86%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    #about .xwzx .swi_btn {
    bottom: 90px;
}
#about .xwzx .lunb {
    padding: 80px 0 87px 5%;
}
#about .xwzx .swi_btn {
    left: 5%;
}
#about .gd .swp {
    padding-left: 5%;
}
#search .banner1 .ybox {
    bottom: 30px;
}
#index_en .gsjj .zbox.en .lrt .right .three_img {
    width: 100%;
    display: flex;
    margin: 50px 0 65px;
}

#index .banner .swiper1 .s1_box .s1_img img:nth-child(1){width: 100%;}

#index .yfjs .ibox .yfcx .swi3 .swiper3 .s3_box .c_text{font-size: 20px;}


}

@media (max-width: 1440px) {

    #supplier .hzlc .ybox{padding-top: 50px;}
    .header .zbox.en .h_daohang {
        float: right;
        width: 53.86%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .header .zbox .ul1 li .lbt a {}
    .footer .ybox .center .cen_right {
    width: 17.3%;
}

#index .gsjj .ibox .lrt .right .three_img {
    margin: 40px 0 65px 0;
}
#about .rczp .ybox .lrt .right {
    padding: 40px 4.375% 23px;
}
#about .xwzx .lunb .swi7 {
    padding: 15px 6.85% 0 0;
}
#about .xwzx .lunb .swiper7 .s7_box .d_text {
    margin: 15px 0 9px 0;
}
#research .yfcx .ybox .four_img .four .right {
    width: 45.5%;
}
#research .yfcx .ybox .four_img .four .left {
    width: 47.8125%;
    padding-top: 45px;
}
#supplier .hzlc .ybox .seven_img .seven::before {
    right: -63px;
}

#index .gsjj .ibox .lrt .right .three_img .three .wenzi .zhijin {
    line-height: 1.5;
    min-height: 42px;
}
#index .gsjj .ibox .lrt .right .three_img .three .tupian{
    width: 20px;
}
#index .gsjj .ibox .lrt .right .three_img .three .wenzi{
    width: calc(100% - 30px);
}

#index .xwzx .ibox .swiper5 .s5_box .s5_img{height: 275px;}




}

/* dz */

@media (max-width: 1366px) {
    .header .zbox.en .h_daohang {
        float: right;
        width: 56.86%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    #index .gsjj .ibox .lrt .right {
    padding: 0 5%;
}
#index .gsjj .ibox .lrt .right .c_text {
    line-height: 2;
    margin-bottom: 8px;
}
    #index .gsjj .ibox .lrt .right .three_img .three {
    margin-right: 15px;
}
#index .gsjj .ibox .lrt .right .three_img .three .tupian {
}
#index .gsjj .ibox .lrt .right .three_img {
    margin: 40px 0 53px 0;
}
#index .yfjs .ibox .yfcx {
    padding: 52px 13% 52px 7.111%;
}
#index .sprc .ibox .sp_img {
    height: 550px;
}
#index .sprc .ibox .sp_fp .c_text {
    margin: 80px 0 60px 0;
}
#index .sprc::before {
    width: 610px;
    height: 610px;
}
#about .gsjj .ybox .six_text .six {
    width: 14.4375%;
}
#about .rczp .ybox .lrt .right {
    padding: 30px 2.375% 23px;
}
#about .rczp .ybox .lrt .right .ul2 {
    margin-top: 41px;
}
#research .yfcx .ybox .four_img .four .left {
    width: 49.8125%;
    padding-top: 20px;
}
#research .yfcx .ybox .four_img .four .left .c_text {
    height: 210px;
}
#contact .shanp .ybox .four_img .four {
    width: 23%;
}
#supplier .hzlc .ybox .seven_img {
    padding: 0 4%;
}
#supplier .hzlc .ybox .seven_img .seven::before {
    right: -66px;
}
#search .banner1 .ybox {
    bottom: 0px;
}

#index .xwzx .ibox .swiper5 .s5_box .s5_img{height: 260px;}
}

@media (max-width: 1280px) {
    .header .zbox.en .h_daohang {
        float: right;
        width: 58.86%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    #about .rczp .ybox .lrt .right .ul2 li .d_text {
    margin: 16px 0 20px 0;
}
#about .xwzx .lunb .swi7 {
    padding: 0px 6.85% 0 0;
}
#about .xwzx .swi_btn {
    bottom: 85px;
}
#about .xwzx .lunb {
    padding: 80px 0 87px 3%;
}
#about .gd .swp {
    padding-left: 3%;
}
#index .gsjj .ibox .lrt .right .gmy_text {
    margin: 20px 0 20px 0;
}
#index .gsjj .ibox .lrt .right .three_img {
    margin: 16px 0 20px 0;
}
#index .gsjj .ibox .lrt .right .three_img .three .tupian {
    margin-left: 13px;
}
#index .cpzx .ibox .swi2 {
    height: 660px;
}
#index .cpzx::before {
    height: 660px;
}

}

@media (max-width: 1030px) {
    .f_14 {
        font-size: 12px;
    }

    .f_16 {
        font-size: 14px;
    }

    .f_18 {
        font-size: 16px;
    }

    .f_20 {
        font-size: 16px;
    }

    .f_22 {
        font-size: 16px;
    }

    .f_24 {
        font-size: 20px;
    }

    .f_26 {
        font-size: 22px;
    }

    .f_28 {
        font-size: 22px;
    }

    .f_30 {
        font-size: 24px;
    }

    .f_32 {
        font-size: 24px;
    }

    .f_34 {
        font-size: 28px;
    }

    .f_36 {
        font-size: 28px;
    }

    .f_38 {
        font-size: 30px;
    }

    .f_40 {
        font-size: 30px;
    }

    .f_42 {
        font-size: 34px;
    }

    .f_50 {
        font-size: 34px;
    }

.f_48 {
    font-size: 34px;
}

.f_52 {
    font-size: 34px;
}

.f_72 {
    font-size: 36px;
}

.f_80 {
    font-size: 36px;
}

    .ibox {
        max-width: 1030px;
        min-width: 100px;
        width: 90%;
        margin: 0 auto;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        box-sizing: border-box;
    }
.ybox {
        max-width: 1030px;
        min-width: 100px;
        width: 90%;
        margin: 0 auto;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        box-sizing: border-box;
    }
    .header {
        display: none !important;
    }

    .m_header {
        width: 100%;
        height: 60px;
        display: block;
        overflow: hidden;
        padding: 0 5%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
.m_header .logo{
    width: 60px;
}
    .m_header .sanline {
        width: 50px;
        height: 50px;
    }

    .m_header .sanline img {
        width: 50px;
        height: 50px;
    }

    .header_nav .sancha {
        width: 50px;
        height: 50px;
    }

    .header_nav .sancha img {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .header_nav {
        display: block;
        position: fixed;
        z-index: 555555555555;
        width: 100%;
        height: 100%;
        top: 0%;
        right: -100%;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
        overflow: hidden;
        box-sizing: border-box;
        background-color: #fff;
    }

    .header_nav.act {
        right: 0;
    }

    .header_nav li a {
        font-size: 18px;
        color: #555;
        padding: 10px 30px 10px 50px;
        line-height: 30px;
        position: relative;
    }

    .header_nav li a.ltp:after {
        content: "";
        display: block;
        width: 5px;
        height: 20px;
        background: #d4d3d4;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 30px;
    }

    .header_nav li a.ltp.act:after {
        background: #015aaa;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
    }

    .header_nav li a.ltp.act {
        color: #015aaa;
    }

    .header_nav li .qp .hd {
        display: none;
    }

    .header_nav li .qp .hd .hp a {
        display: block;
        font-size: 16px;
    }

    .header_nav li .qp .hd .hp a:last-child {
        border-bottom: 1px solid #ccc;
    }

    .header_nav li.search {
        position: relative;
    }

    .header_nav li.search span {
        position: absolute;
        top: 17px;
    }

    .header_nav li.search .searchbtn img {
        position: absolute;
        top: 7px;
    }

    .header_nav li.cen {
        display: flex;
    }

    .header_nav li.cen .cn {
        font-size: 18px;
        color: #555;
        padding: 10px 30px 10px 50px;
        line-height: 30px;
    }

    .header_nav li.inpu {
        padding: 10px 30px 10px 50px;
    }

    .header_nav li.inpu .inp {
        width: 95%;
        height: 40px;
        display: flex;
    }

    .header_nav li.inpu .inp input {
        width: calc(100% - 70px);
        height: 100%;
        padding-left: 15px;
    }

    .header_nav li.inpu .inp .ss {
        padding: 0;
        width: 70px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background-color: #015aaa;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
    }
.footer .ybox .up {
    display: none;
}
.footer .ybox .center {
    display: none;
}
.footer .top {
    display: none;
}
    .footer {
        padding-top: 0;
    }

    .footer .ibox .up {
        display: none;
    }

    /* 脚 */

    .swiper1 .pagination1 {
    bottom: 30px;
}
#index .gsjj .ibox {
    padding-top: 60px;
}
#index .gsjj .ibox .lrt .right .gmy_text {
    margin: 10px 0 10px 0;
}
#index .gsjj .ibox .lrt .right {
    padding: 0px 3%;
}
#index .gsjj .ibox .lrt .right .three_img .three .tupian {
    display: none;
}
#index .gsjj .ibox .lrt .right .three_img .three {
    margin-right: 60px;
}
#index .gsjj .ibox .lrt .right .three_img .three:last-child .wenzi .flx .num::before {
    top: -7px;
}
#index .yfjs .ibox .yfcx {
    padding: 52px 0% 52px 0%;
}
#index .cpzx .ibox {
    padding-top: 60px;
}
#index .yfjs .ibox .yfcx {
    background: transparent;
}
#index .sprc .ibox {
    padding-top: 90px;
}
#index .sprc::before {
    height: 570px;
}
#index .xwzx .ibox {
    padding: 60px 0;
}
#index .xwzx .ibox .swiper5 {
    margin: 45px 0 60px 0;
}
#about .gsjj .ybox {
    padding: 60px 0;
}
#about .qyyj_down .ybox {
    padding: 60px 0;
}
#about .qyyj_down .ybox .super .su_img .ul1 li::before {
    height: 250px;
}
#about .fzlc .ybox {
    padding: 104px 0 143px 0;
}
#about .fzlc .ybox .sjjd {
    width: 100%;
    background: url(../png/a_4.png) center bottom 14px no-repeat;
    margin: 70px auto 0;
    background-size: contain;
}
#about .rczp .ybox .lrt .left img {
    width: 100%;
    height: 100%;
    object-fit: none;
}
#about .rczp .ybox .lrt .right {
    padding: 21px 1.375% 15px;
}
#about .rczp .ybox .lrt .right .ul1 li {
    margin-right: 39px;
}
#about .rczp .ybox {
    padding: 60px 0;
}
#about .xwzx .lunb .swiper7 .s7_box .d_text {
    margin: 2px 0 9px 0;
}
#about .xwzx .lunb {
    padding: 60px 0 60px 3%;
}
#about .xwzx .swi_btn {
    bottom: 59px;
    left: 3%;
}
#about .xwlb .ybox {
    padding: 34px 0 60px 0;
}
#about .xwzx {
    padding: 60px 0 0 0;
}
#about .gd {
    padding: 52px 0 60px 0;
}
#product .bmcp .ybox {
    padding: 60px 0 45px 0;
}
#product .ldcp .ybox .six_pr .six .left .le_text {
    width: 100%;
    padding: 0 25px;
}
#product_list .qp .ybox {
    padding: 60px 0;
}
#product_list .qp .ybox .c_line {
    width: 100%;
    height: 1px;
    background-color: #dddddd;
    margin: 50px 0;
}
#product_con .cpxq {
    margin-top: 60px;
}
#product_con .cpxq .ybox {
    padding: 60px 0;
}
#product_con .cpbg .ybox .line {
    margin-bottom: 60px;
}
    /* dz1 */
}

@media (max-width: 960px) {
    .f_14 {
        font-size: 14px;
    }

    .f_16 {
        font-size: 14px;
    }

    .f_18 {
        font-size: 14px;
    }

    .f_20 {
        font-size: 14px;
    }

    .f_22 {
        font-size: 14px;
    }

    .f_24 {
        font-size: 16px;
    }

    .f_26 {
        font-size: 16px;
    }

    .f_28 {
        font-size: 16px;
    }

    .f_30 {
        font-size: 16px;
    }

    .f_32 {
        font-size: 18px;
    }

    .f_34 {
        font-size: 18px;
    }

    .f_36 {
        font-size: 18px;
    }

    .f_38 {
        font-size: 20px;
    }

    .f_40 {
        font-size: 20px;
    }

    .f_42 {
        font-size: 22px;
    }

    .f_50 {
        font-size: 32px;
    }
    .f_42 {
        font-size: 32px;
    }

    .f_50 {
        font-size: 32px;
    }

.f_48 {
    font-size: 24px;
}

.f_52 {
    font-size: 24px;
}

.f_72 {
    font-size: 24px;
}

.f_80 {
    font-size: 26px;
}
.a_dw {
    position: relative;
    top: -50px;
}
    /* 头 */
    .m_header {
        width: 100%;
        height: auto;
        display: block;
        /* overflow: hidden; */
        padding: 0 5%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .m_header a img {
        /* height: 37px; */
    }

    .footer .ibox .down {
        display: block;
        padding-top: 10px;
        text-align: center;
        line-height: 1.5;
    }
    #index .banner {
        margin-top: 50px;
    }
    #index .banner .swiper1 .s1_box .s1_img img:last-child {
        display: block;
    }

    #index .banner .swiper1 .s1_box .s1_img img:first-child {
        display: none;
    }
    #index .banner .ibox .btn{
        display: none;
    }
    .swiper1 .pagination1 {
        bottom: 10px;
    }
    #index .banner .swiper1 .s1_box .s1_fp {
        top: 64%;
    }
    #index .gsjj .ibox {
        padding-top: 30px;
    }
    #index .gsjj .ibox .lrt {
        display: block;
    }
    #index .gsjj .ibox .lrt .left{
        width: 100%;
    }
    #index .gsjj .ibox .lrt .right{
        width: 100%;
        margin-top: 20px;
    }

    #index .gsjj .ibox .lrt .right .cc_text {
        height: auto;
    }
    #index .gsjj .ibox .lrt .right .three_img .three {
        margin-right: 15px;
    }

    #index .gsjj .ibox .lrt .right .three_img .three .wenzi .zhijin {
        margin-bottom: 10px;
    }

    #index .gsjj .ibox .lrt .right .three_img .three .wenzi .flx .nian {
        transform: translate(3px, 2px);
    }
    #index .gsjj .ibox .lrt .right .three_img .three:last-child .wenzi .flx .num::before {
        top: -13px;
    }
    #index .cpzx .ibox .swi2 .swiper-slide {
        width: auto;
        margin-right: 0;
    }
    
    #index .cpzx .ibox .swi2 .swiper-slide-active {
        width: auto;
    }

    #index .cpzx::before {
    display: none;
    }
    #index .cpzx .ibox .swi2 {
        height: auto;
        margin-top: 20px;
        display: block;
    }

    #index .cpzx .zbox.en .down{display: none;}
    #index .cpzx .ibox .swi2 .swiper2 .s2_dw .btn{
        display: none;
    }

    #index .cpzx .ibox .swi2 .swiper2 .s2_dw {
        bottom: 20px;
        display: none;
    }

    #index .cpzx .ibox .swi2 .s2_box .s2_fp .d_text{font-size: 24px;margin-bottom: 10px;}
    #index .cpzx .ibox .swi2 .s2_box .s2_fp .viewmore{opacity: 1;border: 0;}
    #index .yfjs .ibox {
        padding-top: 30px;
    }
    #index .yfjs .ibox .yfcx {
        padding: 0;
        display: block;
    }
    #index .yfjs .ibox .yfcx .swi3 {
        width: 100%;
    }
    #index .yfjs .ibox .yfcx .swi4 {
        width: 100%;
        margin-top: 20px;
    }
    #index .yfjs .ibox .yfcx .swi3 .swiper3 .s3_box {
        width: 100%;
        padding: 15px;
    }

    #index .yfjs .ibox .yfcx .swi3 .swiper3 .btn {
        width: 70px;
        bottom: 68px;
        right: auto;
        left: 15px;
    }

    #index .sprc .ibox {
        padding-top: 60px;
    }
    #index .sprc::before {
        display: none;
    }

    #index .sprc .ibox .sp_fp .zpmh {
        width: 235px;
        height: 55px;
        border-radius: 41px;
        padding: 0 26px;
    }
    #index .sprc .ibox .sp_fp .c_text {
        margin: 40px 0 60px 0;
    }
    #index .sprc .ibox .sp_img {
        height: 400px;
    }
    #index .xwzx .ibox {
        padding: 30px 0;
    }

    #index .xwzx .ibox .swiper5 {
        margin: 20px 0 30px 0;
        padding-bottom: 40px;
    }
    .footer .ybox .down {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 20px 0;
    }
    .footer .ybox .down .bq_left{
        text-align: center;
        line-height: 1.5;
    }
    .footer .ybox .down .bq_right{
        text-align: center;
        line-height: 1.5;
    }
    #about .gsjj .ybox {
        padding: 30px 0;
    }
    #about .gsjj .ybox .d_text {
        color: #333;
        margin: 20px 0 10px 0;
        text-align: center;
        line-height: 1.5;
        font-size: 18px;
    }

    #about .gsjj .ybox .six_text {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 10px;
    }

    #about .gsjj .ybox .six_text .six {
        width: 100%;
        margin-right: 0%;
        margin-bottom:10px;
        text-align: center;
        padding: 10px 0;

        border-bottom: 1px solid #ddd;
    }
    #about .gsjj .ybox .six_text .six:nth-child(2n) {
        margin-right: 0;
    }
    #about .gsjj .ybox .six_text .six .sh_text {
        margin-bottom: 5px;
    }
    #about .gsjj .ybox .six_text .six .sd_text {
        margin-top: 9px;
    }
    #about .qyyj .ybox .two_text {
        display: block;
    }
    #about .qyyj .ybox .two_text .two {
        width: 100%;
        height: auto;
        border: 2px solid rgba(255, 255, 255, .1);
        border-radius: 9px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1.8;
        text-align: center;
        padding: 30px 0;
        margin-top: 20px;
    }
    #about .qyyj .ybox .two_text .line{
        display: none;
    }
    #about .qyyj .ybox .d_text {
        margin: 25px 0 20px 0;
    }
    #about .qyyj .ybox {
        padding: 30px 0;
    }
    #about .qyyj_down .ybox {
        padding: 30px 0;
    }
    #about .qyyj_down .ybox .super {
        display: none;
    }
    #about .fzlc .ybox {
        padding: 30px 0 30px 0;
    }
    #about .fzlc .ybox .sjjd {
        margin: 26px auto 0;
    }
    #about .gd {
        padding: 30px 5%;
    }
    #about .gd .swiper6 .swiper-slide .s6_box .line {
        margin: 16px 0 20px 0;
    }
    #about .gd .swiper6 {
        padding-bottom: 30px;
    }
    #about .gd .swiper6 .swiper-slide {
        margin: 0;
    }
    #about .rczp .ybox {
        padding: 30px 0;
    }
    #about .rczp .ybox .hyr {
        margin: 25px 0 30px 0;
        line-height: 1.5;
    }
    #about .rczp .ybox .lrt {
        display: block;
    }
    #about .rczp .ybox .lrt .left{
        width: 100%;
    }
    #about .rczp .ybox .lrt .right{
        width: 100%;
    }
    #about .rczp .ybox .lrt .right .ul2 {
        margin-top: 25px;
    }
    #about .rczp .ybox .two_btn {
        margin: 30px 0 30px 0;
    }
    #about .rczp .ybox .two_btn .two {
        height: 45px;
    }

    #about .rczp .ybox .ul3 li.li3 .sfq {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
    }
    #about .rczp .ybox .ul3 li.li3 .sfq .left{
        width: 100%;
        margin-bottom: 20px;
    }
    #about .rczp .ybox .ul3 li.li3 .sfq .right{
        width: 100%;
    }
    #about .rczp .ybox .ul3 li.li3 .sfq .sfq_one {
        width: 100%;
        padding: 20px 6.3% 20px;
        background-color: #fff;
        margin-bottom: 20px;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }
    #about .rczp .ybox .ul3 li.li3 .sfq .sfq_one.act {
        padding: 30px 6.3% 30px;
        z-index: 5;
    }
    #about .rczp .ybox .ul3 li.li3 .sfq .sfq_one .sfq_top {
        padding-right: 0px;
    }

    #about .xwzx {
        padding: 30px 0 0 0;
    }
    #about .xwzx .lunb {
        padding: 30px 5%;
        margin-top: 30px;
        display: block;
    }
    #about .xwzx .lunb .swi7{
        width: 100%;
    }
    #about .xwzx .lunb .swi8{
        width: 100%;
        margin-top: 15px;
    }

    #about .xwzx .swi_btn {
        display: none;
    }
    #about .xwzx .lunb .swiper7 .s7_box .d_text {
        margin: 7px 0 9px 0;
    }
    #about .xwzx .lunb .swiper8 .swiper-slide {
        width: 100%;
        margin-right: 0px;
        opacity: 1;
    }
    #about .xwlb .ybox {
        padding: 15px 0 30px 0;
    }
    #about .xwlb .ybox .seven_xw .seven {
        width: 100%;
        display: block;
        border-bottom: 1px dashed #dddddd;
        padding: 11px 0 13px 0;
        line-height: 1.5;
    }
    #about .xwlb .ybox .seven_xw .seven .left {
        width: 100%;
    }
    #product .bmcp .ybox {
        padding: 30px 0;
    }
    #product .bmcp .ybox .c_text {
        width: 100%;
        text-align: center;
        margin: 20px auto 0;
        line-height: 2;
        color: #555;
    }
    #product .ldcp .ybox .six_pr .six .left {
        width: 100%;
        height: auto;
        float: none;
        position: relative;
    }
    #product .ldcp .ybox .six_pr .six .right {
        width: 100%;
        height: auto;
        float: left;
    }

    #product .ldcp .ybox .six_pr .six .left .le_text {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        transform: translate(-0, 0);
        padding: 15px;
    }
    #product .ldcp .ybox .six_pr .six .left .le_text .d_text {
        margin: 25px 0 20px 0;
    }
    #product .ldcp .ybox .six_pr .six {
        height: auto;
    }
    #product .ldcp .ybox {
        padding: 0 0 30px 0;
    }
    #product_list .qp .ybox {
        padding: 30px 0;
    }
    #product_list .qp .ybox .zlhq_text {
        margin: 25px auto 25px;
    }
    #product_list .qp .ybox .eight_img .eight {
        width: 100%;
        margin: 0 0.83% 6% 0;
        padding: 15px;
    }
    #product_list .qp .ybox .c_line {
        margin: 30px 0;
    }
    #product_list .qp .ybox .lr_btn {
        height: auto;
        flex-wrap: wrap;
        line-height: 40px;
    }
    #product_list .qp .ybox .lr_btn .lr {
        width: 100%;
        padding: 0 20px 0 20px;
        margin-top: 20px;
    }

    #product_con .cpxq .ybox .lrt {
        width: 100%;
        height: auto;
        display: block;
    }
    #product_con .cpxq .ybox .lrt .left{
        width: 100%;
        height: auto;
    }
    #product_con .cpxq .ybox .lrt .right{
        width: 100%;
            padding: 0;
        }

    #product_con .cpxq .ybox .lrt .left .swiper10 {
        width: 100%;
        height: auto;
    }
    #product_con .cpxq .ybox .lrt .left .swiper10 .swiper-slide img {
        height: auto;
        object-fit: none;
    }
    #product_con .cpxq .ybox {
        padding: 30px 0;
    }
 
    #product_con .cpxq .bg_blue {
        height: 330px;
    }
    #product_con .cpxq .ybox .lrt .right .up .line {
        width: 50px;
        height: 4px;
        background-color: #333;
    }

    #product_con .cpxq .ybox .lrt .right .up .d_text {
        margin: 20px 0;
    }
    #product_con .cpxq .ybox .lrt .right .up .cc_text {
        color: #333;
    }
    #product_con .cpxq .ybox .lrt .right .down {
        padding-top: 0px;
    }

    #product_con .cpbg .ybox {
        padding: 0 0 30px 0;
    }
    #product_con .cpbg .ybox .line {
        margin-bottom: 30px;
    }
    #product_con .cpbg .ybox .sfq .one .up {
        width: 100%;
        height: 60px;
        background-color: #8ea8bf;
        padding: 0 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        border-radius: 9px;
        margin-bottom: 20px;
    }
    #product_con .cpbg .ybox .sfq .one .up .left {
        color: #fff;
        line-height: 1.5;
    }
    #product_con .cpbg .ybox .sfq .one .up .right .zlhq .zl_text {
        margin-right: 9px;
    }
    #product_con .zxly .ybox {
        padding: 30px 0;
    }
    #product_con .zxly .ybox .c_text {
        color: #4c4c4c;
        text-align: center;
        margin: 25px 0 25px 0;
        line-height: 1.5;
    }
    #product_con .zxly .ybox .zxly_box {
        width: 100%;
        padding: 0 0 30px;
    }
    #product_con .zxly .ybox .zxly_box .inpu .inp {
        width: 100%;
        margin-bottom: 20px;
    }
    #product_con .zxly .ybox .zxly_box .two_btn {
        margin-top: 25px;
    }
    #product_con .zxly .ybox .zxly_box {
        width: 100%;
        padding: 0 0 0px;
    }
    #product_con .cpxq .ybox .lrt .left .swiper10 .s10_btn .pnall {
        display: none;
    }
    #product_con .cpxq .ybox .lrt .left .swiper10 .s10_btn {
        height: auto;
        bottom: 10px;
    }
    #product_con .zxly .ybox .zxly_box .inpu .inp input {
        padding-left: 15px;
    }
    #product_con .zxly .ybox .zxly_box .texa textarea {
        height: 130px;
        border-radius: 2px;
        padding: 10px 0 0 15px;
    }
    #research .yfcx {
        width: 100%;
        padding: 30px 0 0 0;
    }
    #research .yfcx .big_img {
        width: 100%;
        height: 550px;
        position: relative;
        margin: 30px 0;
    }
    #research .yfcx .big_img {
        height: auto;
    }

    #research .yfcx .dn_img {
        display: block;
    }
    #research .yfcx .big_text {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 0 5%;
    }
    #research .yfcx .big_text .c_text {
        margin-top: 30px;
        padding-left: 30px;
    }
    #research .yfcx .ybox .four_img .four .left {
        width: 100%;
        float: none;
        padding-top: 0;
        margin-bottom: 20px;
    }
    #research .yfcx .ybox .four_img .four .right {
        width: 100%;
    }
    #research .yfcx .ybox .four_img .four .left .c_text {
        margin-top: 20px;
        height: auto;
        overflow: auto;
        padding-right: 15px;
    }
    #research .yfcx .ybox .four_img .c_line {
        margin: 30px 0;
    }
    #research .yfcx.gyjs {
        padding:40px 0;
    }

    #research .yfzl .ybox {
        padding: 30px 0;
    }
    #research .yfzl .ybox .c_text {
        margin: 20px 0 25px 0;
    }
    #research .yfzl .ybox .ul1 {
        height: 33px;
    }
    #research .yfzl .ybox .ul2 li .three{
        line-height: 1.5;
        padding: 10px 5px;
    }
    #research .yfzl .ybox .ul2 li .three:nth-child(1) {
        width: 40.875%;
    }
    #research .yfzl .ybox .ul2 li .three:nth-child(3) {
        width: 24.5%;
    }

    #research .yfzl .ybox .ul2::-webkit-scrollbar {
        width: 5px;
        height: 1px;
    }
    
    #research .yfzl .ybox .ul2::-webkit-scrollbar-thumb {
        width: 16px;
        background: #015aaa;
        border-radius: 10px;
    }
    
    #research .yfzl .ybox .ul2::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 10px;
    }
    #research .yfzl .ybox .ul2 {
        margin-top: 25px;
        padding-right: 10px;
    }

    #contact .contact_map .three_city {
        width: auto;
        position: relative;
        top: auto;
        right: auto;
        transform: translateY(0);
        z-index: 5;
        display: flex;
        justify-content: space-between;
    }

    #contact .contact_map {
        padding: 30px 0 0 0;
    }

    #contact .contact_map .three_city .three {
        height: 60px;
    }
    #map {
        height: 300px;
    }

    #contact .shanp .ybox {
        padding: 30px 0;
    }
    #contact .shanp .ybox .four_img {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #contact .shanp .ybox .four_img .four {
        width: 100%;
        margin-bottom: 25px;
        text-align: center;
    }

    #contact .shanp .ybox .four_img .four .f_img{width: 30px;margin: 0 auto;}


    #contact .shanp .ybox .four_img .four:nth-child(4) .f_img{width: 70px;}

    #contact .shanp .ybox .four_img .four:last-child {
        margin-bottom: 0;
    }
    #contact .shanp .ybox .four_img .four .line {
        margin: 10px 0 15px 0;
    }
    #supplier .hzlc .ybox {
        padding:30px 0 0 0;
    }
    #supplier .hzlc .ybox .seven_img {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        padding: 0 2%;
        flex-wrap: wrap;
    }
    #supplier .hzlc .ybox .seven_img .seven {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
    }
    #supplier .hzlc .ybox .seven_img .seven:nth-child(2n) {
        margin-right: 0;
    }
    #supplier .hzlc .ybox .seven_img .seven::before {
        display: none;
    }
    #supplier .hzlc .ybox .c_line {
        background-color: transparent;
        margin-top: 25px;
    }
    #supplier .hzlc .ybox .seven_img .seven .sev_img {
        margin: 20px 0 20px 0;
        width: 40px;
    }

    #supplier .cgpl .ybox {
        padding: 30px 0 0 0;
    }

    #supplier .cgpl .ybox .six_text {
        margin-top: 25px;
        display: block;
    }
    #supplier .cgpl .ybox .six_text .six {
        width: 100%;
        margin-right: 0;
        padding: 15px;
        border: 1px solid #dddddd;
        margin-bottom: 20px;
    }
    #supplier .cgxq .ybox {
        padding:30px 0;
    }
    #supplier .cgxq .ybox .two_xq {
        width: 100%;
        margin-top: 25px;
    }
    #search .banner1 .ybox {
        position: relative;
        bottom: auto;
        left: auto;
        transform: translateX(0);
        margin-top: 25px;
    }

    #search .banner1 .ybox .ssjg .three_text {
        width: 100%;
        height: 56px;
        display: block;
        justify-content: space-between;
        align-items: center;
    }
    #search .banner1 .ybox .ssjg .three_text .inp {
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 30px;
        overflow: hidden;
        margin-bottom: 25px;
    }
    #search .banner1 .ybox .ssjg .three_text .ss {
        width: 45%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #333;
        background-color: #eeeeee;
        cursor: pointer;
        border-radius: 30px;
        overflow: hidden;
        float: left;
    }
    #search .banner1 .ybox .ssjg .three_text .fh {
        width: 45%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #eeeeee;
        cursor: pointer;
        border-radius: 30px;
        overflow: hidden;
        float: right;
    }
    #search .banner1 .ybox .ssjg {
        padding: 20px 4% 85px;
    }

    #search .xwjg .ybox {
        padding: 30px 0;
    }

    #search .xwjg .ybox .cpdd .cp_line {
        margin: 20px 0 10px 0;
    }

    #search .xwjg .ybox .cpdd .seven_xw .seven {
        display: block;
        padding: 22px 0 13px 0;
    }
    #search .xwjg .ybox .cpdd .seven_xw .seven .left {
        width: 100%;
    }
    #search .xwjg .ybox .xwzx.cpdd {
        margin-top: 45px;
    }
    #search .xwjg .ybox .cpdd .eight_img .eight {
        width: 100%;
        margin: 0 0% 6% 0;
        background-color: #f9f9f9;
        padding: 15px;
    }
    #search .banner1 .ban1_text{
        top: 29%;
    }
    #index_en .banner .swiper11 .s11_box .s11_img img:last-child {
        display: block;
    }
    #index_en .banner .swiper11 .s11_box .s11_img img:first-child {
        display: none;
    }
    #index_en .banner {
        margin-top: 50px;
    }
    #index_en .gsjj {
        margin-top: 30px;
    }
    #index_en .gsjj .zbox.en {
        padding: 0 0 30px 0;
    }

    #index_en .gsjj .zbox.en .lrt {
        width: 100%;
        display: block;
        justify-content: space-between;
    }

    #index_en .gsjj .zbox.en .lrt .left{
        width: 100%;
    }
    #index_en .gsjj .zbox.en .lrt .right{
        width: 100%;
        margin-top: 25px;
        padding: 0;
    }
    #index_en .gsjj .zbox.en .lrt .left video {
        width: 100%;
        height: 300px;
        object-fit: none;
    }
    .zbox.en {
        max-width: 1030px;
        min-width: 100px;
        width: 90%;
        margin: 0 auto;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        box-sizing: border-box;
    }
    #index_en .gsjj .zbox.en .lrt .right .three_img {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: 20px 0 30px;
    }
    #index_en .gsjj .zbox.en .lrt .right .three_img .three .tupian {
       display: none;
    }
    #index_en .gsjj .zbox.en .lrt .right .three_img .three {
        margin-right: 4%;
        margin-bottom: 6%;
        display: flex;
    }
    #index_en .gsjj .zbox.en .lrt .right .three_img .three:nth-child(2n) {
        margin-right: 0;
    }
    #index_en .gsjj .zbox.en .lrt .right .three_img .three .wenzi .flx .nian {
        transform: translate(3px, 1px);
    }
    #index_en .gsjj .zbox.en .lrt .right .three_img .three:last-child .wenzi .flx .num::before {
        content: "+";
        display: block;
        position: absolute;
        top: -11px;
        right: -15px;
        color: #333;
        font-size: 31px;
    }

    #index_en .cpzx .zbox.en {
        padding: 30px 0 0 0;
    }
    #index_en .cpzx .zbox.en .down {
        display: none;
    }

    #index_en .cpzx .zbox.en .down1 {
        display: block;
        margin-top: 25px;
    }
    #index_en .cpzx .zbox.en .down1 .swiper12{
        width: 100%;
    }
    #index_en .cpzx .zbox.en .down1 .swiper12 .s12_box{
        position: relative;
        width: 100%;
    }
    #index_en .cpzx .zbox.en .down1 .swiper12 .s12_box img{
        width: 100%;
    }
    #index_en .cpzx .zbox.en .down1 .swiper12 .s12_box .s12_fp{
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #index_en .cpzx .zbox.en .down1 .swiper12 .s12_box .s12_fp .d_text{
        color: #fff;
        margin-bottom: 25px;
        text-transform: uppercase;
    }
    #index_en .xwzx .zbox.en {
        padding: 30px 0 ;
    }
    #index_en .xwzx .zbox.en .down {
        width: 100%;
        display: block;
        justify-content: space-between;
        margin-top: 25px;
    }
    #index_en .xwzx .zbox.en .down .d_left{
        width: 100%;
    }
    #index_en .xwzx .zbox.en .down .d_right{
        width: 100%;
        padding: 0;
        margin-top: 15px;
    }
    #index_en .xwzx .zbox.en .down .d_left .l_text {
        padding-top: 15px;
    }
    #index_en .xwzx .zbox.en .down .d_left .l_text .year {
        margin-bottom: 10px;
    }
    #index_en .xwzx .zbox.en .down .d_right .five_text .five {
        padding: 20px 0;
        display: block;
    }
    #index_en .xwzx .zbox.en .down .d_right .five_text .five .c_text {
        width: 100%;
        margin-bottom: 10px;
    }
    #news_con .xwxq .kong_box {
        display: none;
    }
    #news_con .xwxq {
        padding-top: 50px;
    }
    #news_con .xwxq .ybox {
        padding: 30px 0;
    }
    #news_con .xwxq .ybox .up .two_text .one .two:last-child {
        display: none;
    }
    #news_con .xwxq .ybox .up {
        margin-bottom: 25px;
    }
    #news_con .xwxq .ybox .up .xwxq_title {
        margin-bottom: 25px;
    }
    #news_con .xwxq .ybox .down .xwxq_img img {
        margin: 30px auto 30px;
    }
    #news_con .xwxq .ybox .down .line {
        margin: 30px 0 30px 0;
    }
    #news_con .xwxq .ybox .sxf {
        display: block;
    }
    #news_con .xwxq .ybox .sxf .left {
        width: 100%;
        margin-bottom: 25px;
    }
    #news_con .xwxq .ybox .sxf .left .sxyp.syp {
        margin-bottom: 20px;
    }
    #news_con .xwxq .ybox .sxf .right .fhlb {
        width: 145px;
        height: 46px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #015aaa;
        color: #fff;
        border-radius: 30px;
    }
    #product_con .cpxq {
    margin-top: 50px;
    overflow: hidden;

}
#index_en .gsjj .zbox.en .lrt .left video {
    display: none;
}
#index_en .gsjj .zbox.en .lrt .left img{
    display: block;
}
#index_en .banner .swiper11 .pagination11 {
    bottom: 15%;
}
#index_en .banner .swiper11 .s11_box .s11_fp .c_text {
    line-height: 1.5;
}

#about .gsjj .ybox .six_text .six:nth-child(5) .sc_text,#about .gsjj .ybox .six_text .six:nth-child(6) .sc_text{font-size: 20px;}

#index .gsjj .ibox .lrt .left .left_fp .fp_img{width: 50px;}

#index .gsjj .ibox .lrt .right .three_img .three{width: 33.33%;}

#index .gsjj .ibox .lrt .right .three_img .three .wenzi{width: 100%;}

.swiper1 .pagination1 span{width: 20px;height: 20px;}

#product_con .cpxq .ybox .lrt .right .up .bf{background: url(../png/xz2.png) left center no-repeat;}

#product_con .cpxq .ybox .lrt .right .up .bf span{color: #000;line-height: 30px;border-bottom: 1px solid #000;}

#product .ldcp .ybox .swiper_pr1 .bent .btn{display: none;}

#product .ldcp .ybox .swiper_pr1{padding-bottom: 10px;}

#product .ldcp .ybox .swiper_pr1 .bent .pagination_pr1{text-align: center;}

#product .ldcp .ybox .swiper_pr1 .bent .pagination_pr1 span{width: 10px;height: 10px;margin-right: 10px;}






#about .zpmh {
    width: 235px;
    height: 55px;
    border-radius: 41px;
    padding: 0 26px;
    margin-top: 20px;
}

#product_con .cpxq .ybox .lrt .left .swiper10 .s10_btn .swiper-pagination span{width: 6px;height: 6px;margin: 0 3px;}


}