body{min-width:1200px;}
.content-box{width:1200px;margin:0 auto;}
.content-box1{width:1350px;}
.main-title{padding:40px 0 20px;text-align: center;}
.main-title .title{font-size: 32px;color: #333;line-height:54px;letter-spacing:5px;}
.main-title .subtit{font-size: 18px;color: #606468;line-height:45px;letter-spacing: 3px;}
.main-title.white .title{color:#fff;}
.main-title.white .subtit{color:#fff;}
.content-title{font-size: 32px;color: #333;line-height:54px;letter-spacing:5px;padding:35px 0 20px;text-align: center;}
.content-title.white{color: #fff;}
.btn a{font-size:14px;color: #a22223;border:1px solid #a22223;line-height: 36px;height:36px;padding:0 30px;display:inline-block;}
.btn a:hover{color: #fff;background:#a22223;}
.btn.white a{color: #fff;border:1px solid #fff;}
.btn a:hover{color: #fff;background:#f60;border:1px solid #f60;}

.banner-box{width:100%;position: relative;height:600px;}
/* header */
.header{width:100%;height: 80px;border-bottom:1px solidd rgba(255,255,255,.5);top:0;left:0;right:0;z-index: 999;position: fixed;}
.header .logo{width:370px;height: 40px;margin:20px 40px 0 0;background:url(../image/logo.png) no-repeat;}
.header .nav-box .nav li{font-size:16px;color: #fff;height: 60px;line-height: 60px;margin:0 8px;}
.header .nav-box .nav > li > a{color: #fff;line-height:79px;padding:0 10px;display:inline-block;}
.header .nav-box .nav li a.curr{border-bottom:4px solid #f60;margin-top: -1px;}
.header .header-tel{font-size:20px;color: #fff;background: url(../image/hearder_tel.png) no-repeat 0 center;padding-left:46px;font-family: "PingFang SC";margin-top: 20px;}
.header .header-tel .tit{font-size:14px;line-height:20px;color: #fff;}
.header .header-tel .num{font-size:16px;color: #fff;line-height: 20px;font-weight: bold;}
.header.active{background:#fff;opacity: .9;-webkit-transition: all .10s ease-in-out 0s;-moz-transition: all .10s ease-in-out 0s;-ms-transition: all .10s ease-in-out 0s;-o-transition: all .10s ease-in-out 0s;transition: all .10s ease-in-out 0s;     box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .1);}
.header.active .logo{width:370px;height: 40px;margin:20px 28px 0 0;background:url(../image/logo1.png) no-repeat;}
.header.active .nav-box .nav li{color: #333;}
.header.active .nav-box .nav li a{color: #333;}
.header.active .nav-box .nav li.curr{border-bottom:4px solid #f08519;}
.header.active .nav-box .nav li.curr a{color:#f08519;}
.header.active .header-tel{background: url(../image/hearder_tel1.png) no-repeat 0 center;}
.header.active .header-tel .tit{font-size:14px;line-height:20px;color: #555;}
.header.active .header-tel .num{font-size:16px;color: #f60;line-height: 20px;font-weight: bold;}

/*二级导航 */
.clearfix li{position: relative;}
.clearfix li:hover .submenu-box{display: block;cursor: pointer;}
.submenu-box{position: absolute;top:80px;left:2px;z-index: 999;box-shadow: rgba(50, 50, 50, 0.2) 0px 0px 4px 0px;background: #fff;display:none;}
.submenu-box .submenu{
    border-bottom: 1px solid #eee;
}

/* banner */
.banner{background-color: #fff;overflow: hidden;width:100%;}
.slides{position:relative;left:50%;margin-left:-960px;background-color:#fff;overflow:hidden;width: 1920px;height:600px;}
.slidesjs-main{position: relative; left: 0px;width: 1920px; height: 600px;}
.slidesjs-slide{position: absolute; top: 0px; left: 0px; width: 100%; backface-visibility: hidden; }
.slideChild{margin:0 auto;z-index:8;height:600px;position:relative;}
.slideImg{position:absolute;top:0;left:0;z-index:9;width: 1920px;height:600px;}
.slidesjs-pagination{position:absolute;bottom:20px;left:50%;z-index:11;margin-left:-52px;}
.slidesjs-pagination li{float:left;margin-right:10px;}
.slidesjs-pagination li a{text-indent:-9999px;border:1px solid #fff;display:inline-block;display:block;_display:block;width:12px;height:12px;border-radius: 50%;}
.slidesjs-pagination li a.active{background-color:#fff;}

/* matrix */
.matrix-box{width:100%;background:url(../image/product_bg.jpg) no-repeat center center;background-size: cover;background-position: 50%;height: 700px;}
.matrix-box .matrix{position: relative;height: 490px;}
.matrix-box .matrix .matrix-list{width:400px;position: absolute;top:20px;cursor: pointer;}
.matrix-box .matrix .matrix-list .matrix-info{width:360px;margin:0 auto;height:450px;border:1px solid #e5e5e5;background:#fff;}
.matrix-box .matrix .matrix-list .matrix-tit{padding:20px 30px;background:#f8f9f9;border-bottom:1px solid #eee;}
.matrix-box .matrix .matrix-list .matrix-tit .matrix-name{font-size:22px;color: #222;line-height: 50px;text-align: center;}
.matrix-box .matrix .matrix-list .matrix-tit .tips{font-size:14px;color: #555;line-height:24px;text-align: center;}
.matrix-box .matrix .matrix-list .matrix-content{background:url(../image/product_matrix01.png) no-repeat right bottom;height:290px;padding-top:20px;position: relative;}
.matrix-box .matrix .matrix-list .list-content{}
.matrix-box .matrix .matrix-list:nth-child(2) .matrix-content{background:url(../image/product_matrix02.png) no-repeat right bottom;border:0 none;}
.matrix-box .matrix .matrix-list:nth-child(3) .matrix-content{background:url(../image/product_matrix03.png) no-repeat right bottom;border:0 none;}
.matrix-box .matrix .matrix-list .list-content .list{padding:0 0 15px 30px;}
.matrix-box .matrix .matrix-list .list-content .list .name{font-size:16px;color: #222;line-height: 32px;}
.matrix-box .matrix .matrix-list .list-content .list .subinfo{font-size:14px;color: #555;line-height: 24px;}
.matrix-box .matrix .matrix-list.curr,.matrix-box .matrix .matrix-list:hover{top:0px;}
.matrix-box .matrix .matrix-list:hover .matrix-info{width:380px;height:490px;border:1px solid #e5e5e5;background:#fff;}
.matrix-box .matrix .matrix-list:nth-child(1){left:0;right:400px;}
.matrix-box .matrix .matrix-list:nth-child(2){left:400px;right: 800px;}
.matrix-box .matrix .matrix-list:nth-child(3){left:800px;right: 0px;}
.matrix-box .matrix .matrix-list.curr .matrix-info,.matrix-box .matrix .matrix-list:hover .matrix-info{width:380px;height:490px;border:1px solid #a22223;box-shadow: 0px 4px 6px 0px rgba(215, 40, 42, 0.1);}
.matrix-box .matrix .matrix-list.curr .matrix-tit,.matrix-box .matrix .matrix-list:hover .matrix-tit{padding:30px 30px;background:#a22223;}
.matrix-box .matrix .matrix-list.curr .matrix-tit > div,.matrix-box .matrix .matrix-list:hover .matrix-tit > div{color: #fff;}
.matrix-box .matrix .matrix-list.curr .matrix-content,.matrix-box .matrix .matrix-list:hover .matrix-content{height:310px;padding-top:20px;}
.matrix-box .matrix .matrix-list.curr:nth-child(2) .matrix-content,.matrix-box .matrix .matrix-list:hover:nth-child(2) .matrix-content{border:0 none;}
.matrix-box .matrix .matrix-list.curr:nth-child(3) .matrix-content,.matrix-box .matrix .matrix-list:hover:nth-child(3) .matrix-content{border:0 none;}
.matrix-box .matrix .matrix-list .matrix-content .btn{position: absolute;bottom:30px;left:30px;display: none;}
.matrix-box .matrix .matrix-list .matrix-content .btn a{font-size: 13px;color: #f60;border: 1px solid #f60;line-height:30px;height:30px;padding: 0 16px;display: inline-block;}
.matrix-box .matrix .matrix-list .matrix-content .btn a:hover{color: #fff;border: 1px solid #F08519;background: #f60;}
.matrix-box .matrix .matrix-list.curr .matrix-content .btn,.matrix-box .matrix .matrix-list:hover .matrix-content .btn{display: block;}

/* about */
.about-box{margin:50px auto 0;}
.about-box .about-title{width:550px;margin:20px 50px;}
.about-box .about-title .title{font-size:34px;line-height:80px;color: #333;letter-spacing:5px;}
.about-box .about-title .english{width:143px;height: 17px;}
.about-box .about-title .line{width:80px;height: 2px;background:#333;margin-top:20px;}
.about-box .about-title .text{font-size:16px;line-height: 28px;color: #555;margin:40px 0 30px;}
.about-box .about-title .text p,.about-box .about-title .text span{font-size:16px;line-height: 28px;color: #555;margin:40px 0 30px;}
.about-box .about-img{width:550px;height: 400px;}
.about-box .about-img img{width:550px;height: 400px;}

/* case */
.case-box{margin:50px auto 0;background: url(../image/case_bg.jpg) no-repeat center center;width: 100%;height:680px;}
.case-box .case-content{background: #fff;height:470px;}
.case-box .label-ul{height:50px;border-bottom:1px solid #e0e0e0;text-align: center;padding:20px 40px;}
.case-box .label-ul li{height: 50px;margin:0 35px;/*grayscale(val):val值越大灰度就越深*/-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: .6;float:left;}
.case-box .label-ul li:hover,.case-box .label-ul li.curr{filter:grayscale(0%);opacity: 1;border-bottom:3px solid #F08519;padding-bottom:19px;}
.case-box .label-ul li img{width:auto;height: 50px;}
.case-box .case-show{padding-bottom:40px;}
.case-box .case-show .case{margin:40px;width:1120px;}
.case-box .case-show .case .info{width:590px;}
.case-box .case-show .case .info .name{font-size:24px;color: #333;line-height:60px;}
.case-box .case-show .case .info .tips{font-size:15px;color: #555;line-height:26px;margin-bottom:5px;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;}
.case-box .case-show .case .info .active{background:url(http://www.zzjtsj.cn/webfile/jome/images/case_dotted.png) no-repeat center left;padding-left:20px;line-height:40px;font-size:16px;color: #333;margin-bottom:30px;}
.case-box .case-show .case .info-img{width:500px;height: 280px;}
.case-box .case-show .case .info-img img{width:500px;height: 280px;}

/* 特色服务 */
.advantage-box{background: url(../image/advantage_bg.png) no-repeat center center;padding-bottom:45px;}
.advantage-box .advantage{margin-top:5px;}
.advantage-box .advantage li{width:220px;height: 260px;background:#fff;margin-right:25px;border-radius: 5px;text-align: center;padding:0 30px;}
.advantage-box .advantage li:last-of-type{margin-right:0;}
.advantage-box .advantage li .ad-img{margin:35px auto 20px;width: 70px;height: 70px;}
.advantage-box .advantage li .ad-img img{width:70px;height: 70px;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.advantage-box .advantage li:hover{box-shadow: 0px 4px 6px 0px rgba(7, 98, 174, 0.2);}
.advantage-box .advantage li:hover .ad-img img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.advantage-box .advantage .ad-title{font-size: 22px;color: #333;line-height:50px;}
.advantage-box .advantage .ad-tips{font-size:14px;line-height: 24px;color: #555;}

/* 合作品牌 */
.partner-box{margin-bottom: 10px;}
.partner-box ul li{width:275px;height:120px;border:1px solid #eee;box-sizing: border-box;margin:0 12px 24px;/*grayscale(val):val值越大灰度就越深*/-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: .6;}
.partner-box ul li:hover{filter:grayscale(0%);opacity: 1;border:1px solid #e89596;box-shadow: 0px 4px 6px 0px rgba(215, 40, 42, 0.1);}
.partner-box ul li img{width:200px;height:50px;margin:40px 37px;}

/* 数据展示 */
.num-groupbox{background:url(../image/case_numbg.png) no-repeat center center;height: 170px;}
.num-groupbox .num-list{}
.num-groupbox .num-list li{width:280px;margin-right:20px;color: #fff;}
.num-groupbox .num-list li .num{font-size:54px;line-height: 70px;font-family: "Din";padding-top:35px;}
.num-groupbox .num-list li .num span{font-size:58px;margin-right:5px;display: inline-block;}
.num-groupbox .num-list li .text{font-size:16px;line-height:30px;}

/* news */
.hot-news{background:#f5f5f5;padding-bottom: 50px;}
.information-center-new{position: relative; height:283px;width:1200px;overflow: hidden;}
.information-center-new .silderBox{position: relative;height:283px;overflow: hidden;width:12000px;}
.information-center-new .silderBox .list{position:absolute; left:0; width:1000000px;}
.information-center-new .silderBox .list li .row{display:block;width:1200px;position: relative;}
.information-center-new .silderBox .pic{width:380px;height: 253px;position: absolute;left:0;top:15px;}
.information-center-new .silderBox .pic img{width:380px;height: 253px;}
.information-center-new .silderBox .news-info{background:#fff;height: 253px;padding-top:30px;padding-right:40px;padding-left:80px;width:740px;margin-left:340px;}
.information-center-new .silderBox .news-info .title{font-size:22px;color: #333;line-height: 60px;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}    
.information-center-new .silderBox .text{font-size:16px;color: #555;line-height: 28px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height:56px;overflow: hidden;margin-bottom:30px;}
.information-center-new .silderBox .button{font-size:14px;font-family: "PingFang SC", "Microsoft YaHei";color: #a22223;background:#fff;border:1px solid #a22223;line-height: 36px;height:36px;padding:0 30px;}
.information-center-new .silderBox .button:hover{color: #fff;background:#a22223;}
.information-center-new .pagination{position: absolute;top:240px;left:50%;z-index: 11;text-align: center;}
.information-center-new .pagination li{cursor:pointer;display:inline-table;margin:0 7px;width:30px; height:5px; background:#b3b3b3;}
.information-center-new .pagination li.curr{background:#f60;}

/* footer */
.footer{width:100%;background:#222;}
.footer .footer-info{padding:40px 0;}
.footer .footer-info .logo img{width:370px;height:40px;}
.footer .footer-info .text{margin-top:15px;}
.footer .footer-info .text .tel{font-size: 16px;color:#ccc;line-height: 32px;}
.footer .copyright{height:40px;border-top:1px solid #555;font-size: 14px;color:#ccc;line-height:40px;text-align: center;}
.footer .qr-code{padding-top:50px;}
.footer .qr-code .qr{width:120px;margin-left:20px;}
.footer .qr-code .qr .code-img{width:120px;height: 120px;}
.footer .qr-code .qr .code-img img{width: 120px;height: 120px;}
.footer .qr-code .qr .code-text{font-size:14px;color: #bbb;line-height: 36px;width:120px;text-align: center;}

/* 二级页面 */
.banner-box.about{overflow: hidden;height:450px;}
.banner-box.about .banner{width:1920px;height:450px;position: absolute;left: 50%;margin-left: -960px;overflow: hidden;}
.banner-box.about .banner img{width: 100%;height:450px;backface-visibility: hidden;}
/* 面包屑 */
.crumbs-box{width:100%;height: 50px;background:#f5f5f5;}
.crumbs-box .crumbs-list .crumbs {background:url(../image/crumbs_arrow.png) no-repeat 0 center;padding-left:14px;margin-right:8px;}
.crumbs-box .crumbs-list .crumbs.one{background:url(../image/crumbs_index.png) no-repeat 0 center;padding-left:22px;}
.crumbs-box .crumbs-list .crumbs a{font-size:14px;color: #666;line-height: 50px;display: block;max-width:280px;margin:0;padding:0;overflow: hidden;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;}
.crumbs-box .crumbs-list .crumbs a:hover{color:#9e030b;}
.crumbs-box .subnav-box .subnav li{padding: 0 15px;margin-left:30px;font-size:18px;color: #333;line-height: 50px;float:left;}
.crumbs-box .subnav-box .subnav li.curr{border-bottom:2px solid #9e030b;}
.crumbs-box .subnav-box .subnav li.curr a,.crumbs-box .subnav-box .subnav li:hover a{color: #9e030b;font-weight: bold;}

/* 分页 */
.TxtCenter {margin-top:20px;text-align: center;overflow: hidden;zoom: 1;margin-bottom:50px;}
.TxtCenter a,.TxtCenter span {font-size: 16px;text-decoration: none;display: inline-block;height:40px;line-height:40px;margin-left: 6px;cursor: pointer;transition: all .2s;padding: 0 18px;border-radius: 2px;border: 1px solid #ddd;color: #666;background-color: #fff;}
.TxtCenter .curr {border: 1px solid #9e030b;color: #fff;background-color: #9e030b;}
.TxtCenter span:not(.current) {cursor: not-allowed;}
/* 分页 */
.pages {margin-top:30px;text-align: center;overflow: hidden;zoom: 1;margin-bottom:40px;}
.pages a,.pages span {font-size: 16px;text-decoration: none;display: inline-block;height:36px;line-height:36px;margin-left: 4px;cursor: pointer;transition: all .2s;padding: 0 18px;border-radius: 2px;border: 1px solid #ddd;color: #666;background-color: #fff;}
.pages .curr {border: 1px solid #a22223;color: #fff;background-color: #a22223;}
.pages span:not(.current) {cursor: not-allowed;}


/* 软件开发 */
/* 产品服务 */
.pro-service .label-list{border-bottom: 1px solid #ddd;}
.pro-service .label-list .label{width:300px;margin:0 50px;text-align: center;position: relative;height: 138px;}
.pro-service .label-list .label .label-show{position: absolute;bottom:-9px;left:0;right:0;}
.pro-service .label-list .label.curr .label-show{background:url(../image/soft_labelbg.png) no-repeat center bottom;}
.pro-service .label-list .label .label-img{width:64px;height: 64px;margin:0 auto;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: .6;}
.pro-service .label-list .label.curr .label-img{filter:grayscale(0%);opacity: 1;}
.pro-service .label-list .label .label-img img{width:64px;height: 64px;}
.pro-service .label-list .label .label-name{font-size:20px;line-height: 50px;padding:10px 0 20px;color:#333;}
.pro-service .label-content{margin:50px auto 0;}
.pro-service .label-content .label-info{margin-left:20px;width:660px;}
.pro-service .label-content .label-info .name{font-size:32px;color: #333;line-height:60px;letter-spacing: 3px;}
.pro-service .label-content .label-info .tips{font-size:16px;color: #666;line-height: 28px;margin:10px 0 30px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;max-height:84px;overflow: hidden;}
.pro-service .label-content .label-info .pic-icon{width:243px;height: 32px;}
.pro-service .label-content .label-info .pic-icon img{width:243px;height: 32px;}
.pro-service .label-content .content-show .label-img{width:450px;height: 320px;}
.pro-service .label-content .content-show .label-img img{width:450px;height: 320px;}
/* 技术特点 */
.technology-box{background: url(../image/soft_skillbg.jpg) no-repeat center center;padding-bottom:45px;}
.technology-box .technology{margin-top:5px;}
.technology-box .technology li{width:220px;height:300px;background:#fff;margin-right:25px;border-radius: 5px;text-align: center;padding:0 30px;}
.technology-box .technology li:last-of-type{margin-right:0;}
.technology-box .technology li .tech-img{margin:35px auto 10px;width: 80px;height: 60px;}
.technology-box .technology li .tech-img img{width:80px;height: 60px;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.technology-box .technology li:hover{box-shadow: 0px 4px 6px 0px rgba(7, 98, 174, 0.2);}
.technology-box .technology li:hover .tech-img img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.technology-box .technology .tech-title{font-size: 22px;color: #333;line-height:70px;background:url(../image/soft_skilltitlebg.png) no-repeat center bottom}
.technology-box .technology .tech-tips{font-size:14px;line-height: 24px;color: #555;margin-top:20px;}
/* 服务流程 */
.service-box{margin:0 auto 40px;}
.service-box .service-content{margin-top:10px;box-sizing: border-box;}
.service-box .service-content li{width:285px;background: url(../image/soft_service_arrow.png) no-repeat center right;margin-right:35px;}
.service-box .service-content li:last-of-type{width:240px;background: 0 none;margin-right:0;}
.service-box .service-content li .service{width:240px;height:130px;border:1px solid #ddd;}
.service-box .service-content li .service-img{width:60px;height: 60px;margin:20px auto 0;}
.service-box .service-content li .service-img img{width:60px;height: 60px;}
.service-box .service-content li .service-name{font-size:18px;text-align: center;color: #333;line-height: 40px;}
/* 客户案例 */
.customer{background: url(../image/soft_casebg.png) no-repeat center center;padding-bottom:50px;}
.customer .customer-info .list{width:380px;height:300px;margin-right:30px;}
.customer .customer-info .list:nth-child(3n){margin-right: 0;}
.customer .customer-info .list .list-maskbox{position: relative;overflow: hidden;}
.customer .customer-info .list .list-img{width:380px;height: 210px;}
.customer .customer-info .list .list-img img{width:380px;height: auto;transition: all 1s;}
.customer .customer-info .list:hover .list-img img{transform: scale(1.1);}
.customer .customer-info .list .list-name{width:340px;height:64px;background:#fff;color: #333;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding:13px 20px;}
.customer .customer-info .list .list-name .tit{font-size:18px;line-height: 36px;}
.customer .customer-info .list .list-name .tips{font-size:14px;line-height: 28px;}
.customer .customer-info .list .list-mask{display: none;}
.customer .customer-info .list:hover .list-mask{display: block;}
.customer .customer-info .list .list-mask{position:absolute;bottom:0;left:0;right:0;top:0;width:100%;height: 100%;background:rgba(0,0,0,.6)}
.customer .customer-info .list .list-mask .link{width:50px;height: 50px;margin:75px auto;}
.customer .customer-info .list:hover .list-name{background:#a22223;color: #fff;}
.customer.listbox{background: #fff;margin:40px auto 0;padding-bottom:0;}
.customer.listbox .customer-info .list{margin:0 27px 27px 0;border:1px solid #e0e0e0;height:300px;}
.customer.listbox .customer-info .list:nth-child(3n){margin-right:0;}

/* 数据营销 */
/* 数据营销 */
.marketing-box{background:#f7f7f7;padding-bottom:40px;}
.marketing-box .marketing li{width:294px;height:260px;background:#fff;margin-right:35px;text-align: center;padding:0 40px;border:1px solid #fff;}
.marketing-box .marketing li:last-of-type{margin-right:0;}
.marketing-box .marketing li .img{margin:35px auto 15px;width: 70px;height: 70px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.marketing-box .marketing li .img img{width:70px;height: 70px;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.marketing-box .marketing li:hover{box-shadow: 0px 4px 6px 0px rgba(215, 40, 42, 0.1);border:1px solid #e89596;cursor:pointer;}
.marketing-box .marketing li:hover .img{filter:grayscale(0%);}
.marketing-box .marketing li:hover .img img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.marketing-box .marketing .title{font-size: 22px;color: #333;line-height:60px;}
.marketing-box .marketing .tips{font-size:15px;line-height: 24px;color: #555;}
/* 业务服务 */
.business-service{background:url(../image/marketing_businessbg01.jpg) no-repeat center center;}
.business-service .business-label{width:240px;height: 600px;background:url(../image/marketing_business_labelbggray.png);margin-right:160px;}
.business-service .business-label .label{width:240px;height:120px;border-bottom:1px solid #222;color:#fff;box-sizing: border-box;}
.business-service .business-label .label.curr{background:url(../image/marketing_business_labelbg.png) no-repeat left center;}
.business-service .business-label .label .tit{font-size:18px;line-height: 40px;padding:25px 0 0 20px;}
.business-service .business-label .label .tips{font-size:14px;line-height: 30px;padding-left:20px;}
.business-service .business-content{width:800px;height: 600px;position: relative;}
.business-service .business-content .business-group{padding-top:50px;}
.business-service .business-content .business-group .business-name{font-size:32px;color: #fff;line-height:90px;letter-spacing: 5px;}
.business-service .business-content .business-group .business-text{font-size:16px;color: #fff;line-height:28px;}
.business-service .business-content .business-group .partner{margin:30px 0 0;}
.business-service .business-content .business-group .partner .partner-tit{font-size:22px;color: #fff;line-height:60px;}
.business-service .business-content .business-group .partner ul li{width:170px;height:60px;margin:0 10px 10px 0;background:#fff;opacity: .8;}
.business-service .business-content .business-group .partner ul li img{width:160px;height: 40px;margin:10px 5px;}
.business-service .business-content .business-group .business-btn{position: absolute;bottom:50px;}
/* 营销优势 */
.marketing-advantage ul li{width:380px;height: 380px;margin-right:30px;position: relative;overflow: hidden;}
.marketing-advantage ul li:last-of-type{margin-right:0;}
.marketing-advantage ul li .pic{width:380px;height: 380px;transition: all 1s;}
.marketing-advantage ul li:hover .pic{transform: scale(1.1);}
.marketing-advantage ul li:nth-child(1) .pic{background:url(../image/marketing_advantage_bg01.png);}
.marketing-advantage ul li:nth-child(2) .pic{background:url(../image/marketing_advantage_bg02.png);}
.marketing-advantage ul li:nth-child(3) .pic{background:url(../image/marketing_advantage_bg03.png);}
.marketing-advantage ul li .mask-show{position: absolute;top:0;left: 0;right:0;bottom:0;}
.marketing-advantage ul li .mask-show .icon-box{width:80px;height: 120px;background: url(../image/soft_skilltitlebg.png) no-repeat center bottom;margin:80px auto 40px;}
.marketing-advantage ul li .mask-show .icon{width:80px;height: 80px;}
.marketing-advantage ul li .mask-show .text{font-size:22px;color: #fff;text-align: center;letter-spacing: 2px;}
/* 行业领域 */
.marketing-industry{margin:0 auto 50px;}
.marketing-industry ul li{width:400px;height: 280px;position: relative;overflow: hidden;}
.marketing-industry ul li:last-of-type{margin-right:0;}
.marketing-industry ul li .pic{width:400px;height: 280px;transition: all 1s;}
.marketing-industry ul li:nth-child(1) .pic{background:url(../image/marketing_industrybg01.png);}
.marketing-industry ul li:nth-child(2) .pic{background:url(../image/marketing_industrybg02.png);}
.marketing-industry ul li:nth-child(3) .pic{background:url(../image/marketing_industrybg03.png);}
.marketing-industry ul li:nth-child(4) .pic{background:url(../image/marketing_industrybg04.png);}
.marketing-industry ul li:nth-child(5) .pic{background:url(../image/marketing_industrybg05.png);}
.marketing-industry ul li:nth-child(6) .pic{background:url(../image/marketing_industrybg06.png);}
.marketing-industry ul li:hover .pic{transform: scale(1.1);}
.marketing-industry ul li .mask-show{position: absolute;top:0;left: 0;right:0;bottom:0;}
.marketing-industry ul li .mask-show .icon{width:80px;height: 80px;margin:70px auto 20px;}
.marketing-industry ul li .mask-show .icon img{width:80px;height: 80px;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.marketing-industry ul li:hover .mask-show{background:url(../image/marketing_industrybg.png);}
.marketing-industry ul li:hover .mask-show .icon img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.marketing-industry ul li .mask-show .text{font-size:22px;color: #fff;text-align: center;letter-spacing: 2px;}

/* 虚拟产品 */
/* 精选产品 */
.virtual-box{background:#f7f7f7;padding-bottom:15px;}
.virtual-box .virtual li{width:300px;height:200px;background:#fff;margin:0 27px 28px 0;padding:0 40px;border:1px solid #fff;}
.virtual-box .virtual li:hover{box-shadow: 0px 4px 6px 0px rgba(215, 40, 42, 0.1);border:1px solid #e89596;cursor:pointer;}
.virtual-box .virtual li:nth-child(3n){margin-right:0;}
.virtual-box .virtual li .virtual-tit{margin:30px 0 5px;}
.virtual-box .virtual li .virtual-tit .icon{width:50px;height: 50px;margin-right:20px;}
.virtual-box .virtual li .virtual-tit .icon img{width:50px;height: 50px;}
.virtual-box .virtual li .virtual-tit .tit{font-size: 22px;color: #333;line-height:50px;}
.virtual-box .virtual li .tips{font-size:14px;line-height: 26px;color: #444;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height: 78px;overflow: hidden;}
/* 应用场景 */
.scene-box{background: url(../image/virtual_scenebg.jpg) no-repeat center center;padding-bottom:45px;}
.scene-box .scene li{width:380px;height:400px;position: relative;text-align: center;margin-right: 30px;margin-top:5px;}
.scene-box .scene li:last-of-type{margin-right:0;}
.scene-box .scene li:nth-child(1){background:url(../image/virtual_sceneli01.png);}
.scene-box .scene li:nth-child(2){background:url(../image/virtual_sceneli02.png);}
.scene-box .scene li:nth-child(3){background:url(../image/virtual_sceneli03.png);}
.scene-box .scene li .scene-mask{position:absolute;top:0;left: 0;right: 0;bottom:0;}
.scene-box .scene li .scene-mask .scene-img{width:100px;height: 100px;margin:60px auto 20px;}
.scene-box .scene li .scene-mask .scene-img img{width:100px;height: 100px;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.scene-box .scene li:hover .scene-mask .scene-img img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.scene-box .scene li .scene-mask .scene-title{font-size: 22px;color: #333;line-height:60px;background:url(../image/soft_skilltitlebg2.png) no-repeat center bottom;padding-bottom:10px;letter-spacing: 2px;}
.scene-box .scene li .scene-mask .scene-tips{font-size:16px;line-height: 28px;color: #555;margin:30px 40px 0;}
.scene-box .scene li:after { content: " "; display: block; width: 0; height:3px; background: #f08519; position: absolute; top: 0; transition: all 0.5s cubic-bezier(0.55, 0.09, 0.68, 0.53); left: -0px; }
.scene-box .scene li:hover:after { width: 380px; }
/* 核心优势 */
.virtual-core{margin:0 auto 20px;}
.virtual-core .content-title{padding-bottom:0;}
.virtual-core .core li{width:310px;background: url(../image/virtual_adicon_dotted.png) no-repeat center right;text-align: center;}
.virtual-core .core li:last-of-type{width:270px;background:0;}
.virtual-core .core li .core-li{width:270px;margin-top:40px;}
.virtual-core .core li .core-img{width:110px;height: 110px;margin:0 auto;}
.virtual-core .core li .core-img img{width:110px;height: 110px;}
.virtual-core .core li .core-name{font-size:20px;line-height:80px;color: #333;}

/* 新闻页面 */
.news-listbox .news li{border-bottom:1px dashed #e0e0e0;padding:30px 0;}
.news-listbox .news li .news-pic{width:360px;height: 240px;padding-left:20px;}
.news-listbox .news li .news-pic img{width:360px;height: 240px;}
.news-listbox .news li .news-info{margin-left:40px;width:750px;}
.news-listbox .news li .news-info .title{font-size:20px;height:70px;line-height:70px;background:url(../image/news_titbg.png) no-repeat bottom left;color: #333;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;}
.news-listbox .news li .news-info .text{margin-top:20px;font-size:16px;color: #555;line-height: 28px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;max-height:84px;overflow: hidden;margin-bottom:20px;}
.news-listbox .news li .news-info .time{font-size:14px;color: #888;}
.news-listbox .news li .news-info .more{font-size:14px;color: #d7282a;margin-right:10px;}
.news-listbox .news li .news-info .title:after { content: " "; display: block; width:0; height:1px; background: #a22223; opacity: .5;position: absolute; bottom: 0; transition: all 0.5s cubic-bezier(0.55, 0.09, 0.68, 0.53); left: 100px; }
.news-listbox .news li:hover{box-shadow: 0px 4px 6px 0px rgba(215, 40, 42, 0.1);}
.news-listbox .news li:hover .news-info .title:after { width:640px; }
.news-listbox .news li:hover .news-info .title{color:#a22223;}

/* 关于我们 */
.about-us{padding:50px 0 60px;background:#f9f9f9;}
.about-us .content-box{position:relative;}
.about-us .about-img{width:550px;height: 400px;}
.about-us .about-img img{width:550px;height: 400px;}
.about-us .about-info{width:600px;height:340px;background:#fff;padding:30px 30px 30px 40px;position: absolute;top:20px;left:520px;}
.about-us .about-info .about-en{position: absolute;top:40px;left: 40px;height: 47px;z-index: 4;}
.about-us .about-info .name{font-size:32px;color: #333;line-height: 80px;z-index: 5;letter-spacing: 4px;}
.about-us .about-info .text{font-size:16px;color: #333;line-height: 28px;}
.about-us .about-info .about-icon{margin-top:30px;}
.about-us .about-info .about-icon li{width:114px;}
.about-us .about-info .about-icon li .icon img{width:66px;height:66px;margin:0 24px;}
.about-us .about-info .about-icon li .icon-name{font-size:16px;color: #666;line-height: 40px;text-align: center;}
/* 企业文化 */
.culture-box{background:url(../image/about_culturebg.jpg) no-repeat center center;padding-bottom:40px;}
.culture-box .culture-text{font-size:16px;text-align: center;padding:0 120px;line-height:30px;color: #fff;}
.culture-box .culture{margin-top:40px;}
.culture-box .culture li{width:280px;height: 315px;background:#fff;text-align: center;border-bottom:3px solid #a22223;margin-right:26px;}
.culture-box .culture li:last-of-type{margin-right:0;}
.culture-box .culture li .icon{width:80px;height: 80px;margin:40px 100px 0;}
.culture-box .culture li .name{font-size:22px;letter-spacing:2px;color: #333;line-height:70px;background: url(../image/soft_skilltitlebg.png) no-repeat center bottom;}
.culture-box .culture li .tips{font-size:14px;padding:0 25px; color: #555;margin-top:26px;}
.culture-box .culture li:hover{background:#a22223;}
.culture-box .culture li:hover > div{color:#fff !important; }
.culture-box .culture li:hover .name{background: url(../image/soft_skilltitlebg3.png) no-repeat center bottom;}
.culture-box .culture li:nth-child(1) .icon{background:url(../image/about_cultureicon01.png);}
.culture-box .culture li:nth-child(2) .icon{background:url(../image/about_cultureicon02.png);}
.culture-box .culture li:nth-child(3) .icon{background:url(../image/about_cultureicon03.png);}
.culture-box .culture li:nth-child(4) .icon{background:url(../image/about_cultureicon04.png);}
.culture-box .culture li:nth-child(1):hover .icon{background:url(../image/about_cultureicon01_curr.png);}
.culture-box .culture li:nth-child(2):hover .icon{background:url(../image/about_cultureicon02_curr.png);}
.culture-box .culture li:nth-child(3):hover .icon{background:url(../image/about_cultureicon03_curr.png);}
.culture-box .culture li:nth-child(4):hover .icon{background:url(../image/about_cultureicon04_curr.png);}
/* honor */
.honor-box{margin:0 auto 40px;}
.honor-box .honor-group{overflow: hidden;position: relative;}
.honor-box .honor-group .prev{position: absolute; left: 0px; top:80px;z-index: 2;}
.honor-box .honor-group .next{position: absolute; right: 0px; top:80px;z-index: 2;}
.honor-box .honor-group .honor-scroll{width:1010px;margin:0 auto;overflow: hidden;}
.honor-box .honor-group .honor{width:2700px;position: relative; overflow: hidden;}
.honor li{width:235px;border:1px solid #e0e0e0;margin-right:20px;}
.honor li .honor-img{width:235px;height:220px;overflow: hidden;}
.honor li .honor-img img{vertical-align: middle;max-width: 235px;height:220px;border-bottom:1px solid #eee;margin:0 auto;display:inherit;}
.honor li .honor-name{line-height:50px;font-size:16px;color: #333;text-align: center;overflow: hidden;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;margin:0 10px;}
/* active */
.company-active{background: url(../image/about_activebg.png) no-repeat center center;padding-bottom:40px;}
.company-active .active li{width:399px;border:1px solid #ddd;margin-left:-1px;position: relative;}
.company-active .active li .active-img{margin:15px 15px 0;width:370px;height:246px;background:#fff;overflow: hidden;}
.company-active .active li .active-img img{width:370px;height:246px;transition: all 1s;}
.company-active .active li:hover .active-img img{transform: scale(1.1);}
.company-active .active li .active-name{font-size:16px;line-height: 50px;color: #333;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:0 15px;}
.company-active .active li:hover .active-name{color: #a22223;}
.company-active .active li:after { content: " "; display: block; width:0px; height:1px; background:#a22223; opacity: .5; position: absolute; bottom:-1px; transition: all 0.5s cubic-bezier(0.55, 0.09, 0.68, 0.53); left: -0px;}
.company-active .active li:hover:after { width: 399px;}

/* contact */
.contact-box{background-color: #f7f7f7;padding:40px 0;}
.contact-box .contact-info{background:#fff;height: 500px;}
.contact-box .contact-info .text-info{width:400px;}
.contact-box .contact-info .text-info .tel{margin:100px 0 0 50px;}
.contact-box .contact-info .text-info .tel .num{font-size:36px;color: #333;line-height:60px;}
.contact-box .contact-info .text-info .tel .tips{font-size:18px;color: #333;background:url(../image/contact_tel.png) no-repeat center left;padding-left:30px;}
.contact-box .contact-info .text-info .code-box{margin:50px 0 0 50px;}
.contact-box .contact-info .text-info .code-box .code{margin-right: 20px;}
.contact-box .contact-info .text-info .code-box .code-img{width:120px;height: 120px;}
.contact-box .contact-info .text-info .code-box .code-img img{width:120px;height: 120px;}
.contact-box .contact-info .text-info .code-box .code-text{font-size:14px;color: #888;line-height: 30px;text-align: center;}
.contact-box .contact-info .map-box{width:800px;height:500px;}
.contact-box .contact-info .map-box #dituContent{width:800px;height:500px;}
.iw_poi_title{font-size:18px;color: #333;line-height: 40px;padding:0 5px;}
.iw_poi_content{font-size:14px;color: #333;padding:0 5px;}

.contact-box .contact-other{width:1200px;border-top:1px solid #eee;background:#fff;}
.contact-box .contact-other li{padding:30px;width:300px;}
.contact-box .contact-other li:first-of-type{width:420px;}
.contact-box .contact-other li .list-img{height: 64px;width:64px;}
.contact-box .contact-other li .list-img img{height: 60px;width:60px;}
.contact-box .contact-other li .list-content{margin-left:5px;}
.contact-box .contact-other li .list-content .text{font-size:18px;color: #333;line-height: 30px;}
.contact-box .contact-other li .list-content .text span{width:4px;height:10px;background:url(../image/contact_dotted.png) no-repeat center center;display: inline-block;margin:0 2px;}
/* 新闻详情 */
.detail-box{background:#f5f5f5;padding-bottom:40px;padding-top:80px;}
.detail-box .content-box{background: #fff;}
.detail-box .detail-tit{font-size:24px;color: #333;line-height: 40px;text-align: center;}
.detail-box .detail-tips{font-size:16px;color: #999;line-height: 36px;text-align: center;}
.detail-box  .detail-tips span{display:inline-block;margin:0 10px;}
.detail-box .detail-tips i{display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin-right:6px;background: url(http://www.zzjtsj.cn/webfile/jome/images/news_date.png) no-repeat;}
.detail-box .detail-tips .time{letter-spacing:1px;display: inline-block;vertical-align: middle;}
.detail-box .detail-info{margin-top:15px;}
.detail-box .detail-info .text{font-size:16px;line-height: 26px;color:#333;margin-bottom:10px;}
.detail-box .detail-info .detail-img{width:1100px;height: auto;margin-bottom:10px;}
.detail-box .detail-info .detail-img img{max-width:1100px;height: auto;}
.detail-box .detail-info  img{max-width:1100px;height: auto;display:block;margin:0 auto;}
.detail-box .detail-info  p{font-size:16px;color:#333;line-height: 26px;}
.detail-box .detail-info  span{font-size:16px;line-height: 26px;}

.detail-box .news-listshow{border-top:1px dashed #ddd;padding-top:10px;margin-top:30px;}
.detail-box .news-listshow .news-more{margin-top:1px;}
.detail-box .news-more .news-list{font-size:16px;line-height: 36px;color:#333;overflow: hidden;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;width:980px;}
.detail-box .news-more .news-list:hover{color:#a22223;}
.detail-box .news-more .news-list span{font-weight: bold;margin-right:10px;color:#333;}
.detail-box .news-more .time{font-size: 16px;line-height: 36px;color: #999;text-align:right;}