@charset "UTF-8";

/* Page	Title */
body { padding:0px; margin:0px;  }

  

 

#sub_wrap   {width:1100px; margin:0 auto;    }

#article   {width:100%;    margin-top:20px; float:left;  }
.border_bottom_wrap  {width:100%; float:left; background:url('/common/img/main/main_center_line.png') no-repeat bottom center; padding-bottom:45px;}


.guide  {width:100%; float:left;  height:180px;  margin-top:-179px; position:relative; }
.guide .t1 {font-size:12px; margin-top:57px; color:#999;  width:100%;   float:left;}
.guide .t2 {font-size:35px; letter-spacing:-2px;  color:#111; line-height:50px; height:65px; font-weight:600;  width:100%;   float:left;}
 .guide  img  {vertical-align:-1px;}

 
#article  .s_tt {font-size:17px; font-weight:600; color:#111;  line-height:40px; height:50px; width:100%; padding-left:38px; float:left;  
                 background:url('/common/img/common/s_tt_bg.png') no-repeat; background-position:left 10px;
				 	box-sizing:border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	}

#article  .s_tt_s {font-size:17px; font-weight:600; color:#111;  line-height:40px; height:50px; width:250px; padding-left:38px; float:left;  
                 background:url('/common/img/common/s_tt_bg.png') no-repeat; background-position:left 10px; margin-top:15px;
				 	box-sizing:border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	}




#article  .s_tt2 {font-size:16px; font-weight:600; color:#333;  line-height:40px; width:100%; float:left;}

 
#article .text_box  {font-size:13px; line-height:22px; color:#666; width:100%; float:left;  }
#article .text_box .under {text-decoration:underline; font-weight:600; color:#333; }
#article .text_box2  {font-size:15px; line-height:24px; color:#555; width:100%; float:left; font-weight:600;  }
#article .text_box2 span {color:#16993c; }


#article .bg_span1_  {background-color:#14993a; border-radius:10px 10px 0px 0; font-size:15px; font-weight:600; color:#fff;  padding:8px 20px 10px 20px; line-height:37px;}
#article .bg_span2  {background-color:#16993c; border-radius:50%; margin-right:3px; font-size:15px; text-align:center; font-weight:600; float:left; color:#fff;  width:40px; line-height:40px;}


 .layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999999999999;}
		.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
		.layer .pop-layer {display:block;}

	.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width:700px; padding: 20px 20px; height:455px;  background-color:#fff; border: 1px solid #3333; z-index: 10;}	
	.pop-layer .pop-container { width:100%; }
	 
	.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px;  text-align:right;}

	a.cbtn {display:inline-block;  padding:0 15px 0; border:1px solid #5e4b45;   background-color:#5e4b45; font-size:13px; font-weight:600; line-height:30px;color:#fff; }	
	 

 .pop-layer .btn-r 	a:link		{text-decoration:none; color:#fff; } 
 .pop-layer .btn-r a:hover		{text-decoration:none; color:#fff; }
.pop-layer .btn-r a:active	{text-decoration:none; color:#fff;}
.pop-layer .btn-r a:visited	{text-decoration:none; color:#fff; }

.sub_vi  {width:100%; float:left;  height:180px;  position:relative;  }
.sub_vi p  { position:absolute; top:0px; right:25px; }
.bg1  {background:url('/common/img/common/sub_vi_bg.png') no-repeat top right; }
.bg2  {background:url('/common/img/common/sub_vi_bg2.png') no-repeat top right; }
.bg3  {background:url('/common/img/common/sub_vi_bg3.png') no-repeat top right; }
.bg4  {background:url('/common/img/common/sub_vi_bg4.png') no-repeat top right; }
.bg5  {background:url('/common/img/common/sub_vi_bg.png') no-repeat top right; }

 

.step_box  {float:left;}
.step_box:last-child  {float:right;}
.step_box .bg_span1  {background:url('/common/img/common/step_bg_1.png') no-repeat right top;  background-color:#226bb5; border-radius:10px 10px 0px 0; font-size:14px;
                      font-weight:600; color:#fff;  padding:0px 0px 0px 10px; width:100%; float:left;  line-height:40px; 
      box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.step_box:nth-child(2) .bg_span1  {background:url('/common/img/common/step_bg_2.png') no-repeat right top;   background-color:#14993a;  }
.step_box:nth-child(3) .bg_span1  {background:url('/common/img/common/step_bg_3.png') no-repeat right top;   background-color:#226bb5;  }
.step_box:nth-child(4) .bg_span1  {background:url('/common/img/common/step_bg_4.png') no-repeat right top;   background-color:#14993a;  }



.step_box  p  {border:1px solid #226bb5; padding:8px;  width:100%; color:#226bb5;   margin-top:20px; line-height:20px; font-size:13px;
      box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.step_box:nth-child(2)  p  {border:1px solid #14993a;   color:#14993a; }
.step_box:nth-child(4)  p  {border:1px solid #14993a;    color:#14993a; }

.right_box  {width:850px; float:right; margin-top:20px;}

.calender  {width:100%; float:left;}
.calender  .info {width:200px; float:left; background-color:#fff;}
.calender  .info  .t1 {font-size:40px; font-weight:800; color:#333; line-height:60px;  text-align:left;  width:100%; float:left;}
.calender  .info  .t2 {font-size:18px; font-weight:600; color:#555; line-height:30px;   text-align:left;  width:100%; float:left;}
.calender  .info  .img {  text-align:left;  width:100%; float:left; margin-top:15px;}
.calender  .info  .img  img { float:left; margin-right:10px;}



.calender  table  {width:900px; float:right; border:1px solid #ddd; border-right:none;}
.calender  th  {font-weight:600; font-size:15px; text-align:Center; color:#fff; background-color:#2a85c6; padding:10px; height:20px; width:100px;}
.calender  td  {font-size:15px; color:#555; border-right:1px solid #ddd; border-bottom:1px solid #ddd;vertical-align:top; height:100px; padding:10px; width:100px;}
.calender .color1  {color:red;}
.calender .color2  {color:blue;}
.calender td.caltd_bg1  {background-color:#f5f5f5; text-align:left; }

.calender .text1  {width:100%; float:left; font-size:14px; line-height:19px; color:#777; padding-top:10px;}
.calender  .one  {background-color:#f5f5f5; line-height:40px; width:40px;  float:left; border-radius:50%; }


.text_color_bg1  {background-color:#15983c; color:#fff; font-size:15px; border-radius:30px; padding:5px 20px 5px 20px;}
.text_color_bg2  {background-color:#2472b9; color:#fff; font-size:15px;  border-radius:30px; padding:5px 20px 5px 20px;}

.map_info  {width:350px; float:right;background-color:#333; text-align:center; height:300px; font-size:14px; color:#fff; position:relative;  line-height:22px; }
.map_info  span {font-size:18px; font-weight:600; line-height:50px; width:100%; float:left; margin-top:60px;}

/* Slide out to the left*/
.sub_vi p{
	-webkit-animation: toLeftAnim1 3s ease-in both;
	-moz-animation: toLeftAnim1 3s ease-in both;
	-o-animation: toLeftAnim1 3s ease-in both;
	-ms-animation: toLeftAnim1 3s ease-in both;
	animation: toLeftAnim1 3s ease-in both;

	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
 
@-webkit-keyframes toLeftAnim1{
 	0%{ top:0px;  opacity: 0.1; }
	10%{ top:7px;  opacity: 0.1; }
	20%{ top:14px;  opacity: 0.3; }
	30%{ top:21px;  opacity: 0.5; }
	40%{ top:28px;  opacity: 0.7; }
	50%{ top:35px;  opacity: 1; }
	60%{ top:28px;  opacity: 0.8; }
	70%{ top:21px; opacity: 0.6; }
	80%{ top:14px; opacity: 0.4; }
	90%{ top:7px; opacity: 0.2; }
	100%{ top:0px; opacity: 0.1; }
}
 
@-moz-keyframes toLeftAnim1{
	0%{ top:0px;  opacity: 0.1; }
	10%{ top:7px;  opacity: 0.1; }
	20%{ top:14px;  opacity: 0.3; }
	30%{ top:21px;  opacity: 0.5; }
	40%{ top:28px;  opacity: 0.7; }
	50%{ top:35px;  opacity: 1; }
	60%{ top:28px;  opacity: 0.8; }
	70%{ top:21px; opacity: 0.6; }
	80%{ top:14px; opacity: 0.4; }
	90%{ top:7px; opacity: 0.2; }
	100%{ top:0px; opacity: 0.1; }
}
 
@-o-keyframes toLeftAnim1{
	0%{ top:0px;  opacity: 0.1; }
	10%{ top:7px;  opacity: 0.1; }
	20%{ top:14px;  opacity: 0.3; }
	30%{ top:21px;  opacity: 0.5; }
	40%{ top:28px;  opacity: 0.7; }
	50%{ top:35px;  opacity: 1; }
	60%{ top:28px;  opacity: 0.8; }
	70%{ top:21px; opacity: 0.6; }
	80%{ top:14px; opacity: 0.4; }
	90%{ top:7px; opacity: 0.2; }
	100%{ top:0px; opacity: 0.1; }
}
 
@-ms-keyframes toLeftAnim1{
	0%{ top:0px;  opacity: 0.1; }
	10%{ top:7px;  opacity: 0.1; }
	20%{ top:14px;  opacity: 0.3; }
	30%{ top:21px;  opacity: 0.5; }
	40%{ top:28px;  opacity: 0.7; }
	50%{ top:35px;  opacity: 1; }
	60%{ top:28px;  opacity: 0.8; }
	70%{ top:21px; opacity: 0.6; }
	80%{ top:14px; opacity: 0.4; }
	90%{ top:7px; opacity: 0.2; }
	100%{ top:0px; opacity: 0.1; }
}
 
@keyframes toLeftAnim1{
	0%{ top:0px;  opacity: 0.1; }
	10%{ top:7px;  opacity: 0.1; }
	20%{ top:14px;  opacity: 0.3; }
	30%{ top:21px;  opacity: 0.5; }
	40%{ top:28px;  opacity: 0.7; }
	50%{ top:35px;  opacity: 1; }
	60%{ top:28px;  opacity: 0.8; }
	70%{ top:21px; opacity: 0.6; }
	80%{ top:14px; opacity: 0.4; }
	90%{ top:7px; opacity: 0.2; }
	100%{ top:0px; opacity: 0.1; }
}