/*公用样式部分*/
html {width: 100%;overflow-x: hidden;}
body {line-height: 2;background: #fff;color: #333;}
.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;}
.w1000{width:1000px;margin:0 auto;}
.text-right {text-align: right;}
/*本项目首页样式部分*/
#nav-box{background:#27569C;}
#nav-box ul>li{float:left;width:10.5%;position:relative;}
#nav-box ul>li >a {font-size: 15px; display: block;line-height:60px;text-align:center;color: #fff;}
#nav-box >ul >li.active >a {background:#3766AC;}
#nav-box >ul >li >a:hover{background:#3766AC;}
#nav-box .submenu{width:100%;background:#3766AC;position:absolute;z-index:999;display:none;}
#nav-box .submenu ol li{border-bottom:1px solid #4B7CC4;}
#nav-box .submenu ol li a {display: block;text-align: center;line-height:40px;color: #fff;}
#nav-box .submenu ol li a:hover {background: #345FA7;}

#welcome {background: #f8f8f8;border-bottom: 1px solid #ddd;line-height: 35px;}
#logo-tel {padding-top: 25px; padding-bottom: 25px;}
.tel-box {line-height: normal;color: #888;}
.tel-box .media-body div {font-family: impact;color: #47AA0B;font-size: 28px;}

.banner .bd li {height: 500px;}
.banner {position: relative;}
.banner .hd {position: absolute;left: 0; right: 0; bottom: 15px;text-align: center;z-index: 2;}
.banner .hd li {display: inline-block;width: 30px;height: 5px;border-radius: 2px;background: #fff;margin:0px 5px;overflow: hidden;text-indent: 10em; }
.banner .hd li.on {background: #3766AC;}
.banner .prev {position: absolute;left: 10%;top: 45%;}
.banner .next {position: absolute;right: 10%;top: 45%;}

.title {text-align: center;text-transform: uppercase;font-size: 16px;color: #888;line-height: 1.5;}
.title h1 {color: #295E9C;}

.yewu {text-align: center; padding: 0px 20px;margin-bottom: 20px;}
.yewu img {transition: all 1s;}
.yewu:hover img {transform: rotateY(180deg);}
.yewu:hover h2 {color: #3766AC;}

#index-anli {background: #F5F4F4; padding-top: 40px; padding-bottom: 40px;}
.anli {background: #fff;margin-bottom: 20px;transition: all 0.5s;}
.anli:hover {box-shadow: 0px 5px 15px rgba(0,0,0,.2);}
.anli-img {height: 190px;overflow: hidden; text-align: center;background: #f8f8f8;display: flex;justify-content: center;align-items: center;}
.anli-img img {width: 100%;}
.anli p {text-align: center;padding: 3px 10px;}

.about-title {border-bottom: 2px solid #626262;float: left;}
.more {background: #27569C;}

#index-honor {background: url(../image/honor-bg.jpg) center top no-repeat; background-size: cover; height: 455px; padding-top: 40px; }
#index-honor .title h1 {color: #fff;}
#index-honor .title {color: #fff;}
.scroll-honor .bd li {float: left;width: 25%;}
.scroll-honor .bd {margin-left: 30px; margin-right: 30px;}
.scroll-honor {position: relative;}
.scroll-honor .prev {position: absolute;left: 0;top: 105px;}
.scroll-honor .next {position: absolute;right: 0;top: 105px;}
.honor {margin: 0px 10px; text-align: center;}
.honor a {height: 200px;border:5px solid #fff; display: flex;background: #fff;overflow: hidden; text-align: center;justify-content: center;align-items: center;}
.honor a img {height: 100%;max-width: 100%;}
.honor p {text-align: center;color: #fff;}

.news-subcate {text-align: center;}
.news-subcate li {display: inline-block;margin:0px 10px;}
.news-subcate li a {display: block;line-height: 40px;padding: 0px 25px;border: 1px solid #ddd;}
.news-subcate li a:hover {background: #27569C;border-color: #27569C;color: #fff;}

.news-box .date {background: #F2F2F2;text-align: center; padding: 5px 15px;}
.news-box .media-body h3 {line-height: normal;}
.news-box {border-bottom: 1px dashed #ccc; padding-bottom: 10px;}

#index-lianxi {background: #F2F2F2; padding-top: 10px; padding-bottom: 10px;}
.lianxi {background: url(../image/m_34.jpg) right top no-repeat; background-size: contain;min-height: 400px; padding-top: 50px;}
.lianxi-title {color: #888;text-transform: uppercase;font-size: 18px;line-height: 1.5;}
.lianxi-title h1 {color: #295E9C;}

#form-index-liuyan {background: #fff; padding: 15px 20px 20px;}
#form-index-liuyan .layui-input {margin-bottom: 15px;}
#form-index-liuyan .layui-textarea {margin-bottom: 15px;}
.liuyan-title {font-size: 18px;}
.index-liuyan {padding-top: 50px;}
#btn-index-liuyan {background: #4697DB;}

.link-box .float-left {border-left: 2px solid #666; padding-left: 10px;margin-right: 20px!important;font-size: 16px;font-weight: bold;}
.link-list li {float: left;margin-right: 15px;}

#footer {background: #27569C; padding: 20px 0;}
.qrcode {text-align: right;}
.qrcode img {width: 120px;height: 120px;}

@media only screen and (min-width: 320px) and (max-width: 640px) {
	#nav-box{position:absolute; top:60px; width:100%; left:0; background:#27569C; display:none; z-index:20;}
	#nav-box ul>li{width:50%;line-height:25px;}
	#nav-box ul>li>a{color:#fff;}
	#nav-box ul li a{line-height:34px;}
	#nav-box ul li a:hover,#nav-box ul li a:active,#nav-box ul li a.current{background:#3766AC;}
	#nav-box{padding-left:0px;padding-top:5px;padding-bottom:5px;}
	#menu-btn {display: inline-block;border: 1px solid #ddd;padding: 0 8px;border-radius: 4px;}
	
	#logo-tel {padding-top: 15px; padding-bottom: 15px;}
	
	.banner .bd li {height: 200px;}
	.banner .prev {position: absolute;left: 5%;top: 45%;}
	.banner .next {position: absolute;right: 5%;top: 45%;}
	
	.title {text-align: center;text-transform: uppercase;font-size: 14px;color: #888;line-height: 1.5;}
	.title h1 {color: #295E9C;}

	.yewu {text-align: center; padding: 0px 10px;margin-bottom: 20px;}
	.about-con {line-height: 1.7;}
	
	.scroll-honor .bd li {float: none;width: 100%;}
	.news-box .media-body {font-size: 11px;}
	
}