html{
	width: 100%;
	height: 100%;
}

body{
	position: relative;
	background: #129FE7;
	overflow: auto;
/* 	width: 1200px;
	margin: 0 auto; */
}
**html #header{
	position: relative;
	z-index:1000;
}
.f_orange{ color: #fa8936; }
/*===========================头部 开始===========================*/
#header{
	border-bottom: 1px solid #EDEDED;
	box-shadow: none;
	background: #0288d6;
}
.headerCon{
	background: #0288D6;
	width: 1200px;
	height: 35px;
	margin: 0 auto;
}
.headerCon input.login{
	background: #008ed6;
}
.headerCon form{
	margin: 0px 8px 0 15px;
}
.headerCon .login,.headerCon .register{
	width: 51px;
	height: 22px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
    border: 1px solid #fff;
    margin:  5px 5px 0;
}
.headerCon .register:hover{
	color: #fa8936;
}
.headerCon .login:hover{
	color: #fa8936;
}
#header .btn{
	padding: 0 10px;
	margin: 8px 8px 0 0;
	height: 22px;
	line-height: 22px;
	background: #fe7900;
	border-radius: 6px;
}
#header .blueBtn{
	padding: 0 10px;
	margin: 8px 8px 0 0;
	height: 22px;
	line-height: 22px;
	background: #008ed6;
	border-radius: 6px;
}
#header .links a.app-downLoad{
	line-height: 34px;
	color: #fff;
	height: 34px;
	padding: 0 5px 0 30px;
}
#header .links a.app-downLoad {
    background:url(./../Content/images/NavPageImages/icons/icon_appdownload.png) no-repeat left center;
}
#header .links a.downLoad,#header .links a.phone,#header .links a.contact{
	position: relative;
	z-index: 1500;
	line-height: 35px;
	height: 35px;
    width: 90px;
    text-align: center;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom:transparent;
	padding-left: 11px;
}
#header .links a.downLoad{
	background:url(../images/sprite/nav.png) no-repeat 5px center;
}
#header .links a.phone{
	background:url(../images/sprite/download.png) no-repeat 5px center;
}
#header .links a.contact{
	background:url(../images/sprite/women.png) no-repeat 5px center;
}
#header .links .has-phone-box > a.phone{
	/*background:url(./../Content/images/NavPageImages/icons/icon_aboutUs.png) no-repeat 5px center;*/
}
#header .links .has-phone-box{
	z-index: 1000;
	height: 35px;
}
#header .links .has-phone-box .linkus-box p{
    text-align:left;
    text-indent:8px;
}
#header .links .phone-box{
	z-index: 1000;
	width: 200px;
	font-size: 13px;
	padding: 5px 0;
	text-align: center;
	line-height:26px;
	color: #fff;
}
/*登陆之后的左边样式*/
#header .afterLoginBtn {
    display: block;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    border-radius: 22px;
    background: #ff8517;
    color: #fff;
}
.afterLogin{
	z-index: 10;
	height: 35px;
	line-height: 35px;
}
.afterLogin:hover{
	background: #fff;
}
.afterLogin:hover .afterLoginBox{
	display: block;
}
.afterLogin.on{
	background: #fff;
}
.afterLogin:hover .memberName{
	color: #308bd8;
}
.afterLogin .memberName{
	width: 100px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	padding: 0 15px 0 10px;
	background: url(../images/sprite/arr_down.png) no-repeat right center;
	margin-right: 10px;
	
}
.afterLoginBox{
	left: 0px;
	top:36px;
	background: #fff;
	border: 1px solid #ededed;
	border-top: none;
}
.afterLoginBox li{
	padding: 0 4px;
	width: 102px;
}
.afterLoginBox li a{
	display: block;
	text-align: center;
	width: 88px;
	height: 31px;
	line-height: 31px;
	color: #999;
	border-bottom: 1px dashed #ededed;
}
.afterLoginBox li a.lastA{
	border-bottom: none;
}
.afterLoginBox li a:hover{
	color: #308bd8;
}
.afterLoginBox li.bbnone a{
	border-bottom: none;
}
#header .links .has-website-box:hover .website-box{
	display: block;
}
 /*网站导航下拉*/
.website-box,.phone-box{
	background: #fff;
	width: 150px;
	padding:10px;
	right: -217px;
	top: 35px;
	border: 1px solid #ededed;
	z-index: 1000;
}
.website-box .width70px{
	width: 70px;
}
.website-box .width90px{
	width: 90px;
}
.website-box .width60px{
	width: 60px;
}
.website-box .width110px{
	width: 110px;
}
.website-box .width120px{
	width: 120px;
}
.website-box .width100px{
	width: 100px;
}
.website-box .width92px{
	width: 92px;
}
.website-box .width115px{
	width: 115px;
}
.website-box{
	color: #999;
	padding: 19px 0;
	width: 1200px;
	height: 183px;
}
.website-box .site_title {
	color: #333;
}
.website-box dl{
	border-right: 1px dashed #ddd;
	height: 183px;
}
.website-box dl.noline {
    border-right: none;
}
.website-box dd a{
	color: #999;
	height: 26px;
	font-size: 14px;
}
.pr25{
	padding-right: 25px;
}
.website-box dd a:hover{
	color: #308bd8;
}
.website-box ul li,.aboutZHBox ul li{
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	font-size: 13px;
}
.website-box ul li,.aboutZHBox ul li.liLeft{
	border-right: 1px solid #ddd;
	margin-left: 3px;
}
.website-box ul li a:hover,.aboutZHBox ul li a:hover{
	color: #308bd8;
} 
#header .links .has-phone-box:hover a.phone{
	/*// background: #ededed;*/
}
.contentBox{
	width: 100%;
	padding: 1px 0 10px 0;
}
/* 下载 */
.has-phone-box .downloadPOP img{
	display: block;
	width: 70px;
	height: 70px;
}
.downloa-box .pop{
	width: 161px;
	/*height: 44px;*/
	padding: 5px 10px ;
	right: 102px;
	top: 36px;
	line-height: 25px;
	border: 1px solid #308bd8;
	border-top: none;
	background-color: #fff;
	color: #308bd8;
	z-index: 7;
}
/*// 联系我们*/
.linkus-box .pop{
	width: 200px;
	/*height: 44px;*/
	padding: 6px 5px 10px;
	right: -1px;
	top: 36px;
	line-height: 25px;
	border: 1px solid #308bd8;
	border-top: none;
	background-color: #fff;
	color: #308bd8;
	z-index: 7;
}

.contentBox{
	width: 100%;
	padding: 1px 0 10px 0;
}
.searchBox {
	margin: 35px 0px 0 100px;
}

.searchCon{
	width: 1200px;
	height: 134px;
	margin: 0px auto;
}
.searchCon .logo{
	width:280px;
	height:72px;
	background: url(../images/logo.png) no-repeat center center;
	margin:35px 0;
	text-indent: -9999px;
}
.searchBox .top{
	height: 35px;
	border: 1px solid #308bd8;
	border-radius: 2px;
	background: #fff;
	border-right: none;
}
.mySelect>a {
	text-decoration: none;
	display: block;
	height: 35px;
	line-height: 35px;
}
.mySelect {
	width:94px;
	position: relative;
	z-index: 1000;
	background:#fff ;
}
.mySelect .selected {
	background:#fff ;
	border-right: 1px solid #308bd8;
	width: 93px;
	color: #606060;
	text-align: center;
	background: url(../images/sprite/sanjiao.png) no-repeat 77px 17px;
}
.msUl {
	width: 93px;
	border: 1px solid #308bd8;
	border-top: none;
	display: none;
	background: #fff;
	position: absolute;
	top: 35px;
	left: -1px;
	z-index: 25;
	height: 150px;
	overflow-y: auto;
}
.msUl li{
	height: 30px;
	line-height: 30px;
}
.msUl a {
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
}
.msUl a:hover {
	background: #f1f1f1;
}
.mySelect .current a {
	background: #e5e5e5;
}
.searchBox .input{
	border: 1px solid #fff;
	height: 35px;
	line-height: 35px;
	border: none;
}
.searchBox .input input{
	display: block;
	border: 1px solid #fff;
	font-size: 14px;
	width: 347px;
	height: 35px;
	/*height: 35px;*/
	line-height: 35px;
	/*line-height: 35px;*/
	text-indent: 25px;
	border: none;
}
.searchBox {
	width: 510px;
	width: 510px;
	position: relative;
	z-index: 5;
    margin-right:2px;
}
.searchBox .btn{
	font-size: 14px;
	width: 68px;
	*width: 68px;
	background-color: #308bd8;
}
.searchBox .btn #search-btn,.searchBox .btn #search-btns{
	width: 69px; 
	*width: 68px;
	height:35px;
	background: #1276cb url(../images/sprite/header_icon_search.png) no-repeat center center;
	color: #fff;
	font-size: 14px;
	border-radius: 0 2px 2px 0;
	cursor: pointer;
}
.searchBox .btn #search-btn:hover{
	border: none;
	color: #fff;
}
.searchBox .btn #search-btns:hover{
	border: none;
	color: #fff;
}
.searchBox .bot{
	padding: 8px 0 0 0;
}
.searchBox .bot span{
	display: block;
	height: 20px;
	line-height: 20px;
	margin: 0 10px 0 0;
	padding:0px 5px;
	border-radius: 3px;
}
.searchBox .bot ul li{
	float: left;
	margin: 0 10px 0 0;
}
.searchBox .bot ul li a{
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: block;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	color: #fff;
}
.searchBox .bot ul li a:hover{
	color: #fa8936;
}

.footer{
	height: 120px;
	background: #0288d6;
	color:#fff;
	padding-top: 20px;
	width: 100%;
}
.footerWrap{
	width: 1200px;
	margin: 0 auto;
}
.footer .left_fotBox p{
	height: 35px;
	line-height: 35px;
}
.footer .left_fotBox p a{
	color:#fff;
}
.footer .right_fotBox p{
	height: 20px;
	line-height: 20px;
}
.footerFix{
	position: fixed;
	bottom:0;
	left: 0;
}
.CommonFooter{
	width: 100%;
	background: #292e32;
	color: #cfcfd1;
	border-top: 1px solid #047dc3;
	padding: 26px 0 14px;
}
.CommonFooter .footerCon {
	width: 1200px;
	margin: 0 auto;
}
.CommonFooter .footerCon .foot_left p a:hover{
	color: #d3d4d4;	
}
.CommonFooter .footerCon .CodeBox img{
	width: 80px;
	height: 80px;
}
.nav{
    height: 80px;
    line-height: 80px;
    background: #fff;
    width: 1200px;
	margin: 0px auto;
}
.nav li{
    width: 171px;
    text-align: center;
    float: left;
    background: url(../images/sprite/nav_line.png)no-repeat right;
    position: relative;
    cursor: pointer;
}
.nav li.noline{
    background: none;
}
.span{
    position: absolute;
    display: inline-block;
    width: 171px;
    height: 80px;
    top: 0;
    left:0;
    display: block;
    background: url(../images/sprite/top_live.png)no-repeat top;
}
.nav li a{
    display: inline-block;
    width: 100px;
    padding-left: 34px;
    font-size: 16px;
    color: #308bd8;
    font-weight: bold;
    height: 77px;
    
}
.nav li .nav_side_1{ 
    background: url(../images/sprite/iocn_01.png) no-repeat 30px 24px;
}
.nav li .nav_side_2{
    background: url(../images/sprite/iocn_02.png) no-repeat 15px 24px;
}
.nav li .nav_side_3{
    background: url(../images/sprite/iocn_03.png) no-repeat 15px 24px;
}
.nav li .nav_side_4{
    background: url(../images/sprite/iocn_04.png) no-repeat 22px 24px;
}
.nav li .nav_side_5{
    background: url(../images/sprite/iocn_05.png) no-repeat 15px 24px;
}
.nav li .nav_side_6{
    background: url(../images/sprite/iocn_06.png) no-repeat 22px 24px;
}
.nav li .nav_side_7{
    background: url(../images/sprite/iocn_07.png) no-repeat 15px 24px;
}
/*// a{
//     color:$yellow-color;
// }*/
.on .active_nav_side_1{ 
    background: url(../images/sprite/active__icon01.png) no-repeat 30px 24px!important;
    color:#fa8936;
}
.on .active_nav_side_2{ 
    background: url(../images/sprite/active__icon02.png) no-repeat 15px 24px!important;
    color:#fa8936;
}
.on .active_nav_side_3{ 
    background: url(../images/sprite/active__icon03.png) no-repeat 15px 24px!important;
    color:#fa8936;
}
.on .active_nav_side_4{ 
    background: url(../images/sprite/active__icon04.png) no-repeat 22px 24px!important;
    color:#fa8936;
}
.on .active_nav_side_5{ 
    background: url(../images/sprite/active__icon05.png) no-repeat 15px 24px!important;
    color:#fa8936;
}
.on .active_nav_side_6{ 
    background: url(../images/sprite/active__icon06.png) no-repeat 22px 24px!important;
    color:#fa8936;
}
.on .active_nav_side_7{ 
    background: url(../images/sprite/active__icon07.png) no-repeat 15px 24px!important;
    color:#fa8936;
}
/*弹窗-开始*/
.zh_popUpbg{
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-image: url(../../images/PopUp/alertBg.png);
}
.zh_popUpcon{
	background-color: #fff;
	width: 360px;
	max-height: 500px;
	box-shadow: 0 2px 3px 2px #ccc;
	margin: 0 auto;
	top: 10%;
	z-index: 101;
}
.zh_popUpcon h2{
	padding-left: 12px;
	line-height: 34px;
	background-color: #308BD8;
	border-radius: 4px 4px 0 0;
}
.zh_alertCloseBtn{
	position: absolute;
	top: 0px;
	right: 0px;
	display:block;
	width:38px;
	height: 34px;
	background: url(../../images/PopUp/alertClose.png) no-repeat center center;
	outline: none;
	cursor: pointer;
	border: none;
}			
/*弹窗关闭按钮*/
.zh_alertCloseBtn{
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: all 218ms;
	-ms-transition: all 218ms;
	-o-transition: all 218ms;
	-moz-transition: all 218ms;
	transition: all 218ms;
	}
.zh_alertCloseBtn:hover{
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}
/*弹窗出现动画*/
.animated {
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.zh_fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*弹窗消失动画*/
.zh_fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
  }
}
/*弹窗尺寸控制*/
.zh_popUpbgWidthSma .zh_popUpcon{
	width: 360px;
}
.zh_popUpbgWidthCen .zh_popUpcon{
	width: 560px;
}
.zh_popUpbgWidthBig .zh_popUpcon{
	width: 800px;
}
/*文本弹窗样式*/
.zh_popUpText{
	padding: 10px 10px 0;
}
.scroll-bar{
	max-height: 350px;
	overflow-y: scroll;
}
/*弹窗-结束*/
/*滚动条*/
.scroll-bar{
	overflow:auto;
}
*.scroll-bar{
	overflow-x: hidden;
}
.scroll-bar::-webkit-scrollbar{
  width:5px;
}
.scroll-bar::-webkit-scrollbar-thumb{
  width:5px;
  height:10px;
  border-radius: 20px;
  background: #ccc;
}