@charset "UTF-8";

/* Page Title */
body {   }

 #wrap                { background:url('/common/img/main/wrap_bg_2.png') no-repeat top center; background-color:#ebf6fc;  }

.main_vi   { margin:0 auto; width:1218px;   text-align:center;   }
.main_vi img {float:left;}


.main_vi .vi_btn {margin-top:150px; float:left;}


.bn  {width:1020px; float:left;  border:1px solid #ddd; margin-right:1px;}
.bn li  {float:left;}


.article  {width:100%; float:left; background-color:#fff; padding:38px; box-sizing:border-box; }


 .quick  {position:absolute; left:50%;  margin-left:550px; top:500px;}
@media all and (max-width:1300px)  {
.quick  {display:none;}
}


.color_box  {width:100%; float:left; margin-top:20px; background:url('/common/img/main/page_point.png') no-repeat right bottom;  background-color:#006dc0; color:#fff; box-sizing:border-box;   box-shadow:2px 2px #ddd; }
.color_box div  {float:left; border-right:1px solid #338acd; box-sizing:border-box; height:180px; padding:15px;}
.color_box div:nth-child(1)  {width:30%;}
.color_box div:nth-child(2)  {width:37%;}
.color_box div:nth-child(3)  {width:33%;}
.color_box div:last-child  {border-right:none;}
.color_box dl  {width:100%; float:left; padding:0px; margin:0px;} 
.color_box dt  {padding:0px; margin:0px; font-size:1.12em; line-height:2em; padding-bottom:5px; font-weight:600; }
.color_box dd  {padding:0px; margin:0px; font-size:0.92em; font-weight:600; line-height:1.4em; color:rgba(250,250,250,.8);}
.color_box  ul  {width:100%; float:left; margin-top:2px;}
.color_box li  {width:100%; float:left; padding-bottom:2px; font-size:0.95em; line-height:1.4em;}
.color_box li  span {float:right; color:rgba(250,250,250,.8);}


.color_box a:link		{text-decoration:none; color:rgba(250,250,250,.8);}
.color_box a:visited	{ text-decoration:none;  color:rgba(250,250,250,.8);}
.color_box a:hover		{ text-decoration:none; color:rgba(250,250,250,.8);}
.color_box a:active	{text-decoration:none;  color:rgba(250,250,250,.8);}