@keyframes cursor{  50%{ border-color: transparent; } } 		
@keyframes typing {0% {opacity:1; width: 0%; } 30% {opacity:1; width:100%; } 100% {opacity:1; width:100%; } }

/* ----------------------------------------------------*/
.maintitle1_container_wrap {margin: 0; padding: 0; width: 100%; z-index:0; overflow:hidden; }
.maintitle1_container {position:relative; min-height:150px; padding:70px 10px 0 10px;  margin:50px auto 30px auto; z-index:0; clear:both; overflow:hidden; background:linear-gradient( rgba(255, 252, 255, 0.7), rgba(255, 255, 255, 0.7) ), url(/cms/www/planshare/image/home/anu_logo2.jpg) no-repeat center top; }
.maintitle1 {color:#222; font-size:40px; line-height:50px; font-weight:700; text-align:center; overflow:hidden; letter-spacing:-3.5px; -webkit-text-stroke: 0.5px #fff;}
.maintitle1_1 {display:inline-block; color:#1b943b; font-size:40px; line-height:50px; font-weight:700; text-align:center; letter-spacing:-3.5px; margin:0 10px 0 0; -webkit-text-stroke: 0.5px #fff;}
.maintitle1_2 {display:inline-block; color:#1d2089; font-size:40px; line-height:50px; font-weight:700; text-align:center; letter-spacing:-3.5px; margin:0 10px 0 0; -webkit-text-stroke: 0.5px #fff;}
@media all and (max-width:1100px) { 
	.maintitle1 {font-size:30px; line-height:40px; }
	.maintitle1_1 {font-size:30px; line-height:40px; }
	.maintitle1_2 {font-size:30px; line-height:40px; }
}
/* ----------------------------------------------------*/

.main1_container_wrap {margin: 0; padding: 0; width: 100%; z-index:0; overflow:hidden; }
.main1_container {position:relative; width:2000px; left:50%; margin:0 0 0 -1000px; z-index:0; clear:both; overflow:hidden; }
.main1 {width:100%; z-index:3; clear:both; position:relative; overflow:hidden; }
.mainimg1 {width:100%; float:left; position: relative; z-index:3; }

@media all and (max-width:1300px) { 
	.main1_container {position:relative; width:100%; left:0; margin:0; padding:0; z-index:0; clear:both; overflow:hidden; }
}
/* ----------------------------------------------------*/
.main1_in_wrap {position:absolute; top:0px; left:0px; right:0; z-index:4; width:100%; height:100%; 	display:flex; flex-direction:column; justify-content:center; }
.main1_in {position:relative; margin:0px auto 0 auto; }
.main1_in1 {width:100%; text-align:center; overflow:hidden;}


.main1_str1_wrap {}
.main1_str1 {display:inline-block; text-align:center; }
.main1_str1_wrap .str1 {color:#fff; font-size:41px; line-height:51px; font-weight:500; text-align:center; text-shadow: 5px 3px 5px rgba(0,0,0,0.7); overflow:hidden; white-space: nowrap;
  border-right:solid 2px #fff;
  animation: typing 5s steps(8) infinite,  cursor 1s steps(1) infinite;  }
.main1_str1_wrap .str2_1 {display:inline-block; color:#1b943b; font-size:50px; line-height:60px; font-weight:800; text-align:center; text-shadow: 5px 3px 5px rgba(0,0,0,0.7); letter-spacing:-3.5px; -webkit-text-stroke: 0.5px #fff; margin:0 20px 0 0; }
.main1_str1_wrap .str2_2 {display:inline-block; color:#1d2089; font-size:50px; line-height:60px; font-weight:800; text-align:center; text-shadow: 5px 3px 5px rgba(0,0,0,0.7); letter-spacing:-3.5px; -webkit-text-stroke: 0.5px #fff; }

@media all and (max-width:1300px) { 
	.main1_container {width:100%; margin:0; }
	.Xmain1_in {width:100%; margin:0 auto; }
	.main1_str1_wrap .str1 {font-size:3vw; line-height:3vw; }
	.main1_str1_wrap .str2_1 {font-size:3.5vw; line-height:3.5vw; }
	.main1_str1_wrap .str2_2 {font-size:3.5vw; line-height:3.5vw; }
}
/* ----------------------------------------------------*/
/* =lc_mainico1 begin=================================================================== */
.lc_mainico1_wrap {display:none; }
.lc_mainico1 {text-align:center; margin:0 auto; width:100%; max-width:900px; }
.lc_mainico1_ul {overflow:hidden; margin:0 -20px 0 -20px; }
.lc_mainico1_li {position:relative; width:400px; float:left; margin:0 0 0px 0; } 
.lc_mainico1_li:hover {transform:scale(1.015); -webkit-transform:scale(1.015); }
.lc_mainico1_li > .img_frame { margin:0 20px; }
.lc_mainico1_li > .img_frame > a {display:block; overflow:hidden; padding:42px 0; display:flex; flex-direction:column; justify-content:center;}
.lc_mainico1_li > .img_frame .title   {font-size:25px; line-height:30px; letter-spacing:-2.5px; color:#fff; font-weight:600; text-align:left; margin:0px 0 0 100px; }
.lc_mainico1_li > .img_frame .subtext {font-size:16px; line-height:20px; letter-spacing:-1px;  color:#fff; font-weight:400; text-align:left; margin:10px 0 0 100px; }

.lc_mainico1_li1 > .img_frame > a {background-color:rgba(209, 108, 34, 0.9); }
.lc_mainico1_li1 > .img_frame > a .title::before {position:absolute; top:0; bottom:0; left:50px; width:57px; height:100%; background:url(/image/cms/icon/mainicon12_w.png) no-repeat center center; content:""; }
.lc_mainico1_li2 > .img_frame > a {background-color:rgba(45,78,179, 0.9); }
.lc_mainico1_li2 > .img_frame > a .title::before {position:absolute; top:0; bottom:0; left:50px; width:57px; height:100%; background:url(/image/cms/icon/mainicon15_w.png) no-repeat center center; content:""; }
@media all and (max-width:1100px) { 
	.main1_in_wrap {position:static; height:auto; }

	.lc_mainico1_wrap {float:none; width:100%; margin:50px auto; }
	.lc_mainico1_ul {text-align:center; }
	.lc_mainico1_li4 {margin:6px; }
}
@media all and (max-width:800px) { 
	.lc_mainico1_wrap {margin:20px auto; }
	.lc_mainico1_ul {margin:0; } 
	.lc_mainico1_li {width:100%; } 
}
/*
@media all and (max-width:500px) { 
	.lc_mainico1_wrap {margin:10px auto; }
	.lc_mainico1_li {width:45%; margin:3px;  } 
	.lc_mainico1_li > .img_frame { margin:0px; }
}
@media all and (max-width:300px) { 
	.lc_mainico1_li {width:90%; margin:0; } 
}
*/
/* =lc_mainico1 end=================================================================== */


.dpc_mainlink1_2_ul {margin:0 auto 50px auto !important; }
.dpc_mainlink1_2_subtext {font-size:20px !important; }
.dpc_mainlink1_2_a1 {background:linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5) ),url(/cms/www/planshare/image/home/dpc_mainlink3_bg1.jpg)  no-repeat center;background-size: cover; }
.dpc_mainlink1_2_a3 {background:linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5) ),url(/cms/www/planshare/image/home/dpc_mainlink3_bg3.jpg)  no-repeat center;background-size: cover; }

/* ----------------------------------------------------*/
.main_sg_sf_wrap2 {display:block; padding:30px 0; background-color:#f1f2f3; overflow:hidden; }
.main_sg_sf_wrap {display:block; width:100%; max-width:1300px; margin:0 auto; overflow:hidden; text-align:center; }
.main_sg_sf_ul {margin:0 -15px 0 -15px; text-align:center; display:block; }
.main_sg_sf_ul > li {display:inline-block; width:50%; vertical-align:top;  }
.main_sg_sf_ul > li > .img_frame { position:relative; margin:0 15px; padding:30px 30px; background-color:#f1f2f3; }
.main_sg_sf_ul > li > .img_frame .main_sg_sf_tbl {display:table; width:100%; overflow:hidden; }
.main_sg_sf_ul > li > .img_frame .main_sg_sf_td {display:table-cell; vertical-align:top; text-align:left; }
.main_sg_sf_ul > li > .img_frame .main_sg_sf_td1 {width:40%; }
.main_sg_sf_ul > li > .img_frame .main_sg_sf_td2 {width:60%; padding:0 10px 0 20px; }

.main_sg_title {color:#555; font-weight:600; font-size:35px; line-height:40px; text-align:left; margin:0px auto 15px auto;  }
.main_sg_text {color:#777; font-weight:400; font-size:16px; line-height:18px; text-align:left; margin:0px auto 10px auto;  }
.main_sg_arrow {}
.main_sg_arrow > .main_sg_cnt, .main_sg_arrow > .main_sg_cnt > * {font-size:15px; line-height:15px; color:#444; letter-spacing:2px; display:inline-block;  }
.main_sg_arrow > img {cursor:pointer; margin:0 0 3px 5px; vertical-align:bottom }
.main_sg_ico {width:100px; height:108px; background:url(/cms/www/planshare/image/home/main_ico_sg.png) no-repeat; background-size:85% 85%; margin:20px 0 0 0;  }
.main_sf_ico {width:96px; height:96px; background:url(/cms/www/planshare/image/home/main_ico_sf.png) no-repeat; background-size:85% 85%; margin:25px 0 0 0;  }

@media all and (max-width:1000px) { 
	.main_sg_sf_ul > li {width:100%; }
}
@media all and (max-width:500px) { 
	.main_sg_sf_ul > li > .img_frame .main_sg_sf_tbl {display:block; }
	.main_sg_sf_ul > li > .img_frame .main_sg_sf_td {display:block; }
	.main_sg_sf_ul > li > .img_frame .main_sg_sf_td1 {width:100%; }
	.main_sg_sf_ul > li > .img_frame .main_sg_sf_td2 {width:100%; padding:10px; }
	
	.main_sg_ico {display:none; }
	.main_sf_ico {display:none; }
}

/* ------------------------------*/
.main_sg_ul { position:relative; height:290px; margin:0 -10px 0 -10px; text-align:center; display:block; overflow:hidden; }
.main_sg_ul > li { position:absolute; left:0; top:-100%; width:100%; display:block; margin:0 0 10px 0;  
	transition: all 0.7s; opacity: 0; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; 
}
.main_sg_ul > li.on { display:block; opacity:1; left:0; top:0; }
.main_sg_ul > li .img_frame { margin:0 10px; padding:30px 20px; background-color:#fff; border:solid 1px #f1f1f1; border-radius:10px; box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.3) ; }
.main_sg_ul > li .img_frame .title {display:block; width:100%; color:#555; font-weight:600; font-size:16px; line-height:20px; height:40px; white-space:wrap; overflow:hidden; text-overflow:ellipsis; text-align:left;}
.main_sg_ul > li .img_frame .title:hover {color:blue;}
.main_sg_ul > li .img_frame .mausname_wrap {position:relative; margin:15px 0 0 0; height:15px;  font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; }
.main_sg_ul > li .img_frame .Xmausname  {position:absolute; left:0; display:inline-block; color:#666; font-weight:600; font-size:13px; line-height:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; vertical-align:middle; }
.main_sg_ul > li .img_frame .Xmawritedt {position:absolute; left:0; right:0; display:block; color:#666; font-weight:600; font-size:13px; line-height:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; vertical-align:middle; }
.main_sg_ul > li .img_frame .mawritedt {position:absolute; left:0; display:inline-block; color:#666; font-weight:600; font-size:13px; line-height:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; vertical-align:middle; }
.main_sg_ul > li .img_frame .mareadcnt {position:absolute; right:0; display:inline-block; color:#666; float:right; font-weight:600; font-size:13px; line-height:13px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:right; vertical-align:middle; }
.main_sg_ul > li .img_frame .dday {display:inline-block; font-size:16px; line-height:16px; font-weight:400; color:#fff; text-align:center; vertical-align:middle; margin:20px auto; background-color:#ff2222; border-radius:15px; padding:6px 15px 9px 15px;  }
.main_sg_ul > li .img_frame .date {color:#aaa; font-size:0.9rem; text-align:center; margin:5px 0 0 0; }
.main_sg_ul > li .img_frame .love_btn {display:block; color:#fff; margin:0 auto; padding:13px 0; font-weight:400; font-size:16px; line-height:16px; background-color:#a04ae9; }

@media all and (max-width:1000px) { 
}
@media all and (max-width:500px) { 
}

.main_sg_ico_ul { overflow:hidden; }
.main_sg_ico_ul > li { float:left; width:50%; height:40px; text-align:center; vertical-align:middle; }
.main_sg_ico_ul > li > span { font-size:15px; line-height:22px;  color:#777; font-weight:600; margin:0px 0 0 7px; display:inline-block; vertical-align:top;  }
/* ------------------------------*/
.main_sf_ul { position:relative; height:290px; margin:0 -10px 0 -10px; text-align:center; display:block; overflow:hidden; }
.main_sf_ul > li { position:absolute; left:0; top:-100%; width:100%; display:block; margin:0 0 10px 0;  
	transition: all 0.7s; opacity: 0; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; 
}
.main_sf_ul > li.on { display:block; opacity:1; left:0; top:0; }
.main_sf_ul > li .img_frame { margin:0 10px; padding:30px 20px; background-color:#fff; border:solid 1px #f1f1f1; border-radius:10px; box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.3) ; }
.main_sf_ul > li .img_frame .title {display:block; width:100%; color:#555; font-weight:600; font-size:16px; line-height:20px; height:40px; white-space:wrap; overflow:hidden; text-overflow:ellipsis; text-align:left;}
.main_sf_ul > li .img_frame .title:hover {color:blue;}

.main_sf_ul > li .img_frame .sfdate_wrap {position:relative; margin:15px 0 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; }
.main_sf_ul > li .img_frame .sfdate {display:inline-block; color:#666; font-weight:600; font-size:13px; line-height:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; vertical-align:middle; }
.main_sf_ul > li .img_frame .dday {display:inline-block; font-size:16px; line-height:16px; font-weight:400; color:#fff; text-align:center; vertical-align:middle; margin:20px auto; background-color:#ff2222; border-radius:15px; padding:6px 15px 9px 15px;  }
.main_sf_ul > li .img_frame .sf_btn {display:block; color:#fff; margin:0 auto; padding:13px 0; font-weight:400; font-size:16px; line-height:16px; background-color:#a04ae9; }

.main_sf_ul > li .img_frame .lc_count_ul { overflow:hidden; margin:0 0 10px 0;}
.main_sf_ul > li .img_frame .lc_count_ul > li { font-size:15px; line-height:20px;  color:#777; }
.main_sf_ul > li .img_frame .lc_count_ul > li > span { font-size:15px; line-height:20px;  color:#444; font-weight:600; margin:0 0 0 3px;  }
.main_sf_ul > li .img_frame .lc_count_ul > li:nth-child(1) { float:left; }
.main_sf_ul > li .img_frame .lc_count_ul > li:nth-child(2) { float:right; }

@media all and (max-width:1000px) { 
}
@media all and (max-width:500px) { 
}
/* ----------------------------------------------------*/


