/**设置跟元素字体为10px,以后用到rem后 12px＝1.2rem了  记得加上px免得不兼容**/
html
{
font-size:62.5%; /* 10÷16=62.5% */
}
body
{ 
  font-family: "微软雅黑"; 
  font-size:14px;
  background-color:#FFFFFF;
}
/**头部信息**/
#h-1
{
	width:100%;
	min-height: 145px;
}
.h-1-1
{
    width:100%;
	min-height:48px;
	background-color:#2866BD;
}
.h-1-2
{
    position:relative;
    float:left;
    line-height:48px;
	color:#ffffff;
	font-size:1.4rem;
	padding-left:90px;
}
.h-1-2 a
{
    color:#ffffff;
}
.h-1-2 img
{
    position:absolute;
    left:70px;
	top:16px;
}
.h-1-3
{
    float:right;
    line-height:48px;
	color:#ffffff;
	font-size:1.4rem;
	padding-left:20px;
}
.h-1-4
{
    position:relative;
    float:right;
}
.h-1-5
{
   width:260px;
   height:30px;
   margin-top:9px;
   border-radius:10px;
   background-color:#F1F1F1;
}
.h-1-6
{ 
   position:absolute;
   right:10px;
   top:12px;
}
.h-1-7
{
    width:100%;
	height:96px;
	border-bottom:1px solid #cccccc;
}
.h-1-8
{
    float:left;
	margin-top:15px;
}
.h-1-9
{
    float:right;
	width:26px;
	height:25px;
	margin-left:10px;
	margin-top:36px;
}
.h-1-10
{
    float:right;
	width:26px;
	height:25px;
	margin-left:30px;
	margin-top:36px;
}
.h-1-11
{
    position:relative;
    float:right;
	width:110px;
	line-height:96px;
	text-align:center;
	font-size:1.6rem;
	font-weight:bold;
}
.h-1-11 a
{
    text-decoration:none;
	color:#474747;
}
.h-1-11 a:hover
{
    text-decoration:none;
	color:#2866BD;
}
.h-1-11:hover
{
    border-bottom:2px solid #2866BD;
}
.h-1-12
{
   position:absolute;
   top:98px;
   left:0px;
   width:110px;
   background-color:#FFFFFF;
   z-index:999;
   display:none;
}
.h-1-13
{
   width:100%;
   line-height:45px;
   border-bottom:1px solid #CCCCCC;
   text-align:center;
   font-size:14px;
   color:#333333;
}
.h-1-13 a
{
    text-decoration:none;
	color:#333333;
}
.h-1-13 a:hover
{
    text-decoration:none;
	color:#2866BD;
}
.h-1-14
{
    width:80%;
	margin:20px 10%;
	display:none;
}

#s-1
{
    position:relative;
    width:100%;
	height:770px;
}
.s-1-1
{
   	width:100%;
	height:770px;
}
.s-1-2
{
   	width:100%;
	height:770px;
	background-position:center;
	background-size:cover;
}
.s-1-3
{
   position:absolute;
   bottom:270px;
   left:40px;
   font-size:40px;
   color:#FAFAFA;
   font-weight:bold;
}
.s-1-3:hover
{
   position:absolute;
   bottom:270px;
   left:40px;
   font-size:40px;
   color:#FFFFFF;
   font-weight:bold;
}
.s-1-4
{
   position:absolute;
   bottom:270px;
   right:40px;
   font-size:40px;
   color:#FAFAFA;
   font-weight:bold;
}
.s-1-4:hover
{
   position:absolute;
   bottom:270px;
   right:40px;
   font-size:40px;
   color:#FFFFFF;
   font-weight:bold;
}
.s-1-5
{
   position:absolute;
   bottom:250px;
   left:50%;
   transform:translate3d(-50%,-50%,0);
   z-index:999;
}
.s-1-6
{
   float:left;
   margin:0px 5px;
   width:10px;
   height:10px;
   border-radius:26px;
   background-color:#333333;
   filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	opacity:0.5;
}
.s-1-6:hover
{
   float:left;
   margin:0px 5px;
   width:10px;
   height:10px;
   border-radius:26px;
   background-color:#ffffff;
   filter:alpha(opacity=100); 
	-moz-opacity:1; 
	opacity:1;
}
.s-1-6.active
{
   float:left;
   margin:0px 5px;
   width:10px;
   height:10px;
   border-radius:26px;
   background-color:#2866BD;
   filter:alpha(opacity=100); 
	-moz-opacity:1; 
	opacity:1;
}
#s-2
{
    width:100%;
	min-height:440px;
	margin-top:-220px;
}
.s-2-1
{
    position:relative;
    width:100%;
	height:220px;
}
.s-2-1 img
{
   display:block;
   max-width:100%;
   height:220px;
   margin-left:auto;
   margin-right:auto;
   -webkit-filter:grayscale(1);
   filter:grayscale(1);
}
.s-2-1 img:hover
{
   display:block;
   max-width:100%;
   height:220px;
   margin-left:auto;
   margin-right:auto;
   -webkit-filter:grayscale(0);
   filter:grayscale(0);
}
.s-2-1:hover img
{
   display:block;
   max-width:100%;
   height:220px;
   margin-left:auto;
   margin-right:auto;
   -webkit-filter:grayscale(0);
   filter:grayscale(0);
}
.s-2-2
{
   position:absolute;
   width:100%;
   height:220px;
   top:0px;
   left:0px;
   display:none;
}

.s-2-3
{
   width:80%;
   height:180px;
   margin:20px 10%;
   background-color:#2866BD;
   filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity:0.8;
}
.s-2-1:hover .s-2-2
{
   display:block;
}
.s-2-4
{
   width:100%;
   padding-top:40px;
   line-height:40px;
   text-align:center;
   font-size:1.8rem;
   color:#FFFFFF;
}
.s-2-5
{
   width:100%;
   line-height:40px;
   text-align:center;
   font-size:1.4rem;
   color:#FFFFFF;
}
.s-2-2a
{
   position:absolute;
   width:100%;
   height:220px;
   top:0px;
   left:0px;
}

.s-2-3a
{
   width:80%;
   height:180px;
   margin:20px 10%;
}
.s-2-4a
{
   width:100%;
   padding-top:40px;
   line-height:40px;
   text-align:center;
   font-size:2.1rem;
   color:#FFFFFF;
}
.s-2-5a
{
   width:100%;
   line-height:40px;
   text-align:center;
   font-size:1.7rem;
   color:#FFFFFF;
}
.s-2-1:hover .s-2-2a
{
   display:none;
}
.s-2-6
{
   width:100%;
   height:220px;
   background-color:#222222;
}
.s-2-7
{
   width:100%;
   height:220px;
   background-color:#262626;
}
.s-2-8
{
   width:100%;
   padding:80px 15% 0px 15%;
   line-height:40px;
   text-align:center;
   font-size:1.6rem;
   color:#FFFFFF;
}
#s-3
{
   width:100%;
}
.s-3-1
{
   width:100%;
   line-height:100px;
   text-align:center;
   font-size:2.8rem;
   color:#222222;
   font-weight:800;
}
.s-3-2
{
   width:100%;
   line-height:55px;
   text-align:center;
   font-size:1.6rem;
   color:#222282;
}
.s-3-3
{
   position:relative;
   width:100%;
   height:auto;
}
.s-3-4
{
   width:50%;
   min-height:140px;
   margin:0 auto;
   margin-bottom:50px;
}
.s-3-5
{
   width:100%;
   min-height:130px;
}
.s-3-6
{
   width:100%;
   line-height:35px;
   text-align:center;
   font-size:1.4rem;
   color:#333333;
   font-style:oblique;
}
.s-3-7
{
   position:absolute;
   left:15%;
   bottom:10px;
   font-size:3.6rem;
   color:#2866BD;
}
.s-3-8
{
   position:absolute;
   right:15%;
   bottom:10px;
   font-size:3.6rem;
   color:#2866BD;
}
.s-3-9
{
   position:absolute;
   bottom:-20px;
   left:50%;
   transform:translate3d(-50%,-50%,0);
   z-index:999;
}
.s-3-9:after
{
  clear:both;
}
.s-3-11
{
   float:left;
   margin:0px 5px;
   width:10px;
   height:10px;
   border-radius:26px;
   background-color:#333333;
   filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	opacity:0.5;
}
.s-3-11:hover
{
   float:left;
   margin:0px 5px;
   width:10px;
   height:10px;
   border-radius:26px;
   background-color:#666666;
   filter:alpha(opacity=100); 
	-moz-opacity:1; 
	opacity:1;
}
.s-3-11.active
{
   float:left;
   margin:0px 5px;
   width:10px;
   height:10px;
   border-radius:26px;
   background-color:#666666;
   filter:alpha(opacity=100); 
	-moz-opacity:1; 
	opacity:1;
}



#s-4
{
   width:100%;
   background-color:#F5F5F5;
}
.s-4-1
{
   width:100%;
   height:460px;
   border:1px solid #CCCCCC;
   margin-bottom:25px;
   background-color:#FFFFFF;
}
.s-4-2
{
   position:relative;
   width:100%;
   height:250px;
   overflow:hidden;
}
.s-4-2 img
{
   display:block;
   max-width:100%;
   height:250px;
   margin-left:auto;
   margin-right:auto;
}
.s-4-2:hover img
{
   transform:scale(1.1,1.1);
}
.s-4-3
{
   position:absolute;
   width:100%;
   height:300px;
   top:0px;
   left:0px;
   display:none;
}
.s-4-4
{
   position:relative;
   width:80%;
   height:180px;
   margin:60px 10%;
   background-color:#2866BD;
   filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity:0.8;
}
.s-4-2:hover .s-4-3
{
   display:block;
}
.s-4-4 img
{
    position: absolute;
	width:84px;
	height:51px;
	margin-left:auto;
	margin-right:auto;
	top:65px;
	left:100px;
}
.s-4-5
{
   width:100%;
   line-height:60px;
   font-size:1.6rem;
   color:#2866BD;
   text-align:center;
}
.s-4-5 a
{
    text-decoration:none;
	color:#2866BD;
}
.s-4-5 a:hover
{
    text-decoration:none;
	color:#2866BD;
}
.s-4-6
{
   width:100%;
   padding:0px 20px;
   line-height:25px;
   font-size:1.2rem;
   color:#333333;
   text-align:center;
}
#s-5
{
   width:100%;
   min-height:230px;
   background-color:#F5F5F5;
}
.s-5-1
{
   width:100%;
   line-height:130px;
   text-align:center;
   font-size:2.8rem;
   color:#222222;
   font-weight:500;
}
.s-5-2
{
   width:100%;
   height:55px;
   border:1px solid #999999;
   border-radius:5px;
}
.s-5-3
{
   width:100%;
   height:55px;
   border:1px solid #999999;
   background-color:#2866BD;
   border-radius:5px;
}
#f-1
{
   width:100%;
   min-height:370px;
   background-color:#2F3034;
}
.f-1-1
{
   width:100%;
   min-height:280px;
   border-bottom:1px solid #999999;
}
.f-1-2
{
   width:100%;
   line-height:90px;
   font-size:1.4rem;
   color:#787878;
   text-align:center;
}
.f-1-3
{
   position:relative;
   width:80%;
   margin:80px 0px 0px 20%;
   height:auto;
   padding-top:45px;
}
.f-1-4
{
   position: absolute;
   top:0px;
   left:0px;
   font-size:1.4rem;
   color:#787878;
}
.f-1-5
{ 
    float:left;
    width:50%;
	line-height:35px;
	text-align:left;
	font-size:1.4rem;
	color: #bfbfbf;
}
.f-1-5 a
{ 
    text-decoration:none;
	color:#bfbfbf;
}
.f-1-5 a:hover
{ 
    text-decoration:none;
	color:#bfbfbf;
}
.f-1-6
{ 
    width:100%;
	line-height:35px;
	text-align:left;
	font-size:1.4rem;
	color: #bfbfbf;
}
#n-1
{
    position:relative;
    width:100%;
	height:340px;
}
.n-1-1
{
   	width:100%;
	height:340px;
	background-position:center;
	background-size:cover;
}
#n-2
{
    width:100%;
	height:60px;
	border-bottom:1px solid #999999;
}
.n-2-1
{
   	width:100%;
	line-height:60px;
	text-align:left;
	font-size:1.4rem;
	color:#333333;
}
.n-2-1 span
{
	color:#2866BD;
}

#n-3
{
    width:100%;
	height:90px;
}
.n-3-1
{
   	width:100%;
	line-height:90px;
	text-align:left;
	font-size:2.5rem;
	color:#2866bd;
	font-weight:800;
}
#n-4
{
    width:100%;
	min-height:100px;
	margin-bottom:20px;
}
.n-4-1
{
   	width:100%;
	line-height:25px;
	text-align:left;
	font-size:1.4rem;
	color:#333333;
	text-align:left;
}

#n-5
{
    width:100%;
	min-height:45px;
	margin-bottom:20px;
}
.n-5-1
{
    float:left;
   	width:134px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#474747;
	border:1px solid #2866bd;
	font-size:1.8rem;
	margin-right:20px;
}
.n-5-2
{
    float:left;
   	width:134px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#474747;
	font-size:1.8rem;
}
.n-5-2:hover
{
   border:1px solid #2866bd;
}
#n-6
{
    width:100%;
	min-height:400px;
	margin-bottom:20px;
}
.n-6-1
{
    position:relative;
    width:100%;
	min-height:80px;
	padding-top:25px;
	margin-bottom:20px;
}
.n-6-2
{
    position:absolute;
    top:0px;
	left:0px;
	font-size:1.4rem;
	color:#666666;
}
.n-6-3
{  
   width:100%;
   height:52px;
   background-color:#F1F1F1;
}
.n-6-4
{  
   width:100%;
   height:150px;
   background-color:#F1F1F1;
}

.n-6-5
{ 
   width:100%;
   height:50px;
   background-color:#2866BD;
}
.n-6-6
{ 
    width:100%;
	line-height:35px;
	text-align:left;
	font-size:1.8rem;
	color: #999999;
}

#s-6
{
    margin-top:20px;
	margin-bottom:20px;
}
.s-6-1
{ 
    width:100%;
	height:350px;
	overflow:hidden;
}
.s-6-2
{ 
    width:100%;
	height:350px;
}
.s-6-3
{
    position:relative;
   	width:100%;
	height:350px;
	background-position:center;
	background-size:cover;
}
.s-6-4
{
   width:100%;
   padding:100px;
   line-height:41px;
   text-align:center;
   font-size:2.1rem;
   color:#333333;
}

/**滚动动画**/
#s-3.active .ydupdown
{
	-webkit-animation: slideDown 1.5s ease-in-out both;
	-moz-animation: slideDown 1.5s ease-in-out both;
	-ms-animation: slideDown 1.5s ease-in-out both;
	-o-animation: slideDown 1.5s ease-in-out both;
	animation: slideDown 1.5s ease-in-out both;
}
#s-4.active .ydupdown
{
	-webkit-animation: slideDown 1.5s ease-in-out both;
	-moz-animation: slideDown 1.5s ease-in-out both;
	-ms-animation: slideDown 1.5s ease-in-out both;
	-o-animation: slideDown 1.5s ease-in-out both;
	animation: slideDown 1.5s ease-in-out both;
}
#s-5.active .ydupdown
{
	-webkit-animation: slideDown 1.5s ease-in-out both;
	-moz-animation: slideDown 1.5s ease-in-out both;
	-ms-animation: slideDown 1.5s ease-in-out both;
	-o-animation: slideDown 1.5s ease-in-out both;
	animation: slideDown 1.5s ease-in-out both;
}
#s-6.active .ydupdown
{
	-webkit-animation: slideDown 1.5s ease-in-out both;
	-moz-animation: slideDown 1.5s ease-in-out both;
	-ms-animation: slideDown 1.5s ease-in-out both;
	-o-animation: slideDown 1.5s ease-in-out both;
	animation: slideDown 1.5s ease-in-out both;
}