@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;
}
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: 14px;
    line-height: 1.8;
    font-family: "Microsoft YaHei", 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: 400 16px/2em "Microsoft Yahei",SimSun,Tahoma,Helvetica,Arial,sans-serif;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
}
a {
    color: #333;
    text-decoration: none;
    outline: none;
}
a:hover {
    color: #0061b4;
    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: 25px;
    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;
}
/* frame */
.container,.siteWidth {
    position: relative;
    max-width: 1200px;
    _width: 1200px;
    margin: 0 auto;
}

.header { background-color: #1879d5; height: 50px; min-width: 1200px; position: absolute; top:0; left: 0; width: 100%; z-index: 9999;}
.header-fixed { position: fixed;}

/* logo */
#logo { float: left; margin-right: 60px;}
#logo img { max-height: 40px; padding-top: 5px;}

/* nav */

.nav {display: inline-block; height: 40px; padding-top: 5px; }
.nav li {float: left;border: none; margin-right: 5px;}
.nav li a {display: block;padding: 5px 15px; line-height: 28px; height: 28px; font-size: 16px;color: #fff; zoom: 1;float: left;border:1px solid #fff0;transition: all 0.2s; }
.nav li a:hover,.nav li.on1 a {border-radius: 20px;border: solid 1px #fff;color: #fff; text-decoration: none;}

.s-form { position: absolute; right: 0; top:5px; background-color: #4b98df; border-radius:5px; height: 40px; line-height: 40px; width: 235px; overflow: hidden;}
.s-form .select-box { display: none;}
.s-form .input-box { float: left; width: 195px; }
.s-form .input-box input { outline: none; padding: 0 10px; width: 175px; line-height: 40px; height: 40px; color: #c8e1f9; font-size: 14px; background: none; border: none; }
.s-form .btn-box { float: right; width: 40px;}
.s-form .btn-box .btn { display: block; width: 40px; height: 40px; border: none; background: url(../img/icons-search.png) no-repeat center;}

/* input 字体颜色定义 */
.input-box input::-webkit-input-placeholder { color: #c8e1f9;}
.input-box input::-moz-placeholder { color: #c8e1f9;}
.input-box input:-moz-placeholder { color: #c8e1f9;}
.input-box input:-ms-input-placeholder { color: #c8e1f9;}

/* indbanner */
.indbanner { padding-top: 50px; overflow: hidden;}
.indbanner img { max-width: 100%; height: auto;}

/* content --------------------------------------------- */
#content {padding: 0 40px 40px;width: 1320px;margin: 0 auto;}

/* box-tab */
.box-tab .hd { text-align: center; height: 66px; border: 1px solid #1b79d3; zoom: 1; margin-top: 50px;}
.box-tab .hd li { float: left; width: 25%;}
.box-tab .hd li a { display: block; line-height: 66px; padding: 0 50px; color: #1b79d3; font-weight: bold; font-size: 30px;}
.box-tab .hd li.on a { background-color: #1b79d3; color: #fff; text-decoration: none;}
.box-tab .hd li a:hover { text-decoration: none;}
.box-tab .bd { clear: both; border: 1px solid #cde2fa; border-top: none; padding-bottom: 50px;}

/* box-default -------------------- */
.box-default { padding: 60px 60px 0; position: relative;}
.box-default .Thd { background: url(../img/title-bg.png) no-repeat center; text-align: center;  height: 80px; margin-bottom: 40px;}
.box-default .Thd h3 { display: inline-block; background:#fff url(../img/hd-bg.png) no-repeat center; min-width: 320px; color: #5ca2f3; font-weight: bold; font-size: 44px; height: 80px; line-height: 60px; }
.box-default .Thd h3 a {  color: #1879d5; }
.box-default .Thd h3 a:hover { text-decoration: none;}

.box-default a.more { background-color: #88abda; text-align: center; color: #fff; height: 28px; line-height: 28px; border-radius:28px; width: 300px; display: block; margin: 40px auto 0; clear: both;
-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all  0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.box-default a.more:hover { text-decoration: none; letter-spacing: 2px; background-color: #3b7bd1;}

/* top-pic */
.box-topic .Tbd { position: relative;}
.box-topic .Tbd span.arrow { display: block; position: absolute; cursor: pointer; width: 42px; height: 84px; top:73px; }
.box-topic .Tbd span.next { right: -60px; background: url(../img/arrow-r.png) no-repeat; }
.box-topic .Tbd span.prev { left: -60px; background: url(../img/arrow-l.png) no-repeat; }

.top-pic ul { margin-right: -30px;}
.top-pic ul li { float: left; width: 350px; margin-right: 40px; padding: 0 10px;}
.top-pic ul li .title { margin-bottom: 20px; max-height:60px; overflow:hidden;margin:10px 0 20px; text-align:center; font-weight: bold; line-height: 30px;}
.top-pic ul li .intro { font-size: 14px; line-height: 24px; color:#626262;}

/* top-pic-list */
.top-pic-list { margin-right: -2%;}
.top-pic-list li { float: left; width: 48%; margin-right: 2%;}
.top-pic-list li.t { height: 185px;}
.top-pic-list li.t .pic { float: left; margin-right: 20px; width: 240px;}
.top-pic-list li.t .pic img { width: 240px; height: 160px;}
.top-pic-list li.t .con { overflow: hidden; line-height: 30px;}
.top-pic-list li.t .title { max-height:60px; overflow:hidden; font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.top-pic-list li.t .intro { height:90px; overflow:hidden; color:#626262; font-size: 14px; }
.top-pic-list li.n { line-height: 50px; height: 50px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-top:1px dashed #ccc; background: url(../img/icon.png) no-repeat left center;  }
.top-pic-list li.n a { padding-left: 20px;}

/* 视频 */
.video-list li { clear: both; margin-bottom: 50px; overflow: hidden;}
.video-list .pic { float: left; margin-right: 50px;}
.video-list .pic,.video-list .pic img { width: 500px; height: 300px;}
.video-list .con { overflow: hidden; position: relative; height: 300px;}
.video-list .title { font-weight: bold; font-size: 24px; margin-bottom: 30px; line-height: 30px; padding-top: 20px;}
.video-list .intro { font-size: 14px; line-height: 22px; color: #666;}
.video-list .title .date { position: absolute; left: 0; bottom:20px; font-size: 14px; color: #999; font-weight: normal;}
.video-list li.odd .pic { float: right; margin-right: 0; margin-left: 100px;}


/* 动漫 */
.box-dm-list .Tbd { overflow: hidden;}
.pic-list { margin-right: -25px;}
.pic-list li { float: left; margin-right: 24px; width: 220px; font-size: 14px; text-align: center; height: 200px; margin-bottom: 20px;}
.pic-list .pic { margin-bottom: 5px;}
.pic-list .pic,.pic-list .pic img { width: 220px; height: 160px;}


/* 挂图 */
.box-gt-list .Tbd { background: url(../img/zz-bg.png) no-repeat center bottom;}
.box-gt-list .Tbd .pic-list-l { overflow: hidden; padding-left: 52px;}
.pic-list-l li { float: left; text-align: center; width: 272px; height: 408px; overflow: hidden; }
.pic-list-l .pic {  padding:0 32px 0 40px; background: url(../img/yy.png) no-repeat left bottom; margin-bottom: 33px;  }
.pic-list-l .pic img { height: 296px; width: 196px; border: 2px solid #ddd;}
.pic-list-l .pic:hover img { border-color: #1778d5;}
.pic-list-l .title {  padding:20px 32px 7px 40px; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; }


/* 图片经过效果 */
.pic a{ display: block; position: relative;transition: all 200ms ease 0s;overflow: hidden;}
/* .pic a:hover{filter: alpha(opacity=80);opacity: .8;} */
.pic a:before{content: "";position: absolute;width: 100px;height: 100%;top: 0;left: -100%;overflow: hidden;background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);-webkit-transform: skewX(-30deg);-moz-transform: skewX(-30deg);transform: skewX(-30deg);}
.pic a:hover:before{left: 150%;transition: left 1s ease 0s}


/*footer*/
#footer{ background:#393939; padding: 35px 0 15px;}
#footer .copyRight { color: #fff; opacity: 0.7; filter: alpha(opacity=70); border-top: 1px solid #838383; padding-top: 15px; text-align: center;}
#footer .pics{padding-top: 10px; text-align: center;}
#footer .pics img{ height:55px;}
#footer #_ideConac img{height:78px; margin:-10px 0 0 0}
.friendLinks h3 { font-size: 24px; color: #fff; text-align: left; margin-bottom: 20px;}
.friendLinks .con { overflow: hidden;}
.friendLinks .list-links li { opacity: 0.5; filter: alpha(opacity=50); float: left;  line-height: 14px; height: 14px; margin: 10px 0;   }
.friendLinks .list-links li a { color: #fff; font-size: 16px; line-height: 16px; height: 16px;  display: block; border-right: 1px solid #8f8f8f; padding-right: 25px; margin-right: 25px;}
.friendLinks .pic-links { padding-bottom: 20px; overflow: hidden; }
.friendLinks .pic-links li { width: 180px; height: 60px; margin-right: 12px; margin-bottom: 12px; float: left;}
.friendLinks .pic-links li img { width: 180px; height: 60px; }
.friendLinks .pic-links li.last { margin-right: 0; }
.friendLinks .pic-links li .title { display: none; }



/* 列表页----------------------------------------  */
.page-list {padding: 40px;border:1px solid #cde2fa;width: 1118px;margin: 40px auto 0;}

/* 位置 */
.path {padding: 15px 0 15px 25px;line-height: 30px;font-size: 14px;background: url(../img/icons-path.png) no-repeat left center;color: #999;width: 1175px;margin:  0 auto;}
.path a { color: #666;}


/* 侧栏-栏目菜单 */
#sideMenu{ text-align: center; margin-bottom:30px}
#sideMenu .hd { height: 60px;line-height: 60px;margin-bottom:10px;}
#sideMenu .hd h3 {font-size: 30px;font-weight:  bold;}
#sideMenu .bd { padding: 0 25px 10px; }
#sideMenu .bd li {display:inline-block; *display:inline; background:#f6f6f6;}
#sideMenu .bd li a { display: block; line-height: 50px; padding: 0 50px; font-size:18px}
#sideMenu .bd li.on a,#sideMenu .bd li:hover a { color: #fff;  background: #1b79d3; text-decoration:none;}

/* 标题列表 */
.newsList li { overflow: hidden; height: 40px; line-height: 40px; padding-left: 32px; background: url(../img/dot-01.png) 10px center no-repeat;}
.newsList .date { float: right; color: #999; margin: 0 10px 0 15px;}
.newsList .split { height: 1px; overflow: hidden; font-size: 0; line-height: 0; margin: 18px 0; border-bottom: 1px dotted #ccc; background: none;}

/* url_方块样式分页 */
.page {
    font-size: 0;
    text-align: center;
    padding: 25px 0;
    clear: both;
    overflow: hidden;
}
.page a,
.page span {
    font-size: 14px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    border: 1px solid #E1E1E1;
    padding: 3px 12px;
    margin: 0 3px 5px 0;
    line-height: 30px;
    height: 30px;
}
.page a:hover,
.page span:hover {
    border: 1px solid #1b79d3;
    text-decoration: none;
    color: #1b79d3;
}
.page .current {
    background: #1b79d3;
    border: 1px solid #1b79d3;
    color: #fff !important;
    font-weight: bold;
}
.page select,
.page input {
    margin: 0 4px;
    background: #fff;
    border: 0 solid #E1E1E1;
    vertical-align: middle;
}
.page input {
    text-align: center;
    padding: 0 4px;
    outline: none;
}
.page .disabled {
    pointer-events: none;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/* goTop */
#goTop {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 60px;
    right: 5px;
    z-index: 99;
    cursor: pointer;
    margin: 5px;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    box-shadow: 0 0 5px #9c9c9c;
    -webkit-box-shadow: 0 0 5px #9c9c9c;
    opacity: .9;
    background: rgba(0, 0, 0, .5);
}
#goTop::after {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -15px;
    content: "";
    border-width: 10px;
    border-color: transparent;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    border-style: dashed;
    display: block;
    font-size: 0;
    line-height: 0;
    width: 0;
}
/* winMark */
#winMark {
    z-index: 1;
    width: 100%;
    display: none;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .8);
    left: 0;
    top: 0;
}


/* 侧栏二维码 */
#sideFixed { z-index: 9; position: fixed;top: 200px; width: 110px; position:fixed; _position: absolute; right: 50%; margin-right: 580px; display: none;}
#sideFixed li { margin-bottom: 1px; width: 100px; background-color: #ebebeb; padding: 5px ; text-align: center; font-size: 12px;}
#sideFixed li img { width: 100px; }
#sideFixed li .title { height: 25px; line-height: 25px; } 

#sideFixed li.sideFixed-gb { height: 20px; background-color: #527fe0; text-align: left;}
#sideFixed li.sideFixed-gb a { display: block; color: #fff; line-height: 20px; margin: 0; background: url(../img/gb-side.png) no-repeat 15px center; padding:0 0 0 35px;}