@charset "utf-8";
/* CSS Document */

/* main page*/
#mainWrap{width:100%; height:820px; float:left; position:relative; z-index:1; background:url(../images/main/bg.jpg) no-repeat center top; background-size:cover;}
#mCont02Wrap{width:100%; height:480px; background:url(../images/main/infobg.jpg) no-repeat center center; float:left; position:relative; z-index:1;}


.mCont01Wrap{width:1300px; height:100%; margin:0 auto; position:relative; z-index:1;}
.mCont01Wrap .mCont01{position:absolute; top:0; left:0;}

.mCont01Wrap .mCont01 ul{position:relative;}
.mCont01Wrap .mCont01 ul li{position:absolute; top:0; left: 0;}

.mCont01Wrap .mCont01Btn{position:absolute; top:70%; right:24px; margin-top:0px;z-index:10;}
.mCont01Wrap .mCont01Btn a{display:inline-block; padding:0px 66px; background: #CC1B3D; border:1px solid #CC1B3D; color:#fff; font-size:20px; line-height:54px; font-weight:600; float:left;}
.mCont01Wrap .mCont01Btn a:hover{color:#CC1B3D; background:#fff;border:1px solid #CC1B3D;}

.mCont01Wrap .mCont01Btn span.dday{display:inline-block; padding-left:20px; font-weight:600; font-size:40px; line-height:58px; color:#fff; float:left;}

.mScrollBtn{position:absolute; z-index:10; bottom:440px; left:50%; margin-left:-30px; width:60px; text-align:center; color:#CC1B3D; font-size:17px; line-height:24px; cursor:pointer;}


.mContWrap{width:1200px; margin:0 auto; position:relative; z-index:1;}

.mContTit{width:100%; padding:60px 0; text-align:center; float:left; color:#fff; font-size:30px; font-weight:600;}
.mCont02{width:100%; float:left;padding-top:140px;}
.mCont02Box{width:276px; height:238px; float:left; border:1px solid #fff; margin-left:28px; text-align:center; position:relative;background: #003d6782;
    backdrop-filter: blur(5px);}
.mCont02Box:first-child{margin-left:0;}

.mContIcon{width:100%; height:120px; display:inline-block; margin-top:30px;}
.mContIcon_01{background:url(../images/mIcon_01.png) no-repeat center center;}
.mContIcon_02{background:url(../images/mIcon_02.png) no-repeat center center;}
.mContIcon_03{background:url(../images/mIcon_03.png) no-repeat center center;}
.mContIcon_04{background:url(../images/mIcon_04.png) no-repeat center center;}

.mContTxt{width:100%; padding-top:10px; color:#fff; font-size:20px;}

.mCont02BoxOv{position:absolute; width:278px; height:240px; background:#fff; top:-1px; left:-1px; display:table; display:none;}
.mCont02BoxOv a{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; line-height:40px; font-size:18px; color:#CC1B3D; font-weight: bold;}
.mCont02BoxOv a img{width:40px;}

.mCont02Box:hover .mCont02BoxOv{display:table;}


#mCont03Wrap{width:100%; float:left; padding-bottom:50px; background: url("../images/main/giftBg.jpg?ver=2") center center no-repeat; position:relative; z-index:1; height: 730px;  transition-duration: 0.3s;}
#mCont03Wrap:hover{background: url("../images/main/giftBg_h.jpg?ver=2") center center no-repeat;}
.mContTit02{width:100%; padding-bottom:30px; text-align:center; float:left; color:#292929; font-size:30px; font-weight:600;}
.mCont03{width:100%; height: 100%; /*height:560px;*/ float:left; text-align:center;}

#mCont03Wrap .gift_clickBox{width: 400px; height: 100px; display: block; position: absolute; right: -400px; top: 10%; background: #fff; color: #CC1B3D; font-weight: bold; font-size: 24px; text-align: center; line-height: 100px; transition-duration: 0.3s; cursor: pointer;}

#mCont03Wrap:hover .gift_clickBox{right: 0;}
#mCont03Wrap .gift_clickBox:hover{box-shadow: 0px 0px 10px #fff; color: #3481db;}

/*
.mCont03Box{width:378px; height:560px; display:inline-block; margin:0 10px; text-align:center; position:relative; }
.mCont03Box .mCont03Img{width:376px; height:498px; overflow:hidden; border:1px solid #CC1B3D;}
.mCont03Box .mCont03Txt{width:100%; height:30px; padding:15px 0; background:#CC1B3D; line-height:30px; color:#fff; font-size:18px; font-weight:600;}
.mCont03Box .mCont03Txt span{font-size:14px; font-weight:normal;}
*/
/* mainCont01*/
.mainCont01{width:100%; float:left; position:relative;}
.mainCont01 .mCont01Box{width:100%; float:left; position:relative; z-index:1;}
.mainCont01 .mCont01Box img{width:100%;}

.mainCont01 .mCont01Txt{width:100%; float:left; position:absolute; text-align:center; top:30%; left:0; z-index:2;}
.mainCont01 .mCont01Txt img{width:100%; max-width:640px;}
.mainCont01 .mCont01Txt ul{width:100%; position:relative; float:left;}
.mainCont01 .mCont01Txt ul li{width:100%; position:absolute; top:0; left:0; text-align:center;}
.mainCont01 .mCont01Txt ul li img{width:100%; max-width:640px;}

.zoomImg{
	    -webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;	
}


.mCont03Img:hover .zoomImg{transition:0.3s; transform:matrix(1.10, 0, 0, 1.10, 0, 0); -webkit-transform:matrix(1.10, 0, 0, 1.10, 0, 0); -moz-transform:matrix(1.10, 0, 0, 1.10, 0, 0); /*opacity:0.7; filter:alpha(opacity=0.7);*/}




#mCont04Wrap{width:100%; height:350px; float:left;background:url(../images/main/virtualbg.jpg) center 0 no-repeat; position:relative; z-index:1;}
.mCont04{width:100%; padding-top:166px; float:left; text-align:center;}
.mCont04Box{width: 230px;
    height: 60px;
    display: inline-block;
    margin: 0 15px;
    text-align: center;
    position: relative;
    background: #003d6782;
    backdrop-filter: blur(10px);}
.mCont04Box a{display:inline-block; width:228px; height:28px; border:1px solid #fff; line-height:28px; padding:15px 0; color:#fff; font-size:20px; font-weight:600;}
.mCont04Box a:hover{background:#fff; border:1px solid #fff; color: #CC1B3D;}


#video01Wrap{width:100%; height:732px; float:left;background:url("../images/main/videobg1.jpg?ver=2") center 0 no-repeat; position:relative; z-index:1;}
.video01{width:100%; padding-top:240px; float:left; text-align:center;}
.video01 img {width:600px;}



#mCont06Wrap{width:100%; float:left; padding:100px 0; background:#fff; position:relative; z-index:1;}
.mContTit06{width:100%; padding-bottom:60px; text-align:center; float:left; color:#292929; font-size:30px; font-weight:600;}
.mCont06{width:100%; /*height:560px;*/ float:left; text-align:center;}
.mCont06Box{width:350px; height:250px; display:inline-block; margin:0 25px; text-align:center; position:relative; background: #ccc;}
.mCont06Box .mCont06Img{width:350px; height:200px; overflow:hidden;}
.mCont06Box .mCont06Txt{width:100%; height:20px; padding:15px 0; background:#CC1B3D; line-height:20px; color:#fff; font-size:18px; font-weight:600;}
.mCont06Box .mCont06Txt span{font-size:14px; font-weight:normal;}

.mCont06Box:hover .mCont06Txt{background: #4ba1f7; transition-duration: 0.3s;}

.mCont06Img:hover .zoomImg{transition:0.3s; transform:matrix(1.05, 0, 0, 1.05, 0, 0); -webkit-transform:matrix(1.05, 0, 0, 1.05, 0, 0); -moz-transform:matrix(1.05, 0, 0, 1.05, 0, 0); /*opacity:0.7; filter:alpha(opacity=0.7);*/}


#mCont05Wrap{width:100%; float:left; padding:50px 0; background:#fff; position:relative; z-index:1;}
.mCont05{width:100%; height:auto; float:left; text-align:center;}
.boardLeft{width:48%; float:left;}
.boardRight{width:48%; float:right;}

.boardTit{width:90%; font-size:24px; font-weight:600; color:#292929; position:relative; padding:0 5% 20px; float:left; text-align:left;}
.boardTit .more{position:absolute; top:0px; right:5%;}
.mBoardWrap{width:100%; float:left; border-top:2px solid #CC1B3D;}
.mBoard{width:100%; float:left;}
.mBoard li{width:90%; padding:10px 5%; border-bottom:1px solid #999; font-size:16px; line-height:24px; position:relative; float:left;}
.mBoard li a{display:inline-block; width:100%; font-size:16px; color:#616161; text-align:left;}
.mBoard li a .date{display:inline-block; float:right; color:#c0c0c0; font-size:14px;}


/* end : main Cont */


/* popup*/
#popupWrap{width:640px; height:480px; position:absolute; top:50%; left:30%; margin-left:-480px; margin-top:-240px; z-index:120;}
#popupWrap .popCont{width:640px; height:480px; padding-top:10%; overflow-y:hidden; max-width:1000px; margin:0 auto; }
#popupWrap .popCont img{width:100%;}
#popupWrap .popClose{width:100%; margin:0 auto; height:30px; line-height:30px; font-size:14px; text-align:center; background:#000; color:#fff;}
#popupWrap .popClose span{display:inline-block; padding:0 10px;}
#popupWrap .popClose span a{color:#fff;}

#popup02{width:615px; position:absolute; top:150px; left:50%; margin-left:20px; z-index:999999; }
#popup02 .popCont{width:100%; max-width:615px; margin:0 auto; }
#popup02 .popCont img{width:100%;}
#popup02 .popClose{width:100%; max-width:615px; margin:0 auto; height:30px; line-height:30px; font-size:14px; text-align:center; background:#000; color:#fff;}
#popup02 .popClose span{display:inline-block; padding:0 10px;}
#popup02 .popClose span a{color:#fff;}