@charset "utf-8";
@import url("style/TitilliumWeb.css");
@font-face{
	font-family: BebasNeue; 
	src: url(style/fonts/BebasNeue-Regular.ttf); 
}
/* @font-face{
	font-family: DDIN; 
	src: url(style/fonts/D-DIN-PRO-400-Regular.otf); 
} */
*{font-family:"微软雅黑",'pingfang SC',"黑体",arial}

.width-1200px{width:1200px;margin:0px auto 0px auto;}/* .width-1300px{width:1300px;margin:0px auto 0px auto;} */
.width-max-1200px{max-width:1200px; margin:0px auto 0px auto;}
.width-min-1200px{width:100%; min-width: 1200px;}
.width-96-max-640px{width:96%;max-width:640px;margin-right: auto;margin-left: auto;}/* 移动 */
.width-100-max-640px{width:100%; max-width:640px;margin-right: auto;margin-left: auto;}/* 移动 */
.width-10 {width: 10%;}.width-20 {width: 20%;}.width-30{width:30%;}.width-40{width:40%;}.width-50{width:50%;}.width-60{width:60%;}.width-70{width:70%;}.width-80{width:80%;}.width-90{width:90%;}.width-100{width:100%;}.width-5 {width: 5%;}.width-15 {width:15%}.width-25{width:25%;}.width-35{width:35%;}.width-45{width:45%;}.width-55{width:55%;}.width-65{width:65%;}.width-75{width:75%;}.width-85{width:85%;}.width-95{width:95%;}
.width-10-15px{width:calc(10% - 15px);}.width-20-15px{width:calc(20% - 15px);}.width-30-15px{width:calc(30% - 15px);}.width-40-15px{width:calc(40% - 15px);}.width-50-15px{width:calc(50% - 15px);}.width-60-15px{width:calc(60% - 15px);}.width-70-15px{width:calc(70% - 15px);}.width-80-15px{width:calc(80% - 15px);}.width-90-15px{width:calc(90% - 15px)}.width-100-15px{width:calc(100% - 15px);}.width-5-15px{width: calc(5% - 15px);}.width-15-15px{width:calc(15% - 15px)}.width-25-15px{width:calc(25% - 15px);}.width-35v{width:calc(35% - 15px)}.width-45-15px{width:calc(45% - 15px)}.width-55-15px{width:calc(55% - 15px);}.width-65-15px{width:calc(65% - 15px);}.width-75-15px{width:calc(75% - 15px);}.width-85-15px{width:calc(85% - 15px);}.width-95-15px{width:calc(95% - 15px);}

.img{vertical-align:bottom;display:block;border:0px;}
.img-100,.img-100 img{width:100%;height: auto;}
.img-max-100,.img-max-100 img{width:auto;max-width:100%;height: auto;}
.float-left{ float:left;}.float-right{ float:right;}
.txt-left{ text-align: left;}.txt-center{text-align: center;}.txt-right{text-align:right;}
.clear-both{ clear:both;}.clear-left{ clear:left;}.clear-right{ clear:right;}
.margin-top-5px {margin-top: 5px;}.margin-bottom-5px {margin-bottom: 5px;}.margin-top-10px {margin-top: 10px;}.margin-bottom-10px {margin-bottom: 10px;}.margin-top-15px {margin-top: 15px;}.margin-bottom-15px {margin-bottom: 15px;}.margin-top-20px {margin-top: 20px;}.margin-bottom-20px {margin-bottom:20px;}.margin-top-25px {margin-top:25px;}.margin-bottom-25px {margin-bottom:25px;}.margin-top-30px {margin-top:30px;}.margin-bottom-30px {margin-bottom:30px;}.margin-top-40px {margin-top:40px;}.margin-bottom-40px {margin-bottom:40px;}
.margin-top-50px {margin-top:50px;}.margin-bottom-50px {margin-bottom:50px;}.margin-left-5px { margin-left:5px;}.margin-right-5px { margin-right:5px;}.margin-left-10px { margin-left:10px;}.margin-right-10px { margin-right:10px;}.margin-left-15px { margin-left:15px;}.margin-right-15px { margin-right:15px;}.margin-left-20px { margin-left:20px;}.margin-right-20px { margin-right:20px;}.margin-left-25px { margin-left:25px;}.margin-right-25px { margin-right:25px;}.margin-left-30px { margin-left:30px;}.margin-right-30px { margin-right:30px;}.margin-left-40px { margin-left:40px;}.margin-right-40px { margin-right:40px;}.margin-left-50px { margin-left:50px;}.margin-right-50px { margin-right:50px;}
.padding-top-5px{padding-top:5px;}.padding-bottom-5px{padding-bottom:5px;}.padding-top-10px{padding-top:10px;}.padding-bottom-10px{padding-bottom:10px;}.padding-top-15px{padding-top:15px;}.padding-bottom-15px{padding-bottom:15px;}.padding-top-20px{padding-top:20px;}.padding-bottom-20px{padding-bottom:20px;}.padding-top-25px{padding-top:25px;}.padding-bottom-25px{padding-bottom:25px;}.padding-top-30px{padding-top:30px;}.padding-bottom-30px{padding-bottom:30px;}.padding-top-40px{padding-top:40px;}.padding-bottom-40px{padding-bottom:40px;}.padding-top-50px{padding-top:50px;}.padding-bottom-50px{padding-bottom:50px;}.padding-left-5px{padding-left:5px;}.padding-right-5px{padding-right:5px;}.padding-left-10px{padding-left:10px;}.padding-right-10px{padding-right:10px;}.padding-left-15px{padding-left:15px;}.padding-right-15px{padding-right:15px;}.padding-left-20px{padding-left:20px;}.padding-right-20px{padding-right:20px;}.padding-left-25px{padding-left:25px;}.padding-right-25px{padding-right:25px;}.padding-left-30px{padding-left:30px;}.padding-right-30px{padding-right:30px;}.padding-left-40px{padding-left:40px;}.padding-right-40px{padding-right:40px;}.padding-left-50px{padding-left:50px;}.padding-right-50px{padding-right:50px;}
.margin-auto { margin-left:auto; margin-right:auto;}
.display-inline-block{ display: inline-block; *display:inline;zoom: 1;}
.display-inline {display: inline-block;}
.display-block {display:block;}
.display-none {display:none;}


.txt-color-white,.txt-color-white a{color:#ffffff;}.txt-color-black,.txt-color-black a{color:#000000;}.txt-color-blue,.txt-color-blue a{color:#0062d0;}.txt-color-gray,.txt-color-gray a{color:#A8A8A8;}.txt-color-red,.txt-color-red a{color:#FF0004;}
.txt-font-size-10px,.txt-font-size-10px a{font-size:10px!important;}.txt-font-size-12px,.txt-font-size-12px a{font-size:12px!important;}.txt-font-size-14px,.txt-font-size-14px a{font-size:14px!important;}.txt-font-size-16px,.txt-font-size-16px a{font-size:16px!important;}.txt-font-size-18px,.txt-font-size-18px a{font-size:18px!important;}.txt-font-size-20px,.txt-font-size-20px a{font-size:20px!important;}.txt-font-size-22px,.txt-font-size-22px a{font-size:22px!important;}.txt-font-size-24px,.txt-font-size-24px a{font-size:24px!important;}.txt-font-size-26px,.txt-font-size-26px a{font-size:26px!important;}.txt-font-size-28px,.txt-font-size-28px a{font-size:28px!important;}.txt-font-size-30px,.txt-font-size-30px a{font-size:30px!important;}.txt-font-size-40px,.txt-font-size-40px a{font-size:40px!important;}.txt-font-size-50px,.txt-font-size-50px a{font-size:50px!important;}
.txt-font-bolder{font-weight: bolder;}.txt-font-bold{font-weight: bold;}.txt-font-weight-100{font-weight:200;}
.position-relative{position: relative;}
.overflow-hidden{overflow: hidden;}.overflow-visible{overflow:visible;}.overflow-auto{overflow:auto;}
/*模糊*/
.background-blur{-webkit-backdrop-filter: blur(5px);-ms-backdrop-filter: blur(5px);-moz-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}

/*float 高度相同 */
.display-flex{display: flex;flex-wrap: wrap;}
/*float 两边对齐 横向换行*/
.display-flex-wrap {display:flexbox;display: -webkit-flexbox;display: -mx-flexbox;display: -moz-flexbox;display: flex;display: -webkit-flex;display: -mx-flex;display: -moz-flex;flex:auto; justify-content:space-between;flex-wrap: wrap;}
/*横向不换行*/
.display-flex-nowrap {display:flexbox;display: -webkit-flexbox;display: -mx-flexbox;display: -moz-flexbox;display: flex;display: -webkit-flex;display: -mx-flex;display: -moz-flex;flex:auto; justify-content:space-between;flex-wrap: nowrap;}
/*上下居中*/
.display-flex-column-center{display:flexbox;display: -webkit-flexbox;display: -mx-flexbox;display: -moz-flexbox;display: flex;display: -webkit-flex;display: -mx-flex;display: -moz-flex;flex:auto; justify-content:center;flex-direction:column;}
/* 文字溢出省略号 */
.txt-overflow-one{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/*单行*/
.txt-overflow-two{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2 /*行数*/;display-webkit-box:-webkit-box;-webkit-box-orient:vertical;}/*多行*/
.txt-overflow-shree{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3 /*行数*/;display-webkit-box:-webkit-box;-webkit-box-orient:vertical;}



/*HTML5*/
@media screen and (max-width:999px){
    .show-on-wap {display:inline;}
    .show-on-pc {display:none;}
	.H5-width-100-130px,.H5-width-100-180px,.H5-width-100-230px,.H5-width-100-280px,.H5-width-100-330px,.H5-width-100-380px,.H5-width-100-430px,.H5-width-100-480px,.H5-width-100-530px,.H5-width-100-580px,.H5-width-100-630px,.H5-width-100px,.H5-width-150px,.H5-width-200px,.H5-width-250px,.H5-width-300px,.H5-width-350px,.H5-width-400px,.H5-width-450px,.H5-width-500px,.H5-width-550px,.H5-width-600px,.H5-width-10-15px,.H5-width-20-15px,.H5-width-30-15px,.H5-width-40-15px,.H5-width-50-15px,.H5-width-60-15px,.H5-width-70-15px,.H5-width-80-15px,.H5-width-95-15px,.H5-width-15-15px,.H5-width-25-15px,.H5-width-35-15px,.H5-width-45-15px,.H5-width-55-15px,.H5-width-65-15px,.H5-width-75-15px,.H5-width-85-15px,.H5-width-95-15px,.H5-width-100-100px,.H5-width-100-150px,.H5-width-100-200px,.H5-width-100-250px,.H5-width-100-300px,.H5-width-100-350px,.H5-width-100-400px,.H5-width-100-450px,.H5-width-100-500px,.H5-width-100-550px,.H5-width-100-600px,.H5-width,.H5-width-10,.H5-width-15,.H5-width-20,.H5-width-25,.H5-width-30,.H5-width-40,.H5-width-50,.H5-width-60,.H5-width-70,.H5-width-35,.H5-width-45,.H5-width-55,.H5-width-65,.H5-width-75,.H5-width-80,.H5-width-85,.H5-width-90,.H5-width-95{width:100%;}

	.H5-wap-box{padding:0px 20px;}
	
	.H5-float-left{float:none;/* width: 100%!important; */}
	.H5-float-right{float:none;/* width: 100%!important; */}
	.H5-font-size-title,.H5-font-size-title a{font-size:20px!important;}
	.H5-font-size-content,.H5-font-size-content a{font-size:16px!important;}

	.wap-txt-left{text-align:left;}    .wap-txt-center{text-align:center;}    .wap-txt-right{text-align:right;}
    .pc-txt-left{text-align:;}    .pc-txt-center{text-align:;}    .pc-txt-right{text-align:;}
}
@media screen and (min-width:1000px) and (max-width:1299px){
	.show-on-wap {display:none;}
	.show-on-pc {display:inline;}
	
	.H5-float-left{float:left;}
	.H5-float-right{float:right;}
	.H5-font-size-title,.H5-font-size-title a{font-size:20px!important;}
	.H5-font-size-content,.H5-font-size-content a{font-size:14px!important;}

	.H5-width {width:920px; margin-left:auto; margin-right:auto;}

	.H5-width-10-15px{width:calc(10% - 15px);}.H5-width-20-15px{width:calc(20% - 15px);}.H5-width-30-15px{width:calc(30% - 15px);}.H5-width-40-15px{width:calc(40% - 15px);}.H5-width-50-15px{width:calc(50% - 15px);}.H5-width-60-15px{width:calc(60% - 15px);}.H5-width-70-15px{width:calc(70% - 15px);}.H5-width-80-15px{width:calc(80% - 15px);}.H5-width-95-15px{width:calc(90% - 15px);}
	.H5-width-15-15px{width:calc(15% - 15px);}.H5-width-25-15px{width:calc(25% - 15px);}.H5-width-35-15px{width:calc(35% - 15px);}.H5-width-45-15px{width:calc(45% - 15px);}.H5-width-55-15px{width:calc(55% - 15px);}.H5-width-65-15px{width:calc(65% - 15px);}.H5-width-75-15px{width:calc(75% - 15px);}.H5-width-85-15px{width:calc(85% - 15px);}.H5-width-95-15px{width:calc(95% - 15px);}
	
	.H5-width-100-100px{width:calc(100% - 100px);}.H5-width-100-150px{width:calc(100% - 150px);}.H5-width-100-200px{width:calc(100% - 200px);}.H5-width-100-250px{width:calc(100% - 250px);}.H5-width-100-300px{width:calc(100% - 300px);}.H5-width-100-350px{width:calc(100% - 350px);}.H5-width-100-400px{width:calc(100% - 400px);}.H5-width-100-450px{width:calc(100% - 450px);}.H5-width-100-500px{width:calc(100% - 500px);}.H5-width-100-550px{width:calc(100% - 550px);}.H5-width-100-600px{width:calc(100% - 600px);}

	.H5-width-100-130px{width:calc(100% - 130px);}.H5-width-100-180px{width:calc(100% - 180px);}.H5-width-100-230px{width:calc(100% - 230px);}.H5-width-100-280px{width:calc(100% - 280px);}.H5-width-100-330px{width:calc(100% - 330px);}.H5-width-100-380px{width:calc(100% - 380px);}.H5-width-100-430px{width:calc(100% - 430px);}.H5-width-100-480px{width:calc(100% - 430px);}.H5-width-100-530px{width:calc(100% - 530px);}.H5-width-100-580px{width:calc(100% - 580px);}.H5-width-100-630px{width:calc(100% - 630px);}

	.H5-width-100px{width:100px;}.H5-width-150px{width:150px;}.H5-width-200px{width:200px;}.H5-width-250px{width:250px;}.H5-width-300px{width:300px;}.H5-width-350px{width:350px;}.H5-width-400px{width:400px;}.H5-width-450px{width:450px;}.H5-width-500px{width:500px;}.H5-width-550px{width:550px;}.H5-width-600px{width:600px;}

	.H5-width-10{width:10%;}.H5-width-20{width:20%;}.H5-width-30{width:30%;}.H5-width-40{width:40%;}.H5-width-50{width:50%;}.H5-width-60{width:60%;}.H5-width-70{width:70%;}.H5-width-80{width:80%;}.H5-width-95{width:90%;}
	.H5-width-15{width:15% ;}.H5-width-25{width:25%;}.H5-width-35{width:35%;}.H5-width-45{width:45%;}.H5-width-55{width:55%;}.H5-width-65{width:65%;}.H5-width-75{width:75%;}.H5-width-85{width:85%;}.H5-width-95{width:95%;}
	.H5-wap-box{padding:0px;}

	.wap-txt-left{text-align:;}    .wap-txt-center{text-align:;}    .wap-txt-right{text-align:;}
    .pc-txt-left{text-align:left;}    .pc-txt-center{text-align:center;}    .pc-txt-right{text-align:right;}
}
@media screen and (min-width:1300px){
	.show-on-wap {display:none;}
	.show-on-pc {display:inline;}
	.H5-float-left{float:left;}
	.H5-float-right{float:right;}
	.H5-font-size-title,.H5-font-size-title a{font-size:20px!important;}
	.H5-font-size-content,.H5-font-size-content a{font-size:14px!important;}

	.H5-width {width:1200px; margin-left:auto; margin-right:auto;}	

	.H5-width-10-15px{width:calc(10% - 15px);}.H5-width-20-15px{width:calc(20% - 15px);}.H5-width-30-15px{width:calc(30% - 10px);}.H5-width-40-15px{width:calc(40% - 15px);}.H5-width-50-15px{width:calc(50% - 15px);}.H5-width-60-15px{width:calc(60% - 15px);}.H5-width-70-15px{width:calc(70% - 10px);}.H5-width-80-15px{width:calc(80% - 15px);}.H5-width-95-15px{width:calc(90% - 15px);}.H5-width-15-15px{width:calc(15% - 15px);}.H5-width-25-15px{width:calc(25% - 15px);}.H5-width-35-15px{width:calc(35% - 10px);}.H5-width-45-15px{width:calc(45% - 15px);}.H5-width-55-15px{width:calc(55% - 15px);}.H5-width-65-15px{width:calc(65% - 15px);}.H5-width-75-15px{width:calc(75% - 10px);}.H5-width-85-15px{width:calc(85% - 15px);}.H5-width-95-15px{width:calc(95% - 15px);}

	.H5-width-100px{width:100px;}.H5-width-150px{width:150px;}.H5-width-200px{width:200px;}.H5-width-250px{width:250px;}.H5-width-300px{width:300px;}.H5-width-350px{width:350px;}.H5-width-400px{width:400px;}.H5-width-450px{width:450px;}.H5-width-500px{width:500px;}.H5-width-550px{width:550px;}.H5-width-600px{width:600px;}

	.H5-width-100-100px{width:calc(100% - 130px);}.H5-width-100-150px{width:calc(100% - 180px);}.H5-width-100-200px{width:calc(100% - 230px);}.H5-width-100-250px{width:calc(100% - 280px);}.H5-width-100-300px{width:calc(100% - 330px);}.H5-width-100-350px{width:calc(100% - 380px);}.H5-width-100-400px{width:calc(100% - 430px);}.H5-width-100-450px{width:calc(100% - 480px);}.H5-width-100-500px{width:calc(100% - 530px);}.H5-width-100-550px{width:calc(100% - 580px);}.H5-width-100-600px{width:calc(100% - 630px);}

	.H5-width-100-130px{width:calc(100% - 130px);}.H5-width-100-180px{width:calc(100% - 180px);}.H5-width-100-230px{width:calc(100% - 230px);}.H5-width-100-280px{width:calc(100% - 280px);}.H5-width-100-330px{width:calc(100% - 330px);}.H5-width-100-380px{width:calc(100% - 380px);}.H5-width-100-430px{width:calc(100% - 430px);}.H5-width-100-480px{width:calc(100% - 430px);}.H5-width-100-530px{width:calc(100% - 530px);}.H5-width-100-580px{width:calc(100% - 580px);}.H5-width-100-630px{width:calc(100% - 630px);}

	.H5-width-10{width:10%;}.H5-width-20{width:20%;}.H5-width-30{width:30%;}.H5-width-40{width:40%;}.H5-width-50{width:50%;}.H5-width-60{width:60%;}.H5-width-70{width:70%;}.H5-width-80{width:80%;}.H5-width-95{width:90%;}
	.H5-width-15{width:15% ;}.H5-width-25{width:25%;}.H5-width-35{width:35%;}.H5-width-45{width:45%;}.H5-width-55{width:55%;}.H5-width-65{width:65%;}.H5-width-75{width:75%;}.H5-width-85{width:85%;}.H5-width-95{width:95%;}

	.H5-wap-box{padding:0px;}

	.wap-txt-left{text-align:;}    .wap-txt-center{text-align:;}    .wap-txt-right{text-align:;}
    .pc-txt-left{text-align:left;}    .pc-txt-center{text-align:center;}    .pc-txt-right{text-align:right;}
}
@media screen and (min-width:1600px){
	.H5-width {width:1400px; margin-left:auto; margin-right:auto;}
	.H5-font-size-title,.H5-font-size-title a{font-size:25px!important;}
	.H5-font-size-content,.H5-font-size-content a{font-size:16px!important;}
}
@media screen and (min-width:1900px){
	.H5-width {width:1600px; margin-left:auto; margin-right:auto;}
}

@media screen and (min-width:2200px){
	.H5-width {width:1900px; margin-left:auto; margin-right:auto;}
	.H5-font-size-title,.H5-font-size-title a{font-size:30px!important;}
	.H5-font-size-content,.H5-font-size-content a{font-size:18px!important;}
}
@media screen and (min-width:3000px){
	.H5-width {width:2600px; margin-left:auto; margin-right:auto;}
	.H5-font-size-title,.H5-font-size-title a{font-size:40px!important;}
	.H5-font-size-content,.H5-font-size-content a{font-size:25px!important;}
}
ul,li{margin:0px; padding: 0px; list-style: none;}
ul>li,a{-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
a,a:hover{text-decoration: none;}
input:focus{webkit-box-shadow:none;box-shadow: none;outline: none;}