@charset "utf-8";
/* 鎵€鏈夌綉椤靛叡浜殑 css */

/* 閫氱敤鐨 CSS 鏍峰紡锛氬繀椤绘斁鍦ㄥ叾瀹 CSS 鍓嶉潰 */

html {
    font-size: 100px;
}

body {
    padding: 0rem;
    margin: 0rem;
	
    background-color: white;
    font-size: 0.12rem;
    font-family: 寰蒋闆呴粦, "Microsoft YaHei", 榛戜綋, 瀹嬩綋, "Times New Roman", Arial, sans-serif;
}

/* 鍒濆锛屽己鍒朵笉鏄剧ず绾靛悜婊氬姩鏉★紝绀轰緥锛欬body class="ofYH"> */
.ofYH{
	overflow-y: hidden;
}

img {
    border: none;
}

a {
    text-decoration: none;
}

input:focus {
    outline: none;
}

div {
    word-wrap: break-word;
    word-break: break-all;
    
    position: relative;
	
    padding: 0rem;
    margin: 0rem;
}


.TRBL0rem {
    top: 0rem;
    left: 0rem;
    bottom: 0rem;
    right: 0rem;    
}





/*width銆乭eight 涓嶅寘鍚 padding銆乥order锛堥粯璁ゅ寘鍚級*/
.borderBox {
    /*  鍦ㄧ缉鏀剧綉椤垫樉绀烘瘮渚嬪皬浜 100% 鏃讹紝瀵瑰鍣ㄧ殑 border 灞炴€ч粯璁や笉鍋氬鐞嗭紝浠嶄负1px銆傝繖鏍蜂袱涓 div 鐨勬渶鍚庢€诲搴︿粛澶т簬澶栧眰瀹藉害锛岃嚜鍔ㄦ孩鍑哄埌涓嬩竴琛屻€?/    
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    
    box-sizing: border-box;
    
}


/*淇濇寔鍘熸湁灏哄姣斾緥銆備絾閮ㄥ垎鍐呭鍙兘琚壀鍒囥€?/
.imgCover {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}



.objHoverMTn30:hover {
    margin-top: -0.3rem;
}

/*鍥剧墖缂╂斁*/
.imgHoverScale105 {
    transform: scale(1, 1);
    transition: transform 0.7s ease;
}
.imgHoverScale105:hover {
    transform: scale(1.05, 1.05);
    transition: transform 0.7s ease;
}
.imgHoverScale110 {
    transform: scale(1, 1);
    transition: transform 0.7s ease;
}
.imgHoverScale110:hover {
    transform: scale(1.1, 1.1);
    transition: transform 0.7s ease;
}
.imgHoverScale120 {
    transform: scale(1, 1);
    transition: transform 0.7s ease;
}
.imgHoverScaleW120 {
    transform: scale(1, 1);
    transition: transform 0.7s ease;
}
.imgHoverScale120:hover {
    transform: scale(1.2, 1.2);
    transition: transform 0.7s ease;
}
.imgHoverScaleW120:hover {
    transform: scale(1.2, 1);
    transition: transform 0.7s ease;
}
.imgHoverScale150 {
    transform: scale(1, 1);
    transition: transform 0.7s ease;
}
.imgHoverScale150:hover {
    transform: scale(1.5, 1.5);
    transition: transform 0.7s ease;
}
.scale105 img:hover {
    transform: scale(1.05, 1.05);
    transition: transform 0.7s ease;
    cursor: pointer;
}
.scale105 img {
    transform: scale(1, 1);
    transition: transform 0.7s ease;
}
.scale110 img:hover {
    transform: scale(1.1, 1.1);
    transition: transform 0.7s ease;
    cursor: pointer;
}
.scale110 img {
    transform: scale(1, 1);
    transition: transform 0.7s ease;
}

/*鏂囧瓧涓ょ瀵归綈*/
.txtJastify {
    text-align: justify;
    text-justify: inter-ideograph;
    word-wrap: break-word;
    word-break: break-all;
}

/*鏂囧瓧灏鹃儴鐪佺暐鍙?/
.ellipsis01 {
    display:block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ellipsis02,.ellipsis03,.ellipsis04,.ellipsis05,.ellipsis06,.ellipsis07,.ellipsis08,.ellipsis09 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
	
	white-space: pre-wrap;
}
.ellipsis02 {
    -webkit-line-clamp: 2;
}
.ellipsis03 {
    -webkit-line-clamp: 3;
}
.ellipsis04 {
    -webkit-line-clamp: 4;
}
.ellipsis05 {
    -webkit-line-clamp: 5;
}
.ellipsis06 {
    -webkit-line-clamp: 6;
}
.ellipsis07 {
    -webkit-line-clamp: 7;
}
.ellipsis08 {
    -webkit-line-clamp: 8;
}
.ellipsis09 {
    -webkit-line-clamp: 9;
}

/*div娴姩*/
.fLeft {
    float: left;
}
.fRight {
    float: right;
}
.fClear {
    clear: both;
}
.ofHide {
    overflow: hidden;
}


/*楂樸€佸銆佸榻?/
.h80{
    height: 80%;
}
.h90{
    height: 90%;
}
.h100{
    height: 100%;
}
.w100{
    width: 100%;
}
.w80{
    width: 80%;
}
.w100c {
    width: 100%; 
    text-align: center;
}
.wAuto {
    width: auto;
}
.mAuto {
    margin: auto;
}


/*div澶栨*/
.boxShadow01 {
    box-shadow: 0.10rem 0.10rem 0.2rem 0.2rem rgba(0, 140, 186, 0.5)  inset;
}
.boxShadow0033Cd5 {
    box-shadow: 0rem 0rem 0.03rem 0.03rem #D5F2F5;
}
.boxShadowH1150:hover {
    box-shadow: 0.1rem 0.1rem 0.05rem 0.0rem;
}
.boxShadowH1150C999:hover {
    box-shadow: 0.1rem 0.1rem 0.05rem 0.0rem #999;
}

.boxShadow0123Cf4 {
    box-shadow: 0rem 0.01rem 0.02rem 0.03rem #F4F4F4;
}
.boxShadowH0066Cfff:hover{
    box-shadow: 0px 0px 6px 6px #fff;    
}
.boxShadowH0066C999:hover {
    box-shadow: 0rem 0rem 0.06rem 0.06rem #999;
}
.boxShadowH0042Cccc:hover {
   box-shadow: 0rem 0rem 0.04rem 0.02rem #ccc;
}

.boxShadow0042Cccc{
   box-shadow: 0rem 0rem 0.04rem 0.02rem #ccc;
}



/*鏂囧瓧闃村奖*/
.textShadowH446C000:hover{
    text-shadow: 0.04rem 0.04rem 0.06rem #000;
}

.textShadowH333C000:hover {
    text-shadow: 0.03rem 0.03rem 0.03rem #000;
}

.textShadowH0030:hover {
    text-shadow: 0rem 0rem 0.3rem;
}
.textShadowH008:hover {
    text-shadow: 0rem 0rem 0.08rem;
}
.textShadowH224:hover {
    text-shadow: 0.02rem 0.02rem 0.04rem;
}

.textShadowH223:hover {
    text-shadow: 0.02rem 0.02rem 0.03rem;
}

.textShadowH444Cbbb:hover {
     text-shadow: 0.04rem 0.04rem 0.04rem #bbb;
}
.textShadowH444C999:hover {
     text-shadow: 0.04rem 0.04rem 0.04rem #999;
}
.textShadowH446:hover {
    text-shadow: 0.04rem 0.04rem 0.06rem;
}
.textShadowH448:hover {
    text-shadow: 0.04rem 0.04rem 0.08rem;
}
.textShadowH114:hover {
    text-shadow: 0.01rem 0.01rem 0.04rem;
}
.textShadowH112:hover {
    text-shadow: 0.01rem 0.01rem 0.02rem;
}
.textShadowH002:hover {
    text-shadow: 0.0rem 0.0rem 0.02rem;
}
.textShadowH224C000:hover {
    text-shadow: 0.02rem 0.02rem 0.04rem #000;
}
.textShadowH885C333:hover{
    text-shadow: 0.08rem 0.08rem 0.05rem #333;
}
.textShadowH885C999:hover{
    text-shadow: 0.08rem 0.08rem 0.05rem #999;
}
.textShadowH885C000:hover{
    text-shadow: 0.08rem 0.08rem 0.05rem #000;
}

.textShadowH444C333B:hover{
	text-shadow: 0.04rem 0.04rem 0.04rem #333;
	font-weight: bold;	
}
.textShadowH444C333:hover{
	text-shadow: 0.04rem 0.04rem 0.04rem #333;
}
.textShadowH666C333:hover{
	text-shadow: 0.06rem 0.06rem 0.06rem #333;
}


/*鑳屾櫙鑹?/
.bgWhite {
    background-color: white;
}
.bgBlue {
    background-color: blue;
}
.bgYellow {
    background-color: yellow;
}
.bgRed {
    background-color: red;
}


.posRelative {
    position: relative;
}
.posAbsolute {
     position: absolute;
}
.posAbsoluteCenter {
	position: absolute;
	top: 50%;
	left: 50%;
}
.txtAR {
    text-align: right;    
}
.txtAL {
    text-align: left;
}
.txtAC {
    text-align: center;
}




/*娓愬彉*/
.tran03 {
    transition: 0.3s;
}.tran05 {
    transition: 0.5s;
}
.tran08 {
    transition: 0.8s;
}
.tran10 {
    transition: 1.0s;
}
.tran15 {
    transition: 1.5s;
}

.divImgsonAutoSize01 {
    overflow: hidden;
    
}
.divImgsonAutoSize02 {
    overflow: hidden;
}

/*寮规€х洅瀛?/
.boxFlexRowBetween {
    display: flex;
    flex-direction: row;
    /*涓ょ瀵归綈*/
    justify-content:space-between;
	/*涓婁笅灞呬腑*/
	align-items: center;
}
.boxFlexRowBetweenTop {
    display: flex;
    flex-direction: row;
    /*涓ょ瀵归綈*/
    justify-content:space-between;
	/*涓婁笅灞呬腑*/
	align-items:flex-start;
}
.boxFlexRowAround {
    display: flex;
    flex-direction: row;
	/*寮规€ч」鐩钩鍧囧垎甯冨湪璇ヨ涓婏紝涓よ竟鐣欐湁涓€鍗婄殑闂撮殧绌洪棿銆傚鏋滃墿浣欑┖闂翠负璐熸垨鑰呭彧鏈変竴涓脊鎬ч」锛屽垯璇ュ€肩瓑鍚屼簬center銆	*/
    justify-content: space-around;
	/*涓婁笅灞呬腑*/
	align-items: center;
}
.boxFlexRowStart {
    display: flex;
    flex-direction: row;
	/*寮规€ч」鐩悜琛屽ご绱ф尐鐫€濉厖銆傝繖涓槸榛樿鍊笺€?/
    justify-content: flex-start;
	/*涓婁笅灞呬腑*/
	align-items: center;
}
.boxFlexRowEnd {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
	align-items: center;
}

.boxFlexColumnAround {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.boxFlexColumnBetween {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.boxFlexColumnStart {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.dotFill020 {
    /*鍗曚釜楂樺 = 楂樺 + 杈规*/
    height: 0.20rem;
    width: 0.20rem;
    /*鍦嗚浠ュ崟涓珮瀹戒负鍩哄噯璁＄畻: (瀹 + 宸﹁竟绾 + 鍙宠竟绾 ) / 2 */
    border-radius: 0.10rem;
    /*涓績棰滆壊,绌哄績 = null*/
    background: #5B99DD;
    /*杈规*/
    border: 0rem solid #5B99DD;
}

/*鍒嗗眰*/
.z99 {
    z-index: 99999;
}
.z1 {
    z-index: 1;
}
.z2 {
    z-index: 2;
}
.z3 {
    z-index: 3;
}
.z4 {
    z-index: 4;
}
.z5 {
    z-index: 5;
}


/*鍒嗛殧绾 hr 浣跨敤锛岀ず渚嬶細<hr class="h02rem"> */
.h05P{
    height: 5%;
}
.h10P{
    height: 10%;
}
.h00rem {
    height: 0.0rem;
}
.h01rem {
    height: 0.1rem;
}
.h02rem {
    height: 0.2rem;
}
.h03rem {
    height: 0.3rem;
}
.h04rem {
    height: 0.4rem;
}
.h05rem {
    height: 0.5rem;
}
.h06rem {
    height: 0.6rem;
}
.h07rem {
    height: 0.7rem;
}
.h08rem {
    height: 0.8rem;
}
.h09rem {
    height: 0.9rem;
}
.h10rem {
    height: 1rem;
}
.h00rem, .h01rem, .h02rem, .h03rem, .h04rem, .h05rem, .h06rem, .h07rem, .h08rem, .h09rem, .h10rem ,
.h05P,.h10P
{
    border: none;
    padding: 0rem;
    margin: 0rem;
    
    clear: both;
    position: relative;
}

.hrDashed01 {
	border: none;
	border-bottom: 1px dashed #D5D5D5;
	height: 0px;
}


/*鍒嗗潡*/
.divBigItem {
    width: 100%;
	/*鍦 htmlFontSize() 涓寜鏈€澶ф湁鏁堝搴 1600px 璁＄畻*/
	min-width: 16rem;
    clear: both;
    position: relative;
}
.divBigItemCenter {
    /*  娉?锛氬湪 htmlFontSize() 涓寜鏈€澶ф湁鏁堝搴 1600px 璁＄畻锛岄〉闈腑鍖呭惈婊氬姩鏉℃渶澶у搴︿负 16rem;
		娉?锛氭澶勬湁鏁堝唴瀹瑰搴 15.2rem锛屽眳涓紝鎵€浠ワ細
			鏃犳粴鍔ㄦ潯鏃讹紝宸﹀彸鐣欑櫧锛?.4rem锛
			鏈夋粴鍔ㄦ潯鏃讹紝闄ゅ幓婊氬姩鏉″搴︾殑浜屽垎涔嬩竴涓虹暀鐧藉搴 */
	width: 15.2rem;
    margin: auto;
}

/*鍗曠嫭璁剧疆鐗堟潈瀛楃鏍煎紡*/
.bqChar {
    font-family: 瀹嬩綋;
    font-size: 0.28rem;
    vertical-align:sub;
    margin: 0rem 0.05rem;
}

/*榧犳爣鎸囧悜锛氬乏绉汇€佷笂绉 2 鍗曚綅*/
.hoverNeg2 {
    top: 0rem;
    left: 0rem;
}
.hoverNeg2:hover {
    top:-0.02rem;
    left: -0.02rem;
}

/*榛樿鍏夋爣锛氬乏鏂滅澶?/
.cursorDefault {
    cursor: default;
}
.cursorPointer{
	cursor: pointer;
}


/* transform: translateY(-50px);
filter: drop-shadow(#66ccff 0 50px);
棰滆壊 x杞村亸绉婚噺 y杞 */


/* 璁剧疆閫忔槑锛屽彉娣 */
.alpha30{
	filter: alpha(Opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
.alpha60{
	filter: alpha(Opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.alpha80{
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.alpha90{
	filter: alpha(Opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

/* 榛樿鏄剧ず 娴呰壊锛岄紶鏍囨寚鍚戞樉绀 娣辫壊銆侀摼鎺ユ寚閽 */
.arrowImg {
	filter: alpha(Opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.arrowImg:hover {
	filter: alpha(Opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
    
	cursor: pointer;
    background-color:#E4E4E4;
}



.borderRadius05 {
    border-radius: 5%;
}