@import url("./animate.min.css");
@import url("../../assets/libs/font-awesome/css/font-awesome.min.css");
@import url("../../assets/libs/bootstrap-select/dist/css/bootstrap-select.min.css");
@import url("../../assets/libs/bootstrap-table/dist/bootstrap-table.min.css");

html{-webkit-text-size-adjust: 100%;}
@font-face {
    font-family: 'Wingdings';
    font-style: normal;
    font-weight: normal;
    src: local('Wingdings'), url('wingding.woff') format('woff'),
    url('wingding.ttf') format('truetype');
}
.hidden {
    display: none !important;
}

:root {
    --bgColor: #ff4f00;
    --bgColor1: #0047d1;
    --bgColor3: rgb(22, 22, 26);
    --bgColor4: rgba(201,11,13, 1);
    --bgColor5: rgba(215,15,32, 1);
    --black: #000000;
    --black-3: #333333;
    --black-alpha-1: rgba(0, 0, 0, 0.1);
    --black-alpha-2: rgba(0, 0, 0, 0.2);
    --black-alpha-4: rgba(0, 0, 0, 0.4);
    --black-alpha-6: rgba(0, 0, 0, 0.6);
    --black-alpha-8: rgba(0, 0, 0, 0.8);
}

* {
    margin: 0;
    padding: 0;
    border: none;
}

*, *::before, *::after {
    box-sizing: border-box
}

body {
    color: #000;
    background: #fff;
    font-family: SourceHanSansCN, Arial;
    min-height: 100vh;
    max-width:1920px; margin:0 auto;
}
img{ display: block}
a {
    text-decoration: none;
}

a:hover {
    color: #000
}

em {
    font-style: normal;
}

li {
    list-style: none;
}



.dd-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.dd-flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.dd-flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.dd-justify-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.dd-justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.dd-justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dd-justify-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dd-justify-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.dd-align-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.dd-align-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.dd-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.dd-align-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.dd-align-baseline {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.dd-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.dd-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dd-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.mt1330{ max-width: 1330px; width: 100%; margin: 0 auto;}
.mt1654{ max-width: 1654px; width: 100%; margin: 0 auto;}
.mt1620{ max-width: 1620px; width: 100%; margin: 0 auto;}
.mt1280{ max-width: 1280px; width: 100%; margin: 0 auto;}
.t-first::first-letter  {
    color: var(--bgColor4) !important;
}
#dcms_pager{
    margin: 94px 0 200px 0;
    color: #000000;

}
#dcms_pager .pages{}
#dcms_pager .pages .pagination{
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#dcms_pager .pages .pagination .active{
    width: 38px;
    height: 38px;
    background: #FDD700;
    border-radius: 50%;
    text-align: center;

}
#dcms_pager .pages .pagination .active span{
}
#dcms_pager .pages .pagination li,#dcms_pager .pages .pagination a{
    margin: 0 10px;
    font-weight: bold;
    font-size: 18px ;
    line-height: 42px;
    color: #000000;
}


header{background: url("../image/headerbg.png") no-repeat top center; height: 120px; position: absolute;top: 0; left: 0; width: 100%;z-index: 9}
header .mt1654{ position: relative;}
header .top{  height: 80px;}
header .top a{ margin: 0 16px; height: 29px; line-height: 29px;
    font-weight: 500;
    font-size: 17px;
    color: #000000;
}
header .top a img{ display:block;}
header .top a.lang{  background: url("../image/down.png") no-repeat right center;
    margin-right: 0;
    padding-right: 19px;}
header .nav{
    height: 58px;
    padding-top: 17px;}
header .nav  .navlist{display: none;}
header .nav a{
    font-weight: 400;
    font-size: 18px;
    margin: 0 14px;
    color: #000000;
    line-height: 40px;}
header .nav button{ background: url("../image/menu.png") no-repeat; width: 39px; height: 31px; margin-left: 170px;}
header .logo{
    width: 336px;
    height: 80px;
    background: #FDD700;
     display: block;position: absolute; top: 0; left: 0;
}
header .logo img{
    display: block; margin: 29px auto 0;
}



:root{
    --swiper-navigation-size:24px !important;
}

.swiper-button-next, .swiper-button-prev{ color: rgb(52,54,56) !important; width: 52px !important; height: 52px !important; border: 1px solid rgb(52,54,56); border-radius: 50%; display: block;}
.swiper-button-prev{ left: 133px !important;}
.swiper-button-next{ right: 133px !important;}
.swiper-button-next:hover, .swiper-button-prev:hover{ background: #FDD700 !important; border-color: #fdd700;}
.swiper-pagination{ width: 90px !important; left: 132px !important; bottom: 44px !important;bottom: 285px !important;}
.swiper-pagination-clickable .swiper-pagination-bullet{ display: block; height: 30px; line-height: 30px; background: none;
    opacity: 1;
    padding-right: 36px; color: #000}

.swiper-pagination-clickable .swiper-pagination-bullet-active{ background: url("../image/left.png") right center no-repeat; background-size: 10px;}

.title{
    font-weight: bold;
    font-size: 50px;
    color: #000000; position: relative;
    }
.title:after{ content: '';position: absolute; bottom: -5px;
    z-index: -1; left: 0; width: 199px;height: 18px;background: #FDD700;}
.more{ background: url("../image/more.png") no-repeat; width:128px; height: 46px; display: block;}
.more1{ background: url("../image/morebg.png") no-repeat; width: 206px;height: 46px; line-height: 46px;display: block;
    padding-left: 18px;
    font-weight: 400;
    font-size: 25px;
    color: #FFFFFF;}

.title1{
    width: 263px;
    font-family: Arial;
    font-weight: 400;
    font-size: 24px;
    color: #000000;
    line-height: 68px;
}
.videos{ display:none; border: 1px solid #080808; position:fixed; left:260px; top:80px;z-index:100; width:1400px;  }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.homeabout{
    padding-top: 171px;
    padding-left: 131px;}
.homeabout .aboutinfo{margin-right: 212px;}
.homeabout .desc {
    padding-top: 85px;
    font-weight: 400;
    font-size: 21px;
    color: #353535;
    line-height: 40px;
    margin-bottom: 130px;}

.homeabout .desc p{margin-bottom: 32px;}

.homeserver{ background: url("../image/tianxia.png") no-repeat top center; height: 785px; background-size: cover; margin-top: 174px; padding-top: 326px;}
.homeserver a{ display: block; margin: 0 105px; background: url("../image/morebg.png") no-repeat; width: 206px; height: 46px; line-height: 46px;
    padding-left: 18px;
    font-weight: 400;
    font-size: 25px;
    color: #FFFFFF;
}

.shangye{}
.shangye .leftinfo,.shangye .rightinfo{ width: 50%}

.shangye .leftinfo{ display: grid; grid-template-columns: 480px 476px;
    grid-template-rows: 394px 554px;background-color:#EBEDED;}
.shangye .leftinfo div{ }

.shangye .leftinfo div h2, .shangye .leftinfo div h2 a{
    padding-top: 74px;
    text-align: center;
    font-weight: 500;
    font-size: 28px;
    color: #000000;
}
.shangye .leftinfo .bolimen{ text-align: left;
    padding-left: 185px; line-height: 40px;font-size: 24px;font-weight: 400;
    padding-bottom: 85px ;}
.shangye .leftinfo .bolimen h5{
    margin-bottom: 58px; }

.mySwiper1 .swiper-button-next{ bottom: 50px !important; top: initial;}
.mySwiper1 .swiper-button-prev{ bottom: 50px !important; top: initial; left: initial !important; right: 240px}


.homeproduct{
    margin-top: 177px;}

.homeproduct .sgq{margin-top: 90px;}
.homeproduct .line{margin-top: 265px;width: 45px;
    height: 5px;
    background:#FDD700;}
.homeproduct .desc{
    margin-top: 54px;
    font-weight: 400;
    font-size: 21px;
    color: #000000;
    line-height: 45px;}
.homeproduct .prolist{ position: relative;}
.homeproduct .mySwiper2{ width: 1310px;
    margin-top: 250px;}
.homeproduct .mySwiper2 dl{ }
.homeproduct .mySwiper2 dl dt {width: 421px; height: 606px; background: #EBEDED;}
.homeproduct .mySwiper2 dl dt:hover{background-color: #FDD700;}
.homeproduct .mySwiper2 dl dt a { display: block; margin: 0 auto;}
.homeproduct .mySwiper2 dl dd{
    padding-top: 80px;}
.homeproduct .mySwiper2 dl dd h2{
    font-weight: bold;
    font-size: 26px;
    color: #2F3133;
    line-height: 45px;
}
.homeproduct .mySwiper2 dl dd p{  color: #2F3133;}
.homeproduct  .swiper-pagination{ left: 0 !important; bottom: 230px !important; background: none;}
.homeproduct  .swiper-pagination .swiper-pagination-bullet-active{  background: none; font-weight: bold;}
.homeproduct  .swiper-button-prev{ border: none; left: 0 !important; transform: rotate(90deg); bottom: 188px !important; top: initial !important; width: 22px !important;}
.homeproduct  .swiper-button-next{ border: none; left: 0 !important; transform: rotate(90deg); bottom: 148px !important; top: initial !important; width: 22px !important;}
.homeproduct  .swiper-button-prev:hover{ background: none !important;}
.homeproduct  .swiper-button-next:hover{ background: none !important;}
.homeproduct  .more{ margin-top: 138px;}

.homecase{margin-top: 40px}
.homecase .imglist{ display: grid; grid-template-columns: 1fr 1fr 1fr;
    margin-top: 100px;}

.homecase .imglist img{ display: block; width: 100%;}

.homeconcat{ background:#ebeded;
    padding-bottom: 136px;
    padding-top: 134px;}
.homeconcat h2{
    font-weight: 400;
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    margin-bottom: 56px;}
.homeconcat input{ width:32%; height: 60px; background: #fff; border: none; font-size: 21px; text-indent: 20px; line-height: 40px;}
.homeconcat textarea{ width:100%; height: 110px; background: #fff; border: none; font-size: 21px; text-indent: 20px; line-height: 40px;margin-top: 32px;}
.homeconcat button{ background: url("../image/morebg2.png") no-repeat; color: #fff; font-size: 22px; display: block; width: 150px; height: 46px; line-height: 46px;
    margin-top: 92px;    text-align: left;
    padding-left: 25px;
}
footer{ background: #000; color: #fff; padding-top: 72px;font-size: 20px;}
footer .mt1654{ border-top: 1px solid #808080; border-bottom: 1px solid #808080;
    padding-bottom: 10px;}
footer .left{padding-top: 54px;}
footer .right{padding-top: 54px;}
footer .left h1{ font-size: 30px;}
footer .left h2{ font-size: 28px; color: #fdd700; line-height: 60px;}
footer .left img {
    margin-top: 132px;
    margin-bottom: 30px;}
    footer .left h3{line-height: 30px;font-weight: lighter;font-family: SourceHanSansCN;}
footer .left h4{ font-size: 21px; line-height: 30px;font-weight: lighter;font-family: SourceHanSansCN;}
footer .copyright{ line-height: 70px;}
footer .right{ width: 56%}
footer .right dl{}
footer .right a{ color: #fff;}
footer .right dl dt{ line-height: 40px; }
footer .right dl dd{ max-width: 520px;}
footer .right dl dd a{ color:#aaabab; display: block; line-height: 30px;font-size: 16px;}
footer .right dl:nth-child(2) dd a{ display: inline-block;
    margin-right: 20px;}
footer .right .othermenu{border-top: 1px solid #808080;
    margin-top: 38px; padding-top: 38px; }
    
 .form{ background: #333; border-radius: 50px; width: 378px; height: 46px; opacity: 0;
    padding-right: 20px;
    float: right;}
 .form input{ background: none; width: 320px; height: 46px; border: none; color: #fff; font-size: 16px; text-indent: 10px; outline: none;}
 .form a{  background: url("../image/search.png") no-repeat; width: 25px; height: 25px;display: block;}

.banner{ width: 100%; height: 550px; background-size: cover;}


.proline{
    padding-top: 190px;}
.proline h1{
    font-weight: bold;
    font-size:50px;
    color: #000000;
    line-height: 68px; text-align: center;
    padding-bottom: 70px;
}
.proline .tabs{ border-bottom: 7px solid #898989;}
.proline .tabs a{ margin: 0 30px;
    font-weight: bold;
    font-size: 20px;
    color: #898989; border-bottom: 7px solid #898989;
    line-height: 60px; margin-bottom: -7px;}
.proline .tabs a.cur,.proline .tabs a:hover{ color: #000; border-bottom: 7px solid #fdd700;}

.proline .info{ padding: 120px 0;}
.proline .info .left{
    font-weight: 400;
    font-size: 21px;
    color: #000000;
    line-height: 42px;
    margin-right: 150px;}
.proline .info .left h2{
    margin-bottom: 48px;
    font-weight: 500;
    font-size: 34px;
    color: #000000;
    line-height: 68px;
}
.proline .info .right{
    width: 551px; height: 310px; background: #000;
}

.proline .info .right video{
    width: 551px; height: 310px;
}




.service{ position: relative;
    padding-top: 148px;
    padding-bottom: 150px;}
.service .swiper-button-next{ right: 0 !important;top: 390px !important;}
.service .swiper-button-prev{ left:0 !important;top: 390px !important;}
.service .mySwiper2{ max-width: 1270px;}
.service .mySwiper2 dl{ }
.service .mySwiper2 dl dt {width: 400px; height: 500px; background: #EBEDED;}
.service .mySwiper2 dl dt:hover{background: #FDD700;}
.service .mySwiper2 dl dt a { display: block; margin: 0 auto;}
.service .mySwiper2 dl dd{
    padding-top: 59px;}
.service .mySwiper2 dl dd h2{
    font-weight: bold;
    font-size: 26px;
    color: #2F3133;
    line-height: 45px;
}
.service .mySwiper2 dl dd p{  color: #2F3133;}
.service .morebtn{
    padding-top: 126px;
    padding-right: 112px;}


.chuizhi{ width: 100%;
    overflow: hidden;  }
.chuizhi h1{
    font-weight: bold;
    font-size: 50px;
    color: #000000;
    line-height: 68px;
    text-align: center;
    padding-top: 148px;
    margin-bottom: 50px;
}
.chuizhi .mySwiper33{ width: 1279px; padding: 20px 0;margin:0 auto;}
/*.chuizhi .mySwiper33 .swiper-slide-active{background: #FDD700}*/
.chuizhi dl{ border: 1px solid #959595; padding: 0 15px;width: 100%;
    height: 310px;}
.chuizhi dl:hover{box-shadow: 0px 5px 15px 0px rgba(14,5,10,0.3);}
.chuizhi dl dt{height: 266px;}
.chuizhi dl dt img{width:374px;height: 224px;}
.chuizhi dl dd{ height: 33px;align-items: center; align-content: center;}
.chuizhi dl dd h2{
    margin: 0 auto;
    width: 170px;
    height: 33px;
    background: #000000;
    border-radius: 19px;
    text-align: center;
    font-weight: 400;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 34px;
}
.chuizhi .mySwiper33 .swiper-slide-active dl dd h2{ color: #FDD700}
.chuizhi dl dd h2:hover{ color: #fdd700}
.chuizhi .swbtn{ position: relative; height: 50px; width: 480px;}
/*.chuizhi .swbtn .swiper-button-next{ right: 0px !important;}*/
/*.chuizhi .swbtn .swiper-button-prev{ right: 0px !important; }*/

.chuizhi .jieshao{ width: 100%; background-size:contain; background-position: top left; background-repeat: no-repeat; position: relative;
    margin-top: 88px;}
.chuizhi .jieshao img{
    opacity: 0;}
.chuizhi .jieshao .info{ width: 390px;
    /*height: 291px;*/
    padding-bottom: 30px;
    background: #FDD700; position: absolute; right: 0; bottom: 0;
    padding-left: 41px;
    padding-right: 42px;
    padding-top: 40px;
}

.chuizhi .jieshao .info h2{
    font-weight: 500;
    margin-bottom: 22px;
    font-size: 34px;
    color: #000000;
    line-height: 22px;
}
.chuizhi .jieshao .info p{
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    line-height: 32px;
}
.kjprolist{
    padding-top:44px;
    margin-bottom: 100px;
    overflow: hidden;
}
.kjprolist dl{
    width: 25%;
    padding-bottom: 20px;
    margin: 15px 0 ;
    border-bottom: 1px solid rgba(0,0,0,0.3);
}
.kjprolist dl dt{
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    line-height: 32px;
}
.kjprolist dl dd{    font-size: 16px;
    color: #000000;width: 300px;

    line-height: 36px;}
.kjprolist dl dd p{}
.kjprolist dl dd p:nth-child(odd){
    background: rgba(0,0,0,0.1);
   }
/*.kjprolist dl:last-child{ border-bottom: none}*/


.product{

}

.product .p-img{
    width: 100%; margin-top: -278px;z-index: -1;position: relative;
}
.product .box-left{
    margin-top: 142px;
    padding-left: 151px;
    width: 848px;
    background: #FFFFFF;
    padding-bottom: 50px
}
.product .box-left a{
    color: #000000;
}
.product .box-left a h2{
    padding-top: 102px;
    font-size: 34px;
    line-height: 68px;
    font-weight: 500;

}
.product .box-left p{
    padding-top: 51px;
    padding-bottom: 89px;
    padding-right: 156px;
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
}


.pcontent{
    position: relative;
    height: 640px;
    width: 100%;
    overflow: hidden;
    background-size: 50% !important;
}
.pcontent .pcontent-info:hover{background-color: #fdd700}
.pcontent .pcontent-info {
    width: 50%;
    /*height: 502px;*/
    padding: 158px 265px 0 151px;
}

.pcontent .pcontent-info h2{
    font-weight: 500;
    font-size: 34px;
    color: #000000;
    line-height: 68px;
    margin-bottom: 52px;
}
.pcontent .pcontent-info p{
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    line-height: 40px;
}
.pcontent .pcontent-info .info-more{
    margin-top: 85px;
}

.pcontent:nth-child(odd)  .pcontent-info{
 transform: translateX(100%);
}
div.pcontent:first-child  .pcontent-info:hover{background-color: #fdd700}
div.pcontent:last-child   .pcontent-info:hover{background-color: #fdd700}
div.pcontent:first-child,div.pcontent:last-child{ background-size: 100% !important;}
div.pcontent:first-child  .pcontent-info,div.pcontent:last-child  .pcontent-info{   padding: 80px 80px 0 114px; transform: translateX(137%) !important;
    margin-top: 90px;
    width: 741px;
    height: 502px;
    background: #FFFFFF;}

.cptype{
    margin: 180px 316px;
}
.cptype .left h2{
    height: 54px;
    font-weight: bold;
    font-size: 50px;
    color: #000000;
    line-height: 68px;
    margin-bottom: 72px;
}
.cptype .left p{
    width: 778px;
    font-weight: 400;
    font-size: 28px;
    color: #000000;
    line-height: 45px;
    margin-bottom: 130px;

}
.cptype .right{
    margin-left: 220px;
}
.cptype .right h2{
    width: 378px;
    border-bottom: 1px solid #000000;
    font-weight: bold;
    font-size: 34px;
    color: #000000;
    line-height: 55px;
}
.cptype .right a{
    width: 378px;
    font-weight: 400;
    font-size: 24px;
    color: #595757;
    line-height: 70px;
    border-bottom: 1px solid #000000;

}


.zixun{
    margin: 130px auto;
}
.zixun .zcontent{
    width: 832px;
    border-bottom: 1px solid #000000;
}
.zixun .zcontent h3{
    font-weight: bold;
    font-size: 20px;
    color: #000000;
    line-height: 40px;
    margin-bottom: 34px;
}
.zixun .zcontent h2 a{
    font-weight: 500;
    font-size: 34px;
    color: #000000;
    line-height: 50px;
    margin-bottom: 24px;

}
.zixun .zcontent h2:hover{
   color: #FDD700;
}
.zixun .zcontent p{
    font-weight: 400;
    font-size:18px;
    color: #000000;
    line-height: 32px;
    margin-bottom: 52px;
}

.zixun .zcontent a{
    font-weight: 500;
    font-size: 24px;
    color: #000000;
    line-height: 50px;
    padding-bottom: 26px;
    align-items: center;
}
.zixun .zcontent a>span{
    display: inline-block;
    width: 33px;
    height: 28px;
    background: url("../image/right2.png") no-repeat;
    background-size: 100% 100%;
    margin-left: 25px;
    vertical-align: middle;
    margin-bottom: 3px;
}
.tiyan{position: relative}
.tiyan p{
    position: absolute;
    top: 132px;
    left: 152px;
    font-size: 90px;
    font-weight: Bold;
    color: #000000;

}
.spcenter{
    margin: 128px auto;
}
.spcenter .shipin{
    width: 408px;
    height:320px;
    background: #EBEDED;
    margin-bottom: 70px;

}
.spcenter .shipin .scontent{
    width: 408px;
    height: 229px;
    background: #EBEDED;

}
.spcenter .shipin .scontent video{
    width: 408px;
    height: 229px;

}

.spcenter .shipin .scontent h4{
    font-size: 20px;
    color: #000000;
    margin: 15px 28px 0px 28px;
    line-height: 40px;

}

.spcenter .shipin .scontent p{
    font-size: 18px;
    color: #898989;
    margin-bottom: 22px;
    margin: 0 245px 16px 28px;
    line-height: 30px;
}


.zhuanye-intro{
    font-size: 20px;
    line-height: 40px;
    margin-top: 135px;
    margin-bottom: 112px;
    /*margin: 207px 166px 115px 151px;*/
}
.zhuanye-zhengshu{
}
.zhuanye-zhengshu .zhengshu{
    width: 396px;
    height: 476px;
    background: #EBEDED;
    margin-bottom: 50px;
}
.zhuanye-zhengshu .zhengshu img{
    margin-top: 43px;
    width: 249px;
    height: 338px;
    margin-bottom: 35px;
}
.zhuanye-zhengshu .zhengshu p{
    width: 250px;
    height: 42px;
    background: #FFFFFF;
    border-radius: 21px;
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
    font-family: SourceHanSansCN-Bold;
    align-content: center;
}






.cases-select{
    margin-top: 135px;
    margin-bottom: 103px;
    /*margin: 205px 174px  42px 174px;*/
}

.cases-select .selector{
    width: 303px;
    height: 38px;
    background: #EBEDED;
    border-radius: 29px;
    /*border: 1px solid #000000;*/
    margin-right: 24px;
}
.cases-select .selector select:focus-visible {
    outline: none;
}
.cases-select .selector:hover{

}
.cases-select .selector select{
    margin:0 20px;
    width: 256px;
    margin-top: 6px;
    font-weight: 500;
    font-size: 20px;
    color: #000000;
    line-height: 26px;
    background: #EBEDED;


}
.cases-select .selector select>option{
    color: #000000;

}
.cases-select .search-form{
    /*margin: 0 174px  0 174px;*/

}
.cases-select .search-form .form{ background: #EBEDED; border-radius: 50px;width: 303px;
    height: 38px;
    padding-right: 20px;
   }
.cases-select .search-form .form input{ background: none; width: 230px; height: 46px; border: none; color: #000000; font-size: 24px;padding-left: 15px; text-indent: 10px; outline: none;}
.cases-select .search-form .form a{ background: url("../image/search2.png") no-repeat; width: 25px; height: 25px;display: block;}
.cases-content{
    /*margin: 138px 174px  0 174px;*/
}
.cases-content .case-list{

    margin-bottom: 36px;
    border-bottom: 1px solid #959494;
}
.cases-content .case-list:hover{
    border-bottom: 1px solid #FDD700;
}
.cases-content .case-list p{
    font-weight: 500;
    font-size: 20px;
    color: #000000;
    line-height: 32px;
    margin: 18px 0;
}
.cases-content .case-list .jt{
    width: 20px;
    height: 17px;
    margin:auto 0;
}
.cases-content .case-list .case-block{
    width: 406px;
    height: 406px;
    visibility: hidden;

}
.cases-content .case-list:hover .case-block{
    background: rgba(0,0,0,0.5);
    visibility: visible;
}
.cases-content .case-list .case-block h1{
    font-weight: 500;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 32px;
    text-align: center;
    padding-top: 186px;

}
.cases-content .case-list .case-block img{
    padding-top: 76px;

}

.detailinfo img{ margin:10px auto; display:block; }


.jieshaosss{margin-top: 160px;}
.jieshaosss h1{
    font-weight: 500;
    font-size:50px;
    color: #000000;
    line-height: 68px;
    margin-bottom: 85px;
}
.jieshaosss p{
    font-size: 20px;
    color: #000000;
    line-height: 40px;
}
.jieshaosss .info{width: 560px;margin-right: 48px;margin-top: 0px;font-size: 20px;line-height: 40px;}
.jieshaosss .bg{ margin-top: 85px;
    /*background-color: #EBEBEB;padding-bottom: 800px;*/
}
.jieshaosss .bg2{
    height: 600px;
    background-color: #EBEBEB;
}

.jieshao2{position: relative;top:-531px;height: 150px;}
.jieshao2 .bg2{
    width: 1280px;
    height: 600px;
    background: #000000;

}
.jieshao2 .bg2 video{
    width: 1280px;
    height: 600px;
}
.jieshao2 p{
    font-size: 24px;
    line-height: 40px;
    margin: 141px 155px 48px 56px;
}
.jieshao2 p1{
    font-size: 24px;
    line-height: 36px;
    margin: 0px 148px 0px 245px;

}
   .zixun img{
        width: 381px !important;
        height: auto;
    }


.fazhan{
    font-weight: 500;
    font-size: 50px;
    color: #000000;
    line-height: 110px;
    margin-top: 70px;
    margin-left: 150px;
    margin-bottom: 113px
}

.fazhan-box{position: relative;}
.fazhan-box:after{ content: ''; position: absolute; width: 100%; height: 1px; background: #000; top: 14px;left: 0;z-index: -1}
.fazhan-box .fazhan-pagination{
    text-align: center; }
.fazhan-box .fazhan-pagination .swiper-pagination-bullet{
    margin: 0 50px!important;
    width: 21px;
    height: 21px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 1px solid #000000;}
.fazhan-box .fazhan-pagination .swiper-pagination-bullet-active{
    background: #FDD700;
    border: none;

}

.fazhan-box .swbtn{ position: relative;}
.fazhan-box .swbtn .swiper-button-next{ right: 150px !important;background-color: #ffffff;z-index: 1;}
.fazhan-box .swbtn .swiper-button-prev{ left: 150px !important;background-color: #ffffff;z-index: 1;}

.fazhan-box .mySwiper33{margin: 0px 244px 226px 150px;}
.fazhan-box .mySwiper33 .swiper-slide-next h2{
    color: #FDD700;
}
.fazhan-box dl{
    margin-top: 96px;

}
.fazhan-box dl h2{
    font-weight: bold;
    font-size: 34px;
    color: #000000;
    line-height: 58px;
}
.fazhan-box dl p{
    width: 300px;
    /*height: 140px;*/
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    line-height: 30px;
    margin-bottom: 40px;

}

.fazhan-box .swiper-slide{ position: relative;}
.fazhan-box .swiper-slide:after{ content: ''; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #000; position: absolute; top: 0; left: 0;background-color: #ffffff; z-index: 99}
.fazhan-box .swiper-slide-active:after{ display: none}
.fazhan-box .swiper-slide-next:after{ background-color: #fdd700;border: none;}



.contact-box{
    margin: 128px auto 77px;
}
.contact-box .contact-list{
    width: 605px;
    height: 297px;
    background: #FFFFFF;
    box-shadow: 0px 5px 5px 0px rgba(88,85,87,0.44);
    border: 1px solid #B9B9B9;
    opacity: 0.8;
    margin-bottom: 73px;
}
.contact-box .contact-list .headimg{
    width: 60px;
    height: 65px;
    opacity: 0.6;
    padding-left: 43px;
    padding-top: 38px;
}
.contact-box .contact-list .info{
    padding-left: 88px;
    padding-top: 40px;
}
.contact-box .contact-list .info h2{
    font-size: 24px;
    font-weight: bold;
    line-height: 53px;
}
.contact-box .contact-list .info h3{
    font-size: 20px;
    font-weight: bold;
    line-height:53px;
}
.contact-box .contact-list .info p{
    font-size: 24px;
    font-weight: lighter;
    line-height: 50px;
    padding-right: 185px;

}

.liuyan-box{
    width: 100%;
    height: 1071px;
}
.liuyan-box h2{
    font-weight: 400;
    font-size: 34px;
    color: #000000;
    line-height: 40px;
    padding-top: 152px;
    padding-bottom: 77px;
    text-align: center;
}
.liuyan-box .liuyan-input{
    margin: 0 320px;
}
.liuyan-box .liuyan-input input{ width:608px;margin-right: 40px; background: #fff; border: none; font-size: 20px; text-indent: 30px; line-height: 70px;}
.liuyan-box .liuyan-input .email input{ width:1262px; height: 70px; background: #fff; border: none; font-size: 20px; text-indent: 30px; line-height: 70px;margin-top: 40px;}

.liuyan-box .liuyan-input textarea{ width:1262px; height: 250px; background: #fff; border: none; font-size: 20px; text-indent: 30px; line-height: 70px;margin-top: 44px;}
.liuyan-box .liuyan-input button{ background: url("../image/morebg2.png") no-repeat; color: #fff; font-size: 22px; display: block; width: 150px; height: 46px; line-height: 46px;
    margin-top: 66px;text-align: left;padding-left: 20px;
}
.liuyan-box .liuyan-submit{
    margin-right: 40px;
}
.zhiwei-box{
    position: relative;
    margin-top: 164px;
    height: 59px;
    background: #000000;
    opacity: 0.8;
    font-size: 24px;
    line-height: 40px;
    color: #FDD700;
}

.zhiwei-box .left{width: 230px;text-align: center;}
.zhiwei-box .center{width: 920px}
.zhiwei-box .right{width: 130px;margin-left: 32px}

.zhiwei-list{margin-top: 23px;border-bottom: 1px solid #000000}
.zhiwei-list:last-child{
    margin-bottom: 74px;
}
.zhiwei-list .left{width: 230px;text-align: center;}
.zhiwei-list .left h5{font-size: 20px; line-height: 40px;}
.zhiwei-list .left p{font-size: 20px; line-height: 36px;margin-top: 22px}

.zhiwei-list .center{width: 920px}
.zhiwei-list .center h4 {
    width: 920px;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    background: #000000;
    opacity: 0.5;
    padding:5px 14px;
    margin-bottom: 7px;
}

.zhiwei-list .center p {
    font-size: 16px;
    line-height: 30px;
    padding-left:14px ;
}
.zhiwei-list .center h5 {
    background: #EBEBEB;
    font-size: 16px;
    padding-left: 10px;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 8px;
}
.zhiwei-list .right{width: 130px;font-size: 20px;line-height: 40px;margin-left: 20px}

.cases-content .case-list{ margin-right:30px;}
.cases-content > .case-list:nth-child(3n) {
  margin-right:0px;
}






@media screen and (max-width: 1440px) {
    * {
        touch-action: auto;
    }

    body {
    }
    header .nav button {
        background: url(../image/menu.png) no-repeat;
        width: 39px;
        height: 31px;
        margin-left: 60px;
    }
    header .logo {
        width: 281px;
        height: 89px;
        background: #FDD700;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    header .logo img {
        display: block;
        margin: 34px auto 0;
    }
    header .nav a {
        font-weight: 400;
        font-size: 16px;
        margin: 0 10px;
        color: #000000;
        line-height: 40px;
    }
    footer .mt1654{ width: 1241px;}
    .mt1440 {
        width: 100%;
    }

    .videos{ display:none; border: 1px solid #080808; position:fixed; left:13%; top:150px;z-index:100; width:70%;  }


    .mt1620{ max-width: 1215px; width: 100%; margin: 0 auto;}
    .mt1654 {
      width: 1215px ;
    }
    .banner{ max-height: 713px;}
    .homebanner .swiper-slide img{
        max-width: 1440px;
    }
    .homeabout {
        padding-top: 160px;
        padding-left: 100px;
    }
    .homeabout  img {
        max-width: 647px;
    }
    .homeabout .desc {
        padding-top: 80px;
        font-weight: 400;
        font-size: 21px;
        color: #353535;
        line-height: 32px;
        margin-bottom: 130px;
    }





    .shangye .leftinfo {
        display: grid;
        grid-template-columns: 247px 434px;
        grid-template-rows: 498px 450px;
    }
    .shangye .leftinfo .homeimg img {
        width: 359px;
    }

    .homeproduct .cp .rimg {
        width: 756px;
    }
    .homeproduct .mySwiper2 {
        width: 983px;
        margin-top: 250px;
    }
    .homeproduct .mySwiper2 dl dt {
        width: 316px;
        height: 455px;
        background: #EBEDED;
    }
    .homeproduct .mySwiper2 dl dt a img {
        max-width: 250px;
    }




    .proline{
        padding-top: 148px;}
    .proline h1{
        font-weight: bold;
        font-size: 53px;
        color: #000000;
        line-height: 51px; text-align: center;
        padding-bottom: 86px;
    }
    .proline .tabs{ border-bottom: 6px solid #898989;}
    .proline .tabs a{ margin: 0 30px;
        font-weight: bold;
        font-size: 18px;
        color: #898989; border-bottom: 6px solid #898989;
        line-height: 37px; margin-bottom: -6px;}
    .proline .tabs a.cur,.proline .tabs a:hover{ color: #000; border-bottom: 6px solid #fdd700;}

    .proline .info{ padding: 120px 0;}
    .proline .info .left{
        margin-left: 140px;
        font-weight: 400;
        font-size: 16px;
        color: #000000;
        line-height: 31px;
        margin-right: 150px;}
    .proline .info .left h2{
        margin-bottom: 77px;
        font-weight: 500;
        font-size: 38px;
        color: #000000;
        line-height: 51px;
    }
    .proline .info .right{
        width: 482px; height: 272px; background: #000;
    }

    .proline .info .right video{
        width: 482px; height: 272px;
    }

    .service{ position: relative;
        padding-top: 148px;
        padding-bottom: 200px;}
    .service .swiper-button-next{top: 300px !important; right: 0 !important;}
    .service .swiper-button-prev{top: 300px !important; left:0 !important;}
    .service .mySwiper2{ max-width: 952px;}
    .service .mySwiper2 dl{ }
    .service .mySwiper2 dl dt {width: 300px; height: 375px; background: #EBEDED;}
    .service .mySwiper2 dl dt a { display: block; margin: 0 auto;}
    .service .mySwiper2 dl dt img{max-width: 250px;text-align: center}

    .service .mySwiper2 dl dd{
        padding-top: 44px;}
    .service .mySwiper2 dl dd h2{
        font-weight: bold;
        font-size: 20px;
        color: #2F3133;
        line-height: 26px;
    }
    .service .mySwiper2 dl dd p{font-size: 18px;line-height: 26px;  color: #2F3133;}


    .service .morebtn{
        padding-top: 126px;
        padding-right: 112px;}


    .chuizhi{ width: 100%;
        overflow: hidden;  }
    .chuizhi h1{
        font-weight: bold;
        font-size: 53px;
        color: #000000;
        line-height: 51px;
        text-align: center;
        padding-top: 119px;
    }
    .chuizhi .mySwiper33{ width: 88%; padding: 14px 0;
        margin-left: 240px;}
    .chuizhi dl{ border: 1px solid #959595; padding: 18px 19px;width: 305px;
        height: 233px;}
    .chuizhi dl:hover{box-shadow: 0px 5px 15px 0px rgba(14,5,10,0.3);}
    .chuizhi dl dt{height: 158px;}
    .chuizhi dl dt img{width:280px;height: 168px;}
    .chuizhi dl dd{ height: 25px;align-items: center; align-content: center; width: 127px;}
    .chuizhi dl dd h2{
        margin: 14px 72px;
        width: 127px;
        height: 26px;
        background: #000000;
        border-radius: 19px;
        text-align: center;
        font-weight: 400;
        font-size: 18px;
        color: #FFFFFF;
        line-height: 30px;
    }



    .chuizhi dl dd h2:hover{ color: #fdd700}
    .chuizhi .swbtn{ position: relative; height: 100px;}
    .chuizhi .swbtn .swiper-button-next{ right: 45px !important;}
    .chuizhi .swbtn .swiper-button-prev{ right: 140px !important; left: auto !important;}

    .chuizhi .jieshao{  background-size:contain; background-position: top left; background-repeat: no-repeat; position: relative;
        margin-top: 88px;}
    .chuizhi .jieshao img{
        width: 1279px;
        opacity: 0;}
    .chuizhi .jieshao .info{
        width: 450px;
        background: #FDD700;
        position: absolute;
        right: 0;
        bottom: 0;
        padding-left: 46px;
        padding-right: 41px;
        padding-top: 42px;

    }

    .chuizhi .jieshao .info h2{
        font-weight: 500;
        margin-bottom: 45px;
        font-size: 30px;
        color: #000000;
        line-height: 30px;
    }
    .chuizhi .jieshao .info p{
        font-weight: 400;
        font-size: 18px;
        color: #000000;
        line-height: 31px;
    }
    .kjprolist{
        padding-top: 25px;}
    .kjprolist dl{ width: 25%;
        padding-bottom: 50px;
        margin: 25px 0;}
    .kjprolist dl dt{
        font-weight: 500;
        font-size: 15px;
        color: #000000;
        line-height: 36px;
    }
    .kjprolist dl dd{    font-size: 14px;
        color: #000000;width: 225px;

        line-height: 36px;}
    .kjprolist dl dd p{}
    .kjprolist dl dd p:nth-child(odd){
        background: rgba(0,0,0,0.1);
    }
    .kjprolist dl:nth-child(-n+4){ border-bottom: 1px solid rgba(0,0,0,0.3);}







    .zixun{
        margin: 128px 113px 0;
    }
    .zixun .zcontent{
        width: 803px;
        border-bottom: 1px solid #000000;
    }
    .zixun .zcontent h3{
        font-weight: bold;
        font-size: 20px;
        color: #000000;
        line-height: 30px;
        margin-bottom: 35px;
    }
    .zixun .zcontent a{
        font-weight: 500;
        font-size: 24px;
        color: #000000;
        line-height: 38px;
        margin-bottom: 26px;

    }

    .zixun .zcontent p{
        font-weight: 400;
        font-size: 20px;
        color: #000000;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .zixun .zcontent a{
        font-weight: 500;
        font-size: 18px;
        color: #000000;
        line-height: 38px;
        padding-bottom: 23px;
        align-items: center;
    }
    .zixun .zcontent a>span{
        display: inline-block;
        width: 25px;
        height: 21px;
        background: url("../image/right2.png") no-repeat;
        background-size: 100% 100%;
        margin-left: 20px;
        vertical-align: middle;
        margin-bottom: 3px;
    }

    .zixun img{
        width: 343px;
        height: 217px;
    }

    .tiyan{position: relative}
    .tiyan p{
        position: absolute;
        top: 132px;
        left: 152px;
        font-size: 90px;
        font-weight: Bold;
        color: #000000;

    }
    .spcenter{
        width: 1215px;
        margin: 97px 108px 0;
    }
    .spcenter .shipin{
        width: 370px;
        height: 290px;
        background: #EBEDED;
        margin-bottom: 53px;

    }
    .spcenter .shipin .scontent{
        width: 370px;
        height: 290px;
        background: #EBEDED;

    }
    .spcenter .shipin .scontent video{
        width: 370px;
        height: 208px;

    }

    .spcenter .shipin .scontent h4{
        font-size: 20px;
        color: #000000;
        margin: 15px 80px 0px 26px;
        line-height: 33px;

    }

    .spcenter .shipin .scontent p{
        font-size: 16px;
        color: #898989;
        margin-bottom: 22px;
        margin: 0 0px 0px 26px;
        line-height: 27px;
    }


    .product{
    }
    .product .p-img{
        width: 100%; margin-top: -216px;z-index: -1;position: relative;
    }
    .product .box-left{
        margin-top: 70px;
        padding-left: 116px;
        width: 848px;
        background: #FFFFFF;
        padding-bottom: 50px
    }
    .product .box-left h2{
        padding-top: 77px;
        font-size: 41px;
        line-height: 51px;
        font-weight: 500;

    }
    .product .box-left p{
        padding-top: 38px;
        padding-bottom: 66px;
        padding-right: 117px;
        font-size: 21px;
        line-height: 36px;
        font-weight: 400;
    }


    .pcontent{
        position: relative;
        height: 488px;
        width: 100%;
        overflow: hidden;
        background-size: 50% !important;
    }

    .pcontent .pcontent-info {
        width: 50%;
        height: 502px;
        padding: 72px 265px 0 151px;
    }

    .pcontent .pcontent-info h2{
        font-weight: 500;
        font-size: 41px;
        color: #000000;
        line-height: 51px;
        margin-bottom: 38px;
    }
    .pcontent .pcontent-info p{
        font-weight: 400;
        font-size: 21px;
        color: #000000;
        line-height: 36px;
    }
    .pcontent .pcontent-info .info-more{
        margin-top: 42px;
    }

    .pcontent:nth-child(odd)  .pcontent-info{
        transform: translateX(100%);
    }

    div.pcontent:first-child,div.pcontent:last-child{ background-size: 100% !important;}
    div.pcontent:first-child  .pcontent-info,div.pcontent:last-child  .pcontent-info{   padding: 60px 65px 0 85px; transform: translateX(138%) !important;
        margin-top: 54px;
        width: 556px;
        height: 377px;
        background: #FFFFFF;}



    .cptype {
        margin: 147px 115px;
    }

    .cptype .left h2{
        height: 54px;
        font-weight: bold;
        font-size: 41px;
        color: #000000;
        line-height: 51px;
        margin-bottom: 60px;
    }
    .cptype .left p{
        width: 584px;
        font-weight: 400;
        font-size: 21px;
        color: #000000;
        line-height: 34px;
        margin-bottom: 97px;

    }
    .cptype .right{
        margin-left:160px;
    }
    .cptype .right h2{
        width: 470px;
        border-bottom: 1px solid #000000;
        font-weight: bold;
        font-size: 23px;
        color: #000000;
        line-height: 41px;
    }
    .cptype .right a{
        width: 470px;
        font-weight: 400;
        font-size: 21px;
        color: #595757;
        line-height: 53px;
        border-bottom: 1px solid #000000;

    }









    .zhuanye-intro {
        font-size: 21px;
        line-height:36px;
        margin-top: 155px;
        margin-bottom: 86px;
    }
    .zhuanye-zhengshu .zhengshu {
        width: 375px;
        height: 450px;
        background: #EBEDED;
        margin-bottom: 45px;
    }
    .zhuanye-zhengshu .zhengshu img {
        margin-top: 41px;
        width: 236px;
        height: 320px;
        margin-bottom: 32px;
    }
    .zhuanye-zhengshu .zhengshu p {
        width: 236px;
        height: 40px;
        font-size: 20px;
        line-height: 30px;
    }



    .cases-select {
        margin: 154px 130px ;
    }
    .cases-select .selector {
        width: 374px;
        height: 44px;

    }
    .cases-select .selector select {
        margin: 0 24px;
        width: 227px;
        margin-top: 10px;
        font-weight: 500;
        font-size: 20px;
        color: #000000;
        line-height: 30px;
    }
    .search-form {
        /*margin: 0 20px;*/
    }
    .search-form .form {
        background: #EBEDED;
        border-radius: 50px;
        width: 374px;
        height: 44px;
        padding-right: 20px;
    }
    .search-form .form input {
        background: none;
        width: 227px;
        height: 44px;

    }
    .cases-content {
        margin: 103px 130px 0 130px;
    }
    .cases-content .case-list .case-block {
        width: 375px;
        height: 375px;
    }
    .cases-content .case-list .case-block h1 {
        font-weight: 500;
        font-size: 27px;
        color: #FFFFFF;
        line-height: 30px;
        text-align: center;
        padding-top: 140px;
    }



    .jieshaosss {
       width: 963px;
        margin-top: 148px;
    }
    .jieshaosss .bg {
        margin-top: 154px;
    }
    .jieshaosss h1 {
        font-weight: 500;
        font-size: 45px;
        color: #000000;
        line-height: 83px;
        margin-bottom: 30px;
    }
    .jieshaosss .info {
        width: 560px;
        margin-right: 65px;
        margin-top: 30px;
        font-size: 16px;
        line-height: 29px;
    }
    .jieshaosss .bg2 {
        height: 620px;
        background-color: #EBEBEB;
    }
    .jieshao2 {
        position: relative;
        top: -500px;
        height: 50px;
    }
    .jieshao2 .bg2{
        height: 590px;
      }
    .jieshao2 .bg2 img , .jieshao2 .bg2 video{
        width: 954px;
        height: 590px;
    }
    .jieshao2 p {
        font-size: 24px;
        line-height: 45px;
        margin: 106px 107px 60px 60px;
    }
    .jieshao2 p1 {
        font-size: 18px;
        line-height: 27px;
        margin: 0px 92px 0px 180px;
    }

    .fazhan-box .mySwiper33 {
        margin: 0px 170px 210px 170px;
    }










    .contact-box{
        margin: 122px auto 180px;
    }
    .contact-box .contact-list{
        width: 508px;
        height: 249px;
        background: #FFFFFF;
        box-shadow: 0px 5px 5px 0px rgba(88,85,87,0.44);
        border: 1px solid #CDCDCD;
        opacity: 0.8;
        margin-bottom: 62px;
    }
    .contact-box .contact-list .headimg{
        padding-left: 36px;
        padding-top: 32px;
    }
    .contact-box .contact-list .info{
        padding-left: 70px;
        padding-top: 35px;
    }
    .contact-box .contact-list .info h2{
        font-size: 18px;
        font-weight: bold;
        line-height: 45px;
    }
    .contact-box .contact-list .info h3{
        font-size: 21px;
        font-weight: bold;
        line-height: 45px;
    }
    .contact-box .contact-list .info p{
        font-size: 18px;
        font-weight: lighter;
        line-height: 30px;
        padding-right: 50px;

    }

    .liuyan-box{
        width: 100%;
    }
    .liuyan-box h2{
        font-weight: 400;
        font-size: 50px;
        color: #000000;
        line-height: 40px;
        padding-top: 152px;
        padding-bottom: 82px;
        text-align: center;
    }
    .liuyan-box .liuyan-input{
        margin: 0 218px;
    }
    .liuyan-box .liuyan-input input{ width:459px;margin-right: 40px; background: #fff; border: none; font-size: 28px; text-indent: 30px; line-height: 70px;}
    .liuyan-box .liuyan-input .email input{ width:962px; height: 70px; background: #fff; border: none; font-size: 28px; text-indent: 30px; line-height: 70px;margin-top: 40px;}

    .liuyan-box .liuyan-input textarea{ width:962px; height: 190px; background: #fff; border: none; font-size: 28px; text-indent: 30px; line-height: 70px;margin-top: 44px;}
    .liuyan-box .liuyan-input button{ background: url("../image/morebg.png") no-repeat; color: #fff; font-size: 30px; display: block; width: 206px; height: 46px; line-height: 46px;
        margin-top: 66px;
    }


    .zhiwei-box .left {
        width: 210px;
        text-align: center;
    }
    .zhiwei-list .center {
        width: 1054px;
    }
    .zhiwei-box .right {
        width: 164px;
        margin-left: 32px;
    }
    .zhiwei-list .center {
        width: 880px;
    }
    .zhiwei-list .center h4 {
        width: 880px;
    }
}
@media screen and (max-width: 1600px) {
    * {
        touch-action: auto;
    }
    body {
    }
    .shangye .leftinfo .bolimen{ padding-left:20px;}


}
@media screen and (max-width: 1024px) {
    * {
        touch-action: auto;
    }
    body {
    }


}



@media screen and (max-width: 440px) {

    * {
        touch-action: auto;
    }
    .more{ background: url("../image/more_min.png") no-repeat; width:140px; height: 46px; display: block;}
    .mt1654{
        width: 100%;
    }

    /* 隐藏滚动条的样式 */
    ::-webkit-scrollbar {
        display: none;
    }
    #dcms_pager{
        margin: 24px 0 80px 0;
        color: #000000;

    }
    #dcms_pager .pages{}
    #dcms_pager .pages .pagination{
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #dcms_pager .pages .pagination .active{
        width: 23px;
        height: 23px;
        background: #FDD700;
        border-radius: 50%;
        text-align: center;

    }
    #dcms_pager .pages .pagination .active span{
    }
    #dcms_pager .pages .pagination li,#dcms_pager .pages .pagination a{
        margin: 0 5px;
        font-weight: bold;
        font-size: 16px ;
        line-height: 26px;
        color: #000000;
    }

    body{
        overflow-x: hidden;}
    header{background: url("../image/headerbg.png") no-repeat top center; height: 120px; position: fixed;top: 0; left: 0; width: 100%;z-index: 9}
    header .mt1654{ position: relative;}
    header .top{  height: 80px;}
    header .top a{
        margin: 0px 10px;
        height: 29px;
        line-height: 29px;
        font-weight: 500;
        font-size: 12px;
        color: #000000;
    }
    header .top a img{max-width: 28px; display:block;}
    header .top a.lang{  background: url("../image/down.png") no-repeat right center;
        margin-right: 10px;
        padding-right: 19px;}
    header .nav{
        height: 58px;
        padding-top: 17px;}
    header .nav a{
        font-weight: 400;
        font-size: 18px;
        margin: 0 14px;
        color: #000000;
        line-height: 40px;}
    header .nav button{ background: url("../image/menu.png") no-repeat; width: 39px; height: 31px; margin-left: 170px;}
    header .logo{
        width: 160px;
        height: 60px;
        background: #FDD700;
        display: block;position: fixed; top: 0; left: 0; z-index: 99999;
    }
    header .logo img{
        max-width: 130px;
        display: block; margin: 20px auto;
    }
    footer{ background: #000; color: #fff; padding-top: 20px;font-size: 20px;}
    footer .mt1654{ width: 430px; display: block; border-top: 1px solid #808080; border-bottom: 1px solid #808080;
        padding: 0 10px;}

    footer .left{padding-top: 24px;}
    footer .right{padding-top: 54px;}
    footer .left h1{ font-size: 26px;}
    footer .left h2{ font-size: 16px; color: #fdd700; line-height: 60px;}
    footer .left img {
        margin-top: 26px;
        margin-bottom: 30px;}
    footer .left h4{ font-size: 17px; line-height: 40px; }
    footer .copyright{ line-height: 70px;}
    footer .right{ width: 100%}
    footer .right dl{margin-bottom: 5px;}
    footer .right a{ color: #fff;}
    footer .right dl dt{ line-height: 40px; }
    footer .right dl dd{ max-width: 520px;}
    footer .right dl dd a{ color:#aaabab; display: block; line-height: 30px;}
    footer .right dl:nth-child(2) dd a{ display: inline-block;
        margin-right: 20px;}
    footer .right .othermenu{border-top: 1px solid #808080;
        margin-top: 10px; padding-top: 40px; font-size: 16px;}
    footer .form{ background: #333; border-radius: 50px; width: 265px; height: 46px;
        padding-right: 20px;
        float: right;
        margin-top: -130px;}
    footer .form input{ background: none; width: 200px; height: 46px; border: none; color: #fff; font-size: 14px; text-indent: 20px; outline: none;}
    footer .form a{  background: url("../image/search.png") no-repeat; width: 20px; height: 20px;display: block;}


    .title{
        font-weight: bold;
        font-size:24px;
        color: #000000; position: relative;
    }
    .title:after{ content: '';position: absolute; bottom: -5px;
        z-index: -1; left: 0; width: 96px;height: 18px;background: #FDD700;}

    .title1{
        width: auto;
        font-family: Arial;
        font-weight: 400;
        font-size: 22px;
        color: #000000;
        line-height: 38px;
    }



    .homebanner .swiper-wrapper img{
        max-height: 382px;
    }
    .swiper-pagination{
        width: 90px !important;
        left: 20px !important;
        bottom: 16px !important;
    }

    .swiper-button-prev{ left: 10px !important;}
    .swiper-button-next{ right: 10px !important;}
    .homeabout{
        display: block;
        padding-top: 0px;
        padding-left: 0px;}
    .homeabout .aboutinfo{margin:20px;}
    .homeabout .desc {
        padding-top: 35px;
        font-weight: 400;
        font-size: 14px;
        color: #353535;
        line-height: 22px;
        margin-bottom: 40px;}

    .homeabout .desc p{margin-bottom: 32px;}
    .homeabout .aboutinfo .more{background: url("../image/more.png") no-repeat; width:140px; height: 46px; display: block;margin-bottom: 20px;}
    .homeabout  img{ max-width: 100%;}

    .homeserver{ background: url("../image/tianxia.png") no-repeat top center; max-height: 440px; background-size: cover; margin-top: 90px; padding-top: 220px;}
    .homeserver a{ display: block; margin: 0 3px; background: url("../image/morebg_min.png") no-repeat ; width: 130px; height: 28px; line-height: 30px;
        padding-left:20px;
        font-weight: 400;
        font-size: 14px;
        color: #FFFFFF;
    }

    .shangye{display: block;}
    .shangye .leftinfo,.shangye .rightinfo{ width: 100%}

    .shangye .leftinfo{ display: grid; grid-template-columns: 200px 200px;
        grid-template-rows: 200px 340px;}
    .shangye .leftinfo .homeimg img{width: 200px}
    .shangye .leftinfo div{ }
    .shangye .leftinfo div h2{
        padding-top: 74px;
        text-align: center;
        font-weight: 500;
        font-size: 26px;
        color: #000000;
    }
    .shangye .leftinfo .bolimen{ text-align: left;
        padding-left: 30px; line-height: 40px;font-size: 20px;font-weight: 400;
        padding-bottom: 85px ;}
    .shangye .leftinfo .bolimen h5{
        margin-bottom: 38px; }
    .shangye .rightinfo img{width: 100%}
    .mySwiper1 .swiper-button-next{ bottom: 50px !important; top: initial;}
    .mySwiper1 .swiper-button-prev{ bottom: 50px !important; top: initial; left: initial !important; right: 120px}


    .homeproduct{
        margin: 20px;}
    .homeproduct .cp{display: block;}
    .homeproduct .cp img{max-width: 300px; }
    .homeproduct .sgq{margin-top: 30px;}
    .homeproduct .line{margin-top:35px;width: 45px;
        height: 5px;
        background:#FDD700;}
    .homeproduct .desc{
        margin-top: 54px;
        font-weight: 400;
        font-size: 18px;
        color: #000000;
        line-height: 32px;}
    .homeproduct .prolist{ position: relative;left: 0px;}
    .homeproduct .mySwiper2{ width: 350px;
        margin-top: 200px;}
    .homeproduct .mySwiper2 dl{ }
    .homeproduct .mySwiper2 dl dt {width: 310px; height: 400px; background: #EBEDED;}
    .homeproduct .mySwiper2 dl dt a { display: block; margin: 0 auto; }
    .homeproduct .mySwiper2 dl dt a img{max-width: 250px;}
    .homeproduct .mySwiper2 dl dd{
        padding-left: 20px;
        padding-top: 40px;}
    .homeproduct .mySwiper2 dl dd h2{
        font-weight: bold;
        font-size: 23px;
        color: #2F3133;
        line-height: 35px;
    }
    .homeproduct .mySwiper2 dl dd p{  color: #2F3133;}
    .homeproduct  .swiper-pagination{ left: 5px !important; bottom: 230px !important; background: none;}
    .homeproduct  .swiper-pagination .swiper-pagination-bullet-active{  background: none; font-weight: bold;}
    .homeproduct  .swiper-button-prev{ border: none; left: 5px !important; transform: rotate(90deg); bottom: 188px !important; top: initial !important; width: 22px !important;}
    .homeproduct  .swiper-button-next{ border: none; left: 5px !important; transform: rotate(90deg); bottom: 148px !important; top: initial !important; width: 22px !important;}
    .homeproduct  .swiper-button-prev:hover{ background: none !important;}
    .homeproduct  .swiper-button-next:hover{ background: none !important;}
    .homeproduct  .more{ background: url("../image/more.png") no-repeat; width:160px; height: 46px; display: block;margin-top: 70px;}

    .homecase{ margin: 20px;}
    .homecase .imglist{ display: grid; grid-template-columns: 1fr 1fr 1fr;
        margin-top: 60px;}

    .homecase .imglist img{ display: block; width: 100%;}

    .homeconcat{ background:#ebeded;
        padding-bottom: 160px;
        padding-top: 62px;}
    .homeconcat .lx{display: grid;}
    .homeconcat h2{ font-weight: bold;
        font-size: 24px;
        margin-bottom: 33px;
    margin-left: 20px;}
    .homeconcat input ,.homeconcat textarea{ width:410px; height: 70px; background: #fff; border: none; font-size: 20px; text-indent: 30px; line-height: 70px;margin: 10px;}
    .homeconcat button{ background: url("../image/morebg.png") no-repeat; color: #fff; font-size: 20px; display: block; width: 220px; height: 46px; line-height: 46px;
        margin-top: 20px;
    }







    .banner{max-height: 220px;}




    .proline{
        padding-top: 100px;}
    .proline h1{
        font-weight: bold;
        font-size: 28px;
        color: #000000;
        line-height: 48px; text-align: center;
        padding-bottom: 40px;
    }
    .proline .tabs{
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        overflow: scroll;
        white-space: nowrap;
        border-bottom:none;
    }
    .proline .tabs a{
        margin: 0 10px ;
        font-weight: bold;
        font-size: 16px;
        color: #898989;
        border-bottom: none;
        line-height: 30px;
    }
    .proline .tabs a.cur{ color: #000;
        border-bottom: 7px solid #fdd700;
    }

    .homecase .imglist{ grid-template-columns:1fr}




    .proline .info{ padding:0; display: block;}
    .proline .info .left{
        margin: 20px;
        font-weight: 400;
        font-size: 14px;
        color: #000000;
        line-height: 32px;
       }
    .proline .info .left h2{
        margin-bottom: 10px;
        font-weight: 500;
        font-size: 22px;
        color: #000000;
        line-height: 50px;
    }
    .proline .info .right{
        width: 100%; height: 277px; background: #000;
    }

    .proline .info .right video{
        width:  100%; height: 277px;
    }




    .service{ position: relative;
        padding:50px 0;}
    .service .swiper-button-next{ top: 450px !important;right:30px !important;display: none;}
    .service .swiper-button-prev{top: 450px !important; left:30px !important;display: none;}
    .service .mySwiper2{ max-width: 440px;padding-bottom: 50px}
    .service .mySwiper2 dl{ }
    .service .mySwiper2 dl dt {width: 133px; height: 250px; background: #EBEDED;}
    .service .mySwiper2 dl dt a { display: block; margin: 0 auto;}
    .service .mySwiper2 dl dt img{max-width: 100px;text-align: center}
    .service .mySwiper2 dl dd{
        padding-top: 20px;}
    .service .mySwiper2 dl dd h2{
        font-weight: bold;
        font-size: 13px;
        color: #2F3133;
        line-height: 30px;
    }
    .service .mySwiper2 dl dd p{font-size: 13px;  color: #2F3133;}
    .service .morebtn{
        padding-top: 0px;}


    .chuizhi{ width: 100%;
        overflow: hidden;  }
    .chuizhi h1{
        font-weight: bold;
        font-size: 28px;
        color: #000000;
        line-height: 68px;
        text-align: center;
        padding-top: 60px;
    }

    .chuizhi .mySwiper33{ width: 88%; padding: 40px 0;
        margin-left: 30px;}
    .chuizhi dl{ border:1px solid #EBEBEB; padding:10px;width: 100%;height: 160px;}
    .chuizhi dl:hover{box-shadow: 0px 5px 15px 0px rgba(14,5,10,0.3);}
    .chuizhi dl dt{height: 102px;}
    .chuizhi dl dt img{width: 158px;height: 100px}
    .chuizhi dl dd{ height: 48px;align-items: center; align-content: center; width:100%;}
    .chuizhi dl dd h2{
        margin: 0 auto;
        width: 58px;
        height: 23px;
        background: #000000;
        border-radius: 19px;
        text-align: center;
        font-weight: 400;
        font-size: 12px;
        color: #FFFFFF;
        line-height: 24px;
    }

    .chuizhi dl dd h2:hover{ color: #fdd700}
    .chuizhi .swbtn{ position: relative; height: 100px;display: none;}
    .chuizhi .swbtn .swiper-button-next{ right: 30px !important;}
    .chuizhi .swbtn .swiper-button-prev{ left: 30px !important;}

    .chuizhi .jieshao{ width: 100%; background-size:contain; background-position: top center; background-repeat: no-repeat;
        margin-top: 18px;}
    .chuizhi .jieshao img{
        height: 286px;
        opacity: 0;}
    .chuizhi .jieshao .info{
        position: static;
        width: 100%;
        padding-bottom: 20px;
        background: #FDD700;
        padding-left: 30px;
        padding-right: 50px;
        padding-top: 30px;
    }

    .chuizhi .jieshao .info h2{
        font-weight: 500;
        margin-bottom: 20px;
        font-size: 22px;
        color: #000000;
        line-height: 40px;
    }
    .chuizhi .jieshao .info p{
        font-weight: 400;
        font-size: 14px;
        color: #000000;
        line-height: 32px;
    }
    .kjprolist{
        padding-top: 25px;}
    .kjprolist dl{ width:45%;
        padding-bottom: 20px;
        margin: 0 auto;}
    .kjprolist dl dt{
        font-weight: 500;
        font-size: 14px;
        color: #000000;
        line-height: 36px;
    }
    .kjprolist dl dd{    font-size: 14px;
        color: #000000;width: 192px;

        line-height: 36px;}
    .kjprolist dl dd p{}
    .kjprolist dl dd p:nth-child(odd){
        background: rgba(0,0,0,0.1);
    }
    .kjprolist dl:nth-child(-n+4){ border-bottom: 1px solid rgba(0,0,0,0.3);}


















    .product{

    }
    .product .p-img{
        width: 100%; margin-top: -60px;z-index: -1;position: relative;
    }
    .product .box-left{
        margin-top: 40px;
        padding-left: 10px;
        width: 250px;
        background: #FFFFFF;
        padding-bottom: 0px;
    }
    .product .box-left:hover{background-color: #fdd700}
    .product .box-left a{
        color: #000000;
    }
    .product .box-left a h2{
        padding-top: 22px;
        font-size: 22px;
        line-height: 37px;
        font-weight: 500;

    }
    .product .box-left p{
        padding-top: 10px;
        padding-bottom: 20px;
        padding-right: 10px;
        font-size: 13px;
        line-height: 20px;
        font-weight: 400;
    }
    .product .box-left .more{
        background: url("../image/more_pro.png") no-repeat; width:60px; height: 22px; display: block;!important;
    }

    .pcontent{
        position: relative;
        height: 146px;
        width: 100%;
        overflow: hidden;
        background-size: 50% !important;
    }

    .pcontent .pcontent-info {
        width: 50%;
        /*height: 150px;*/
        padding:15px;
    }

    .pcontent .pcontent-info h2{
        font-weight: 500;
        font-size: 22px;
        color: #000000;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .pcontent .pcontent-info p{
        font-weight: 400;
        font-size:13px;
        color: #000000;
        line-height: 18px;
    }
    .pcontent .pcontent-info .info-more{
        margin-top: 5px;
    }
    .pcontent .pcontent-info .info-more .more{
        background: url("../image/more_pro.png") no-repeat; width:60px; height: 22px; display: block;!important;
    }
    .pcontent:nth-child(odd)  .pcontent-info{
        transform: translateX(100%);
    }

    div.pcontent:first-child,div.pcontent:last-child{ background-size: 100% !important;}
    div.pcontent:first-child  .pcontent-info,div.pcontent:last-child  .pcontent-info{
        padding: 10px;
        transform: translateX(112%) !important;
        margin-top: 8px;
        width: 200px;
        height: 128px;
        background: #FFFFFF;
    }


    .cptype{
        margin: 30px;
    }
    .cptype .left h2{
        height: 54px;
        font-weight: bold;
        font-size: 18px;
        color: #000000;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .cptype .left p{
        width: 170px;
        font-weight: 400;
        font-size: 14px;
        color: #000000;
        line-height: 25px;
        margin-bottom: 30px;

    }
    .cptype .right{
        margin-left: 40px;
    }
    .cptype .right h2 {
        width: 130px;
        border-bottom: 1px solid #000000;
        font-weight: bold;
        font-size: 24px;
        color: #000000;
        line-height: 34px;
    }
    .cptype .right a{
        width: 130px;
        font-weight: 400;
        font-size: 14px;
        color: #595757;
        line-height: 38px;
        border-bottom: 1px solid #000000;

    }






    .zixun{
        max-width: 400px;
        margin: 20px auto;
    }
    .zixun .zcontent{
        width: 1071px;
        border-bottom: 1px solid #000000;
    }
    .zixun .zcontent h3{
        font-weight: bold;
        font-size: 16px;
        color: #000000;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .zixun .zcontent h2{
        font-weight: 500;
        font-size: 22px;
        color: #000000;
        line-height: 30px;
        margin-bottom: 10px;

    }
    .zixun .zcontent p{
        font-weight: 400;
        font-size: 14px;
        color: #000000;
        line-height: 24px;
        margin-bottom: 18px;
    }

    .zixun .zcontent a{
        font-weight: 500;
        font-size: 14px;
        color: #000000;
        line-height: 20px;
        margin-bottom: 0px;
        padding-bottom: 5px;
        align-items: center;
    }
    .zixun .zcontent a>span{
        display: inline-block;
        width: 20px;
        height: 14px;
        background: url("../image/right2.png") no-repeat;
        background-size: 100% 100%;
        margin-left:14px;
        vertical-align: middle;
        margin-bottom: 3px;
    }

    .tiyan{position: relative}
    .tiyan p{
        position: absolute;
        top: 20px;
        left: 20px;
        font-size: 28px;
        font-weight: Bold;
        color: #000000;
    }
    .spcenter{
        width: 430px;
        margin: 0;
    }
    .spcenter .shipin{
        width: 390px;
        height: 320px;
        background: #EBEDED;
        margin: 20px auto;

    }
    .spcenter .shipin .scontent{
        width: 390px;
        height: 320px;
        background: #EBEDED;

    }
    .spcenter .shipin .scontent  video{
        width: 390px;
        height: 228px;

    }
    /*.spcenter .shipin .scontent .scontent-video video{*/
    /*    width: 493px;*/
    /*    height: 277px;*/
    /*}*/
    .spcenter .shipin .scontent h4{
        font-size: 20px;
        color: #000000;
        margin: 5px;
        line-height: 30px;

    }

    .spcenter .shipin .scontent p{
        font-size: 16px;
        color: #898989;
        margin: 5px;
        line-height: 30px;
    }











    .zhuanye-intro{
        font-size: 14px;
        line-height: 28px;
        margin: 20px;
    }
    .zhuanye-zhengshu {
        margin: 0px 30px;
    }




    .cases-select{
        margin: 15px;
        width: 400px;
        display: flex;
        flex-wrap: wrap;
    }

    .cases-select .selector{
        width: 170px;
        height: 40px;
        background: #EBEDED;
        border-radius: 29px;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .cases-select .selector select:focus-visible {
        outline: none;
    }
    .cases-select .selector:hover{

    }
    .cases-select .selector select{
        margin:0 10px;
        width: 150px;
        margin-top: 10px;
        font-weight: 500;
        font-size: 14px;
        color: #000000;
        line-height: 40px;

    }
    .cases-select .selector select>option{
        color: #000000;

    }
    .cases-select   .search-form{
        margin: 0 ;

    }
    .cases-select   .search-form .form{ background: #EBEDED; border-radius: 50px;width: 170px;
        height: 40px;
        padding-right: 20px;
    }
    .cases-select  .search-form .form input{ background: none; width: 120px; height: 40px; border: none; color: #000000; font-size: 16px;padding-left: 15px; text-indent: 10px; outline: none;}
    .cases-select   .search-form .form a{ background: url("../image/search2.png") no-repeat; width: 25px; height: 25px;display: block;}
    .cases-content{
        margin: 20px;
    }
    .cases-content .case-list{
        margin-bottom: 36px;
    }
    .cases-content .case-list .case-block{
            width: 100%;
      
        visibility: hidden;

    }
    .cases-content .case-list:hover .case-block{
        background: rgba(0,0,0,0.5);
        visibility: visible;
    }
    .cases-content .case-list .case-block h1{
        font-weight: 500;
        font-size: 36px;
        color: #FFFFFF;
        line-height: 40px;
        text-align: center;
        padding-top: 80px;

    }
    .cases-content .case-list .case-block img{
        padding-top: 76px;

    }





    .jieshaosss{width:100%;margin-top: 30px;}
    .jieshaosss h1{
        font-weight: 500;
        font-size:26px;
        color: #000000;
        line-height: 40px;
        margin-bottom: 10px;
        margin-left: 15px;
    }
    .jieshaosss p{
        font-size: 18px;
        color: #000000;
        line-height: 30px;
    }
    .jieshaosss .info{width: 190px;margin-right: 10px;margin-top: 26px;font-size: 14px;line-height: 24px;margin-left: 15px;}
    .jieshaosss .bg{ margin-top: 70px;width: 430px;
        /*background-color: #EBEBEB;padding-bottom: 800px;*/
    }
    .jieshaosss .bg2{
        height: 100px;
        background-color: #EBEBEB;
    }

    .jieshao2{position: relative;top:0px;width:420px;height: 272px;display: inline;}
    .jieshao2 .bg2{
        width: 430px;
        height: 100%;
        background: #000000;

    }
    .jieshao2 .bg2 img{
        width: 430px;
        height: 100%;
    }
    .jieshao2 .bg2 video{
        width: 420px;
        height: 100%;
    }
    .jieshao2 p{
        font-size: 14px;
        line-height: 30px;
        margin: 10px 20px;
    }
    .jieshao2 p1{
        font-size: 14px;
        line-height: 26px;
        margin: 10px 20px;

    }


    .fazhan{
        font-weight: 500;
        font-size: 28px;
        color: #000000;
        line-height: 80px;
        margin-top: 20px;
        margin-left: 20px;
        margin-bottom: 40px
    }

    .fazhan-box{position: relative;}
    .fazhan-box:after{ content: ''; position: absolute;height: 1px; background: #000; top: 6px;left: 0;z-index: -1}
    .fazhan-box .fazhan-pagination{
        text-align: center; }
    .fazhan-box .fazhan-pagination .swiper-pagination-bullet{
        margin: 0 50px!important;
        width: 21px;
        height: 21px;
        background: #FFFFFF;
        border-radius: 50%;
        border: 1px solid #000000;}
    .fazhan-box .fazhan-pagination .swiper-pagination-bullet-active{
        background: #FDD700;
        border: none;

    }

    .fazhan-box .swbtn{ position: relative;}
    .fazhan-box .swbtn .swiper-button-next{ right: 20px !important;;top:4px; !important;background-color: #ffffff;z-index: 1; width: 30px !important;height: 30px !important;}
    .fazhan-box .swbtn .swiper-button-prev{ left: 20px !important;;top:4px; !important;background-color: #ffffff;z-index: 1;width: 30px !important;height: 30px !important;}
    /*.fazhan-box .swiper-slide-next:after{ background-color: #fdd700;border: none;}*/

    .fazhan-box .mySwiper33{margin:0px 10px;}
    .fazhan-box .mySwiper33 .swiper-slide-next h2{
        color: #FDD700;
    }
    .fazhan-box dl{
        margin-top: 46px;

    }
    .fazhan-box dl h2{
        font-weight: bold;
        font-size: 16px;
        color: #000000;
        line-height: 10px;
        margin-bottom: 10px;
    }
    .fazhan-box dl p{
        width: 190px;
        height: 80px;
        font-weight: 400;
        font-size: 14px;
        color: #000000;
        line-height: 30px;
        margin-bottom: 40px;

    }
    .fazhan-box dl img{
        width: 90%;
    }
    .fazhan-box .swiper-slide{ position: relative;}
    .fazhan-box .swiper-slide:after{ content: ''; width: 15px; height: 15px; border-radius: 50%; border:none; position: absolute; top: 0; left: 0;background-color: #fdd700; z-index: 99}
    .fazhan-box .swiper-slide-active:after{ display: none}
    .fazhan-box  .swiper-button-next:after{
        font-size: 14px;
    }
    .fazhan-box  .swiper-button-prev:after{
        font-size: 14px;
    }

    .contact-box{
        margin: 50px auto;
    }
    .contact-box .contact-list{
        width: 380px;
        height: 200px;
        background: #FFFFFF;
        box-shadow: 0px 5px 5px 0px rgba(88,85,87,0.44);
        border: 1px solid #CDCDCD;
        opacity: 0.8;
        margin: 20px auto;
    }
    .contact-box .contact-list .headimg {
        width: 30px;
        height: 30px;
        padding-left: 28px;
        padding-top: 23px;
    }
    .contact-box .contact-list .headimg img{
        width: 30px;
        height:30px;
    }
    .contact-box .contact-list .info{
        padding-left: 46px;
        padding-top: 24px;
    }
    .contact-box .contact-list .info h2{
        font-size: 18px;
        font-weight: bold;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .contact-box .contact-list .info h3{
        font-size: 20px;
        font-weight: bold;
        line-height: 20px;
        margin-bottom: 10px;

    }
    .contact-box .contact-list .info p{
        font-size: 14px;
        font-weight: lighter;
        line-height: 20px;
        margin-bottom: 10px;

    }
    .liuyan-box{
        width:400px;
        height: 770px;
    }
    .liuyan-box h2{
        font-weight: 400;
        font-size: 30px;
        color: #000000;
        line-height: 40px;
        padding: 40px 0;
        text-align: center;
    }
    .liuyan-box .liuyan-input{
        margin: 0 auto;
        width:400px;
    }
    .liuyan-box .liuyan-input input{ width:400px; margin-right:0;height: 70px; background: #fff; border: none; font-size: 20px; text-indent: 30px; line-height: 70px;margin-bottom: 20px;}
    .liuyan-box .liuyan-input .email input{ width:400px; height: 70px; background: #fff; border: none; font-size: 20px; text-indent: 30px; line-height: 70px;margin-top: 0px;}

    .liuyan-box .liuyan-input textarea{ width:400px; height: 200px; background: #fff; border: none; font-size: 20px; text-indent: 30px; line-height: 40px;margin-top: 0;}
    .liuyan-box .liuyan-input button{ background: url("../image/morebg.png") no-repeat; color: #fff; font-size: 20px; display: block; width: 206px; height: 46px; line-height: 46px;
        margin-top: 66px;
    }


    .zhiwei-box{
        position: relative;
        margin-top: 60px;
        height: 59px;
        background: #000000;
        opacity: 0.8;
        font-size: 12px;
        line-height: 40px;
        color: #FDD700;
    }

    .zhiwei-box .left{width: 80px;text-align: center;}
    .zhiwei-box .center{width: 270px;text-align: left;}
    .zhiwei-box .right{width: 75px;text-align: center;margin-left:0px;}

    .zhiwei-list{margin-top: 23px;border-bottom: 1px solid #000000}
    .zhiwei-list:last-child{
        margin-bottom: 140px;
    }
    .zhiwei-list .left{width: 80px;text-align: center;}
    .zhiwei-list .left h5{font-size: 14px; line-height: 30px;}
    .zhiwei-list .left p{font-size: 12px; line-height: 30px;margin-top: 18px;}
.cases-content .case-list{ margin-right:0px;}
    .zhiwei-list .center{width: 270px}
    .zhiwei-list .center h4 {
        width: 260px;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        background: #000000;
        opacity: 0.5;
        padding:5px 5px;
        margin-bottom: 7px;
    }

    .zhiwei-list .center p {
        font-size: 12px;
        line-height: 20px;
        padding-left:0px ;
    }
    .zhiwei-list .center h5 {
        background: #EBEBEB;
        font-size: 12px;
        padding-left: 10px;
        font-weight: bold;
        line-height: 24px;
        margin-bottom: 8px;
    }
    .zhiwei-list .right{width: 75px;font-size: 14px;line-height: 30px;margin-left: 2px;text-align: right}

    header .top{ padding-right: 66px}
    header .top a:first-child{ display: none}
    .nav .navlist    { display: none;}
.nav1 { background: #fff; position: fixed; top: 0; left: 0;width: 100%; height: 100% !important; z-index: 9999; display: block;}
.nav1 .navlist{ display: block;
    margin-top: 80px;}
.nav1 .navlist a{ display:  block; width: 100%; text-align: center;
    margin-top: 10px;}
    .nav #menu{ position: fixed; right: 20px; top: 20px;}
.form{ display:none}
body > header > div > div.top.dd-flex.dd-align-center.dd-justify-end > a:nth-child(2){ display:none;}

.detailinfo{ width:96% !important;}
.detailinfo img{ max-width:100%; height:auto;}
}