*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html{
    font-size: 16px !important;
}



img{
    max-width: 100%;
}
a{
    color: black;
    text-decoration: none;
}
a:active,a:link{
    text-decoration: none;
}
ul{
    margin: 0;
}
li{
    list-style: none;
}
.table>tbody>tr>td{
    vertical-align: baseline;
}
.table>thead>tr>th{
    vertical-align: inherit;
    text-align: center;
}
a:hover{
    color: #000;
    text-decoration: none;
}

.dis-flex{
    display: flex;
}

.section-margin{
    margin-bottom: 100px;
}

/* 单行超出部分显示… */
.pLimiteSingle{
	display: block;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.pLimiteMore-1{
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
/* 多行超出部分显示…*/
.pLimiteMore{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.pLimiteMore-2{
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.pLimiteMore-3{
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.pLimiteMore-4{
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.pLimiteMore-5{
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
.pLimiteMore-8{
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	overflow: hidden;
}
.pLimiteMore-10{
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden;
}
.pLimiteMore-12{
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 12;
	overflow: hidden;
}

.clearfix::after {
    content: '';
    display: block;
    clear: both;
}

.text-uppercase{
    text-transform: uppercase;
}
/* 宽度 */
.width-20{
    width: 20%;
}
.width-30{
    width: 30%;
}
.width-40{
    width: 40%;
}
.width-50{
    width: 50%;
}

.pdt{
    padding-top: 10px;
}
.padtb-0{
    padding-top: 0px;
    padding-bottom: 0px;
}
.padtb-5{
    padding-top: 5px;
    padding-bottom: 5px;
}
.pdtb-10{
    padding-top: 10px;
    padding-bottom: 10px;
}
.pdtb-30{
    padding-top: 30px;
    padding-bottom: 30px;
}
.pdtb-60{
    padding-top: 60px;
    padding-bottom: 60px;
}
.pdtb-100{
    padding-top: 100px;
    padding-bottom: 100px;
}
.pdtb-150{
    padding-top: 150px;
    padding-bottom: 150px;
}

.pdt-10{
    padding-top: 10px;
}
.pdt-20{
    padding-top: 20px;
}
.pdt-30{
    padding-top: 30px;
}
.pdt-50{
    padding-top: 50px;
}
.pdt-60{
    padding-top: 60px;
}
.pdt-70{
    padding-top: 70px;
}
.pdt-80{
    padding-top: 80px;
}
.pdt-90{
    padding-top: 90px;
}
.pdt-100{
    padding-top: 100px;
}
.pdt-150{
    padding-top: 150px;
}

.pdb-10{
    padding-bottom: 10px;
}
.pdb-20{
    padding-bottom: 20px;
}
.pdb-30{
    padding-bottom: 30px;
}
.pdb-50{
    padding-bottom: 50px;
}
.pdb-60{
    padding-bottom: 60px;
}
.pdb-70{
    padding-bottom: 70px;
}
.pdb-80{
    padding-bottom: 80px;
}
.pdb-90{
    padding-bottom: 90px;
}
.pdb-90{
    padding-bottom: 90px;
}
.pdb-100{
    padding-bottom: 100px;
}
.pdb-120{
    padding-bottom: 120px;
}
.pdb-150{
    padding-bottom: 150px;
}

.pdl-5{
    padding-left: 5px;
}
.pdl-10{
    padding-left: 10px;
}
.pdl-15{
    padding-left: 15px;
}
.pdl-20{
    padding-left: 20px;
}
.pdl-30{
    padding-left: 30px;
}
.pdl-80{
    padding-left: 80px;
}
.pdl-0{
    padding-left: 0px;
}

.pdr-5{
    padding-right: 5px;
}
.pdr-10{
    padding-right: 10px;
}
.pdr-15{
    padding-right: 15px;
}
.pdr-20{
    padding-right: 20px;
}
.pdr-30{
    padding-right: 30px;
}
.pdr-80{
    padding-right: 80px;
}


.pdlr-30{
    padding-left: 30px;
    padding-right: 30px;
}
.pdlr-100{
    padding-left: 100px;
    padding-right: 100px;
}


.pd-0{
    padding: 0;
}

.mar-0{
    margin: 0;
}
.martb-0{
    margin-top: 0;
    margin-bottom: 0;
}

.mart-30{
    margin-top: 30px;
}
.mart-50{
    margin-top: 50px;
}
.mart-60{
    margin-top: 60px;
}

.marb-20{
    margin-bottom: 20px;
}
.marb-30{
    margin-bottom: 30px;
}
.marb-40{
    margin-bottom: 40px;
}
.marb-70{
    margin-bottom: 70px;
}
.martb-60{
    margin-top: 60px;
    margin-bottom: 60px;
}
.martb-80{
    margin-top: 80px;
    margin-bottom: 80px;
}

.btn-open{
    display: block;
}
.btn-close{
    display: none;
}

.page-banner{
    width: 100%;
}
.img-100{
    width: 100%;
}
.img-wh-100{
    width: 100%;
    height: 100%;
}


/* 字体 */
.font-16{
    font-size: 16px;
}
.font-18{
    font-size: 18px;
}
.font-20{
    font-size: 20px;
}
.font-24{
    font-size: 24px;
}
.font-30{
    font-size: 30px;
}
.font-eng-14{
    font-size: 14px;
    text-transform: uppercase;
}
.font-eng-16{
    font-size: 16px;
    text-transform: uppercase;
}
.font-b-18{
    font-size: 18px;
    font-weight: bold;
}
.font-b-20{
    font-size: 20px;
    font-weight: bold;
}
.font-b-28{
    font-size: 28px;
    font-weight: bold;
}
.font-red-16{
    color: red;
    font-size: 16px;
}
.font-666-16{
    color: #666666;
    font-size: 16px;
}
.lin-height-150{
    line-height: 1.5;
}
.lin-height-200{
    line-height: 2.0;
}


.yxt-first-title{
    font-size: 28px;
    font-weight: bold;
}
.yxt-second-title{
    font-size: 18px;
    font-family: 500;
}
.yxt-text{
    font-size: 18px;
}
.yxt-eng-text{
    font-size: 18px;
    color: #999999;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.min-w-1180{
    margin: 0 auto;
    width: 100%;
    height: inherit;
    min-width: 1180px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.mx-w-1180{
    margin: 0 auto;
    width: 100%;
    height: inherit;
    max-width: 1180px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.mx-w-1350{
    margin: 0 auto;
    width: 100%;
    height: inherit;
    max-width: 1350px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


@keyframes douDong {
    0%{
        -webkit-transform:scale(1);
    }
    10%, 20%{
        -webkit-transform:scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90%{
        -webkit-transform:scale(1.3) rotate(3deg);
    }
    40%, 60%, 80%{
        -webkit-transform:scale(1.1) rotate(-3deg);
    }
    100%{
        -webkit-transform:scale(1) rotate(0);
    }
}
@-webkit-keyframes douDong {
    0%{
        -webkit-transform:scale(1);
    }
    10%, 20%{
        -webkit-transform:scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90%{
        -webkit-transform:scale(1.1) rotate(3deg);
    }
    40%, 60%, 80%{
        -webkit-transform:scale(1.1) rotate(-3deg);
    }
    100%{
        -webkit-transform:scale(1) rotate(0);
    }
}


@keyframes turn-right {
    0% {
      -webkit-transform: rotate(0deg);
    }
    25% {
      -webkit-transform: rotate(90deg);
    }
    50% {
      -webkit-transform: rotate(180deg);
    }
    75% {
      -webkit-transform: rotate(270deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  @keyframes turn-left {
    0% {
      -webkit-transform: rotate(0deg);
    }
    25% {
      -webkit-transform: rotate(-90deg);
    }
    50% {
      -webkit-transform: rotate(-180deg);
    }
    75% {
      -webkit-transform: rotate(-270deg);
    }
    100% {
      -webkit-transform: rotate(-360deg);
    }
  }