/*css*/
.fl {
    float: left;
}

.fr {
    float: right;
}

p {
    padding: 0;
    margin: 0;
}

.container-fluid1 {
    padding: 0 3.125%;
}

.w1600 {
    max-width: 1600px;
    margin: 0 auto;
}

/*head*/
.x-header1 {
    background: #fff;
    height: 98px;
}

.x-logo1 {
    line-height: 98px;
    width: 22%;
}
.x-logo1 img{
    max-width: 100%;
}


.sskaa {
    /*margin-top: 45px;*/
    position: relative;
}

.search_box {
    display: none;
    position: absolute;
    line-height: 3.125rem;
    height: 3.125rem;
    /*background: #fff;*/
    z-index: 9999;
    /*width: 100%;*/
    top: 90px;
    right: 0;
    padding: 0 2%;
}


.scroll{
    position: fixed;
    width: 100%;
    left:50%;
    margin-left: -50%;
    z-index: 9999;
    box-shadow: 3px 4px 3px hsl(0deg 0% 60%);
}

.search_box .hout_keys {
    font-size: 0.875rem;
    color: #666;
}

.search_box .hout_keys a {
    color: #666;
    display: inline-block;
    padding-right: 10px;
}

#formsearch1 {
    vertical-align: middle;
    width: 215px;
}

#formsearch1 input {
    height: 22px;
    background: #fff;
    border: 1px solid #c8c8c8;
    line-height: 22px;
}

#formsearch1 input#keyword {
    height: 24px;
    line-height: 24px;
    padding-left: 4px;
    color: #666;
    vertical-align: middle;
}

#formsearch1 input#s_btn {
    width: 46px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #000;
    color: #fff;
    border: none;
    cursor: pointer;
    vertical-align: middle;
}

.zywen {
    margin: 22px 2vw 0 1.5vw;
}

.zywen,
.zywen a {
    color: #333333;
    font: 500 16px/68px "微软雅黑";
}

a.ssk_ss {
    display: block;
    line-height: 68px;
    margin-top: 22px;
}

@media (max-width: 1440px) {
    .x-menu>li>a {
        padding: 0 0.8vw;
    }
}

@media (max-width: 1200px) {
    .x-menu>li>a {
        padding: 0 0.4vw;
    }

    .zywen,
    .sskaa {
        display: none;
    }
}

/*cont1*/
.a1_b1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2vw;
}

.a1_b1 li {
    width: 32%;
}

.a1_b1 li a.img {
    display: block;
    position: relative;
}

.a1_b1 li a.img .jkyuy_img img {
    width: 100%;
}

.a1_b1 li .jkyuy_nei {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.a1_b1 li .jkyuy_nei .jkyuy_nei_tt img {
    height: 2.35vw;
}

.a1_b1 li .jkyuy_nei_yy {
    color: #ffffff;
    font: 500 20px/1.2em "微软雅黑";
    margin-top: 1em;
}

@media (max-width: 1200px) {
    .a1_b1 li .jkyuy_nei_yy {
        font: 500 16px/1.2em "微软雅黑";
    }
}

@media (max-width: 991px) {
    .a1_b1 li .jkyuy_nei .jkyuy_nei_tt img {
        height: 3vw;
    }
}

@media (max-width: 640px) {
    .a1_b1 li {
        width: 100%;
        margin-top: 1em;
    }

    .a1_b1 li .jkyuy_nei .jkyuy_nei_tt img {
        height: 3em;
    }
}

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

/*cont2*/
.cont2 {
    margin-top: 2.6vw;
}

.title_a1 {
    text-align: center;
}

.title_a1 h2 {
    color: #333333;
    font: 500 34px/1.3em "微软雅黑";
}

.title_a1 h2 span {
    color: #999999;
    font: 500 16px/2em "Arial";
    display: block;
    text-transform: uppercase;
}

.a2_b1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3vw;
}

.a2_b1 li {
    text-align: center;
}

.a2_b1 li .a2_c1 {
    font-size: 0;
}

.a2_b1 li .a2_c1 b {
    display: inline-block;
    color: #333333;
    font: 600 50px/1.4em "Myriad Pro";
}

.a2_b1 li .a2_c1 span {
    display: inline-block;
    color: #666666;
    font: 500 19px/1.4em "微软雅黑";
}

.a2_b1 li .a2_c2 {
    color: #333333;
    font: 500 21px/2.2em "微软雅黑";
    background: url(//cdn.myxypt.com/0a527097/21/09/addcdaf51bfd3336fa90b30406c60149acc42fee.png) no-repeat center top;
}

@media (max-width: 991px) {
    .title_a1 h2 {
        font-size: 28px;
    }

    .title_a1 h2 span {
        font-size: 14px;
    }

    .a2_b1 li .a2_c1 b {
        font-size: 42px;
    }

    .a2_b1 li .a2_c1 span {
        font-size: 15px;
    }

    .a2_b1 li .a2_c2 {
        font-size: 16px;
    }
}

@media (max-width: 640px) {
    .title_a1 h2 {
        font-size: 23px;
    }

    .title_a1 h2 span {
        font-size: 12px;
    }

    .a2_b1 li .a2_c1 b {
        font-size: 24px;
    }

    .a2_b1 li .a2_c1 span {
        font-size: 12px;
    }

    .a2_b1 li .a2_c2 {
        font-size: 12px;
    }

    .cont2 {
        margin-top: 2em;
    }
}

/*cont3*/
.cont3 {
    background: #f7f7f7;
    padding: 2.7vw 0;
    margin-top: 3vw;
}

.a3_b1 {
    width: 100%;
}

.a3_b2 {
    width: 40.5625%;
}

.a3_v1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2vw;
}

.cp_list1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
    height: 100%;
}

.cp_list1 li {
    width: 23.6%;
}

.cp_list2 li {
    width: 100%;
}

.cp_ernn li a.img {
    display: block;
    position: relative;
    overflow: hidden;
}

.cp_ernn li a.img img {
    width: 100%;
    transition: all .5s ease;
}

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


.cp_ernn li a.img h2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font: 500 20px/3.3em "微软雅黑";
    background: rgba(0, 0, 0, .6);
    opacity: 0;
}

.cp_ernn li:hover a.img h2 {
    opacity: 1;
}

@media (max-width: 991px) {
    .cp_ernn li a.img h2 {
        font-size: 16px;
    }
}

@media (max-width: 768px) {

    .a3_b1,
    .a3_b2 {
        width: 100%;
    }

    .cp_ernn li {
        margin-bottom: 2vw;
    }

    .cont3 {
        padding: 2em 0;
        margin-top: 2.5em;
    }
}

@media (max-width: 540px) {
    .cp_ernn li a.img h2 {
        font-size: 14px;
        line-height: 2.8em;
    }
}

.x-banner1 a.img {
    position: relative;
    display: block;
}

.x-banner1 a.img .wenhha {
    position: absolute;
    left: 3.126%;
    top: 30%;
    color: #fff;
    z-index: 99;
}

.x-banner1 a.img .wenhha p {
    color: #ffffff;
    font: 500 18px/2em "微软雅黑";
}

.x-banner1 a.img .wenhha p:before {
    content: "";
    display: inline-block;
    width: 52px;
    height: 1px;
    background: #fff;
    vertical-align: middle;
    margin-right: 10px;
}

.x-banner1 a.img .wenhha h2 {
    color: #ffffff;
    font: 600 26px/1.5em "微软雅黑";
    width: 6em;
    margin-left: 10px;
    margin-top: 0.5em;
}

.x-banner1 a.img .wenhha i {
    display: block;
    background: url(//cdn.myxypt.com/0a527097/21/09/2d949ab3ef483b55ab3765b7383669fcdcf4943a.png) no-repeat center top;
    width: 36px;
    height: 36px;
    margin-left: 10px;
    margin-top: 1em;
}

.x-banner1 a.img .wenhha2 {
    width: 25.208%;
    background: rgba(0, 0, 0, .8);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}

.hhah_aa {
    position: relative;
    height: 100%;
}

.hhah_aa h2 {
    position: absolute;
    left: 2.5vw;
    bottom: 10%;
    color: #fff;
    font: 500 26px/2em "微软雅黑";
}

.x-banner1 .owl-prev {
    display: none;
}

.cont4 .x-banner1 .owl-nav {
    position: absolute;
    bottom: 23%;
    right: 0%;
    z-index: 999;
    width: 25.208%;
}

.cont4 .x-banner1 .owl-carousel .owl-next {
    display: block;
    outline: none;
    border: none;
    color: rgba(255, 255, 255, .6);
    font: 500 18px/2em "微软雅黑";
    background: url(//cdn.myxypt.com/0a527097/21/09/948f39ca6a9aa5a6d20c1bd7c7d6da1b07dc589f.png) no-repeat right center;
    padding-right: 1.5em !important;
    margin-left: 2.5vw;
}

@media (max-width: 1200px) {
    .x-banner1 a.img .wenhha p {
        font-size: 16px;
    }

    .x-banner1 a.img .wenhha h2 {
        font-size: 20px;
    }

    .hhah_aa h2 {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .x-banner1 a.img .wenhha {
        display: none;
    }

    .x-banner1 a.img .wenhha2 {
        width: 100%;
        height: auto;
        top: calc(100% - 3em);
    }

    .hhah_aa {
        height: auto;
        position: initial;
        width: 100%;
    }

    .hhah_aa h2 {
        position: initial;
        text-align: center;
        width: 100%;
        padding: 0.25em 0;
    }
}

/*cont5*/
.cont5 {
    margin-top: 2.5vw;
}

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

.case_list1 li {
    width: 24.5%;
}

.case_list1 li a.img {
    display: block;
    overflow: hidden;
}

.case_list1 li a.img img {
    width: 100%;
    transition: all .5s ease;
}

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

.case_list1 li h2 a {
    display: block;
    text-align: center;
    color: #333333;
    font: 500 18px/3em "微软雅黑";
    background: #f7f7f7;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 991px) {
    .case_list1 li {
        width: 49%;
        margin-bottom: 1em;
    }
}

@media (max-width: 640px) {
    .case_list1 li h2 a {
        font-size: 14px;
    }
}

/*cont6*/
.cont6 {
    background: #f7f7f7;
    padding-top: 2.7vw;
    margin-top: 3vw;
}

.a6_v1 {
    margin-bottom: 3vw;
}

.xw_list1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3vw;
}

.xw_list1 li {
    width: 24%;
}

.xw_list1 li h2 a {
    display: block;
    color: #333333;
    font: 500 18px/2em "微软雅黑";
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.xw_list1 li span {
    display: block;
    color: #666;
    font: 500 16px/2em "Arial";
}

.xw_list1 li h3 {
    color: #666666;
    font: 500 14px/1.8em "微软雅黑";
    max-height: 5.4em;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xw_list1 li a.img {
    display: block;
    margin-top: 1em;
    overflow: hidden;
}

.xw_list1 li a.img img {
    width: 100%;
    transition: all .5s ease;
}

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

.f_link {
    padding: 0.5em 0;
}

.f_link,
.f_link a {
    color: #999999;
    font: 500 14px/2em "微软雅黑";
}

.f_link a:hover {
    color: #000;
}

@media (max-width: 991px) {
    .xw_list1 li {
        width: 49%;
        margin-bottom: 1em;
    }

    .a6_v2 {
        display: none;
    }
}

@media (max-width: 640px) {
    .xw_list1 li h2 a {
        font-size: 14px;
    }

    .xw_list1 li span,
    .xw_list1 li h3 {
        font-size: 12px;
    }
}

/*foot*/
.x-seo1 b {
    font-weight: 500;
}

.x-seo1 b a+a:before {
    content: ".";
}

.x-footer1 {
    background: #202020;
    padding: 2em 0 1em;
    /*text-align: center;*/
    font-size: 14px;
    color: #999999;
    line-height: 2em;
}

.x-footer1 a {
    color: #999999;
}

.x-footer1 a:hover {
    color: #fff;
}

@media (max-width: 991px) {

    .x-region1,
    .x-seo1 {
        display: none;
    }

    .x-footer1 {
        font-size: 12px;
        padding-bottom: 20%;
    }
}


/*phone底部导航*/

li {
    list-style: none;
}

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

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

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

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

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

.pf_down li.l1 .ico7 {
    background: url(//cdn.myxypt.com/0a527097/21/09/05aebf4d933e9f9fc88994655bd17ad0bfa67e4e.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
    background: url(//cdn.myxypt.com/0a527097/21/09/51f0063ca6cf01cf2f86dcdbb2a56d7f21e749bd.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
    background: url(//cdn.myxypt.com/0a527097/21/09/ab41b16323b94fe5317f71a2f84c7321f6bebfe7.png) no-repeat center;
    background-size: 20px 20px;
}

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