.header.active {

    background: #fff;

    box-shadow: 0 5px 10px -1px rgba(0, 0, 0, .1);

}



.header.active::before {

    display: none;

}



.bannerPage {

    height: 580px;

    height: 5.8rem;

    background-color: #000;

    ;

    background-size: cover !important;

    position: relative;

}



.pageMain {

    overflow: hidden;

}



.borderbt1px {

    border-bottom: 1px solid #e5e5e5;

}



.breadNav .item {

    margin: 0 1rem;

    position: relative;

    padding: .15rem 0;

    text-align: center;

}



.breadNav .item::before {

    position: absolute;

    left: 15%;

    content: '';

    bottom: 0;

    height: 5px;

    border-radius: 5px;

    background: #f08519;

    width: 0;

    transition: .5s;

}



.breadNav .item.on {

    color: #f08519;

    font-weight: 500;

}



.newTop .imgs {

    width: 48%;

    margin-right: 5%;

}



.breadNav .item.on::before {

    width: 70%;

}



.xwzxDL dd {

    margin-bottom: 3%;

}



.breadNav .flexbt .item {

    margin: 0;

}



.pages {

    text-align: center

}



.pages>* {

    display: inline-block;

    background: rgba(255, 255, 255, .1);

    width: .52rem;

    line-height: .52rem;

    margin: 1px;

    color: #fff;

}



.pages .on {

    color: #f08519;

    background: #fff;

}



.footTops {

    bottom: 0;

}



.ptBreadDL dd {

    width: 16.66%;

    text-align: center;

    position: relative;

}



.ptBreadDL dd>a {

    display: block;

    padding: .3rem 0;

}



.ptBreadDL dd img {

    margin: auto;

    height: .8rem;

    margin-bottom: .1rem;

}



.ptBreadDL dd .icon1,

.ptBreadDL dd.on .icon2 {

    display: block;

}



.ptBreadDL dd .icon2,

.ptBreadDL dd.on .icon1 {

    display: none;

}



.ptBreadDL dd.on {

    color: #f08519;

}



.ptBreadDL dd .hline {

    width: 1rem;

    margin: .2rem auto 0 auto;

    position: relative;

    height: 4px;

    display: block;

}



.ptBreadDL dd .hline::before {

    position: absolute;

    left: 50%;

    top: 0;

    bottom: 0;

    content: '';

    width: 0;

    background: #f08519;

    transition: .5s;

}



.ptBreadDL dd.on .hline::before {

    width: 100%;

    left: 0;

}



.bgf8f8f8 {

    background: #f8f8f8;

}



.chanpinDL::after {

    width: 31%;

    content: '';

}



.chanpinDL dd>a {

    display: block;

    padding: .2rem;

    background: #fff;

    text-align: center;

    border: 1px solid #fff;

}



.chanpinDL dd {

    width: 24%;

    margin-bottom: 3%;

}



.changeLink>a {

    text-align: center;

    border: 1px solid #f08519;

    min-width: 1.3rem;

    padding: .1rem;

    color: #f08519;

}



.changeLink>a.on {

    background: #f08519;

    color: #fff;

}



.biaoshiDL::after {

    content: '';

    width: 30%;

}



.biaoshiDL dd {

    width: 24%;

    background: #fff;

    margin-bottom: 3%;

    border-radius: .1rem;

    overflow: hidden;

}



.biaoshiDL .jt {

    display: inline-block;

    width: .78rem;

    line-height: .78rem;

    background: rgba(0, 114, 255, .1);

    color: #fff;

    border-radius: 50%;

    position: relative;

}



.biaoshiDL .jt i {

    display: inline-block;

    position: relative;

    z-index: 2;

}



.biaoshiDL .jt::before {

    position: absolute;

    left: .2rem;

    top: .2rem;

    right: .2rem;

    bottom: .2rem;

    content: '';

    border-radius: 50%;

    background: #f08519;

}



.biaoshiDL dd .btn {

    display: inline-block;

    color: #f08519;

    border: 1px solid #f08519;

    padding: .1rem .6rem;

}



.biaoshiDL .pdf {

    display: block;

}



.biaoshiDL .pdf>img {

    width: 1rem;

}



.ourShow .swiper-slide {

    width: 1150px;

    width: 11.5rem;

    max-width: 80%;

    margin: auto;

    position: relative;

    background: rgba(255, 255, 255, .1)

}



.ourShow .swiper-slide img {

    display: block;

    width: 100%;

    opacity: 0;

}



.ourShow .swiper-slide .tit {

    position: absolute;

    left: 0;

    right: 0;

    top: 100%;

    opacity: 0;

}



.ourShow .swiper-container {

    padding: .8rem 0

}



.ourShow .swiper-slide-active .tit {

    opacity: 1;

}



.ourShow .swiper-slide-active img {

    opacity: 1;

}



.pictures .pads {

    padding: 0 .6rem;

    position: relative;

}



.pictures .btns {

    position: absolute;

    top: 50%;

    width: .7rem;

    line-height: .7rem;

    height: .7rem;

    text-align: center;

    background: #f08519;

    border-radius: 50%;

    color: #fff;

    margin-top: -0.35rem;

}



.pictures .swiper-button-prev {

    left: 0;

}



.pictures .swiper-button-next {

    right: 0;

}



.morepicture {

    width: 101.5%;

}



.morepicture dd {

    width: 23.5%;

    margin: 0 1.5% 3% 0;

}



.vidoeFlex dd {

    width: 48.5%;

    margin-bottom: 3%;

    position: relative;

    color: #fff;

}



.vidoeFlex dd .open {

    position: absolute;

    left: 0;

    right: 0;

    text-align: center;

    top: 50%;

    transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

}



.vidoeFlex dd .open i {

    font-size: .8rem;

    line-height: 1;

    display: block;

    margin-bottom: .15rem;

}



.vidoeFlex dd .tit {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    text-align: center;

    padding-bottom: .2rem

}



.detailsText img {

    max-height: 100%;

    max-width: 100%;

    height: auto !important;

}



.jibenDL {

    width: 103%;

}



.jibenDL dd {

    width: 22%;

    margin: 0 3% 3% 0;

    background: #fff;

    padding: .7rem 0;

}



.jibenDL dd .bline {

    display: block;

    margin: .15rem auto;

    width: .34rem;

    height: 2px;

    background: #f08519;

}



.chooseSt {

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -0.2rem;

}



.chooseSt select {

    background: url(../images/jt.png) no-repeat right center;

    background-size: .25rem auto;

    border: 1px solid #f08519;

    padding: 0 .6rem 0 .15rem;

    color: #f08519;

    line-height: .4rem;

    height: .4rem;

    cursor: pointer;

}



/*二期关于我们*/

.bline {

    background: #fff;

    opacity: .1;

    height: 1px;

}



.qyyjDL2 {

    position: static;

    text-align: left;

    max-width: 1000px;

    margin: auto;

}



.qyyjDL2 dd {

    width: auto;

}



.max1000 {

    max-width: 1000px;

    margin: auto;

}



.width700 {

    width: 700px;

    max-width: 95%;

    margin: auto;

}



.fourbigFlex dd {

    width: 50%;

    position: relative;

    overflow: hidden;

    height: 480px;

    height: 4.8rem;

    cursor: pointer;

}



.fourbigFlex dd .bg {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-size: cover !important;

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

}



.fourbigFlex dd .bg::before {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    content: '';

    background: rgba(0, 0, 0, .2);

}



.fourbigFlex dd .tit {

    position: absolute;

    left: 1rem;

    top: .6rem;

}



.fourbigFlex dd .cot {

    position: absolute;

    left: 1rem;

    bottom: .5rem;

    right: 1rem;

}



.fourbigFlex dd .txt {

    height: 0;

    overflow: hidden;

    color: rgba(255, 255, 255, .5);

    padding-top: .2rem;

    position: relative;

    margin-top: .2rem;

}



.fourbigFlex dd .txt::before {

    position: absolute;

    left: 0;

    top: 0;

    width: 1rem;

    content: '';

    height: 2px;

    background: #fff;

}



.peitaoDL {

    box-shadow: 0 0 25px -2px rgba(0, 0, 0, .1);

}



.peitaoDL dd {

    width: 16.66%;

    text-align: center;

    background-size: cover !important;

    position: relative;

}



.peitaoDL dd .cts {

    background: #fff;

    padding: .5rem .1rem .5rem .1rem;

    border-right: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

    line-height: 1;

    box-sizing: border-box;

    height: 100%;

}



.peitaoDL dd .icon img {

    margin: auto;

    height: .6rem;

}



.peitaoDL dd .img1 {

    display: block;

}



.peitaoDL dd .img2 {

    display: none;

}



.qiyeFlex dd {

    width: 25%;

    text-align: center;

    overflow: hidden;

}



.qiyeFlex dd .cts {

    padding: 2.9rem .3rem 1.3rem .3rem;

    border-left: 1px solid #fff;

    border-color: rgba(255, 255, 255, .15);

}



.qiyeFlex dd .icon {

    width: 1rem;

    height: 1rem;

    border: 1px solid #fff;

    border-color: rgba(255, 255, 255, .25);

    border-radius: 50%;

}



.qiyeFlex dd .qline {

    display: block;

    width: .4rem;

    height: 2px;

    background: #fff;

    opacity: .5;

    margin: .15rem auto;

}



.qiyeFlex dd .txt {

    color: rgba(255, 255, 255, .5);

    opacity: 0;

}



.hexinFlex {

    padding: 1.3rem 0;

}



.hexinFlex .hx .item {

    padding: .2rem .2rem .4rem .2rem;

    background: rgba(255, 255, 255, .15);

    margin: .2rem 0;

}



.hexinFlex .hc {

    padding: .78rem;

    background: rgba(255, 255, 255, .15);

    border-radius: 50%;

    margin: .3rem;

    display: inline-block;

}



.hexinFlex .hc .txt {

    background: #f08519;

    border-radius: 50%;

    width: 3.6rem;

    height: 3.6rem;

    margin: auto;

}



.wt120 {

    width: 1.2rem;

    height: 1.2rem;

}



.bght900 {

    height: 9rem;

    max-height: 100vh;

}



.half50 {

    width: 50%;

}



.imgborder {

    border: 1px solid #ddd;

    border-radius: 50%;

}



.workShow .swiper-slide {

    width: 1135px;

    width: 11.35rem;

    max-width: 80%;

    margin: auto;

    position: relative;

    background: rgba(255, 255, 255, .1)

}



.workShow .swiper-slide img {

    display: block;

    width: 100%;

}



.workShow .swiper-slide .tit {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0;

    padding: 1rem 0 .3rem 0;

    background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));

}



.workShow .swiper-slide-active .tit {

    opacity: 1;

}



.work-pagination span {

    margin: 0 5px;

}



.styleSwiper .link {

    display: block;

    height: 100%;

    background: rgba(255, 255, 255, .1);

}



.styleSwiper .link .mins {

    padding: .2rem;

    min-height: 2rem;

}



.empStyles .btns {

    width: .68rem;

    text-align: center;

    line-height: .68rem;

    background: #fff;

    color: #333;

    border-radius: 50%;

    display: inline-block;

    cursor: pointer;

    font-weight: 700;

    margin-right: .18rem;

}



.worlDL dd {

    background: #fff;

    margin-bottom: 2px;

}



.worlDL dd .dTop {

    padding: .35rem;

    position: relative;

    cursor: pointer;

}



.worlDL dd .times {

    display: none;

}



.worlDL dd .tit {

    display: inline-block;

    margin-right: .3rem;

}



.worlDL dd .dBot {

    background: #f1f1f1;

    padding: .35rem;

    display: none;

}



.worlDL .applyBtn {

    background: #f08519;

    display: inline-block;

    color: #fff;

    padding: .1rem .4rem

}



.worlDL dd.on .times {

    display: inline-block;

}



.worlDL dd.on .look {

    display: none;

}



.worlDL dd.on .jt {

    position: absolute;

    right: .3rem;

    bottom: 0;

    background: #f08519;

    color: #fff;

    width: .6rem;

    line-height: .6rem;

    text-align: center;

}



.width1200 {

    width: 1200px;

    max-width: 96%;

    margin: auto;

}



.width960 {

    width: 980px;

    max-width: 96%;

    margin: auto;

}



.collegeBg .bgs {

    height: 980px;

    height: 9.8rem;

    max-height: 100vh;

    position: relative;

}



.collegeBg .bgs dd {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-size: cover !important;

    opacity: 0;

    transition: .5s;

}



.collegeBg .bgs dd.on {

    opacity: 1;

}



.collegeBg .name {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 0 1.5rem;

    background: rgba(0, 0, 0, .68);

}



.collegeBg .name dd {

    cursor: pointer;

    position: relative;

    padding: .45rem 0;

}



.collegeBg .name dd::before {

    position: absolute;

    left: 50%;

    width: 0;

    content: '';

    bottom: .28rem;

    height: 2px;

    background: #fff;

    transition: .5s;

    -webkit-transition: .5s;

}



.collegeBg .name dd.on::before {

    width: 100%;

    left: 0;

}



.whShow .swiper-slide {

    width: 1190px;

    width: 11.9rem;

    max-width: 80%;

    margin: auto;

    position: relative;

    background: #000

}



.whShow .swiper-slide img {

    display: block;

    width: 100%;

    opacity: .4;

}



.whShow .swiper-slide .tit {

    position: absolute;

    left: 0;

    right: 0;

    top: 100%;

    opacity: 0;

}



.whShow .swiper-container {

    padding: .6rem 0

}



.whShow .swiper-slide-active .tit {

    opacity: 1;

}



.whShow .swiper-slide-active img {

    opacity: 1;

}



.whShow .btns,

.swiper-btns {

    position: absolute;

    z-index: 2;

    cursor: pointer;

    top: 50%;

    width: .6rem;

    line-height: .6rem;

    height: .6rem;

    text-align: center;

    background: #fff;

    color: #f08519;

    border-radius: 50%;

    margin-top: -0.3rem;

    font-weight: 700;

    box-shadow: 0 0 10px -1px rgba(0, 0, 0, .1);

}



.whShow .wh-prev {

    left: 1.75rem;

}



.whShow .wh-next {

    right: 1.75rem;

}



.wenhuasp .tit {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 1rem .2rem .2rem .2rem;

    background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));

    z-index: 2;

}



.swiper-btns.prev {

    left: 0;

}



.swiper-btns.next {

    right: 0;

}



.swiper-btns.wp-prev {

    left: -0.3rem;

}



.swiper-btns.wp-next {

    right: -0.3rem;

}



.zerenDL::after {

    width: 30%;

    content: '';

}



.zerenDL dd {

    width: 30%;

    text-align: center;

    margin-bottom: 3%;

    cursor: pointer;

}



.zenrens .swiper-slide {

    background: #fff;

    border-radius: .1rem;

}



.zenrens .biaoshiDL .pdf>img {

    width: .74rem;

}



.maximg img {

    max-width: 47%;

    margin: 0 1%;

}



.yanfa {

    height: 700px;

    height: 7rem;

}



.wt70 {

    width: .7rem;

}



.jishuDL {

    width: 101%;

}



.jishuDL dd {

    width: 24%;

    margin: 0 1% 1% 0;

    background: #fff;

    text-align: center;

    padding: .6rem 0;

}



.cgImg img {

    width: 16%;

    margin-bottom: 2%;

}



.bg100 {

    background-size: 100% auto !important;

}



.nengliDL {

    width: 101%;

}



.nengliDL dd {

    width: 24%;

    margin: 0 1% 1% 0;

    text-align: center;

}



.zidonghuaDL::after {

    width: 32%;

    content: '';

}



.zidonghuaDL dd {

    width: 32%;

    margin-bottom: .26rem;

}



.shuziHeight {

    min-height: 4rem;

    padding: .5rem 0;

}



.shuziDL::after {

    content: '';

    width: 32%;

}



.shuziDL dd {

    width: 32%;

    margin-bottom: .4rem;

    cursor: pointer;

}



.shuziDL dd .scaleImg {

    border: 1px solid #fff;

}



.shuziDL dd .scaleImg img {

    height: 2.6rem;

    object-fit: cover;

}



.lookmores .more {

    display: inline-block;

    border: 1px solid #eee;

    color: #fff;

    border-color: rgba(255, 255, 255, .5);

    padding: .1rem .5rem;

}



.huobans {

    padding: 1px .4rem;

    background: #fff;

}



.huobanDL dd {

    width: 20%;

    box-sizing: border-box;

    border: 1px solid #eee;

    margin: .4rem 0;

}



.partnerBg {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 3.4rem;

}



.tixiDL {

    width: 97%;

    margin: auto;

}



.tixiDL dd {

    width: 14.285%;

    position: relative;

    text-align: center;

}



.tixiDL dd .hts {

    position: relative;

    padding-top: 100%;

    background: #fff;

    border-radius: 50%;

}



.tixiDL dd .hts::before {

    position: absolute;

    left: -0.2rem;

    top: -0.2rem;

    right: -0.2rem;

    bottom: -0.2rem;

    border-radius: 50%;

    border: .1rem solid #eeeeee;

    content: '';

    background: #fff;

}



.tixiDL dd .cts {

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

}



.tixiDL .icon {

    display: block;

    margin: auto;

    width: .6rem;

}



.tixiDL .icons {

    display: none;

    margin: auto;

    width: .6rem;

}



.tixiDL dd .imgs {

    margin-bottom: .2rem;

}



.mapFlex {

    width: 53%;

}



.mapFlex .map {

    width: 120%;

    height: 5.3rem;

}



.mapFlex .map img {

    max-width: none;

}



.zongbu .address {

    border: 2px solid #000;

    padding: .1rem .2rem;

    border-radius: .1rem;

}



.contactDL::after {

    content: '';

    width: 32%;

}



.contactDL dd {

    background: #fff;

    width: 31.83%;

    position: relative;

    margin-bottom: 3%;

    word-wrap: break-word;

}



.contactDL dd .pads {

    padding: .34rem;

}



.contactDL dd .ewm {

    position: absolute;

    right: .2rem;

    bottom: .2rem;

    width: 1.2rem;

}



.color727b84 {

    color: #727b84

}



.minht600 {

    min-height: 600px;

    min-height: 6rem;

}



.brandDL dd {

    width: 33.33%;

    flex: 1;

    background-size: cover !important;

    height: 800px;

    height: 95vh;

}



.brandDL dd .pds {

    padding: 1.3rem .2rem .2rem .2rem;

    text-align: center;

}



.brandDL dd .name {

    line-height: 1.6rem;

    width: 1.6rem;

    margin: auto;

    border: 1px solid #000;

    border-color: rgba(0, 0, 0, .4);

    border-radius: 50%;

    margin-bottom: .3rem;

}



.brandDL dd .sline {

    display: block;

    margin: auto;

    height: 2px;

    width: .6rem;

    background: #000;

    margin: .2rem auto;

}



.donglingDL dd {

    display: none;

}



.donglingDL dd.on {

    display: block;

}



.donglingDL .bg {

    padding: 1.3rem 0 0 0;

    height: 9rem;

    height: 90vh;

}



.donglingDL .borders {

    border: 1px solid #ddd;

}



.donglingDL .borders .scaleImg {

    width: 16.66%;

}



.donglingTit {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    border-bottom: 1px solid #3b7fb1;

    border-color: rgba(255, 255, 255, .25);

    text-align: center;

}



.donglingTit .item {

    display: inline-block;

    padding: .4rem .1rem;

    position: relative;

    color: #fff;

}



.donglingTit .item+.item {

    margin-left: 2rem;

}



.donglingTit .item::before {

    position: absolute;

    left: 50%;

    bottom: -1px;

    content: '';

    height: 4px;

    background: #fff;

    width: 0;

    transition: .5s;

    border-radius: 5px;

}



.donglingTit .item.on::before,

.donglingTit .item:hover::before {

    left: 0;

    width: 100%;

}



.bannerMore>a {

    display: inline-block;

    background: #f08519;

    color: #fff;

    padding: .12rem .7rem;

}



.dongling .left {

    width: 50%;

}



.dongling .txt {

    padding: .2rem 1.6rem .2rem 1rem;

}



.dline {

    display: inline-block;

    height: 4px;

    width: .6rem;

    background: #dadada;

}



.brandLB .swiper-slide {

    background: #fff;

    text-align: center;

}



.brandLB .swiper-slide>a {

    display: block;

    padding: .3rem;

}



.pp-pagination {

    text-align: center;

}



.pp-pagination span {

    display: inline-block;

    border-radius: 0;

    height: 4px;

    width: .55rem;

    margin: 0 5px;

}



.mingzhan {

    height: 100vh;

    max-height: 1000px;

}



.borderTop1px {

    border-top: 1px solid #ddd;

}



/* * jQuery.Running.js - jQuery plugin for Running * * Copyright (c) 2007-2015 Qietu inc * * Licensed under the MIT license: *   http://www.opensource.org/licenses/mit-license.php * * Project home: *   http://www.qietu.com/p/jQuery.Running.js * * Version:  1.0.0 * */

/*pie*/

.pie {

    width: 120px;

    height: 120px;

    border-radius: 50%;

    background: #e95549;

    position: relative;

    margin-top: 20px;

}



.pieLeftInner,

.pieRightInner {

    width: 120px;

    height: 120px;

    background-color: #e5e5e5;

    border-radius: 100px;

    position: absolute;

}



.pieLeftInner {

    clip: rect(0px, 120px, 120px, 60px);

    -o-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}



.pieRightInner {

    clip: rect(0px, 60px, 120px, 0px);

    -o-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}



.pieLeft,

.pieRight {

    width: 120px;

    height: 120px;

    position: absolute;

    z-index: 1;

}



.pieLeft {

    clip: rect(0px, 120px, 120px, 60px);

}



.pieRight {

    clip: rect(0px, 60px, 120px, 0px);

}



.pieInner {

    width: 80px;

    height: 80px;

    margin: 20px 0 0 20px;

    background-color: #fff;

    border-radius: 100px;

    position: absolute;

    z-index: 1;

    text-align: center;

    line-height: 80px;

    font-size: 24px;

    font-weight: bold;

    color: #e25a4a;

    font-family: "寰蒋闆呴粦", "榛戜綋";

}



/*prograss*/

.prograss {

    background: #eee;

    height: 15px;

    width: 80%;

    position: relative;

    border-radius: 2px;

    margin-top: 10px;

}



.prograss .bar {

    background: #e95549;

    height: 100%;

    width: 10%;

    border-radius: 2px 0 0 2px;

}



.prograss_bar_yellow {

    background: #f8b757 !important;

}



.toplYear {

    background-size: 100% auto !important;

    padding: .5rem

}



.toplYear .year {

    width: 1.9rem;

    height: 1.9rem;

    line-height: 1.9rem;

    position: relative;

    background: rgba(255, 255, 255, .15);

    border-radius: 50%;

    text-align: center;

    margin: auto;

    cursor: pointer;

}



.toplYear .year::before {

    position: absolute;

    left: .18rem;

    right: .18rem;

    top: .18rem;

    bottom: .18rem;

    content: '';

    background: rgba(255, 255, 255, .25);

    border-radius: 50%;

}



.toplYear .year::after {

    position: absolute;

    left: .36rem;

    right: .36rem;

    top: .36rem;

    bottom: .36rem;

    content: '';

    background: #fff;

    border-radius: 50%;

}



.toplYear .year span {

    position: relative;

    z-index: 2;

}



.bottomImg {

    width: 570px;

    margin: auto;

    max-width: 90%;

    padding: 0 1rem

}



.bottomImg .gallery-top {

    margin-top: -0.25rem

}



.secondSwiper {

    padding: .5rem 0;

}



.bottomImg .tit {

    position: absolute;

    left: 0;

    right: 0;

    top: 100%;

    padding-top: .2rem

}



.bottomImg .swiper-slide .scaleImg {

    margin: .15rem

}



.secondSwiper .swiper-slide {

    background: #fff;

}



.toplYear .swiper-slide-thumb-active .year::after {

    background: #f08519;

}



.toplYear .swiper-slide-thumb-active .year {

    color: #fff

}



@keyframes sf1 {

    0% {

        opacity: 1;

        transform: scale(1.5);

    }



    100% {

        opacity: 0;

        transform: scale(1);

    }

}



@-webkit-keyframes sf1 {

    0% {

        opacity: 1;

        -webkit-transform: scale(1.5);

    }



    100% {

        opacity: 0;

        -webkit-transform: scale(1);

    }

}



.goPages {

    text-align: center;

    line-height: 0.38rem;

}



.goPages a {

    display: inline-block;

    border: 1px solid #eee;

    padding: 0 .1rem;

    cursor: pointer;

}



.goPages * {

    color: #fff;

}



.goPages select {

    border: 1px solid #eee;

    padding: 0 .2rem;

    margin: 0 .1rem;

    background: transparent;

}



.goPages.pages2 * {

    color: #666;

}



.goPages.pages2 a {

    color: #666;

    border: 1px solid #aaa;

    background: #FFF;

}



.goPages.pages2 select {

    border-color: #aaa;

    background: #FFF;

}



.huobanSwiper dd {

    box-sizing: border-box;

    border: 1px solid #eee;

    margin: .4rem 0;

}
.huobanSwiper dd img{text-align:center;margin:0 auto;}


@media only screen and (min-width:1100px) {

    .goPages a:hover {

        background: #f08519;

        color: #fff;

        border-color: #f08519

    }



    .goPages .page-large .on {

        background: #f08519;

        color: #fff;

        border-color: #f08519

    }



    .toplYear .year::after,

    .brandDL dd .sline,

    .brandDL dd .name,

    .contactDL dd,

    .tixiDL dd .imgs,

    .tixiDL dd .hts::before,

    .tixiDL dd,

    .huobanDL dd,

    .jishuDL dd,

    .jishuDL dd img,

    .swiper-btns,

    .whShow .btns,

    .empStyles .btns,

    .hexinFlex .hx .item,

    .qiyeFlex dd .cts,

    .qiyeFlex dd .icon,

    .qiyeFlex dd .qline,

    .qiyeFlex dd,

    .qiyeFlex dd .txt,

    .peitaoDL dd .cts,

    .fourbigFlex dd .bg,

    .fourbigFlex dd .txt,

    .fourbigFlex dd .bg::before,

    .fourbigFlex dd,

    .biaoshiDL dd,

    .jibenDL dd .bline,

    .jibenDL dd,

    .biaoshiDL .jt::before,

    .pictures .btns {

        transition: .5s;

        -webkit-transition: .5s;

    }



    .breadNav .item:hover::before {

        width: 70%;

    }



    .bgattem {

        background-attachment: fixed !important

    }



    .pages>*:hover {

        background: #fff;

        color: #f08519;

    }



    .ptBreadDL dd:hover .icon2 {

        display: block;

    }



    .ptBreadDL dd:hover .icon1 {

        display: none;

    }



    .ptBreadDL dd:hover .hline::before {

        width: 100%;

        left: 0;

    }



    .chanpinDL dd>a:hover {

        border-color: #f08519;

    }



    .biaoshiDL .jt:hover {

        background: rgba(238, 119, 0, .1);

    }



    .biaoshiDL .jt:hover::before {

        background: #ee7700;

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

    }



    .changeLink>a:hover,

    .biaoshiDL dd .btn:hover,

    .whShow .btns:hover,

    .swiper-btns:hover {

        background: #f08519;

        color: #fff;

    }



    .pictures .btns:hover,

    .worlDL .applyBtn:hover,

    .bannerMore>a:hover {

        background: #ee7700

    }



    .jibenDL dd:hover,

    .hexinFlex .hx .item:hover,

    .empStyles .btns:hover {

        background: #f08519;

        color: #fff;

    }



    .jibenDL dd:hover .bline {

        background: #fff;

        padding: 0 .2rem;

        opacity: .6;

    }



    .biaoshiDL dd:hover .pdf {

        background: #f08519;

        color: #fff;

        background: url(../images/d1.jpg) no-repeat center;

    }



    .biaoshiDL dd:hover {

        box-shadow: 0 0 25px -1px rgba(0, 0, 0, .1);

    }



    .fourbigFlex dd:hover .txt {

        height: .6rem;

    }



    .fourbigFlex dd:hover .bg::before {

        background: rgba(0, 0, 0, .4);

    }



    .fourbigFlex dd:hover .bg {

        transform: scale(1);

        -webkit-transform: scale(1);

    }



    .peitaoDL dd:hover .img1 {

        display: none;

    }



    .peitaoDL dd:hover .img2 {

        display: block;

    }



    .peitaoDL dd:hover .cts {

        background: transparent;

        color: #fff;

        border-color: transparent;

    }



    .qiyeFlex dd:hover .txt {

        opacity: 1;

    }



    .qiyeFlex dd:hover {

        background: rgba(0, 0, 0, .4);

    }



    .qiyeFlex dd:hover .qline {

        padding: 0 .2rem;

    }



    .qiyeFlex dd:hover .icon {

        transform: rotate(360deg);

        -webkit-transform: rotate(360deg);

        border-color: #fff;

    }



    .qiyeFlex dd:hover .cts {

        transform: translate(0, -10px);

        -webkit-transform: translate(0, -10px);

    }



    .styleSwiper .link:hover {

        background: #f08519;

        color: #fff;

    }



    .jishuDL dd:hover img {

        transform: rotateY(180deg);

        -webkit-transform: rotateY(180deg);

    }



    .jishuDL dd:hover {

        box-shadow: 0 0 25px -2px rgba(0, 0, 0, .1);

    }



    .lookmores .more:hover {

        background: #fff;

        color: #f08519;

    }



    .huobanDL dd:hover,

    .huobanSwiper dd:hover {

        box-shadow: 0 0 25px -2px rgba(0, 114, 255, .2);

        position: relative;

        z-index: 1;

    }



    .tixiDL dd:hover .icon {

        display: none;

    }



    .tixiDL dd:hover .icons {

        display: block;

    }



    .tixiDL dd:hover {

        color: #f08519;

    }



    .tixiDL dd:hover .hts::before {

        border-color: #f08519;

    }



    .tixiDL dd:hover .imgs {

        transform: rotate(360deg);

        -webkit-transform: rotate(360deg);

    }



    .contactDL dd:hover {

        transform: translate(0, -5px);

        -webkit-transform: translate(0, -5px);

        box-shadow: 0 0 25px -1px rgba(255, 255, 255, .8);

    }



    .brandDL dd:hover .sline {

        padding: 0 .2rem;

    }



    .brandDL dd:hover .name {

        background: #f08519;

        color: #fff;

        border-color: #f08519;

    }

}



@media only screen and (max-width:1100px) {

    .qiyeFlex dd .txt {

        display: none;

    }



    .qiyeFlex dd .cts {

        padding: .6rem .1rem;

    }



    .bght900 {

        height: 6rem;

        max-height: 50vh;

    }

}



@media only screen and (max-width:640px) {

    .bannerPage {

        height: 5rem;

    }



    .phoneBlock {

        display: block;

    }



    .newTop .imgs {

        width: auto;

        margin: 0 0 2% 0;

    }



    .breadNav .item {

        margin: 0 .2rem;

    }



    .breadNav .item::before {

        height: 2px;

    }



    .xwzxDL dd {

        width: 48.5%;

    }



    .chanpinDL dd {

        width: 48.3%;

    }



    .chanpinDL dd>a {

        padding: .2rem;

    }



    .biaoshiDL dd {

        width: 32%;

    }



    .morepicture dd {

        width: 48.5%;

    }



    .peitaoDL dd {

        width: 25%;

    }



    .fourbigFlex dd {

        height: 3rem;

    }



    .fourbigFlex dd .tit {

        left: .2rem;

        top: .2rem;

    }



    .fourbigFlex dd .cot {

        left: .2rem;

        bottom: .2rem;

    }



    .hexinFlex {

        display: block;

        padding: .5rem 0;

    }



    .hexinFlex .hx {

        display: flex;

        justify-content: space-between;

        -webkit-justify-content: space-between;

    }



    .hexinFlex .hx .item {

        box-sizing: border-box;

        width: 32.33%;

    }



    .bght900 {

        height: 5rem;

    }



    .empStyles {

        display: block;

    }



    .empStyles .tit {

        padding: 0 0 .2rem 0;

        text-align: center;

    }



    .empStyles .btn {

        padding-top: .2rem;

    }



    .empStyles .btns {

        margin: 0 .1rem;

    }



    .collegeBg .bgs {

        height: 5rem;

    }



    .collegeBg .name {

        padding: 0 .3rem;

    }



    .whShow .wh-next,

    .swiper-btns.wp-next {

        right: 0;

    }



    .whShow .wh-prev,

    .swiper-btns.wp-prev {

        left: 0;

    }



    .zerenDL dd,

    .jishuDL dd {

        width: 48%;

    }



    .yanfa .qyyjDL2 dd {

        width: 20%;

        padding-top: 1rem;

    }



    .cgImg img {

        width: 32%;

    }



    .nengliDL dd {

        width: 49%;

    }



    .zidonghuaDL dd {

        width: 49%;

    }



    .shuziDL dd .scaleImg img {

        height: 1.8rem;

    }



    .tixiDL dd {

        width: 25%;

    }



    .tixiDL dd:nth-child(5) {

        margin-left: 12.5%;

    }



    .huobanDL dd {

        margin: .2rem 0;

    }



    .huobans {

        padding: 1px .2rem;

    }



    .partnerBg {

        bottom: 1.4rem;

    }



    .zongbu {

        display: block;

    }



    .zongbu .flex1 {

        padding: 0 0 .2rem 0;

    }



    .mapFlex,

    .mapFlex .map {

        width: auto;

        height: 3.6rem;

    }



    .contactDL dd {

        width: 100%;

    }



    .brandDL dd {

        height: 6rem;

    }



    .brandDL dd .pds {

        padding: .5rem .1rem .2rem .1rem;

    }



    .donglingDL .bg {

        height: 50vh;

    }



    .donglingDL .borders .scaleImg {

        width: 33.33%;

    }



    .brandDL dd .name {

        width: 1rem;

        line-height: 1rem;

        font-size: .48rem;

    }



    .minht600 {

        min-height: 4rem;

    }



    .dongling {

        display: block;

        padding: .3rem;

    }



    .dongling .left {

        width: auto;

    }



    .dongling .txt {

        padding: .2rem 0

    }



    .mingzhan {

        height: 50vh;

    }



    .bottomImg {

        padding: 0 .25rem

    }



    .bottomImg .tit {

        padding: 0

    }



    .toplYear {

        padding: 0 .2rem

    }



    .toplYear .year {

        width: 1.6rem;

        height: 1.6rem;

        line-height: 1.6rem

    }



    .qiyeFlex dd {

        width: 50%;

        text-align: center;

        overflow: hidden;

    }



    .vidoeFlex dd {

        width: 100%;

        margin-bottom: 3%;

        position: relative;

        color: #fff;

    }



    .nr_img p img {

        width: 100% !important;

        height: auto !important;

    }

}



.download {

    width: 100%;

    border-radius: 4px;

    margin-top: 26px;

}



.download a {

    width: 131px;

    height: 45px;

    background: #f08519;

    border-radius: 23px;

    margin: 0 auto;

    line-height: 45px;

    font-size: 16px;

    text-align: center;

    display: block;

    color: #ffffff;

}



.download a:hover {

    background-color: #ff9700;

}



.sharePrice {

    padding-top: 20px;

}



.sharePrice h2 {

    height: 58px;

    background: #36995a;

    text-align: center;

    font-size: 18px;

    color: #fff;

    line-height: 58px;

}



.sharePrice .table {

    padding-top: 10px;

}



.sharePrice .table td {

    border-right: #fff solid 2px;

    border-bottom: #fff solid 2px;

    text-align: center;

    height: 47px;

    background: #f08519;

    font-size: 14px;

    font-weight: bold;

    color: #fff;

}



.sharePrice .table td.td_01 {

    background: #eaf4ef;

    color: #186d67;

    font-weight: 400;

}



.sharePrice .table td.td_02 {

    background: #fff;

}



.sharePrice .table td.td_03 {

    height: 125px;

    background: #f0f0f0;

    color: #f08519;

}



.sharePrice .table td.td_04 {

    background: #f0f0f0;

    color: #f08519;

}


.page-cat-box {
    margin-bottom: 50px;
    background: #fafafa;
    border: 1px solid #f8f8f8;
    padding: 30px 50px 10px;
  }
  .page-cat-box span,
  .page-cat-box a {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    line-height: 32px;
  }
  .page-cat-box span {
    font-weight: 700;
    color: #333;
    margin-right: 10px;
    margin-bottom: 20px;
  }
  .page-cat-box a {
    position: relative;
    color: #999;
    padding: 0 16px;
    border: 2px solid transparent;
  }
  .page-cat-box a.on,
  .page-cat-box a:hover {
    color: #f08519;
    border-color: #f08519;
  }
  .page-cat-box a.on:after,
  .page-cat-box a:hover:after {
    opacity: 1;
    visibility: visible;
  }









  .video-wrapper .first-box {
    position: relative;
    cursor: pointer;
  }
  .video-wrapper .first-box.on .pic {
    opacity: 0;
    visibility: hidden;
  }
  .video-wrapper .first-box.on .video {
    opacity: 1;
    visibility: visible;
  }
  .video-wrapper .first-box .pic > img {
    width: 100%;
    height: auto;
  }
  .video-wrapper .first-box .pic .info {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
    width: 100%;
    text-align: center;
    margin-top: -53px;
  }
  .video-wrapper .first-box .pic .name {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    line-height: 30px;
    margin-top: 12px;
  }
  .video-wrapper .first-box .video {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
  }
  .video-wrapper .first-box .video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .video-wrapper .cat-box {
    text-align: center;
    margin: 60px auto;
  }
  .video-wrapper .cat-box .inner {
    display: inline-block;
    font-size: 0;
    border: 1px solid #ececec;
    border-radius: 30px;
  }
  .video-wrapper .cat-box a {
    display: inline-block;
    font-size: 14px;
    color: #666;
    width: 150px;
    line-height: 50px;
    border-radius: 30px;
  }
  .video-wrapper .cat-box a.on {
    color: #fff;
    font-weight: 700;
    background: #f08519;
  }
  .video-wrapper .list ul {
    zoom: 1;
  }
  .video-wrapper .list ul:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
  }
  .video-wrapper .list ul li {
    float: left;
    width: 23%;
    margin-right: 0.5%;
    margin-bottom: 3.5%;
    font-size:14px;
  }
 
  .video-wrapper .list ul li:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
  }
  .video-wrapper .list ul li a {
    display: block;
  }
  .video-wrapper .list ul li .pic {
    position: relative;
    font-size: 0;
    overflow: hidden;
  }

  .video-wrapper .list ul li .pic img {
    width: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
    -webkit-transition: transform 0.8s ease;
    -moz-transition: transform 0.8s ease;
    -ms-transition: transform 0.8s ease;
    -o-transition: transform 0.8s ease;
  }
  .video-wrapper .list ul li .name {

  }


  .img-wrapper .cat-box {
    text-align: center;
    margin: 60px auto;
  }
  .img-wrapper .cat-box .inner {
    display: inline-block;
    font-size: 0;
    border: 1px solid #ececec;
    border-radius: 30px;
  }
  .img-wrapper .cat-box a {
    display: inline-block;
    font-size: 14px;
    color: #666;
    width: 150px;
    line-height: 50px;
    border-radius: 30px;
  }
  .img-wrapper .cat-box a.on {
    color: #fff;
    font-weight: 700;
    background: #f08519;
  }
  .img-wrapper .list3 ul li {
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
  }
  .img-wrapper .list3 ul li:nth-child(3n) {
    margin-right: 0;
  }
  .img-wrapper .list3 ul li:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
  }
  .img-wrapper .list3 ul li a {
    display: block;
  }
  .img-wrapper .list3 ul li .pic {
    position: relative;
    font-size: 0;
    overflow: hidden;
  }


  .img-wrapper .list3 ul li .name {

  }
  .video-wrapper .box {
    display: none;
  }
  .video-modal-box {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 40;
  }
  .video-modal-box .box {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    align-items: center;
  }
  .video-modal-box .w1200 {
    background: #fff;
    padding: 40px 60px 60px;
  }
  .video-modal-box .top {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f7f8f9;
  }
  .video-modal-box .name {
    font-size: 20px;
    color: #666;
    line-height: 36px;
    letter-spacing: 1px;
  }
  .video-modal-box .close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    font-size: 36px;
    color: #999;
    font-family: "avan";
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
  }
  .video-modal-box .close:hover {
    color: #f08519;
    transform: rotate(-90deg);
  }
  .video-modal-box .video-box {
    height: 60vh;
    font-size: 0;
    overflow: hidden;
  }
  .video-modal-box .video-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }










  .service-wrapper .box-1 {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: 98px;
  }
  .service-wrapper .box-1 .page-title-box {
    padding-top: 0;
  }
  .service-wrapper .box-1 .info {
    width: 51%;
  }
  .service-wrapper .box-1 .info .content {
    margin-top: 30px;
  }
  .service-wrapper .box-1 .pic {
    font-size: 0;
    width: 40.4%;
  }
  .service-wrapper .box-1 .pic img {
    width: 100%;
    height: auto;
  }
  .service-wrapper .content {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    font-weight:0;
  }
  .service-wrapper .box-2 {
    position: relative;
    margin-top: 124px;
    background: url(../images/servicebg.jpg) no-repeat;
    background-size: cover;
    padding: 82px 190px 132px 100px;
    margin-left: -100px;
    margin-right: -190px;
  }
  .service-wrapper .box-2 div {
    color: #fff;
    text-transform: uppercase;
  }
  .service-wrapper .box-2 .word {
    font-size: 200px;
    line-height: 200px;
    opacity: 0.05;
    font-family: "avb";
  }
  .service-wrapper .box-2 .en {
    font-size: 90px;
    line-height: 90px;
    font-weight: 700;
    font-family: Arial;
    margin-top: -90px;
  }
  .service-wrapper .box-2 .desc {
    font-size: 32px;
    line-height: 30px;
    margin: 36px auto 20px;
  }
  .service-wrapper .box-2 .brief {
    font-size: 12px;
    opacity: 0.7;
    line-height: 20px;
  }
  .service-wrapper .box-2 .map {
    position: absolute;
    right: 190px;
    bottom: -58px;
    z-index: 10;
  }
  .service-wrapper .box-3 {
    margin-top: 160px;
  }
  .service-wrapper .box-3 ul {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
  }
  .service-wrapper .box-3 ul li {
    width: 20%;
    cursor: pointer;
  }
  .service-wrapper .box-3 ul li:hover .icon {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    box-shadow: 0 1px 60px rgba(0, 0, 0, 0.02);
  }
  .service-wrapper .box-3 ul li:hover .icon:before {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  .service-wrapper .box-3 ul li:hover .name {
    color: #35afd7;
  }
  .service-wrapper .box-3 ul li .icon {
    position: relative;
    width: 90px;
    height: 90px;
    border: 1px solid #f7f7f7;
    border-radius: 50%;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    text-align: center;
  }
  .service-wrapper .box-3 ul li .icon:before {
    content: "";
    display: block;
    width: 1px;
    height: 150px;
    background: url(../images/line2.jpg) repeat-y center center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -75px;
    z-index: -1;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transform-origin: 50% 50%;
  }
  .service-wrapper .box-3 ul li .icon img {
    width: 40px;
    margin: 25px auto;
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
  }
  .service-wrapper .box-3 .info {
    line-height: 30px;
    padding-right: 10px;
  }
  .service-wrapper .box-3 .en,
  .service-wrapper .box-3 .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .service-wrapper .box-3 .en {
    font-size: 26px;
    font-family: "avb";
    color: #eee;
    text-transform: uppercase;
    margin-top: 50px;
  }
  .service-wrapper .box-3 .name {
    font-size: 26px;
    color: #333;
    font-weight: 700;
    margin-top: 30px;
    margin: 34px auto 20px;
  }
  .service-wrapper .box-3 .desc {
    font-size: 14px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 60px;
    width: 74%;
  }
  .service-wrapper .box-4 {
    margin-top: 90px;
  }
  .service-wrapper .box-4 .item {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    padding: 100px 0 96px;
    border-top: 1px solid #f0f0f0;
  }
  .service-wrapper .box-4 .item .info {
    width: 46%;
  }
  .service-wrapper .box-4 .item .pic {
    width: 46.27%;
    font-size: 0;
    overflow: hidden;
  }
  .service-wrapper .box-4 .item .pic img {
    width: 100%;
  }
  .service-wrapper .box-4 .item .info .name {
    color: #35afd7;
    font-size: 26px;
    margin-bottom: 30px;
  }
  .service-wrapper .box-5 {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .service-wrapper .box-5 .pic {
    font-size: 0;
    width: 50.17%;
    margin-top: 12px;
  }
  .service-wrapper .box-5 .pic img {
    width: 100%;
    height: auto;
  }
  .service-wrapper .box-5 li {
    margin-bottom: 40px;
  }
  .service-wrapper .box-5 .info {
    width: 45.99%;
  }
  .service-wrapper .box-5 .info .key {
    font-size: 26px;
    color: #666;
    font-family: "gb";
    margin-right: 14px;
  }
  .service-wrapper .box-5 .info .tit {
    font-size: 22px;
    color: #666;
    line-height: 30px;
  }
  .service-wrapper .box-5 .info .desc {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin-top: 16px;
  }
  .service-wrapper .box-6 {
    margin-left: -100px;
    margin-right: -190px;
    padding: 98px 190px 95px 100px;
    background: #fafafa;
    margin-top: 126px;
  }
  .service-wrapper .box-6 .caption {
    font-size: 24px;
    color: #333;
    font-weight: 700;
    text-align: center;
    line-height: 30px;
  }
  .service-wrapper .box-6 .list {
    margin-top: 70px;
  }
  .service-wrapper .box-6 .list ul {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
  }
  .service-wrapper .box-6 .list ul li {
    width: 25%;
    background: url(../images/angle-right.png) no-repeat right top 55px;
  }
  .service-wrapper .box-6 .list ul li:nth-child(4n) {
    background: none;
  }
  .service-wrapper .box-6 .pic {
    display: block;
    margin: 0 auto;
    height: 120px;
    object-fit: contain;
  }
  .service-wrapper .box-6 .info {
    text-align: center;
    line-height: 30px;
    margin-top: 60px;
  }
  .service-wrapper .box-6 .info .name {
    font-size: 22px;
    color: #333;
  }
  .service-wrapper .box-6 .info .desc {
    font-size: 14px;
    color: #666;
    margin-top: 25px;
  }
  .service-wrapper .box-7 {
    margin-top: 98px;
  }
  .service-wrapper .box-7 .caption {
    font-size: 26px;
    color: #35afd7;
    line-height: 30px;
  }
  .service-wrapper .box-7 .list {
    margin-top: 46px;
  }
  .service-wrapper .box-7 .list ul {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
  }
  .service-wrapper .box-7 .list ul li {
    width: 24%;
    text-align: center;
    margin-right: 1.33%;
  }
  .service-wrapper .box-7 .list ul li:nth-child(4n) {
    margin-right: 0;
  }
  .service-wrapper .box-7 .list ul li:hover .icon {
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
  }
  .service-wrapper .box-7 .icon {
    width: 100px;
    margin: 0 auto;
    transition: transform 0.4s ease;
    -webkit-transition: transform 0.4s ease;
    -moz-transition: transform 0.4s ease;
    -ms-transition: transform 0.4s ease;
    -o-transition: transform 0.4s ease;
  }
  .service-wrapper .box-7 .info {
    line-height: 30px;
    margin-top: 38px;
  }
  .service-wrapper .box-7 .info .name {
    font-size: 18px;
    color: #333;
  }
  .service-wrapper .box-7 .info .desc {
    font-size: 14px;
    color: #666;
    width: 77%;
    margin: 14px auto 0;
  }
  .service-wrapper .box-8 {
    margin: 156px auto 95px;
  }