/*css初始化*/
body, div ,a ,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, th, td { margin:0; padding:0; }
body { font-size:12px; color:#000000; font-family:"microsoft yahei"; background:#fff;}
img{ border:0; display:inline-block;}
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
em,i{ font-style:normal; }
input,button,select,textarea{ outline:none; border:none; _border:0;} 
textarea { resize:none; }
a { color: #666666; text-decoration:none; }
a:hover { color:cccccc; text-decoration:none;background:transparent!important;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2{padding-left: 30px;}
.col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8{padding-left: 30px;}
.col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left: 30px;} 
html,body{
			height: 100%;
			width: 100%;
			overflow: hidden;
		}
.container{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			padding: 0;
		}
.container .page{
			width: 100%;
			height: 100%;
			position: relative;
			overflow: hidden;
		}

/*导航开始*/
.just-naver{
	position: fixed;
	background-color: #f7ffff;  
	width: 100%; 
	z-index: 999;
	box-shadow: 0 1px 5px #666666;
	text-align: center;
	padding: 5px 0;
}
.just-logo img{
	width: 180px;
}
.just-nav{
	padding: 0;
}
.just-nav ul{
	display: inline-block;
	line-height: 55px;
	font-size: 16px;
	width: 100%;
}
.just-nav li{
	float: left;
	padding: 0;
	width: 16%;
	white-space: nowrap;
	position: relative;
}
.just-nav li a{
	padding: 10px;
}
.just-nav li.cur a{
	color: #1AB6FF;
	border-bottom: 2px solid #1AB6FF;
}
.just-nav li:hover a{
	color: #1AB6FF;
	border-bottom: 2px solid #1AB6FF;
}
.text-red{
	padding: 0;
}
.font-in{
	display: inline-block;
	float: left;
	line-height: 150%;
	margin-right: 10px;
}
.erweima img{
	width: 58px;
	display: inline-block;
	float: left;
	cursor: pointer;
}
.erweima-big{
	position: fixed;
	left: 40%;
	top: 30%;
	display: none;
	z-index: 2;
}
.erweima-big img{
	width: 258px;
}
.nav-small{
	display: none;
}


.ydzq{
	position: absolute;
	top: 55px;
	left: 0;
	box-shadow: 5px 5px 5px -5px #666666;
	display: none;
	width: 100%;
}
.ydzq li{
	float: none;
	background: #f7ffff;
	width: 100%;
	border-bottom: 1px solid #f1f1f1;
}
.ydzq li a{
	padding: 10px;
}
.ydzq li.qz a{
	color: #333;
	border-bottom: none;
}
.ydzq li:hover a{
	color: #1AB6FF;
	border-bottom: none;
}


@media screen and (max-width: 990px) {
.just-logo img{
	width: 40%;
}
.just-nav ul{
font-size:16px;
width: 80%;
line-height: 30px;
}
.just-nav li{
	float: left;
	padding: 0;
	width: 11%;
	white-space: nowrap;
	margin-right: 5%;
}
.just-nav li a{
	padding: 5px;
}
.erweima img{
	width: 10%;
}
.erweima-big img{
	width: 100%;
}
.font-in {
	line-height: 130%;
}
.just-naver{
	padding: 5px 0 0 0;
}
}
@media screen and (max-width: 768px) {
.just-logo{
	text-align: center;
	padding-bottom:5px;
}
.just-logo img{
	width: 180px;
}
.text-red{
	display: none;
}
.just-nav{
	display: none;
}
.nav-small{
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	right: 30px;
	top: 20px;
	cursor: pointer;
}
.nav-small img{
	width: 24px;
	position: absolute;
	left: 0;
}
.nav-small ul{
	position: absolute;
	top: 24px;
	right: 0;
	background: #fff;
	/*padding: 10px 0;*/
	display: none;
}
.nav-small ul li{
	line-height: 30px;
	width: 80px;
	background: #fff;
	border-bottom: 1px solid #93ecff;
}
.nav-small ul li.cccc{
	border: none;
}

}
@media screen and (max-width: 345px){
.erweima{
	display: none;
}
.just-naver{
	padding-bottom: 0;
}
}
/*导航结束*/

/*轮播图开始*/
.just-lunbo{
	width:400%;
	position:absolute; 
	left: 0;
	height: 100%;
	text-align: center;
}
.just-lunbo li{
	float: left; 
	width: 25%; 
	height: 100%;
	-webkit-background-size: cover;
	background-size:cover;
	background: no-repeat center 0;
	display:table; 
}
.just-lunbo-in{
	display:table-cell; 
	vertical-align:middle;
}
.just-lunbo img{
	width: 100%;
}
.lunbo-in{
	position: absolute;
	left:50%;
	bottom:10px;
	margin-left: -25px;
}
.lunbo-in li{
	float: left;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 10px;
	background: #333;
	box-shadow: 1px 1px 2px black inset;
	cursor: pointer;
}
.lunbo-in li.curr{
	background: orange;
	box-shadow: 2px 2px 4px orange outset;
}
.btnleft,.btnright{ 
	position: absolute;
	top: 50%;
	color: #999;
	width: 30px;
    height: 30px;
    z-index: 999;
    border-radius: 30px;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    line-height: 30px;
    background-color: #ffffff;
    opacity: 0.5;
    cursor: pointer;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
}
.btnleft{
	left: 30px;
}    
.btnright{ 
	right:30px;
}	
/*轮播图结束*/

/*app展示*/
.shou_f{
	background: #fefefe;
}
.amapp{
	padding:0 50px 0;
	display: table;
	width: 100%;
	height: 100%;
}
.amapp_bt{
	text-align: center;
	font-size: 30px;
	margin-bottom: 30px;
}
.amapp_in{
	padding: 0 15px;
}
.am{
	width: 200%;
	position: relative;
	left: 0;
}
.amapp_in_in{
	float: left;
	width: 50%;
}
.amapp_in ul li{
	text-align: center;
	margin: 20px 0;
	padding: 0;
}
.amapp_in ul li img{
	width: 70px;
	margin-bottom: 10px;
}
.amapp_in ul li h3{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
.amapp_boot{
	text-align: center;
	position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -40px;
}
.amapp_boot ol li{
	width: 15px;
	height: 2px;
	background: #999;
	float: left;
	margin: 0 5px;
	cursor: pointer;
}
.amapp_boot ol li.currr{
	background: #666;
}
.am_btnleft,.am_btnright{ 
	position: absolute;
	top: 50%;
	color: #999;
	width: 30px;
    height: 30px;
    z-index: 999;
    border-radius: 30px;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    line-height: 30px;
    background-color: #ffffff;
    opacity: 0.5;
    cursor: pointer;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
}
.am_btnleft{
	left: 30px;
}    
.am_btnright{ 
	right:30px;
}
@media screen and (max-width: 990px) {
.amapp{
	padding:0 30px 0;
}
}
@media screen and (max-width: 768px) {
.amapp{
	padding:0 10px 0;
	margin: 0;
}
.amapp_bt{
	display: none;
}
.amapp_in ul li img{
	width: 50px;
	margin-bottom: 10px;
}
.amapp_in ul li h3{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0;
}
.amapp_in ul li p{
	display: none;
}
}


/*功能板块开始*/
.shou_b{
	background: url(../img/bg.png); 
	background-size: cover;
}
.just-content{
	color: #fff;
	text-align: center; 
	width: 100%;
	height: 100%;
	display: table;
}
.box{
	display: table-cell;
	vertical-align: middle;
}
.flya{
	position: relative; 
	left:450px; 
	top: 50px; 
}
.flyb{
	position: relative; 
	left:150px; 
	top: 50px;
}
.flyc{
	position: relative; 
	right:150px; 
	top: 50px;
}
.flyd{
	position: relative; 
	right:450px; 
	top: 50px;
}

.just-product{  
	display: inline-block;
	margin-bottom: 50px;
}
.just-product img{
	width: 140px; 
	display: inline-block; 
	cursor: pointer;
	position: absolute;
	top: -100px; 
	left:50%;
	margin-left: -60px;
}
.just-content h2{
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
}
.just-content p{
	font-size: 14px;
	font-weight: bold;
}
@media screen and (max-width: 990px) {
.just-content h2{
	margin-bottom: 30px;
	font-size: 16px;
	font-weight: normal;
}
.just-content p{
	font-size: 12px;
	font-weight: normal;
}
}
@media screen and (max-width: 768px) {

.just-product{  
	display: inline-block;
	margin-bottom: 30px;
}
.flya, .flyb, .flyc, .flyd{
	margin-top: 90px;
}
.just-content h2{
	margin-bottom: 30px;
	font-size: 16px;
	font-weight: normal;
}
.just-content p{
	/*font-size: 12px;
	font-weight: normal;*/
	display: none;
}
.just-product img{
	
	top: -110px; 
	
}
}
@media screen and (max-width: 345px){
.box{
	padding-top: 30px;
}
}


/*新闻开始*/
.shou_c{
	background: url(../img/bg01.png); 
	background-size: cover;
}
.just-news{
	text-align: center; 
}
.just-news img{
	display: inline-block;
	border-radius: 10px; 
	margin-bottom: 50px;
}
.news{
	display: inline-block; 
	cursor: pointer;
}
.news h2{
	font-size: 20px; 
	margin-bottom: 20px; 
	font-weight: bold;
}
.news p{
	width: 60%;
	display: inline-block; 
	text-align: left; 
	text-indent: 2em;
}
@media screen and (max-width: 990px) {
.news h2{
	font-size:16px;
}
.news p{
	width: 80%; 
	text-align: left; 
}
}
@media screen and (max-width: 768px) {
.just-news img{
	display: inline-block;
	border-radius: 10px; 
	margin-bottom: 30px;
}
.news h2{
	font-size:14px;
}
.news p{
	/*width: 88%; 
	text-align: left; */
	display: none;
}
}
.shade{
	height: 100%;
	width: 100%; 
	background: rgba(0,0,0,0.5);
	position: fixed;
	left: 0;
	top:0;
	display: none;
	z-index: 1;
}


/*合作伙伴开始*/
.shou_d{
	background: #e5e3dd; 
	/*background-size: cover;
	background-position: center;*/
}
.shou_d img{
	width: 100%;
}
.shou_d .partner,.shou_d .partner-in{
	padding: 0;
	margin-left: 0;
}
.partner{
	padding:0 100px 0;
	text-align: center;
	display: table;
	width: 100%;
	height: 100%;
}
.partner-in{
	display: inline-block;
}
.partner img{
	display: inline-block;
}
.partner li{
	font-size: 16px;
}
.tu-t,.tu-b{
	margin-bottom: 30px;
	display: inline-block;
	width: 100%;
}
.tu-t img{
	width: 30%;
}
.tu-b img{
	width: 80%;
}
@media screen and (max-width: 990px) {
	.partner li{
	font-size: 14px;
}
.partner{
	padding:0 20px 0;
}
}
@media screen and (max-width: 768px) {
.partner li{
	margin-bottom: 10px;
	padding: 0 17px 2px 0;
}

.tu-t,.tu-b{
	margin-bottom: 20px;
}
.tu-t img{
	width:40%;
}
.tu-b img{
	width: 100%;
}
}
@media screen and (max-width: 345px){
	.partner li{
	font-size: 12px;
}
}
/*版权*/
.footer{
	background: #16202E; 
	text-align: center; 
	color: #ffffff;
	padding: 5px 20px;
	position: absolute;
	bottom: 0;
	margin: 0;
	width: 100%;
}
.footer img{
	display: inline-block;
	width: 80px;
}
.footer .phone p{ 
	font-size: 16px;  
	text-align: left;
	
	display: inline-block;
}
@media screen and (min-width: 990px) {
	.footer .phone{ 
	padding-top: 10px;
}
}
@media screen and (max-width: 990px) {
	.footer .phone p{ 
	font-size: 14px;  
	text-align: left;
	display: inline-block;
}
.phone{
	padding-right: 0;
}
.footer img{
	width: 50%;
}
.tu{
	padding: 0;
}
}
@media screen and (max-width: 768px) {
.footer{
	padding: 5px 0;
}
.footer .phone p{ 
	font-size: 12px;  
	text-align: left;
	display: inline-block;
}
.footer .phone,.tu{
	padding-left: 15px;
	padding-right: 15px;
}
.tu{
	display: none;
}
.tu span{
	padding-left: 15px;
	padding-right: 15px;
}
.footer img{
	width: 100%;
}
}

.shou_e{
	background-color: #efefef;
}
.tlmz li{
	padding: 10px 0;
}
@media screen and (max-width: 768px) {
	.tlmz li{
	padding: 3px 0;
}
}

/*页面指示器*/
.gps{
	position: fixed;
	right: 10px;
	top:50%;
	list-style: none;
}
.gps li{
	width: 10px;
	height: 10px;
	background: #ccc;
	border-radius: 50%;
	margin-bottom: 10px;
	cursor: pointer;
}
.gps li.current{
	width: 15px;
	height: 15px;
	margin-left: -3px;
}