@font-face {
     font-family: 'S-CoreDream-7ExtraBold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;700;900&display=swap');



/* Visual Fade Effect */
#visual { width:1250px; overflow:hidden; position:relative; margin:0 auto; height:400px; border:0px solid red; }
.visual_wrap { position:relative; width:100%; margin:auto; height:400; text-align:center; }
.visual_box { position:absolute; width:100%; left:0%; }
.visual_box p {  width:100%;  height:400px; border:0px solid red; }

.v_ul {position:absolute; bottom:30px; left:20px;  z-index:111; border:1px solid red;  display:none;}
.v_ul li { z-index:111;	cursor:pointer;	margin-left:12px; float: left; line-height: 16px;  }
.v_ul li:first-child { margin-left:0; }
.v_btn01 {	position:absolute;	z-index:1;	top:232px;	left:-338px;	cursor:pointer; }
.v_btn02{	position:absolute;	z-index:1;	top:232px;	right:-338px; cursor:pointer; }
.visual_p {	position:absolute;	left:0;  height:400px;}

.visual_text{z-index:133; 	position:absolute; top:66px;  right:5%;  bordeR:0px solid red; text-align:right; }
.visual_text .maintext01{font-size:75px; font-weight:800; color:#33ccff;}
.visual_text .maintext02{font-size:40px; color:#fff;}
.visual_text .maintext02 span{font-weight:800; }
.visual_text .maintext03{font-size:17px; color:#fff;}
.visual_text .maintext03 span{font-weight:800; }


.mainbg01{width:100%; background:url('../images/mvisual_01.jpg'); height:400px;}
.mainbg02{ width:100%; background:#000; height:400px;}
.mainbg03{ width:100%; background:#efefef; height:400px;}


@media (max-width:1249px) {
#visual{width:100%;}
}


@media (max-width:1289px) {

#visual{ height:400px;}
.visual_wrap {height:400px;}
.visual_box img{ width:100% important; height:1100px;}
.visual_text{width:100%; padding:10px; left:0%; text-align:center; top:10%;}
.visual_text img{width:60%;}

}

@media screen and (max-width:565px) {

#visual{ height:500px;}
.visual_wrap {height:500px;}
.visual_box img{ width:120% important; height:600px; position:right;}

.visual_text img{width:80%;}
.mobilenone{display:none;}

}



.mtit{padding:5px 10px; margin-top:5px; color:#fff; width:auto; border:1px solid #fff; border-radius:25px;}
.mtit1{ color:#fff; font-weight:600; font-size:21px; margin-top:15px; }
.mtit2{height:61px; line-height:61px; color:#000;  background:url("../images/titbg.jpg")repeat left; font-size:24px; font-weight:500; }
.mtit2 span{float:right; margin-top:15px;}
.mtit3{height:61px; line-height:61px; color:#000;  background:url("../images/titbg01.jpg")repeat left; font-size:24px; font-weight:500; }
.mtit3 span{float:right; margin-top:15px;}


@media screen and (max-width:789px){
.mtit1{font-size:17px;}

}


.mainwrap{width:100%; float:left; position:relative;}
.main{width:100%; position:relative; float:left;}
.maincenter{width:1250px;  position:relative; margin:0 auto; bordeR:0px solid red; overflow:hidden; padding-top:35px;}



@media screen and (max-width:1289px){
.mainleft{width:100%;  float:left;}
.mainright{width:100%;  float:left;}
}

@media screen and (max-width:1249px){
.maincenter{width:100%;}

}



.mleft{width:50%; float:left;position:relative; }
.micon{float:left; position:relative; width:30%; padding:26px 25px; box-sizing:border-box; background:url("../images/mbg01.jpg")repeat;}
.micon ul{width:100%; overflow:hidden; }
.micon ul li{width:50%; float:left; display:inline-block; margin-bottom:1em;  text-align:center; }
.micon ul li a{color:#fff; font-weight:500; font-size:15px;}
.micon ul li img{width:60%;}
.micon ul li:nth-child(5){margin-bottom:0em;}
.micon ul li:nth-child(6){margin-bottom:0em;}

.micon1{width:100%;  background:#020e28; box-sizing:border-box; padding:35px;}
.micon1 ul{width:100%; overflow:hidden; }
.micon1 ul li{display:inline-block;}
.micon1 ul li:first-child{width:45%; float:left;}
.micon1 ul li:last-child{width:55%;float:left;}



.mright{width:50%; float:left; position:relative; padding:0px 25px 0px 25px;   box-sizing:border-box; }
.mnotice{width:32%; margin-right:3%; float:left; position:relative;}
.mnotice ul {width:100%; floaT:left;}
.mnotice ul li{display:inline-block; floaT:left; padding:12px 0px; width:100%; border-bottom:1px solid rgba(0,0,0,0.2) !important;}
.mnotice ul li a{color:#000;}
.mnotice ul li:last-child{border-bottom:0px solid rgba(0,0,0,0.1);}

.noticett{width:80%; float:left; color:#000; font-size:15.5px;}
.datett{width:20%; float:right; font-style:italic; font-weight:600; font-size:14px; color:#999;}


@media screen and (max-width:989px){

.mleft{width:100%; float:left;position:relative; }
.micon{width:100%; padding:25px 35px;  }
.wd100per{width:100%;}
.micon1 ul li:last-child{width:55%;float:left; padding-left:15px;}
.mright{width:100%; float:left;position:relative; }

.mnotice{width:96%; margin:2%; float:left; position:relative; }

}




.mbanner{width:100%; float:left; position:relative; overflow:hidden; background:#f9f9f9; padding:15px;}
.mbanner ul li{display:inline-block; floaT:left; width:19.5%;  margin:0.2%; 1%; text-align:center; padding:5px; box-sizing:border-box; 
bordeR:1px solid #efefef; background:#fff;
}
.mbanner ul li img{width:100%;}




@media screen and (max-width:989px){
.noticett{width:70%;}
.datett{width:30%; font-size:13px; text-align:right;}
.mbanner{margin-bottom:15px;}
.mbanner ul li{display:inline-block; floaT:left; width:48%;  margin:1%; text-align:center; padding:5px; box-sizing:border-box; 
bordeR:1px solid #efefef; background:#fff;}
.mbanner ul li img{width:100%;}
.pr35{padding-right:10px;}
}


.bottomdiv1{width:33%; float:left;  position:relative; background:#e9f6fc; box-sizing:border-box;  padding:25px; }
.bottomdiv1 ul li{display:inline-block; float:left;}
.bottomdiv1 ul li:last-child{padding-left:25px;}

.bottomdiv2{width:33%; float:left;  position:relative;  background:#f8f3fd; box-sizing:border-box;  padding:25px; }
.bottomdiv2 ul li{display:inline-block;  float:left;}
.bottomdiv2 ul li:last-child{padding-left:25px;}

.bottomdiv3{width:34%; float:left;  position:relative; background:#e9f6fc; box-sizing:border-box;  padding:39.5px 25px; }
.bottomdiv3 ul li{display:inline-block;  float:left; width:33.333%; text-align:center;}
.bottomdiv3 ul li a{ font-weight:500; color:#036d9d; }


.bottomtt{font-size:25px; font-weight:600; color:#036d9d; margin-top:15px;}
.bottomtt1{font-size:25px; font-weight:600; color:#990000; margin-top:15px;}

@media screen and (max-width:989px){

  .bottomdiv1 {width:96%; margin:2%; float:left; position:relative; padding:20px 15px; }
 .bottomdiv2 {width:96%; margin:2%; float:left; position:relative;  padding:20px 15px;}
  .bottomdiv3 {width:96%; margin:2%; float:left; position:relative; padding:20px 15px; }
.bottomtt{font-size:20px;}
.bottomtt1{font-size:20px;}
}


.myButton2 {
	
	border-radius:6px;
	background:#0078af url(../images/arrow.png);
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	border:0px solid #44c1ef;
	font-size:15px;
	padding:10px 25px;
	width:165px;
	text-decoration:none;
	margin-top:7px;
	
}
.myButton2:hover {
	background-color:#44c1ef;
	border:0px solid #44c1ef;
}
.myButton2:active {
	position:relative;
	top:1px;
}


.myButton1 {
	
	border-radius:6px;
	background:#660000 url(../images/arrow.png);
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	border:0px solid #44c1ef;
	font-size:15px;
	padding:10px 25px;
	width:165px;
	text-decoration:none;
	margin-top:7px;
	
}
.myButton1:hover {
	background-color:#cc3333;
	border:0px solid #44c1ef;
}
.myButton1:active {
	position:relative;
	top:1px;
}


@media screen and (max-width:989px){
.myButton1{width:160px; background:#0078af url(../images/arrow.png)right; padding:10px 15px;}
.myButton2{width:160px; background:#0078af url(../images/arrow.png)right; padding:10px 15px;}
.bottomdiv1 ul li:last-child{padding-left:55px;}
.bottomdiv2 ul li:last-child{padding-left:55px;}
.bottomdiv3 ul li img {width:80%;}

}


@media screen and (max-width:489px){
.myButton1{width:123px; background:#0078af url(../images/arrow.png)right; padding:10px 15px;}
.myButton2{width:123px; background:#0078af url(../images/arrow.png)right; padding:10px 15px;}
.bottomdiv1 ul li:last-child{padding-left:17px;}
.bottomdiv2 ul li:last-child{padding-left:17px;}


}