/*初始化样式*/

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

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

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

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

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

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

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

.clearfix{zoom:1}

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



h1,h2{font-size:12px;font-weight:bold;}

hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin: 0;}



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

.fl{float:left;}

.fr{float:right;}

.di{_display:inline;}

.fwn{font-weight:normal;}

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





/*滚动*/

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

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

#demo1 {float: left;}

#demo2 {float: left;}



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

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

#m_demo1 {float: left;}

#m_demo2 {float: left;}





.com-img{ display:block; overflow:hidden;}

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

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



.xypg-right-content{font-size: 14px;}

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

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





.section{overflow: hidden;}





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

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



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







@font-face {

    font-family: "BODONISTD-BOOK";

    src: url("/__cdn/cdn.myxypt.com/vpwoqyxj/t/1/assets/BODONISTD-BOOK.otf");

}

@font-face {

    font-family: "BODONISTD-ITALIC";

    src: url("/__cdn/cdn.myxypt.com/vpwoqyxj/t/1/assets/BODONISTD-ITALIC.otf");

}



.allhidden{display: none;}

.allshow{display: block;}



/*头部样式*/

.top_head{position: fixed;border-bottom: 1px solid rgba(255,255,255,.3);width: 100%;top: 0px;z-index: 9999;}

.top_head>.flex{height: 78px;}



.top_head.scroll{background: #0f1021;}





.logo{position: relative;}

.logo a{display: block;}

.logo a img{max-width: 100%;}



.top_right{position: relative;display: flex;align-items: center;justify-content: flex-end;}



/* top_ss */

.top_ss {width: 35px;height: 35px;position: relative;display: flex;align-items: center;justify-content: center;}

.top_ss .ss_btn {width: 35px;height: 35px;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/02/51df65e096d28e090e0dc78cf012bb52b3571fdb.png) no-repeat center;cursor: pointer;}

.top_ss #formsearch {position: absolute;top: 45px;right: 0px;z-index: 9999;width: 200px;display: none;background: #f2f2f2;}

.top_ss #formsearch #s_btn {float: left;outline: none;border: none;width: 35px;height: 30px;font-size: 0;background-color: transparent;background-repeat: no-repeat;background-image: url(/__cdn/cdn.myxypt.com/19a72a49/22/02/d361eebbe300be32588323061960f488837223d4.png);background-position: 0 -210px;}

.top_ss #formsearch #keyword {float: left;background: none;outline: none;border: none;width: calc(100% - 35px);color: rgba(0, 0, 0, 0.8);margin-top: 0px;height: 30px;padding-left: 10px;font-size: 14px;}



/* xbb */

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

.xbb .swiper-slide img{display: block;width: 100%;}









.xbb .shu{position: absolute;left: 50%;transform: translateX(-50%);bottom: 30px;z-index: 999;}

.xbb .shu img{-webkit-animation: myfirst 1.5s infinite;animation: myfirst 1.5s infinite;}



.f_banner{position: absolute;right: 13.5416vw;bottom: 50px;display: flex;align-items: center;justify-content: center;z-index: 999;}

.f_banner .swiper-button-prev,.f_banner .swiper-button-next{position: relative;width: 30px;height: 30px;margin-top: -5px;left: 0px;right: 0px;top: 0px;bottom: 0px;opacity: 1;}

.f_banner .swiper-button-prev{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/02/16203521b8e53e5d1f08e9772c83fe65dca2f9a7.png) no-repeat center;}

.f_banner .swiper-button-next{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/02/dbc4471786179c0fae3e9d419b4d9fe4a19d18ef.png) no-repeat center;}





@-webkit-keyframes myfirst {

    0% {

        -webkit-transform: translate(0px, 0px);

        transform: translate(0px, 0px);

    }

    50% {

        -webkit-transform: translate(0px, -30px);

        transform: translate(0px, -30px);

    }

    100% {

        -webkit-transform: translate(0px, 0px);

        transform: translate(0px, 0px);

    }

}



@keyframes myfirst {

    0% {

        -webkit-transform: translate(0px, 0px);

        transform: translate(0px, 0px);

    }

    50% {

        -webkit-transform: translate(0px, -30px);

        transform: translate(0px, -30px);

    }

    100% {

        -webkit-transform: translate(0px, 0px);

        transform: translate(0px, 0px);

    }

}













/* c1_index */

.c1_index{position: relative;}



.c1_botom{position: absolute;width: 100%;bottom: 5.2083vw;z-index: 999;}

.c1_botom .hd{position: relative;display: flex;background: rgba(56,56,56,.5);}

.c1_botom .hd li{flex: 1;position: relative;padding:10px 0;margin: 0 0px 0px 0px;text-align: center;background: transparent;transition: .3s ease;-webkit-transition:.3s ease;}

.c1_botom .hd li a{display: block;}

.c1_botom .hd li .lhimg{line-height: 40px;margin-bottom: 10px;min-width: 40px;}

.c1_botom .hd li .lhimg img{max-width: 40px;}

.c1_botom .hd li h3{color: #fff;font-size: 0.8333vw;}

.c1_botom .hd li.on{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/3014b38ea8761d474aaabf9f3a9e17c32ef6b481.png) no-repeat center;background-size: 100% 100%;}



.big_list{position: relative;}

.big_list li{position: relative;}

.big_list li>a img{display: block;width: 100%;}

.big_list li .off{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;padding-top: 8.333vw;z-index: 999;}

.big_list li .off .spp{color: #fff;max-width: 530px;line-height: 1.7;}

.big_list li .off .spp p:nth-child(1){font-size: 22px;margin-bottom: 20px;}

.big_list li .off .spp p:nth-child(2){font-size: 16px;}



.big_list li .off .tit2x{text-align: left;margin-bottom: 4.166vw;}

.big_list li .off .tit2x h3{color: #fff;font-size: 40px;font-family: "BODONISTD-BOOK";text-transform: uppercase;position: relative;margin-bottom: 5px;}

.big_list li .off .tit2x h3::before{position: absolute;top: 50%;width: 2.60416vw;height: 1px;background: #fff;content: "";left: -3.64583vw;}

.big_list li .off .tit2x p{color: #fff;font-size: 22px;font-weight: 400;position: relative;}

.big_list li .off .tit2x i{display: block;color: #fff;font-style: inherit;font-size: 16px;margin-top: 10px;}





.image-mask {

  position: relative;

  display: inline-block;

  width: 100%;

}



.image-mask:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.6) 100%);

  z-index: 1;

}



.image-mask img {

  display: block;

  width: 100%;

  height: auto;

  z-index: 2;

}







.tab-con { position: relative; }

.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}

.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }

.tab-con .tab-main.on { position: static; opacity: 1; visibility: visible; }



/* 手机 */

.mob_c1_botom{position: absolute;width: 100%;bottom: 5.2083vw;z-index: 999;}

.mob_c1_botom .hd{position: relative;display: flex;}

.mob_c1_botom .hd .swiper-slide{position: relative;text-align: center;background: transparent;transition: .3s ease;-webkit-transition:.3s ease;padding: 10px;}

.mob_c1_botom .hd .swiper-slide a{display: block;}

.mob_c1_botom .hd .swiper-slide .lhimg{line-height: 40px;margin-bottom: 10px;min-width: 40px;}

.mob_c1_botom .hd .swiper-slide .lhimg img{max-width: 40px;}

.mob_c1_botom .hd .swiper-slide h3{color: #fff;font-size: 16px;}

.mob_c1_botom .hd .swiper-slide.swiper-slide-thumb-active{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/3014b38ea8761d474aaabf9f3a9e17c32ef6b481.png) no-repeat center;background-size: 100% 100%;}







/* c2_index */

.c2_index{position: relative;

/* padding: 4.6875vw 0; */

/*background: url(/__cdn/cdn.myxypt.com/1044b33c/23/02/26a281b28e30bb17d1cf15d1529336560587883f.jpg) no-repeat;background-size: cover;*/} 



.title-two{position: relative;}

.title-two h3{font-size: 40px;font-family: "BODONISTD-BOOK";text-transform: uppercase;color: #000;position: relative;}

.title-two h3::before{position: absolute;top: 50%;width: 2.60416vw;height: 1px;background: #000;content: "";left: -3.64583vw;}

.title-two .llj{font-size: 16px;color: #545454;font-family: "BODONISTD-BOOK";text-transform: uppercase;margin-bottom: 10px;margin-top: 10px;}

.title-two p{font-size: 22px;font-weight: 400;color: #000;}



.title-eight h3::before{position: absolute;top: 50%;width: 2.60416vw;height: 1px;background: #1d688a;content: "";left: -3.64583vw;}















.c2_con{position: relative;margin-top: 3.125vw;}

.c2_con ul{display: flex;flex-wrap: wrap;margin: 0 -2.083vw;}

.c2_con ul li{position: relative;width: calc(33.33% - 4.166vw);margin: 0 2.083vw 1.25vw 2.083vw;border-top: 3px solid #b2b2b2;}

.c2_con ul li .bggimg{opacity: 0;transition: all .3s ease;-webkit-transition: all .3s ease;height: 22vh;}

.c2_con ul li .bggimg img{display: block;width: 100%;}



.c2_con ul li .cto{position: absolute;transition: .3s ease;-webkit-transition:.3s ease;left: 0px;top: 0px;width: 100%;height: 100%;}

.c2_con ul li .cto h3{color: #000000;padding: 1.5625vw 0;font-size: 1.14583vw;}

.c2_con ul li .cto .flex-center{display: flex;align-items: center;justify-content: space-between;}

.c2_con ul li .cto .flex-center img{max-width: 100%;}



.c2_con ul li .cbm{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;display: none;



/* background: url(/__cdn/cdn.myxypt.com/1044b33c/23/02/37e02e2fa882a79e897bab61c4e440919a18c370.jpg) no-repeat center; */



padding: 15px 10px;}

.c2_con ul li .cbm .bgg_fu{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column-reverse;text-align: center;color: #fff;}

.c2_con ul li .cbm h3{font-size: 16px;color: #fff;font-weight: normal;margin-bottom: 20px;}

.c2_con ul li .cbm h4{font-size: 22px;color: #fff;font-weight: normal;position: relative;margin-bottom: 1.5625vw;padding-bottom: 1.5625vw;}

.c2_con ul li .cbm h4::before{position: absolute;width: 33px;height: 2px;background: #fff;bottom: 0px;left: 50%;margin-left: -16.5px;content: "";}

.c2_con ul li .cbm a{font-size: 16px;color: #fff;font-weight: normal;padding:7px 1.5625vw;border: 1px solid #fff;margin: 0 auto;display: inline-block;}



.c2_con ul li:hover{border-top-color: #0d4da1;}

.c2_con ul li:hover .cto{display: none;}

.c2_con ul li:hover .cbm{display: block;}



.c2_con ul li:hover .bggimg{opacity: 1;}





/* c3_index */

.c3_index{position: relative;display: flex;flex-wrap: wrap;align-items: center;height: 100%;}

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

.c3_left .bd li{position: relative;}

.c3_left .bd li .lhimg img{display: block;width: 100%;} 

.c3_left .bd li .lhii{position: absolute;left: 0px;top: 50%;transform: translateY(-50%);z-index: 999;padding-left: 13.416vw;width: 40%;}



.lhii-title{position: relative;margin-bottom: 4.6875vw;}

.lhii-title h3{font-size: 40px;font-family: "BODONISTD-BOOK";text-transform: uppercase;color: #fff;margin-bottom: 5px;position: relative;}

.lhii-title h3::before{position: absolute;top: 50%;width: 2.60416vw;height: 1px;background: #fff;content: "";left: -3.64583vw;}

.lhii-title p{font-size: 22px;font-weight: 400;color: #fff;position: relative;margin-bottom: 10px;}

.lhii-title .llj{font-size: 16px;color: #fff;font-family: "BODONISTD-BOOK";text-transform: uppercase;margin-bottom: 10px;}



.lhii-cc{position: relative;}

.lhii-cc h3{font-size: 22px;font-family: "BODONISTD-BOOK";text-transform: uppercase;color: #fff;margin-bottom: 1.0416vw;}

.lhii-cc h3 span{padding-right: 20px;line-height: 35px;display: inline-block;}

.lhii-cc h3 .ivideo{display: inline-block;}





.lhii-cc h3 span a{color: #fff;}

.lhii-cc p{font-size: 18px;font-weight: 400;color: #fff;}



.c3_left .bd li:nth-child(n+2) .lhii-cc h3 span{background: none;}







.c3_right{position: absolute;width: 60%;right: 0px;top: 0px;height: 100%;align-items: center;}

.c3_right .hd{position: relative;height: 100%;display: flex;}

.c3_right .hd li{height: 100%;width: calc(33.33% - 1px);border-left: 1px solid #fff;display: flex;justify-content: center;align-items: center;flex-direction: column-reverse;text-align: center;padding-left: 2.60416vw;padding-right: 2.60416vw;position: relative;}

.c3_right .hd li a{display: block;position: relative;z-index: 99;}

.c3_right .hd li .hk1{opacity: 1;font-size: 1.5625vw;color: #fff;font-family: "BODONISTD-BOOK";text-transform: uppercase;line-height: 1;}

.c3_right .hd li .hk2{font-size: 22px;color: #fff;font-weight: normal;margin: 10px 0 3.125vw;}

.c3_right .hd li .hk3{opacity: 0;font-size: 0.8333vw;color: #fff;line-height: 1.7;margin-bottom: 1.5625vw;height: 80px;overflow: hidden;}

.c3_right .hd li .hk4{opacity: 0;font-size: 0.8333vw;color: #fff;font-weight: normal;padding:7px 1.5625vw;border: 1px solid #fff;margin: 0 auto;display: inline-block;}



.c3_right .hd li.on::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;content: "";z-index: 1;background: rgba(13,77,161,.8);}

.c3_right .hd li.on .hk1,

.c3_right .hd li.on .hk3,

.c3_right .hd li.on .hk4{opacity: 1;}





.tab2-con { position: relative; }

.tab2-con .tab2-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}

.tab2-con .tab2-main { opacity: 0; visibility: hidden; transition: all .5s ease; }

.tab2-con .tab2-main.on { position: static; opacity: 1; visibility: visible; }





/* c4_index */

.c4_index{position: relative;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/06/7499de960f7e73a8283506f6332c47be1fe35452.jpg) no-repeat;background-size: cover;



    /* padding: 7.8125vw 0 3.64583vw;margin-top: 20px; */



}

.c4_con{position: relative;margin-top: 60px;}

.xw_cate_list{position: relative;display: flex;flex-wrap: wrap;margin: 0 -15px;}

.xw_cate_list li{position: relative;width: calc(33.33% - 30px);margin: 0 15px 15px 15px;overflow: hidden;height: 53vh;}

.xw_cate_list li a{display: block;position: relative;width: 100%;height: 100%;}

.xw_cate_list li .com-img img{display: block;width: 100%;}

.xw_cate_list li .upp{position: absolute;left: 0px;bottom: -80px;width: 100%;height: 100%;display: flex;flex-direction: column-reverse;transition: all .5s ease;z-index: 99;}

.xw_cate_list li .upp .upp_flex{padding: 2.083vw;padding-bottom: 30px;}

.xw_cate_list li .upp h3{font-size: 1.14583vw;font-weight: normal;color: #fff;margin-bottom: 10px;}

.xw_cate_list li .upp h4{font-size: 1.14583vw;font-weight: normal;color: #fff;text-transform: uppercase;margin-bottom: 45px;}

.xw_cate_list li .upp .ioo{display: block;transition: all .5s ease;}

.xw_cate_list li .upp i{font-size: 0.8333vw;color: #fff;font-weight: normal;padding:7px 1.5625vw;border: 1px solid #fff;margin: 0 auto;display: inline-block;font-style: inherit;}



.xw_cate_list li:hover .upp{bottom: 0px;}

.xw_cate_list li:hover .upp h4{display: block;margin-bottom: 25px;}

.xw_cate_list li:hover::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;content: "";z-index: 1;

background: -moz-linear-gradient(to top, rgba(13,77,161,.8) 20%, rgba(13,77,161,.6) 50%, rgba(13,77,161,.3) 80% rgba(13,77,161,.05) 100%);

background: -webkit-linear-gradient(to top, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%, rgba(13,77,161,.05) 100%);

background: -o-linear-gradient(to top, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%,  rgba(13,77,161,.05) 100%);

background: linear-gradient(to top, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%,  rgba(13,77,161,.05) 100%);}





.xw_home_more{position: relative;margin-top: 15px;}

.xw_home_more a{display: inline-block;width: 155px;line-height: 34px;border: 1px solid #000;font-size: 0.8333vw;color: #000;}





/* c5_index */

.c5_index{position: relative;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/06/25ea5c348e530c9d927b0669df439a670c54edd1.jpg) no-repeat right;background-size: cover;



/* padding: 5.2083vw 0; */



}

.c5-title{position: relative;margin-bottom: 2.60416vw;padding-bottom: 2.083vw;}

.c5-title::before{position: absolute;left: 0px;bottom: 0px;width: 32px;height: 3px;background: #fff;content: "";}

.c5-title h3{font-size: 40px;font-family: "BODONISTD-BOOK";text-transform: uppercase;color: #fff;margin-bottom: 10px;}

.c5-title p{font-size: 22px;font-weight: 400;color: #fff;}

.c5_index .skk{font-size: 18px;color:#fff;line-height: 1.7;margin-bottom: 3.64583vw;}



.c5_con_list{position: relative;display: flex;}

.c5_con_list li{position: relative;flex: 1;text-align: center;}

.c5_con_list li a{display: block;}

.c5_con_list li .br-img{border: 1px solid #fff;width: 90px;height: 90px;line-height: 90px;margin: 0 auto;}

.c5_con_list li .br-img img{max-width: 70px;max-height: 70px;}

.c5_con_list li h3{font-weight: normal;font-size: 22px;color: #fff;padding: 30px 0;}







/* ft_layout */

.ft_layout{position: relative;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/06/a69d4dfa5c4fcd14fd90bfc5f5312b351577170f.jpg) no-repeat;background-size: cover;}

.ftt_top{padding: 40px 0 35px;position: relative;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #fff;}

.ft_logo img{max-width:240px;}



.ft_ico_list{display: flex;align-items: center;}

.ft_ico_list li{margin: 0 8px;position: relative;cursor: pointer;}

.ft_ico_list li i img{max-width: 100%;}



.ft_ico_list li .sho{position: absolute;top: 30px;left: 50%;transform: translateX(-50%);z-index: 99;display: none;}

.ft_ico_list li .sho img{max-width: 100px;}

.ft_ico_list li:hover>.sho{display: block;}





.ftt_bom{position:relative;padding:3.64583vw 2.60416vw 3.64583vw 2.60416vw;display:flex;justify-content:space-between;align-items:center}

.x-layout-company{margin-bottom:20px;font-weight:700;font-size:30px;color:#fff}

.x-layout-contact{font-size:16px;color:#fff;margin-bottom:20px;padding-left:25px;background:url(/__cdn/cdn.myxypt.com/1044b33c/23/02/539c285072cfbaa1da20afe363bd8329265d009f.png) no-repeat left center}

.x-layout-desc{padding-left:25px;background:url(/__cdn/cdn.myxypt.com/1044b33c/23/02/f731fa91085d14018fa05b0f838b7bcb42986390.png) no-repeat left center;font-size:16px;color:#fff}

.x-layout-desc a{font-size:22px;color: #fff;}

.ftt_bb{position:relative}

.ftt_bb ul{display:flex;flex-wrap:wrap}

.ftt_bb ul li{margin-bottom: 2.60416vw;padding-bottom:15px;position:relative;width:33.33%}

.ftt_bb ul li::before{position:absolute;left:0;bottom:0;width:34px;height:1px;background:#fff;content:""}

.ftt_bb ul li a{display:block;color:#fff;font-size:18px}







/*  */



.bb-pagination {

   text-align: center;

   position: relative;

   margin: 0 20px;

   z-index: 999;

   width: 80px;

   height: 80px;

}



.bb-pagination::before{

    content: "/03";

    position: absolute;

    right: 20%;

    top: 50%;

    font-size: 16px;

    color: #fff;

    transform: translateY(-50%);

}



.bb-pagination > span::before{

    content: "0";

}



.bb-pagination .swiper-pagination-bullet {

    display: block;

    zoom: 1;

    width: 80px;

    height: 80px;

    background-color: transparent;

    position: relative;

    margin: 0;

    transform: rotate(-90deg);

    opacity: 1;

    outline: none;

    position: absolute;

    left: 0px;

    top: 0px;

    font-size: 0;

}



.bb-pagination .swiper-pagination-bullet svg {

    opacity: 1;

}



.bb-pagination .swiper-pagination-bullet .hover {

    stroke-dasharray: 314 0;

    stroke: none;

}



.bb-pagination .swiper-pagination-bullet:before {

    content: attr(data-line);

    position: absolute;

    left: 50%;

    top: 50%;

    width: auto;

    height: auto;

    line-height: 40px;

    background-color: transparent;

    transform: translate(-50%, -50%) rotate(90deg);

    border-radius: 100%;

    color: #ffffff;

}



.bb-pagination .swiper-pagination-bullet-active{

    font-size: 22px;

}



.bb-pagination .swiper-pagination-bullet-active:before {

    content: attr(data-line);

    position: absolute;

    left: 50%;

    top: 30%;

    width: auto;

    height: auto;

    border-radius: initial;

    background: transparent;

    transform: translate(-50%, -50%) rotate(90deg);

    font-size: 22px;

    line-height: 40px;

    color: #ffffff;

}



.bb-pagination .swiper-pagination-bullet-active svg {

    opacity: 1;

}



.bb-pagination .swiper-pagination-bullet-active .init,

.bb-pagination .swiper-pagination-bullet-active .hover {

    opacity: 1;

    stroke: #fff;

    filter: alpha(opacity=100);

}



.bb-pagination .swiper-pagination-bullet-active .hover {

    stroke: #00a0e8;

    animation: circle-chart-fill 3s reverse;

}



@keyframes circle-chart-fill {

    to {

        stroke-dasharray: 0 314;

    }

}



/* c8_index */

.c8_index{position: relative;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/04/e7529bdf59d98e3c878b9cdefd406fa4f4e2355b.jpg) no-repeat right;background-size: cover;}

.c8_index>.flex{align-items: center;}

.c8left{position: relative;width: 38.5%;}

.c8ll-text{font-size: 16px;color: #000;line-height: 1.7;margin-top: 4.1666vw;text-align: justify;}

.c8right{position: relative;padding-left: 3.125vw;padding-right: 3.125vw;width: 57%;}

.c8right img{max-width: 100%;display: block;}





/* c9_index */

.c9_index{position: relative;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/04/1a71173996964dbfe5ff6cf28555634a48ecfd76.jpg) no-repeat right;background-size: cover;}

.night_con{position: relative;}

.title-night{position: absolute;left: 3.64583vw;top: 0px;}

.title-night h3{color: #fff;}

.title-night h3::before{background: #fff;content: "";}

.title-night .llj{color: #fff;}

.title-night p{color: #fff;}

.title-night a{display: block;width: 150px;line-height: 35px;color: #fff;font-size: 14px;border: 1px solid #fff;text-align: center;margin-top: 2.083vw;}



.home_pag_three_con{overflow: hidden;}



/*  */

.home_pinpai_swiper{position: relative;margin-bottom: 10.416vw;}

.home_pinpai_swiper .swiper-slide{position: relative;display: flex;justify-content: space-between;align-items: flex-start;}

.home_pinpai_swiper .swiper-slide h3{font-family: "BODONISTD-BOOK";font-size: 1.875vw;color: #fff;text-transform: uppercase;padding-top: 40px;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/04/ae5b5f0be6e3e9fef362956fcab0c97b96237c5a.png) no-repeat left top;font-weight: normal;width: 40%;}



.home_pinpai_swiper .swiper-slide div{width: 50%;padding-left: 3.64583vw;padding-top: 150px;}

.home_pinpai_swiper .swiper-slide div a{display: block;width: 120px;line-height: 30px;color: #fff;font-size: 14px;border: 1px solid #fff;text-align: center;}







/*  */

.wapx{position: relative;padding-left: 3.64583vw;padding-right: 3.64583vw;}

.home_pinpai_swiper2{overflow: hidden;}

.home_pinpai_swiper2 ul{display: flex;flex-wrap: wrap;}

.home_pinpai_swiper2 .swiper-slide{padding: 2.60416vw 0;text-align: center;position: relative;background: rgba(0,3,9,.5);cursor: pointer;width: 25%;}

.home_pinpai_swiper2 .swiper-slide+.swiper-slide{border-left: 1px solid #7074a1;}

.home_pinpai_swiper2 .swiper-slide .smll_img{height: 50px;line-height: 50px;margin-bottom: 20px;}

.home_pinpai_swiper2 .swiper-slide .smll_img img{max-height: 50px;max-width: 50px;}



.home_pinpai_swiper2 .swiper-slide h3{color: #fff;font-size: 1.14583vw;font-weight: normal;}

.home_pinpai_swiper2 .swiper-slide-thumb-active,.home_pinpai_swiper2 .swiper-slide.on{background: #00a0e8;}



.home_pinpai_swiper2 .swiper-button-next,

.home_pinpai_swiper2 .swiper-button-prev{

    position: absolute;

    top: 50%;

    width: 18px;

    height: 22px;

    margin-top: -11px;

    z-index: 999;

    opacity: 1;

}

.home_pinpai_swiper2 .swiper-button-prev{

    left: 10px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/04/527a9d2133c54ebaf106b975e47f7a00e3730503.png) no-repeat center;

}

.home_pinpai_swiper2 .swiper-button-next{

    right: 10px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/04/06e67e2a177e160951bda431207d1804e2790336.png) no-repeat center;

}



/*  */

.home_pinpai_swiper2 .prev,

.home_pinpai_swiper2 .next{

    position: absolute;

    top: 50%;

    width: 18px;

    height: 22px;

    margin-top: -11px;

    z-index: 999;

    opacity: 1;

}

.home_pinpai_swiper2 .prev{

    left: 10px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/04/527a9d2133c54ebaf106b975e47f7a00e3730503.png) no-repeat center;

}

.home_pinpai_swiper2 .next{

    right: 10px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/04/06e67e2a177e160951bda431207d1804e2790336.png) no-repeat center;

}













/*  */

.mob_c1_index{

    position: relative;

    overflow: hidden;

}





@media (max-width: 1366px){

    .c8ll-text{font-size: 14px;}

}



@media (max-width: 992px){

    .x-banner .owl-carousel .owl-dots{

        display: none;

    }

    .big_list li .off .tit2x{

        margin-bottom: 30px;

    }

    .big_list li .off .tit2x h3{

        font-size: 36px;

        margin-bottom: 10px;

    }

    .big_list li .off .tit2x p{

        font-size: 18px;

        padding-bottom: 30px;

    }

    .big_list li .off .spp p:nth-child(1){

        font-size: 18px;

    }

    .big_list li .off .spp p:nth-child(2){

        font-size: 14px;

    }

}



@media (max-width: 768px){

    .c2_index{

        padding: 40px 0;

        overflow: hidden;

    }

    .c2_con ul li{

        width: calc(50% - 4.166vw);

        margin: 0 2.083vw 2.60416vw 2.083vw;

        border-top-width: 1px;

    }

    .title-two h3{

        font-size: 26px;

    }

    .title-two p{

        font-size: 16px;

    }

    .c2_con{

        margin-top: 50px;

    }

    .c2_con ul li .cto h3{

        padding: 25px 0;

        font-size: 16px;

    }

    .c2_con ul li .cto .flex-center img{

        max-width: 80%;

    }

    .c2_con ul li .cbm h3{

        font-size: 14px;

    }



    .c2_con ul li .cbm h4{

        font-size: 14px;

        padding-bottom: 12px;

        margin-bottom: 12px;

    }



    .c2_con ul li .cbm a{

        font-size: 12px;

        padding: 3px 15px;

    }   





    .c3_index{

        display: block;

        overflow: hidden;

        padding-left: 20px;

        padding-right: 20px;

    }



    .c3_right{

        width: 100%;

        height: 50%;

        top: auto;

        bottom: 0px;

        padding-left: 20px;

        padding-right: 20px;

    }

    .c3_right .hd{

        display: block;

    }

    .c3_right .hd li{

        width: 100%;

        height: 33.33%;

        border-left: 1px solid transparent;

        border-top: 1px solid rgba(255,255,255,.5);

    }



    .c3_left .bd li .lhii{

        width: 100%;

        height: 50%;

        padding: 30px;

        top: 0px;

        transform: translateY(0);

        padding-top: 10.416vw;

    }   



    .c3_right .hd li a{width: 100%;}

    .c3_right .hd li .mob_fll{display: flex;justify-content: space-between;align-items: center;}

    .c3_right .hd li .mob_hkk{width: 40%;text-align: left;padding-left: 10px;}

    .c3_right .hd li .hk1{font-size: 22px;display: none;}

    .c3_right .hd li .hk2{margin: 5px 0 0px;font-size: 16px;}



    .c3_right .hd li.on .hk1{display: block;}



    .c3_right .hd li .hk3{width: 60%;font-size: 14px;text-align: left;height: auto;}

    .c3_right .hd li.on::before{background: -moz-linear-gradient(to right, rgba(13,77,161,.8) 20%, rgba(13,77,161,.6) 50%, rgba(13,77,161,.3) 80% rgba(13,77,161,.05) 100%);

    background: -webkit-linear-gradient(to right, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%, rgba(13,77,161,.05) 100%);

    background: -o-linear-gradient(to right, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%,  rgba(13,77,161,.05) 100%);

    background: linear-gradient(to right, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%,  rgba(13,77,161,.05) 100%);}





    .lhii-title{position: relative;margin-bottom: 50px;}

    .lhii-title h3{font-size: 26px;font-family: "BODONISTD-BOOK";text-transform: uppercase;color: #fff;margin-bottom: 5px;}

    .lhii-title p{font-size: 16px;font-weight: 400;color: #fff;padding-bottom: 0px;}

    

    .lhii-cc h3{font-size: 20px;margin-bottom: 10px;}

    .lhii-cc p{font-size: 16px;}



  



    .xw_cate_list li .upp .upp_flex{

        padding: 30px;

    }

    .xw_cate_list li .upp h3{font-size: 16px;}

    .xw_cate_list li .upp h4{font-size: 16px;}

    .xw_cate_list li .upp i{font-size: 14px;padding: 5px 10px;}

    .xw_cate_list li:hover::before{background: -moz-linear-gradient(to right, rgba(13,77,161,.8) 20%, rgba(13,77,161,.6) 50%, rgba(13,77,161,.3) 80% rgba(13,77,161,.05) 100%);

    background: -webkit-linear-gradient(to right, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%, rgba(13,77,161,.05) 100%);

    background: -o-linear-gradient(to right, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%,  rgba(13,77,161,.05) 100%);

    background: linear-gradient(to right, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%,  rgba(13,77,161,.05) 100%);}



    .c4_index{padding: 50px 0;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/02/44ff1eed5dc5b6c7d9d8858e70d66202c863f664.jpg) no-repeat;}

    .c4_con{margin-top: 20px;}



    .c5_index{padding: 50px 0;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/06/835e0d56c5b5c375249f60410ff443cc84e2708c.png) no-repeat right;background-size: cover;}

    .c5-title{position: relative;margin-bottom: 30px;padding-bottom: 30px;}

    .c5-title::before{position: absolute;left: 0px;bottom: 0px;width: 32px;height: 1px;background: #fff;content: "";}

    .c5-title h3{font-size: 26px;font-family: "BODONISTD-BOOK";text-transform: uppercase;color: #fff;margin-bottom: 10px;}

    .c5-title p{font-size: 16px;font-weight: 400;color: #fff;}

    .c5_index .skk{font-size: 14px;color:#fff;line-height: 1.7;margin-bottom: 50px;}

    .c5_con_list li .br-img{width: 100px;height: 100px;line-height: 100px;}

    .c5_con_list li .br-img img{max-width: 40px;max-height: 40px;}

    .c5_con_list li h3{font-size: 14px;padding: 20px 0;}



    .c5_con_list{flex-wrap: wrap;}

    .c5_con_list li{width: calc(50% - 20px);margin: 0 10px 0px 10px;flex: none;}



}







/* pgb_fuu */

.pgb_fuu{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 999;}

.pgb_fuu .flex-mid{display: flex;flex-direction: column;justify-content: center;height: 100%;width: 100%;text-align: center;}

.pgb_fuu .flex-mid h3{color: #fff;font-size: 36px;font-weight: 400;margin-bottom: 50px;}

.pgb_fuu .flex-mid .sll_ss{position: relative;}



#formsearch8 {position: relative;background: #fff;width: 670px;margin: 0 auto;display: flex;align-items: center;border-radius: 5px;}

#formsearch8 input{outline: none;border: none;height: 50px;line-height: 50px;font-size: 0;background: none;}

#formsearch8 #keyword {width: calc(100% - 110px);color: #333;padding-left: 60px;font-size: 16px;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/6e63663a9fdd757cd5f2675038debef3206fdc3c.png) no-repeat 30px center;}

#formsearch8 #s_btn {width: 110px;font-size: 18px;color: #fff;text-align: center;background: #003f98;letter-spacing: 3px;

border-top-right-radius: 5px;border-bottom-right-radius: 5px;}





/* cptj_fuu */

.cptj_fuu{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 999;}

.cptj_fuu .flex-mid{display: flex;flex-direction: column;justify-content: center;height: 100%;position: relative;}

.cptj_fuu .flex-mid h3{color: #fff;font-size: 3.125vw;font-weight: 400;font-family:"BODONISTD-BOOK";letter-spacing: 2px;}

.cptj_fuu .flex-mid span{display: block;font-size: 1.875vw;color: #fff;font-family: "Microsoft Yahei";}

.cptj_fuu .flex-mid div{font-size: 1.14583vw;color: #fff;}

.cptj_fuu .sll_list{position: absolute;bottom: 2.60416vw;z-index: 99;width: calc(100% - 30px);}

.cptj_fuu .sll_list ul{display: flex;margin: 0 -10px;}

.cptj_fuu .sll_list ul li{position: relative;margin: 0 10px;flex: 1;}

.cptj_fuu .sll_list ul li a{display: block;text-align: center;}

.cptj_fuu .sll_list ul li a::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;content: "";background: rgba(0,0,0,.5);border-radius: 3px;transition: .3s ease;}

.cptj_fuu .sll_list ul li a img{display: block;width: 100%;border: 1px solid #8f8f8f;border-radius: 3px;}

.cptj_fuu .sll_list ul li span{font-size: 16px;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 100%;}

.cptj_fuu .sll_list ul li a:hover::before{transition: all .3s ease;opacity: 0;}

.cptj_fuu .sll_list ul li a:hover img{border-color: #fff;}







 body,

 html {

      scroll-behavior: smooth;

  }

  

/* cp_tuijian */

.cp_tuijian{position: relative;padding: 130px 0;}

.max1500{max-width: 1500px;padding-left: 0px;padding-right: 0px;margin: 0 auto;}



#cp1{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/06/8933e3dcda5da6afb46a040bb8e4a789591c384b.jpg) no-repeat;background-size: cover; background-position: center center;}
#cp2{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/06/2124d5bd22b952d2bf5c09b5992181a9143fe3e1.jpg) no-repeat;background-size: cover; background-position: center center;}
#cp3{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/06/6df5d6bc7ae253c8c63d2835f5e796ea820862ce.jpg) no-repeat;background-size: cover; background-position: center center;}
#cp4{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/06/06daefe765bfa972d23685d5b10a24d617cfdc10.jpg) no-repeat;background-size: cover; background-position: center center;}
#cp5{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/06/351e93140b8613dfee1ea8e252b1cf55527691fc.jpg) no-repeat;background-size: cover; background-position: center center;}
#cp6{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/06/c0e81b021679190ad2ac7f63647ac831038b1f8a.jpg) no-repeat;background-size: cover; background-position: center center;}
#cp7{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/06/1e6bac4296028a8840730e45e323381db3b26319.jpg) no-repeat;background-size: cover; background-position: center center;}
#cp8{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/06/9b731a5e6b5cd881f1ff3322ff5db61df7e717c4.jpg) no-repeat;background-size: cover; background-position: center center;}
#cp9{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/06/e5794b9528c5a8d4a7d22c44de60baa79c5e104d.jpg) no-repeat;background-size: cover; background-position: center center;}










.cptj_title{text-align: center;margin-bottom: 5.2083vw;}

.cptj_title h3{font-weight: normal;font-size: 60px;font-family: "BODONISTD-BOOK";text-transform: uppercase;color: #fff;}

.cptj_title p{font-size: 36px;color: #fff;}



.cp_tj_con{position: relative;padding-left: 2.60416vw;padding-right: 2.60416vw;}

.swiper_aa{margin-bottom: 30px;overflow: hidden;}

.swiper_aa .swiper-slide{position: relative;text-align: center;}

.swiper_aa .swiper-slide a{display: block;}

.swiper_aa .swiper-slide .com-img{border: 1px solid #fff;}

.swiper_aa .swiper-slide .com-img img{display: block;width: 100%;}

.swiper_aa .swiper-slide h3{font-size: 18px;color: #fff;font-weight: normal;padding: 1.5625vw 0;line-height: 1.7; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}



.cp_tj_con .swiper-button-next,.cp_tj_con .swiper-button-prev{position:absolute;top:40%;margin-top:-20px;width:26px;height:40px}

.cp_tj_con .swiper-button-prev{left:0;background:url(/__cdn/cdn.myxypt.com/1044b33c/23/03/e576195abefc93aaf43ed42380d424039b0eeb9b.png) no-repeat center}

.cp_tj_con .swiper-button-next{right:0;background:url(/__cdn/cdn.myxypt.com/1044b33c/23/03/a650afea676f1da13a248d0498e526dee9be10db.png) no-repeat center}

.cp_tj_more{margin-bottom:20px}

.cp_tj_more a{display:inline-block;width:150px;border:1px solid #fff;color:#fff;font-size:16px;line-height:34px;-webkit-transition: all .5s ease;transition: all .5s ease;}



.cp_tj_more a:hover {background-color: #0d4da1;border-color: #0d4da1;color: #fff;}



/* 产品列表页切换 */

.cplist_{position: relative;margin-top: 5.2083vw;padding-left: 2.60416vw;padding-right: 2.60416vw;}

.mySwiper{overflow: hidden;}



.cplist_ .mySwiper .swiper-slide{position: relative; display: flex;} 

.mySwiper .swiper-slide .aleft{width: 55%;position: relative;  height:400px;}

.mySwiper .swiper-slide .aleft img{display: block;object-fit: cover; width: 100%; height: 100%;}

.mySwiper .swiper-slide .aright{width: 45%;position: relative;background: #ececec;padding: 3.64583vw; height:400px;}

.mySwiper .swiper-slide .aright h3{font-family: "BODONISTD-BOOK";font-size: 30px;color: #000000;position: relative;padding-bottom: 30px;margin-bottom: 30px;}

.mySwiper .swiper-slide .aright h3 span{font-size: 22px;color: #000000;display: block;margin-top: 10px;}

.mySwiper .swiper-slide .aright h3::before{position: absolute;left: 0px;bottom: 0px;width: 32px;height: 3px;background: #003f98;content: "";}



.mySwiper .swiper-slide .aright .lls{font-size: 16px;color: #000000;line-height: 2;margin-bottom: 30px;}

.mySwiper .swiper-slide .aright a{display: block;font-size: 15px;color: #000000;width: 155px;line-height: 34px;border: 1px solid #000;text-align: center;-webkit-transition: all .5s ease;transition: all .5s ease;}

.mySwiper .swiper-slide .aright a:hover{background-color: #003f98;border-color: #003f98;color: #fff;}





.cplist_ .swiper-button-next,.cplist_ .swiper-button-prev{position:absolute;top:50%;margin-top:-20px;width:26px;height:40px;opacity: 1;}

.cplist_ .swiper-button-prev{left:0;background:url(/__cdn/cdn.myxypt.com/1044b33c/23/03/4e4ee0cd4d0f0f037645a1efa8b11f23620c136c.png) no-repeat center}

.cplist_ .swiper-button-next{right:0;background:url(/__cdn/cdn.myxypt.com/1044b33c/23/03/b640a1be5997ed1df445e6e0b7be2ad7d6f0a4de.png) no-repeat center}



/*  */

.pl30{padding-left: 50px;}

.pr30{padding-right: 50px;}





/* 产品中心列表分类 */

.cate_pro{

    position: relative;

    margin-top: 50px;

}

.cate_pro .xypg-left-nav {

    margin: 0 -15px;

    display: flex;

}

.cate_pro .xypg-left-nav > li {

    position: relative;

    border-bottom: none;

    border: 1px solid #4b4b4b;

    text-align: center;

    width: calc(33.33% - 30px);

    margin: 0 15px 15px 15px;

}

.cate_pro .xypg-left-nav > li > a {

    display: block;

    font-size: 22px;

    line-height: 22px;

    color: #000000;

    padding: 35px 18px;

}

.cate_pro .xypg-left-nav > li > a .opimg{

    margin-bottom: 20px;

}



.cate_pro .xypg-left-nav > li > a .opimg img{

    max-width: 50px;

    max-height: 45px;

}

.cate_pro .xypg-left-nav > li.clicked,

.cate_pro .xypg-left-nav > li:hover{

    background-color: #003f98;

}



.cate_pro .xypg-left-nav > li.clicked .opimg img,

.cate_pro .xypg-left-nav > li:hover .opimg img{

    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(325deg) brightness(108%) contrast(103%);

}



.cate_pro .xypg-left-nav > li:hover > a,

.cate_pro .xypg-left-nav > li.clicked > a {

    color: #fff;

}



/* 二级产品分类 */

.xypg-left-nav2{

    position: relative;

    padding: 30px 0;

    display: flex;

    flex-wrap: wrap;

}

.xypg-left-nav2 li{

    position: relative;

    text-align: center;

    padding: 15px 0;

    margin-right: 10px;

}

.xypg-left-nav2 li::before{

    position: absolute;

    left: 0px;

    bottom: 0px;

    height: 3px;

    width: 0;

    content: "";

    background: transparent;

    transition: .5s ease;

    -webkit-transition: .5s ease;

}

.xypg-left-nav2 li a{

    display: block;

    font-size: 18px;

    color: #393939;

    padding: 0 1.5625vw;

}

.xypg-left-nav2 > li.clicked > a,

.xypg-left-nav2 > li:hover > a{

    color: #0d4da1;

}

.xypg-left-nav2 li.clicked::before,

.xypg-left-nav2 li:hover::before{

    width: 100%;

    background-color: #0d4da1;

}



/* 产品详情页 */

.product_xqy{

    padding-top: 45px;

    position: relative;

}

.product_xqy .page-product-detail-box{

    padding-left: 2.60416vw;

    padding-right: 2.60416vw;

}

.product_xqy .page-product-detail-right > h1{

    font-size: 30px;

    color: #0d4da1;

    font-weight: normal;

    margin-top: 2.60416vw;

    margin-bottom: 2.60416vw;

    padding-bottom: 15px;

    border-bottom: 1px solid #ccc;

}



.cp_small2{

    padding-bottom: 15px;

    border-bottom: 1px solid #ccc;

}



.product_xqy .cp_small{

    margin-bottom: 2.60416vw;

    display: flex;

    align-items: flex-start;

}

.product_xqy .cp_small .lle{width: 80px;font-size: 16px;color: #000;

    line-height: 2;

}

.product_xqy .cp_small .llr{width: calc(100% - 80px);font-size: 16px;color: #393939;}

.product_xqy .cp_small .llr p{padding-left: 20px;position: relative;

    line-height: 2;

}

.product_xqy .cp_small .llr p::before{content: "√";width: 10px;height: 10px;background: #fff;position: absolute;left: 0px;top: 6px;display: block;

    font-size: 12px;

}



.product_xqy .cp_small .llr2{font-size: 16px;color: #000;padding-left: 10px;line-height:2;}

.product_xqy .cp_small3 img{max-width: 100%!important;max-height: 100%!important;width: auto!important;height: auto!important;}



.product_xqy .cp_small3 img{max-width: 80%!important;}





.details_ss{position: relative;margin: 70px auto 30px;padding-top: 70px;}

.details_ss h3{text-transform: uppercase;font-family: "BODONISTD-BOOK";font-size: 60px;color: #000;}

.details_ss p{font-size: 36px;color: #000000;}



/* hot_cp */

.hot_cp{position: relative;margin: 5.2083vw 0;}

.hot_cp_tit{font-size: 22px;color: #555555;font-weight: normal;margin-bottom: 30px;padding-left: 2.60416vw;padding-right: 2.60416vw;}

.hot_cp_con{position: relative;padding-left: 2.60416vw;padding-right: 2.60416vw;}



.swiper_tuijian{margin-bottom: 30px;overflow: hidden;}

.swiper_tuijian .swiper-slide{position: relative;padding-bottom: 20px;}

.swiper_tuijian .swiper-slide a{display: block;}

.swiper_tuijian .swiper-slide .com-img{position: relative;}

.swiper_tuijian .swiper-slide .com-img img{display: block;width: 100%;}

.swiper_tuijian .swiper-slide .cop{background: #f8f8f8;padding: 30px;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}

.swiper_tuijian .swiper-slide .cop h3{margin-bottom: 25px;font-size: 16px;color: #000;font-weight: normal; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.swiper_tuijian .swiper-slide .cop span{display: inline-block;font-size: 16px;color: #000;width: 150px;line-height: 34px;border: 1px solid #000;

-webkit-transition: all .5s ease;transition: all .5s ease;}

.swiper_tuijian .swiper-slide:hover .cop span{background-color: #0d4da1;border-color: #0d4da1;color: #fff;}





.hot_cp_con .swiper-button-next,.hot_cp_con .swiper-button-prev{position:absolute;top:45%;margin-top:-20px;width:26px;height:40px}

.hot_cp_con .swiper-button-prev{left:0;background:url(/__cdn/cdn.myxypt.com/1044b33c/23/03/bea19592f6c467bd97c426453282ba716fab5db7.png) no-repeat center}

.hot_cp_con .swiper-button-next{right:0;background:url(/__cdn/cdn.myxypt.com/1044b33c/23/03/42bc33fc4e1a1b71474cd017e254f94c4a3f4c77.png) no-repeat center}



.pl50{padding-left: 2.60416vw;}

.pr50{padding-right: 2.60416vw;}



.page-position>.max1400{position: relative;}

.xypg-detail-pnxx{position: absolute;right: 15px;top: 0px;}





@media (max-width: 992px){

    

    .cptj_title h3{font-size: 40px;}

    .cptj_title p{font-size: 22px;}

    .swiper_aa .swiper-slide h3{font-size: 15px;}

    .cp_tj_more a{width: 130px;line-height: 30px;font-size: 14px;}



    .cp_one{position: relative;padding: 20px 0;}

    .cp_one .sll_list{position: relative;width: 100%;bottom: 0px;}

    .cp_one .sll_list ul{flex-wrap: wrap;}

    .cp_one .sll_list ul li{flex: none;width: calc(25% - 10px);margin: 0 5px 10px 5px;}

    .cp_one .sll_list ul li span{font-size: 13px;}



    .cp_one .flex-mid h3,.cp_one .flex-mid span{display: none;}

    .cp_tj_con .swiper-button-next,.cp_tj_con .swiper-button-prev{display: none!important;}

    .cp_tuijian{padding: 60px 0;}



    .pgb_fuu .flex-mid h3{font-size: 22px;margin-bottom: 20px;}

    .cplist_{padding-left: 0px;padding-right: 0px;}



    .pl30{padding-left: 0px;}

    .pr30{padding-right: 0px;}



    .cate_pro .xypg-left-nav > li > a{font-size: 16px;padding: 18px 10px;}

    .xypg-left-nav2 li a{font-size: 16px;}

    .xypg-product-list li h3 a{font-size: 15px;padding: .8em 0;}





    .mySwiper .swiper-slide .aright h3{font-size: 24px;}

    .mySwiper .swiper-slide .aright h3 span{font-size: 18px;}

    .mySwiper .swiper-slide .aright .lls{font-size: 14px;}

    .mySwiper .swiper-slide .aright a{width: 130px;font-size: 14px;}

}





@media (max-width: 768px){

    #formsearch8{width: 90%;}



    .mySwiper .swiper-slide{flex-wrap: wrap;}

    .mySwiper .swiper-slide .aleft,.mySwiper .swiper-slide .aright{width: 100%; height:auto;}



    .cplist_ .swiper-button-next, .cplist_ .swiper-button-prev{display: none!important;}



    .xypg-left-nav2{padding: 20px 0;}

    .cate_pro .xypg-left-nav > li > a .opimg{margin-bottom: 8px;}



    .page-product-detail-effect .big-img{pointer-events: none;}

    .page-product-detail-effect .big-img a{height: 100%;}

    .product_xqy .page-product-detail-right > h1{font-size: 24px;margin-top: 30px;margin-bottom: 30px;}

    .product_xqy .cp_small{margin-bottom: 30px;}



    .hot_cp_tit{font-size: 18px;}

    .hot_cp_con{padding-left: 0px;padding-right: 0px;}

    .hot_cp_con .swiper-button-next, .hot_cp_con .swiper-button-prev{display: none!important;}

    .swiper_tuijian .swiper-slide .cop span{font-size: 14px;width: 130px;}



    .details_ss h3{font-size: 40px;}

    .details_ss p{font-size: 24px;}

}



/* 视频列表内页 */

.video_list_nei{position: relative;display: flex;flex-wrap: wrap;margin: 0 -15px;}

.video_list_nei li{width: calc(33.33% - 30px);margin: 0 15px 20px 15px;text-align: center;}

.video_list_nei li a{display: block;}

.video_list_nei li .osimg img{display: block;width: 100%;}

.video_list_nei li h3{font-size: 16px;color: #000;font-weight: normal;line-height: 1.7;padding: 5px 0; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}









/* 关于我们页面 */



.mob-page-banner{font-size: 0;margin-top: 0px;}

.mob-page-banner img{display: block;width: 100%;}





/* titxx_f */

.titxx_f{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 999;}

.titxx_f .flex-mid{display: flex;flex-direction: column;justify-content: center;height: 100%;position: relative;}

.titxx_f .flex-mid h3{color: #003f98;font-size: 3.125vw;font-weight: 400;font-family:"BODONISTD-BOOK";letter-spacing: 2px;}

.titxx_f .flex-mid span{display: block;font-size: 1.875vw;color: #003f98;font-family: "Microsoft Yahei";}



/* about-wrap */

.about-wrap{

    position: relative;

}



.pag_one{position: relative;padding-top: 70px;}

.pag_one .tit-about{position: relative;margin-bottom: 30px;}

.pag_one .tit-about h3{font-size: 60px;font-family: "BODONISTD-BOOK";color: #000000;text-transform: uppercase;}

.pag_one .tit-about p{font-size: 36px;color: #000;}



.pag_one_text{position: relative;margin-bottom: 20px;}

.pag_one_text .texta{text-indent: 30px;font-size: 16px;color: #393939;margin-bottom: 30px;line-height: 1.7;}

.pag_one_text .imgx{text-align: center;} 

.pag_one_text .imgx img{display: inline-block;max-width: 100%;}





.pag_one_list{position: relative;display: flex;margin-bottom: 30px;}

.pag_one_list li{position: relative;text-align: center;padding: 30px 10px;background: #f6f6f6;flex: 1;margin: 0 2px;-webkit-transition: all .5s ease;transition: all .5s ease;}

.pag_one_list li a{display: block;}

.pag_one_list li .oaim{margin-bottom: 15px;line-height: 40px;height: 40px;}

.pag_one_list li .oaim img{max-width: 100%;max-height: 40px;}

.pag_one_list li h3{font-size: 14px;color: #000;font-weight: normal;}

.pag_one_list li:hover{background-color: #003f99;}

.pag_one_list li:hover *{color: #fff;}

.pag_one_list li:hover .oaim img{filter: invert(100%) sepia(0%) saturate(5184%) hue-rotate(84deg) brightness(122%) contrast(110%);}





.pag_one_video{position: relative;margin-bottom: 3.125vw;}

.pag_one_video .img0{width: 100%;}

.pag_one_video img.hhahgn {visibility: hidden;width: 100%;}

.pag_one_video video{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;-o-object-fit: fill;object-fit: fill;}

.sp_fixed{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 999;text-align: center;}

.sp_fixed h3{color: #fff;font-size: 20px;font-weight: normal;padding-top: 55px;margin-bottom: 25px;

background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/65f86703e1a0f1e6a099e32a88ec1170d78561fb.png) no-repeat top center;}

.sp_fixed a{display: inline-block;width: 150px;line-height: 35px;border: 1px solid #fff;font-size: 14px;color: #fff;}





/* pag_two */

.pag_two{position: relative;}

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



.tit-about2{position: relative;margin-bottom: 40px;}

.tit-about2 h3{font-size: 22px;color: #000;font-weight: normal;}



.pag_two_con{position: relative;padding-left: 3.125vw;padding-right: 3.125vw;}

.hus_swiper_aa2 {overflow: hidden;}

.hus_swiper_aa2 .swiper-slide{position: relative;}

.hus_swiper_aa2 .swiper-slide img {display: block;width: 100%;}

.hus_swiper_aa2 .swiper-slide .fll{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;text-align: center;display: flex;flex-direction: column-reverse;align-items: center;justify-content: center;z-index: 999;}

.hus_swiper_aa2 .swiper-slide .fll h3{color: #fff;padding-top: 55px;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/65f86703e1a0f1e6a099e32a88ec1170d78561fb.png) no-repeat top center;font-size: 18px;position: relative;}



.hus_swiper_aa2 .swiper-slide .fll::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;content: "";background: rgba(0, 0, 0, 0.5)}





.hus_swiper_aa2 .swiper-button-next22,

.hus_swiper_aa2 .swiper-button-prev22{

    position: absolute;

    top: 50%;

    width: 15px;

    height: 26px;

    margin-top: -13px;

    z-index: 999;

}

.hus_swiper_aa2 .swiper-button-prev22{

    left: 0px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/e5939f3afcf0449d3c0da1439126364d4a5d32ba.png) no-repeat center;

}

.hus_swiper_aa2 .swiper-button-next22{

    right: 0px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/c454fbe3483268a6936b78e080056209f487056e.png) no-repeat center;

}



.pag_two_more{padding: 70px 0;text-align: center;}

.pag_two_more a{display: inline-block;width: 150px;line-height: 37px;background: #003f98;color: #fff;font-size: 16px;}





/* pag_three */

.pag_three{

    position: relative;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/06/826bfe0bca18580f27b4e851bd6f262c21b7c577.jpg) no-repeat;

    background-size: cover;

    padding-top: 8.3333vw;

    padding-bottom: 11.4583vw;

}



.pag_three>.max1400{position: relative;}

.pag_three_con{overflow: hidden;}



.pin_item{position: absolute;width: 50%;left: 15px;top: 15px;}

.pin_item h3{font-family: "BODONISTD-BOOK";font-size: 3.125vw;color: #fff;text-transform: uppercase;}

.pin_item p{font-size: 1.875vw;color: #fff;}





/*  */

.pinpai_swiper{position: relative;margin-bottom: 7.2916vw;}

.pinpai_swiper .swiper-slide{position: relative;display: flex;justify-content: space-between;}

.pinpai_swiper .swiper-slide .pin_left{position: relative;width: 50%;}

.pinpai_swiper .swiper-slide .pin_left h3{font-family: "BODONISTD-BOOK";font-size: 60px;color: #fff;text-transform: uppercase;}

.pinpai_swiper .swiper-slide .pin_left p{font-size: 36px;color: #fff;}

.pinpai_swiper .swiper-slide .pin_text{position: relative;width: 50%;}

.pinpai_swiper .swiper-slide .pin_text .smll_img img{width: 45px;}

.pinpai_swiper .swiper-slide .pin_text h3{font-weight: normal;font-size: 22px;color: #fff;margin: 10px 0; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.pinpai_swiper .swiper-slide .pin_text span{display: block;font-size: 16px;font-family: "BODONISTD-BOOK";color: #fff;position: relative;padding-bottom: 20px;margin-bottom: 20px;}

.pinpai_swiper .swiper-slide .pin_text span::before{position: absolute;left: 0px;bottom: 0px;width: 50px;height: 2px;background: #fff;content: "";}

.pinpai_swiper .swiper-slide .pin_text p{font-weight: normal;font-size: 22px;color: #fff;margin: 10px 0; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}



/*  */

.pinpai_swiper2{position: relative;}

.pinpai_swiper2 .swiper-slide{border-top: 2px solid #d4d4d4;padding: 30px 0;text-align: center;}

.pinpai_swiper2 .swiper-slide h3{color: #fff;font-size: 22px;font-weight: normal;cursor: pointer;}

.pinpai_swiper2 .swiper-slide-thumb-active{border-top: 2px solid #47bbbe;}





/* pag_four */

.pag_four{position: relative;padding: 80px 0;}

.pag_four .tit-about{position: relative;margin-bottom: 5.2083vw;}

.pag_four .tit-about h3{font-size: 60px;font-family: "BODONISTD-BOOK";color: #000000;text-transform: uppercase;}

.pag_four .tit-about p{font-size: 36px;color: #000;}



.pag_four_con{position: relative;}

.pag_four_con ul{display: flex;flex-wrap: wrap;margin: 0 -10px;}

.pag_four_con ul li{position: relative;margin: 0 10px 15px 10px;width: calc(33.33% - 20px);}

.pag_four_con ul li.e1,.pag_four_con ul li.e7{width: calc(66.66% - 20px);}

.pag_four_con ul li a{display: block;position: relative;}

.pag_four_con ul li .imx img{display: block;width: 100%;}



.pag_four_con ul li .fix{position: absolute;top: 0px;left: 0px;z-index: 999;width: 100%;height: 100%;}

.pag_four_con ul li .fix .fix-mid{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 1.5625vw;}

.pag_four_con ul li .fix .fimg{margin-bottom: 1.0416vw;}

.pag_four_con ul li .fix .fimg img{max-height: 50px;}

.pag_four_con ul li .fix h3{font-size: 1.5625vw;font-weight: normal;line-height: 1.7;color: #003f98;}

.pag_four_con ul li .fix h4{font-size: 1.14583vw;font-weight: normal;margin-bottom: 2.60416vw;color: #003f98;}

.pag_four_con ul li .fix p{font-size: 0.9375vw;color: #000;font-weight: normal;text-align: center;}





.pag_four_con ul li:nth-child(2n):hover::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;content: "";background: #003f98;z-index: 9;-webkit-transition: all .5s ease;transition: all .5s ease;}

.pag_four_con ul li:nth-child(2n):hover .fix .fimg img{filter: brightness(100); }

.pag_four_con ul li:nth-child(2n):hover .fix h3{color: #fff;}

.pag_four_con ul li:nth-child(2n):hover .fix h4{color: #fff;}

.pag_four_con ul li:nth-child(2n):hover .fix p{color: #fff;}







/* pag_five */

.pag_five{position: relative;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/a7be652ad58c731ca8f9a2db05933b512b993df6.jpg) no-repeat;background-size: cover;padding-top: 80px;padding-bottom: 30px;}



.pag_five .tit-about{position: relative;margin-bottom: 3.125vw;}

.pag_five .tit-about h3{font-size: 60px;font-family: "BODONISTD-BOOK";color: #fff;text-transform: uppercase;}

.pag_five .tit-about p{font-size: 36px;color: #fff;}





.pag_five_con{position: relative;padding-left: 60px;padding-right: 60px}

.wapx{position: relative;}

.page_five_swiper{overflow: hidden;}

.page_five_swiper::before{content: "";width: 100%;height: 2px;background: #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;}

.page_five_swiper .swiper-slide{position: relative;text-align: center;}

.page_five_swiper .swiper-slide a{display: block;}

.page_five_swiper .swiper-slide .imgs img{display: block;width: 100%;height: 185px;}

.page_five_swiper .swiper-slide h3{font-weight: normal;font-size: 16px;color: #fff;margin: 15px 0;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

.page_five_swiper .swiper-slide .yy{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/39a9a1b839680e2805de2f6f56fc82d0a6564534.png) no-repeat;width: 21px;height: 21px;

display: inline-block;margin: 35px 0;}



.page_five_swiper .swiper-slide+.swiper-slide .yy::before{position: absolute;left: 0px;width: 11px;height: 11px;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/4fbf0ea58641339f82e6010d9dffd6765486fff2.png) no-repeat center;content: "";margin-top: 4px;}

.page_five_swiper .swiper-slide:nth-child(odd){margin-top: 250px;}

.page_five_swiper .swiper-slide:nth-child(odd) a{display: flex;flex-direction: column-reverse;align-items: center;justify-content: center;}



.pag_five_con .swiper-button-next,

.pag_five_con .swiper-button-prev{

    width: 15px;

    height: 26px;

    top: 50%;

    margin-top: -13px;

    z-index: 999;

}

.pag_five_con .swiper-button-prev{

    left: 0px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/d2e7e1ddff88e97033f392ecabe6ab81636bd3db.png) no-repeat center;

}

.pag_five_con .swiper-button-next{

    right: 0px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/875cda44d616caab765439404a5a34773959a4e3.png) no-repeat center;

}



/* pag_six */

.pag_six{position: relative;padding-top: 3.64583vw;padding-bottom: 100px;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/56d8e944fe9ec48856a5d5e1a421e3ad0a4bc25f.png) no-repeat center bottom #fcfcfc;}

.pag_six .tit-about{position: relative;margin-bottom: 40px;}

.pag_six .tit-about h3{font-size: 60px;font-family: "BODONISTD-BOOK";color: #000;text-transform: uppercase;}

.pag_six .tit-about p{font-size: 36px;color: #000;}



.page_six_con{position: relative;}

.fix_top{display: flex;justify-content: flex-end;max-width: 1400px;margin: 0 auto;padding-left: 15px;padding-right: 15px;margin-bottom: 3.125vw;}

.six_sort{border: 1px solid #dadada;display: flex;}

.six_sort li{position: relative;text-align: center;cursor: pointer;line-height: 40px;background: #e7e7e7;color: #393939;font-size: 18px;width: 150px;-webkit-transition: all .5s ease;transition: all .5s ease;}

.six_sort li.active,.six_sort li:hover{background-color: #003f98;color: #fff;}



/* swiper_six_wp */

.swiper_six_wp{padding-left: 4.166vw;padding-right: 4.166vw;position: relative;}

.swiper-six{overflow: hidden;}

.swiper-six .swiper-slide .slicon{margin-bottom: 25px;position: relative;}

.swiper-six .swiper-slide .slicon:nth-child(2){margin-bottom: 0px;}

.swiper-six .swiper-slide .slicon a{display: block;}

.swiper-six .swiper-slide .slicon a img{display: block;width: 100%;}



.swiper_six_wp .swiper-button-next,

.swiper_six_wp .swiper-button-prev{width: 15px;height: 26px;top: 50%;margin-top: -13px;z-index: 999;}

.swiper_six_wp .swiper-button-prev{

    left: 0px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/bec1c775299360664f7002ad3139e232b63f510a.png) no-repeat center;

}

.swiper_six_wp .swiper-button-next{

    right: 0px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/61acc850d2f9a032620a361b190fc747c4fb0a70.png) no-repeat center;

}



/*  */

.six_tab { position: relative; }

.six_tab .six_main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}

.six_tab .six_main { opacity: 0; visibility: hidden; transition: all .5s ease; }

.six_tab .six_main.active { position: static; opacity: 1; visibility: visible; }





/* pag_seven */

.pag_seven{position: relative;padding: 5.2083vw 0 3.125vw;}

.pag_seven .tit-about{position: relative;margin-bottom: 4.1666vw;}

.pag_seven .tit-about h3{font-size: 60px;font-family: "BODONISTD-BOOK";color: #000;text-transform: uppercase;}

.pag_seven .tit-about p{font-size: 36px;color: #000;}



.pag_seven_con{position: relative;margin-bottom: 40px;}

.sp_tit{font-size: 22px;color: #000;max-width: 1400px;padding-left: 15px;padding-right: 15px;margin: 0 auto;margin-bottom: 30px;}

.sp_swiper1{position: relative;padding-left: 4.1666vw;padding-right: 4.1666vw;}

.sp_swiper1 .sp_down_list{overflow: hidden;}



/* sp_down_list */

.sp_down_list .swiper-slide{position: relative;}

.sp_down_list .swiper-slide .imx img{display: block;width: 100%;}

.sp_down_list .swiper-slide .xx-flex{display: flex;justify-content: center;align-items: center;background: #626262;padding: 15px 10px;-webkit-transition: all .5s ease;transition: all .5s ease;}

.sp_down_list .swiper-slide .xx-flex h3{font-size: 16px;color: #fff;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.sp_down_list .swiper-slide .xx-flex em{font-style: inherit;color: #fff;font-size: 12px;border: 1px solid #fff;padding: 2px 5px;}

.sp_down_list .swiper-slide .xx-flex em i{width: 9px;height: 15px;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/911734677272aa3c4ae7b3413ea81970ce1717cd.png) no-repeat center;display: inline-block;margin-left: 5px;vertical-align: -2px;}



.sp_down_list .swiper-slide:hover .xx-flex{background-color: #003f98;}



/*  */

.sp_swiper1 .swiper-button-next1,

.sp_swiper1 .swiper-button-prev1{width: 15px;height: 26px;top: 50%;margin-top: -13px;z-index: 999;}

.sp_swiper1 .swiper-button-prev1{

    left: 0px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/db7b00ac23d86da7fdb18060fa812fda1a242a71.png) no-repeat center;

}

.sp_swiper1 .swiper-button-next1{

    right: 0px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/918b613951e0d044972c9a918a0519c13b11a10e.png) no-repeat center;

}





/* pag_seven_con2 */

.pag_seven_con2{position: relative;margin-bottom: 40px;}

.sp_swiper2{position: relative;padding-left: 4.1666vw;padding-right: 4.1666vw;}

.sp_swiper2 .sp_down_list2{overflow: hidden;}



/* sp_down_list2 */

.sp_down_list2 .swiper-slide{position: relative;}

.sp_down_list2 .swiper-slide .imx img{display: block;width: 100%;}

.sp_down_list2 .swiper-slide .xx-flex{display: flex;justify-content: center;align-items: center;background: #626262;padding: 15px 10px;-webkit-transition: all .5s ease;transition: all .5s ease;}

.sp_down_list2 .swiper-slide .xx-flex h3{font-size: 16px;color: #fff;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.sp_down_list2 .swiper-slide .xx-flex em{font-style: inherit;color: #fff;font-size: 12px;border: 1px solid #fff;padding: 2px 5px;width: 85px;}

.sp_down_list2 .swiper-slide .xx-flex em i{width: 9px;height: 15px;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/911734677272aa3c4ae7b3413ea81970ce1717cd.png) no-repeat center;display: inline-block;margin-left: 5px;vertical-align: -2px;}



.sp_down_list2 .swiper-slide:hover .xx-flex{background-color: #003f98;}





/*  */

.sp_swiper2 .swiper-button-next2,

.sp_swiper2 .swiper-button-prev2{width: 15px;height: 26px;top: 50%;margin-top: -13px;z-index: 999;}

.sp_swiper2 .swiper-button-prev2{

    left: 0px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/db7b00ac23d86da7fdb18060fa812fda1a242a71.png) no-repeat center;

}

.sp_swiper2 .swiper-button-next2{

    right: 0px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/918b613951e0d044972c9a918a0519c13b11a10e.png) no-repeat center;

}





/*  */

@media (max-width: 1366px){

    .pag_one .tit-about h3{font-size: 46px;}

    .pag_one .tit-about p{font-size: 22px;}

    .pag_one_text .texta{font-size: 14px;}

    .hus_swiper_aa2 .swiper-slide .fll h3{font-size: 16px;}

    .pinpai_swiper .swiper-slide .pin_left h3{font-size: 48px;}

    .pinpai_swiper .swiper-slide .pin_left p{font-size: 22px;}

    .pinpai_swiper .swiper-slide .pin_text h3{font-size: 18px;margin: 15px 0;}

    .pinpai_swiper .swiper-slide .pin_text p{font-size: 18px;}

    .pinpai_swiper2 .swiper-slide h3{font-size: 18px;}

    .pinpai_swiper2 .swiper-slide{padding: 20px 0;}

    .six_sort li{font-size: 16px;}



    .pag_four .tit-about h3{font-size: 46px;}

    .pag_four .tit-about p{font-size: 22px;}



    .pag_five .tit-about h3{font-size: 46px;}

    .pag_five .tit-about p{font-size: 22px;}



    .pag_six .tit-about h3{font-size: 46px;}

    .pag_six .tit-about p{font-size: 22px;}



    .pag_seven .tit-about h3{font-size: 46px;}

    .pag_seven .tit-about p{font-size: 22px;}



}





@media (max-width: 992px){

    .pag_one_list{flex-wrap: wrap;}

    .pag_one_list li{flex: none;width: calc(33.33% - 4px);margin-bottom: 4px;}

    .pag_two_con{padding-left: 30px;padding-right: 30px;}

    .tit-about2{margin-bottom: 30px;}

    .pag_two_more{padding: 40px 0;}



    .fix_top{justify-content: center;margin-bottom: 50px;}

    .swiper_six_wp{padding-left: 30px;padding-right: 30px;}



    .sp_swiper1{padding-left: 30px;padding-right: 30px;}

    .sp_swiper2{padding-left: 30px;padding-right: 30px;}



    .tit-about2 h3{padding-left: 20px;padding-right: 20px;}

    .sp_tit{padding-left: 30px;padding-right: 30px;font-size: 18px;}

    .swiper-six .swiper-slide .slicon{margin-bottom: 10px;}



    .pin_item h3{font-size: 30px;}

    .pin_item p{font-size: 15px;}



}





@media (max-width: 768px){  

     .pag_one_list li{padding: 15px 10px;}



    

    .pag_one .tit-about h3{font-size: 36px;}

    .pag_one .tit-about p{font-size: 18px;}



    .pag_four{padding: 50px 0;}

    .pag_four .tit-about{margin-bottom: 40px;}

    .pag_four .tit-about h3{font-size: 36px;}

    .pag_four .tit-about p{font-size: 18px;}



    .pag_five .tit-about h3{font-size: 36px;}

    .pag_five .tit-about p{font-size: 18px;}



    .pag_six{padding-top: 50px;}

    .pag_six .tit-about h3{font-size: 36px;}

    .pag_six .tit-about p{font-size: 18px;}



    .pag_seven{padding-top: 50px;padding-bottom: 0px;}

    .pag_seven .tit-about h3{font-size: 36px;}

    .pag_seven .tit-about p{font-size: 18px;}



    .pag_five .tit-about{margin-bottom: 30px;}



    .sp_tit{margin-bottom: 15px;font-size: 16px;}



    .pag_five{padding-top: 50px;}

    .pag_five_con{padding-left: 30px;padding-right: 30px;}

    .page_five_swiper .swiper-slide .imgs img{height: 120px;margin: 0 auto;width: auto;}

    .page_five_swiper .swiper-slide:nth-child(odd){margin-top: 215px;}

    .page_five_swiper .swiper-slide h3{font-size: 14px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;line-height: 22px;height: 68px;}



    .pag_four_con ul li .fix .fimg img{max-height: 30px;}

    .pag_four_con ul li .fix h3,.pag_four_con ul li .fix h4{font-size: 16px;}

    .pag_four_con ul li .fix h4{margin-bottom: 10px;}

    .pag_four_con ul li .fix p{font-size: 14px;}



    .pinpai_swiper .swiper-slide .pin_text h3{font-size: 16px;}

    .pinpai_swiper2 .swiper-slide h3{font-size: 16px;}

    .pinpai_swiper .swiper-slide .pin_text p{font-size: 15px;}



    .pag_four_con ul li{width: calc(100% - 20px)!important;}



    .pag_seven>.max1550{padding-left: 15px;padding-right: 15px;}



    .sp_swiper1{padding-left: 30px;padding-right: 30px;}

    .sp_swiper2{padding-left: 30px;padding-right: 30px;}

    .sp_down_list .swiper-slide .xx-flex h3{font-size: 12px;}

    .sp_down_list2 .swiper-slide .xx-flex h3{font-size: 12px;}



}







/* 联系我们页面 */



/* titxx_cc */

.titxx_cc{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 999;}

.titxx_cc .flex-mid{display: flex;flex-direction: column;justify-content: center;height: 100%;position: relative;}

.titxx_cc .flex-mid h3{color: #fff;font-size: 3.125vw;font-weight: 400;font-family:"BODONISTD-BOOK";letter-spacing: 2px;text-transform: uppercase;}

.titxx_cc .flex-mid span{display: block;font-size: 1.875vw;color: #fff;font-family: "Microsoft Yahei";}



.contact-wrap{position: relative;}



/* contact_one */

.contact_one{

    position: relative;

    padding: 5.2083vw 0;

    background: #f2f2f2;

}

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

.contact_one_left{position: relative;min-width: 30%;}

.tit-cat{position: relative;margin-bottom: 4.1666vw;}

.tit-cat h3{font-size: 36px;color: #000;font-weight: normal;margin-bottom: 5px;}

.tit-cat p{font-family: "BODONISTD-BOOK";font-size: 22px;color: #000;}



.lss-list{position: relative;}

.lss-list li{display: flex;align-items: center;border-bottom: 1px solid #a1a1a1;padding: 20px 0;margin-bottom: 1.15625vw;}

.lss-list li img{margin-right: 15px;}

.lss-list li span{font-size: 16px;color: #000;}

.lss-list li span:nth-child(2){font-size: 16px;color: #000;}

.lss-list li a{font-size: 16px;color: #000;}







.contact_one_right{position: relative;width: 46.28%;}

.contact_one_right img{display: block;width: 100%;}



/* contact_service */

.contact_service{position: relative;margin-top: 7.8125vw!important;}

.ser-left{position: relative;width: 44.64%;}

.ser-left img{display: block;width: 100%;}





.ser-right{position: relative;width: 50%;}

.ser-right .apa{font-size: 1.875vw;color: #000000;font-weight: normal;padding-bottom: 1.822916vw;margin-bottom: 20px;position: relative;}

.ser-right .apa::before{position: absolute;left: 0px;bottom: 0px;width: 33px;height: 3px;background: #003f98;content: "";}

.ser-right .apb{font-size: 0.9375vw;color: #000000;font-weight: normal;margin-bottom: 20px;line-height: 30px;}

.ser-right .apc{font-size: 0.8333vw;color: #000000;line-height: 30px;}

.ser-right .apc strong{font-size: 22px;color: #003f98;font-weight: normal;}
.ser-right .apc .warranty-commitment span{display:block;}
.ser-right .apc .warranty-detail{padding-left:2em;}








/* contact_two */

.contact_two{

    position: relative;

    background: #fff;

    padding: 5.2083vw 0;

}



.contact_two_left{position: relative;width: 46%;}

.contact_two_left h2{font-size: 36px;font-weight: normal;color: #000000;position: relative;padding-bottom: 30px;margin-bottom: 4.166vw;}

.contact_two_left h2::before{position: absolute;left: 0px;bottom: 0px;width: 33px;height: 3px;background: #003f98;content: "";}

.contact_two_left .sfo{font-size: 16px;color: #000;line-height: 29px;}



/*  */

.contact_two_right{position: relative;width: 50%;}

.x-message-wrap2 {margin-left: 0px;margin-right: 0px}

.x-message-wrap2 .row {margin-left: -5px;font-size: 0;margin-right: -5px}

.x-message-wrap2 div[class^='col-'] {padding-left: 5px;padding-right: 5px;position: relative;}



.x-message-wrap2 input[type='text'],.x-message-wrap2 textarea {width: 100%;height: 45px;border: none;padding: 0 15px;font-size: 16px;color: #5e5e5e;background: #f9f9f9;

outline: none;margin-bottom: 10px;border: 1px solid #b2b2b2;}

.x-message-wrap2 input[type='text']::-webkit-input-placeholder,.x-message-wrap2 textarea::-webkit-input-placeholder {color: #5e5e5e}

.x-message-wrap2 input[type='text']:-ms-input-placeholder,.x-message-wrap2 textarea:-ms-input-placeholder {color: #5e5e5e}

.x-message-wrap2 input[type='text']::-ms-input-placeholder,.x-message-wrap2 textarea::-ms-input-placeholder {color: #5e5e5e}

.x-message-wrap2 input[type='text']::placeholder,.x-message-wrap2 textarea::placeholder {color: #5e5e5e;}

.x-message-wrap2 textarea {padding-top: 15px;height: 160px;resize: none}

.x-message-wrap2 #checkcode {float: left;width: 40%;margin-bottom: 0;}

.x-message-wrap2 #codeimg2 {float: left;display: block;text-align: center;width: calc(50% - 140px);height: 45px;font-size: 0;background: #e7e4e4;padding: 0px;}

.x-message-wrap2 .x-submit {float: right;margin-left: 0%;width: 130px;height: 45px;background: #003f98;color: #fff;font-size: 16px;border: none;outline: none;

-webkit-transition: all .5s ease;transition: all .5s ease;letter-spacing: 5px;}

.x-message-wrap2 .x-submit:hover {background: #003f98}

.x-message-wrap2 .n-default .x-textarea .msg-wrap{top: 10px;}



/* contact_three */

.contact_three{position: relative;background: #f2f2f2;padding: 4.1666vw 0;}

.tit-cat2{position: relative;margin-bottom: 3.125vw;}

.tit-cat2 h3{font-family: "BODONISTD-BOOK";font-size: 3.125vw;color: #000;font-weight: normal;text-transform: uppercase;}

.tit-cat2 p{font-size: 1.875vw;color: #000;}



.contact_three_con{position: relative;}

.contact_three_con ul{display: flex;flex-wrap: wrap;}

.contact_three_con ul li{position: relative;width: calc(100%/6 - 30px);margin: 0 15px 20px 15px;text-align: center;}

.contact_three_con ul li .ewm{text-align: center;}

.contact_three_con ul li .ewm img{display: inline-block;width: 100%;}

.contact_three_con ul li p{font-size: 16px;color: #000;font-weight: normal;line-height: 1.7;margin: 15px 0;}





/* map */

.map_wap{overflow: hidden;}

#map2{position: relative;height: 590px;}





@media (max-width: 992px){

    .tit-cat h3{font-size: 26px;}

    .tit-cat p{font-size: 18px;}

    .contact_one_left{min-width: 50%;width: 50%;}



    .contact_two_left{margin-bottom: 30px;}

    .contact_two_left h2{font-size: 26px;}



    .contact_three_con ul li p{font-size: 12px;}



    .ser-left{width: 100%;margin-bottom: 30px;}

    .ser-right{width: 100%;}

    .ser-right .apa{font-size: 24px;padding-bottom: 20px;margin-bottom: 20px;}

    .ser-right .apb{font-size: 16px;line-height: 30px;}

    .ser-right .apc{font-size: 14px;}

    .ser-right .apc strong{font-size: 18px;}





    #map2{height: 450px;}

}

@media (max-width: 768px){

    .contact_one,.contact_two,.contact_three{padding: 50px 0;}

    .tit-cat2{margin-bottom: 30px;}

    .tit-cat2 h3{font-size: 32px;}

    .tit-cat2 p{font-size: 18px;}



    .contact_one_left{width: 100%;margin-bottom: 30px;}

    .contact_one_right{width: 100%;}



    .contact_two_left{width: 100%;}

    .contact_two_right{width: 100%;}



    .contact_three_con ul li{width: calc(100%/3 - 30px);}

    .contact_three_con ul li p br{display: none;}



    .x-message-wrap2 #codeimg2{width: calc(50% - 100px);}

    .x-message-wrap2 .x-submit{width: 100px;}

    .x-message-wrap2 input[type='text'], .x-message-wrap2 textarea{font-size: 14px;}



    #map2{height: 350px;}

}





/* 招商加盟页面 */

.join-wrap{position: relative;}



/* titxx_cc */

.titxx_cc{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 999;}

.titxx_cc .flex-mid{display: flex;flex-direction: column;justify-content: center;height: 100%;position: relative;}

.titxx_cc .flex-mid h3{color: #fff;font-size: 3.125vw;font-weight: 400;font-family:"BODONISTD-BOOK";letter-spacing: 2px;text-transform: uppercase;}

.titxx_cc .flex-mid span{display: block;font-size: 1.875vw;color: #fff;font-family: "Microsoft Yahei";}



/* join_one */

.join_one{position: relative;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/69be3b7dc9edf1fb2a6931d818734e11b6b5f150.jpg) no-repeat;background-size: cover;padding-top: 6.25vw;padding-bottom: 8.333vw;}

.join_tit{text-align: center;margin-bottom: 5.2083vw;}

.join_tit h3{color: #fff;font-size: 3.125vw;text-transform: uppercase;font-family: "BODONISTD-BOOK";}

.join_tit p{font-size: 1.875vw;color: #fff;font-weight: normal;padding-top: 10px;}



.join_one_con{position: relative;}

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

.join_one_con ul li{position: relative;background: rgba(255,255,255,.3);padding: 2.60416vw 30px;width: 28.33%;margin: 0 15px 30px 15px;text-align: center;}

.join_one_con ul li a{display: block;}

.join_one_con ul li .ipimg{height: 50px;line-height: 50px;margin-bottom: 15px;}

.join_one_con ul li .ipimg img{max-height: 42px;}

.join_one_con ul li h3{font-size: 22px;color: #fff;font-weight: normal;position: relative;padding-bottom: 15px;margin-bottom: 25px;}

.join_one_con ul li h3::before{position: absolute;bottom: 0px;width: 32px;height: 3px;background: #4990f3;content: "";left: 50%;transform: translateX(-50%);}

.join_one_con ul li .syy{color: #fff;font-size: 16px;line-height: 1.7;}





/* join_two */

.join_two{position: relative;padding: 5.2083vw 0;}

.join_tit2{text-align: center;margin-bottom: 4.166vw;}

.join_tit2 h3{color: #000;font-size: 3.125vw;text-transform: uppercase;font-family: "BODONISTD-BOOK";}

.join_tit2 p{font-size: 1.875vw;color: #000;font-weight: normal;padding-top: 10px;}



.join_two_list {

    width: 100%;

    position: relative;

    overflow: hidden;

}

.join_two_list .swiper-slide {

    align-items: center;

    transition: 300ms;

    transform: scale(0.8);

}

.join_two_list .swiper-slide .img{

    position: relative;

}

.join_two_list .swiper-slide .img::before{

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    content: "";

    background: rgba(27, 27, 27, 0.5);

    opacity: 1;

}

.join_two_list .swiper-slide-active .img::before{

    opacity: 0;

}



.join_two_list .swiper-slide .img img{

    display: block;

    width: 100%;

    border-radius: 5px;

}

.join_two_list .swiper-slide-active,

.swiper-slide-duplicate-active{

    transform: scale(1);

}



.join_two_list .swiper-button-next,

.join_two_list .swiper-button-prev{

    width: 14px;

    height: 22px;

    margin-top: -11px;

    z-index: 999;

}

.join_two_list .swiper-button-prev{

    left: 10.416vw;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/9785dd70a4a53ebd47df3f2ee78894436ae117ff.png) no-repeat center;

}

.join_two_list .swiper-button-next{

    right: 10.416vw;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/82348997a88ba926929d0d3d08a3d47a011683c8.png) no-repeat center;

}



/* join_three */

.join_three{position: relative;padding: 30px 0;}

.join_three_con{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/d1702dbd9de3019d2251ea98eef013fd164f3231.jpg) no-repeat;background-size: cover;position: relative;}

.join_three_con::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(51,51,51,.9);content: "";}

.join_three_list{display: flex;flex-wrap: wrap;height: 100%;}

.join_three_list li{position: relative;width: 50%;text-align: center;border-right: 1px solid #8c8c8c;border-bottom: 1px solid #8c8c8c;padding: 60px 0;transition: all .5s ease;-webkit-transition: all .5s ease;}

.join_three_list li .fdd{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;height: 100%;}

.join_three_list li h3{color: #fff;font-size: 3.125vw;text-transform: uppercase;font-family: "BODONISTD-BOOK";}

.join_three_list li p{font-size: 1.875vw;color: #fff;font-weight: normal;padding-top: 0px;}



.join_three_list li .fdd a{display: block;}

.join_three_list li .fdd .fimg{margin-bottom: 15px;}

.join_three_list li .fdd .fimg img{max-height: 50px;}

.join_three_list li .fdd h4{margin-bottom: 20px;font-size: 1.302083vw;color: #fff;font-weight: normal;}

.join_three_list li .fdd .fsumm{font-size: 16px;color: #fff;line-height: 1.7;}

.join_three_list li:not(:first-child):hover{background-color: #003f98;}





/* join_four */

.join_four{padding-top: 50px;}

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





.join_four_left{position: relative;width: 46.5%;}

.join_four_left img{display: block;width: 100%;height: 100%;}



.join_four_right{position: relative;background: #eaeaea;width: 53.5%;padding: 30px 3.125vw;}

.join_four_right ul{position: relative;display: flex;flex-direction: column;height: 100%;justify-content: center;align-items: flex-start;}

.join_four_right ul li{position: relative;width: 100%;}

.join_four_right ul li:not(:last-child){margin-bottom: 30px;}

.join_four_right ul li a{display: flex;align-items: center;}

.join_four_right ul li .klimg{margin-right: 15px;}

.join_four_right ul li .klimg img{max-width: 60px;object-fit: cover;}



.join_four_right ul li .kltext{position: relative;width: calc(100% - 75px);}

.join_four_right ul li .kltext h3{font-size: 22px;color: #000;font-weight: normal;margin-bottom: 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.join_four_right ul li .kltext .pp{font-size: 16px;color: #393939;line-height: 1.7;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}





/* join_five */

.join_five{position: relative;padding: 6.25vw 0;}

.join_five_con{position: relative;}

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

.join_five_list::before{position: absolute;height: 1px;width: calc(100% - 200px);left: 50%;top: 40px;content: "";background: transparent;border-top: 1px dashed #003f98;

transform: translateX(-50%);}

.join_five_list li{position: relative;text-align: center;width: calc(100%/7);}

.join_five_list li+li::before{position: absolute;width: 20px;height: 20px;content: "";

background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/24cdeadaaee572fb5988a39c11bf366d49e4f29a.png) no-repeat;left: -10px;top: 30px;}



.join_five_list li a{display: block;}

.join_five_list li .oaimg{width: 84px;height: 84px;line-height: 84px;border-radius: 50%;margin: 0 auto;margin-bottom: 20px;background: #fff;position: relative;

border: 1px solid #7fabea;}

.join_five_list li .oaimg img{line-height: 84px;max-width: 50px;}



.join_five_list li .progress-barx::before {

  content: "";

  position: absolute;

  top: -1px;

  left: -1px;

  bottom: -1px;

  right: -1px;

  border-radius: 50%;

  border: 1px solid #003f98;

  clip: rect(0, 42px, 84px, 0);

  transform: rotate(0deg);

}



.join_five_list li:nth-child(1) .progress-barx::before{transform: rotate(25deg);}

.join_five_list li:nth-child(2) .progress-barx::before{transform: rotate(50deg);}

.join_five_list li:nth-child(3) .progress-barx::before{transform: rotate(75deg);}

.join_five_list li:nth-child(4) .progress-barx::before{transform: rotate(100deg);}

.join_five_list li:nth-child(5) .progress-barx::before{transform: rotate(125deg);}

.join_five_list li:nth-child(6) .progress-barx::before{transform: rotate(150deg);}

.join_five_list li:nth-child(7) .progress-barx::before{transform: rotate(18deg);}







.join_five_list li .oatext{position: relative;}

.join_five_list li .oatext em{position: absolute;font-family: "BODONISTD-BOOK";font-size: 64px;color: #b4b4b4;line-height: 1;left: 50%;top: 50%;transform: translate(-50%, -50%);font-style: Italic;opacity: .34;}

.join_five_list li .oatext h3{font-size: 16px;color: #393939;font-weight: normal;margin-bottom: 10px;}

.join_five_list li .oatext p{font-family: "BODONISTD-BOOK";font-size: 16px;color: #393939;text-transform: uppercase;}



.imyy{position: relative;margin-top: 10px;}

.imyy img{display: inline-block;max-width: 100%;}





/* join_six */

.join_six{position: relative;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/3cf7db7c12aff67d2a6ed175e1f03717af433b1b.jpg) no-repeat;background-size: cover;padding-top: 120px;padding-bottom: 80px;}

.join_six_left{position: relative;width: 40.85%;}

.join_tit3{margin-bottom: 2.60416vw;}

.join_tit3 h3{color: #000;font-size: 3.125vw;text-transform: uppercase;font-family: "BODONISTD-BOOK";}

.join_tit3 p{font-size: 1.875vw;color: #000;font-weight: normal;padding-top: 10px;}



.network_text{font-size: 16px;color: #393939;line-height: 1.7;margin-bottom: 70px;}



/* network_list */

.network_list{display: flex;position: relative;z-index: 999;padding: 20px 0;border-top: 2px solid #000;border-bottom: 1px solid #000;width: 340px;justify-content: space-between;}

.network_list li{position: relative;transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;}

.network_list li h3 {color: #003f98;display: inline-block;}

.network_list li h3 i {color: #003f98;font-size: 36px;font-weight: 400;font-family: "BODONISTD-BOOK";}

.network_list li h3 span {font-size: 20px;font-weight: normal;font-style: inherit;color: #393939;margin-left: 10px;}

.network_list li p {font-size: 18px;line-height: 1.7;color: #393939;padding-top: 5px;}

.join_six_right{position: relative;width: 50%;text-align: center;}

.join_six_right img{max-width: 100%;display: inline-block;}



/* join_seven */

.join_seven{position: relative;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/5b84f4e640bac58775141c275b729e9b47685637.jpg) no-repeat;background-size: cover;padding-top: 80px;padding-bottom: 120px;}

.join_tit4{margin-bottom: 100px;}

.join_tit4 h3{color: #fff;font-size: 3.125vw;text-transform: uppercase;font-family: "BODONISTD-BOOK";}

.join_tit4 p{font-size: 1.875vw;color: #fff;font-weight: normal;padding-top: 10px;}



.join_seven_con{width: 50%;}

/*  */

.x-message-wrap4 {margin-left: 0px;margin-right: 0px}

.x-message-wrap4 .row {margin-left: -5px;font-size: 0;margin-right: -5px}

.x-message-wrap4 div[class^='col-'] {padding-left: 5px;padding-right: 5px;position: relative;}



.x-message-wrap4 input[type='text'],.x-message-wrap4 textarea {width: 100%;height: 45px;border: none;padding: 0 15px;font-size: 16px;color: rgba(255,255,255,.8);background: #505151;

outline: none;margin-bottom: 10px;}

.x-message-wrap4 input[type='text']::-webkit-input-placeholder,.x-message-wrap4 textarea::-webkit-input-placeholder {color: rgba(255,255,255,.8)}

.x-message-wrap4 input[type='text']:-ms-input-placeholder,.x-message-wrap4 textarea:-ms-input-placeholder {color: rgba(255,255,255,.8)}

.x-message-wrap4 input[type='text']::-ms-input-placeholder,.x-message-wrap4 textarea::-ms-input-placeholder {color: rgba(255,255,255,.8)}

.x-message-wrap4 input[type='text']::placeholder,.x-message-wrap4 textarea::placeholder {color: rgba(255,255,255,.8);}

.x-message-wrap4 textarea {padding-top: 15px;height: 160px;resize: none}

.x-message-wrap4 #checkcode {float: left;width: 48.29813665%;margin-bottom: 0;}

.x-message-wrap4 #codeimg2 {float: left;display: block;text-align: center;width: 19.39130435%;height: 45px;font-size: 0;background: #e7e4e4;padding: 0px;}

.x-message-wrap4 .x-submit {float: right;margin-top: 0px;width: 30%;height: 45px;background: #003f98;color: #fff;font-size: 16px;border: none;outline: none;-webkit-transition: all .5s ease;transition: all .5s ease;}

.x-message-wrap4 .x-submit:hover {background: #003f98}

.x-message-wrap4 .n-default .x-textarea .msg-wrap{top: 10px;}







@media (max-width: 992px){

    .join_one_con ul li h3{font-size: 18px;}

    .join_one_con ul li .syy{font-size: 14px;}

    .join_three_list li h3{font-size: 28px;}

    .join_three_list li p{font-size: 16px;}



    .join_three_list li .fdd h4{font-size: 18px;}

    .join_three_list li .fdd .fsumm{font-size: 14px;}





    .join_four_right ul li .kltext h3{font-size: 18px;}

    .join_four_right ul li .kltext .pp{font-size: 14px;}



    .join_five_list li .oatext p{font-size: 12px;}

    .network_text{font-size: 14px;}



    .network_list li p{font-size: 14px;}

    .join_seven_con{width: 100%;}

    .x-message-wrap4 input[type='text'], .x-message-wrap4 textarea{font-size: 14px;}

    .x-message-wrap4 .x-submit{font-size: 14px;}

}



@media (max-width: 768px){

    .join_one_con ul li{width: 100%;margin: 20px 0;padding: 30px;}

    .join_tit h3,.join_tit2 h3,.join_tit4 h3,.join_tit3 h3{font-size: 30px;}

    .join_tit p,.join_tit2 p,.join_tit4 p,.join_tit3 p{font-size: 16px;}



    .join_three_list li .fdd .fimg img{max-width: 35px;}

    .join_three_list li .fdd h4{font-size: 16px;}



    .join_four_left{width: 100%;}

    .join_four_right{width: 100%;padding: 30px 20px;}



    .join_five_list{flex-wrap: wrap;}

    .join_five_list li{width: 33.33%;margin-bottom: 30px;}

    .join_five_list::before{display: none;}

    .join_five_list li+li::before{display: none;}

    .join_five_list li .oatext h3{margin-bottom: 4px;}

    .join_five_list li .oatext p{font-size: 14px;}



    .join_six{padding-top: 60px;padding-bottom: 60px;}

    .join_six>.max1400{flex-wrap: wrap;}

    .join_six_left{width: 100%;margin-bottom: 50px;}

    .join_six_right{width: 100%;}



    .join_tit4{margin-bottom: 50px;}

    .join_seven{padding-top: 80px;padding-bottom: 80px;}



    .join_tit2{margin-bottom: 50px;}

    .join_three_list li{padding: 40px 0;}

    .join_three_list li .fdd .fsumm{font-size: 12px;}

    

    .join_one{padding: 50px 0;}

}







/* 智能制造页面 */

.mark-wrap{position: relative;}



/* mark_one */

.mark_one{position: relative;padding-top: 3.125vw;}

.mark_tit{text-align: center;margin-bottom: 3.125vw;}

.mark_tit h3{color: #000;font-size: 3.125vw;text-transform: uppercase;font-family: "BODONISTD-BOOK";}

.mark_tit p{font-size: 1.875vw;color: #000;font-weight: normal;padding-top: 10px;margin-bottom: 1.5625vw;}

.mark_tit span{font-size: 1.14583vw;color: #000;font-weight: normal;display: block;}



.mark_one_con{position: relative;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/78b65778e7f88e20407e4ff52fb45e332d0712ef.jpg) no-repeat;background-size: cover;display: flex;justify-content: space-between;flex-wrap: wrap;}



.ma_left{position: relative;width: 50%;padding-right: 40px;border-right: 1px solid #858585;padding-top: 10.416vw;padding-bottom: 7.8125vw;}

.ma_left .flex-middle{display: flex;flex-direction: column;align-items: flex-end;justify-content: center;}

.ma_left h2{font-size: 1.875vw;color: #fff;font-weight: normal;line-height: 1.5;margin-bottom: 3.125vw;}

.ma_left ul{position: relative;padding-left: 40px;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/5e6800d8a598ea1e802e92e20f22632ad51b8f9f.png) no-repeat left center;

height: 269px;display: flex;align-items: center;flex-direction: column;justify-content: center;}

.ma_left ul li{cursor: pointer;position: relative;color: rgba(255,255,255,.5);font-size: 18px;margin-bottom: 25px;}

.ma_left ul li::before{position: absolute;left: -50px;width: 20px;height: 20px;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/d75bea0f148016e187bab770d9216485aa8b415d.png) no-repeat center;content: "";top: 5px;}

.ma_left ul li.on{color: #fff;}

.ma_left ul li.on::before{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/e04d6acacc56b3fb196a2acee8f8d02bb1cbd5a8.png) no-repeat center;}



/*  */

.ma_right{position: relative;width: 50%;padding-left: 40px;padding-top: 13.02083vw;padding-bottom: 6.25vw;}

.ma_right ul{position: relative;}

.ma_right ul li{position: relative;}

.ma_right ul li h3{color: #fff;font-size: 22px;margin-bottom: 2.083vw;}

.ma_right ul li h3 i{font-family: "BODONISTD-BOOK";font-size: 27px;margin-right: 10px;}

.ma_right ul li h4{font-weight: normal;color: #fff;font-size: 18px;margin-bottom: 10px;padding-left: 30px;}

.ma_right ul li .pjj{position: relative;color: #fff;font-size: 16px;margin-bottom: 2.60416vw;padding-left: 30px;}

.ma_right ul li .pjj p{color: #fff;font-size: 16px;position: relative;line-height: 1.6;}

.ma_right ul li .pjj p:before {content: "";display: inline-block;width: 6px;height: 6px;background: #fff;margin-right: 10px;vertical-align: 2px;border-radius: 50%;}





/* mob */

.mob_mark_one_con{position: relative;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/5fd43b4c9be8442aeafab5d6b912b5a9118572d1.jpg) no-repeat;background-size: cover;

padding: 50px 0;}

.mob_mark_tit{position: relative;}

.mob_mark_tit h2{font-size: 22px;color: #fff;font-weight: normal;line-height: 1.5;margin-bottom: 40px;}



.mob_ma_left{position: relative;padding-left: 20px;padding-right: 20px;}

.mob_ma_left ul{position: relative;padding-top: 30px;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/b899d46061af31e3c624fb8a74fe9277a5984d41.png) no-repeat top center;background-size: 100% 1px;margin-bottom: 35px;}

.mob_ma_left ul li{cursor: pointer;position: relative;color: rgba(255,255,255,.5);font-size: 15px;width: 33.33%;text-align: center;float: left;}

.mob_ma_left ul li::before{position: absolute;left: 50%;width: 20px;height: 20px;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/d75bea0f148016e187bab770d9216485aa8b415d.png) no-repeat center;content: "";top: -40px;margin-left: -10px}

.mob_ma_left ul li.on{color: #fff;}

.mob_ma_left ul li.on::before{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/e04d6acacc56b3fb196a2acee8f8d02bb1cbd5a8.png) no-repeat center;}



/*  */

.mob_ma_right{position: relative;width: 100%;padding-left: 20px;padding-right: 20px;}

.mob_ma_right ul{position: relative;}

.mob_ma_right ul li{position: relative;}

.mob_ma_right ul li h3{color: #fff;font-size: 18px;margin-bottom: 2.083vw;}

.mob_ma_right ul li h3 i{font-family: "BODONISTD-BOOK";font-size: 23px;margin-right: 10px;}

.mob_ma_right ul li h4{font-weight: normal;color: #fff;font-size: 16px;margin-bottom: 10px;padding-left: 30px;}

.mob_ma_right ul li .pjj{position: relative;color: #fff;font-size: 14px;margin-bottom: 2.60416vw;padding-left: 30px;}

.mob_ma_right ul li .pjj p{color: #fff;font-size: 14px;position: relative;line-height: 1.6;}

.mob_ma_right ul li .pjj p:before {content: "";display: inline-block;width: 6px;height: 6px;background: #fff;margin-right: 10px;vertical-align: 2px;border-radius: 50%;}





/* mark_two */

.mark_two{position: relative;padding-top: 5.2083vw;padding-bottom: 8.333vw;}

.mark_two_con{position: relative;}

.mark_two_con ul{display: flex;flex-wrap: wrap;}

.mark_two_con ul li{position: relative;width: calc(33.33% - 40px);margin: 0 20px 20px 20px;}

.mark_two_con ul li a{display: block;}

.mark_two_con ul li a img{width: 100%;}

.mark_two_con ul li .dpo{position: absolute;width: 100%;bottom: 4.166vw;padding: 0 2.083vw;color: #fff;font-size: 16px;line-height: 1.7;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

   line-clamp: 4;

   -webkit-box-orient: vertical;

   height: 110px;

}



.pc-img{display: block;}

.mob-img{display: none;}







/* mark_three */

.mark_three{position: relative;padding-top: 70px;padding-bottom: 50px;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/b23ae58f854c73ea3587f690059f4ddada04813c.jpg) no-repeat;background-size: cover;}



.mark_tit3{text-align: center;margin-bottom: 60px;}

.mark_tit3 h3{color: #fff;font-size: 1.875vw;text-transform: uppercase;font-family: "BODONISTD-BOOK";}

.mark_tit3 p{font-size: 1.875vw;color: #fff;font-weight: normal;padding-top: 10px;margin-bottom: 10px;}

.mark_tit3 span{font-size: 1.14583vw;color: #fff;font-weight: normal;display: block;}



.mark_three_con{overflow: hidden;}



/*  */

.mark_three_swiper{position: relative;margin-bottom: 3.64583vw;}

.mark_three_swiper .swiper-slide{position: relative;display: flex;justify-content: center;align-items: center;}

.mark_three_swiper .swiper-slide .pin_left{position: relative;text-align: center;}

.mark_three_swiper .swiper-slide .pin_left img{display: inline-block;max-width: 200px;max-height: 390px;}



.mark_three_swiper .swiper-slide .pin_text{position: relative;padding-left: 5.2083vw;}

.mark_three_swiper .swiper-slide .pin_text h3{font-weight: normal;font-size: 22px;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 35px;}

.mark_three_swiper .swiper-slide .pin_text .slg{font-size: 16px;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}



.mark_three_swiper .swiper-button-next7,

.mark_three_swiper .swiper-button-prev7{

    position: absolute;

    top: 50%;

    width: 15px;

    height: 26px;

    margin-top: -13px;

    z-index: 999;

}

.mark_three_swiper .swiper-button-prev7{

    left: 10px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/d751211d48c1d637b40b502a981c9cf632632f0d.png) no-repeat center;

}

.mark_three_swiper .swiper-button-next7{

    right: 10px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/a07ab1e437248d580fc1f8e69ed78e7cc80646ba.png) no-repeat center;

}

/*  */

.mark_three_swiper2{position: relative;}

.mark_three_swiper2::before{position: absolute;top: 0px;width: 82%;left:50%;transform: translateX(-50%);content: "";background: transparent;border-top: 2px dashed #d4d4d4;}



.mark_three_swiper2 .swiper-slide{padding: 30px 0;text-align: center;}

.mark_three_swiper2 .swiper-slide h3{color: #fff;font-size: 1.0416vw;font-weight: normal;cursor: pointer;}

.mark_three_swiper2 .swiper-slide::before{position: absolute;left: 50%;width: 20px;height: 20px;content: "";top: -10px;margin-left: -10px;

background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/d75bea0f148016e187bab770d9216485aa8b415d.png) no-repeat center center;}

.mark_three_swiper2 .swiper-slide-thumb-active::before{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/e04d6acacc56b3fb196a2acee8f8d02bb1cbd5a8.png) no-repeat center;}





/* mark_four */

.mark_four{position: relative;padding-top: 80px;padding-bottom: 30px;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/4686361a9891a9fbc9cee8c2d29817a980ae1cec.jpg) no-repeat;background-size: cover;}

.mark_tit4{margin-bottom: 6.25vw;}



.mark_four_con{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 3.64583vw;}

.left_x{position: relative;width: 52.85%;}

.left_x h3{font-size: 22px;color: #000000;margin-bottom: 30px;}

.left_x div{font-size: 16px;color: #393939;line-height: 1.7;text-indent: 30px;}



.right_x{position: relative;width: 38%;}

.right_x ul{position: relative;display: flex;flex-wrap: wrap;}

.right_x ul li{position: relative;background: rgba(255,255,255,.5);border: 1px solid #eee;margin: 0 5px;width: calc(33.33% - 10px);padding: 50px 15px;text-align: center;}

.right_x ul li .jks{position: relative;text-align: center;}

.right_x ul li .jks img{max-height: 70px;display: inline-block;max-width: 100%;}

.right_x ul li h3{margin: 2.083vw 0;font-weight: normal;font-size: 22px;color: #555555;}

.right_x ul li p{font-size: 14px;color: #555555;font-weight: normal;line-height: 1.7;}



/* sei_show */

.sei_show{position: relative;padding-top: 40px;padding-bottom: 30px;}

.sei_show h2{color: #000;font-size: 22px;font-weight: normal;margin-bottom: 20px;}

.wapxx{position: relative;padding-left: 3.125vw;padding-right: 3.125vw;}

.sei_swiper{overflow: hidden;} 

.sei_swiper .swiper-slide{position: relative;text-align: center;}

.sei_swiper .swiper-slide a{display: block;}

.sei_swiper .swiper-slide a img{width: 100%;display: block;}

.sei_swiper .swiper-slide h3{font-size: 16px;color: #393939;font-weight: normal;line-height: 1.7;padding: .8em 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}



.wapxx .swiper-button-next8,

.wapxx .swiper-button-prev8{

    position: absolute;

    top: 50%;

    width: 15px;

    height: 26px;

    margin-top: -25px;

    z-index: 999;

}

.wapxx .swiper-button-prev8{

    left: 10px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/e5939f3afcf0449d3c0da1439126364d4a5d32ba.png) no-repeat center;

}

.wapxx .swiper-button-next8{

    right: 10px;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/c454fbe3483268a6936b78e080056209f487056e.png) no-repeat center;

}









@media (max-width: 1440px){

    .c1_botom{bottom: 30px;}

    .c2_con ul li .cto h3{padding: 15px 0;}

    .c2_con ul li .cbm h4{font-size: 15px;margin-bottom: 10px;padding-bottom: 10px;}

    .c2_con ul li .cbm a{font-size: 12px;}



    .xw_cate_list{padding: 0 10px;}

    .xw_home_more{display: none!important;}

    .c4_con{margin-top: 20px;}

    .xw_cate_list li{height: 35vh;}



}



@media (max-width: 1280px){





     .xw_cate_list li{height: 30vh;}



   /* .c2_con ul li:nth-child(n+4){

       display: none!important;

   } */





  



}



@media (max-width: 1366px){

    .mark_two_con ul li .dpo{font-size: 14px;height: auto;}

    .ma_right ul li h3{font-size: 18px;}

    .ma_right ul li h3 i{font-size: 22px;}

    .ma_right ul li h4{font-size: 16px;}

    .ma_right ul li .pjj p{font-size: 14px;}

    .mark_three_swiper2 .swiper-slide h3{font-size: 16px;}



   



}



@media (max-width: 992px){

    .mark_one{padding-top: 50px;}

    .mark_tit{text-align: center;margin-bottom: 50px;}

    .mark_tit h3{color: #000;font-size: 36px;text-transform: uppercase;font-family: "BODONISTD-BOOK";}

    .mark_tit p{font-size: 18px;color: #000;font-weight: normal;padding-top: 10px;margin-bottom: 15px;}

    .mark_tit span{font-size: 14px;color: #000;font-weight: normal;display: block;}

}





@media (max-width: 768px){



     .xw_cate_list{padding: 0 0px;}

    .c2_con ul li:nth-child(n+4){display: block!important;}



    .ma_left{width: 100%;}

    .mark_two_con ul li{width: 100%;margin: 0 0 20px 0;}

    .mark_two_con ul li .dpo{padding: 15px;}



    .pc-img{display: none;}

    .mob-img{display: block;}



    .mark_tit3 h3{font-size: 22px;}

    .mark_tit3 p{font-size: 18px;}

    .mark_tit3 span{font-size: 14px;}

    .mark_three_swiper{margin-bottom: 50px;}

    .mark_three_swiper .swiper-slide .pin_left{width: 40%;text-align: center;}

    .mark_three_swiper .swiper-slide .pin_left img{max-width: 80%;max-height: 100%;}



    .mark_three_swiper .swiper-slide .pin_text{width: 50%;}

    .mark_three_swiper .swiper-slide .pin_text h3{font-size: 16px;}

    .mark_three_swiper .swiper-slide .pin_text .slg{font-size: 14px;white-space:normal}

    .mark_three_swiper2 .swiper-slide h3{font-size: 14px;}

    .mark_three_swiper2::before{border-width: 1px;}



    .mark_three{background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/ce648e85f6bce3061c07a1113d3c26c7e3928c58.jpg) no-repeat;background-size: cover;}



    .mark_four{padding-top: 40px;}

    .mark_tit h3{font-size: 26px;}

    .mark_tit p{font-size: 16px;}



    .left_x{width: 100%;}

    .right_x{width: 100%;margin-bottom: 50px;}

    .right_x ul li{padding: 30px 10px;}

    .right_x ul li .jks img{max-height: 50px;}

    .right_x ul li h3{margin: 25px 0;font-size: 16px;}

    .right_x ul li p{font-size: 12px;}



    .mark_four_con{flex-direction: column-reverse;margin-bottom: 30px;}



    .left_x h3{font-size: 16px;text-align: center;}

    .left_x div{font-size: 14px;}



    .sei_show h2{font-size: 18px;}

    .sei_swiper .swiper-slide h3{font-size: 14px;}







    .titxx_cc .flex-mid h3{font-size: 30px;}

    .titxx_cc .flex-mid span{font-size: 14px;}





     .c2_con ul li .bggimg{

        height: 20vh;

    }





    .hus_swiper_aa2 .swiper-button-prev22{

        background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/e5939f3afcf0449d3c0da1439126364d4a5d32ba.png) no-repeat center;

        background-size: 80% 80%;

    }

    .hus_swiper_aa2 .swiper-button-next22{

        background: url(/__cdn/cdn.myxypt.com/1044b33c/23/03/c454fbe3483268a6936b78e080056209f487056e.png) no-repeat center;

        background-size: 80% 80%;

    }



    .pag_five_con .swiper-button-next{

        background-size: 80% 80%;

    }

    .pag_five_con .swiper-button-prev{

        background-size: 80% 80%;

    }   





    .swiper_six_wp .swiper-button-next{ background-size: 80% 80%;}

    .swiper_six_wp .swiper-button-prev{ background-size: 80% 80%;}



    .sp_swiper1 .swiper-button-next1{background-size: 80% 80%;}

    .sp_swiper1 .swiper-button-prev1{background-size: 80% 80%;}



    .sp_swiper2 .swiper-button-next2{background-size: 80% 80%;}

    .sp_swiper2 .swiper-button-prev2{background-size: 80% 80%;}



    .wapxx{padding-left: 30px;padding-right: 30px;}



    .wapxx .swiper-button-next8{background-size: 80% 80%;}

    .wapxx .swiper-button-prev8{background-size: 80% 80%;}





}





/* 弹窗下载 */

.dialog_wrapper{

    position: fixed;

    width: 1200px;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 9999;

    border: 20px solid #cccccc;

    background: #fff;

    padding: 100px;

    display: none;

}

.close_xx {

	position: absolute;

	top: 35px;

	right: 35px;

	z-index: 99;

	cursor: pointer;

}



.ty_tit{

    margin-bottom: 60px;

}

.ty_tit h3{font-size: 30px;color: #000;font-weight: normal;margin-bottom: 30px;}

.ty_tit .shh{margin-bottom: 10px;color: #696969;font-size: 22px;}





/*  */

.x-message-wrap22 {margin-left: 0px;margin-right: 0px}

.x-message-wrap22 .row {margin-left: -5px;font-size: 0;margin-right: -5px}

.x-message-wrap22 div[class^='col-'] {padding-left: 5px;padding-right: 5px;position: relative;}



.x-message-wrap22 input[type='text'],.x-message-wrap22 textarea {width: 100%;height: 65px;border: none;padding: 0 15px;font-size: 18px;color: #696969;background: transparent;outline: none;margin-bottom: 30px;border-bottom: 1px solid #9b9b9b;}

.x-message-wrap22 input[type='text']::-webkit-input-placeholder,.x-message-wrap22 textarea::-webkit-input-placeholder {color: #696969}

.x-message-wrap22 input[type='text']:-ms-input-placeholder,.x-message-wrap22 textarea:-ms-input-placeholder {color: #696969}

.x-message-wrap22 input[type='text']::-ms-input-placeholder,.x-message-wrap22 textarea::-ms-input-placeholder {color: #696969}

.x-message-wrap22 input[type='text']::placeholder,.x-message-wrap22 textarea::placeholder {color: #696969;}

.x-message-wrap22 textarea {padding-top: 15px;height: 80px;resize: none}

.x-message-wrap22 #checkcode {float: left;width: 72.29813665%;margin-bottom: 0;}

.x-message-wrap22 #codeimg2 {float: right;display: block;text-align: center;width: 25.39130435%;height: 65px;font-size: 0;background: #e7e4e4;padding: 0px;}

.x-message-wrap22 .x-submit {display: inline-block;margin-top: 45px;width: 220px;height: 65px;background: #1d4f9f;color: #fff;font-size: 16px;border: none;outline: none;-webkit-transition: all .5s ease;transition: all .5s ease;border-radius: 40px;}

.x-message-wrap22 .x-submit:hover {background: #1d4f9f;}

.x-message-wrap22 .n-default .x-textarea .msg-wrap{top: 10px;}







/*  */

@media (min-width: 1025px){

    .xbb .swiper-slide img{height: 100vh;object-fit: cover;

        /* width: 100vw; */

    }

    .image-mask{

        height:100vh;

        position: relative;

    }

    .c3_left .bd li .lhimg img{height: 100vh;width: 100vw;}

    .big_list li>a img{object-fit: fill; object-position: center center;}

}



.fp-viewing-Page1 #fp-nav ul li a span,

.fp-viewing-Page2 #fp-nav ul li a span,

.fp-viewing-Page7 #fp-nav ul li a span,

.fp-viewing-Page8 #fp-nav ul li a span,

.fp-viewing-Page9 #fp-nav ul li a span{background: #fff;}





.fp-viewing-Page3 .top_head,

.fp-viewing-Page4 .top_head,

.fp-viewing-Page6 .top_head{background: #0f1021;}



.fp-viewing-2 .top_head,.fp-viewing-6 .top_head{background: #0f1021;}





@media (max-width: 1366px){

    .max1400{max-width: 1430px;padding-left: 30px;padding-right: 30px;margin: 0 auto;}

    .max1450{max-width: 1480px;padding-left: 30px;padding-right: 30px;margin: 0 auto;}



}



@media (max-width: 1200px){

    .dialog_wrapper{max-width: 90%;padding: 50px 10px;min-height: 500px;overflow-y: scroll;}

    .close_xx{top: 10px;right: 10px;}

    .ty_tit{margin-bottom: 20px;}

    .ty_tit h3{font-size: 18px;margin-bottom: 10px;}

    .ty_tit .shh{font-size: 14px;}

    .x-message-wrap22 input[type='text'], .x-message-wrap22 textarea{height: 40px;font-size: 14px;}

    .x-message-wrap22 .x-submit{width: 150px;line-height: 30px;font-size: 14px;height: 40px;margin-top: 10px;}

}











@media (max-width: 768px){

    .c5_index{

        padding-bottom: 80px;

    }



    .max1400{max-width: 1430px;padding-left: 30px;padding-right: 30px;margin: 0 auto;}

    .max1450{max-width: 1480px;padding-left: 30px;padding-right: 30px;margin: 0 auto;}



    .c5_index{padding-top: 80px;padding-bottom: 50px;}

    



    .c2_con ul li .bggimg img{height: 140px;}

    .c2_index{padding: 50px 0 20px;}



    .c3_left .bd li .lhimg img{height: 750px!important;}



    .xw_cate_list li{width: 100%;margin-top: 20px;margin-bottom: 0;height: 100%;}



    .page_five_swiper .swiper-slide:nth-child(odd){margin-top: 0px;}

    .page_five_swiper .swiper-slide:nth-child(odd) a{display: block;}

    .page_five_swiper .swiper-slide .yy{margin: 0 auto;}

    .page_five_swiper .swiper-slide+.swiper-slide .yy::before{display: none;}

    .page_five_swiper .swiper-slide .imgs img{height: 150px;width: 100%;}

    .page_five_swiper::before{top: auto;bottom: 12px;}



    .hus_swiper_aa2 .swiper-slide .fll h3{font-size: 14px;}



    .pag_five_con .swiper-button-next,

    .pag_five_con .swiper-button-prev{

        top: 95%;

    }

    



    .c8_index{padding: 40px 0 40px;overflow: hidden;

    background: url(/__cdn/cdn.myxypt.com/1044b33c/23/04/71de17d7e6d71de3fe99a454a0f1fefdacd1d3fb.jpg) no-repeat bottom #bdbcbc;background-size: cover;}

    .c8_index .max1400.flex{flex-wrap: wrap;}

    .c8left{width: 100%;margin-bottom: 50px;}

    .c8right{width: 100%;padding-left: 20px;padding-right: 20px;}



    .c9_index{padding: 60px 0 150px;background: url(/__cdn/cdn.myxypt.com/1044b33c/23/04/71a616dbef0f54ac01f6c5797de76849ca50eedb.jpg) no-repeat bottom;background-size: cover;}



    .title-two .llj{font-size: 14px;}

    .c8ll-text{margin-top: 30px;}



    .title-two{margin-left: 0px;}

    .title-eight .llj{margin-top: 5px;margin-bottom: 5px;}

    .title-eight h3::before{width: 15px;left: -20px;}

    .title-eight p{font-size: 15px;}



    .home_pinpai_swiper2 .swiper-wrapper{flex-wrap: wrap;}

    .home_pinpai_swiper2 .swiper-slide{width: 50%!important;margin-bottom: 15px!important;padding: 25px 0;}

    .home_pinpai_swiper2 .swiper-slide+.swiper-slide{border:none}



    .home_pinpai_swiper2 .swiper-slide:nth-child(2n){border-left: 1px solid #7074a1;}



    .home_pinpai_swiper2 .swiper-button-next,

    .home_pinpai_swiper2 .swiper-button-prev{

      display: none!important;

    }



    .home_pinpai_swiper2 .next,

    .home_pinpai_swiper2 .prev{

      display: none!important;

    }



    .title-night{position: relative;left: 20px;}



    .home_pinpai_swiper .swiper-slide{display: flex;align-items: flex-end;flex-direction: row-reverse;justify-content: center;margin-top: 50px;}

    .home_pinpai_swiper .swiper-slide h3{margin-left: 20px;font-size: 18px;width: 100%;line-height: 1.5;}

    .home_pinpai_swiper .swiper-slide div{margin-bottom: 15px;}



    .home_pinpai_swiper2 .swiper-slide .smll_img{height: 35px;line-height: 35px;margin-bottom: 15px;}

    .home_pinpai_swiper2 .swiper-slide .smll_img img{max-height: 35px;max-width: 35px;}

    .home_pinpai_swiper2 .swiper-slide h3{font-size: 14px;}





    .title-night h3::before{width: 15px;left: -20px;}



    





}



@media (min-width: 1025px){

    .section3,

    .section5,

    .section6,

    .section8{

        padding-top: 80px;

    }

}













/**/

@media(min-width: 769px){

    .sun-delay0 {

      -webkit-transition-delay: 0.2s;

      transition-delay: 0.2s;

    }

    

    .sun-delay1 {

       -webkit-transition-delay: 0.4s;

      transition-delay: 0.4s;

    }

    

    .sun-delay2 {

      -webkit-transition-delay: 0.6s;

      transition-delay: 0.6s;

    }

    

    .sun-delay3 {

      -webkit-transition-delay: 0.8s;

      transition-delay: 0.8s;

    }

    

    .sun-delay4 {

      -webkit-transition-delay: 1s;

      transition-delay: 1s;

    }

    

    .sun-delay5 {

      -webkit-transition-delay: 1.2s;

      transition-delay: 1.2s;

    }

    

    .sun-delay6 {

      -webkit-transition-delay: 1.4s;

      transition-delay: 1.4s;

    }

    

    .sun-delay7 {

      -webkit-transition-delay: 1.6s;

      transition-delay: 1.6s;

    }

    

    .sun-delay8 {

      -webkit-transition-delay: 1.8s;

      transition-delay: 1.8s;

    }

    

    .sun-delay9 {

      -webkit-transition-delay: 2s;

      transition-delay: 2s;

    }

    

    .sun-delay10 {

       -webkit-transition-delay: 2.2s;

       transition-delay: 2.2s;

    }

    

    .sun-ani-left,

    .sun-ani-down,

    .sun-ani-up,

    .sun-ani-right {

        opacity: 0;

        -webkit-transition-property: all;

        transition-property: all;

        -webkit-transition-duration: .7s;

        transition-duration: .7s;

    }

    

    .sun-ani-left {

       -webkit-transform: translateX(-100px);

       transform: translateX(-100px);

    }

    

    .sun-ani-down {

       -webkit-transform: translateY(-100px);

       transform: translateY(-100px);

    }

    

    .sun-ani-up {

       -webkit-transform: translateY(-200px);

       transform: translateY(200px);

    }

    

    .sun-ani-right {

       -webkit-transform: translatex(100px);

       transform: translatex(100px);

    }

    

    .actives .sun-ani-left {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

    }

    

    .active .sun-ani-left {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

    }

    

    .active .sun-ani-down {

       opacity: 1;

       -webkit-transform: translateY(0);

       transform: translateY(0);

    }

    

    .active .sun-ani-up {

      opacity: 1;

      -webkit-transform: translateY(0);

      transform: translateY(0);

    }

    

    .active .sun-ani-right {

      opacity: 1;

      -webkit-transform: translatex(0);

      transform: translatex(0);

    }



}







/* --------------- */

@media (max-width: 1024px) {

    .x-banner {

        height: auto;

    }

    .x-banner .owl-carousel .banner-item a>img {

        height: auto;

    }

    .fp-tableCell {

        height: auto!important;

    }

    .fp-section {

        height: auto!important;

    }

    #fp-nav {

        display: none;

    }

}

/* VmPortal: fixed four-item mobile series and centered cover images. */
@media (max-width: 1024px) {
    .c3_index,
    .c3_left,
    .c3_left .bd,
    .c3_left .bd > li,
    .c3_left .bd li .lhimg {
        height: calc(100vh - 60px);
        height: calc(100svh - 60px);
    }

    .c3_left .bd li .lhimg {
        overflow: hidden;
    }

    .c3_left .bd li .lhimg img {
        display: block;
        width: 100%;
        height: 100% !important;
        max-width: none;
        object-fit: cover;
        object-position: center center;
    }

    .c3_right .hd li {
        height: 25%;
    }

    .c3_right {
        bottom: 70px;
    }

}