/*公共样式*/
body {background: #F4F4F4;line-height: 2;}
.container {width: 1200px;padding:0px;}
canvas {margin: 0px;padding: 0px;display: block;}
.text-white,.text-white a {color: #fff;}

/*首页样式*/
#top-box {background: #0D0C0D;}
#logo-box {background: url(../images/logo.png) left center no-repeat; padding-left: 270px;}
.nav-box >li {float: left;width: 14.2857%;}
.nav-box >li >a {display: block;line-height: 100px;text-align: center;color: #fff;font-size: 18px;}
.nav-box >li >a:hover {background: #C00400;}
.nav-box >li.active >a {background: #C00400;}

#banner-box li {height: 686px;}
#banner-box {position: relative;}
#banner-box .prev,#banner-box .next {position: absolute;top: 230px;display: block;width: 51px; height: 105px;}
#banner-box .prev {left: 10%;background: url(../images/prev.png);}
#banner-box .next {right: 10%;background: url(../images/next.png);}

.touming-box {background: rgba(245,245,245,0.5);height: 40px;position: absolute;left: 0px;bottom: 0px;width: 100%;}

#index-procate {background: #F5F5F5;position: relative;height: 115px;}
.procate-list {background: #fff;position: absolute;left: 50%;margin-left: -600px;width: 1200px;padding: 30px 0px;top: -15px;}
.procate-list li {float: left;width: 16.6666%;text-align: center;}


#about-news-box {margin-top: 100px;}
#about-box {width: 810px;}
#news-box {width: 357px;}
#hyxm-box {margin-top: 5px;}
#hyxm-list {height: 60px;width: 668px; overflow: hidden;}

.logo-list >.bd ul >li {float: left;width: 167px;}
.logo-list >.bd ul >li >a {display: block;padding: 0px 5px 0px 0px;}
.logo-list >.bd ul >li >a >img {height: 60px;width: 162px;}

#news-box .tab-title {background: url(../images/m_32.jpg); height: 56px; overflow: hidden;}
#news-box .tab-title {text-align: center;padding-top: 8px;}
#news-box .tab-title li {display: inline-block;width: 93px;}
#news-box .tab-title li a {height: 48px;line-height: 48px; display: block;color: #fff;}
#news-box .tab-title li.active a {background: url(../images/tab-bg.png);color: #000;}

.tab-box .tab-con {background: #D9D9D9; padding: 15px 15px; height: 272px;}
.tab-con:first {display: block;}
.lianxi-list span {display: inline-block;width: 24px;text-align: center;}
.index-news-list li {background: url(../images/m_36.jpg) left center no-repeat; padding-left: 10px;line-height: 40px;border-bottom: 1px dashed #ccc;}
.lianxi-list {line-height: 2.2;}


footer {background: #0D0D0D; padding: 15px 0px;margin-top: 30px;}
.bot-logo {margin: 15px 35px 0px 0px;}

#banner-box2 {height: 378px;}
#banner-box2 li {height: 378px;}
#banner-box2 {position: relative;}
#banner-box2 .prev,#banner-box2 .next {position: absolute;top: 122px;display: block;width: 51px; height: 105px;}
#banner-box2 .prev {left: 10%;background: url(../images/prev.png);}
#banner-box2 .next {right: 10%;background: url(../images/next.png);}

#search-box {background: #204FA0;padding: 5px 0px;}
#form-sou .layui-form-label {width:auto !important;}
#form-sou .layui-form-item {margin-bottom: 0px;}

.nav-title {font-size: 20px;}
#nav-position {padding: 15px 0px 10px;border-bottom: 2px solid #DADADA;}
#nav-position span {margin-top: 10px;}

#main-box {margin-top: 20px;}
#procate-list {width: 243px;}
#procate-list li {margin-bottom: 1px;}
#procate-list li a {display: block;background: url(../images/li-bg.jpg) left top repeat-x;border: 1px solid #ddd;line-height: 40px;padding-left: 15px;}

#main-con {width: 930px;}


#float-qq {position: fixed;right: 0px;top: 240px;width:120px;background: #fff;z-index: 999;}
#float-qq .title {background: #414141;color: #fff;padding: 0px 5px;}
#float-qq .con {padding: 15px 0px;}
#float-qq .tel {line-height: normal;font-size: 12px;margin:10px 0px;}
#float-qq tel {color: #E97700;font-weight: bold;}
#float-qq .close {color: #999;}