/************
 * 页面样式
 ************/

/* ==========
    基本默认值
   ========== */

/**/
html {
 	font-size: 62.5%; /* 10px */
 	color: #222;
}
h1 {
	display:inline;
	font-size:16px;
}
.content-left-news {
	font-size:14px;
	line-height:30px;
}
/*选中文字之后的效果*/
::selection {
    background-color: #b3d4fc;
 	text-shadow: none;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

/* ==========
    工具样式
   ========== */

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

.text-right {
	text-align: right !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

/*隐藏 依然会占据空间*/
.hide {
	display: none !important;
}

.show {
	display: block !important;
}

/*隐藏 不会占用空间*/
.invisible {
	visibility: hidden;
}

/*隐藏文本 如链接用图片来代替了,但是还需要文本时*/
.text-hide {
	font: 0/0 a;
	color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

/*清除浮动*/
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}

.w-1200 {
	width: 1200px;
}


/* 清除amaze的样式 */
body {
    font-family: "Microsoft YaHei","Segoe UI","Lucida Grande",Helvetica,Arial,FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}
.am-container, .am-g-fixed {
    max-width: 1200px;
    padding: 0 0;
}
.am-img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

a {
    color: #232323;
}
a:link, a:visited { 
	text-decoration: none;
}
a:hover, a:active {
	color: #1369DE;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
}

input {
    -web-kit-appearance: none;
    -moz-appearance: none;
    outline: none;
}
p {
	margin: 0 0;
}
hr {
	margin: 0 0;
	padding: 0 0;
}

/* 屏幕宽度在800px以上，包含800px */
/*@media only screen and (max-width: 800px) {*/
@media only screen and (max-width: 50em) {
  
}

/* 屏幕宽度在481px 和 800px */
/*@media only screen and (min-width: 481px) and (max-width: 800px) {*/
@media only screen and (min-width: 30.0625em) and (max-width: 50em) {
   
}

/* 屏幕宽度在481px 以下 */
/*@media only screen and (max-width: 480px) {*/
@media only screen and (max-width: 30em) {
  
}

/* 额外增加的样式工具 */
.span-blue {
	color: #113163;
}
.span-gray {
	color: #1369de;
}
.cursor-pointer {
	cursor: pointer;	
}
body {
	/*background: #9a9a9a;*/
}

/*公共的顶部和底部样式*/
/* 网站顶部 */
header {
	width: 100%;
	/*background: #9a9a9a;*/
	background: #F7F7F7;
	/*filter: alpha(Opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6; */
}
header nav {
	height: 152px;
	/*background: #F7F7F7;*/

}
header .logo {
	display: inline-block;
	float: left;
	/*padding: 25px 0;*/
	width: 266px;
	height: 152px;
	line-height: 152px;
	/*background: url(../images/index/header-logo.png) 0px 42px no-repeat;*/
}
header .mid {
    display: inline-block;
    border-left: 1px solid #ccc;
    width: 334px;
    margin-top: 46px;
    /* height: 56px; */
    /* line-height: 71px; */
    /* padding-top: 34px; */
    padding-left: 30px;
    text-align: center;
    text-align: left;
}
header .mid .mid-top {
	display: inline-block;
	/*margin-top: 10px;*/
	margin-bottom: -10px;
	font-size: 26px;
	text-align: center;
}
header .mid .mid-bottom {
	display: inline-block;
	font-size: 16px;
}
header .tel {
	float: right;
	width: 185px;
	height: 42px;
	margin-top: 46px;
	margin-right: -8px;
}
header .tel .tel-top {
	margin-top: -20px;
}
header .tel .tel-bottom {
	
}
header .tel img {
	display: inline-block;
	margin-top: -31px;
}
header .tel span,header .tel div {
	display: inline-block;
}
header .tel .zx {
	margin-top: 10px;
	padding-top: 0px;
	font-size: 12px;
}
header .tel .phone {
	font-size: 20px;
}


@media screen and (min-width:640px) {
   
}

@media screen and (max-width:640px) {
   	header {
		width: 100%;
		/*height: 104px;
		height: 304px;*/
   	}
   	header nav {
   		height: 104px;
   		height: 68px;
   	}
	header .logo {
		width: 40%;
		height: auto;
		margin-left:10px;
		height: 100%;
		/*line-height: 104px;*/
		line-height: 68px;
		/*width: 246px;*/
		/*background: url(../images/index/app/header-logo.png) no-repeat;*/

	}
	header .logo img {
		width: 30%;
		width: 90%;
		width: 100%;
		/*width: 246px;
		height: 68px;*/
	}
	header .mid {
		display: none;

	}
	header .tel {
		float: right;
		width: 170px;
		height: 42px;
		margin-top: 0px;
		margin-top: 0px;
		margin-right: -8px;
		margin-right: 0px;
	}
	header .tel .tel-top {
		display:none;
	}
	

	header .tel .zx {
		
		display:none;
	}
	header .tel .phone {
		font-size: 20px;
		line-height:20px;
		padding-left:25px;
		
		background: url(../images/index/app/phone.png) 0 0 no-repeat;
	}

	
}

@media screen and (min-width:320px) and (max-width:375px) {
    
}

@media screen and (max-width:320px) {
    
}


/* 文字导航 */
header .nav-main {
	background: #fff;
	color: #232323;
	font-size: 18px;
	height: 110px;
	padding-top: 45px;
	/*font-size: 20px;*/
	/*font-family: "SimHei";*/
	font-family: "Microsoft YaHei";

	}
header .nav-main ul {
	display: inline-block;
}
header .nav-main {
	width: 100%;
}

header .nav-main ul li {
	display: inline-block;
	/*padding-right: 42px;*/
	padding: 0 1px;
	margin-right: 38px;
	margin-right: 23px;
	height: 31px;
	line-height: 30px;
}

header .nav-main ul .active {
	border-bottom: 2px solid #1369DE;
}
header .nav-main ul li:hover {
	/*border: 1px solid #ccc;*/
	border-bottom: 2px solid #1369DE;
}

header .nav-main ul li:first-child {
	margin-left: 2px;
}
header .nav-main ul li:last-child {
	margin-left: 0px;
}


header .nav-search {
	display: inline-block;
	margin-left: 78px;
	/*width: 190px;*/
}
header .nav-search div {
	display: inline-block;
	/*height: 30px;*/
}
header .nav-search input {
	width: 158px;
	padding-top: -1px;
	margin-top: -5px;
	height: 30px;
	/*line-height: 30px;*/
	border: 2px solid #ffc618;
	border-radius: 6px;
	border-right: none;
}
header .nav-search {

}

header .nav-search .search-img {
	margin-left: -15px;
	/*padding-top: 1px;*/
	/*margin-top: 1px;*/
	width: 36px;
	height: 30px;
	/*line-height: 30px;*/
	text-align: center;
	/*line-height: ;*/
	border: 2px solid #ffc618;
	border-radius: 6px;
	background: #ffc618;
	cursor: pointer;
}
header .nav-search .search-img img {
	display: inline-block;
	margin-top: -2px;
}

@media screen and (min-width:640px) {
   
}

@media screen and (max-width:640px) {
/*@media screen and (max-width:720px) {*/
	header .nav-main {
	    background: #fff;
	    color: #232323;
	    font-size: 18px;
	    height: 110px;
	    padding-top: 0px;
	    /* font-size: 20px; */
	    font-family: "SimHei";
	}
	
	header .nav-main ul {
		width: 100%;
	}
	header .nav-main ul {
		display: block;
		overflow: hidden;
	}
	header .nav-main {
		width: 100%;
	}
	header .nav-main ul li {
	    border: 1px solid #003363;
		float: left;
		width: 25%;
		height: 100px;
		line-height: 100px;
		height: 55px;
		line-height: 55px;
		margin: 0 0;
	    display: inline-block;
	    /* padding-right: 42px; */
	    padding: 0 0px;
	    margin-right: 0px;
	    text-align: center;
	    background: #1369de;
	    color: #fff;
	    font-family: "Microsoft YaHei";
		font-size: 16px;
	}


	header .nav-main ul li a {
		color: #fff;
	}
	header .nav-main ul li:first-child {
	    margin-left: 0px;
	}
	header .nav-main ul .active {
		border-bottom: 0px solid #1369DE;
		border: 1px solid #003363;
	}
	header .nav-main ul li:hover {
		/*border: 1px solid #ccc;*/
		border-bottom: 0px solid #1369DE;
		border: 1px solid #003363;
		background: #1369de;
		opacity: 0.8;
	}


	header .nav-search {
		display: none;
	}

	header {
		/*height: 244px;*/
		/*height: 216px;
		height: 198px;*/
	}

}

@media screen and (min-width:320px) and (max-width:375px) {
    
}

@media screen and (max-width:320px) {
    
}



/* 轮播图 */
.container .banner {
	width: 100%;
	margin-bottom: 90px;
}

@media screen and (max-width:640px) {
	.container .banner {
		margin-bottom: 0px;
		display: none;
	}

}
@media screen and (min-width:320px) and (max-width:375px) {
    
}
@media screen and (max-width:320px) {
    
}

@media screen and (max-width:640px) {

}
@media screen and (min-width:320px) and (max-width:375px) {
    
}
@media screen and (max-width:320px) {
    
}

/* 底部 */
footer {
	/*height: 1000px;*/
	background: url(../images/index/footer-bg-img.png) 0 0 no-repeat;
	margin-top: 110px;
}
footer .copyright-bottom {
	margin:5 auto;
	text-align:center;
}
footer nav {
	padding: 26px 0;
	padding: 30px 0;
	/*margin-top: 26px;*/
}
footer .footer-nav-2 {
	display: none;
	padding: 0px 0;
}
footer nav ul {
	color: #fff;
}
footer nav ul li {
	width: 116px;
	height: 16px;
	line-height: 16px;
	float: left;
	font-size: 16px;
}

footer nav ul li a {
	display: inline-block;
	padding-right: 26px;

	border-right: 2px solid #e4e4e4;
	color: #fff;
}
footer nav ul .last-li a {
	border-right: none;
}

footer .footer-hr {
	color: #ccc;
}


/* 手机端的底部导航 */
.footer-app-nav {
	display: none;
}

/* 横线 */
footer .footer-hr-1 {
	color: #ccc;
	height: 1px;
}


@media screen and (max-width:640px) {
	footer {
		margin-top: 10px;
	}

	footer .footer-nav-1 {
		display: none;
	}
	footer .footer-nav-2 {
		display: block;
	}
	footer nav ul {
		color: #fff;
	}
	footer nav ul li {
		text-align: center;
		width: 116px;
		width: 20%;
		height: 30px;
		line-height: 30px;
		line-height: 16px;
		/*height: 50px;
		line-height: 50px;*/
		padding: 10px 0;
		float: left;
		font-size: 16px;
		font-size: 15px;
	}
	
	footer nav ul li a {
		display: inline-block;
		/*padding-right: 10px;*/
		padding-left: 5px;
		padding-right: 5px;
		border-right: 2px solid #e4e4e4;
		color: #fff;
	}
	footer nav ul .last-li a {
		border-right: none;
	}

	.footer-app-nav ul li {

	}
	.footer-app-nav ul li {
		width: 22.3%;
		width: 21%;
		margin-left: 0%;
		margin-right: 0%;
	}
	.footer-app-nav ul li:first-child {
		margin-right: -4%;
		margin-left: 2%;
		width: 18%;
	}
	.footer-app-nav ul li:last-child {
		margin-left: -4%;
		margin-right: 0%;
		width: 18%;
	}

	footer .footer-hr {
		color: #ccc;
	}
	/* 横线 */
	footer .footer-hr-1 {
		color: #ccc;
		height: 1px;
	}



}
@media screen and (min-width:320px) and (max-width:375px) {
    
}
@media screen and (max-width:320px) {
    
}



.copyright-con {
	margin-top: 30px;
}
.copyright-con .con-fgs {
	display: inline-block;
	/*width: 660px;*/
	width: 800px;
	color: #fff;
}
.copyright-con .con-fgs {
	
}
.copyright-con .con-fgs * {
	/*border: 1px solid red;*/
}
.copyright-con .con-fgs ul {
	height: 180px;	
}
.copyright-con .con-fgs ul li {
	float: left;

	/*margin-left: 50px;
	margin-left: 10px;*/
	margin-bottom: 40px;
	/*display: inline-block;*/
	width: 320px;
	width: 399px;
	/*width: 30%;*/
	height: 80px;
}
.copyright-con .con-fgs ul .last {
	/*margin-right: 30px;*/
}
.copyright-con .con-fgs ul li:nth-child(odd) {}
.copyright-con .con-fgs ul .odd {
	/*width: 280px;*/
	/*margin-left: 50px;*/
}
.copyright-con .con-fgs ul .bottom {
	margin-bottom: 25px;
}
.copyright-con .con-fgs ul li .name {
	display: inline-block;
	font-size: 18px;
	color: #e4e4e4;
	margin-bottom: 5px;
}
.copyright-con .con-fgs ul li p {
	color: #e4e4e4;
	display: inline-block;
	font-size: 14px;
	/*width: 227px;*/
}

@media screen and (max-width:640px) {
	.copyright-con {
		margin-top: 0px;
		display: none;
	}
	.app-ccopyright {
		display: block;
	}
}
@media screen and (max-width:640px) {
	
}
@media screen and (min-width:320px) and (max-width:375px) {
    
}
@media screen and (max-width:320px) {
    
}



/* 二维码框 */
.copyright-con .copyright-ewm {
	margin-top: -222px;
	/*margin-bottom: 30px;*/
	float: right;
	display: inline-block;
	height: 452px;
	width: 326px;
	border: 1px solid #e4e4e4;
	border-radius: 9px;
	text-align: center;
}
.copyright-con .copyright-ewm {
	background: #fff;
}
.copyright-con .copyright-ewm .ewm-top {
	background: #1369de;
	border-radius: 9px;
	padding: 33px 0;
}
.copyright-con .copyright-ewm .ewm-top img {
	display: inline-block;
}


.copyright-con .copyright-ewm .ewm-bottom {

}

.copyright-con .copyright-ewm .ewm-bottom .bottom-title {
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 18px;
	color: #003277;
}
.copyright-con .copyright-ewm .ewm-bottom .bottom-title .span-bold {
	font-weight: bold;
}
.copyright-con .copyright-ewm .ewm-bottom .bottom-con {
	
}
.copyright-con .copyright-ewm .ewm-bottom .bottom-con .con-left {
	color: #003277;
	font-size: 13px;
	display: inline-block;
	float: left;
}
.copyright-con .copyright-ewm .ewm-bottom .bottom-con .con-left ul {
	width: 195px;
	/*display: inline-block;*/
}
.copyright-con .copyright-ewm .ewm-bottom .bottom-con .con-left ul li {
	display: inline-block;
	padding: 0 30px;
	margin-bottom: 25px;
	color: #003277;
}
.copyright-con .copyright-ewm .ewm-bottom .bottom-con .con-left ul li a {
	display: inline-block;
	width: 134px;
	height: 30px;
	line-height: 30px;
	border-radius: 10px;
	background: #e8e8e8;
	text-align: center;
	color: #003277;
}
.copyright-con .copyright-ewm .ewm-bottom .bottom-con .con-right {
	/*float: right;*/
	/*display: inline-block;*/
}
.copyright-con .copyright-ewm .ewm-bottom .bottom-con .con-right .right-top {
	display: inline-block;
	border: 1px solid #ccc;
}
.copyright-con .copyright-ewm .ewm-bottom .bottom-con .con-right .right-bottom {
	display: inline-block;
	border: 1px solid #ccc;
}




/* 底部的网站版权 */
.app-ccopyright {
	display: none;
}
.copyright-bottom {
	margin-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	color: #cdced3;
	font-size: 12px;
	font-size: 13px;
}

.copyright-bottom .bottom-left {

}

.copyright-bottom .bottom-right {
	margin-left: 60px;
}

@media screen and (max-width:640px) {
	.con-fgs {

	}
	.con-fgs .con-fgs-li-hidden {
		display: none;
	}
}
@media screen and (min-width:320px) and (max-width:375px) {
    
}
@media screen and (max-width:320px) {
    
}
.app-copyright-bottom {
	display: none;
}

/* 返回顶部 */
.go-top {
	/* 固定定位 */
	position: fixed;
	right: 207px;
	bottom: 30px;
	font-family: "Microsoft YaHei";
	width: 44px;
	height: 92px;
	cursor: pointer;
}
.go-top .top-top {
	float: left;
	margin-bottom: 4px;
	display: inline-block;
	width: 44px;
	height: 44px;
	color: #fff;
	background: #b2b2b2;
	text-align: center;

	display: inline-block;
	border-radius: 8px;
	width: 44px;
	height: 44px;
	font-size: 14px;
	padding: 4px;
	line-height: 18px;
	text-align: center;

	/*border*/
}
.go-top .top-bottom {
	display: inline-block;
	border-radius: 8px;
	width: 44px;
	height: 44px;
	font-size: 14px;
	padding: 4px;
	line-height: 18px;
	color: #000;
	background: #cccccc;
	text-align: center;

}

.go-top .top-bottom a:hover,a:active {
	color: #000;
}
.app-bottom-zx {
	display: none;
}



@media screen and (max-width:640px) {
	.go-top {
		display: none;
	}
	.app-bottom-zx {
		display: block;
		margin-bottom: 20px;
	}
	.copyright-con {
		margin-top: 0px;
		display: none;
	}
	.app-ccopyright {
		display: block;
		text-align: center;
		width: 100%;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}

	.app-bottom-zx span {
		font-size: 26px;
		border-radius: 10px;
		padding: 7px 0;
		margin-left: 5%;
		width: 40%;
		/*height: 30px;*/
		/*line-height: 30px;*/
		text-align: center;
		display: inline-block;
	}
	.app-bottom-zx .app-bottom-zx-left {
		background: #ffc618;
	}
	.app-bottom-zx .app-bottom-zx-right {
		background: #09a1c2;
	}
	.app-bottom-zx span a {
		color: #fff;
	}
}


.page-bottom-btn {
	display: none;
}

/* 页码 */
.page {
	/*display: inline-block;*/
	text-align: center;
}
.page .active {
	background: #b7b9bb;
	color: #fff;
}
.page span {
	color: #000;
	display: inline-block;
	margin-right: 10px;
	padding: 0px 6px;
	border-radius: 6px;
	cursor: pointer;
}
.page span:hover {
	background: #b7b9bb;
	color: #fff;
}
.page span {

}
@media screen and (max-width:640px) {
	
	.page span {
	color: #000;
	display: inline-block;
	margin-right: 4px;
	padding: 0px 6px;
	border-radius: 3px;
	cursor: pointer;
}
}