@import "//at.alicdn.com/t/c/font_3139728_dmwt9fnoyfb.css";
/*
* Reset CSS
*/
html,body,div,dl,dd,ul,li,ol,h1,h2,p,input,textarea { padding:0; margin:0;}

body{ font-family:微软雅黑,宋体, Arial, Helvetica, sans-serif; font-size:14px; color:#000; background: #f4f4f4 }
ul,ol,li{ list-style:none; padding:0; margin:0;zoom:1}

img{ border:0; padding:0; margin:0; font-size:0; vertical-align:top}

.clearfix {clear:both;}
.clearfix:after {
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
}

.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}

.nolist {
    text-align: center;
    color: #333;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 312px 0 185px;
    background: url(../images/icon-empty2.png) no-repeat center 82px;
    font-size: 16px;
}

.bgcolor {
    background-color: #199352 !important;
    color: #fff !important;
}

/*头部*/
.header {
    position: relative;
    font: 14px "Microsoft YaHei";
    z-index: 998;
}

.header a{font-family:"microsoft yahei" !important;color:#333;text-decoration:none}
.header a:visited,.header a:active,.header a:link{color:#333}
.header a:hover{color:#199352 !important}
.header .bar {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    background-color: #199352;
    z-index: 2;
}

.header .in {
    width: 1002px;
    margin: 0 auto;
}

.header .bar .in{
    width: 1034px;
}

.header .tel{
    float: left;
    color: #fff;
    margin-left: 16px;
}
.header .app{float:right;width:106px;height:32px;color:#fff;text-align:center}
.header .app ul{position:absolute;height:32px;overflow:hidden}
.header .app ul:hover{height:153px;background-color:#337dc5;}
.header .app li{font-size:14px;padding:12px 12px 5px;cursor:pointer;background-color:#fff;border:1px solid #e8e8e8;border-top:0 none}
.header .app li:first-child{padding:0;background-color:transparent;border:0 none}
.header .app li>a,.header .app li>a:hover{color:#fff !important}
.header .app em{font-size: 15px; margin-right: 4px;}
.header .app img{vertical-align:top}
.header .app p{width:80px;height:18px;line-height:18px;color:#666;text-align:center;clear:both;padding-top:5px}
.header .app p a{color:#666}

.header .uer .op{float:right;width:84px;height:32px;font-size:14px;color:#fff;text-align:center;background-color:#199352}
.header .uer .op a{color:#fff}
.header .uer .op a:hover{color:#fff !important;text-decoration:underline}

.header .nag,.header .snag{height:56px;line-height:56px;background-color:#fff;border-bottom:1px solid #e8e8e8}
.header .nag .logo{float:left;margin-top:2px}
.header .nag .nlink{float:right}
.header .nag .nlink a{float:left;height:56px;font-size:16px;margin-left:40px}
.header .nag .nlink .on{height:52px;font-weight:bold;color:#199352;border-bottom:4px solid #199352}
.header .nag .nlink.n2 a{font-size:14px;margin-left:30px}
.header .nag .nlink.n2 .on{border-bottom:0 none}
.header .nag .tl{float:left;font-size:22px;color:#333}


/*main*/
.main {
    margin-top: 18px;
}
.main .in {
    position: relative;
    width: 1002px;
    margin: 0 auto;
}
.main .banner {
    position: relative;
    width: 730px;
    height: 261px;
    overflow: hidden;
    margin-bottom: 14px;
}
.main .banner .owl .owl-prev {
    background: url("../images/icon-owl.png") 0 0;
    border-radius:1px;
    width: 36px;
    height: 61px;
    font-size: 0;
    top: calc(50% - 30px);
    left: 0;
}

.main .banner .owl .owl-next {
    background: url("../images/icon-owl.png") 0 -70px;
    border-radius:1px;
    width: 36px;
    height: 61px;
    font-size: 0;
    top: calc(50% - 30px);
    right: 0;
}

.main .banner .ss {
    position: relative;
    float: left;
    width: 730px;
    height: 100%;
}

.main .banner .ss .tt {
    position: absolute;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    color: #fff;
    text-indent: 34px;
    left: 0;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0,0,0,.35);
    filter: alpha(opacity=35);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
}

.title {
    position: relative;
    height: 26px;
    line-height: 26px;
    margin-bottom: 10px;
    padding-left: 10px;
    font-size: 20px;
    font-weight: 400;
    color: #626262;
}
.title i {
    position: absolute;
    left: 0px;
    top: 6px;
    width: 3px;
    height: 16px;
    background-color: #199352;
}

.title .a_m {
    float: right;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #199352;
}

.ibox{padding:11px 0}
.ibox .txt{position:relative;height:35px;line-height:35px;overflow:hidden;padding:0 47px 0 12px;background-color:#f0f0f0}
.ibox .txt input{display:block;width:100%;height:35px;line-height:35px;background-color:#f0f0f0; border: none; outline: none}
.ibox .txt .search{position:absolute;width:35px;height:100%;cursor:pointer;right:0;top:0;color:#fff;background-color:#199352;background-position:-50px 0; border: none; outline: none}

/* 热门标签 */
.htag{width:240px;height:261px;margin-bottom:14px;padding:0 10px;background-color:#fff; overflow: hidden;}
.htag .name{margin-top:-7px; border-bottom: none; color: #199352; font-size: 14px; padding-left: 0; line-height: 30px}
.htag .tags{overflow:hidden;padding:0 0 7px}
.htag .tags a{float:left;height:26px;line-height:26px;font-size:14px;color:#3c3c3c;text-align:center;margin:0 10px 0 0;}
.htag .tags .s:hover{color:#199352;border-color:#199352}
.htag .tags .more{width:206px}
.htag .overview div {height:30px; line-height:30px; vertical-align: middle}
.htag .overview i {color:#199352; font-size: 24px; vertical-align: middle;}
.htag .overview span {color:#199352}

/* 热门企业 */
.hcompany {
    padding: 0 0 10px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    min-height: 466px;
    border: 1px solid #f0f0f0;
    position: relative;
}
.hcompany:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    position: relative;
    top: 0;
    background-color:#199352 ;
    opacity: 0.5;
}
.hcompany .name {
    padding: 25px 0;
    border-bottom: 1px dashed #ebebeb;
    position: relative;
    font-size: 20px;
    margin: 0 30px;
}
.hcompany .name i{
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle;
    line-height: 30px;
}
.hcompany strong {
    color: #199352;
    font-size: 18px;
    font-weight: 600;
    vertical-align: bottom;
}



.hcompany span {
    font-size: 14px;
    color: #999;
    max-width: 168px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hcompany .list {
    margin: 0 15px;
}

.hcompany .list .item {
    overflow: hidden;
    position: relative;
    display: block;
    float: left;
    width: 323px;
}

.hcompany .list .item img {
    width: 54px;
    height: 54px;
    border: 1px solid rgba(0,0,0,.04);
    border-radius: 5px;
    position: absolute;
    top: 20px;
    left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.hcompany .list .item .content {
    margin: 0 15px;
    font-size: 14px;
    position: relative;
    padding: 25px 0 25px 64px;
    border-bottom: 1px dashed #ebebeb;
}

.hcompany .list .item .content .content-name {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: 16px;
    color: #333;
    line-height: 20px;
}

.hcompany .list .item .content .experience {
    color: #999;
    line-height: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.hcompany .list .item .content .experience span {
    display: inline-block;
    max-width: 135px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    color: #999;
}

/*视频*/
.hvideo {
    padding: 20px 0;
}

.hvideo .title {
}

.hvideo .item {
    float: left;
    width: 242.5px;
    height: 200px;
    margin-left: 10px;
    margin-bottom: 10px;
    background: #fff;
}
.hvideo .item:nth-child(4n+1) {
    margin-left: 0;
}
.hvideo .item a {
    display: block;
    position: relative;
    height: 31px;
    padding-top: 153px;
}
.hvideo .item a .timg {
    position: absolute;
    width: 100%;
    height: 153px;
    top: 0;
    left: 0;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.hvideo .item a .timg:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 15px 0px 15px 30px;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
}

.hvideo .item a img {
    position: absolute;
    left: 50%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.hvideo .item a .j_name {
    position: absolute;
    bottom: 0;
    left: 0;
    text-indent: 15px;
    line-height: 21px;
    font-size: 14px;
    color: #333;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*热门职位*/
.hjob{
    padding-bottom: 20px;
}
.hjob .item {
    position: relative;
    padding: 0 15px;
    width: 296px;
    background-color: #fff;
    float: left;
    margin: 0 0 10px 10px;
}
.hjob .item:nth-child(3n+1){
    margin-left:0;
}

.hjob .ta {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #e8e8e8;
}
.hjob .ta p {
    float: left;
    height: 30px;
    width: 166px;
    line-height: 30px;
    font-size: 16px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hjob .ta strong {
    float: right;
    height: 30px;
    max-width: 124px;
    line-height: 30px;
    font-size: 16px;
    color: #ff5959;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hjob .ta .p2 {
    font-size: 14px;
    color: #999;
}
.hjob .at {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hjob .ta .s2 {
    font-weight: 400;
    font-size: 14px;
    color: #999;
}
.hjob .sa {
    display: block;
    position: relative;
    padding: 10px 0;
}
.hjob .sa img {
    position: absolute;
    width: 50px;
    height: 50px;
}
.hjob .sa p {
    width: 150px;
    height: 50px;
    line-height: 50px;
    padding-left: 60px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hjob .ap {
    position: absolute;
    right: 15px;
    bottom: 20px;
    width: 66px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ff1c1c;
    font-size: 14px;
    color: #ff0000;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/*简历*/
.hresume {
    padding-bottom: 20px;
}
.hresume .item {
    position: relative;
    padding: 0 15px;
    width: 296px;
    background-color: #fff;
    float: left;
    margin: 0 0 10px 10px;
}
.hresume .item:nth-child(3n+1){
    margin-left:0;
}

.hresume .ta {
    display: block;
}

.hresume .item img {
    width: 54px;
    height: 54px;
    border: 1px solid rgba(0,0,0,.04);
    border-radius: 27px;
    position: absolute;
    top: 20px;
    left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.hresume .item .content{
    font-size: 14px;
    position: relative;
    padding: 25px 0 15px 68px;
}
.hresume .item .content p {
    height: 30px;
    line-height: 20px;
    color: #999;
}
.hresume .item .content .name {
    font-size: 16px;
    color: #333;
    float: left;
    margin-right: 5px;
}
.hresume .item .content .intent {
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.hresume .item .content .p2 span {
    font-size: 14px;
}

/*新闻*/
.hnews{
    background: #FFF;
}
.hnews a{color:#bbb;font-size:14px}
.hnews .in{
    padding: 20px 0;
}

.hnews .list{
    margin-left: -30px;
}

.hnews .item {
    float: left;
    width: 485px;
    padding: 8px 0 8px 30px;

}
.hnews .ls{
    position: relative;
}
.hnews .item .timg{position:absolute;top:0;width:147px;height:113px;overflow:hidden}
.hnews .timg img{position:absolute;left:50%;height:100%;
    -webkit-transform:translateX(-50%);transform:translateX(-50%)}
.hnews .cinfo{height:113px;padding-left:169px}
.hnews .cinfo .cj span{display:block;line-height:24px;font-size:16px;color:#333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.hnews .cinfo .csp{padding-top:10px;line-height:24px}
.hnews .cinfo .rm{position:absolute;right:0;bottom:0;float:right;line-height:22px}

/*技能培训*/
.htrain {
    padding-top: 20px;
}

.htrain .list{margin-bottom:20px; margin-left: -10px}
.htrain .item{float:left;width:190px;height:156px;margin:0 0 10px 10px;background-color:#fff;border:1px solid #e5e5e5}
.htrain .timg{height:120px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.htrain .timg img{display:block;width:100%;height:100%;object-fit:cover;font-family:'object-fit:cover'}
.htrain .ptit{height:38px;line-height:38px;padding:0 10px;font-size:14px;text-align:center;color:#2a2a2a;border-top:1px solid #e5e5e5}
.htrain .ptit span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/*友情链接*/
.flink{background: #FFF;}
.flink .in{padding: 20px 0;}
.flink li{float:left;width:143px;}
.flink li:first-child{width:142px;}
.flink .list a{display:block}
.flink .list p{text-align:center;font-size:20px; color:#333;}
.flink .list img{display:block;width:103px;margin:0 auto;padding:15px 0;}

/*搜索条*/
.searchbar{
    margin-top: 10px;
}
.searchbar .search_container{
    width: 662px;
    height: 130px;
    margin-bottom: 10px;
    padding: 27px 20px 0;
    background-color: #fff;
}
.searchbar .d_search {
    margin-bottom: 20px;
    position: relative;
    height: 38px;
}
.searchbar .d_search .el {
    border: 2px solid #199352;
    position: relative;
    float: left;
    height: 34px;
    line-height: 34px;
}
.searchbar .d_search .el ul {
    position: absolute;
    width: 72px;
    height: 34px;
    line-height: 34px;
    color: #333;
    overflow: hidden;
    cursor: pointer;
    top: 0;
    left: 0;
    border: 1px solid transparent;
    z-index: 1;
}
.searchbar .d_search .el li {
    font-size: 14px;
    text-indent: 16px;
}
.searchbar .d_search .el li a{display:block;height:33px;font-size:14px;color:#333}
.searchbar .d_search .el li:hover{background-color:#eee}
.searchbar .d_search .el ul em {
    position: absolute;
    width: 10px;
    height: 6px;
    top: 15px;
    right: 8px;
    background-position: -170px -60px !important;
}
.dicon {
    background: url(//img01.51jobcdn.com/im/jobs/list_icon_dw.png) no-repeat;
}
.searchbar .d_search .ipt {
    width: 480px;
    position: relative;
    float: left;
    height: 24px;
    padding: 5px 0 5px 0;
    background-color: #fff;
}
.searchbar .d_search .mytxt {
    float: left;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font: 14px/24px "Microsoft YaHei";
    color: #333;
    text-align: left;
    text-indent: 12px;
    padding: 0;
    border: 0 none;
    outline: none;
}

.searchbar .d_search button {
    width: 100px;
    height: 38px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    background-color: #199352;
    border: 0 none;
    outline: 0 none;
    margin: 0;
}
.searchbar .d_search .a2 {
    position: absolute;
    line-height: 14px;
    font-size: 12px;
    color: #199352;
    top: 12px;
    right: 0;
}

.searchbar .ht {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    margin-bottom: 25px;
}
.searchbar .ht a {
    display: inline-block;
    font-size: 14px;
    color: #666;
    white-space: nowrap;
    margin-left: 15px;
}
.searchbar .ht a:hover{color:#199352}

.searchbar .usr_container {
    width: 288px;
    height: 130px;
    margin-bottom: 10px;
    padding: 15px 0 12px;
    background-color: #fff;
}

.searchbar .d_usr{
    text-align: center;
}
.searchbar .d_usr .avatar{
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    background-color: #e8e8e8;
    margin: 0 auto;
}
.searchbar .d_usr .avatar i{
    font-size: 36px;
    color: #fff;
}
.searchbar .d_usr .tips{
    padding: 8px 0;
}

.searchbar .d_usr .op{
    padding: 10px 0;
}

.searchbar .d_usr .op .btn-login{
    border: 1px solid #199352;
    background-color: #199352;
    padding: 7px 20px;
    color: #FFFFFF;
    border-radius: 3px;
    margin: 0 8px;
}
.searchbar .d_usr .op .btn-reg{
    border: 1px solid #199352;
    padding: 7px 20px;
    color: #199352;
    border-radius: 3px;
    margin: 0 8px;
}

/*职位列表*/
.indextab{ height:50px; overflow:hidden; font-size:0; line-height:0; margin-top:10px; position:relative}
.indextab ul{ border-bottom:2px solid #ddd; height:48px;}
.indextab li{ display:inline-block; line-height:48px; position:relative; font-size:16px; padding:0 0; color:#666; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear;}
.indextab li i{ position:absolute; width:0; height:2px; bottom:-2px; left:0; z-index:3; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear;}
.indextab li.fontcolor{ color:#199352}
.indextab li.fontcolor i,.indextab li.fontcolor i{ width:100%;}
.indextab .bgcolor {background-color: #199352;color: #fff}
.indextab .r{ position:absolute; line-height:48px; font-size:14px; color:#000; right:0; top:0}
/*.indextab .r .a1{ float:left; height:30px; line-height:30px; font-size:14px; background:#5bbf5a; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:0 20px; margin-top:8px;}*/
/*.indextab .r .a1:hover{ background:#3cac3b}*/

/* 招聘列表 */
.list { padding-bottom: 20px;}
.list .fl{ float:left; width:700px;}
.joblist{ position:relative; background:#fff;}
.joblist li{ padding:25px 20px; border-bottom:1px solid #eee; position:relative}
.joblist li .z-index{ position: relative; z-index: 3;}
.joblist li .t1{ float:left; width:260px;}
.joblist li .tt1{ height:20px; line-height:20px; width:430px;}
.joblist li .tt1 .a1{ float:left; max-width:300px; height:20px; line-height:20px; font-weight:bold; font-size:16px; color:#000;}
.joblist li .tt1 .s1{ float:left; line-height:16px; margin-top:2px; margin-left:5px; background:#ff5159; color:#fff; font-size:12px; padding:0 6px 0 6px; border-radius:20px 20px 20px 10px; -webkit-border-radius:20px 20px 20px 10px; -moz-border-radius:20px 20px 20px 10px; }
.joblist li .tt1 .s2{ float:left; line-height:16px; margin-top:2px; margin-left:5px; background:#ffa344; color:#fff; font-size:12px; padding:0 6px 0 6px; border-radius:20px 20px 20px 10px; -webkit-border-radius:20px 20px 20px 10px; -moz-border-radius:20px 20px 20px 10px; }
.joblist li .tt1 .a2{ float:left; max-width:240px; font-size:14px; line-height:20px; color:#000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*.joblist1 li .tt1 a:visited{ color:#999;}*/
.joblist li .tt1 .img1{ float:left; height:16px; margin-left:5px; margin-top:2px;}
.joblist li .tt1 .time{ float:left; line-height:20px; font-size:12px; color:#666; margin-left:10px;}
.joblist li .tt2{ margin-top:10px; line-height:20px; height:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.joblist li .tt2 .price{ float:left; line-height:20px; font-size:16px; color:#ff5159; font-weight:bold}
.joblist li .tt2 .s2{ font-size:12px; margin-left:10px; color:#000;}
.joblist li .t2{ float:left; width:300px;}
.joblist li .tt4{ height:20px; margin-top:10px; overflow:hidden; width:300px;}
.joblist li .tt4 span{ float:left; height:18px; line-height:18px; padding:0 6px; font-size:12px; background:#fff; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-right:5px; margin-bottom:10px; color:#666}
.joblist li .t3{ position:absolute; width:50px; height:50px; right:20px; top:25px; line-height:0}
.joblist li .t3 img{ width:50px; height:50px;}
.joblist li .time{ position:absolute; line-height:20px; right:20px; bottom:25px; font-size:12px; color:#999}
.joblist li .bg{ position:absolute; width:100%; height:100%; opacity:.05; filter:alpha(opacity=5); left:0; top:0; display:none}
.joblist li:hover .bg{ display:block;}


/* 招聘列表右侧 */
.list .fr{ float:right; width:288px;}
.list .fr .jobright{ margin-bottom:20px}
.list .fr .jobright .tit { height:40px; line-height:28px; font-size:20px; font-weight:bold; color:#000; padding:0 20px; position:relative; margin-top:10px;}
.list .fr .jobright .txt { padding:20px 20px; line-height:1.8; height:auto; overflow:hidden; background:#fff;}
.list .fr .jobright .txt p { border-bottom:1px dotted #ccc; padding:0 0 10px; margin:0 0 10px; height:auto; width:100%; overflow:hidden;}
.list .fr .jobright .txt .jobrbtn{ text-align: center}
.list .fr .jobright .txt .jobrbtn a {
    border: 1px solid #199352;
    background: #199352;
    color: #fff;
    line-height: 30px;
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    display: inline-block;
    font-size: 14px;
    margin: 0 5px;
    padding: 0 20px;
    cursor: pointer;
}

/* 简历列表 */
.rmlist{ background:#fff; position:relative; margin-bottom: 20px}
.rmlist li{ padding:25px 20px; position:relative; border-bottom:1px solid #eee}
.rmlist li .z-index{ position: relative; z-index: 3;}
.rmlist li .img{ float:left; width:60px; height:60px; line-height:0}
.rmlist li .img img{ width:60px; height:60px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.rmlist li .t1{ float:left; width:700px; margin-left:20px; min-height:60px;}
.rmlist li .tt1{ line-height:30px; height:30px; padding-top:2px;}
.rmlist li .tt1 .a1{ float:left; line-height:30px; font-size:18px; font-weight:bold; color:#000; width:95px;}
.rmlist li a:visited .tt1 .a1{ color:#999}
.rmlist li .tt1 .a2{ color:#000; width:800px; float:left;}
.rmlist li .tt1 .s1{ float:left; line-height:20px; color:#000; margin-top:8px;}
.rmlist li .tt1 .s2{ float:left; line-height:20px; color:#000; margin-top:8px; margin-left:50px;}
.rmlist li .tt2{ line-height:14px; font-size:14px; color:#666; margin-left:-12px; margin-top:10px; position:relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.rmlist li .tt2 span{ padding:0 12px; line-height:12px; border-right:1px solid #ddd;}
.rmlist li .tt2 span:nth-last-child(3){ border-right:0}
.rmlist li .tt2 i{ float:left; width:4px; height:12px; background:#fff; margin-left:-2px; display:none}
.rmlist li .t2{ position:absolute; right:0; top:0; width:110px; text-align:center}
.rmlist li .t2 .rm_num{ text-align:right; line-height:20px; padding-top:8px; color:#ff5159; font-weight: bold;}
.rmlist li .t2 .time{ color:#999; font-size:12px; line-height:14px; margin-top:12px; text-align:right}
.rmlist li .t2 .btn{ display:block; border:1px solid #fd6b1c; color:#fd6b1c; line-height:31px; height:31px; margin-top:5px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#fff; cursor:pointer; font-size:15px;}
.rmlist li .t2 .btn i{ float:left; line-height:31px; font-size:20px; width:20px; text-align:center; margin-left:-2px; margin-right:2px;}
.rmlist li .t2 .btn:hover,.rmlist li .t2 .btn.on{ background:#fd6b1c; color:#fff;}
.rmlist li .tt2 span.s1{ margin-left:12px; line-height:16px; display:inline-block; font-size:12px; padding:0 6px; background:#ffedee; color:#ff5159; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-top:-6px; border:0}
.rmlist li .newtt1{ line-height:30px; height:30px; padding-top:2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.rmlist li .newtt1 .a1{ float:left; line-height:30px; font-size:18px; font-weight:bold; color:#000; min-width:90px; margin-right:10px;}
.rmlist li .newtt1 .a1 i{ float:left; padding-right:5px; font-style: normal}
.rmlist li .newtt1 .a1 .tagimg{ float:left; height:16px; margin-left:5px; margin-top:7px;}
.rmlist li a:visited .newtt1 .a1{ color:#999}
.rmlist li .newtt1 .a2{ color:#000; position:relative; top:2px;}
.rmlist li .bg{ position:absolute; width:100%; height:100%; opacity:.05; filter:alpha(opacity=5); left:0; top:0; display:none}
.rmlist li:hover .bg{ display:block;}
.rmlist li .rm_tag{ text-align: right; font-size:0;}
.rmlist li .rm_tag .rm_tag1{ float:left; margin-left:70px;}
.rmlist li .rm_tag .s1{ display:inline-block; border:1px solid #ddd; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; font-size:12px; line-height:24px; margin-left:6px; padding:0 8px; color:#000; margin-top:10px}
.rmlist li .rm_tag .biaoji{ display:inline-block; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; font-size:12px; line-height:26px; margin-left:6px; padding:0 9px; color:#000; position:relative; margin-top:10px}
.rmlist li .rm_tag .biaoji .s2{ position:relative; z-index:10;}
.rmlist li .rm_tag .biaoji .bg3{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; opacity: 0.1; filter: alpha(opacity=10); border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }

/*文章列表*/
.articlelist{ background:#fff; margin-bottom: 20px;}
.articlelist li{ padding:30px 30px; border-bottom:1px solid #eee; position:relative}
.articlelist li .bg{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:.05; filter:alpha(opacity=5); z-index:1; display:none}
.articlelist li:hover .bg{ display:block;}
.articlelist li .img{ float:left; width:200px; height:110px; position:relative; z-index:3; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden}
.articlelist li .img img{ width:200px; height:110px;}
.articlelist li .t{ position:relative; margin:0 0 0 220px; height:110px; z-index:3;}
.articlelist li .t .t1{ font-size:20px; font-weight:bold;}
.articlelist li .t .t1 a{ color:#000; display:block; line-height:30px;}
.articlelist li .t .t2{ line-height:24px; font-size:14px; height:48px; overflow:hidden; color:#666; margin-top:5px;}
.articlelist li .t .t3{ position:absolute; left:0; bottom:0; line-height:20px;}
.articlelist li .t .t3 span{ float:left; color:#666; line-height:20px; margin-right:20px;}
.articlelist li .t .t3 i{ font-size:18px; float:left; line-height:20px; margin-right:2px;}
.articlelist li .t .t3 .ico2{ font-size:22px;}
.articlelist li.noimg .img{ display:none}
.articlelist li.noimg .t{ margin-left:0; height:auto;}
.articlelist li.noimg .t .t2{ height:auto; margin-top:8px;}
.articlelist li.noimg .t .t3{ position:relative; margin-top:10px;}

/*文章详情*/
.article{ margin-top:20px; margin-bottom: 20px; background:#fff; padding:50px 50px 100px; box-shadow:0px 8px 28px rgba(0, 0, 0, 0.06); -webkit-box-shadow:0px 8px 28px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 8px 28px rgba(0, 0, 0, 0.06);}
.article .tit{ font-size:30px; font-weight:bold; line-height:40px;}
.article .info1{ height:40px; margin-top:15px; border-bottom:1px dashed #ccc; margin-bottom:20px;}
.article .info1 span{ float:left; color:#666; line-height:20px; margin-right:20px;}
.article .info1 i{ font-size:18px; float:left; line-height:20px; margin-right:2px;}
.article .info1 .ico2{ font-size:22px;}
.article .txtinfo{ line-height:2; font-size:16px;}
.article .txtinfo{ position:relative; min-height:600px; overflow:hidden }
.article .txtinfo img{ max-width: 902px;}
.article .txtinfo .bg{ position:absolute; width:100%; height:100%; left:0; top:0; background:#fff; opacity:.97; filter:alpha(opacity=97);}
.article .txtinfo .txt{ position:absolute; width:600px; left:50%; top:50%; text-align:center; z-index:3; margin-left:-300px; margin-top:-40px;}
.article .txtinfo .txt .t1{ line-height:30px; font-size:16px; color:#888; text-align:center; margin-bottom:10px;}
.article .txtinfo .txt .t2 a{ display:inline-block; height:40px; line-height:40px; padding:0 40px; font-size:16px; background:#0666c5; color:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}

/*视频列表*/
.videolist {
    padding: 20px 0;
}
.videolist .clearfix{margin-left: -10px;}
.videolist .item {
    float: left;
    width: 242.5px;
    height: 200px;
    margin-left: 10px;
    margin-bottom: 10px;
    background: #fff;
}
.videolist .item a {
    display: block;
    position: relative;
    height: 31px;
    padding-top: 153px;
}
.videolist .item a .timg {
    position: absolute;
    width: 100%;
    height: 153px;
    top: 0;
    left: 0;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.videolist .item a .timg:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 15px 0px 15px 30px;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
}

.videolist .item a img {
    position: absolute;
    left: 50%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.videolist .item a .j_name {
    position: absolute;
    bottom: 0;
    left: 0;
    text-indent: 15px;
    line-height: 21px;
    font-size: 14px;
    color: #333;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*分页*/
.pagination { text-align: center;  background:#FFF; padding:30px 0;}
.pagination a,.pagination span.current { display: inline-block; min-width:14px; height: 30px; line-height: 30px; padding: 0 10px; overflow: hidden; background:#ffffff; margin-left: 4px; font-size: 14px; vertical-align: top; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; border:1px solid #dddddd; color:#737373 }
.pagination a:hover { background:#199352;border:1px solid #199352; color:#fff}
.pagination span.current {background:#199352;border:1px solid #199352;color: #fff }
.pagination .disabled { margin-left: 4px;}
.pagination .disabled .dots { padding: 0 5px; }
.pagination-tips { margin-top: 10px; color: #999; text-align: center }

/*底部*/
.footer{clear:both;width:100%;min-width:1002px;font:12px "Microsoft YaHei";background-color:#fff}
.footer{color:#999;padding:20px 0;border-top:1px solid #e8e8e8}
.footer a,.footer *{font-size:12px !important;font-family:"Microsoft YaHei" !important}
.footer a{text-decoration:none}
.footer img{vertical-align:top}
.footer .in{width:1002px;margin:0 auto}
.footer .nag{margin-bottom:15px}
.footer .nag a{color:#999}
.footer .nag a:hover{color:#199352}
.footer .nag .e{float:left;width:150px;line-height:24px;}
.footer .nag .e_first{position:relative;width:180px;padding-left:74px;margin-right:30px}
.footer .nag label{position:absolute;width:70px;font-size:14px;text-align:right;left:0;*margin-top:-5px}
.footer .nag strong{font-size:14px !important;font-weight:normal;color:#333}
.footer .code{float:left;width:80px;padding-top:5px}
.footer .code span{display:block;text-align:center;margin-top:10px}
.footer .c_first{margin:0 40px 0 44px}
.footer .note{position:relative;line-height:24px;text-align:center;margin:0;padding:0}
.footer .note span{position:relative;display:inline-block;font-size:12px;padding:0 5px;z-index:2}
.footer.f2{border-top:0 none}
.footer.fixbottom{position:absolute;width:100%;bottom:0;left:0}

.extraWrap{position:fixed;right:8px;top:70%;z-index:8;
    -webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);-moz-box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);-ms-box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);-o-box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);box-shadow:0 2px 8px 0 rgba(0,0,0,0.08)}
#goTop{display:none;width:46px;height:46px;font-size:0;cursor:pointer;background:#fff url(../images/canlian_pc_top.png) center 20px no-repeat;
    -webkit-background-size:22px auto;-moz-background-size:22px auto;-ms-background-size:22px auto;-o-background-size:22px auto;background-size:22px auto}
#goTop:hover{background-position:center -10px}
.dw_fb,.goApp{display:block;width:46px;height:38px;line-height:16px;font-size:0 !important;text-align:center;cursor:pointer;padding-top:8px;background:#fff url(../images/feedback.png) center no-repeat;
    -webkit-background-size:22px auto;-moz-background-size:22px auto;-ms-background-size:22px auto;-o-background-size:22px auto;background-size:22px auto}
.dw_fb:hover,.appbox:hover .goApp{font-size:12px !important;color:#FFF;background:#199352}
.goApp{background-image:url(../images/canlian_pc_qrcode_on.png)}
.ecode{position:absolute;left:-156px;top:-8px;display:none;width:110px;height:190px;text-align:center;padding:22px 27px 0 19px;background:url(../images/canlian_pc_codebg.png) center top no-repeat;
    -webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto}
.ecode img{vertical-align:top}
.ecode .txt{line-height:24px;font-size:12px;color:#fff;margin-top:24px}
.ecode .txt .go{font-size:14px;font-weight:bold;color:#fff}
.ecode .txt .go:hover{text-decoration:underline}
.appbox{position:relative}
.appbox:hover .ecode,.goApp.on~.ecode{display:block}