/*nav*/
.nav{ display:block; height: 58px; background: transparent;}
.nav ul{ height: 58px; width: 100%; margin: auto;}
.nav ul li{ float: left; width: 16.6666%; text-align: center; line-height: 58px; height: 58px; color: white; box-sizing: border-box; position: relative; background: transparent;}

/*.wp_nav li:first-child{ border-left: 1px solid #842672}
.sub-nav li{ border-left: 1px solid #842672;}*/

.nav ul li a{ color: white; display: block; width: 100%; height: 58px}
.nav ul li a:hover,.nav ul li.onnav a{ text-decoration: none; background: transparent; color: transparent;}

.wp_nav { display:block; margin: 0; padding: 0;display: block; *zoom:1;}
.wp_nav * {margin: 0; padding: 0}
.wp_nav:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.wp_nav .nav-item { display:inline-block; float:left; position:relative; vertical-align:bottom;}
.wp_nav .on { z-index:10;}
.wp_nav .nav-item .mark {display:block; width:100%; height:100%; position:absolute; left:0;top:0; z-index:99; }
.wp_nav .nav-item a{ font-family:"Microsoft Yahei"; display:block;text-align:center;position:relative; z-index:100;font-size:18px;transition:all 0.4s ease-in-out;}
.wp_nav .nav-item a.parent:hover{background: rgb(9,78,173);color:white;font-size:22px;}
.wp_nav .nav-item a.parent {color:white;}
.wp_nav .nav-item a span.item-name { display:inline-block; padding:5px 10px; line-height:22px;cursor:pointer;}
.wp_nav .sub-nav {display:block; width:100%; position:absolute; z-index:200; visibility:hidden; border:0; border-top:none; background: white;}
.wp_nav .sub-nav .nav-item { white-space:nowrap; width:100% }
.wp_nav .sub-nav .nav-item .mark { background:#fff;}
.wp_nav .sub-nav .nav-item a { font-size:18px;font-weight:normal; color:black; text-align:center;width:100%; background:white;transition:all 0.4s ease-in-out;border-top:none;}
.wp_nav .sub-nav .nav-item a.parent:hover{ background: rgb(9,78,173);color:white;font-size:22px;}
.wp_nav .sub-nav .nav-item a.parent { background:#fff; color:#000;}
.wp_nav .sub-nav .nav-item a span.item-name { padding:5px 10px; line-height:22px;}

/*menu*/
.littleblue{
	background:rgb(229,237,247);
}
.darkblue{
	background:rgb(7,76,173);
}
.bigblue{
	background:rgb(9,78,173);
}

ul{
	padding-inline-start:0;
	margin-block-start: 0;
	margin-block-end: 0;
}

.wp_listcolumn .wp_column a{
	background:white;text-align:center;border-bottom:1px solid rgb(230,230,230);
}
.wp_listcolumn .wp_column.parent a.parent{
	background:white;text-align:center;border-bottom:1px solid rgb(230,230,230);
	background:white url("/_vivi/source/aHR0cHM6Ly9jaW5nYWkubmFua2FpLmVkdS5jbg/_upload/tpl/04/0f/1039/template1039/images/downarrow.png") no-repeat 81% 53%;
}
.wp_listcolumn .wp_column a .column-name{
	padding: 10px;
}
.wp_listcolumn .wp_column a:hover{
	background:transparent;
}
.wp_listcolumn .wp_column a.selected{
	background:white url("/_vivi/source/aHR0cHM6Ly9jaW5nYWkubmFua2FpLmVkdS5jbg/_upload/tpl/04/0f/1039/template1039/images/halfpointblue.png") no-repeat 0 8px;color:rgb(7,76,173);
}

.wp_listcolumn .wp_subcolumn{
	border-top:none;
}
.wp_listcolumn .wp_subcolumn .wp_column a{
	background:rgb(229,237,247);text-align:center;border-bottom:1px solid rgb(250,250,250);
}
.wp_listcolumn .wp_subcolumn .wp_column a .column-name{
	padding: 10px;
}
.wp_listcolumn .wp_subcolumn .wp_column a:hover{
	background:transparent;
}
.wp_listcolumn .wp_subcolumn .wp_column a.selected{
	background:rgb(229,237,247) url("/_vivi/source/aHR0cHM6Ly9jaW5nYWkubmFua2FpLmVkdS5jbg/_upload/tpl/04/0f/1039/template1039/images/halfpointblue.png") no-repeat 0 8px;color:rgb(7,76,173);
}





.containerDownPartPhone .wp_listcolumn{
	display:flex;flex-dircetion:row;flex-wrap:wrap;width:100%;
}
.containerDownPartPhone .wp_listcolumn .wp_column{
	display:flex;flex-dircetion:row;flex-wrap:wrap;width:33.33%;
}
.containerDownPartPhone .wp_listcolumn .wp_column.parent{
	display:flex;flex-dircetion:row;flex-wrap:wrap;width:100%;
}
.containerDownPartPhone .wp_listcolumn .wp_column a{
	background:white;text-align:center;border-bottom:1px solid rgb(230,230,230);
}
.containerDownPartPhone .wp_listcolumn .wp_column.parent a.parent{
	background:white;text-align:center;border-bottom:1px solid rgb(230,230,230);
	background:white url("/_vivi/source/aHR0cHM6Ly9jaW5nYWkubmFua2FpLmVkdS5jbg/_upload/tpl/04/0f/1039/template1039/images/downarrow.png") no-repeat 69% 49%;
}
.containerDownPartPhone .wp_listcolumn .wp_column a .column-name{
	padding: 10px;
}
.containerDownPartPhone .wp_listcolumn .wp_column a:hover{
	background:transparent;
}
.containerDownPartPhone .wp_listcolumn .wp_column a.selected{
	background:rgb(221,229,239);color:rgb(7,76,173);
}

.containerDownPartPhone .wp_listcolumn .wp_subcolumn{
	display:flex;flex-dircetion:row;flex-wrap:wrap;width:100%;
	border-top:none;
}
.containerDownPartPhone .wp_listcolumn .wp_subcolumn .wp_column{
	display:flex;flex-dircetion:row;flex-wrap:wrap;width:33.33%;
}
.containerDownPartPhone .wp_listcolumn .wp_subcolumn .wp_column a{
	background:rgb(229,237,247);text-align:center;border-bottom:1px solid rgb(250,250,250);
}
.containerDownPartPhone .wp_listcolumn .wp_subcolumn .wp_column a .column-name{
	padding: 10px;
}
.containerDownPartPhone .wp_listcolumn .wp_subcolumn .wp_column a:hover{
	background:transparent;
}
.containerDownPartPhone .wp_listcolumn .wp_subcolumn .wp_column a.selected{
	background:rgb(221,229,239);color:rgb(7,76,173);
}


.wp_paging {
	height:40px;line-height:40px;margin-top:10px;float:none;text-align:center;
	display:flex;flex-dircetion:row;justify-content:space-around;
}

body{
	display: block;
	margin:0;
}
.container{
	margin-left:15%;margin-right:15%;
}
.containerFooter{
	padding-left:15%;padding-right:15%;background:rgb(7,76,173);
}
.containerDownPart{
	padding-left:15%;padding-right:15%;background:rgb(250,250,250);
}

.containerPhone{
	margin-left:4%;margin-right:4%;
}
.containerFooterPhone{
	padding-left:4%;padding-right:4%;background:rgb(7,76,173);
}
.containerDownPartPhone{
	padding-left:4%;padding-right:4%;background:rgb(250,250,250);
}

.bgBlue{
	background:rgb(7,76,173);
}
.colorBlue{
	color:rgb(7,76,173);
}
a{
	color:black;text-decoration:none;
}

#myDiv{
	display:none;
	width:100%;
	height:355px;
	background:rgb(7,76,173);
	position:absolute;
	top:95px;
	left:0;
	z-index:999;
}
#myDiv a span{
	color:white;
}
#myDiv ul li{
	border-bottom:1px solid rgb(250,250,250);height:50px;line-height:50px;
	background:rgb(7,76,173) url("/_vivi/source/aHR0cHM6Ly9jaW5nYWkubmFua2FpLmVkdS5jbg/_upload/tpl/04/0f/1039/template1039/images/rightarrow2.png") no-repeat 350px 18px;
}
#myClose{
	border-bottom:1px solid rgb(250,250,250);height:50px;line-height:50px;
}

input.keyword{
	font-size:14px;height:25px;
}
.wp_search .search{
	background:rgb(40,56,154) url("/_vivi/source/aHR0cHM6Ly9jaW5nYWkubmFua2FpLmVkdS5jbg/_upload/tpl/04/0f/1039/template1039/images/searchme.png") no-repeat 3px 4px;
	width:75px;height:31px;padding:3px;border-radius:3px;display:flex;flex-dircetion:row;justify-content:center;
}

.mymore{
	color:rgb(9,78,173);font-size:14px;
}


.imagecontainer{
	cursor:pointer;
	max-width: 100%;
	transform: scale(1);
	overflow: hidden;
	width:100%;
	height:160px;
}
.imagecontainer img{
	display:block;width:100%;height:100%;object-fit:cover;
	transition:all 0.5s ease-in-out;
}
.divcontain:hover .imagecontainer img {
	transform:scale(1.3);
	transition:all 0.5s ease-in-out;
}

@media screen and (max-width:1400px){
  .divcontain{
		background:white;
		font-size:14px;
  }
  .divcontain:hover{
		background:rgb(9,78,173);
		transition:all 0.5s ease-in-out;
		font-size:14px;
		box-shadow: 0 25px 25px rgba(0,0,0,.5);
		color:white;
  }
  .divcontain:hover a{
		color:white;
  }
}

@media screen and (min-width:1401px){
  .divcontain{
		background:white;
		font-size:16px;
  }
  .divcontain:hover{
		background:rgb(9,78,173);
		transition:all 0.5s ease-in-out;
		font-size:16px;
		box-shadow: 0 25px 25px rgba(0,0,0,.5);
		color:white;
  }
  .divcontain:hover a{
		color:white;
  }
}

@media screen and (max-width:1400px){
.myCalendarDay{
	font-size:14px;
}
.myCalendarYearMonth{
	font-size:12px
}
.myTitle{
   font-size:14px;
}
}
@media screen and (min-width:1401px){
.myCalendarDay{
	font-size:16px;
}
.myCalendarYearMonth{
	font-size:13px
}
.myTitle{
   font-size:16px;
}
}

.divcontain .changbg{
	background:rgb(245,245,245);
}
.divcontain:hover .changbg{
	background:rgb(9,78,173);
}