/*******************************************************  公用beg  *******************************************************/


@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}


.fadeInUp {
    opacity: 0;
    animation:fadeInUp 0.8s ;
    animation-fill-mode:forwards;

    animation-delay:1s;
    -webkit-animation-delay:1;
    /*-webkit-animation:fadeInUp 0.5s;*/
    /*-webkit-animation-name: fadeInUp;*/
    /*animation-name: fadeInUp;*/
}


.windows-show {
    opacity: 0;
}





.bx-wrapper{
    margin: 0 auto;
}


/** more 浮动  position: relative; **/
.more-class{
    margin: 0 auto;
    float: left;
    width: 100%;
    /*position: absolute;*/
    bottom: 30px;
}


.more-a {
    background: rgba(255, 255, 255, .0);
    width: 360px;
    display: block;
    transition: all ease-out .3s;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
    color: #1114fd;
    text-align: center;
    text-indent: 0px;
    margin: 3% auto;
    border: #dfdfdf 1px solid;
    margin-top: 80px;
    animation-name: fadeInUp;
    animation-delay: .5s;
}

.more-a i{
    text-indent: -10px;
    font-size: 24px;
    color: rgba(255, 255, 255, .0);
    transition: all ease-out .3s
}

.more-a:hover {
    border-color: #1114fd;
    text-align: center;
    background-color: #1114fd;
    /*background-color: #FDD947;*/
    /*color: #474747;*/
    transition: all ease-out .3s;
    text-indent: 130px;
    color: #FFF;
}

.more-a:hover i{
    text-indent: 18px;
    color: #FFF;
}


/*******************************************************  公用beg  *******************************************************/




/*******************************************************  首页轮播beg  *******************************************************/

#mslider ul li p{
    transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
}

.slides_div_div {
    padding: 0 110px 30px;
    margin: 0 auto; /*水平居中*/
    position: relative;
    top: 50%; /*偏移*/
    transform: translateY(-50%);

}

.slides_div_div .subtitle{
    font-size: 14px;
    height: 25px;
    transition-delay: 2s;
    text-align: left;
    padding: 30px 0px;
    color: #6e6e6e;
    width: 40%;
    font-family: helveticaneueltpro-thex,微软雅黑;
}

.slides_div .title::before{
    position: absolute;
    content: "";
    width: 30px;
    height: 3px;
    background: #fdd947;
    margin-top: 76px;
}


.slides_div .title{
    font-size: 42px;
    line-height: 60px;
    height: 60px;
    text-align: left;
    /*margin: 0 1800px 0 20px;*/
    /*margin: 1px 1800px 0 20px;*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    width: 40%;
    font-family: helveticaneueltpro-thex,微软雅黑;
    transition-delay: 1s;


    color: #fff;


}

.slides_div:before{
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
    background-attachment: fixed;
}


#mslider .owl-stage div.active p{
    transform: translateY(0px);
    opacity: 1;
    -webkit-transition: all ease-out 0.5s;
}

#mslider .owl-stage p{
    transform: translateY(25px);
    transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    opacity: 0;
}

/*******************************************************  首页轮播end  *******************************************************/









/*******************************************************  新首页轮播beg  *******************************************************/



#new_mslider{
    height: 100%;
    background:#fff;
}

/*#new_mslider .content{*/
/*    margin: 0 auto;*/
/*    position: relative;*/
/*    !*top: 35%;*!*/
/*    transform: translateY(-50%);*/
/*}*/


/*#new_mslider .header img{*/
/*    width: 100px;*/
/*    height: 100px;*/
/*    float: none;*/
/*    display: block;*/
/*    margin: 10px auto 24px;*/
/*    border-radius: 90px;*/
/*}*/


/*!**姓名，框**!*/
/*#new_mslider .summary p {*/
/*    text-align: center*/
/*}*/

/*#new_mslider .summary p.title {*/
/*    color: #fff;*/
/*    font-size: 24px*/
/*}*/

/*#new_mslider .summary p.title a {*/
/*    color: #474747;*/
/*}*/

/*#new_mslider .summary p.subtitle {*/
/*    color: #a5a5a5;*/
/*    font-size: 12px;*/
/*    margin-bottom: 30px*/
/*}*/

/*#new_mslider .description {*/
/*    color: #909090;*/
/*    background-color: rgba(255,255,255,.05);*/
/*    padding: 36px;*/
/*    border-radius: 8px;*/
/*    !*color: #bebebe;*!*/
/*}*/


/*#new_mslider .summary p.subtitle {*/
/*    color: #a5a5a5;*/
/*    font-size: 12px;*/
/*    margin-bottom: 30px*/
/*}*/

/*#new_mslider .module-content .description {*/
/*    width: 720px;*/
/*    text-align: center;*/
/*    height: 110px;*/
/*    margin: 0 auto;*/
/*    font-size: 13px;*/
/*    color: #848484;*/
/*    line-height: 24px;*/
/*    overflow: hidden*/
/*}*/


/*!** 下一个 **!*/

/*#new_mslider .bx-wrapper .bx-controls-direction a {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    margin-top: -20px;*/
/*    outline: 0;*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    z-index: 2;*/
/*    background: rgba(0, 0, 0, .5);*/
/*    transition: all ease-out .3s*/
/*}*/

/*#new_mslider .bx-wrapper .bx-controls-direction a i {*/
/*    color: #fff;*/
/*    font-size: 30px;*/
/*    margin-top: 4px;*/
/*    margin-left: 14px;*/
/*    transition: all ease-out .3s*/
/*}*/

/*#new_mslider .bx-wrapper .bx-controls-direction a.bx-next i {*/
/*    margin-left: 16px*/
/*}*/

/*#new_mslider .bx-wrapper .bx-controls-direction a.disabled {*/
/*    display: none;*/
/*}*/

/*#new_mslider .bx-wrapper .bx-prev {*/
/*    left: 20px;*/
/*}*/

/*#new_mslider .bx-wrapper .bx-next {*/
/*    right: 20px;*/
/*}*/

/*#new_mslider .bx-wrapper .bx-controls-direction a:hover {*/
/*    background-color: #FDD947*/
/*}*/


/*#new_mslider .bx-wrapper .bx-controls-direction:hover a i {*/
/*    color: #474747;*/
/*}*/
/*!*** 底部选择 ***!*/

/*#new_mslider .bx-wrapper .bx-pager {*/
/*    text-align: center;*/
/*    font-size: .85em;*/
/*    font-family: Arial;*/
/*    font-weight: bold;*/
/*    color: #666;*/
/*}*/

/*#new_mslider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {*/
/*    !*position: absolute;*!*/
/*    bottom: 20px;*/
/*    width: 100%;*/
/*    z-index: 3;*/
/*}*/

/*#new_mslider .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {*/
/*    border: 1px solid #FDD947;*/
/*    background-color: #FDD947;*/
/*}*/

/*#new_mslider .bx-wrapper .bx-pager.bx-default-pager a {*/
/*    margin: 0px 1px;*/
/*    border-radius: 0px;*/
/*    border: 1px solid rgba(143, 143, 143, 0.3);*/
/*}*/

/*#new_mslider .bx-wrapper .bx-pager.bx-default-pager a {*/
/*    text-indent: -9999px;*/
/*    display: block;*/
/*    margin: 0;*/
/*    outline: 0;*/
/*    !*border-radius: 6px;*!*/
/*    transition: all ease-out .3s;*/
/*    border: #c8c8c8 1px solid;*/
/*    width: 50px;*/
/*    height: 2px;*/
/*}*/

/*#new_mslider  .bx-wrapper .bx-pager {*/
/*    bottom: -6%;*/
/*    display: block;*/
/*}*/

/*#new_mslider .bx-wrapper .bx-pager-item{*/
/*    display: inline-block;*/
/*    *zoom: 1;*/
/*    *display: inline;*/
/*}*/

.slides_div a {

    width: 100%;height: 100%;display: block
}
/*******************************************************  新首页轮播end  *******************************************************/










/*******************************************************  我们beg  *******************************************************/

#my_history {
    width: 1080px;
    position: relative;
    margin: 0 auto;
    background-color: #FFF;
    padding: 55px 0 80px;
    animation: fadeleft .5s .3s ease both;

}

#my_history .pingfang{
    margin-bottom: 60px;

}





/*@font-face {*/
/*    font-family: 'PingFangEL2302f7376217e93';*/
/*    src: url('//cdn.repository.webfont.com/webfonts/vipjs/97939/47100/5f5367eb344aa733eaf0f853.gif');*/
/*    src: url('//cdn.repository.webfont.com/webfonts/vipjs/97939/47100/5f5367eb344aa733eaf0f853.gif?#iefix') format('embedded-opentype'),*/
/*    url('//cdn.repository.webfont.com/webfonts/vipjs/97939/47100/5f5367eb344aa733eaf0f853.png') format('woff2'),*/
/*    url('//cdn.repository.webfont.com/webfonts/vipjs/97939/47100/5f5367eb344aa733eaf0f853.bmp') format('woff'),*/
/*    url('//cdn.repository.webfont.com/webfonts/vipjs/97939/47100/5f5367eb344aa733eaf0f853.jpg') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

#my_history .pingfang a{
    /*font-family: 'webfont' !important;*/
    font-size: 30px;
    color: #2c2c2c;
    line-height:2em;
    font-weight: 1;
}


#my_history .nofollow .nofollow-a{
    font-size: 12px;
    color: #9fa0a0;
}

#my_history .nofollow:hover .nofollow-a{
    color:#000;
}






@keyframes fadeleft {
    0% {
        -webkit-transform: translateY(40px);
        opacity:0;
    }
    100% {
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}



/*******************************************************  我们end  *******************************************************/








/*******************************************************  产品beg  *******************************************************/

#indexPage .content .header {
    padding-top: 0;
}

.content .header {
    padding-top: 120px;
    padding-bottom: 10%;
}

.content .header p {
    text-align: center;
}

.content .header p.title {
    color: #444;
    font-size: 26px;
}






#indexPage #mproject a.more {
    margin: 3% auto;
}


#indexPage #mproject a.more {
    animation-name: fadeInUp;
    animation-delay: .5s;
}


#indexPage #mproject a.more {
    margin-top: 80px;
}



#indexPage a.more, #indexPage a.details, #sitecontent .npagePage a.details {
    border: #dfdfdf 1px solid;
    background: rgba(255, 255, 255, .0);
    width: 360px;
    height: 58px;
    display: block;
    margin: 40px auto 50px;
    line-height: 58px;
    font-size: 20px;
    color: #e0a240;
    text-indent: 150px;
    border-radius: 30px;
    transition: all ease-out .3s;
}


#indexPage a.more {
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
    color: #FDD947;
    border-color: rgba(255,255,255,.1);
    border-radius: 0px;
    text-align: center;
    text-indent: 0px;
    margin: 3% auto;
    border: #dfdfdf 1px solid;
}
#indexPage a.more i {
    font-size: 20px;
}
#indexPage a.more:hover {
    border-color: #FDD947;
    text-indent: 0px;
    text-align: center;
    /*background-color: #FDD947;*/
    /*color: #474747;*/
}
#indexPage a.more:hover i {
    color: #FDD947;
}



#indexPage a.more:hover, #indexPage a.details:hover, #sitecontent .npagePage a.details:hover {
    border-color: #b6b6b6;
    text-indent: 130px;
}

#indexPage a.more i, #indexPage a.details i, #sitecontent .npagePage a.details i {
    text-indent: -10px;
    font-size: 24px;
    color: rgba(255, 255, 255, .0);
    transition: all ease-out .3s
}

#indexPage a.more:hover i, #indexPage a.details:hover i, #sitecontent .npagePage a.details:hover i {
    text-indent: 18px;
    color: #FDD947;
}


#projectSubList_ .wrapper {
    width: 90%;
    margin: 0 auto;
}



#projectlist .bx-viewport {
    padding-bottom: 80px;
}
#projectlist .projectitem a .project_info::after {
    width: 0%;
    height: 80px;
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    background-color: #FDD947;
    z-index: -1;
}

#projectlist .projectitem a:hover .project_info::after {
    width: 100%;
}
#projectlist .projectitem a .project_info p.title {
    margin: 0 40px;
    color: #e6e6e6;
    padding: 18px 0px 5px;
}


#projectlist .projectitem a .project_info div {
    position: absolute;
    height: 80px;
    width: 100%;
    bottom: -80px;
    margin-top: 0;
    top: auto;
    background-color: rgb(62, 62, 62);
    transition: all 0.3s ease-out 0s;
}




#projectlist .projectitem a:hover .project_info div {
    background-color: transparent;
}
#projectlist .projectitem a:hover .project_info p.title {
    color: #545454;
}
#projectlist .projectitem a .project_info p.subtitle {
    margin-top: 0;
}

#projectlist .projectitem {
    margin-bottom: 100px;
}
#projectlist .projectitem a:hover .project_info {
    background: transparent;
}



#projectlist .projectitem {
    width: 24%;
    height: auto;
    margin-right: 1%;
    margin-bottom: 1%;
    float: left;
    position: relative;
    background: #000
}

#indexPage #projectlist .projectitem {
    margin: 0
}

#indexPage #mproject .bx-wrapper .bx-pager {
    bottom: -40px
}

#indexPage #mproject .bx-wrapper .bx-controls-direction {
    display: none
}

#indexPage #mproject a.more {
    margin-top: 80px
}

#projectlist .projectitem a {
    display: block;
    overflow: hidden
}

#projectlist .projectitem a img {
    float: none;
    width: 100%;
    height: auto;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#projectlist .projectitem a:hover img {
    transform: scale(1.2, 1.2)
}

#projectlist .projectitem a .project_info {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease-out .3s;
}

#projectlist .projectitem a:hover .project_info {
    background: rgba(0, 0, 0, .7)
}

#projectlist .projectitem a .project_info p {
    text-align: center;
    color: #fff;
    padding: 0 20px
}



#projectlist .projectitem a .project_info p.title {
    /*margin-top: 10px;*/
    /*color: rgba(0, 0, 0, 0);*/
    font-size: 16px;
    transition: all ease-out .3s;
}

#projectlist .projectitem a:hover .project_info p.title {
    margin-top: 0px;
    color: #fff;
    font-size: 16px
}

#projectlist .projectitem a .project_info p.subtitle {
    /*margin-top: 16px;*/
    font-size: 12px;
    margin-top: 0;
    transition: all ease-out .3s;
}


#projectlist .projectitem a:hover .project_info p.subtitle {
    margin-top: 0px;
    /*color: #b7b7b7;*/
}





#npagePage #projectlist .projectitem a .project_info div {
    margin-top: 0px;
}


#npagePage #projectlist .projectitem a .project_info {
    position: inherit;
}

#npagePage #projectlist .projectitem a .project_info p.subtitle {
    color: #333;
    margin-top: 0px;
    height: 24px;
    line-height: 24px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#npagePage #projectlist .projectitem a .project_info p.title {
    color: #b7b7b7;
    margin-top: 0px;
    height: 22px;
    line-height: 22px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block
}


/*******************************************************  产品end  *******************************************************/










/*******************************************************  服务beg  *******************************************************/
#servicelist .serviceitem div p.title {
    color: #DDD;
    height: 50px;
}

#servicelist .serviceitem div {
    margin-top: 20px;
}

#servicelist .serviceitem a img {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}







#serviceitem_0::before {
    width: 0px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    content: "01";
    font-size: 22px;
    top: 0px;
    left: 0px;
    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
    color: #848484;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#serviceitem_1::before {
    width: 0px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    content: "02";
    font-size: 22px;
    top: 0px;
    left: 0px;
    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
    color: #848484;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#serviceitem_2::before {
    width: 0px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    content: "03";
    font-size: 22px;
    top: 0px;
    left: 0px;
    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
    color: #848484;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}


#serviceitem_3::before {
    width: 0px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    content: "04";
    font-size: 22px;
    top: 0px;
    left: 0px;
    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
    color: #848484;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}



#serviceitem_0:hover::before {
    width: 26px;
    height: 1px;
    background-color: #1114fd;
    color: #1114fd;
}

#serviceitem_1:hover::before {
    width: 26px;
    height: 1px;
    background-color: #1114fd;
    color: #1114fd;
}

#serviceitem_2:hover::before {
    width: 26px;
    height: 1px;
    background-color: #1114fd;
    color: #1114fd;
}

#serviceitem_3:hover::before {
    width: 26px;
    height: 1px;
    background-color: #1114fd;
    color: #1114fd;
}


#servicelist .serviceitem:hover .title {
    color: #1114fd;
}

#servicelist .serviceitem {
    background-color: transparent;
    padding: 30px 0 0;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#servicelist .serviceitem:hover {
    background-color: transparent;
    padding-top: 0px;
}


#servicelist .serviceitem {
    margin: 0
}

#servicelist {
    width: 70%;
    margin: 0 auto
}

#servicelist .wrap {
    margin-right: -50px
}

#servicelist .serviceitem {
    width: 200px;
    height: 240px;
    float: left;
    margin-bottom: 50px;
}

#servicelist .serviceitem a {
    display: block;
    width: 100%;
    height: 100%
}

#servicelist .serviceitem a img {
    float: none;
    /*width: 342px;*/
    height: auto;
    margin: 0 auto
}

#servicelist .serviceitem div {
    text-align: center;
    margin-top: 15px
}

#servicelist .serviceitem div p.title {
    color: #595959;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    transition: all ease-out .2s
}

#servicelist .serviceitem div p.description {
    color: #848484;
    font-size: 13px;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
    width: 100%
}

#servicelist .serviceitem:hover .title {
    color: #1114fd
}


#servicelist .serviceitem {
    animation-name: slideInUp;
}







/** more **/
#indexPage #mservice a.more {
    margin: 3% auto;
}


#indexPage #mservice a.more {
    animation-name: fadeInUp;
    animation-delay: .5s;
}


#indexPage #mservice a.more {
    margin-top: 80px;
}



#mservice a.more, #indexPage a.details, #sitecontent .npagePage a.details {
    border: #dfdfdf 1px solid;
    background: rgba(255, 255, 255, .0);
    width: 360px;
    height: 58px;
    display: block;
    margin: 0px auto 50px;
    line-height: 58px;
    font-size: 20px;
    color: #e0a240;
    text-indent: 150px;
    border-radius: 30px;
    transition: all ease-out .3s;
}


#mservice a.more {
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
    color: #FDD947;
    border-color: rgba(255,255,255,.1);
    border-radius: 0px;
    text-align: center;
    text-indent: 0px;
    margin: 3% auto;
    border: #dfdfdf 1px solid;
}
#mservice a.more i {
    font-size: 20px;
}
#mservice a.more:hover {
    border-color: #FDD947;
    text-indent: 0px;
    text-align: center;
    /*background-color: #FDD947;*/
    /*color: #474747;*/
}
#mservice a.more:hover i {
    color: #FDD947;
}



#mservice a.more:hover, #indexPage a.details:hover, #sitecontent .npagePage a.details:hover {
    border-color: #b6b6b6;
    text-indent: 130px;
}

#mservice a.more i, #indexPage a.details i, #sitecontent .npagePage a.details i {
    text-indent: -10px;
    font-size: 24px;
    color: rgba(255, 255, 255, .0);
    transition: all ease-out .3s
}

#mservice a.more:hover i, #indexPage a.details:hover i, #sitecontent .npagePage a.details:hover i {
    text-indent: 18px;
    color: #FDD947;
}




/*******************************************************  服务end  *******************************************************/








/*******************************************************  关于beg  *******************************************************/
#mpage{

    background:#fff;
}

#indexPage #mpage .content, #indexPage #mpage .module-content, #indexPage #mpage .wrapper, #indexPage #mpage .slider, #indexPage #mpage .wrapper li, #indexPage #mpage .wrapper li .fimg {
    height: 100%;
}

/*******************************************************  关于end  *******************************************************/






/*******************************************************  团队beg  *******************************************************/

#mteam{
    height: 100%;
    background:#fff;
}

#mteam .content{
    margin: 0 auto;
    position: relative;
    top: 35%;
    transform: translateY(-50%);
}


#mteam .header img{
    width: 100px;
    height: 100px;
    float: none;
    display: block;
    margin: 10px auto 24px;
    border-radius: 90px;
}




/**姓名，框**/
#mteam .summary p {
    text-align: center
}

#mteam .summary p.title {
    color: #fff;
    font-size: 24px
}

#mteam .summary p.title a {
    color: #474747;
}

#mteam .summary p.subtitle {
    color: #a5a5a5;
    font-size: 12px;
    margin-bottom: 30px
}

#mteam .description {
    color: #909090;
    background-color: rgba(255,255,255,.05);
    padding: 36px;
    border-radius: 8px;
    /*color: #bebebe;*/

}



#mteam .summary p.subtitle {
    color: #a5a5a5;
    font-size: 12px;
    margin-bottom: 30px
}

.module-content .description {
    width: 720px;
    text-align: center;
    height: 110px;
    margin: 0 auto;
    font-size: 13px;
    color: #848484;
    line-height: 24px;
    overflow: hidden
}


/** 下一个 **/

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    outline: 0;
    width: 40px;
    height: 40px;
    z-index: 2;
    background: rgba(0, 0, 0, .5);
    transition: all ease-out .3s
}

.bx-wrapper .bx-controls-direction a i {
    color: #fff;
    font-size: 30px;
    margin-top: 4px;
    margin-left: 14px;
    transition: all ease-out .3s
}

.bx-wrapper .bx-controls-direction a.bx-next i {
    margin-left: 16px
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

.bx-wrapper .bx-prev {
    left: 20px;
}

.bx-wrapper .bx-next {
    right: 20px;
}

.bx-wrapper .bx-controls-direction a:hover {
    background-color: #FDD947
}
.bx-wrapper .bx-controls-direction:hover a i {
    color: #474747;
}
/*** 底部选择 ***/

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    /*position: absolute;*/
    bottom: 20px;
    width: 100%;
    z-index: 3;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    border: 1px solid #FDD947;
    background-color: #FDD947;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    margin: 0px 1px;
    border-radius: 0px;
    border: 1px solid rgba(143, 143, 143, 0.3);
}




.bx-wrapper .bx-pager.bx-default-pager a {
    text-indent: -9999px;
    display: block;
    margin: 0;
    outline: 0;
    /*border-radius: 6px;*/
    transition: all ease-out .3s;
    border: #c8c8c8 1px solid;
    width: 50px;
    height: 2px;
}

#mteam .bx-wrapper .bx-pager {
    bottom: -6%;
    display: block;
}

.bx-wrapper .bx-pager-item{
    display: inline-block;
    *zoom: 1;
    *display: inline;
}


/*******************************************************  团队end  *******************************************************/










/*******************************************************  历史beg  *******************************************************/
#history{
    background-color: #fff;

}

#history .bx-wrapper{
    width: 1120px;

}

#history .text-center h3{
    font-size: 32px;
    background: #1114fd;
    color: #fff;
    margin: 0 auto;
    width: 230px;
}


#history .text-center h5{
    font-size: 32px;
    width: 230px;
    padding-top: 15px;
    border-style:solid;
    border-bottom:2px solid #000000;
    margin: 0 auto;

}



#history .text-center-note{
    padding-top: 80px;
    width: 200px;
    margin: 50px;

}


#history .text-center-note h5{
    font-size: 24px;
    /*font-weight: 500;*/
    width: 150px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-style:solid;
    border-bottom:2px solid #000000;
}

#history .text-center-note h4{
    font-size: 58px;
    width: 150px;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #1114fd;
}

#history .text-center-note h4 nobr{
    font-size: 20px;
    padding-left: 20px;
}

#history .text-center-note p{
    font-size: 14px;
    font-weight: 500;
}
/*******************************************************  历史end  *******************************************************/







/*******************************************************  包装工艺beg  *******************************************************/
#technology{
    background-color: #fff;
    height: 100%;

}

#technology .text-center-div{
    background-color: #fff;

}


#technology .bx-wrapper{
    width: 1120px;

}





#technology .text-center h5{
    font-size: 32px;
    width: 230px;
    padding-top: 15px;
    padding-bottom: 10px;
    border-style:solid;
    border-bottom:2px solid #FDD947;
    margin: 0 auto;

}


#technology .text-center p{
    width: 600px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;

}


#technology .text-center-note{
    padding-top: 20px;
    width: 24%;
    /*margin: 50px;*/
    float: left;
    height: 150px;
    background-color: #FFFFFF;
    margin: 0.5%;
    transition: all ease-out .3s;
    animation-name: fadeInUp;
    animation-delay: .5s;
    cursor:pointer;
}

#technology .text-center-note:hover{
    background-color: #FDD947;
    transform: scale(1.1);
}



#technology .text-center-note .technology_no{
    float: left;
    width: 40%;
    height: 100%;
    text-align: center;
    top: 25%;
    position: relative;
    font-size: 24px;
}




#technology .text-center-note .technology_no p{
    border-bottom-style: solid;
    border-bottom: 2px solid #333;
    width: 50px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: -4px;
    height: 35px;
    font-size: 26px;
}


#technology .text-center-note .technology_title{
    float: left;
    width: 60%;
    text-align: left;
    font-size: 15px;
    padding-bottom: 10px;
    font-weight: bold;
}

#technology .text-center-note .technology_note{
    float: left;
    width: 60%;
    padding-right: 20px;
    font-size: 12px;
    letter-spacing: 3px;
 }


/*******************************************************   包装工艺end  *******************************************************/




@keyframes fadeio {
    /*设置内容由显示变为隐藏*/
    0% {
        opacity:0;
    }
    20% {
        opacity:0.2;
    }
    40% {
        opacity:0.4;
    }
    60% {
        opacity: 0.6;
    }
    80% {
        opacity:0.8;
    }
    100% {
        opacity:1;
    }
}



@keyframes fadeio_out {
    /*设置内容由显示变为隐藏*/
    0% {
        opacity:1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity:0;
    }
}

/*.owl-carousel .owl-stage .owl-item  {*/
/*    opacity:1;*/
/*    -webkit-animation: fadeio_out 2s ;*/
/*    -moz-animation: fadeio_out 2s ;*/
/*    -o-animation: fadeio_out 2s ;*/
/*    animation-fill-mode:forwards;*/
/*}*/

.owl-carousel .owl-stage .active {
    opacity:0;
    -webkit-animation: fadeio 0.7s ;
    -moz-animation: fadeio 0.7s ;
    -o-animation: fadeio 0.7s ;
    animation-fill-mode:forwards;
}