@charset "UTF-8";

/* -------------------- css reset start -------------------- */
input, textarea {
    /* 去Iphone样式 */
    -webkit-appearance: none;
    border-radius: 0;

    /* 去chrome在focus时的边框 */
    outline: 0;
}
/* -------------------- end css reset -------------------- */

/*-------------------- global start --------------------*/
html>body, html, body, input, button, select, textarea, a{
    font: 14px/1.5
    'Microsoft YaHei', '微软雅黑', SimSun, '宋体', Heiti, '黑体',
    Helvetica, Tahoma, Arial, STXihei, '华文细黑',
    sans-serif;
    color: #666;
}
/* a标签的css样式四个状态LVHA的设计 */
a:link,
a:visited,
a:hover,
a:active {
    color:#666;
}
a:hover, a:active { outline: 0; }
/* 只有在FF,Opera等浏览器下才能看到效果 */
a:focus {
    color: #666;
    outline: 0;
}
/*-------------------- end global --------------------*/

/* -------------------- 通用样式 start -------------------- */
/* 定位关系 */
.fixed, .affix { position: fixed; }
.relative, .parent { position:relative; }
.absolute, .children { position:absolute; }

/* 左浮动 右浮动 */
.fl, .pull-left { float: left; }
.fr, .pull-right { float: right; }

/* 清除浮动 */
.clear { clear: both; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

/* 可见 不可见 */
.visible { visibility: visible; }
.invisible { visibility: hidden; }

/* 从页面布局上隐藏元素，从布局上隐藏元素 */
.hide, .hidden, .none { display: none; }
.show, .block { display: block; }

/* overflow: hidden; */
.overflow, .over { overflow: hidden; }

/* 居中容器 */
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* 行内样式 */
.blocks { display: inline-block; }

.transition, a, a img, input, textarea {
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

/* 文字超出自动出省略号 */
.ellipsis, .text-overflow { white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 字体加粗 */
.bold { font-weight: bold; }

/* 文字隐藏 */
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

/* 图片水平居中 垂直居中 */
.img-container, .img-table { display: table-cell; vertical-align: middle; text-align: center; font-size: 0;  }
.img-container img,
.img-table img { display: inline-block; max-width: 100%; max-height: 100%; }

/* 省略号 待用 */
.webkit-box-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#articleadd_error { text-align: center; color: red; }
/* -------------------- end 通用样式 -------------------- */

/* -------------------- 通用适配样式 start -------------------- */
/* pc 手机端单独显示 */
.only-mobile { display: none; }
.only-pc-ellipsis { white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
@media screen and ( max-width: 750px ) {
    .only-mobile { display: block; }
    .only-pc { display: none; }
    .only-pc-ellipsis { white-space:normal; overflow: hidden; text-overflow: ellipsis; }
}
/* -------------------- end 通用适配样式 -------------------- */

/* -------------------- Button Hover Effects start -------------------- */
.btn-hover { position: relative; overflow: hidden; }
.btn-hover:after { content: ""; position: absolute; top: -50px; left: -50px; width: 50px; height: 200%; min-height: 120px;  background: #fff; opacity: .2; transform-origin: 0% 0%; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }
.btn-hover:hover:after { left: 300%; -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }
/* -------------------- end Button Hover Effects -------------------- */

/* -------------------- my-bootstrap start -------------------- */
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: "";
    display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}

.row { }
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 { position: relative; float: left; min-height: 1px; }
.col-12 { width: 100%; }
.col-11 { width: 91.66666667%; }
.col-10 { width: 83.33333333%; }
.col-9 { width: 75%; }
.col-8 { width: 66.66666667%; }
.col-7 { width: 58.33333333%; }
.col-6 { width: 50%; }
.col-5 { width: 41.66666667%; }
.col-4 { width: 33.33333333%; }
.col-3 { width: 25%; }
.col-2 { width: 16.66666667%; }
.col-1 { width: 8.33333333%; }
.col-pull-12 { right: 100%; }
.col-pull-11 { right: 91.66666667%; }
.col-pull-10 { right: 83.33333333%; }
.col-pull-9 { right: 75%; }
.col-pull-8 { right: 66.66666667%; }
.col-pull-7 { right: 58.33333333%; }
.col-pull-6 { right: 50%; }
.col-pull-5 { right: 41.66666667%; }
.col-pull-4 { right: 33.33333333%; }
.col-pull-3 { right: 25%; }
.col-pull-2 { right: 16.66666667%; }
.col-pull-1 { right: 8.33333333%; }
.col-pull-0 { right: auto; }
.col-offset-12 { margin-left: 100%; }
.col-offset-11 { margin-left: 91.66666667%; }
.col-offset-10 { margin-left: 83.33333333%; }
.col-offset-9 { margin-left: 75%; }
.col-offset-8 { margin-left: 66.66666667%; }
.col-offset-7 { margin-left: 58.33333333%; }
.col-offset-6 { margin-left: 50%; }
.col-offset-5 { margin-left: 41.66666667%; }
.col-offset-4 { margin-left: 33.33333333%; }
.col-offset-3 { margin-left: 25%; }
.col-offset-2 { margin-left: 16.66666667%; }
.col-offset-1 { margin-left: 8.33333333%; }
.col-offset-0 { margin-left: 0%; }

/* my-bootstrap media start */
@media screen and (max-width: 750px) {
    .row { }
    .col-media-1,
    .col-media-2,
    .col-media-3,
    .col-media-4,
    .col-media-5,
    .col-media-6,
    .col-media-7,
    .col-media-8,
    .col-media-9,
    .col-media-10,
    .col-media-11,
    .col-media-12 { position: relative; float: left; min-height: 1px; }
    .col-media-12 { width: 100%; }
    .col-media-11 { width: 91.66666667%; }
    .col-media-10 { width: 83.33333333%; }
    .col-media-9 { width: 75%; }
    .col-media-8 { width: 66.66666667%; }
    .col-media-7 { width: 58.33333333%; }
    .col-media-6 { width: 50%; }
    .col-media-5 { width: 41.66666667%; }
    .col-media-4 { width: 33.33333333%; }
    .col-media-3 { width: 25%; }
    .col-media-2 { width: 16.66666667%; }
    .col-media-1 { width: 8.33333333%; }
    .col-media-pull-12 { right: 100%; }
    .col-media-pull-11 { right: 91.66666667%; }
    .col-media-pull-10 { right: 83.33333333%; }
    .col-media-pull-9 { right: 75%; }
    .col-media-pull-8 { right: 66.66666667%; }
    .col-media-pull-7 { right: 58.33333333%; }
    .col-media-pull-6 { right: 50%; }
    .col-media-pull-5 { right: 41.66666667%; }
    .col-media-pull-4 { right: 33.33333333%; }
    .col-media-pull-3 { right: 25%; }
    .col-media-pull-2 { right: 16.66666667%; }
    .col-media-pull-1 { right: 8.33333333%; }
    .col-media-pull-0 { right: auto; }
    .col-media-offset-12 { margin-left: 100%; }
    .col-media-offset-11 { margin-left: 91.66666667%; }
    .col-media-offset-10 { margin-left: 83.33333333%; }
    .col-media-offset-9 { margin-left: 75%; }
    .col-media-offset-8 { margin-left: 66.66666667%; }
    .col-media-offset-7 { margin-left: 58.33333333%; }
    .col-media-offset-6 { margin-left: 50%; }
    .col-media-offset-5 { margin-left: 41.66666667%; }
    .col-media-offset-4 { margin-left: 33.33333333%; }
    .col-media-offset-3 { margin-left: 25%; }
    .col-media-offset-2 { margin-left: 16.66666667%; }
    .col-media-offset-1 { margin-left: 8.33333333%; }
    .col-media-offset-0 { margin-left: 0%; }
}
/* end my-bootstrap media */
/* -------------------- end my-bootstrap -------------------- */

h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
.h1 { font-size: 22px; }
.h2 { font-size: 20px; }
.h3 { font-size: 18px; }
.h4 { font-size: 16px; }
.h5 { font-size: 14px; }
.h6 { font-size: 12px; }

/* -------------------- container start -------------------- */
.container-fluid { width: 100%; margin: 0 auto; }
.container { width: 1626px; margin: 0 auto; }
/* 第二板芯 */
.container1000 { width: 1000px; margin: 0 auto; }

/* -------------------- end container -------------------- */

/*==========================================================================================*\
 *  首页 start
\*==========================================================================================*/
body { width: 100%; min-height: 100%; height: 100%; }
.body-wrapper {  }
.body-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; width: 1626px; margin: 0 auto; background-position: center center; background-size: cover;
    -webkit-transition: all ease-in-out 1s;
    -moz-transition: all ease-in-out 1s;
    -ms-transition: all ease-in-out 1s;
    -o-transition: all ease-in-out 1s;
    transition: all ease-in-out 1s;
 }

/* header start */
.header { position: fixed; top: 0; z-index: 100; width: 100%; height: 110px; background: #fff; background: rgba(255, 255, 255, 0.91); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.16); }
.header-container { width: 1626px; margin: 0 auto; }
.header .logo { float: left; margin-left: 57px; margin-top: 25px; }
.header .logo .img-table { width: 256px; height: 64px; }
.header .logo .img-table img { max-width: 285px; max-height: 81px; }
.header .nav { float: right; margin-top: 30px; margin-right: 100px; }
.header .nav ul { position: relative; font-size: 0; }
.header .nav ul span { position: absolute; bottom: 0; left: 0; display: block; width: 100px; height: 3px; background: #870000; }
.header .nav ul li { margin-left: 34px; display: inline-block; font-size: 14px; line-height: 65px; }
.header .nav ul li a { display: block; width: 100px; border-bottom: 3px solid transparent; font-size: 14px; line-height: 48px; text-align: center; }
.header .nav ul li.active a { color: #870000; }
/*.header .nav ul li:hover a { border-bottom: 3px solid #7a4758; }*/

/*
.search { float: right; margin-top: 73px; margin-right: 50px; }
.search .relative { width: 245px; height: 40px; }
.search .relative input[type=text] { position: absolute; top: 0; left: 0; width: 114px; width: calc(100% - 131px); height: 40px; padding: 0 40px 0 91px; border: none; border-bottom: 1px solid #999; background: none; }
.search .relative:hover input[type=text] { border-bottom: 1px solid #7a4758; }
.search .relative input[type=text]:focus { border-bottom: 1px solid #7a4758; }
.search .relative input[type=submit] { position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: none; font-size: 14px; line-height: 40px; color: #888;
    background: url("../images/search.png") no-repeat center center; cursor: pointer; }
.search .relative input[type=submit]:hover { background-image: url("../images/search_active.png"); }

.search .sercher-btn { position: absolute; top: 0; left: 0; z-index: 101; width: 84px; height: 40px; cursor: pointer; background: transparent; background: rgba(255, 255, 255, 0); }
.search .sercher-btn i { display: block; float: right; width: 10px; height: 6px; margin-top: 18px; margin-right: 5px; background: url('../images/search_btn_active.png') no-repeat center center; }
.search .sercher-btn i.active { background: url('../images/search_btn.png') no-repeat center center; }
.search .relative ul { position: absolute; top: 41px; left: 0; z-index: 101; display: none; width: 84px; border: 1px solid #eee; border-top: none; outline: none; background: none; }
.search .relative ul.active { display: block; }
.search .relative ul li { background: #fff; background: rgba(255, 255, 255, 0.91); }
.search .sercher-btn,
.search .relative ul li,
.search .relative ul li a { display: block; line-height: 40px; font-size: 14px; color: #888; text-align: center; }
.search .relative ul li a:hover { background: #f4f4f4; background: rgba(249, 249, 249, 0.91); }
*/
/* end header */

/* banner start */
.banner { position: fixed; bottom: 267px; height: 245px; }
.banner-container { width: 1626px; margin: 0 auto; height: 100%; }
.banner .img-box { margin-bottom: 82px; margin-left: 72px; width: 917px; height: 182px; background: #000; background: rgba(0, 0, 0, 0.65); }
.banner .img-box .img1 { padding-top: 14px; margin-left: 23px; }
.banner .img-box .img2 { margin-top: 23px; margin-left: 23px; }
.banner .img-box .img2 img { float: left; }
.banner .img-box .line { float: left; width: 165px; height: 1px; margin-left: 24px; margin-top: 11px; background: #c3bcaf; }
.banner .img-box .img3 { margin-top: 24px; margin-left: 23px; }
.banner .img-box .img3 img { float: left; }
/* end banner */

/* news start */
.news { position: fixed; bottom: 76px; height: 191px; background: #fff; background: rgba(255, 255, 255, 0.8); }
.news .news-container { width: 1626px; margin: 0 auto; }
.news .news-container .news1,
.news .news-container .news2 { float: left; }
.news .news-container .news1,
.news .news-container .news2 { margin-left: 96px; margin-top: 46px; }
.news .news-container .news1 .title,
.news .news-container .news2 .title { position: relative; }
.news .news-container .news1 .title:hover,
.news .news-container .news2 .title:hover { color: #870000; }
.news .news-container .news1 .title,
.news .news-container .news1 .title a,
.news .news-container .news2 .title,
.news .news-container .news2 .title a { margin-bottom: 14px; line-height: 18px; font-size: 18px; color: #000; }
.news .news-container .news1 .title a:hover,
.news .news-container .news2 .title a:hover { text-decoration: underline; }
.news .news-container .news1 .title:after,
.news .news-container .news2 .title:after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 9px; height: 10px; background: url("../images/arrow.png") no-repeat center center; }
.news .news-container .news1 .title { margin-bottom: 20px; line-height: 18px; font-size: 18px;  color: #000; }
.news .news-container .news1 .content { width: 270px; height: 87px; font-size: 12px; color: #333; line-height: 20px; }

.news .news-container .line { float: left; height: 140px; width: 1px; margin: 30px 45px 0 48px; }

.news .news-container .news2 { margin-left: 0 }
.news .news-container .news2 .title { margin-bottom: 14px; }
.news .news-container .news2 .article-title { float: left; width: 228px; margin-right: 36px; }
.news .news-container .news2 .article-title,
.news .news-container .news2 .article-title a,
.news .news-container .news2 .time { font-size: 12px; color: #333; line-height: 30px; }
.news .news-container .news2 .article-title:hover a { color: #870000; text-decoration: underline; }

/* banner icon start */
.icon-container { float: right; margin-top: 86px; margin-right: 64px; }
.icon-container .icon-left { float: left; width: 24px; height: 24px; background: url("../images/icon_left_active.png") no-repeat center center; cursor: pointer; }
.icon-container .icon-left:hover { float: left; width: 24px; height: 24px; background: url("../images/icon_left_active.png") no-repeat center center; }
.icon-container .icon-right { float: left; margin-left: 14px; width: 24px; height: 24px; background: url("../images/icon_right_active.png") no-repeat center center; }
.icon-container .icon-right:hover { float: left; margin-left: 14px; width: 24px; height: 24px; background: url("../images/icon_right_active.png") no-repeat center center; cursor: pointer; }
/* end banner icon */

/* end news */
/* footer end */
.footer { position: fixed; bottom: 0; background: #fff; }
.footer  .footer-container { position: relative; width: 1626px; height: 76px; margin: 0 auto; }
.footer  .footer-container .text1 { margin-left: 98px; }
.footer  .footer-container .text2 { position: absolute; top: 14px; left: 460px; }
.footer  .footer-container .text1,
.footer  .footer-container .text2 { float: left; font-size: 12px;  }
.footer  .footer-container .text1,
.footer  .footer-container .text1 a { line-height: 76px; color: #b4b4b4; font-size: 12px; }
.footer  .footer-container .text1 a:hover { text-decoration: underline; }
.footer  .footer-container .text2,
.footer  .footer-container .text2 a { line-height: 22px; color: #444; font-size: 12px; }
.footer  .footer-container a:hover { text-decoration: underline; }

.footer-mini { background: #fff; border-top: 1px solid #ccc; }
.footer-mini,
.footer-mini a { font-size: 14px; line-height: 55px; color: #999; text-align: center; }
/* end footer */

.delay002 { -webkit-animation-delay: 0.02s;  animation-delay: 0.02s; }
.delay004 { -webkit-animation-delay: 0.04s;  animation-delay: 0.04s; }
.delay006 { -webkit-animation-delay: 0.06s;  animation-delay: 0.06s; }
.delay008 { -webkit-animation-delay: 0.08s;  animation-delay: 0.08s; }
.delay010 { -webkit-animation-delay: 0.10s;  animation-delay: 0.10s; }
.delay012 { -webkit-animation-delay: 0.12s;  animation-delay: 0.12s; }
.delay014 { -webkit-animation-delay: 0.14s;  animation-delay: 0.14s; }

.delay01 { -webkit-animation-delay: 0.1s;  animation-delay: 0.1s; }
.delay02 { -webkit-animation-delay: 0.2s;  animation-delay: 0.2s; }
.delay03 { -webkit-animation-delay: 0.3s;  animation-delay: 0.3s; }
.delay04 { -webkit-animation-delay: 0.4s;  animation-delay: 0.4s; }
.delay05 { -webkit-animation-delay: 0.5s;  animation-delay: 0.5s; }
.delay06 { -webkit-animation-delay: 0.6s;  animation-delay: 0.6s; }
.delay07 { -webkit-animation-delay: 0.7s;  animation-delay: 0.7s; }
.delay08 { -webkit-animation-delay: 0.8s;  animation-delay: 0.8s; }
.delay09 { -webkit-animation-delay: 0.9s;  animation-delay: 0.9s; }
.delay10 { -webkit-animation-delay: 1s;  animation-delay: 1s; }
.delay105 { -webkit-animation-delay: 1.05s;  animation-delay: 1.05s; }
.delay11 { -webkit-animation-delay: 1.1s;  animation-delay: 1.1s; }
.delay12 { -webkit-animation-delay: 1.2s;  animation-delay: 1.2s; }
.delay13 { -webkit-animation-delay: 1.3s;  animation-delay: 1.3s; }
.delay14 { -webkit-animation-delay: 1.4s;  animation-delay: 1.4s; }
.delay15 { -webkit-animation-delay: 1.5s;  animation-delay: 1.5s; }
.delay16 { -webkit-animation-delay: 1.6s;  animation-delay: 1.6s; }
.delay17 { -webkit-animation-delay: 1.7s;  animation-delay: 1.7s; }

.fadeInRight { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeInLeft { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeInUp { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeInDown { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.zoomIn  { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.flipInX { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.my-animation-FR { -webkit-animation: FR 2s infinite linear; animation: FR 2s infinite linear; }
@-webkit-keyframes my-animation-FR {
    from { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
    to { -webkit-transform: none; transform: none; }
}
@keyframes my-animation-FR {
    from { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
    to { -webkit-transform: none; transform: none; }
}
.my-animation-FR { -webkit-animation-name: my-animation-FR; animation-name: my-animation-FR; }

@-webkit-keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight {
    from { opacity: 0; -webkit-transform: translate3d(35%, 0, 0); transform: translate3d(35%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInRight {
    from { opacity: 0; -webkit-transform: translate3d(35%, 0, 0); transform: translate3d(35%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInUp {
    from { opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp {
    from { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes zoomIn {
    from { opacity: 0; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); }
    50% { opacity: 1; }
}
@keyframes zoomIn {
    from { opacity: 0; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); }
    50% { opacity: 1; }
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
@-webkit-keyframes flipInX {
    from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
@keyframes flipInX {
    from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

/*==========================================================================================*\
 *  end 首页
\*==========================================================================================*/
/* 共用样式 start */
.banner2 { position: relative; height: 400px; background-size: cover; background-position: center center; }
.banner2 .title { position: absolute; bottom: 0; width: 100%; height: 80px; line-height: 80px; font-size: 42px; color: #870000; text-align: center; background: #fff; background: rgba(255, 255, 255, 0.702);  }
.search-result { position: relative;  margin: 50px 0; font-size: 18px; color: #666; text-align: center; }
.search-result:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; margin-left: -100px; background: url("../images/search.png") no-repeat center center }

/* .paging start */
.paging { position: relative; margin: 40px auto; font-size: 0; text-align: center; }
.paging .total_page_count { display: none; }
.paging .the_first { display: none; } 
.paging .the_end { display: none; }
.paging .current,
.paging .pre_more_page,
.paging .next_more_page,
.paging .page_num { display: inline-block; width: 35px; height: 35px; margin: 0 7px; font-size: 14px; line-height: 35px; background: #fff; color: #808080; border: 1px solid #aaa; }
.paging .pre_class { position: absolute; top: 0; left: 0; width: 110px; height: 35px; line-height: 35px; background: #fff; color: #808080; border: 1px solid #aaa; }
.paging .next_class { position: absolute; top: 0; right: 0; width: 110px; height: 35px; line-height: 35px; background: #fff; color: #808080; border: 1px solid #aaa; }
.paging .pre_class:hover,
.paging .next_class:hover,
.paging .current,
.paging .page_num:hover,
.paging .pre_more_page:hover,
.paging .next_more_page:hover { color: #fff; background: #870000; border-color: #870000; }

.paging .dot { display: inline-block; width: 35px; height: 35px; font-size: 14px; line-height: 35px; }
.paging .noactive { background: #fff; color: #bcbcbc; cursor: no-drop; }
.paging .noactive:hover { border: 1px solid #aaa; background: #fff; color: #bcbcbc; }

.no-find { font-size: 24px; padding:30px 0; }

@media screen and (max-width:750px){
    .paging { width: 100%; }
    .paging .pre_more_page,
    .paging .next_more_page { display: none !important; }
    .paging .the_first { display: block; }
    .paging .the_first { display: inline-block !important; }
    .paging .the_end { display: inline-block !important; }
    .paging .pre_class,
    .paging .next_class,
    .paging .the_first,
    .paging .the_end { display: inline-block; width: 35px; height: 35px; margin: 0; font-size: 14px; line-height: 35px; background: #fff; color: #808080; border: 1px solid #aaa; }
    .paging .pre_class,
    .paging .next_class { position: static; padding: 0 10px; width: auto; }
    .paging .the_first { border-right: none !important; }
    .paging .the_end { border-left: none !important; }
    .paging .pre_class { border-right: none !important; }
    .paging .next_class { border-left: none !important; }
    .paging .page_num { display: none; }
    .paging .current { display: inline-block; width: 35px; height: 35px; margin: 0; font-size: 14px; line-height: 35px; background: #fff; color: #808080; border: 1px solid #aaa; }
    .paging .current,
    .paging .page_num:hover,
    .paging .pre_more_page:hover,
    .paging .next_more_page:hover { color: #fff; background: #870000; border-color: #870000; }
    
    .paging .dot { display: none; }
    .paging .noactive { background: #fff !important; color: #bcbcbc !important; }
}
/* end .paging */

/*------------------ searh start ------------------*/
.search { padding-top: 30px; margin-right: 95px; }
.search .title { float: left; font-size: 22px; line-height: 23px; color: #808080; }
.search .form { float: right; }
.search .form input[type="text"] { width: 277px; height: 26px; padding: 0 23px; border: 1px solid #aaa; border-radius: 13px;
    -webkit-transition: all ease-in-out .3s;
       -moz-transition: all ease-in-out .3s;
        -ms-transition: all ease-in-out .3s;
         -o-transition: all ease-in-out .3s;
            transition: all ease-in-out .3s;
}
.search .form:hover input[type="text"] { border-color: #870000; }
.search .form input[type="submit"] { position: absolute; top: 1px; right: 8px; width: 26px; height: 26px; border: none;
    background: url("../images/search_hover.png") no-repeat center center; cursor: pointer; }
.search .form input[type="submit"]:hover { background: url("../images/search_hover.png") no-repeat center center; }

.search.rewrite { padding-top: 62px; padding-bottom: 52px; }
.search .title.rewrite { margin-left: 100px; }

.line-bg { height: 1px; background: #d4d4d4; width: 900px; }
/*------------------ end searh  ------------------*/



/* end 共用样式 */

/* 同道摩金 start */
.article-container { }
.article-container .left-box,
.article-container .right-box { float: left; margin-bottom: 80px; }
.article-container .section.tongdao { width: 386px; margin-left: 112px; }
.article-container .section.tongdao ul li,
.article-container .section.tongdao ul li a{ font-size: 16px; line-height: 40px; color: #666; }

.article-container .article-intro { padding: 74px 96px 120px; }
.article-container .article-intro img { max-width: 100%; max-height: 100%; }
.tongdao-text { width: 77%; margin: 56px auto 0; font-size: 16px; color: #666; line-height: 30px;  }
/* end 同道摩金 */

/* 君子&君子详情 start */
.article-container .article-intro .junzi-title { font-size: 24px; line-height: 24px; color: #828484; }
.article-container .article-intro .junzi-content { font-size: 16px; line-height: 26px; color: #666; margin-bottom: 40px; }

.article-container .article-intro .section.junzi:last-child .person { margin-bottom: 0; }
.article-container .article-intro .section.junzi .person { margin-bottom: 35px; }
.article-container .article-intro .section.junzi .person ul { width: 110%; font-size: 0; }
.article-container .article-intro .section.junzi .person ul li,
.article-container .article-intro .section.junzi .person ul li a { display: inline-block; width: 120px; height: 43px; margin-right: 17px; margin-bottom: 17px; line-height: 43px; font-size: 18px; color: #fff; text-align: center; background: #b8b8b8; }
.article-container .article-intro .section.junzi .person ul li:hover a { background: #7a4758; }

.article-container .article-intro .junli-article-detail { height: 250px; padding-bottom: 25px; }
.article-container .article-intro .junli-article-detail .person { position: relative; }
.article-container .article-intro .junli-article-detail .person .img-box { position: absolute; top: 0; left: 0;  }
.article-container .article-intro .junli-article-detail .person .img-box .img-table { max-width: 173px; max-height: 250px; width: 173px; height: 250px; }
.article-container .article-intro .junli-article-detail .person .img-box .img-table img { max-width: 173px; max-height: 250px; }
.article-container .article-intro .junli-article-detail .person ul { margin-left: 218px; padding-top: 65px; }
.article-container .article-intro .junli-article-detail .person ul li,
.article-container .article-intro .junli-article-detail .person ul li a { line-height: 26px; font-size: 16px; color: #666; }
.article-container .article-intro .junli-article-detail .person ul li.username a { line-height: 30px; font-size: 30px; color: #000; }
.article-container .article-intro .junli-article-detail .person ul li.job { margin-bottom: 26px; }

.article-container .article-intro .junli-article-content { margin-top: 46px; }
.article-container .article-intro .junli-article-content img { max-width: 100%; max-height: 100%; padding: 5px 0; }
/* end 君子&君子详情 */

/* 智慧 start */
.article-container .article-intro .article-list .section.zhihui { margin-bottom: 36px; }
.article-container .article-intro .article-list .section.zhihui:last-child .content { border-bottom: none; padding-bottom: 0; }
.article-container .article-intro .article-list .section.zhihui .title-box .title,
.article-container .article-intro .article-list .section.zhihui .title-box .title a { float: left; width: 808px; line-height: 27px; font-size: 24px; color: #464646; }
.article-container .article-intro .article-list .section.zhihui .title-box .title,
.article-container .article-intro .article-list .section.zhihui .title-box .title:hover a { color: #7a4758; }
.article-container .article-intro .article-list .section.zhihui .title-box .time { float: right; font-size: 18px; line-height: 24px; color: #464646; }
.article-container .article-intro .article-list .section.zhihui .content { overflow: hidden; max-height: 80px; margin-top: 22px; padding-bottom: 30px; border-bottom: 1px dashed #d2d2d2; }
.article-container .article-intro .article-list .section.zhihui .content,
.article-container .article-intro .article-list .section.zhihui .content a { line-height: 25px; font-size: 14px; color: #666; }
.article-container .article-intro .article-list .section.zhihui .content a:hover { color: #7a4758; }

.article-container .article-intro .zihui-article .title { line-height: 36px; font-size: 28px; color: #3c3c3c; text-align: center; }
.article-container .article-intro .zihui-article .time { line-height: 36px; font-size: 16px; color: #828282; text-align: center; }
.article-container .article-intro .zihui-article .content { padding-bottom: 26px; margin-bottom: 26px; border-bottom: 1px dotted #8f8f8f; }
.article-container .article-intro .zihui-article .content img { display: inline; max-width: 100%; max-height: 100%; padding: 5px 0; }
.article-container .article-intro .zihui-article .pre-next,
.article-container .article-intro .zihui-article .pre-next a { width: 808px; }
.article-container .article-intro .zihui-article .pre-next,
.article-container .article-intro .zihui-article .pre-next a { font-size: 16px; line-height: 28px; color: #34393c; }
.article-container .article-intro .zihui-article .pre-next:hover,
.article-container .article-intro .zihui-article .pre-next a:hover { color: #7a4758; }
/* end 智慧 */

/* 天下 start */
.article-container .article-intro .keep-about .row { width: 110%; }
.article-container .article-intro .keep-about .row .col { float: left; }
.article-container .article-intro .keep-about .row .col.first { margin-left: 45px; }
.article-container .article-intro .keep-about .row .col.first,
.article-container .article-intro .keep-about .row .col.second { margin-top: 34px; }
.article-container .article-intro .keep-about .row .col.second { margin-left: 60px; }
.article-container .article-intro .keep-about .row .col .img-table { max-width: 198px; max-height: 198px; width: 198px; height: 198px; }
.article-container .article-intro .keep-about .row .col .img-table img { max-width: 198px; max-height: 198px; }
.article-container .article-intro .keep-about .row .col .img-box .text { font-size: 14px; color: #999; line-height: 30px; text-align: center; }
.article-container .article-intro .keep-about .row .col .text-list ul li { position: relative; }
.article-container .article-intro .keep-about .row .col .text-list ul li .absolute { font-size: 16px; line-height: 40px; color: #333; }
.article-container .article-intro .keep-about .row .col .text-list ul li .text { width: 210px; margin-left: 50px; line-height: 40px; }
.article-container .article-intro .keep-about .row .col .text-list ul li.width5 .text { width: 127px; margin-left: 100px; }
.article-container .article-intro .keep-about .row .col .text-list ul li .text,
.article-container .article-intro .keep-about .row .col .text-list ul li .text a { font-size: 14px; line-height: 40px; color: #777; }

.article-container .article-intro .keep-about .row .col .form-list .title { width: 100px; margin-bottom: 20px; font-size: 24px; line-height: 30px; color: #555; border-bottom: 2px solid #870000; }
.article-container .article-intro .keep-about .row .col .form-list ul li { width: 294px; height: 38px; margin-bottom: 9px; line-height: 38px; font-size: 14px; color: #8f9d9d; }
.article-container .article-intro .keep-about .row .col .form-list ul li input[type=text] { width: 294px; width: calc(100% - 16px); height: 100%; padding: 0 8px; border: 1px solid #bebebe; }
.article-container .article-intro .keep-about .row .col .form-list ul li.textarea { height: auto; }
.article-container .article-intro .keep-about .row .col .form-list ul li.textarea textarea { width: 294px; width: calc(100% - 16px); height: 100%; min-height: 88px; padding: 8px; border: 1px solid #bebebe; }

.article-container .article-intro .keep-about .row .col .form-list ul li input[type=submit] { display: block; width: 138px; height: 38px; margin: 0 auto; border: none; background: #870000; font-size: 14px; color: #fff; cursor: pointer; }

.article-container .article-intro .keep-about .row .col .form-list ul li:hover input[type=text],
.article-container .article-intro .keep-about .row .col .form-list ul li.textarea:hover textarea,
.article-container .article-intro .keep-about .row .col .form-list ul li.textarea textarea:focus,
.article-container .article-intro .keep-about .row .col .form-list ul li input[type=text]:focus { border: 1px solid #870000; }
/* end 天下 */

/* 2016-2-14 新加元素 start */
/* area start */
.area { overflow: hidden; width: 915px; margin: 0 auto; }
.area .area-ul { overflow: hidden; padding-top: 60px; padding-bottom: 52px; }
.area .area-persent { width: 110%; }
.area .area-ul .area-li { float: left; width: 420px; height: 70px; margin-right: 70px; margin-bottom: 28px; border: 1px solid #783049; line-height: 70px; font-size: 20px; }
.area .area-ul .area-li .text { font-size: 20px; line-height: 70px; text-align: center; color: #828484; }
.area .area-ul .area-li:hover { background: #783049; }
.area .area-ul .area-li:hover .text { color: #fff; }

.area-detail-list { width: 900px; margin: 0 auto; padding: 30px 50px; background-color: #f7f7f7; background-color: rgba(247, 247, 247, 0.91); box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.12); }
.area-detail-list .column-title { font-size: 20px; line-height: 30px; color: #783049; text-align: center; }
.area-detail-list .column-description { padding: 20px 45px; margin-top: 30px; background: #fff; color: #783049; }
.area-detail-list .column-description img { max-width: 100%; }
.area-detail-list .article-list { margin-top: 30px; } 
.area-detail-list .article-list .article { position: relative; margin: 0 -50px; padding: 0 90px; }
.area-detail-list .article-list .article:before { content: ''; display: block; position: absolute; top: 50%; left: 100px; margin-top: -4px; margin-left: -4px; width: 8px; height: 8px; background: #870000; border-radius: 50%; }
.area-detail-list .article-list .article:hover { background: #fff; }
.area-detail-list .article-list .article:hover .text { color: #905c6d; }
.area-detail-list .article-list .article .text { padding: 0 30px; line-height: 65px; border-bottom: 1px dotted #d2d2d2; }
/* end area */

/* team-list start */
.team-list { overflow: hidden; width: 824px; margin: 60px auto 80px; }
.team-list .team-list-persent { width: 110%; } 
.team-list .team-list-ul { overflow: hidden; }
.team-list .team-list-li { position: relative; float: left; width: 182px; height: 263px; margin: 0 32px 25px 0; }
.team-list .team-list-li img { width: 182px; height: 263px; }
.team-list .team-list-li .text { position: absolute; bottom: 0; width: 158px; padding: 0 12px; background: #3c3c3c; background: rgba(60, 60, 60, 0.749); }
.team-list .team-list-li:hover .text { background: #870000; background: rgba(116, 42, 67, 0.749); }
.team-list .team-list-li .text .name { line-height: 35px; font-size: 18px; color: #fff; border-bottom: 1px solid #fff; }
.team-list .team-list-li .text .job { line-height: 35px; font-size: 14px; color: #fff; }
/* end team-list */
/* end 2016-2-14 新加元素 */
 


/*==========================================================================================*\
 *  适配的分辨率 start
\*==========================================================================================*/
/*必需适配的分辨率*/
@media screen and (max-width: 1920px) {

}

@media screen and (max-width: 1440px) {
    .body-bg { width: 1220px; }
    .header-container { width: 1220px; }
    .header { height: 98px; }
    .header .logo { margin-left: 42px; margin-top: 18px; }
    .header .logo .img-table { width: 214px; height: 60px; }
    .header .logo .img-table img { max-width: 214px; max-height: 60px; }
    .header .nav { margin-top: 25px; margin-left: 0; margin-right: 20px; }
    .header .nav ul li a { width: 78px; }
    .header .nav ul span { width: 78px; }
    /*
    .search { margin-top: 40px; margin-right: 36px; }
    .search .relative { width: 184px; }
    .search .sercher-btn { width: 60px; }
    .search .relative input[type=text] { width: 184px; width: calc(100% - 100px); padding-left: 60px; }
    .search .relative ul { width: 60px; }
    */
    .banner { bottom: 200px; height: 185px; }
    .banner-container { width: 1220px; }
    .banner .img-box { width: 688px; height: 150px; margin-left: 54px; margin-bottom: 60px; }
    .banner .img-box img { max-width: 100%; max-height: 100%; }
    .banner .img-box .img1,
    .banner .img-box .img2,
    .banner .img-box .img3 { margin-left: 17px; }
    .banner .img-box .img1 { width: 654px; padding-top: 10px; }
    .banner .img-box .img2 { margin-top: 17px; }
    .banner .img-box .img2 img { width: 90%; }
    .banner .img-box .img3 { overflow: hidden; width: 90%; margin-top: 20px; }
    .news { height: 143px; bottom: 57px; }
    .news .news-container { width: 1220px; }
    .news .news-container .news1,
    .news .news-container .news2 { margin-top: 24px; }
    .news .news-container .news1 { margin-left: 72px; }
    .news .news-container .news1 .title { margin-bottom: 10px; }
    .news .news-container .news1 .content { height: 80px; line-height: 18px; }
    .news .news-container .news2 .title { margin-bottom: 8px; }
    .news .news-container .news2 .article-title,
    .news .news-container .news2 .article-title a, .news .news-container .news2 .time { line-height: 24px; }
    .news .news-container .line { height: 105px; margin-top: 20px; }
    .icon-container { margin-top: 64px; margin-right: 48px; }
    .footer .footer-container { width: 1220px; height: 57px; }
    .footer .footer-container .text1,
    .footer .footer-container .text1 a { line-height: 57px;  }
    .footer .footer-container .text2 { top: 6px; left: 436px; }
    .footer .footer-container .text1 { margin-left: 72px; }
    .banner2 { height: 300px; }
    .banner2 .title { height: 60px; line-height: 60px; font-size: 30px; }
    .article-container .article-intro { padding: 40px 96px 60px; }    
    .article-container .article-intro .keep-about .row { margin-top: 30px; }    
    .article-container .section.tongdao .title { margin-top: 45px; margin-bottom: 30px; }
    
}

@media screen and (max-width: 1024px) {
    .header-container { width: 1020px; }
    .header .nav ul li { margin-left: 26px; }
    .header .logo { margin-left: 16px; }
}

@media screen and (max-width: 750px) {
    .body-wrapper { overflow: hidden; }
    
    .banner .img-box .img1 { width: auto; }
    .banner .img-box .img3 { width: auto; }
    .banner2 .title { font-weight: bold; }
    .article-container .article-intro .keep-about .row .col.first { margin: 0; }

    /*------------------ search start ------------------*/
    .mobile-search-container { position: relative; width: 100%; height: 0; padding-bottom: 16.4%; }
    .mobile-search-full { position: absolute; top: 0; left: 0; width: 750px; height: 123px; }

    .mobile-search { overflow: hidden; padding-top: 33px; padding-bottom: 33px; }
    .mobile-search .form { width: 589px; height: 57px; padding: 0 38px; }
    .mobile-search .form input[type="text"] { width: 604px; height: 57px; padding: 0 34px; border: 1px solid #aaa; border-radius: 29px;
        color: #aaa; font-size: 24px; line-height: 57px;

        -webkit-transition: all ease-in-out .3s;
        -moz-transition: all ease-in-out .3s;
        -ms-transition: all ease-in-out .3s;
        -o-transition: all ease-in-out .3s;
        transition: all ease-in-out .3s;
    }
    .mobile-search .form:hover input[type="text"] { border-color: #870000; }
    .mobile-search .form input[type="submit"] { position: absolute; top: 1px; right: -48px; width: 57px; height: 57px; border: none;
        background: url("../images/m_search.png") no-repeat center center; cursor: pointer; }
    .mobile-search .form input[type="submit"]:hover { background: url("../images/m_search_hover.png") no-repeat center center; }

    .mobile-search.rewrite { padding-top: 62px; padding-bottom: 52px; }
    .mobile-search .title.rewrite { margin-left: 100px; }

    /*------------------ end search  ------------------*/

}

/*6寸*/
@media screen and (max-width: 480px) {
    body { overflow-x: hidden; }

    .mobile-nav { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 110; display: none; background: #000; background: rgba(0, 0, 0, 0.7); }
    .mobile-nav-btn { position: fixed; top: 0; right: 0; z-index: 111; width: 60px; height: 83px; background: url("../images/m_nav_btn.png") no-repeat center center; }
    .mobile-nav-btn.active { background-image: url("../images/m_nav_btn_active.png"); }
    .mobile-nav ul { margin-top: 83px; }
    .mobile-nav ul li,
    .mobile-nav ul li a { display: block; font-size: 23px; line-height: 70px; color: #fff; text-align: center; }
    .mobile-nav ul li.active,
    .mobile-nav ul li.active a,
    .mobile-nav ul li:hover,
    .mobile-nav ul li:hover a { color: #da4040; }

    .header { height: 83px; }
    .header .logo .img-table { width: 183px; height: 52px; }
    .header .logo .img-table img { max-width: 100%; max-height: 100%; }
    .header .logo { margin-left: 19px; margin-top: 15px; }

    .body-bg { position: fixed; width: 100%; }
    .banner { position: static; height: auto; }
    .banner-container { width: 100%; }
    .banner .img-box { width: 422px; height: auto; padding: 10px; margin: 284px auto 0; }
    .banner .img-box .img1 { margin-left: 0; padding-top: 0; }
    .banner .img-box .img2 { margin-left: 0; margin-top: 18px; }
    .banner .img-box .img3 { margin-left: 0; margin-top: 18px; }
    .banner .img-box .img2 img { width: 100%; }
    .banner .img-box .img2 .line { margin-left: 18px; width: 15%; margin-top: 6px; }
    .banner .img-box img { max-width: 100%; max-height: 100%; }
    .banner .img-box .img3 img { width: 75%; }
	.banner .img-box .line { width: 60px; margin-left: 10px; }
	
    .news { position: static; height: auto; background: none; }
    .news .news-container { width: 392px; padding: 12px; margin: 180px auto 36px; background: #fff; background: rgba(255, 255, 255, 0.75); }
    .news .news-container .line { float: none; height: 1px; width: 100%; margin: 16px auto 10px; }
    .news .news-container .news1 .content { width: 100%; height: auto; max-height: 156px; line-height: 25px;font-size: 15px; }
    .news .news-container .news1, .news .news-container .news2 { float: none; margin: 0 auto; }
    .news .news-container .news2 .article-title { width: 270px; }
    .news .news-container .news1 .title,
    .news .news-container .news1 .title a,
    .news .news-container .news2 .title,
    .news .news-container .news2 .title a { margin: 0; line-height: 44px; font-size: 20px; color: #000; font-weight: bold; }
    .news .news-container .news1 .title:after,
    .news .news-container .news2 .title:after { width: 16px; height: 16px; top: 14px; }
    .news .news-container .news2 .article-title,
    .news .news-container .news2 .article-title a,
    .news .news-container .news2 .time { line-height: 40px; font-size: 15px; }

    .footer { position: static; background: none; }
    .footer .footer-container { width: 100%; height: 50px; }
    .footer .footer-container .text1 { float: none; margin: 0 auto; }
    .footer .footer-container .text1 p { background: rgba(255, 255, 255, 0.75); }
    .footer .footer-container .text1 p,
    .footer .footer-container .text1 p a { line-height: 50px; font-size: 16px; text-align: center; color: #898989; }

    /* 共用样式 start */
    .banner2 { height: 256px; }
    .banner2 .title { height: 56px; line-height: 56px; font-size: 26px; }

    .footer-mini,
    .footer-mini a { font-size: 16px; line-height: 56px; }
    /* end 共用样式 */

    .banner2.container-fluid { width: 100%; }
    .container1000 { width: 100%; }
    .article-container .left-box,
    .article-container .right-box { float: none; width: 100%; }
    .article-container .left-box { margin-bottom: 0; }
    .article-container .right-box { margin-bottom: 50px; }
    .article-container .section.tongdao { width: 100%; margin-left: 0; text-align: center; }
    .article-container .section.tongdao .title { margin-top: 38px; margin-bottom: 24px; font-size: 20px; text-align: center; }
    .article-container .section.tongdao ul li,
    .article-container .section.tongdao ul li a { line-height: 29px; font-size: 18px; text-align: center; }

    .article-container .article-intro { padding: 6% 4%; }

    .article-container .article-intro .junzi-title { font-size: 16px; text-align: center; }
    .article-container .article-intro .junzi-content { font-size: 12px; margin-top: 10px; margin-bottom: 12px; }
    .article-container .article-intro .section.junzi .person { margin-bottom: 10px; }
    .article-container .article-intro .section.junzi .job { font-size: 16px; margin-bottom: 10px; }

    .article-container .article-intro .junzi-title { font-size: 20px; }
    .article-container .article-intro .junzi-content { font-size: 16px; margin-top: 14px; margin-bottom: 16px; }
    .article-container .article-intro .section.junzi .person { margin-bottom: 14px; }
    .article-container .article-intro .section.junzi .job { font-size: 20px; margin-bottom: 14px; }

    .article-container .article-intro .junli-article-detail { height: auto; padding-bottom: 12px; }

    .article-container .article-intro .junli-article-detail .person .img-box { left: 50%; margin-left: -112px; }
    .article-container .article-intro .junli-article-detail .person .img-box .img-table { max-width: 224px; max-height: 324px; width: 224px; height: 324px; }
    .article-container .article-intro .junli-article-detail .person .img-box .img-table img { max-width: 224px; max-height: 324px; }
    .article-container .article-intro .junli-article-detail .person ul { margin-left: 0; padding-top: 344px; }
    .article-container .article-intro .junli-article-detail .person ul li,
    .article-container .article-intro .junli-article-detail .person ul li a { font-size: 16px; line-height: 30px; text-align: center; }
    .article-container .article-intro .junli-article-detail .person ul li.username a { font-size: 24px; }
    .article-container .article-intro .junli-article-detail .person ul li.job { margin-bottom: 0; margin-top: 10px; }
    .article-container .article-intro .junli-article-content { margin-top: 25px; }

    .article-container .article-intro .article-list .section.zhihui .title-box .title,
    .article-container .article-intro .article-list .section.zhihui .title-box .title a { width: 100%; font-size: 20px; }
    .article-container .article-intro .article-list .section.zhihui { position: relative; margin-bottom: 24px; }
    .article-container .article-intro .article-list .section.zhihui .title-box .time { position: absolute; bottom: 12px; right: 0; font-size: 15px; }

    .article-container .article-intro .article-list .section.zhihui .content,
    .article-container .article-intro .article-list .section.zhihui .content a { font-size: 16px; line-height: 28px; }
    .article-container .article-intro .article-list .section.zhihui .content { height: 56px; margin-top: 10px; padding-bottom: 38px; }
    .article-container .article-intro .article-list .section.zhihui:last-child .content { border-bottom: 1px solid #d2d2d2; padding-bottom: 38px; }

    .article-container .article-intro .section.junzi .person ul li { width: 28%; height: 46px; }
    .article-container .article-intro .section.junzi .person ul li,
    .article-container .article-intro .section.junzi .person ul li a { line-height: 46px; font-size: 16px; }
    .article-container .article-intro .section.junzi .person ul li a { width: 100%; height: 100%; }

    .article-container .article-intro .zihui-article .title { font-size: 20px; }
    .article-container .article-intro .zihui-article .time { font-size: 15px; }
    .article-container .article-intro .zihui-article .pre-next,
    .article-container .article-intro .zihui-article .pre-next a { width: 100%; font-size: 16px; line-height: 28px; }
    /* keep about start */
    .article-container .article-intro .keep-about .row { width: 100%; margin-top: 25px; }
    .article-container .article-intro .keep-about .row .col { float: none; }
    .article-container .article-intro .keep-about .row .col.first .img-box { width: 256px; margin: 0 auto; }
    .article-container .article-intro .keep-about .row .col .img-table { max-width: 256px; max-height: 256px; width: 256px; height: 256px; }
    .article-container .article-intro .keep-about .row .col .img-table img { max-width: 256px; max-height: 256px; }
    .article-container .article-intro .keep-about .row .col .img-box .text { font-size: 18px; }
    .article-container .article-intro .keep-about .row .col.second { margin-left: auto; }
    .article-container .article-intro .keep-about .row .col.second .text-list { width: 280px; margin: 0 auto; }
    .article-container .article-intro .keep-about .row .col.third { margin-left: auto; }
    .article-container .article-intro .keep-about .row .col .form-list .title { margin-left: auto; margin-right: auto; font-size: 22px; text-align: center; }
    .article-container .article-intro .keep-about .row .col .form-list ul li { width: 100%; height: 52px; margin-left: auto; margin-right: auto; margin-bottom: 12px; }
    .article-container .article-intro .keep-about .row .col .form-list ul li input[type=text],
    .article-container .article-intro .keep-about .row .col .form-list ul li textarea,
    .article-container .article-intro .keep-about .row .col .form-list ul li input[type=submit]{ font-size: 18px; width: 100%; height: 55px; }
    .article-container .article-intro .keep-about .row .col .form-list ul li input[type=submit]:hover { background: #960303; }
    .article-container .article-intro .keep-about .row .col .text-list ul li .absolute { font-size: 18px; }
    .article-container .article-intro .keep-about .row .col .text-list ul li .text { margin-left: 55px; }
    .article-container .article-intro .keep-about .row .col .text-list ul li .text,
    .article-container .article-intro .keep-about .row .col .text-list ul li .text a { font-size: 18px; width: 200px; }
    .article-container .article-intro .keep-about .row .col .text-list ul li.width5 .text { width: 165px; margin-left: 112px; }
    /* end keep about */
    
    /* 2016-2-14 新加元素 start */
    .area { width: 100%; }
    .area .area-persent { width: 100%; }
    .area .area-ul .area-li { float: none; width: 75%; height: 60px; padding: 0 5%; margin:  0 auto; margin-bottom: 5%; }
    .area .area-ul .area-li .text { line-height: 60px; font-size: 18px; }
    .area-detail-list { width: 87%; padding: 8% 3%; }
    .area-detail-list .column-description { padding: 4%; }
    .area-detail-list .article-list { margin-top: 5%; }
    .area-detail-list .article-list .article { margin: 0; padding: 0; }
    .area-detail-list .article-list .article .text { margin: 0; padding: 1% 7%; line-height: 26px; }
    .area-detail-list .article-list .article:before { top: 14px; left: 5%; }
    
    .only-mobile-js-ellipsis { min-height: 55px; max-height: 55px; }
    
    .team-list { width: 100%; }
    .team-list .team-list-persent { width: 100%; }
    .team-list .team-list-li { margin: 3% 6%; }
    /* end 2016-2-14 新加元素 */
}

/*IPhone 6 plus*/
@media screen and (max-width: 414px) {
    .mobile-nav-btn { width: 60px; height: 72px; }
    .mobile-nav-btn.active { background-image: url("../images/m_nav_btn_active.png"); }
    .mobile-nav ul { margin-top: 72px; }
    .mobile-nav ul li,
    .mobile-nav ul li a { font-size: 24px; line-height: 65px; }

    .header { height: 72px; }
    .header .logo .img-table { width: 182px; height: 48px; }
    .header .logo { margin-left: 14px; margin-top: 13px; }

    .banner .img-box { width: 382px; padding: 8px; margin: 208px auto 0; }
    .banner .img-box .img2 { margin-top: 16px; }
    .banner .img-box .img3 { margin-top: 16px; }

    .news .news-container { width: 360px; padding: 12px; margin: 76px auto 33px; }
    .news .news-container .line { margin: 16px auto 10px; }
    .news .news-container .news1 .content { max-height: 156px; line-height: 25px;font-size: 15px; }
    .news .news-container .news2 .article-title { width: 236px; }
    .news .news-container .news1 .title,
    .news .news-container .news1 .title a,
    .news .news-container .news2 .title,
    .news .news-container .news2 .title a { line-height: 42px; font-size: 16px; }
    .news .news-container .news1 .title:after,
    .news .news-container .news2 .title:after { width: 15px; height: 15px; top: 13px; }
    .news .news-container .news2 .article-title,
    .news .news-container .news2 .article-title a,
    .news .news-container .news2 .time { line-height: 38px; font-size: 15px; }

    .footer .footer-container { height: 42px; }
    .footer .footer-container .text1 p,
    .footer .footer-container .text1 p a { line-height: 42px; font-size: 15px; }

    /* 共用样式 start */
    .banner2 { height: 221px; }
    .banner2 .title { height: 44px; line-height: 44px; font-size: 24px; }

    .footer-mini,
    .footer-mini a { font-size: 16px; line-height: 44px; }
    /* end 共用样式 */

    .article-container .right-box { margin-bottom: 50px; }
    .article-container .section.tongdao .title { margin-top: 25px; margin-bottom: 16px; font-size: 20px; }
    .article-container .section.tongdao ul li,
    .article-container .section.tongdao ul li a { line-height: 28px; font-size: 18px; }

    .article-container .article-intro .junli-article-detail .person .img-box { left: 50%; margin-left: -96px; }
    .article-container .article-intro .junli-article-detail .person .img-box .img-table { max-width: 193px; max-height: 279px; width: 193px; height: 279px; }
    .article-container .article-intro .junli-article-detail .person .img-box .img-table img { max-width: 193px; max-height: 279px; }
    .article-container .article-intro .junli-article-detail .person ul { margin-left: 0; padding-top: 296px; }
    .article-container .article-intro .junli-article-detail .person ul li,
    .article-container .article-intro .junli-article-detail .person ul li a { font-size: 14px; line-height: 28px; text-align: center; }
    .article-container .article-intro .junli-article-detail .person ul li.username a { font-size: 22px; }
    .article-container .article-intro .junli-article-detail .person ul li.job { margin-bottom: 0; margin-top: 8px; }
    .article-container .article-intro .junli-article-content { margin-top: 23px; }

    .article-container .article-intro .junzi-title { font-size: 18px; }
    .article-container .article-intro .junzi-content { font-size: 14px; margin-top: 12px; margin-bottom: 14px; }
    .article-container .article-intro .section.junzi .person { margin-bottom: 12px; }
    .article-container .article-intro .section.junzi .job { font-size: 18px; margin-bottom: 12px; }

    .article-container .article-intro .section.junzi .person ul li { width: 27.6%; }

    .article-container .article-intro .article-list .section.zhihui .title-box .title,
    .article-container .article-intro .article-list .section.zhihui .title-box .title a { font-size: 18px; }
    .article-container .article-intro .article-list .section.zhihui { margin-bottom: 22px; }
    .article-container .article-intro .article-list .section.zhihui .title-box .time { bottom: 10px; font-size: 15px; }

    .article-container .article-intro .article-list .section.zhihui .content,
    .article-container .article-intro .article-list .section.zhihui .content a { font-size: 14px; line-height: 26px; }
    .article-container .article-intro .article-list .section.zhihui .content { height: 54px; margin-top: 8px; padding-bottom: 36px; }
    .article-container .article-intro .article-list .section.zhihui:last-child .content { padding-bottom: 36px; }


    .article-container .article-intro .zihui-article .title { font-size: 17px; line-height: 26px; }
    .article-container .article-intro .zihui-article .time { font-size: 14px; }

    .article-container .article-intro .zihui-article .pre-next,
    .article-container .article-intro .zihui-article .pre-next a { line-height: 26px; }

    /* keep about start */
    .article-container .article-intro .keep-about .row .col.first .img-box { width: 221px; }
    .article-container .article-intro .keep-about .row .col .img-table { max-width: 221px; max-height: 221px; width: 221px; height: 221px; }
    .article-container .article-intro .keep-about .row .col .img-table img { max-width: 221px; max-height: 221px; }
    .article-container .article-intro .keep-about .row .col .img-box .text { font-size: 16px; }
    .article-container .article-intro .keep-about .row .col.second .text-list { width: 280px; }
    .article-container .article-intro .keep-about .row .col .form-list .title { font-size: 18px; }
    .article-container .article-intro .keep-about .row .col .form-list ul li { height: 50px; margin-bottom: 12px; }
    .article-container .article-intro .keep-about .row .col .form-list ul li input[type=text],
    .article-container .article-intro .keep-about .row .col .form-list ul li textarea,
    .article-container .article-intro .keep-about .row .col .form-list ul li input[type=submit]{ font-size: 16px; }
    .article-container .article-intro .keep-about .row .col .form-list ul li input[type=submit] { height: 53px; }
    .article-container .article-intro .keep-about .row .col .text-list ul li .absolute { font-size: 16px; }
    .article-container .article-intro .keep-about .row .col .text-list ul li .text,
    .article-container .article-intro .keep-about .row .col .text-list ul li .text a { font-size: 16px; width: 200px; }
    .article-container .article-intro .keep-about .row .col .text-list ul li.width5 .text { margin-left: 106px; }
    /* end keep about */
    
    /* 2016-2-14 新加元素 start */
    .area .area-ul .area-li { height: 56px;}
    .area .area-ul .area-li .text { line-height: 56px; font-size: 16px; }
    .team-list .team-list-li { margin: 1.5% 3%; }
    /* end 2016-2-14 新加元素 */


}

/*googel N4*/
@media screen and (max-width: 384px) {
    .mobile-nav-btn { width: 60px; height: 67px; }
    .mobile-nav-btn.active { background-image: url("../images/m_nav_btn_active.png"); }
    .mobile-nav ul { margin-top: 67px; }
    .mobile-nav ul li,
    .mobile-nav ul li a { font-size: 23px; line-height: 55px; }

    .header { height: 67px; }
    .header .logo .img-table { width: 182px; height: 48px; }
    .header .logo { margin-left: 10px; margin-top: 10px; }

    .banner .img-box { width: 354px; padding: 8px; margin: 227px auto 0; }
    .banner .img-box .img2 { margin-top: 14px; }

    .news .news-container { width: 334px; padding: 10px; margin: 97px auto 26px; }
    .news .news-container .line { margin: 16px auto 10px; }
    .news .news-container .news1 .content { max-height: 136px; line-height: 25px;font-size: 14px; }
    .news .news-container .news2 .article-title { width: 210px; }
    .news .news-container .news1 .title,
    .news .news-container .news1 .title a,
    .news .news-container .news2 .title,
    .news .news-container .news2 .title a { line-height: 40px; font-size: 16px; }
    .news .news-container .news1 .title:after,
    .news .news-container .news2 .title:after { width: 14px; height: 14px; top: 12px; }
    .news .news-container .news2 .article-title,
    .news .news-container .news2 .article-title a,
    .news .news-container .news2 .time { line-height: 38px; font-size: 14px; }

    .footer .footer-container { height: 40px; }
    .footer .footer-container .text1 p,
    .footer .footer-container .text1 p a { line-height: 40px; font-size: 14px; }

    /* 共用样式 start */
    .banner2 { height: 204px; }
    .banner2 .title { height: 42px; line-height: 42px; font-size: 22px; }

    .footer-mini,
    .footer-mini a { font-size: 14px; line-height: 42px; }
    /* end 共用样式 */

    .article-container .right-box { margin-bottom: 50px; }
    .article-container .section.tongdao .title { margin-top: 21px; margin-bottom: 14px; font-size: 18px; }
    .article-container .section.tongdao ul li,
    .article-container .section.tongdao ul li a { line-height: 26px; font-size: 16px; }


    .article-container .article-intro .junzi-title { font-size: 18px; }
    .article-container .article-intro .junzi-content { font-size: 14px; margin-top: 12px; margin-bottom: 14px; }
    .article-container .article-intro .section.junzi .person { margin-bottom: 12px; }
    .article-container .article-intro .section.junzi .job { font-size: 18px; margin-bottom: 12px; }

    .article-container .article-intro .junli-article-detail .person .img-box { left: 50%; margin-left: -87px; }
    .article-container .article-intro .junli-article-detail .person .img-box .img-table { max-width: 175px; max-height: 253px; width: 175px; height: 253px; }
    .article-container .article-intro .junli-article-detail .person .img-box .img-table img { max-width: 173px; max-height: 253px; }
    .article-container .article-intro .junli-article-detail .person ul { margin-left: 0; padding-top: 264px; }
    .article-container .article-intro .junli-article-detail .person ul li,
    .article-container .article-intro .junli-article-detail .person ul li a { font-size: 14px; line-height: 26px; text-align: center; }
    .article-container .article-intro .junli-article-detail .person ul li.username a { font-size: 22px; }
    .article-container .article-intro .junli-article-detail .person ul li.job { margin-bottom: 0; margin-top: 8px; }
    .article-container .article-intro .junli-article-content { margin-top: 23px; }

    .article-container .article-intro .section.junzi .person ul li { width: 27.3%; height: 44px; }
    .article-container .article-intro .section.junzi .person ul li,
    .article-container .article-intro .section.junzi .person ul li a { line-height: 44px; font-size: 16px; }

    .article-container .article-intro .article-list .section.zhihui .title-box .title,
    .article-container .article-intro .article-list .section.zhihui .title-box .title a { font-size: 18px; }
    .article-container .article-intro .article-list .section.zhihui { margin-bottom: 17px; }
    .article-container .article-intro .article-list .section.zhihui .title-box .time { bottom: 7px; font-size: 14px; }

    .article-container .article-intro .article-list .section.zhihui .content,
    .article-container .article-intro .article-list .section.zhihui .content a { font-size: 14px; line-height: 28px; }
    .article-container .article-intro .article-list .section.zhihui .content { height: 58px; margin-top: 6px; padding-bottom: 27px; }
    .article-container .article-intro .article-list .section.zhihui:last-child .content { padding-bottom: 27px; }

    .article-container .article-intro .zihui-article .pre-next,
    .article-container .article-intro .zihui-article .pre-next a { font-size: 14px;}

    /* keep about start */
    .article-container .article-intro .keep-about .row .col .text-list ul li.width5 .text { margin-left: 104px; }
    /* end keep about */
    
    /* 2016-2-14 新加元素 start */
    .team-list .team-list-li { margin: 0.5% 1%; }
    /* end 2016-2-14 新加元素 */

}

/*IPhone 6*/
@media screen and (max-width: 375px) {
    .banner .img-box { width: 346px; padding: 8px; margin: 227px auto 0; }
    .banner .img-box .img2 { margin-top: 12px; }
    .banner .img-box .img3 { margin-top: 12px; }

    /* 共用样式 start */
    .banner2 { height: 192px; }
    .banner2 .title { height: 38px; line-height: 38px; font-size: 20px; }

    .footer-mini,
    .footer-mini a { font-size: 12px; line-height: 38px; }
    /* end 共用样式 */

    .article-container .right-box { margin-bottom: 50px; }
    .article-container .section.tongdao .title { margin-top: 19px; margin-bottom: 12px; font-size: 18px; }
    .article-container .section.tongdao ul li,
    .article-container .section.tongdao ul li a { line-height: 22px; font-size: 14px; }
    
    /* 2016-2-14 新加元素 start */
    .team-list .team-list-li { margin: 1.7% 3.4%; width: 162px; height: 243px; }
    .team-list .team-list-li img { width: 162px; height: 243px; }
    .team-list .team-list-li .text { width: 138px; }
    /* end 2016-2-14 新加元素 */

}

/*googel N5*/
@media screen and (max-width: 360px) {
    .mobile-nav-btn { width: 60px; height: 62px; }
    .mobile-nav-btn.active { background-image: url("../images/m_nav_btn_active.png"); }
    .mobile-nav ul { margin-top: 62px; }
    .mobile-nav ul li,
    .mobile-nav ul li a { font-size: 20px; line-height: 55px; }

    .header { height: 65px; }
    .header .logo .img-table { width: 154px; height: 40px; }
    .header .logo { margin-left: 10px; margin-top: 13px; }

    .banner .img-box { width: 332px; padding: 8px; margin: 215px auto 0; }
    .banner .img-box .img2 { margin-top: 14px; }
    .banner .img-box .img3 { margin-top: 14px; }

    .news .news-container { width: 312px; padding: 8px; margin: 97px auto 26px; }
    .news .news-container .line { margin: 16px auto 10px; }
    .news .news-container .news1 .content { max-height: 116px; line-height: 22px;font-size: 12px; }
    .news .news-container .news2 .article-title { width: 190px; }
    .news .news-container .news1 .title,
    .news .news-container .news1 .title a,
    .news .news-container .news2 .title,
    .news .news-container .news2 .title a { line-height: 34px; font-size: 14px; }
    .news .news-container .news1 .title:after,
    .news .news-container .news2 .title:after { width: 14px; height: 14px; top: 12px; }
    .news .news-container .news2 .article-title,
    .news .news-container .news2 .article-title a,
    .news .news-container .news2 .time { line-height: 30px; font-size: 12px; }

    .footer .footer-container { height: 36px; }
    .footer .footer-container .text1 p,
    .footer .footer-container .text1 p a { line-height: 36px; font-size: 12px; }

    /* 共用样式 start */
    .banner2 { height: 192px; }
    .banner2 .title { height: 38px; line-height: 38px; font-size: 20px; }
    /* end 共用样式 */

    .article-container .article-intro .junzi-title { font-size: 16px; }
    .article-container .article-intro .junzi-content { font-size: 12px; margin-top: 10px; margin-bottom: 12px; }
    .article-container .article-intro .section.junzi .person { margin-bottom: 10px; }
    .article-container .article-intro .section.junzi .job { font-size: 16px; margin-bottom: 10px; }

    .article-container .article-intro .junli-article-detail .person .img-box { left: 50%; margin-left: -84px; }
    .article-container .article-intro .junli-article-detail .person .img-box .img-table { max-width: 168px; max-height: 243px; width: 168px; height: 243px; }
    .article-container .article-intro .junli-article-detail .person .img-box .img-table img { max-width: 168px; max-height: 243px; }
    .article-container .article-intro .junli-article-detail .person ul { padding-top: 250px; }
    .article-container .article-intro .junli-article-detail .person ul li,
    .article-container .article-intro .junli-article-detail .person ul li a { font-size: 12px; line-height: 20px; }
    .article-container .article-intro .junli-article-detail .person ul li.username a { font-size: 18px; }
    .article-container .article-intro .junli-article-detail .person ul li.job { margin-top: 4px; }
    .article-container .article-intro .junli-article-content { margin-top: 20px; }

    .article-container .article-intro .section.junzi .person ul li { width: 27.1%; height: 42px; }
    .article-container .article-intro .section.junzi .person ul li,
    .article-container .article-intro .section.junzi .person ul li a { line-height: 42px; font-size: 12px; }

    .article-container .article-intro .article-list .section.zhihui .title-box .title,
    .article-container .article-intro .article-list .section.zhihui .title-box .title a { font-size: 16px; }
    .article-container .article-intro .article-list .section.zhihui { margin-bottom: 15px; }
    .article-container .article-intro .article-list .section.zhihui .title-box .time { bottom: 5px; font-size: 12px; }

    .article-container .article-intro .article-list .section.zhihui .content,
    .article-container .article-intro .article-list .section.zhihui .content a { font-size: 12px; line-height: 28px; }
    .article-container .article-intro .article-list .section.zhihui .content { height: 56px; margin-top: 4px; padding-bottom: 25px; }
    .article-container .article-intro .article-list .section.zhihui:last-child .content { padding-bottom: 25px; }

    .article-container .article-intro .zihui-article .title { font-size: 15px; line-height: 24px; }
    .article-container .article-intro .zihui-article .time { font-size: 12px; }

    .article-container .article-intro .zihui-article .pre-next,
    .article-container .article-intro .zihui-article .pre-next a { font-size: 14px; }

    /* keep about start */
    .article-container .article-intro .keep-about .row .col.first .img-box { width: 221px; }
    .article-container .article-intro .keep-about .row .col .img-table { max-width: 221px; max-height: 221px; width: 221px; height: 221px; }
    .article-container .article-intro .keep-about .row .col .img-table img { max-width: 221px; max-height: 221px; }
    .article-container .article-intro .keep-about .row .col .img-box .text { font-size: 16px; }
    .article-container .article-intro .keep-about .row .col.second .text-list { width: 230px; }
    .article-container .article-intro .keep-about .row .col .form-list .title { font-size: 16px; }
    .article-container .article-intro .keep-about .row .col .form-list ul li { height: 48px; margin-bottom: 10px; }
    .article-container .article-intro .keep-about .row .col .form-list ul li input[type=text],
    .article-container .article-intro .keep-about .row .col .form-list ul li textarea,
    .article-container .article-intro .keep-about .row .col .form-list ul li input[type=submit]{ font-size: 14px; }
    .article-container .article-intro .keep-about .row .col .form-list ul li input[type=submit] { height: 48px; }
    .article-container .article-intro .keep-about .row .col .text-list ul li .absolute { font-size: 14px; line-height: 30px; }
    .article-container .article-intro .keep-about .row .col .text-list ul li .text { margin-left: 44px; }
    .article-container .article-intro .keep-about .row .col .text-list ul li.width5 .text { width: 165px; margin-left: 90px; }
    .article-container .article-intro .keep-about .row .col .text-list ul li .text,
    .article-container .article-intro .keep-about .row .col .text-list ul li .text a { font-size: 14px; width: 200px; line-height: 30px; }
    /* end keep about */
    
    /* 2016-2-14 新加元素 start */
    .team-list .team-list-li { margin: 1.2% 2.4%; }
    .team-list .team-list-li .text .name { font-size: 16px; }
    .team-list .team-list-li .text .job { font-size: 14px; }
    /* end 2016-2-14 新加元素 */

}

/*IPhone 5 / IPhone 4 */
@media screen and (max-width: 320px) {
    .mobile-nav-btn { width: 60px; height: 52px; }
    .mobile-nav-btn.active { background-image: url("../images/m_nav_btn_active.png"); }
    .mobile-nav ul { margin-top: 62px; }
    .mobile-nav ul li,
    .mobile-nav ul li a { font-size: 20px; line-height: 45px; }

    .header { height: 52px; }
    .header .logo .img-table { width: 154px; height: 38px; }
    .header .logo { margin-left: 6px; margin-top: 6px; }

    .banner .img-box { width: 295px; padding: 8px; margin: 190px auto 0; }
    .banner .img-box .img2 { margin-top: 14px; }
    .banner .img-box .img3 { margin-top: 14px; }

    .news .news-container { width: 278px; padding: 8px; margin: 97px auto 26px; }
    .news .news-container .line { margin: 16px auto 10px; }
    .news .news-container .news1 .content { max-height: 106px; line-height: 22px;font-size: 12px; }
    .news .news-container .news2 .article-title { width: 170px; }
    .news .news-container .news1 .title,
    .news .news-container .news1 .title a,
    .news .news-container .news2 .title,
    .news .news-container .news2 .title a { line-height: 34px; font-size: 14px; }
    .news .news-container .news1 .title:after,
    .news .news-container .news2 .title:after { width: 14px; height: 14px; top: 12px; }
    .news .news-container .news2 .article-title,
    .news .news-container .news2 .article-title a,
    .news .news-container .news2 .time { line-height: 30px; font-size: 12px; }

    .footer .footer-container { height: 34px; }
    .footer .footer-container .text1 p,
    .footer .footer-container .text1 p a { line-height: 34px; font-size: 12px; }

    /* 共用样式 start */
    .banner2 { height: 171px; }
    .banner2 .title { height: 34px; line-height: 34px; font-size: 18px; }

    .footer-mini,
    .footer-mini a { font-size: 12px; line-height: 36px; }
    /* end 共用样式 */

    .article-container .right-box { margin-bottom: 45px; }
    .tongdao-text { margin-top: 36px; }
    .article-container .section.tongdao span { font-size: 14px !important; line-height: 2 !important; }
    .article-container .section.tongdao .title { margin-top: 19px; margin-bottom: 12px; font-size: 20px; }
    .article-container .section.tongdao ul li,
    .article-container .section.tongdao ul li a { line-height: 20px; font-size: 12px; }

    .article-container .article-intro .junzi-title { font-size: 14px; }
    .article-container .article-intro .junzi-content { font-size: 12px; }
    .article-container .article-intro .section.junzi .job { font-size: 14px; }

    .article-container .article-intro .junli-article-detail .person .img-box { left: 50%; margin-left: -74px; }
    .article-container .article-intro .junli-article-detail .person .img-box .img-table { max-width: 149px; max-height: 216px; width: 149px; height: 216px; }
    .article-container .article-intro .junli-article-detail .person .img-box .img-table img { max-width: 149px; max-height: 216px; }
    .article-container .article-intro .junli-article-detail .person ul { padding-top: 224px; }
    .article-container .article-intro .junli-article-detail .person ul li,
    .article-container .article-intro .junli-article-detail .person ul li a { font-size: 12px; line-height: 20px; }
    .article-container .article-intro .junli-article-detail .person ul li.username a { font-size: 18px; }
    .article-container .article-intro .junli-article-detail .person ul li.job { margin-top: 4px; }
    .article-container .article-intro .junli-article-content { margin-top: 20px; }

    .article-container .article-intro .section.junzi .person ul li { width: 26.8%; height: 40px; }
    .article-container .article-intro .section.junzi .person ul li,
    .article-container .article-intro .section.junzi .person ul li a { line-height: 40px; font-size: 12px; }

    .article-container .article-intro .article-list .section.zhihui .title-box .title,
    .article-container .article-intro .article-list .section.zhihui .title-box .title a { font-size: 16px; }
    .article-container .article-intro .article-list .section.zhihui { margin-bottom: 15px; }
    .article-container .article-intro .article-list .section.zhihui .title-box .time { bottom: 5px; font-size: 12px; }

    .article-container .article-intro .article-list .section.zhihui .content,
    .article-container .article-intro .article-list .section.zhihui .content a { font-size: 12px; line-height: 28px; }
    .article-container .article-intro .article-list .section.zhihui .content { height: 56px; margin-top: 4px; padding-bottom: 25px; }
    .article-container .article-intro .article-list .section.zhihui:last-child .content { padding-bottom: 25px; }

    .article-container .article-intro .zihui-article .pre-next,
    .article-container .article-intro .zihui-article .pre-next a { font-size: 12px; line-height: 26px; }

    /* keep about start */
    .article-container .article-intro .keep-about .row .col.first .img-box { width: 221px; }
    .article-container .article-intro .keep-about .row .col .img-table { max-width: 221px; max-height: 221px; width: 221px; height: 221px; }
    .article-container .article-intro .keep-about .row .col .img-table img { max-width: 221px; max-height: 221px; }
    .article-container .article-intro .keep-about .row .col .img-box .text { font-size: 16px; }
    .article-container .article-intro .keep-about .row .col.second .text-list { width: 230px; }
    .article-container .article-intro .keep-about .row .col .form-list .title { font-size: 14px; }
    .article-container .article-intro .keep-about .row .col .form-list ul li { height: 48px; margin-bottom: 10px; }
    .article-container .article-intro .keep-about .row .col .form-list ul li input[type=text],
    .article-container .article-intro .keep-about .row .col .form-list ul li textarea,
    .article-container .article-intro .keep-about .row .col .form-list ul li input[type=submit]{ font-size: 12px; }
    .article-container .article-intro .keep-about .row .col .form-list ul li input[type=submit] { height: 48px; }
    .article-container .article-intro .keep-about .row .col .text-list ul li .absolute { font-size: 12px; line-height: 30px; }
    .article-container .article-intro .keep-about .row .col .text-list ul li .text { margin-left: 40px; }
    .article-container .article-intro .keep-about .row .col .text-list ul li.width5 .text { width: 165px; margin-left: 78px; }
    .article-container .article-intro .keep-about .row .col .text-list ul li .text,
    .article-container .article-intro .keep-about .row .col .text-list ul li .text a { font-size: 12px; width: 200px; line-height: 30px; }
    /* end keep about */
    
    /* 2016-2-14 新加元素 start */
    .area .area-ul .area-li { height: 50px;}
    .area .area-ul .area-li .text { line-height: 50px; font-size: 14px; }
    .team-list .team-list-li { margin: 1.4% 2.8%; width: 142px; height: 223px; }
    .team-list .team-list-li img { width: 142px; height: 223px; }
    .team-list .team-list-li .text { width: 118px; }
    .team-list .team-list-li .text .name { font-size: 14px; }
    .team-list .team-list-li .text .job { font-size: 12px; }
    /* end 2016-2-14 新加元素 */

}
/*==========================================================================================*\
 *  end 适配的分辨率
\*==========================================================================================*/