/*head*/
#head {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
}

#head .wrap {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 80px;
    padding: 0 20px 0 30px;
    overflow: hidden;
}

#head .wrap .bkcolor {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 80px;
    background: rgba(93, 93, 93, 0.6);
}

#head .logo {
    position: relative;
    z-index: 2;
    float: left;
    margin: 17px 0 0;
    display: block;
    width: 189px;
    height: 46px;
}

#head .logo img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .3s;
    transition: all .3s;
}

#head .logo .hid {
    opacity: 0;
    filter: alpha(opacity=0);
}

#head.on .logo img {
    opacity: 0;
    filter: alpha(opacity=0);
}

#head.on .logo .hid {
    opacity: 1;
    filter: alpha(opacity=100);
}

#head.on .h_fcn .sch {
    background: url(../image/css_sprites.png) -0 -114px;
}

#head .h_fcn {
    position: relative;
    z-index: 2;
    float: right;
    padding: 28px 0 0;
    overflow: hidden;
}

#head .h_fcn div,
#head .h_fcn a {
    float: left;
    cursor: pointer;
}

#head .h_fcn a {
    color: #fff;
    font-size: 14px;
    margin: 3px 8px 0;
    font-weight: bold;
}

#head .h_fcn .sch {
    width: 24px;
    height: 24px;
    margin: 0 8px;
    background: url(../image/css_sprites.png) -5px -55px;
}

#head .h_fcn .update {
    display: none;
    float: left;
    height: 24px;
    margin: 0 14px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}

#head .h_fcn .menu_map {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 2px 0 0 20px;
}

#head .h_fcn .menu_map i {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
}

#head .h_fcn .menu_map .top {
    top: 0;
}

#head .h_fcn .menu_map .mid {
    top: 50%;
    margin: -2px 0 0;
}

#head .h_fcn .menu_map .bot {
    top: 16px;
}

#head .nav {
    float: right;
    height: 100%;
}

#head .nav ul {
    height: 100%;
}

#head .nav li {
    float: left;
    height: 100%;
    position: relative;
    z-index: 2;
}

#head .nav li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 14px;
    font-size: 14px;
    line-height: 80px;
    color: #fff;
    font-weight: 600;
}

#head .nav li:after {
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 80px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url(../image/cover3.png) repeat;
}

#head .nav li.crt:after {
    top: 0;
    animation-name: fadeInUp;
    animation-duration: .3s;
    animation-fill-mode: both;
}

#head .subnav {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 0;
    line-height: 48px;
    margin: 0 auto;
    background: url(../image/cover3.png) repeat;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
}

#head .subnav.on {
    height: 48px;
}

#head .subnav ul {
    position: absolute;
    top: -60px;
}

#head .subnav ul.crt {
    top: 0;
    animation-name: fadeInDown;
    animation-duration: .5s;
    animation-fill-mode: both;
}

#head .subnav li {
    float: left;
    padding: 0 16px;
}

#head .subnav li a {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

#head .subnav li a:hover {
    color: #ff8e00;
}

#head .subnav input {
    display: block;
    height: 48px;
    line-height: 48px;
    width: 200px;
    border: 0;
    text-indent: 20px;
    outline: 0;
    font-size: 14px;
    color: #666;
}

.h_slid {
    position: relative;
    z-index: 10;
    top: -80px;
    width: 100%;
    margin: 0 auto;
}

.h_slid .slid_mask {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 8;
    width: 1200px;
}

.h_slid .slid {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    width: 350px;
    padding: 80px 20px 0 50px;
    background: #303030 url(../image/public/slid_bk.jpg) no-repeat left top;
    overflow-y: auto;
    animation-name: fadeInRight;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.h_slid .slid .colse {
    position: absolute;
    right: 20px;
    top: 30px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.h_slid .slid .colse i {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 4px;
    margin: -2px 0 0;
    background: #ff6900;
}

.h_slid .slid .colse i:first-child {
    transform: rotate(-45deg);
}

.h_slid .slid .colse i:last-child {
    transform: rotate(45deg);
}

.h_slid .slid h3 {
    font-size: 36px;
    color: #f3f3f3;
    font-weight: 100;
    font-family: 'rubik';
    letter-spacing: -1px;
    line-height: 36px;
    padding: 0 0 20px;
}

.h_slid .slid h4 {
    font-size: 24px;
    color: #ff6900;
    font-weight: 100;
    line-height: 24px;
    padding: 0 0 50px;
}

.h_slid .slid li {
    padding: 0 0 30px;
}

.h_slid .slid li a {
    font-size: 16px;
    line-height: 16px;
    color: #adadad;
}

.h_slid .slid li a:hover {
    color: #ff6900;
}

.h_slid .slid h5 {
    font-size: 30px;
    color: #ff6900;
    font-family: 'rubik';
    letter-spacing: -1px;
    font-weight: 100;
    line-height: 24px;
    padding: 75px 0 5px;
    background: url(../image/public/slid_tel.png) no-repeat left top;
}

.h_slid .slid p {
    font-size: 14px;
    line-height: 24px;
    color: #999;
}



/*foot*/
#foot {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 437px;
    background: #ececec;
}

#foot .wrap {
    position: relative;
    background: #ececec;
}

#foot .wrap .backtop {
    display: none;
    position: absolute;
    right: 30px;
    bottom: 270px;
    padding: 4px 0 0;
    width: 40px;
    height: 40px;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: #ff6900;
    cursor: pointer;
}

.foot_top {
    width: 1170px;
    margin: 0;
    line-height: 85px;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
    z-index: 999;
}

.foot_top .link {
    float: left;
    overflow: hidden;
}

.foot_top .link a {
    display: block;
    float: left;
    margin: 0 35px 0 0;
    font-size: 14px;
    color: #666;
    font-weight: 600;
    transition: all .4s ease;
}

.foot_top .link a:hover {
    color: #ff8e00;
    transition: all .4s ease;
}

.contact_us {
    float: right;
}

.contact_us p {
    float: left;
    font-size: 14px;
    color: #666;
    font-weight: 600;
    margin: 0 4px 0 0;
}

.contact_us .wx {
    position: relative;
    float: left;
    width: 42px;
    height: 42px;
    background: url(../image/css_sprites.png);
    background-position: -4px -4px;
    transition: all .4s ease;
    transform: scale(0.75);
    margin-top: -2px;
}

.contact_us .wx .code {
    display: none;
    position: absolute;
    right: 10px;
    top: -190px;
    z-index: 2;
    animation-name: fadeInRight;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.contact_us .wx .code i {
    float: right;
    display: block;
    width: 20px;
    height: 19px;
    background: url(../image/css_sprites.png) -130px -80px;
    transform: rotate(-270deg);
}

.contact_us .wx:hover {
    background-position: -55px -5px;
    transition: all .4s ease;
}

.contact_us .wx:hover .code {
    display: block;
}

#foot .copyright {
    height: 352px;
    padding: 40px 90px 0 0;
    position: relative;
}

#foot .copyright .text {
    float: right;
    /*width: 354px;*/
}

#foot .copyright h3 {
    padding: 0 0 28px 0;
    font-size: 36px;
    line-height: 26px;
    color: #ff6900;
    font-weight: 100;
    font-family: 'Montserrat';
    letter-spacing: -1px;
}

#foot .copyright p,
#foot .copyright p a {
    font-size: 14px;
    line-height: 24px;
    color: #747474;
    font-weight: bold;
    transition: all .4s ease;
}

#foot .copyright p {
    padding: 0 0 10px;
}

#foot .copyright p a:hover {
    color: #ff8e00;
    transition: all .4s ease;
}

#foot .copyright a.footImg {
    display: block;
    position: absolute;
    width: 444px;
    height: 353px;
    background: url(../image/public/copyright.png) no-repeat center;
    top: 0;
    left: 0;
    transition: all .3s ease;
}

#foot .copyright a.footImg:hover {
    background: url(../image/public/copyright_on.png) no-repeat center;
    transition: all .3s ease;
}

#foot .Links {
    position: relative;
    z-index: 1000;
    cursor: pointer;
}

#foot .Links .Links_inp {
    width: 300px;
    height: 50px;
    text-indent: 20px;
    line-height: 50px;
    border: 1px solid #d3d3d3;
    background: url(../image/Links.png) no-repeat 260px center;
}

#foot .Links .Links_inp span {
    font-size: 13px;
    font-weight: bold;
    color: #7c7c7c;
}

#foot ul {
    display: none;
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 300px;
    max-height: 144px;
    overflow-y: auto;
    background: #fff;
}

#foot li {
    background: #a09f9fba;
    margin-bottom: 1px;
}

#foot li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 35px;
    font-size: 13px;
    color: #7c7c7c;
    text-indent: 20px;
    font-weight: bold;
}

#foot li:hover {
    background: #ff6900;
    color: #fff;
}

/*body.on */
body.on #foot {
    height: 340px;
}

body.on{
    padding-bottom: 340px;
}

/*body.on #foot .wrap{background: #ececec url(../image/public/copyright_1.png) no-repeat left top;}*/
body.on #foot .copyright {
    display: none;
}

#foot .copyright1 {
    display: none;
}

body.on #foot .copyright1 {
    height: 205px;
    padding: 30px 90px 0 0;
    background: none;
    display: block;
}

body.on #foot .copyright1>p {
    padding-top: 130px;
}

body.on #foot .copyright p {
    padding-bottom: 10px;
}

body.on #foot .wrap .backtop {
    bottom: 140px;
}

body.on #foot .copyright1 a.footImg {
    display: block;
    position: absolute;
    width: 627px;
    height: 250px;
    background: url(../image/public/copyright_1.png) no-repeat center;
    top: -86px;
    left: 0;
    transition: all .3s ease;
}

body.on #foot .copyright1 a.footImg:hover {
    display: block;
    position: absolute;
    width: 627px;
    height: 250px;
    background: url(../image/public/copyright_1_on.png) no-repeat center;
    top: -86px;
    transition: all .3s ease;
}

/*public*/
.mainc {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding-top: 78px;
}

.mainc.no_pad {
    padding-top: 0;
}

.pub_banner {
    position: relative;
    z-index: 2;
    height: 162px;
    background: url(../image/public/h_banner.jpg) no-repeat center top;
    background-size: cover;
}

.pub_banner .snav_crm {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1200px;
    margin: 0 0 0 -600px;
}

.pub_banner .snav_crm .snav {
    float: left;
    overflow: hidden;
}

.snav_crm .snav li {
    float: left;
}

.pub_banner .snav_crm .snav a {
    position: relative;
    display: block;
    float: left;
    margin: 0 30px 0 0;
    padding: 0 0 18px 0;
    font-size: 14px;
    font-weight: 600;
    color: #ffd9cb;
}

.snav_crm .snav a i {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    padding: 0 0 16px 0;
    border-bottom: 2px solid #fff;
    font-style: normal;
    white-space: nowrap;
    color: #fff;
    overflow: hidden;
    transition: all .4s ease;
}

.snav_crm .snav li.crt i,
.snav_crm .snav a:hover i {
    width: 100%;
    transition: all .4s ease;
}

.snav_crm .crm {
    float: right;
    overflow: hidden;
}

.snav_crm .crm em {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin: 2px 20px 0 0;
    background: url(../image/css_sprites.png) -27px -89px;
}

.snav_crm .crm span,
.snav_crm .crm a {
    float: left;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    font-weight: 600;
}

.snav_crm .crm i {
    display: block;
    float: left;
    width: 4px;
    height: 7px;
    margin: 2px 13px 0 20px;
    background: url(../image/icon_point.png) center;
}


/*index*/
.banner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    /*overflow: hidden;*/
}

.banner ul,
.banner li {
    width: 100% !important;
}

.banner li a {
    width: 100%;
}

.banner .ul {
    padding-bottom: 0;
}

.banner img {
    width: 100%;
}

/*7-17*/
/*.banner .hd{position: absolute;right: -40px;z-index: 99;top: 266px;}
.banner .hd ul{overflow: hidden;}
.banner .hd li{width:9px;height:9px;margin:0 0 11px 0;background-image: url(../image/css_sprites.png);background-position: -311px -120px;cursor: pointer;}
.banner .hd li.on{background-position:  -310px -100px;transition: all .4s ease;}*/
.banner .hd {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 54px;
    line-height: 5px;
    z-index: 5;
}

.banner .hd ul {
    text-align: center;
    font-size: 0;
    width: auto !important;
}

.banner .hd li {
    display: inline-block;
    vertical-align: top;
    width: 8px !important;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 5px;
    height: 8px;
    background: #ffe5ce;
    cursor: pointer;
}

.banner .hd li.on {
    width: 30px !important;
}

.banner .idxPrev {
    display: block;
    position: absolute;
    width: 17px;
    height: 23px;
    background: url(../image/css_sprites.png) no-repeat -303px -181px;
    right: -44px;
    top: 224px;
}

.banner .idxPrev:hover {
    background: url(../image/css_sprites.png) no-repeat -303px -204px;
    transition: all .4s ease;
}

.banner .idxNext {
    display: block;
    position: absolute;
    width: 17px;
    height: 23px;
    background: url(../image/css_sprites.png) no-repeat -286px -204px;
    right: -44px;
    top: 355px;
}

.banner .idxNext:hover {
    background: url(../image/css_sprites.png) no-repeat -286px -181px;
    transition: all .4s ease;
}

.banner .pon {
    position: absolute;
    z-index: 10;
}

.banner .txt_box {
    height: 120px;
    left: 55.2%;
    top: 50%;
    margin-top: -60px;
}

.banner .txt_box .h1_cn {
    font-size: 48px;
    line-height: 60px;
    color: #fff;
}

.banner .txt_box .h1_en {
    font-size: 56px;
    line-height: 60px;
    color: #fff;
    font-family: "ADELON11";
}

/*7-17*/
.advertise {
    width: 100%;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    padding: 0 20px 0 30px;
}

.shares {
    float: right;
}

.foot_top .shares em,
.foot_top .shares p {
    float: left;
}

.foot_top .shares {
    margin: 0 60px 0 0;
    width: 354px;
}

.shares em {
    font-style: normal;
    font-size: 36px;
    font-family: 'Montserrat';
    letter-spacing: -1px;
}

.shares em i {
    display: inline-block;
    width: 20px;
    height: 27px;
    margin: 0 30px 0 10px;
}

.shares .red {
    color: #dd0000;
}

.shares .red i {
    background: url(../image/css_sprites.png) -105px -5px;
}

.shares .green {
    color: #00bf04;
}

.shares .green i {
    background: url(../image/css_sprites.png) -105px -42px;
}

.shares p {
    font-size: 14px;
    color: #818384;
}

.advertise .slide {
    /* float: left; */
    position: relative;
    z-index: 8;
    height: 35px;
    padding: 0 42px 0 0;
    /* overflow: hidden; */
margin-right: 300px;/* padding-right: 120px; */}

.advertise .slide .p{
    position: absolute;
    right: -80px;
    top: 0;
    font-size: 14px;
    color: #666;
    line-height: 36px;
}
.advertise .slide li{
height:36px;}
.advertise .slide li a {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 50px;
    font-size: 14px;
    color: #62605c;
    transition: all .4s ease;
}

.advertise .slide li a em{
margin-right:100px;
font-style:normal;
font-size:14px;
font-weight: 600;
}

.advertise .slide li a:hover {
    color: #ff8e00;
    transition: all .4s ease;
}

.advertise .slide .prev,
.advertise .slide .next {
    position: absolute;
    left: 100px;
    top: 45%;
    z-index: 8;
    width: 12px;
    height: 10px;
    cursor: pointer;
    transition: all .4s;
}

.advertise .slide .prev {
    margin: -10px 0 0 0;
    background: url(../image/css_sprites.png);
    background-position: -72px -55px;
    transition: all .4s ease;
}

.advertise .slide .prev:hover {
    background-position: -72px -65px;
}

.advertise .slide .next {
    margin: 5px 0 0 0;
    background: url(../image/css_sprites.png) -5px -99px;
}

.advertise .slide .next:hover {
    background-position: -5px -89px;
    transition: all .4s ease;
}

.page {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
}

.page li {
    position: relative;
    width: 100%;
    margin: 0 0 10px;
    overflow: hidden;
    transition: all .4s ease;
}

.page li:last-child {
    margin: 0;
}

.page li a {
    display: block;
    width: 100%;
    height: 100%;
}

.page li img {
    width: 100%;
    transform: translate3d(0, 0px, 0) scale(1, 1);
    transition: all 1s ease;
}

.page li:hover img {
    transform: translate3d(0, 20px, 0) scale(1.05, 1.05);
    transition: all 1s ease;
}

.page li:hover h3 {
    font-size: 36px;
    transition: all .4s ease;
}

.page li:hover p {
    font-size: 30px;
    transition: all .4s ease;
}

.page .text {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.page .text h3 {
    font-size: 30px;
    line-height: 30px;
    padding: 0 0 20px 0;
    font-weight: 100;
    transition: all .4s ease;
}

.page .text p {
    font-size: 24px;
    line-height: 20px;
    font-weight: 100;
    font-family: 'rubik';
    letter-spacing: 1px;
    text-align: center;
    transition: all .4s ease;
}


.abt1 .pub_tit {
    height: 270px;
}

.abt1,
.abt3,
.abt2,
.abt4,
.abt5,
.news,
.news-1l,
.bus,
.bus-1,
.bus2,
.bus3,
.bus3-1,
.intr,
.cnt {
    position: relative;
    padding: 0 0 100px;
    background: #fff;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}

.pub_tit {
    width: 750px;
    position: relative;
    padding-bottom: 30px;
}

.pub_tit h2 {
    font-size: 36px;
    line-height: 36px;
    color: #ffa800;
    font-weight: 100;
    font-family: 'rubik';
    letter-spacing: -1px;
}

.pub_tit h3 {
    font-size: 22px;
    line-height: 24px;
    color: #62605c;
    padding: 10px 0 30px;
}

.pub_tit h6 {
    font-size: 17px;
    line-height: 17px;
    color: #8a8a8a;
    padding: 0 0 10px;
}

.pub_tit p {
    font-size: 14px;
    line-height: 26px;
    color: #8a8a8a;
}

.pub_tit p em {
    display: block;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    color: #444;
    padding: 0 0 25px;
}

/*about*/
.abt1 .abt1-rt {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 420px;
}

.abt1 .abt1-rt>em {
    float: right;
    display: block;
    width: 200px;
    height: 576px;
    background: #ffac00 url(../image/about/dot_icon1.png) no-repeat 98px 40px;
}

.abt1 .abt1-rt .shares {
    float: right;
    width: 420px;
    height: 420px;
    padding: 70px 0 0 20px;
    background: #f2f2f2 url(../image/about/dot_icon2.png) no-repeat left 68px;
}

.abt1 .abt1-rt .shares {
    overflow: hidden;
}

.abt1-rt .shares em {
    display: block;
    font-style: normal;
    font-size: 36px;
    margin: 112px 0 0;
    font-family: 'Montserrat';
    letter-spacing: -1px;
}

.abt1-rt .shares em i {
    display: inline-block;
    width: 20px;
    height: 27px;
    margin: 0 30px 0 10px;
}

.abt1-rt .shares .red {
    color: #dd0000;
}

.abt1-rt .shares .red i {
    background: url(../image/css_sprites.png) -105px -5px;
}

.abt1-rt .shares .green {
    color: #00bf04;
}

.abt1-rt .shares .green i {
    background: url(../image/css_sprites.png) -105px -42px;
}

.abt1-rt .shares p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    padding: 18px 0 0;
}

.abt1>h4 {
    font-size: 18px;
    line-height: 22px;
    color: #ffac00;
    padding: 0 0 30px;
}

.abt1>p {
    font-size: 14px;
    line-height: 26px;
    color: #8a8a8a;
    width: 750px;
}

.abt1 .abt1-pic {
    position: relative;
    z-index: 2;
    width: 1100px;
    height: 475px;
    margin: 0 0 60px 0;
    padding: 0 0 0 780px;
    background: url(../image/about/about-pic.jpg) left top;
}

.abt1 .abt1-pic h3 {
    font-size: 48px;
    line-height: 52px;
    color: #ff6900;
    font-weight: 100;
    font-family: 'rubik';
    letter-spacing: -1px;
    padding: 96px 0 28px;
}

.abt1 .abt1-pic p {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    letter-spacing: 20px;
}

/*about2*/
.abt2 .pub_tit {
    float: left;
    width: 750px;
    padding: 0 70px 0 0;
}

.abt2 .pub_tit h3 {
    padding-top: 0;
}

.abt2 .pub_tit p:last-child {
    padding-bottom: 0;
}

.abt2 .ceo {
    position: relative;
    float: right;
    width: 450px;
    height: 320px;
    margin: 50px 0 0;
    padding: 0 0 0 30px;
    background: #ececec;
}

.abt2 .ceo img {
    margin: -50px 0 0 0;
    float: right;
}

.abt2 .ceo h2 {
    font-size: 24px;
    color: #333;
    line-height: 24px;
    padding: 190px 0 10px;
}

.abt2 .ceo p {
    font-size: 14px;
    color: #999;
    line-height: 14px;
}

.abt2 .ceo i {
    display: block;
    position: absolute;
    transition: all .3s ease;
}

.abt2 .ceo .White {
    left: 100px;
    top: 30px;
    width: 30px;
    height: 30px;
    background: #fff;
}

.abt2 .ceo .gray {
    left: 30px;
    top: 60px;
    width: 70px;
    height: 70px;
    background: #e4e4e4;
}

.abt2 .ceo:hover .White {
    background: #e4e4e4;
    transition: all .3s ease;
}

.abt2 .ceo:hover .gray {
    background: #fa9700;
    transition: all .3s ease;
}

/*about3*/
.abt3 li {
    position: relative;
    width: 100%;
    height: 247px;
    margin: 0 0 20px;
    background: #ececec;
    overflow: hidden;
}

.abt3 li .avatar {
    float: left;
    width: 180px;
    height: 100%;
}

.abt3 li .intro {
    float: left;
    width: 600px;
    height: 100%;
    padding: 40px 0 0 50px;
}

.abt3 li .intro h3 {
    font-size: 30px;
    color: #333;
    line-height: 30px;
    font-weight: 100;
}

.abt3 li .intro h4 {
    font-size: 24px;
    color: #d9d9d9;
    line-height: 26px;
    font-weight: 100;
    font-family: 'rubik';
    letter-spacing: -1px;
    padding: 10px 0 15px;
}

.abt3 li .intro p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.abt3 li:last-child {
    margin: 0;
}

.abt3 li .gray {
    position: absolute;
    z-index: 1;
    width: 71px;
    height: 71px;
    background: #e4e4e4;
    transition: all .3s ease;
}

.abt3 li .White {
    position: absolute;
    z-index: 2;
    width: 49px;
    height: 49px;
    background: #fff;
    transition: all .3s ease;
}

.abt3 li:hover .gray {
    background: #fa9700;
    transition: all .3s ease;
}

.abt3 li:hover .White {
    background: #e4e4e4;
    transition: all .3s ease;
}

/*about4*/
.abt4 .course li .intro .tit {
    border-bottom: 0 none;
}

.abt4 {
    padding-bottom: 60px;
}

.abt4 h3 {
    font-size: 24px;
    color: #333;
    line-height: 24px;
    padding: 0 0 20px;
}

.abt4 p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.abt4 .course li .intro .tit p {
    margin-bottom: 24px;
}

.course {
    padding: 80px 0 0;
    overflow: hidden;
}

.course li {
    position: relative;
    width: 100%;
    border-top: 1px solid #ececec;
}

.course li .year {
    float: left;
    width: 300px;
    padding: 50px 114px 0 0;
    font-size: 36px;
    color: #ed6c00;
    text-align: right;
    font-family: 'Montserrat';
    letter-spacing: -1px;
}

.course li .intro {
    float: left;
    width: 900px;
    padding: 50px 0 0 0;
    border-left: 1px solid #ececec;
}

.course li .intro .tit {
    padding: 0 0 35px 30px;
    border-bottom: 1px solid #ececec;
}

.course li .intro .tit p {
    font-size: 16px;
}

.course li .intro .text {
    padding: 20px 0 80px 30px;
}

.course li .time_i {
    position: absolute;
    left: 260px;
    top: -39px;
    z-index: 2;
    background: #fff;
}

.course li .time_i em {
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
    width: 60px;
    height: 60px;
    background: #fff url(../image/about/course_time.png) no-repeat center;
    border-radius: 40px;
}

.course li .time_i i {
    display: block;
    position: absolute;
    top: 25px;
    left: 38px;
    z-index: 2;
    width: 4px;
    height: 17px;
    background: url(../image/about/course_time_i.png) no-repeat center;
}

.course li:hover .time_i em {
    -webkit-animation: reverseRotataZ 9s linear infinite;
}

.down_year {
    position: relative;
    z-index: 2;
    height: 38px;
    cursor: pointer;
}

.down_year em {
    display: block;
    width: 28px;
    height: 16px;
    margin: -15px 0 0 286px;
    background: url(../image/css_sprites.png) -47px -114px;
}

.down_year:hover em {
    background: url(../image/css_sprites.png) -75px -114px;
}

.down_year:after {
    display: table;
    content: " ";
    position: absolute;
    left: 270px;
    top: -22px;
    z-index: -1;
    width: 60px;
    height: 60px;
    background: #ed6c00;
    border-radius: 40px;
}

/*about5*/
.abt5 {
    width: 1200px;
    height: 1807px;
    background: url(../image/about/abt5-main.jpg) no-repeat center top;
    padding: 126px 20px 100px 30px;
}

.abt5 .abt5_h3 {
    font-size: 72px;
    line-height: 65px;
    color: #ececec;
    font-family: 'rubik';
    letter-spacing: -1px;
    font-weight: 100;
}

.abt5 .abt5_h5 {
    font-size: 18px;
    line-height: 18px;
    color: #333;
    padding: 0 0 10px;
    font-weight: bold;
}

.abt5 .abt5_h4 {
    font-size: 36px;
    line-height: 48px;
    color: #ed6c00;
    font-weight: 100;
}

.abt5 p {
    font-size: 16px;
    line-height: 18px;
    color: #333;
    padding: 0 0 15px 0;
}

.abt5 em {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    font-style: normal;
}

.abt5 .vision .abt5_h3 {
    opacity: 0.72;
    padding: 0 0 100px;
    height: 230px;
}

.abt5 .vision em {
    display: block;
    padding-top: 35px;
}

.abt5 .positioning {
    position: relative;
    padding: 120px 0 0 350px;
}

.abt5 .positioning h3 {
    position: absolute;
    right: 0;
    top: 117px;
}

.abt5 .positioning h3 em {
    color: #ececec;
    font-size: 72px;
    line-height: 65px;
    font-family: 'rubik';
    letter-spacing: -1px;
    font-weight: 100;
}

.abt5 .positioning .text {
    overflow: hidden;
    padding: 35px 0 0;
}

.abt5 .positioning .text_l,
.abt5 .mission .msn_l {
    float: left;
    width: 420px;
}

.abt5 .positioning .text_r,
.abt5 .mission .msn_r {
    float: left;
}

.abt5 .mission {
    overflow: hidden;
    padding: 98px 0 0 350px;
}

.abt5 .mission h3 {
    color: #fff;
}

.abt5 .mission em {
    display: block;
    padding-top: 35px;
}

.abt5 .value {
    position: relative;
    padding: 125px 0 0;
}

.abt5 .value h3 {
    position: absolute;
    right: 157px;
    top: 331px;
}

.abt5 .value .vle {
    overflow: hidden;
    padding: 165px 0 0 0;
}

.abt5 .value .vle p {
    font-weight: bold;
}

.abt5 .value .vle div {
    float: left;
    margin: 0 50px 0 0;
}

/*about6*/
.abt6 {
    position: relative;
    width: 1200px;
    height: 730px;
    margin: 0 auto;
    background: url(../image/about/abt6-main.jpg) no-repeat center;
}

.abt6 .block {
    position: absolute;
    width: 84px;
    height: 97px;
}

.abt6 .block:hover a {
    display: block;
}

.abt6 .block a {
    display: none;
    width: 120px;
    hegiht: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #666;
    padding-left: 64px;
    background-color: #fff;
    background-position: 30px center;
    background-repeat: no-repeat;
    transition: all .4s ease-in-out;
}

.abt6 .block a:hover {
    background-color: #ff6900;
    color: #fff;
}

.abt6 .block .read {
    background-image: url(../image/about/read.png);
    animation-name: fadeInDown;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.abt6 .block .read:hover {
    background-image: url(../image/about/readH.png);
}

.abt6 .block .download {
    background-image: url(../image/about/download.png);
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.abt6 .block .download:hover {
    background-image: url(../image/about/downloadH.png);
}

.abt6 .video {
    top: 59px;
    right: 542px;
    background: url(../image/about/abt6_video.png) no-repeat center;
}

.abt6 .vipho {
    top: 179px;
    right: 284px;
    background: url(../image/about/abt6_vipho.png) no-repeat center;
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}

.abt6 .Brands {
    top: 363px;
    left: 382px;
    background: url(../image/about/abt6_Brands.png) no-repeat center;
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
}

.abt6 .Album {
    top: 306px;
    right: 442px;
    background: url(../image/about/abt6_Album.png) no-repeat center;
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
}

/*news*/
.news-l {
    float: left;
    width: 780px;
    margin: 0 20px 0 0;
}

.news-l li {
    position: relative;
    width: 100%;
    height: 160px;
    margin: 0 0 10px;
    background: #ececec;
}

.news-l li:last-child {
    margin: 0;
}

.news-l li i {
    display: block;
    position: absolute;
    left: 150px;
    top: 0;
    width: 0;
    height: 100%;
    transition: all .4s ease-in-out;
}

.news-l li:hover i {
    left: 0;
    width: 100%;
    background: #ffac00;
    transition: all .4s ease-in-out;
}

.news-l li a {
    display: block;
    position: relative;
    z-index: 2;
    padding: 30px;
    overflow: hidden;
}

.news-l li .time {
    float: left;
    width: 120px;
}

.news-l li .time h3,
.news-1r .time h3 {
    font-size: 48px;
    line-height: 32px;
    color: #bbbbbb;
    font-family: 'rubik';
    letter-spacing: -1px;
}

.news-l li .time em,
.news-1r .time em {
    display: block;
    width: 15px;
    height: 2px;
    margin: 10px 0 20px;
    background: #ff6900;
}

.news-l li .time p,
.news-1r .time p {
    font-size: 18px;
    line-height: 18px;
    color: #bbbbbb;
    font-family: 'rubik';
    letter-spacing: -1px;
}

.news-l li .font {
    float: left;
    width: 600px;
}

.news-l li .font h3 {
    font-size: 18px;
    color: #62605c;
    padding: 0 0 15px 0;
    transition: all .3s ease-in-out;
}

.news-l li .font p {
    font-size: 14px;
    line-height: 24px;
    color: #868282;
    transition: all .3s ease-in-out;
}

.news-l li:hover .font h3,
.news-l li:hover .font p {
    color: #fff;
    transition: all .3s ease-in-out;
}

.news-l li:hover .time h3,
.news-l li:hover .time p {
    color: #c69750;
    transition: all .3s ease-in-out;
}

.news-more {
    width: 100%;
    margin: 40px 0 0;
}

.news-more .more {
    position: relative;
    width: 75px;
    height: 24px;
    margin: 0 auto;
    background: url(../image/news/news-more.png) no-repeat center;
    cursor: pointer;
}

.news-more img {
    position: absolute;
    left: 50%;
    display: block;
    width: 0;
    height: 100%;
    overflow: hidden;
}

.more:hover {
    background: none;
}

.more:hover img {
    width: 100%;
    left: 0;
    transition: all .3s ease-in-out;
}

.news-more p {
    position: relative;
    font-size: 14px;
    color: #999;
    text-align: center;
    display: none;
}

.news-more p:before,
.news-more p:after {
    display: table;
    content: " ";
    width: 43%;
    height: 2px;
    margin: 7px 0 0;
    background: #eee;
}

.news-more p:before {
    float: left;
}

.news-more p:after {
    float: right;
}

.news-r {
    float: right;
    width: 400px;
    padding: 57px 30px 110px;
    background: #ececec;
}

.timedown {
    position: relative;
    z-index: 2;
}

.timedown .downUl {
    display: none;
    position: absolute;
    left: 0;
    top: 53px;
    width: 350px;
    min-height: 110px;
    padding: 30px 0 0 20px;
    background: #fff;
    box-shadow: 1px 1px 15px #d8d7d7;
    -moz-box-shadow: 1px 1px 15px #d8d7d7;
}

.timedown .downUl:before {
    display: table;
    content: ' ';
    position: absolute;
    left: 86px;
    top: -17px;
    width: 28px;
    height: 17px;
    background: url(../image/news/downUl_icoin.png) no-repeat center;
}

.timedown .downUl li {
    float: left;
    font-size: 24px;
    line-height: 20px;
    color: #999;
    font-family: 'rubik';
    letter-spacing: -2px;
    margin: 0 20px 20px 0;
    cursor: pointer;
    transition: all .4s ease;
}

.timedown .downUl li:hover {
    color: #ff6900;
    transition: all .4s ease;
}

.timedown .downBtn span {
    display: block;
    width: 110px;
    padding: 0 40px 0 0;
    margin: 0 0 20px 0;
    color: #ff6900;
    font-size: 30px;
    line-height: 33px;
    font-family: 'rubik';
    letter-spacing: -1px;
    background: url(../image/news/timedown.png) no-repeat right center;
    cursor: pointer;
}

.pub_inp input {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    border: 0;
    outline-width: 0;
}

.pub_inp .sch_inp {
    float: left;
    width: 800px;
    text-indent: 20px;
    color: #aaa;
    background: #fff;
}

.pub_inp .sch_inp::-webkit-input-placeholder {
    color: #aaa;
}

.pub_inp .sch_btn {
    float: left;
    width: 50px;
    padding: 0 0 0 48px;
    font-size: 0;
    color: #fff;
    text-align: left;
    text-indent: 0px;
    font-weight: 600;
    background: #ed6c00 url(../image/public/sch_btn.png) no-repeat center;
    cursor: pointer;
    transition: all .4s ease;
}

/*.pub_inp .sch_btn:hover{text-align: left;text-indent:100px;transition: all .4s ease;background:#ffac00 url(../image/public/sch_btn.png) no-repeat 120px center;}*/
/*.pub_inp .sch_btn:hover{background-color:#ed6c00; background-image:url(../image/public/sch_btn.png);}*/

/*news-1*/
.news-1l {
    float: left;
    width: 800px;
    padding: 0 50px 0 0;
}
.newsdlist .news-1l img{
display:inline-block;
    max-width: 100%;
}

.news-1l .jindicaomei a {
    display: block;
}

.news-1l .jindicaomei p,
.news-1l .jindicaomei p img {
    margin-top: 0;
    margin-bottom: 0;
}

.news-1l h3 {
    font-size: 24px;
    color: #333;
    line-height: 30px;
    margin: 32px 0 35px 0;
}

.news-1l p {
    font-size: 14px;
    color: #868282;
    line-height: 24px;
    margin: 0 0 30px 0;
}

.news-1l p:last-child {
    margin: 0;
}

.news-1l p img {
    display: inline-block;
    max-width: 100%;
    margin: 5px auto;
}

.news-1r {
    float: left;
    width: 400px;
    height: 700px;
    background: #ececec;
    padding: 40px 20px 0 30px;
}

.news-1r .time {
    margin: 0 0 15px 0;
}

.news-1r p {
    font-size: 14px;
    line-height: 24px;
    color: #868282;
}

.news-1r h4 {
    font-size: 20px;
    line-height: 20px;
    color: #333;
    padding: 0 0 30px;
    margin: 0 0 30px;
    border-bottom: 1px solid #d3d3d3;
}

.news-1r li {
    margin: 0 0 15px;
}

.news-1r li a {
    font-size: 14px;
    color: #868282;
    transition: all .4s ease;
}

.news-1r li a:hover {
    color: #ed6c00;
    transition: all .4s ease;
}

.news-1r .bdsharebuttonbox {
    padding: 35px 0 60px;
    overflow: hidden;
}

.news-1r .bdsharebuttonbox a {
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
    padding: 0;
}

.news-1r .bdshare-button-style0-16 .bds_sqq {
    background-image: url(../image/css_sprites.png);
    background-position: -170px -0;
}

.news-1r .bdshare-button-style0-16 .bds_sqq:hover {
    background-position: -170px -50px;
}

.news-1r .bdshare-button-style0-16 .bds_qzone {
    background-image: url(../image/css_sprites.png);
    background-position: -0 -138px;
}

.news-1r .bdshare-button-style0-16 .bds_qzone:hover {
    background-position: -50px -138px;
}

.news-1r .bdshare-button-style0-16 .bds_weixin {
    background-image: url(../image/css_sprites.png);
    background-position: -100px -138px;
}

.news-1r .bdshare-button-style0-16 .bds_weixin:hover {
    background-position: -150px -138px;
}

.news-1r .bdshare-button-style0-16 .bds_tsina {
    background-image: url(../image/css_sprites.png);
    background-position: -220px -0;
}

.news-1r .bdshare-button-style0-16 .bds_tsina:hover {
    background-position: -220px -50px;
}

.bus-1 .pub_tit .til h3,
.bus2-1 .pub_tit .til h3,
.bus3-1 .pub_tit .til h3,
.intr .pub_tit .til h3 {
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
}

.bdsharebuttonbox.bus_d {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -12px;
    padding: 0;
    overflow: hidden;
}

.bdsharebuttonbox.bus_d a {
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
    padding: 0;
}

.bus_d.bdshare-button-style0-16 .bds_sqq {
    background-image: url(../image/css_sprites.png);
    background-position: -170px -0;
}

.bus_d.bdshare-button-style0-16 .bds_sqq:hover {
    background-position: -170px -50px;
}

.bus_d.bdshare-button-style0-16 .bds_qzone {
    background-image: url(../image/css_sprites.png);
    background-position: -0 -138px;
}

.bus_d.bdshare-button-style0-16 .bds_qzone:hover {
    background-position: -50px -138px;
}

.bus_d.bdshare-button-style0-16 .bds_weixin {
    background-image: url(../image/css_sprites.png);
    background-position: -100px -138px;
}

.bus_d.bdshare-button-style0-16 .bds_weixin:hover {
    background-position: -150px -138px;
}

.bus_d.bdshare-button-style0-16 .bds_tsina {
    background-image: url(../image/css_sprites.png);
    background-position: -220px -0;
}

.bus_d.bdshare-button-style0-16 .bds_tsina:hover {
    background-position: -220px -50px;
}

/*business*/
.rline {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 1px;
    height: 100%;
    background: #ececec;
}

.bus .pub_tit {
    width: 800px;
}

.bus .sch_porject .img {
    width: 100%;
    background: none;
    padding: 0;
}

.sch_porject {
    /* overflow:hidden; */
}

.sch_porject:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.sch_porject .img {
    float: left;
    position: relative;
    width: 800px;
    padding: 60px 0 0;
    background: #ececec;
    overflow: hidden;
}

.sch_porject .img .bd {
    height: 400px;
    overflow: hidden;
}

.sch_porject .img .bd li {
    position: relative;
}

.sch_porject .img .bd li a,
.sch_porject .img .bd li img {
    width: 100%;
}

.sch_porject .img .bd li .intro {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #00000070;
}

.sch_porject .img .bd li .intro h3 {
    text-align: center;
    line-height: 60px;
    font-size: 20px;
}

.sch_porject .img .bd li p {
    position: absolute;
    left: 0;
    top: -60px;
    font-size: 16px;
    color: #666;
    line-height: 60px;
    text-indent: 30px;
    font-weight: bold;
}

.sch_porject .img .hd {
    position: static;
    margin: 10px 0 20px;
    width: 100%;
    text-align: center;
    bottom: 20px;
    left: 30px;
    z-index: 2;
}

.sch_porject .img .hd ul {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
}

.sch_porject .img .hd li {
    float: left;
    width: 10px;
    height: 10px;
    margin: 0 6px 0 0;
    background-image: url(../image/css_sprites.png);
    background-position: -310px -110px;
    cursor: pointer;
}

.sch_porject .img .hd li.on {
    background-position: -310px -100px;
    transition: all .4s ease;
}

.sch_porject .img .prev,
.sch_porject .img .next {
    position: absolute;
    top: 50%;
    z-index: 2;
    margin: -20px 0 0;
    width: 50px;
    height: 100px;
    cursor: pointer;
    transition: all .4s ease;
}

.sch_porject .img .prev {
    left: -50px;
    background: url(../image/css_sprites.png) -270px -0;
}

.sch_porject .img .next {
    right: -50px;
    background: url(../image/css_sprites.png) -0 -188px;
}

.sch_porject .img:hover .prev {
    left: 0;
    transition: all .4s ease;
}

.sch_porject .img:hover .next {
    right: 0;
    transition: all .4s ease;
}

.sch_porject .img .prev:hover {
    background: #ed6c00 url(../image/css_sprites.png) -270px -0;
    transition: all .4s ease;
}

.sch_porject .img .next:hover {
    background: #ed6c00 url(../image/css_sprites.png) -0 -188px;
    transition: all .4s ease;
}

.sch_porject .sch_box {
    clear: both;
    width: 870px;
    padding: 10px;
    background: #ececec;
    margin: 10px auto 0;
    /* overflow:hidden; */
}

.sch_porject .sch_box .pub_down {
    display: none;
}

.sch_porject .sch_box .downCH {
    display: block;
    float: left;
    margin-right: 10px;
    width: 150px;
}

.pub_inp .sch_inp {
    width: 640px;
}

.sch_porject .pub_inp {
    height: 50px;
}

.sch_porject .sch_box p {
    display: none;
    font-size: 14px;
    color: #ff8400;
    line-height: 60px;
    text-indent: 20px;
    font-weight: 600;
}

.sch_box .pub_down {
    position: relative;
    z-index: 3;
    cursor: pointer;
    margin: 0 0 10px 0;
}

.pub_down .down_inp {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 18px 0 20px;
    background: #fff;
}

.pub_down .down_inp span {
    font-size: 14px;
    color: #666;
}

.pub_down .down_inp .inp_btn {
    float: right;
    position: relative;
    width: 12px;
    height: 8px;
    margin: 21px 0 0;
}

.pub_down .down_inp .inp_btn i {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ff6900;
}

.down_inp .inp_btn i:first-child {
    top: 0;
}

.down_inp .inp_btn i:last-child {
    top: 6px;
}

.down_inp.crt .inp_btn i:first-child {
    top: 4px;
    transform: translateY(-50%) rotate(45deg);
    transition: transform .3s ease-in-out;
}

.down_inp.crt .inp_btn i:last-child {
    top: 4px;
    transform: translateY(-50%) rotate(-45deg);
    transition: transform .3s ease-in-out;
}

.pub_down .down_option {
    position: absolute;
    left: 0;
    top: 51px;
    width: 100%;
    display: none;
}

.pub_down .down_option ul {
    background: #ececec;
}

.pub_down .down_option li {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #666;
    text-indent: 20px;
    background: #fff;
    margin: 0 0 1px 0;
}

.other_project {
    width: 100%;
    padding: 60px 0 0;
}

.other_project ul {
    width: 100%;
}

.other_project li {
    float: left;
    position: relative;
    top: 0;
    width: 580px;
    height: 320px;
    margin: 20px 20px 0 0;
    overflow: hidden;
    transition: all .3s ease;
}

.other_project li a {
    display: block;
}

.other_project li .img {
    position: relative;
    z-index: 2;
}

.other_project li .text {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    background: #ececec;
}

.other_project li .text h3 {
    float: left;
    font-size: 20px;
    color: #333;
}

.other_project li .text p,
.other_project li .text p em {
    float: right;
    font-size: 14px;
    color: #999;
    font-style: normal;
    margin: 0 0 0 35px;
}

.light {
    cursor: pointer;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
    transform: skewx(-25deg);
    -o-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -webkit-transform: skewx(-25deg);
}

.other_project li:hover {
    top: -10px;
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
    -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
    transition: all .3s ease;
}

/*business-1*/
.bus-1 {
    padding: 0;
    overflow: inherit;
}

.bus2-1 .pub_tit {
    min-height: 300px;
}

.bus-1 .pub_tit,
.bus2-1 .pub_tit,
.bus3 .pub_tit,
.bus3-1 .pub_tit {
    width: 100%;
    min-height: 250px;
    padding-right: 420px;
}

.bus-1 .pub_tit {
    min-height: auto;
}

.bus-1 .pub_tit.on {
    min-height: 250px;
}

.pub_tit .video {
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    min-height: 200px;
    overflow: hidden;
}

.pub_tit .video .mask:hover img {}

.bus-1 .pub_tit h3,
.bus2-1 .pub_tit h3,
.bus3-1 .pub_tit h3,
.intr .pub_tit h3 {
    padding-top: 0;
}

.bus-1 .sch_porject,
.bus2-1 .sch_porject,
.bus3-1 .sch_porject {
    padding: 60px 0 0;
    background: #ececec;
}

.bus-1 .sch_porject .img .prev,
.bus-1 .sch_porject .img .next,
.bus2-1 .sch_porject .img .prev,
.bus2-1 .sch_porject .img .next {
    margin: -50px 0 0;
}

.bus-1 .sch_porject .img,
.bus2-1 .sch_porject .img,
.bus3-1 .sch_porject .img {
    padding: 0;
    height: 400px;
}

.sch_porject .pjt_del {
    height: 400px;
    padding: 20px 30px 20px 30px;
    float: left;
    width: 400px;
}

.sch_porject .pjt_del h3 {
    font-size: 18px;
    color: #62605c;
    line-height: 20px;
}

.sch_porject .pjt_del p:first-of-type {
    padding: 10px 0 0;
}

.sch_porject .pjt_del em {
    display: block;
    font-style: normal;
    font-size: 14px;
    color: #858585;
    line-height: 22px;
}

.sch_porject .pjt_del .i {
    padding-left: 70px;
}

.pjt_contact {
    width: 100%;
    height: 100px;
    padding: 0 0 0 30px;
    margin: 80px 0;
    background: #ececec;
}

.pjt_contact .wrap {
    width: 100%;
}

.pjt_contact .wrap div {
    float: left;
    width: 380px;
    margin: 0 20px 0 0;
    line-height: 100px;
    line-height: 40px;
}

.pjt_contact.ziyou .wrap {
    padding-top: 30px;
}

.pjt_contact.ziyou .wrap div em {
    margin-top: 0;
}

.pjt_contact.ziyou .wrap .add p {
    padding-top: 0;
}

.pjt_contact .wrap div em {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    margin: 30px 10px 0 0;
}

.pjt_contact .wrap div p {
    display: inline-block;
    font-size: 14px;
    color: #7a7a7a;
    line-height: 20px;
    vertical-align: middle;
}

.pjt_contact .wrap .add {
    width: 350px;
    overflow: hidden;
}

.pjt_contact .wrap .add em {
    background: url(../image/css_sprites.png) -130px -0;
}

.pjt_contact .wrap .add p {
    line-height: 18px;
    width: 300px;
    padding: 40px 0 0;
}

.pjt_contact .wrap .tel em {
    background: url(../image/css_sprites.png) -130px -40px;
}

.pjt_contact .wrap .tel p {
    font-size: 14px;
    color: #666;
}

.pjt_contact .wrap .tel p i {
    font-style: normal;
}

.pjt_contact .wrap .wx {
    position: relative;
    margin: 0;
}

.pjt_contact .wx em {
    background: url(../image/css_sprites.png) -55px -5px;
    cursor: pointer;
}

.pjt_contact .wx .code {
    position: absolute;
    left: 50px;
    bottom: 81px;
    z-index: 2;
    width: 160px;
    box-shadow: -6px -6px 8px #c5c5bd;
    display: none;
}

.pjt_contact .wx .code i {
    display: block;
    width: 20px;
    height: 19px;
    background: url(../image/css_sprites.png) -130px -80px;
}

.pjt_pic {
    position: relative;
    padding: 0 0 60px;
    overflow: hidden;
}

.pjt_pic .load_gif {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 55;
    width: 100%;
    height: 100%;
    background: #fff;
}

.pjt_pic .load_gif img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -90px 0 0 -90px;
    width: 180px;
    height: 180px;
}

.pjt_pic h3 {
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    padding-bottom: 10px;
}

.pjt_pic h3 .mp2_4Icon2 {
    display: inline-block;
    width: 42px;
    height: 30px;
    background: url(../image/mpr/mp2_4Icon2.png) no-repeat center;
    vertical-align: top;
    margin-right: 10px;
}

.pjt_pic h3 .mp2_4Icon3 {
    display: inline-block;
    width: 42px;
    height: 30px;
    background: url(../image/mpr/mp2_4Icon3.png) no-repeat center;
    vertical-align: top;
    margin-right: 10px;
}

.pjt_pic li {
    float: left;
    width: 380px;
    height: 260px;
    margin: 0 20px 20px 0;
    background: #ececec;
    transition: all .3s ease;
}

.pjt_pic li>a {
    display: block;
    width: 100%;
    height: 100%;
}

/*閸ュ墽澧栧鍦崶*/
/*#lightbox .lb-outerContainer{width:800px;}
#lightbox .lb-container{float:right; width: 1030px;}
#lightbox .lb-container img{float:right; max-width: 100%; width:auto !important; height:auto !important;}*/
.Pop_img {
    display: none;
    position: fixed;
    right: 50px;
    top: 100px;
    z-index: 100000;
    width: 200px;
    padding: 3px;
    background: #fff;
}

/*.lb-nav{display:none !important;}*/
.Pop_img .roadtrip {
    position: relative;
}

.Pop_img .roadtrip .prev,
.Pop_img .roadtrip .next {
    position: absolute;
    bottom: -40px;
    width: 80px;
    height: 30px;
    background: #fff;
    cursor: pointer;
}

.Pop_img .roadtrip .prev {
    left: -3px;
    background: #fff url(../image/mpr/btn.png) no-repeat center;
}

.Pop_img .roadtrip .next {
    right: -3px;
    background: #fff url(../image/mpr/btn.png) no-repeat center;
    transform: rotate(-180deg);
}

.Pop_img .bd {
    height: 389px;
    overflow: hidden;
}

.Pop_img li {
    height: 95px;
    width: 194px;
    margin-bottom: 3px;
    overflow: hidden;
}

.Pop_img a {
    display: block;
    height: 100%;
}

.Pop_img a img {
    display: block;
    width: 100%;
    height: 100%;
}

/*.Pop_img li.on{}*/
.pjt_pic li .img {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.pjt_pic li .img img {
    transform: scale(1, 1);
    transition: all .4s ease;
}

.pjt_pic li .img .mask,
.pub_tit .video .mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url(../image/cover3.png) repeat;
    overflow: hidden;
    transition: all .6s ease;
}

.pjt_pic li .img .mask em {
    display: none;
}

.pjt_pic li .img .mask .play {
    display: block;
}

.pjt_pic .img .mask em,
.pub_tit .video em {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 14px;
    background: url(../image/css_sprites.png) -150px -80px;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all .3s ease;
}

.pjt_pic .img .mask .l,
.pjt_pic .img .mask .r {
    margin-top: -7px;
}

.pjt_pic .img .mask .t,
.pjt_pic .img .mask .b {
    margin-left: -7px;
}

.pjt_pic .img .mask .t {
    margin-top: -18px;
}

.pjt_pic .img .mask .b {
    margin-top: 5px;
    transform: rotate(-180deg);
}

.pjt_pic .img .mask .l {
    margin-left: -18px;
    transform: rotate(-90deg);
}

.pjt_pic .img .mask .r {
    margin-left: 5px;
    transform: rotate(90deg);
}

.pjt_pic .img .mask:hover .t {
    top: 20%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s ease;
}

.pjt_pic .img .mask:hover .b {
    top: 80%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s ease;
}

.pjt_pic .img .mask:hover .l {
    left: 20%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s ease;
}

.pjt_pic .img .mask:hover .r {
    left: 80%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s ease;
}

.pjt_pic .img .mask:hover,
.pub_tit .video .mask:hover {
    background: none;
    transition: all .6s ease;
}

.pjt_pic li:hover .img img,
.pub_tit li:hover .video img {
    transform: scale(1.05, 1.05);
    transition: all .4s ease;
}

.pjt_pic li:hover h3 {
    color: #ff6900;
}

.pjt_pic li h3 {
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 60px;
    transition: all .3s ease;
}

.map_del {
    position: relative;
    z-index: 6;
    width: 100%;
    height: 495px;
}

.map_del .map_around {
    position: absolute;
    bottom: 0;
    right: 20px;
    z-index: 5;
    width: 380px;
    height: 371px;
    background: #fff;
}

.map_del .map_around .btn {
    border-bottom: 1px solid #efefef;
    padding: 0 0 0 20px;
    overflow: hidden;
}

.map_del .map_around .btn li {
    float: left;
    line-height: 68px;
    font-size: 14px;
    color: #817d77;
    margin: 0 0 0 10px;
    padding: 0 20px;
    border-bottom: 2px solid #fff;
    cursor: pointer;
}

.map_around .btn li.crt {
    color: #e60c1b;
    border-bottom: 2px solid #e60c1b;
}

.map_del #map {
    width: 100%;
    height: 100%;
}

#r-result ul {
    padding: 0 20px;
}

#r-result li {
    text-align: left;
    padding: 15px 0;
    border-top: solid 1px #efefef;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

#r-result li .num {
    position: absolute;
    left: 0;
    width: 30px;
    line-height: 30px;
    color: #fff;
    height: 35px;
    text-align: center;
    top: 20px;
}

#r-result li .grp {
    width: 265px;
    float: right;
}

#r-result li .grp h6 {
    font-size: 14px;
}

#r-result li .grp p {
    line-height: 25px;
    font-size: 12px;
    color: #989898;
    margin-top: 10px;
}

/*business2*/
.bus2 .pub_tit {
    width: 100%;
    /*padding:0 0 50px;*/
    padding-bottom: 0;
}

.bus2 .pub_tit ul {
    height: 140px;
    overflow: hidden;
}

.bus2 .pub_tit li {
    position: relative;
    float: left;
    width: 33.33%;
    height: 100%;
    padding: 26px 24px 0;
    background: #f0f0f0;
}

.bus2 .pub_tit li:after {
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -10px;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../image/business/business2b_pub_tit_icon.jpg) no-repeat center;
}

.bus2 .pub_tit li:first-child:after {
    display: none;
}

#bg_color .bus2 .pub_tit li p {
    font-size: 14px;
    color: #666;
    line-height: 22px;
}

.bus2 .pub_tit li:nth-child(even) {
    background: #fff;
}

.bus2 .pub_tit li:first-child {
    margin-left: 0;
}

.bus2 .sch_porject .img,
.bus3 .sch_porject .img {
    width: 100%;
    height: 500px;
    padding: 0;
    background: #fff;
}

.bus2 .sch_porject .img .bd,
.bus3 .sch_porject .img .bd {
    height: 460px;
    overflow: hidden;
}

.sch_porject .img .intro,
    {
    position: absolute;
    right: 0;
    bottom: 10px;
    z-index: 2;
    width: 600px;
    height: 120px;
    padding: 30px 20px 0 30px;
    background: url(../image/cover3.png) repeat;
}

.sch_porject .img .intro h3 {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: 100;
}

.sch_porject .img .intro p {
    font-size: 18px;
    color: #fff;
    padding: 10px 0 0;
}

.bus2 .sch_porject .img .hd,
.bus3 .sch_porject .img .hd {
    position: initial;
    height: 10px;
    text-align: center;
    margin: 20px 0 0;
}

.bus2 .sch_porject .img .hd ul,
.bus3 .sch_porject .img .hd ul {
    display: inline-block;
    overflow: hidden;
    height: 100%;
}

.bus2 .sch_porject .img .prev,
.bus2 .sch_porject .img .next,
.bus3 .sch_porject .img .prev,
.bus3 .sch_porject .img .next {
    top: 180px;
    margin: 0;
}

.bus2 .other_project li {
    width: 1180px;
    height: 540px;
}

.project-btn {
    overflow: hidden;
}

.project-btn .btn {
    float: left;
    width: 150px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #666;
    text-align: center;
    background: #ececec;
    cursor: pointer;
}

.project-btn .btn.crt {
    color: #fff;
    background: #ed6c00;
}

.deputy-brand,
.policy {
    padding: 80px 0 0;
}

.deputy-brand h3,
.policy h3 {
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    color: #333;
    padding: 0 0 40px 0;
}

.deputy-brand .brand_sild {
    width: 100%;
    height: 180px;
    padding: 30px 20px 30px 30px;
    background: #ececec;
    overflow: hidden;
}

.deputy-brand .brand_sild .bd {
    float: left;
    width: 1020px;
    height: 120px;
    overflow: hidden;
}

.deputy-brand .brand_sild .bd .tempWrap {
    width: 100% !important;
}

.brand_sild .bd li {
    float: left;
    width: 120px !important;
    height: 120px;
    line-height: 120px;
    border: 1px solid #dddddd;
    margin: 0 30px 0 0;
    overflow: hidden;
    transition: all .3s ease;
}

.brand_sild .bd li:hover {
    border: 1px solid #ff6900;
    transition: all .3s ease;
}

.brand_sild .bd li img {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.brand_sild .prev,
.brand_sild .next {
    float: left;
    width: 40px;
    height: 40px;
    background-image: url(../image/css_sprites.png);
    cursor: pointer;
}

.brand_sild .prev {
    margin: 40px 20px 0 30px;
    background-position: -270px -100px;
}

.brand_sild .prev:hover {
    background-position: -270px -140px;
}

.brand_sild .next {
    margin: 40px 0 0;
    background-position: -50px -188px;
}

.brand_sild .next:hover {
    background-position: -90px -188px;
}

/*business2-1*/
.bus2-1 {
    position: relative;
    z-index: 2;
    width: 1200px;
    margin: 0 auto;
}

.bus2-1 .pub_tit {
    min-height: 300px;
}

.bus2-1 .pub_tit p {
    line-height: 24px;
}

.bus2-1 .pjt_contact {
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    height: 100%;
    margin: 0;
    padding: 60px 20px 0 30px;
    background: #f9f9f9;
}

.bus2-1 .pjt_contact .wrap div {
    padding: 0 0 15px 0;
}

.bus2-1 .pjt_contact .wrap div p {
    padding: 0;
}

.bus2-1 .pjt_contact .wrap div em {
    margin: 0 10px 0 0;
}

.bus2-1 .pjt_contact #logo img {
    max-width: 100%;
}

.bus2-1 .pjt_contact .wx .code {
    bottom: 49px;
    box-shadow: -6px -6px 8px #f9f9f9;
}

.bus2-1 .pjt_pic {
    padding: 80px 0 0;
}

.bus2-1 .sch_porject .pjt_del p {
    padding: 0;
    font-size: 14px;
    color: #8a8a8a;
    text-align: left;
}

.bus2-1 .sch_porject .pjt_del h4 {
    padding: 8px 0 30px 0;
    font-size: 18px;
    color: #333;
}

.bus2-1 .sch_porject .pjt_del h4:last-child {
    padding-bottom: 0;
}

.bus2-1 .sch_porject .pjt_del h3 {
    padding: 0 0 80px 0;
    font-size: 14px;
    color: #8a8a8a;
    font-weight: 100;
}

.bus2-1 .deputy-brand {
    padding: 60px 0 0;
}

#bus2_map {
    width: 100%;
    height: 496px;
    margin: 60px 0 0;
}

/*business3*/
/*.bus3 .pub_tit{padding: 0 420px 0 0;}*/
.park {
    margin: 50px 0 0;
    overflow: hidden;
}

.park img {
    max-width: 100%;
}

.park li {
    width: 1180px;
    height: 220px;
    margin: 0 0 20px;
    background: #ececec;
    overflow: hidden;
}

.park li:last-child {
    margin: 0;
}

.park li a {
    display: block;
    width: 100%;
    height: 100%;
}

.park li .img {
    position: relative;
    float: left;
    width: 380px;
    height: 100%;
    overflow: hidden;
}

.park li .img em {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    background-color: #ed6c00;
}

.park .logo {
    float: right;
    width: 280px;
    height: 100%;
    line-height: 220px;
    overflow: hidden;
    text-align: center;
    background: #f4f4f4;
}

.park .logo img {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.park .infot {
    float: left;
    width: 520px;
    height: 100%;
    padding: 30px 20px 0;
}

.park .infot h3 {
    font-size: 20px;
    line-height: 20px;
    color: #666;
    padding: 0 0 15px;
}

.park .infot p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

.park .infot h4 {
    font-size: 20px;
    line-height: 20px;
    color: #333;
    padding: 20px 0 0;
    overflow: hidden;
}

.park .infot h4 i,
.park .infot h4 em {
    font-style: normal;
    font-size: 14px;
}

.park .infot h4 i {
    display: block;
    float: left;
    color: #666;
    line-height: 36px;
}

.park .infot .icon {
    float: right;
    width: 400px;
    margin: 0 0 0 20px;
}

.park .infot em {
    display: block;
    float: left;
    line-height: 36px;
    padding: 0 14px;
    margin: 0 5px 5px 0;
    color: #666;
    border: 1px solid #666;
    border-radius: 40px;
}

/*business3-1*/
.sch_porject .pjt_del .operation {
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: #ed6c00;
    margin: 0 0 54px;
}

.bus3-1 #bus2_map {
    width: 1180px;
}

.research {
    margin: 80px 0 0;
    width: 1180px;
    background: #ececec;
}

.research .btn {
    height: 50px;
    overflow: hidden;
}

.research .btn li {
    float: left;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    transition: all .4s ease;
}

.research .btn li:hover,
.research .btn li.crt {
    color: #fff;
    background-color: #ed6c00;
    transition: all .4s ease;
}

.research .popimg {
    padding: 30px;
    overflow: hidden;
}

.research .popimg li {
    position: relative;
    float: left;
    width: 320px;
    height: 140px;
    margin: 0 30px 0 0;
    cursor: pointer;
    overflow: hidden;
}

.research .popimg li img {
    transition: all .4s ease;
}

.research .popimg .mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    line-height: 140px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: url(../image/cover3.png) repeat;
    opacity: 1;
    transition: all .4s ease;
}

.research .popimg li:hover .mask {
    opacity: 0;
    transition: all .4s ease;
}

.research .popimg li:hover img {
    transform: scale(1.08, 1.08);
    transition: all .4s ease;
}

.research .intfor {
    padding: 0 20px 30px 30px;
    overflow: hidden;
}

.research .intfor h3 {
    font-size: 16px;
    color: #333;
    padding: 0 0 15px;
}

.research .intfor p {
    color: #8a8a8a;
}

.research .intfor .area {
    float: left;
    width: 320px;
}

.research .intfor .area p {
    font-size: 24px;
}

.research .intfor .highlights {
    float: right;
    width: 770px;
}

.research .intfor .highlights p {
    font-size: 14px;
    line-height: 24px;
}

.policy {
    position: relative;
}

.policy .list {
    width: 100%;
    overflow: hidden;
}

.policy .list .item {
    float: left;
    width: 580px !important;
    height: 170px;
    margin: 0 20px 20px 0;
    padding: 30px;
    border: 1px solid #ececec;
}

.policy .list .item h3 {
    text-align: left;
    font-size: 20px;
    line-height: 20px;
    padding: 0 0 15px 0;
}

.policy .list .item p {
    font-size: 14px;
    line-height: 24px;
    color: #8a8a8a;
}

.policy .prev,
.policy .next {
    position: absolute;
    top: 62%;
    width: 40px;
    height: 40px;
    background-image: url(../image/css_sprites.png);
    cursor: pointer;
}

.policy .prev {
    left: -50px;
    background-position: -270px -100px;
}

.policy .next {
    right: -50px;
    background-position: -50px -188px;
}

/*investor*/
.intr {
    overflow: hidden;
}

.intr .w_le{
    float: left;
}
.intr .w_le .intr_l{
    float: none;
}
.intr .w_ri{
    float: right;
    padding-top: 84px;
}

.intr .pub_tit:after {
    display: table;
    content: ' ';
    clear: both;
}

.intr .pub_tit {
    padding-top: 40px;
    *zoom: 1;
}
.intr .pub_tit:first-child{
    padding-top: 0;
}
.intr .pub_tit:first-child h3{
    padding-bottom: 30px;
}

.intr .pub_tit h3 {
    float: left;
    padding-bottom: 0;
}

.intr .pub_tit .timedown {
    position: relative;
    float: left;
    margin: 0 0 0 120px;
}

.pub_intr_r {
    float: right;
    width: 400px;
    height: 600px;
    padding: 50px 20px 0 30px;
    background: #ececec;
}

.pub_intr_r .shares {
    width: 100%;
}

.pub_intr_r .shares p {
    font-size: 16px;
    color: #585b5d;
    line-height: 24px;
}

.pub_intr_r .shares h6 {
    font-size: 14px;
    color: #868282;
    line-height: 24px;
    font-weight: 100;
    padding: 25px 0 0;
    margin: 25px 0 0;
    border-top: 1px solid #d3d3d3;
}

.intr .intr_l {
    float: left;
    width: 780px;
    margin: 0 20px 0 0;
}

.intr .data p {
    margin: 0 0 10px;
    overflow: hidden;
    background: #ececec;
}

.intr .data p i,
.intr .data p em {
    display: block;
    float: left;
    line-height: 60px;
    text-indent: 30px;
    font-size: 14px;
    font-style: normal;
    color: #fff;
}

.intr .data p em {
    width: 250px;
    color: #333;
}

.intr .data p i {
    width: 530px;
    color: #868282;
    background: #f4f4f4;
}

/*investor2*/
.notice li {
    min-height: 100px;
    padding: 30px 30px 10px;
    margin: 0 0 10px;
    background: #ececec;
    overflow: hidden;
    transition: all .4s ease-in-out;
}

.notice li:last-child {
    margin: 0;
}

.notice li .time {
    float: left;
    width: 170px;
    font-size: 18px;
    color: #666;
    font-family: 'rubik';
    letter-spacing: -1px;
    transition: all .4s ease-in-out;
}

.notice li .text {
    float: left;
    width: 550px;
    font-size: 16px;
    color: #666;
    line-height: 24px;
    text-align: justify;
    transition: all .4s ease-in-out;
}

.notice li:hover {
    background: #ffac00;
    transition: all .4s ease-in-out;
}

.notice li:hover .text {
    color: #fff;
    transition: all .4s ease-in-out;
}

.notice li:hover .time {
    color: #fff;
    transition: all .4s ease-in-out;
}

.notice .tab {
    margin: 0 0 10px;
    overflow: hidden;
}

.notice .tab a {
    display: block;
    float: left;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #868282;
    background: #ececec;
}

.notice .tab a.crt {
    color: #fff;
    background: #ff6900;
}

/*investor4*/
.report ul {
    width: 103%;
    overflow: hidden;
}

.report li {
    float: left;
    width: 380px;
    height: 270px;
    margin: 0 20px 20px 0;
}

.report li a {
    display: block;
    width: 100%;
    height: 100%;
}

.report li img {
    width: 100%;
}

.report li .img {
    float: left;
    width: 200px;
    height: 100%;
    overflow: hidden;
}

.report li .time {
    float: left;
    width: 180px;
    height: 100%;
    padding: 115px 20px 0 30px;
    border: 1px solid #ececec;
    border-left: none;
}

.report li .time h3 {
    font-size: 36px;
    color: #ff6900;
    line-height: 36px;
    font-family: 'Montserrat';
    letter-spacing: -3px;
    font-weight: 100;
}

.report li .time p {
    font-size: 16px;
    color: #666;
    line-height: 36px;
}

.report .news-more {
    margin: 20px 0 0;
}

/*investor5-2*/
.director .item {
    padding: 30px 0;
    margin: 0 0 10px;
    background: #f4f4f4;
    overflow: hidden;
}

.director .item:last-child {
    margin: 0;
}

.director .item .h_img {
    float: left;
    width: 150px;
    height: 200px;
}

.director .item img {
    width: 100%;
}

.director .item .text {
    float: left;
    width: 630px;
    padding: 0 30px;
}

.director .item .text h3 {
    font-size: 16px;
    color: #333;
    line-height: 16px;
    padding: 0 0 25px;
}

.director .item .text p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

/*investor6*/
.inquiry .list {
    margin: 0 0 10px;
    padding: 0 0 25px;
    background: #f4f4f4;
}

.inquiry .list:last-child {
    margin: 0;
}

.inquiry .list h3 {
    font-size: 16px;
    line-height: 60px;
    text-indent: 30px;
    color: #333;
    background: #ececec;
    margin: 0 0 25px;
}

.inquiry .list p {
    font-size: 14px;
    line-height: 24px;
    text-indent: 30px;
    color: #868282;
}

.inquiry .list h4{
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    padding:0 30px;
    margin-bottom: 10px;
}
.inquiry .list h4 em{
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    width: 30px;
}
.inquiry .list .p-box{
    padding:0 30px 20px 60px;
}
.inquiry .list .p-box p{
    text-indent: 0;
    margin-bottom: 24px;
}

.inquiry .list .p-box em{
    font-style: normal;
    color: #ff7300;
}

/*manpower*/
.mpr .pub_tit {
    width: 100%;
    min-height: 460px;
    padding: 0 320px 120px 0;
}

.mpr .pub_tit p {
    margin-bottom: 24px;
}

.mpr .pub_tit h3 {
    padding-top: 0;
}

.mpr .pub_tit .rimg {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.mpr .pub_tit .font {
    position: absolute;
    bottom: 20px;
    right: 235px;
    z-index: 2;
    font-size: 40px;
    line-height: 100px;
    color: #ffa800;
    font-weight: 100;
    font-family: 'rubik';
    letter-spacing: -2px;
    background: url(../image/mpr/mpr_textbk.png) no-repeat left top;
    background-size: 670px 100px;
    padding: 0 0 0 30px;
}

.mpr .core_value {
    padding: 60px 0 80px;
}

.mpr .core_value h3,
.concept h3 {
    font-size: 20px;
    color: #333;
    line-height: 22px;
}

.mpr .core_value .value {
    width: 100%;
    height: 740px;
    margin: 40px 0 0;
    background: url(../image/mpr/core_value.jpg) no-repeat center;
}

.core_value .value>div {
    float: left;
}

.core_value .value .value_t {
    width: 300px;
    height: 440px;
}

.core_value .value h4 {
    font-size: 24px;
    color: #fff;
    line-height: 24px;
    padding: 0 0 20px;
    animation-name: fadeInUp;
    animation-duration: .3s;
    animation-fill-mode: both;
    transition: all .4s ease;
}

.core_value .value p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    animation-name: fadeInUp;
    animation-duration: .3s;
    animation-fill-mode: both;
}

.core_value .value .value_b {
    width: 600px;
    height: 300px;
}

.core_value .value .value_b .font {
    padding-top: 60px;
}

.core_value .value .font {
    display: none;
    width: 100%;
    height: 100%;
    padding: 150px 20px 0 30px;
    background: rgba(255, 105, 0, .9);
}

.concept .card {
    margin: 50px 0 90px;
}

.concept .card li {
    float: left;
    width: 300px;
    height: 388px;
    padding: 0 20px 0 0;
    position: relative;
}

.concept .card li .img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 280px;
    transition: all .4s ease;
}

.concept .card li .h_img {
    position: absolute;
    right: 0;
    opacity: 0;
    transition: all .4s ease;
}

.concept .card li:nth-child(2) .h_img,
.concept .card li:nth-child(4) .h_img {
    top: 10px;
}

.concept .card li:nth-child(1) .h_img,
.concept .card li:nth-child(3) .h_img {
    top: -10px;
}

.concept .card:hover li:nth-child(1) .img,
.concept .card:hover li:nth-child(3) .img {
    top: 10px;
    transition: all .4s ease;
}

.concept .card:hover li:nth-child(2) .img,
.concept .card:hover li:nth-child(4) .img {
    top: -10px;
    transition: all .4s ease;
}

.concept .card:hover li .h_img {
    opacity: 1;
    transition: all .4s ease;
}

.accordion {
    width: 120%;
    height: 480px;
    overflow: hidden;
}

.accordion .swl {
    float: left;
    width: 300px;
    overflow: hidden;
    position: relative;
}

.accordion .swl a {
    display: block;
    width: 100%;
    height: 100%;
}

.accordion .swl .mask {
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 400px;
    background: url(../image/cover3.png) repeat;
}

.accordion .swl .mask em {
    display: block;
    width: 100%;
    height: 100%;
}

.accordion .swl h3 {
    text-align: center;
    line-height: 80px;
    font-size: 16px;
    color: #666;
    background: #ececec;
    transition: all .4s ease;
}

.accordion .swl.on .mask {
    opacity: 0;
    transition: all .4s ease;
}

.accordion .swl.on h3 {
    color: #fff;
    background: #ff6900;
    transition: all .4s ease;
}

.mpr .accordion {
    padding: 60px 0 80px;
    box-sizing: content-box;
}

.mpr .core_value {
    padding: 0;
}

.hr_mpr {
    overflow: hidden;
}

/*manpower-1*/
.mpr_h3 {
    text-align: left;
    font-size: 24px;
    color: #ff6900;
    padding: 0 0 40px 30px;
}

.mpr_h3 a {
    float: right;
    display: blcok;
    padding-left: 60px;
    margin-top: -10px;
    background: url(../image/backpage.png) no-repeat left center;
    font-size: 14px;
    color: #333;
    line-height: 50px;
}

.mpr_h4 {
    text-align: center;
    font-size: 18px;
    color: #333;
    padding: 60px 0 10px;
}

.mpr_p {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #858585;
}

.development_system {
    padding: 0 0 70px;
    background: #ececec;
}

.development_system .system {
    width: 100%;
    height: 540px;
    margin: 75px 0 0;
    background: url(../image/mpr/development_system.png) no-repeat right top;
}

.development_system .system li {
    overflow: hidden;
    height: 92px;
}

.development_system .system em {
    display: block;
    float: left;
    padding: 0 27px 0 0;
    height: 100%;
    line-height: 92px;
    text-align: right;
    color: #ff6900;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}

.development_system .system .against {
    float: left;
    position: relative;
    padding: 0 0 0 20px;
}

.system .against h3 {
    font-size: 18px;
    color: #333;
    padding: 20px 0 18px;
}

.system .against p {
    font-size: 14px;
    color: #888;
}

.development_system .system .against a {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 483px;
    height: 92px;
    animation-name: fadeInRight;
    animation-duration: 1s;
    animation-fill-mode: both;
    overflow: hidden;
}

.system .against a img {
    transform: scale(1.01);
    transition: all .3s ease;
}

.system .against a:active img {
    transform: scale(1);
    transition: all .3s ease;
}

.system .against a .more {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    background: url(../image/cover3.png) repeat;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 92px;
    opacity: 1;
    transition: all .4s ease;
}

.system .against a:active .more {
    opacity: 0;
    transition: all .4s ease;
}

.system .system1 {
    margin: 0 0 20px 279px;
}

.system .system1 em {
    width: 198px;
}

.system .system2 {
    margin: 0 0 20px 216px;
}

.system .system2 em {
    width: 321px;
}

.system .system3 {
    margin: 0 0 20px 154px;
}

.system .system3 em {
    width: 443px;
}

.system .system4 {
    margin: 0 0 20px 92px;
}

.system .system4 em {
    width: 565px;
}

.system .system5 {
    margin: 0 0 20px 30px;
}

.system .system5 em {
    width: 687px;
}

.education_system {
    background: #f8f8f8;
    overflow: hidden;
}

.development_system .system li:hover .against a {
    display: block;
    transition: all .4s ease;
}

.education_system .edn_stm {
    margin: 35px 0 0;
    overflow: hidden;
}

.education_system .edn_stm>div {
    float: left;
}

.education_system .edn_stm .stmc {
    position: relative;
    width: 360px;
    height: 368px;
    background: url(../image/mpr/education_system.png) no-repeat center;
}

.education_system .edn_stm .stmc .anim {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/mpr/education_system_anim.png) no-repeat center;
}

.education_system .edn_stm:hover .anim {
    -webkit-animation: reverseRotataZ 9s linear infinite;
}

.education_system .edn_stm .stml,
.education_system .edn_stm .stmr {
    width: 420px;
    margin: 142px 0 0;
}

.education_system .edn_stm .stml h3 {
    color: #e96125;
}

.education_system .edn_stm .stmr h3 {
    color: #76625a;
}

.education_system .edn_stm .stmb {
    width: 100%;
    padding: 20px 0 65px;
}

.education_system .edn_stm .stmb h3 {
    color: #5b9bd5;
}

.education_system .edn_stm h3 {
    font-size: 18px;
    text-align: center;
    line-height: 24px;
    padding: 0 0 15px;
}

.education_system .edn_stm p {
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    color: #888;
}

/*manpower-2*/
.mpr_slide {
    padding: 0 20px 0 30px;
    background: #ececec;
    overflow: hidden;
    position: relative;
}

.mpr_slide h3 {
    line-height: 70px;
    font-size: 18px;
    color: #333;
}

.mpr_slide .slide_pic {
    float: left;
    width: 870px;
    height: 520px;
}

.mpr_slide .slide_pic p {
    line-height: 70px;
    font-size: 16px;
    color: #777;
}

.mpr_slide .slide_pic img {
    width: 100%;
}

.mpr_slide .slide_dot {
    float: right;
    width: 250px;
    height: 450px;
    overflow: hidden;
}

.mpr_slide .slide_dot ul {
    transition: all .4s ease;
}

.mpr_slide .slide_dot img {
    height: 100%;
}

.mpr_slide .slide_dot li {
    width: 250px;
    height: 150px;
    overflow: hidden;
    cursor: pointer;
}

.mpr_slide .slide_dot li.on {
    border: 2px solid #ff6900;
}

.mpr_slide a {
    display: block;
    position: absolute;
    right: 110px;
    z-index: 2;
    width: 70px;
    height: 35px;
    background: #747474;
    transition: all .4s ease;
}

.mpr_slide .pbtn {
    top: 17px;
    background: url(../image/mpr/btn.png) no-repeat center;
}

.mpr_slide .pbtn:hover {
    background: #ff6900 url(../image/mpr/btnh.png) no-repeat center;
    transition: all .4s ease;
}

.mpr_slide .nbtn {
    bottom: 17px;
    background: url(../image/mpr/btn.png) no-repeat center;
    transform: rotate(-180deg);
}

.mpr_slide .nbtn:hover {
    background: #ff6900 url(../image/mpr/btnh.png) no-repeat center;
    transition: all .4s ease;
}

/*manpower-3*/
.mpr {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 0 0 100px;
    background: #fff;
}

.mpr .picvideo {
    overflow: hidden;
    background: #ececec;
    margin: 0 0 40px;
}

.mpr .picvideo div {
    float: left;
    width: 200px;
    height: 60px;
    padding: 0 0 0 100px;
    font-size: 14px;
    color: #666;
    line-height: 60px;
    cursor: pointer;
}

.mpr .picvideo div.on {
    color: #fff;
}

.mpr .picvideo .pic {
    background: url(../image/mpr/pic.png) no-repeat 30px center;
}

.mpr .picvideo .pic.on {
    background: #ff6900 url(../image/mpr/pich.png) no-repeat 30px center;
}

.mpr .picvideo .video {
    background: url(../image/mpr/video.png) no-repeat 30px center;
}

.mpr .picvideo .video.on {
    background: #ff6900 url(../image/mpr/videoh.png) no-repeat 30px center;
}

.mpr .pjt_pic {
    padding: 0;
    min-height: 280px
}

.mpr .pjt_pic.mpr2_4-1 {
    padding-bottom: 56px;
    overflow: inherit;
}

.mpr .pjt_pic.mpr2_4-1 ul::after {
    content: '';
    display: block;
    clear: both;
    font-size: 0;
}

.mpr .pjt_pic.mpr2_4-1 .bd {
    position: relative;
}

.mpr .pjt_pic.mpr2_4-1 .prev,
.mpr .pjt_pic.mpr2_4-1 .next {
    float: left;
    width: 40px;
    height: 40px;
    background-image: url(../image/css_sprites.png);
    cursor: pointer;
}

.mpr .pjt_pic.mpr2_4-1 .prev {
    background-position: -270px -100px;
    position: absolute;
    left: -60px;
    top: 50%;
    margin-top: -20px;
}

.mpr .pjt_pic.mpr2_4-1 .prev:hover {
    background-position: -270px -140px;
}

.mpr .pjt_pic.mpr2_4-1 .next {
    background-position: -50px -188px;
    position: absolute;
    right: -40px;
    top: 50%;
    margin-top: -20px;
}

.mpr .pjt_pic.mpr2_4-1 .next:hover {
    background-position: -90px -188px;
}

.mpr .pjt_pic p {
    text-align: center;
    line-height: 280px;
    font-size: 24px;
}

.mpr .pjt_pic li {
    margin: 20px 20px 0 0;
}

.mpr .pjt_pic li .play,
.pub_tit .video .play {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    background: url(../image/play.png) no-repeat center;
}

/*manpower2*/
.job {
    position: relative;
    width: 100%;
    height: 400px;
    background: #ececec;
    overflow: hidden;
}

.job .line {
    position: absolute;
    bottom: 0;
    animation-duration: 3s;
    animation-fill-mode: both;
    animation-name: fadeInW100;
    overflow: hidden;
}

.job .root {
    position: absolute;
    bottom: 0;
    left: 63px;
    z-index: 2;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
}

.job .zhaopin {
    position: absolute;
    bottom: 115px;
    right: 0;
}

.job .zhaopin a {
    display: block;
    float: left;
    position: relative;
    margin-right: 70px;
    width: 130px;
    height: 130px;
}

.job .zhaopin a:before {
    display: block;
    content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 100%;
}

.job .zhaopin a:hover:before {
    -webkit-animation: beforezoomIn 3s linear infinite;
}

.job .zhaopin .sh {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: zoomIn;
    animation-delay: 1s;
}

.job .zhaopin .sh:before {
    background: #19cd9c;
    opacity: 0.2;
}

.job .zhaopin .xy {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: zoomIn;
    animation-delay: 1.5s;
}

.job .zhaopin .xy:before {
    background: #4fc3f7;
    opacity: 0.2;
}

.job .zhaopin .sx {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: zoomIn;
    animation-delay: 2s;
}

.job .zhaopin .sx:before {
    background: #7460ee;
    opacity: 0.2;
}

/*manpower2-1*/
.btn_link {
    height: 60px;
    overflow: hidden;
    background: #ececec;
}

.btn_link a {
    display: block;
    float: right;
    width: 200px;
    line-height: 60px;
    text-align: center;
    color: #666;
}

.btn_link h3 {
    display: inline-block;
    float: left;
    padding: 0;
    line-height: 60px;
    padding-left: 30px;
}

.btn_link a.crt {
    background: #ff6900;
    color: #fff;
}

.text_p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    padding: 35px 0;
}

.text_p1 {
    position: relative;
}

.text_p1 p {
    max-width: 980px;
}

.text_p1 .img {
    position: absolute;
    right: 0;
    top: 60px;
}

.text_p h3 {
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    padding-bottom: 27px;
}

.text_p h3 .mp2_4Icon1 {
    display: inline-block;
    width: 42px;
    height: 30px;
    background: url(../image/mpr/mp2_4Icon1.png) no-repeat center;
    vertical-align: top;
    margin-right: 10px;
}

.zp_infor {
    padding: 20px 20px 40px 30px;
    background: #f4f4f4;
}

.zp_infor .list:after,
.zp_infor .list:before {
    display: table;
    content: " ";
}

.zp_infor .list:after {
    clear: both;
}

.zp_infor .list {
    *zoom: 1;
    margin-top: 10px;
}

.zp_infor .list>* {
    float: left;
}

.zp_infor .list em {
    display: block;
    width: 55px;
    height: 55px;
}

.zp_infor .list>span {
    display: block;
    width: 115px;
    line-height: 55px;
    text-indent: 15px;
}

.zp_infor .list .pub_down {
    width: 330px;
    position: relative;
    z-index: 99;
    margin-right: 20px;
    cursor: default;
}

.zp_infor .pub_down .down_inp {
    height: 55px;
    line-height: 55px;
    padding-left: 30px;
}

.zp_infor .pub_down .down_inp .inp_btn {
    width: 13px;
    height: 7px;
    margin-top: 24px;
    background: url(../image/job/job_icon4.png) no-repeat center;
}

.zp_infor .pub_down .down_option {
    top: 56px;
}

.zp_infor .pub_down .down_option li {
    text-indent: 30px;
}

.zp_infor .city .down_option ul {
    background: #fff;
}

.zp_infor .city .down_option li {
    float: left;
    width: auto;
}

.sort {
    padding: 0 0 0 20px;
    overflow: hidden;
    width: 980px;
}

.sort li,
.sort span {
    float: left;
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 14px;
    margin: 14px 0 0 0;
    padding: 0 10px;
    cursor: pointer;
}

.sort li.crt {
    background: #ff6900;
    color: #fff;
}

.listinp {
    position: relative;
    margin: 20px 0 0;
    overflow: hidden;
}

.listinp input {
    float: left;
    width: 490px;
    height: 60px;
    line-height: 60px;
    text-indent: 40px;
    color: #aaa;
    border: 0;
    outline-style: none;
}

.listinp input::-webkit-input-placeholder {
    color: #aaa;
}

.listinp:before {
    display: table;
    content: ' ';
    position: absolute;
    left: 20px;
    top: 20px;
    width: 1px;
    height: 20px;
    background: #dedede;
}

.listinp span {
    display: block;
    float: left;
    width: 360px;
    font-size: 14px;
    color: #c9c9c9;
    background: #fff;
    line-height: 60px;
}

.listinp a {
    float: left;
    display: block;
    width: 300px;
    line-height: 60px;
    padding-left: 125px;
    color: #fff;
    background: #ff6600 url(../image/public/sch_btn.png) no-repeat 80px center;
}

.zp_main {
    background: #f4f4f4;
}

.zp_main li {
    position: relative;
    overflow: hidden;
    height: 60px;
    line-height: 60px;
}

.zp_main li a {
    padding: 0 20px 0 30px;
}

.zp_main li div {
    float: left;
    font-size: 14px;
    color: #888;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zp_main li.tit {
    border: 0;
    background: #dedede;
    padding: 0 20px 0 30px;
}

.zp_main li.tit>div {
    color: #333;
}

.zp_main li.tit .zp_zw {
    background: none;
}

.zp_main li.tit:after {
    display: none;
}

.zp_main li:after {
    position: absolute;
    bottom: 0;
    left: 30px;
    display: table;
    content: ' ';
    width: 1150px;
    height: 1px;
    background: #d3d3d3;
}

.zp_main li.tit:hover {
    background: #dedede;
}

.zp_main li.tit:hover div {
    color: #333;
}

.zp_main li:hover {
    background: #fa9700;
}

.zp_main li:hover div {
    color: #fff;
}

.zp_main li:hover .zp_zw {
    background: url(../image/job/job_icon6.png) no-repeat center;
}

.zp_main li.tit:hover .zp_zw {
    background: none;
}

.zp_main .zp_position {
    width: 320px;
}

.zp_main .zp_class {
    width: 252px;
}

.zp_main .zp_rs {
    width: 100px;
}

.zp_main .zp_rs {
    text-align: center;
}

.zp_main .zp_gs {
    width: 150px;
}

.zp_main .zp_dd {
    width: 170px;
    text-align: center;
}

.zp_main .zp_time {
    width: 188px;
    text-align: center;
}

.zp_main .zp_zw {
    width: 120px;
    height: 60px;
    text-align: center;
    background: url(../image/job/job_icon5.png) no-repeat center;
}

.zp_main .page {
    overflow: hidden;
    padding: 30px 0 30px 30px;
    background: #f4f4f4;
}

.zp_main .page span {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff !important;
    background: #ff6600;
}

.zp_main .page a {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #424242;
    margin-right: 4px;
    background: #ececec;
}

.zp_main .page a.BPrev {
    background: #ececec url(../image/job/job_icon7.png) no-repeat center;
}

.zp_main .page a.prev {
    background: #ececec url(../image/job/job_icon8.png) no-repeat center;
}

.zp_main .page a.BNext {
    background: #ececec url(../image/job/job_icon7.png) no-repeat center;
    transform: rotate(-180deg);
}

.zp_main .page a.next {
    background: #ececec url(../image/job/job_icon8.png) no-repeat center;
    transform: rotate(-180deg);
}

.zp_main .page a.crt {
    color: #fff;
    background: #ff6600;
}

/*manpower2-1-1*/
.zp_maindetail {
    background: #ececec;
    padding: 30px 20px 80px 30px;
}

.zp_maindetail h3 {
    font-size: 18px;
    color: #333;
}

.zp_maindetail .spanbox {
    padding: 23px 20px 9px;
    margin: 30px 0 0;
    background: #fff;
    overflow: hidden;
}

.zp_maindetail .spanbox span {
    display: block;
    float: left;
    width: 250px;
    margin-bottom: 15px;
    padding-right: 20px;
    font-size: 14px;
    color: #888;
}

.zp_maindetail h4 {
    font-size: 16px;
    color: #333;
    margin: 40px 0 8px;
}

.zp_maindetail p {
    font-size: 14px;
    color: #888;
    line-height: 28px;
}

.fun_btn {
    overflow: hidden;
    margin-top: 35px;
}

.fun_btn a {
    display: block;
    float: left;
    width: 200px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
    padding-left: 95px;
    margin-right: 20px;
}

.fun_btn .application {
    background: #ff6600 url(../image/job/job_icon6.png) no-repeat 40px center;
}

.fun_btn .collection {
    background: #ffa800 url(../image/job/job_icon9.png) no-repeat 40px center;
}

/*manpower2-2*/
.jyjs {
    background: #ececec;
    padding: 40px 20px 20px 30px;
    overflow: hidden;
    margin-top: 60px;
}

.jyjs .text {
    float: left;
    width: 600px;
    padding-right: 50px;
}

.jyjs .text p {
    color: #636363;
    font-size: 14px;
    line-height: 24px;
}

.jyjs .img {
    float: right;
    width: 550px;
}

/*manpower2-3*/
.h40 {
    width: 100%;
    height: 40px;
}

/*contact*/
.cnt .cnt_l {
    float: left;
    width: 500px;
    padding: 0 50px 0 0;
}

.cnt .cnt_l h3 {
    font-size: 20px;
    color: #333;
    line-height: 22px;
    padding: 0 0 25px;
}

.cnt .cnt_l p,
.cnt .company_list li p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.cnt .cnt_l .wx {
    width: 100%;
    background: #ececec;
    overflow: hidden;
    margin: 50px 0 90px;
}

.cnt .cnt_l .wx img {
    float: left;
    max-width: 150px;
}

.cnt .cnt_l .wx .wxicon {
    float: left;
    padding: 30px 0 0 30px;
}

.cnt_l .wx .wxicon em {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 0 10px;
    background: url(../image/css_sprites.png);
    background-position: -5px -5px;
}

.cnt .company_list {
    float: right;
    width: 700px;
}

.cnt .company_list li {
    width: 700px;
    background: #ececec;
    margin: 0 0 10px;
}

.cnt .company_list li:last-child {
    margin: 0;
}

.cnt .company_list .tit {
    cursor: pointer;
    overflow: hidden;
    padding: 0 20px 0 30px;
}

.cnt .company_list .tit .icon {
    float: right;
    position: relative;
    width: 18px;
    height: 18px;
    margin: 26px 0 0;
}

.company_list .tit .icon i {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -1px 0 0;
    width: 18px;
    height: 2px;
    background: #ed6c00;
}

.company_list .tit .icon i:last-child {
    transform: rotate(-90deg);
    transition: all .4s ease;
}

.company_list li.crt .icon i:last-child {
    transform: rotate(0deg);
    transition: all .4s ease;
}

.cnt .company_list .text {
    display: none;
    padding: 0 20px 20px 30px;
    margin: -15px 0 0;
}

.cnt .company_list li h3 {
    float: left;
    font-size: 16px;
    color: #666;
    line-height: 70px;
}

/*contact2*/
.cnt .other_project {
    padding: 0;
}

.cnt .other_project li:first-child {
    margin-top: 0;
}

/*鐟欏棝顣�*/
.play_mask {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 100;
    background: #000;
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=50);
    top: 0;
    left: 0;
    display: none;
}

.play_pop {
    position: fixed;
    height: 0px;
    width: 0px;
    z-index: 9992;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -225px;
    visibility: hidden;
    padding-left: 400px;
    padding-top: 225px;
}

.play_pop.on {
    visibility: visible;
    height: 430px;
    width: 800px;
    transition-duration: 600ms;
    padding-left: 0;
    padding-top: 0;
}

.xiazhai {
    display: block;
    width: 80px;
    height: 35px;
    line-height: 35px;
    margin: 20px auto 0;
    font-size: 12px;
    color: #666;
    font-weight: bold;
    text-align: center;
    background: #fff;
    border-radius: 24px;
}

/*娣囶喗鏁�*/
pre {
    white-space: normal;
    font-size: 14px;
    color: #868282;
    line-height: 24px;
    margin: 0 0 30px 0;
}

.news pre {
    margin: 0;
}

.newsdlist .news-1l p {
    margin-bottom: 0;
}

.newsdlist .news-1l img {
    margin: 0 auto;
}


#bdshare_weixin_qrcode_dialog {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}


/*anim*/
@-webkit-keyframes reverseRotataZ {
    0% {
        -webkit-transform: rotate(-360deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 80%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

/*@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(0,10%,0)
    }
    to {
        opacity: 1;
        transform: none
    }
}*/
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(10%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInW100 {
    0% {
        opacity: 0;
        width: 0px;
    }

    to {
        opacity: 1;
        width: 1200px;
    }
}

/*@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.4,.4,.4)
    }

    50% {
        opacity: 1
    }
}*/
@keyframes beforezoomIn {
    0% {
        opacity: 0.2;
        transform: scale3d(1, 1, 1)
    }

    50% {
        opacity: 0.2;
        transform: scale3d(1.2, 1.2, 1.2);
    }
}



@media screen and (max-width: 1200px) {
    .banner .txt_box {
        height: 100px;
        margin-top: -50px;
        left: 50%;
    }

    .banner .txt_box .h1_cn {
        font-size: 36px;
        line-height: 50px;
    }

    .banner .txt_box .h1_en {
        font-size: 48px;
        line-height: 50px;
    }
}

@media screen and (max-width: 1000px) {
    .banner .txt_box {
        height: 80px;
        margin-top: -40px;
        left: 45%;
    }

    .banner .txt_box .h1_cn {
        font-size: 30px;
        line-height: 40px;
    }

    .banner .txt_box .h1_en {
        font-size: 40px;
        line-height: 40px;
    }
}

@media screen and (max-width: 600px) {
    .banner .txt_box {
        height: 60px;
        margin-top: -30px;
        left: auto;
        right: 5%;
    }

    .banner .txt_box .h1_cn {
        font-size: 24px;
        line-height: 30px;
    }

    .banner .txt_box .h1_en {
        font-size: 30px;
        line-height: 30px;
    }
}



/*2020511*/
.bus2_lump1 .ri .hd li,
.bus2_ban .hd li,
.new_bus2 .go_down,
.bus2_lump3 .til_box .btn,
.bus2_lump3 .til_box .btn em,
.bus2_lump3 .wrap .text .btn,
.bus2_lump3 .wrap li,
.new_bus2-1 .sub_banner .info_wr .shut,
.new_bus2-1 .sub_banner .info_wr .wr,
.bus2_d_dynamic .bd li:after,
.bus2_d_dynamic .bd .h4,
.bus2_d_brand .hd li,
.bus2_d_view .bd .img:after,
.bus2_d_view .hd .btn,
.bus2_d_awards .txt_box li *,
.bus2_d_awards .txt_box li:after,
.contact_lump1 li *,
.contact_lump2 .ri .hd li,
.bus2_d_dynamic .hd .btn,
.bus2_lump2 .hd li,
.hr_lump2 li .icon {
    -webkit-transition: all .4s;
    transition: all .4s;
}

.user-defined {
    margin-right: -16px;
    padding-right: 16px;
}

.new_bus2 {
    width: 100%;
    position: relative;
    padding-bottom: 0;
    z-index: 5;
    margin-top: -1px;
    overflow: visible;
}

.new_bus2 a,
.w1200 a {
    display: block;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.w1200:after {
    display: block;
    height: 0;
    clear: both;
    content: "\200B";
}

.new_bus2 .go_down {
    position: absolute;
    z-index: 100;
    left: 50%;
    top: -45px;
    margin-left: 536px;
    width: 64px;
    height: 64px;
    box-shadow: 15px 15px 20px rgba(241, 51, 0, .7);
    background: #ff3004 url("../image/business/bus2_icon_down.png") no-repeat center;
}

.new_bus2 .go_down:hover {
    top: -40px;
}

.bus2_ban {
    position: relative;
    z-index: 1;
    max-height: 695px;
    max-width: 1920px;
    margin: 0 auto;
    background: #fff;
}

.bus2_ban a {
    display: block;
}

.bus2_ban img {
    max-width: 100%;
    margin: 0 auto;
}

.bus2_ban .hd {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 54px;
    z-index: 5;
}

.bus2_ban .hd ul {
    text-align: center;
    font-size: 0;
}

.bus2_ban .hd li {
    display: inline-block;
    vertical-align: top;
    width: 8px;
    margin: 0 5px;
    height: 8px;
    background: #ffe5ce;
    cursor: pointer;
}

.bus2_ban .hd li.on {
    width: 30px;
}

.bus2_lump1 .le {
    position: relative;
    float: left;
    margin-left: -360px;
    width: 1055px;
    height: 788px;
    padding: 60px 40px 0 360px;
    background: url("../image/business/bus2_k1_bg_le.jpg") no-repeat center;
}

.bus2_lump1 .le>* {
    position: relative;
    z-index: 2;
}

.bus2_lump1 .le h3 {
    font-size: 34px;
    color: #625741;
    line-height: 50px;
    margin-top: -10px;
    margin-bottom: 41px;
}

.bus2_lump1 .le p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.bus2_lump1 .le .adorn {
    position: absolute;
    right: -24px;
    top: 106px;
    z-index: 1;
}

.bus2_lump1 .le .line {
    content: "";
    display: block;
    position: absolute;
    top: 28px;
    right: 742px;
    height: 202px;
    border-left: 4px solid #f57d25;
    animation-name: bus2_line;
}

.bus2_lump1 .ri {
    position: relative;
    float: right;
    margin-right: -360px;
    width: 865px;
    height: 788px;
    padding: 70px 360px 0 40px;
    background: url("../image/business/bus2_k1_bg_ri.jpg") no-repeat center;
}

.bus2_lump1 .ri .hd {
    overflow: hidden;
    margin-bottom: 35px;
}

.bus2_lump1 .ri .hd li {
    float: left;
    width: 106px;
    height: 34px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    border: 2px solid #ffc799;
    border-radius: 34px;
    color: rgba(255, 255, 255, .7);
    margin-right: 8px;
    cursor: pointer;
}

.bus2_lump1 .ri .hd li:hover,
.bus2_lump1 .ri .hd li.on {
    color: #fff;
    border-color: #ff3304;
    background: #ff3304;
}

.bus2_lump1 .ri .bd {
    position: relative;
    z-index: 5;
}

.bus2_lump1 .ri .i_logo {
    margin-bottom: 41px;
}

.bus2_lump1 .ri p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

.bus2_lump1 .ri .buvideo {
    width: 455px;
    height: 280px;
    position: relative;
    margin-top: 45px;
}

.bus2_lump1 .ri .buvideo .after {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    top: 0;
    left: 0;
}

.bus2_lump1 .ri .buvideo video {
    width: 100%;
    height: 100%;
    object-fit: none;
}

.bus2_lump1 .ri .buvideo .vdobtn {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ff9b0c;
    border-radius: 50%;
    transition: all .3s;
    z-index: 2;
}

.bus2_lump1 .ri .buvideo .vdobtn .icon {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 7px solid transparent;
    position: absolute;
    top: 51%;
    left: 52%;
    transform: translate(-50%, -50%);
}

.bus2_lump1 .ri .buvideo .vdobtn:hover {
    background-color: #fff;
}

.bus2_lump1 .ri .buvideo .vdobtn:hover .icon {
    border-top: 7px solid transparent;
    border-left: 10px solid #ff9b0c;
    border-bottom: 7px solid transparent;
}

.bus2_lump1 .ri .adorn {
    position: absolute;
}

.bus2_lump1 .ri .a1 {
    left: 214px;
    top: 130px;
}

.bus2_lump1 .ri .a2 {
    left: 540px;
    top: 150px;
}

.bus2_lump1 .ri .a2 img {
    animation: float 4s infinite alternate;
}

.bus2_lump1 .ri .vdo_btn,
.bus2_lump1 .ri .vdo_btn * {
    -webkit-transition: all .4s;
    transition: all .4s;
}

.bus2_lump1 .ri .vdo_btn {
    position: relative;
    margin-top: 18px;
    width: 132px;
    height: 52px;
    line-height: 52px;
    font-size: 14px;
    padding-left: 63px;
    color: #fff;
    border-radius: 52px;
    background: rgba(255, 255, 255, .3);
}

.bus2_lump1 .ri .vdo_btn .icon {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #ffd40c url(../image/business/business_icon_paly.png) no-repeat center;
}

.bus2_lump1 .ri .vdo_btn:hover {
    padding-left: 29px;
    color: #6d6c67;
    background: #ffd40c;
}

.bus2_lump1 .ri .vdo_btn:hover .icon {
    left: 83px;
    background-color: #ff9b0c;
}

.bus2_vdo_pop {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
}

.bus2_vdo_pop .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80);
}

.bus2_vdo_pop .cnt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.bus2_vdo_pop .cnt #video {
    width: 1200px;
}

.bus2_vdo_pop .cnt .closeBtn {
    background-color: #fff;
    position: absolute;
    top: 30px;
    right: 50px;
}


@keyframes float {
    0% {
        -webkit-transform: translateY(-7%);
        transform: translateY(-7%);
    }

    100% {
        -webkit-transform: translateY(14%);
        transform: translateY(14%);
    }
}

@keyframes float2 {
    0% {
        -webkit-transform: translateY(14%);
        transform: translateY(14%);
    }

    100% {
        -webkit-transform: translateY(-7%);
        transform: translateY(-7%);
    }
}

.bus2_lump2 {
    position: relative;
    z-index: 3;
    height: 140px;
    padding: 10px 0 0;
    background: #c0e1d7;
}

.bus2_lump2 .w1200 {
    position: absolute;
    z-index: 2;
    bottom: 175px;
    left: 50%;
    margin-left: -651px;
    width: 745px;
    height: 370px;
    padding: 30px;
    background: url("../image/business/bus2_k2_cnt_bg.png") no-repeat center;
    overflow: hidden;
    border-top-left-radius: 50px;
}

.bus2_lump2 .h1 {
    font-size: 36px;
    color: #ff7902;
    line-height: 36px;
    font-family: "Brandon_Grotesque-bold";
    text-align: left;
    letter-spacing: -2px;
    margin-bottom: 7px;
}

.bus2_lump2 .h2 {
    font-size: 22px;
    color: #767676;
    line-height: 30px;
    text-align: left;
}

.bus2_lump2 .adorn {
    position: absolute;
    right: -30px;
    bottom: -40px;
}

/*.bus2_lump2 .bd{width:1020px; height:300px; padding-top:20px; margin-left: 100px;}
.bus2_lump2 .bd .tempWrap{width:1000px !important;}*/
/*.bus2_lump2 ul{position:relative;}
.bus2_lump2 li{float:left; width:184px; margin-right: 20px;}
.bus2_lump2 li i{display:block; margin-bottom: 20px; height:80px; line-height: 80px; font-size: 0; position:relative; top:0; text-align: center; -webkit-transition: all .4s; transition: all .4s;}
.bus2_lump2 li i:hover{top:-10px;}
.bus2_lump2 .hd .btn{position:absolute; top:50%; margin-top:-32px; width:64px; height:64px; background:#f5e4d9 no-repeat center; cursor:pointer; z-index: 20; -webkit-transition: all .4s; transition: all .4s;}
.bus2_lump2 .hd .prev{left:100px; background-image: url("../image/business/bus2_d_prev.png");}
.bus2_lump2 .hd .next{right:100px; background-image: url("../image/business/bus2_d_next.png");}
.bus2_lump2 .hd .prev:hover{background:#ff3304 url("../image/business/bus2_d_icon2.png") no-repeat center;}
.bus2_lump2 .hd .next:hover{background:#ff3304 url("../image/business/bus2_d_icon.png") no-repeat center;}
.bus2_lump2 li img{max-width: 90%; max-height: 90%; display:inline-block;}*/
.bus2_lump2 .bd ul {
    position: relative;
    height: 300px;
}

.bus2_lump2 .bd li {
    position: absolute;
    width: 140px;
    height: 70px;
}

.bus2_lump2 .bd li img {
    max-width: 100%;
}

.bus2_lump2 .i2,
.bus2_lump2 .i8,
.bus2_lump2 .i11,
.bus2_lump2 .i14,
.bus2_lump2 .i15,
.bus2_lump2 .bd .i18 {
    animation: waggle 16s linear infinite alternate;
}

.bus2_lump2 .i3,
.bus2_lump2 .i4,
.bus2_lump2 .i5,
.bus2_lump2 .i12,
.bus2_lump2 .bd .i17,
.bus2_lump2 .bd .i19 {
    animation: waggle2 20s linear infinite alternate;
}

.bus2_lump2 .i6,
.bus2_lump2 .i7,
.bus2_lump2 .i10,
.bus2_lump2 .i13,
.bus2_lump2 .i16,
.bus2_lump2 .bd .i20 {
    animation: waggle 20s linear infinite alternate;
}

.bus2_lump2 .i1,
.bus2_lump2 .i9 {
    animation: waggle2 16s linear infinite alternate;
}

.bus2_lump2 .bd .i1 {
    left: 301px;
    top: 132px;
}

.bus2_lump2 .bd .i2 {
    left: 290px;
    top: -20px;
}

.bus2_lump2 .bd .i3 {
    left: 53px;
    top: 14px;
}

.bus2_lump2 .bd .i4 {
    left: 368px;
    top: 64px;
}

.bus2_lump2 .bd .i5 {
    left: 182px;
    top: 68px;
}

.bus2_lump2 .bd .i6 {
    left: 532px;
    top: 41px;
}

.bus2_lump2 .bd .i7 {
    left: 175px;
    top: 147px;
}

.bus2_lump2 .bd .i8 {
    left: 516px;
    top: 130px;
}

.bus2_lump2 .bd .i9 {
    left: 18px;
    top: 112px;
}

.bus2_lump2 .bd .i10 {
    left: 531px;
    top: -32px;
}

.bus2_lump2 .bd .i11 {
    left: 743px;
    top: 89px;
}

.bus2_lump2 .bd .i12 {
    left: 718px;
    top: -7px;
}

.bus2_lump2 .bd .i13 {
    left: 192px;
    top: 83px;
}

.bus2_lump2 .bd .i14 {
    left: 3px;
    top: 199px;
}

.bus2_lump2 .bd .i15 {
    left: 174px;
    top: 187px;
}

.bus2_lump2 .bd .i16 {
    left: 779px;
    top: 202px;
}

.bus2_lump2 .bd .i17 {
    left: 7px;
    top: -0;
}

.bus2_lump2 .bd .i18 {
    left: 850px;
    top: -28px;
}

.bus2_lump2 .bd .i19 {
    left: 1032px;
    top: -25px;
}

.bus2_lump2 .bd .i20 {
    left: 580px;
    top: 186px;
}

.bus2_lump2 .hd {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 5;
}

.bus2_lump2 .hd ul {
    text-align: center;
    font-size: 0;
}

.bus2_lump2 .hd li {
    display: inline-block;
    vertical-align: top;
    width: 8px;
    margin: 0 5px;
    height: 8px;
    background: #ff3304;
    cursor: pointer;
}

.bus2_lump2 .hd li.on {
    width: 30px;
}

@keyframes waggle {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    20% {
        -webkit-transform: translate(-16px, 0);
        transform: translate(-16px, 0);
    }

    40% {
        -webkit-transform: translate(16px, 0);
        transform: translate(16px, 0);
    }

    60% {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }

    80% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }

    100% {
        -webkit-transform: translate(-4px, -4px);
        transform: translate(-4px, -4px);
    }
}

@keyframes waggle2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    20% {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }

    40% {
        -webkit-transform: translate(-16px, 0);
        transform: translate(-16px, 0);
    }

    60% {
        -webkit-transform: translate(16px, 0);
        transform: translate(16px, 0);
    }

    80% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }

    100% {
        -webkit-transform: translate(0, -4px);
        transform: translate(0, -4px);
    }
}

.bus2_lump3 {
    position: relative;
}

.bus2_lump3 .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.bus2_lump3 .main {
    position: relative;
    z-index: 2;
    background: url("../image/business/bus2_k3_bg.png") no-repeat top center;
}

.bus2_lump3 .til_box {
    padding: 80px 0 16px;
    overflow: hidden;
}

.bus2_lump3 .til_box .le {
    float: left;
}

.bus2_lump3 .til_box .h1 {
    font-size: 36px;
    color: #ffd189;
    line-height: 26px;
    letter-spacing: -2px;
    margin-bottom: 13px;
    font-family: "Brandon_Grotesque-bold";
}

.bus2_lump3 .til_box .h2 {
    font-size: 22px;
    color: #fff;
    line-height: 30px;
}

.bus2_lump3 .til_box .project-btn {
    float: right;
}

.bus2_lump3 .til_box .btn {
    width: 180px;
    height: 60px;
    background: #eee2c2;
}

.bus2_lump3 .til_box .btn em {
    display: block;
    height: 100%;
    font-style: normal;
    line-height: 60px;
    text-align: left;
    padding-left: 74px;
    font-size: 20px;
    color: #817764;
    background: no-repeat 34px center;
}

.bus2_lump3 .til_box .btn.crt {
    background-image: url("../image/business/bus2_k3_btn_bg1.jpg");
}

.bus2_lump3 .til_box .btn.a1 em {
    background-image: url("../image/business/bus2_k3_icon1.png");
}

.bus2_lump3 .til_box .btn.a2 em {
    background-image: url("../image/business/bus2_k3_icon2.png");
}

.bus2_lump3 .til_box .btn.a1.crt em {
    background-image: url("../image/business/bus2_k3_icon1-on.png");
}

.bus2_lump3 .til_box .btn.a2.crt em {
    background-image: url("../image/business/bus2_k3_icon2-on.png");
}

.bus2_lump3 .til_box .btn:hover em {
    color: #ff3304;
}

.bus2_lump3 .til_box .btn.crt em {
    color: #fff;
}

.bus2_lump3 .wrap {
    padding-bottom: 110px;
}

.bus2_lump3 .wrap li {
    position: relative;
    top: 0;
    margin-bottom: 94px;
}

.bus2_lump3 .wrap li .img {
    border-radius: 20px;
    overflow: hidden;
    max-height: 500px;
    overflow: hidden;
    transition: all .3s ease;
}

.bus2_lump3 .wrap li .img>img {
    width: 100%;
}

.bus2_lump3 .wrap .text {
    position: absolute;
    bottom: -30px;
    padding: 47px 30px 0;
    width: 370px;
    height: 300px;
    background: #fff7e5;
}

.bus2_lump3 .wrap .text h3 {
    font-size: 34px;
    color: #ff8c10;
    line-height: 40px;
    margin-bottom: 10px;
    font-weight: 200;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bus2_lump3 .wrap .text h4 {
    font-size: 18px;
    color: #665e75;
    line-height: 30px;
    margin-bottom: 15px;
    letter-spacing: 2px;
    font-weight: 200;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bus2_lump3 .wrap .text .hr {
    height: 2px;
    background: #ffb77c;
    margin-bottom: 20px;
}

.bus2_lump3 .wrap .text .p_box {
    margin-bottom: 25px;
    display: none;
}

.bus2_lump3 .wrap .text p {
    font-size: 14px;
    color: #9c9284;
    line-height: 24px;
}

.bus2_lump3 .wrap .text .site {
    padding: 3px 0 3px 40px;
    font-size: 14px;
    color: #737067;
    line-height: 24px;
    background: url("../image/business/bus2_k3_icon_site.png") no-repeat left top;
    margin-bottom: 10px;
}

.bus2_lump3 .wrap .text .phone {
    padding: 3px 0 3px 40px;
    font-size: 22px;
    color: #ff6000;
    line-height: 24px;
    font-family: 'rubik';
    background: url("../image/business/bus2_k3_icon_phone.png") no-repeat left top;
    margin-bottom: 10px;
}

.bus2_lump3 .wrap .text .btn {
    position: absolute;
    right: 30px;
    bottom: 25px;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    text-align: right;
    padding: 0 22px;
    border-radius: 40px;
    background: url("../image/business/bus2_k3_btn_bg2.jpg") no-repeat center;
    background-size: 100% 100%;
}

/*.bus2_lump3 .wrap .text .btn:hover{bottom:25px; box-shadow: 0 5px 20px rgba(241,51,0,.7);}*/
.bus2_lump3 .wrap .l .text {
    left: 50px;
}

.bus2_lump3 .wrap .r .text {
    right: 50px;
}

.bus2_lump3 .wrap li:hover {
    top: -10px;
}

.bus2_lump3 .wrap li:hover .img {
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
    -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
}

.new_bus2-1 {
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.new_bus2-1 .sub_banner {
    position: relative;
    height: 754px;
    /*background:url("../image/business/bus2_d_ban.jpg") no-repeat center 0; background-attachment:fixed;*/
}

.new_bus2-1 .sub_banner .bd {
    height: 754px;
}

.new_bus2-1 .sub_banner .bd li {
    height: 754px;
    background: no-repeat center 0;
    background-attachment: fixed;
}

.new_bus2-1 .sub_banner .hd {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    z-index: 80;
}

.new_bus2-1 .sub_banner .hd ul {
    text-align: center;
}

.new_bus2-1 .sub_banner .hd li {
    display: inline-block;
    vertical-align: top;
    width: 8px;
    margin: 0 5px;
    height: 8px;
    background: #ffe5ce;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.new_bus2-1 .sub_banner .hd li.on {
    width: 30px;
}

.new_bus2-1 .sub_banner .w1200 {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    width: 1200px;
    height: 100%;
    margin-left: -600px;
}

.new_bus2-1 .sub_banner .info_wr {
    position: absolute;
    top: 128px;
    right: 0;
}

.new_bus2-1 .sub_banner .info_wr .wr {
    overflow: hidden;
    width: 400px;
}

.new_bus2-1 .sub_banner .info_wr .box {
    position: relative;
    padding: 60px 30px 0;
    width: 400px;
    height: 532px;
    background: #fff7e5;
}

.new_bus2-1 .sub_banner .info_wr .shut {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 0;
    width: 64px;
    height: 64px;
    box-shadow: 15px 15px 20px rgba(241, 51, 0, .7);
    background: #ff3004 url("../image/business/bus2_d_icon.png") no-repeat 25px center;
}

.new_bus2-1 .sub_banner .info_wr .shut:hover {
    background-position: 30px center;
}

.new_bus2-1 .sub_banner .info_wr h3 {
    font-size: 34px;
    color: #ff8c10;
    line-height: 40px;
    margin-bottom: 10px;
    font-weight: 500;
}

.new_bus2-1 .sub_banner .info_wr h4 {
    font-size: 24px;
    color: #665e75;
    line-height: 30px;
    margin-bottom: 24px;
    /* letter-spacing: 6px; */
    font-weight: 500;
}

.new_bus2-1 .sub_banner .info_wr .hr {
    height: 4px;
    background: #dbbaa7;
    margin-bottom: 30px;
}

.new_bus2-1 .sub_banner .info_wr .p_box {
    margin-bottom: 25px;
    max-height: 192px;
    overflow: hidden;
    overflow-y: auto;
}

.new_bus2-1 .sub_banner .info_wr p {
    font-size: 14px;
    color: #9c9284;
    line-height: 24px;
}

.new_bus2-1 .sub_banner .info_wr p i {
    font-style: normal;
}

.new_bus2-1 .sub_banner .info_wr .site {
    padding: 3px 100px 3px 40px;
    font-size: 14px;
    color: #737067;
    line-height: 20px;
    min-height: 30px;
    background: url("../image/business/bus2_k3_icon_site.png") no-repeat left top;
    margin-bottom: 20px;
}

.new_bus2-1 .sub_banner .info_wr .phone {
    padding: 3px 0 3px 40px;
    font-size: 24px;
    color: #ff6000;
    line-height: 24px;
    font-family: 'rubik';
    background: url("../image/business/bus2_k3_icon_phone.png") no-repeat left top;
    margin-bottom: 20px;
}

.new_bus2-1 .sub_banner .info_wr .btn {
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 140px;
    font-size: 14px;
    color: #fff;
    line-height: 50px;
    text-align: right;
    padding: 0 25px;
    border-radius: 50px;
    background: url("../image/business/bus2_k3_btn_bg2.jpg") no-repeat center;
    box-shadow: 0 10px 20px rgba(241, 51, 0, .7);
}

.new_bus2-1 .sub_banner .info_wr .btn:hover {
    bottom: 25px;
    box-shadow: 0 5px 20px rgba(241, 51, 0, .7);
}

.new_bus2-1 .sub_banner .ma {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 120px;
    height: 120px;
}

.new_bus2-1 .sub_banner .ma img {
    max-width: 100%;
    width: 100%;
}

.new_bus2-1 .sub_banner .info_wr.on .wr {
    width: 0;
}

.new_bus2-1 .sub_banner .info_wr.on .shut {
    background-image: url("../image/business/bus2_d_icon2.png");
}

.new_bus2-1 .sub_banner .info_wr.on .shut:hover {
    background-position: 20px center;
}

.bus2_d_lump1 {
    position: relative;
    z-index: 5;
    padding: 52px 0 0;
    background: #c0e1d7 url("../image/business/bus2_d_k1_bg.jpg") no-repeat top center;
}

.bus2_d_dynamic {
    margin-bottom: 30px;
}

.bus2_d_dynamic .h1 {
    font-size: 36px;
    color: #ff7902;
    line-height: 40px;
    font-family: "Brandon_Grotesque-bold";
    letter-spacing: -2px;
    text-align: center;
    margin-bottom: 6px;
}

.bus2_d_dynamic .h2 {
    font-size: 22px;
    color: #535353;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.bus2_d_dynamic .txt_tab {
    position: relative;
}

.bus2_d_dynamic .bd ul {
    overflow: hidden;
    width: 1212px;
}

.bus2_d_dynamic .bd li {
    position: relative;
    float: left;
    margin-right: 12px;
    width: 392px;
    height: 186px;
    border-radius: 10px;
    overflow: hidden;
    background: url("../image/business/bus2_d_dynamic_li_bg.png") no-repeat center;
}

.bus2_d_dynamic .bd li a {
    height: 100%;
    padding: 37px 20px 0;
}

.bus2_d_dynamic .bd li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -10px;
    width: 100%;
    height: 8px;
    background: #ff3304;
}

.bus2_d_dynamic .bd .h4 {
    font-size: 18px;
    color: #343434;
    line-height: 24px;
    white-space: nowrap;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bus2_d_dynamic .bd p {
    font-size: 14px;
    color: #737270;
    line-height: 24px;
}

.bus2_d_dynamic .hd .btn {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    width: 64px;
    height: 64px;
    background: #f5e4d9 no-repeat center;
    cursor: pointer;
}

.bus2_d_dynamic .hd .prev {
    left: -85px;
    background-image: url("../image/business/bus2_d_prev.png");
}

.bus2_d_dynamic .hd .next {
    right: -85px;
    background-image: url("../image/business/bus2_d_next.png");
}

.bus2_d_dynamic .hd .prev:hover {
    background: #ff3304 url("../image/business/bus2_d_icon2.png") no-repeat center;
}

.bus2_d_dynamic .hd .next:hover {
    background: #ff3304 url("../image/business/bus2_d_icon.png") no-repeat center;
}

.bus2_d_dynamic .bd li:hover:after {
    top: -4px;
}

.bus2_d_dynamic .bd li:hover .h4 {
    color: #ff5236;
}

.bus2_d_dynamic .txt_tab .tempWrap {
    width: 1200px !important;
    overflow: hidden;
}

.bus2_d_lump1 .sch_porject {
    overflow: hidden;
    height: 400px;
    background: url("../image/business/bus2_d_k1_porject.png") no-repeat center bottom;
}

.bus2_d_lump1 .sch_porject .w1200 {
    overflow: hidden;
    border-radius: 20px;
}

.bus2_d_lump1 .sch_porject .img {
    float: left;
    width: 800px;
    padding-top: 0;
    height: 400px;
}

.bus2_d_lump1 .sch_porject .pjt_del {
    padding-top: 25px;
    overflow: hidden;
    overflow: hidden;
    overflow-y: auto;
    border-radius: 20px 0 0 20px;
    background: url("../image/business/bus2_d_porject_le_bg.jpg");
}

.bus2_d_lump1 .sch_porject .h1 {
    font-size: 36px;
    color: #ff7902;
    line-height: 40px;
    font-family: "Brandon_Grotesque-bold";
    letter-spacing: -2px;
    margin-bottom: 6px;
}

.bus2_d_lump1 .sch_porject .h2 {
    font-size: 22px;
    color: #535353;
    line-height: 30px;
    margin-bottom: 20px;
}

.bus2_d_lump1 .sch_porject p {
padding-right:80px !important;
    font-size: 14px;
    color: #737270;
    line-height: 24px;
}

.bus2_d_lump1 .sch_porject .img .prev,
.bus2_d_lump1 .sch_porject .img .next {
    margin-top: -50px;
}

.bus2_d_overview {
    padding: 45px 0 40px;
}

.bus2_d_overview .h1 {
    font-size: 36px;
    color: #9fb6af;
    line-height: 40px;
    font-family: "Brandon_Grotesque-bold";
    letter-spacing: -2px;
    text-align: center;
    margin-bottom: 6px;
}

.bus2_d_overview .h2 {
    font-size: 22px;
    color: #535353;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.bus2_d_overview .wr {
    height: 239px;
    padding: 56px 0 0 40px;
    background: url("../image/business/bus2_d_overview_bg.png") no-repeat center bottom;
    background-size: cover;
}

.bus2_d_overview .box {
    float: left;
    width: 280px;
    padding-left: 90px;
    min-height: 80px;
    margin-right: 20px;
    background: no-repeat left top;
}
.bus2_d_overview .box.b3{
    width: 540px;
}

.bus2_d_overview .h4 {
    font-size: 18px;
    color: #ff3304;
    line-height: 24px;
}

.bus2_d_overview p {
    font-size: 14px;
    color: #737373;
    line-height: 24px;
}

.bus2_d_lump2 {
    position: relative;
    z-index: 5;
    padding-top: 1px;
    padding-bottom: 100px;
    overflow: hidden;
    background: #7a50eb url("../image/business/bus2_d_k2_bg.jpg") repeat-x bottom left;
}

.bus2_d_brand {
    width: 2560px;
    height: 500px;
    padding: 40px 680px;
    margin: 0 -680px;
    overflow: hidden;
    background: #7a50eb;
}

.bus2_d_brand .le {
    float: left;
    width: 748px;
    height: 365px;
    position: relative;
}

.bus2_d_brand .item {
    overflow: hidden;
}

.bus2_d_brand .item .li {
    float: left;
    margin: 0 116px 4px 0;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 0;
    text-align: center;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
}

.bus2_d_brand .item .li img {
    max-height: 90%;
    max-width: 90%;
    display: inline-block;
    vertical-align: middle;
}

.bus2_d_brand .item .li:nth-child(4) {
    margin-left: 108px;
}

.bus2_d_brand .item .li:nth-child(6),
.bus2_d_brand .item .li:nth-child(10) {
    margin-right: 0;
}

.bus2_d_brand .hd {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}

.bus2_d_brand .hd li {
    float: left;
    width: 8px;
    height: 8px;
    background: #ffe5ce;
    margin-left: 10px;
    cursor: pointer;
}

.bus2_d_brand .hd li.on {
    width: 30px;
    background: #ffbb05;
}

.bus2_d_brand .ri {
    float: right;
    width: 400px;
    height: 365px;
    padding: 36px 40px 0;
    background: #fffbf8;
    border-radius: 20px;
    overflow: hidden;
}

.bus2_d_brand .ri .h1 {
    font-size: 36px;
    color: #ff7902;
    line-height: 40px;
    font-family: "Brandon_Grotesque-bold";
    letter-spacing: -2px;
    margin-bottom: 6px;
}

.bus2_d_brand .ri .h2 {
    font-size: 22px;
    color: #535353;
    line-height: 30px;
    margin-bottom: 30px;
}

.bus2_d_brand .ri p {
    margin-bottom: 20px;
    font-size: 14px;
    color: #939190;
    line-height: 24px;
}

.bus2_d_view {
    position: relative;
    height: 380px;
    padding: 42px 0 0 30px;
    margin-top: 60px;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
    width: 1880px;
    background: #fdf4ed url("../image/business/bus2_d_view_tab_bg.jpg") no-repeat left center;
}

.bus2_d_view .h1 {
    font-size: 36px;
    color: #ff7902;
    line-height: 40px;
    font-family: "Brandon_Grotesque-bold";
    letter-spacing: -2px;
    margin-bottom: 6px;
}

.bus2_d_view .h2 {
    font-size: 22px;
    color: #535353;
    line-height: 30px;
    margin-bottom: 26px;
}

.bus2_d_view .bd li {
    position: relative;
    width: 276px;
    height: 204px;
    margin-right: 22px;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
}

.bus2_d_view .bd li .mask {
    display: none;
}

.bus2_d_view .bd .img {
    position: relative;
}

.bus2_d_view .bd .img:after {
    position: absolute;
    z-index: 2;
    top: -80px;
    left: 50%;
    margin-left: -35px;
    content: "";
    display: block;
    width: 71px;
    height: 71px;
    background: url("../image/business/bus2_d_view_icon.png") no-repeat center;
}

.bus2_d_view .bd li img {
    max-width: 100%;
    opacity: 1 !important;
}

.bus2_d_view .bd li h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: 18px;
    color: #4e4e4e;
    line-height: 60px;
    height: 60px;
    text-align: center;
    background: #ffe5ce;
    font-weight: 500;
}

.bus2_d_view .pjt_pic {
    padding: 0;
}

.bus2_d_view .pjt_pic .img:hover img,
.bus2_d_view .pub_tit .video:hover img {
    transform: scale(1, 1);
    transition: none;
}

.bus2_d_view .pjt_pic li:hover .img img,
.bus2_d_view .pjt_pic li:hover .video img {
    transform: scale(1.05, 1.05);
    transition: all .4s ease;
}

.bus2_d_view .pjt_pic li:hover h3 {
    color: #fff;
    background: #ff3304;
}

/*.bus2_d_view .pjt_pic li:hover .img:after{top:37px;}*/
.bus2_d_view .hd {
    position: absolute;
    top: -100px;
    left: 1039px;
    width: 134px;
}

.bus2_d_view .hd .btn {
    float: left;
    width: 64px;
    height: 64px;
    margin-right: 3px;
    background: #f5e4d9 url("../image/business/bus2_d_prev.png") no-repeat center;
    cursor: pointer;
}

.bus2_d_view .hd .prev {
    background-image: url("../image/business/bus2_d_prev.png");
}

.bus2_d_view .hd .next {
    background-image: url("../image/business/bus2_d_next.png");
}

.bus2_d_view .hd .prev:hover {
    background: #ff3304 url("../image/business/bus2_d_icon2.png") no-repeat center;
}

.bus2_d_view .hd .next:hover {
    background: #ff3304 url("../image/business/bus2_d_icon.png") no-repeat center;
}

.bus2_d_view .tempWrap {
    width: 1468px !important;
}

.bus2_d_view .view_tab {
    position: relative;
}

.bus2_d_view .view_tab .right_shade {
    position: absolute;
    left: 1192px;
    top: 0;
    height: 204px;
    line-height: 204px;
    font-size: 0;
    text-align: center;
    width: 276px;
    z-index: 5;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
    border-radius: 10px;
}

.bus2_d_view .view_tab .left_shade:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 41px;
    height: 137px;
    background: url("../image/business/btn-prev.png") no-repeat center;
}

.bus2_d_view .view_tab .right_shade:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 41px;
    height: 137px;
    background: url("../image/business/btn-next.png") no-repeat center;
}

.bus2_d_view .view_tab .left_shade {
    position: absolute;
    left: 0;
    top: 0;
    height: 204px;
    width: 276px;
    line-height: 204px;
    font-size: 0;
    text-align: center;
    z-index: 5;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
    border-radius: 10px;
}

.bus2_d_view .view_tab .left_shade:hover,
.bus2_d_view .view_tab .right_shade:hover {
    opacity: 1;
}

.bus2_d_awards {
    position: relative;
    margin: 130px 0 40px;
    border-radius: 20px;
    padding: 25px;
    background: #fdc80e;
}

.bus2_d_awards.on {
    margin: 60px 0 0;
}

.bus2_d_awards.on #bus2_map {
    width: 100%;
}

.bus2_d_awards #bus2_map {
    width: 560px;
    height: 370px;
    margin-top: 0;
    border-radius: 20px;
}

.bus2_d_awards .txt_box {
    position: absolute;
    right: 25px;
    top: -50px;
    bottom: -50px;
    width: 574px;
    padding: 42px 40px 0;
    border-radius: 20px;
    background: #fdf4ec;
    box-shadow: 8px 8px 12px 9px rgba(0, 0, 0, .1);
}

.bus2_d_awards .txt_box .h1 {
    font-size: 36px;
    color: #ff7902;
    line-height: 40px;
    font-family: "Brandon_Grotesque-bold";
    letter-spacing: -2px;
    margin-bottom: 6px;
}

.bus2_d_awards .txt_box .h2 {
    font-size: 22px;
    color: #535353;
    line-height: 30px;
    margin-bottom: 26px;
}

.bus2_d_awards .txt_box ul {
    overflow: hidden;
    overflow-y: auto;
    max-height: 330px;
}

.bus2_d_awards .txt_box li {
    position: relative;
    margin-bottom: 40px;
    padding-left: 62px;
}

.bus2_d_awards .txt_box li:after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 36px;
    top: 6px;
    width: 12px;
    height: 12px;
    border: 2px solid #ff6900;
    border-radius: 50%;
}

.bus2_d_awards .txt_box li:last-child {
    margin-bottom: 0;
}

.bus2_d_awards .txt_box .til {
    font-size: 16px;
    color: #aca8a4;
    line-height: 24px;
    margin-bottom: 6px;
}

.bus2_d_awards .txt_box .til em {
    font-size: 26px;
    color: #fea982;
    font-style: normal;
    font-family: "Brandon_Grotesque-bold";
    padding-right: 12px;
}

.bus2_d_awards .txt_box p {
    font-size: 14px;
    color: #c3bfbb;
    line-height: 24px;
}

.bus2_d_awards .txt_box li:hover .til {
    color: #666;
}

.bus2_d_awards .txt_box li:hover em {
    color: #ff6900;
}

.bus2_d_awards .txt_box li:hover p {
    color: #969696;
}

.bus2_d_awards .txt_box li:hover:after {
    background: #ff6900;
}

.bus2_d_awards .txt_box li.one {
    background: url("../image/business/bus2_d_awards_icon.png") no-repeat left 3px;
}


.hr_wr .h1 {
    font-size: 36px;
    color: #ff7902;
    line-height: 40px;
    font-family: "Brandon_Grotesque-bold";
    letter-spacing: -2px;
    margin-bottom: 6px;
}

.hr_wr .h2 {
    font-size: 22px;
    color: #535353;
    line-height: 30px;
    margin-bottom: 26px;
}

.hr_lump1 .a_wr {
    width: 1230px;
}

.hr_lump1 a {
    float: left;
    position: relative;
    width: 385px;
    height: 315px;
    margin-right: 22px;
    overflow: hidden;
}

.hr_lump1 a img {
    -webkit-transition: all .4s;
    transition: all .4s;
}

.hr_lump1 h3 {
    position: absolute;
    left: 0;
    right: 0;
    font-weight: normal;
    bottom: 0;
    height: 90px;
    padding: 0 30px;
    line-height: 90px;
    font-size: 20px;
    color: #fff;
    letter-spacing: 4px;
    background: no-repeat center;
}

.hr_lump1 a:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.hr_lump1 .it1 h3 {
    background-image: url("../image/mpr/hr_k1_txt_bg1.jpg");
}

.hr_lump1 .it2 h3 {
    background-image: url("../image/mpr/hr_k1_txt_bg2.jpg");
}

.hr_lump1 .it3 h3 {
    background-image: url("../image/mpr/hr_k1_txt_bg3.jpg");
}

.hr_lump2 {
    padding-top: 72px;
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
}

.hr_lump2 .h1,
.hr_lump2 .h2 {
    text-align: center;
}

.hr_lump2 .h2 {
    margin-bottom: 36px;
}

.hr_lump2 ul {
    overflow: hidden;
}

.hr_lump2 li {
    float: left;
    width: 25%;
    position: relative;
}

.hr_lump2 li .icon {
    position: relative;
    left: -40px;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 64px;
    height: 64px;
    margin-top: 20px;
    background: #ff3304 url("../image/business/bus2_d_icon.png") no-repeat center;
}

.hr_lump2 li .hid {
    height: 0;
    overflow: hidden;
}

.hr_lump2 li img {
    max-width: 100%;
}

.hr_lump2 li .til {
    position: absolute;
    left: 15.5%;
    top: 8.5%;
    font-size: 24px;
    color: #fff;
    line-height: 24px;
    letter-spacing: 2px;
    font-family: "Brandon_Grotesque-bold";
    text-shadow: 0 3px 11px rgba(0, 0, 0, .2);
}

.hr_lump2 li .til img {
    display: inline-block;
    vertical-align: middle;
}

.hr_lump2 li .txt {
    position: absolute;
    left: 50%;
    top: 28%;
    margin-left: -115px;
    width: 230px;
}

.hr_lump2 li .h4 {
    font-size: 34px;
    color: #fff;
    letter-spacing: 5px;
    line-height: 40px;
    text-shadow: 0 3px 11px rgba(0, 0, 0, .2);
    margin-bottom: 50px;
    margin-left: -2px;
}

.hr_lump2 li p {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    text-shadow: 0 3px 11px rgba(0, 0, 0, .2);
    letter-spacing: 1px;
}

.hr_lump2 li:hover .icon {
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.hr_lump3 {
    position: relative;
    z-index: 2;
    width: 1500px;
    margin: -108px auto 0;
    background: url("../image/mpr/hr_k3_bg2.png") no-repeat bottom center;
}

.hr_lump3 .w1200 {
    padding: 72px 50px 0;
    height: 1005px;
    width: 1300px;
    background: url("../image/mpr/hr_k3_bg.png") no-repeat bottom center;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .1);
}

.hr_lump3 .h1,
.hr_lump3 .h2 {
    text-align: center;
}

.hr_lump3 .wr {
    position: relative;
}

.hr_lump3 .center {
    position: absolute;
    left: 50%;
    top: 72px;
    margin-left: -276px;
}

.hr_lump3 .center .line {
    position: absolute;
    left: 0;
    top: 0;
}

.hr_lump3 .box {
    position: absolute;
}

.hr_lump3 .box .h4 {
    font-size: 24px;
    color: #ff6000;
    line-height: 30px;
    margin-bottom: 12px;
    letter-spacing: 2px;
}

.hr_lump3 .box p {
    font-size: 15px;
    color: #494340;
    line-height: 27px;
}

.hr_lump3 .b1 {
    left: 800px;
    top: 92px;
}

.hr_lump3 .b2 {
    left: 854px;
    top: 506px;
}

.hr_lump3 .b3 {
    right: 806px;
    top: 559px;
}

.hr_lump3 .b4 {
    right: 865px;
    top: 150px;
}

.hr_lump3 .b3 .h4,
.hr_lump3 .b3 p,
.hr_lump3 .b4 .h4,
.hr_lump3 .b4 p {
    text-align: right;
}

.hr_lump4 {
    padding-top: 118px;
}

.hr_lump4 .h1,
.hr_lump4 .h2 {
    text-align: center;
}

.hr_lump4 ul {
    overflow: hidden;
    max-width: 1920px;
    min-width: 1200px;
    margin: 0 auto;
}

.hr_lump4 li {
    position: relative;
    float: left;
    width: 25%;
    height: 320px;
    padding: 67px 50px 0;
}

.hr_lump4 li * {
    position: relative;
    z-index: 2;
}

.hr_lump4 li .pic {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}

.hr_lump4 li .pic img {
    max-height: 100%;
    max-width: none;
}

.hr_lump4 li .h3 {
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    letter-spacing: 4px;
}

.hr_lump4 li .hr {
    width: 50px;
    height: 0;
    border-bottom: 2px solid rgba(255, 255, 255, .3);
    margin: 14px 0 43px;
}

.hr_lump4 li p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

.hr_d {
    padding-bottom: 60px;
}

.hr_d .h1 {
    font-size: 36px;
    color: #ff7902;
    line-height: 40px;
    font-family: "Brandon_Grotesque-bold";
    letter-spacing: -2px;
    margin-bottom: 6px;
}

.hr_d .h2 {
    font-size: 22px;
    color: #535353;
    line-height: 30px;
    margin-bottom: 26px;
}

.hrd_lump1 {
    height: 700px;
    padding-top: 78px;
    background: url("../image/mpr/hr_d_k1_bg.jpg") no-repeat bottom center;
}

.hrd_lump1 .le {
    float: left;
}

.hr_d .p {
    font-size: 18px;
    color: #6e5951;
    line-height: 28px;
}

.hrd_lump1 .h1 {
    padding-top: 35px;
    margin-bottom: 50px;
    margin-left: -10px;
    margin-bottom: 50px;
}

.hrd_lump1 .til {
    font-size: 34px;
    color: #ff6000;
    line-height: 50px;
    margin-bottom: 40px;
    font-weight: 200;
    letter-spacing: 20px;
}

.hrd_lump1 .ri {
    float: right;
    margin-right: -80px;
}

.hrd_lump2 {
    position: relative;
    height: 595px;
    background: url("../image/mpr/hrd_k2_bg.jpg") no-repeat center;
}

.hrd_lump2 .w1200 {
    position: relative;
}

.hrd_lump2 .le {
    padding: 62px 0 0;
    position: relative;
    z-index: 2;
}

.hrd_lump2 .h2 {
    margin-bottom: 128px;
}

.hrd_lump2 .chart_wr {
    position: absolute;
    z-index: 3;
    left: 335px;
    top: 35px;
    width: 470px;
    height: 550px;
}

.hrd_lump2 .chart_wr .chart {
    position: relative;
}

.hrd_lump2 .chart_wr .chart img {
    position: absolute;
    left: 0;
}

.hrd_lump2 .chart_wr .chart .i1 {
    top: 0;
    z-index: 6;
}

.hrd_lump2 .chart_wr .chart .i2 {
    top: 53px;
    z-index: 5;
}

.hrd_lump2 .chart_wr .chart .i3 {
    top: 97px;
    z-index: 4;
}

.hrd_lump2 .chart_wr .chart .i4 {
    top: 142px;
    z-index: 3;
}

.hrd_lump2 .chart_wr .chart .i5 {
    top: 190px;
    z-index: 2;
}

.hrd_lump2 .chart_wr .chart .i6 {
    top: 245px;
    z-index: 1;
}

.hrd_lump2 .chart_wr li {
    position: absolute;
    font-size: 18px;
    color: #855e53;
    line-height: 24px;
    white-space: nowrap;
    padding-left: 182px;
    background: url("../image/mpr/hrd_k2_line.png") no-repeat left center;
    z-index: 10;
}

.hrd_lump2 .chart_wr li a {
    position: absolute;
    right: -120px;
    top: 50%;
    text-align: center;
    margin-top: -40px;
    opacity: 0;
    filter: alpha(opacity=0);
    background: no-repeat center;
    font-size: 14px;
    color: #fff;
    border-radius: 10px;
    border: 2px solid #fff;
    height: 80px;
    line-height: 76px;
    width: 240px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.hrd_lump2 .chart_wr li:hover a,
.hrd_lump2 .chart_wr li a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.hrd_lump2 .chart_wr .li1 {
    left: 265px;
    top: 5px;
}

.hrd_lump2 .chart_wr .li2 {
    left: 303px;
    top: 79px;
}

.hrd_lump2 .chart_wr .li3 {
    left: 342px;
    top: 136px;
}

.hrd_lump2 .chart_wr .li4 {
    left: 385px;
    top: 197px;
}

.hrd_lump2 .chart_wr .li5 {
    left: 427px;
    top: 261px;
}

.hrd_lump2 .chart_wr .li6 {
    left: 468px;
    top: 330px;
}

.hrd_lump2 .chart_wr .pon_hid {
    overflow: hidden;
    height: 0;
}

.hrd_lump3 {
    position: relative;
    z-index: 4;
    height: 500px;
    width: 1300px;
    margin: -60px auto 0;
    background: #fffbf0;
}

.hrd_lump3 .le {
    float: left;
    padding-top: 40px;
}

.hrd_lump3 .ri {
    width: 592px;
    float: right;
    padding-top: 102px;
}

.hrd_lump3 .ri .h2 {
    margin-bottom: 8px;
}

.hrd_lump3 .ri .p {
    height: 204px;
    border-left: 4px solid #d4b9a5;
    padding: 48px 0 0 45px;
}

.contact .h1 {
    font-size: 36px;
    color: #ff7902;
    line-height: 40px;
    font-family: "Brandon_Grotesque-bold";
    letter-spacing: -2px;
    margin-bottom: 6px;
}

.contact .h2 {
    font-size: 22px;
    color: #535353;
    line-height: 30px;
    margin-bottom: 26px;
}

.contact_lump1 .w1200 {
    position: relative;
    z-index: 2;
    width: 1300px;
    padding: 45px 50px 40px;
    background: #f0f0f0;
}

.contact_lump1 .t_box {
    overflow: hidden;
    margin-bottom: 20px;
}

.contact_lump1 .t_box .h3 {
    float: left;
    font-size: 16px;
    color: #666;
    line-height: 24px;
}

.contact_lump1 .t_box .ma {
    float: right;
    width: 393px;
}

.contact_lump1 .t_box img {
    float: left;
    width: 80px;
    margin-right: 15px;
}

.contact_lump1 .t_box p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.contact_lump1 ul {
    overflow: hidden;
    width: 1210px;
}

.contact_lump1 li {
    float: left;
    width: 393px;
    height: 130px;
    -webkit-transition: all .4s;
    transition: all .4s;
    padding: 30px 0 0 60px;
    margin: 0 10px 10px 0;
    background: url("../image/contact/contact_k1_li_bg.jpg") no-repeat center;
}

.contact_lump1 .img {
    float: left;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
}

.contact_lump1 .txt {
    float: right;
    width: 250px;
    padding-top: 5px;
    padding-left: 5px;
    position: relative;
}

.contact_lump1 .txt .h3_cn {
    font-size: 20px;
    color: #848484;
    line-height: 30px;
    margin-bottom: 2px;
}

.contact_lump1 .txt .h3_en {
    font-size: 16px;
    color: #b2b2b2;
    line-height: 24px;
    font-family: 'rubik';
    text-transform: uppercase;
}

.contact_lump1 li:hover .h3_cn,
.contact_lump1 li:hover .h3_en {
    color: #fff;
}

.contact_lump1 li:hover {
    background: #ff6900;
}

.contact_lump1 li:hover .img {
    background: #eee4d2;
}

.contact_lump1 .hide {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 5px;
    padding-top: 5px;
}

.contact_lump1 .hide .h4 {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 10px;
}

.contact_lump1 .hide a {
    float: left;
    width: 84px;
    height: 28px;
    margin-right: 10px;
    line-height: 28px;
    font-size: 14px;
    color: #848484;
    background: #eee4d2;
    border-radius: 10px;
    text-align: center;
}

.contact_lump1 .hide a:hover {
    color: #fff;
}

.contact_lump1 .hide .phone {
    font-size: 26px;
    color: #fff;
    line-height: 26px;
    font-family: "Brandon_Grotesque-bold";
}

.contact_lump1 .li2:hover .show,
.contact_lump1 .li3:hover .show,
.contact_lump1 .li6:hover .show {
    display: none;
}

.contact_lump1 .li2:hover .hide,
.contact_lump1 .li3:hover .hide,
.contact_lump1 .li6:hover .hide {
    display: block;
}

.contact_lump2 {
    margin-top: -25px;
    padding-bottom: 30px;
    background: #f3eade;
}

.contact_lump2 .le {
    float: left;
    padding: 90px 0 0;
}

.contact_lump2 .map {
    position: relative;
    width: 512px;
    height: 431px;
    background: url("../image/contact/contact_k2_map.png") no-repeat center;
}

.contact_lump2 .map .dot {
    position: absolute;
    animation: float .8s infinite alternate;
    width: 14px;
    height: 18px;
    background: url("../image/contact/contact_k2_dot.png");
}

.contact_lump2 .map .d1 {
    left: 350px;
    top: 132px;
    animation-delay: .2s;
}

.contact_lump2 .map .d2 {
    left: 314px;
    top: 182px;
}

.contact_lump2 .map .d3 {
    left: 390px;
    top: 205px;
    animation-delay: .6s;
}

.contact_lump2 .map .d4 {
    left: 283px;
    top: 214px;
    animation-delay: .2s;
}

.contact_lump2 .map .d5 {
    left: 314px;
    top: 237px;
    animation-delay: .4s;
}

.contact_lump2 .map .d6 {
    left: 324px;
    top: 270px;
}

.contact_lump2 .ri {
    float: right;
    width: 612px;
    padding-top: 112px;
}

.contact_lump2 .ri .h1 {
    color: #6d6761;
}

.contact_lump2 .ri .hd {
    margin-bottom: 30px;
}

.contact_lump2 .ri .hd ul {
    width: 532px;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 3px solid #ccb48e;
}

.contact_lump2 .ri .hd li {
    float: left;
    font-size: 16px;
    color: #989590;
    line-height: 24px;
    margin: 0 20px 6px 0;
    cursor: pointer;
}

.contact_lump2 .ri .hd li.on,
.contact_lump2 .ri .hd li:hover {
    color: #ff6900;
}

.contact_lump2 .ri .bd .phone {
    font-size: 30px;
    color: #ff6900;
    line-height: 50px;
    padding-left: 60px;
    font-family: "Brandon_Grotesque-bold";
    background: url("../image/contact/contact_k2_phone.png") no-repeat left center;
    margin-bottom: 5px;
}

.contact_lump2 .ri .bd p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    padding-left: 60px;
}

.contact_lump3 {
    padding: 40px 0 30px;
}

.contact_lump3 .til {
    font-size: 20px;
    color: #333;
    line-height: 30px;
    margin-bottom: 24px;
}

.contact_lump3 p {
    font-size: 14px;
    color: #858585;
    line-height: 24px;
    margin-bottom: 24px;
}

.contact_lump3 .p_box {
    margin-bottom: 24px;
}

.contact_lump3 .p_box p {
    position: relative;
    padding-left: 20px;
    margin: 0;
}

.contact_lump3 .p_box p:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background: #ff3304;
    margin: 0;
}

.c_pon_hid {
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
}

.abt6 .block a {
    cursor: pointer;
}

#video_box {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    display: none;
}

#video_box .bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
}

#video_box .video_con {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1200px;
    height: 700px;
    margin-top: -350px;
    margin-left: -600px;
}

#video_box video {
    width: 100%;
    height: 100%;
    background: #000;
}

@keyframes bus2_line {
    0% {
        height: 0;
    }

    100% {
        height: 202px;
    }
}




@media screen and (max-width: 1800px) {
    .hr_lump4 li {
        padding: 47px 30px 0;
    }

    .hr_lump4 li .pic img {
        width: 120px;
    }

    .hr_lump2 li .txt {
        top: 24%;
    }

    .hr_lump3 {
        margin-top: -88px;
    }
}

@media screen and (max-width: 1540px) {
    .hr_lump4 li {
        height: 380px;
    }

    .hr_lump2 li .h4 {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1340px) {
    .hr_lump2 li .h4 {
        margin-bottom: 20px;
    }

    .hr_lump2 li .icon {
        width: 50px;
        height: 50px;
        margin-top: 10px;
    }

    .hr_lump3 {
        margin-top: -58px;
    }
}


/* ========= */
.auto {
    width: 1200px;
    margin: auto;
    position: relative;
}

.news4Cont1 .Top {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}

.news4Cont1 .Top .bg {
    position: relative;
}

.news4Cont1 .Top .bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../image/news/news4-video-bg.png) repeat-x left bottom;
    z-index: 10;
}

.news4Cont1 .Top .bg img {
    display: block;
    width: 100%;
}

.news4Cont1 .Top .tit {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 50px;
    z-index: 50;
}

.news4Cont1 .Top .tit h3 {
    color: #ffffff;
    font-size: 30px;
    line-height: 1.3;
    font-weight: 400;
}

.news4Cont1 .uiList {
    margin-bottom: 45px;
    position: relative;
}

/* .news4Cont1 .uiList .bd ul{
    min-width: 1230px;
} */
.news4Cont1 .uiList .bd li {
    float: left;
    width: 394px;
    height: 290px;
    margin-right: 10px;
    background-color: #f5f5f5;
}

.news4Cont1 .uiList .img {
    height: 212px;
    overflow: hidden;
    position: relative;
}

.news4Cont1 .uiList .img img {
    width: 100%;
    min-height: 100%;
}

.news4Cont1 .uiList .cont {
    height: 80px;
    padding: 20px 30px 0;
    position: relative;
}

.news4Cont1 .uiList .cont::before {
    content: "";
    width: 16px;
    height: 0px;
    border-top: 2px solid #ed6c00;
    position: absolute;
    left: 30px;
    bottom: 19px;
}

.news4Cont1 .uiList .bd h4 {
    color: #62605c;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
}

.news4Cont1 .uiList .prev,
.news4Cont1 .uiList .next {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 114px;
    z-index: 50;
}

.news4Cont1 .uiList .prev {
    left: -80px;
    background: #f5e4d9 url(../image/news/news4-us-prev.png) no-repeat center;
}

.news4Cont1 .uiList .next {
    right: -80px;
    background: #f5e4d9 url(../image/news/news4-us-next.png) no-repeat center;
}

.news4Cont1 .play {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 46px;
    height: 46px;
    background: url(../image/news/news4-video-play.png) no-repeat 0 0;
    cursor: pointer;
    z-index: 100;
    transition: transform .2s;
}

.news4Cont1 .play:hover {
    transform: scale(1.2);
}

.pop-vidoe {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.pop-vidoe var {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.pop-vidoe .pop-cont {
    position: absolute;
    width: 800px;
    left: 0;
    right: 0;
    top: 13%;
    margin: auto;
    z-index: 50;
}

.news4Cont2 {
    padding-bottom: 60px;
}

.news4Cont2 .list {
    overflow: hidden;
    width: 1230px;
}

.news4Cont2 .list .li {
    float: left;
    width: 293px;
    height: 230px;
    margin: 0 10px 10px 0;
    cursor: pointer;
}

.news4Cont2 .list h4 {
    color: #62605c;
    font-size: 12px;
    line-height: 22px;
    padding-right: 20px;
    font-weight: 400;
}

.news4Cont2 .list .img {
    overflow: hidden;
    height: 166px;
}

.news4Cont2 .list .img img {
    width: 100%;
    transition: transform .6s;
}

.news4Cont2 .list .li:hover .img img {
    transform: scale(1.2);
}

.news4Cont2 .list .cont {
    height: 60px;
    padding-top: 20px;
}

.news4Cont2 .news-more {
    margin-top: 20px;
}

.news5Cont1 {
    padding-bottom: 60px;
}

.news5Cont1 .list {
    overflow: hidden;
    width: 1230px;
}

.news5Cont1 .list .li {
    float: left;
    width: 285px;
    height: 375px;
    background-color: #f5f5f5;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 0 30px;

}

.news5Cont1 .list .li .log {
    height: 235px;
    line-height: 135px;
    padding: 50px 0;
    position: relative;
    text-align: center;
}

.news5Cont1 .list .li .log img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    display: inline-block;
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
    /* top: 0; */
    /* bottom: 0; */
    /* margin: auto; */
}

.news5Cont1 .list .li h4 {
    height: 80px;
    text-align: center;
    color: #666666;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;

}

.news5Cont1 .list .li a {
    display: block;
    color: #ff6900;
    font-size: 18px;
    line-height: 1;
    text-align: center;
}

.news5Cont1 .list .li a:hover {
    text-decoration: underline;
}

.news5Cont1 .downLoadBtn {
    width: 200px;
    height: 60px;
    line-height: 60px;
    padding-left: 70px;
    color: #666666;
    background: #f5e4d9 url(../image/news/news5-cont1-ai.png) no-repeat 34px center;
    display: block;
    margin: auto;
    transition: all .3s;
}

.news5Cont1 .downLoadBtn:hover {
    color: #FFF;
    background: #ff6600 url(../image/news/news5-cont1-ai2.png) no-repeat 34px center;
}

.pop-vidoe video {
    display: block;
    width: 100%;
}




.bus2_ban .bd li {
    position: relative;
}

.bus2_ban .bd li .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.bus2_ban .bd li .voice_btn {
    position: absolute;
    right: 40px;
    bottom: 40px;
    z-index: 50;
    padding: 0 45px 0 10px;
    font-size: 15px;
    color: #fff;
    line-height: 45px;
    height: 45px;
    background: url(../image/business/icon_voice.png) no-repeat right center;
}

.bus2_ban .bd li .voice_btn:hover {
    color: #ffa800;
    background-image: url(../image/business/icon_voice-on.png);
}

.banner .bd li {
    position: relative;
}

.banner .bd li .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner .bd li .voice_btn {
    position: absolute;
    width: auto;
    right: 40px;
    bottom: 40px;
    z-index: 50;
    padding: 0 45px 0 10px;
    font-size: 15px;
    color: #fff;
    line-height: 45px;
    height: 45px;
    background: url(../image/business/icon_voice.png) no-repeat right center;
}

.banner .bd li .voice_btn:hover {
    color: #ffa800;
    background-image: url(../image/business/icon_voice-on.png);
}


/*20210820*/
.business4_list {
    margin-top: 40px;
}

.business4_list .ri * {
    -webkit-transition: all .4s;
    transition: all .4s;
}

.business4_list .item {
    margin-bottom: 40px;
    overflow: hidden;
    height: 446px;
}

.business4_list .pic_tab {
    position: relative;
    float: left;
    width: 780px;
    height: 100%;
}

.business4_list .pic_tab .hd {
    position: absolute;
    margin: 10px 0 20px;
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.business4_list .pic_tab .hd ul {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
}

.business4_list .pic_tab .hd li {
    float: left;
    width: 10px;
    height: 10px;
    margin: 0 6px 0 0;
    background-image: url(../image/css_sprites.png);
    background-position: -310px -110px;
    cursor: pointer;
}

.business4_list .pic_tab .hd li.on {
    background-position: -310px -100px;
    transition: all .4s ease;
}

.business4_list .ri {
    float: left;
    width: 400px;
    height: 100%;
    padding: 48px 30px 0;
    background: url(../image/business/business4_box_bg.jpg) no-repeat center;
}

.business4_list .til_box {
    padding-bottom: 14px;
    border-bottom: 1px solid #e4e4e4;
}

.business4_list .til_box h2 {
    font-size: 28px;
    color: #333;
    line-height: 40px;
    margin-bottom: 12px;
}

.business4_list .til_box .labels {
    overflow: hidden;
}

.business4_list .til_box .labels .i {
    float: left;
    padding: 0 9px;
    background: #f4eee7;
    font-size: 14px;
    color: #b69d7c;
    line-height: 22px;
    margin: 0 6px 6px 0;
    border-radius: 22px;
}

.business4_list .ri .box {
    position: relative;
    margin: 30px -10px 0 0;
    padding-right: 10px;
}

.business4_list .ri .row {
    overflow: hidden;
    padding-left: 30px;
    margin-bottom: 30px;
    background: no-repeat left top;
}

.business4_list .ri .name {
    float: left;
    width: 75px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
}

.business4_list .ri p {
    margin-left: 75px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.business4_list .ri .scale em {
    font-style: normal;
    color: #f4514c;
    font-size: 16px;
}

.business4_list .ri .scale .num {
    font-size: 20px;
    font-family: "Montserrat";
}

.business4_list .ri .scale {
    background-image: url(../image/business/business4_new_icon1.png);
}

.business4_list .ri .area {
    background-image: url(../image/business/business4_new_icon2.png);
}

.business4_list .ri .phone {
    background-image: url(../image/business/business4_new_icon3.png);
}

.business4_list .ri .phone p {
    font-size: 28px;
    color: #ed6c00;
    font-family: "Montserrat";
    letter-spacing: -1px;
}

.business4_list .ri .txt {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-right: 10px;
    overflow: hidden;
    overflow-y: auto;
    height: 240px;
    background-image: url(../image/business/business4_new_icon4-on.png);
}

.business4_list .ri:hover {
    background: url(../image/business/business4_box_bg-on.jpg) no-repeat center;
}

.business4_list .ri:hover .til_box {
    border-color: #e9a75b;
}

.business4_list .ri:hover .til_box h2 {
    color: #fff;
}

.business4_list .ri:hover .labels .i {
    color: rgba(255, 255, 255, .8);
    background: rgba(244, 238, 231, .2);
}

.business4_list .ri:hover .scale {
    background-image: url(../image/business/business4_new_icon1-on.png);
}

.business4_list .ri:hover .area {
    background-image: url(../image/business/business4_new_icon2-on.png);
}

.business4_list .ri:hover .phone {
    background-image: url(../image/business/business4_new_icon3-on.png);
}

.business4_list .ri:hover .name {
    color: rgba(255, 255, 255, .6);
}

.business4_list .ri:hover p em,
.business4_list .ri:hover p {
    color: rgba(255, 255, 255, .8);
}

.business4_list .ri:hover .row {
    opacity: 0;
}

.business4_list .ri:hover .txt {
    opacity: 1;
}



.bus2 {
    background: no-repeat;
}

.bus2 .sch_porject .img {
    background: no-repeat;
}

#bg_color .pub_tit h3 {
    color: #fff;
}

#bg_color .pub_tit p {
    color: #fff;
}

.business4_list .pic_tab {
    overflow: hidden;
}

.business4_list .pic_tab .prev,
.business4_list .pic_tab .next {
    position: absolute;
    top: 50%;
    z-index: 2;
    margin: -20px 0 0;
    width: 50px;
    height: 100px;
    cursor: pointer;
    transition: all .4s ease;
}

.business4_list .pic_tab .prev {
    left: -50px;
    background: url(../image/css_sprites.png) -270px -0;
}

.business4_list .pic_tab .next {
    right: -50px;
    background: url(../image/css_sprites.png) -0 -188px;
}

.business4_list .pic_tab:hover .prev {
    left: 0;
    transition: all .4s ease;
}

.business4_list .pic_tab:hover .next {
    right: 0;
    transition: all .4s ease;
}

.business4_list .pic_tab .prev:hover {
    background: #ed6c00 url(../image/css_sprites.png) -270px -0;
    transition: all .4s ease;
}

.business4_list .pic_tab .next:hover {
    background: #ed6c00 url(../image/css_sprites.png) -0 -188px;
    transition: all .4s ease;
}