@charset "utf-8";
/*## Reset CSS for Website ##*/
body{color:#222; text-align:center;
    font: 13px / 24px 微软雅黑, "Microsoft YaHei", sans-serif;
}
a:link{color:#222; text-decoration:none;}
a:visited{color:#222; text-decoration:none;}
a:hover{color:#DA251D; text-decoration:none;}
body, a, button, input, select, textarea, div {
    font: 13px / 24px 微软雅黑, "Microsoft YaHei", sans-serif;
}
div a:hover{color:#DA251D; text-decoration:none;}
.sanjiao {
    width: 0px;
    height: 0px;
    display: inline-block;
    border-top: 3px solid transparent;
    margin: 0 3px;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #aaa;
}
.page-wrap{width:1320px; margin:0 auto; text-align:left;clear: both;}
.full-nav {width: 100%;border-bottom:1px solid rgba(221,221,221,1);
    height: 65px;}
/*---Header---*/
#header{
    width: 1320px;
    position: relative;
    z-index: 10;
    margin: 0 auto;
    display: flex;
    height: 115px;
    justify-content: space-between;
}
#header h1{margin: 0 auto;}
#header h1 a{float:left; margin-right:15px;}
#header ._logo {
    margin-top: 5px;
    width: 200px;
}
.main-nav{width:330px; height:80px; margin-left:20px;padding-top: 30px;}
#navmenu{display:block;}
#navmenu li{
    float:left;
    padding:14px 0; 
    margin-left:2px; 
    position:relative; 
    z-index:999;
    border-top: 4px solid transparent;
}
.right-menu {
    display: flex;
    justify-content: space-around;
}
._qr {
    width: 80px;height: 80px;
}
.head-qr-item {
    margin-left: 15px;
    padding-top: 10px;
}

.qr-title {
text-align: center;
font-size: 12px;
color: #333;
line-height: 12px;
}
#navmenu li ul li {padding:0;margin-top:1px;margin-left:0px;float: left;border: unset}
#navmenu li a{
    display: block;
    height: 38px;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 3px;
    line-height: 38px;
    text-decoration: none;
    color: #666;
    font-weight: 500;
}

.main-nav span.oa-block {
    border-left: 1px solid #ccc;
    margin-left: 30px;
    margin-top: 40px;
    padding-left: 20px;
}
#navmenu li.current {
    border-top: 4px solid #DA251D;
}
#navmenu li.main-sun-nav:hover {
    border-top: 4px solid #DA251D;
}

.main-nav a.oa-btn {    
    padding: 10px 10px 10px 38px;
    width: 72px;
    border-radius: 5px;
    background: url(../images/OA-5.png) 15px 10px no-repeat;
    background-size: 20%;
}
.main-nav a.oa-btn:hover{
    color: #DA251D;
}
#nav-header.shadow {
    position: fixed;
    top: 0;
    transition-duration: 1s;
    background: #eee;
    z-index: 100;
    width: 100%;
}
#navmenu ul{ position:absolute; display:none; top:87px; height: 56px;padding-bottom:0px;width: 500px;}
#navmenu ul li{height:56px; text-align:center; float:left;}
#navmenu ul a{height:36px; line-height:36px; color:#fff; padding:0 15px;}
.main-nav span{font-size:14px; margin-top:30px; color:#666;}
.main-nav span a{color:#666;}
#navmenu li ul li a:hover{
    color: #DA251D;
}

.main-nav-submenu-mask {
    opacity: 0.6;
    background: #000;
    position: absolute;
    top: 91px;
    height: 56px;
    z-index: 100;
}

.container {
    width: 100%;
    clear: both;
}
.full-image-block {
    width: 100%;
}
.show {
    display: block;
}
.hide {
    display: none;
}
#dowebok {
width: 100%;
height: 410px;
overflow: hidden;
}
#dowebok img {
    width: 100%;
    height: 410px;
}

#notice-slider .jquery-slider-selectors {
    display: none;
}
.jquery-slider-selectors {
    display: none;
}
.issue-page-list {
    display: block;
    clear: both;
    padding-left: 33px;

}
.issue-page-item {
    border: 1px solid #eee;
    background-color: #eee;
    padding: 5px 15px;
    margin: 10px;
    float: left;
    display: inline-block;
}

.issue-cover {
    width: 704px;
    height: 1152px;
    position: relative;
    margin-bottom: 10px;
}
.issue-cover img{
    width: 100%;
    height: 100%;
    box-shadow: 1px 6px 7px #888888
}

/*幻灯片*/
.slick_bor{display:block;position:relative;width:100%; margin-bottom:10px;min-height: 300px;overflow: hidden;}
.slick{margin:0 auto;overflow:hidden;position:relative;width:100%}
.slick span{background-color:#e94880;bottom:10px;color:#fff;font:700 22px/65px "Microsoft Yahei";left:0;padding:0 10px;position:absolute}
.img_855x300{max-height:656px;width:100%;}
.centered-btns_nav{height:61px;left:0;margin-top:-35px;opacity:.7;overflow:hidden;position:absolute;text-decoration:none;text-indent:-9999px;top:50%;width:38px;z-index:3}
.centered-btns_nav:active{opacity:1}
.centered-btns_nav.next{background-position:right top;left:auto;right:0}
.centered-btns_tabs,.large-btns_tabs,.transparent-btns_tabs{bottom: 36px;left: 50%;list-style: outside none none;padding-left: 0;position: absolute;text-align: center;width: 60%;z-index: 15;}
.centered-btns_tabs li,.large-btns_tabs li,.transparent-btns_tabs li{display:inline;float:none;margin-right:8px}
.centered-btns_tabs a,.large-btns_tabs a,.transparent-btns_tabs a{
    background:#666;
    display:inline-block;
    width:12px;
    height:12px;
    /*border:1px solid rgba(255,255,255,1);*/
    border-radius:11px;overflow:hidden;text-indent:-9999px;
}
.centered-btns_here a,.large-btns_here a,.transparent-btns_here a{width:35px;background: #000;}

/*---Foot Slogan---*/
.foot-slogan{height:90px; background:#9b2000; margin-top:45px;}
.foot-slogan .logo{margin:30px 0 0 205px; float:left;}
.foot-slogan .slogan{margin:20px 0 0 125px; float:left;}
.foot-slogan .qrcode{margin:8px 0 0 128px; float:left;}

/*---Bottom---*/
#bottom{height:85px; background:#f9f9f9; margin-top:50px; padding-top:22px; border-top:solid 3px #d0241c; clear:both;}
#bottom.index{margin:0;}
#bottom .copyright{width:860px; color:#666; line-height:30px;}
#bottom .links select{padding:3px 6px;}

/*---Copyright---*/
#copyright{text-align:center; line-height:22px; color:#333; margin-top:10px;}
#copyright a{color:#333;}
#copyright a:hover{color:#f00;}

.beian-link {

}
.footer {
    background: #5a5555;
    color: #fff;
    clear: both;
}
.footer a {
    color: #fff;
}

.index-footer {
    background: #fff;
    color: #666;
    clear: both;
}
.index-footer a {
    color: #666;
}
.footer-inner {
    padding: 25px 0;
    display: flex;
    justify-content: space-around;
}

.footer-left {
    width: 400px;
}
.footer-qr {
    text-align: center;
    font-size: 12px;
    color: #fff;
}
.footer-qr img {
    width: 120px;
    height: 120px;
}
.footer-items {
    margin: 0 auto;
    list-style: none;
    display: block;
    width: 450px;
}
.footer-items li {
    list-style: none;
    line-height: 30px;
}
.footer-items li a.beian-link {
    
}
.common-row {
    display: block;
    clear: both;
}
.notice-block {
    width: 1320px;
    margin: 0 auto;
    padding: 38px 0;
    height: 130px;
    flex-direction: row;
    align-items: center;
}
.focus-images {
    width: 100%;
    height: 200px;
   /* height: 185px;
    margin-bottom: 36px;
    overflow: hidden;*/
}
/*---Index---*/
.focus-image {
    width: 100%;
}
.index-notice {
    width: 50%;
    height: 130px;
    border-right: 1px solid #ddd;
}
.notice-content {
    padding-left: 0px;
}
.news-content {
    padding-left: 33px;
}
.index-news {
    width: 600px;
}
.notice__title {
    width: 100%;
    clear: both;
    height: 30px;
}
.notice__content {
    width: 100%;
    clear: both;
    height: 96px;
    overflow: hidden;
}
.notice__title-h3 {
    font-size: 14px;
    font-weight: 600;
    width: 60px;
    float: left;
    color: #DA251D;
}
.notice__content-title {
    float: left;
    margin-left: 170px;
    overflow: hidden;
    width: 216px;
    font-size: 14px;
    color: #DA251D;
    font-weight:400;
    padding-left: 40px;
    background: url(../images/notice.png) no-repeat;
}
.notice__content-link {
    
}
.notice-content__title{
    width: 480px;
    text-align: left;
    padding-top: 10px;
    line-height: 40px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.notice-content__title a {
    font-size: 16px;
    font-weight: 600;
}
.notice-content__content {
    font-size: 12px;
    line-height: 20px;
    width: 95%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 可以显示的行数，超出部分用...表示*/
    -webkit-box-orient: vertical;
}
.news__title {
    font-size: 14px;
    font-weight: 600;
    color: #DA251D;
}
.news__list {
    padding-top: 15px;
}
.news__list ul.list-ul {

}

.news-list__item {
    line-height: 30px;
    color: #666;
     overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.news-list-item__date {
    width: 100px;
}
.news-list-item__title {
}
.news-list-item__title a {
    font-size: 14px;
    font-weight: 600;
    color: #444;
    line-height: 40px;
}
.dot {
    font-size: 14px;
    color: #e40505;
    font-weight: 900;
}

.footer-logo {
    /*background: url(../images/footer-logo.jpg) no-repeat;
    background-size: cover;
    background-position: -243px 0;*/
    height: 108px;
    width: 1320px;
}
/* artile list */
.article-list__item {
    position: relative;
    margin-bottom: 38px;
    clear: both;
    height: 122px;
    width: 100%;
}
.article-list__item .time-line-dot {
    position: absolute;
    left: -45px;
    width: 15px;
    height: 15px;
    background: #f00;
    border-radius: 15px;
    background: url('../images/timeline-dot.png') no-repeat left center;
    background-size: 15px;
}
.article-list-item__image {
    float: left;
    width:202px;
}
.article-list-item__image-pic {
    width:202px;
    height:122px;
}
.article-list-item__right-block {
    float: left;
    width: 790px;
    padding-left: 24px;
}
.article-list-item__date {
    font-size:20px;
    font-weight:500;
    color:rgba(218,37,29,1);
    line-height:22px;
    opacity:0.5;
}
.article-list-item__title, .article-list-item__title a, .article-list-item__title a:visited {
    font-size:16px;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding-top: 10px;
}
.article-list-item__title a:hover {
    color: #DA251D;
}
.article-list-item__info {
    font-size:11px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:25px;
}
.article-list-item__info-item {
    padding-right: 15px;
}

.article-list-item__summary{
    font-size:12px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-images-list {

}
.news-images-list__item {
    margin: 0 auto;
    margin-bottom: 20px;
    clear: both;
}
.news-images-list__pic {
    width: 293px;
    height: 117px;
}

/*** notice  ****/
.notice-list__item {
    height: 100px;
}
.notice-list__item .time-line-dot {
    top: 8px;
}
.notice-pub-date {
    position: absolute;
    left: -150px;
    color: #DA251D;
    font-size: 16px;
    opacity: 0.5;
    top: 3px;
    font-weight: 600;
}
.notice-list__summary {
    font-size:12px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:23px;
}
/** notice end ***/
/*** history  ****/
.history-list__item {
    height: unset;
}
.history-item__title {
    font-size: 18px;
    line-height: 40px;
    color: #DA251D;
}
.history-item__body {
    padding-top: 20px;
    max-height: 600px;
    overflow-y: scroll;
}
.history-item__body img {
    width: 100%;
    margin: 5px 0;
}
.history-list__item .time-line-dot {
    top: 8px;
}
.history-list__item .history-pub-year {
    color: #DA251D;
    font-size: 24px;
    opacity: 1;
    left: -130px;
}
.history-list__item .year-line {
    width: 30px;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    left: -67px;
    opacity: 0.9;
    top: 15px;
}

.history-pub-date {
    position: absolute;
    left: -100px;
    color: #DA251D;
    font-size: 16px;
    opacity: 0.5;
    top: 3px;
    font-weight: 600;
}
.history-list__summary {
    font-size:12px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:23px;
}
.rongyu-block {
    min-height: 400px;
}
/** history end ***/
/***** article content ****/
.article-content-page {
    width: 1000px;
    margin: 0 auto;
    padding-top: 34px;
    padding-bottom: 30px;
}
.
/*---article show---*/
.article-header{margin-top:20px;}
.article-header h1{
    font-size: 20px;
    font-weight: 600;
    color: #000;
    line-height: 55px;
    text-align: center;
}
.article-header h3 {
    text-align: right;
    padding-right: 50px;
}
.article-header .meta {
    font-size:12px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:19px;
    text-align: center;
}
.article-header .meta .muted {
    padding-right: 20px;
}
.article-header p{color:#666; line-height:33px;}
.article-header p a{color:#1e50a2;}
.article-header p a:hover{color:#f00;}

/*---article detail---*/
#article-detail{margin-top:20px; font-size: 14px;width:100%; overflow:hidden; line-height:2em; color:#666;}
#article-detail a{color:#1e50a2;}
#article-detail p{text-indent:0.8em; font-size:14px;}
#article-detail img{margin:12px 0; max-width:800px;}
#article-detail video {
    width: 100%;
    height: 560px;
}

.solution-list{position:relative;height:174px;z-index:9;width:1320px;margin:0 auto;}
.short-bar{position:absolute;top:187px;left:50%;margin-left:-15px;width:30px;height:3px;background-color:#fff}
.active .short-bar{top:201px;background-color:#009dff}
.solution-list ul li{float:left;width:192px;position:relative;height:213px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.solution-item-wrapper{width:192px;height:174px;background-repeat: no-repeat;background-position: center;background-size: 100%;}

.active .solution-item-wrapper{position:absolute;z-index:9;top:-18px;left:-15px;width:240px;height:217px;background-repeat: no-repeat;background-position: center;background-size: 100%;-webkit-box-shadow:0 5px 40px rgba(0,0,0,.5);-moz-box-shadow:0 5px 40px rgba(0,0,0,.5);box-shadow:0 5px 40px rgba(0,0,0,.5)}
.solution-list ul li.product-special-li-5 {
    width: 430px;
}
.solution-list ul li.product-special-li-5 .solution-item-wrapper {
    width: 430px;
}
@media only screen and (max-width:1400px){
    .product-special-li-5.active .solution-item-wrapper{left:-102px}
}
.solution-list ul li p.solution-title{position:absolute;top:211px;width:100%;text-align:center;color:#fff;font-size:18px;z-index:2}
.solution-list ul li p.solution-intro{position:absolute;top:282px;left:50%;margin-left:-121px;width:242px;overflow:hidden;color:#eee;line-height:2;z-index:2;opacity:0;filter:alpha(opacity=0);font-size:14px;text-align:justify}
.solution-list ul li a{display:none;position:absolute;top:452px;left:50%;margin-left:-87px;width:174px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;z-index:2;background-color:#0af}
.solution-list ul li a:hover{background-color:#0099e5;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s}
.solution-list ul li.active p.solution-title{top:158px;font-size:22px}
.solution-list ul li.active p.solution-intro{top:230px;opacity:1;filter:alpha(opacity=100)}
.solution-list ul li.active a{top:388px;display:block}


/***** single page *****/
.page-image {
    width: 100%;
}

.nav-block {
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.nav-block a {
    line-height: 65px;
}
.breadcrumbs {
line-height: 65px;
}
.breadcrumbs__home {
    display: inline-block;
    width: 15px;
    height: 21px;
    background: url(../images/home.png) left 8px no-repeat;
    background-size: 14px;
}
.sub-menus {
padding-right: 95px;
}
.sub-menus__item {
    display: inline-block;
    float: left;
    padding: 0px 15px;
    height: 63px;
}
.sub-menus__item a {
    color: #666;
    font-weight: 500;
}
.sub-menus__item a:hover {
    color: #DA251D;
    font-weight: 500;
}
.sub-menus__item-ul {

}
.sub-menus__item-link {

}

.sub-menus__item-ul li.active {
    border-bottom: 3px solid #DA251D;
    color: #DA251D;
}
.sub-menus__item-ul li.active a{
    color: #DA251D;
}

.left-brand {
    padding: 37px 78px 63px 95px; 
    width: 258px;
    float: left;
}
.right-content {
    padding: 37px 90px 63px 37px;
    width: 640px;
    float: left;
    min-height: 400px;
    border-left: 1px solid rgba(221,221,221,1);
}
#news-list {
    border: unset;
    width: 1020px;
    padding: 37px 0;
    margin-left: 90px;
}
.left-brand__en {
    font-size:18px;
    line-height: 22p;
    color: #ddd;
    font-weight: 600;
    width: 300px;
}
.left-brand__zh {
    height:14px;
    font-size:15px;
    font-weight:600;
    color:rgba(218,37,29,1);
    line-height:15px;
    padding-top: 20px;
}

.fix-brand {
    position: fixed;
}

.right-brand__en {
    padding-top: 12px;
    font-size:18px;
    line-height: 22p;
    color: #ddd;
    font-weight: 600;
    padding-bottom: 40px;
}
.right-brand__zh {
    height:14px;
    font-size:15px;
    font-weight:600;
    color:rgba(218,37,29,1);
    line-height:15px;
}
/*** end **/

.modal {
  display: none;
  width: 780px;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  z-index: 1000;
}

.modal a.close-modal {
  position: absolute;
  top: 33px;
  right: 38px;
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  background: url(../images/close.png) no-repeat 0 0;
  background-size: 16px;
  border: 1px solid #fff;
}
.modal a.close-modal:hover {
    border: 1px dotted #ddd ;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url(../images/spinner.gif) #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.ablum-header {
    color: #DA251D;
    font-size: 14px;
    font-weight: 500;
    line-height: 50px;
    clear: both;
    text-align: left;
}

.empty {
    line-height: 50px;
}

.landmark{width:820px; height:740px; float:right; background:url(../../images/jlh/landmark_bg.jpg) 30px 18px no-repeat; position:relative;}
.landmark ul{width:820px; height:740px;}
.landmark li a:hover{text-decoration:none;}
.landmark li{width:111px; position:absolute;}
.landmark li span{display:block; width:111px; background:url(../../images/jlh/landmark.png) no-repeat; text-indent:-99999em;}
.landmark li strong{color:#d0241c;}
.landmark li:hover strong{color:#eb3f37;}
.landmark li.li01{left:124px; top:126px; text-align:center;}
.landmark li.li01 span{height:51px; background-position:0 0;}
.landmark li.li02{left:406px; top:103px; text-align:center; line-height:12px;}
.landmark li.li02 span{height:56px; background-position:0 -51px;}
.landmark li.li03{left:523px; top:100px; text-align:center; line-height:12px;}
.landmark li.li03 span{height:55px; background-position:0 -107px;}
.landmark li.li04{left:342px; top:493px;}
.landmark li.li04 span{height:54px; background-position:0 -162px;}
.landmark li.li04 strong{position:absolute; width:95px; left:-88px; top:8px;}
.landmark li.li05{left:460px; top:491px;}
.landmark li.li05 span{height:56px; background-position:0 -218px;}
.landmark li.li05 strong{position:absolute; width:95px; left:126px; top:9px;}
.landmark li.li06{left:333px; top:577px;}
.landmark li.li06 span{height:55px; background-position:0 -274px;}
.landmark li.li06 strong{position:absolute; width:95px; left:-88px; top:8px;}
.landmark li.li07{left:451px; top:572px;}
.landmark li.li07 span{height:55px; background-position:0 -330px;}
.landmark li.li07 strong{position:absolute; width:95px; left:126px; top:9px;}

/*---landmark animated---*/
.landmark li{animation-duration:.7s; -webkit-animation-duration:.7s; animation-fill-mode:both; -webkit-animation-fill-mode:both; animation-name:bounceIn; -webkit-animation-name:bounceIn;}
@-webkit-keyframes bounceIn{
    from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
    0%{opacity:0; transform:scale3d(.3,.3,.3); -webkit-transform:scale3d(.3,.3,.3);}
    20%{transform:scale3d(1.1,1.1,1.1); -webkit-transform:scale3d(1.1,1.1,1.1);}
    40%{transform:scale3d(.9,.9,.9);  -webkit-transform:scale3d(.9,.9,.9);}
    60%{opacity:1; transform:scale3d(1.03,1.03,1.03); -webkit-transform:scale3d(1.03,1.03,1.03);}
    80%{transform:scale3d(.97,.97,.97); -webkit-transform:scale3d(.97,.97,.97);}
    to{opacity:1; transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}}
@keyframes bounceIn{
    from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
    0%{opacity:0; transform:scale3d(.3,.3,.3); -webkit-transform:scale3d(.3,.3,.3);}
    20%{transform:scale3d(1.1,1.1,1.1); -webkit-transform:scale3d(1.1,1.1,1.1);}
    40%{transform:scale3d(.9,.9,.9); -webkit-transform:scale3d(.9,.9,.9);}
    60%{opacity:1; transform:scale3d(1.03,1.03,1.03); -webkit-transform:scale3d(1.03,1.03,1.03)}
    80%{transform:scale3d(.97,.97,.97); -webkit-transform:scale3d(.97,.97,.97);}
    to{opacity:1; transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}}

.landmark li:hover{animation-name:rubberBand; -webkit-animation-name:rubberBand;}
@-webkit-keyframes rubberBand{
    from{transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}
    30%{transform:scale3d(1.25,0.75,1); -webkit-transform:scale3d(1.25,0.75,1);}
    40%{transform:scale3d(0.75,1.25,1); -webkit-transform:scale3d(0.75,1.25,1);}
    50%{transform:scale3d(1.15,0.85,1); -webkit-transform:scale3d(1.15,0.85,1);}
    65%{transform:scale3d(.95,1.05,1); -webkit-transform:scale3d(.95,1.05,1);}
    75%{transform:scale3d(1.05,.95,1); -webkit-transform:scale3d(1.05,.95,1);}
    to{transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}}
@keyframes rubberBand{
    from{transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}
    30%{transform:scale3d(1.25,0.75,1); -webkit-transform:scale3d(1.25,0.75,1);}
    40%{transform:scale3d(0.75,1.25,1); -webkit-transform:scale3d(0.75,1.25,1);}
    50%{transform:scale3d(1.15,0.85,1); -webkit-transform:scale3d(1.15,0.85,1);}
    65%{transform:scale3d(.95,1.05,1); -webkit-transform:scale3d(.95,1.05,1);}
    75%{transform:scale3d(1.05,.95,1); -webkit-transform:scale3d(1.05,.95,1);}
    to{transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}}

/*---Containter---*/
#containter{padding-top:256px; width:100%;}
#containter.about{background:url(../../images/jlh/about_bg.jpg) top center no-repeat;}
#containter.culture{background:url(../../images/jlh/culture_bg.jpg) top center no-repeat;}
#containter.news{background:url(../../images/jlh/news_bg.jpg) top center no-repeat;}
#containter.recruit{background:url(../../images/jlh/recruit_bg.jpg) top center no-repeat;}
#containter.project{background:url(../../images/jlh/project_bg.jpg) top center no-repeat;}

#containter .mainbox{box-shadow:5px 5px 5px 0 #d2d2d2; behavior:url(css/pie.htc); border:solid 1px #d2d2d2; background:#fff!important; width:1150px; padding:0 24px;}
#containter .mainbox.project-detail{padding:0; width:1198px;}
#containter .sidebar{width:236px;}
#containter .sidebar h2{height:72px; line-height:30px; font-size:20px; margin-top:15px; border-bottom:solid 1px #d2d2d2; font-weight:normal;}
#containter .sidebar em{color:#d0241c;font-size:18px;}
#containter .sidebar ul{padding-top:18px;}
#containter .sidebar li a{display:block; height:44px; line-height:44px; border-bottom:dotted 1px #d9d9d9; font-size:18px; color:#666; text-align:center;}
#containter .sidebar li em{font-size:14px; line-height:14px; color:#fff; padding-right:10px; position:relative; top:-2px;}
#containter .sidebar li a:hover{background:#eb3f37; color:#fff; text-decoration:none; border-bottom:solid 1px #eb3f37;}
#containter .sidebar li.current a{color:#fff; background:#d0241c; border-bottom:solid 1px #eb3f37;}

.main-content{width:865px; padding:0 0 100px 24px; border-left:solid 1px #d2d2d2;}

/*---crumb nav---*/
.crumb-nav{height:55px; line-height:55px; color:#666; margin-top:32px; font-size:14px; border-bottom:solid 1px #d2d2d2;}
.crumb-nav a,.crumb-nav a:visited{color:#666; margin:0 4px;}
.crumb-nav a:hover{color:#d0241c;}
.crumb-nav em{color:#d0241c; margin-left:4px;}

/*---main title---*/
.main-content .main-title,#project-profile .main-title{width:434px; margin:20px 0 0 216px; text-align:center; font-size:18px;}
.main-content .main-title h2,#project-profile .main-title h2{display:inline-block; padding:0 25px; background:#fff; position:relative; z-index:10;}
.main-content .main-title strong,#project-profile .main-title strong{display:inline-block; padding-bottom:5px; border-bottom:solid 2px #d0241c; font-weight:400;}
.main-content .main-title em,#project-profile .main-title em{font-size:14px;}
.main-content .main-title hr,#project-profile .main-title hr{height:2px; border-width:0; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #f9f9f9; background:#e5e5e5; position:relative; top:-18px; z-index:1;}

/*---content---*/
.main-content .content{width:865px; overflow:hidden;}
.main-content .content h1{font-size:18px; height:50px; line-height:50px; margin-top:20px; color:#222; text-align:center; font-weight:400;}
.main-content .content img{max-width:865px; margin:20px 0; text-align:center;}
.main-content .content p{font-size:16px; text-indent:2em; margin:15px 0; padding:0 10px; line-height:30px; color:#666;}

/*---news list---*/
.news-list{margin-top:25px;}
.news-list section{padding:25px 0; height:142px; border-bottom:dotted 1px #ddd;}
.news-list figure{width:232px; height:142px; float:left; margin-right:25px; border:solid 1px #ffb2b2;}
.news-list figure img{border:solid 1px #fff;}
.news-list section a:hover img{opacity:0.75; filter:alpha(opacity=75);}
.news-list section a:hover{text-decoration:none;}

.news-list article{float:left; width:606px; height:120px; padding:10px 0; line-height:28px; overflow:hidden;}
.news-list article h2{font-size:16px; color:#222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-list article p{line-height:30px;}
.news-list header p{font-size:12px; color:#999;}



.crumb-nav.crumb2{margin:12px 0 0 24px; border-bottom:none;}
.crumb-nav.crumb3{border-bottom:none;}


/*---teturn top---*/
.return-top{width:50px; height:50px;}
.return-top a{display:block; width:50px; height:50px; overflow:hidden; text-indent:-99999em; background:url(../../images/jlh/return-top.png) no-repeat;}

/*---pagination---*/
.pagination{clear:both;padding:20px 0 15px 0;text-align:center}.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0}.pagination ul>li{display:inline}

.pagination ul>li>a,.pagination ul>li>span{margin:0 3px;float:left;padding:4px 12px 3px;opacity: 0.88;border-radius: 2px;line-height:20px;text-decoration:none;background-color:#ddd;color:#666}.pagination ul>.active>a,.pagination ul>.active>span{background-color:#cc2206;color:#fff}
.pagination ul>.active>a,.pagination ul>.active>span{cursor:default}
.pagination ul>li>span,.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,
.pagination ul>.disabled>a:focus{color:#999;cursor:default}
.pagination ul>.active>a, .pagination ul>.active>a:link, .pagination ul>.active>a:visited, .pagination ul>.active>span {
    color: #fff;
} 

.item-selected {
    background-color: #DA251D;
    color: #fff;
}
.item-selected a{
    color: #fff;
}
.issue-cover-list {
    z-index: 10;
    position: absolute;
    left: 70px;
    top: 246px;
    width: 500px;
    padding: 30px;
    background-color: rgb(0,0,0,0.8);
}
.issue-cover-list a {
    color: #f5b5b5;
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
}
.close-btn {
    position: absolute;
    right: 30px;
    top: 10px;
    color: #fff;
    font-weight: 600;
}
.close-btn a{
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
}
.issue-info {
    padding-bottom: 10px;
}
.issue-info .label {
    color: #666;
}
.issue-info .name {
    color: #222;
    font-weight: 600;
    padding-left: 5px;
}
.issue-cover-list .dot {
    font-size: 23px;
    font-weight: 900;
    color: #fff;
    padding-right: 5px;
}
.action {
    margin-left: 10px;
}
.issue-page-lists .issue-page-item:first-child {
    margin-left: 0;
}

.subscribe {
        display: flex;
        justify-content: space-evenly;
        height: 300px;
        padding: 30px;
}
.subscribe .qrcode{
    width: 260px;
    height: 260px;
}
.subscribe .qrcode img {
        width: 100%;
        height: 100%;
}
.subscribe .qr-text{
        text-align: center;
        line-height: 40px;
}
.article-highline-title {
    color: #444;
    background: #eee;
    line-height: 30px;
    text-align: center;
}