@charset "UTF-8";

/* Page	Title */



#main_vi   {width:100%;  margin-bottom:40px;   min-width:1240px; float:left;   background:url('/common/img/main/main_vi_bg.jpg') no-repeat top center; border-bottom:1px solid #ddd;  }
#main_vi  .main_vi_in {width:1100px;    margin:0 auto;}
#main_vi  .main_vi_in .btn {float:left; padding-top:200px;}
#main_vi  .main_vi_in .btn img {width:70px;}
#main_vi  .main_vi_in .img {float:left; }
 

 .main_wrap   {width:1100px; min-width:1100px; margin:0 auto;  }

.news   {width:250px; float:left; margin-top:5px;   }

.news  .title {width:100%;  float:left; height:35px;  }
 
.news  ul  {width:100%; float:left;  }
.news  li  { float:Left; padding-top:5px; line-height:20px; font-size:13px;}
.news  .date   {float:right; color:#999;}
.news  li  a {
	display:inline-block;
	
  	width:100%;
	height:100%;
	
}



.news  li  a:link		{text-decoration:none; color:#363636;} 
.news  li  a:hover		{text-decoration:none;  color:#3987bf; }
.news  li  a:active	     {text-decoration:none; color:#3987bf; }
.news  li  a:visited	{text-decoration:none; color:#363636; }


.tt_img  {float:left;}
.more     {float:right; padding-top:7px;}




.link_ul    {float:right; width:750px; display:flex;gap:10px;color:#fff}
.link_ul  li  {float:left; }


.link_ul li {width:calc(100% / 6); text-align:Center; height:130px;  background-color:#0054a7;  border-radius:10px; font-size:1.15em;box-sizing:border-box; }
.link_ul li .num {font-size:1.8rem;  margin-bottom:6px;display:inline-block;    font-style: italic;font-weight:600}

.link_ul li:nth-child(2n){background:#003375}

 .flip {width:100%; height:100%;  }
.card {
  width: 100%; 
  height:100%; 
   transition: .4s; 
  transform-style: preserve-3d;  
}	

.front, .back {
    width:100%; position:absolute; left:0; top:50%; transform: translate(0, -50%);
   backface-visibility: hidden;color:#fff
  
}
 
.front{top:20%; transform: translate(0, 0)}
.back {   transform: rotateY(180deg);  margin-top:-10px }

.flip:hover .card {
  transform: rotateY(180deg);
}


.bn2    {float:left; margin-top:30px;  clear: both;} 
.bn2  li  {float:left; padding-right:20px;}
.bn2  li img {border-radius:10px;}


.result   {width:400px; float:left; margin-top:30px; margin-left:20px; }

.result  .title {width:100%;  height:35px;   float:left;  }

.result   .img   {float:left;} 
.result .t1  {color:#1e5993; font-size:18px; font-weight:600; padding-bottom:5px;} 
.result .t2  {color:#333; font-size:16px; font-weight:600; padding-bottom:5px;} 
.result .t3  {color:#777; font-size:13px;  line-height:20px;} 
 
.call   {float:right; margin-top:30px;border-radius:10px;}

.main_img				{float:left !important; }
.main_img li			{float:left; width:120px; margin-right:15px; line-height:30px; text-align:center;}
.main_img li a			{font-size:12px;}