.logo {
    position: relative;
    height: 100%;
}

.logobox {
    display: flex;
    height: 100%;
    align-items: center;
}

.logo2 {
    opacity: 0;
    position: relative;
    display: none;
    transition: .5s;
}

header.head .logo2 {
    display: flex;
    opacity: 1;
    transition: .5s;
}

.logo1 {
    display: flex;
    opacity: 1;
}

header.head .logo1 {
    display: none;
    opacity: 0;
    transition: .5s;
}
header.head .logoimg img{
    height: 6rem;
}
.topbig {
    width: 160rem;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

header {
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 99;
    height: 15rem;
    transition: .5s;

}

header.head {
    height: 9rem;
    transition: .5s;
    background: white;
    box-shadow: 5px 5px 5px rgba(17, 15, 14, 0.1);
}

.logo1 img {
    height: 6rem;
    object-fit: cover;
}

.menu ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.menu ul li {
    margin-left: 7rem;
    position: relative;
    height: 100%;
}
.menu ul li.active>a:after,header.head .menu ul li.active>a:after { 
    content:'';
    display: block;
    width:100%;
    height: 3px;
    background:#8FE802;
    position: absolute;
    transform: translate(0px, 2rem);
}
.menu ul li:first-child {
    margin-left: 3rem;
}

.menu ul li a {
    font-size: 2rem;
    color: #ffffff;
    transition: .5s;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.menu ul li a img {
    margin-left: 1rem;
    width: 1rem;
    height: .6rem;
}

header.head .menu ul li a {
    color: #333333;
    transition: .5s;
}
header.head .menu ul li dl dt a {
    color: #000;
    font-size: 2rem;
}

.tool ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.tool ul li:first-child {
    margin-right: 2.2rem;
}
.tool ul li:nth-child(2){
    margin-right: 2.2rem;
}
.tool ul li  img {
    width: 4.4rem;
    height: 4.4rem;
    transition: .5s;
}

.tool ul li img:last-child {
    display: none;
    opacity: 0;
}

header.head .tool ul li img:first-child {
    display: none;
    opacity: 0;
}

header.head .tool ul li img:last-child {
    display: block;
    opacity: 1;
}

.search-alert {
    position: fixed;
    z-index: 1000;
    background-color: #222222;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
}

.search-alert .close {
    display: block;
    width: 3rem;
    height: 3rem;
    background: url(../images/img5-4.png) no-repeat center;
    position: absolute;
    top: 3.8rem;
    right: 2.6%;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
}

.search-alert .cent-form {
    position: absolute;
    width: 94.8%;
    left: 2.6%;
    top: 50%;
    height: 12.4rem;
    margin-top: -6.3rem;
    border-bottom: 1px solid #515151;
}

.search-alert .cent-form .tex {
    border: none;
    font-size: 6.6rem;
    height: 12.4rem;
    line-height: 187.878788%;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    color: #555;
    background: none;
    padding-left: 8.8rem;
    padding-right: 8rem;
    background: url(../images/img5.png) no-repeat 35px 60px;
}

.search-alert .cent-form .sub-butn {
    border: none;
    height: 10rem;
    margin-top: 2.4rem;
    font-size: 2.4rem;
    line-height: 416.666667%;
    color: #555;
    text-align: right;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 10rem;
    text-align: center;
}

.search-alert .close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.search-alert .cent-form .tex {
    border: none;
    font-size: 2rem;
}

.search {
    cursor: pointer;
}
.banner {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.bannerwen {
    position: absolute;
    top: 50%;
    z-index: 99;
    width: 160rem;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bannermore a {
    display: flex;
    margin-top: 10.6rem;
    width: 18.8rem;
    height: 5.1rem;
    justify-content: center;
    align-items: center;
    color: white;
    border: 1px solid white;
    border-radius: 25px;
    transition: .5s;
    background-color: transparent;
}

.bannermore a:hover {
    background: #8FE802;
    border: 1px solid #8FE802;
    transition: .5s;
    color: white;
}

.banner .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 5%;
}

.banner .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0;
    opacity: 0.6;
    background: white;
    border-radius: 10px;
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 4.8rem;
    height: 1.2rem;
    background: #8FE802;
    opacity: 1;
}
.bannertitle {
    font-size: 6rem;
    line-height: 7rem;
    color: white;
    font-weight: bold;
    position: relative;
}
.bannerwen a {
    font-size: 2rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    opacity: 0;
    transition-delay: .8s;
    position: relative;
    overflow: hidden;
}
.bannerwen .bannertitle {
    opacity: 0;
    transition-delay: .8s;
}
.banner .swiper-slide-active .bannerwen a,
.banner .swiper-slide-active .bannerwen .bannertitle {
    opacity: 1;
}
.banner .swiper-slide-active .bannerwen .bannertitle {
    animation: slideInDown 1s .8s;
    -webkit-animation: slideInDown 1s .8s;
}
.banner .swiper-slide-active .bannerwen a {
    animation: slideInUp 1.2s .8s;
    -webkit-animation: slideInUp 1.2s .8s;
}
.banner .swiper-slide img {
    width: 100%;
    height: auto;
    min-height: 100%;
    transition: 1s linear 2s;
    transform: scale(1.1, 1.1);
    object-fit: cover;
}
.banner .swiper-slide-active img,
.swiper-slide-duplicate-active img {
    transition: 5s linear;
    transform: scale(1, 1);
}
.container {
    width: 160rem;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
    bottom: 5rem;
}
.homeprotitle{
    font-family: 'DIN-Bold', Helvetica, Arial, sans-serif;
    font-size: 6rem;
    color: #000;
    text-align: center;
    margin-top: 0px;
    padding-bottom: 2.2rem;
    background-repeat: no-repeat;
    margin-bottom: 1.8rem;
}
.homepro {
    height: auto;
    overflow: hidden;
    padding-top: 4rem;
    background:#f5f5f5;
    padding-bottom:4rem;
}
.cptu {
    height: auto;
    overflow: hidden;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 1.5rem rgba(0, 0, 0, .1);
    padding: 2rem;
}
.cptu h3 {
    font-size: 1.8rem;
    color: #000000;
    height: 4.6rem;
    overflow: hidden;
    margin-top: 0.7rem;
    margin-bottom: 2rem;
}
#products{
    overflow: hidden;
    padding-bottom: 6.4rem;
}
.cptu-jt {
    margin-top: 3rem;
    line-height: 3rem;
    text-align: right;
}
.cptu-jt img{
    width: 3rem;
}
.homeproimg{
    position:absolute;
    top: 0;
    z-index: 1;
    background:#000;
    height: 40rem;
    overflow: hidden;
    width:100%;
}
.homeproimg img{
    width: 100%;
    opacity: 0.8;
}
.homepro{
    position:relative;

}
.homepro .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    border-radius: 100%;
    background-color: #FFFFFF;
    opacity: 1;
}
.homepro .swiper-pagination-bullet-active {
    background: #8FE802;
    opacity: 1;
}
.homepro .container{
    position:relative;
    z-index: 2;
}
.homeabout {
    padding-bottom: 15rem;
    padding-top: 15rem;
    background:url(../images/gybj.jpg) no-repeat;
}
.homeabout .row img {
    position: absolute;
    width:70rem;
}
.abbjbig {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.abbjbig .col-md-6:first-child{
    width:48%;
}
.abbjbig section {
    margin-bottom: 2.5rem;
}
.abbjbig h2 {
    font-size: 6rem;
    color: #8FE802;
    font-family: "DIN-Bold";
    padding-top: 7rem;
}
.abbjbig p {
    color: rgba(0, 0, 0, 0.6);
    line-height: 2em;
    padding: 3rem 0;
    font-size: 2rem;
    text-align: justify;
}
.abbjbig a {
    text-decoration: none;
    color:#333;
}
.abbjbig h4 {
    font-family: "DIN-Bold";
    font-size: 2.7rem;
    font-weight: bold;
    margin-top:3rem;
}
.symore {
    border-top: 1px solid black;
    padding-top: 2rem;
    font-size: 2rem;
    background: url(../images/jt.png) no-repeat right 82%;
    background-size: 4rem;
}
.homeabout video{
    height: 100%;
    width: 100%;
}
.cptu img {
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.cptu  section img{
    width: 100%;
}
.cptu:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 500ms ease-in 0ms;
}
.homenews h2 {
    font-family: 'DINCond-Bold', Helvetica, Arial, sans-serif;
    font-size: 6rem;
    color: #333333;
    margin-top: 0px;
    margin-bottom: 10rem;
    font-weight: bold;
}
.homenews {
    height: auto;
    overflow: hidden;
    padding-top: 9rem;
    padding-bottom: 9.7rem;
    background: #f9f9f9;
}
.xwbjtopleft a {
    width: 16.4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4d4d4d;
    border: 0.5px solid #4d4d4d;
    transition: .5s;
    font-size: 2rem;
}
.xwbjtopleft a:hover {
    background: #4d4d4d;
    color: #fff;
    transition: .5s;
}
.homenewstop{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 3.7rem;
}
.xwbjtopright {
    width: 65%;
}
.xwbjtopright img {
    width: 100%;
}
.homenewsbottom ul {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
}
.homenewsbottom ul li {
    width: 32.332762%;
    box-shadow: 7px 7px 15px rgba(0, 0, 0, .12);
    border-radius: 10px;
    overflow: hidden;
    transition: .5s;
}
.homenewsbottom ul li:hover {
    transform: translate(0, -10px);
    transition: .5s;
}
.xwtu {
    height: 100%;
    overflow: hidden;
    background: #fff;
}
.xwtu-zi {
    height: auto;
    overflow: hidden;
    padding: 3.6rem 3.1rem 2rem 3rem;
    font-size: 1.4rem;
    line-height: 2.3rem;
    color: #8c939d;
}
.xwtu-zi h3 {
    font-family: Arial;
    font-size: 1.2rem;
    margin-bottom: 2rem;
    margin-top: 0;
    color: #333333;
    display: flex;
    width: 8.4rem;
    height: 2.2rem;
    align-items: center;
    justify-content: center;
    background: #F4F4F4;
    border-right: 4px solid #C4F79B;
    line-height: 1;
}
.xwtu-zi h4 {
    font-size: 2rem;
    margin-top: 0;
    line-height: 2.8rem;
    margin-bottom: 2rem;
    font-weight: bold;
    color: #1b1d21;
    height: 5.6rem;
    /* 新增的样式 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 限制最多两行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* 隐藏超出部分的文本 */
}
.xwmore {
    margin-top: 3.7rem;
    height: auto;
    overflow: hidden;
}
.xwtu-zi section{
    height: 4.6rem;
    overflow: hidden;
    /* 新增的样式 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 限制最多两行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* 隐藏超出部分的文本 */
    font-size: 1.6rem;
}
footer {
    background: #0e1520;
    padding: 10rem 0 6rem;
}
.dibubanquan {
    padding: 3rem 0;
    background: #0b1119;
}
.footerlist h2 {
    font-size: 2rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 4rem;
}
.footerlist ul li {
    margin-bottom: 1.5rem;
}
.footerlist ul li a {
    font-size: 1.6rem;
    color: #fff;
}
.footerbig {
    display: flex;
    justify-content: space-between;
}
.footerleft{
    width: 55%;
    display: flex;
    justify-content: space-between;
}
.footerright{
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.footerright span {
    font-size: 2rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 1.5rem;
    text-align: right;
    display: block;
}
.footerright h2 {
    color: #fff;
    font-size: 4rem;
    text-align: right;
}
.footerright section {
    color: #fff;
    text-align: right;
    line-height: 214%;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
}
#backToTop{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #fff;
    font-size: 1.6rem;
    cursor: pointer;
    width: 12rem;
    float: right;
}
#backToTop img {
    width: 1.4rem;
    height: 0.9rem;
    margin-left: 1rem;
}
.banquanleft,.banquanright,.banquanright a{
    color: #fff;
}
.banquanright a:hover{
    color:#8FE802;
}
.banquanbig {
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
}
.footerright ul{
    display: flex;
    justify-content: flex-end;
    margin-bottom:3.5rem;
}
.footerright ul li{
    margin-left: 1.6rem;
    width: 3rem;
    height: 3rem;
}
.footerright ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: rgba(255, 255, 255, .5);
}
.footerright ul li a img {
    width: 70%;
    margin: 0;
    height: 60%;
    opacity: 0.8;
}
.syan ul {
    display: flex;
    justify-content: space-between;
}
.syan ul li {
    width: 50%;
    background: #f2f2f2;
}
.syan ul li a {
    display: flex;
    justify-content: space-between;
    padding: 5.2rem 13.6rem 6.6rem 8.9rem;
}
.syanjt {
    display: flex;
    align-items: center;
}
.syan ul li a h2 {
    color: #000;
    font-size: 2.8rem;
    margin-bottom: 1.1rem;
}
.syan ul li a h3 {
    color: #000;
    font-size: 1.8rem;
}
.syan ul li:last-child {
    background: #8FE802;
}
.syan ul li:last-child a h2,.syan ul li:last-child a h3 {
    color: white;
}
.nybanner img{
    width:100%;
    opacity: 0.7;
}
.nybanner{
    background:#000;
    position:relative;
}
.lanmux {
    height: 7.4rem;
    box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);
    background: #fff;
    position: relative;
}
.lm-ct ul {
    display: flex;
    display: -webkit-flex;
}
.lm-ct ul li {
    list-style-type: none;
    margin-right: 5rem;
}
.lm-ct ul li a {
    display: block;
    line-height: 7.4rem;
    font-size: 1.6rem;
    color: #555555;
    cursor: pointer;
}
.lm-ct ul li.hover a,.lm-ct ul li:hover a {
    color: #8FE802;
}
.lm-ct>span {
    display: block;
    height: 4px;
    background: #8FE802;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 6;
    transition: .5s;
}
.footerlist ul li a:hover{
    color:#8FE802;
}
.map {
    padding-top: 4rem;
}
.servicesbt {
    font-size: 3.2rem;
    font-weight: 600;
    margin-bottom: 1.7rem;
}
.lxfsbig {
    display: flex;
    margin-top: 4.5rem;
    flex-wrap: wrap;
}
.lxfsbig ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.lxfsbig ul li{
    background: #f7f8fc;
    padding: 10rem 0 10rem 0;
    width: 100%;
    font-size: 2rem;
    color: #8c939d;
    line-height: 200%;
    list-style: none;
    display: flex;
    align-items: flex-start;
    margin-bottom: 4.8rem;
    position:relative;
}
.lxfsbig li a {
    color: #8c939d;
}
.lxfsbig li a:hover {
    color: #8FE802;
}
.lxfswen h2 {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 3.7rem;
    color: #000;
}
.lxfswen{
    width: 50%;
    text-align: center;
}
.lxfstu{
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}
.lxfstu img{
    height: 35.1rem;
    object-fit: cover;
}
.liuyan {
    background: #f7f8fc;
    padding: 4.6rem 0 5.3rem;
}
.liuyanbt {
    font-size: 3.2rem;
    margin-bottom: 7.6rem;
    font-weight: 600;
}
.formtoptitle {
    display: flex;
    margin-bottom:1rem;
}
.formtoptitle h4{
    font-size: 1.8rem;

}
.formtoptitle span{
    font-size:1.4rem;
}
.kk1 {
    height: 6rem;
    border: 1px solid #d2d2d2;
    width: 100%;
    margin: 0;
    border-radius: 0;
    margin-bottom: 2rem;
    border-radius: 8px;
}
.anniu1 {
    width: 20.8rem;
    height: 5.4rem;
    font-size: 1.8rem;
    background-color: #8FE802;
    border: 1px solid #8FE802;
    padding: 0px;
    margin-top: 2rem;
    transition: .5s;
}
.anniu1:hover{
    background:#006600;
    border:none;
}
.jingxiaoshang{
    padding-top: 4rem;
}
.jingxiaoshang .lxfswen{
    width:100%;
}
.lxfsbig ul:after,.lxfsbig ul::before{
    display: none;
}
.lxfsbig ul.nav li{
    padding:0;
}
.lxfsbig ul.nav li a{
    padding:3.7rem 0 3.7rem 5rem;
    width: 100%;

}

.lxfsbig ul.nav li.active a {
    padding: 3.7rem 0 3.7rem 5rem;
    width: 100%;
    background:#eee;
    color:#8c939d;
}
.lxfsbig ul.nav li a:hover{
    color:#8c939d;
}
.tab-content{
    width: 100%;
    margin-bottom:2rem;
}
.abww {
    padding-top: 5.6rem;
    padding-bottom: 8rem;
    height: auto;
    overflow: hidden;
    line-height: 235%;
    background-repeat: no-repeat;
}
.abww h2 ,.fzlc h2{
    font-size: 3.2rem;
    color: #8FE802;
    margin-top: 0;
    margin-bottom: 3.3rem;
    width: 100%;
    font-weight: bold;
}
.abwwleft{
    width: 45%;
    max-height: 42rem;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    font-size: 2rem;
    line-height: 2.05;
    text-align: justify;
    
}
.abwwright {
    width: 50%;
}
.abwwright video{
    width: 100%;
}
.abwwbig{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position:relative;
}
#showMore{
    position:absolute;
    left:0;
    bottom:0;
    color:#8FE802;
}
.fzlc {
    padding: 8rem 0 6rem;
    background: url(../images/fzlc.jpg) no-repeat center;
    background-size: cover;
}
.slider-nav {
    width: 81%;
    margin-left: -5.5rem;
    margin-top: 4.8rem;
    overflow: hidden;
}

.slider-nav p {
    font-size: 2.4rem;
    font-weight: 800;
    color: #292929;
    margin-bottom: 2.6rem;
    cursor: pointer;
    text-align: center;
}

.slick-current p {
    color: #8FE802;
}

.slider-nav .slick-current .line::after {
    position: absolute;
    content: '';
    border-top: 1rem solid #8FE802;
    border-left: 0.8rem solid transparent;
    border-right: 0.8rem solid transparent;
    left: 50%;
    transform: translateX(-50%);
}
.map img{
    width: 100%;
}
.line {
    display: flex;
    align-items: center;
}

.slick-center div {
    display: flex;
    flex-direction: column;
    position: relative;
}

.falcnr {
    position: relative
}

.falcnr:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 8rem;
    left: 0rem;
    width: 100%;
    height: 1px;
    background: rgba(20, 20, 20, 0.9);
}

.slider-for>div {
    padding: 4.4rem 0 8.6rem 3.6rem;
    background:#fff;
}

.slider-for h3 {
    font-size: 3rem;
    font-weight: 900;
    color: #8FE802;
    font-size: 2.4rem;
    font-weight: 900;
    margin-bottom: 2rem;
}

.slider-for p {
    font-size: 2rem;
    font-weight: normal;
    color: #333333;
    font-family: "Microsoft YaHei";
    line-height: 2;
    margin-bottom:1rem;
    position: relative;
}

.slider-nav {
    overflow: hidden;
}

.slider-for {
    margin-top: 3.6rem;
}

.slider-nav .slick-prev {
    display: none !important;
}

.slider-nav .slick-next {
    display: none !important;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 3.6rem;
    line-height: 1;
    opacity: .75;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slider-for .slick-next {
    right: 5%;
    top: -17%;
    width: 3.6rem;
    height: 3.6rem;
}

.slider-for .slick-prev {
    left: auto;
    right: 8%;
    top: -17%;
    width: 3.6rem;
    height: 3.6rem;
}
.fazhanbig{
    display: flex;
    background:#fff;
    padding:4rem 2rem;
}
.fazhantu img{
    height: 40rem;
}
.fazhantu{
    margin-left: 2rem;

}
.aboutliuyan{
    background:transparent;
}
.aboutliuyan .liuyanbt{
    color:#8FE802;
}
.zhuanlixinxi {
    height: auto;
    overflow: hidden;
    padding-top: 5.6rem;
    padding-bottom: 8.2rem;
    background:#f4f4f4;
}
.zhuanlixinxibig {
    font-size: 3.2rem;
    margin-bottom: 7.6rem;
    font-weight: 600;
    color: #8FE802;
    position: relative;
}
.zhuanlixinxiright .swiper-button-prev {
    top: 50%;
    width: 4.8rem;
    height: 4.8rem;
    right: 7rem;
    left: auto;
    background: url(../images/abjtl.png) no-repeat;
    background-size: cover;
}

.zhuanlixinxiright .swiper-button-next {
    width: 4.8rem;
    height: 4.8rem;
    background: url(../images/abjtr.png) no-repeat;
    background-size: cover;
}

.zhuanlixinxiright .swiper-button-prev:after,
.zhuanlixinxiright .swiper-button-next:after {
    content: "";
}
.swiper.bb{
    overflow: hidden;
}
.qa {
    padding: 7rem 0rem;
}
.qamain ul li {
    overflow: hidden;
}
.qa .top {
    overflow: hidden;
    padding-top: 2rem;
}
.qa .label {
    overflow: hidden;
    display: flex;
    margin-bottom: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    cursor: pointer;
}
.qamainlist ul li.cur .label:nth-child(2) {
        height: auto;
        opacity: 1;
        visibility: visible;
    }
.qa .label:last-child{
    opacity: 0;
    height: 0;
    margin:0;
    padding:0;
}
.qa .top .label .icon {
    width: 5.7rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #FFF;
    background: #8FE802;
}
.qa ul li .top .label .qgrow {
    overflow: hidden;
    width: calc(100% - 5.7rem - 2.2rem);
}
.qa .top .label:last-child .icon {
    background: #000000;
    color: #Fff;
}
.qa .top .label:first-child .qgrow p {
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 3.6rem;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.qa .top .label .qgrow span {
    display: block;
    font-size: 2rem;
    line-height: 3rem;
    color: #101010;
    margin-bottom: .8rem;
    text-align: left;
    font-weight: normal;
    white-space: normal;
}
.videolist ul {
    display: flex;
    margin-top: 3rem;
    flex-wrap: wrap;
    justify-content: space-between;
}
.videolist ul:after{
    content:"";
    width: 32.59345794392523%;
}
.videolist ul li {
    overflow: hidden;
    width: 32.59345794392523%;
    margin-bottom: 2rem;
    position: relative;
}
.videolist ul li a>img {
    display: block;
    width: 100%;
    transition: all .6s;
}
.videolist ul li:hover a>img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 500ms ease-in 0ms;
}
.videolist ul li a .info {
    overflow: hidden;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.6rem 3rem 1.6rem 2.6rem;
}
.videolist ul li a .info div {
    overflow: hidden;
    width: 90%;
}
.videolist ul li a .info div p {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: .6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #fff;
    line-height: 1.5;
}
.videolist ul li a .info div span {
    display: block;
    font-size: 1.6rem;
    color: #fff;
}

.videolistbiglast{
    padding-bottom:5rem;
}
.service.liuyan .liuyanbt{
    line-height: 2;
    text-align: center;
}
.service.liuyan{
    background:transparent;
}
.services2title{
    text-align: center;
}
.services2title h2,.services2bottomtitle h2{
    font-size: 3.2rem;
    margin-bottom: 2rem;
    font-weight: 600;
    text-align: center;
}
.services2title h3,.services2bottomtitle h3 {
    font-size: 2rem;
    margin-bottom: 1.6rem;
    line-height: 1.5;
    text-align: center;
}
.services2bottomtitle{
    margin-top:4rem;
}
.services2 ul {
    display: flex;
    margin-top: 3rem;
    flex-wrap: wrap;
    justify-content: space-between;
}
.services2 ul li {
    width: 100%;
    overflow: hidden;
    padding: 4rem 0;
    border-bottom: 1px solid #8FE802;
    display: block;
    font-size: 2rem;
    color: #000000;
    line-height: 2;
}
.services2 ul li h2{
    font-size: 2.8rem;
    font-weight: bold;
    color: #8FE802;
    margin-bottom: 3rem;
}
.services2{
    padding-bottom:5.3rem;
    padding-top:5.3rem;
    background:#fafafa;
}
.bmd{
    padding:8rem 0;
}
.bmdbig {
    display: flex;
    justify-content: space-between;
}
.bmdleft {
    padding: 7.1rem 3rem 5.7rem 4.7rem;
    width: 30%;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
}
.bmdright{
    width: 70%;
}
.bmdleft form{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
#datepicker{
    padding-left: 4rem;
        border-color: #c6c9cd;
    border-radius: 3px;
    box-sizing: border-box;
    background:url(../images/rili.png) no-repeat;
    background-size: 2.6rem;
    background-position:1rem;
    height: 4.4rem;
    border:1px solid rgba(0,0,0,.5);
}

.bmd2{
    padding-top: 9rem;
    padding-bottom: 2.5rem;
    width: 100%;
    overflow: hidden;
    height: auto;
    text-align: center;
    background: url(../images/cpfw.jpg) no-repeat;
    background-size: cover;
}
.fwlb ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
    margin-top:4rem;
}
.fwlb li {
    background: white;
    padding: 2.5rem 3rem 2.5rem 3rem;
    margin-bottom: 2.5rem;
    width: 33%;
}
.fwlb li:hover {
    background-size: cover;
    background-color: #8FE802;
    transition: .5s;
}
.fwlb h4 {
    margin: 0;
    text-align: left;
    font-size: 1.8rem;
    padding-bottom: 2rem;
}
.fwlb li:hover h4 {
    color: white;
    transition: .5s;
}
.fwlb h2 {
    text-align: left;
    font-size: 2.8rem;
    min-height: 5.9rem;
    margin: 0;
    color: #343434;
}
.fwlb li:hover h2 {
    color: white;
    transition: .5s;
}
.fwlb h3 {
    text-align: left;
    font-size: 2rem;
    min-height: 3rem;
    padding-bottom: 0px;
    color: #343434;
    margin: 0;
    line-height: 2;
}
.fwlb li:hover h3 {
    color: white;
    transition: .5s;
}
.cataloglistbig{
    padding: 13rem 0;
}
.cataloglist ul{
    display: flex;
    flex-wrap: wrap;
}
.cataloglist ul li {
    position: relative;
    width: calc((100% - 6rem)/4);
    height: 100%;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 2rem;
    overflow: visible;
    vertical-align: top;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    overflow: hidden;
    padding:2rem;
    transition: .5s;
}
.cataloglist ul li p{
    color: #333;padding: 1.6rem 0.8rem 0;font-size: 2.4rem;text-align: center;font-weight: bold;width:100%;line-height:2;transition: .5s;
}
.cataloglist ul li:hover{
    background:#8FE802;
    transition: .5s;
}
.cataloglist ul li:hover p{
    color:#fff;
    transition: .5s;
}
.cataloglist ul li img {
    width: 100%;
    height: auto;
    transition: .5s;
}
.cataloglist ul li:hover img {
    transform: scale(1.1);
    transition: .5s;
}
.cataloglist ul li:not(:nth-child(4n)) {
    margin-right: 2rem;
}
.prolist {
    overflow: hidden;
    padding-bottom: 6rem;
    background-color: #f5f5f5;
}
.prolistbig {
    display: flex;
    justify-content: space-between;
}
.prolistleft {
    width: 25%;
}
.prosearchbig form {
    display: flex;
}
.prosearchbig .prosearch {
    border: 0;
    height: 5.2rem;
    font-size: 1.8rem;
    padding-left: 1rem;
    width: 80%;
    color: #777777;
    border-radius: 0;
    margin: 0;
    outline: none;
}
form input {
    outline: none;
}
.prosearchbig .btn {
    height: 5.2rem;
    margin: 0;
    background: #FFFFFF;
    border-radius: 0;
    color: #777777;
    font-size: 1.8rem;
    text-align: center;
    width: 20%;
}
.prosearchbig .btn img {
    margin: 0 auto;
    width: 1.2rem;
}
.lielan {
    margin-top: 1rem;
    height: auto;
    overflow: hidden;
    line-height: 4.6rem;
    border: 1px solid #ececec;
    padding-left: 7.5rem;
    color: #000000;
    font-size: 2rem;
    background: url(../images/cplan.png?v=1) left;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-size: 27.8rem;
}
.fenlei {
    background: #fff;
}
.fenlei li {
    list-style: none;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
}
.fenlei li a {
    display: block;
    padding: 2rem 1.5rem 2rem 3rem;
    position: relative;
    color: #333333;
    cursor: pointer;
    font-weight: 600;
    font-size: 1.4rem;
}
.fenlei li.hover>a {
    color: #8FE802;
}
.fenlei img {
    position: absolute;
    top: 50%;
    left: 1.5rem;
    transform: translate(-50%, -1.5rem);
    display: none;
    height: 3rem;
}
.fenlei img:nth-child(1) {
    display: block;
}
.fenlei ul li.hover img:nth-child(1) {
    display: none;
}
.fenlei ul li.hover img:nth-child(2) {
    display: block;
}
.fenlei li dl {
    min-width: 100%;
    left: 100%;
    z-index: 99;
    top: 0%;
    background: #fff;
    margin: 0;
    display: none;
}
.fenlei li.hover dl {
    display: block;
}
.fenlei li dl dd {
    padding: 0px 1.5rem;
    background: #fff;
}
.fenlei li dl dd>a {
    display: block;
    color: #333;
    line-height: 2.6rem;
    font-size: 1.4rem;
    white-space: nowrap;
    padding: 1.2rem 2.5rem;
    background: url(../images/sanji.png) left center no-repeat;
    background-size: 1.5rem;
}
.tj-lan {
    line-height: 4.5rem;
    padding-left: 1rem;
    color: #222222;
    font-size: 2rem;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
}
.tuijian {
    margin-top: 4rem;
    height: auto;
    overflow: hidden;
    border: 1px solid #eeeeee;
    background-color: #FFFFFF;
}
.tj-nei {
    height: auto;
    overflow: hidden;
    padding: 1.5rem;
    padding-top: 0px;
}
.tj-nei li {
    list-style-type: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
}
.tj-nei a {
    color: #000;
    display: flex;
    align-content: center;
    border-bottom: 1px #fff solid;
    overflow: hidden;
    position:relative;
}
.tj-nei .hprolistimg {
    width: 100%;
}
.hprolistimg {
    overflow: hidden;
}
.hprolistimg img {
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    position: relative;
    width: 100%;
    z-index: 20;
}
.cplb ul li:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 500ms ease-in 0ms;
}
.tj-nei ul li a section {
    width: 100%;
    padding-left: 1rem;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 4.8rem;
    font-weight: bold;
    background: linear-gradient(to bottom, #f5f5f5, rgba(245, 245, 245, 0.2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.tj-nei ul li a section span {
    display: block;
    line-height: 100%;
    color: #000;
}
.tj-nei ul li:hover a section span {
    color: #8FE802;
}
.cpyou-lan {
    line-height: 1;
    font-size: 3rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 2rem;
    text-align: left;
    position: absolute;
    top: 40%;
    left: 8%;
}
.cpyou-seo_description {
    color: #fff;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 1.6;
    text-align: left;
    top: 50%;
    left: 8%;
    color: #fff;
    position: absolute;
}
.prolistright {
    width: 100%;
}
.pro-im-ct{
    box-shadow: none;
    background:#f5f5f5;

}
.pro-im-ct .lm-ctbig{
    justify-content: flex-start;
}

.cplb ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cplb ul:after{
    width: 32%;
    content:"";
}
.cplb ul li {
    width: 32%;
    margin-right: 1%;
    margin-bottom: 2rem;
    position:relative;
    overflow: hidden;
}
.cplb ul li:nth-child(3n){
    margin: 0;
}
.hprolisttitle {
    height: 5.5rem;
    display: flex;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
    color: #666666;
    background: #fff;
    font-size: 1.4rem;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-align: left;
    font-size: 6.8rem;
    font-weight: bold;
    background: linear-gradient(to bottom, #f5f5f5, rgba(245, 245, 245, 0.2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
.hprolisttitle p {
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
}
.hprolistimg{
    background:#d8d8d8;;
}
.menu ul li dl {
    position: absolute;
    top: 70%;
    left: 50%;
    background: #fff;
    display: none;
    transform: translate(-50%, 0%);
    width: 20rem;
}
.menu ul li:first-child dl{
    width:43rem;
}
.menu ul li dl dd,
.menu ul li dl dt {
    text-align: center;
    color: #fff;
    line-height: 2;
    cursor: pointer;
    padding: 0 1rem;
    margin: 0.8rem 0;
    position: relative;
}
.menu ul li dl dd a,
.menu ul li dl dt a{
    font-size: 2rem;
    color:#000;
}
.menu ul li dl dd a:hover{
    color:#8FE802;
}
.menu ul li>dl>dt.erji>a:after {
    content: '';
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: 40%;
    left: auto;
}

.menu ul li>dl>dt.erji:hover>a:after {
    content: '';
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 1px solid #242424;
    border-right: 1px solid #242424;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: 35%;
    background: #FFF;
    left: auto;
}
.menu ul li dl dt dl {
    left: 100%;
    top: -0.8rem;
    width: auto;
}
.menu ul li dl dt:hover dl {
    display: block;
    transform: translate(0px, 0px);
}

.menu ul li dl dt:hover,
.menu ul li dl dd:hover {
    background: #fff;
}
.menu ul li dl dt:hover a,
.menu ul li dl dd:hover a{
    color:#8FE802;
}
header.head .menu ul li dl dt:hover a,
header.head .menu ul li dl dd:hover a{
    color:#8FE802;
}
header.head .menu ul li a img{
    filter: invert(1);
}
.yearclick{
    position:relative;
}
.xwny {
    padding: 4.8rem 0 2.5rem;
    background: #f0f0f0;
}

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

.xwddleft {
    width: 70%;
    background-color: #fff;
    padding: 4rem 3.5rem 6rem;
    border-top: #8FE802 solid 6px;
    
}

.xwddright {
    width: 28%;
    background-color: #fff;
    border-top: #8FE802 solid 6px;
    float: right;
}

.xwddbt h2 {
    line-height: 125%;
    font-size: 3.2rem;
    color: #333333;
    font-weight: 700;
}

.xwddbt h3 {
    margin-top: 1.3rem;
    font-size: 1.6rem;
    line-height: 137.5%;
    color: #999999;
}

.xwddleft section {
    margin: 2.5rem 0;
    font-size: 2rem;
    color: #333;
    line-height: 171.428571%;
}

.fanye {
    font-size: 1.6rem;
    line-height: 2;
}

.next a {
    color: #8FE802;
}

.xwddrightbt {
    width: 100%;
    height: 3.4rem;
    background: rgba(18, 18, 18, 0.04);
    color: #333333;
    line-height: 2;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    margin-top: 3.3rem;
    margin-bottom: 1rem;
}

.xwddright ul li {
    padding: 2rem 1.5rem;
    transition: .5s;
}

.xwddright ul li:hover {
    background: #8FE802;
    transition: .5s;
}
.zxxwwen h2 {
    font-size: 1.6rem;
    color: #393b40;
    min-height: 4rem;
    line-height: 150%;
    font-weight: 600;
    text-align: left;
    margin: 1.5rem 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
}

.zxxwsj {
    color: #393b40;
    font-size: 1.4rem;
}

.xwddright ul li:hover h2,
.xwddright ul li:hover .zxxwsj {
    color: #fff;
}
.cpnei {
    height: auto;
    overflow: hidden;
    padding: 2rem;
    padding-top: 3rem;
    background-color: #FFFFFF;
}

.pro-img {
    margin-bottom: 4rem;
}

.pro-img .colmd5 {
    width: 47%;
    float: left;
    position: relative;
}

.pro-img .colmd7 {
    width: 48%;
    float: right;
}

.jqzoom {
    position: relative;
    overflow: hidden;
    height: auto;
    overflow: hidden;
}

.jqzzoom {
    position: relative;
}

.jqzoom {
    position: relative;
    overflow: hidden;
    border: 0px #ddd solid;
    height: auto;
    overflow: hidden;
}

.zoomdiv {
    float: left;
    top: 0 !important;
    left: 101% !important;
    border: 3px solid #e4e4e4;
    display: none;
    text-align: center;
    overflow: hidden;
    position: absolute;
    z-index: 999;
    background-color: #fff;
}

.bigimg {
    width: 1000px;
    height: 715px;
}

.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 80px !important;
    height: 80px !important;
    border: 1px solid #aaa;
    background: #FEDE4F 50% top no-repeat;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
    cursor: move;
}

.zoomdiv img {
    max-width: none;
}


.jqzzoom .navigation {
    width: 100%;
    margin: 10px 0 0;
}

.jqzzoom .carousel {
    overflow: hidden;
}

.jqzzoom .carousel ul {
    width: 2000em;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.jqzoom img {
    width: 100%;
}

.pro-img .xiaotu {
    margin-top: 2rem;
    padding: 0 2.5rem;
}

.jqzzom .swiper-button-prev {
    background: url(../images/zuo.png) no-repeat;
    background-size: cover;
    right: auto;
    bottom: 5%;
    top: auto;
    left: 0;
    width: 2rem;
    height: 2rem;
    border: none;
}

.jqzzom .swiper-button-next {
    background: url(../images/you.png) no-repeat;
    background-size: cover;
    right: 0;
    bottom: 5%;
    top: auto;
    width: 2rem;
    height: 2rem;
    border: none;
}

.jqzzom .swiper-button-next:after,
.jqzzom .swiper-button-prev:after {
    content: "";
}

.prev a {
    color: #238bfa;
}

.next a {
    color: #238bfa;
}

.pro-img .colmd7 .pro-ptt {
    font-size: 2.7rem;
    font-weight: bold;
    padding: 0px 0px 1.5rem;
    border-bottom: 1px #e8e8e8 solid;
    font-weight: bold;
}

.pro-img .colmd7 {
    width: 48%;
    float: right;
}

.pro-img .colmd7>span {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px #e8e8e8 solid;
    display: block;
    color: #515151;
    font-size: 1.8rem;
    line-height: 2.2rem;
    width: 100%;
    word-wrap: break-word;
}

.pro-img .colmd7 h3 {
    font-size: 1.5rem;
    margin-top: 0px;
    margin-bottom: 1.4rem;
    color: #515151;
}

.xqmore {
    margin-top: 3rem;
    width: 20.6rem;
    height: 5.2rem;
}

.xqmore a {
    display: block;
    width: 20.6rem;
    height: 5.2rem;
    line-height: 5.2rem;
    font-size: 2.6rem;
    background-color: #8FE802;
    color: #232323;
    text-align: center;
}

.cpxq-lan {
    height: auto;
    overflow: hidden;
    background-color: #f5f6f6;
    padding-left: 1.5rem;
}

.cpxq-lan li {
    list-style-type: none;
    margin-left: 1.5rem;
    line-height: 5.2rem;
    color: #595959;
    font-size: 1.6rem;
    float: left;
}

.cpxq-nei {
    padding: 2.5rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: #515151;
}

.cpxq {
    height: auto;
    overflow: hidden;
    padding: 2rem;
    background-color: #FFFFFF;
}

.liebiao {
    height: 7.8rem;
    border: 1px solid #ebebeb;
    margin-top: 2.5rem;
}

.liebiao-aa {
    width: 16%;
    height: 7.8rem;
    line-height: 7.8rem;
    text-align: center;
    float: left;
    border-right: 1px solid #ebebeb;
}

.liebiao a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    position: relative;
    width: 100%;
    height: 100%;
}

.liebiao a:hover {
    background: #ffee00;
    color: white;
    transition: .5s;
}

.liebiao a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.liebiao a img:last-child {
    opacity: 0;
    transition: .5s;
}

.liebiao a:hover img:last-child {
    opacity: 1;
    transition: .5s;
}

.liebiao-bb {
    width: 68%;
    height: 7.8rem;
    line-height: 7.8rem;
    float: left;
    text-align: center;
    color: #919191;
    border-right: 1px solid #ebebeb;
}

.liebiao-bb a {
    color: #919191;
    font-size: 1.4rem;
}

.liebiao-cc {
    width: 16%;
    height: 7.8rem;
    line-height: 7.8rem;
    text-align: center;
    float: right;
}

.xiangguan {
    margin-top: 0;
    height: auto;
    overflow: hidden;
}

.xiangguan h2 {
    font-size: 1.7rem;
    margin-top: 0px;
    margin-bottom: 3.2rem;
}

.xiangguan li {
    list-style-type: none;
    float: left;
    padding-right: 4.2rem;
}

.xiangguan .xgtu-zi {
    padding: 1.5rem 0px 0px;
    font-size: 1.8rem;
    color: #000;
}
.cpxq-nei table {
    width: 100%;
    border: 1px solid #eee;
}

.cpxq-nei table td {
    border-right: 0;
    border-left: 0;
    padding: 8px 2rem;
}

.cpxq-nei table {
    border-left: 0;
    border-right: 0;
}

.cpxq-nei table td:last-child {
    border-left: 0;
}

.cpxq-nei table tr:nth-child(odd) {
    background: #f6f6f6;

}

.cpxq-nei ul {
    display: flex;
    justify-content: space-between;
}

.cpxq-nei ul li {
    width: 24%;
    margin-top: 0;
    box-shadow: none;
    border: 1px solid #ccc;
}

.cpxq-nei ul li:hover {
    background: transparent;
}

.cpxq-nei.cpxq-neitu {
    padding: 2rem 0;

}
.cpxqcanshu .mores,
.cpxqpeizhi .mores {
    display: flex;
    justify-content: center;
    padding-top: 3rem;
}
.cpxqcanshu .mores span,
.cpxqpeizhi .mores span {
    width: 14rem;
    line-height: 4rem;
    font-size: 1.4rem;
    color: #333;
    text-align: center;
    font-weight: bold;
    display: block;
    border: #333 solid 1px;
    border-radius: 5px;
    cursor: pointer;
    box-sizing: border-box;
}
.cpxqcanshu table tr:nth-child(n+6),
.cpxqpeizhi table tr:nth-child(n+6) {
    display: none;
}
.modal-dialog {
    width: 660px;
    margin: 100px auto;
}

.tanchu {
    height: auto;
    overflow: hidden;
    color: #666666;
    border: 2px solid #8FE802;
}

.tanchu-lan {
    height: 55px;
    line-height: 55px;
    background-color: #8FE802;
    font-size: 1.8rem;
    color: #FFFFFF;
    padding-left: 1rem;
    margin-top: -55px;
}

.tanchu-nei {
    padding: 2rem;
    height: auto;
    overflow: hidden;
    font-size: 2rem;
}
.tanchu-nei .form-control{
    font-size: 2rem;
    height: 4rem;
}
.tanchu-nei p {
    margin-bottom: 2rem;
}

.modal-header {
    background: #8FE802;
}
.tanchu-nei label{
    display: flex;
    align-items: center;
}
.tanchu-nei label input{
    margin:0;
    margin-right: 1rem;
}
.xuanpei{
    display: flex;
    flex-wrap: wrap;
}
.xuanpei label{
    width: 50%;
}
.newlist {
    margin-top: 4rem;
    margin-bottom: 8.6rem;
}

.newslist-title {
        font-size: 3.2rem;
        font-weight: 600;
        margin-bottom: 1.7rem;
}

.xwkkw-aa {
    width: 29%;
    float: left;
}

.xwkkw-bb {
    width: 71%;
    padding: 3.9rem;
    float: right;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

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

.xwkkw {
    height: auto;
    overflow: hidden;
    background-color: #f8f8f8;
}

.xwkkw-bb h3 {
    font-size: 1.8rem;
    color: #333333;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.xwtt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.xwmore {
    width: 10rem;
    height: 3.2rem;
    line-height: 3.2rem;
    float: left;
    text-align: center;
    font-size: 1.4rem;
    color: #262626;
    border: 1px solid #262626;
}

.xwtm {
    color: #262626;
    font-size: 1.4rem;
}

.xwnn ul li {
    margin-bottom: 20px;
}

.xwkkw:hover .xwmore {
    background-color: #262626;
    color: #FFFFFF;
    transition: all 300ms ease-in 0ms;
}

.xwkkw img {
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;

}

.xwtm img {
    width: 1.6rem;
    height: 1.6rem;
}

.xwkkw:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 500ms ease-in 0ms;
}

.xwkkw-aa {
    overflow: hidden;
}
.lm-ctbig {
    display: flex;
    justify-content: space-between;
}
.bread {
    display: flex;
    justify-content: space-between;
    line-height: 7.4rem;
    font-size: 1.6rem;
    color: #555;
    cursor: pointer;
}
.bread a {
    display: block;
    line-height: 7.4rem;
    font-size: 1.6rem;
    color: #555;
    cursor: pointer;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-transform: capitalize;
    margin: 0 4px;
}
.productsd{
    width:100%;
}
.homeproleft{
    width: 40%;
    background:#fff;
    padding:3rem 6.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: .5s;
}
.homeproleft:hover,.homeproright ul li:hover{
    transition: .5s;
}


.homeproright ul li{
    padding: 3rem 3rem;
    display: flex;
    overflow: hidden;
    align-items: center;
}
.homeprobig{
    display: flex;
    justify-content: space-between;
}
.homeprobig img{
    aspect-ratio: 4 / 3;
    object-fit: cover;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.homeproleft:hover img,.homeproright ul li:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 500ms ease-in 0ms;
}
.homeproright{
    width: 55%;
    background:#fff;
}
.homeproleft h2,.homeproright h2{
    margin-bottom:1rem;
    font-size: 2.8rem;
    line-height: 1.5;
}
.homeproleft p,.homeproright p{
    line-height: 2;
    padding:2rem 0;
    font-size: 2rem;
}
.homeproleft a,.homeproright a{
    width:20rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid #8FE802;
    color:#8FE802;
    background:#FFF;
    border-radius: 5px;
    transition: .5s;
    font-size: 2rem;
}
.homeproleft a:hover,.homeproright a:hover{
    background:#8fe802;
    color:#fff;
    transition: .5s;
}
.homeproright ul li:first-child{
    border-bottom: 30px solid #f5f5f5;
}
.homeproright ul li{
    overflow: hidden;
}
.productsdtitle{
    position:absolute;
    left:50%;
    top:60%;
    transform: translate(-50%, -50%);
}
.productsdtitle h1{
    color:#fff;
    font-size: 8rem;
    line-height: 9rem;
    font-weight: 600;
    letter-spacing: 0px;
    margin-bottom:1.5rem;
}
.productsdtitle p:last-child{
    font-weight: 300;
}
.productsdtitlewen{
    height: 26rem;
}
.productsdtitlewen hr {
    border-top: 1px solid #8FE802 !important;
    margin-bottom:0;
}
.productsdtitletu img {
    width: 50rem;
    display: block;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.productsdtitle h1:last-child{
    font-weight: normal;
}
.productsdtitletu{
    display: flex;   
    justify-content: space-between;
}
.productsdtitletu section{
    color:#fff;
    width: 60%;
}
.productsdtitletu section p{
    font-size: 2rem;
    line-height: 2.5;
}
.productsd2{
    padding:2rem 0 8rem;
}
.productsd2 ul{
    display: flex;
    justify-content: space-between;
}
.productsd2 ul li{
    width: 33%;
    text-align: center;
    font-size: 1.8rem;
}
.productsd2 .nav-pills>li.active>a,
.productsd2 .nav-pills>li.active>a:focus,
.productsd2 .nav-pills>li.active>a:hover {
    color: #4d5356;
    background-color: transparent;
    border-bottom:1px solid #8FE802;
}
.productsd2 .nav-pills>li>a{
    color: #4d5356;
    font-weight: bold;
    border-bottom:1px solid #f1f1f1;
}
.productsd2 .nav>li>a:focus,
.productsd2 .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    border-bottom: 1px solid #8FE802;
}
#Specification tr,#Specification table{
    width:100%;
}
#Specification tr{
    display: flex;
    flex-direction: column;
    border-bottom:1px solid #8FE802;
}
#Specification,#Main,#Accessories{
    padding-top:3rem; 
}
.productsdfbt{
    font-size: 4rem;
    line-height: 4.4rem;
    font-weight: 700;
    letter-spacing: 0px;
    color: #121d23;
    margin-bottom:1.5rem;
}
#Specification tr td{
    font-size:2rem;
    line-height: 1.5;
}
#Specification tr td:first-child{
    color:#121d23;
    margin-top:1.5rem;
}
#Specification tr td:last-child{
    color:#666666;
    line-height: 2;
    margin-bottom:1.5rem;
}
#Main{
    overflow: hidden;
}
#Main .mySwiper img{
    max-width:85rem;
}
#Main .mySwiper{
    max-width:85rem;
    margin:0 auto;
    overflow: hidden;
    padding-bottom:5rem;
    position:relative;
}
#Main .swiper-pagination-bullet-active {
    opacity: 1;
    background: #8FE802;
}
#Main .swiper-button-next, #Main .swiper-button-prev {
    bottom: 0;
    top: auto;
}
#Main .swiper-button-next{
    background:url(../images/jtr.png) no-repeat;
    background-size:3rem;
    width:5rem;
    height: 5rem;
    background-position: center;
}
#Main .swiper-button-prev{
    background:url(../images/jtl.png) no-repeat;
    background-size:3rem;
    width:5rem;
    height: 5rem;
    background-position: center;    
}
.peizhibig{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.peizhibig p{
    color: #666666;
    line-height: 2;
    margin-bottom: 1.5rem;
    width:50%;
    padding-left:3rem;
    background:url(../images/jtp.png) no-repeat;
    background-position:left center;
    background-size:2rem;
    font-size: 2rem;
}
.peizhibig P:after{
    position: absolute;
    color: #8FE802;
    content: "\f054";
    left: 0;
    top: 0;
}
.peizhi {
    border-bottom:1px solid #8FE802;
}
.productsdfbt2{
    font-size:3rem;
    font-weight: normal;
}
.kexuanpeizhi{
    margin-top:1rem;
    border-bottom:0;
}
.contact-us {
    margin-top: 2rem;
    padding: 2rem;
    background-color: #fff;
}

.contact-title {
    font-size: 2.4rem;
    height: auto;
    overflow: hidden;
    font-size: 3rem;
    line-height: 200%;
    padding-left: 1rem;
    color: #333;
    font-size: 2rem;
    border-bottom: 1px solid #eeeeee;
    font-weight: bold;
    margin-bottom: 2rem;
}
.contact-section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2rem;
}

.contact-block {
    flex: 1;
    padding: 1.5rem;
    background-color: #fff;
}

.contact-block h3 {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: #333;
    padding-bottom:1rem;
    border-bottom: 2px solid #8FE802;
    display: inline-block;
}

.contact-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.contact-block ul p{
    line-height: 2;
    list-style-type: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
    height: auto;
    overflow: hidden;
    font-size: 1.6rem;
}

.contact-block li {
    margin-bottom: 1rem;
    font-size: 1.4rem;
}

.contact-block b {
    color: #333;
}

.contact-block a {
    color: #8FE802;
    text-decoration: none;
}

.contact-block a:hover {
    text-decoration: underline;
}
.productsd3-1big{
    display: flex;
    justify-content: space-between;
    width:160rem;
    margin: 0 auto;
    align-items: center;
}
.productsd3-1{
    background: #f2f2f2;
}
.productsd3-1left{
    width: 80rem;
}
.productsd3{
    padding-top:9rem;
}
.productsd3-1left img{
    width: 100%;
}
.productsd3-1right{
    width: 63rem;
}
.productsd3-1right h4{
    font-size: 3rem;
    color:#b3b3b3;
    margin-bottom:2rem;
}
.productsd3-1right h2{
    font-size: 6.8rem;
    font-weight: bold;
    color:#9ef702;
    padding-bottom:3.5rem;
    border-bottom:3px solid #1a171a;
    margin-bottom:4.5rem;
}
.productsd3-1right section p{
    font-size: 1.6rem;
    margin-bottom:2.2rem;
    padding-left:1.5rem;
    position:relative;
}
.productsd3-1right section p:after {
    content: "";
    width: 0.7rem;
    height: 0.7rem;
    display: block;
    border: 1px solid #000000;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
}
.productsd3-1right section p:last-child{
    margin:0;
}
.productsd3-1right  section{
    margin-bottom:8.5rem;
}
.productsd3-1right .xqmore{
    width: 25.4rem;
    height: 6.8rem;
    background:#1a171a;
    border-radius: 3px;
}
.productsd3-1right .xqmore a{
    width: 100%;
    height: 100%;
    line-height: 6.8rem;
    background:#8FE802;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    
}
.productsd3-1right .xqmore a img{
    width: 1.6rem;
}
.productsd3-2,.productsd3-4 {
    position: relative;
}

.productsd3-2 .xqmore,.productsd3-4 .xqmore {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translate(-50%, 0);
}
.productsd3-2 .xqmore a,.productsd3-4 .xqmore a {
    width: 100%;
    height: 100%;
    line-height: 6.8rem;
    background: #8FE802;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}
.productsd3-2 .xqmore a img,.productsd3-4 .xqmore a img {
    width: 1.6rem;
}
.productsd3-3 .xqmore a,.productsd3-5 .xqmore a {
    width: 100%;
    height: 100%;
    line-height: 6.8rem;
    background: #8FE802;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}
.productsd3-3 .xqmore a img,.productsd3-5 .xqmore a img {
    width: 1.6rem;
}
.productsd3-2 img{
    width: 100%;
}
.productsd3-2>img{
    height: 50vh;
    object-fit: cover;
}
.productsd3-3 .xqmore ,.productsd3-5 .xqmore {
    margin: 0 auto;
    margin-top:3rem;
}
.productsd3-3{
    padding:11.6rem 0 6.1rem;
}
.productsd3-3>h2{
    font-size: 5.9rem;
    font-weight: bold;
    color:#1b181c;
    position:relative;
    padding-bottom:3.3rem;
    margin-bottom:5.4rem;
    text-align: center;
}
.productsd3-3>h2:after{
    width: 4.8rem;
    height: 0.5rem;
    display: block;
    background:#1b181c;
    position:absolute;
    left:50%;
    bottom:0;
    content:'';
    transform: translate(-50%, 0px);
}
.productsd3-3 ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width:100%;
}
.productsd3-3 ul:after{
    width: 32%;
    content:"";
}
.productsd3-3 ul li{
    width: 32%;
    background:#f2f2f2;
    margin-bottom:3.6rem;
    padding:2.8rem 3.3rem;
    position:relative;
}
.productsd3-3 ul:after{
    width: 32%;
}

.productsd3-3 ul li h2,.productsd3-3 ul li h3{
    font-size: 2.8rem;
    font-weight: bold;
    color:#000000;
    height: 3.6rem;
    position:relative;
    margin-bottom:2.4rem;
}
.productsd3-3 ul li h2:after,.productsd3-3 ul li h3:after{
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    background:#000000;
    content:"";
    left: -1.8rem;
    position: absolute;
    top: 0.9rem;
}
.productsd3-3 ul li h3:nth-child(2){
    font-size: 1.4rem;
    color:#808080;
    height: auto;
    font-weight: normal;
    position: absolute;
    top: 5.6rem;
}
.productsd3-3 ul li h3:nth-child(2):after{
    display: none;
}
.productsd3-3 ul li h4:after {
    width: 0.3rem;
    height: 0.3rem;
    display: block;
    background: #000000;
    content: "";
    left: -1.5rem;
    position: absolute;
    top: 0.8rem;
    border-radius: 100%;
}
.productsd3-3 ul li h4{
    font-size: 2.4rem;
    font-weight: bold;
    color:#000000;
    margin-bottom:2rem;
    position:relative;
}
.productsd3-3 ul li p {
    font-size: 2rem;
    color: #000000;
    margin-bottom: 3rem;
    line-height: 1.5;
}
.productsd3-4{
    background:#222222;
    padding:8.3rem 0 10.5rem;
}
.productsd3-4title{
    font-size: 5.9rem;
    font-weight: bold;
    color: #fff;
    position: relative;
    padding-bottom: 3.3rem;
    margin-bottom: 5.4rem;
    text-align: center;
}
.productsd3-4title:after {
    width: 4.8rem;
    height: 0.5rem;
    display: block;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    content: '';
}
.productsd3-4 .mySwiper{
    overflow: hidden;
    padding-bottom:8.6rem;
    position:relative;
}
.productsd3-4 .mySwiper img{
    aspect-ratio: 1591 / 895;
    object-fit: cover;
}
.productsd3-4 .mySwiper .swiper-pagination{
    bottom:0;
}
.productsd3-4 .swiper-pagination-bullet {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    border-radius: 100%;
    background: rgba(255,255,255);
    opacity: .4;
}
.productsd3-4 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.productsd3-4 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3rem;
}
.productsd3-4 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:first-child {
    margin-left: 0;
}
.productsd3-4 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
    margin-right: 0;
}
.productsd3-5{
    padding:7.6rem 0 6rem;
    background:#fff;
}
.productsdbig3-5{
    background:#f2f2f2;
}
.productsd3-5title {
    font-size: 5.9rem;
    font-weight: bold;
    color: #1b181c;
    position: relative;
    padding-bottom: 3.3rem;
    margin-bottom: 5.4rem;
    text-align: center;
}
.productsdbig3-5{
    padding:4rem 4.9rem 15rem 4.9rem;
}
.productsd3-5title:after {
    width: 4.8rem;
    height: 0.5rem;
    display: block;
    background: #1b181c;
    position: absolute;
    left: 50%;
    bottom: 0;
    content: '';
    transform: translate(-50%, 0px);
}
.productsdbig3-5 ul{
    display: flex;
    justify-content: space-between;
}
.productsdbig3-5 ul li{
    width: 49%;
    background:#fff;
    padding:2rem 4rem;
    padding-bottom:6rem;
    border-radius: 10px;
}
.productsdbig3-5 ul li h2{
    font-size: 2.8rem;
    font-weight: bold;
    color:#000000;
    margin-bottom:2rem;
    position:relative;
    
}
.productsdbig3-5 ul li p{
    font-size: 2rem;
    color:#000000;
    line-height: 1.5;
    margin-bottom:2rem;
}
#Email{
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20rem;
    height: 4rem;
    margin-bottom:1.5rem;
    transition: .5s;
    background:#8FE802;
}
#Email:hover{
    background:#fff;
    color:#0e1520;
    transition: .5s;
}
.jingxiaoshangbig ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.jingxiaoshangbig ul:after{
    width:32%;
    content:"";
}
.jingxiaoshangbig ul li{
    width: 32%;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid #0e1520;
    margin-bottom:2.5rem;
}
.jingxiaoshangbig ul li a{
    width: 100%;
    color:#333;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
    font-weight: bold;
    transition: .5s;
}
.jingxiaoshangbig ul li a:hover{
    background:#333;
    color:#fff;
    transition: .5s;
}
.jingxiaoshangbig ul {
    margin:4rem 0 4rem;
}
.m_header{
    display: none;
}
.yc{
    display: none;
}
.xwmore img{
    width:3rem;
}
.homeproleft:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 500ms ease-in 0ms;
}
.qamain h4{
    font-size: 3.6rem;
    font-weight: bold;
}
.qamainlist{
    width:100%;
    border-radius: 10px;
    background:#fafafa;
    padding:2rem;
}
.qamainlist:first-child{
    padding-bottom:9.1rem;
}
.qamainlist {
    width:49%;
}

.services2bottomtitle a{
    color:#333;
}
.services2bottomtitle a:hover{
    color:#8FE802;
}
.qamainbig{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}
.fazhanwen h4{
    font-weight: bold;
    color:#333;
    font-size: 2.4rem;
    margin-bottom:2rem;
    min-height:7.2rem;
    line-height: 1.5;
}
.slick-current .fazhanwen h4{
    color:#8FE802; 
}
.fazhanbig{
    position:relative;
}
.fazhanbig:after{
    content:"";
    width:2rem;
    height:50.8rem;
    position:absolute;
    right:0;
    display: block;
    top:0;
    background:#f4f4f4;
    
}
    /* 添加 + 号 */
    .qamainlist ul li .label:first-child::after {
        content: "+";
        font-size: 2rem;
        color: #8FE802;
        font-weight: bold;
        transition: color 0.3s ease, transform 0.3s ease;
        position:absolute;
        right:2rem;
        top: 50%;
        transform: translate(0px, -50%);
    }

    /* 展开时变成 - 号 */
    .qamainlist ul li.cur .label:first-child::after {
        content: "-";
        font-size: 2rem;
        color: #000;
    }
    .qamainlist ul li .label:first-child{
        position:relative;
    }
    .lxfsnull{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .lxfsnullleft,.lxfsnullright{
        width:50%;
    }
    .lxfsnullleft{
        padding:0 10rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 4.2rem;
        font-weight: bold;
        color:#8FE802;
        text-align: center;
        height: 62rem;
        background:#f7f7f7;
        line-height: 2;
    }
.videolanmu ul{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:2.8rem;
    padding-bottom:2.8rem;
}
.videolanmu{
    background:#f6f9fe;
}
.videolanmu ul li a{
    color:#555;
    transition: .5s;
}
.videolanmu ul li{
    margin:0 2rem;
}
.videolanmu ul li a.hover,.videolanmu ul li a:hover{
    color:#8FE802;
    transition: .5s;
}
.videolanmutitle{
    font-size: 3.2rem;
    color: #8FE802;
    margin-top: 3rem;
    width: 100%;
    font-weight: bold;
    text-align: left;
}
.videodlanmutitle{
    padding-top:3rem;
    background:#f0f0f0;
    margin:0;
}
.xwddleft section p{
    line-height: 2;
    text-indent: 2em;
    text-align: justify;
    font-size: 2rem;
}
.xwddleft td img{
    height:100%;
    object-fit: cover;
}
.xwddleft section td{
    border-top: 0 !important;
    padding:8px;
}
.tool ul.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    list-style: none;
    padding: 10px 0;
    margin: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 999;
    height: auto;
    left:-6rem;
}
.tool .dropdown-menu li:first-child{
    margin:0;
}
.tool .dropdown-menu li:nth-child(2){
    margin:0;
}
.dropdown-menu li a {
    color: #333;
    text-decoration: none;
    font-size: 2rem;
    text-align: center;
}

.dropdown-menu li a:hover {
    background-color: #f0f0f0;
}
.tool ul li.dropdown>a{
    width:4.4rem;
    height: 4.4rem;
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background:rgba(255,255,255,.2);
    border-radius: 100%;
    color:#fff;
}   
header.head .tool ul li.dropdown>a{
    color:#737373;
    background:rgba(115,115,115,.2);
}
@media(max-width:992px){
.qamainlist{
    height: auto;
}
.yc{
    display: block;
}
header {
        display: none;
    }

    .m_header {
        display: block;
    }

    .container {
        width: 100%;
    }

    .m_header {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #ffffff;
        z-index: 100002;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    }

    .m_header {
        height: 60px;
    }

    .logo_box {
        width: 100%;
        height: 60px;
        text-align: center;
        padding: 5px 0;
        line-height: 0;
        font-size: 0;
        zoom: 1;
        background: #111;
    }

    .logo_box img {
        height: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .nav_toggle {
        color: #fff;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        transform-origin: 50% 50%;
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -13px;
        z-index: 999;
    }

    .nav_toggle {
        cursor: pointer;
        padding: 10px 35px 16px 0;
    }

    .nav_toggle span,
    .nav_toggle span:before,
    .nav_toggle span:after {
        cursor: pointer;
        height: 3px;
        width: 40px;
        background: #fff;
        position: absolute;
        display: block;
        content: '';
    }

    .nav_toggle span:before {
        top: -10px;
    }

    .nav_toggle span:after {
        bottom: -10px;
    }

    .nav_toggle span,
    .nav_toggle span:before,
    .nav_toggle span:after {
        transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
    }

    .nav_toggle.active span {
        background-color: transparent;
    }

    .nav_toggle.active span:before,
    .nav_toggle.active span:after {
        top: 0;
    }

    .nav_toggle.active span:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }

    .nav_toggle.active span:after {
        transform: translateY(-10px) rotate(-45deg);
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        top: 10px;
    }

    /*移动端导航*/
    .m_header .m_nav {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #ffffff;
        z-index: 2;
        overflow: auto;
        border-top: 1px solid #f0f0f0;
        margin-top: -1px;
    }

    .m_header .m_nav_list a {
        display: block;
        width: 100%;
        padding: 0 15px;
        line-height: 35px;
        text-align: left;
        font-size: 14px;
        color: #000000;
    }

    .m_header .m_nav_list>li {
        position: relative;
        border-bottom: 1px solid #f0f0f0;
        transition: transform .5s ease;
        transform: matrix(1, -1, 0, 1, 200, 100);
    }

    .m_header .m_nav_list>li>i {
        position: absolute;
        width: 20px;
        height: 20px;
        background: #000;
        top: 8px;
        right: 10px;
        cursor: pointer;
        z-index: 2;
        background: url("../images/li_click.png") no-repeat top center;
    }

    .m_header .m_nav_list>li>a {
        opacity: 0;
    }

    .m_header .m_nav_list .dropdown .dropdown_menu {
        height: 0;
        overflow: hidden;
    }

    .m_header .m_nav_list .dropdown .dropdown_menu.on {
        height: auto;
    }

    .m_header .m_nav_list .dropdown_menu>li {
        border-top: 1px solid #f0f0f0;
        background: #f5f5f5;
    }
    .topbig{
        display: none;
    }
    .banner{
        padding-top:60px;
        height: auto;
    }
    .homepro{
        padding:20px;
    }
    .homeprobig{
        flex-direction: column;
    }
    .homeproleft{
        width: 100%;
    }
    .bannerwen {
        position: absolute;
        bottom: 50%;
        z-index: 99;
        width: 100%;
        left: 20px;
        transform: translate(0%, 50%);
        top: auto;
    }
    .bannertitle {
        font-size: 24px;
        line-height: normal;
        color: white;
        font-weight: bold;
        position: absolute;
        left: 0;
        top: 0;
    }
    .bannermore a {
        display: flex;
        margin-top: 74.2px;
        width: 109.6px;
        height: 28.7px;
        justify-content: center;
        align-items: center;
        color: white;
        border: 1px solid white;
        border-radius: 25px;
        transition: .5s;
        background-color: transparent;
    }
    .banner .swiper-container-horizontal>.swiper-pagination-bullets,
    .banner .swiper-pagination-custom,
    .banner .swiper-pagination-fraction {
        bottom: 20px;
    }
    .banner{
        position:relative;
    }
    .homeproleft{
        padding:16px;
        margin-bottom:20px;
    }
    .homeproleft h2, .homeproright h2{
        margin-bottom: 1rem;
        font-size: 20px;
        line-height: 1.5;
    }
    .homeproleft p, .homeproright p {
        line-height: 2;
        padding: 2rem 0;
        font-size: 16px;
    }
    .homeproright {
        width: 100%;
        background: #fff;
    }
    .homeproright ul li{
        padding: 16px;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }
    .homeproright ul li .col-md-6{
        padding:0;
    }
    .homeabout{
        padding:20px;
    }
    .abbjbig{
        flex-wrap: wrap;
    }
    .abbjbig h2{
        padding-top:0;
    }
    .abbjbig h4{
        margin-top:20px;
    }
    .abbjbig p{
        padding:20px 0;
    }
    .homenews{
        padding:20px;
    }
    .homenewstop{
        flex-wrap: wrap;
        margin-bottom:20px;
    }
    .xwbjtopright {
        width: 100%;
    }
    .xwbjtopleft{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .homenews h2 {
        margin-bottom: 20px;
        font-size: 35px;
    }
    .homenewsbottom ul{
        flex-wrap: wrap;
    }
    .homenewsbottom ul li {
        width: 100%;
        box-shadow: 7px 7px 15px rgba(0, 0, 0, .12);
        border-radius: 10px;
        overflow: hidden;
        transition: .5s;
        margin-bottom:20px;
    }
    .xwtu-zi {
        padding: 16px;
    }
    .xwmore {
        margin-top: 20px;
        height: auto;
        overflow: hidden;
    }
    .syan ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .syan ul li a {
        display: flex;
        justify-content: space-between;
        padding: 16px;
    }
    .syan ul li{
        width: 100%;
    }
    .syan ul li a h3 {
        color: #000;
        font-size: 14px;
    }
    .syan ul li a h2 {
        color: #000;
        font-size: 2.4rem;
        margin-bottom: 1.1rem;
    }
    footer{
        padding:20px;
    }
    .footerleft {
        display: none;
    }
    .footerright {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
    }
    .footerright section {
        color: #fff;
        text-align: left;
        line-height: 214%;
        margin-bottom: 1.5rem;
        font-size: 1.4rem;
    }
    .dibubanquan {
        padding: 20px;
        background: #0b1119;
    }
    .banquanbig{
        flex-wrap: wrap;
    }
      .b-height {
		height:50px;
	}
	.fygnav {
		padding:0px;
		height:50px;
		background-color:#009ca3;
	}
	.fygnav ul {
		list-style-type:none;
		width:100%;
		margin:0px;
		padding:0px;
	}
	.fygnav li {
		width:25%;
		text-align:center;
		float:left;
		margin:0;
	}
    .fygnav ul {
        list-style-type: none;
        width: 100%;
        margin: 0px;
        padding: 0px;
        display: flex;
        align-items: center;
    }
    .fygnav li a img {
        height: 20px;
        width: 20px;
    }
    .fygnav li a {
        display: flex;
        align-content: center;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        color: #FFFFFF;
        background-color: #000;
        height: 55px;
        font-size:12px;
        white-space: nowrap;
    }
    .nybanner{
        padding-top:60px;
    }
    .cplb ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2rem;
        position: relative;
        overflow: hidden;
    }
    .lanmux {
        height: auto;
        padding:20px;
    }
    .bread a {
        line-height: normal;
    }
    .bread {
        line-height: normal;
    }
    .prolistbig{
        padding:20px;
    }
    .cplb ul li:nth-child(3n){
        margin-bottom:20px;
    }
    .hprolisttitle{
        font-size: 40px;
    }
    .productsd3{
        padding-top:60px;
    }
    .productsd3-1big{
        width:100%;
        padding: 20px;
        flex-wrap: wrap;
    }
    .productsd3-1left {
        width: 100%;
    }
    .productsd3-1right h4 {
        font-size: 20px;
        color: #b3b3b3;
        margin-bottom: 2rem;
    }
    .productsd3-1right h2 {
        font-size: 30px;
        font-weight: bold;
        color: #9ef702;
        padding-bottom: 20px;
        border-bottom: 3px solid #1a171a;
        margin-bottom: 20px;
    }
    .productsd3-1right {
        width: 100%;
    }
    .productsd3-1right section p {
        font-size: 1.4rem;
        margin-bottom: 1.5rem;
        padding-left: 1.5rem;
        position: relative;
    }
    .productsd3-1right section{
        margin-bottom:20px;
    }
    .productsd3-3{
        padding:20px;
    }
    .productsd3-3>h2 {
        font-size: 30px;
        font-weight: bold;
        color: #1b181c;
        position: relative;
        padding-bottom: 15px;
        margin-bottom: 15px;
        text-align: center;
    }
    .productsd3-3>h2:after {
        width: 4.8rem;
        height: 0.5rem;
        display: block;
        background: #1b181c;
        position: absolute;
        left: 50%;
        bottom: 0;
        content: '';
        transform: translate(-50%, 0px);
    }
    .productsd3-3 ul li{
        width: 100%;
    }
    .productsd3-3 .xqmore, .productsd3-5 .xqmore {
        margin: 0 auto;
        margin-top: 0;
    }
    .productsd3-4 {
        padding: 20px;
        padding-bottom: 60px;
    }
    .productsd3-1right .xqmore{
        width: 20.6rem;
        height: 5.2rem;
    }
    .productsd3-4title{
        font-size: 30px;
        margin-bottom:20px;
        padding-bottom:20px;
    }
    .productsd3-4title:after {
        transform: translate(-50%, 0px);
    }
    .productsd3-4 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 15px;
    }
    .productsd3-2 .xqmore,
    .productsd3-4 .xqmore {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .productsd3-4 .mySwiper .swiper-pagination {
        bottom: 40px;
    }
    .productsd3-5{
        padding:20px 0;
    }
    .productsd3-5title {
        font-size: 30px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .productsdbig3-5 ul li {
        width: 100%;
        margin-bottom:20px;
        padding:20px;
    }
    .productsdbig3-5 ul{
        flex-wrap: wrap;
    }
    .productsdbig3-5 ul li h2{
        margin-bottom:20px;
    }
    .productsdbig3-5 {
        padding: 20px 40px 40px 40px;
        margin-bottom:20px;
    }
    .lm-ctbig {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .lm-ct ul li a {
        display: block;
        line-height: normal;
        font-size: 1.6rem;
        color: #555555;
        cursor: pointer;
    }
    .lm-ct ul {
        display: flex;
        display: -webkit-flex;
        margin-bottom: 20px;
    }
    .map {
        padding:20px;
    }
    .homeprotitle {
        font-family: 'DIN-Bold', Helvetica, Arial, sans-serif;
        font-size: 35px;
        color: #000;
        text-align: center;
        margin-top: 0px;
        padding-bottom: 15px;
        background-repeat: no-repeat;
        margin-bottom: 15px;
    }
    .abbjbig h2 {
        font-size: 35px;
    }
    .lm-ct ul li {
        list-style-type: none;
        margin-right: 0;
        width: 50%;
        margin-bottom:20px;
    }
    .lm-ct ul {
        display: flex;
        display: -webkit-flex;
        margin-bottom: 0;
        flex-wrap: wrap;
        width: 100%;
    }
    .liuyan{
        padding:20px;
    }
    .service.liuyan .liuyanbt {
        line-height: 1.5;
        text-align: center;
        font-size: 1.8rem;
        margin-bottom: 20px;
    }
    .liuyan .col-md-6{
        padding:0;
    }
    .liuyan .col-md-4{
        padding:0;
    }
    .liuyan .col-md-12{
        padding:0;
    }
    .anniu1 {
        width: 100%;
    }
    .services2 {
        padding:20px;
    }
    .services2title h2 {
        font-size: 18px;
        margin-bottom: 2rem;
        font-weight: 600;
        line-height: 1.5;
    }
    .services2title h3 {
        font-size: 16px;
        margin-bottom: 1.6rem;
        font-weight: 600;
        line-height: 1.5;
    }
    .services2 ul li{
        font-size: 14px;
        padding:20px 0;
    }
    .services2 ul li h2 {
        font-size: 18px;
        font-weight: bold;
        color: #8FE802;
        margin-bottom: 20px;
    }
    .qa{
        padding:20px;
    }
    .qa .top{
        padding:10px 0 10px;
    }
    .formtoptitle h4 {
        font-size: 14px;
    }
    .kk1{
        margin-bottom:20px;
    }
    .bmd{
        padding:20px;
    }
    .bmdbig{
        flex-wrap: wrap;
    }
    .bmdleft {
        padding: 18px;
        width: 100%;
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    }
    .bmdright {
        width: 100%;
    }
    .bmdleft h3{
        font-size: 20px;
    }
    .bmdleft p{
        margin:10px 0;
    }
    .bmd2{
        padding:20px;
    }
    .fwlb ul{
        flex-wrap: wrap;
    }
    .fwlb li{
        width:100%;
        padding:18px;
    }
    .videolist {
        padding: 20px;
    }
    .videolist ul li {
        overflow: hidden;
        width: 100%;
        margin-bottom: 2rem;
        position: relative;
    }
    .xwny{
        padding:20px;
    }
    .xwddbig {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .xwddright {
        width: 100%;
        background-color: #fff;
        border-top: #8FE802 solid 6px;
        float: right;
    }
    .xwddleft {
        width: 100%;
        background-color: #fff;
        padding: 4rem 4.5rem 6rem;
        border-top: #8FE802 solid 6px;
    }
    .xwddleft {
        width: 100%;
        background-color: #fff;
        padding: 18px;
        border-top: #8FE802 solid 6px;
    }
    .xwddbt h2 {
        line-height: 125%;
        font-size: 24px;
        color: #333333;
        font-weight: 700;
    }
    .xwddleft{
        margin-bottom:20px;
    }
    .fanye {
        font-size: 14px;
    }
    .cataloglistbig{
        padding:20px;
    }
    .cataloglist ul li:not(:nth-child(4n)) {
        margin-right: 0;
    }
    .cataloglist ul li{
        width: 100%;
    }
    .lxfsbig {
        display: flex;
        margin-top: 0;
        flex-wrap: wrap;
    }
    .lxfsbig ul li {
        background: #f7f8fc;
        padding: 20px 0 20px 0;
        width: 100%;
        font-size: 1.5rem;
        color: #8c939d;
        line-height: 200%;
        list-style: none;
        display: flex;
        align-items: flex-start;
        margin-bottom: 20px;
        position: relative;
        flex-wrap: wrap;
    }
    .lxfstu {
        width: 100%;
        position: relative;
        right: 0;
        top: 0;
    }
    .lxfswen {
        width: 100%;
        text-align: center;
        padding-bottom:20px;
    }
    .jingxiaoshang{
        padding:20px;
    }
    .lxfsbig ul.nav li.active a{
        padding:20px;
        padding-bottom:0;
    }
    .abww{
        padding:20px;
    }
    .abwwleft {
        width: 100%;
        max-height: max-content;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
        font-size: 1.4rem;
        line-height: 2;
    }
    .abwwright {
        width: 100%;
    }
    .fzlc{
        padding:20px;
    }
    .slider-for .slick-next {
        right: 0;
    }
    .slider-for .slick-prev {
        right: 12%;
    }
    .slider-for>div {
        padding: 18px;

    }
    .fazhanbig {
        display: flex;

        flex-wrap: wrap;
    }
    .fazhantu img {
        height: auto;
    }
    .zhuanlixinxi{
        padding:20px;
    }
    .zhuanlixinxibig {
        margin-bottom: 40px;
    }
    .jingxiaoshangbig ul li{
        width:49%;
    }
    .cpyou-seo_description,.cpyou-lan{
        position:relative;
        top: auto;
        color:#555;
    }
    .cpyou-seo_description{
        line-height: 2;
        font-size: 1.4rem;
        left: 0px;
    }
    .cpyou-lan{
        line-height: 1;
        font-size: 1.6rem;
        left: 0;
    }
    .yd{
        display: none;
    }
    .abbjbig .col-md-6{
        padding:0;
        width:100%;
    }
    .productsdbig3-5 ul li p{
        line-height: 1.5;
    }
    .modal-dialog{
        width:100%;
        padding:20px;
    }
    .xuanpei label{
        width:100%;
    }
    .logo_box a{
        display: inline-block;
        height: 50px;
    }
    .abww h2, .fzlc h2{
        line-height: 1.5;
    }
     #showMore{
        display: none;
    }
    .abwwright{
        margin-top:20px;
    }
        .liuyanbt{
        margin-bottom:20px;
    }
    .jingxiaoshangbig ul{
        margin-top:20px;
    }
    .qamainlist:first-child{
        padding-bottom:0;
    }
    .qamainlist{
        width:100%;
    }
    .qamainlist{
        padding:8px;
    }
    .qa .top .label:first-child .qgrow p{
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        text-align: left;
    }
    .qamain h4{
        font-size: 18px;
    }
    .qa .top .label .qgrow span{
        font-size: 14px;
        line-height: 1.5;
    }
    .qamainlist ul li .label:first-child::after{
        right:8px;
    }
    .services2title h2, .services2bottomtitle h2{
        font-size: 18px;
    }
    .services2title h3, .services2bottomtitle h3{
        font-size: 14px;
    }
    .qa .top .label:first-child .qgrow p{
        font-size: 16px;
        line-height:1.5;
    }
    .qamainlist{
        margin-bottom:20px;
    }
    .fazhanbig:after{
        display: none;
    }
    .fazhanwen h4{
        font-size: 1.8rem;
    }
    .slider-for p{
        font-size: 1.4rem;
    }
    .videolanmutitle .videolanmutitle{
        padding:0 20px;
    }
    .xwddleft tr{
        display: flex;
        flex-wrap: wrap;
    }
    .xwddleft section td{
        width:100% !important;
    }
    .bannerwen a{
        font-size: 1.6rem;
    }
    .lxfsnull{
        flex-wrap: wrap;
    }
    .lxfsnullleft, .lxfsnullright{
        width:100%;
    }
    .lxfsnullleft {
        width: 100%;
        padding: 20px;
        height: 25rem;
    }
    .abbjbig .col-md-6:first-child{
        width:100%;
    }
    
}