a{ color:#333;}
.clear{ clear:both; height:0;}
ul{ margin:0; padding:0;}
li{ list-style:none;}
.navbar{ background:url(../images/header_bg.jpg) repeat-x; height:80px; margin-bottom:0;}
.navbar-brand{height:80px; padding: 13px 15px;}
.navbar-nav > li{ background:url(../images/header_s.jpg) center right no-repeat;}
.navbar-nav > li > a{line-height:60px; font-size:16px; padding: 10px 20px; position:relative;}
.navbar-nav > li > a .glyphicon{ display:none; position:absolute; top:-6px; left:34%; font-size:24px; }
.nav > li > a:hover, .nav > li > a:focus, .nav > li.active > a{ background:#1f7ae1; color:#fff;}
.nav > li > a:hover .glyphicon, .nav > li > a:focus .glyphicon, .nav > li.active > a .glyphicon{ display:block;}
.min-logo{ display:none;}
.navbar-toggle{border: 1px solid #666;}
.navbar-toggle .icon-bar{ background:#333;}

.layer{ background:url(../images/layer_bg.jpg) no-repeat; background-size:cover; padding-bottom:40px;}
.layer h1{ text-align:center; padding:30px 0 50px 0;}
.layer div{ text-align:center;}
.layer .icon{ width:55%; margin:0 auto;}
.layer .row{ padding:40px 0;}
.cont-layer{ background:#fff;}

.bg-gray{ background:#EBEBEB;}
.bg-blue{ background:#6183C3;}
.wblock{ background:#fff; font-size:16px; margin:20px 0; box-shadow: 1px 1px 5px #999;}
.item-title{ background:#1477E4; font-size:24px; color:#fff; height:50px; width:215px; line-height:50px; text-align:center; position:relative;}
.more{line-height:50px; height:50px; font-size:20px; padding-right:20px; }
.more a{ color:#999;}
.item-icon{ background:url(../images/item_title.png) no-repeat; width:10px; height:60px; position:absolute; left:-10px;}
.item-con{ padding:30px 40px;}
.news-list li{ padding:10px 0; border-top:1px solid #ddd;}
.news-list{border-bottom:1px solid #ddd;padding-bottom:10px;}
.news-list h4{padding-left:20px; background:url(../images/li_style.png) left center no-repeat; margin-bottom:5px; font-weight:bold;}
.time{ font-size:14px; color:#999;}
.time, .dec{ padding-left:20px;}
.dec{margin-top:10px; color:#666;}

.re h2{ margin-top:0; margin-bottom:30px;}
.relist{ font-size:20px; color:#666;}

.plan h2, .plan .untitle{ text-align:center;}
.plan h2{ margin:0;}
.plan .untitle{ color:#999; margin-bottom:30px;}
.newsdetails h2{ text-align:center; margin-bottom:0;}
.newsdetails .untitle{ text-align:center; color:#999;}
.hexagon{ position:relative; width:60%; margin:0 auto; height:435px;}
.box1, .box2, .box3, .box4, .box5{background-size:cover; width:235px; height:211px; position:absolute; text-align:center;}
.box .text{width:50%; white-space:pre-wrap; text-align:center; margin:0 auto; padding:70px 0;}
.box .text a{color:#fff; font-size:24px; }
.box1{background:url(../images/hexagon1.png) no-repeat; top:0; left:0;}
.box2{background:url(../images/hexagon2.png) no-repeat; top:0; right:0;}
.box3{background:url(../images/hexagon3.png) no-repeat; bottom:0; left:0;}
.box4{background:url(../images/hexagon4.png) no-repeat; bottom:0; right:0;}
.box5{background:url(../images/hexagon5.png) no-repeat; top:26%; left:32%;}
.ad{ width:60%; text-align:center; margin:0 auto;}
.ad .text{ margin:10px 0;}
.ad .text a{color:#999;}
.ada{ width:80%; margin:0 auto; margin-bottom:40px;}
.adb{margin-bottom:40px;}
.soft{width:60%; text-align:center; margin:0 auto;}
.softa{ width:80%; margin:0 auto; margin-bottom:40px;}
.uppercase{text-transform:uppercase;}
.mode{ background:#fff; text-align:center; padding:30px;}
.mode h2{ margin:0;}
.h-line{ width:246px; height:16px; margin:0 auto;}
.obj{ margin:30px 0;}
.mimg{ width:70%; margin:0 auto; }
.mimg a{position:relative; display:block;}
.mimg .text{position:absolute; color:#fff; font-size:26px; width:100%;top:43%;}
.mimg .text2{position:absolute; color:#fff; font-size:26px; width:100%;top:35%;}
.mimg .text3{position:absolute; color:#fff; font-size:26px; width:100%;top:28%;}

.objlist{ border:1px solid #333; padding:10px 0; font-size:20px;}

.footer{ background:#B0B0B0; text-align:center; color:#fff; padding:20px 0; font-size:16px;}
.bottom-link a{ color:#fff;}
.user{ width:30%; margin:0 auto; background:#fff; border-radius:5px; padding:30px;}
.userlogin{ padding:150px 0;}
.user h2{ text-align:center; margin-bottom:30px;}
.submit{ background:#1477E4; border-bottom:5px solid #105EB4; width:60%; margin:0 auto;}
.form-horizontal .form-group{ margin:15px 0;}
.input-group select.form-control{ color:#999;}
.newscontent{ font-size:16px; padding:30px 0px;  text-indent:35px; border-top:1px dashed #999; border-bottom:1px dashed #999; margin:30px auto; width:80%;}
.newscontent p{ margin-bottom:30px;}
.newslist{width:90%; margin:0 auto;}
.center{ text-align:center;}

@media (max-width: 767px) {
	.item-con{ padding:30px 20px;}
	.item-con.news{ padding:30px 10px;}
	.logo{width:100px;}
	.navbar{height:50px;}
	.navbar-nav{ margin:0 -15px;}
	.navbar-brand{height:50px; padding: 9px 15px;}
	.min-logo{ display:block;}
	.logo{ display:none;}
	.navbar-nav > li > a .glyphicon{left:50%;}
	.navbar-nav > li > a{line-height: 25px; background:#fff;}
	.layer .icon{ width:100%; margin:0 auto;}
	.layer h1{ font-size:24px; padding:10px 0 10px 0; margin:0;}
	.layer h3{ font-size:14px;}
	.layer h1{ text-align:center; padding:20px 0 20px 0;}
	.layer .row{ padding:10px 0;}
	.hexagon{width:100%; height:auto;}
	.box1, .box2, .box3, .box4, .box5{position:static; margin:0 auto;}
	.footer{font-size:14px;}
	.ada{ margin-bottom:0;}
	.user{ width:90%;}
	.userlogin{ padding:50px 0;}
	.newscontent{width:100%;}
	.newslist{width:100%;}
	}
@media (min-width: 768px) and (max-width: 991px) {
	.logo{width:140px;}
	.navbar-brand{padding: 18px 15px;}
	.navbar-nav > li > a{font-size:14px; padding: 10px 5px;}
	.hexagon{height:auto;}
	.box1, .box2, .box3, .box4, .box5{background-size:100% 100%; position:static; margin:0 auto; float:left; width:190px; height:169px;}
	.box .text{padding:57px 0;}
	.box .text a{font-size:20px; }
	.user{ width:60%;}
	
}
@media (min-width: 992px) and (max-width: 1199px){
	.navbar-nav > li > a{font-size:14px; padding: 10px 15px;}
	.hexagon{ position:relative; width:60%; margin:0 auto; height:360px;}
	.box1, .box2, .box3, .box4, .box5{background-size:100% 100%; width:200px; height:175px;}
	.box .text{padding:57px 0;}
	.box .text a{font-size:22px; }
	.box1{top:0; left:0;}
	.box2{top:0; right:0;}
	.box3{bottom:0; left:0;}
	.box4{bottom:0; right:0;}
	.box5{top:26%; left:31%;}
	.user{ width:40%;}
	}