@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:"微软雅黑"; font-size:14px;}
ul,li{ margin:0; padding:0; list-style:none;}
a{ color:#333; text-decoration:none;}
p{ margin:0; padding:0;}

.ss1{ overflow:hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ss2{ overflow:hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ss1-1{ overflow:hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color:#fff;}

.hdtop .navbar-default {background-color:#fff; border:0;}
.contain{ width:1200px; margin:auto; overflow:hidden;}

.hdtop .nav .navlogin, .hdtop .nav .navregest{  display:none;}
.hdtop .logo{ margin:auto;}
	.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; /*bottom:20px;*/ text-align:center;  }
	.focus .hd ul{ display:inline-block; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
	.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:#FE6C9C;  }
	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%;  /*height:500px;*/ background:url(images/loading.gif) center center no-repeat;  }
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.login{ position:relative; width:0; height:0; left:50%; margin-left:250px; top:-450px; display:none;}
.login .wrap{ width:350px; height:410px; background:#fff; border-radius:5px; border:1px #eeeeee solid;}
.login .wrap .tittle{ background:#cce198; color:#fff; font-size:24px; line-height:60px; border-top-left-radius:5px; border-top-right-radius:5px; text-align:center;}
.login .wrap .infor{ margin:15px 30px;}
.login .wrap .infor .tit1{ overflow:hidden; margin:20px auto;}
.login .wrap .infor .tit1 input{ width:230px; height:35px; border-radius:3px; border:1px #dcdcdc solid; float:right; text-indent:5px;}
.login .wrap .infor .tit2{ padding-left:70px; }
.login .wrap .infor .tit2 span{ cursor:pointer; margin-left:15px;}
.login .wrap .infor .tit2 span:hover{ color:#F00;}
.login .wrap .infor .tit3{ width:100%; margin:auto; margin-top:20px; text-align:center;}
.login .wrap .infor .tit3 button{ width:85%; background:#1ab4f0; border-radius:3px; color:#fff; line-height:40px; border:0; font-size:24px; letter-spacing:5px;}
.login .wrap .infor .tit3 button:hover{ background:#0093dd;}
.login .wrap .infor .tit4{ text-align:center; margin-top:15px; font-family:"宋体"; font-size:12px;}
.login .wrap .infor .tit4 a{ text-decoration:none; margin:auto 30px;}
.login .wrap .infor .tit4 a:hover{color:#F00;}

.hdtop{ position:relative;}
.hd-loginbtn{ position:absolute; width:0; height:0; display:none;}
.hd-loginbtn .wrap{ overflow:hidden; width:120px}
.hd-loginbtn .loginbtn{ float:left; width:50px; height:22px; margin-right:10px;}
.hd-loginbtn .registbtn{ float:left; width:50px; height:22px;}
.hd-loginbtn a{ display:block; border-radius:20px; border:1px #97e2f8 solid; text-align:center; line-height:20px; color:#999; text-decoration:none;}
.hd-loginbtn a:hover{ background:#0093dd; color:#fff;}

.foot{ background:#3a3c3c;}
.foot .ftlogo{ display:table;} 
.foot .wrap{ display:table-cell; vertical-align:middle;}
.foot .wrap_R{ display:table; }
.foot .wrap_R .ftnav{ color:#fff;  font-size:18px; background:url(../images/ftline.png) left bottom no-repeat; padding-bottom:20px;}
.foot .wrap_R .ftnav a{ display:inline; color:#fff; text-decoration:none;}
.foot .wrap_R .ftnav a:hover{ color:#1ab4f0;}
.foot .wrap_R .rtit{ margin-top:15px; overflow:hidden;}
.foot .wrap_R .rtit .img{ float:left;}
.foot .wrap_R .rtit .tit{ float:left; padding-left:15px;}
.foot .wrap_R .rtit .tit .p1{ color:#fff; font-size:16px; margin:5px auto;}
.foot .wrap_R .rtit .tit .p2{ color:#fff; font-size:14px; margin:5px auto;}
.foot .wrap_R .rtit .tit .p2 span{ color:#1ab4f0; font-size:24px; font-weight:600;}
.foot .btmtit{ color:#eee;}
.foot .btm2{width:100%; overflow:hidden;}
.foot .btm2 .btm2_wrap{ float:left; color:#999; line-height:18px; text-align:center; margin-right:20px; font-size:12px; margin-top:15px;}
.foot .btm2 .btm2_wrap img{ height:40px;}


.link{ font-family:"宋体"; color:#666; line-height:50px;}
.link span{ color:#0092df;}

.totop{ width:0; height:0; position:fixed; right:50%; margin-right:-600px; bottom:400px; display:none;}
.totop .wrap{}
.fl_R{ width:0; height:0; position:fixed; right:0; margin-right:80px; top:200px; display:none;}
.totop .wrap{}

/*PC*/
@media (min-width:1200px) {

.hdtop{ height:105px; width:100%;}
.logo{ width:455px; height:105px; background:url(../images/logo.png) 15px center no-repeat;}
.phlogo{ display:none;}
.hdtop .navbar-default .container-fluid .navbar-collapse{ height:105px;}
.hdtop .navbar-default{ width:1200px; margin:auto;}
.hdtop .navbar_nav{ height:105px; line-height:105px;}
.hdtop .nav>li>.a1, .hdtop .nav>li>.tel{ display:block; font-size:16px; height:105px; line-height:105px; padding:0 20px;}
.hdtop .nav>li>.a1:hover{ border-bottom:2px #1ab4f0 solid; color:#1ab4f0;} 

.login{ display:block;}
.foot .wrap{height:450px;}
.foot .wrap_R .ftnav{ margin-top:20px;}
	
.focus .hd{ bottom:20px; }
.focus .bd li img{height:500px; }
#focus_phone, #focus_ipad{ display:none;}

.totop, .fl_R{ display:block;}

}
	
/*手机*/
@media (max-width:767px){
.logo{ padding:0; }
.phlogo{ width:100%; height:50px; display:block;}
.phlogo img{ max-height:100%; margin:5px 15px; }
.hdtop .navbar-default .container-fluid .navbar-collapse{ margin-top:15px; text-align:center;}

.hdtop .nav .navlogin, .hdtop .nav .navregest{  display:block;}

.foot .wrap_R .ftnav{ font-size:14px; text-align:center;}
.foot .wrap{ padding:5px 0;}
.foot .wrap_R .rtit .img{ float:none; text-align:center;;}
.foot .ftlogo{ display:table; width:100%;} 
.foot .ftlogo .wrap {
text-align:center; text-align: -webkit-center; }

#focus_pc,#focus_ipad{ display:none}
.focus .hd{ bottom:5px; }
.focus .bd li img{ }
.foot .wrap_R .rtit .tit .p2 span{}

.foot .btmtit{ padding-left:15px;}
.foot .btm2{  padding-left:15px;}
.hd-loginbtn{top:15px; right:180px; display:block;}
	}
	

/*IPAD*/
@media screen and (max-width: 1024px) and (min-width: 768px){
.logo{ padding:0; }
.phlogo{ width:100%; height:105px; display:block;}
.phlogo img{ max-height:100%; margin:5px 15px; margin-top:25px;}
.hdtop .navbar-default .container-fluid{ padding:0 5px;}
.hdtop .navbar-default .container-fluid .navbar-collapse{padding:0}
.hdtop .nav>li>.a1, .hdtop .nav>li>.tel{ display:block; font-size:16px; height:105px; line-height:105px; padding:0 20px;}
.hdtop .nav>li>.a1:hover{ border-bottom:2px #1ab4f0 solid; color:#1ab4f0;}
.navbar{ margin-bottom:0;}

.focus .hd{ bottom:20px; }
.focus .bd li img{ }
#focus_phone, #focus_pc{ display:none;}

.hd-loginbtn{top:10px; right:130px; display:block;}
	}
	
/*IPAD*/
@media screen and (max-width: 1023px) and (min-width: 768px){
.hdtop .nav>li>.a1, .hdtop .nav>li>.tel{padding:0 6px;}
	}
	
/*pad*/	
@media (min-width:768px){
.hdtop .navbar-default .container-fluid .navbar-header{ float:left;}
.hdtop .navbar-default .container-fluid .navbar-collapse{ float:right; padding-right:0; height:105px;}
.foot .wrap{ padding:15px 0;}
	}
/*pad pro*/	
@media (min-width:1024px){
.foot .wrap{height:450px;}
	}
/*IPAD*/
@media screen and (max-width: 1199px) and (min-width: 1024px){

.focus .hd{ bottom:20px; }
.focus .bd li img{ }
#focus_phone, #focus_pc{ display:none;}
	}
	
	
	