/*
 * 公用样式顶部及底部区域，全页面公用
 * create by malulu 2021-06-29
 */
a:hover, a:focus{
	color: #0093F7;
}
.topbar{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #ECECEC;
	color: #666666;
	font-size: 14px;
}
.main1200{
	width: 1200px;
	margin: 0 auto;
}
.topbar p{
	float: left;
	width: 310px;
}
.topbar .uesr-portal{
	float: right;
	position: relative;
}
.topbar .uesr-portal a{
	color: #666;
}
.topbar .uesr-portal i {
	font-style: normal;
	margin: 0 10px;
}
.topbar .uesr-portal .loginPor .phone{
	display: none;
	position: absolute;
	width: 100px;
	line-height: 40px;
	left: -109px;
	top: 0;
}
.topbar .uesr-portal .loginPor:hover .phone{
	display: block !important;
}

/*logo*/
.logo-container{
	width: 100%;
	overflow: hidden;
}
.header-logo{
	width: 480px;
	height: 130px;
	background: url(../../images/common/logo.png) no-repeat;
	background-position: center;
}
.header-logo a{
	width: 100%;
	display: block;
}

.left{
	float: left;
}
.right{
	float: right;
}
/*搜索栏*/
.logo-container{
	background: url(../../images/common/header_tip_bg.png) no-repeat;
}
.search-bar{
	/*margin-top: 23px;*/
	margin-left: 32px;
}
.search-bar .kefu{
	overflow: hidden;
	margin-left: 32px;
	margin-top: 17px;
}
.search-bar .kefu img{
	width: 100%;
	height: 100%;
	display: block;
}
.search-bar .logo{
    height: 142px;
}
.search-bar .logo img{
    margin-top: 39px;
}
.search-bar .searchbox{
    margin-top: 40px;
}
.search-bar .searchbox input{
	outline: none;
}
.searchbox .text {
    float: left;
    width: 290px;
    height: 42px;
    border:1px solid #DDDDDD;
    font-size:16px;
    line-height: 58px;
    padding-left: 8px;
}
.searchbox .front-search-btn{
    float: left;
    width: 108px;
    height: 42px;
    color:#fff;
    font-size:16px;
    text-align: center;
    line-height:40px;
	background: #FC8B15;
    cursor: pointer;
    border:1px solid #FC8B15;
}
.search-bar .login {
	overflow: hidden;
	margin-left: 32px;
    margin-top: 20px;
}
.search-bar .login a{
	display: block;
	float: left;
	margin-left: 10px;
	width:66px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
.search-bar .login .loginPor{
	background: #0093F7;
}
.search-bar .login .registerPor{
	background: #0093F7;
}



.nav-container{
	width: 100%;
	clear: both;
	position: relative;
	height: 60px;
	background: #0093F7;
}

.nav-container .navList{
	width: 100%;
	display: flex;
	display: -webkit-flex; /* Safari */
	justify-content: space-between;
	margin: 0;
	padding: 0;
}

/*.nav-container .navList li:first-child{*/
/*	width: 220px;*/
/*}*/
.nav-container .navList li{
	display: block;
	line-height: 60px;
	font-size: 18px;
	cursor: pointer;
	position: relative;
	width: 177px;
	text-align: center;
	color: #FFF;
}
.nav-container .navList li i{
	display: block;
	position: absolute;
	width: 31px;
	height: 17px;
	top: 7px;
	right: 32px;
	background: url(../../images/common/hot.png) no-repeat;
}
.hidden{
	display: none;
}
.nav-container .allClass{
	padding-left: 22px;
	background: url(../../images/common/allClass.png) no-repeat left center;
}
.nav-container .navList li a{
	display: block;
	padding: 0 5px;
	/*color: #fff;*/
	width: 100%;
	font-size: 18px;
	position: relative;
}
.nav-container .navList li.active{
	background-color: rgba(0,147,250, 0.6);
}
.nav-container .navList li:not(.allClass):hover{
	background-color: rgba(0,147,250, 0.6);
}
.navList li:hover .menu-sub{
	display: block;
}
.nav-container .menu-sub{
	display: none;
	position: absolute;
	z-index: 9999;
	width: 167px;
	background: #fff;
	line-height: 60px;
	text-align: center;
	border: 1px solid rgba(0,147,250, 0.6);
	border-top: none;
	border-bottom: none;
}
.nav-container .menu-sub dd a{
	display: block;
	line-height: 60px;
	color: #333;
	border-bottom: 1px solid rgba(0,147,250, 0.6);
}
.nav-container .menu-sub dd:hover a{
	background: #0093F7;
	color: #fff;
}

.menu-item:hover .menu-sub{
	display: block;
}
/*列表快速导航*/
.quickLinks{
	height: 74px;
	line-height: 74px;
	background: #F7F9FA;
}
.quickLinks a{
	color: #999;
}
.quickLinks p{
	display: inline;
	color: #999;
}
.quickLinks .orange{
	color: #2A3457;
}
.quickLinks a:not(.orange):hover{
	color: #2568F2;
}


/*底部信息*/
.footer-container{
	width: 100%;
	background: url(../../images/index/bg1.png) no-repeat; background-size: auto;
	color: #FFF;
	overflow: hidden;
	font-weight: bold;
}
.footer-container .Links{
	overflow: hidden;
	border-bottom: 1px solid #363B44;
}
.footer-container .Links span{
	display: block;
	padding-top: 53px;
	width: 90px;
	text-align: right;
	float: left;
}
.footer-container .Links .linkList{
	width: 700px;
	float: left;
	overflow: hidden;
	padding-top: 53px;
	margin-right: 0;
}
.footer-container .Links .linkList a{
	color: #FFF;
	margin-right: 47px;
	margin-bottom: 22px;
	display: inline-block;
}
.footer-container .Links .img{
	display: block;
	float: left;
	padding-top: 50px;
	margin-bottom: 30px;
	width: 100px;
	margin-right: 46px;
}
.footer-container .Links img{
	display: block;
	width: 100px;
}
.footer-container .Links .img p{
	line-height: 30px;
	text-align: center;
}
.footer-container .copyright{
	text-align: center;
	padding-top: 32px;
	padding-bottom: 15px;
}
.footer-container .copyright p{
	margin-bottom: 17px;
}

.footer-container .copyright .about a{
	margin: 0 10px;
	color: #fff;
}

/*回到顶部*/
#myBtn {
	display: none; /* 默认隐藏 */
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	background:rgba(197, 197, 197,.5) url(../../images/common/top.png) no-repeat;
	background-size: 60% 60%;
	background-position: center center;
	color: white; /* 文本颜色 */
	cursor: pointer;
	width: 60px;
	height: 60px;
	border-radius: 10px; /* 圆角 */
}

#myBtn:hover {
	background-color: #555;
}



/*弹窗*/
/* 弹窗 (background) */
.modalmark {
	display: none; /* 默认隐藏 */
	position: fixed; /* 固定定位 */
	z-index: 1; /* 设置在顶层 */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

/* 弹窗内容 */
.modalmark-content {
	background-color: #fefefe;
	margin: 10% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 50%;
}

/* 关闭按钮 */
.closemark {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.closemark:hover,
.closemark:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.modalmark h5{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.modalmark p{
	padding:0 30px;
	line-height: 30px;
	font-size: 14px;
}
.modalmark .form-content{
	padding: 30px;
	padding-left:90px;
}

.modalmark label{
	display: inline-block;
	width: 100px;
	vertical-align: top;
	margin-top: 14px;
	position: relative;
}
.modalmark label.vereist::after{
	content: "*";
	display: block;
	position: absolute;
	top: 0;
	left: -10px;
	color: red;
}

.modalmark input{
	width: 80%;
	display: inline-block;
}
.modalmark textarea{
	width: 80%;
	display: inline-block;
}
.modalmark  .btn-default{
	display: block;
	margin: 20px auto;
}
.modalmark .form-content .error-tip{
	margin-left: 120px;
	color: red;
}