/* 公用 */

/* a标签 */
.banner .phoneimg {  display: none;}


/* 弹窗 */
.z_tanchuang {  position: fixed;  display: table;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    transform: scale(0);

    -webkit-transform: scale(0);

    z-index: 10;

}



.z_tanchuang .tbox {

    display: table-cell;

    background: rgba(0, 0, 0, 0.8);

    text-align: center;

    vertical-align: middle;

}



/* 弹窗内容 */



.z_tanchuang .tbox .modal {

    background: white;

    padding: 50px;

    display: block;

    border-radius: 5px;

    position: relative;

    width: 90%;

    max-width: 1200px;

    max-height: 90%;

    margin: 0 auto;

}



.pdc.z_tanchuang .tbox .modal {

    background: white;

    padding: 60px 102px 50px;

    display: block;

    border-radius: 17px;

    position: relative;

    width: 90%;

    max-width: 610px;

    max-height: 90%;

    margin: 0 auto;

}

.pdc.z_tanchuang .tbox .modal .out {

    top: -48px;

    right: 0;

}

.z_tanchuang .tbox .modal .out {

    position: absolute;

    width: 34px;

    height: 34px;

    background: url(../images/out.png) center no-repeat;

    text-align: center;

    border-radius: 50%;

    top: 0;

    right: -50px;

    cursor: pointer;

}



.z_tanchuang .tbox .modal .img {

    width: 100%;

    max-width: 600px;

    margin: 0 auto;

}



.z_tanchuang .tbox .modal .img video {

    display: block;

    width: 100%;

    max-width: 100%;

    object-fit: cover;

}



.z_tanchuang .tbox .modal .img img {

    margin: 0 auto;

}



.z_tanchuang .tbox .modal .out:hover {

    background: url(../images/out2.png) center no-repeat;

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

}



.z_tanchuang .tbox .modal2 {

    padding: 20px;

}



.z_tanchuang .tbox .modal .img {

    max-width: 1200px;

}



/* 弹窗选中 */



.z_tanchuang.one {

    transform: scaleY(0.01) scaleX(0);

    animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

    -webkit-transform: scaleY(0.01) scaleX(0);

    -webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

}



.z_tanchuang.one .tbox .modal {

    transform: scale(0);

    animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

    -webkit-transform: scale(0);

    -webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)

        forwards;

}



.z_tanchuang.one.out {

    transform: scale(1);

    animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

    -webkit-transform: scale(1);

    -webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)

        forwards;

}



.z_tanchuang.one.out .tbox .modal {

    animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

    -webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

}

.pdc.z_tanchuang .tbox .modal .yxdz{

    width: 100%;

}

.pdc.z_tanchuang .tbox .modal .yxdz .yxdz_text{

    color: #555;

}

.pdc.z_tanchuang .tbox .modal .yxdz .inp{

    width: 100%;

    height: 40px;

    margin: 32px 0 51px 0;

}

.pdc.z_tanchuang .tbox .modal .yxdz .inp input{

    width: 100%;

    height: 100%;

    padding-left: 18px;

    border: 1px solid #e2e6ea;

    border-radius: 20px;

}

.pdc.z_tanchuang .tbox .modal .yxdz .two_btn{

    width: 100%;

    height: 50px;

    display: flex;

    justify-content: space-evenly;

}

.pdc.z_tanchuang .tbox .modal .yxdz .two_btn .tc{

    width: 170px;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 25px;

    background-color: #8e9499;

    color: #fff;

    cursor: pointer;

}

.pdc.z_tanchuang .tbox .modal .yxdz .two_btn .tc:hover{

    background-color: #015aaa;

}



.pdg.z_tanchuang .tbox .modal {

    background: white;

    padding: 60px 89px 90px;

    display: block;

    border-radius: 17px;

    position: relative;

    width: 90%;

    max-width: 610px;

    max-height: 90%;

    margin: 0 auto;

}

.pdg.z_tanchuang .tbox .modal .out {

    top: -48px;

    right: 0;

}

.pdg.z_tanchuang .tbox .modal .cglx{   width: 100%;   text-align: left;}

.pdg.z_tanchuang .tbox .modal .cglx .c_text{ color: #000; margin-bottom: 30px;}

.pdg.z_tanchuang .tbox .modal .cglx .emi{  width: 100%;  margin-bottom: 13px;}

.pdg.z_tanchuang .tbox .modal .cglx .emi:last-child{

    margin-bottom: 0;

}

.pdg.z_tanchuang .tbox .modal .cglx .emi .s1{

    color: #000;

}

.pdg.z_tanchuang .tbox .modal .cglx .emi .s2{

    color: #555;

}

.pdg.z_tanchuang .tbox .modal .cglx .emi .s2:hover{

    color: #015aaa;

}

/* 弹窗动画 */



@keyframes unfoldIn {

    0% {

        transform: scaleY(0.005) scaleX(0);

    }



    50% {

        transform: scaleY(0.005) scaleX(1);

    }



    100% {

        transform: scaleY(1) scaleX(1);

    }

}



@keyframes zoomIn {

    0% {

        transform: scale(0);

    }



    100% {

        transform: scale(1);

    }

}



@keyframes zoomOut {

    0% {

        transform: scale(1);

    }



    100% {

        transform: scale(0);

    }

}



@keyframes unfoldOut {

    0% {

        transform: scaleY(1) scaleX(1);

    }



    50% {

        transform: scaleY(0.005) scaleX(1);

    }



    100% {

        transform: scaleY(0.005) scaleX(0);

    }

}



@-webkit-keyframes zoomIn {

    0% {

        transform: scale(0);

    }



    100% {

        transform: scale(1);

    }

}



@-webkit-keyframes zoomOut {

    0% {

        transform: scale(1);

    }



    100% {

        transform: scale(0);

    }

}



@-webkit-keyframes unfoldOut {

    0% {

        transform: scaleY(1) scaleX(1);

    }



    50% {

        transform: scaleY(0.005) scaleX(1);

    }



    100% {

        transform: scaleY(0.005) scaleX(0);

    }

}



@-webkit-keyframes unfoldIn {

    0% {

        transform: scaleY(0.005) scaleX(0);

    }



    50% {

        transform: scaleY(0.005) scaleX(1);

    }



    100% {

        transform: scaleY(1) scaleX(1);

    }

}



/* banner */

/* .more {

    width: 191px;

    height: 50px;

    padding: 0 33px 0 33px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-radius: 50px;

    background-color: #015aaa;

}

.more .more_spzm{

    color: #fff;

} */



/* 轮播按钮 */

.btn{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.btn .btnall{

    width: 50px;

    height: 50px;

    position: relative;

    cursor: pointer;

}

.btn .btnall img{

    position: absolute;

    top: 0;

    left: 0;

}

.btn .btnall img:last-child{

    opacity: 0;

}

.btn .btnall:hover img:last-child{

    opacity: 1;

}

.btn .btnall:hover img:first-child{

    opacity: 0;

}



/* 公共标题 */
.gmy_text{    color: #333;    font-weight: bold;}
.gmy_text1{   color: #fff;    font-weight: bold;}

.lhx_text{   color: #333;}
.lhx_text1{  color: #fff;}

.ckx_text{   color: #333;}
.ckx_text1{   color: #fff;}

.sym_text{   color: #333;}
.sym_text1{   color: #fff;}

.en_title{    color: #282828;    font-weight: bold;    font-family: Arial;    text-transform: uppercase;}

/* 公共按钮 */
.more{  width: 105px;  display: flex;  justify-content: space-between;  align-items: center;  position: relative;}
.more .more_text{  color: #333;}

.more .more_img{

    transform: translateX(-5px);

}

.more:hover .more_img{

    transform: translateX(0);

}

.more::before{

    content: "";

    display: block;

    width: 0;

    height: 2px;

    background-color: #333;

    position: absolute;

    bottom: -15px;

    left: 0;

    opacity: 0;

    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

}

.more:hover::before{

    width: 100%;

    opacity: 1;

}

.more_en{

    width: 135px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

}

.more_en .more_text{

    color: #000;

    font-weight: bold;

    text-transform: uppercase;

    font-family: Arial;

}

.more_en.bai .more_text{

    color: #fff;

}

.more .more_img{

    transform: translateX(-5px);

}

.more_en .more_img{

    transform: translateX(0px);

}

.more_en:hover .more_img{

    transform: translateX(5px);

}

.more_en::before{

    content: "";

    display: block;

    width: 0;

    height: 2px;

    background-color: #000;

    position: absolute;

    bottom: -15px;

    left: 0;

    opacity: 0;

    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

}

.more_en:hover::before{

    width: 100%;

    opacity: 1;

}

.more_en.bai::before{

    background-color: #fff;

}

.viewmore{

    color: #fff;

    text-transform: uppercase;

    position: relative;

    width: 200px;

    border-bottom: 1px solid #fff;

    background: url(../images/bjt.png) center right no-repeat;

    line-height: 20px;

    padding-bottom: 10px;

}

.viewmore::before{

    content: "";

    display: block;

    width: 0;

    height: 1px;

    background-color: #fff;

    position: absolute;

    bottom: -5px;

    left: 0;

    opacity: 0;

    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    display: none;

}



.banner1{

    width: 100%;

    position: relative;

    margin-top: 100px;

}

.banner1 .ban1{

    width: 100%;

}

.banner1 .ban1 img{

    width: 100%;

}

.banner1 .ban1 img:last-child{

    display: none;

}

.banner1 .ban1_text{

    width: 100%;

    display: flex;

    justify-content: center;

    font-weight: bold;

    color: #fff;

    position: absolute;

    top: 35.23%;

}

.banner1 .ban_box{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

}

.banner1 .ban_box .d_text{

    text-align: center;

    color: #fff;

}

.banner1 .ban_box .c_text{

    text-align: center;

    color: #fff;

    line-height: 1.5;

    margin: 33px 0 50px 0;

}

.banner1 .ban_box .c_text a{

    border-bottom: 1px solid #fff;

    color: #fff;

}

.banner1 .ban_box .c_text a:hover{

    border-bottom: 1px solid #015aaa;

    color: #015aaa;

}

.banner1 .ban_box .ban_btn{

    width: 224px;

    height: 50px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 32px 0 25px ;

    margin:  0 auto;

    border-radius: 30px;

    background-color: #015aaa;

}

.banner1 .ban_box .ban_btn .btn_text{

    color: #fff;

}

.banner1 .ban_box .ban_btn:hover .ban_img{

    transform: translateX(8px);

}







.t_daohang{

    width: 100%;

    height: 60px;

    border-bottom: 1px solid #dddddd;

    background-color: #fff;

    z-index: 8;

}

.t_daohang.act{

    position: fixed;

    top: 0;

    left: 0;

}

.t_daohang .ybox{

    height: 100%;

}

.t_daohang .ybox .four_text{

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: space-between;

}



.t_daohang .ybox .four_text .four{

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    color: #999;

}

.t_daohang .ybox .four_text .four::before{

    content: "";

    display: block;

    width: 0;

    height: 2px;

    background-color: #015aaa;

    position: absolute;

    bottom: 0px;

    left: 0;

    opacity: 0;

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    transition: all 0.4s;

}

.t_daohang .ybox .four_text .four:hover::before{

    width: 100%;

    opacity: 1;

}



.t_daohang .ybox .four_text .four:hover,.t_daohang .ybox .four_text .four.act{

    color: #000;

}



.t_daohang .ybox .four_text .four.act::before{

    width: 100%;

    opacity: 1;

}

.t_daohang .ybox .four_text .four::after{

    content: "";

    display: block;

    width: 1px;

    height: 15px;

    background-color: #dddddd;

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

}

.t_daohang .ybox .four_text .four:last-child::after{

    display: none;

}



.t_daohang .ybox .swiper9{

    height: 100%;

}

.t_daohang .ybox .swiper9 .swiper-slide{

    width: 200px;

    height: 100%;

}

.t_daohang .ybox .swiper9 .swiper-slide .s9_box{

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}

.t_daohang .ybox .swiper9 .swiper-slide .s9_box::before{

    content: "";

    display: block;

    width: 0;

    height: 2px;

    background-color: #015aaa;

    position: absolute;

    bottom: 0px;

    left: 50%;

    transform: translateX(-50%);

    opacity: 0;

    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

}

.t_daohang .ybox .swiper9 .swiper-slide:hover .s9_box::before{

    width: 100%;

    opacity: 1;

}

.t_daohang .ybox .swiper9 .swiper-slide.act .s9_box::before{

    width: 100%;

    opacity: 1;

}

.t_daohang .ybox .swiper9 .swiper-slide .s9_box::after{

    content: "";

    display: block;

    width: 1px;

    height: 15px;

    background-color: #dddddd;

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

}

.t_daohang .ybox .swiper9 .swiper-slide:last-child .s9_box::after{

    display: none;

}



















































/* 分页 */

.phone_ckgd{ display: none;}
.fy{  width: 100%;  display: flex;  justify-content: center;  align-items: center;}

.fy .ul1 {  display: flex;}
.fy .ul1 li.pge { height: 30px;  margin-right: 9px;}
.fy .ul1 li.pge a {height: 100%;color: #555;  display: flex;  justify-content: center;  align-items: center;  padding: 0 10px;
  border-radius: 30px;  border: 1px solid #dddddd;}

.fy .ul1 li.pge input { width: 30px;  height: 100%;color: #555;border-radius: 30px; border: 1px solid #dddddd; text-align: center;}
.fy .ul1 li.pge:hover a { background-color: #015aaa !important;color: #fff; border: 1px solid #015aaa;}

.fy .ul1 li.pge.act a { background-color: #015aaa !important; color: #fff;  border: 1px solid #015aaa;}
.fy .ul1 li.pge:last-child{ display: flex;  align-items: center;  margin-right: 0;}

.page{height:40px; line-height:40px; margin-bottom:20px;}
.page a{ padding:0 10px;}
.page a:hover{ color:#00479d;}

.swi_btn{  display: flex;  align-items: center;  position: absolute;}
.swi_btn .swibtnall{

    width: 40px;

    height: 40px;

    border-radius: 20px;

    cursor: pointer;

}

.swi_btn .swibtnall:hover{

    width: 64px;

}

.swi_btn .swibtnall.prev_p{

    background: url(../images/a_7.png) center no-repeat;

    margin-right: 10px;

}

.swi_btn .swibtnall.next_n{

    background: url(../images/a_8.png) center no-repeat;

}

.swi_btn .swibtnall.prev_p:hover{

    background: url(../images/a_11.png) center no-repeat;

}

.swi_btn .swibtnall.next_n:hover{

    background: url(../images/a_10.png) center no-repeat;

}



















































































































/* 公共按钮样式结束 */

@media (max-width: 1680px) {

   

}

@media (max-width: 1440px) {

   

}

@media (max-width: 1366px) {

   

}

@media (max-width: 1280px) {

   

}



@media (max-width: 1030px) {

    body {

        min-width: 100px;

    }





    .wow {

        opacity: 1;

    }

.banner1 {

    width: 100%;

    position: relative;

    margin-top: 60px;

}

   

}



@media (max-width: 960px) {

    .wow {

        opacity: 1;

    }

.banner1 .ban1 img:last-child{

    display: block;

}

.banner1 .ban1 img:first-child{

    display: none;

}

.phone_ckgd{

  display: block;

  width: 122px;

  height: 40px;

  display: flex;

  justify-content: center;

  align-items: center;

  margin: 30px auto 0;

  background-color: #015aaa;

  color: #fff;

  border-radius: 5px;

}

.fy{ display: ;}

.z_tanchuang .tbox .modal .out {

    top: -50px;

    right: 0px;

}

.z_tanchuang .tbox .modal {

    padding: 3px;

}



.t_daohang{

    display: none;

}

#product_list .t_daohang{

    display: block;

}

.banner1 .ban1_text {

    top: 50%;

    transform: translateY(-50%);

}



.pdc.z_tanchuang .tbox .modal {

    background: white;

    padding: 20px 10px 20px;

    display: block;

    border-radius: 17px;

    position: relative;

    width: 90%;

    max-width: 610px;

    max-height: 90%;

    margin: 0 auto;

}

.pdc.z_tanchuang .tbox .modal .yxdz .inp {

    width: 100%;

    height: 40px;

    margin: 25px 0 25px 0;

}



.pdc.z_tanchuang .tbox .modal .yxdz .two_btn {

    height: 40px;

}



.pdc.z_tanchuang .tbox .modal .yxdz .two_btn .tc {

    width: 110px;

    border-radius: 25px;

}

.banner1 .ban_box {

    width: 100%;

    padding: 0 5%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

}

.banner1 {

    width: 100%;

    position: relative;

    margin-top: 50px;

}



.pdg.z_tanchuang .tbox .modal{padding: 30px 5%;line-height: 1.5;}









.viewmore{padding: 0;width: 110px;}









}



/* .alltime,

.alltime * {

    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    

} */

.sdfdsgfdgds{

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    line-height: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.sdfsfdfgdfgdf::-webkit-scrollbar {

    width: 4px;

    height: 1px;

}



.s12daf::-webkit-scrollbar-thumb {

    background: #000;

}



.sdfgdfgdf::-webkit-scrollbar-track {

    background: #fff;

}