﻿@charset "UTF-8";
/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    本网站通用布局
*/
/* Css Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {
    padding: 0;
    margin: 0;
    text-transform:capitalize
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    vertical-align: top;
    border: 0;
}
address, caption, cite, code, dfn, em, th, var, i {
    font-weight: normal;
    font-style: normal;
}
ol, ul, li {
    list-style: none;
}
div, dl, dt, dd, ol, ul, li {
    zoom: 1;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
q:before, q:after {
    content: '';
}
abbr, acronym {
    border: 0;
}
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 1.8;
    font-family: "Microsoft YaHei", 'PingFang SC', SimSun, Arial, Helvetica, Tahoma, sans-serif;
}
article, aside, dialog, footer, header, section, footer, nav, figure, menu, time {
    margin: 0;
    padding: 0;
    display: block;
    zoom: 1;
}
/* Public */
body {
    color: #333;
    font-size: 14px;
    line-height: 2;
    font-family:Palatino Linotype,Arial,SegoeUI,"Helvetica Neue",Helvetica,sans-serif;
    -webkit-text-size-adjust: none;
    text-transform: capitalize;
}
a {
    color: #333;
    text-decoration: none;
    outline: none;
    text-transform:capitalize;
}
a:hover {
    color: #D60000;
    text-decoration: underline;
}
.clearbox {
    border: none;
    border-top: 1px solid transparent !important;
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin-top: -1px !important;
    visibility: hidden;
}
.blank {
    display: block;
    height: 10px;
    font-size: 0px;
    line-height: 0;
    overflow: hidden;
    clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix {
    height: 1%;
}
* + html .clearfix {
    min-height: 1%;
}
.fl {
    float: left !important;
}
.fr {
    float: right !important;
}
.hide {
    display: none;
}
input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.siteWidth,.mainNav{position: relative;
    width: 1200px;
    margin: 0 auto;

}

/*header*/
#header .logobar{ height: 138px; background: #2177f0; color: #fff;}
#logo{float: left; margin-top: 20px;}
.toplink{float: right; margin-top: 50px;}
.toplink a{color: #fff; padding: 0 8px; font-size: 16px;}
.navBar{ height: 60px; background: #fff; border-bottom: 1px #a2a2a2 solid;}
.mainNav{ font-size: 18px; line-height: 60px;position:relative; zoom:1;  text-align:center;}
.mainNav:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.mainNav .li1{float:left;position:relative; height: 60px; }
.mainNav .a1{float: left;display:block;padding: 0 30px 30px; color: #333; font-size: 18px;}
.mainNav .last .a1{padding: 0 0 0 30px;}
.mainNav .a1:hover{ text-decoration:none; color:#e60012 }
.mainNav .on1 .a1{ color:#e60012;}
/*.mainNav .ul1{display:none;line-height: 40px;padding:8px 30px;position:absolute;left:0;top: 75px; width:180px;background: #cc2a37;background: rgba(204,42,55,0.8);overflow:hidden; text-align:center;}
.mainNav .li2{  margin:15px 0;}
.mainNav .a2{  display:block; padding:0 10px; color: #fff; font-size:16px; line-height:24px;}
.mainNav .a2:hover{ color:#ff0; text-decoration:none;  }*/

#focus{ position: relative;width: 100%; height: 100%; z-index: 1; height: 512px;}
#focus .bd{height:100%; width:100%;min-width: 1200px;top: 0;left: 0; overflow: hidden; }
#focus .titleBg{width:100%; height:100%;left:0; top:150px; position: absolute; }
#focus .con .title{ position:absolute; width:100%;left:0;z-index:1; line-height:40px; }
#focus li{width: 100%; height: 100%;}
#focus .con{position: absolute; width: 1000px; height: 136px; left: 50%;top:18%;margin-left: -500px;text-align: center;}
#focus h3 a{ font-size: 42px; color: #fff;     text-shadow: #000 1px 1px 1px;font-weight: bold; padding:20px 0;display: block; text-decoration: none;  font-family: "思源宋体 CN";}
#focus li h3{ position:absolute; width:100%;left:0;z-index:1; line-height:40px; }
#focus .bd li{width: 100% !important; background-size: contain; }
#focus li a,#focus .bd ul{display: block; width: 100% !important; height: 700px; }
#focus .prev,#focus .next{ display:block; width: 50%; height: 100%; position: absolute; top: 0px;
z-index: 2; }
#focus .prev{left: 0;}
#focus .next{right: 40px; }

#focus .hd{ width: 100%; height: 25px; position: absolute; bottom: 30px; left: 0; z-index: 1; font-size: 0; text-align: center;}
#focus .hd li{ height: 19px; width: 19px;  margin: 0 5px; background:#fff; cursor: pointer; display: inline-block; *display: inline; zoom: 1; vertical-align: top; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px;}
#focus .hd li span{display: none;}
#focus .hd li.on{background: #205bac;}

#focus .li1 h3{position:absolute;width:100%;left:20%;z-index:1;line-height:40px;animation:animated_font 1s 1;}
#focus .li2 h3{position:absolute;width:100%;left:20%;z-index:1;line-height:40px;animation:animated 1s 1;}
#focus li{position: relative;}
@keyframes animated{0%{opacity:0;left:50%;}
100%{width:100%;height:100%;opacity:1;}}
@keyframes animated_font{0%{opacity:0;left:-50%;}
100%{opacity:1;}}
@keyframes animated_font1{0%{opacity:0;left:8%;}
100%{opacity:1;}}

#content{padding-top: 20px;}
.part{overflow: hidden;}
.flink{height: 218px; padding-top: 10px; background: #f0f8fe; margin-top: 10px;clear: both;}
.boxli{width: 370px;}
.boxli li{line-height: 28px; padding-left: 15px; font-size: 14px; background: url(../base/img/ljt.png) no-repeat left center;}
.boxli li a,.boxli .hd a{color: #0b4aa2;}
.boxli .hd a{font-size: 16px;font-weight: bold;}
.boxli p{line-height: 28px; color: #205bac; width: 288px; font-size: 14px; float: left;}
.boxli .ewm{float: right;}
#boxliR{ width: 410px;}

#footer{ line-height: 48px; background: #2177f0; color: #fff; font-size: 14px; text-align: center;}
.dateList li .intro{display: none;}