.i-b{ text-align: center;}
.i-b .big{ height: 88px; }
.i-b .big div{ width: 180px; margin: 0 auto; border-bottom: 1px solid #EEE; height: 47px;}
.i-b strong{ font-size: 72px; line-height: 1.3; color:#D7D7D7; font-weight: 100; padding: 0 10px;}
.i-b p{ font-size: 14px; color:#888; text-transform: uppercase; font-weight: 100;}
.i-b h2{ font-weight: 100; font-size: 36px; color:#FB7E22;}
.i-flow{ padding-top: 30px;}
.i-flow *{ text-align: center;}
.i-flow li{ width: 20%; padding: 3% 1.5%; float: left;}
.i-flow li .ux{ width: 96px; height: 96px; border: 1px solid #FB7E22; margin: 0 auto;}
.i-flow li .ux i{  width: 50px; height: 50px; line-height: 50px; display: block; margin: 24px auto 0 auto; font-size: 42px; color:#FB7E22; text-align: center;}
.i-flow li:hover .ux{ background: #FB7E22;}
.i-flow li:hover .ux i{ color:#FFF;}
.i-flow li:hover .txt *{ color:#FB7E22;}
.i-flow li h3{ font-weight: 100; font-size: 18px; line-height: 2;}
.i-flow li p{ font-size: 12px; color:#666;}
@media only screen and (max-width: 480px){
	.i-flow li{width: 47%;}
	.i-flow li:nth-child(2n+1){clear: both;}
}
.i-service{ padding: 30px 0;}
.i-service-wrap{background: url('/upload/201606/z-bg.jpg') center; padding: 30px 0; background-size: auto 100%;}
.i-service-console{ margin: 0 -10px;}
.i-service-console .item{    margin: 5% auto 0;padding: 10% 4%;box-sizing: border-box;width: 92%;height: 300px;background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.i-service-console .item .ux{width: 96px; height: 96px; border: 1px solid #FB7E22; margin: 0 auto;}
.i-service-console .item .ux i{  width: 50px; height: 50px; line-height: 50px; display: block; margin: 24px auto 0 auto; font-size: 42px; color:#FB7E22; text-align: center;}
.i-service-console .item h3{ text-align: center; font-size: 18px; font-weight: 100; line-height: 3;}
.i-service-console .item p{ font-size: 14px; line-height: 1.5; color:#888; }
.i-service-console *{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.i-service-console .item:hover{ background: #FB7E22; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.i-service-console .item:hover .ux{ border-color:#FFF;}
.i-service-console .item:hover .ux i,
.i-service-console .item:hover h3,
.i-service-console .item:hover p{ color:#FFF;}
@media only screen and (max-width: 767px){
	.i-b {padding: 0 3%;}
	.i-b .big,.i-b p.clear{display: none;}
	.i-b h2{font-size: 22px;}
	.i-b p{font-size: 12px;padding-top:10px;}
	.i-service-wrap{ height: auto;}
	.i-service-console{ margin: 0;}
	.i-service-console .col-n-4{width: 100%;}
	.i-service-console .item{     margin: 3% auto;width: 92%;padding: 2.5%;height: auto;}
	.i-service-console .item:nth-child(2n+1){ clear: both;}
	.i-service-console .item h3{ font-size: 16px;}
}
.i-team{ margin: 0 -5px; padding-bottom: 30px;}
.i-team .item2{ width:92%;margin: 0 auto;}
.i-team .item2 .txt-cont{ background: #FB7E22;height: 200px;}
.i-team .item2 .img{width: 100%;height: 315px;overflow: hidden;text-align: center;position: relative; display: block;}
.i-team .item2 .img:before {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 1px solid rgba(255,255,255,0);z-index: 100;}
.i-team .item2:hover .img:before{top: 10px;left: 10px;right: 10px;bottom: 10px;border: 1px solid rgba(255,255,255,0.5);}
.i-team .item2 img{ display: block; height: 100%; width:100%; transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.i-team .item2:hover img {transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);display: block;}
.i-team .item2 h3{ padding: 20px 40px 10px 40px; font-size: 24px; font-weight: 100; color:#FFF;}
.i-team .item2 p{ padding: 0 40px; font-size: 16px; color:#FFF; font-weight: 100;}
@media only screen and (max-width: 767px){
	.i-team .item,
	.i-team .item2{ margin: 3px 0; width: 100%; }
	.i-team .item2{ height: auto; padding-bottom: 40px;}
}
.youshi-box{background: #fff;}
.youshi-box *{box-sizing: border-box;}
.youshi-box .list .item {float: left;}
.youshi-box .list .item:nth-child(1) {width: 34%;}
.youshi-box .list .item:nth-child(2) {width: 21%;}
.youshi-box .list .item:nth-child(3) {width: 18%;}
.youshi-box .list .item:nth-child(4) {width: 27%;}
.youshi-box .list .item a {display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.youshi-box .list .item a .txt {width: 100%;height: 100%;color: #fff;padding: 0 10%;position: absolute;left: 0%;z-index: 3;align-items: center;display: flex;}
.youshi-box .am-vertical-align-bottom, .am-vertical-align-middle {display: inline-block;font-size: 1.6rem;max-width: 100%;}
.youshi-box .am-vertical-align-middle {vertical-align: middle;}
.youshi-box .list .item a .txt .member {font-family: 'Helvetica-UltraCompressed';position: relative;}
.youshi-box .list .item a .txt .member span {font-size: 60px;}
.youshi-box .list .item a .txt .member em {font-size: 72px;font-style: normal;padding-left: 10px;position: absolute;top: -20px;}
.youshi-box .list .item a .txt b {display: block;font-size: 20px;}
.youshi-box .list .item a .txt p {font-size: 14px;}
.youshi-box .list .item a .txt i {display: block;width: 43px;height: 13px;margin-top: 10px;background: url(/upload/201906/youshi_arrow.png) 0 0 no-repeat;}
.youshi-box .list .item a .bg {width: 100%;height: 100%;background: #FB7E22;opacity: 0;filter: alpha(opacity=0);position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.youshi-box .list .item a .ico {width: 346px;height: 359px;opacity: 0;filter: alpha(opacity=0);background: url(/upload/201906/in_service_logo.png) 0 0 no-repeat;position: absolute;right: -90px;bottom: -90px;z-index: 2;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;    background-size: cover;}
.youshi-box .list .item:nth-child(2) a .ico,.youshi-box .list .item:nth-child(3) a .ico{width: 241px;height: 250px;}
.youshi-box .list .thumb{background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;width: 100%;}
.youshi-box .list .item a:hover .bg,.list .item a.bg_y .bg {opacity: 1;filter: alpha(opacity=100);}
.youshi-box .list .item a:hover .ico,.list .item a.bg_y .ico {opacity: .7;filter: alpha(opacity=100);transform: rotate(0deg);-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);}
@media only screen and (max-width: 767px){
    .youshi-box{display: none;}
}
.in1_btn {position: absolute;bottom: 87px;left: 50%;transform: translateX(-50%);overflow: hidden;height: 53px;border-radius: 6px;}
.in1_btn:after {content: "";position: absolute;height: 0%;left: 50%;top: 50%;width: 150%;z-index: -1;-webkit-transition: all 0.75s ease 0s;-moz-transition: all 0.75s ease 0s;-o-transition: all 0.75s ease 0s;transition: all 0.75s ease 0s;background: #FB7E22;-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);transform: translateX(-50%) translateY(-50%) rotate(-25deg);}
.in1_btn a { display: inline-block;font-size: 16px; color:#fff; border: 2px solid #F3F3F3; width: 281px;height: 53px;line-height: 49px;border-radius: 6px;text-align: center;overflow: hidden;box-sizing: border-box;    transition: 0.75s;}
.in1_btn:hover:after{height: 500%;}
.in1_btn:hover a{ border-color: #FB7E22; }
.i-count{ height: 480px; background: url(/upload/201606/z-05.jpg) center;    background-size: 100% 100%;}
.i-count .nums{ padding-top: 100px;}
.i-count .nums li{ float: left; width: 25%;}
.i-count .nums li .num{ display: block; margin: 0 auto; width: 200px; height: 200px; line-height: 200px; font-size: 52px; color:#FFF; background: #FB7E22; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align: center; font-weight: 100;}
.i-count .nums li h2{ width: 80%; margin: 10px auto; font-weight: 100; font-size: 18px; color:#FFF; text-align: center; padding: 20px 5%; /*background: url(images/black.6.png);*/}
@media only screen and (max-width: 480px){
	.i-count .nums li .num{ width: 88px; height: 88px; line-height: 88px; font-size: 26px; }
}
.news-box{background: #f5f5f5; padding:10px 0 50px 0;}
.news-box .index-top .h1 {color: #333;float: left;font-size: 36px;line-height: 36px;position: relative;line-height: 36px;}
.news-box .index-top .h1:after {position: absolute;content: '';width: 10px;height: 2px;background: #FB7E22;right: -20px;top: 50%;margin-top: -1px;}
.news-box .index-top  a.more-btn {display: block;float: right;font-size: 14px;color: #666;font-family: 'Open Sans';line-height: 22px;position: relative;}
.news-box .index-top  a i{margin-right:5px;}
.news-box .index-top  a:after {transition: all 1s;position: absolute;content: '';width: 36px;height: 1px;background: #bebebe;left: 20px;bottom: 0;}
.news-box .index-top a:hover{color: #FB7E22;}
.news-box .index-top a:hover:after{width: 76px;background:#FB7E22;}
.news-box .index-bod{    margin-top: 32px;}

.news-box .n1{width: 28%; background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.06);padding: 29px 25px 26px 25px;box-sizing: border-box;height: 560px;}
.news-box .n1 .h3 {font-size: 18px;color: #666666;line-height: 26px;width: 300px;margin-bottom: 27px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-box .n1:hover .h3{color: #FB7E22;}
.news-box .n1 .h4 {font-size: 14px;color: #999;font-family: 'Open sans';margin-bottom: 27px;}
.news-box .n1 .ine-pic {width: 100%;height: 380px;overflow: hidden;}
.news-box .n1 .ine-pic img {width: 100%;height: 100%;display: block;transition: all 1s;}
.news-box .n1:hover .ine-pic img {transform: scale(1.1);}

.news-box .n2 .intm {display: block;height: 270px;background: white;padding: 0 32px;padding-top: 34px;box-sizing: border-box;}
.news-box .n2 .intm.ma20 {margin-bottom: 20px;}
.news-box .n2 .intm .h3 {font-size: 18px;color: #444;line-height: 18px;margin-bottom: 23px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news-box .n2 .intm p {height: 44px;font-size: 14px;color: #999;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-box .n2 .intm-bot {position: relative;height: 115px;	box-sizing: border-box;border-top: solid 1px #e4e4e4;padding-top: 30px;margin-top: 37px;}
.intm-bot:before {position: absolute;content: '';width: 0%;height: 1px;background: #FB7E22;transition: all 1s;top: -1px;}
.news-box .n2 .intm-bot .h4 {font-size: 50px;color: #444;font-family: 'sn';line-height: 50px;}
.news-box .n2 .intm-bot .h4 i{font-size: 28px;color: #ccc;float:right;line-height: 50px;}
.news-box .n2 .intm-bot .h5 {font-size: 14px;color: #777;font-family: 'Open sans';padding-left: 3px;}
.news-box .n2 .intm:hover .h3,.news-box .n2 .intm:hover .h4 i{color: #FB7E22;}
.news-box .n2 .intm:hover .intm-bot:before{width: 100%;}

.news-box .n3{background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.06);    padding: 25px 30px 0 30px;box-sizing: border-box;height: 560px;}
.news-box .n3 .inr-list {height: 131px;border-bottom: solid 1px #e4e4e4;display: block;padding-top: 30px;box-sizing: border-box;}
.news-box .n3 .inr-list:last-child {border-bottom: none;}
.news-box .n3 .inr-l {width:20%;float: left;box-sizing: border-box;padding-left: 20px;}
.news-box .n3 .inr-l .h4 {font-size: 50px;color: #444;font-family: 'sn';line-height: 50px;}
.news-box .n3 .inr-l .h5 {font-size: 14px;color: #777;font-family: 'Open sans';padding-left: 3px;}
.news-box .n3 .inr-r {float: left;width:80%;}
.news-box .n3 .inr-r .h3 {font-size: 18px;color: #444;line-height: 20px;margin-bottom: 13px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news-box .n3 .inr-list:hover .inr-r .h3{color: #FB7E22;}
.news-box .n3 .inr-r p {height: 44px;font-size: 14px;color: #999;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 10px;}
@media all and (max-width: 1560px) {
    .news-box .n1{height: 517px;}
    .news-box .n1 .ine-pic {height: 346px;}
    .news-box .n2 .intm {height: 248px;padding-top: 25px;}
    .news-box .n2 .intm .h3 {margin-bottom: 20px;}
    .news-box .n2 .intm-bot {height: 106px;padding-top: 20px;margin-top: 35px;}
    .news-box .n3{height: 517px;    padding-top: 20px;}
    .news-box .n3 .inr-list {height: 121px;padding-top: 27px;}
}
@media all and (max-width: 1440px) {
    .news-box .n1{height: 478px;padding: 29px 21px 26px 20px;}
    .news-box .n1 .ine-pic {height: 305px;}
    .news-box .n2 .intm {height: 230px;}
    .news-box .n2 .intm .h3 {margin-bottom: 15px;}
    .news-box .n2 .intm-bot {height: 98px;padding-top: 15px;margin-top: 31px;}
    .news-box .n3{height: 478px;}
    .news-box .n3 .inr-list {height: 112px;padding-top: 25px;}
    .news-box .n3 .inr-l {padding-left: 10px;}
}
.news-box .index-bod .n2{width: 28%;margin-left:2%;}
.news-box .index-bod .n3{width: 40%;margin-left:2%;}
@media only screen and (max-width: 767px){
    .mg-b-50{margin-bottom: 10px;}
    .news-box{padding: 0px 0 50px;}
    .news-box .index-bod{margin:0 3%;}
    .news-box .n1 .h3 {font-size: 14px;margin-bottom: 12px;}
    .news-box .n1 .h4 {font-size: 12px;margin-bottom: 12px;}
    .news-box .n1{width: 100%; height: auto;margin-bottom: 20px;padding: 20px;}
    .news-box .index-bod .n2{width: 100%; height: auto;margin:0;margin-bottom: 0px;}
    .news-box .n2 .intm{padding: 20px;    height: auto;}
    .news-box .n2 .intm .h3{font-size: 14px;margin-bottom: 10px;}
    .news-box .n2 .intm p{font-size: 12px;}
    .news-box .n2 .intm-bot {height: auto;padding-top: 10px;margin-top: 10px;}
    .news-box .n2 .intm-bot .h4 {font-size: 38px;}
    .news-box .n2 .intm-bot .h5{font-size: 12px;}
    .news-box .index-bod .n3 {width: 100%;margin-left:0;padding: 20px;height: auto;}
    .news-box .n3 .inr-l{padding: 0;}
    .news-box .n3 .inr-l .h4{font-size: 38px;}
    .news-box .n3 .inr-l .h5{font-size: 12px;}
    .news-box .n3 .inr-r .h3{font-size: 14px;}
    .news-box .n3 .inr-r p{font-size: 12px;}
}
@media only screen and (max-width: 520px){
    .news-box .n1 .ine-pic{
        height: 250px;
    }
}