snd-escloud/src/main/resources/static/home/css/home.css

*{
	margin:0;
	padding: 0;
	font-family: '微软雅黑';
}
a:hover{
	/*color:#A7FFF6;*/
	cursor: pointer;
	text-decoration: none;
}
.textColor{
	color:#999;
}
.relative {
	position: relative;
}
/*主题宽度设置*/
.main{
	height: auto;
	overflow: hidden;
	/*margin-top:10px;*/
	/*padding:0 0 45px 0px*/
}
/*头部宽度设置*/
.head{
	/*height: 58px;*/
	background: #fff;
	color: #333;
	line-height: 80px;
	height: 80px;
	/*background: url("../image/header-bg.jpg") no-repeat center top;*/
	background-color: #fff;
	border-bottom: 1px solid #ededee;
}

.headLine{
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
span{
	display: inline-block;
}

h1{
	margin:0;
	padding: 0;
}
body{

	background-color: #fff;
	margin:0 auto;
	min-width: 1250px;
}

.fl{
	float: left;
}
.fr{
	float: right;
}
.headlineStyle{
	padding: 12px;
	background-color: #2976CE;
	color: #fff;
	margin-top: 20px;
}
.inline{
	display: inline;
}
.inline_block{
	display: inline-block;
	vertical-align: middle;
}
.activityList > div {
	padding: 25px 30px;
	border: 1px solid #e7e8ec;
	margin-left: 0;
	margin-right: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.activityList > div:nth-of-type(2n) {
	background-color: #e7e8ec;
}
.centerContent ul li {
	margin-top: 20px;
}
h2{
	font-size: 18px;
}


/*轮播图样式*/
#swiper-content {
	height: auto;
	overflow: hidden;
}
.pagination {
	position: absolute;
	z-index: 20;
	bottom: 5%;
	width: 100%;
	text-align: center;
	margin: 0;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 1em;
	height: 1em;
	border-radius: 8px;
	background: #555;
	margin: 0 8px;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}

.swiper-active-switch {
	background: #fff;
}
.red{
	color:#D0021B;
	padding: 0 5px;
	font-size: 24px;
	font-weight: bold;
}
.navbar-default {
	margin-bottom:0;
    background-color: #fff;
	border-bottom: 1px solid #EDEDEE;
}
.device .arrow-left {
	position: absolute;
	left: 10px;
	top: 80px;
	margin-top: -15px;
}
.device .arrow-right {
	position: absolute;
	right: 10px;
	top: 80px;
	margin-top: -15px;
}
.device .iconfont {
	font-size: 40px;
	cursor: pointer;
	color: #666;
}
#swiper-footer {
	height: 110px;
	text-align: center;
	/*width: 90%;*/
}
#swiper-footer .swiper-slide{
	/*height: 100%;*/

}
#swiper-footer .swiper-slide a{
	display: inline-block;
	border:1px solid #edf2f5;
	/*height: 90%;*/
	margin-top: 10px;
}
.device a:focus{
	text-decoration: none;
}
/*#swiper-footer .swiper-slide a img{*/
/*width: 110px;*/
/*height: 90px;*/
/*line-height: 0;*/
/*}*/
.content-slide {
	padding: 20px;
	color: #fff;
}
.title {
	font-size: 25px;
	margin-bottom: 10px;
}





.post_meta{
	text-align: center;
	margin-top:15px ;
}
.post_meta ul li {
	display: inline-block;
	margin:0 15px;
	color:#999;
}

.right-member {
	position: relative;
	margin-left: 15px;
}
.member-btn {
	cursor: pointer;
}
.right-member ul {
	display: none;
	position: absolute;
	top: 36px;
	left: -30px;
	z-index: 99;
	width: 100px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	border: solid 1px #f2f2f2;
	line-height: 30px;
}
.checkout-btn {
	border-top: solid 1px #f2f2f2;
}
.right-member:hover ul{
	display: block;
}
/*面包屑导航*/
.breadcrumb{
	background-color: #fff;
	border-bottom:1px solid #F6F7FB;
	padding: 20px 15px;
	width: 100%;
    color: #fff;
}
.breadcrumb > li {
	display: inline-block;
	float: left;
}
.breadcrumb > li + li:before {
	color: #CCCCCC;
	content: "> ";
	padding-left: 7px;
}
.breadcrumbFixed{
	border-bottom:1px solid #F6F7FB;
	padding: 25px 30px;
	font-size: 16px;
	width: 100%;
	background-color: #878CA0;
	color: #fff;
	border-radius: 0px;
}
.breadcrumbFixed > li {
	display: inline-block;
	float: left;
}
.breadcrumbFixed > li > a{
	color: #fff;
}
.breadcrumbFixed > li + li:before {
	color: #CCCCCC;
	content: "> ";
	padding-left: 7px;
}

/*按钮样式*/

.btn:hover, .btn:focus, .btn.focus{
	border-color: #F6B242;
	color:#F6B242;
	background-color: #fff;
	outline: none;
}
.btn:focus, .btn:active:focus{
	outline: none;
}
.btn:active{
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*新增按钮*/
.btn-add,.btn-add:focus{
	background-color: #F6B242;
	color:#fff;
	border-color: #F6B242;
}
.btn-add:hover{
	background-color: #fff;
	color:#F6B242;
	border-color: #F6B242;
}
.btn-enter{
	background-color: #fff;
	color:#FF0000;
	border-color: #FF0000;
}
.btn-enter:hover{
	background-color: #FF0000;
	color:#fff;
	border-color: #FF0000;
}

.layui-input, .layui-select, .layui-textarea{
	height: 35px;
	line-height: 1.3;
	line-height: 38px\9;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	border-radius: 2px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
	position: absolute;
	left: -1px;
	top: -1px;
	padding: 1px;
	width: 100%;
	height: 100%;
	background-color: #151517 !important;
}
.layui-laypage a:hover{
	color: #2976CE !important;
	font-size: 12px;
}
em{
	cursor: pointer;
}
.layui-laypage{
	margin: 0;
}
/*图标*/
#keywordSearch{
	position: relative;
	height: 35px;
	width: 35px;
	line-height: 35px;
	top: -37px;
	top:-37px\9\0;/* ie9 */
}
.icon-sousuo{
	cursor: pointer;
	color:#fff;
	position: relative;
	height: 35px;
	width: 35px;
	line-height: 35px;
	left: -1px;
	text-align: center;

	vertical-align: middle;
	background-color: #2976CE;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
	display: inline-block;
}
.logo{
	width: auto;
	height: 100%;
	/*height: 80px;*/
	/*margin-top: 5px;*/
	font-size: 22px;
}
.logo img{
	width: auto;
	height: 100%;
	background-color: #488DFB;
	display: inline-block;
	margin-top: -5px;
}
.logo span {
	font-size: 18px;
	font-weight: bold;
}
.small-logo {
	display: none;
}
.nav-login {
	display: none;
	margin: 7px 15px 0 0;

}
@media (max-width: 767px) {
	.logo.hidden-xs {
		display: block !important;
	}
	.logo.hidden-xs .small-logo {
		display: block !important;
	}
	.logo.hidden-xs .logo-big {
		display: none !important;
	}
	.nav-login {
		display: block;
	}
	.login {
		display: none;
	}
}
.name{

	margin-left: 20px;
	font-size: 24px;
	overflow: hidden;
}
.login{
	height: 100%;
	font-size: 14px;
}
.login > a > img {
	background-color: #488dfb;
	margin-top: -3px;
}
.login > .login-link {
	margin-right: 10px;
	font-weight: bold;
	cursor: pointer;
}
.login i {
	height: 100%;
	width: 60px;
	display: inline-block;
	font-size: 24px;
	text-align: center;
	background-color: #488DFB;
	color: #fff;
}
.navbar-collapse {
	padding-right: 0;
}
.btn-user {
	background: #2976CE;
	border-radius: 3px;
	padding: 0 15px;
	color: #fff;
	margin-left: 15px;
}
.btn-user:hover {
	background: #FF3D3D;
	color: #fff;
}

.left_list{
	width: 160px;
	height:100%;
	background-color: #f6f6f6;
	/* border:1px solid #ededed;*/

}
.list_title{
	height: 50px;
	width: 100%;
	line-height: 50px;
	padding: 0 25px;
	font-size: 16px;
	color: #0085d0;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
	z-index: 2;
	color: #fff;
	background-color: #0085d0;
	border-color:#0085d0;
}
.list-group-item {
	position: relative;
	display: block;
	padding: 10px 25px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ededed;
	border-radius: 0px;
	border-left: none;
	border-right: none;
}

.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.list-group-item:first-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.navbar-brand{
	font-size: 14px;
}
.headlineStyle p{
	display: inline-block;
	margin: 0 5px 0 0;

}

.headlineStyle p img{
	display: inline-block;
	width: 18px;
	height: 18px;

}
.abstract{
	margin-left: 15px !important;
	color: #AAAAAA ;
}
.container h3{
	font-size: 18px;
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.contentStyle span{
	width: 100%;
	overflow: hidden;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 0 10px;
}
.contentStyle a:hover{
	color:#2976CE
}
.contentStyle p a{
	color: #333;
}
.footer{
	width: 100%;
	margin-top: 30px;
	font-size: 14px;
	/*color: #e8e8e8;*/
	height: auto;
	overflow: hidden;
	background: #19273c;

}
.footer a {
	/*color: #fff;*/
}
.link{
	padding: 35px 0 20px;
}
.link ul{
	vertical-align: middle;
}
.link-line {
	display: inline-block;
	width: 1px;
	height: 25px;
	background: #328ed7;
	margin-right: 10px;
	float: left;
}
.copy-box {
	padding-top: 20px;
	border-top: solid 1px #273c5c;
}
.footer .home-content ul{
	display: inline-block;
	list-style: none;
	width: auto;
	height: auto;
	overflow: hidden;
	margin:0 auto;
}
.footer .home-content ul li{
	/*float: left;*/
	width: auto ;
	text-align: justify;
	display: inline-block;
	padding: 0 15px;
	margin-top: 5px;
	border-right: solid 1px #314a70;
}
.footer .home-content ul li:last-child{
	border-right: none;
}
.footer .home-content ul li a{
	text-decoration: none;
}
.footer .home-content ul li a:hover{
	color: #2976CE;
}
.cord-box {
	background: #273c5c;
	border-top: solid 4px #328ed7;
	text-align: center;
	padding-top: 10px;
}

.cord-line-box {
	position: relative;
}
.cord-line {
	display: block;
	width: 100%;
	height: 1px;
	background: #55667e;
	position: absolute;
	top: 10px;
	z-index: 1;
}
.cord-samll-name {
	background: #273c5c;
	color: #56a5e5;
	padding: 0 20px;
	position: relative;
	z-index: 10;
}
.cord-list {
	margin: 20px 0;
}
.cord-img {
	border: solid 5px #fff;
}
.iframeDiv{
	height: auto;
	width:1290px;
}
.insert-main{
	width: 1130px;
	height: auto;
}
.navbar {
	/*background-color: #19273c;*/
}
.navbar-default .nave_style ul li a{
	font-size: 16px;
	color: #a3a3a3;
	padding: 0 20px;
	line-height: 65px;
}
.navbar-default .nave_style ul li a:hover{
	color: #333333;
}
.navbar-default .nave_style ul li a:focus{
	color: #333333;
}
.navbar-default .nave_style ul li .second-menu {
	display: none;
	position: absolute;
	left: 0;
	background: #fff;
	z-index: 10;
}
.navbar-default .nave_style ul li .second-menu a {
	font-size: 14px;
	display: block;
	text-align: center;
	line-height: 40px;
	text-align: left;
	padding: 5px 20px;
	white-space: nowrap;
}
.navbar-default .nave_style ul li .second-menu a:hover {
	background: #eee;
	color: #000;
	-webkit-transform: translateX(2px);
	transform: translateX(2px);
}
.navbar-default .nave_style ul li:hover .second-menu {
	display: block;
}
.navbar-default .navbar-brand{
	color: #fff;
	padding-left: 15px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
	color:#333;
    background-color: #fff;
}
.navbar-default .navbar-toggle{
	border-color: #ddd;
	margin-left: 15px;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color: #2976ce;
}
.swiper-wrapper img{
	width:100%;
	/*height: 100%;*/
	/*display: block;*/
}
.line{

	border:1px solid #979797;
	margin-top:5px;
	border-bottom:none;
	border-left:none;
	border-right:none;
}
/*文本省略号*/
.textEllipsis{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;

}
.textEllipsis a{
	color: #333333;
}
.textEllipsis1{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	padding-left: 10px;
	margin: 0 0 10px;
}

.rightContent{
	padding-left:15px;
	overflow: hidden;
	margin-top: 17px;
}
.leftContent{
	overflow: hidden;
	margin-top: 17px;
}
.leftImageStyle{
	width:585px;
	height:350px;
	margin-top: 15px;
}
.rightImageStyle{
	padding-left:15px;
	width:585px;
	height:350px;
	margin-top: 15px;
}
.leftImageStyle img ,.rightImageStyle img{
	min-width: 100%;
	max-width: 100%;
	min-height: 100%;
	max-height: 100%;
}
#tan{
	position: absolute;
	left: 182px;
	top:143px;
	text-align: center;
	width:158px;
	border:1px solid #ededed;
	border-bottom:0px;
}
#tan>a{
	width:158px;
	height:41px;
	line-height:41px;
	text-align:center;
	display:block;
	border-bottom:1px solid #ededed;
}
#tan_box{
	position: absolute;
	left: 182px;
	top:184px;
	text-align: center;
	width:158px;
	border:1px solid #ededed;
	border-bottom:0px;
}
#tan_box>a{
	width:158px;
	height:41px;
	line-height:41px;
	text-align:center;
	display:block;
	border-bottom:1px solid #ededed;
}
.get-mod-more {
	display: inline-block;
	height: 60px;
	width: 100%;
	line-height: 60px;
	border: 1px solid #f0f0f0;
	color: #bbb;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
}
.get-mod-more:hover {
	background-color: #fafafa;
	color: #999;
	border-color: #fafafa;
}
.search-box {
	margin-top: 8px;
}
.search-input {
	width: 225px;
	height: 44px;
	padding: 0 10px;
	line-height: 34px;
	border: 1px solid #999999;
	cursor: initial;
}
.search-btn {
	width: 56px;
	height: 44px;
	color: #fff;
	background: #177be6;
	border: none;
	cursor: pointer;
}
.search-btn .iconfont {
	font-size: 26px;
	line-height: 44px;
	cursor: pointer;
}
.datetime {
	background: #e9e9e9;
	font-size: 14px;
	color: #7b7a7a;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	padding: 0 20px 0 40px;
}
.icon-time {
	display: block;
	width: 40px;
	height: 40px;
	color: #fff;
	background: #177be6;
	border-radius: 50%;
	position: absolute;
	top: -2px;
	left: -10px;
	line-height: 39px;
}
.icon-time .iconfont {
	font-size: 24px;
}
.iconlogin {
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	color: #fff;
	background: #177be6;
	border-radius: 50%;
	margin-left: 15px;
}
.iconlogin:hover {
	color: #A7FFF6;
}
.iconlogin .iconfont {
	font-size: 24px;
}
.center_nav .navbar {
	border-radius: 0;
}
.num-box {
	height: 110px;
	padding: 20px 10px 0 20px;
	background: #EBF0F4;
	margin-bottom: 11px;
}
.num-box:last-child{
	margin-bottom: 0;
}
.num-box .iconfont {
	float: left;
	font-size: 60px;
	color: #2976CE;
	margin-right: 10px;
}
/*.num-box-img {*/
/*position: absolute;*/
/*left: 0;*/
/*top: 0;*/
/*z-index: 1;*/
/*width: 368px;*/
/*height: 204px;*/
/*}*/
.num-box-text {
	/*background: rgba(23,123,230,.8);*/
	color: #333;
	font-size: 20px;
	text-align: left;
	padding: 0 10px;
}
.num-nm {
	font-size: 36px;
	color: #F74F39;
}
.ft-blue{
	font-family: MicrosoftYaHei;
	font-size: 36px;
	color: #2976CE;
	line-height: 36px;
}
.ft-yellow{
	color: #ffcc51;
}
.ft-18 {
	font-size: 18px;
}
.ft-20 {
	font-size: 20px;
}
.ft-40 {
	font-size: 40px;
}
.tab-menu {
	position: relative;
	text-align: center;
	background: #ebf0f4;
	border-bottom: solid 1px #fff;
	color: #328ed7;
	height: 90px;
	line-height: 90px;
	cursor: pointer;
}
.tab-menu:hover {
	background: #9ED4FF;
	color: #fff;
}
.tab-menu-icon {
	display: inline-block;
	width: 124px;
	height: 124px;
	border-radius: 50%;
	border: 4px solid #FF3D3D;
	text-align: center;
	line-height: 115px;
	cursor: pointer;
	margin-bottom:20px;
}
.tab-menu-icon .iconfont {
	font-size: 70px;
	color:#FF3D3D;
	cursor: pointer;
}
.menu-text {
	font-size: 24px;
	position: relative;
	top: -8px;
}
.icon-arrow-right {
	display: none;
	position: absolute;
	right: -8px;
	top: 38px;
	z-index: 10;
	width: 0;
	height: 0;
	border-left: solid 8px #328ed7;
	border-top: solid 8px transparent;
	border-bottom: solid 8px transparent;
}
.icon-more-btn {
	position: absolute;
	top: 0;
	right: 20px;
	display: block;
	width: 68px;
	height: 60px;
	background: url("../image/icon-more.png") no-repeat;
	color: #fff;
	line-height: 60px;
	text-align: center;
}
.icon-more-btn:hover {
	color: #A7FFF6;
}
.tab-menu.active .tab-menu-icon {
	background: #FF3D3D;
}
.tab-menu.active .icon-arrow-right {
	display: block;
}
.tab-menu.active .tab-menu-icon .iconfont {
	color: #fff;
}
.tab-menu.active{
	background:#328ed7;
	color: #fff;
}
.tab-content {
	position: relative;
	display: none;
	background: #fafafa;
	padding: 20px 70px;
	min-height: 360px;
}
.contentStyle {
	padding-right: 20px;
}
.contentStyle h3 a {
	color: #328ed7;
	font-size: 16px;
	font-weight: bold;
}
.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.contentStyle p {
	line-height: 30px;
}
.contentStyle p.brief-info {
	font-size: 12px;
	color: #aaa;
	line-height: 20px;
	margin-bottom: 20px;
}
.hot-news {
	color:#FF3C3C;
	font-size: 38px;
	position: relative;
	top: 7px;
}
.services-title {
	text-align:center;
	margin: 60px 0 20px;
}
.service-title-zh {
	font-size: 30px;
	color: #328ed7;
}
.service-title-en {
	font-size: 18px;
	color: #818e98;
	font-family: MicrosoftYaHeiLight;
}
.service-title-line {
	display: inline-block;
	width: 52px;
	height: 2px;
	background: #ebf0f4;
}
.link-list {
	height: 62px;
	line-height: 62px;
	background: #EBF0F4;
	text-align: center;
	font-size: 20px;
	color: #2C8DDB;
}
.link-item-box {
	margin-top: 40px;
	overflow: hidden;
}
.link-item-box ul {
	margin-right: -100px;
}
.link-item-box ul li{
	float: left;
	margin-right: 84px;
}
.centerContent {
	min-height: 500px;
	word-break: break-all;
}

#activity_top .notice-img {
	width: 440px;
	height: 260px;
}
.activity-left,.home-activity-left {
	line-height: 30px;
}
.activity-title {
	font-size: 24px;
	color: #333;
	margin-bottom: 15px;
}
#timer span {
	background-color: #0c80fe;
	color: #fff;
	padding: 0 5px;
}
#activity_top {
	border-bottom: solid 1px #ccc;
	padding-bottom: 20px;
}
.screen-box {
	padding: 20px 30px;
	border-left: solid 1px #dadada;
	border-right: solid 1px #dadada;
}
.sort-box {
	border: solid 1px #dadada;
	height: 36px;
	line-height: 36px;
	margin-right: 20px;
}
.right-line {
	border-right: solid 1px #dadada;
	padding-right: 10px; margin-right: 10px;
}
.screen-tj {
	padding-top: 8px;
}
.sort-box span, .sort-box a {
	display: inline-block;
	border-right: solid 1px #dadada;
	padding: 0 20px;
	cursor: pointer;
}
.sort-box span:last-child, .sort-box a:last-child {
	border-right: none;
}
.kind-tip {
	border: solid 1px #dadada;
	border-bottom: none;
	padding: 15px 30px;
}
.kind-box {
	display: inline-block;
	border: solid 1px #dadada;
	border-radius: 15px;
	height: 34px;
	line-height: 34px;
	padding: 0 15px;
	margin-right: 10px;
}
.kind-box.active {
	background: #2976CE;
	color: #fff;
}
.activity-list ul li{
	padding: 25px 30px;
	border: 1px solid #e7e8ec;
	margin-left: 0;
	margin-right: 0;
	display: flex;
	align-items: center;
}
.activity-list ul li:nth-child(2n ){
	background-color: #e7e8ec;
}
.notice-img-box {
	width: 270px;
	height: 160px;
	float: left;
	margin-right: 20px;
}
.notice-img {
	width: 270px;
	height: 160px;
}
.activity-left {
	position: relative;
	float: left;
	width: 800px;
	color: #666;
}
.import-tip {
	position: absolute;
	top: 0;
	right: 0;
}
.activity-title {
	color: #333;
	font-size: 30px;
}
.activity-tj-title {
	color: #333;
	font-size: 20px;
}
.activity-list ul li .activity-title {
	padding-top: 10px;
	padding-right: 60px;
}
.popup-signUp {
	width: 600px;
	max-height: 500px;
	position: absolute;
	top: 40px;
	left: 0;
	background: #fff;
	border: solid 1px #dadada;
	z-index: 9;
	padding: 15px;
	overflow: auto;
}
.popup-signUp input{
	width: 100%;
	border: solid 1px #dadada;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	padding: 0 5px;
}

@media (max-width: 768px) {
	.num-box {
		width: 90%;
	}
	.tab-menu-list {
		float: left;
		width: 25%;
	}
	.tab-menu-icon {
		width: 60px;
		height: 60px;
		line-height: 60px;
		border: 1px solid #FF3D3D;
		margin-bottom: 5px;
	}
	.menu-text {
		font-size: 14px;
		padding: 0;
	}
	.tab-menu-icon .iconfont {
		font-size: 35px;
	}
	.tab-menu.active .menu-text {
		border-bottom: solid 2px #2976CE;
	}
	.services-title {
		font-size: 20px;
	}
	.footer span.bottom-logo {
		display: none;
	}
}


.icon-time,.iconlogin {
	background: #dd0000;
}
.datetime {
	background: #fff;
}
.navbar {
	/*background: #ff0000;*/
}
/*.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {*/
	/*background: #dd0000;*/
/*}*/
/*.navbar-default .nave_style ul li a:hover {*/
	/*background: #fff;*/
/*}*/
.banner-bg {
	background: url("../image/banner-bg.jpg") no-repeat center top;
	height: 317px;
}
.main {
	padding-bottom: 40px;
}
.list-main {
	padding-top: 40px;
}
.main-bg {
	/*background: url("../image/main-bg.jpg") no-repeat center top;*/
	background: #f9f9f9;
	min-height: 575px;
}

.num-info {
	position: absolute;
	top: -184px;
	left: 15px;
	width: 1220px;
	height: 220px;
	background: #fff;
	box-shadow: 0 -6px 10px rgba(0,0,0,.2);
	padding-top: 20px;
	padding-left: 60px;
	opacity: 0.8;
}
.num-info ul li {
	width: 220px;
	float: left;
	border-right: solid 1px #e4e4e4;
	text-align: center;
	color: #666;
	padding: 20px 0;
}
.num-info ul li .iconfont {
	font-size: 40px;
}
.num-info ul li:last-child{
	border-right: none;
}
.num-font {
	font-size: 32px;
	color: #dd0000;
	margin: 10px 0 5px;
}
.center-main {
	padding: 50px 35px 0;
}
.news-box {
	margin-right: 20px;
}
.news-title {
	margin-bottom: 15px;
}
.news-title span {
	font-size: 14px;
	color: #333;
	border-bottom: solid 3px #f21f1f;
	padding-bottom: 5px;
	font-weight: bold;
}
.home-news-pic {
	width: 265px;
	height: 142px;
	margin-right: 15px;
}
.home-news-pic img {
	width: 100%;
	height: 100%;
}
.home-news-list {
	/*margin-top: 10px;*/
}
.home-news-list ul li {
	line-height: 30px;
}
.home-news-list ulswiper-footer .swiper-slide a img li a {
	color: #666;
}
.device {
	position: relative;
	padding: 0 30px;
}
.device .arrow-left,.device .arrow-right {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: rgba(255,0,0,.8);
	z-index: 999;
	text-align: center;
	line-height: 40px;
	top: 100px;
}
.device .iconfont {
	color: #fff;
	font-size: 20px;
}
#swiper-footer {
	height: 196px;
}
#swiper-footer .swiper-slide a img {
	width: 288px;
	height: 196px;
}

.footer {
	margin-top: 0;
	background: #878ca0;
	padding: 30px 0;
}

.footer .home-content {
	max-height: 575px;
	width: 100%;
	margin: 0 auto;
    padding:0 18%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer .footer-left {
	max-width: 60%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.footer .footer-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-right div {
	width:90px;
	text-align: center;
}
.footer-right div img {
	max-height: 100px;
}
.footer-right div p {
	font-size: 10px;
	color: #fff;
}
.footer .link {
	width: 670px;
	padding: 20px;
}
.link-title {
	font-size: 16px;
	color: #333;
	border-bottom: 2px solid #9fa3b3;
	color: #fff;
}
.footer .home-content ul li {
	border-right: solid 1px #b3b3b3;
}
.link-line {
	background: #dd0000;
}
.link .friendlyLink {
	padding: 3px 50px 3px 0;
}
.link .helpLink {
	padding: 3px 20px 3px 0;
}
.link a {
	font-size: 13px;
	color: #c9cbd3;
	margin-top: 10px;
	cursor: pointer;
	display: inline-block;
	border-bottom: 1px solid transparent;
}
.link a:hover{
	color:#fff;
	border-bottom: 1px solid #fff;
}
.cord-box {
	border-top: none;
	width: 510px;
	background: #fff;
	color: #666;
	padding: 10px;
}
.cord-left {
	padding: 20px 0 0 20px;
}
.cord-samll-name {
	background: none;
	color: #666;
}
.cord-list {
	margin: 0;
}
.ewm-box {
	width: 120px;
	float: left;
	margin-right: 10px;
	line-height: 1.2;
}
.ewm-box img {
	width: 96px;
	height: 96px;
}
.copy-box {
	position: relative;
	border-top: none;
	text-align: center;
	color: #464953;
    border-top: 2px solid #797E90;
}
.fangwen {
	position: absolute;
	right: 0;
	top: 0;
}

.right-menu {
	position: fixed;
	right: 20px;
	bottom: 20px;
	background: #f4f4f4;
	width: 140px;
	padding: 20px;
	border-top: solid 20px #dd0000;
	z-index: 99999;
}
.r-item {
	background: #fff;
	border: solid 1px #e7e7e7;
}
.r-item ul li {
	border-bottom: solid 1px #e7e7e7;
	text-align: center;
}
.r-item ul li.backTop{
	border-bottom: none;
}
.r-item ul li a {
	display: block;
	color: #666;
	padding: 10px 0;
}
.r-item ul li a:hover {
	background: #dd0000;
	color: #fff;
}
.r-item ul li .iconfont {
	font-size: 40px;
	color: #dd0000;
}
.r-item ul li a:hover .iconfont {
	color: #fff;
}
.r-item-name {
	font-size: 16px;
}
.take-btn {
	background: #dd0000;
	color: #fff;
	font-size: 20px;
	text-align: center;
	padding: 10px 0;
	cursor: pointer;
}

.detail-leftNav {
	width: 200px;
	position: fixed;
	background: #fff;
	z-index: 10;
	border: solid 1px #dadada;
	margin-top: 100px;
}
.detail-leftNav-title {
	font-size: 16px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	background: #0c80fe;
	color: #fff;
}
.detail-leftNav ul li {
	border-bottom: solid 1px #dadada;
}
.detail-leftNav ul li:last-child {
	border-bottom: none;
}
.detail-leftNav ul li a {
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}
.detail-leftNav ul li.active a {
	background: #f5f5f5;;
	color:#0c80fe ;
}
.detailTab p {
	line-height: 2;
}
.app-box {
	position: relative;
}
.app-code {
	/*display: none;*/
	/*position: absolute;*/
	width: 100%;
	/*right: 100px;*/
	/*top: -60px;*/
	text-align: center;
	background: #fff;
}
.app-code p {
	background: #dd0000;
	line-height: 36px;
	color: #fff;
}
.app-code-box {
	width: 170px;
	float: left;
	margin: 5px;
}
.app-code-box img {
	width: 100%;
}
.app-box a:hover .app-code {
	display: block;
}
.tips-content.appCodestyle {
	height: 280px;
}
.tips-content.appCodestyle #popupCentent {
	padding-top: 40px;
}

@media screen and (max-width: 1560px) {
	.right-menu {
		width: 100px;
		padding: 10px;
		bottom: 80px;
		right: 0;
	}
	.r-item ul li .iconfont {
		font-size: 30px;
	}
	/*.app-code {*/
	/*right: 80px;*/
	/*}*/
}

.tips-popup {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	z-index: 10000;
}
.tips-content {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -200px;
	width: 400px;
	height: 200px;
	font-size: 20px;
	text-align: center;
	/*padding-top: 90px;*/
	background: #fff;
	box-shadow: 2px 2px 10px rgba(0,0,0,.2);
}
.tips-content .tipsclose {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 14px;
	cursor: pointer;
}
#popupCentent {
	padding: 70px 20px 0;
	line-height: 2;
}
.popupInfo {
	font-size: 16px;
	text-align: left;
}