body,

p {

    margin: 0;

}

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

img,

a {

    display: block;

}

a,

a:hover,

a:link {

    text-decoration: none;

}

video {

    object-fit: fill !important;

    display: block;

    border: none;

}

.overflow-none {

    overflow: hidden;

}

input {

    outline: none;

}

/* 图片模糊处理 */

img {

    image-rendering: -moz-crisp-edges; /* Firefox */

    image-rendering: -o-crisp-edges; /* Opera */

    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */

    image-rendering: crisp-edges;

    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */

 }

ul li {

    list-style: none;

}

.med-index{

    display: none;

}

 .conten{

    width: 1200px;

    height: auto;

    margin: auto;

 }

 /* .status{

    display: none;

 } */

 /* 首页 */

.index {

    display: block;

    position: relative;

    top: 0;

    left: 0;

}

.heads{

    display: block;

    width: 100%;

    height: auto;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 20;

  }

  .headis{

    background-color: #fff;

    border-bottom: 1px solid #eee;

  }

  .headis .headele1 a{

    color: #333333;

  }

 header{

    height: 81px;

    z-index: 10;

    display: flex;

    justify-content: space-between;



 }

 .headtlts {

    width: 50%;

    display: flex;

    justify-content: space-between;

 }

 .logo{

    width: 20%;

    margin: auto 0;

 }

 .logo img{

    width: 100%;

 }

 .headele1 .heada{

    line-height: 81px;

    color: #fff;

    font-size: 16px;

 }

 .headele1{

    position: relative;

 }

.headele1 ul {

    width: 150px;

    display: none;

    position: absolute;

    top: 81px;

    left: -55%;

    padding: 10px 20px;

    border: 1px solid #eee;

    background-color: #fff;

}

.indexli a{

    width: 100%;

    text-align: center;

    line-height: 36px;

    color: #333333;

}

.headele1 ul .indexli:hover a{

    color: #e1cef6;

    font-weight: bold;

}

.heads .headele1 .ind{

    color: #e1cef6;

    font-weight: bold;

}

.headele1:hover ul {

    display: block;

 }

 .headele1:hover .heada{

    color: #e1cef6;

    font-weight: bold;

 }

 .index-text {

    position: absolute;

    top: 280px;

    left: calc(50% - 600px);

    z-index: 10;

    text-align: center;

 }

 .index-text h1{

    color: #eeeeee;

    line-height: 100px;

    font-size: 60px;

    font-family: Microsoft YaHei;

    font-weight: bold;

 }

 .index-text p {

    text-align: center;

    color: #eeeeee;

    line-height: 40px;

    font-size: 40px;

    font-family: Arial;

    font-weight: normal;

 }

 .view_contents{

    width: 70%;

    font-size: 16px;

    color: #333;

    line-height: 1.8;

    font-family: Microsoft YaHei;

    position: absolute;

    left: 15%;

    top: 120px;

 }

 .view_contents p{

    color: #eeeeee;

    font-size: 16px;

    line-height: 30px;

 }

 .index-inp {

    width: 30%;

    position: absolute;

    top: 200px;

    left: 50%;

    transform: translateX(-50%);

    display: flex;

    justify-content: center;

 }

.index-inp a{

    width: 140px;

    background: transparent;

    color: #ffffff;

    border-radius: 3px;

    border: 1px solid #fff;

    height: 44px;

    font-family: Microsoft YaHei;

    font-size: 14px;

    line-height: 44px;

}

.index-inp a:hover {

    background: #e1cef6;

    color: #ffffff;

    border-radius: 3px;

    border: none;

}

.index-inp .indexinp{

    background:#e1cef6;

    color: #ffffff;

    border-radius: 3px;

    border: none;

}

.head-user{

    display: flex;

}

.head-user i{

    font-size: 20px;

    color: #fff;

    line-height: 81px;

    font-size: 400;

    padding: 0 10px;

    cursor: pointer;

}

.huser-fiex{

    display: none;

    position: absolute;

    top: 81px;

    /* width: 300px; */

    right: 0;

    border: 1px solid #eee;

    background-color: #fff;

    padding: 15px 20px;

}

.huser-fi{

     height: 50px;

    line-height: 50px;

    text-align: center;

    display: flex;

}

.huser-fi a{

    font-size: 16px;

    border: 1px solid #6AD7CD;

    background: #6AD7CD;

    color: #fff;

    width: 65px;

    padding: 0 15px;

}

.med-head{

    width: 100%;

    height: 44px;

    background-color: #fff;

    display: flex;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 10;

    justify-content: space-between;

}

.med-logo img{

    height: calc(100% - 6px);

    margin: 3px 10px;

}

.med-i i{

    line-height: 44px;

    font-size: 20px;

    margin-right: 20px;

}

.swiper-container2{

    display: none;

}

.huser{

    position: relative;

}

.huser:hover i{

    color: #7030a0;

}

.huser:hover .huser-fiex{

    display: block;

}

.huser-fiex .hf{

    display: inline-block;

    border: 1px solid #CCCCCC;

    padding: 6px 10px;

    width: 200px;

}

.hf2{

    display: inline-block;

    border: 1px solid #6AD7CD;

    background: #6AD7CD;

    color: #fff;

    padding: 6px 15px;

    cursor: pointer;

}

.head-xian{

    width: 2px;

    height: 25%;

    background-color: #fff;

    margin: auto 5px;

}

.head-se{

    height: 100%;

}

.head-is {

    display: none;

    font-size: 20px;

    color: #fff;

    line-height: 81px;

    font-weight: 600;

}

.headis .head-is{

    color: #333333;

}

.headis .head-xian{

    background-color: #333333;

}

.headis .head-user i{

    color: #333333;

}

.head-is img{

    display: inline-block;

    width: 23px;

    height: 16px;

    margin-left: 5px;

}

.head-as {

    display: block;

}

/* 移动端导航栏下拉 */

.sidebar{

    width: 70%;

    height: 100%;

    position: fixed;

    top: 44px;

    right: -100%;

    background-color: #fff;

    z-index: 99;

    transition: all 0.5s ease;

}

.med-index .sidebar-bl{

    right: 0%;

}

.sidebar-flex{

    padding: 1% 0;

}

.sideber-li a{

    font-size: 16px;

    line-height: 44px;

    color: #333;

}

.sideber-a {

    padding: 0 5%;

    display: flex;

    justify-content: space-between;

}

.sideber-a i{

    font-size: 26px;

    line-height: 36px;

    transition: all 0.3s ease;

    transform-origin: center center;

}

.sideber-a .sideber-i{

    transform: rotate(90deg);

}

.sideber-li .sideber-ind {

    color: #7030a0;

    font-weight: 600;

    background-color: #6666662b;

}

.sideber-li ul {

    display: none;

}







/* 轮播图 */

.swiper-container{

    width: 100%;

    height: 800px;

    overflow: hidden;

}

.swiper-container img{

    width: 100%;

    height: 100%;

}

.swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;



    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}

.container{

    width: 100%;

    height: auto;

    margin-top: 80px;

}

.indexs{

    width: 1000px;

    margin: 0 auto;

}

.page{

    height: 395px;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    border-bottom: 3px solid #e1cef6;

}

.page:last-child{

    border: none;

}

.page-tlte{

    color: #333;

    float: left;

    width: 40%;

    height: 395px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.page-tlte span{

    display: block;

    width: 100px;

    height: 4px;

    background-color: #e1cef6;

    margin-bottom: 50px;

}

.page-tlte p{

    width: 100%;

    font-size: 16px;

    line-height: 36px;

    color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.page-tlte h4{

    margin: 0px;

    font-weight: bold;

    font-size: 36px;

    line-height: 100px;

    color: #333;

}

.page-tlte a{

    margin-top: 20px;

    width: 110px;

    height: 48px;

    border-radius: 5px;

    color: #fff;

    text-align: center;

    line-height: 48px;

    padding: 0;

    font-size: 16px;

    background-color: #e1cef6;

    transition: all 0.5s ease;

}

.page-tlte a:hover{

  background: #7030a0;

}

.page-imgs{

    width: 40%;

    height: 100%;

    display: flex;

}

.page-imgs img{

    display: block;

    margin: auto;

    transition: all 0.5s ease;

}

.page-imgs img:hover{

    transform: scale(1.2);

}

.page-bg{

    position: absolute;

    bottom: 0;

    background-color: #F3F3F3;

    height: 190px;

    width: 100%;

}

.page-lee{

    margin-left: 60px;

    margin-right: 0;

}

.main{

    width: 1200px;

    margin: 0 auto;

}

.ind-one{

    width: 100%;

    padding: 93px 0;

    position: relative;

}

.ind-one-img{

    position: absolute;

    top: 100px;

    left: 0;

    z-index: 1;

}

.indone-tlt{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.indone-tlt-left{

    width: 50%;

    padding-top: 47px;

}
.indone-tlt-left1{

    width: 50%;

    padding-top: 47px;

}
.indone-tlt h4{

    font-size: 58px;

    font-weight: 800;

    margin-bottom: 52px;

}

.indone-tlt-left p{

    font-size: 24px;

    color: #666;

    margin-bottom: 52px;

}

.indone-tlt a{

    width: 140px;

    height: 44px;

    line-height: 44px;

    text-align: center;

    color: #333;

    border: 1px solid #333;

    border-radius: 3px;

    transition: all 0.3s ease;

    font-size: 14px;
}

.indone-tlt a:hover{

    background-color: #e1cef6;

    color: #fff;

    border: none;

}

.indone-tlt-right {

    width: 36%;

    padding-top: 35px;

}

.indone-tlt-right img{

    width: 100%;

}



.ind-bg {

    background-color: #f2f2f2;

}

.ind-twos{

    margin-top: 37px;

}

.ind-twos .ind-twoa{

    background-color: transparent;

    color: #666;

    border: 1px solid #666;

}

.ind-two-tlt{

    width: 100%;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.indtwos{

    width: 28%;

    overflow: hidden;

}

.indtwos img{
    display: block;
    margin: 0 auto;
    /*width: 100%;*/
    height: 252px;

    transition: all 0.5s ease;

}

.indtwos-text{

    padding: 28px 30px 28px 14px;

    background-color: #ffffff;

    transition: all 0.2s ease;

    position: relative;

}

.indtwos-text h5{

    font-size: 22px;

    font-weight: 400;

    margin-bottom: 20px;

}

.indtwos-text p{

    font-size: 16px;

    margin-bottom: 10px;

    color: #333333;

}

.indtwos-text a{

    margin-top: 26px;

    font-size: 14px;

    color: #333333;

    transition: all 0.5s ease;

}

.indtwos-text span{

    width: 100%;

    height: 2px;

    position: absolute;

    bottom: 0%;

    left: 0;

    transition: all 0.2s ease;

}

.indtwos:hover img{

    transform: scale(1.1);

}

.indtwos:hover .indtwos-text span{

    background-color: #7030a0;

}

.indtwos:hover a {

    color: #7030a0;

}

.ind-one-imgs{

    position: absolute;

    top: 176px;

    left: 0;

}

.indshree-tlt{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.indshree-left{

    width: 45%;

    padding-top: 122px;

}

.indshree-left h4{

    font-size: 58px;

    font-weight: 800;

    margin-bottom: 52px;

}

.indshree-left p{

    font-size: 18px;

    color: #333333;

    line-height: 38px;



}

.indshree-left a{

    margin-top: 45px;

    background-color: transparent;

    color: #666;

    border: 1px solid #666;

    width: 153px;

    height: 63px;

    line-height: 63px;

    text-align: center;

    border-radius: 28px;

    transition: all 0.3s ease;

}

.indshree-left a:hover{

    background-color: #e1cef6;

    color: #fff;

    border: none;

}

.indshree-right{

    width: 45%;

    position: relative;

}

.indshri{

    width: 70%;

    height: calc(100% + 34px);

    background-color: #f2f2f2;

    position: absolute;

    top: 0%;

    right: 0%;

}

.indshri i{

    width: 90%;

    line-height: 72px;

    text-align: right;

    font-size: 18px;

    color: #666;

}

.indshri p{

    width: 95%;

    text-align: right;

    font-size: 14px;

    color: #666;

}

.indshree-img1{

    position: absolute;

    left: 12%;

    bottom: 34px;

    transition: all 0.5s ease;
    
    width: 30%;

}

.indshree-img1:hover {

    bottom: 74px;

}

.ind-fout{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    border-bottom: 1px solid #f7f7f7;

}

.indfout {

    text-align: center;

    position: relative;

}

.indfout h4{

    font-size: 20px;

    margin: 26px auto 14px;

}

.indfout a{

    color: #666;

    font-size: 16px;

    margin-bottom: 10px;

}

.indfout span{

    position: absolute;

    bottom: 0%;

    left: 0%;

    width: 100%;

    height: 2px;

    transition: all 0.2s ease;

}

.indfout:hover span{

   background-color: #7030a0;

}

.indfout:hover a{

    color: #7030a0;

}

.train-tlt{

    width: 30%;

    position: relative;

    margin-bottom: 5%;

    overflow: hidden;

}

.train-tlt img{

    width: 100%;

    transition: all 0.5s ease;

}

.train-text{

    position: absolute;

    bottom: -100%;

    left: 20px;

    right: 20px;

    background-color: #7030a0;

    padding: 16px 14px;

    color: #fff;

    transition: all 0.5s ease;

}

.train-text h5{

    font-size: 18px;

    margin-bottom: 10px;

}

.train-text p{

    font-size: 14px;

    margin-bottom: 4px;

}

.train-tlt:hover img{

    transform: scale(1.1);

}

.train-tlt:hover .train-text{

    bottom: 22px;

}

.ind-for{

    padding-bottom: 0px;

}

.ind-six-tlt{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.indsix-text{

    width: 48%;

    display: flex;

    background-color: #fff;

    margin-bottom: 2%;

}

.indsix-text-left {

    padding: 26px 20px;

    width: 78%;

    border-right: 1px solid #efefef;

}

.indsix-text-left h4{

    font-size: 16px;

    margin-bottom: 15px;

}

.indsix-text-left p{

    font-size: 14px;

    color: #666;

}

.indsix-text-right a{

    padding: 18px 20px;

    font-size: 16px;

    color: #666;

}

.indsix-text-right a:nth-child(1){

    border-bottom: 1px solid #efefef;

}

.indsix-text-right a:hover{

    color: #7030a0;

}













/*-------------------- products页面 ----------------*/

.pages{

    margin-top: 81px;

    width: 100%;

}

.pages img{

    width: 100%;

}

.pro-crumb{

    width: 100%;

    background-color: #F2F2F2;

}

.pro-am{

    height: 36px;

    display: flex;

    color: #999;

    line-height: 36px;

    font-size: 13px;

}

.pro-am a{

    color: #999;

    line-height: 36px;

    font-size: 13px;

    font-weight: 400;

    margin: 0 3px;

}

.pro-list{

    display: flex;

}

.prolist-left{

    width: 18.3%;

}

.subnav{

    display: block;

    margin: 25px auto;

    border-left: 1px solid #E6E6E6;

}

.prodle-top{

    display: none;

}

.subnav li {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;



}

.subnav li a{

    display: inline-block;

    padding: 13px 30px;

    color: #333;

    font-size: 14px;

    background: #fff;

    font-weight: 400;

    line-height: 1.6;

}

.subnav li:hover a{

    color: #e1cef6;

}

.subnav li .subnavas{

    color: #e1cef6;

}

.prolist-rigth{

    width: 75%;

    padding-left: 30px;

    box-sizing: border-box;

    margin: 30px 0 0px 0;

}

.list-title{

    margin: 20px 0;

}

.list-title h4{

    font-weight: bold;

    font-size: 36px;

    color: #333333;

}

.proriul{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.proriul li{

    width: 30%;

    margin: 0 20px 20px 0;

}

.proriul li a{

    display: block;

    background: #fff;

    box-sizing: border-box;

    overflow: hidden;

    border-radius: 10px;

}

.proriul li a:hover {

    background-color: #e1cef6;

}

.proriul li a:hover p{

    color: #fff;

}

.proriul li:hover img{

    transform: scale(1.1);

}

.proriimg{

     width: 100%;

    height: 261px;

    overflow: hidden;

    border-radius: 10px;
    
    background-color: #fff;

}

.proriimg img{
    display: block;
    
    margin: 0 auto ;

    border: 0;

    height: 100%;

   transition: all 0.5s ease;

}

.proriimg-title p:nth-child(1) {

    line-height: 30px;

    font-size: 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.proriimg-title p{

    text-align: left;

    font-size: 14px;

    color: #333;

    margin: 10px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.pagelist ul {

    text-align: center;

    margin: 20px 0;

}

.pagelist li {

    display: inline-block;

    margin: 0 8px;

}

.pagelist li a {

    color: #666;

    display: inline-block;

    border: 1px solid #ddd;

    padding: 0 10px;

    width: auto;

    height: 26px;

    text-align: center;

    line-height: 24px;

    border-radius: 12px;

    font-weight: 400;

}

.pagelist li span {

    color: #666;

    display: inline-block;

    border: 1px solid #ddd;

    padding: 0 10px;

    width: auto;

    height: 26px;

    text-align: center;

    line-height: 24px;

    border-radius: 12px;

    font-weight: 400;

}

.pagelist li.active span {

    border-color: #e1cef6;

    background: #e1cef6;

    color: #fff;

}



/* 关于米升 */

.about{

    width: 100%;

    margin: 10px auto 58px;

}

.about h2{

    margin: 58px 0;

    font-size: 36px;

    color: #333;

    font-weight: 800;

}

.about-page{

    display: flex;

}

.about-left{

    width: 50%;

    margin: 20px -40px 20px 20px;

    display: inline-block;

    vertical-align: top;

    position: relative;

    z-index: 2;

}

.al-text{

    width: 100%;



}

.al-text p{

    margin-bottom: 16px;

}

.about-right{

    width: 50%;

}

.aboutrights{

    width: 100%;

    min-height: 400px;

    background: url('../img/about-img.jpg') no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;

}

.aboutrights::after{

    content: '';

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(90deg, #fff, transparent);

}

.about-subnav{

    width: 100%;

    padding-bottom: 30px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.aboutsu1{

    /* margin-right: 40px; */

    width: 580px;

    height: 48px;

    background: #FFFFFF;

    border: 1px solid #e1cef7;

    border-radius: 24px;

    text-align: center;

    line-height: 48px;

    margin-bottom: 30px;

}

.aboutsu1 a{

    font-size: 18px;

    font-weight: 800;

    color: #e1cef7;

}

.aboutsu1:hover{

    background-color: #e1cef7;

    border: none;

}

.aboutsu1:hover a{

    color: #fff;

}

.about-ramek {

    width: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    top: 0;

    left: 0;

    display: flex;

    z-index: 10;

    height: 100vh;

}

.about-ramek .video {

    position: relative;

    margin-top: 80px;

    z-index: 15;

    width: 70%;

    margin: auto;

    display: inline-block;

}

video {

    width: 100%;

    height: auto;

}

.about1-img{

    width: 100%;

}

.about1-img img{

    width: 100%;

}

.about1-img p{

    width: 100%;

    margin: 16px 0;

    color: #333;

    font-size: 16px;

    line-height: 26px;

}

.about2-text {

    margin-top: 30px;

}

.about2-text h4{

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 30px;

    letter-spacing: 1px;

}

.about2-text h5{

    font-size: 16px;

    margin: 16px 0px;

}

.about2-text p{

    font-size: 14px;

    margin: 16px 0px;

    line-height: 1.6;

}

.about3-img{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.abou3{

    width: 30%;

}

.abou3 img{

    width: 100%;

}

.abou3 p{

    text-align: center;

    line-height: 26px;

    font-size: 16px;



}

.about4{

    margin-bottom: 5%;

}

.about4-text{

    width: 100%;

    display: flex;

    margin-bottom: 2%;

}

.about4-text div {

    width: 30%;

    overflow: hidden;

}

.about4-text div img{

    width: 100%;

    height: 200px;

    border-radius: 10px;

    transition: all 0.5s ease;

}

.about4-text a{

    margin-left: 2%;

    width: 68%;

    font-size: 20px;

    color: #333;

    font-weight: bold;

    overflow: hidden;

    height: 200px;

    line-height: 30px;

    transition: all 0.5s ease;

}

.about4-text:hover a{

    color: #e1cef7;

}

.about4-text:hover img{

    transform: scale(1.1);

}

.pagelist p{

    text-align: center;

    margin: 20px 0;

}

.pagelist p strong{

    font-weight: 700;

}

.abo4-xq {

    margin-top: 26px;

    width: 100%;

}

.abo4-xq img{

    display: block;

    margin: 0 auto;

}

.abo4-tlt h2{

    margin-top: 50px;

    font-size: 18px;

    text-align: center;

    color: #e1cef7;

}

.abo4-tlt p{

    text-align: center;



    margin: 16px 0px;

    font-size: 16px;

}

.abo4-tlt .abo-p{

    margin: 80px 0;

}

.abo4-img{

    width: 100%;

}

.abo4-img img{

    width: 100%;

}









/* 联系我们页面 */

.con-name {

    width: 100%;

    height: 207px;

}

.con-name h4{

    line-height: 207px;

    text-align: center;

    font-size: 36px;

    color: #333333;

    font-weight: normal;

}

.con-text1 {

    width: 100%;

    height: 467px;

    display: flex;

}

.con-left {

    width: 50%;

    height: 100%;

}

#map{

    width: 100%;

    height: 100%;

}

.con-rigth{

    width: 50%;

    padding: 80px 6%;

}

.con-rigth h5{

    font-size: 20px;

    color: #000000;

    font-weight: bold;

    margin-bottom: 30px;

}

.con-rigth p {

    width: 85%;

    margin-bottom: 2%;

    font-size: 14px;

    line-height: 24px;

}

.con-rigth div{

    display: flex;

}

.con-rigth div i{

    color: #e1cef6;

    width: 15%;

    font-size: 24px;

    text-align: center;

}

.con-text2{

    width: 100%;

    display: flex;

    justify-content: space-between;

}

.cont-left{

    width: 31%;

    background-color: #f5f5f5;

    padding: 2%;

    color: #333333;

    font-size: 16px;

}

.cont-left h4{

    margin-bottom: 15px;

}

.cont-left span{

    display: block;

    width: 55px;

    height: 2px;

    background-color: #e1cef6;

    margin-bottom: 15px;

}

.cont-left .cont-p{

    margin-bottom: 20px;

}

.cont-left p{

    line-height: 20px;

    margin-bottom: 10px;

}

.cont-rigth{

    width: 67%;



}

.gformList{

    width: 100%;

    margin-bottom: 4px;

}

#message{

    background: #f5f5f5;

    width: 100%;

    font-size: 14px;

    color: #333;

    padding: 8px;

    border: 1px solid #eee;

}

#wordsname{

    background: #f5f5f5;

    width: 100%;

    font-size: 14px;

    color: #333;

    padding: 8px;

    border: 1px solid #eee;

}

.gformList input{

    width: 100%;

    background: #f5f5f5;

    font-size: 14px;

    color: #333;

    padding: 8px;

    border: 1px solid #eee;

}

.GBbt{

     margin-top: 1%;

     transition: all 0.3s ease;

}

#GBbt{

    background: #e1cef6;

    color: #ffffff;

    font-size: 16px;

    cursor: pointer;

    width: 100%;



}

.GBbt:hover #GBbt{

    background-color: #7030a0;

}





/* 产品详情 */

.details {

    margin-top: 81px;

}

.deta-text{

    display: flex;

    justify-content: space-between;

    cursor:pointer;

    padding: 13px 0px 13px 30px;

}

.deta-text i{

    margin-right: 10px;

    font-size: 20px;

    transition: all .3s ease;

}

.deta-li {

    display: none;

}

li .deta-li a{

    display: block;

    padding: 13px 0px 13px 60px;

}

li .deta-li a:hover{

    border-left: 8px solid #7030a0;

    background-color: #e1cef6;

    color: #fff;

    padding: 13px 0px 13px 52px;

}

.deta-li .delis{

    border-left: 8px solid #7030a0;

    background-color: #e1cef6;

    color: #fff !important;

    padding: 13px 0px 13px 52px;

}

.deta-text .detais{

    transform-origin: 50% 50%;

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

}

.prorigh{

    width: 80%;

    margin: 0 auto;

}

.pro-top{

    width: 100%;

    /*height: 400px;*/

}

.pro-top img{

    width: 100%;

    display: block;

    /*height: 100%;*/

    margin: 0 auto;

}

.deteils-text{

    width: 100%;

}

.deteils-text h1{

    font-size: 26px;

    font-weight: 400;

    margin: 0 0 20px 0;

    padding: 0;

    color: #333;

}

.intro{

    width: 100%;

}

.intro p{

    margin: 0 0 7px 0;

}

.intro p span{

    font-size: 15px;

    font-weight: 400;

    line-height: 26px;

}



/* 搜索结果页面 */

.sea-top{

    font-size: 30px;

    font-weight: 400;

    margin: 0 0 20px 0;

    padding: 0;

}

.sea-top strong {

    font-weight: 700;

}

.search-ul{

    margin-top: 20px;

    display: flex;

    flex-wrap: wrap;

}

.search-ul li{

    width: 23%;

    margin-bottom: 2%;

    margin-right: 2%;

}

.search-ul li div{

    margin: 10px 0;

}

.search-ul li div a{

    display: block;

    font-size: 20px;

    color: #333;

    font-weight: bold;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.pagelist{

    width: 100%;

}

.pagelist ul {

    text-align: center;

    margin: 20px 0;

}



/* 视频详情 */

.vdet{

    text-align: center;

    font-size: 30px;

    font-weight: 400;

    margin: 15px 0;

    padding: 0;

}

.intro{

    width: 100%;

}

.videos{

    width: 100%;

    margin: 16px 0;

    margin-top: 26px;

}

.videos video{

    width: 100%;

}

 .prenext {

    margin-top: 30px;

    text-align: center;

    overflow: hidden;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.prenext a {

    display: inline-block;

    margin: 0 10px;

    cursor: pointer;

    background: #fff;

    border-radius: 4px;

    border: 1px solid #ddd;

    padding: 6px 20px;

    min-width: 100px;

    color: #333333;

}

.vdet-hr{

    width: 100%;

    margin: 24px 0 16px;

    border-top: 1px solid #eee;

}

.subject {

    border-bottom: 1px solid #eaeaea;

}

.subject b{

    border-bottom: 1px solid #6AD7CD;

    height: 40px;

    line-height: 40px;

    display: inline-block;

    margin-bottom: -1px;

    font-weight: normal;

    color: #3b3b3b;

    font-size: 18px;

}

.subjul{

    width: 100%;

    display: flex;

}

.subjul li{

    overflow: hidden;

    padding: 12px 0 12px 0;

    float: left;

    width: 24%;

    margin-right: 1%;

    min-height: 90px;

}

.date {

    width: 100%;

    border-radius: 10px;

    overflow: hidden;

    height: 200px;

}

.date img {

    width: 100%;

    border-radius: 10px;

    overflow: hidden;

    height: 200px;

}

.txt{

    color: #999;

    font-size: 12px;

    line-height: 22px;

}

.txt a {

    display: block;

    line-height: 30px;

    font-size: 16px;

    color: #333;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



/* 下载中心 */

.down-ul{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    /* justify-content: space-between; */

}

.down-ul li {

    width: 30%;

    margin-bottom: 3%;

    margin-right: 5%;

}

.down-ul li:nth-child(3n){

    margin-right: 0%;

}

.down-tlt{

    width: 100%;

    border: 1px solid #e9e9e9;

    border-radius: 10px;

    position: relative;

    overflow: hidden;

}

.down-tlt img{

    width: 100%;

    transition: all 0.3s ease;

}

.down-tlt:hover img{

    transform: scale(1.1);

}

.down-tlt a{

    position: absolute;

    bottom: -100%;

    left: 50%;

    transform: translateX(-50%);

    z-index: 5;

    width: 80px;

    height: 32px;

    line-height: 28px;

    text-align: center;

    background: #69D6CC;

    border: 2px solid #FFFFFF;

    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 15%);

    border-radius: 16px;

    margin: auto;

    color: #fff;

    transition: all 0.2s ease;

}

.down-tlt:hover a{

    bottom: 20px;

}

.down-ul li p{

    display: block;

    font-size: 20px;

    color: #666666;

    line-height: 35px;

    margin-bottom: 5px;

    font-weight: 500;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    text-align: center;

}







/* 底部 */

footer{

    margin-top: 80px;

    width: 100%;

    background-color: #333333;

}

.foot-con{

    padding-top: 30px;

    display: flex;

    justify-content: space-between;

}

.footer-left{

    padding: 20px 0;

    width: 100%;

    display: flex;

    justify-content: space-between;

}

.fleft{

   margin-right: 20px;

}

.fleft:last-child{

    margin-right: 0px;

}

.fleft h6{

    color: #fff;

    font-size: 16px;

    margin: 0 0 10px 0;

    padding: 0;

    font-weight: 600;

    line-height: 1.6;

}

.fleft p{

    margin: 10px 0;

    text-align: left;

    color: #ccc;

    font-size: 14px;

    line-height: 24px;

    font-weight: normal;

}

.footer-left a{

    margin: 10px 0;

    text-align: left;

    color: #ccc;

    font-size: 14px;

    line-height: 24px;

    font-weight: normal;

}

.fleft img{

    width: 100%;

}

/* .footer-right{

    padding: 20px 0;

    width: 45%;

    display: flex;

} */

/* .fright1{

    width: 70%;



}

.fright1 h6{

    color: #fff;

    font-size: 16px;

    margin: 0 0 10px 0;

    padding: 0;

    font-weight: 600;

    line-height: 1.6;

}

.fright1 p{

    margin: 10px 0;

    text-align: left;

    color: #ccc;

    font-size: 14px;

    line-height: 24px;

    font-weight: normal;

}

.fright {

    width: 30%;

}

.fright img{

    width: 100%;

}

.copyright{

    width: 100%;

    text-align: center;

    padding: 15px 0;

    color: #999;

    font-size: 14px;

    border-top: 1px solid #666666;

    background-color: #333333;

} */