@charset "utf-8";

body,h1,h2,h3,p,ul,ol,form,fieldset,figure {
	margin: 0;
	padding: 0;
}
div,figure,img {
	box-sizing: border-box;
}
body {
	background-color: #f5f5f5;
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
}

ul,ol {
	list-style: outside none none;
}
a {
	text-decoration: none;
}
.none {
	display: none;
}

#adver {
	max-width: 1920px;
	background:url(../img/bg_01.png) no-repeat;
	height:576px;
	text-align:center;
}
#adver img{ display:inline-block;}
.main,.captioned{
	max-width:1173px;
	margin:0 auto;
	
	}

.explain{
	width:100%;
	height:297px;
	background:#edf5fa;
	margin-top:20px;}
.captioned{
	color:#2578b4;
	line-height:5px;
	
	padding:0 10px;
	}
.captioned h3{
	padding-top:35px;
	}
.captioned h6{
	text-indent:25px;
	line-height:20px;
	}	
.form_app{
	max-width:429px;
	margin:20px auto;
	text-align:center;}	
.form_input,.form_button{
	height:47px;
	color:#ffffff;
	border:none;
	display:inline-block;
	-webkit-appearance: none;
	border-radius: 0; }
.form_input{
	background:#00639e;
	font-size:14px;
	text-indent:10px;
	width:80%;
	margin:10px auto;
	}
.notes{
	font-size:12px;
	color:#ff3b00;}
.form_button{
	background:#ff3b00;
	font-size:16px;
	width:80%;
	margin:0 auto;
	}	
	

  #tabs {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #tabs li {
    float: left;
    margin: 0 -15px 0 0;
  }

  #tabs a {
    float: left;
    position: relative;
    padding: 0 20px;
    height: 0;
    line-height: 35px;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;      
    border-right: 35px solid transparent;
    border-bottom: 35px solid #34a3f3;
    border-bottom-color: #777\9;
	
    filter: alpha(opacity=30);      
  }

  #tabs a:hover,
  #tabs a:focus {
    border-bottom-color: #2ac7e1;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  #tabs a:focus {
    outline: 0;
  }

  #tabs #current {
    z-index: 3;
    border-bottom-color: #fbe02f;
    opacity: 1;
    filter: alpha(opacity=100);
	color: #00639e;      
  }

  /* ----------- */
  #content {
      background: #fff;
      border-top: 2px solid #00639e;
      padding: 1em;
      /*height: 220px;*/
  }


    #content h3,
	#content h4,
    #content p {
      margin: 0 0 15px 0;
	  color:#f4224f;
  }  

  /* Demo page only */
  #about {
      color: #999;
      text-align: center;
      font: 0.9em Arial, Helvetica;
  }

  #about a {
      color: #777;
  }   
 .step{
	 max-width:100%;
	 margin:10px auto;
	 position:relative;
	}
	 .step_2{
	 max-width:100%;
	 margin:10px auto;
	 position:relative;
	 }
.step_line{ width:1057px;
height:5px;
border-radius:3px;
background:#00639e;}	

/* slide */
.slide-main{ position: relative;}
.prev,.next{ display: block; width: 44px; height: 44px; position: absolute; z-index: 222; top: 267px; overflow: hidden; cursor: pointer; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); _border: 1px solid none; }
.prev{ left:70px; }
.next{ right: 70px; }
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.item{ display: block; width: 100%; height: 5px; position: absolute; z-index: 124; top: 540px; left: 0; text-align: center; }
.item a{ display: inline-block; width: 24px; height: 5px; margin-right: 11px; background: #444; opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); overflow: hidden; }
.item a.cur{ background: #a4a4a4; }
.slide-box,.slide{ display: block; width: 100%; height:580px;}
.slide-box{ position: relative; }
.slide{ display: none; height:100%;background: #f5f5f5; position: relative; position: absolute; z-index: 8; }
#bgstylea{ background: #f5f5f5;}
#bgstyleb{ background: #f5f5f5; }
#bgstylec{ background: #f5f5f5; }

.obj-a{ z-index: 9; text-align:center; margin:0 auto;}
.obj-a{max-width:952px;}
.obj-a img{ display:inline-block;}
img {
	display:block;
	max-width: 100%;
}
	
/*媒体查询，参考部分Bootstrap 框架*/
/*当页面大于1200px 时，大屏幕，主要是PC 端*/
@media (min-width: 1200px) {
	
}
/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width: 992px) and (max-width: 1199px) {

}
/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width: 768px) and (max-width: 991px) {

}
/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width: 480px) and (max-width: 767px) {
	
	#adver {
		max-width: 960px;
	margin: 0 auto;
	/*padding: 70px 0 0 0;*/
	background:url(../img/bg_02.png) no-repeat;
	height:288px;	
	}
	.step{
	 max-width:1057px;
	 margin:20px auto;
	 position:relative;
	 }
	 .step_2{
	 max-width:1057px;
	 margin:20px auto;
	 position:relative;
	  }
	.step_line{ width:1057px;
	height:5px;
	border-radius:3px;
	background:#00639e;}	
	.prev,.next{
		display:none !important;}
	.item{top:220px !important;}
	.explain{
	width:100%;
	height:80%;
	background:#edf5fa;
	margin-top:-30px;}
	.captioned h6{
	text-indent:15px;
	line-height:15px;
	}	
	.slide-box,.slide{ display: block; width: 100%; height:280px;}
	.canyu{width:80%; margin-bottom:10px;}
}
/*在小于480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {

	#adver {
		max-width: 960px;
	margin: 0 auto;
	/*padding: 70px 0 0 0;*/
	background:url(../img/bg_02.png) no-repeat;
	height:288px;
	}
	.step{
	 max-width:1057px;
	 margin:10px auto;
	 position:relative;
	  }
	 .step_2{
	 max-width:1057px;
	 margin:10px auto;
	 position:relative;
	 }
	.step_line{ width:1057px;
	height:5px;
	border-radius:3px;
	background:#00639e;}	
	.prev,.next{
		display:none !important;}
	
	.item{top:220px !important;}
	.slide-box,.slide{ display: block; width: 100%; height:280px;}
.explain{
	width:100%;
	height:80%;
	background:#edf5fa;
	margin-top:-30px;}
	.captioned h6{
	text-indent:15px;
	line-height:15px;
	}	
.canyu{width:80%; margin-bottom:10px;}

}