@charset "utf-8";
.top-row{ width: 100%; height: 30px; background: #f8f8f8; }
.top-bar{ width: 1180px; height: 30px; line-height: 30px; font-size: 12px; color: #c82007; }
.top-bar span{ float: left; }
.top-bar a{ float: right; color: #c82007; display:none; }

.head{ width: 1180px; height: 110px; }
.head .logo{ width: 590px; height: 110px; background: url('../images/logo.png') 0 center no-repeat; }

#nav{ width: 1180px; height: 50px; margin: auto }
.nav{ width: 1180px; height: 50px; position:relative; z-index:1; }
.nav .nLi{ float:left; position:relative; }
.nav .nLi>a{ display: block; height: 50px; padding: 0 1em; line-height: 50px; text-align: center; font-size: 16px; color: #000; }
.nav .nLi.on>a{ background: #c82007; color: #fff; border-radius: 3px; }

.nav .sub{ display:none; width:100%; left:0; top:50px; position:absolute; text-align: center; }
.nav .sub li{ background: #fff; }
.nav .sub a{ display:block; height: 40px; line-height: 40px; border-bottom: 1px dotted #ccc; font-size: 14px; color: #333;}
.flash{ width:100%; height: 300px; overflow: hidden; position: relative; }
.flash .bd{ position: relative; height: 300px; overflow: hidden; }
.flash .bd ul{ width: 100% !important; }
.flash .bd li{ width: 100% !important; height: 300px; overflow: hidden; }

.gray-row, .white-row, .img-row, .link-row{ width: 100%; padding: 20px 0; overflow: hidden; }
.gray-row{ background: #f8f8f8; }
.white-row{ background: #fff; }
.img-row{ background: #fff url('../images/img-row.png') center center no-repeat; }
.link-row{ background: url('../images/link.png'); }

.about-box, .news-row, .pic-box, .link-list, .foot{ width: 1180px; overflow: hidden; }
.row-tit{ height: 60px; text-align: center; }
.row-tit h1{ font-size: 18px; color: #000; height: 30px; line-height: 30px; font-weight: normal; }
.row-tit h1 em{ font-size: 16px; color: #c82007; font-weight: bold; }
.row-tit i{ display: block; height: 10px; background: url('../images/line.png') center center no-repeat; }
.row-tit span{ display: block; height: 20px; line-height: 20px; font-size: 12px; color: #999; }
.row-con{ padding:  20px 0; overflow: hidden; }
.row-con img{ float: left; width: 320px; height: 180px; margin-right: 40px; }

.about-box .desc{ float: left; width: 790px; height: 180px; overflow: hidden; text-overflow: ellipsis; }
.about-box .desc p{ text-indent: 2em; font-size: 14px; line-height: 30px; color: #333; } 

.news-box{ float: left; width: 380px; height: 190px; }
.news-box .box-tit{ height: 40px; background: url('../images/box-tit.png') 0 5px no-repeat; position: relative; }
.news-box .box-tit span, .news-box .box-tit i{ float: left; height: 25px; line-height: 25px; font-size: 18px; text-indent: 10px; }
.news-box .box-tit span{ padding-bottom: 15px; }
.news-box .box-tit i{ padding-top: 15px; color: #999; font-style: italic; }

.news-list{ padding: 10px 0; overflow: hidden; }
.news-list li{ height: 30px; line-height: 30px; font-size: 14px; position: relative; box-sizing: border-box; border-bottom: 1px #ccc dotted; }
.news-list li a{ display: block; height: 30px; line-height: 30px; text-indent: 1em; }
.news-list li a:before{ content:""; display: inline-block; width: 2px; height: 2px; background: #000; position: absolute; left:0; top: 50%; margin-top: -2px; }
.news-list li a:hover:before{ background: #035cac; }

.pic-scroll{ padding: 20px 0; }
.pic-scroll .bd{ overflow: hidden;}
.pic-scroll .bd ul{ overflow:hidden; }
.pic-scroll .bd ul li{ float:left; width: 220px; padding-right: 20px; overflow:hidden; }
.pic-scroll .bd ul li a{ display: block; width: 220px; height: 160px; }
.pic-scroll .bd ul li a img{ display: block; width: 220px; height: 125px; }
.pic-scroll .bd ul li a h1{ height: 55px; line-height: 35px; text-align: center; font-weight: normal; font-size: 14px;}

.link-list{ height: 40px; line-height: 40px; }
.link-list dt{ float: left; font-size: 18px; color: #c82007; }
.link-list dd{ float: left; padding: 0 1em; font-size: 14px; }

.line{ width: 100%; height: 2px; background: #c82007; min-width: 1180px }

.foot{ font-size: 14px; line-height: 25px; padding: 35px 0; text-align: center; }

.about-slide{ width: 360px; height: 270px; margin-right: 30px; }
.about-box .row-tit{ width: 790px }