@media (max-width: 1920px) and (min-width: 768px) {
    html {
      zoom: 77.4%;
    }
    @-ms-viewport {
      width: 1920px;
    }
  }
.w
{
    width: 1808px;
    margin: auto;
}
body
{
    margin: 0;
    padding: 0;
    min-width:1920px;
}
li
{
    list-style: none;
}
span
{
 font-size:28px !important;
}
a
{
    text-decoration: none;
}
font {
font-size: 28px;
}
#vsb_content table {
margin: 0 auto;
}
.shuxian
{
    width: 4px;
    height: 28px;
    background-color: #37B8B2;
    transform: translate(16px,15px);
}
.title
{
    color: #404040;
    font-size: 28px;
    transform: translate(35px,-19px);
}


/*此处有代码*/
.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o 
{
   color:RGBA(125, 125, 125, 1) !important;
}
.pb_sys_common .p_fun a, .pb_sys_common .p_no a {
    color: RGBA(125, 125, 125, 1) !important;
}
.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a
{
    border: 2px solid RGBA(83, 194, 188, 1)!important;
    font-weight: bold !important;
    height: 49px !important;
    width:98px!important;
  line-height: 40px !important;
     border-radius: 8px 8px 8px 8px !important;
}
.pb_sys_style3 .p_no_d 
{
    border: 2px solid RGBA(83, 194, 188, 1)!important;
    color: #fff!important;
    width: 40px !important;
    height: 40px !important;
    line-height: 30px!important;
    background-color: RGBA(83, 194, 188, 1)!important;
    border-radius: 8px 8px 8px 8px !important;
}

















/* top css */
.top
{
    margin:0 auto ;
   /* height: 610px;*/
    height: 490px;
    background:url(../picture/picture2.png);
    background-size:cover ;
    border-radius: 0px 0px 0px 0px;
    overflow:hidden;
    
}
.top .logo
{
    width: 411px;
    height: 104px;
    background:url(../picture/logo1.png)no-repeat;
    transform:translate(56px,32px);
}
.top .show
{
    width: 750px;
    height: 490px;
    background:url(../picture/liubian.png) no-repeat;
    transform:translate(1047px,-105px);
}
.top .cletter1
{
    font-size:80px;
    color: #FFFFFF;
    letter-spacing: 5px;
    text-shadow: 0px 10pt 20px  #37B8B2;
    transform:translate(205px,-455px);
}
.top .eletter1
{
    font-size: 34px;
    color: #FFFFFF ;
    letter-spacing: -2px;
    opacity: 75%;
    transform:translate(170px,-450px);
}
.top .cletter2
{
    font-size:80px;
    color: #FFFFFF;
    letter-spacing: 5px;
    text-shadow: 0px 10pt 20px  #37B8B2;
    transform:translate(325px,-445px);
}
.top .eletter2
{
    font-size: 34px;
    color: #FFFFFF ;
    letter-spacing: -2px;
    opacity: 75%;
    transform:translate(345px,-440px);
}
/* nav css */
.nav
{
    margin-top: 8px;
    height: 128px;
    width: 1735px;
    transform:translateY(-15.4px);
    position: relative;
    z-index: 10;
}
.nav ul
{
    display: flex;
    justify-content: space-between;
    height: 128px;
   padding: 0;
}
.nav ul li
{
    font-size: 28px;
    text-align: center;
    line-height: 128px;
    width: 158px;
}
.nav ul .lan{
    line-height: 128px;
    color: rgba(112, 112, 112, 0.29);
    font-size: 25px;
}
.nav ul li:hover
{
    background-color: #37B8B2;
}
.nav ul li a
{
    display: block;
    text-decoration: none;
    color: #404040; 
}
.nav ul li a:hover
{
    color: #FFFFFF;
}
.nav ul li .droplist 
{

    all: initial;
    width: 158px;
    height: fit-content;
    display: none;

}
.nav ul li .droplist .dl
{
    all: initial;
    border-bottom: 2px solid white;
    width: 158px;
    color: #404040;
    font-size: 28px;
    text-align: center;
    line-height: 48px;
}
.nav ul li .droplist .dl a
{
    display: block;
    border-bottom: 1.2px solid white;
}
.nav ul li:hover .droplist
{
    background-color: #37B8B2;
   display: block;
}

.nav span:last-child {
    display: none;
}


/* thrid */
.thrid
{
    margin-top: 8px;
    display: grid;
    grid-template-columns:1196px 584px;
    grid-template-rows: 445px;
    column-gap: 28px;
}
.thrid .ln
{
    display: flex;
    border-radius: 5pt;
    border: 0.5pt solid rgba(183, 183, 183, 1);
    justify-content: center;
    align-items: center;  

}
.thrid .ln .lb
{
    height: 416px;
}
.thrid .lb .banner
{
    width: 560px;
    position: relative;
    height: 416px;
    overflow: hidden;
}
.thrid .lb .banner .arrow-r
{
    display: none;
    position:absolute;
    z-index:2;
}
.thrid .lb .banner ul 
{  
    position: absolute;
    display: flex;
    width: 600%;
    margin: 0;
    padding: 0;
}
.thrid .lb .banner ul li img
{
    width: 560px;
    height:366px;

}
.thrid .lb .banner ul li 
{ 
    list-style: none;
    width: 560px;
    height:366px ;
    position: relative;
}
/* 新添加 */
.thrid .lb .banner ul li p
{
    color: rgba(64, 64, 64, 1);
    font-size: 26px; 
    text-align: right;
    margin: 0px;
    margin-top:12px;
}




.thrid .lb .banner ol
{
    margin: 0;
    padding: 0;
    display:grid;
    width: 16px;
    grid-template-columns:1fr 1fr 1fr 1fr;
    column-gap: 20px;
    margin-left: 412px;

}
.thrid .lb .banner .circle li
{
    list-style: none;
    width: 16px;
    height: 16px;
    background: rgba(255,255,255,0.65);
    border-radius: 50%;
    z-index: 25;
  
}
.thrid .lb .banner .circle .current
{
    background-color: #37B8B2;
}
.thrid .lb .z
{
    margin-top: 340px;
    height: fit-content;

   /* height: 82px;*/
}
/*.thrid .lb .z p
{
    color: rgba(64, 64, 64, 1);
    font-size: 26px; 
    text-align: right;
}*/
/* thrid new */
.thrid .new
{
    height: 416px;
    width: 560px;
    border-radius: 20px;
    margin-left: 28px;
}
.thrid .new .fflex .shuxian
{
    width: 199px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background:rgba(225, 83, 83, 1);
    transform: skewX(-21.9deg);
    color: #404040;
    margin-left: 10px;
}
.thrid .new .fflex .shuxian  .title 
{
    display: inline-block;
    transform: skewX(21.9deg);
    font-size: 26px!important;
    font-weight: 400;
    color: rgb(255, 255, 255);
    margin-left: 5px;
    line-height: 36px;

}
.thrid .new .fflex .shuxian  .xwdt 
{
    display: inline-block;
    transform: skewX(21.9deg);
    height: 24px;
    margin-left: -15px;
}
.thrid .new .fflex .shuxian  .xwdt  img
{
    transform: translateY(3px);
}
.thrid .new .fflex
{
    display: flex;
    justify-content: space-between;
}
.thrid .new .more
{
    width: 361px;
    height: 36px;
    background:url(../picture/tixing1.png) no-repeat;
    margin-left: 5px;

}
.thrid .new .more a
{
    font-size: 28px;
    color:rgba(64, 64, 64, 0.55) ;
    text-decoration: none;
    float: right;
    margin-right: 10px;
    line-height: 36px;
}
.thrid .new .list .row
{
    display: flex;
    height: 63px;
    border-bottom: 1px dashed rgba(56, 66, 62, 1);
    text-align: center;
}
.thrid .new .list .row .circle
{
    font-size: 28px;
    color: #37B8B2;
    line-height: 63px;
}
.thrid .new .list .row .contect
{
    width: 420px;
    height: 31px; 
    font-size: 24px;
    line-height: 63px ; 
    margin-left: -30px;
} 
.thrid .new .list .row .contect a
{
    color: #404040;
    text-decoration: none;
} 
.thrid .new .list .row .data
{
    width: 133px;
    height: 31px;
    font-size: 23px;
    color: #404040;
    line-height: 63px;
    margin-left: 9px;
}
/* third introduce */
.thrid .introduce
{
    border-radius: 5pt;
    border: 0.7pt solid rgba(183, 183, 183, 1);
}
.thrid .introduce .parallelogram
{
    width: 298px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: rgba(55, 184, 178, 1);
    transform: skewX(-30deg);
    margin: 12px auto 0;
}
.thrid .introduce .parallelogram .par
{
    display: inline-block;
    transform: skewX(30deg);
    font-size: 28px;
    font-weight: 400;
    color:rgba(255, 255, 255, 1);
}
.thrid .introduce .shuoming
{
    margin:25px auto ;
    width: 536px; 
    height: 333px;
    /*font-size: 28px;*/
    font-weight: 400;
}
.thrid .introduce .shuoming a
{
    width: 536px; 
    height: 333px;
    color: rgba(64, 64, 64, 1);
    text-decoration: none;
}













/* fourth */
.fourth
{
    margin-top: 62px;
    height: 630px;
    display: grid;
    grid-template-columns: 628px 628px 369px;
    column-gap: 89px;
}
/* 111111111 */
.fourth .module1 .fflex
{
    display: flex;
    justify-content: space-between;
}
.fourth .module1 .fflex .shuxian
{
    width: 199px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background:rgba(55, 184, 178, 1);
    transform: skewX(-21.9deg);
    color: #404040;
    margin-left: 10px;
}
.fourth .module1 .fflex .shuxian  .title 
{
    display: inline-block;
    transform: skewX(21.9deg);
    font-size: 26px!important;
    font-weight: 400;
    color: rgb(255, 255, 255);
    line-height: 36px;
    margin-left: 15px;

}
.fourth .module1 .fflex .shuxian  .hzjl
{
    display: inline-block;
    transform: skewX(21.9deg);
    height: 24px;
    margin-left: -20px;

}
.fourth .module1 .fflex .shuxian  .xwdt  img
{
    transform: translateY(3px);
}
.fourth .module1 .more
{
    width: 430px;
    height: 37px;
    background:url(../picture/tixing2.png) no-repeat;
    margin-left: 5px;
}
.fourth .module1 .more a
{
    font-size: 28px;
    color:rgba(64, 64, 64, 0.55) ;
    text-decoration: none;
    float: right;
    line-height: 36px;
    margin-right: 10px;
}
.fourth .picture1
{
    width: 628px;
    height:295.06px;
    margin-top: 18px;
    background: url(../picture/one.png);
}
.fourth .module1 .tabulation .row2
{
    display: flex;
    height: 72px;
    border-bottom: 1px dashed rgba(56, 66, 62, 1);
    text-align: center;
}
.fourth .module1 .circle
{
    font-size: 28px;
    color: #37B8B2;
    line-height: 72px;
}
.fourth .module1 .tabulation .contec
{
    width: 450px;
    height: 72px;
    line-height: 72px;
    text-align: left;
    margin-left: 15px;
}
.fourth .module1 .tabulation
{
    display: grid;

}
.fourth .module1 .tabulation .contec a
{
    display: block;
    color: #404040;
    font-size:24px;
}
.fourth .module1 .tabulation .dt
{
    width: 133px;
    height: 31px;
    font-size: 23px;
    color: #404040;
    line-height: 72px;
    margin-left: 7.5px;
}
/* 22222222222222 */
.fourth .module2 .picture2
{
    width: 628px;
    height:295.06px;
    margin-top: 18px;
    background: url(../picture/two.png);
}
.fourth .module2 .fflex
{
    display: flex;
    justify-content: space-between;
}
.fourth .module2 .fflex .shuxian
{
    width: 199px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background:rgba(55, 184, 178, 1);
    transform: skewX(-21.9deg);
    color: #404040;
    margin-left: 10px;
}
.fourth .module2 .fflex .shuxian  .title 
{
    display: inline-block;
    transform: skewX(21.9deg);
    font-size: 26px!important;
    font-weight: 400;
    color: rgb(255, 255, 255);
    line-height: 36px;
    margin-left: 15px;
}
.fourth .module2 .fflex .shuxian  .xsdt
{
    display: inline-block;
    transform: skewX(21.9deg);
    height: 24px;
    margin-left: -20px;
}
.fourth .module2 .fflex .shuxian  .xsdt  img
{
    transform: translateY(3px);
}
.fourth .module2 .more
{
    width: 430px;
    height: 37px;
    background:url(../picture/tixing2.png) no-repeat;
    margin-left: 5px;
    line-height: 36px;

}
.fourth .module2 .more a
{
    font-size: 28px;
    color:rgba(64, 64, 64, 0.55) ;
    text-decoration: none;
    float: right;
    margin-right: 10px;
}
.fourth .module2 .list2 .row3
{
    display: flex;
    height: 72px;
    border-bottom: 1px dashed rgba(56, 66, 62, 1);
    text-align: center;
}
.fourth .module2 .circle
{
    font-size: 28px;
    color: #37B8B2;
    line-height: 72px;
}
.fourth .module2 .list2 .contect
{
    width: 450px;
    height: 72px;
    line-height: 72px;
    text-align: left;
    margin-left: 15px;
}
.fourth .module2 .list2
{
    display: grid;

}
.fourth .module2 .list2 .contect a
{
    display: block;
    color: #404040;
    font-size:24px;
}
.fourth .module2 .list2 .data
{
    width: 133px;
    height: 31px;
    font-size: 23px;
    color: #404040;
    line-height: 72px;
    margin-left: 7.5px;
}
/* 333333333333333 */
.fourth .module3 .fflex
{
    display: flex;
    justify-content: space-between;
}
.fourth .module3 .fflex .shuxian
{
    width: 199px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background:rgba(55, 184, 178, 1);
    transform: skewX(-21.9deg);
    color: #404040;
    margin-left: 10px;
}
.fourth .module3 .fflex .shuxian  .title 
{
    display: inline-block;
    transform: skewX(21.9deg);
    font-size: 26px!important;
    font-weight: 400;
    color: rgb(255, 255, 255);
    line-height: 36px;
    margin-left: 15px;

}
.fourth .module3 .fflex .shuxian  .xglj
{
    display: inline-block;
    transform: skewX(21.9deg);
    height: 24px;
    margin-left: -20px;

}
.fourth .module3 .fflex .shuxian  .xglj  img
{
    transform: translateY(3px);
}
.fourth .module3 .more
{
    width: 170px;
    height: 37px;
    background:url(../picture/tixing3.png) no-repeat;
    margin-left: 5px;

}
.fourth .module3 .more a
{
    font-size: 28px;
    color:rgba(64, 64, 64, 0.55) ;
    text-decoration: none;
    float: right;
    margin-right: 10px;
    line-height: 36px;
}
/* 4444444444444 */
.module3 .tupian ul
{ 
    display: grid;
    grid-template-rows: repeat(6,72px);
    row-gap: 24px;
    padding: 0
}
.bottom
{
    margin-top: 81px;
    height: 67px;
    background: #3C3C3C;
    display: flex;
    justify-content: center;
    align-items: center;

}
.bottom span
{
    display: block;
    width: fit-content;
    height: 19px;
    color:rgba(255, 255, 255, 1);
    font-size: 15px!important;
}



/* list */
/* project2 */
.page{
    height: fit-content;
    display: grid;
    grid-template-columns: 228px 1580px;
}
.page .zuoce .dangqian
{
    width: 228px;
    height: 64px;
    line-height: 64px;
    font-size: 30px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    border-radius: 6px;
    background-color: rgba(83, 194, 188, 1);
    box-shadow: 0px 2px 4px 1px hsla(178, 47%, 69%, 0.35);
}
.sider
{
    margin-top: 8px;
    display: grid;
    grid-template-rows:1fr 1fr 1fr 1fr;
    row-gap: 8px;

}
.sider1
{
    text-decoration: none;
    display: block;
    background: rgba(255, 255, 255, 1);
    width: 228px;
    height: 48px;
    font-size: 28px; 
    line-height: 48px; 
    color: rgba(108, 101, 101, 1);
    text-align: center;
    box-shadow: 0px 2px 4px 1px rgba(19,105,101,0.55);
    border-radius: 6px 6px 6px 6px;
}
.sider1:hover
{
    background:rgba(38, 125, 121, 1) ;
    color: rgba(255, 255, 255, 1);
}
.wayy
{
    height: 54px;
    font-size: 24px;
    color: rgba(64,64,64,0.68);
    border-bottom: 1px solid rgba(55, 184, 178, 0.35);
    margin-left: 52px;
}
.siderz
{
    height: fit-content;

}
.siderzz
{
    width: 1528px;
margin-left: 52px

}
.siderz ul 
{
    padding: 0;
    margin-left: 52px;
}
.siderz ul li
{
    display: flex;
}
.siderz ul li .dn
{   
    height:98px;
    display:grid;
    grid-template-columns: 20px 1075px 394px;
    column-gap: 18px;
    border-bottom: 1.5px dashed rgba(38, 125, 121, 1);
}
.siderz ul li .xiaoyuhao
{
    font-size: 28px;
    color:rgba(83, 194, 188, 1);
    line-height: 88px;
}
.siderz ul li .neirong
{
    font-size: 24px;
    line-height: 88px;
    color: rgba(64, 64, 64, 1);
}
.siderz ul li .neirongrq
{
    font-size: 25px;
    line-height: 88px;
    text-align: right;
}
/* 按钮部分 */
.control
{
    width: fit-content;
    display: flex;
    height: 63px;
    margin-top: 120px;
    margin-left: 520px;
}
.pre{
    width: 173px;
    height: 63px;
}
.control ul{
    width: 160px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /* column-gap: 20px; */
}


.control ul li{
    display: block;
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    border: 2px solid #53C2BC;
    
    font-size: 26px;
    color: rgba(64,64,64,0.68);
    text-align: center;
    line-height: 40px
}
.next
{
    width: 173px;
    height: 63px;
    margin-left: 30px;
}




.contentt
{
    width:fit-content;
    height: 37px;
    font-size: 28px;
    font-weight: bold;
    color: #333333;
}
.contentm
{
    display: flex;
    margin-top: 40px;
}
/*.contentm .writer
{
    width: 144px;
    height: 31px;
    font-size: 24px;
    color: #333333;
    margin-right: 64px;
    margin-left: 600px;
}*/
.contentm .from
{
    margin:auto;
    width: 387px;
    height: 31px;
    font-size: 24px;
    color: #333333;
}
.contentx
{
    width: 1760px;
    height: 0px;
    border-bottom: 1.6px solid #37B8B2;
    margin-top: 40px;
}
.rcontent
{
    margin-top: 40px;
    font-size: 28px;
    color: #333333;
    font-weight: 400;
    word-spacing: 10px;
    line-height: 38px;
}

.gr{
    color: #37B8B2;
    font-size: 23px;
    line-height: 30px;
    margin-right: 10px;
}
.ls
{
    margin-top: 40px;
}
.lx
{
    margin-top: 10px;
}
.lx a{
    display: flex;
}
.ls a{
    display: flex;
}
.bn
{
    font-size: 23px;
    color: rgba(64, 64, 64, 0.68);
    line-height: 31px;
   text-align: center;
}
.zong
{
    width: fit-content;
    height: fit-content;
    margin-top: 15px;
}



/*此处有代码*/

 table 
{
   width: 100% !important;
}
.abjust .bottom{
transform:translateY(100px);
}