body{
    background: #fff;
    color: #313131;
    font-family: "Microsoft YaHei";
}
a:hover,a:visited{
text-decoration:none;
}
li{
    list-style: none;
}
.nav li{
    width: 160px;
    text-align: center;
    height:90px;
    line-height: 90px;
}
.nav a{
    color: #fff;
    font-weight:300;
    text-align: center;
    display: block;
}
.nav a:hover,.nav .active{
    background: #d2282e;
    text-decoration:none;
}

.hometitle{
    height: 270px;
    width: 1920px;
    margin: 0 auto;
    padding-top: 180px;
    padding-right:240px;
    padding-left: 240px;
    background: #fff;
}

.joinustitle
{
    height: 230px;
    width: 1920px;
    margin: 0 auto;
    padding-right:240px;
    padding-left: 240px;
    background: #fff;
    padding-top: 210px;
}
.navcustom
{
    background: #313131;
    margin:0 auto;
    padding: 0px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
}
.slide{
    background: #fff;
    width: 1920px;
    margin: 0 auto;
    text-align: center;
}
.slide table{
    margin: 0 auto;
}
.service:hover{
    color: #d2282e;
}
.tableimg{
    width: 1920px;
    background: #fff;
    margin: 0 auto;
    height: 721px;
}

 .tableimg img {
     cursor: pointer;
     transition: all 0.6s;
 }

 .tableimg img:hover {
     transform: scale(1.15);
 }
.tableimg table td{
    overflow: hidden;
}
.share{

}
.share li{
    float: left;
    list-style-type:none;
    font-size: 12px;
    padding-right: 30px;
}

.share li:nth-child(4){
    padding-right: 0px;
    float: right;

}
.share li a{
    color: #313131;
}
.share li a:hover{
    color: #d2282e;
}
.share li img{
    padding-top: 20px;
}


.share li p{
    width: 270px;
}

.share li span{
  display: block;
}
.share ul{
    margin: 0 auto;
    width: 1440px;
    padding: 0px;
    padding-top: 66px;
}

.joinus ul{
    margin: 0 auto;
    width: 1440px;
    padding: 0px;
    padding-top: 125px;
}

.joinus li {
    float: left;
    list-style-type: none;
    font-size: 12px;
    padding-right: 30px;
    width: 344px;
    height: 253px;
    display: flex;
    justify-content: center;


}
.joinus li:nth-child(2) {
    width: 370px;
    border-left: #9e9e9e solid 1px;
    border-right: #9e9e9e solid 1px;
    padding:0 24px;
}

.joinus .joinusemail:hover {
    color: #d2282e;
}
.joinus .joinusemail{
    padding-top: 10px;
    position: absolute;
    bottom: 10px;
}
.joinus h3{
    font-size: 18px;
    font-weight: 600;
}

.joinus p{
    width: 320px;
    padding-top: 25px;
    margin-bottom: 0px;
    text-align: justify;
}

.footaddress {
float: left;
padding-right: 30px;
padding-top: 40px;
}
.footaddress p{
    font-size: 12px;
    padding-top: 16px;
}

.foot{
    height: 315px;
    width: 1920px;
    margin: 0 auto;
    padding-right:240px;
    padding-left: 240px;
    background:#f5f5f5
}
.foot li{
    width: 80px;
    float: right;
    list-style-type:none;
    padding:0px;
    margin: 0px;
    text-align: right;
    font-size: 12px;
    height: 23px;
}
.foot a:hover{
    color: #d2282e;
}
.foot a{
    text-decoration:none;
    color: #313131;
}



.qiehuan {
    position: relative;
    zoom: 1;
    overflow: hidden;
    width: 1440px;
    margin: 0 auto;
}

.index_b_hero {
    position: relative;
    margin: auto;
    width: 1440px;
    height: 640px;
    margin: 0 auto;
    overflow: hidden;
}

.index_b_hero .hero-wrap {
    position: absolute;
    overflow: visible;
}

.workny {
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
    color: #3E3A39;
}
.index_b_hero .heros {
    width: 990px;
    height: 640px;
}

.index_b_hero .hero {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 990px;
    height: 640px;
    overflow: hidden;
}

.index_b_hero img {
    width: 990px;
    height: 640px;
}

.index_b_hero .mask-left {
    left: 990px;
}
/* .index_b_hero .mask-left, */
.index_b_hero .mask-right {
    position: absolute;
    top: 0;
    right:  0;
    z-index: 1;
    width: 450px;
    height: 640px;
    overflow: hidden;
    background: #000;
    filter: alpha(Opacity=50);
    opacity: .5;
}

.index_b_hero .page_btn {
    position: absolute;
    top: 315px;
    z-index: 366;
    width: 47px;
    height: 47px;
}

.index_b_hero .nextimg {
    right: 25%;
    background: url(/static/default/assets/img/right_arrow.png);
    background-repeat: no-repeat;
}

.index_b_hero .nextimg:hover {
     background: url(/static/default/assets/img/right_arrow_white.png);
     background-repeat: no-repeat;
    right: 25%;
}

.index_b_hero .prev{
    left: -15%;
    background: url(/static/default/assets/img/left_arrow.png);
    background-repeat: no-repeat;
}



.list-item-default {
    justify-content: flex-start;
    margin-bottom: 40px;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    flex-direction: row;
}

.flex {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.list-item-default .item-thumb {
    width: 220px;
    margin: 0 30px 0 0;
}

.list-item-default .item-thumb a {
    border-radius: 3px;
}

.h-scale {
    transition: all .2s;
    position: relative;
    display: block;
    overflow: hidden;
}

.list-item-default .item-thumb .thumb {
    padding-top: 63.6363%;
    border-radius: 3px;
    background-position: left;
}

.h-scale img,
.h-scale .thumb {
    transition: all .2s;
}

.thumb {
    display: block;
    width: 100%;
    height: 0;
    /* padding-top: 66.7%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    transition: all .2s;
}

.list-item-default .item-content {
    flex-grow: 1;
    text-align: left;
}

.list-item-default .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    height: 26px;
    margin-bottom: 20px;
    overflow: hidden;

}

.list-item-default .title a:hover {
    color: #ff002a;
}


.list-item-default .title a {
    display: inline-block;
     color: #262626;
     border-bottom: 1px solid transparent;
}



.list-item-default p {
    font-size: 14px;
    color: #888;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin-bottom: 14px;
    max-width: 655.5px;
}

.list-item-default p a {
    display: block;
    color: #888;
}

a,
a:active,
a:visited {
    text-decoration: none;
    transition: all .2s;
}



.list-item-default .item-content {
    flex-grow: 1;
    text-align: left;
}

h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.list-item-default h4 {
    font-size: 12px;
    font-weight: normal;
    color: #a7a7a7;
    line-height: 23px;
    height: 23px;
    overflow: hidden;
}

div,
ul,
h1,
h2,
h3,
h4,
h5,
h6 {
    box-sizing: border-box;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd {
    margin: 0;
    padding: 0;
}



.list-item-default .item-content {
    flex-grow: 1;
    text-align: left;
}

.list-item-default h4 {
    font-size: 12px;
    font-weight: normal;
    color: #a7a7a7;
    line-height: 23px;
    height: 23px;
    overflow: hidden;
}

.list-item-default h4 i {
    font-style: normal;
    margin-right: 10px;
}
.list-item-default h4 a {
    color: #a7a7a7;
}

.list-item-default h4 .tags a {
    display: inline-block;
    padding: 0 5px;
    margin: 0 5px;
    background: #fbfbfd;
    border-radius: 3px;
}

.nav-pages {
    margin: 30px 0;
}

.nav-pages .pagenav {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin: 0 -5px;
    flex-wrap: wrap;
}


.nav-pages .pagenav li.fy,
.nav-pages .pagenav li.active {
    display: block;
}


.nav-pages .pagenav li {
    padding: 0 5px;
    flex-grow: 1;
    box-sizing: border-box;
    margin-bottom: 10px;
}


.nav-pages .pagenav .active a {
    background: #ff5c00;
    border-color: #ff5c00;
    color: #fff;
    padding: 0 15px;
}

.nav-pages .pagenav .disabled a {
    cursor: default;
    color: #333;
    border: none;
    background: transparent;
    padding: 0;
}

.nav-pages .pagenav a {

    text-align: center;
    background: #fff;
    font-size: 14px;
    color: #333;
    line-height: 38px;
    height: 38px;
    overflow: hidden;
    padding: 0 15px;
    border: 1px solid #f3f3f3;
    border-radius: 2px;
    box-sizing: border-box;
}


.pg strong {
    font-weight: 400;
    color: #FFFFFF;
    background-color: #1499f8;
}
.pg,
.pgb {
    line-height: 25px;
}


.pg strong {
    font-weight: 400;
    color: #FFFFFF;
    background-color: #1499f8;
}

.pg a,
.pg strong,
.pgb a,
.pg label {
    float: left;
    width: 26px;
    margin-left: 5px;
    padding: 0;
    height: 26px;
    line-height: 26px;
    color: #999999;
    border: 0;
    font-size: 14px;
    border-radius: 2px;
    box-shadow: none;
    text-align: center;
    font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", "SimSun", "WenQuanYi Micro Hei", sans-serif;
    cursor: pointer;
    overflow: hidden;
    background: none;
}

.pg a.nxt {
    padding-right: 0;
    width: 42px;
    background: none;
}
.pg a.prev:hover {
    color: #FFFFFF;
}

.pg a.prev {
    width: 42px;
    background: url(https://jizhicms.cn/template/jizhicms/src/page1.png) no-repeat center center
}

.h-scale:hover img,
.h-scale:hover .thumb {
    transform: scale(1.1)
}

.txtcontent{

}
.txtcontent p{
    padding-bottom:30px ;
    line-height: 30px;
    font-size: 16px;
}
.txtcontent img{
    /* padding-bottom: 45px; */

}
.txtcontent h4{
    padding-bottom: 25px;
}
.pagelist li{
    list-style: none;
    font-size: 12px;
    padding-top: 25px;
    height: 70px;
}
.pagelist .readnum{
    color: #9fa0a0;
    white-space: nowrap;
    font-size: .12rem;
    -webkit-transform-origin-x: 0;
    -webkit-transform: scale(0.80);
}

.pagelist p{
    text-align:justify;
}

.pagelist a{
    font-family: ;
color: #282a2a;
}

.pagelist a:hover {
    color: #d2282e;
}
/*
.page-normal a {
    border: 1px solid #eee;
    padding: 3px 7px;
    color: #838383;
    border-radius: 1px;
    /* margin-left: 20px;
    /*设置标签 a 之间的间隔
    text-decoration: none;
    /*去除页码数字下面的下划线
} */



/*设置整个div的css样式,该样式主要用于设置网页内的省略号 …… 的样式，并且同时设置内容居中显示*/
.page-normal {
    color: #838383;
    text-align: center;
}

/*设置当前页面的css样式*/
.page-normal .page-current {
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 3px 7px;
    color: #FFF;
    background-color: #ff002a;
}



/*进行代码优化，将不同css样式中共有的属性放在一起，有助于提高运行效率*/
.page-normal a{
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 3px 7px;
    color: #838383;
}
.page-normal a:hover{

         border: 1px solid #eeeeee;
         border-radius: 3px;
         padding: 3px 7px;
          color: #fff;
          background-color: #ff002a;


}


.page-prev,
.page-next
{
    color: #838383;
    border-radius: 3px;
    padding: 3px 7px;
}



/*footer*/
.footnav{
    float: right;
    width: 80px;
    height: 230px;
    position: relative;
}

.footnav ul{
    position: absolute;
    bottom: 0px;
    width: 80px;
}

.footcode{
    float: left;
    height: 230px;
    position: relative;
}

.footcode img{
    bottom: 0px;
    position: absolute;
}


.caselist{
    position: relative;
    left:0px;
    top:0px;
    width:1440px;
    padding-bottom: 40px;
    margin: 0 auto;
    display: inline-block;
}



.caselist li {
    float: left;
}

.caselist li img {
    width: 480px;
    height: 270px;
}
.padding_b0{
padding-bottom: 0px;
}


.scroll {
    margin: 0 auto;
    width: 1440px;
    height: 630px;
    position: relative;
    overflow: hidden;
}

.scroll ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 99999px;
    height: 630px;
}

.scroll li {
    float: left;
    width: 960px;
}

.prev {
    position: absolute;
    left: -2px;
    top: 84px;
}

.next {
    position: absolute;
    left: 30px;
    top: 291px;
}

.cover {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 480px;
    height: 630px;
    background: rgba(0, 0, 0, 0.7);
}
.cover img:hover{
    content:url('/static/default/assets/img/right_arrow_white.png');
}

.page{
    padding-top: 90px;
}
.nextpage{
    float:right;
    width:320px;
    font-size: 12px;
    text-align: left;
}
.nextpage a{
    color: #282a2a;
}

.nextpage a:hover{
    color: #d2282e;
}


#totop {
    left: 50%;
    right: auto;
    bottom: 50px;
    margin-left: 400px;
    position: fixed;
    z-index: 9999;
}

.shareblock {
    width: 30px;
    display: block;
    height: 33px;
    overflow: hidden;
    float: right;
    position: fixed;
    top: 223px;
    right: 50%;
    margin-right: -320px;
}

.shareblock:hover {
    width: 125px;
}

.shareblock img {
    float: right;
    margin-left: 10px;
}

.imageshare{
     width: 20px;
     height: 33px;
}
.imageshare:hover {
    content: url('/static/default/assets/img/share_post_red.png');
     width: 20px;
     height: 33px;
}
.imageweixin{
    width: 30px;
    height: 30px;
}
.imageweixin:hover{
    content: url('/static/default/assets/img/weixin_red.png');
}
.imageweibo {
    width: 30px;
    height: 30px;
}

.imageweibo:hover{
    content: url('/static/default/assets/img/weibo_red.png');
}
.modal-qr .close:hover {
    transform: rotate(180deg);
    color: #ff5c00;
}

.modal-qr .close {
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    cursor: pointer;
    transition: all .2s;
}

.modal-qr p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 2;
}
.modal-qr p span {
    background: #007eff;
    color: #fff;
    padding: 3px 5px;
}
.modal-qr {
    width: 316px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -200px 0 0 -150px;
    background: #fff;
    padding: 30px;
    text-align: center;
    display: none;
    z-index: 199999;
}

.modal-qr h2 {
    font-size: 24px;
    margin: 0 0 30px;
}
.modal-qr.modal-show {
    display: block;
}

.modal-qr {
    width: 316px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -200px 0 0 -150px;
    background: #fff;
    padding: 30px;
    text-align: center;
    display: none;
    z-index: 199999;
}

.modal-mark {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 80;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
    cursor: pointer;
    transition: none;
}
.modal-mark.modal-show {
    visibility: visible;
    opacity: 1;
    transition: all .2s;
    transition: none;
}
.more{
    margin: 0 auto;
    width: 215px;
    margin-top:30px;
    background: url('/static/default/assets/img/more.png');
    display: block;
    height: 30px;
}
.more:hover{
    background: url('/static/default/assets/img/more_red.png');
    cursor: pointer;

}

.casedetailsback{
    width: 180px;
    height: 47px;
    background-image: url(/static/default/assets/img/teamline/arrow_back.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -10px;
}

.casedetailsback:hover {
    width: 180px;
    height: 47px;
    background-image: url(/static/default/assets/img/teamline/arrow_back_red.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -10px;
}


.sharedetailsback {
   width: 320px;
   height: 47px;
   background:url(/static/default/assets/img/teamline/arrow_back.png) no-repeat right center;
   float: right;
   margin-top: -10px;
}

.sharedetailsback:hover {
   width: 320px;
   height: 47px;
   background:url(/static/default/assets/img/teamline/arrow_back.png) no-repeat right center;
   float: right;
   margin-top: -10px;
}
.caselistback{
    width: 180px;
    height: 47px;
    background-image: url(/static/default/assets/img/teamline/arrow_back.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -10px;
}
.caselistback:hover {
    width: 180px;
    height: 47px;
    background-image: url(/static/default/assets/img/teamline/arrow_back_red.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -10px;
}
.sharelistback{
    width: 180px;
    height: 47px;
    background-image: url(/static/default/assets/img/teamline/arrow_back.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -10px;
}

.sharelistback:hover {
    width: 180px;
    height: 47px;
    background-image: url(/static/default/assets/img/teamline/arrow_back_red.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -10px;
}
.casemore{
    width: 47px;
    height: 47px;
    background-image: url(/static/default/assets/img/right_arrow.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -10px;
}

.casemore:hover {
    width: 47px;
    height: 47px;
    background-image: url(/static/default/assets/img/right_arrow_red.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -10px;
}
.sharemore{
    width: 47px;
    height: 47px;
    background-image: url(/static/default/assets/img/right_arrow.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -10px;
}
.sharemore:hover {
    width: 47px;
    height: 47px;
    background-image: url(/static/default/assets/img/right_arrow_red.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -10px;
}