/*公用样式部分*/
html {width: 100%;overflow-x: hidden;}
body {line-height: 2;background: #fff;color: #333;}
a:hover,a:active {color: #386DD3;}
/*.layui-container {}*/
.text-white,.text-white a,.text-white a:hover {color: #fff!important;}
.text-red,.text-red a,.text-red a:hover {color: #c00!important;}
.undisplay {display: none;}
.margin-top10 {margin-top: 10px!important;}
.margin-top15 {margin-top: 15px!important;}
.margin-top20 {margin-top: 20px!important;}
.margin-top30 {margin-top: 30px!important;}
.margin-top40 {margin-top: 40px!important;}
.margin-center {margin-left: auto;margin-right: auto;}
.line-height {line-height: normal;}
.layui-container:after {content: '';display: block;clear: both;}
/*nav*/
#nav-box{background:#fff;background: rgba(255,255,255,.7);position: absolute;left: 0;right: 0; bottom: 0;}
#nav-box ul>li{float:left;width:12.28571%;text-align:center;position:relative;border-left: 1px solid #fff;box-sizing: border-box;}
#nav-box ul>li:nth-child(1) {border-left: none;}
#nav-box ul>li >a {font-size: 16px;display: block;line-height:60px;color:#333;font-weight:bold;}
#nav-box ul>li >a:hover{background:#758DED;color: #fff;}
#nav-box ul>li.active >a {background:#758DED;color: #fff;}
#nav-box .submenu{width:100%;background:#399059;position:absolute;z-index:999;display:none;}
#nav-box .submenu ol li{border-bottom:0px solid #D89B4D;line-height:40px;}
#nav-box .submenu ol li a {display:block;line-height:40px;color: #fff;}
#nav-box .submenu ol li a:hover {background: #2A673E;}

#menu-btn {display: inline-block;float: right;width: 30px;height: 30px;border:1px solid #ccc;border-radius: 4px;text-align: center;color: #999;background: #fff;margin-top: 5px;font-size: 14px;}

/*本项目首页样式部分*/
#logo-box {padding-top: 5px; padding-bottom: 5px;}
#form-top-search {width: 394px; padding-top: 30px;}
#btn-search {background: #5B79E7;color: #fff;border: none;height: 38px;width: 100px;float: right;}
#form-top-search .form-key {margin-right: 100px;border: 1px solid #ddd;height: 36px;border-right: none; padding: 0px 5px;}
#form-top-search #key {border: none; width: 100%; height: 36px;}

#banner-box .bd li {height: 400px;}
#banner-box {position: relative;}

#gonggao-box {background: #E5EEFF;height: 68px;}
.gonggao-title {background: url(../images/gonggao-title-bg.png) no-repeat; width: 70px; height: 68px; line-height: 68px;text-align: center;font-size: 18px; padding-right: 4px;}
.scroll-gg {overflow: hidden;position: relative;}
.scroll-gg .bd li {float: left;width: 25%;margin-right: 1%;line-height: 68px;}
.scroll-gg .bd li span {float: right;}

#block-icon {float: right;}
.right-block {width: 300px;}
.left-block {width: 820px;}

.title {background: url(../images/title-bg.jpg) left top no-repeat; line-height: 42px; padding: 0px 10px;font-size: 18px;}
.title a {float: right;font-size: 14px;}

.news-list li {background: url(../images/icon-li.png) left center no-repeat; padding-left: 10px;line-height: 32px;}
.news-list li span {float: right;font-size: 12px;color: #999;}
#news-box {margin-top: 10px;}

#chaxun-shumu {background: url(../images/chaxun-bg.jpg) no-repeat; height: 98px; padding-left: 10px;}
.chaxun-title {background: #fff; background: rgba(255,255,255,.4);text-align: center;width: 80px; height: 65px;font-size: 18px;color: #fff;line-height: 1.3; padding-top: 15px;}

#form-chaxun {margin-left: 105px; padding-top: 10px;}
.chaxun-key {border: none;background: #fff; background: rgba(255,255,255,.6);float: left;width: 450px; padding: 0px 5px;}
.chaxun-key #chaxun-key {border: none;width: 100%;height: 34px;background: none;}
#btn-chaxun {background: #5D83E8;height: 34px; width: 34px;color: #fff;border: none;font-size: 18px;}
.tiaojian-other {width: 100%;zoom: 1;color: #fff;padding-top: 5px;}
.tiaojian-other label {margin-right: 15px;}

#block-icon li {float: left;width: 50%;}
#block-icon li a {display: block;height: 115px;color: #fff;font-size: 20px;text-align: center; padding-top: 35px;}
#block-icon li:nth-child(1) a {background: #5A8DE8;}
#block-icon li:nth-child(2) a {background: #5BA4E9;}
#block-icon li:nth-child(3) a {background: #5BA4E9;}
#block-icon li:nth-child(4) a {background: #5A8DE8;}
#block-icon li a:hover {opacity: 0.9;}

.kaiguan {background: #D0F0FF;margin-top: 0px!important;height: 90px; padding: 26px 0px 0px 30px;}
.kaiguan .float-left {width: 90px;text-align: center;}
.kaiguan .float-left p {text-align: center;font-size: 20px;}

#index-newbook {float: left;}
#index-childbook {float: right;}

#newbook-box {background: url(../images/shujia.jpg) center top no-repeat;height: 220px; padding: 68px 80px 0px 80px; width: 660px; position: relative;}
#newbook-box .bd li {float: left;width: 25%;}
#newbook-box .book {margin:0px 10px;text-align: center;}
#newbook-box .book a {display: block;background: #fff;height: 160px;overflow: hidden;}
#newbook-box .book a img {height: 100%;max-width: 100%;}
#newbook-box .prev {position: absolute;left: 30px;top: 140px;}
#newbook-box .next {position: absolute;right: 30px;top: 140px;}

#childbook-box {border: 1px solid #ddd;}
#childbook-box ul {padding: 10px;}

#links-box {background: #758DED;color: #fff;font-size: 18px;padding-top: 8px; padding-bottom: 8px;line-height: 34px;}
.links {border: none;font-size: 14px;width: 100%; height: 34px;background: #8A9EF4;color: #fff;}

#copy-box {padding-top: 15px; padding-bottom: 15px;}
.qrcode {float:right;}
.qrcode img {width: 100px;height: 100px;border:1px solid #ddd;}

/*内页列表页样式*/
#left-box {float: left;}
#right-box {float: right;}
#subnav-box {border: 1px solid #ddd;}
.subnav-list {padding: 10px;}
.subnav-list li {border-bottom: 1px solid #ddd;}
.subnav-list li a {display: block;line-height: 40px;}
.subnav-list li a span {float: right;}
.title2 {background: url(../images/title-bg.jpg) left top repeat-x; line-height: 42px; padding: 0px 10px;font-size: 16px;}
.title2 span * {font-size: 16px;}

#main-con {padding: 10px;}
#main-con img {max-width: 100%; height: auto;}



/*手机端*/
@media only screen and (min-width: 320px) and (max-width: 640px) {
	body {font-size: 12px;}
	#nav-box {padding-left: 0;padding-right: 0;background: #333;}
	#nav-box .layui-container {padding-left: 0; padding-right: 0;}
	#nav-box {position:absolute; top:0px; width:100%; left:0; display:none; z-index:20;bottom: auto;}
	#nav-box ul>li{width:100%;border-left: none;}
	#nav-box ul>li>a{color:#fff;}
	#nav-box ul li a{line-height:34px;font-weight: normal;font-size: 14px;}
	#nav-box ul li a:hover,#nav-box ul li a:active,#nav-box ul li a.current{background:#758DED;}

	#logo-box {padding-top: 20px; padding-bottom: 20px;}
	#banner-box .bd li {height: 150px;background-size: cover!important;}
		
	.scroll-gg .bd li {float: none;width: auto;line-height: 34px;}
	#gonggao-box {background: #E5EEFF;height: 34px;}
	.gonggao-title {background: url(../images/gonggao-title-bg.png) no-repeat; width: 35px; height: 34px; line-height: 34px;text-align: center;font-size: 14px; padding-right: 4px;}

	#block-icon {float: none;}
	.right-block {width: auto;}
	.left-block {width: auto;}


	#index-news {margin-top: 15px;}

	#form-chaxun {margin-left: 0px; padding-top: 10px;margin-right:10px;}
	.chaxun-key {border: none;background: #fff;background: rgba(255,255,255,.6);width: auto;padding: 0px 5px;float:none;margin-right:34px;}
	#btn-chaxun {float: right;}

	#block-icon li {float: left;width: 25%;}
	#block-icon li a {display: block;height: 70px;color: #fff;font-size: 14px;text-align: center; padding-top: 15px;}
	#block-icon li a img {width: 0.6rem;}
	#block-icon li:nth-child(3) a {background: #5A8DE8;}
	#block-icon li:nth-child(4) a {background: #5BA4E9;}

	.kaiguan {background: #D0F0FF;margin-top: 0px!important;height: 60px; padding: 15px 0px 0px 30px;}
	.kaiguan .float-left {width: 90px;text-align: center;}
	.kaiguan .float-left img {width: 0.6rem;}
	.kaiguan .float-left p {text-align: center;font-size: 14px;}

	.news-list li {line-height: 2;}

	#index-newbook {float: none;}
	#index-newbook {float: none;}

	#newbook-box {height: 220px; padding: 68px 80px 0px 80px; width: auto; position: relative;}
	#newbook-box .bd li {float: none;width: auto;}

	#childbook-box {margin-top: 15px;}

	#index-childbook {float:none;}

	#copy-box {border-top: 1px solid #ddd;margin-top: 15px;}

	#left-box {float: none;}
	#right-box {float: none;margin-top: 10px;}

	#subnav-box {border: 0px solid #ddd;}
	.subnav-list {padding: 0px;margin-left: -5px; margin-right: -5px;}
	.subnav-list li {border: 0;float: left;width: 50%;box-sizing: border-box;padding: 0px 5px;margin-bottom: 10px;}
	.subnav-list li a {display: block;line-height: 40px;border:1px solid #ddd;border-radius: 5px;font-size: 14px;text-align: center;}
	.subnav-list li a span {display: none;}

	.piclogo-list img {width:100%;}

	#article_list_page li {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	.article_title {font-size: 18px!important;}



}