@charset "utf-8";
@font-face
{
    font-family:paiworkFont;
    src: url('fonts/HelveticaNeue-Thin.otf'),
    url('fonts/HelveticaNeue-Thin.otf'); /* IE9+,可以是具体的实际链接 */
}

@keyframes fadeInUp {
    from  {
	opacity: 0.5;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to  {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.show-up a{opacity: 0;}
.fadeInUp {
    opacity: 1;
    animation-fill-mode:none;
    animation:fadeInUp 1.5s infinite;
    animation-iteration-count:1;

}



/*.more.fadeInUp{*/
    /*animation-delay:1s ;*/
/*}*/

/* 公共样式 */
body{overflow-x: hidden;min-width: 1200px;}
body,ul,p{ margin:0; padding:0;}
html,body{width: 100%;height:100%;}
body{font-family:Microsoft YaHei,'微软雅黑', Arial,Tahoma,Helvetica, Georgia,'STXihei','华文黑体',Hei;background:#ffffff;font-size: 14px;line-height: inherit !important;}
li {list-style-type:none;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}
textarea{resize: none;outline:none;border-radius: 4px;border: 1px solid #666;padding: 10px;overflow: hidden }
a{text-decoration:none;cursor: pointer;color: inherit;}
a:visited {text-decoration: none;color: inherit;}
.row {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;width: 100%;}
.row-wrap {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap}
.col {-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;display: block;width: 100%;}
.col-33 {-webkit-box-flex: 0;-webkit-flex: 0 0 33.3333%;-moz-box-flex: 0;-moz-flex: 0 0 33.3333%;-ms-flex: 0 0 33.3333%;flex: 0 0 33.3333%; max-width: 33.3333% }
.col-50 {-webkit-box-flex: 0;-webkit-flex: 0 0 50%;-moz-box-flex: 0;-moz-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50% }
/* 滚动条样式 */
::-webkit-scrollbar{width: 6px;background-color: #f0f0f0;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(240,240,240,1);background-color: #F0F0F0;}
::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(244,6,6,1);background-color: #f40606;}

/* 复用样式 */
.block-title{text-align: center}
.block-title>div:nth-child(1){font-size: 21px;margin-bottom: 16px;color: #272727;height: 22px;}
.block-title>div:nth-child(2){font-size: 12px;color: #999;}

.cooperate{padding: 36px 0;}
.cooperate>div{max-width: 1200px;margin: 0 auto;overflow: hidden;}


.service{padding:65px 0 56px 0;max-width: 1200px;margin: 0 auto}
.service>div{text-align: center}
.service a{display: inline-block;position: relative;padding-bottom: 15px}
.service a::after{content: "";display: block;width: 0;height: 2px;background-color: #F91F32;color: #fff;position: absolute;bottom: 0;left: 0;  transition: all 0.6s ease 0s;}
.service a:hover::after{width: 100%;height: 2px;}

.service i{width: 109px;height: 105px;display: inline-block;}
.service .service1 i{background: url("../images/home/service1.png") no-repeat;}
.service .service2 i{background: url("../images/home/service2.png") no-repeat;}
.service .service3 i{background: url("../images/home/service3.png") no-repeat;}
.service .service4 i{background: url("../images/home/service4.png") no-repeat;}
.service .name{font-size: 16px;padding: 21px 0 13px 0;color: #3C3C3C}
.service .lb{font-size: 14px;color: #3c3c3c}
.service ul{font-size: 14px;margin: 22px 0 12px 0;color: #999;line-height: 27px}

.third-party li{display: inline-block;padding-right: 30px;position: relative}
.third-party li i{display: inline-block;width: 17px;height: 16px;cursor: pointer;transition: all 0.3s ease 0s;}

.molded{background: rgba(0,0,0,.5);position: fixed;width: 100%;height: 100%;top:0;left: 0;z-index: 999;display: none}
.molded .wx-rcode{background: #fff;display: inline-block;padding: 10px;text-align: center;width: 200px;position: absolute;top: 50%;margin-top:-100px;left: 50%;margin-left: -100px;border-radius: 4px}
.molded .wx-rcode img{width: 100%;margin-bottom: 8px}
/* 侧面 */
.right-side{position: fixed;bottom: 330px;right: 0}
.right-side ul{background: #fff;border-top:0}
.right-side ul li{padding: 2px;border: 1px solid #eee;position: relative;margin-top: -1px;transition: all 0.6s ease 0s;}
.right-side ul li:hover{background: #f00;border: 1px solid #f00;}
.right-side ul li i{cursor: pointer;background-image: url("../images/right-side.png"); width: 37px;height: 37px;display: block;transition: all 0.3s ease 0s;}
.right-side .wx{background-position: 0 -2px;}
.right-side .qq{background-position: -31px -2px;}
.right-side .phone{background-position: -63px -2px;}
.right-side .top{background-position: -96px -2px;}
.right-side ul li:hover .wx{background:url("../images/right-side.png") 0 -31px;}
.right-side ul li:hover .qq{background: url("../images/right-side.png") -31px -31px;}
.right-side ul li:hover .phone{background: url("../images/right-side.png") -63px -31px;}
.right-side ul li:hover .top{background: url("../images/right-side.png") -96px -31px;}
.right-side ul li:hover .tip-right{display: block}

.tip-right{position: absolute;right: 55px;border: 1px solid #eee;padding: 8px 15px;background: #fff;z-index: 999;border-radius: 3px;color: #666;display: none}
.tip-right:after{content: '';position: absolute;right: -11px;top:11px; border: 6px solid transparent;border-left-color: #fff;}

.tip-bottom{position: absolute;right: 0;bottom:30px; border: 1px solid #eee;padding: 8px 15px;background: #fff;z-index: 999;box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);border-radius: 3px;color: #666;display: none}
.tip-bottom:after{content: '';position: absolute;left: 50%;bottom: -11px;border: 6px solid transparent;border-top-color: #fff;margin-left: -3px;}
/* 头部样式 */
.header{background: transparent;color: #fff;padding: 12px 0;line-height: 43px;position: fixed;top: 0;z-index: 999;transition: all 0.6s ease 0s;}
.header.scroll{background: #fff;padding: 5px 0;box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);}
.header .logo{margin:0 0 0 80px;background: url("../images/header/logo.png") no-repeat;width: 125px;height: 43px;display: inline-block;vertical-align: top}
.header ul{display: inline-block;float: right}
.header ul li{display: inline-block;padding: 0 30px;}
.header .menu{margin-right:50px}
.header .menu a{color: #9FA4A8;transition: all 0.6s ease 0s;}
.header .menu a:hover,.header .menu a.active{color:#F40606;}
/* 底部样式 */
.bottom{background: #2E2E2E;height: auto;color: #8A8A8A;overflow: hidden}
.bottom .cnt{max-width: 1200px;margin: 0 auto;min-width: 750px}
.bottom .cnt .cnt-1{font-size: 18px;padding: 48px 0;height: 23px}
.bottom .cnt .cnt-2{margin-bottom: 17px;height: 19px}
.bottom .cnt .cnt-3{font-size: 14px;padding-bottom: 93px}
.qq{background: url("../images/bottom/qq.png") no-repeat}
.qq:hover{background:url("../images/bottom/qq1.png") no-repeat}
.contact-page .qq:hover{background:url("../images/bottom/qq2.png") no-repeat}
.wx{background: url("../images/bottom/wx.png") no-repeat}
.wx:hover{background: url("../images/bottom/wx1.png") no-repeat}
.contact-page .wx:hover{background:url("../images/bottom/wx2.png") no-repeat}
.wx:hover + .tip-bottom{display: block}
.wb{background: url("../images/bottom/wb.png") no-repeat}
.wb:hover{background: url("../images/bottom/wb1.png") no-repeat}
.contact-page .wb:hover{background:url("../images/bottom/wb2.png") no-repeat}
.zk{background: url("../images/bottom/zk.png") no-repeat}
.zk:hover{background: url("../images/bottom/zk1.png") no-repeat}
.contact-page .zk:hover{background:url("../images/bottom/zk2.png") no-repeat}
.tip-bottom{width: 100px;height: 100px;padding: 5px;left: 50%;margin-left: -75px}
.tip-bottom img{width: 100%;height: 100%}
.bottom1{background: #fff}
.bottom1 .cnt{max-width: 1200px;text-align: center;margin: 0 auto;color: #999;line-height: 62px;font-size: 12px}
.bottom1 .cnt>label:nth-child(1){margin-right: 20px}

/* 首页中间内容 */
.banner{position: fixed;top:0;width: 100%}
#page{width: 100%;background: #fff;position: absolute;top: 500px;min-width: 1200px}
.home #page{top: 630px}
.home .bottom1{background: #2E2E2E;}
.home .bottom1>div{text-align: right}
.home .center .number{background: #F8F8F8;margin-bottom: 75px;color: #959595;text-align: center;overflow: hidden}
.home .center .number a{display: none;cursor: default}
.home .center .number .cnt{max-width: 1200px;margin: 0 auto;padding: 65px 0 56px 0;text-align: center;font-size: 14px;display: inline-flex !important;}
.home .center .number .cnt .num{font-size: 56px;color: #3C3C3C;margin-right: 6px;font-family:paiworkFont, Arial, "微软雅黑";line-height:41px}
.home .center .number .cnt .line{border-left:1px solid #ccc;width: 1px;height: 68px }
.home .center .number .cnt .col>div:nth-child(2){margin-top: 11px;}
/*#aaa.abc{position: absolute;width: 100%;background: #fff}*/

.home .service>div{cursor: pointer}

.home .cooperate{height: 85px;overflow: hidden;}
.home .cooperate>div{position: relative;height: 100%;}
.home .cooperate>div{cursor:url("../images/cursor/1.png"),auto }
.home .cooperate .cnt{position: absolute;min-width: 2400px}
.home .case{min-height: 880px}
.case{max-width: 1200px;margin: 0 auto;text-align: center;}
.case .col-33{height: 345px;margin-bottom: 33px}
.case .col-33 img{transition: all 0.8s ease 0s;width: 380px;overflow: hidden}
.case .col-33 a{transition: all 0.8s ease-out 0s;display: none}
.case .col-33 a{margin-top: 10px;width: 380px}
.case .col-33 a:hover{ box-shadow: 0 0 25px #ccc;}
.case .col-33 a:hover .title{color: #F91F32}
.case .col-33 a:hover .case-info{padding-left: 17px;}
.case .col-33 a .case-img{position: relative;transition: all 0.5s ease-out 0s;overflow: hidden;background: #f8f8f8;height: 240px}
/*.case .col-33 a .case-img::after{content: "";position: absolute;width: 100%;height: 0%;background: rgba(0,0,0,0.3);left: 0;right:0;transition: all 0.6s ease-out 0s;}*/
.case .col-33 a:hover .case-img::after{width: 100%;height: 100%;}
.case .col-33 a:hover:hover img{transform: scale(1.2, 1.2)}
.case .case-info{padding:25px 50px 24px 0;position: relative;transition: all 0.5s ease-out 0s;}
.case a .case-info::after{content: '';position: absolute;background: url("../images/arrow.png") no-repeat;width: 13px;height: 23px;opacity: 0;right: 20px;top:37px;transition: all 0.8s ease-out 0s;}
.case a:hover .case-info::after{opacity: 1}
.case a:hover:hover .case-info{background: #fff}
.case .title{height: 24px;color: #666;padding: 0;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;text-align:left;}
.case .subtitle{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #b9b9b9;font-size: 14px;margin-top: 3px;text-align: left;width: 330px}
.case .more{display: inline-block;width: 300px;height:50px;line-height: 50px; border: 1px solid #FF0000;font-size: 16px;color: #FF0000; cursor: pointer;transition: all 0.3s ease-out 0s;font-family:paiworkFont;margin-top: 3px;}
.case .more::after{content: "";display: block;width: 0;height: 52px;background-color: #F91F32;color: #fff;margin-top: -51px;transition: all 0.6s ease 0s;}
.case .more:hover{color: #fff}
.case .more:hover::after{width: 100%;height: 52px;}

.case .show-up a{display: none}

.home .center .person{background: #F8F8F8;height: 433px;overflow: hidden}
.home .center .person .cnt{max-width: 1200px;margin: 0 auto;text-align: center;padding:74px 0;}
.home .center .person .cnt>div{cursor: pointer;transition: all 0.6s ease-out 0s;}
.home .center .person .cnt>div>a{display: none}
.home .center .person .person-img{display: inline-block;position: relative}
.home .center .person .person-img img{display: block;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.home .center .person .person-img::after{content: '';position: absolute;top: 0;left: 0;border-radius: 50%;width: 100%;height: 100%;transition: all 0.6s ease 0s;border: 0px solid #f8f8f8;}
.home .center .person .name{font-size: 16px;margin: 31px 0 8px 0;color: #333333;transition: all 0.6s ease 0s;}
.home .center .person .job{color: #666;margin: 0 0 15px 0;font-size: 14px;}
.home .center .person .summary{color: #999;font-size: 14px;line-height: 14px;}


.home .center .person .cnt>div:hover .person-img::after {
    border: 1px solid #F91F32;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -moz-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -webkit-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -o-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
}
.home .center .person .cnt>div:hover .name{color:#F91F32 }
.home .center .person .cnt>div:hover .person-img img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
/*.home .center .person .cnt>div:hover{margin-top: -15px}*/
/* 案例 */
.case-page{background: #F8F8F8}
.case-page .center{margin:0 0 150px 0}
.case-page .center .type{max-width: 1200px;margin: 0 auto;text-align: center;padding:205px 0  57px 0}
.case-page .center .type ul{padding-top: 50px}
.case-page .center .type ul li{display: inline-block;color: #8A8A8A;padding: 0 40px;cursor: pointer;transition: all 0.6s ease 0s;}
.case-page .center .type ul li.active,.case-page .center .type ul li:hover{color: #DF0019}
.pagination{max-width: 1200px;margin: 0 auto ;text-align: center;padding: 10px 0 6px 0 }
.pagination li{display: inline-block;width: 36px;height: 36px;line-height: 36px;vertical-align: top;cursor: pointer;color: #999;transition: all 0.6s ;font-size: 12px}
.pagination li.active,.pagination li:hover{background: #EF001A;color: #fff}

/* 案例详情 */
.case-detail-page{background: #F8F8F8;min-width: 800px}
.case-detail-page .center .cnt{max-width: 1682px;margin: 206px auto 80px auto;background: #fff}
.case-detail-page .center .cnt>div:nth-child(1) img{width: 100%;float: left;padding: 1px 0;display: block}
.case-detail-page .cnt-right{width: 396px;display: block;border: 1px solid #eee;}
.case-detail-page .detail-info{padding:42px 28px 0 28px;transition: all 0.6s ease-out 0s;}
.case-detail-page .detail-info.scroll{position: fixed;top: 54px;width: 338px}
.case-detail-page .detail-info>div:nth-child(1){font-size: 26px;margin-bottom: 8px;color: #444444;}
.case-detail-page .detail-info>div:nth-child(2){font-size: 14px;color: #787878;line-height: 18px;height: 13px;}
.case-detail-page .detail-info>div:nth-child(3){font-size: 14px;padding: 40px 0 47px 0;border-bottom: 1px solid #ccc;line-height: 24px;color: #787878}
.case-detail-page .other{margin: 30px 0 0 0}
.case-detail-page .other .col-50>div{box-shadow: 0px 0px 2px 0px #eeeeee,0px 1px 2px 0px #eeeeee;cursor: pointer}
.case-detail-page .other .col-50:nth-child(2n+1)>div{margin-right:5px;margin-bottom: 20px }
.case-detail-page .other .col-50:nth-child(2n)>div{margin-left:5px;margin-bottom: 20px}
.case-detail-page .other .img{width: 164px;height: 103px;display: block}
.case-detail-page .other img{width: 100%;display: block;background: #f8f8f8}
.case-detail-page .other .info{padding: 7px 10px 12px 10px;background: #fff}
.case-detail-page .other .info>div:nth-child(1){color: #4f4f4f;font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 5px}
.case-detail-page .other .info>div:nth-child(2){font-size: 12px;color: #b7b7b7}
#caseDetail img{display: block;padding: 0}
/* 动态 */
.dynamic-page .center{background: #f8f8f8}
.dynamic-page .center .cnt{max-width: 1200px;margin: 0 auto;padding: 50px 0 150px 0}
.dynamic-page .center .list{padding: 71px 0 0 0}
.dynamic-page .center .list .col-50>a{width: 67%;margin: 0 auto 100px auto;cursor: pointer;position: relative;display: block}
.dynamic-page .center .list .date{font-size: 30px;line-height: 28px;color: #000000;font-family: paiworkFont}
.dynamic-page .center .list .title{text-align: left;color: #333333;padding: 28px 0 23px 0;border-bottom: 1px solid #D7D7D7;margin-bottom: 24px;font-size: 16px}
.dynamic-page .center .list .remark{color: #999;font-size: 14px;line-height: 22px;max-height: 45px;overflow: hidden}
.dynamic-page .center .list .col-50>a .date::before{content: '';position: absolute;background: url("../images/arrow.png") no-repeat;width: 13px;height: 23px;opacity: 0;right: 11px;top:3px;transition: all 0.8s ease-out 0s;}
.dynamic-page .center .list .col-50>a:hover .date::before{opacity: 1}
.dynamic-page .center .list .col-50>a .title{transition: all 0.8s ease 0s;}
.dynamic-page .center .list .col-50>a:hover .title{color: #EF001A}

.dynamic-detail-page .center{min-height: 500px;max-width: 1200px;margin:0 auto;padding: 205px 0 150px 0}
.dynamic-detail-page .center #title{text-align: center;font-size: 24px;margin-bottom: 40px;color: rgb(51,51,51)}
.dynamic-detail-page .center #days{text-align: center;font-size: 14px;margin-bottom: 40px;color: rgb(102,102,102)}
/*.dynamic-detail-page .bottom1{position: absolute;bottom: 0;width: 100%}*/
#detail p{line-height: 2em;text-indent: 2em;}
#detail img{max-width: 1200px;}

/* 关于 */
.about-page .cooperate{background: #F8F8F8;padding: 72px 0 51px 0}
.about-page .block-title{margin-bottom: 25px}
.about-page .summary{background: #f8f8f8;padding: 80px 0;}
.about-page .summary>div{max-width: 1200px;margin: 0 auto;}
.about-page .summary .info{margin-left: 70px}
.about-page .summary .info>div:nth-child(1){font-size: 18px;height: 19px;margin:13px 0 41px 0;color: #262626}
.about-page .summary .info>div:nth-child(2){color: #959595;line-height: 28px;margin-bottom: 25px;width: 588px}
.about-page .summary .info>div:nth-child(3){color: #959595;line-height: 28px;width: 588px}
.about-page .cooperate .cnt>li{margin-bottom: 15px;}
.about-page .service{padding: 65px 0 78px 0}


/* 联系我们 */
.contact-page .summary{background: #f8f8f8;padding: 72px 0 144px 0;}
.contact-page .summary img{display: block}
.contact-page .summary .cnt{margin-top: 72px}
.contact-page .summary>div{max-width: 1200px;margin: 0 auto;}
.contact-page .summary .info{margin:auto 65px}
.contact-page .summary .info>div{color: #333333;line-height: 33px;font-size: 14px}
.contact-page .summary .info>div:nth-child(1){font-size: 18px;margin:0 0 45px 0;line-height: 18px}
.contact-page .third-party{margin-top: 15px}
.contact-page .tip-bottom{bottom: 40px}

/*招聘*/
.recruit-page .center{background: #f8f8f8}
.recruit-page .center .cnt{max-width: 1200px;margin: 0 auto;padding: 54px 0 0 0}
.recruit-page .center .item{background: #fff;margin: 0 0 94px 0 ;padding: 49px 40px 49px 38px;width: 426px}
.recruit-page .cnt .title{font-size: 24px;height: 24px; text-align: center;margin-bottom: 25px;color: #262626}
/*.recruit-page .cnt .info .row>div{padding: 8px 0}*/
.recruit-page .cnt .info .row>div:nth-child(1){font-size: 18px;color: #262626; display: inline-block;min-width: 83px;height: 17px;margin-bottom: 20px}
.recruit-page .cnt>div{height: 704px}
.recruit-page .cnt>div:nth-child(2n+1) .item{float: right;margin-right: 15px}
.recruit-page .cnt>div:nth-child(2n+2) .item{float:left;margin-left: 15px}
.recruit-page .cnt .item{cursor: pointer;transition: all 0.6s ease 0s;position: relative}
.recruit-page .cnt .item:hover{margin-top: -20px; box-shadow: 0 0 25px #ccc;}

.recruit-page .cnt .item::after{content: "";display: block;width: 0;height: 4px;background-color: #f40606;color: #fff;position: absolute;left: 0;bottom: 0; transition: all 0.6s ease 0s;}
.recruit-page .cnt .item:hover::after{width: 100%;height: 3px;}

.recruit-page .cnt .info .row>div:nth-child(2){font-size:14px; color: #959595;line-height: 28px;margin-bottom: 21px}
.recruit-page .cnt .info .row li{color: #959595}
.recruit-page .cnt .info .row:last-child>div{margin-bottom: 0}