@charset "utf-8";
/* 列表页 */ 

/* 列表banner */
.list-banner { width: 100%; overflow: hidden; position: relative; } 
.list-banner img { width: 100%; } 
.list-page {position: relative;min-height: 600px;padding: 50px 0px;background:url() no-repeat;overflow: hidden;display: block;} 

/* 二级导航 */ 

/* 左侧导航 */ 
.left-nav { width: 20%; float: left; position: relative; z-index: 9; } 
.left-nav .phone-nav { display: none; } 
.left-nav .column { padding: 20px; background: #103675; border-bottom: 3px solid #cdb99b; } 
.left-nav .column h2 { text-align: center; font-size: 24px; font-weight: normal; color: #fff; } 
.left-nav .sideMenu { position: relative; padding: 25px; background: url() bottom no-repeat #f2f3f7; } 
.left-nav .sideMenu li { position: relative; margin-bottom: 10px; background: url(../images/line.png) no-repeat right bottom; } 
.left-nav .sideMenu li h1 { position: relative; display: block; font-weight: normal; padding: 20px 25px; cursor: pointer; } 
.left-nav .sideMenu li h1 a { position: relative; display: block; font-weight: normal; font-size: 24px; color: #fff; padding-right: 30px; background: url(../images/leftnav-ico1.png) right center no-repeat; } 
.left-nav .sideMenu dl { padding: 8px 0 8px 58px; background: #fff; display: none; } 
.left-nav .sideMenu dl dd a { display: block; position: relative; font-size: 16px; color: #333333; padding: 7px 0 7px 15px; background: url(../images/leftnav-ico3.png) left center no-repeat; } 
.left-nav .sideMenu dl dd:hover a, .left-nav .sideMenu dl dd.current a { color: #103675; font-weight: bold; background: url(../images/leftnav-ico4.png) left center no-repeat; } 
.left-nav .sideMenu li.current h1, .left-nav .sideMenu li:hover h1 { background: url(../images/line.png) no-repeat center bottom; } 
.left-nav .sideMenu li.current h1 a, .left-nav .sideMenu li:hover h1 a { font-weight: bold; background: url(../images/leftnav-ico2.png) right center no-repeat; } 
.left-nav .sideMenu li.current dl { display: block; } 

/* 右边内容区域 */ 
.right-con { float: right; width:75%; padding: 20px; background: url() left bottom / contain no-repeat rgb(255, 255, 255);} 

.location { position: relative; padding-bottom: 15px; overflow: hidden; border-bottom: 1px solid #103675; } 
.location .tit { font-size: 1.875rem; font-weight: normal; color: #333333; float: left; } 
.location .weizhi { padding-top: 10px; padding-left: 25px; float: right; font-size: 0.875rem; color: #888888; background: url(../images/Home.png) left 12px no-repeat; } 
.location .weizhi a { font-size: 0.875rem; color: #888888; } 

.list-text { margin: 10px auto; width:95%;} 
.list-text li { border-bottom: 1px solid #e1e1e1; padding: 16px 0px 16px 0; line-height: 44px; position: relative; /* background: url(../images/jiantou1.png) 98% center no-repeat; */} 
.list-text a { display: block; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} 
.list-text .date { float: right; width: auto; font-family: Arial, Helvetica, sans-serif; color: #103675; text-align: center;} 
.list-text .date .day { font-size: 18px;} 
.list-text .date .mon { font-size: 14px;} 
.list-text .tits { float: left; position: relative; line-height: 44px; width: 80%; padding-right: 35px; color: #333333; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} 
.list-text li:hover { /* background: url(../images/jiantou2.png) 98% center no-repeat #f2f2f2; */} 
.list-text li:hover a { transform: translateX(10px);} 
.list-text li:hover .date { font-weight: bold;} 
.list-text li:hover .tit { font-weight: bold;} 
.list-news { margin-top: 15px;} 
.list-news li { border-bottom: 1px solid #e1e1e1; position: relative; padding: 30px 0;} 
.list-news .box { padding-right: 10px; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} 
.list-news .pic { float: left; position: relative; width: 238px; height: 135px; overflow: hidden;} 
.list-news .pic img { position: absolute; top: 0; left: 0; width: 100%;} 
.list-news .text { float: right; width: calc(100% - 272px); padding-right: 10px; } 
.list-news .text .tit:before { content: ""; position: absolute; top: 0; left: 0; width: 36px; height: 2px; background: #cca36a;} 
.list-news .text .tit { position: relative; display: block; color: #333333; font-size: 1.125rem; font-weight: normal; line-height: 52px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} 
.list-news .text .abst { font-size: 0.875rem; color: #777777; text-indent: 2em; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.list-news .text .date { margin-top: 10px; font-size: 0.875rem; color: #103675; padding-left: 25px; background: url(../images/news-date1.png) left center no-repeat;} 
.list-news li:hover { background: url(../images/list-news-bg.png) right center no-repeat; background-size: cover;} 
.list-news li:hover .box { transform: translateX(20px);} 
.list-news li:hover .tit:before { background: #fff;} 
.list-news li:hover .tit { color: #fff; font-weight: bold;} 
.list-news li:hover .abst { color: rgba(255, 255, 255, 0.43);} 
.list-news li:hover .date { color: #fff; background: url(../images/news-date2.png) left center no-repeat;} 

.list-con .list-text { margin: 10px auto; width:95%;} 
.list-con  .list-text li { border-bottom: 1px solid #e1e1e1; padding: 10px 0px 10px 0; position: relative; display: flex; overflow: hidden;} 
.list-con  .list-text a { line-height: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} 
.list-con  .list-text .date { float: left; width: auto; font-family: Arial, Helvetica, sans-serif; color: #103675; text-align: center;} 
.list-con  .list-text .date .day { font-size: 18px;line-height: 1; } 
.list-con  .list-text .date .mon { font-size: 14px;line-height: 1; } 

.list-con  .list-item .load { display: inline-block; height: auto; font-size: 14px; line-height: 100%; color: #333; width: 16%;text-align:right} 
.list-con  .list-item .load span { display: block; float: left; } 
.list-con  .list-item .load .ntime {color: #ff0000;float: right;font-size: 13px;line-height: 68px; /* width: 100px; *//* padding-left: 26px; *//* background: url(../images/sj.jpg) no-repeat left center; */} 
.list-con  .list-item .load a.load-word { text-align: left; } 
.list-con  .list-item .load a.load-img { text-align: right; } 
.list-con  .list-item .load a:hover { color: #2e65a6; } 




.list-pics { overflow: hidden; margin: 50px 0px 0;} 
.list-pics li { float: left; width: 33.3%; margin-bottom: 40px;} 
.list-pics li .box { display: block; overflow: hidden; margin: 0 25px;} 
.list-pics .pic { width: 100%; padding-bottom: 31%; overflow: hidden; position: relative;} 
.list-pics .pic img { position: absolute; width: 100%; top: 0; left: 0;} 
.list-pics .text { height: 82px; position: relative; padding: 15px 20px; border: 1px solid #c9c9c9; background: #fff;} 
.list-pics .tit { z-index: 2; font-size: 1rem; color: #333333; line-height: 26px; height: 52px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.list-pics .more { display: none;} 
.list-pics li:hover img { transform: scale(1.05);} 
.list-pics li:hover .text { height: 107px; border: none; background: url(../images/list-picsbg.png) no-repeat; background-size: 100% 100%; margin-top: -25px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8);} 
.list-pics li:hover .tit { color: #fff;} 
.list-pics li:hover .more { display: block; float: left; padding-right: 23px; margin-top: 10px; font-size: .75rem; color: #fff; background: url(../images/news-more2.png) right center no-repeat; }



/* 列表线条动画 */
.bottom-inOutSpread:before, .bottom-inOutSpread:after, .bottom-inOutSpread > .ui-border-element:before, .bottom-inOutSpread > .ui-border-element:after {
    content: "";
    position: absolute;
}

.bottom-inOutSpread:after {
    border-bottom: 1px solid #0080ca;
    left: 51%;
    right: 51%;
    bottom: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.bottom-inOutSpread:hover:after {
    left: 0%;
    right: 0%;
}

.bottom-inOutSpread:not(:hover):after {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

/* 列表线条动画结束 */
/* 正文页 */

.detail h2{font-size: 20px;line-height: 2;color: #000000;font-weight:normal;text-align:center;margin-bottom: 6px;}
.detail .title{width:100%;text-align:center;padding: 8px 0 10px 0;overflow:hidden;margin-bottom: 20px; background:url(../images/line.png) center bottom no-repeat; background-size:100% 1px}
.detail .title span{display:inline-block;margin: 0 6px;font-size: 14px;color: #7a7a7a;}
.detail .title span a{ font-size: 14px;color: #7a7a7a;}
.detail .title span a:hover{ color: #1d58b7;}


#ar_fot{margin-top: 35px;position:relative;padding: 18px 20px;background: #f3f3f3;}
#ar_fot h5{width: 100%;display:block;font-size: 1rem;line-height: 32px;color: #6f6f6f;font-weight: normal;margin-bottom:10px;}
#ar_fot h5 a{font-size: 1.1rem;color: #6f6f6f;font-weight:normal;width: calc(100% - 5rem);display:  inline-block;}

#ar_fot h5 a:hover{color:#1d58b7;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}



/* 正文页 */
.cont-pages {
    width: 100% !important;
    margin-bottom: 0px;
}

.article-con {
    margin-top: 5px;
    overflow: hidden;
}

.article-con .tit {
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 15px;
    font-weight: normal;
    color: #103675;
}

.article-con .subtit {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    font-weight: normal;
    margin-bottom: 15px;
    color: #333333;
}

.article-con .info {
    position: relative;
    overflow: hidden;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #777777;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
}

.article-con .info span {
    margin: 0 9px;
}

.article-con .article-text {
    margin-top: 25px;
    color: black;
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 2;
}

.article-con1 .article-text p, .article-con1 .article-text p span {
    text-indent: 2em;
    padding-bottom: 20px;
    font-size: 16px!important;
    line-height: 2 !important;
    font-family: '微软雅黑',sans-serif !important;
}

.article-con .article-text p img, .article-con .article-text p video {
    max-width: 100%;
    height: auto !important;
}

.article-con .article-text p img:first-child, .article-con .article-text p video:first-child {
    margin-left: -2em;
}

.article-con .article-text p.vsbcontent_img {
    padding-bottom: 0;
}

.article-con .article-text p.vsbcontent_img img {
    margin-left: 0 !important;
}

.article-con .updown {
    overflow: hidden;
    padding-top: 20px;
    border-top: 1px solid #e1e1e1;
}

.article-con .updown a {
    display: block;
    font-size: 16px;
    color: #444444;
    padding: 10px 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.article-con .updown a:hover {
    color: #103675;
}

.article-jj {
    margin-top: 20px;
}

.article-jj .article-text {
    line-height: 37px;
    border-bottom: none;
    font-size: 1rem;
}

 .article-text .con-pic{
     float:left;width:300px;
 }
  .article-text .con-text{
     float:right;width:calc(100% - 340px);
 }

/* 正文表格P不缩进 */
.article-con .article-text table p {
    text-indent: 0;
    padding: 0;
}