@charset "utf-8";
/*首页*/
.home_title{text-align: center; font-size: 40px; font-weight: bold; line-height: 1.4;}
.home_entitle{text-align: center; position: relative; overflow: hidden; font-size: 0; margin-top: 8px; line-height: 1.4;}
.home_entitle span{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-family: "Akrobat-Light"; font-size: 24px; padding: 0 20px; position: relative; color: #999;}
.home_entitle span i{display: block; width: 750px; height: 1px; background: #e5e5e5; position: absolute; top: 50%;}
.home_entitle span i.l{left: -750px;}
.home_entitle span i.r{right: -750px;}
.home_desc{font-size: 16px; color: #666; text-align: center; margin-top: 10px;}
.home_more{display: block; width: 190px; height: 36px; line-height: 36px; color: #fff; text-align: center; background: #e7222b; margin: 30px auto;}
.home_more:hover{filter: alpha(opacity: 80); opacity: .8;}
/*首页---广告图切换*/
.banner{position: relative; overflow: hidden;}
#banner{position: relative; z-index: 1;}
.banner img{width: 100%;}
.banner .slick-dots{bottom: 80px;}
.banner .slick-dots li{margin: 0 5px;}
.banner .slick-dots li button{width: 40px; height: 4px; background: #fff; border-radius: 0; filter: alpha(opacity: 60); opacity: .6;}
.banner .slick-dots li.slick-active button{filter: alpha(opacity: 100); opacity: 1;}
.banner .slick-prev,.banner .slick-next{display: none!important; width: 30px; height: 60px; background: url(../images/controls.png) no-repeat 0 0; position: absolute; top: 50%; margin-top: -30px; z-index: 3;}
.banner .slick-prev:hover,.banner .slick-next:hover{filter: alpha(opacity: 80); -webkit-opacity: .8; -moz-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8;}
.banner .slick-prev{left: 50%; margin-left: -650px;}
.banner .slick-next{background-position: -30px 0; right: 50%; margin-right: -650px;}
.banner .slick-prev.active,.banner .slick-next.active{display: block!important;}
/*首页---广告图新闻*/
.newIbox{position: relative; z-index: 3;}
.newIbox .container{z-index: 3;}
.newIbox{font-size: 14px; color: #787878;}
.newIbox a{color: #787878;}
.newIbox a:hover{color: #c52720!important;}
.newIbox-t{width: 100%; height: 42px; line-height: 42px; position: absolute; left: 0; bottom: 0; transition: all .3s;}
.newIbox-t .bg,.newIbox-c .bg{width: 100%; height: 100%; background: #fff; filter: alpha(opacity: 80); -webkit-opacity: .8; -moz-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8; position: absolute; left: 0; top: 0; z-index: 2;}
.newIbox-t.active{bottom: -42px;}
.newIbox .title{display: block; width: 80px; float: left; padding: 0 20px; text-align: center; background: #0084ce;}
.newIbox .title .zh{display: block; color: #fff; font-size: 18px;}
.newIbox .title .en{display: block; color: #f2f2f2; font: 12px/1.5 arial,helvetica,sans-serif; text-align: left;}
.newIbox-t .title{line-height: 42px;}
.newIbox-t .ct{width: 550px; float: left; margin-left: 22px;}
.newIbox-t .ct .name{font-size: 14px; margin-right: 110px; height: 42px; line-height: 42px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newIbox-t .ct .name a{color: #787878;}
.newIbox-t .ct span{float: right; display: block; font-size: 14px; font-family: "Arial"; color: #787878;}
.newIbox-c{width: 100%; background: rgba(0,0,0,.5); background: url(../images/IEblack_tm50.png) repeat\9; position: absolute; left: 0; bottom: -188px; transition: all .5s;}
.newIbox-c.active{bottom: 0;}
.newIbox-c .title{padding: 20px; height: 140px;}
.newIbox-c .title .zh{margin-bottom: 8px; text-align: left;}
.firstIBox,.listIBox{padding: 20px 0 0; height: 140px; overflow: hidden;}
.firstIBox{float: left; width: 440px; margin: 0 38px 0 22px;}
.listIBox{float: left; width: 370px;}
.firstIBox .t{font-size: 16px; font-weight: bold; line-height: 1.2; height: 38px; line-height: 38px; overflow: hidden; margin-bottom: 26px;}
.firstIBox .t a{color: #787878;}
.listIBox .t{height: 38px; border-bottom: 2px solid #fff; position: relative; line-height: 1.4; margin-bottom: 27px; font-size: 0;}
.listIBox .t a{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 26px; font-weight: bold; height: 100%; position: relative; font-size: 14px;}
.listIBox .t a .bot{height: 2px; width: 0; background-color: #c52720; position: absolute; left: 0; bottom: -2px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.listIBox .t a.active{color: #c52720;}
.listIBox .t a.active .bot{width: 100%;}
.openNewBtn,.closeNewBtn{color: #c52720; height: 42px; line-height: 42px; padding-right: 28px; position: absolute; right: 0px; bottom: 0px; z-index: 10; cursor: pointer;}
.openNewBtn{background: url(../images/jt.png) no-repeat right center;}
.closeNewBtn{background: url(../images/inew_ico.png) no-repeat right center;}
.new-tabC{height: 75px; overflow: hidden; position: relative;}
.new-tab-list{height: 75px;}
.new-tab-list li{height: 25px; line-height: 25px; overflow: hidden;}
.new-tab-list li span{float: right; font-size: 12px; font-family: "Arial"; margin-right: 10px;}
.new-tab-list li .name{height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*首页---产品中心*/
.product{padding: 50px 0; background: #fff;}
.prodTitle{margin-top: 24px;}
.prodTitle ul{font-size: 0; text-align: center;}
.prodTitle li{display: inline-block; *display: inline; *zoom: 1; width: 158px; height: 38px; line-height: 38px; margin: 0 6px; font-size: 18px; background: #fff; border: 1px solid #ccc; cursor: pointer; text-align: center;}
.prodTitle li.active{background: #0084ce; border-color: #0084ce; color: #fff;}
.prodBox{margin-top: 15px;}
.prodItem ul{margin: 0 -14px; font-size: 0; text-align: center;}
.prodItem li .item{margin: 4px 14px;}
.prodItem li .pic{overflow: hidden; background: #fff; border: 1px solid #ccc;}
.prodItem li .pic img{width: 100%; transition: all .6s;}
.prodItem li .pic:hover{border-color: #0084ce;}
.prodItem li .pic:hover img{transform: scale(1.1);}
.prodItem li .title{font-size: 16px; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center;}
/*首页---关于我们*/
.about{height: 762px; background: url(../images/about-bg.jpg) no-repeat center top;}
.about .home_title{padding-top: 60px; text-align: left;}
.about_entitle{font-family: "Akrobat-Light"; font-weight: bold; font-size: 18px; line-height: 24px; color: #0084ce; margin-top: 10px;}
.about_text{margin-top: 40px;}
.about_text ul{margin: 0 -38px;}
.about_text li .item{margin: 0 38px; padding: 38px 0; position: relative;}
.about_text li .line{width: 100%; height: 3px; background: #0084ce; position: absolute; left: 0; top: 0;}
.about_text li .text{font-size: 14px; line-height: 30px; color: #666; text-align: justify;}
.about_text li .desc{font-size: 15px; line-height: 30px; color: #666; text-align: justify;}
.about_text li .fdesc{font-size: 14px; line-height: 24px; color: #999; margin-top: 40px;}
.about_text li .fdesc i{display: block; width: 20px; height: 1px; background: #b3b3b3; margin-bottom: 14px;}
.about_text li .more{display: block; width: 66px; height: 31px; line-height: 32px; border-bottom: 1px solid #0084ce; color: #0084ce; font-size: 14px; text-align: center; margin-top: 32px;}
.about_text li .more:hover{border-color: #e7222b; color: #e7222b!important;}
.about_adv{margin-top: 70px;}
.about_adv ul{margin: 0 -38px;}
.about_adv li .item{margin: 0 38px; font-size: 0;}
.about_adv li .inline{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.about_adv li .num{font-size: 15px; color: #666; line-height: 1.1;}
.about_adv li .num span{font-family: "Akrobat-Light"; font-weight: bold; font-size: 90px; color: #0084ce; margin-right: 8px;}
.about_adv li .line{width: 30px; height: 1px; background: #0084ce; margin: 12px auto 0;}
.about_adv li .title{font-size: 16px; text-align: center; margin-top: 20px;}
/*首页---办公环境*/
.testimony{background: #0084ce; position: relative;}
.testimony-tabcont{position: relative; z-index: 1;}
.testimony-item .bd{height: 720px; position: relative; z-index: 2;}
.testimony-item .bd li{height: 720px; background-repeat: no-repeat; background-position: center; position: relative;}
.testimony-item .bd li i{display: block; width: 100%; height: 100%; background: #0084ce; filter: alpha(opacity: 60); -webkit-opacity: .6; -moz-opacity: .6; -ms-opacity: .6; -o-opacity: .6; opacity: .6;}
.testimony-item .stext{width: 100%; position: absolute; left: 0; top: 150px; z-index: 6;}
.testimony-item .stext .title{font-size: 40px; font-weight: bold; color: #fff; line-height: 1.2;}
.testimony-item .stext .entitle{font-family: "Akrobat-Light"; font-size: 24px; font-weight: bold; color: #fff; filter: alpha(opacity: 80); -webkit-opacity: .8; -moz-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8; line-height: 1.2; margin-top: 10px;}
.testimony-item .stext .ytag{font-size: 0; margin-top: 24px;}
.testimony-item .stext .ytag > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 5px 5px 0; background: #fff; height: 32px; line-height: 32px; font-size: 16px; color: #168ed2; padding: 0 15px;}
.testimony-item .sPrev,.testimony-item .sNext{display: none; width: 30px; height: 60px; background: url(../images/controls.png) no-repeat 0 0; position: absolute; top: 50%; margin-top: -30px; z-index: 3; filter: alpha(opacity: 60); -webkit-opacity: .6; -moz-opacity: .6; -ms-opacity: .6; -o-opacity: .6; opacity: .6;}
.testimony-item .sPrev{left: 50%; margin-left: -650px;}
.testimony-item .sNext{right: 50%; margin-right: -650px; background-position: -30px 0;}
.testimony-item .sPrev:hover,.testimony-item .sNext:hover{filter: alpha(opacity: 30); -webkit-opacity: .3; -moz-opacity: .3; -ms-opacity: .3; -o-opacity: .3; opacity: .3;}
.testimony-tabtit{width: 100%; position: absolute; left: 0; bottom: 40px; z-index: 2;}
.testimony-tabtit ul{font-size: 0; text-align: center;}
.testimony-tabtit li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 111px; margin: 0 40px; cursor: pointer;}
.testimony-tabtit li .icon{width: 111px; height: 111px; background: url(../images/testimony-icon.png) no-repeat 0 0;}
.testimony-tabtit li .ico2{background-position: -111px 0;}
.testimony-tabtit li .ico3{background-position: -222px 0;}
.testimony-tabtit li .ico4{background-position: -333px 0;}
.testimony-tabtit li .ico5{background-position: -444px 0;}
.testimony-tabtit li.active .icon{background-position: 0 -111px;}
.testimony-tabtit li.active .ico2{background-position: -111px -111px;}
.testimony-tabtit li.active .ico3{background-position: -222px -111px;}
.testimony-tabtit li.active .ico4{background-position: -333px -111px;}
.testimony-tabtit li.active .ico5{background-position: -444px -111px;}
.testimony-tabtit li .title{font-size: 16px; text-align: center; color: #fff; padding: 10px 0;}
/*首页---案例*/
.case{background: #fff; padding: 60px 0 30px 0;}
.case-box{margin-top: 30px;}
.case-tabtit{width: 248px; float: left;}
.case-tabtit li{height: 98px; line-height: 98px; margin-bottom: 3px; font-size: 18px; text-align: center; position: relative; cursor: pointer;}
.case-tabtit li i{display: block; width: 100%; height: 100%; background: #0084ce; filter: alpha(opacity: 10); opacity: .1; -webkit-opacity: .1; -moz-opacity: .1; -ms-opacity: .1; -o-opacity: .1; position: absolute; left: 0; top: 0; z-index: 1;}
.case-tabtit li span{position: relative; z-index: 2;}
.case-tabtit li.active{color: #fff;}
.case-tabtit li.active i{filter: alpha(opacity: 100); opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1;}
.case-tabcont{margin-left: 260px;}
.case-other{width: 212px; float: right;}
.case-other .title{font-size: 0; text-align: center; height: 82px; line-height: 82px; background: #0084ce; color: #fff;}
.case-other .title > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.case-other .title span{font-size: 24px;}
.case-other .title i{width: 8px; height: 14px; background: url(../images/case-nbtn.png) no-repeat; margin-left: 16px;}
.case-other li{position: relative; margin-top: 13px; overflow: hidden;}
.case-other li a{display: block; overflow: hidden;}
.case-other li img{height: 160px; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.case-other li a:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.case-other li .mask{padding: 0 8px; position: absolute; left: 0; bottom: 0; right: 0;}
.case-other li .bg{width: 100%; height: 100%; background: #333; filter: alpha(opacity: 50); -webkit-opacity: .5; -moz-opacity: .5; -ms-opacity: .5; -o-opacity: .5; opacity: .5; position: absolute; left: 0; top: 0; z-index: 1;}
.case-other li .name{height: 36px; line-height: 36px; position: relative; font-size: 16px; color: #fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2;}
.case-first{margin-right: 224px; position: relative; overflow: hidden;}
.case-first a{display: block; overflow: hidden; transition: all 0s;}
.case-first img{width: 100%; height: 602px; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.case-first a:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.case-first .mask{padding: 14px 30px; color: #fff; position: absolute; left: 0; right: 0; bottom: 0;}
.case-first .mask > *{position: relative; z-index: 3;}
.case-first .mask .bg{width: 100%; height: 100%; background: #333; filter: alpha(opacity: 50); -webkit-opacity: .5; -moz-opacity: .5; -ms-opacity: .5; -o-opacity: .5; opacity: .5; position: absolute; left: 0; top: 0;}
.case-first .title{font-size: 24px;}
.case-first .desc{font-size: 16px; line-height: 30px; margin-top: 4px;}
/*首页---工序流程*/
.process{padding: 30px 0 40px 0; background: #fff;}
.process-box{margin-top: 26px;}
.process-box ul{font-size: 0; text-align: center;}
.process-box li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.process-box li .tp{overflow: hidden;}
.process-box li .icon{width: 94px; height: 94px; border: 1px solid #999; float: left; background: url(../images/process-icon.png) no-repeat 0 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.process-box li .ico2{background-position: -94px 0;}
.process-box li .ico3{background-position: -188px 0;}
.process-box li .ico4{background-position: -282px 0;}
.process-box li .ico5{background-position: -376px 0;}
.process-box li .ico6{background-position: -470px 0;}
.process-box li .ico7{background-position: -564px 0;}
.process-box li .icon:hover{background-color: #0981d4; border-color: #0981d4; background-position: 0 -94px;}
.process-box li .ico2:hover{background-position: -94px -94px;}
.process-box li .ico3:hover{background-position: -188px -94px;}
.process-box li .ico4:hover{background-position: -282px -94px;}
.process-box li .ico5:hover{background-position: -376px -94px;}
.process-box li .ico6:hover{background-position: -470px -94px;}
.process-box li .ico7:hover{background-position: -564px -94px;}
.process-box li .next{width: 104px; height: 96px; float: left; background: url(../images/process-next.png) no-repeat center;}
.process-box li .title{width: 96px; font-size: 18px; text-align: center; margin-top: 6px;}
.process-box li .title span{font-size: 14px;}
/*首页---服务支持*/
.service{padding: 50px 0 30px 0; background: url(../images/service-bg.png) repeat #f6f6f6;}
.service-box{margin-top: 32px; position: relative;}
.service-box .prev,.service-box .next{display: none; width: 30px; height: 60px; background: url(../images/controls.png) no-repeat 0 0; position: absolute; top: 50%; margin-top: -91px; z-index: 3;}
.service-box .prev{left: 30px;}
.service-box .next{right: 30px; background-position: -30px 0;}
.service-box .prev:hover,.service-box .next:hover{filter: alpha(opacity: 50); -webkit-opacity: .5; -moz-opacity: .5; -ms-opacity: .5; -o-opacity: .5; opacity: .5;}
.service-tabcont{position: relative; z-index: 1;}
.service-item a{display: block;}
.service-item img{width: 100%;}
.service-tabtit{margin-top: 7px; position: relative; z-index: 2;}
.service-tabtit ul{margin: 0 -10px;}
.service-tabtit li{padding: 16px 0; text-align: center; cursor: pointer;}
.service-tabtit li .item{margin: 0 10px;}
.service-tabtit li .icon{width: 48px; height: 42px; margin: 0 auto; background: url(../images/service-icon.png) no-repeat 0 0;}
.service-tabtit li .ico2{background-position: -48px 0;}
.service-tabtit li .ico3{background-position: -96px 0;}
.service-tabtit li .ico4{background-position: -144px 0;}
.service-tabtit li .title{font-size: 20px; color: #1b1b1b; margin-top: 5px;}
.service-tabtit li.active .icon{background-position: 0 -42px;}
.service-tabtit li.active .ico2{background-position: -48px -42px;}
.service-tabtit li.active .ico3{background-position: -96px -42px;}
.service-tabtit li.active .ico4{background-position: -144px -42px;}
.service-tabtit li.active .title{color: #0981d4;}

@media only screen and (max-width: 1399px){
	/*首页---广告图切换*/
	.banner .slick-prev{margin-left: -600px;}
	.banner .slick-next{margin-right: -600px;}
	/*首页---办公环境*/
	.testimony-item .sPrev{margin-left: -600px;}
	.testimony-item .sNext{margin-right: -600px;}
	/*首页---案例*/
	.case-tabtit{width: 228px;}
	.case-tabtit li{height: 90px; line-height: 90px;}
	.case-tabcont{margin-left: 240px;}
	.case-other{width: 202px;}
	.case-other .title{height: 68px; line-height: 68px;}
	.case-other .title span{font-size: 20px;}
	.case-other li{margin-top: 12px;}
	.case-other li img{height: 150px;}
	.case-first{margin-right: 214px;}
	.case-first img{height: 554px;}
	/*首页---工序流程*/
	.process-box li .next{width: 88px;}
}