/*common*/
body{overflow-x:hidden}
.comwidth{margin:0 auto;width:6.25rem;height:2.58rem}
a:hover{color:#d17b42}
.imgS{display:block;overflow:hidden;border-radius:8px}
.imgS:hover img{transition:all .6s;transform:scale(1.1);-ms-transform:scale(1.1)}
.bg-1 {
    background: url(/uiFramework/commonResource/image/2022053114313636932.png);
    background-size: cover;
    padding: 70px 0;
}
.swiper-banner{position:relative;overflow:hidden;width:100%;height:100%}
.swiper-banner .swiper-slide img{width:100%;height:1.875rem;object-fit:cover}
.xyk_tit{padding-top:90px;color:#333;font-size:42px}
li{list-style-type:none}
.xyk_tit{padding-bottom:40px;text-align:center}
.bg-1 .w1200 {
    display: flex;
    justify-content: space-between;
padding-bottom: 100px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(/uiFramework/commonResource/image/2022052608413337905.png)!important;
    background-size: cover!important;
    left: -50px !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(/uiFramework/commonResource/image/2022052608420113405.png)!important;
    background-size: cover!important;
    right: -50px !important;
}

/*产品*/
.tabs{
    padding-bottom: 40px;
    text-align: center;
}
.tabs li {
    position: relative;
    display: inline-block;
    margin: 0 20px;
    padding-bottom: 5px;
    font-size: 22px;
}
.tabs li:after {
    content: '';
    width: 2px;
    height: 80%;
    display: block;
    background: #000;
    position: absolute;
    right: -20px;
    top: 2px;
}
.tabs li:last-of-type:after {
   display:none;
}
.tabs .select {
    color: #cf7a42;
}
.box1-wrap-tab {
    min-height: 600px;
    width:1200px;
    margin:0 auto;
    padding-bottom: 60px;
}
.box1-wrap-tab a.pro {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}
.box1-wrap-tab .s-card {
    position: absolute;
    right: 145px;
    bottom: 10px;
    width: 425px;
    height: 270px;
    background: #cf7a42;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 #eee;
    padding: 35px;
    box-sizing: border-box;
}
.box1-wrap-tab  .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 100px;
    opacity: 0 !important;
}
.box1-wrap-tab  .swiper-slide-active { opacity: 1 !important;
}
.box1-wrap-tab  .swiper-slide img {
    width: 100%;
}
.s-card .tit {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
.s-card .sum {
    color: #fff;
    margin: 20px 0;
    line-height: 25px;
}
.s-card .more {
    text-align: right;
    display: block;
    margin-top: 60px;
    color: #fff;
}
.rbox .qcode {
    position: relative;
    overflow: hidden;
    margin-top: 100px;
}
.rbox .qcode:after {
    background-color: #cf7a42;
    content: "";
    width: 120%;
    height: 115%;
    position: absolute;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    border-radius: 50%;
    top: 130%;
    left: -12%;
}
.rbox .qcode .sum {
    position: absolute;
    left: 0;
    bottom: 80px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 24px;
}
.rbox .mouse {
    background: url(/uiFramework/commonResource/image/2022053110445592365.png);
    position: absolute;
    bottom: 0;
    left: 45%;
    z-index: 2;
    width: 25px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
}
.rbox .qcode:focus:after,.qcode:hover:after {
      top: -62%;
      height: 220%;
      transition: all 0.2s;
      transition-timing-function: cubic-bezier(0.4, 0.29, 1, 0.35);
      opacity: .8;
}
.rbox .qcode:focus .mouse ,.qcode:hover .mouse {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both

}
.rbox .qcode:focus .sum ,.qcode:hover .sum{opacity: 0;}
.rbox .qcode:focus .sum ,.qcode:hover .sum2{opacity: 1;transition-delay:.5s;}

img.code {
    width: 140px;
    height: 140px;
    position: absolute;
    left: 33%;
    top: 16%;
    z-index: 66;
    opacity: 0;
}
.rbox .qcode:focus img.code ,.qcode:hover img.code{
   opacity: 1;
   transition-delay:.5s;
}
.rbox .qcode .sum2 {
    position: absolute;
    left: 0;
    bottom: 9%;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 67;
    opacity: 0;
}
.notice {
    width: 600px;
}
.notice ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.notice .tit a{
    color: #333;
    font-size: 42px;
    display:inline-block;
    border-bottom: 3px #d17b42 solid;
    line-height: 90px;
}
.notice ul li a {
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notice span.time {
    color: #999899;
    width: 27%;
}
.notice ul.list {
    padding-top: 50px;
}









/*适配*/
@media screen and (max-width:1300px){
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -30px !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -30px !important;
}

}
@media screen and (max-width:768px){
html{font-size:100px!important}
.full-contianer{padding-top:60px}
.xyk_tit{padding-top:40px;color:#333;font-size:24px}
.tabs li {position: relative;display: inline-block;margin: 10px 14px;font-size: 12px;}
.box1-wrap-tab { height: auto;width: 95%;margin: 0 auto; min-height: 260px;padding: 0;}
.box1-wrap-tab .s-card {position: relative;right: 0;bottom: 0;width: 100%;background: #cf7a42;border-radius: 5px;box-shadow: 0 0 10px 0 #eee;padding: 35px;box-sizing: border-box;height: auto;}
.s-card .tit {color: #fff;font-size: 16px;font-weight: bold;}
.s-card .sum {color: #fff; margin: 20px 0;line-height: 25px;font-size: 14px;}
.bg-1 .w1200 {padding-bottom: 50px;width: 95%;margin: 0 auto;flex-wrap: wrap;}
.notice { width: 100%;}
.notice .tit a {color: #333;font-size: 24px;display: inline-block;border-bottom: 3px #d17b42 solid;line-height: 50px;}
div#con3 { width: 100%;}
div#con4 {width: 100%;}
img.bg { width: 100%;}
img.code { width: 100px;height: 100px;position: absolute; left: 33%;top: 15%;z-index: 66;opacity: 0;}
.qcode .sum2 {position: absolute;left: 0; bottom: 11%;}
ul#tabs {
    display: flex;
    justify-content: space-evenly;
}
.tabs li:after {content: '';width: 1px;height: 70%;display: block;background: #000; position: absolute;right: -20px;top: 2px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {display:none;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {display:none;}

ul#tabs{padding-bottom: 20px;}
.box1-wrap-tab .swiper-slide{padding-bottom: 30px;}
.bg-1{padding: 30px 0;}
.notice ul.list{padding-top: 30px;}
.rbox .qcode{margin-top: 34px;}
.bg-1 .w1200{padding-bottom: 0;}
.xyk_tit{padding: 30px 0 20px 0;font-size:22px;}
.rbox .qcode .sum{font-size:20px;}
.rbox .qcode{margin-top: 20px;}

}
/*动画*/
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-300%,0);
        transform: translate3d(0,-300%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-300%,0);
        transform: translate3d(0,-300%,0)
    }
}