/*公用样式部分*/
html {width: 100%;overflow-x: hidden;}
body {line-height: 2;background: #fff;color: #333;min-width: 1200px;}
.layui-container {width: 1200px;}
.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:#1B1B1B;}
#nav-box ul>li{float:left;text-align:center;position:relative;width: 14.28571%;}
#nav-box ul>li >a {font-size: 16px;display: block;font-weight:bold;color: #fff;line-height: 60px;}
#nav-box ul>li >a:hover{background:#A40000;}
#nav-box ul>li.active >a {background:#A40000;}
#nav-box .submenu{width:100%;background:#f5f5f5;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:;}
#nav-box .submenu ol li a:hover {background: #f1f1f1;}
#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: 20px;}

/*本项目首页样式部分*/
#header {padding-top: 20px; padding-bottom: 20px;}
#header .tel-box h3 {font-family: impact;font-size: 28px;line-height: normal;}

.banner-box .bd li {height: 500px;}
.banner-box {position: relative;}
.banner-box .hd {position: absolute;left: 0; right: 0; bottom: 0; text-align: center;}
.banner-box .hd li {display: inline-block;width: 14px; height: 14px; border-radius: 50%;background: #fff;margin:5px 3px;overflow: hidden;text-indent: 10em;}
.banner-box .hd li.on {background: rgba(0,0,0,.6);}

.title h2 {font-size: 30px; text-align: center;position: relative;}
.title a.more {position: absolute;right: 0;top:20px;font-size: 14px;line-height: normal;}
.title .line {border-bottom: 1px solid #1B1B1B;background: url(../images/m_13.jpg) center bottom no-repeat;height: 12px;}
.title p {text-align: center;font-size: 14px;color: #666; text-transform: uppercase;line-height: 40px;}

.left-box {width: 234px;background: #1B1B1B; padding: 20px;color: #fff;}
.right-box {width: 850px;}
.left-block {background: #fff; padding: 10px 20px 15px;margin-top: 10px;color: #1B1B1B;}
.left-sublist li {border-bottom: 1px solid #1B1B1B;}
.left-sublist li a {display: block;text-align: center;font-size: 16px;line-height: 50px;}
.left-lianxi {font-size: 16px;}
.left-lianxi img {vertical-align: baseline;}

.index-pro div {background: #1B1B1B;height: 270px;overflow: hidden; text-align: center;}
.index-pro div img {height: 100%;}
.index-pro p {text-align: center;margin-bottom: 15px;font-size: 16px;}

.about-con {font-size: 16px;}

.scroll-pic .bd li {float: left;width: 25%;}
.scroll-pic .bd li div.pic {margin:0px 5px;overflow: hidden; text-align: center;height: 283px;}
.scroll-pic .bd li div.pic img {width: 100%; height: 100%;}
.scroll-pic {position: relative;}
.scroll-pic .prev {position: absolute;left: -50px;top: 40%;}
.scroll-pic .next {position: absolute;right: -50px;top: 40%;}

.toutiao {width: 520px;}
.toutiao >a {display: block;overflow: hidden;height: 150px; position: relative;background: #2b2b2b;}
.toutiao >a img {width: 100%;}
.toutiao >a >div {background: #1B1B1B;color: #fff; text-align: center;position: absolute;left: 0; top: 0; padding: 5px 10px;line-height: normal;}
.toutiao >a >div >b {display: block;text-align: center;font-size: 40px;line-height: normal;}

.news-box {width: 615px;}

.date {background: #F8F8F8; text-align: center;padding: 5px 10px;line-height: normal;color: #ccc;}
.date b {display: block;text-align: center;font-size: 40px;}
.news-list h2 {line-height: normal;}

#footer {background: #1B1B1B;}
.footer-nav {padding-top: 15px; padding-bottom: 15px;}
.footer-nav a {font-size: 16px;}
.footer-nav span {margin: 0px 25px!important;}

.copy-box {border-top: 1px solid #ccc; padding-bottom: 20px; padding-top: 20px;}

/*内页*/
.nav-position {border: 1px solid #1b1b1b; padding: 5px 10px;background-color: #1b1b1b;color: #fff;font-size: 16px;}
.nav-position * {color: #fff!important}
.nav-position a {font-size: 16px;}

#left-box {float: left;width: 270px;}
.left-title {background-color: #1b1b1b;color: #fff; text-align: center; padding: 5px 0;}
.sub-nav {border: 1px solid #ddd; padding: 15px;}
.sub-nav li {border-bottom: 1px solid #ddd;}
.sub-nav li a {display: block;line-height: 45px;}

.lianxi-con {border: 1px solid #ddd; padding: 15px;}

#right-box {float: right;width: 870px;}

/*手机端*/
@media only screen and (min-width: 320px) and (max-width: 640px) {
	#nav-box .layui-container {padding-left: 0; padding-right: 0;}
	#nav-box {position:absolute; top:56px; width:100%; left:0; display:none; z-index:20;padding-left: 0;padding-right: 0;background: #0961bb;}
	#nav-box ul>li{width:100%;}
	#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:#444;}
	#menu-btn {margin-top: 0px;}
	
	
}