/* CSS Document */
*{padding:0;margin:0;list-style: none;font-family:Microsoft YaHei}
html {font-size: 62.5%!important; /* 10÷16=62.5% */}  
@media only screen and (min-width: 481px){  
    html {font-size: 94%!important; /* 15.04÷16=94% */  }  
}  
@media only screen and (min-width: 561px){  
    html { font-size: 109%!important; /* 17.44÷16=109% */ }  
}  
@media only screen and (min-width: 641px){  
    html { font-size: 125%!important; /* 20÷16=125% */ }  
}
h1{ padding:0; margin:0;}
html,body{width:100%;height:100%;}
html{background: url(about:black) fixed;}
.container-fluid{ padding-left:2rem; padding-right:2rem;}
.navbar-logo,.navbar-logo1{ float:left; display:block; width:12rem; height:3rem; padding-top:0.6rem; padding-left:1rem;}
/*.nav_bg{ background-color: rgba(59,99,161,0.2);*//* filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2; opacity: 0.2;*/}
.nav>li>a{ font-size:1.6rem; color:#FFF; display:block;}
.nav>li>a:focus,.nav>li>a:hover{ border-bottom:1px solid #06b4f3;}
.nav>li>a.blu_nav{color:#062e6f; }
.tar2{ display:none;}
.navbar-nav>li>a{ color:#FFF;}
.navbar-toggle>.blu_but{ background:#062e6f;}

.next{display:block;width: 40px;height: 25px;background-image: url(../images/scroll_bae6510.png);background-size: 40px 25px;background-position: center;position: fixed;left: 50%;margin-left: -20px;bottom: 45px;cursor: pointer;animation: scroll 1.4s linear infinite alternate; z-index:1000;}
#content{height: 100%;width: 100%; }
#content li{height: 100%;width: 100%;overflow:hidden}
#content .one{ background: url(../images/one_bg.jpg) no-repeat #0f1f39; background-size:100% 100%;}
#content .one .one_con{ width:70%; position:absolute; top:30%; right:10%;}
#content .one .one_con img{ float:right;}
#content .two,#content .four .join{background:#fff; position:relative;}
#content .two .big_title,#content .three .big_title,#content .four .join .big_title{ width:80%; position:absolute; top:17%; left:10%; }
#content .two .big_title .sectitle,#content .three .big_title .sectitle,#content .four .join .big_title .sectitle{ margin:0 auto; max-width:637px; padding-top:25px;}
#content .two .newthumbnail{width:90%; position:absolute; top:47%; left:5%; text-align:center;}
.thumbnail{ border:none; background:none;}
#content .two .newthumbnail .thumbnail h3{ padding-bottom:10px; color:#0173c9;}

#content .three{background: url(../images/three_bg.jpg) no-repeat #0f1f39; background-size:100% 100%; position:relative; color:#FFF;}
#content .three .big_title .sectitle{max-width:312px;}
#content .three .big_title h1{ color:#41abf9;}
#content .three .introduce,#content .four .join .introduce{ width:50%; position:absolute; top:40%; left:25%;}
#content .three .introduce p,#content .four .join .introduce p{ margin-top:0px; line-height:1.6rem; font-size:0.8rem;}

#content .four{background:#fff;}
#content .four .join{ height:80% !important;}
#content .four .footer{ height:20% !important; background:url(../images/footer_bg.jpg) repeat; position:relative;}
#content .four .footer .wrab_footer{ width:100%; position:absolute; height:100%; text-align: center; background:url(../images/footer.jpg) no-repeat top right; background-size: auto 100%; color:#FFF; margin: 0 auto; padding: 0;}
#content .four .footer .wrab_footer p{ padding-top:1rem; }
#content .four .footer .down_footer{ text-align: center; margin-top: -20px;}

#back{color:#fff;font-size: 30px;width:60px;height: 60px;border:2px solid #ccc;background: #ccc;cursor: pointer;position: fixed;bottom: 50px;right: 60px;text-align: center;line-height: 50px;display: none;_position:absolute;_right:50px;_top:expression(eval(document.documentElement.clientHeight-this.offsetHeight-50+document.documentElement.scrollTop));z-index: 999;}

.small{
	text-align: left;
	margin: 0;
	padding: 0;
	display: inline-block;
	_display: inline;
	*display: inline;
	zoom: 1;
}

@media only screen and (min-width: 768px){  
	.nav>li>a{ font-size:1rem; }
    .navbar-nav>li>a{ padding-top:2rem; color:#FFF;}
	
}
@media screen and (min-width:768px) and (max-width:1680px){
	#content .one{ background: url(../images/one_bg.jpg) no-repeat top left #0f1f39; background-size:100% 100%;}
	#content .three{background: url(../images/three_bg.jpg) no-repeat top left #0f1f39; background-size:100% 100%;}
	}

@media only screen and (max-width: 767px){  
	#content .one{ background: url(../images/phone_one_bg.jpg)  no-repeat #0f1f39; background-size: auto 100%;}
	.ph_detail{ display:none;}
	.thumbnail .caption{ padding:0;}
	#content .two .newthumbnail{width:80%; position:absolute; top:30%; left:13%; text-align:center;}
	#content .two .newthumbnail .thumbnail h3{ padding-bottom:0px; color:#0173c9; margin-top:0px; font-size:2rem;}
	.thumbnail{ margin-bottom:0px;}
	#content .two .big_title,#content .three .big_title,#content .four .join .big_title{ width:80%; position:absolute; top:14%; left:10%; }
	#content .two .big_title h1,#content .three .big_title h1,#content .four .join .big_title h1{ font-size:2.8rem;}
	#content .two .big_title .sectitle,#content .three .big_title .sectitle,#content .four .join .big_title .sectitle{ padding-top:20px;}
	#content .three .big_title .sectitle{ max-width:70%;}
	#back{position: fixed;bottom: 30px;right: 20px; font-size: 20px;width:50px;height: 50px; line-height:50px;}
	#content .three{background: url(../images/three_bg.jpg) no-repeat  #0f1f39; background-size:auto 100%;}
	#content .three .introduce,#content .four .join .introduce{ width:80%; position:absolute; top:35%; left:10%;}
	#content .three .introduce p,#content .four .join .introduce p{ margin-top:20px; line-height:1.8rem; font-size:0.9rem;}

	#content .four .join{ height:40% !important; }
	#content .four .footer{ height:60% !important; }
	#content .four .footer .wrab_footer{ width:80%; position:absolute; left:10%; height:100%;text-align:left; background:url(../images/footer.jpg) no-repeat top right; background-size: auto 100%; color:#FFF; line-height:1.5rem; font-size:0.9rem;}
	.next{bottom: 30px;}
	#content .four .footer .down_footer{ text-align: center; margin-top: 0px;}
	.nav_bg{ background-color:#fff;/* filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2; opacity: 0.2; rgba(255,255,255,0.8);*/}
	.secnav{ background-color:rgba(6,46,111,0.4);}
	
}

#two p{text-indent:2em;text-align:left}
#three p{text-indent:2em;text-align:left}
.join p{text-indent:2em;text-align:left}

p {
    margin: 0 0 0px;
}