.notice-bar { background: url(../images/bg1.gif) repeat-x; height: 41px; padding: 4px 0 10px }
.notice-bar .notice { line-height: 41px; height: 41px; overflow: hidden }
.notice-bar .notice h2 { float: left;font-size: 14px; color: #014596; padding-left: 32px; background: url(../images/notice-ico.gif) no-repeat 10px }
.notice-list { float: left }
.notice-list li { color: #333;line-height: 41px;}
.notice-list li a { font-size: 14px; color: #333 }
.notice-list li span { padding-left: 10px }

.container { padding: 5px 0 15px; width: 1200px;margin: 0 auto;}
.row-1 { margin: 0 -1px 12px }
.col-l { float: left; width: 825px }
.col-r { float: right; width: 355px }
.col { float: left; width: 176px; height: 162px; padding: 10px 15px 15px 200px; display: inline; margin: 0 4px; overflow: hidden }
.col-1 { background: url(../images/mod-bg1.gif) no-repeat }
.col-2 { background: url(../images/mod-bg2.gif) no-repeat }
.col-2 .more-arr { padding-right: 5px }
.col-2 .more { position: relative; display: inline-block; padding-right: 10px; height: 20px; line-height: 20px; font-weight: 700 }
.col-2 .more .arrow { position: absolute; right: 0; top: 50%; margin-top: -4px }
.col-2 .more .arrow em,
.col-2 .more .arrow span { position: absolute; width: 0; height: 0; overflow: hidden; top: 0; border: 4px dashed transparent; border-right-width: 0; border-left-style: solid }
.col-2 .more .arrow em { border-left-color: #014596; right: -1px }
.col-2 .more .arrow span { border-left-color: #014596; right: 0 }
.col-3 { background: url(../images/mod-bg3.gif) no-repeat; line-height: 15px }
.row { margin-bottom: 15px }
.row-hd { height: 40px; line-height: 40px }
.row-hd h2 { float: left;color: #014596;font-weight: normal;}
.row-hd h2 a { display: block; color: #014596; font-size: 18px;line-height: 40px; }
.row-bd { overflow: hidden; padding: 15px 0 0 }
.col-bd{ font-size: 14px;color: #555;line-height: 22px;}
.col-bd ul li a{color: #555;}
.col-bd ul li:hover a{color: #014596;}
.col-bd p{line-height: 22px;}

.mod-hd { height: 40px; line-height: 40px; background: #dfdfdf }
.mod-hd ul,.mod-hd-wrap { float: left; background: url(../images/hd-arr.gif) no-repeat 100% 0; padding-right: 28px }
.mod-hd ul li,.mod-hd h2 { float: left;line-height: 37px;}
.mod-hd ul li a,.mod-hd h2 a { display: block; color: #fff; font-size:14px; padding: 0 18px; background: #014b9b; border-bottom: 3px solid #e46713 }
.mod-bd { overflow: hidden; padding: 10px; border: 1px solid #dfdfdf;}
.mod-tab .mod-bd{display: none;}
.mod-hd .on { position: relative }
.mod-hd .on:after { content: "" }
.mod-hd .on:after,
.mod-hd .on .arr { position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; border-bottom-style: solid; border-width: 0 5px 5px; border-bottom-color: #fff; left: 50%; margin-left: -5px; bottom: 3px }
.focus { position: relative; overflow: hidden; width: 309px; height: 240px }
.focus .bd li a { position: absolute; left: 0; top: 0; width: 100%; height: 240px; overflow: hidden }
.focus .bd li a img { width: 100%; height: 100% }
.focus .hd { position: absolute; bottom: 0; right: 0; width: 100%; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000 endColorstr=#50000000) \8;
background-color: rgba(0,0,0,0.35) }
.focus .hd ul { float: right }
.focus .hd li { float: left; cursor: pointer; height: 15px; line-height: 14px; border-left: 1px solid #fff; padding: 0 10px; color: #fff }
.focus .hd .on { background: #014394 }
.mod-tab .mod-bd,
.mod-video .mod-bd { height: 250px }
.mod-tab .imgArea { padding: 5px; border: 1px solid #ddd; width: 311px; height: 240px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px }
.mod-tab .txtArea { width: 460px;}
.row-news .latest { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #ddd;line-height: 26px;}
.row-news .latest h3 a { color: #333;font-size: 14px;}
.row-news .latest .desc { position: relative; _zoom: 1 }
.row-news .latest .more { font-weight: 700; position: absolute; right: 0; bottom: 0 }
.row-news .news-list li { line-height: 26px; padding-left: 12px; background: url(../images/news-arr.gif) no-repeat 2px }
.row-news .news-list li span { float: right }
.row-news .news-list li:hover a{color: #014394;}

.mail-box { height: 103px; background: url(../images/mail-bg.gif) no-repeat; padding: 45px 20px 10px; color: #fff }
.mail-box h3 { font-size:30px;line-height: 50px;font-weight: normal; }
.mail-box a { color: #fff; display: inline-block; line-height: 20px }
.mail-box .ui-btn { color: #014394; padding: 3px 6px 0 0px; width: 75px; text-align: center; height: 29px; margin-left: 5px;background: url(../images/btn-bg.jpg) no-repeat}
.mail-box .ui-btn:hover { color: #f60 }

.row-partner .row-hd { border-bottom: 1px solid #014596 }
.row-partner .row-hd h2 { padding-left: 23px; background: url(../images/ico2.gif) no-repeat 5px;font-weight: normal;}
.partner-list li { float: left; margin: 0 8px; width: 154px; _display: inline; position:relative; }
.partner-list li .thumbnail-wrap,
.partner-list li .thumbnail { width: 150px; height: 144px }
.partner-list li .thumbnail-wrap { border: 1px solid #ddd; padding: 1px }
.partner-list li .caption { line-height:32px; height:32px; text-align:center; margin-top:-30px; color:#fff; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000) \8; background-color: rgba(0,0,0,.5); width: 100%;}
.partner-list li .caption a { color:#fff;}
.thumbnail {display: table-cell;*display: block;text-align: center;vertical-align: middle;overflow: hidden;}
.thumbnail img {max-width: 100%;max-height: 100%;_width: 100%;_height: 100%;vertical-align: middle;}

.row-links .row-hd { border-bottom: 1px dotted #999; position: relative }
.row-links .row-hd:after { content: ""; position: absolute; background: #fff url(../images/ico4.gif) no-repeat 100% 0; width: 8px; height: 8px; right: 0; bottom: -5px }
.row-links .row-hd h2 { padding-left: 42px; background: url(../images/ico3.gif) no-repeat 3px }
.links-list li { float: left; margin: 0 5px; width: 227px; _display: inline }
.links-list li .thumbnail-wrap,
.links-list li .thumbnail { width: 225px; height: 60px }
.links-list li .thumbnail-wrap { border: 1px solid #ddd }

