/**
 * style.less
 * 层叠样式表
 */
.ff
{
    font-family: 'iconfont' !important;
}
/**
 * style.less
 * 层叠样式表
 */
.ff
{
    font-family: 'iconfont' !important;
}
/**
 * style.less
 * 层叠样式表
 */
/**
 * style.less
 * 层叠样式表
 */
.ff
{
    font-family: 'iconfont' !important;
}
@font-face
{
    font-family: 'iconfont';

    src: url('../fonts/iconfont.eot?t=1481266234445');
    src: url('../fonts/iconfont.eot?t=1481266234445#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff?t=1481266234445') format('woff'), url('../fonts/iconfont.ttf?t=1481266234445') format('truetype'), url('../fonts/iconfont.svg?t=1481266234445#iconfont') format('svg');
}
/* This stylesheet generated by Transfonter (https://transfonter.org) on October 19, 2017 3:41 AM */
@font-face
{
    font-family: 'ITC Avant Garde Gothic';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/AvantGarde-Demi.eot');
    src: url('../fonts/AvantGarde-Demi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvantGarde-Demi.woff2') format('woff2'), url('../fonts/AvantGarde-Demi.woff') format('woff'), url('../fonts/AvantGarde-Demi.ttf') format('truetype'), url('../fonts/AvantGarde-Demi.svg#AvantGarde-Demi') format('svg');
}
@font-face
{
    font-family: 'ITC Avant Garde Gothic';
    font-weight: 400;
    font-style: normal;

    src: url('../fonts/AvantGardeITCbyBT-Book.eot');
    src: url('../fonts/AvantGardeITCbyBT-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/AvantGardeITCbyBT-Book.woff2') format('woff2'), url('../fonts/AvantGardeITCbyBT-Book.woff') format('woff'), url('../fonts/AvantGardeITCbyBT-Book.ttf') format('truetype'), url('../fonts/AvantGardeITCbyBT-Book.svg#AvantGardeITCbyBT-Book') format('svg');
}
@font-face
{
    font-family: 'ITC Avant Garde Gothic';
    font-weight: 200;
    font-style: normal;

    src: url('../fonts/ITCAvantGardeGothic-ExtraLt.eot');
    src: url('../fonts/ITCAvantGardeGothic-ExtraLt.eot?#iefix') format('embedded-opentype'), url('../fonts/ITCAvantGardeGothic-ExtraLt.woff2') format('woff2'), url('../fonts/ITCAvantGardeGothic-ExtraLt.woff') format('woff'), url('../fonts/ITCAvantGardeGothic-ExtraLt.ttf') format('truetype'), url('../fonts/ITCAvantGardeGothic-ExtraLt.svg#ITCAvantGardeGothic-ExtraLt') format('svg');
}
@font-face
{
    font-family: 'Agency FB';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/AgencyFB-Reg.eot');
    src: url('../fonts/AgencyFB-Reg.eot?#iefix') format('embedded-opentype'), url('../fonts/AgencyFB-Reg.woff2') format('woff2'), url('../fonts/AgencyFB-Reg.woff') format('woff'), url('../fonts/AgencyFB-Reg.ttf') format('truetype'), url('../fonts/AgencyFB-Reg.svg#AgencyFB-Reg') format('svg');
}
@font-face
{
    font-family: 'Engravers MT';
    font-weight: 500;
    font-style: normal;

    src: url('../fonts/EngraversMT.eot');
    src: url('../fonts/EngraversMT.eot?#iefix') format('embedded-opentype'), url('../fonts/EngraversMT.woff2') format('woff2'), url('../fonts/EngraversMT.woff') format('woff'), url('../fonts/EngraversMT.ttf') format('truetype'), url('../fonts/EngraversMT.svg#EngraversMT') format('svg');
}
@font-face
{
    font-family: 'AlternateGotNo1D';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/AlternateGotNo1D.eot');
    src: url('../fonts/AlternateGotNo1D.eot?#iefix') format('embedded-opentype'), url('../fonts/AlternateGotNo1D.woff2') format('woff2'), url('../fonts/AlternateGotNo1D.woff') format('woff'), url('../fonts/AlternateGotNo1D.ttf') format('truetype'), url('../fonts/AlternateGotNo1D.svg#AlternateGotNo1D') format('svg');
}
html,
body
{
    position: relative;

    height: 100%;
}
body
{
    font-family: 'Microsoft YaHei', 'Heiti SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;

    min-width: 1320px;

    color: #333;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.fixed
{
    position: fixed;

    overflow: hidden;

    width: 100%;
    height: 100%;
}
.swiper-container
{
    width: 100%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
}
.box-index
{
    background-color: #000;
}
.swiper-slide
{
    overflow: hidden;
}
#i-c1 .swiper-slide
{
    height: auto;
}
.container
{
    width: 100%;
}
@media (min-width: 1430px)
{
    .container
    {
        width: 1400px;
    }
}
li,
ol,
ul
{
    list-style: none;
}
a
{
    color: inherit;
}
a:hover,
a:link,
a:visited
{
    text-decoration: none;

    color: inherit;
}
input[type=number]
{
    -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
    margin: 0;

    -webkit-appearance: none;
}
ul
{
    margin: 0;
    padding: 0;
}
button,
input,
textarea
{
    resize: none;

    border: none;
    outline: none;
}
*[data-type='iframe'],
*[data-fancybox],
.slick-slide:focus
{
    outline: none !important;
}
a
{
    text-decoration: none;

    color: inherit;
}
a:hover
{
    text-decoration: none;

    color: inherit;
}
a:visited,
a:link
{
    text-decoration: none;

    color: inherit;
}
.img-box
{
    position: relative;

    display: block;
    overflow: hidden;

    height: 0;
    padding-bottom: 100%;
}
.img-box img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}
.img-box img[src=''],
.img-box img:not([src])
{
    opacity: 0;
    border: 0;
}
.header
{
    position: fixed;
    z-index: 9;
    top: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-direction: row;

    width: 100%;
    padding: 14px 50px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header .logo
{
    float: left;

    height: 88px;
}
.header .logo a
{
    display: inline-block;

    height: 100%;
}
.header .logo img
{
    height: 100%;
}
.header .logo .logob
{
    display: none;
}
.header .nav-collapse
{
    position: absolute;
    z-index: 10;
    top: 6px;
    right: 20px;

    display: none;
    float: right;

    width: 20px;
    height: 40px;
    padding: 0;

    cursor: pointer;

    background: none;
}
.header .nav-collapse .btn-line
{
    position: absolute;
    left: 50%;

    width: 20px;
    height: 2px;

    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    background-color: #fff;
}
.header .nav-collapse .btn-line:nth-child(3),
.header .nav-collapse .btn-line:nth-child(1)
{
    position: absolute;

    display: block;

    width: 20px;
    height: 2px;

    content: '';
    -webkit-transition: all .5s ease;
    transition: all .5s ease;

    background-color: #fff;
}
.header .nav-collapse .btn-line:nth-child(1)
{
    top: 35%;
}
.header .nav-collapse .btn-line:nth-child(2)
{
    top: 50%;
}
.header .nav-collapse .btn-line:nth-child(3)
{
    top: 65%;
}
.header .nav-collapse.active
{
    border-color: transparent;
}
.header .nav-collapse.active .btn-line
{
    background-color: #fff;
}
.header .nav-collapse.active .btn-line:nth-child(2)
{
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);

    opacity: 0;
}
.header .nav-collapse.active .btn-line:nth-child(1)
{
    top: 50%;
    left: 50%;

    -webkit-transform: translateX(-50%) rotateZ(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotateZ(45deg);
}
.header .nav-collapse.active .btn-line:nth-child(3)
{
    top: 50%;
    left: 50%;

    -webkit-transform: translateX(-50%) rotateZ(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotateZ(-45deg);
}
.header .nav
{
    float: right;
}
.header .nav.left-100
{
    left: -100%;
}
.header .nav.left-200
{
    left: -200%;
}
.header .nav .nav-list1 li a
{
    white-space: nowrap;
}
.header .nav .nav-list1 > li
{
    float: left;
}
.header .nav .nav-list1 > li > a
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;

    position: relative;

    display: inline-block;

    padding: 0 28px;

    -webkit-transition: all .4s;
    transition: all .4s;

    color: #fff;
}
.header .nav .nav-list1 > li:hover > a,
.header .nav .nav-list1 > li.active > a
{
    color: #fd9b00;
}
.header .nav .nav-list1 > li:hover > a:after,
.header .nav .nav-list1 > li.active > a:after
{
    width: 40px;
}
.header .nav .nav-list1 .nav-list2
{
    position: absolute;
    z-index: 50;
    top: 100%;

    display: none;

    text-align: left;

    background-color: rgba(253, 155, 0, .7);
}
.header .nav .nav-list1 .nav-list2 ul
{
    width: 100%;
}
.header .nav .nav-list1 .nav-list2 li
{
    position: relative;

    list-style: none;
}
.header .nav .nav-list1 .nav-list2 li > a
{
    font-size: 14px;
    line-height: 3.57142857;

    position: relative;
    z-index: 1;

    display: block;

    padding: 0 30px;

    -webkit-transition: -webkit-transform .6s ease;
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    transition:         transform .6s ease;
    transition:         transform .6s ease, -webkit-transform .6s ease;
    transition:         transform .6s ease, -webkit-transform .6s ease;

    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.header .nav .nav-list1 .nav-list2 li > a:hover
{
    color: rgba(255, 255, 255, .8);
}
.header .nav .nav-list1 .nav-list2 li:last-child > a
{
    border-bottom: none;
}
.header .nav .nav-list1 .nav-list3
{
    position: absolute;
    top: -20px;
    left: 100%;

    display: none;

    padding: 20px 0;

    background-color: rgba(255, 255, 255, .8);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}
.header .nav .nav-list1 .nav-list3 li > a
{
    font-size: 12px;
    line-height: 2;
}
@media (min-width: 1200px) and (max-width: 1560px)
{
    .header .nav .nav-list1 > li > a
    {
        padding: 0 18px;
    }
}
.header .nav .nav-list2 a,
.header .nav .nav-list3 a
{
    display: block;
}
@media (max-height: 580px)
{
    .header .nav .nav-list2 a,
    .header .nav .nav-list3 a
    {
        margin-top: 0;
    }
}
.header .nav-2,
.header .nav-3
{
    display: none;
}
.header .nav-2 .nav-top .back-btn:before,
.header .nav-3 .nav-top .back-btn:before
{
    font-family: 'iconfont';
    font-size: 26px;

    content: '\e9b5';
}
.header .nav-2 .nav-top h2,
.header .nav-3 .nav-top h2
{
    font-size: 30px;

    margin: 0;

    text-transform: uppercase;
}
.header .nav-2 .nav-top .nav-collapse-2,
.header .nav-3 .nav-top .nav-collapse-2
{
    margin: 0;
}
.header .nav-2 .nav-top .nav-collapse-2 .btn-line,
.header .nav-3 .nav-top .nav-collapse-2 .btn-line
{
    background-color: #fff;
}
.header .nav-2 .content,
.header .nav-3 .content
{
    overflow: auto;

    height: 80%;
    margin-top: 12%;
}
.header .nav-2 .content ul li,
.header .nav-3 .content ul li
{
    font-size: 20px;
    line-height: 50px;

    margin: 25px 0;

    text-align: left;
}
.header .nav-2 .content ul li.more,
.header .nav-3 .content ul li.more
{
    position: relative;
}
.header .nav-2 .content ul li.more:after,
.header .nav-3 .content ul li.more:after
{
    font-family: 'iconfont' !important;
    font-size: 16px;

    position: absolute;
    top: 50%;
    right: 0;

    content: '\e72f';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    color: #fff;
}
.header .nav-2 .content ul li a,
.header .nav-3 .content ul li a
{
    display: block;
}
.header .nav-2
{
    left: 100%;
}
.header .nav-3
{
    left: 200%;
}
.header .nav-3 .content ul li
{
    font-size: 19px;
}
.header .fade-out ul
{
    text-align: left;
}
.header .fade-out ul.nav2-list2 h4
{
    font-size: 20px;
    line-height: 50px;
}
.header-in
{
    position: fixed;
    top: 0;

    background-color: #fff;
}
.header-blue
{
    height: 70px;
    padding: 7px 50px;

    -webkit-transition: all .4s;
    transition: all .4s;

    background-color: #fff;
}
.header-blue .logo
{
    height: 56px;
}
.header-blue .logo .logoa
{
    display: none;
}
.header-blue .logo .logob
{
    display: block;
}
.header-blue .nav .nav-list1 > li > a
{
    color: #010101;
}
.header-blue .nav-collapse .btn-line:nth-child(3),
.header-blue .nav-collapse .btn-line:nth-child(1),
.header-blue .nav-collapse .btn-line
{
    background-color: #000;
}
.header-blue.fixed-header
{
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.banner
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 100%;
}
.banner .item
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 100%;
}
.banner img
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 100%;
}
.banner .owl-pagination
{
    position: absolute;
    bottom: 6%;

    width: 100%;
}
.banner .owl-pagination .owl-page
{
    display: inline-block;
}
.banner .owl-pagination .owl-page span
{
    display: inline-block;

    width: 12px;
    height: 12px;
    margin: 0 5px;

    opacity: 1;
    border-radius: 50%;
    background-color: #fff;
}
.banner .owl-pagination .owl-page.active span
{
    background-color: #25b7ff;
}
.banner .owl-buttons
{
    display: none;
}
.banner-in,
.banner-inner
{
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.banner-in .owl-theme,
.banner-inner .owl-theme
{
    width: 100%;
    height: 100%;
}
.banner-in .item,
.banner-inner .item
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 100%;
}
.banner-in .item a,
.banner-inner .item a
{
    width: 100%;
    height: 100%;
}
.banner-in img,
.banner-inner img
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 100%;
}
.banner-in .text,
.banner-inner .text
{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    width: 100%;
    margin: auto;
    padding: 0 50px;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;

    color: #fff;
}
.banner-in .text h3,
.banner-inner .text h3
{
    font-size: 60px;

    margin: 0;

    text-transform: uppercase;
}
@media (max-width: 991px)
{
    .banner-in .text h3,
    .banner-inner .text h3
    {
        font-size: 24px;
    }
}
.banner-in .text h4,
.banner-inner .text h4
{
    font-size: 30px;

    margin: 0;
}
.banner-in .text h4:after,
.banner-inner .text h4:after
{
    display: block;

    width: 33px;
    height: 5px;
    margin: 20px auto;

    content: '';

    background: url(../images/line-3.png) no-repeat;
}
.banner-in .text p,
.banner-inner .text p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;
}
.swiper-slide
{
    position: relative;

    width: 100%;
}
.swiper-link
{
    font-size: 20px;
    line-height: 50px;

    position: absolute;
    z-index: 10;
    top: auto;
    right: auto;
    bottom: 60px;
    left: 50%;

    display: none;
    display: block;

    width: 50px;
    height: 50px;

    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;

    color: #fff;
    border: 1px dashed #fff;
    border-radius: 50%;
    background: none;
}
.swiper-link:after
{
    font-family: 'iconfont' !important;

    content: '\e72f';

    color: #fff;
}
.fixed .swiper-wrapper
{
    z-index: 11;
}
.swiper-pagination
{
    position: relative;

    width: 24px;
}
.swiper-pagination-clickable .swiper-pagination-bullet
{
    position: relative;

    display: inline-block;

    width: 24px;
    height: auto;
    margin-top: 18px;

    opacity: 1;
    background: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet:before
{
    display: block;

    width: 10px;
    height: 10px;
    margin: 0 auto;

    content: '';

    border-radius: 50%;
    background-color: #fff;
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 8px 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet-active
{
    background: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet-active:after
{
    position: absolute;
    top: -7px;
    left: 0;

    width: 24px;
    height: 24px;

    content: '';
    -webkit-animation: change 2s linear infinite;

    background: url(../images/dot-1.png) no-repeat;
}
@-webkit-keyframes change
{
    0%
    {
        -webkit-transform: rotate(0deg);
    }
    50%
    {
        -webkit-transform: rotate(180deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
    }
}
.scroll
{
    position: fixed;
    z-index: 9;
    top: 50%;
    left: 2%;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.swiper-button-disabled
{
    display: none;
}
.rightfix
{
    position: fixed;
    z-index: 10;
    top: 50%;
    right: 24px;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.numcurrent
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 24px;

    z-index: 10;

    width: 35px;
    margin-top: 50px;

    text-align: center;

    color: #fff;
}
.numcurrent:before
{
    content: '0';
}
.numcurrent:after
{
    display: block;

    width: 35px;
    height: 114px;

    content: '';

    background: url(../images/scroll.png) no-repeat;
}
.title
{
    text-align: center;
}
.title h2
{
    font-family: 'Heiti SC', 'Microsoft YaHei';
    font-size: 54px;
    font-weight: bold;

    margin: 0;

    letter-spacing: 10px;

    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
@media (max-width: 1560px)
{
    .title h2
    {
        font-size: 36px;
    }
}
.title p
{
    font-size: 28px;
    font-weight: bold;
    line-height: 1.66666667;

    margin: 10px 0 0 0;

    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
@media (max-width: 1560px)
{
    .title p
    {
        font-size: 24px;
    }
}
.box-idea
{
    height: 100%;
}
.box-idea .idea
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    padding: 0 50px;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;

    color: #fff;
}
.box-idea .idea h3
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 110px;
}
.box-idea .idea h3 b
{
    font-weight: bold;
}
.box-idea .idea h3 span
{
    font-weight: 200;
}
.box-idea .idea h4
{
    font-size: 40px;
}
.box-idea .idea h5
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 30px;
    font-weight: 200;

    margin: 30px 0 0 0;

    text-transform: uppercase;
}
.box-idea .idea h6
{
    font-size: 30px;
}
.box-idea .idea p
{
    font-size: 16px;
    line-height: 2;

    margin: 50px 0 0 0;
}
.box-who,
.box-world,
.box-people,
.box-we
{
    position: relative;

    height: 100%;

    background: url(../images/who_bg.jpg) no-repeat center;
    background-size: cover;
}
.box-who:before,
.box-world:before,
.box-people:before,
.box-we:before
{
    position: absolute;
    top: 70px;
    left: 50%;

    display: block;

    width: 15px;
    height: 184px;
    margin-left: -8px;

    content: '';

    background: url(../images/line-1.png) no-repeat bottom;
}
@media (max-width: 1560px)
{
    .box-who:before,
    .box-world:before,
    .box-people:before,
    .box-we:before
    {
        height: 100px;
    }
}
.box-who:after,
.box-world:after,
.box-people:after,
.box-we:after
{
    position: absolute;
    bottom: 0;
    left: 50%;

    display: block;

    width: 15px;
    height: 184px;
    margin-left: -8px;

    content: '';

    background: url(../images/line-2.png) no-repeat top;
}
@media (max-width: 1560px)
{
    .box-who:after,
    .box-world:after,
    .box-people:after,
    .box-we:after
    {
        height: 100px;
    }
}
.box-who .who,
.box-world .who,
.box-people .who,
.box-we .who,
.box-who .world,
.box-world .world,
.box-people .world,
.box-we .world,
.box-who .people,
.box-world .people,
.box-people .people,
.box-we .people,
.box-who .we,
.box-world .we,
.box-people .we,
.box-we .we
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    padding: 0 50px;
    padding-top: 118px;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.box-who .text,
.box-world .text,
.box-people .text,
.box-we .text
{
    margin-top: 40px;

    text-align: center;
}
@media (max-width: 1560px)
{
    .box-who .text,
    .box-world .text,
    .box-people .text,
    .box-we .text
    {
        margin-top: 30px;
    }
}
.box-who .text p,
.box-world .text p,
.box-people .text p,
.box-we .text p
{
    font-size: 20px;
    line-height: 2;

    margin: 0;

    color: #fff;
}
@media (max-width: 1560px)
{
    .box-who .text p,
    .box-world .text p,
    .box-people .text p,
    .box-we .text p
    {
        font-size: 18px;
    }
}
.box-who .more,
.box-world .more,
.box-people .more,
.box-we .more
{
    display: block;

    margin: 0 auto;
    margin-top: 30px;

    text-align: center;
}
.box-who .more a,
.box-world .more a,
.box-people .more a,
.box-we .more a
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 18px;

    display: inline-block;

    width: 220px;
    height: 50px;
    padding-left: 10px;

    text-align: left;
    text-transform: uppercase;

    color: #fff;
    background: url(../images/more.png) no-repeat center bottom;
}
.box-world
{
    background: none;
}
.box-people
{
    background: url(../images/people_bg.jpg) no-repeat center;
    background-size: cover;
}
.box-we
{
    background: url(../images/we_bg.jpg) no-repeat center;
    background-size: cover;
}
.box-footer-about,
.box-footer-service
{
    height: auto !important;
}
.box-footer
{
    position: relative;
    z-index: 4;

    background-color: #f5f5f5;
}
.box-footer .footer
{
    padding: 100px 0;

    text-align: center;
}
.box-footer .footer .foot-logo
{
    position: relative;
    top: -10px;

    display: inline-block;

    width: 100px;

    vertical-align: middle;
}
.box-footer .footer .foot-logo img
{
    display: block;

    width: 100%;
}
.box-footer .footer .note
{
    display: inline-block;

    padding-left: 50px;

    text-align: left;
    vertical-align: middle;
}
.box-footer .footer .note h3
{
    font-size: 38px;
    line-height: 1.05263158;

    margin: 0;
}
.box-footer .footer .note .share
{
    height: 30px;
    margin-top: 10px;
}
.box-footer .footer .note .share .bdsharebuttonbox
{
    display: inline-block;

    -webkit-transition: all .2s;
    transition: all .2s;
}
.box-footer .footer .note .share .bdsharebuttonbox a
{
    display: inline-block;

    height: 30px;
    padding: 0;

    -webkit-transition: all .5s;
    transition: all .5s;

    background: none;
}
.box-footer .footer .note .share .bdsharebuttonbox a:before
{
    font-family: 'iconfont';
    font-size: 26px;
    line-height: 34px;

    display: inline-block;

    content: '\e62d';
    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: center;
    vertical-align: middle;

    color: #28292b;
}
.box-footer .footer .note .share .bdsharebuttonbox a:after
{
    line-height: 30px;

    float: right;

    margin: 0 20px;

    content: '|';

    color: #b3b3b3;
}
.box-footer .footer .note .share .bdsharebuttonbox a:last-child:after
{
    display: none;
}
.box-footer .footer .note .share .bdsharebuttonbox a:hover
{
    opacity: 1;
}
.box-footer .footer .note .share .bdsharebuttonbox a:hover:before
{
    color: #fd9b00;
}
.box-footer .footer .note .share .bdsharebuttonbox .bds_sqq:before
{
    content: '\e62d';
}
.box-footer .footer .note .share .bdsharebuttonbox .bds_tsina:before
{
    font-size: 28px;

    content: '\e62b';
}
.box-footer .footer .note .share .bdsharebuttonbox .bds_weixin:before
{
    content: '\e604';
}
.box-footer .footer .note .share .bdsharebuttonbox .bds_tqq:before
{
    content: '\e62f';
}
.box-footer .copyright
{
    padding: 30px 0;

    text-align: center;

    border-top: 1px solid #d2d2d2;
}
.box-footer .copyright p
{
    line-height: 30px;

    margin: 0;
}
.box-footer .copyright p span
{
    display: inline-block;

    margin: 0 26px;
}
.sidenav
{
    overflow: hidden;
}
.sub-box
{
    padding: 0 50px;

    border-bottom: 1px solid #ddd;
}
.sub-box .category
{
    position: relative;

    width: 100%;
    height: 76px;
}
.sub-box .category ul
{
    position: absolute;
    left: 0;

    white-space: nowrap;
}
.sub-box .category ul li
{
    position: relative;

    display: inline-block;

    height: 76px;
    margin-right: -4px;

    border-left: 1px solid #ddd;
}
.sub-box .category ul li:last-child
{
    border-right: 1px solid #ddd;
}
.sub-box .category ul li a
{
    font-size: 18px;
    line-height: 76px;

    position: relative;

    display: block;

    height: 76px;
    padding: 0 44px;
}
.sub-box .category ul li a:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 0;
    height: 4px;

    content: '';
    -webkit-transition: all .5s;
    transition: all .5s;

    background-color: #fd9b00;
}
.sub-box .category ul li.active a:after,
.sub-box .category ul li:hover a:after
{
    width: 100%;
}
.sub-box.sub-product .category ul li.active a:after,
.sub-box.sub-product .category ul li:hover a:after
{
    z-index: 10;
    right: 0;
    bottom: -5px;
    left: 0;

    display: inline-block;

    width: 0;
    height: 0;
    margin: auto;

    content: '';

    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    background: none;
}
.sub-box.sub-news
{
    border-top: 3px solid #1a3f8f;
}
.sub-box2
{
    padding: 10px 50px;

    background-color: #1a3f8f;
}
.sub-box2 ul li
{
    display: inline-block;

    padding: 10px 8px;
}
@media (max-width: 767px)
{
    .sub-box2 ul li
    {
        padding: 5px 4px;
    }
}
.sub-box2 ul li a
{
    font-size: 18px;
    line-height: 34px;

    display: block;

    height: 36px;
    padding: 0 16px;

    -webkit-transition: all .5s;
    transition: all .5s;

    color: #fff;
    border: 1px dashed #fff;
    border-radius: 30px;
}
@media (max-width: 767px)
{
    .sub-box2 ul li a
    {
        font-size: 14px;
    }
}
.sub-box2 ul li.active a,
.sub-box2 ul li:hover a
{
    color: #1a3f8f;
    background-color: #fff;
}
.wrapper
{
    overflow: hidden;
}
.wrap
{
    position: relative;
    z-index: 6;

    overflow: hidden;

    background-color: #fff;
}
.swiper-slide-active .box-idea .idea h3,
.swiper-slide-active .box-idea .idea h4,
.swiper-slide-active .box-idea .idea h5,
.swiper-slide-active .box-idea .idea h6,
.swiper-slide-active .box-idea .idea p
{
    -webkit-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}
.swiper-slide-active .box-world:before,
.swiper-slide-active .box-we:before,
.swiper-slide-active .box-who:before,
.swiper-slide-active .box-people:before
{
    -webkit-animation: fadeInDown 1s 0s ease both;
    animation: fadeInDown 1s 0s ease both;
}
.swiper-slide-active .box-world:after,
.swiper-slide-active .box-we:after,
.swiper-slide-active .box-who:after,
.swiper-slide-active .box-people:after
{
    -webkit-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}
.swiper-slide-active .box-world .title,
.swiper-slide-active .box-we .title,
.swiper-slide-active .box-who .title,
.swiper-slide-active .box-people .title
{
    -webkit-animation: fadeInLeft 1s 0s ease both;
    animation: fadeInLeft 1s 0s ease both;
}
.swiper-slide-active .box-world .text,
.swiper-slide-active .box-we .text,
.swiper-slide-active .box-who .text,
.swiper-slide-active .box-people .text
{
    -webkit-animation: fadeInRight 1s 0s ease both;
    animation: fadeInRight 1s 0s ease both;
}
.swiper-slide-active .wrap-service .service .text,
.swiper-slide-active .slick-service,
.swiper-slide-active .wrap-service .sea,
.swiper-slide-active .wrap-woo,
.swiper-slide-active .wrap-service .world,
.swiper-slide-active .wrap-service .modern,
.swiper-slide-active .wrap-service .woonew
{
    -webkit-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}
.swiper-slide-active .banner-inner .text .note,
.swiper-slide-active .wrap-about .about,
.swiper-slide-active .wrap-about .milestone,
.swiper-slide-active .wrap-about .team
{
    -webkit-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}
.ani-slide .swiper-wrapper .wrap-service1 .wrap-woo .lab .title-pic,
.ani-slide .swiper-wrapper .wrap-service1 .wrap-woo .lab .text,
.ani-slide .swiper-wrapper .wrap-service1 .wrap-woo .lab .pic
{
    -webkit-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}
.ani-slide .swiper-wrapper .wrap-service1 .wrap-woo .woo .title-pic,
.ani-slide .swiper-wrapper .wrap-service1 .wrap-woo .woo .text,
.ani-slide .swiper-wrapper .wrap-service1 .wrap-woo .woo .num,
.ani-slide .swiper-wrapper .wrap-service1 .wrap-woo .woo .pic
{
    -webkit-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}
.ani-slide .swiper-wrapper .wrap-service1 .wrap-woo .w .title-pic,
.ani-slide .swiper-wrapper .wrap-service1 .wrap-woo .w .text,
.ani-slide .swiper-wrapper .wrap-service1 .wrap-woo .w ul
{
    -webkit-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}
.ani-slide .swiper-wrapper .wrap-join .join-left .title-join,
.ani-slide .swiper-wrapper .wrap-join .join-left .text,
.ani-slide .swiper-wrapper .wrap-join .join-left .list,
.ani-slide .swiper-wrapper .wrap-join .join-left .more
{
    -webkit-animation: fadeInLeftBig 1s 0s ease both;
    animation: fadeInLeftBig 1s 0s ease both;
}
.ani-slide .swiper-wrapper .wrap-join .join-right .title-join,
.ani-slide .swiper-wrapper .wrap-join .join-right .list
{
    -webkit-animation: fadeInRightBig 1s 0s ease both;
    animation: fadeInRightBig 1s 0s ease both;
}
.ani-slideout .box-idea .idea h3,
.ani-slideout .box-idea .idea h4,
.ani-slideout .box-idea .idea h5,
.ani-slideout .box-idea .idea h6,
.ani-slideout .box-idea .idea p
{
    -webkit-animation: fadeOutUp 1s 0s ease both;
    animation: fadeOutUp 1s 0s ease both;
}
.ani-slideout .box-world:before,
.ani-slideout .box-we:before,
.ani-slideout .box-who:before,
.ani-slideout .box-people:before
{
    -webkit-animation: fadeOutUp 1s 0s ease both;
    animation: fadeOutUp 1s 0s ease both;
}
.ani-slideout .box-world:after,
.ani-slideout .box-we:after,
.ani-slideout .box-who:after,
.ani-slideout .box-people:after
{
    -webkit-animation: fadeOutDown 1s 0s ease both;
    animation: fadeOutDown 1s 0s ease both;
}
.ani-slideout .box-world .title,
.ani-slideout .box-we .title,
.ani-slideout .box-who .title,
.ani-slideout .box-people .title
{
    -webkit-animation: fadeOutRight 1s 0s ease both;
    animation: fadeOutRight 1s 0s ease both;
}
.ani-slideout .box-world .text,
.ani-slideout .box-we .text,
.ani-slideout .box-who .text,
.ani-slideout .box-people .text
{
    -webkit-animation: fadeOutLeft 1s 0s ease both;
    animation: fadeOutLeft 1s 0s ease both;
}
.wrap-title1 .location
{
    line-height: 44px;

    float: left;
}
.wrap-title1 .return
{
    display: inline-block;
    float: right;
}
@media (max-width: 767px)
{
    .wrap-title1 .return
    {
        display: block;
        float: none;
    }
}
.wrap-title1 .return a
{
    font-size: 16px;
    line-height: 44px;

    display: inline-block;

    padding: 0 26px;

    border: 1px dashed #d2d2d2;
    border-radius: 30px;
}
.wrap-title1 .return a:hover
{
    color: #fff;
    border-color: #fd9b00;
    background-color: #fd9b00;
}
.wrap-left
{
    float: left;

    width: 70%;
    margin-top: 60px;
    padding-right: 50px;
}
.wrap-right
{
    float: right;

    width: 30%;
    margin-top: 60px;
}
.wrap-right .title-wrap-right h2
{
    font-size: 24px;
    font-weight: bold;

    margin: 0;
}
.wrap-right .title-wrap-right h2:before
{
    display: inline-block;

    width: 142px;
    height: 5px;
    margin-right: 24px;

    content: '';
    vertical-align: middle;

    background: url(../images/line-06.jpg) no-repeat center;
}
.wrap-right .wrap-relate ul li
{
    font-size: 0;

    overflow: hidden;

    padding: 40px 0;

    border-bottom: 1px solid #ddd;
}
.wrap-right .wrap-relate ul li .pic
{
    display: inline-block;

    width: 40%;

    vertical-align: middle;
}
.wrap-right .wrap-relate ul li .note
{
    display: inline-block;

    width: 60%;
    padding-left: 20px;

    vertical-align: middle;
}
.wrap-right .wrap-relate ul li .img-box
{
    padding-bottom: 59.80952381%;
}
.wrap-right .wrap-relate ul li .img-box img
{
    -webkit-transition: all 1s;
    transition: all 1s;
}
.wrap-right .wrap-relate ul li p
{
    font-size: 16px;
    line-height: 1.875;

    display: -webkit-box;
    overflow: hidden;

    margin: 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media (max-width: 767px)
{
    .wrap-right .wrap-relate ul li p
    {
        font-size: 14px;
    }
}
.wrap-right .wrap-relate ul li span
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 16px;
    line-height: 2;

    display: block;

    margin: 14px 0 0 0;

    color: #fd9b00;
}
.wrap-right .wrap-relate ul li:hover .img-box img
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.wrap-right .wrap-relate ul li:hover .note p
{
    color: #fd9b00;
}
.wrap-about
{
    position: absolute;

    width: 100%;
    height: 100%;

    background: url(../images/about_bg.jpg) no-repeat center;
    background-size: cover;
}
.wrap-about .wrap
{
    position: absolute;
    top: 54%;

    width: 100%;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    background: none;
}
.wrap-about .title-about
{
    text-align: center;

    color: #fff;
}
.wrap-about .title-about h2
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 36px;
    font-weight: bold;

    margin: 0;

    text-transform: uppercase;
}
@media (max-width: 1560px)
{
    .wrap-about .title-about h2
    {
        font-size: 30px;
    }
}
.wrap-about .title-about p
{
    font-size: 26px;

    margin: 0;
}
@media (max-width: 1560px)
{
    .wrap-about .title-about p
    {
        font-size: 20px;
    }
}
.wrap-about .about
{
    padding: 0 50px;
}
.wrap-about .about .text
{
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 40px;

    text-align: center;
}
@media (max-width: 1560px)
{
    .wrap-about .about .text
    {
        margin-top: 20px;
    }
}
.wrap-about .about .text p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;

    color: #fff;
}
.wrap-about .about .note
{
    position: relative;

    max-width: 700px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 40px 0 4px 0;

    text-align: center;
}
@media (max-width: 1560px)
{
    .wrap-about .about .note
    {
        margin-top: 0;
        padding-top: 20px;
    }
}
.wrap-about .about .note:before,
.wrap-about .about .note:after
{
    position: absolute;

    display: block;

    width: 1px;
    height: 100%;
    margin: 20px 0;

    content: '';

    background: -webkit-linear-gradient(transparent, #fff, transparent);
    background:         linear-gradient(transparent, #fff, transparent);
}
.wrap-about .about .note:before
{
    top: 0;
    left: 70px;
}
@media (max-width: 1560px)
{
    .wrap-about .about .note:before
    {
        left: 20px;
    }
}
.wrap-about .about .note:after
{
    top: 0;
    right: 70px;
}
@media (max-width: 1560px)
{
    .wrap-about .about .note:after
    {
        right: 20px;
    }
}
.wrap-about .about .note h3
{
    font-size: 24px;

    margin: 0;

    color: #fff;
}
@media (max-width: 1560px)
{
    .wrap-about .about .note h3
    {
        font-size: 16px;
    }
}
.wrap-about .about .note h3:before,
.wrap-about .about .note h3:after
{
    display: block;

    width: 100%;
    height: 1px;
    margin: 20px 0;

    content: '';

    background: -webkit-linear-gradient(left, transparent, #fff, transparent);
    background:         linear-gradient(to right, transparent, #fff, transparent);
}
.wrap-about.wrap-milestone
{
    background: url(../images/milestone_bg.jpg) no-repeat center;
    background-size: cover;
}
.wrap-about .milestone
{
    padding: 0 50px;
}
.wrap-about .milestone .slick-milestone
{
    position: relative;

    margin-top: 30px;
    padding: 0 4%;
}
.wrap-about .milestone .slick-milestone:before
{
    position: relative;
    top: 89px;
    left: 20%;

    display: block;

    width: 60%;
    height: 1px;

    content: '';

    border-top: 2px dashed #fff;
}
@media (max-width: 767px)
{
    .wrap-about .milestone .slick-milestone:before
    {
        display: none;
    }
}
.wrap-about .milestone .item
{
    margin-bottom: -969px;
    padding: 30px 36px;
    padding-bottom: 999px;

    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;

    color: #fff;
}
.wrap-about .milestone .item .title-m
{
    line-height: 118px;

    width: 118px;
    height: 118px;
    margin: 0 auto;
    margin-bottom: 14px;
    padding: 8px;

    text-align: center;

    border: 1px dashed #fff;
    border-radius: 50%;
}
.wrap-about .milestone .item h3
{
    font-family: Impact;
    font-size: 36px;
    line-height: 100px;

    width: 100px;
    height: 100px;
    margin: 0;

    color: #28292b;
    border-radius: 50%;
    background-color: #fff;
}
.wrap-about .milestone .item h4
{
    font-size: 20px;
    line-height: 1.6;

    margin: 0;
}
.wrap-about .milestone .item hr
{
    border-top: 1px dashed #fff;
}
.wrap-about .milestone .item p
{
    font-size: 16px;
    line-height: 1.75;

    display: none;

    margin: 0;
}
.wrap-about .milestone .slick-arrow
{
    position: absolute;
    z-index: 9;
    top: 50px;
    left: 5%;

    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;

    cursor: pointer;

    border: 1px dashed #fff;
    border-radius: 50%;
    background: none;
}
@media (max-width: 1560px)
{
    .wrap-about .milestone .slick-arrow
    {
        left: 4%;
    }
}
.wrap-about .milestone .slick-arrow:before
{
    font-family: 'iconfont' !important;
    font-size: 22px;
    line-height: 50px;

    display: block;

    content: '\e601';
    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;

    color: #fff;
}
.wrap-about .milestone .slick-arrow.slick-next
{
    right: 5%;
    left: auto;
}
@media (max-width: 1560px)
{
    .wrap-about .milestone .slick-arrow.slick-next
    {
        right: 4%;
    }
}
.wrap-about .milestone .slick-arrow.slick-next:before
{
    content: '\e827';
}
.wrap-about .milestone .slick-arrow:hover
{
    background-color: #fff;
}
.wrap-about .milestone .slick-arrow:hover:before
{
    color: #222;
}
.wrap-about .milestone .slick-dots
{
    width: 100%;
    margin-top: 60px;
    padding: 0 15px;

    text-align: center;
}
.wrap-about .milestone .slick-dots li
{
    display: inline-block;

    width: 100px;
    height: 4px;

    cursor: pointer;

    background-color: #fff;
}
.wrap-about .milestone .slick-dots li.slick-active,
.wrap-about .milestone .slick-dots li:hover
{
    position: relative;
    top: 3px;

    height: 10px;

    border-radius: 5px;
    background-color: #28292b;
}
.wrap-about .milestone .slick-dots li button
{
    display: none;
}
.wrap-about.wrap-team
{
    padding: 0 50px;

    background: url(../images/team_bg.jpg) no-repeat center;
    background-size: cover;
}
.wrap-about .team .text
{
    margin-top: 30px;

    text-align: center;
}
.wrap-about .team .text p
{
    font-size: 16px;
    line-height: 2;

    height: 32px;
    margin: 0;

    color: #fff;
}
.wrap-about .team .text p a
{
    display: block;
}
.wrap-about .team .slick-team
{
    position: relative;

    margin-top: 30px;
    padding: 0 10%;
}
.wrap-about .team .item p
{
    line-height: 2;

    margin: 10px 0 0 0;

    text-align: center;

    color: #fff;
}
.wrap-about .team .item a
{
    line-height: 28px;

    display: block;
}
.wrap-about .team .item .img-box
{
    padding-bottom: 54.27251732%;

    background-color: #000;
}
.wrap-about .team .item .img-box img
{
    opacity: .3 !important;
}
.wrap-about .team .slick-slide
{
    padding: 80px 0;
}
.wrap-about .team .slick-current
{
    position: relative;
    z-index: 3;
}
.wrap-about .team .slick-current .item
{
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}
.wrap-about .team .slick-current .item .img-box img
{
    opacity: 1 !important;
}
.wrap-about .team .slick-arrow
{
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 5%;

    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;

    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    border: 1px dashed #fff;
    border-radius: 50%;
    background: none;
}
@media (max-width: 1560px)
{
    .wrap-about .team .slick-arrow
    {
        left: 4%;
    }
}
.wrap-about .team .slick-arrow:before
{
    font-family: 'iconfont' !important;
    font-size: 22px;
    line-height: 50px;

    display: block;

    content: '\e601';
    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;

    color: #fff;
}
.wrap-about .team .slick-arrow.slick-next
{
    right: 5%;
    left: auto;
}
@media (max-width: 1560px)
{
    .wrap-about .team .slick-arrow.slick-next
    {
        right: 4%;
    }
}
.wrap-about .team .slick-arrow.slick-next:before
{
    content: '\e827';
}
.wrap-about .team .slick-arrow:hover
{
    background-color: #fff;
}
.wrap-about .team .slick-arrow:hover:before
{
    color: #222;
}
.wrap-case
{
    margin-top: 70px;

    border-bottom: 1px solid #ddd;
}
.wrap-case .case-nav ul
{
    display: table;

    width: 100%;
}
.wrap-case .case-nav ul li
{
    display: table-cell;

    width: 25%;
    padding: 0;

    vertical-align: middle;

    border: 1px solid #c9c9c9;
    border-left: none;
}
.wrap-case .case-nav ul li:last-child
{
    border-right: none;
}
.wrap-case .case-nav ul li:first-child .item .right a:before
{
    display: inline-block;

    width: 55px;
    height: 1px;
    margin-right: 10px;

    content: '';
    vertical-align: middle;

    background-color: #999;
}
.wrap-case .case-nav ul li:first-child .item .right a:last-child:before
{
    width: 32px;
    margin-left: 23px;
}
.wrap-case .case-nav ul li.active .item .left h3:before,
.wrap-case .case-nav ul li:hover .item .left h3:before
{
    width: 150px;
}
.wrap-case .case-nav .item
{
    font-size: 0;

    display: table;

    width: 100%;
}
.wrap-case .case-nav .item .left,
.wrap-case .case-nav .item .right
{
    display: table-cell;

    width: 50%;
    padding: 60px 0;

    vertical-align: middle;
}
.wrap-case .case-nav .item .left
{
    width: 100%;

    text-align: center;
}
.wrap-case .case-nav .item .left h3
{
    font-family: 'AlternateGotNo1D';
    font-size: 20px;

    position: relative;
    z-index: 4;

    display: inline-block;

    margin: 0;
}
.wrap-case .case-nav .item .left h3 span
{
    position: relative;
    z-index: 4;

    display: inline-block;
}
.wrap-case .case-nav .item .left h3:before
{
    position: absolute;
    bottom: 0;
    left: 24px;

    display: block;

    width: 0;
    height: 12px;

    content: '';
    -webkit-transition: all .4s;
    transition: all .4s;

    background-color: #fd9b00;
}
.wrap-case .case-nav .item .right
{
    position: relative;

    display: none;

    width: 60%;
    padding-left: 4%;
}
.wrap-case .case-nav .item .right a
{
    font-size: 15px;
    line-height: 2;

    display: block;
}
.wrap-case .case-nav .item .right a:hover,
.wrap-case .case-nav .item .right a.active
{
    color: #fd9b00;
}
.wrap-case .case
{
    padding: 0 50px;
    padding-top: 70px;
    padding-bottom: 100px;

    background-color: #f5f5f5;
}
.wrap-case .case .row
{
    margin: 0 -4px;
}
.wrap-case .case .list
{
    margin-top: 8px;
    padding: 0 4px;
}
.wrap-case .case .col-sm-6 .img-box
{
    padding-bottom: 56.49717514%;
}
.wrap-case .case .col-sm-4 .img-box
{
    padding-bottom: 61.9047619%;
}
.wrap-case .case .item
{
    position: relative;

    background-color: #000;
}
.wrap-case .case .item .img-box img
{
    -webkit-transition: all .4s;
    transition: all .4s;
}
.wrap-case .case .item .maskbg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.wrap-case .case .item .maskbg .mask
{
    position: absolute;
    top: 50%;

    width: 100%;
    padding: 15px;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;

    color: #fff;
}
.wrap-case .case .item .maskbg .mask:after
{
    font-size: 36px;

    display: block;

    margin-top: 30px;

    content: '+';
}
.wrap-case .case .item .maskbg .mask h3
{
    font-size: 28px;
    line-height: 1.42857143;

    margin: 0;
}
.wrap-case .case .item .maskbg .mask p
{
    font-size: 16px;

    margin: 0;
}
.wrap-case .case .item:hover .img-box img
{
    opacity: .5;
}
.wrap-case .case .item:hover .maskbg
{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.wrap-case .showMorehandle
{
    font-family: 'AlternateGotNo1D';
    font-size: 24px;

    margin: 60px 0 0 0;

    text-align: center;
    text-transform: uppercase;
}
.wrap-case .showMorehandle a
{
    display: block;
}
.wrap-case .showMorehandle a:hover:before
{
    background-color: #fd9b00;
}
.wrap-case .showMorehandle a:before
{
    font-family: 'iconfont' !important;
    line-height: 80px;

    display: block;

    width: 70px;
    height: 70px;
    margin: 0 auto;
    margin-bottom: 24px;

    content: '\e602';
    -webkit-transition: all .4s;
    transition: all .4s;

    border-radius: 50%;
    background-color: #ff0;
}
.wrap-case-show
{
    margin-top: 70px;

    border-bottom: 1px solid #ddd;
}
.wrap-case-show .classification
{
    position: relative;
    z-index: 10;
}
.wrap-case-show .classification .title-classification
{
    text-align: center;

    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
}
.wrap-case-show .classification .title-classification h3
{
    font-family: 'AlternateGotNo1D';
    font-size: 28px;
    line-height: 50px;

    margin: 0;

    cursor: pointer;
    text-transform: uppercase;
}
.wrap-case-show .classification .title-classification h3:after
{
    content: '+';
}
.wrap-case-show .classification .class-sort
{
    position: absolute;
    z-index: 10;
    top: 100%;

    display: none;

    width: 100%;

    background-color: #fff;
}
.wrap-case-show .classification .class-sort li
{
    font-family: 'AlternateGotNo1D';
    font-size: 22px;
    line-height: 3;

    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;
    text-transform: uppercase;

    border-bottom: 1px solid #eee;
}
.wrap-case-show .classification .class-sort li a
{
    display: block;
}
.wrap-case-show .classification .class-sort li:hover,
.wrap-case-show .classification .class-sort li.active
{
    color: #fd9b00;
}
.wrap-case-show .slick-case .item .img-box
{
    padding-bottom: 39.58333333%;
}
.wrap-case-show .slick-case .slick-arrow
{
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 5%;

    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;

    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    border: 1px dashed #fff;
    border-radius: 50%;
    background: none;
}
@media (max-width: 1560px)
{
    .wrap-case-show .slick-case .slick-arrow
    {
        left: 4%;
    }
}
.wrap-case-show .slick-case .slick-arrow:before
{
    font-family: 'iconfont' !important;
    font-size: 22px;
    line-height: 50px;

    display: block;

    content: '\e601';
    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;

    color: #fff;
}
.wrap-case-show .slick-case .slick-arrow.slick-next
{
    right: 5%;
    left: auto;
}
@media (max-width: 1560px)
{
    .wrap-case-show .slick-case .slick-arrow.slick-next
    {
        right: 4%;
    }
}
.wrap-case-show .slick-case .slick-arrow.slick-next:before
{
    content: '\e827';
}
.wrap-case-show .slick-case .slick-arrow:hover
{
    background-color: #fff;
}
.wrap-case-show .slick-case .slick-arrow:hover:before
{
    color: #222;
}
.wrap-case-show .title-case-show
{
    text-align: center;
}
.wrap-case-show .title-case-show h1
{
    font-size: 38px;
    line-height: 2;

    margin: 0;
}
.wrap-case-show .title-case-show p
{
    font-size: 16px;
    line-height: 50px;

    margin: 0;

    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.wrap-case-show .title-case-show p span:after
{
    margin: 0 10px;

    content: '|';
}
.wrap-case-show .title-case-show p span:last-child:after
{
    display: none;
}
.wrap-case-show .case-text
{
    font-size: 0;

    padding: 60px 50px;
}
.wrap-case-show .case-text .left,
.wrap-case-show .case-text .right
{
    display: inline-block;

    width: 40%;

    vertical-align: middle;
}
.wrap-case-show .case-text .left
{
    padding-right: 40px;

    border-right: 1px solid #ddd;
}
.wrap-case-show .case-text .left p
{
    font-size: 24px;
    line-height: 44px;

    margin: 0;
}
.wrap-case-show .case-text .left p b
{
    font-size: 48px;

    color: #ffd800;
}
.wrap-case-show .case-text .right
{
    width: 60%;
    padding-left: 40px;
}
.wrap-case-show .case-text .right p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;
}
.wrap-case-show .case-show
{
    padding: 0 50px;
    padding-top: 70px;
    padding-bottom: 100px;
}
.wrap-case-show .case-show .row
{
    margin: 0 -4px;
}
.wrap-case-show .case-show .list
{
    margin-top: 8px;
    padding: 0 4px;
}
.wrap-case-show .case-show .col-sm-6 .img-box
{
    padding-bottom: 61.69491525%;
}
.wrap-case-show .case-show .col-sm-4 .img-box
{
    padding-bottom: 61.69491525%;
}
.wrap-case-show .case-show .col-sm-12 .img-box
{
    padding-bottom: 37.07865169%;
}
.wrap-case-show .case-show .item
{
    position: relative;

    background-color: #000;
}
.wrap-case-show .case-show .item .img-box img
{
    -webkit-transition: all .4s;
    transition: all .4s;
}
.wrap-case-show .case-show .item .maskbg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.wrap-case-show .case-show .item .maskbg .mask
{
    position: absolute;
    top: 50%;

    width: 100%;
    padding: 15px;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;

    color: #fff;
}
.wrap-case-show .case-show .item .maskbg .mask:after
{
    font-size: 36px;

    display: block;

    margin-top: 30px;

    content: '+';
}
.wrap-case-show .case-show .item .maskbg .mask h3
{
    font-size: 28px;
    line-height: 1.42857143;

    margin: 0;
}
.wrap-case-show .case-show .item .maskbg .mask p
{
    font-size: 16px;

    margin: 0;
}
.wrap-case-show .showMorehandle
{
    font-family: 'AlternateGotNo1D';
    font-size: 24px;

    margin: 60px 0 0 0;

    text-align: center;
    text-transform: uppercase;
}
.wrap-case-show .showMorehandle a
{
    display: block;
}
.wrap-case-show .showMorehandle a:hover:before
{
    background-color: #fd9b00;
}
.wrap-case-show .showMorehandle a:before
{
    font-family: 'iconfont' !important;
    line-height: 80px;

    display: block;

    width: 70px;
    height: 70px;
    margin: 0 auto;
    margin-bottom: 24px;

    content: '\e602';
    -webkit-transition: all .4s;
    transition: all .4s;

    border-radius: 50%;
    background-color: #ff0;
}
.wrap-case-show .relate-case
{
    padding: 14px 50px;

    border-top: 1px solid #ddd;
}
.wrap-case-show .relate-case ul
{
    overflow: hidden;
}
.wrap-case-show .relate-case ul li
{
    float: left;

    width: 33.33333333%;
}
.wrap-case-show .relate-case ul li a
{
    display: inline-block;
}
.wrap-case-show .relate-case ul li a:hover
{
    color: #fd9b00;
}
.wrap-case-show .relate-case ul li a:hover:before,
.wrap-case-show .relate-case ul li a:hover:after
{
    border-color: #fd9b00;
}
.wrap-case-show .relate-case .prev
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 20px;

    position: relative;

    min-height: 60px;
    padding-left: 80px;
}
.wrap-case-show .relate-case .prev a:before
{
    font-family: 'iconfont' !important;
    font-size: 30px;
    line-height: 60px;

    position: absolute;
    left: 0;

    display: inline-block;

    width: 60px;
    height: 60px;

    content: '\e601';
    text-align: center;

    border: 1px dashed #68696a;
    border-radius: 50%;
}
.wrap-case-show .relate-case .retop
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 24px;

    text-align: center;
}
.wrap-case-show .relate-case .retop a:before
{
    font-family: 'iconfont' !important;

    display: block;

    height: 20px;
    margin-left: 10px;

    content: '\e601';
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.wrap-case-show .relate-case .next
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 20px;

    position: relative;

    min-height: 60px;
    padding-right: 80px;

    text-align: right;
}
.wrap-case-show .relate-case .next a:after
{
    font-family: 'iconfont' !important;
    font-size: 30px;
    line-height: 60px;

    position: absolute;
    top: 0;
    right: 0;

    display: inline-block;

    width: 60px;
    height: 60px;

    content: '\e827';
    text-align: center;

    border: 1px dashed #68696a;
    border-radius: 50%;
}
.wrap-service
{
    position: absolute;

    overflow: visible;

    width: 100%;
    height: 100%;

    background-color: #fff;
}
.wrap-service .wrap
{
    position: absolute;
    top: 52%;

    width: 100%;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    background: none;
}
.wrap-service.wrap-service
{
    background: url(../images/service_bg.jpg) no-repeat center;
    background-size: cover;
}
.wrap-service .service
{
    position: relative;

    overflow: hidden;

    max-width: 1220px;
    margin: 0 auto;
}
.wrap-service .service .fiximg
{
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
}
.wrap-service .service .text
{
    position: relative;
    z-index: 2;

    max-width: 930px;
    margin: 0 auto;
}
.wrap-service .service .text img
{
    display: block;

    margin: 0 auto;
}
.wrap-service .service .text p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;
}
.wrap-service .service .slick-service
{
    margin: 0 -10px;
    margin-top: 50px;
}
.wrap-service .service .slick-service .item
{
    padding: 0 10px;
}
.wrap-service .service .slick-service .item .img-box
{
    padding-bottom: 62%;
}
.wrap-service .service .slick-dots
{
    width: 100%;
    margin-top: 40px;
    padding: 0 15px;

    text-align: center;
}
.wrap-service .service .slick-dots li
{
    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 4px;

    cursor: pointer;

    border-radius: 50%;
    background-color: #eee;
}
.wrap-service .service .slick-dots li.slick-active,
.wrap-service .service .slick-dots li:hover
{
    background-color: #df0b22;
}
.wrap-service .service .slick-dots li button
{
    display: none;
}
.wrap-service.wrap-sea
{
    background: url(../images/sea_bg.jpg) no-repeat center;
    background-size: cover;
}
.wrap-service .sea
{
    padding: 0 15px;
}
.wrap-service .sea .title-pic
{
    max-width: 400px;
    margin: 0 auto;
}
.wrap-service .sea .title-pic img
{
    max-width: 100%;
}
.wrap-service .sea .text
{
    max-width: 710px;
    margin: 0 auto;
    margin-top: 0;

    text-align: center;
}
.wrap-service .sea .text p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;
}
.wrap-service .sea .slick-sea
{
    overflow: hidden;

    max-width: 1400px;
    margin: 0 auto;
    padding: 0 80px;
}
.wrap-service .sea .slick-sea .item
{
    margin-top: 50px;
    padding: 0 10px;
}
.wrap-service .sea .slick-sea .item .img-box
{
    padding-bottom: 62%;
}
.wrap-service .sea .slick-dots
{
    width: 100%;
    margin-top: 40px;
    padding: 0 15px;

    text-align: center;
}
.wrap-service .sea .slick-dots li
{
    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 4px;

    cursor: pointer;

    border-radius: 50%;
    background-color: #eee;
}
.wrap-service .sea .slick-dots li.slick-active,
.wrap-service .sea .slick-dots li:hover
{
    background-color: #df0b22;
}
.wrap-service .sea .slick-dots li button
{
    display: none;
}
.wrap-service .sea .slick-arrow
{
    position: absolute;
    z-index: 9;
    top: 60%;
    left: 3%;

    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;

    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    background: none;
}
@media (max-width: 1560px)
{
    .wrap-service .sea .slick-arrow
    {
        left: 3%;
    }
}
.wrap-service .sea .slick-arrow:before
{
    font-family: 'iconfont' !important;
    font-size: 22px;
    line-height: 50px;

    display: block;

    content: '\e601';
    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;

    color: #333;
}
.wrap-service .sea .slick-arrow.slick-next
{
    right: 3%;
    left: auto;
}
@media (max-width: 1560px)
{
    .wrap-service .sea .slick-arrow.slick-next
    {
        right: 3%;
    }
}
.wrap-service .sea .slick-arrow.slick-next:before
{
    content: '\e827';
}
.wrap-service .sea .slick-arrow:hover:before
{
    color: #fd9b00;
}
.wrap-service.wrap-world
{
    background: url(../images/world_bg.jpg) no-repeat center;
    background-size: cover;
}
.wrap-service .world
{
    padding: 0 15px;
}
.wrap-service .world .title-pic
{
    text-align: center;

    color: #fff;
}
.wrap-service .world .title-pic img
{
    max-width: 100%;
}
.wrap-service .world .title-pic p
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 32px;

    margin: 0;
}
.wrap-service .world .text
{
    max-width: 770px;
    margin: 0 auto;
    margin-top: 30px;

    text-align: center;
}
.wrap-service .world .text p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;

    color: #fff;
}
.wrap-service .world .slick-world
{
    overflow: hidden;

    max-width: 1400px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 0 80px;
}
.wrap-service .world .slick-world .item
{
    padding: 0 10px;
}
.wrap-service .world .slick-world .item .img-box
{
    padding-bottom: 62%;
}
.wrap-service .world .slick-arrow
{
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 3%;

    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;

    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    background: none;
}
@media (max-width: 1560px)
{
    .wrap-service .world .slick-arrow
    {
        left: 3%;
    }
}
.wrap-service .world .slick-arrow:before
{
    font-family: 'iconfont' !important;
    font-size: 22px;
    line-height: 50px;

    display: block;

    content: '\e601';
    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;

    color: #fff;
}
.wrap-service .world .slick-arrow.slick-next
{
    right: 3%;
    left: auto;
}
@media (max-width: 1560px)
{
    .wrap-service .world .slick-arrow.slick-next
    {
        right: 3%;
    }
}
.wrap-service .world .slick-arrow.slick-next:before
{
    content: '\e827';
}
.wrap-service .world .slick-arrow:hover:before
{
    color: #fd9b00;
}
.wrap-service.wrap-modern
{
    background: url(../images/modern_bg.jpg) no-repeat center;
    background-size: cover;
}
.wrap-service .modern
{
    padding: 0 15px;
}
.wrap-service .modern .title-pic
{
    text-align: center;

    color: #fff;
}
.wrap-service .modern .title-pic img
{
    max-width: 100%;
}
.wrap-service .modern .title-pic p
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 32px;

    margin: 0;
}
.wrap-service .modern .text
{
    max-width: 620px;
    margin: 0 auto;
    margin-top: 30px;

    text-align: center;
}
.wrap-service .modern .text p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;
}
.wrap-service .modern .slick-modern
{
    overflow: hidden;

    max-width: 1400px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 0 80px;
}
.wrap-service .modern .slick-modern .item
{
    padding: 0 10px;
}
.wrap-service .modern .slick-modern .item .pic
{
    overflow: hidden;

    border: 1px solid #d2d2d2;
}
.wrap-service .modern .slick-modern .item .pic .img-box
{
    padding-bottom: 62%;
}
.wrap-service .modern .slick-arrow
{
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 3%;

    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;

    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    background: none;
}
@media (max-width: 1560px)
{
    .wrap-service .modern .slick-arrow
    {
        left: 3%;
    }
}
.wrap-service .modern .slick-arrow:before
{
    font-family: 'iconfont' !important;
    font-size: 22px;
    line-height: 50px;

    display: block;

    content: '\e601';
    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;

    color: #fff;
}
.wrap-service .modern .slick-arrow.slick-next
{
    right: 3%;
    left: auto;
}
@media (max-width: 1560px)
{
    .wrap-service .modern .slick-arrow.slick-next
    {
        right: 3%;
    }
}
.wrap-service .modern .slick-arrow.slick-next:before
{
    content: '\e827';
}
.wrap-service .modern .slick-arrow:hover:before
{
    color: #fd9b00;
}
.wrap-service.wrap-woonew
{
    background: url(../images/woonew_bg.jpg) no-repeat center;
    background-size: cover;
}
.wrap-service .woonew
{
    padding: 0 15px;
}
.wrap-service .woonew .title-pic
{
    text-align: center;

    color: #fff;
}
.wrap-service .woonew .title-pic h2
{
    font-size: 40px;
    font-weight: bold;

    margin: 0;
}
.wrap-service .woonew .title-pic h2 span
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 46px;
    font-weight: bold;

    margin-left: 10px;
}
.wrap-service .woonew .text
{
    max-width: 690px;
    margin: 0 auto;
    margin-top: 30px;

    text-align: center;
}
.wrap-service .woonew .text p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;

    color: #fff;
}
.wrap-service .woonew .slick-woonew
{
    overflow: hidden;

    max-width: 1400px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 0 80px;
}
.wrap-service .woonew .slick-woonew .item
{
    padding: 0 10px;
}
.wrap-service .woonew .slick-woonew .item .pic
{
    overflow: hidden;
}
.wrap-service .woonew .slick-woonew .item .pic .img-box
{
    padding-bottom: 62%;
}
.wrap-service .woonew .slick-arrow
{
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 3%;

    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;

    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    background: none;
}
@media (max-width: 1560px)
{
    .wrap-service .woonew .slick-arrow
    {
        left: 3%;
    }
}
.wrap-service .woonew .slick-arrow:before
{
    font-family: 'iconfont' !important;
    font-size: 22px;
    line-height: 50px;

    display: block;

    content: '\e601';
    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;

    color: #fff;
}
.wrap-service .woonew .slick-arrow.slick-next
{
    right: 3%;
    left: auto;
}
@media (max-width: 1560px)
{
    .wrap-service .woonew .slick-arrow.slick-next
    {
        right: 3%;
    }
}
.wrap-service .woonew .slick-arrow.slick-next:before
{
    content: '\e827';
}
.wrap-service .woonew .slick-arrow:hover:before
{
    color: #fd9b00;
}
.wrap-service1 .wrap-woo
{
    overflow: hidden;
}
.wrap-service1 .wrap-woo .lab,
.wrap-service1 .wrap-woo .woo,
.wrap-service1 .wrap-woo .w
{
    float: left;

    width: 33.33333333%;
    margin-bottom: -969px;
    padding: 30px;
    padding-bottom: 999px;
}
.wrap-service1 .wrap-woo .lab .title-pic,
.wrap-service1 .wrap-woo .woo .title-pic,
.wrap-service1 .wrap-woo .w .title-pic
{
    width: 70%;
    margin: 0 auto;
    margin-top: 30px;
}
.wrap-service1 .wrap-woo .lab .title-pic img,
.wrap-service1 .wrap-woo .woo .title-pic img,
.wrap-service1 .wrap-woo .w .title-pic img
{
    max-width: 100%;
}
.wrap-service1 .wrap-woo .lab .text,
.wrap-service1 .wrap-woo .woo .text,
.wrap-service1 .wrap-woo .w .text
{
    min-height: 80px;
    margin-top: 10px;

    text-align: center;
}
.wrap-service1 .wrap-woo .lab .text p,
.wrap-service1 .wrap-woo .woo .text p,
.wrap-service1 .wrap-woo .w .text p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;
}
.wrap-service1 .wrap-woo .lab
{
    background: url(../images/lab_bg.jpg) no-repeat center;
    background-size: cover;
}
.wrap-service1 .wrap-woo .lab .pic,
.wrap-service1 .wrap-woo .w .pic
{
    max-width: 400px;
    margin: 0 auto;
}
.wrap-service1 .wrap-woo .lab .pic .item,
.wrap-service1 .wrap-woo .w .pic .item
{
    margin-top: 20px;
    padding: 0 6px;

    text-align: center;
}
.wrap-service1 .wrap-woo .w .slick-arrow,
.wrap-service1 .wrap-woo .lab .slick-arrow
{
    position: absolute;
    z-index: 9;
    top: 60%;
    left: -10%;

    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;

    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    background: none;
}
.wrap-service1 .wrap-woo .w .slick-arrow:before,
.wrap-service1 .wrap-woo .lab .slick-arrow:before
{
    font-family: 'iconfont' !important;
    font-family: 'iconfont' !important;
    font-size: 22px;
    line-height: 50px;

    display: block;

    content: '\e601';
    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;

    color: #666;
}
.wrap-service1 .wrap-woo .w .slick-arrow.slick-next,
.wrap-service1 .wrap-woo .lab .slick-arrow.slick-next
{
    right: -10%;
    left: auto;
}
.wrap-service1 .wrap-woo .w .slick-arrow.slick-next:before,
.wrap-service1 .wrap-woo .lab .slick-arrow.slick-next:before
{
    content: '\e827';
}
.wrap-service1 .wrap-woo .w .slick-arrow:hover:before,
.wrap-service1 .wrap-woo .lab .slick-arrow:hover:before
{
    color: #fd9b00;
}
.wrap-service1 .wrap-woo .lab .pic .item .erweima,
.wrap-service1 .wrap-woo .w .pic .item .erweima
{
    position: relative;

    display: inline-block;

    max-width: 140px;

    opacity: 0;
    border: 4px solid #ffde00;
    border-radius: 5px;
}
.wrap-service1 .wrap-woo .lab .pic .item .erweima:after,
.wrap-service1 .wrap-woo .w .pic .item .erweima:after
{
    position: absolute;
    bottom: -25px;
    left: 50%;

    display: block;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    border-width: 0 12px 12px 12px;
    border-style: solid;
    border-color: transparent transparent #ffde00 transparent;
}
.wrap-service1 .wrap-woo .lab .pic .item .erweima img,
.wrap-service1 .wrap-woo .w .pic .item .erweima img
{
    max-width: 100%;
}
.wrap-service1 .wrap-woo .lab .pic .item .pic,
.wrap-service1 .wrap-woo .w .pic .item .pic
{
    position: relative;

    overflow: hidden;

    margin-top: 16px;

    -webkit-transition: all .4s;
    transition: all .4s;

    border: 1px solid #d1d1d1;
    border-radius: 50%;
}
.wrap-service1 .wrap-woo .lab .pic .item p,
.wrap-service1 .wrap-woo .w .pic .item p
{
    font-size: 16px;
    line-height: 2;

    margin: 10px 0 0 0;

    text-align: left;

    opacity: 0;
}
.wrap-service1 .wrap-woo .lab .pic .item:hover .erweima,
.wrap-service1 .wrap-woo .w .pic .item:hover .erweima
{
    -webkit-animation: fadeInUp .5s 0s ease both;
    animation: fadeInUp .5s 0s ease both;
}
.wrap-service1 .wrap-woo .lab .pic .item:hover .pic,
.wrap-service1 .wrap-woo .w .pic .item:hover .pic
{
    border: 5px solid #ffde00;
}
.wrap-service1 .wrap-woo .lab .pic .item:hover p,
.wrap-service1 .wrap-woo .w .pic .item:hover p
{
    -webkit-animation: fadeInDown .5s 0s ease both;
    animation: fadeInDown .5s 0s ease both;
}
.wrap-service1 .wrap-woo .woo
{
    background: url(../images/woo_bg.jpg) no-repeat center;
    background-size: cover;
}
.wrap-service1 .wrap-woo .woo .num ul
{
    overflow: hidden;

    margin: 0 -30px;

    text-align: center;
}
@media (max-width: 1560px)
{
    .wrap-service1 .wrap-woo .woo .num ul
    {
        margin: 0 -10px;
    }
}
.wrap-service1 .wrap-woo .woo .num ul li
{
    position: relative;

    display: inline-block;

    margin-top: 40px;
    padding: 0 30px;
}
@media (max-width: 1560px)
{
    .wrap-service1 .wrap-woo .woo .num ul li
    {
        padding: 0 10px;
    }
}
.wrap-service1 .wrap-woo .woo .num ul li:after
{
    position: absolute;
    top: 30px;
    right: 0;

    display: inline-block;

    width: 6px;
    height: 6px;

    content: '';
    vertical-align: middle;

    border-radius: 50%;
    background-color: #211d1e;
}
.wrap-service1 .wrap-woo .woo .num ul li:last-child:after
{
    display: none;
}
.wrap-service1 .wrap-woo .woo .num ul li h3
{
    font-size: 16px;

    margin: 0;
}
.wrap-service1 .wrap-woo .woo .num ul li span
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 48px;
    font-weight: bold;
}
@media (max-width: 1560px)
{
    .wrap-service1 .wrap-woo .woo .num ul li span
    {
        font-size: 40px;
    }
}
.wrap-service1 .wrap-woo .woo .num ul li p
{
    font-size: 18px;
    font-size: 16px;
    margin: 10px 0 0 0;
}
@media (max-width: 1560px)
{
    .wrap-service1 .wrap-woo .woo .num ul li p
    {
        font-size: 15px;
        font-size: 14px;
    }
}
.wrap-service1 .wrap-woo .woo .pic,
.wrap-service1 .wrap-woo .w .pic
{
    text-align: center;
}
.wrap-service1 .wrap-woo .woo .pic p,
.wrap-service1 .wrap-woo .w .pic p
{
    font-size: 20px;
    line-height: 2;

    margin: 0;
}
.wrap-service1 .wrap-woo .woo .pic img,
.wrap-service1 .wrap-woo .w .pic img
{
    max-width: 100%;
}
.wrap-service1 .wrap-woo .w
{
    background: url(../images/w_bg.jpg) no-repeat center;
    background-size: cover;
}
.wrap-service1 .wrap-woo .w ul
{
    overflow: hidden;

    max-width: 400px;
    margin: 0 auto;
    margin-top: 66px;
}
.wrap-service1 .wrap-woo .w ul li
{
    padding: 0 10px;

    text-align: center;
}
.wrap-service1 .wrap-woo .w ul li .erweima
{
    position: relative;

    display: inline-block;

    max-width: 140px;

    opacity: 0;
    border: 4px solid #ffde00;
    border-radius: 5px;
}
.wrap-service1 .wrap-woo .w ul li .erweima:after
{
    position: absolute;
    bottom: -20px;
    left: 50%;

    display: block;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    border-width: 0 12px 12px 12px;
    border-style: solid;
    border-color: transparent transparent #ffde00 transparent;
}
.wrap-service1 .wrap-woo .w ul li .erweima img
{
    max-width: 100%;
}
.wrap-service1 .wrap-woo .w ul li .pic
{
    overflow: hidden;

    margin-top: 16px;

    border-radius: 50%;
}
.wrap-service1 .wrap-woo .w ul li p
{
    line-height: 1.71428571;

    margin: 10px 0 0 0;
}
.wrap-service1 .wrap-woo .w ul li:hover .erweima
{
    -webkit-animation: fadeInUp .5s 0s ease both;
    animation: fadeInUp .5s 0s ease both;
}
.wrap-service1 .partner
{
    padding: 60px 10% 0 10%;

    background-color: #f5f5f5;
}
.wrap-service1 .partner .title-partner
{
    text-align: center;
}
.wrap-service1 .partner .title-partner h2
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 36px;
    font-weight: bold;

    margin: 0;

    text-transform: uppercase;
}
.wrap-service1 .partner .title-partner p
{
    font-size: 26px;

    margin: 10px 0 0 0;
}
.wrap-service1 .partner ul
{
    overflow: hidden;
}
.wrap-service1 .partner ul li
{
    overflow: hidden;

    margin: 0 -30px;
    padding: 10px 0;

    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.wrap-service1 .partner ul li:nth-child(2)
{
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.wrap-service1 .partner ul li:nth-child(3)
{
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.wrap-service1 .partner ul li:nth-child(4)
{
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.wrap-service1 .partner .item
{
    float: left;

    width: 16.66666667%;
    padding: 0 30px;

    border-bottom: 1px solid #c9c9c9;
}
.wrap-service1 .partner .item .img-box
{
    padding-bottom: 78.94736842%;
}
#i-c1 .swiper-slide
{
    height: auto;
}
.wrap-join .title-join h2
{
    font-size: 38px;

    position: relative;

    margin: 0;
}
.wrap-join .title-join h2:before
{
    position: absolute;
    bottom: 0;
    left: 60px;

    display: block;

    width: 130px;
    height: 16px;

    content: '';

    background-color: #fff000;
}
.wrap-join .title-join h2 span
{
    position: relative;
    z-index: 2;
}
.wrap-join .join
{
    display: table;
    overflow: hidden;

    width: 100%;
}
.wrap-join .join .join-left,
.wrap-join .join .join-right
{
    display: table-cell;

    width: 50%;
    padding: 100px 0;
}
.wrap-join .join .join-left
{
    padding: 100px 6%;

    border-right: 1px solid #d2d2d2;
}
.wrap-join .join .join-left .text
{
    margin-top: 60px;
}
.wrap-join .join .join-left .text h3
{
    font-size: 24px;
    line-height: 1.66666667;

    margin: 0;

    color: #0096ff;
}
.wrap-join .join .join-left .text h3:after
{
    display: inline-block;

    width: 80px;
    height: 4px;

    content: '';
    vertical-align: middle;

    background-color: #0096ff;
}
.wrap-join .join .join-left .text p
{
    font-size: 16px;
    line-height: 1.75;

    margin: 0;
}
.wrap-join .join .join-left .text h4
{
    font-size: 30px;
    line-height: 1.66666667;

    margin: 0;
}
.wrap-join .join .join-left .text h5
{
    font-size: 20px;
    line-height: 1.6;

    margin: 0;
}
.wrap-join .join .join-left .list
{
    margin-top: 60px;
}
.wrap-join .join .join-left .list ul
{
    overflow: hidden;
}
.wrap-join .join .join-left .list ul li
{
    float: left;
    overflow: hidden;

    width: 50%;
    padding: 20px 30px;

    color: #fff;
    background-color: #d791a9;
}
@media (max-width: 1560px)
{
    .wrap-join .join .join-left .list ul li
    {
        padding: 20px 15px;
    }
}
.wrap-join .join .join-left .list ul li:nth-child(2)
{
    background-color: #bb3a66;
}
.wrap-join .join .join-left .list ul li:nth-child(3)
{
    background-color: #f3a9c2;
}
.wrap-join .join .join-left .list ul li:nth-child(4)
{
    background-color: #e8467d;
}
.wrap-join .join .join-left .list ul li a
{
    display: block;
}
.wrap-join .join .join-left .list ul li .lleft
{
    float: left;

    width: 60%;
}
.wrap-join .join .join-left .list ul li .lleft h3
{
    font-size: 24px;

    margin: 0;
}
.wrap-join .join .join-left .list ul li .lleft p
{
    font-size: 16px;

    margin: 0;
}
.wrap-join .join .join-left .list ul li .lright
{
    float: left;

    width: 40%;

    text-align: right;
}
.wrap-join .join .join-left .list ul li .lright h3
{
    font-size: 20px;
    line-height: 1;

    margin: 0;
}
.wrap-join .join .join-left .list ul li .lright h3 b
{
    font-family: 'AlternateGotNo1D';
    font-size: 56px;
}
.wrap-join .join .join-left .more
{
    position: relative;

    margin-top: 30px;
    padding-right: 150px;
}
.wrap-join .join .join-left .more p
{
    font-size: 16px;
    line-height: 1.4;

    margin: 0;
}
.wrap-join .join .join-left .more a
{
    font-size: 16px;
    line-height: 58px;

    position: absolute;
    top: 0;
    right: 0;
}
.wrap-join .join .join-left .more a:after
{
    font-family: 'iconfont' !important;
    line-height: 58px;

    display: block;
    float: right;

    width: 58px;
    height: 58px;
    margin-left: 12px;

    content: '\e827';
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #bb3a66;
}
.wrap-join .join .join-left .more a:hover:after
{
    background-color: #e8467d;
}
.wrap-join .join .join-right
{
    padding-bottom: 0;
}
.wrap-join .join .join-right .title-join
{
    padding: 0 10%;
}
.wrap-join .join .join-right .list
{
    margin-top: 50px;
}
.wrap-join .join .join-right .list ul li
{
    border-top: 1px solid #d2d2d2;
}
.wrap-join .join .join-right .list .item
{
    font-size: 0;

    overflow: hidden;

    padding: 50px 4%;
}
.wrap-join .join .join-right .list .item .pic
{
    display: inline-block;

    width: 34%;

    vertical-align: middle;
}
.wrap-join .join .join-right .list ul li:nth-child(2) .item
{
    padding: 0;

    text-align: center;
}
.wrap-join .join .join-right .list ul li:nth-child(3) .item
{
    padding: 0;
}
.wrap-join .join .join-right .list ul li:nth-child(3) .pic
{
    float: left;

    width: 20%;

    border-right: 1px solid #d2d2d2;
}
.wrap-join .join .join-right .list ul li:nth-child(3) .pic:last-child
{
    border-right: none;
}
.wrap-join .join .join-right .list ul li:nth-child(4)
{
    background-color: #f9f9f9;
}
.wrap-join .join .join-right .list .item .pic .img-box
{
    padding-bottom: 64.51612903%;
}
.wrap-join .join .join-right .list .item .note
{
    display: inline-block;

    width: 66%;
    padding-left: 4%;

    vertical-align: middle;
}
.wrap-join .join .join-right .list .item .note p
{
    font-size: 16px;
    line-height: 2;

    position: relative;

    padding-left: 40px;
}
.wrap-join .join .join-right .list .item .note p:before
{
    font-family: 'iconfont' !important;
    font-size: 20px;

    position: absolute;
    top: -2px;
    left: 0;

    content: '\e64c';

    color: #999;
}
.wrap-join .join .join-right .list .item .note p.tel:before
{
    content: '\e612';
}
.wrap-join .join .join-right .list .item .note p.email:before
{
    content: '\e630';
}
.wrap-join-show
{
    padding-top: 70px;
}
.wrap-join-show .join-show
{
    background-color: #f5f5f5;
}
.wrap-join-show .join-show .join-sort
{
    overflow: hidden;
}
.wrap-join-show .join-show .join-sort li
{
    float: left;

    width: 25%;
    padding: 30px;

    cursor: pointer;
    text-align: center;

    border: 1px solid #c9c9c9;
    border-left: 1px solid #f5f5f5;
    background-color: #fff;
}
.wrap-join-show .join-show .join-sort li .item
{
    position: relative;

    display: block;
}
.wrap-join-show .join-show .join-sort li .item:after
{
    position: absolute;
    top: 40%;
    left: 60%;

    display: block;

    width: 0;
    height: 18px;

    content: '';

    background-color: #fff000;
}
.wrap-join-show .join-show .join-sort li .item h3
{
    font-size: 26px;

    position: relative;
    z-index: 3;

    margin: 0;
}
.wrap-join-show .join-show .join-sort li .item p
{
    font-size: 16px;

    position: relative;
    z-index: 3;

    margin: 0;

    text-transform: uppercase;
}
.wrap-join-show .join-show .join-sort li.active
{
    border-color: #f5f5f5;
    border-right-color: #c9c9c9;
    background-color: #f5f5f5;
}
.wrap-join-show .join-show .join-sort li.active .item:after
{
    width: 130px;
}
.wrap-join-show .join-show .join-sort li.active:last-child
{
    border-right-color: #f5f5f5;
}
.wrap-join-show .join-show .list
{
    display: table;

    width: 100%;
}
.wrap-join-show .join-show .list .left,
.wrap-join-show .join-show .list .right
{
    display: table-cell;

    width: 50%;
    padding: 80px 60px;

    vertical-align: top;
}
.wrap-join-show .join-show .list .left .title-join-show h3,
.wrap-join-show .join-show .list .right .title-join-show h3
{
    font-size: 30px;
    line-height: 2;

    display: inline-block;

    margin: 0;

    border-bottom: 6px solid #0090ff;
}
.wrap-join-show .join-show .list .left .note,
.wrap-join-show .join-show .list .right .note
{
    margin-top: 50px;
}
.wrap-join-show .join-show .list .left .note p,
.wrap-join-show .join-show .list .right .note p
{
    font-size: 18px;
    line-height: 30px;

    position: relative;

    margin-bottom: 14px;
    padding-left: 50px;
}
.wrap-join-show .join-show .list .left .note p span,
.wrap-join-show .join-show .list .right .note p span
{
    font-family: 'Agency FB';
    font-size: 20px;
    line-height: 30px;

    position: absolute;
    top: 0;
    left: 0;

    width: 30px;
    height: 30px;

    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #0090ff;
}
.wrap-join-show .join-show .list .left .note h3,
.wrap-join-show .join-show .list .right .note h3
{
    font-size: 34px;
    line-height: 1.47058824;

    margin: 0;
}
.wrap-join-show .join-show .list .left
{
    border-right: 1px solid #c9c9c9;
}
.wrap-join-show .join-show .list .right .title-join-show h3
{
    border-bottom-color: #ff8a00;
}
.wrap-join-show .join-show .list .right .note p span
{
    background-color: #ff8a00;
}
.wrap-join-show .info
{
    text-align: center;
}
.wrap-join-show .info h3
{
    font-size: 40px;
    line-height: 1.75;

    margin: 0;
    padding: 40px 30px;

    color: #fff;
    background-color: #48a2e7;
}
@media (max-width: 1560px)
{
    .wrap-join-show .info h3
    {
        font-size: 30px;

        padding: 30px 15px;
    }
}
.wrap-join-show .info .note
{
    padding: 40px 15px 120px;
}
.wrap-join-show .info .note p
{
    font-size: 18px;
    line-height: 2;

    margin: 0;
}
/**
 * page
 */
.page
{
    clear: both;
    overflow: hidden;

    margin-top: 100px;

    text-align: center;
}
.page a
{
    font-size: 16px;
    line-height: 38px;

    display: inline-block;
    overflow: hidden;

    width: 38px;
    height: 38px;
    margin: 0 8px;

    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-align: center;

    color: #666;
    background-color: #eee;
}
.page a.active,
.page a:hover
{
    color: #fff;
    background-color: #fd9b00;
}
.bd_weixin_popup
{
    height: 310px !important;
}
*[data-type='iframe'],
*[data-fancybox],
.slick-slide:focus,
a:link
{
    outline: none !important;
}
.is-affixed .sidebar__inner
{
    background-color: #fff;
}
@media (max-width: 1440px)
{
    .wrap-service .service .text p
    {
        font-size: 14px;
    }
    .wrap-service .service .slick-service
    {
        margin-top: 20px;
    }
    .wrap-service .service .slick-dots
    {
        margin-top: 10px;
    }
    .wrap-service .service .text img
    {
        max-width: 66px;
        margin-top: 30px;
    }
    .wrap-service .sea .title-pic
    {
        max-width: 200px;
    }
    .wrap-service .sea .slick-sea .item
    {
        margin-top: 30px;
    }
    .wrap-service .sea .slick-dots
    {
        margin-top: 10px;
    }
    .wrap-service .world .text
    {
        margin-top: 10px;
    }
    .wrap-service .world .slick-world
    {
        margin-top: 20px;
    }
    .wrap-service .world .title-pic
    {
        margin-top: 30px;
    }
    .wrap-service .world .text p
    {
        font-size: 14px;
    }
    .wrap-service .world .title-pic img
    {
        max-width: 200px;
    }
    .wrap-service .world .title-pic p
    {
        font-size: 24px;
    }
    .wrap-service .modern .text p
    {
        font-size: 14px;
    }
    .wrap-service .modern .slick-modern
    {
        margin-top: 20px;
    }
    .wrap-service .modern
    {
        margin-top: 40px;
    }
    .wrap-service .modern .title-pic img
    {
        max-width: 300px;
    }
    .wrap-service .woonew .text p
    {
        font-size: 14px;
    }
    .wrap-service .woonew .slick-woonew
    {
        margin-top: 20px;
    }
    .wrap-service .woonew
    {
        margin-top: 40px;
    }
    .wrap-service .woonew .title-pic h2
    {
        font-size: 24px;
    }
    .wrap-service .woonew .title-pic h2 span
    {
        font-size: 24px;
    }
    .wrap-about .milestone .item h4
    {
        font-size: 14px;
    }
    .wrap-about .team .slick-team
    {
        margin-top: 0;
    }
    .box-idea .idea h3
    {
        font-size: 80px;
    }
}