html {
    font-size: 62.5%;
    /*font-family: xiao;*/
}

/* @font-face {
    font-family: xiao;
    src: url('../KOZGOPRO-MEDIUM.OTF');
} */

.wrp1 {
    position: static !important;
}
@font-face {
    font-family: deng;
    src: url('../DENG.TTF');
}

@font-face {
    font-family: si;
    src: url('../SourceHanSansSC-Normal-2.otf');
}
.productsShow .main .de-content .left .item:nth-child(3){
height: 22rem;
overflow: hidden;
}

.shoucang .right .goods .item p{
    font-size: 1.8rem !important;
}
#main .wrp1 .ui_txt{
    font-size: 1.8rem !important;
    padding-top: 0;
}
.productsShow .banner .mySwiper a {
    position: relative;
}

.productsShow .banner .mySwiper2 a {
    position: relative;
}

.debot-box {
    /* position: absolute; */
    font-size: 1.4rem;
    text-align: center;
    bottom: -7rem;
    width: 100%;
}

.detbot-txt {
    padding-bottom:1rem;
    position: relative;
}

.detbot-txt2 {
    padding-bottom: 2rem;
    position: relative;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.det-box {
    position: absolute;
    right: 40rem;
    bottom: 8rem;
    font-size: 2rem;
}

.det-txt {
    padding-bottom: 2rem;
    position: relative;
}

.det-txt::after {
    content: '';
    position: absolute;
    width: 9rem;
    height: 1px;
    background-color: #333;
    bottom: 1rem;
    left: 0;
}

.det-txt2 {
    color: #666;
}



.newProdId2 {
    margin-bottom: 10rem;
}

.header-content {
    height: 100%;
    align-items: center;
}

.p9 .it1 {
    padding-right: 4.6rem !important;
}

.productsShow .main .de-content .right .table .p9 .item {
    padding-right: 4.6rem !important;

}

body {
    font-family: deng !important;
    background-color: #fff;
}

#main .wrp1 {
    width: 70%;
    margin: 0 auto;
    font-size: 2rem;
    min-width: 60%;
    max-width: none;
}

#main .ProdDetailId1 .secTit {
    padding: 0.5rem 0;
    font-size: 4rem;
    margin-top: 7rem;
}

.productsShow .main .de-content .right .table .p .item .sc.active {
    /* border: 1px solid #000; */
    width: 4rem;
    height: 4rem;
    /* width: 50%; */
    background: url(../images/shoucB.png) no-repeat center;
    background-size: 50%;
}

.mySwiper2 .swiper-button-next:after,
.swiper-button-prev:after {

    font-size: 3rem !important;
}

.mySwiper2 {
    margin-bottom: 13rem;
}

.mySwiper2 a {
    width: 100% !important;
}

.mySwiper2 .swiper-slide {
    justify-content: center;
}

.prodListStyle2 .ui_txt {
    width: 100% !important;
    text-align: center;
}

.listMore:hover {
    background-color: rgb(233, 233, 233);
    transition: all .5s linear;
    color: #fff;
}

.listMore {
    margin-bottom: 10rem;

}

.imgclose {
    position: absolute;
    top: 2rem;
    right: 5rem;
    font-size: 6rem;
    cursor: pointer;
}

/* 
-------------------
导航栏header 公共样式
*/



.login .right .Password {
    border: 1px solid #000;
    box-sizing: border-box;
    padding: 1rem;
    border-radius: 1rem;
    margin-top: 2rem;
    display: flex;
    align-items: center;
}

.login .right .Password input {
    border: none;
    outline: none;
    font-size: 1.9rem;
    text-indent: 1rem;
}

.header-icon .logout {
    margin-left: 2rem;
    position: relative;
    color: gray;
    font-size: 1.7rem;
    font-weight: bold;
}

.header-icon .logout:hover {
    color: #000;
}




.header-wrap {
    position: sticky;
    top: 0;
    width: 100%;
    background: #FFFFFF;
    z-index: 999;
    height: 10rem;
    border-bottom: .0625rem solid rgb(228, 228, 228);
}

.header-content {
    width: 70%;
    padding: 3.5rem 0;
}

.header-logo {
    width: 30rem;
}

.nav-button {
    width: 5rem;
}

.nav-close {
    width: 5rem;
}

.header-nav ul li a {
    color: gray !important;
    margin-left: 1rem;
    font-size: 1.7rem;
}

.header-nav ul li {
    position: relative;
    /* border: 1px solid #000; */
    text-align: center;
    margin-left: 2rem;
}

.header-nav-center .center-a ul li {
    margin-left: 0 !important;
}

.header-nav ul li a.active {
    color: #000 !important;

}

.header-nav ul li a:hover {
    color: black !important;
}

.header-icon {
    margin-left: 2rem;
    margin-right: 2rem;
}

.header-icon .header-nav-search {
    margin-left: 2rem;
    position: relative;
}

.header-icon .header-nav-ewm {
    margin-left: 2rem;
    position: relative;
}

.header-icon .header-nav-search .search-box {
    position: absolute;
    top: 4rem;
    /* border: 1px solid #000; */
    width: 20rem;
    height: 3.2rem;
    transform: translateX(-50%);
    left: 50%;
    display: none;
    background-color: #fc5900;
    z-index: 999999;
}

.header-icon .header-nav-search .search-boxtop {
    position: absolute;
    top: 2rem;
    /* border: 1px solid #000; */
    width: 20rem;
    height: 2rem;
    transform: translateX(-50%);
    left: 50%;
    display: none;
    background-color: #fc580000;

}

.header-icon .header-nav-search:hover .search-boxtop {
    display: flex;
}

.header-icon .header-nav-search .search-box .search-inp {
    width: 16rem;
    height: 3rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fc5900;
    border: 0.0002px solid rgba(0, 0, 0, 0);
    outline: none;
    color: rgb(255, 255, 255);
    padding-left: 1.5rem;
    font-size: 1.5rem;

}

.header-icon .header-nav-search .search-box .search-inp::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.header-icon .header-nav-search .search-box .search-inp:-moz-placeholder {
    color: rgb(255, 255, 255);
}

.header-icon .header-nav-search .search-box .search-inp::-moz-placeholder {
    color: rgb(255, 255, 255);
}

.header-icon .header-nav-search .search-box .search-inp:-ms-input-placeholder {
    color: rgb(255, 255, 255);
}

.header-icon .header-nav-ewm .ewm-box {
    position: absolute;
    top: 5rem;
    transform: translateX(-50%);
    left: 50%;
    display: none;
    /* width: 3rem; */
}

.header-icon .header-nav-ewm .ewm-box img {
    width: 15rem;
}



.header-icon .header-nav-search .search-box img {
    position: absolute;
    right: 0.7rem;
    bottom: 0.5rem;
    width: 2.2rem;
    background-color: #fc5900;

}

.sidebar {
    position: absolute;
    width: 100vw;
    top: 10rem;
    left: 0;
    height: 100vh;
    background-color: rgb(255, 255, 255);
    display: none;
}

.sidebar ul li {
    margin-left: 5rem;
    font-size: 3rem;
    margin-top: 5rem;
    margin-right: 5rem;
    border-bottom: 0.0625rem solid rgb(211, 211, 211);
    padding-bottom: 4rem;
}

.header-nav-about {
    position: absolute;
    background-color: #fff;
    width: 160%;
    border: 1px solid rgba(0, 0, 0, 0);
    box-sizing: content-box;
    margin-left: -3rem;

}

.header-nav-about a {


    height: 2rem;
    margin-top: 2rem;
    display: block;
    text-align: center !important;
    margin-left: 2rem !important;
}

.header-nav-show:hover div {
    display: block;
}

.header-nav-about {
    display: none;
    padding-top: 3rem;
    font-weight: normal !important;
    padding-bottom: 2rem;
    padding-right: 2rem;
}

.header-nav-center {
    position: absolute;
    background-color: #fff;
    width: 41rem !important;
    font-size: 1.8rem !important;
    left: -12rem;
    display: none;
    padding-top: 3rem;
    padding: 3rem;
}

.header-nav-center .title {
    width: 100%;
    border-bottom: 1px solid #000;
    display: flex !important;
    margin: 0 auto;
    font-size: 1.8rem !important;
    font-weight: normal !important;
    margin: 2.5rem 0;
    padding-bottom: 1rem;
}

.header-nav-center .title span {
    margin-left: 1rem;
    color: #000;
}

.header-nav-center .title span:nth-child(2) {
    margin-left: 17.3rem;
}

.center-a ul:nth-child(2) {
    position: relative;
    left: 0rem;
}

.center-a ul li {
    box-sizing: border-box;
    padding: 0 1.2rem;
}

.center-a ul li a {
    margin-left: 0 !important;
}

.header-nav-center a {
    font-weight: normal;
    font-size: 1.6rem !important;

}

.header-nav-center ul li {
    text-align: left !important;
    margin-bottom: 1rem;
}

.center-a {
    display: flex !important;
}

.index-tab {

    width: 70%;
    margin: 10rem auto;
    height: 11rem;
}

.index-tab ul {
    width: 100%;
    display: flex;
    height: 11rem;
    border-top: #e2e2e2 1px solid;
    border-bottom: #e2e2e2 1px solid;
    box-sizing: content-box;
}

.index-tab li {
    width: 25%;
    height: 100%;

    text-align: center;

}

.index-tab ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: .4rem solid rgba(0, 0, 0, 0);
    border-bottom: .4rem solid rgba(0, 0, 0, 0);
    font-size: 1.5rem;
    margin-top: -.3rem;

}

.index-tab ul li p {
    font-size: 1.5rem;
}

.index-tab .yscur {
    position: relative;
    border-top: .4rem solid rgb(252, 89, 0);
    border-bottom: .4rem solid rgb(252, 89, 0);
}

.productsShow .main .left .item1 span {
    line-height: 3rem;
}

.index-tab ul li img {
    width: 3.1rem;
    height: 3.1rem;
    margin-bottom: 2rem;
}

.index-tab .yscur::before {
    width: 1rem;
    height: 1rem;
    background: linear-gradient(45deg, rgb(252, 89, 0), rgb(252, 89, 0) 50%, transparent 50%, transparent 100%);
    position: absolute;
    content: "";
    bottom: -.5rem;
    left: 50%;
    transform: rotate(-45deg);
}

.index-tab-show {
    width: 70%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: auto;
}

.index-tab-show .m0-auto {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    flex-wrap: wrap;
}

.index-tab-show .img-box {
    width: 38rem;
    overflow: hidden;
    margin: 2rem 2rem;
    position: relative;
}

.index-tab-show .img-box p {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 1.8rem
}

.index-tab-show .img-box img {
    width: 100%;
    transition: all 0.5s linear;
}

.index-tab-show .img-box:hover img {
    transform: scale(1.2);
    transition: all 0.5s linear;
}

.Company-profile {
    width: 70%;
    margin: 0 auto;
}

.Company-profile .title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 5rem;
    margin-top: 9rem;
    margin-bottom: 2rem;
    color: rgb(83, 83, 83);
}

.Company-profile p {
    font-size: 1.8rem;
    line-height: 5rem;
    color: rgb(100, 100, 100);
}

.Company-profile .data {
    width: 105%;
    margin: 0 auto;
}

.Company-profile .data .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5rem;
    font-size: 1.8rem;
    color: rgb(100, 100, 100);
    text-align: center;
}

.Company-profile .data .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
    font-size: 4rem;
    text-align: center;
    color: rgb(252, 89, 1);
    margin-bottom: 3rem;
    font-family: xiao;
}

.Company-profile .data .bottom .w25 {
    position: relative;
}

.Company-profile .data .bottom .w25 span {
    font-size: 1.5rem;
    position: absolute;
}

.nav-button {
    margin-left: 5rem;
}

.ydlogo {
    width: 25rem;
    display: none;
}






/* 
首页样式
*/








.index-center-img {
    width: 100%;
}

.swiper {
    height: auto !important;
}

.swiper-pagination-bullet-active {
    background-color: #fc5900 !important;
}

.swiper-wrapper {
    height: auto !important;
}

.swiper-c {
    width: 85%;
    height: auto !important;
    padding-bottom: 5rem !important;
    margin-top: 10rem;
    position: relative;
}



.banner .swiper a {
    width: 100%;
}

.banner .swiper a img {
    width: 100vw !important;
    /* margin-top: 12.5rem !important; */
}

.swiper-wrapper-c {
    width: 100%;

    box-sizing: content-box;
}

.swiper-c .swiper-button-next {
    color: #e2e2e2 !important;
    bottom: 0rem !important;
    top: auto !important;
    right: 36rem !important;
    right: 40% !important;
}

.swiper-c .swiper-button-next::after,
.swiper-c .swiper-button-prev::after {
    font-size: 4rem !important;
}

.swiper-c .swiper-button-prev {
    color: #e2e2e2 !important;
    bottom: 0rem !important;
    top: auto !important;
    right: 55% !important;
    left: auto !important;

}

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

.swc-l {
    width: 60rem;
}

.swc-l img {
    width: 100%;
}

.swc-r {
    width: 60rem;
    margin-left: 7rem;
    padding-bottom: 7rem;
}

.swc-r p {
    text-align: center;
    width: 100%;
}

.swc-r .news {
    font-size: 5.2rem;
    color: rgb(252, 89, 0);
    font-weight: 600;
    font-family: xiao;
}

.swc-r .xwdt {
    font-size: 4rem;
    color: rgb(78, 76, 76);
}

.swc-r .title {
    font-size: 2rem;
    margin-top: 4.8rem;
    color: #4e4c4c;
    font-weight: 400;
}

.swc-r .time {
    font-size: 2.2rem;
    color: rgb(177, 177, 177);
    margin-top: 2rem;
    /* font-family: xiao; */
}

.swc-r .content {
    width: 80%;
    margin: 0 auto;
    font-size: 1.5rem;
    line-height: 3rem;
    margin-top: 2rem;
}

.swc-r .mpre {
    font-size: 1.54rem;
    margin-top: 5rem;
    color: rgb(92, 92, 92);

}

.swc-r .mpre span {
    padding-bottom: 1rem;
    border-bottom: 0.0625px solid rgb(121, 121, 121);
}








/* 
   首页-成功案例
 */







.header-win {
    width: 100%;
    position: relative;
    margin-bottom: 14rem;
}

.header-win .title {
    width: 100%;
    margin: 5rem 0;
    text-align: center;
    font-size: 4rem;
    color: rgb(78, 76, 76);
}

.header-win .win-tab {
    width: 70%;
    margin: 0 auto;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    z-index: 8;
    left: 50%;
    transform: translate(-50%, 50%);
}

.header-win .win-tab .tablist {
    display: flex;
}

.header-win .win-tab .item {
    width: 20%;
    cursor: pointer;
}

.header-win .win-tab .win-tab1 p {
    width: 100%;
    background: url(../images/tab1-c.png) no-repeat center 3rem;
    background-size: 24%;
}

.header-win .win-tab .win-tab2 p {
    width: 100%;
    background: url(../images/tab2-c.png) no-repeat center 3rem;
    background-size: 24%;
}

.header-win .win-tab .win-tab3 p {
    width: 100%;
    background: url(../images/tab3-c.png) no-repeat center 3rem;
    background-size: 24%;
}

.header-win .win-tab .win-tab4 p {
    width: 100%;
    background: url(../images/tab4-c.png) no-repeat center 3rem;
    background-size: 24%;
}

.header-win .win-tab .win-tab5 p {
    width: 100%;
    background: url(../images/tab5-c.png) no-repeat center 3rem;
    background-size: 24%;
}

.header-win .win-tab .tablist .item:nth-of-type(odd) {
    background-color: rgb(252, 252, 253);
}

.header-win .win-tab p {
    padding-top: 37%;
    box-sizing: border-box;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
}

.header-win .win-tab p span:nth-child(2) {
    color: rgb(221, 221, 221);
    font-weight: normal;
    font-size: 1rem;

}

.header-win .win-tab .item span {
    text-align: center;
    display: block;
    width: 100%;
    position: relative;
    top: -4rem;
    /* margin-top: -4rem; */

}

.header-win .win-tab .item.active span,
.header-win .win-tab .item.active p {
    color: #fff;
    /*font-family: xiao;*/
}

.header-win .win-tab .tablist .item.active {
    background-color: rgb(252, 89, 0);
}

.header-win .win-tab .win-tab1.active p {
    background: url(../images/tab1-b.png) no-repeat center 3rem;
    width: 100%;
    background-size: 24%;
}

.header-win .win-tab .win-tab2.active p {
    background: url(../images/tab2-b.png) no-repeat center 3rem;
    width: 100%;
    background-size: 24%;
}

.header-win .win-tab .win-tab3.active p {
    background: url(../images/tab3-b.png) no-repeat center 3rem;
    width: 100%;
    background-size: 24%;
}

.header-win .win-tab .win-tab4.active p {
    background: url(../images/tab4-b.png) no-repeat center 3rem;
    width: 100%;
    background-size: 24%;
}

.header-win .win-tab .win-tab5.active p {
    background: url(../images/tab5-b.png) no-repeat center 3rem;
    width: 100%;
    background-size: 24%;
}

.win-img {
    width: 100% !important;
    background: url(../images/tab1-bg.jpg) no-repeat center;
    background-size: 100% !important;
    z-index: 1 !important;
}

.win-img img {
    width: 100%;
    opacity: 0;

}

.newsleft::after {
    content: "" !important;
}

.newsright::after {
    content: "" !important;
}

.swiper-c .newsleft {
    right: 61.6rem !important;
    position: absolute;
    /* border: 1px solid #000; */
}

.swiper-c .newsright {
    right: 58rem !important;
    position: absolute;
    /* border: 1px solid #000; */
}

.newsleft img {
    width: 100%;
}

.newsright img {
    width: 100%;
}






/* 
---------------------------
底部footer 公共样式
*/






.footer {
    width: 100%;
}

.footer-top {
    width: 70%;
    margin: 0 auto;
    justify-content: space-between;
    flex-wrap: nowrap;
    border-bottom: .0625rem solid rgb(219, 219, 219);
    padding-bottom: 2rem;
}

.footer-top .left {
    display: flex;
}

.footer-top .left ul {
    margin-right: 5rem;
    font-size: 1.6rem;
}

.footer-top .left ul li {
    line-height: 4rem;

}

.footer-top .left ul li a {
    color: rgb(99, 99, 99);
}

.footer-top .left ul li.top-title a {
    color: rgb(0, 0, 0);
    font-weight: 600;
}

.footer-top .right {
    display: flex;
    margin-top: 0rem;
}

.footer-top .right .ewm {
    width: 15rem;
}

.footer-top .right .ewm img {
    width: 100%;
}

.footer-top .right .ewm p {
    text-align: center;
    margin-top: 0.8rem;
    color: rgb(99, 99, 99);
    font-size: 1.3rem;
}


.footer-top .right .border {
    width: 3rem;
    height: 15rem;
    border-left: .0625rem solid rgb(136, 136, 136);
    margin-left: 3rem;
}

.footer-top .right .footer-msg {
    font-size: 1.55rem;
}

.footer-top .right .p1 {
    font-weight: 600;
}

.footer-top .right p {

    margin-bottom: 1rem;
}

.footer-bottom {
    width: 70%;
    margin: 0 auto;
    height: 8rem;
    font-size: 1.43rem;
    color: rgb(51, 51, 51);
}

.footer-bottom a {
    color: rgb(51, 51, 51);
}









/* 
--------------------------------------------
abouts页面样式
*/









.abouts .topimg {
    width: 100%;
    /* margin-top: -10rem; */
}

.abouts .topimg img {
    width: 100%;
}

.abouts .introduction {
    width: 100%;
}

.abouts .introduction .title {
    width: 100%;
    text-align: center;
    font-size: 5rem;
    margin-top: 9rem;
    margin-bottom: 4rem;
    color: rgb(83, 83, 83);
}

.abouts p {
    width: 70%;
    margin: 0 auto;
    font-size: 1.5rem;
    line-height: 5rem;
    color: #4e4c4c;
    box-sizing: content-box;
}

.introduction .data {
    width: 75%;
    margin: 0 auto;
}

.introduction .data .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5rem;
    font-size: 1.8rem;
    color: rgb(100, 100, 100);
    text-align: center;
}

.introduction .data .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
    font-size: 5rem;
    text-align: center;
    color: rgb(252, 89, 1);
    margin-bottom: 3rem;
    font-family: xiao;

}

.introduction .data .bottom .w25 {
    position: relative;
}

.introduction .data .bottom .w25 span {
    font-size: 1.5rem;
    position: absolute;
}

.abouts .centerimg {
    width: 100%;
}

.abouts .centerimg img {
    width: 100%;
}

.abouts-swp {
    width: 70% !important;
    margin-top: 10rem;
    height: auto !important;
}

.Timeline {
    position: relative;
}

.Timeline .date::before {
    background: url(../images/ico22.png) no-repeat center;
    margin: auto;
    left: 0px;
    width: 10rem;
    height: 3.25rem;
    right: 0px;
    bottom: 2.3125rem;
    display: block;
    position: absolute;
    content: "";
    z-index: 10;
}

.abitem {
    width: 100%;
    position: relative;
    padding-bottom: 10rem;
    font-size: 1.5rem;
    color: rgb(92, 92, 92);
}

.abitem .p1,
.abitem .p2 {
    margin-left: 1rem;
}

.abitem .ui_img {
    position: absolute;
    width: 16rem;
    margin-left: 2rem;
    top: 0;
}

.abitem .ui_img img {
    width: 100%;
}

.ui_txt {
    text-align: left;
    width: 20rem;
    height: 18rem;
    /* border: 1px solid #000; */
    /* float: right; */
    position: relative;
    left: 18rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 2.4rem;
}

.dateborder {
    position: absolute;
    bottom: 5.8125rem;
    width: 100%;
    border-bottom: .35rem solid rgb(252, 89, 0);
    z-index: -1;
    transform: scaleX(3);
}

.Timeline .date {
    transform: translate(0, 8rem);
}

.ui_font20 {
    color: #000;
}

.fzlc {
    width: 100%;
    text-align: center;
    font-size: 5rem;
    color: rgb(83, 83, 83);
    margin-top: 7rem;
}

.success {
    width: 100%;
    margin-top: 10rem;
    margin-bottom: 10rem;
}

.success .title {
    width: 100%;
    text-align: center;
    font-size: 5rem;
    color: rgb(83, 83, 83);
    margin-top: 3rem;
}

.success ul {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    margin-bottom: 4rem;
}

.success ul li {

    text-align: center;
    font-size: 2.4rem;
    color: rgb(83, 83, 83);
    padding: 1rem;
}

.success ul li a {
    padding-right: 2rem;
    border-right: .0625rem solid rgb(83, 83, 83);
    text-align: center;
    color: rgb(88, 88, 88) !important;
}

.success ul li:nth-last-child(1) a {
    border-right: 1px solid rgba(0, 0, 0, 0);
}

.swiper-container-about {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: auto !important;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: auto !important;
    object-fit: cover
}

.swiper-pagination-about span.swiper-pagination-bullet-active {
    background-color: #fff;
}

.swiper-pagination-about span {
    background-color: rgb(0, 0, 0);
    border: .0625rem solid rgb(168, 168, 168);
}








/* 
abouttech 页面样式
 */








.abouttech {
    width: 100%;
    margin-top: -10rem;
}

.abouttech .title {
    width: 100%;
    text-align: center;
    font-size: 5rem;
    color: rgb(83, 83, 83);
    margin-top: 7rem;
}

.abouttech .tech-detail {
    width: 80%;
    margin: 0 auto;
    margin-top: 20rem;
    margin-bottom: 50rem;
    font-size: 1.5rem;
}





/* 
news 页面样式
*/







.page-news {
    width: 100%;
}

.page-news .title {
    width: 100%;
    text-align: center;
    font-size: 5rem;
    color: rgb(83, 83, 83);
    margin-top: 7rem;
}

.page-news .newsbox {
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 10rem;
    margin-bottom: 10rem;
}

.page-news .newsbox .item {
    width: 40rem;
    border: 1px solid rgb(224, 224, 224);
    margin: 0 4rem 4rem 0;
}

.page-news .newsbox .item .img-box {
    width: 100%;
    overflow: hidden;
}

.page-news .newsbox .item:hover .img-box img {
    transform: scale(1.2);
    transition: all .5s linear;
}

.page-news .newsbox .item:hover {
    background-color: rgba(243, 243, 243, 0.897);
    transition: all .5s linear;
}

.page-news .newsbox .item p {
    margin: 2rem 0;
    padding: 0 1rem;
    /*text-indent: 2rem;*/
    font-size: 1.7rem;
}






/* 
newsShow页面样式
*/







.newsShow {
    width: 85%;
    margin: 0 auto;
}

.newsShow .next p {
    color: #4e4c4c;
    line-height: 1.5;
    font-size: 14px !important;
}

.newsShow .titbox .p1 {
    font-size: 2.5rem;
    color: rgb(83, 83, 83);
    margin-top: 3rem;
    text-align: center;
    font-weight: 600;
}

.newsShow .titbox .p2 {
    font-size: 2.1rem;
    color: rgb(83, 83, 83);
    margin-top: 2rem;
    text-align: center;
    margin-bottom: 2rem;
}

.newsShow .titbox {
    border-bottom: .0625rem solid rgb(83, 83, 83);
}

.newsShow .content {
    margin-top: 5rem;
    font-size: 1.9rem;
    color: #4e4c4c;
}

.newsShow .content p {
    line-height: 5rem;
    line-height: 1.5;
    font-size: 14px !important;
    margin-bottom: 1rem;

}

.newsShow .content div {
    font-size: 14px !important;
}

.newsShow .next p {
    font-size: 1.9rem;

}

.newsShow .print {
    float: right;
    /* margin-top: -10rem; */
    margin-bottom: 20rem;
    border: .0625rem solid rgba(255, 255, 255, 0);
    padding-right: 20rem;
    font-size: 1.5rem;
}

.clfl {
    clear: both;
    width: 100%;
    height: 1rem;
}

.newsShow .print span:nth-child(2) {
    padding-right: 2rem;
    margin-right: 2rem;
    border-right: 1px solid #000;
}

.newsShow .print span {
    margin-left: .5rem;
}








/* 
join页面样式
*/







.join {
    width: 100%;
    /* margin-top: -10rem; */
}

.join .title {
    width: 100%;
    text-align: center;
    font-size: 5rem;
    color: rgb(83, 83, 83);
    margin-top: 7rem;
}

.join .tit {
    width: 85%;
    background-color: rgb(206, 195, 184);
    margin: 0 auto;
    display: flex;
    /* justify-content: space-between; */
    font-size: 2rem;
    margin-top: 8rem;
}

.join .tit .item {
    width: 46%;
    text-indent: 3rem;
    padding: 1.2rem 0;
}

.join .joblist {
    margin: 0 auto;
    margin-bottom: 10rem;
    width: 83%;

}

.join .joblist .item {
    width: 100%;
    padding: 4rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4rem;
    background-color: rgb(251, 251, 251);
}

.join .joblist .item:nth-child(odd) {
    background-color: rgb(255, 255, 255);
}

.join .joblist .item .left {
    width: 40%;
    font-size: 1.8rem;
}

.join .joblist .item .left .p2 {
    font-size: 1.5rem;
    margin-top: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.join .joblist .item .center {
    width: 30% !important;
    font-size: 1.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.join .joblist .item .right {
    font-size: 1.8rem;
    border: .0625rem solid #000;
    padding: 2rem 4rem;
    margin-right: 5rem;
}

.join .joblist .item .right:hover {
    background-color: rgb(206, 195, 184);
    color: rgb(255, 255, 255);
    border: .0625rem solid rgb(206, 195, 184);
    transition: all .2s linear;
}





/*
jionShow样式
*/





.joinShow {
    width: 100%;
    /* margin-top: -10rem; */
}

.joinShow .title {
    width: 100%;
    text-align: center;
    font-size: 5rem;
    color: rgb(83, 83, 83);
    margin-top: 7rem;
    margin-bottom: 7rem;
}

.joinShow .content {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10rem;
}

.joinShow .content ul {
    margin: 2rem;
}

.joinShow .content {
    font-size: 1.8rem;
    line-height: 5rem;
    color: #4e4c4c;
    font-size: 14px !important;
}

.joinShow .content div .small {
    font-size: 1.4rem;
}

.joinShow .content ul {
    margin: 2rem;
}

.joinShow .content ul .tit {
    font-size: 1.8rem;
    line-height: 5rem;
}

.joinShow .content ul li {
    list-style: disc;
    margin-left: 2rem;
    font-size: 1.4rem;
    margin-bottom: .7rem;
}





/* 
products 页面样式
*/




.products {
    width: 100%;
}

.products .title {
    width: 100%;
    text-align: center;
    font-size: 5rem;
    color: rgb(83, 83, 83);
    margin-top: 7rem;
    margin-bottom: 7rem;
}

.products .pinfocst-list {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    /* justify-content: space-between; */
}

.aboutlegal {
    margin-top: -10rem;
}

.products .pinfocst-list .item {
    width: 28rem;
    height: 6rem;
    border: #6f6f6f .0625rem solid;
    margin-right: 2rem;
    margin-top: 3rem;
    position: relative;
    background: url(../images/product-bgc.png) no-repeat right center;
    background-size: 15%;
    line-height: 6rem;
    text-indent: 2rem;
    font-size: 1.6rem;
}

.products .pinfocst-list .item.active .itemlist {
    position: absolute;
    left: -.0625rem;
    top: 5.2rem;
    background: #FFF;
    width: 19.25rem;
    border: #6f6f6f .0625rem solid;
    border-top: .0625rem solid rgba(0, 0, 0, 0);
    display: block;
    width: 28rem;
    z-index: 9;
    max-height: 25rem;
    overflow: auto;
}

.products .pinfocst-list .item .itemlist {
    display: none;
}

.products .pinfocst-list .item.active .itemlist li:hover {
    background-color: rgb(243, 242, 242);
}

.products .show {
    width: 100%;
    margin-top: 10rem;
}

.products .show .imglist {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.products .show .imglist .imgbox {
    width: 30rem;
    overflow: hidden;
    position: relative;
    border: .0625rem solid rgb(206, 206, 206);
    margin-right: 2rem;
    margin-left: 2rem;
    margin-bottom: 10rem;
}

.products .show .imglist .imgbox img {
    width: 100%;
    transition: all .5s linear;
}

.products .show .imglist .imgbox img:hover {
    transform: scale(1.2);
    transition: all .5s linear;
    filter: brightness(0.8);
}

.pagination>li>a {
    font-family: xiao;
}

.products .show .imglist .imgbox p {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 1rem 0;
    margin: 0;
    background-color: #fff;
    z-index: 9;
    font-size: 18px;
    /* font-weight: bold; */

}

.prodListStyle2 .ui_txt {
    padding: 0.5rem 0;
    /* font-family: 'Courier New', Courier, monospace; */
    font-weight: normal !important;
}

/* .prodListStyle2 .ui_txt {
    padding: 0.5rem 0;
    font-family: "Light";
    font-size: 18px;color: #000;
} */

.products .show .imglist .imgbox:hover p {
    background-color: rgb(233, 233, 233);
    transition: all .5s linear;

}

.page {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 20rem;
}

.page ul {
    margin: 0 auto;
}









/* 
contact 联系我们页面样式
*/








.contact .titimg {
    width: 100%;
}

.contact .title {
    width: 100%;
    text-align: center;
    font-size: 5rem;
    color: rgb(83, 83, 83);
    margin-top: 7rem;
    margin-bottom: 7rem;
}

.contact .typelist {
    width: 70%;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 6.25rem;
}

.contact .typelist .type {
    width: 40rem;
    margin-right: 1.875rem;

}

.contact .typelist .type img {
    width: 100%;
}

.contact .typelist .type p {
    font-size: 1.6rem;
    margin: 1.2rem;
}

.contact .typelist .type .p1 {
    font-size: 1.4rem;
    margin: 1.2rem;
    font-weight: 600;
}








/* 

下载中心页面样式

*/


.topBlank {
    padding-top: 0rem !important;
}

.download .downimg {
    width: 100%;
}

.download .title {
    width: 100%;
    text-align: center;
    font-size: 5rem;
    color: rgb(83, 83, 83);
    margin-top: 7rem;
    margin-bottom: 4rem;
}

.download .tab {
    width: 100%;
    display: flex;
    justify-content: center;

}

.download .tab a {
    font-size: 3rem;
    color: rgb(102, 101, 101) !important;
    padding: 0 1.5rem;
    border-right: .23rem solid rgb(102, 101, 101);
}

.download .tab a:nth-last-child(1) {
    border-right: .0625rem solid rgba(0, 0, 0, 0);
}

.download .list {
    width: 70%;
    margin: 3rem auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;


}

.download .list .filebox {
    width: 40rem;
    margin: 8rem 8rem;
    border: .0625rem solid #e0e0e0;
    overflow: hidden;

}

.download .filebox img {
    width: 100%;
    z-index: 0;
    transition: all .5s linear;

}

.download .filebox img:hover {
    transform: scale(1.16);
    transition: all .5s linear;
}

.download .filebox p {
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 1.65rem;
    /* border: 1px solid #000; */
    padding: 1rem;
    z-index: 9;
    background-color: #fff;
}

.download .filebox:hover p {
    background-color: #f7f6f8;
    transition: all .5s linear;
}



.download .title-s {
    width: 100%;
    text-align: center;
    font-size: 3rem;
    color: rgb(83, 83, 83);
    margin-top: 7rem;
    margin-bottom: 4rem;
    font-weight: 700;
}

.download .msg {
    width: 80%;
    margin: 0 auto;
    font-size: 1.6rem;
    margin-bottom: 12rem;
}

.download .msg p {
    margin-bottom: 2rem;
}




/* 
成功案例页面样式
*/





.case .title-img {
    width: 100%;

}

.case .title {
    width: 100%;
    text-align: center;
    font-size: 5rem;
    color: rgb(83, 83, 83);
    margin-top: 7rem;
    margin-bottom: 3rem;
}

.case .tab {
    width: 100%;
    display: flex;
    justify-content: center;

}

.case .tab a {
    font-size: 3rem;
    color: rgb(102, 101, 101) !important;
    padding: 0 1.5rem;
    border-right: .25rem solid rgb(102, 101, 101);
}

.case .tab a:nth-last-child(1) {
    border-right: .0725rem solid rgba(0, 0, 0, 0);
}

.case .imglist {
    width: 85%;
    /* border: 1px solid #000; */
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10rem;
}

.case .imglist .imgbox {
    width: 41.5rem;
    overflow: hidden;
    position: relative;
    border: .0625rem solid rgb(206, 206, 206);
    margin-right: 2rem;
    margin-left: 1rem;
    margin-bottom: 10rem;
}

.case .imglist .imgbox img {
    width: 100%;
    transition: all .5s linear;
}

.case .imglist .imgbox img:hover {
    transform: scale(1.1);
    transition: all .5s linear;
    filter: brightness(0.8);
}

.case .imglist .imgbox p {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 1rem 0;
    margin: 0;
    background-color: #fff;
    z-index: 9;

}

.case .imglist .imgbox:hover p {
    background-color: rgb(233, 233, 233);
    transition: all .5s linear;

}










/* 
aboutlegal页面样式
*/






.aboutlegal .title-img {
    width: 100%;
    margin-top: -10rem;
}

.aboutlegal .title {
    width: 100%;
    text-align: center;
    font-size: 5rem;
    color: rgb(83, 83, 83);
    margin-top: 7rem;
    margin-bottom: 3rem;
}

.aboutlegal .main {
    margin: 20rem 0;
    margin-left: 10rem;
    font-size: 1.7rem;
}

/* 
aboutmark页面样式
*/

.aboutmark .title-img {
    width: 100%;
    margin-top: -10rem;
}

.aboutmark .title {
    width: 100%;
    text-align: center;
    font-size: 5rem;
    color: rgb(83, 83, 83);
    margin-top: 7rem;
    margin-bottom: 3rem;
}

.aboutmark .main {
    margin: 20rem 0;
    margin-left: 10rem;
    font-size: 1.7rem;
}


/* 
caseShow页面样式
*/
.caseShow .titimg {
    width: 100%;
}

.caseShow .tit {
    width: 100%;
    text-align: center;
    font-size: 3rem;
    color: rgb(83, 83, 83);
    margin-top: 7rem;
    margin-bottom: 3rem;
    font-weight: 600;
}

.caseShow .main {
    width: 70%;
    margin: 0 auto;
    font-size: 1.5rem;
    margin-bottom: 7rem;
    line-height: 3rem;
}

.caseShow .mainp p {
    width: 70%;
    margin: 0 auto;
    font-size: 1.5rem;
    margin-bottom: 7rem;
    line-height: 3rem;
}












/* 
productShow页面样式
*/



.header-nav-show.ac .header-nav-about {
    margin-left: -7rem !important;
}

#ima {
    display: none;
}

.productsShow .title-img {
    width: 100%;
    margin-top: -10rem;


}

.productsShow {
    width: 100%;
    /* margin-top: -10rem; */
    overflow: hidden;
}

.productsShow .main .detailtxt span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    font-size: 16px;
}

.productsShow .main {
    width: 100% !important;
    margin: 0 auto;

}

.productsShow .main .de-content {
    width: 70%;
    margin: 0 auto;
    font-size: 1.6rem;
}

.productsShow .main .de-content .right .table .p img {
    width: 50% !important;
}

.productsShow .main .de-content .left .item .tit {
    font-size: 2.4rem !important;
}

.productsShow .main .de-content .right .tit {
    font-size: 3rem;
}

.productsShow .main .de-content .left .item:nth-child(1) {
    height: 30rem;
}

.productsShow .main .left {
    margin: 5rem 3rem;
}

.productsShow .main .right {
    margin: 5rem 3rem;
    box-sizing: border-box;
}

.productsShow .main .left .item1 .tit {
    font-size: 4rem;
    color: rgb(83, 83, 83);
}

.productsShow .main .left .item1 .detail {
    width: 50rem;
    /* border: 1px solid #000; */
    font-size: 1.8rem;
    margin-top: 2rem;
    line-height: 3.4rem;
    color: rgb(83, 83, 83);
}

.productsShow .main .left .item2 p {
    font-size: 1.8rem;
    line-height: 3.4rem;
    color: rgb(83, 83, 83);
}

.productsShow .main .left .item2 .tit {
    font-size: 4rem;
    margin-top: 8rem;
    margin-bottom: 3rem;
    color: rgb(83, 83, 83);
}

.productsShow .main .left .item3 .tit {
    font-size: 4rem;
    margin-top: 8rem;
    margin-bottom: 3rem;
    color: rgb(83, 83, 83);
}

.productsShow .main .left .item3 img {
    /* width: 100%; */
    width: 50rem;
}

.productsShow .main .right .tit {
    width: 100%;
    font-size: 4rem;
    margin-bottom: 3rem;
    /* color: rgb(83, 83, 83); */

}

.prodListStyle2 .ui_img {
    background-color: #fff !important;
}

.productsShow .pinfocst-list {
    width: 86rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 100;
}

.productsShow .pinfocst-list .item {
    width: 18rem;
    height: 4rem;
    border: #6f6f6f .0625rem solid;
    /* margin-right: 3.9rem; */
    margin-top: 3rem;
    position: relative;
    background: url(../images/product-bgc.png) no-repeat right center;
    background-size: 15%;
    line-height: 4rem;
    text-indent: 2rem;
    font-size: 1.6rem;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0); */
}

.productsShow .pinfocst-list .item.active .itemlist {
    position: absolute;
    left: -.0625rem;
    top: 3.7rem;
    background: #FFF;
    width: 19.25rem;
    border: #6f6f6f .0625rem solid;
    border-top: .0625rem solid rgba(0, 0, 0, 0);
    display: block;
    width: 18rem;
    z-index: 9;
    max-height: 25rem;
    overflow: auto;
}

.productsShow .pinfocst-list .item .itemlist {
    display: none;
}

.productsShow .pinfocst-list .item.active .itemlist li:hover {
    background-color: rgb(243, 242, 242);
}

.productsShow .sizedetail {
    width: 100%;
    margin-top: 5rem;
    margin-bottom: 6rem;
    display: flex;
    flex-wrap: nowrap;
    background-color: #f3f3ee;
    /* overflow: scroll; */
}

.productsShow .main .right .sizebox {
    width: 100%;

}

.productsShow .sizedetail div {
    /* width: 100%; */
    /* height: 5rem; */
    width: 8rem;

    background-color: #f3f3ee;
}

.productsShow .sizedetail div span {
    width: 8rem;
    text-align: center;
    font-size: 1.54rem;
    line-height: 5rem;
    font-family: xiao;
    display: block;
    color: gray;
    /* font-weight: bold; */
}

.productsShow .sizedetail div {
    font-family: xiao;
}

.productsShow .sizedetail div span:nth-child(1) {
    font-family: deng;
    background-color: #e3e3e1;
    color: #000;

}

.productsShow .sizedetail div div span:nth-child(1) {
    font-family: xiao;
    background-color: #f3f3ee;
    color: gray;
    /* display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: 3rem;
        height: 6rem; */
}

.productsShow .sizedetail div div span:hover {
    color: #000;
}

.productsShow .sizedetail div span img {
    width: 22%;
    opacity: 0.6;
    transition: all .2s linear;

}

.productsShow .sizedetail div span img:hover {
    width: 22%;
    opacity: 1;

}

.productsShow .sizedetail div .type {
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
    line-height: 4rem;
    height: 6rem;
}

.productsShow .sizedetail div .type.at {
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
    line-height: 3rem;
    height: 6rem;
    padding: 1rem;
    line-height: 2rem;
    height: 6rem;
    box-sizing: border-box;
}

.productsShow .xgcp {
    width: 72%;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 3rem;
}

.productsShow .xgcp .tit {
    font-size: 4rem;
    color: rgb(83, 83, 83);

}

.productsShow .xgcp .imglist {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 5rem;
}

.productsShow .xgcp .imglist .imgbox {
    width: 37rem;
    overflow: hidden;
    position: relative;
    border: .0625rem solid rgb(206, 206, 206);
    margin-right: 1rem;
    margin-left: 1rem;
    margin-bottom: 10rem;
}

.productsShow .xgcp .imglist .imgbox img {
    width: 100%;

}

.productsShow .xgcp .imglist .imgbox img:hover {
    transform: scale(1.2);
    transition: all .5s linear;
    filter: brightness(0.8);
}

.productsShow .xgcp .imglist .imgbox p {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 1rem 0;
    margin: 0;
    background-color: #fff;
    z-index: 9;
    font-family: xiao;
}

.productsShow .xgcp .imglist .imgbox:hover p {
    background-color: rgb(233, 233, 233);
    transition: all .5s linear;

}





/* login 页面样式 */




.register {

    width: 70%;
    margin: 0 auto;
    margin-top: 18rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10rem;
}

.register .left {
    width: 50rem;
    margin-right: 6rem;
}

.register .left img {
    width: 100%;
}

.register .right {
    width: 40rem;
    /* border: 1px solid rgb(255, 111, 111); */
}

.register .right .name {
    border: 1px solid #000;
    box-sizing: border-box;
    padding: 1rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
}

.register .right .name input {
    border: none;
    outline: none;
    font-size: 1.9rem;
    text-indent: 1rem;
}

.register .right .password input {
    border: none;
    outline: none;
    font-size: 1.9rem;
    text-indent: 1rem;
}

.register .right .password {
    border: 1px solid #000;
    box-sizing: border-box;
    padding: 1rem;
    border-radius: 1rem;
    margin-top: 2rem;
    display: flex;
    align-items: center;
}

.register .right .name img {
    width: 2.5rem;
}

.register .right .password img {
    width: 2.5rem;
}

.register .right .row3 {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}

.register .right .row3 input {
    width: 2.3rem;
    height: 2.3rem;
    margin-right: 1.3rem;
}

.register .right .row3 .left {
    font-size: 1.6rem;
    display: flex;
    align-items: center;
}

.register .right .row3 .righ {
    width: 13rem;
    font-size: 1.6rem;
    display: flex;
    /* border: 1px solid #000; */
    align-items: center;
}

.register .right .row4 {
    margin-top: 2rem;
    font-size: 1.8rem;
}

.register .right .submit {
    width: 100%;
    border-radius: 1rem;
    margin-top: 2rem;
    background-color: #D3C7BC;
    border: none;
    height: 4.6rem;
    /* color: #fff; */
    font-size: 1.8rem;
}

.register .right .row6 {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    color: #9A9A9A;
    font-size: 1.4rem;

}

.register .right .row6 img {
    width: 2.6rem;
}

.register .right .row6 a span {
    color: #9A9A9A;

}



/* register 页面样式 */






.login {

    width: 70%;
    margin: 0 auto;
    margin-top: 18rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10rem;
}

.login .left {
    width: 50rem;
    margin-right: 6rem;
}

.login .left img {
    width: 100%;
}

.login .right {
    width: 40rem;
    /* border: 1px solid rgb(255, 111, 111); */
}

.login .right .name {
    border: 1px solid #000;
    box-sizing: border-box;
    padding: 1rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
}

.login .right .name input {
    border: none;
    outline: none;
    font-size: 1.9rem;
    text-indent: 1rem;
}

.login .right .password input {
    border: none;
    outline: none;
    font-size: 1.9rem;
    text-indent: 1rem;
}

.login .right .password {
    border: 1px solid #000;
    box-sizing: border-box;
    padding: 1rem;
    border-radius: 1rem;
    margin-top: 2rem;
    display: flex;
    align-items: center;
}

.login .right .name img {
    width: 2.5rem;
}

.login .right .password img {
    width: 2.5rem;
}

.login .right .row3 {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}

.login .right .row3 input {
    width: 2.3rem;
    height: 2.3rem;
    margin-right: 1.3rem;
}

.login .right .row3 .left {
    font-size: 1.6rem;
    display: flex;
    align-items: center;
}

.login .right .row3 .righ {
    width: 13rem;
    font-size: 1.6rem;
    display: flex;
    /* border: 1px solid #000; */
    align-items: center;
}

.login .right .row4 {
    margin-top: 2rem;
    font-size: 1.8rem;
}

.login .right .submit {
    width: 100%;
    border-radius: 1rem;
    margin-top: 2rem;
    background-color: #D3C7BC;
    border: none;
    height: 4.6rem;
    /* color: #fff; */
    font-size: 1.8rem;
}

.login .right .row6 {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    color: #9A9A9A;
    font-size: 1.4rem;

}

.login .right .row6 img {
    width: 2.6rem;
}

.login .right .row6 a span {
    color: #9A9A9A;

}

.login .xyhzc {
    margin-bottom: 2rem;
    font-size: 2rem;
}











.wxlogin {

    width: 70%;
    margin: 0 auto;
    margin-top: 18rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10rem;
}

.wxlogin .left {
    width: 50rem;
    margin-right: 6rem;
}

.wxlogin .left img {
    width: 100%;
}

.wxlogin .right {
    width: 40rem;
    /* border: 1px solid rgb(255, 111, 111); */
    font-size: 2rem;
    text-align: center;
}

.wxlogin .right img {
    width: 70%;
    margin-top: 2rem;
}

.wxlogin .right .row1 {
    font-size: 3rem;
}

.wxlogin .right .row3 {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.wxlogin .right .row3 .mfzc {
    box-sizing: border-box;
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: 1px solid rgb(116, 115, 115);
}























@media (max-width: 750px) {
    .index-tab ul li {
        font-size: 2.5rem;
    }
    .index-tab ul li p {
        font-size: 2.5rem;
    }
    .index-tab-show .img-box p {
        font-size: 2.4rem;
    }
    .Company-profile p {
        font-size: 2.4rem;
    }
    .Company-profile .data .top .w25{
        font-size: 2.3rem !important;
    }
    .swiper-c .swiper-slide .swc-r {
        width: 90% !important;
        margin-top: 3rem;
    }
    .swc-r .title {
        font-size: 3rem;
        margin-top: 2.8rem;
        line-height: 5rem;
    }
    .swc-r .time {
        font-size: 3.2rem;
    }
    .swc-r .content {
        width: 100%;
        margin: 0 auto;
        font-size: 2.5rem;
        line-height: 4rem;
        margin-top: 2rem;
    }
    .swc-r .mpre {
        font-size: 2rem;
        margin-top: 8rem;
        color: rgb(177 176 176);
    }
    .swiper-c #newsleft {
        display: none;
    }
    .swiper-c #newsright {
        display: none;
    }
    .swiper-c {
        width: 100%;
    }
    .swc-l {
        width: 90vw !important;
    }
    .swc-r .news {
        font-size: 9.2rem;
    }
    .swc-r .xwdt {
        font-size: 5rem;
        margin-top: 2rem;
    }
    .header-win .win-tab .tablist p {
        padding-top: 46%;
        font-size: 1.6rem !important;
    }
    #img{
        display: none;
    }
    .header-win .win-tab p {
        padding-top: 46%;
        box-sizing: border-box;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 600;
    }
    .header-win .win-tab .item span {
        top: -1rem !important;
    }
    .footer-top .left ul li{
        font-size: 2.2rem !important;
    }
    .introduction .data .top {
        font-size: 2.3rem;
    }
    .abouts p {
        font-size: 3rem;
    }
    .abitem{
        font-size: 2.5rem;
    }
    .dateborder {
        width: 80%;
        margin-left: 10%;
    }
    .productsShow .main .left {
        margin: 0;
    }
    .productsShow .main .de-content .left .item p {
        font-size: 3rem !important;
        color: rgb(83, 83, 83);
        line-height: 4.4rem !important;
    }
    .productsShow .main .de-content .left .item:nth-child(1) {
        height: 42rem;
    }
    .productsShow .main .de-content .left .item .tit {
        font-size: 4rem !important;
    }
    .productsShow .main .de-content .right .tit {
        font-size: 4rem !important;
    }
    .productsShow .main .de-content .left .image {
        width: 50rem !important;
    }
    .productsShow .main .de-content .left .item:nth-child(3) {
        height: 31rem !important;
        overflow: hidden;
    }
    .productsShow .main .de-content .left .item .img1 {
        width: 10rem !important;
        height: 10rem !important;
        margin-right: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .productsShow .main .de-content .left .item .img2 {
        width: 9rem !important;
        height: 9rem !important;
        margin-right: 2rem !important;
        margin-bottom: 2rem  !important;
    }
    .productsShow .pinfocst-list .item{
        font-size: 2.6rem !important;
    }
    .productsShow .main .de-content .right .table .p {
        font-size: 3rem !important;
    }
    .productsShow .main .de-content .right .table .p .it1 {
        height: 11rem !important;
    }
    .productsShow .main .de-content .right .table {
        width: 86rem !important;
        height: auto !important;
        padding-bottom: 10px !important;
    }
   
    .productsShow .main .de-content .right .table .p .item {
        padding: 1.5rem 1rem !important;
        height: 6rem !important;
    }
    .productsShow .main .de-content .right .table .p7 .item {
        padding: 0.5rem 0.5rem !important;
    }
    .debot-box {
        font-size: 2.4rem;
    }
    .products .pinfocst-list .item {
        font-size: 2.6rem;
        margin-right: 1.1rem;
    }
    .productsShow .main .detailtxt {
        width: 90% !important;
        margin: 5rem auto;
        line-height: 5rem !important;
        font-size: 14px !important;
    }
    .productsShow .pinfocst-list {
        width: 72rem !important;
    }
    .productsShow .main .de-content .right .table{
       height: 70rem !important;
    }
    .productsShow .main .de-content .right .table .p{
        height: max-content;
    }
    .pro-tab li {
        margin-right: 36px !important;
        margin-bottom: 12px;
    }
    #main .wrp1 .ui_txt {
        font-size: 2.8rem !important;
        padding-top: 0;
    }
    #main .wrp1.pos{
        font-size: 4rem;
        margin-top: 15px;
    }
    .aboutlegal .main {
        margin: 20rem 0;
        margin-left: 8rem;
        font-size: 2.7rem;
    }
    .page-news .newsbox .item p {
        margin: 1.5rem 0;
        padding: 0 1rem;
        font-size: 2.7rem;
        line-height: 4rem;
    }
    .footer-top .right .footer-msg {
        font-size: 2.3rem;
    }
    .footer-bottom{
        font-size: 2rem;
    }
    .footer-top .right .ewm p{
        font-size: 1.8rem;
    }
    .contact .typelist .type .p1 {
        font-size: 2.4rem;
        margin: 1.2rem;
        font-weight: 600;
    }
    .contact .typelist .type p {
        font-size: 2.6rem;
        margin: 1.2rem;
    }
    .sidebar ul li span:nth-child(2){
        font-size: 4rem;
    }
    .newsShow .content p img{
        width: 100%;
    }
    .newsShow .print {
        float: right;
        margin-top: 11rem;
        margin-bottom: 6rem;
        border: .0625rem solid rgba(255, 255, 255, 0);
        padding-right: 3rem;
        font-size: 2.5rem;
    }
    .newsShow .titbox .p2 {
        font-size: 2.8rem;
    }
    .newsShow .titbox .p1 {
        font-size: 3rem;
    }
    .page-news .title {
        font-size: 6rem;
    }
    .download .filebox p{
        font-size: 2.3rem;
    }
    .header-icon .header-nav-search .search-box {
        position: absolute;
        top: 7rem;
        /* border: 1px solid #000; */
        width: 46rem;
        height: 6.2rem;
        transform: translateX(-47%);
        left: 50%;
        display: none;
        background-color: #fc5900;
        z-index: 999999;
    }
    .header-icon .header-nav-search .search-box .search-inp {
    width: 34rem;
    height: 5rem;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fc5900;
    border: 0.0002px solid rgba(0, 0, 0, 0);
    outline: none;
    color: rgb(255, 255, 255);
    padding-left: 1.5rem;
    font-size: 2.5rem;
}
.register .right {
    width: 55rem;
    /* border: 1px solid rgb(255, 111, 111); */
}
.register .right .name {
    border: 1px solid #000;
    box-sizing: border-box;
    padding: 2rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
}
.register .right .name img {
    width: 3rem;
}
.register .right .name input {
    border: none;
    outline: none;
    font-size: 2.9rem;
    text-indent: 1rem;
}
.register .right .password {
    border: 1px solid #000;
    box-sizing: border-box;
    padding: 2rem;
    border-radius: 1rem;
    margin-top: 5rem;
    display: flex;
    align-items: center;
}
.register .right .password img {
    width: 3rem;
}
.register .right .password input {
    border: none;
    outline: none;
    font-size: 2.9rem;
    text-indent: 1rem;
}
.register .right .row3 {
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
}
.register .right .row3 {
    display: flex;
    justify-content: space-between;
    margin-top: 4rem;
}
.register .right .row3 .left {
    font-size: 2.6rem;
    display: flex;
    align-items: center;
}
.register .right .row3 input {
    width: 3.3rem;
    height: 3.3rem;
    margin-right: 1.3rem;
}
.register .right .row3 .righ {
    width: 29rem;
    font-size: 2.2rem;
    display: flex;
    /* border: 1px solid #000; */
    align-items: center;
}
.register .right .row4 {
    margin-top: 2rem;
    font-size: 2.8rem;
}
.register .right .submit {
    width: 100%;
    border-radius: 1rem;
    margin-top: 2rem;
    background-color: #D3C7BC;
    border: none;
    height: 6.6rem;
    /* color: #fff; */
    font-size: 2.8rem;
}
.register .right .row6 img {
    width: 3.6rem;
}
.register .right .row6 {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    color: #9A9A9A;
    font-size: 2.4rem;
}
.login .xyhzc {
    margin-bottom: 2rem;
    font-size: 3rem;
}
.login .right .name {
    border: 1px solid #000;
    box-sizing: border-box;
    padding: 2rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
}
.login .right .name img {
    width: 3rem;
}
.login .right .name input {
    border: none;
    outline: none;
    font-size: 2.6rem;
    text-indent: 1rem;
}
.login .right .password {
    border: 1px solid #000;
    box-sizing: border-box;
    padding: 2rem;
    border-radius: 1rem;
    margin-top: 3rem;
    display: flex;
    align-items: center;
}
.login .right .password img {
    width: 3rem;
}
.login .right .password input {
    border: none;
    outline: none;
    font-size: 2.6rem;
    text-indent: 1rem;
}
.login .right .row3 .left {
    font-size: 2.4rem;
    display: flex;
    align-items: center;
}
.login .right .submit {
    width: 100%;
    border-radius: 1rem;
    margin-top: 2rem;
    background-color: #D3C7BC;
    border: none;
    height: 6.6rem;
    /* color: #fff; */
    font-size: 2.8rem;
}
.login .right {
    width: 55rem;
    /* border: 1px solid rgb(255, 111, 111); */
}
.login .right .row4 {
    margin-top: 2rem;
    font-size: 2.8rem;
}
.login .right .row4 {
    margin-top: 3rem;
    font-size: 2.8rem;
}
.shoucang .right .p1 {
    font-size: 3rem !important;
}
.shoucang .right .p2 {
    margin-left: 2rem  !important;
    margin-top: 5rem;
    /* border: 1px solid #000; */
    font-size: 2.7rem  !important;
    width: 11rem;
    height: 5.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e5e4e1;
}
.shoucang .left .maincontent .img {
    width: 12rem  !important;
    height: 12rem  !important;
    background-color: #e5e4e1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.shoucang .left .maincontent .text {
    font-size: 3rem  !important;
    width: 100%;
    text-align: center;
    margin-top: 6rem  !important;
}
.shoucang .right .goods .item p {
    font-size: 2.8rem !important;
}
.nav-button {
    margin-left: 1rem  !important;
}
.header-icon .logout {
    margin-left: 1rem  !important;
    position: relative;
    color: gray;
    font-size: 2.7rem  !important;
    font-weight: bold;
    width: 41px;
}
.ydlogo {
    width: 27rem  !important;
    display: block !important;
}
.newsShow .content {
    margin-top: 3rem;
    font-size: 2.9rem;
    line-height:5rem;
    color: #4e4c4c;
}
.caseShow .mainp p {
    width: 80%;
    margin: 0 auto;
    font-size: 2.9rem;
    margin-bottom: 7rem;
    line-height: 5rem;
}
.pro-tab li a {
    font-size: 14px;
}
.header-icon .header-nav-ewm .ewm-box img {
    width: 25rem;
}
.index-tab .yscur::before {
    bottom: -1.1rem;
}
 


/* English */

.join .joblist .item .left {
    font-size: 2.8rem;
}
.join .joblist .item .left .p2 {
    font-size: 2rem;
}
.join .tit {
    font-size: 3rem;
}
.join .joblist .item .center {
    font-size: 2rem;
}
.join .joblist .item .right {
    font-size: 2rem;
    border: .0625rem solid #000;
    padding: 1rem 2rem;
    margin-right: 0rem;
}
.joinShow .content div .small {
    font-size: 2.4rem;
}
.footer-top .right .ewm {
    width: 29rem;
}
.products .show .imglist .imgbox {
    width: 34rem;
}

.footer-bottom {
    width: 90% !important;
}
.case .imglist .imgbox {
    width: 35.5rem !important;
}











}