body { 
	/*max-width: 1920px;*/ 
	margin: 0 auto;  
	font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,Arial,sans-serif; 
	overflow-x: hidden;
}
.indexBody{
	overflow: hidden !important;
}
.container { width: 1400px;/* min-width: 940px;*/ margin: 0 auto; }

.headerWrap .header{
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 8;
}
.indexHeader .header{
	position: fixed;
	top: 10px;
	left: 0;
	z-index: 8;
}
.header { 
	width: 100%; 
	height: 80px; 
	line-height: 80px; 
}

.header .header-con { max-width: 1400px; margin: 0 auto; }

.header .header-con .logo { float: left; }

.header .header-con .logo a {  
	display: inline-block; 
	font-size: 28px; 
	color: #fff;  
}

.header .header-con .nav { float: right; }

.header .header-con .nav ul { float: left; }

.header .header-con .nav ul li { display: inline-block; margin: 0 30px; line-height: 46px;}

.header .header-con .nav ul li a { 
	display: inline; 
	font-size: 16px; 
	color: #fff; 
	/* padding: 10px 0; */
}
.header .header-con .nav ul li a:hover { 
	border-bottom: 1px solid #fff;
}

.header .header-con .nav ul li.active a { 
	border-bottom: 1px solid #fff;
}

.header .header-con .nav ul li a { 
	display: inline-block; 
	font-size: 16px; 
	color: #fff; 
}

/* .header .header-con .nav ul li a:hover { color: #9a9a9a; }

.header .header-con .nav ul li.active a { color: #9a9a9a; } */

.header .header-con .nav .btn-search { float: left; }

.header .header-con .nav .btn-search p { display: block; float: left; position: relative; margin-left: 20px; }

.header .header-con .nav .btn-search p input { display: inline-block; width: 24px; height: 24px; background: url("../images/public/search-btn.png") no-repeat center; cursor: pointer; border: none; outline: none; position: relative; top: 6px; }

.header .header-con .nav .btn-search p .lag { 
	color: #fff;
	display: inline-block; 
	padding-right: 20px; 
	/*background: url("../images/public/zy-icon016.png") no-repeat right center;*/
	 }
#yw{cursor: pointer; /* color: #1b2541; */}
.header .header-con .nav .btn-search p span { display: none; position: absolute; top: 50px; left: 0; width: 100%; height: 20px; line-height: 20px; padding: 10px 0; background: #fff; }

.header .header-con .nav .btn-search p:hover span { display: inline-block; }

.crumbs { width: 100%; position: relative; top: -50px; }

.crumbs .Breadcrumbs { text-align: right; color: #fff; margin-right: 6px;}

.crumbs .Breadcrumbs a { font-size: 14px; color: #fff; display: inline-block; margin-right: 6px; opacity: 0.9; }

.crumbs .Breadcrumbs span { font-size: 14px;  opacity: 1; }

.sub-banner { width: 100%; position: relative; /*min-width: 1024px;*/ }

.sub-banner img { width: 100%; /*min-width: 1024px;*/ height: auto;}

.sub-banner .wrap { position: absolute; top: 0; left: 0; width: 100%; }

.sub-banner .wrap .wrap-con { max-width: 1400px; margin: 0 auto; }

.sub-banner .wrap{
    padding-bottom: 0;
    margin-top: 0;
}

.sub-banner .wrap .wrap-con { 
	max-width: 1400px; 
	margin: 11% auto 0;
}
.sub-banner .wrap .wrap-con .title { 
	font-size: 26px; 
	color: #fff; 
	/*margin-top: 8%; */
}

.sub-banner .wrap .wrap-con span { 
	display: block; 
	width: 44px; 
	height: 1px; 
	background: #fff; 
	margin-top: 28px; 
}

.sub-banner .wrap .white .title { color: #fff; }

.sub-banner .wrap .white span { background: #fff; }

.footer { width: 100%; background: #899db5; }

.footer .footer-con { 
	width: 100%; 
	text-align: center; 
	/*padding: 60px 0; */
}

.footer .footer-con h2 { font-size: 22px; font-weight: normal; color: #fff; opacity: 0.7; }

.footer .footer-con p { margin-top: 40px; text-align: center; }

.footer .footer-con p a { display: inline-block; font-size: 16px; color: #fff; margin: 0 30px; opacity: 0.7; }

.footer .footer-con .share-con { width: 100%; text-align: center; margin-top: 50px; }

.footer .footer-con .share-con a { display: inline-block; float: none; width: 34px; height: 34px; border: 1px solid #fff; margin: 0 15px; opacity: 0.7; padding-left: inherit; }

.footer .footer-con .share-con .wechatBtn { background: url("../images/public/index-icon04.png") no-repeat center; }

.footer .footer-con .share-con .weiboBtn { background: url("../images/public/index-icon05.png") no-repeat center; }

.footer .footer-copy { height: 76px; line-height: 76px; background: #27467d; /*min-width: 960px;*/ }

.footer .footer-copy .copy-wrap { max-width: 1600px; margin: 0 auto; }

.footer .footer-copy .copy-wrap .copy-l { float: left; }

.footer .footer-copy .copy-wrap .copy-l a { display: inline-block; font-size: 14px; color: #fff; opacity: 0.7; }

.footer .footer-copy .copy-wrap .copy-l span { 
	display: inline-block; 
	margin: 0 10px; 
	color: #fff; 
	opacity: 0.7; 
}

.footer .footer-copy .copy-wrap .copy-r { float: right; font-size: 14px; color: #fff; opacity: 0.7; line-height: 26px; margin-top: 17px;text-align: right;}
.footer .footer-copy .copy-wrap .copy-r a{color: #fff;}

.page { width: 100%; margin-top: 80px; }

.page ul { width: 100%; text-align: right; }

.page ul li { display: inline-block; text-align: right; margin-left: 6px; }

.page ul li a { display: inline-block; width: 52px; height: 52px; line-height: 52px; text-align: center; font-size: 16px; color: #333; background: #fafafa; }

.page ul li.on a { color: #fff; background: #8a9eb5; }

.page ul li:hover a { color: #fff; background: #8a9eb5; }

.sjxs{display: none;}

.header .header-con .nav .btn-search>a{ color:#4d4d4d;font-size: 15px; padding-left: 20px;}

.framework .framework-txt p img{	max-width: 65%;}
@media screen and (max-width: 1640px) { .container { max-width: 1400px; }
  .header .header-con { max-width: 1400px; }
  .footer .footer-copy .copy-wrap { max-width: 1400px; }
  .sub-banner .wrap .wrap-con { max-width: 1400px; }

	}

@media screen and (max-width: 1400px) { .container { max-width: 1200px; }
  .header .header-con { width: 1200px; }
  .header .header-con .nav ul li { margin: 0 16px; }
  .sub-banner .wrap .wrap-con { max-width: 1200px; }
  .sub-banner .wrap .wrap-con .title { margin-top: 6%; }
  .footer .footer-copy .copy-wrap { max-width: 1200px; }
	.framework .framework-txt p img{	max-width: 100%;}
	
}

@media screen and (max-width: 1200px) {
	.container { width: 960px; }
  .header .header-con { width: 960px; }
  .header .header-con .nav ul li { margin: 0 8px; }
  .header .header-con .nav ul li a { font-size: 14px; }
  .header .header-con .nav .btn-search p { margin-left: 12px; }
  .sub-banner .wrap .wrap-con { width: 960px; }
  .footer .footer-copy .copy-wrap { width: 960px; }
  .page { margin-top: 40px; } }

@media screen and (max-width: 768px) {
	.framework .framework-txt p img{max-width: 100%;}
	.sjyc{display: none;}
	.sjxs{display: block;}
	
	.header .header-con .nav .btn-search>a{ color: #fff;}
	.sub-banner .wrap .wrap-con { width: 100%; }
	.header .header-con,.container,.footer .footer-con,.footer .footer-copy,.footer .footer-copy .copy-wrap{ width: 100%; margin: 0 auto; box-sizing: border-box;}
	.sub-banner .wrap,.gywm_wrap{width: 100%; margin: 0 auto; padding: 0 2%; box-sizing: border-box;}
	/*头部*/
	.indexHeader .header { position: static;}
	.headerWrap .header { position: static;}
		
	.header{height: auto;}
	.header .header-con .nav{ float: none;}
	.header .header-con .nav ul{ overflow: hidden;}
	.header .header-con .logo{ width: 100%; background: #28477f; height: 94px; line-height: 94px; padding: 0 20px; position: relative; box-sizing: border-box;}
	.header .header-con .logo a { font-size: 32px; color: #fff;}
	.header .header-con .nav .btn-search { position: absolute; top: 9px; right: 20px; line-height: 76px;}
	.header .header-con .nav .btn-search p input{width: 33px; height: 48px; }
	.header .header-con .nav .btn-search p .lag{ padding-right: 26px; font-size: 32px; color: #fff;}
	.header .header-con .nav .btn-search p span{top: 60px; padding: 10px 0; background: #8096af; text-align: center;}
	.header .header-con .nav .btn-search p span a{color: #fff;}
	.header .header-con .nav ul li.index{float: left; text-align: center;}
	.header .header-con .nav ul li { width: 25%; border-right: 1px solid #cbcbcb; font-size: 32px;  color: #1e263f; margin: 0; }
	.nav_mobile{overflow: hidden; height: auto; padding-bottom: 10px; }
	.nav_mobile .nav_left{float: left; width: 20%; padding-top: 20px;}
	.nav_mobile .nav_left li{text-align: center; border-right: 1px solid #cbcbcb; line-height: 66px;}
	.nav_mobile .nav_right{float: right; width: 80%; padding-top: 10px;}
	.nav_mobile .nav_right li{width: 33%; float: left; line-height: 25px; height: 25px; margin: 8px 0; border-right: 1px solid #cbcbcb; text-align: center;}
	.nav_mobile .nav_right li.noline{border: 0;}
	.nav_mobile .nav_left li a,.nav_mobile .nav_right li a{font-size: 18px; color: #1e263f; font-weight: 600;}
	/*尾部*/
	.footer .footer-con{padding: 50px 0 37px 0;}
	.footer .footer-con h2 {font-size: 28px;}
	.footer .footer-con p { margin-top: 30px; overflow: hidden;}
	.footer .footer-con p a {font-size: 18px; width: 30%; margin: 0; margin-bottom: 20px; border-right: 2px solid #b3c0cf; line-height: 16px;  }
	.footer-con p a.mobile-noline{border-right: 0;}
	.footer .footer-copy{height: auto;}
	.footer .footer-copy .copy-wrap .copy-l{text-align: center; width: 100%; float: none; overflow: hidden;}
	.footer .footer-copy .copy-wrap .copy-l a{width: 20%; font-size: 16px; height: 16px; line-height: 16px; text-align: center; border-right:2px solid #b3c0cf; }
	.footer .footer-copy .copy-wrap .copy-l a.noline{border: 0;}
	.footer .footer-copy .copy-wrap .copy-r{width: 100%; float: none; font-size: 15px; text-align:center; line-height: 15px; padding-bottom: 30px;}
	.footer .footer-copy .copy-wrap .copy-l span{display: none;}
	/*一级页面banner*/
	.sub-banner .wrap .wrap-con .title { font-size: 24px; }
	.sub-banner .wrap .wrap-con span{ width: 25px; margin-top: 13px;}
}
@media screen and (max-width: 414px) {
	.header .header-con .logo{ height: 60px; line-height: 60px; padding: 0 10px; }
	.header .header-con .logo a { font-size: 24px; color: #fff;}
	.header .header-con .nav .btn-search { position: absolute; top: 9px; right: 10px; line-height: 40px;}
	.header .header-con .nav .btn-search p{margin-left: 5px;}
	.header .header-con .nav .btn-search p input{width: 24px; height: 25px; background: url(../images/public/search-mobile-btn.png) no-repeat center 0; background-size: 100% 100%;}
	.header .header-con .nav .btn-search p .lag{ padding-right: 16px; font-size: 24px; color: #fff; }
	.header .header-con .nav .btn-search p span{top: 35px; padding: 5px 0; background: #8096af; text-align: center;}
	.header .header-con .nav .btn-search p span a{color: #fff;}
	
	.footer .footer-con{padding: 30px 0 15px 0;}
	.footer .footer-con h2 {font-size: 24px;}
	.footer .footer-con p { margin-top: 30px; overflow: hidden;}
	.footer .footer-con p a {font-size: 16px; width: 25%; margin:0 0 20px 0; }
	.footer .footer-copy .copy-wrap .copy-l{width: 100%; float: none; overflow: hidden; padding-top: 20px; line-height: 30px; text-align: center;}
	.footer .footer-copy .copy-wrap .copy-l a{width: 20%; font-size: 15px; height: 15px; line-height: 15px; text-align: center; border-right:2px solid #b3c0cf; }
	.footer-con p a.mobile-noline,.footer .footer-copy .copy-wrap .copy-l .mobile-noline{border-right: 0;}
	.footer .footer-copy .copy-wrap .copy-r{width: 100%; float: none; font-size: 15px; text-align:center; line-height: 24px; padding: 18px 8px 20px; box-sizing: border-box;}
	.footer .footer-copy .copy-wrap .copy-l span{display: none;}
	.sub-banner .wrap .wrap-con .title{margin-top: 2%;}
	.sub-banner img { height: 150px;}
}

@media screen and (max-width: 375px) {
	.header .header-con .logo a {font-size: 20px;}
	.header .header-con .nav .btn-search p input{width: 20px; height: 21px;}
	.header .header-con .nav .btn-search p .lag{font-size: 20px; }
	.nav_mobile .nav_left li a,.nav_mobile .nav_right li a{font-size: 16px;}
}
@media screen and (max-width: 360px) {
	.nav_mobile .nav_left li a,.nav_mobile .nav_right li a{font-size: 14px;}
	.sub-banner .wrap .wrap-con .title { font-size: 20px; }
	.sub-banner .wrap .wrap-con span{ width: 21px; margin-top: 8px;}
}

@media screen and (max-width: 320px) {
	.header .header-con .logo a {font-size: 18px;}
	.header .header-con .nav .btn-search p input{width: 18px; height: 19px;}
	.header .header-con .nav .btn-search p .lag{font-size: 18px; }
}