﻿@charset "utf-8";
.color{ color: #035cac }
body{ background: #f8f8f8 url('../images/bg.png') center top no-repeat; }
.head, .wrap, .foot{ width: 1180px }
.wrap, .foot{ overflow: hidden; }

.head{ height: 200px; position: relative; }
.m-logo{ width: 397px; height: 59px; background: url('../images/m-logo.png') no-repeat; position: absolute; left: 0; top: 15px; }
.logo{ width: 532px; height: 52px; background: url('../images/logo.png') no-repeat; position: absolute; left: 200px; top: 95px; }

#nav{ width: 1180px; height: 50px; background: #035cac; position:relative; z-index:1; }
.nav{ display: block; width: 1180px; height: 50px; }
.nav .nLi{ float:left; position:relative; padding:15px 0;}
.nav .nLi>a{ display: block; width: 131px; height: 20px; line-height: 20px; text-align: center; font-size: 16px; color: #fff; box-sizing: border-box; border-left: 1px #fff dotted; }
.nav .nLi:first-child>a{ width: 132px; border: 0; }
.nav .nLi.on{ background: #2c76bb; }

.nav .sub{ display:none; width:131px; left:0; top:50px; position:absolute; border-top: 3px solid #f60; }
.nav .sub li{ background: #fff; }
.nav .sub a{ display:block; height: 35px; line-height: 35px; border-bottom: 1px dotted #ccc; font-size: 13px; color: #333; text-indent: 10px; }

.wrap{ padding-top: 30px; }

.slide-news{ width: 380px; height: 300px; overflow: hidden; position: relative; }
.slide-news .bd{ position: relative; width: 380px; height: 300px; overflow: hidden; }
.slide-news .bd li, .slide-news .bd li a{ width: 380px; height: 300px; }
.slide-news .bd li a, .slide-news .bd li a img{ display: block; }
.slide-news .bd li a img{ width: 380px; height: 260px; }
.slide-news .bd li a h1{ height: 40px; line-height: 40px; font-size: 15px; padding-left:1em; background: #fff; }
.slide-news .hd{ position: absolute; bottom: 15px; right: 10px; z-index: 9 }
.slide-news .hd ul{ overflow: hidden; }
.slide-news .hd ul li{ float: left; width: 8px; height: 8px; background: #ccc; border-radius: 4px; margin-right: 4px;}
.slide-news .hd ul li.on{ background: #035cac; }

.search{ width: 350px; height: 30px; padding: 15px; background: #fff; }
.search input{ float: left; background: none; border: none; }
.search input[type=text]{ box-sizing: border-box; width: 270px; height: 30px; border: 1px #ccc solid; text-indent: 10px; line-height: 30px; font-size: 12px; color: #666; border-radius: 3px 0 0 3px; }
.search input[type=submit]{ width: 80px; height: 30px; text-align: center; line-height: 30px; background: #ffaa31; color: #fff; font-size: 14px; border-radius: 0 3px 3px 0; }

.notice-box{ width: 770px; height: 380px; background: #fff; box-sizing: border-box; border: 1px #eee solid; }
.notice-box .box-tit{ height: 42px; padding: 3px 10px 0 3px; background: linear-gradient(#fff, #f7f7f7); }
.notice-box .box-tit span{ float: left; width: 110px; height: 42px; line-height: 40px; padding-right: 76px; text-align: center; font-size: 18px; color: #fff; background: url('../images/tit.png') no-repeat; }
.notice-box .box-tit a{ float: right; line-height: 42px; font-size: 14px; color: #666; }

.news-box{ float: left; width: 430px; height: 380px; margin-top: 30px; background: #fff; box-sizing: border-box; border: 1px #eee solid; }
.news-box .box-tit{ height: 40px; padding: 5px 10px 0 10px; background: linear-gradient(#fff, #f7f7f7); }
.news-box .box-tit span{ float: left; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; background: #035cac; border-radius: 5px 5px 0 0; }
.news-box .box-tit a{ float: right; line-height: 40px; font-size: 14px; color: #666; }

.news-list{ padding: 10px 15px 15px 15px; overflow: hidden; }
.news-list li{ box-sizing: border-box; height: 30px; line-height: 30px; border-bottom: 1px #ccc dotted; font-size: 14px; position: relative; }
.news-list li a{ display: block; height: 30px; line-height: 30px; text-indent: 1em; }
.news-list li a:before{ content:""; display: inline-block; width: 4px; height: 4px; background: #333; position: absolute; left:0; top: 50%; margin-top: -2px; }
.news-list li a:hover:before{ background: #035cac }
.news-list li span{ position: absolute; right: 0; top: 0; }
.news-list li:hover span{ color: #035cac; cursor: pointer; }

.button-box{ width: 280px; height: 380px; margin-top: 30px; }
.button-box ul{ overflow: hidden; }
.button-box ul li{ overflow: hidden; padding-bottom: 20px; }
.button-box ul li a{ display: block; overflow: hidden; }
.button-box ul li a img{ display: block; width: 280px; height: 80px; }

.link-box{ width: 1140px; padding: 20px; line-height: 30px; background: #fff; }
.link-box dt, .link-box dd{ float: left; }
.link-box dt{ font-size: 18px; color: #035cac; }
.link-box dd{ font-size: 14px; padding-left: 3em; }

.line{ width: 100%; height: 2px; background: #035cac; min-width: 1180px}

.foot{ line-height: 25px; font-size: 14px; text-align: center; padding-bottom: 30px; }